ux4g-components-angular 1.4.0 → 1.5.0

package/dist/native/dropdown/fesm2022/ux4g-components-angular-native-dropdown.mjs

@@ -0,0 +1,108 @@
+import * as i0 from '@angular/core';
+import { forwardRef, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { generateDropdownDOM } from 'ux4g-components-web/dom-generators';
+import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
+
+/**
+ * UX4GNativeDropdownComponent — Angular Native Wrapper for the Dropdown component.
+ *
+ * Generates the complete UX4G dropdown DOM internally using the shared
+ * DOM Generator. Produces a trigger button with `data-ux4g-dropdown-toggle`,
+ * a menu container with `role="listbox"`, option items with `role="option"`
+ * and `aria-selected`, and optional search input.
+ *
+ * Implements ControlValueAccessor for Angular forms integration (ngModel/formControl).
+ * Runtime_JS activates interactive behaviors automatically via the MutationObserver bootstrap.
+ */
+class UX4GNativeDropdownComponent extends BaseNativeComponent {
+    constructor() {
+        super(...arguments);
+        this.options = [];
+        this.placeholder = 'Select...';
+        this.searchable = false;
+        this.multiple = false;
+    }
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set disabledInput(val) {
+        this.disabled = val;
+    }
+    get disabledInput() {
+        return this.disabled;
+    }
+    ngOnChanges() {
+        this.renderComponent();
+    }
+    renderComponent() {
+        // Clear existing children
+        const hostEl = this.elementRef.nativeElement;
+        while (hostEl.firstChild) {
+            this.renderer.removeChild(hostEl, hostEl.firstChild);
+        }
+        // Generate descriptor and render to DOM
+        const descriptor = generateDropdownDOM({
+            options: this.options,
+            value: this.value,
+            placeholder: this.placeholder,
+            searchable: this.searchable,
+            multiple: this.multiple,
+            disabled: this.disabled,
+        });
+        renderDescriptorToDOM(this.renderer, descriptor, hostEl);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeDropdownComponent, isStandalone: true, selector: "ux4g-dropdown[native], ux4g-native-dropdown", inputs: { options: "options", placeholder: "placeholder", searchable: "searchable", multiple: "multiple", disabledInput: ["disabled", "disabledInput"] }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => UX4GNativeDropdownComponent),
+                multi: true,
+            },
+        ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDropdownComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ux4g-dropdown[native], ux4g-native-dropdown',
+                    standalone: true,
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => UX4GNativeDropdownComponent),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], searchable: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], disabledInput: [{
+                type: Input,
+                args: ['disabled']
+            }] } });
+
+class UX4GNativeDropdownModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDropdownModule, imports: [UX4GNativeDropdownComponent], exports: [UX4GNativeDropdownComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDropdownModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [UX4GNativeDropdownComponent],
+                    exports: [UX4GNativeDropdownComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UX4GNativeDropdownComponent, UX4GNativeDropdownModule };
+//# sourceMappingURL=ux4g-components-angular-native-dropdown.mjs.map

package/dist/native/dropdown/fesm2022/ux4g-components-angular-native-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-dropdown.mjs","sources":["../../../../src/native/dropdown/ux4g-native-dropdown.component.ts","../../../../src/native/dropdown/ux4g-native-dropdown.module.ts","../../../../src/native/dropdown/ux4g-components-angular-native-dropdown.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  OnChanges,\r\n  ViewEncapsulation,\r\n  forwardRef,\r\n} from '@angular/core';\r\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { generateDropdownDOM } from 'ux4g-components-web/dom-generators';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\n/**\r\n * UX4GNativeDropdownComponent — Angular Native Wrapper for the Dropdown component.\r\n *\r\n * Generates the complete UX4G dropdown DOM internally using the shared\r\n * DOM Generator. Produces a trigger button with `data-ux4g-dropdown-toggle`,\r\n * a menu container with `role=\"listbox\"`, option items with `role=\"option\"`\r\n * and `aria-selected`, and optional search input.\r\n *\r\n * Implements ControlValueAccessor for Angular forms integration (ngModel/formControl).\r\n * Runtime_JS activates interactive behaviors automatically via the MutationObserver bootstrap.\r\n */\r\n@Component({\r\n  selector: 'ux4g-dropdown[native], ux4g-native-dropdown',\r\n  standalone: true,\r\n  template: '',\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => UX4GNativeDropdownComponent),\r\n      multi: true,\r\n    },\r\n  ],\r\n})\r\nexport class UX4GNativeDropdownComponent\r\n  extends BaseNativeComponent\r\n  implements OnChanges\r\n{\r\n  @Input() options: Array<{\r\n    label: string;\r\n    value: string;\r\n    disabled?: boolean;\r\n    group?: string;\r\n  }> = [];\r\n\r\n  @Input() placeholder = 'Select...';\r\n  @Input() searchable = false;\r\n  @Input() multiple = false;\r\n\r\n  // eslint-disable-next-line @angular-eslint/no-input-rename\r\n  @Input('disabled')\r\n  set disabledInput(val: boolean) {\r\n    this.disabled = val;\r\n  }\r\n  get disabledInput(): boolean {\r\n    return this.disabled;\r\n  }\r\n\r\n  ngOnChanges(): void {\r\n    this.renderComponent();\r\n  }\r\n\r\n  protected override renderComponent(): void {\r\n    // Clear existing children\r\n    const hostEl = this.elementRef.nativeElement;\r\n    while (hostEl.firstChild) {\r\n      this.renderer.removeChild(hostEl, hostEl.firstChild);\r\n    }\r\n\r\n    // Generate descriptor and render to DOM\r\n    const descriptor = generateDropdownDOM({\r\n      options: this.options,\r\n      value: this.value,\r\n      placeholder: this.placeholder,\r\n      searchable: this.searchable,\r\n      multiple: this.multiple,\r\n      disabled: this.disabled,\r\n    });\r\n\r\n    renderDescriptorToDOM(this.renderer, descriptor, hostEl);\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeDropdownComponent } from './ux4g-native-dropdown.component';\r\n\r\n@NgModule({\r\n  imports: [UX4GNativeDropdownComponent],\r\n  exports: [UX4GNativeDropdownComponent],\r\n})\r\nexport class UX4GNativeDropdownModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/dist/native/dropdown/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ux4g-components-angular" />
+export * from './public-api';
+//# sourceMappingURL=ux4g-components-angular-native-dropdown.d.ts.map

package/dist/native/dropdown/public-api.d.ts

@@ -0,0 +1,3 @@
+export { UX4GNativeDropdownComponent } from './ux4g-native-dropdown.component';
+export { UX4GNativeDropdownModule } from './ux4g-native-dropdown.module';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/native/dropdown/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/dropdown/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/native/dropdown/ux4g-components-angular-native-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-dropdown.d.ts","sourceRoot":"","sources":["../../../src/native/dropdown/ux4g-components-angular-native-dropdown.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}

