ux4g-components-angular 1.4.0 → 1.5.0

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

@@ -0,0 +1,219 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, NgZone, Output, Input, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { generateModalDOM } from 'ux4g-components-web/dom-generators';
+import { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';
+
+const FOCUSABLE_SELECTORS = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+/**
+ * UX4GNativeModalComponent — Angular Native Wrapper for the UX4G Modal component.
+ *
+ * Generates the complete modal DOM structure via generateModalDOM(),
+ * including backdrop, dialog box with role="dialog" and aria-modal="true",
+ * close button with data-ux4g-modal-close, and focus trap.
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-modal [open]="isOpen" [title]="'Dialog'" (closeEvent)="onClose()">
+ *   <p>Modal content goes here</p>
+ * </ux4g-native-modal>
+ * ```
+ */
+class UX4GNativeModalComponent extends BaseNativeComponent {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.size = 'm';
+        this.closable = true;
+        this.backdropOpacity = '50';
+        this.backdropBlur = false;
+        this.closeEvent = new EventEmitter();
+        this.ngZone = inject(NgZone);
+        this.previousFocus = null;
+        this.keydownHandler = null;
+        this.clickHandler = null;
+    }
+    ngAfterViewInit() {
+        if (this.open) {
+            this.renderComponent();
+            this.activateFocusTrap();
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes['open']) {
+            if (this.open) {
+                this.renderComponent();
+                this.activateFocusTrap();
+            }
+            else {
+                this.deactivateFocusTrap();
+                this.clearHost();
+                this.restoreFocus();
+            }
+        }
+        else if (this.open) {
+            // Other inputs changed while open — re-render
+            this.renderComponent();
+        }
+    }
+    renderComponent() {
+        // Clear existing children (but leave ng-content slot alone by clearing manually)
+        const hostEl = this.elementRef.nativeElement;
+        // Remove all children that are NOT projected content (ng-content)
+        // We prepend the generated modal DOM before ng-content
+        this.clearHost();
+        if (!this.open)
+            return;
+        const props = {
+            open: this.open,
+            size: this.size,
+            title: this.title,
+            closable: this.closable,
+            backdropOpacity: this.backdropOpacity,
+            backdropBlur: this.backdropBlur,
+        };
+        const descriptor = generateModalDOM(props);
+        // Render the descriptor tree into the host element
+        renderDescriptorToDOM(this.renderer, descriptor, hostEl);
+    }
+    ngOnDestroy() {
+        this.deactivateFocusTrap();
+        super.ngOnDestroy();
+    }
+    clearHost() {
+        const hostEl = this.elementRef.nativeElement;
+        while (hostEl.firstChild) {
+            this.renderer.removeChild(hostEl, hostEl.firstChild);
+        }
+    }
+    activateFocusTrap() {
+        // Store current focus to restore later
+        if (typeof document !== 'undefined') {
+            this.previousFocus = document.activeElement;
+        }
+        // Set up keyboard handler for focus trapping and Escape close
+        this.keydownHandler = (e) => {
+            if (e.key === 'Escape' && this.closable) {
+                this.ngZone.run(() => this.closeEvent.emit());
+                return;
+            }
+            if (e.key === 'Tab') {
+                const hostEl = this.elementRef.nativeElement;
+                const focusableElements = Array.from(hostEl.querySelectorAll(FOCUSABLE_SELECTORS));
+                if (focusableElements.length === 0) {
+                    e.preventDefault();
+                    return;
+                }
+                const firstFocusable = focusableElements[0];
+                const lastFocusable = focusableElements[focusableElements.length - 1];
+                if (e.shiftKey) {
+                    if (document.activeElement === firstFocusable) {
+                        e.preventDefault();
+                        lastFocusable.focus();
+                    }
+                }
+                else {
+                    if (document.activeElement === lastFocusable) {
+                        e.preventDefault();
+                        firstFocusable.focus();
+                    }
+                }
+            }
+        };
+        // Set up click handler for close button and backdrop clicks
+        this.clickHandler = (e) => {
+            const target = e.target;
+            // Close button click
+            if (target.hasAttribute('data-ux4g-modal-close')) {
+                this.ngZone.run(() => this.closeEvent.emit());
+                return;
+            }
+            // Backdrop click
+            if (target.classList.contains('ux4g-modal-backdrop')) {
+                this.ngZone.run(() => this.closeEvent.emit());
+            }
+        };
+        if (typeof document !== 'undefined') {
+            document.addEventListener('keydown', this.keydownHandler);
+            this.elementRef.nativeElement.addEventListener('click', this.clickHandler);
+        }
+        // Focus the first focusable element inside the modal
+        setTimeout(() => {
+            const hostEl = this.elementRef.nativeElement;
+            const firstFocusable = hostEl.querySelector(FOCUSABLE_SELECTORS);
+            if (firstFocusable) {
+                firstFocusable.focus();
+            }
+            else {
+                hostEl.setAttribute('tabindex', '-1');
+                hostEl.focus();
+            }
+        }, 0);
+    }
+    deactivateFocusTrap() {
+        if (typeof document !== 'undefined') {
+            if (this.keydownHandler) {
+                document.removeEventListener('keydown', this.keydownHandler);
+                this.keydownHandler = null;
+            }
+            if (this.clickHandler) {
+                this.elementRef.nativeElement.removeEventListener('click', this.clickHandler);
+                this.clickHandler = null;
+            }
+        }
+    }
+    restoreFocus() {
+        if (this.previousFocus) {
+            this.previousFocus.focus();
+            this.previousFocus = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeModalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: UX4GNativeModalComponent, isStandalone: true, selector: "ux4g-native-modal", inputs: { open: "open", size: "size", title: "title", closable: "closable", backdropOpacity: "backdropOpacity", backdropBlur: "backdropBlur" }, outputs: { closeEvent: "closeEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ux4g-native-modal',
+                    standalone: true,
+                    template: `<ng-content></ng-content>`,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], backdropOpacity: [{
+                type: Input
+            }], backdropBlur: [{
+                type: Input
+            }], closeEvent: [{
+                type: Output
+            }] } });
+
+/**
+ * NgModule for backward compatibility with module-based Angular applications.
+ * For standalone components (Angular 17+), import UX4GNativeModalComponent directly.
+ */
+class UX4GNativeModalModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeModalModule, imports: [UX4GNativeModalComponent], exports: [UX4GNativeModalComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeModalModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UX4GNativeModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [UX4GNativeModalComponent],
+                    exports: [UX4GNativeModalComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UX4GNativeModalComponent, UX4GNativeModalModule };
+//# sourceMappingURL=ux4g-components-angular-native-modal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-components-angular-native-modal.mjs","sources":["../../../../src/native/modal/ux4g-native-modal.component.ts","../../../../src/native/modal/ux4g-native-modal.module.ts","../../../../src/native/modal/ux4g-components-angular-native-modal.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  ViewEncapsulation,\r\n  OnChanges,\r\n  OnDestroy,\r\n  AfterViewInit,\r\n  SimpleChanges,\r\n  NgZone,\r\n  inject,\r\n} from '@angular/core';\r\nimport { generateModalDOM, ModalGeneratorProps } from 'ux4g-components-web/dom-generators';\r\nimport { ModalSize, ModalOpacity } from 'ux4g-components-web/types';\r\nimport { BaseNativeComponent, renderDescriptorToDOM } from '@ux4g-native-shared';\r\n\r\nconst FOCUSABLE_SELECTORS =\r\n  'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\r\n\r\n/**\r\n * UX4GNativeModalComponent — Angular Native Wrapper for the UX4G Modal component.\r\n *\r\n * Generates the complete modal DOM structure via generateModalDOM(),\r\n * including backdrop, dialog box with role=\"dialog\" and aria-modal=\"true\",\r\n * close button with data-ux4g-modal-close, and focus trap.\r\n *\r\n * Usage:\r\n * ```html\r\n * <ux4g-native-modal [open]=\"isOpen\" [title]=\"'Dialog'\" (closeEvent)=\"onClose()\">\r\n *   <p>Modal content goes here</p>\r\n * </ux4g-native-modal>\r\n * ```\r\n */\r\n@Component({\r\n  selector: 'ux4g-native-modal',\r\n  standalone: true,\r\n  template: `<ng-content></ng-content>`,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class UX4GNativeModalComponent\r\n  extends BaseNativeComponent\r\n  implements OnChanges, OnDestroy, AfterViewInit\r\n{\r\n  @Input() open: boolean = false;\r\n  @Input() size: ModalSize = 'm';\r\n  @Input() title: string | undefined;\r\n  @Input() closable: boolean = true;\r\n  @Input() backdropOpacity: ModalOpacity = '50';\r\n  @Input() backdropBlur: boolean = false;\r\n\r\n  @Output() closeEvent = new EventEmitter<void>();\r\n\r\n  private ngZone = inject(NgZone);\r\n  private previousFocus: HTMLElement | null = null;\r\n  private keydownHandler: ((e: KeyboardEvent) => void) | null = null;\r\n  private clickHandler: ((e: MouseEvent) => void) | null = null;\r\n\r\n  ngAfterViewInit(): void {\r\n    if (this.open) {\r\n      this.renderComponent();\r\n      this.activateFocusTrap();\r\n    }\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['open']) {\r\n      if (this.open) {\r\n        this.renderComponent();\r\n        this.activateFocusTrap();\r\n      } else {\r\n        this.deactivateFocusTrap();\r\n        this.clearHost();\r\n        this.restoreFocus();\r\n      }\r\n    } else if (this.open) {\r\n      // Other inputs changed while open — re-render\r\n      this.renderComponent();\r\n    }\r\n  }\r\n\r\n  override renderComponent(): void {\r\n    // Clear existing children (but leave ng-content slot alone by clearing manually)\r\n    const hostEl = this.elementRef.nativeElement as HTMLElement;\r\n    // Remove all children that are NOT projected content (ng-content)\r\n    // We prepend the generated modal DOM before ng-content\r\n    this.clearHost();\r\n\r\n    if (!this.open) return;\r\n\r\n    const props: ModalGeneratorProps = {\r\n      open: this.open,\r\n      size: this.size,\r\n      title: this.title,\r\n      closable: this.closable,\r\n      backdropOpacity: this.backdropOpacity,\r\n      backdropBlur: this.backdropBlur,\r\n    };\r\n\r\n    const descriptor = generateModalDOM(props);\r\n\r\n    // Render the descriptor tree into the host element\r\n    renderDescriptorToDOM(this.renderer, descriptor, hostEl);\r\n  }\r\n\r\n  override ngOnDestroy(): void {\r\n    this.deactivateFocusTrap();\r\n    super.ngOnDestroy();\r\n  }\r\n\r\n  private clearHost(): void {\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\r\n  private activateFocusTrap(): void {\r\n    // Store current focus to restore later\r\n    if (typeof document !== 'undefined') {\r\n      this.previousFocus = document.activeElement as HTMLElement;\r\n    }\r\n\r\n    // Set up keyboard handler for focus trapping and Escape close\r\n    this.keydownHandler = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape' && this.closable) {\r\n        this.ngZone.run(() => this.closeEvent.emit());\r\n        return;\r\n      }\r\n\r\n      if (e.key === 'Tab') {\r\n        const hostEl = this.elementRef.nativeElement as HTMLElement;\r\n        const focusableElements = Array.from(\r\n          hostEl.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTORS)\r\n        );\r\n\r\n        if (focusableElements.length === 0) {\r\n          e.preventDefault();\r\n          return;\r\n        }\r\n\r\n        const firstFocusable = focusableElements[0];\r\n        const lastFocusable = focusableElements[focusableElements.length - 1];\r\n\r\n        if (e.shiftKey) {\r\n          if (document.activeElement === firstFocusable) {\r\n            e.preventDefault();\r\n            lastFocusable.focus();\r\n          }\r\n        } else {\r\n          if (document.activeElement === lastFocusable) {\r\n            e.preventDefault();\r\n            firstFocusable.focus();\r\n          }\r\n        }\r\n      }\r\n    };\r\n\r\n    // Set up click handler for close button and backdrop clicks\r\n    this.clickHandler = (e: MouseEvent) => {\r\n      const target = e.target as HTMLElement;\r\n\r\n      // Close button click\r\n      if (target.hasAttribute('data-ux4g-modal-close')) {\r\n        this.ngZone.run(() => this.closeEvent.emit());\r\n        return;\r\n      }\r\n\r\n      // Backdrop click\r\n      if (target.classList.contains('ux4g-modal-backdrop')) {\r\n        this.ngZone.run(() => this.closeEvent.emit());\r\n      }\r\n    };\r\n\r\n    if (typeof document !== 'undefined') {\r\n      document.addEventListener('keydown', this.keydownHandler);\r\n      this.elementRef.nativeElement.addEventListener('click', this.clickHandler);\r\n    }\r\n\r\n    // Focus the first focusable element inside the modal\r\n    setTimeout(() => {\r\n      const hostEl = this.elementRef.nativeElement as HTMLElement;\r\n      const firstFocusable = hostEl.querySelector<HTMLElement>(FOCUSABLE_SELECTORS);\r\n      if (firstFocusable) {\r\n        firstFocusable.focus();\r\n      } else {\r\n        hostEl.setAttribute('tabindex', '-1');\r\n        hostEl.focus();\r\n      }\r\n    }, 0);\r\n  }\r\n\r\n  private deactivateFocusTrap(): void {\r\n    if (typeof document !== 'undefined') {\r\n      if (this.keydownHandler) {\r\n        document.removeEventListener('keydown', this.keydownHandler);\r\n        this.keydownHandler = null;\r\n      }\r\n      if (this.clickHandler) {\r\n        this.elementRef.nativeElement.removeEventListener('click', this.clickHandler);\r\n        this.clickHandler = null;\r\n      }\r\n    }\r\n  }\r\n\r\n  private restoreFocus(): void {\r\n    if (this.previousFocus) {\r\n      this.previousFocus.focus();\r\n      this.previousFocus = null;\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { UX4GNativeModalComponent } from './ux4g-native-modal.component';\r\n\r\n/**\r\n * NgModule for backward compatibility with module-based Angular applications.\r\n * For standalone components (Angular 17+), import UX4GNativeModalComponent directly.\r\n */\r\n@NgModule({\r\n  imports: [UX4GNativeModalComponent],\r\n  exports: [UX4GNativeModalComponent],\r\n})\r\nexport class UX4GNativeModalModule {}\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/modal/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-modal.d.ts.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../../src/native/modal/public-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}

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

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

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

@@ -0,0 +1,42 @@
+import { EventEmitter, OnChanges, OnDestroy, AfterViewInit, SimpleChanges } from '@angular/core';
+import { ModalSize, ModalOpacity } from 'ux4g-components-web/types';
+import { BaseNativeComponent } from '@ux4g-native-shared';
+import * as i0 from "@angular/core";
+/**
+ * UX4GNativeModalComponent — Angular Native Wrapper for the UX4G Modal component.
+ *
+ * Generates the complete modal DOM structure via generateModalDOM(),
+ * including backdrop, dialog box with role="dialog" and aria-modal="true",
+ * close button with data-ux4g-modal-close, and focus trap.
+ *
+ * Usage:
+ * ```html
+ * <ux4g-native-modal [open]="isOpen" [title]="'Dialog'" (closeEvent)="onClose()">
+ *   <p>Modal content goes here</p>
+ * </ux4g-native-modal>
+ * ```
+ */
+export declare class UX4GNativeModalComponent extends BaseNativeComponent implements OnChanges, OnDestroy, AfterViewInit {
+    open: boolean;
+    size: ModalSize;
+    title: string | undefined;
+    closable: boolean;
+    backdropOpacity: ModalOpacity;
+    backdropBlur: boolean;
+    closeEvent: EventEmitter<void>;
+    private ngZone;
+    private previousFocus;
+    private keydownHandler;
+    private clickHandler;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    renderComponent(): void;
+    ngOnDestroy(): void;
+    private clearHost;
+    private activateFocusTrap;
+    private deactivateFocusTrap;
+    private restoreFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UX4GNativeModalComponent, "ux4g-native-modal", never, { "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "title": { "alias": "title"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "backdropOpacity": { "alias": "backdropOpacity"; "required": false; }; "backdropBlur": { "alias": "backdropBlur"; "required": false; }; }, { "closeEvent": "closeEvent"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=ux4g-native-modal.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ux4g-native-modal.component.d.ts","sourceRoot":"","sources":["../../../src/native/modal/ux4g-native-modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEZ,SAAS,EACT,SAAS,EACT,aAAa,EACb,aAAa,EAGd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAyB,MAAM,qBAAqB,CAAC;;AAKjF;;;;;;;;;;;;;GAaG;AACH,qBAMa,wBACX,SAAQ,mBACR,YAAW,SAAS,EAAE,SAAS,EAAE,aAAa;IAErC,IAAI,EAAE,OAAO,CAAS;IACtB,IAAI,EAAE,SAAS,CAAO;IACtB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAQ;IACzB,eAAe,EAAE,YAAY,CAAQ;IACrC,YAAY,EAAE,OAAO,CAAS;IAE7B,UAAU,qBAA4B;IAEhD,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,cAAc,CAA6C;IACnE,OAAO,CAAC,YAAY,CAA0C;IAE9D,eAAe,IAAI,IAAI;IAOvB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAgBhC,eAAe,IAAI,IAAI;IAwBvB,WAAW,IAAI,IAAI;IAK5B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,iBAAiB;IA2EzB,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,YAAY;yCArKT,wBAAwB;2CAAxB,wBAAwB;CA2KpC"}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ux4g-native-modal.component";
+/**
+ * NgModule for backward compatibility with module-based Angular applications.
+ * For standalone components (Angular 17+), import UX4GNativeModalComponent directly.
+ */
+export declare class UX4GNativeModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UX4GNativeModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UX4GNativeModalModule, never, [typeof i1.UX4GNativeModalComponent], [typeof i1.UX4GNativeModalComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UX4GNativeModalModule>;
+}
+//# sourceMappingURL=ux4g-native-modal.module.d.ts.map

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

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