Implemented showcase doc for input-switch component

adaleks · Nov 11, 2023 · f94ebb0 · f94ebb0
1 parent 15734b2
commit f94ebb0
Show file tree

Hide file tree

Showing 40 changed files with 1,416 additions and 466 deletions.
diff --git a/packages/angular/package.json b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@anywhere-ui/angular",
-  "version": "0.4.0+21",
+  "version": "0.4.0+22",
   "license": "MIT",
   "keywords": [
     "anywhere-ui",
@@ -66,5 +66,5 @@
     "tslint": "~6.1.3",
     "typescript": "4.9.5"
   },
-  "buildnum": "21"
+  "buildnum": "22"
 }
diff --git a/packages/angular/projects/anywhere-ui/package.json b/packages/angular/projects/anywhere-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@anywhere-ui/angular",
-  "version": "0.4.0+21",
+  "version": "0.4.0+22",
   "license": "MIT",
   "keywords": [
     "anywhere-ui",
@@ -33,5 +33,5 @@
     "@anywhere-ui/core": "^0.3.0",
     "@anywhere-ui/flex": "^1.0.2"
   },
-  "buildnum": "21"
+  "buildnum": "22"
 }
diff --git a/packages/angular/projects/anywhere-ui/src/lib/directives/angular-component-lib/utils.ts b/packages/angular/projects/anywhere-ui/src/lib/directives/angular-component-lib/utils.ts
@@ -12,6 +12,14 @@ export const proxyInputs = (Cmp: any, inputs: string[]) => {
       set(val: any) {
         this.z.runOutsideAngular(() => (this.el[item] = val));
       },
+      /**
+       * In the event that proxyInputs is called
+       * multiple times re-defining these inputs
+       * will cause an error to be thrown. As a result
+       * we set configurable: true to indicate these
+       * properties can be changed.
+       */
+      configurable: true,
     });
   });
 };

diff --git a/packages/angular/projects/anywhere-ui/src/lib/directives/proxies.ts b/packages/angular/projects/anywhere-ui/src/lib/directives/proxies.ts
@@ -1082,3 +1082,69 @@ export class DropdownVirtualScroll {
 export declare interface DropdownVirtualScroll extends Components.DropdownVirtualScroll {}
 
 
+@ProxyCmp({
+  inputs: ['textId', 'textTitle']
+})
+@Component({
+  selector: 'input-switch-basic',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['textId', 'textTitle'],
+})
+export class InputSwitchBasic {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface InputSwitchBasic extends Components.InputSwitchBasic {}
+
+
+@ProxyCmp({
+  inputs: ['textId', 'textTitle']
+})
+@Component({
+  selector: 'input-switch-disabled',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['textId', 'textTitle'],
+})
+export class InputSwitchDisabled {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface InputSwitchDisabled extends Components.InputSwitchDisabled {}
+
+
+@ProxyCmp({
+  inputs: ['textId', 'textTitle']
+})
+@Component({
+  selector: 'input-switch-preselection',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['textId', 'textTitle'],
+})
+export class InputSwitchPreselection {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface InputSwitchPreselection extends Components.InputSwitchPreselection {}
+
+