package/dist/native/dropdown/ux4g-native-dropdown.component.d.ts

@@ -0,0 +1,32 @@
+import { OnChanges } from '@angular/core';
+import { BaseNativeComponent } from '@ux4g-native-shared';
+import * as i0 from "@angular/core";
+/**
+ * UX4GNativeDropdownComponent — Angular Native Wrapper for the Dropdown component.
+ *
+ * Generates the complete UX4G dropdown DOM internally using the shared
+ * DOM Generator. Produces a trigger button with `data-ux4g-dropdown-toggle`,
+ * a menu container with `role="listbox"`, option items with `role="option"`
+ * and `aria-selected`, and optional search input.
+ *
+ * Implements ControlValueAccessor for Angular forms integration (ngModel/formControl).
+ * Runtime_JS activates interactive behaviors automatically via the MutationObserver bootstrap.
+ */
+export declare class UX4GNativeDropdownComponent extends BaseNativeComponent implements OnChanges {
+    options: Array<{
+        label: string;
+        value: string;
+        disabled?: boolean;
+        group?: string;
+    }>;
+    placeholder: string;
+    searchable: boolean;
+    multiple: boolean;
+    set disabledInput(val: boolean);
+    get disabledInput(): boolean;
+    ngOnChanges(): void;
+    protected renderComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeDropdownComponent, "ux4g-dropdown[native], ux4g-native-dropdown", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabledInput": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=ux4g-native-dropdown.component.d.ts.map

package/dist/native/dropdown/ux4g-native-dropdown.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-dropdown.component.d.ts","sourceRoot":"","sources":["../../../src/native/dropdown/ux4g-native-dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAGV,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAEjF;;;;;;;;;;GAUG;AACH,qBAaa,2BACX,SAAQ,mBACR,YAAW,SAAS;IAEX,OAAO,EAAE,KAAK,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC,CAAM;IAEC,WAAW,SAAe;IAC1B,UAAU,UAAS;IACnB,QAAQ,UAAS;IAG1B,IACI,aAAa,CAAC,GAAG,EAAE,OAAO,EAE7B;IACD,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,WAAW,IAAI,IAAI;cAIA,eAAe,IAAI,IAAI;yCA5B/B,2BAA2B;2CAA3B,2BAA2B;CA+CvC"}

package/dist/native/dropdown/ux4g-native-dropdown.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ux4g-native-dropdown.component";
+export declare class UX4GNativeDropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeDropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UX4GNativeDropdownModule, never, [typeof i1.UX4GNativeDropdownComponent], [typeof i1.UX4GNativeDropdownComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UX4GNativeDropdownModule>;
+}
+//# sourceMappingURL=ux4g-native-dropdown.module.d.ts.map

package/dist/native/dropdown/ux4g-native-dropdown.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-dropdown.module.d.ts","sourceRoot":"","sources":["../../../src/native/dropdown/ux4g-native-dropdown.module.ts"],"names":[],"mappings":";;AAGA,qBAIa,wBAAwB;yCAAxB,wBAAwB;0CAAxB,wBAAwB;0CAAxB,wBAAwB;CAAG"}