ux4g-components-angular 1.4.1 → 1.5.0

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

@@ -0,0 +1,91 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { generateCarouselDOM } from 'ux4g-components-web/dom-generators';
+import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
+
+/**
+ * Angular Native Carousel component.
+ * Generates the complete UX4G carousel DOM structure internally using the shared DOM Generator.
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-carousel
+ *   [slides]="slides"
+ *   [activeIndex]="currentIndex"
+ *   [showIndicators]="true"
+ *   [showNavigation]="true"
+ *   (slideChange)="onSlideChange($event)">
+ * </ux4g-native-carousel>
+ * ```
+ */
+class UX4GNativeCarouselComponent extends BaseNativeComponent {
+    constructor() {
+        super(...arguments);
+        this.slides = [];
+        this.activeIndex = 0;
+        this.showIndicators = true;
+        this.showNavigation = true;
+        this.slideChange = new EventEmitter();
+    }
+    ngOnChanges(_changes) {
+        this.renderComponent();
+    }
+    renderComponent() {
+        super.renderComponent();
+        if (!this.slides || this.slides.length === 0) {
+            return;
+        }
+        const props = {
+            slides: this.slides,
+            activeIndex: this.activeIndex,
+            showIndicators: this.showIndicators,
+            showNavigation: this.showNavigation,
+        };
+        const descriptor = generateCarouselDOM(props);
+        renderDescriptorToDOM(this.renderer, descriptor, this.elementRef.nativeElement);
+    }
+    ngOnDestroy() {
+        // Cleanup handled by base class
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeCarouselComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeCarouselComponent, isStandalone: true, selector: "ux4g-native-carousel", inputs: { slides: "slides", activeIndex: "activeIndex", showIndicators: "showIndicators", showNavigation: "showNavigation" }, outputs: { slideChange: "slideChange" }, 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: UX4GNativeCarouselComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ux4g-native-carousel',
+                    standalone: true,
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { slides: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], showIndicators: [{
+                type: Input
+            }], showNavigation: [{
+                type: Input
+            }], slideChange: [{
+                type: Output
+            }] } });
+
+class UX4GNativeCarouselModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeCarouselModule, imports: [UX4GNativeCarouselComponent], exports: [UX4GNativeCarouselComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeCarouselModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [UX4GNativeCarouselComponent],
+                    exports: [UX4GNativeCarouselComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UX4GNativeCarouselComponent, UX4GNativeCarouselModule };
+//# sourceMappingURL=ux4g-components-angular-native-carousel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-carousel.mjs","sources":["../../../../src/native/carousel/ux4g-native-carousel.component.ts","../../../../src/native/carousel/ux4g-native-carousel.module.ts","../../../../src/native/carousel/ux4g-components-angular-native-carousel.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ViewEncapsulation,\r\n  OnChanges,\r\n  SimpleChanges,\r\n} from '@angular/core';\r\nimport { generateCarouselDOM, CarouselGeneratorProps } from 'ux4g-components-web/dom-generators';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\n/**\r\n * Angular Native Carousel component.\r\n * Generates the complete UX4G carousel DOM structure internally using the shared DOM Generator.\r\n *\r\n * Usage:\r\n * ```html\r\n * <ux4g-native-carousel\r\n *   [slides]=\"slides\"\r\n *   [activeIndex]=\"currentIndex\"\r\n *   [showIndicators]=\"true\"\r\n *   [showNavigation]=\"true\"\r\n *   (slideChange)=\"onSlideChange($event)\">\r\n * </ux4g-native-carousel>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ux4g-native-carousel',\r\n  standalone: true,\r\n  template: '',\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GNativeCarouselComponent extends BaseNativeComponent implements OnChanges {\r\n  @Input() slides: Array<{ content: string; label?: string }> = [];\r\n  @Input() activeIndex: number = 0;\r\n  @Input() showIndicators: boolean = true;\r\n  @Input() showNavigation: boolean = true;\r\n\r\n  @Output() slideChange = new EventEmitter<number>();\r\n\r\n  ngOnChanges(_changes: SimpleChanges): void {\r\n    this.renderComponent();\r\n  }\r\n\r\n  protected override renderComponent(): void {\r\n    super.renderComponent();\r\n\r\n    if (!this.slides || this.slides.length === 0) {\r\n      return;\r\n    }\r\n\r\n    const props: CarouselGeneratorProps = {\r\n      slides: this.slides,\r\n      activeIndex: this.activeIndex,\r\n      showIndicators: this.showIndicators,\r\n      showNavigation: this.showNavigation,\r\n    };\r\n\r\n    const descriptor = generateCarouselDOM(props);\r\n    renderDescriptorToDOM(this.renderer, descriptor, this.elementRef.nativeElement);\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    // Cleanup handled by base class\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeCarouselComponent } from './ux4g-native-carousel.component';\r\n\r\n@NgModule({\r\n  imports: [UX4GNativeCarouselComponent],\r\n  exports: [UX4GNativeCarouselComponent],\r\n})\r\nexport class UX4GNativeCarouselModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAYA;;;;;;;;;;;;;;AAcG;AAOG,MAAO,2BAA4B,SAAQ,mBAAmB,CAAA;AANpE,IAAA,WAAA,GAAA;;QAOW,IAAA,CAAA,MAAM,GAA+C,EAAE;QACvD,IAAA,CAAA,WAAW,GAAW,CAAC;QACvB,IAAA,CAAA,cAAc,GAAY,IAAI;QAC9B,IAAA,CAAA,cAAc,GAAY,IAAI;AAE7B,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAU;AA2BnD,IAAA;AAzBC,IAAA,WAAW,CAAC,QAAuB,EAAA;QACjC,IAAI,CAAC,eAAe,EAAE;IACxB;IAEmB,eAAe,GAAA;QAChC,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5C;QACF;AAEA,QAAA,MAAM,KAAK,GAA2B;YACpC,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,cAAc,EAAE,IAAI,CAAC,cAAc;SACpC;AAED,QAAA,MAAM,UAAU,GAAG,mBAAmB,CAAC,KAAK,CAAC;AAC7C,QAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IACjF;IAEA,WAAW,GAAA;;IAEX;+GAhCW,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,mSAH5B,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAGD,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,EAAE;oBACZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA;8BAEU,MAAM,EAAA,CAAA;sBAAd;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;gBAES,WAAW,EAAA,CAAA;sBAApB;;;MChCU,wBAAwB,CAAA;+GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAxB,wBAAwB,EAAA,OAAA,EAAA,CAHzB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAC3B,2BAA2B,CAAA,EAAA,CAAA,CAAA;gHAE1B,wBAAwB,EAAA,CAAA,CAAA;;4FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAJpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,2BAA2B,CAAC;oBACtC,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACvC,iBAAA;;;ACND;;AAEG;;;;"}

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/carousel/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/carousel/ux4g-components-angular-native-carousel.d.ts.map

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

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

@@ -0,0 +1,34 @@
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { BaseNativeComponent } from '@ux4g-native-shared';
+import * as i0 from "@angular/core";
+/**
+ * Angular Native Carousel component.
+ * Generates the complete UX4G carousel DOM structure internally using the shared DOM Generator.
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-carousel
+ *   [slides]="slides"
+ *   [activeIndex]="currentIndex"
+ *   [showIndicators]="true"
+ *   [showNavigation]="true"
+ *   (slideChange)="onSlideChange($event)">
+ * </ux4g-native-carousel>
+ * ```
+ */
+export declare class UX4GNativeCarouselComponent extends BaseNativeComponent implements OnChanges {
+    slides: Array<{
+        content: string;
+        label?: string;
+    }>;
+    activeIndex: number;
+    showIndicators: boolean;
+    showNavigation: boolean;
+    slideChange: EventEmitter<number>;
+    ngOnChanges(_changes: SimpleChanges): void;
+    protected renderComponent(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeCarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeCarouselComponent, "ux4g-native-carousel", never, { "slides": { "alias": "slides"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "showIndicators": { "alias": "showIndicators"; "required": false; }; "showNavigation": { "alias": "showNavigation"; "required": false; }; }, { "slideChange": "slideChange"; }, never, never, true, never>;
+}
+//# sourceMappingURL=ux4g-native-carousel.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-carousel.component.d.ts","sourceRoot":"","sources":["../../../src/native/carousel/ux4g-native-carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEZ,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAEjF;;;;;;;;;;;;;;GAcG;AACH,qBAMa,2BAA4B,SAAQ,mBAAoB,YAAW,SAAS;IAC9E,MAAM,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAM;IACxD,WAAW,EAAE,MAAM,CAAK;IACxB,cAAc,EAAE,OAAO,CAAQ;IAC/B,cAAc,EAAE,OAAO,CAAQ;IAE9B,WAAW,uBAA8B;IAEnD,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;cAIvB,eAAe,IAAI,IAAI;IAkB1C,WAAW,IAAI,IAAI;yCA9BR,2BAA2B;2CAA3B,2BAA2B;CAiCvC"}

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

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

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

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