ux4g-components-angular 1.4.1 → 1.5.0

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

@@ -0,0 +1,85 @@
+import * as i0 from '@angular/core';
+import { Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { generateAccordionDOM } from 'ux4g-components-web/dom-generators';
+import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
+
+/**
+ * UX4GNativeAccordionComponent — Angular Native Wrapper for the Accordion component.
+ *
+ * Generates the complete UX4G accordion DOM internally using the shared
+ * DOM Generator. Produces headers with `data-ux4g-accordion-toggle`,
+ * panels with unique IDs, aria-expanded on toggles, aria-controls
+ * referencing panel IDs, and role="region" on panels.
+ *
+ * Runtime_JS activates interactive behaviors (expand/collapse) automatically
+ * via the MutationObserver bootstrap.
+ */
+class UX4GNativeAccordionComponent extends BaseNativeComponent {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+    }
+    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
+        if (this.items && this.items.length > 0) {
+            const descriptor = generateAccordionDOM({
+                items: this.items,
+                arrowPosition: this.arrowPosition,
+                variant: this.variant,
+                multiExpand: this.multiExpand,
+            });
+            renderDescriptorToDOM(this.renderer, descriptor, hostEl);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeAccordionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeAccordionComponent, isStandalone: true, selector: "ux4g-native-accordion", inputs: { items: "items", arrowPosition: "arrowPosition", variant: "variant", multiExpand: "multiExpand" }, 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: UX4GNativeAccordionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ux4g-native-accordion',
+                    standalone: true,
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], arrowPosition: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], multiExpand: [{
+                type: Input
+            }] } });
+
+/**
+ * NgModule for backward compatibility with module-based Angular applications.
+ * Standalone-first consumers can import UX4GNativeAccordionComponent directly.
+ */
+class UX4GNativeAccordionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeAccordionModule, imports: [UX4GNativeAccordionComponent], exports: [UX4GNativeAccordionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeAccordionModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [UX4GNativeAccordionComponent],
+                    exports: [UX4GNativeAccordionComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UX4GNativeAccordionComponent, UX4GNativeAccordionModule };
+//# sourceMappingURL=ux4g-components-angular-native-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-accordion.mjs","sources":["../../../../src/native/accordion/ux4g-native-accordion.component.ts","../../../../src/native/accordion/ux4g-native-accordion.module.ts","../../../../src/native/accordion/ux4g-components-angular-native-accordion.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  OnChanges,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { generateAccordionDOM } from 'ux4g-components-web/dom-generators';\r\nimport { AccordionArrowPosition, AccordionVariant } from 'ux4g-components-web/types';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\n/**\r\n * UX4GNativeAccordionComponent — Angular Native Wrapper for the Accordion component.\r\n *\r\n * Generates the complete UX4G accordion DOM internally using the shared\r\n * DOM Generator. Produces headers with `data-ux4g-accordion-toggle`,\r\n * panels with unique IDs, aria-expanded on toggles, aria-controls\r\n * referencing panel IDs, and role=\"region\" on panels.\r\n *\r\n * Runtime_JS activates interactive behaviors (expand/collapse) automatically\r\n * via the MutationObserver bootstrap.\r\n */\r\n@Component({\r\n  selector: 'ux4g-native-accordion',\r\n  standalone: true,\r\n  template: '',\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GNativeAccordionComponent extends BaseNativeComponent implements OnChanges {\r\n  @Input() items: Array<{ header: string; content: string; expanded?: boolean; disabled?: boolean }> = [];\r\n  @Input() arrowPosition?: AccordionArrowPosition;\r\n  @Input() variant?: AccordionVariant;\r\n  @Input() multiExpand?: boolean;\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    if (this.items && this.items.length > 0) {\r\n      const descriptor = generateAccordionDOM({\r\n        items: this.items,\r\n        arrowPosition: this.arrowPosition,\r\n        variant: this.variant,\r\n        multiExpand: this.multiExpand,\r\n      });\r\n      renderDescriptorToDOM(this.renderer, descriptor, hostEl);\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeAccordionComponent } from './ux4g-native-accordion.component';\r\n\r\n/**\r\n * NgModule for backward compatibility with module-based Angular applications.\r\n * Standalone-first consumers can import UX4GNativeAccordionComponent directly.\r\n */\r\n@NgModule({\r\n  imports: [UX4GNativeAccordionComponent],\r\n  exports: [UX4GNativeAccordionComponent],\r\n})\r\nexport class UX4GNativeAccordionModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAUA;;;;;;;;;;AAUG;AAOG,MAAO,4BAA6B,SAAQ,mBAAmB,CAAA;AANrE,IAAA,WAAA,GAAA;;QAOW,IAAA,CAAA,KAAK,GAAuF,EAAE;AA2BxG,IAAA;IAtBC,WAAW,GAAA;QACT,IAAI,CAAC,eAAe,EAAE;IACxB;IAEmB,eAAe,GAAA;;AAEhC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC5C,QAAA,OAAO,MAAM,CAAC,UAAU,EAAE;YACxB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC;QACtD;;AAGA,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACvC,MAAM,UAAU,GAAG,oBAAoB,CAAC;gBACtC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,WAAW,EAAE,IAAI,CAAC,WAAW;AAC9B,aAAA,CAAC;YACF,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;QAC1D;IACF;+GA3BW,4BAA4B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,yOAH7B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGD,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,KAAK,EAAA,CAAA;sBAAb;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,WAAW,EAAA,CAAA;sBAAnB;;;AC5BH;;;AAGG;MAKU,yBAAyB,CAAA;+GAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAzB,yBAAyB,EAAA,OAAA,EAAA,CAH1B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CAC5B,4BAA4B,CAAA,EAAA,CAAA,CAAA;gHAE3B,yBAAyB,EAAA,CAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,4BAA4B,CAAC;oBACvC,OAAO,EAAE,CAAC,4BAA4B,CAAC;AACxC,iBAAA;;;ACVD;;AAEG;;;;"}

package/dist/native/accordion/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-accordion.d.ts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/accordion/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC"}

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

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

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

@@ -0,0 +1,31 @@
+import { OnChanges } from '@angular/core';
+import { AccordionArrowPosition, AccordionVariant } from 'ux4g-components-web/types';
+import { BaseNativeComponent } from '@ux4g-native-shared';
+import * as i0 from "@angular/core";
+/**
+ * UX4GNativeAccordionComponent — Angular Native Wrapper for the Accordion component.
+ *
+ * Generates the complete UX4G accordion DOM internally using the shared
+ * DOM Generator. Produces headers with `data-ux4g-accordion-toggle`,
+ * panels with unique IDs, aria-expanded on toggles, aria-controls
+ * referencing panel IDs, and role="region" on panels.
+ *
+ * Runtime_JS activates interactive behaviors (expand/collapse) automatically
+ * via the MutationObserver bootstrap.
+ */
+export declare class UX4GNativeAccordionComponent extends BaseNativeComponent implements OnChanges {
+    items: Array<{
+        header: string;
+        content: string;
+        expanded?: boolean;
+        disabled?: boolean;
+    }>;
+    arrowPosition?: AccordionArrowPosition;
+    variant?: AccordionVariant;
+    multiExpand?: boolean;
+    ngOnChanges(): void;
+    protected renderComponent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeAccordionComponent, "ux4g-native-accordion", never, { "items": { "alias": "items"; "required": false; }; "arrowPosition": { "alias": "arrowPosition"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "multiExpand": { "alias": "multiExpand"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=ux4g-native-accordion.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-accordion.component.d.ts","sourceRoot":"","sources":["../../../src/native/accordion/ux4g-native-accordion.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAEV,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAEjF;;;;;;;;;;GAUG;AACH,qBAMa,4BAA6B,SAAQ,mBAAoB,YAAW,SAAS;IAC/E,KAAK,EAAE,KAAK,CAAC;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAM;IAC/F,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IAE/B,WAAW,IAAI,IAAI;cAIA,eAAe,IAAI,IAAI;yCAV/B,4BAA4B;2CAA5B,4BAA4B;CA4BxC"}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ux4g-native-accordion.component";
+/**
+ * NgModule for backward compatibility with module-based Angular applications.
+ * Standalone-first consumers can import UX4GNativeAccordionComponent directly.
+ */
+export declare class UX4GNativeAccordionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeAccordionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UX4GNativeAccordionModule, never, [typeof i1.UX4GNativeAccordionComponent], [typeof i1.UX4GNativeAccordionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UX4GNativeAccordionModule>;
+}
+//# sourceMappingURL=ux4g-native-accordion.module.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-accordion.module.d.ts","sourceRoot":"","sources":["../../../src/native/accordion/ux4g-native-accordion.module.ts"],"names":[],"mappings":";;AAGA;;;GAGG;AACH,qBAIa,yBAAyB;yCAAzB,yBAAyB;0CAAzB,yBAAyB;0CAAzB,yBAAyB;CAAG"}