@acorex/components 21.1.0-next.2 → 22.0.0-next.1

package/fesm2022/acorex-components-popup.mjs

@@ -1,6 +1,6 @@
 import { AXPlatform } from '@acorex/core/platform';
 import * as i0 from '@angular/core';
-import { inject, NgZone, DestroyRef, input, signal, TemplateRef, ViewContainerRef, HostListener, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, ComponentRef, Injectable, NgModule } from '@angular/core';
+import { inject, NgZone, DestroyRef, input, signal, TemplateRef, ViewContainerRef, HostListener, ViewChild, ViewEncapsulation, Component, Directive, ComponentRef, Injectable, NgModule } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Router, NavigationStart } from '@angular/router';
 import { filter } from 'rxjs/operators';
@@ -29,10 +29,14 @@ class AXPopupComponent extends MXBaseComponent {
         this._router = inject(Router, { optional: true });
         this._destroyRef = inject(DestroyRef);
         // Inputs from overlay service
-        this.__content__ = input(...(ngDevMode ? [undefined, { debugName: "__content__" }] : /* istanbul ignore next */ []));
-        this.__config__ = input(...(ngDevMode ? [undefined, { debugName: "__config__" }] : /* istanbul ignore next */ []));
-        this.__popupRef__ = input(...(ngDevMode ? [undefined, { debugName: "__popupRef__" }] : /* istanbul ignore next */ []));
-        this.__id__ = input(...(ngDevMode ? [undefined, { debugName: "__id__" }] : /* istanbul ignore next */ []));
+        this.__content__ = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "__content__" }] : /* istanbul ignore next */ []));
+        this.__config__ = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "__config__" }] : /* istanbul ignore next */ []));
+        this.__popupRef__ = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "__popupRef__" }] : /* istanbul ignore next */ []));
+        this.__id__ = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "__id__" }] : /* istanbul ignore next */ []));
         /**
          * Indicates whether the component is loading.
          * @defaultValue true
@@ -41,11 +45,14 @@ class AXPopupComponent extends MXBaseComponent {
         /** @ignore */
         this._componentRef = null;
         /** Current title */
-        this.title = signal('', ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.title = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
         /** @ignore */
-        this.isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []));
+        this.isDragging = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []));
         /** @ignore */
-        this.dragOffset = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "dragOffset" }] : /* istanbul ignore next */ []));
+        this.dragOffset = signal({ x: 0, y: 0 }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dragOffset" }] : /* istanbul ignore next */ []));
         /** @ignore */
         this.dragStartPos = { x: 0, y: 0 };
         /** @ignore */
@@ -272,15 +279,15 @@ class AXPopupComponent extends MXBaseComponent {
     onDragEnd() {
         this.isDragging.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXPopupComponent, isStandalone: true, selector: "ax-popup", inputs: { __content__: { classPropertyName: "__content__", publicName: "__content__", isSignal: true, isRequired: false, transformFunction: null }, __config__: { classPropertyName: "__config__", publicName: "__config__", isSignal: true, isRequired: false, transformFunction: null }, __popupRef__: { classPropertyName: "__popupRef__", publicName: "__popupRef__", isSignal: true, isRequired: false, transformFunction: null }, __id__: { classPropertyName: "__id__", publicName: "__id__", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.escape": "onKeydownHandler()", "document:mousemove": "onDragMove($event)", "document:mouseup": "onDragEnd()" }, styleAttribute: "display: block; max-width: 100%;", classAttribute: "ax-popup-host" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPopupComponent, isStandalone: true, selector: "ax-popup", inputs: { __content__: { classPropertyName: "__content__", publicName: "__content__", isSignal: true, isRequired: false, transformFunction: null }, __config__: { classPropertyName: "__config__", publicName: "__config__", isSignal: true, isRequired: false, transformFunction: null }, __popupRef__: { classPropertyName: "__popupRef__", publicName: "__popupRef__", isSignal: true, isRequired: false, transformFunction: null }, __id__: { classPropertyName: "__id__", publicName: "__id__", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.escape": "onKeydownHandler()", "document:mousemove": "onDragMove($event)", "document:mouseup": "onDragEnd()" }, styleAttribute: "display: block; max-width: 100%;", classAttribute: "ax-popup-host" }, providers: [
             { provide: AXClosableComponent, useExisting: AXPopupComponent },
             { provide: AXComponent, useExisting: AXPopupComponent },
-        ], viewQueries: [{ propertyName: "contentContainerRef", first: true, predicate: ["contentContainer"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "contentContainerEl", first: true, predicate: ["contentContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" axFocusTrap>\n  <div\n    class=\"ax-popup ax-popup-{{ __config__()?.size || 'md' }}\"\n    tabindex=\"0\"\n    [class.ax-popup-dragging]=\"isDragging()\"\n    [style.position]=\"dragOffset().x || dragOffset().y ? 'fixed' : null\"\n    [style.left.px]=\"dragOffset().x || null\"\n    [style.top.px]=\"dragOffset().y || null\"\n    [style.transform]=\"dragOffset().x || dragOffset().y ? 'none' : null\"\n  >\n    <div\n      class=\"ax-popup-header-container\"\n      [class.ax-popup-draggable]=\"__config__()?.draggable\"\n      (mousedown)=\"onDragStart($event)\"\n    >\n      @if (__config__()?.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ title() | translate | async }}</span>\n          @if (__config__()?.closeButton) {\n            <ax-close-button tabindex=\"1\" (click)=\"_handleCloseClick()\"></ax-close-button>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\" #contentContainer></div>\n      <div class=\"ax-popup-footer-container\"></div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-overlay-centered .ax-overlay-content{display:flex;max-height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:auto;max-width:100%;flex-direction:column;align-items:center;overflow:hidden}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host{width:fit-content;flex-shrink:0;align-self:center}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-full){width:100%;max-width:100vw}.ax-popup-wrapper{display:block;width:fit-content;max-width:100%}.ax-popup-header-container.ax-popup-draggable{cursor:move}.ax-popup.ax-popup-dragging{-webkit-user-select:none;user-select:none}.ax-popup{box-sizing:border-box;display:flex;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 0);outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius);border-color:rgba(var(--ax-comp-popup-border-color));background-color:rgba(var(--ax-comp-popup-body-bg-color));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 #0000),var(--ax-ring-shadow, 0 0 #0000),var(--ax-shadow);color:rgba(var(--ax-comp-popup-body-text-color))}.ax-popup .ax-popup-header-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-header-bg-color))}.ax-popup .ax-popup-header-container .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-header-border-color))}.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}}.ax-popup ax-footer{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;padding:calc(var(--spacing, .25rem) * 3);box-shadow:0 2px 10px #0000004d;border-color:rgba(var(--ax-comp-popup-footer-border-color));background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup:focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent}.ax-popup:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}.ax-popup .ax-popup-main-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:auto;background-color:rgba(var(--ax-comp-popup-body-bg-color))}.ax-popup .ax-popup-main-container .ax-popup-footer-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup.ax-popup-full{height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh));width:100vw;border-radius:0!important}.ax-popup.ax-popup-fit{width:fit-content!important}.ax-popup.ax-popup-fit .ax-popup-body-container{max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-fit .ax-popup-body-container>ng-component>div{width:fit-content!important}.ax-popup.ax-popup-xs{width:18vw!important;max-width:100vw}.ax-popup.ax-popup-sm{width:25vw!important;max-width:100vw}.ax-popup.ax-popup-md{width:40vw!important;max-width:100vw}.ax-popup.ax-popup-lg{width:65vw!important;max-width:100vw}.ax-popup.ax-popup-xl{width:75vw!important;max-width:100vw}.ax-popup.ax-popup-2xl{width:85vw!important;max-width:100vw}@media screen and (max-width:768px){.ax-popup:not(.ax-popup-fit){width:93vw!important;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important;border-radius:var(--ax-comp-popup-border-radius)}.ax-popup:not(.ax-popup-fit):not(.ax-popup-full) .ax-popup-body-container>ng-component>div{width:100%}.ax-popup:not(.ax-popup-fit).ax-popup-full{height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius)!important}}.ax-dark .ax-popup{--ax-comp-popup-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-dark-surface)}}:root{--ax-comp-popup-border-radius: var(--ax-sys-border-radius);--ax-comp-popup-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-lighter-surface)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "directive", type: AXFocusTrapDirective, selector: "[axFocusTrap]", inputs: ["axFocusTrapArrowNavigation"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "contentContainerRef", first: true, predicate: ["contentContainer"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "contentContainerEl", first: true, predicate: ["contentContainer"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" axFocusTrap>\n  <div\n    class=\"ax-popup ax-popup-{{ __config__()?.size || 'md' }}\"\n    tabindex=\"0\"\n    [class.ax-popup-dragging]=\"isDragging()\"\n    [style.position]=\"dragOffset().x || dragOffset().y ? 'fixed' : null\"\n    [style.left.px]=\"dragOffset().x || null\"\n    [style.top.px]=\"dragOffset().y || null\"\n    [style.transform]=\"dragOffset().x || dragOffset().y ? 'none' : null\"\n  >\n    <div\n      class=\"ax-popup-header-container\"\n      [class.ax-popup-draggable]=\"__config__()?.draggable\"\n      (mousedown)=\"onDragStart($event)\"\n    >\n      @if (__config__()?.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ title() | translate | async }}</span>\n          @if (__config__()?.closeButton) {\n            <ax-close-button tabindex=\"1\" (click)=\"_handleCloseClick()\"></ax-close-button>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\" #contentContainer></div>\n      <div class=\"ax-popup-footer-container\"></div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;@layer components{.ax-popup-overlay.ax-overlay-centered .ax-overlay-content{display:flex;max-height:100%;min-height:calc(var(--spacing, .25rem) * 0);width:auto;max-width:100%;flex-direction:column;align-items:center;overflow:hidden}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host{width:fit-content;flex-shrink:0;align-self:center}.ax-popup-overlay.ax-overlay-centered ax-popup.ax-popup-host:has(.ax-popup-full){width:100%;max-width:100vw}.ax-popup-wrapper{display:block;width:fit-content;max-width:100%}.ax-popup-header-container.ax-popup-draggable{cursor:move}.ax-popup.ax-popup-dragging{-webkit-user-select:none;user-select:none}.ax-popup{box-sizing:border-box;display:flex;min-height:calc(var(--spacing, .25rem) * 0);min-width:calc(var(--spacing, .25rem) * 0);flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing, .25rem) * 0);outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius);border-color:rgba(var(--ax-comp-popup-border-color));background-color:rgba(var(--ax-comp-popup-body-bg-color));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 #0000),var(--ax-ring-shadow, 0 0 #0000),var(--ax-shadow);color:rgba(var(--ax-comp-popup-body-text-color))}.ax-popup .ax-popup-header-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-header-bg-color))}.ax-popup .ax-popup-header-container .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 3);border-color:rgba(var(--ax-comp-popup-header-border-color))}.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}}@media(min-width:48rem){.ax-popup .ax-popup-header-container .ax-popup-header .ax-popup-title{--tw-leading: calc(var(--spacing, .25rem) * 7);line-height:calc(var(--spacing, .25rem) * 7)}}.ax-popup ax-footer{display:flex;align-items:center;justify-content:space-between;border-top-style:var(--tw-border-style);border-top-width:1px;padding:calc(var(--spacing, .25rem) * 3);box-shadow:0 2px 10px #0000004d;border-color:rgba(var(--ax-comp-popup-footer-border-color));background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup:focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-offset:2px;outline-color:transparent}.ax-popup:focus-visible{border-color:rgba(var(--ax-sys-color-primary-surface))}.ax-popup .ax-popup-main-container{display:flex;min-height:calc(var(--spacing, .25rem) * 0);flex:1;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{min-height:calc(var(--spacing, .25rem) * 0);flex:1;overflow:auto;background-color:rgba(var(--ax-comp-popup-body-bg-color))}.ax-popup .ax-popup-main-container .ax-popup-footer-container{flex-shrink:0;background-color:rgba(var(--ax-comp-popup-footer-bg-color))}.ax-popup.ax-popup-full{height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh));width:100vw;border-radius:0!important}.ax-popup.ax-popup-fit{width:fit-content!important}.ax-popup.ax-popup-fit .ax-popup-body-container{max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-fit .ax-popup-body-container>ng-component>div{width:fit-content!important}.ax-popup.ax-popup-xs{width:18vw!important;max-width:100vw}.ax-popup.ax-popup-sm{width:25vw!important;max-width:100vw}.ax-popup.ax-popup-md{width:40vw!important;max-width:100vw}.ax-popup.ax-popup-lg{width:65vw!important;max-width:100vw}.ax-popup.ax-popup-xl{width:75vw!important;max-width:100vw}.ax-popup.ax-popup-2xl{width:85vw!important;max-width:100vw}@media screen and (max-width:768px){.ax-popup:not(.ax-popup-fit){width:93vw!important;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important;border-radius:var(--ax-comp-popup-border-radius)}.ax-popup:not(.ax-popup-fit):not(.ax-popup-full) .ax-popup-body-container>ng-component>div{width:100%}.ax-popup:not(.ax-popup-fit).ax-popup-full{height:calc(var(--ax-overlay-full-width) * var(--ax-vh));border-radius:var(--ax-comp-popup-border-radius)!important}}.ax-dark .ax-popup{--ax-comp-popup-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-darker-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-darker-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-dark-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-dark-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-dark-surface)}}:root{--ax-comp-popup-border-radius: var(--ax-sys-border-radius);--ax-comp-popup-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-popup-body-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-popup-body-text-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-popup-header-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-header-border-color: var(--ax-sys-color-border-lighter-surface);--ax-comp-popup-footer-bg-color: var(--ax-sys-color-lighter-surface);--ax-comp-popup-footer-border-color: var(--ax-sys-color-border-lighter-surface)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-outline-style: solid;--tw-font-weight: initial;--tw-leading: initial}}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["closeAll", "icon"] }, { kind: "directive", type: AXFocusTrapDirective, selector: "[axFocusTrap]", inputs: ["axFocusTrapArrowNavigation"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'ax-popup', encapsulation: ViewEncapsulation.None, host: {
                         class: 'ax-popup-host',
                         style: 'display: block; max-width: 100%;',
                     }, providers: [
@@ -306,7 +313,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 
 class AXPopupComponentBase {
     constructor() {
-        this.__popup__ = input(...(ngDevMode ? [undefined, { debugName: "__popup__" }] : /* istanbul ignore next */ []));
+        this.__popup__ = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "__popup__" }] : /* istanbul ignore next */ []));
     }
     close(data = null) {
         this.__popup__().close(data);
@@ -317,10 +325,10 @@ class AXPopupComponentBase {
     bringToFront() {
         this.__popup__().bringToFront();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: AXPopupComponentBase, isStandalone: true, inputs: { __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: AXPopupComponentBase, isStandalone: true, inputs: { __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupComponentBase, decorators: [{
             type: Directive
         }], propDecorators: { __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }] } });
 
@@ -468,10 +476,10 @@ class AXPopupService {
             return;
         ref.overlay.bringToFront();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -481,11 +489,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 const COMPONENT = [AXPopupComponent];
 const MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXTranslationModule];
 class AXPopupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXPopupModule, imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXTranslationModule, AXPopupComponent], exports: [AXPopupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupModule, providers: [AXPopupService], imports: [MODULES, COMPONENT] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXPopupModule, imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXTranslationModule, AXPopupComponent], exports: [AXPopupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupModule, providers: [AXPopupService], imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXPopupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPopupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

package/fesm2022/acorex-components-popup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-popup.mjs","sources":["../../../../packages/components/popup/src/lib/popup.component.ts","../../../../packages/components/popup/src/lib/popup.component.html","../../../../packages/components/popup/src/lib/popup.interface.ts","../../../../packages/components/popup/src/lib/popup.service.ts","../../../../packages/components/popup/src/lib/popup.module.ts","../../../../packages/components/popup/src/acorex-components-popup.ts"],"sourcesContent":["import { AXPlatform } from '@acorex/core/platform';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ComponentRef,\n  DestroyRef,\n  HostListener,\n  inject,\n  input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  signal,\n  TemplateRef,\n  ViewChild,\n  ViewContainerRef,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NavigationStart, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\n\nimport { AXClosableComponent, AXComponent, AXComponentClosing, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';\nimport { AXDecoratorCloseButtonComponent } from '@acorex/components/decorators';\nimport { AXLoadingService } from '@acorex/components/loading';\nimport { AXComponentInputs, AXComponentService, AXComponentType } from '@acorex/core/components';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { AXPopupConfig, AXPopupContentType, AXPopupRef } from './popup.interface';\n\n/**\n * The Popup is a component which displays content in a dialog overlay\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-popup',\n  templateUrl: './popup.component.html',\n  styleUrls: ['./popup.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'ax-popup-host',\n    style: 'display: block; max-width: 100%;',\n  },\n  providers: [\n    { provide: AXClosableComponent, useExisting: AXPopupComponent },\n    { provide: AXComponent, useExisting: AXPopupComponent },\n  ],\n  imports: [AXDecoratorCloseButtonComponent, AsyncPipe, AXTranslatorPipe, AXFocusTrapDirective],\n})\nexport class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {\n  private _zone = inject(NgZone);\n  private loadingService = inject(AXLoadingService);\n  private _platform = inject(AXPlatform);\n  private componentService = inject(AXComponentService);\n  private _router = inject(Router, { optional: true });\n  private _destroyRef = inject(DestroyRef);\n\n  @ViewChild('contentContainer', { read: ViewContainerRef, static: true })\n  private contentContainerRef: ViewContainerRef;\n\n  @ViewChild('contentContainer', { static: true })\n  private contentContainerEl: { nativeElement: HTMLElement };\n\n  // Inputs from overlay service\n  readonly __content__ = input<AXPopupContentType>();\n  readonly __config__ = input<AXPopupConfig>();\n  readonly __popupRef__ = input<AXPopupRef>();\n  readonly __id__ = input<number>();\n\n  /**\n   * Indicates whether the component is loading.\n   * @defaultValue true\n   */\n  isLoading = true;\n\n  /** @ignore */\n  private _loadingId: number;\n\n  /** @ignore */\n  private _componentRef: ComponentRef<unknown> | null = null;\n\n  /** Current title */\n  protected title = signal<string>('');\n\n  /** @ignore */\n  protected isDragging = signal(false);\n\n  /** @ignore */\n  protected dragOffset = signal({ x: 0, y: 0 });\n\n  /** @ignore */\n  private dragStartPos = { x: 0, y: 0 };\n\n  /** @ignore */\n  private elementStartPos = { x: 0, y: 0 };\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n\n    const config = this.__config__();\n    if (this._platform.is('SM')) {\n      // Disable dragging on small screens\n      if (config) {\n        config.draggable = false;\n      }\n    }\n\n    this.title.set(config?.title ?? '');\n\n    this._loadingId = this.loadingService.show({\n      location: this.getHostElement(),\n    });\n\n    this._setupCloseOnNavigation();\n\n    this.renderContent();\n  }\n\n  /**\n   * Subscribes to router navigation events so the popup is closed automatically\n   * when the user navigates to another route. Enabled by default; disable via\n   * `closeOnNavigation: false` in the popup config.\n   * @ignore\n   */\n  private _setupCloseOnNavigation() {\n    if (!this._router) return;\n    if (this.__config__()?.closeOnNavigation === false) return;\n\n    this._router.events\n      .pipe(\n        filter((event): event is NavigationStart => event instanceof NavigationStart),\n        takeUntilDestroyed(this._destroyRef),\n      )\n      .subscribe(() => {\n        this.close();\n      });\n  }\n\n  /** @ignore */\n  private async renderContent() {\n    const content = this.__content__();\n    const config = this.__config__();\n\n    if (!content) {\n      this.loadingService.hide(this._loadingId);\n      return;\n    }\n\n    if (content instanceof TemplateRef) {\n      // Render template using ViewContainerRef (supports context)\n      this.contentContainerRef.createEmbeddedView(content, {\n        $implicit: config?.data,\n        ref: this,\n      });\n      this.handleContentRendered();\n    } else if (typeof content === 'function') {\n      // Render component\n      const componentRef = this.componentService.createFromComponent(content as AXComponentType<unknown>);\n      this._componentRef = componentRef;\n\n      // Expose component instance to the popup ref\n      const popupRef = this.__popupRef__();\n      if (popupRef) {\n        popupRef.componentInstance = componentRef.instance;\n      }\n\n      // Get component input definitions to check before setting inputs\n      const inputDefs = (componentRef.componentType as unknown as { ɵcmp?: { inputs?: Record<string, unknown> } })?.ɵcmp\n        ?.inputs;\n\n      // Set data inputs (only if the component has the input defined)\n      if (config?.data && typeof config.data === 'object') {\n        Object.entries(config.data).forEach(([key, value]) => {\n          (componentRef.instance as Record<string, unknown>)[key] = value;\n        });\n      }\n\n      if (config?.inputs && typeof config.inputs === 'object') {\n        Object.entries(config.inputs).forEach(([key, value]) => {\n          if (inputDefs && key in inputDefs) {\n            componentRef.setInput(key, value);\n          }\n        });\n      }\n\n      // Set popup reference (only if the component has this input)\n      if (inputDefs && '__popup__' in inputDefs) {\n        componentRef.setInput('__popup__', this.__popupRef__());\n      }\n\n      // Move component to container\n      const hostElement = componentRef.location.nativeElement;\n      this.contentContainerEl.nativeElement.appendChild(hostElement);\n\n      // Subscribe to close event if available\n      const instance = componentRef.instance as {\n        onClosed?: { subscribe: (fn: (e: { data?: unknown }) => void) => void };\n      };\n      if (instance.onClosed) {\n        instance.onClosed.subscribe((e) => {\n          this.close(e.data);\n        });\n      }\n\n      this.handleContentRendered();\n    }\n  }\n\n  /** @ignore */\n  private handleContentRendered() {\n    this._zone.runOutsideAngular(() => {\n      setTimeout(() => {\n        const body = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-body-container');\n        const content = body.children[0];\n\n        if (!content || !body) return;\n\n        const popHeader = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-header-container');\n        const popFooter = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-footer-container');\n\n        const footer = content.querySelector<HTMLDivElement>(':scope > ax-footer');\n        const header = content.querySelector<HTMLDivElement>(':scope > ax-header');\n\n        if (footer && popFooter) {\n          popFooter.append(footer);\n        }\n        if (header && popHeader) {\n          popHeader.innerHTML = '';\n          popHeader.append(header);\n        }\n        this.focus();\n      });\n    });\n    this.loadingService.hide(this._loadingId);\n    this.cdr.markForCheck();\n  }\n\n  /** @ignore */\n  @HostListener('keydown.escape')\n  onKeydownHandler() {\n    const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n    if (this.__config__()?.closeButton && focusedOrHasFocused) {\n      this.close();\n    }\n  }\n\n  /** @ignore */\n  protected _handleCloseClick() {\n    this.close();\n  }\n\n  /** @ignore */\n  ngOnDestroy() {\n    this.loadingService.hide(this._loadingId);\n    if (this._componentRef) {\n      this._componentRef.destroy();\n      this._componentRef = null;\n    }\n  }\n\n  /**\n   * Sets focus on the `.ax-popup` element within the host element after a short delay.\n   */\n  focus() {\n    setTimeout(() => this.getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus());\n  }\n\n  /**\n   * Closes the popup, emitting component reference, host element, and optional data.\n   * @param {unknown} [data]\n   */\n  close(data?: unknown) {\n    const closeFn = () => {\n      this.__popupRef__()?.close(data);\n    };\n\n    const componentInstance = this._componentRef?.instance as\n      | { onClosing?: (e: AXComponentClosing) => void | Promise<void> }\n      | undefined;\n\n    if (typeof componentInstance?.onClosing === 'function') {\n      const ee: AXComponentClosing = {\n        cancel: false,\n        data,\n      };\n      const closingResult = componentInstance.onClosing(ee);\n      if (closingResult instanceof Promise) {\n        closingResult.then(() => {\n          if (!ee.cancel) {\n            closeFn();\n          }\n        });\n      } else {\n        if (!ee.cancel) {\n          closeFn();\n        }\n      }\n    } else {\n      closeFn();\n    }\n  }\n\n  /**\n   * Sets inputs on the content component.\n   * @param values - Object containing input values to set\n   */\n  setContentInputs(values: AXComponentInputs) {\n    const componentRef = this._componentRef;\n    if (componentRef) {\n      Object.entries(values).forEach(([key, value]) => {\n        componentRef.setInput(key, value);\n      });\n    }\n  }\n\n  /**\n   * Sets the popup title.\n   * @param title - The new title\n   */\n  setTitle(title: string) {\n    this.title.set(title);\n    this.cdr.markForCheck();\n  }\n\n  // Drag functionality\n  protected onDragStart(event: MouseEvent) {\n    const config = this.__config__();\n    if (!config?.draggable) return;\n\n    this.isDragging.set(true);\n    this.dragStartPos = { x: event.clientX, y: event.clientY };\n\n    const popup = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup');\n    if (popup) {\n      const rect = popup.getBoundingClientRect();\n      this.elementStartPos = { x: rect.left, y: rect.top };\n    }\n\n    event.preventDefault();\n  }\n\n  @HostListener('document:mousemove', ['$event'])\n  onDragMove(event: MouseEvent) {\n    if (!this.isDragging()) return;\n\n    const deltaX = event.clientX - this.dragStartPos.x;\n    const deltaY = event.clientY - this.dragStartPos.y;\n\n    this.dragOffset.set({\n      x: this.elementStartPos.x + deltaX,\n      y: this.elementStartPos.y + deltaY,\n    });\n  }\n\n  @HostListener('document:mouseup')\n  onDragEnd() {\n    this.isDragging.set(false);\n  }\n}\n","<div class=\"ax-popup-wrapper\" aria-modal=\"true\" axFocusTrap>\n  <div\n    class=\"ax-popup ax-popup-{{ __config__()?.size || 'md' }}\"\n    tabindex=\"0\"\n    [class.ax-popup-dragging]=\"isDragging()\"\n    [style.position]=\"dragOffset().x || dragOffset().y ? 'fixed' : null\"\n    [style.left.px]=\"dragOffset().x || null\"\n    [style.top.px]=\"dragOffset().y || null\"\n    [style.transform]=\"dragOffset().x || dragOffset().y ? 'none' : null\"\n  >\n    <div\n      class=\"ax-popup-header-container\"\n      [class.ax-popup-draggable]=\"__config__()?.draggable\"\n      (mousedown)=\"onDragStart($event)\"\n    >\n      @if (__config__()?.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ title() | translate | async }}</span>\n          @if (__config__()?.closeButton) {\n            <ax-close-button tabindex=\"1\" (click)=\"_handleCloseClick()\"></ax-close-button>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\" #contentContainer></div>\n      <div class=\"ax-popup-footer-container\"></div>\n    </div>\n  </div>\n</div>\n","import { AXComponentInputs, AXComponentType } from '@acorex/core/components';\nimport { Directive, input, StaticProvider, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nexport type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;\n\nexport type AXPopupSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';\n\nexport interface AXPopupConfig {\n  title?: string;\n  closeButton?: boolean;\n  header?: boolean;\n  maximizable?: boolean;\n  size?: AXPopupSizeType;\n  /** @deprecated Use `inputs` instead to pass data to the popup component. */\n  data?: unknown;\n  inputs?: unknown;\n  draggable?: boolean;\n  hasBackdrop?: boolean;\n  backdropClass?: string;\n  closeOnBackdropClick?: boolean;\n  closeOnNavigation?: boolean;\n  viewContainerRef?: ViewContainerRef;\n  providers?: StaticProvider[];\n  panelClass?: string[];\n  direction?: 'rtl' | 'ltr';\n}\n\nexport interface AXPopupData {\n  title: string;\n  closeButton: boolean;\n  header: boolean;\n  maximizable: boolean;\n  size: AXPopupSizeType;\n  data?: unknown;\n  draggable: boolean;\n  content: AXPopupContentType;\n}\n\nexport interface AXPopupRef<TResult = any> {\n  close: (data?: TResult) => void;\n  setInputs: (values: AXComponentInputs) => void;\n  setTitle: (title: string) => void;\n  /** Brings this popup to the front of all other overlays */\n  bringToFront: () => void;\n  onClose: Subject<TResult>;\n  /** The component instance rendered inside the popup (available after content is rendered) */\n  componentInstance?: unknown;\n}\n\n@Directive()\nexport abstract class AXPopupComponentBase {\n  __popup__ = input<AXPopupRef>();\n\n  public close(data: any = null) {\n    this.__popup__().close(data);\n  }\n\n  public setTitle(title: string) {\n    this.__popup__().setTitle(title);\n  }\n\n  public bringToFront() {\n    this.__popup__().bringToFront();\n  }\n}\n","import { AXComponentClosedPromise } from '@acorex/cdk/common';\nimport { AXOverlayRef, AXOverlayService } from '@acorex/cdk/overlay';\nimport { AXComponentInputs } from '@acorex/core/components';\nimport { ComponentRef, inject, Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { AXPopupComponent } from './popup.component';\nimport { AXPopupConfig, AXPopupContentType, AXPopupRef } from './popup.interface';\n\n/**\n * This is a service which you can create popup with it\n *\n * @category Components\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXPopupService {\n  private popupList = new Map<number, { overlay: AXOverlayRef<AXPopupComponent>; popup: AXPopupRef }>();\n  private overlayService = inject(AXOverlayService);\n\n  /**\n   *  Open popup 1\n   */\n  open(content: AXPopupContentType, title: string): AXComponentClosedPromise;\n  /**\n   *  Open popup 2\n   */\n  open(content: AXPopupContentType, config?: AXPopupConfig): AXComponentClosedPromise;\n\n  /**\n   *  @ignore\n   */\n  open(arg1: AXPopupContentType, arg2: string | AXPopupConfig): AXComponentClosedPromise {\n    let config: AXPopupConfig = {\n      closeButton: true,\n      header: true,\n      size: 'md',\n      maximizable: false,\n      draggable: true,\n      hasBackdrop: true,\n      closeOnBackdropClick: false,\n      data: {},\n      closeOnNavigation: true,\n      panelClass: ['animate-fadeIn', 'animate-fast'],\n    };\n    if (typeof arg2 === 'string') {\n      config.title = arg2;\n    } else {\n      config = Object.assign(config, arg2);\n    }\n\n    const promise = new AXComponentClosedPromise((resolve) => {\n      this.openInternal(arg1, config).then((ref) => {\n        ref.onClose.subscribe((data) => {\n          if (resolve) {\n            resolve({\n              sender: ref.componentInstance,\n              data: data,\n            });\n          }\n        });\n      });\n    });\n\n    return promise;\n  }\n\n  /**\n   * Opens a popup with the specified content and configuration.\n   * @param content - Component or template to display\n   * @param config - Configuration options for the popup\n   * @returns Promise<AXPopupRef> - Reference to the opened popup\n   */\n  private async openInternal<TResult = any>(\n    content: AXPopupContentType,\n    config: AXPopupConfig,\n  ): Promise<AXPopupRef<TResult>> {\n    const randomId = Math.floor(Math.random() * 100000000000);\n    const onClose = new Subject<TResult>();\n\n    const returnRef: AXPopupRef<TResult> = {\n      close: (data) => {\n        this.close(randomId, data);\n      },\n      setInputs: (values: AXComponentInputs) => {\n        this.setInputs(randomId, values);\n      },\n      setTitle: (title: string) => {\n        this.setTitle(randomId, title);\n      },\n      bringToFront: () => {\n        this.bringToFront(randomId);\n      },\n      onClose,\n    };\n\n    // Build panel classes\n    const panelClasses = ['ax-popup-overlay'];\n    if (config.panelClass) {\n      panelClasses.push(...config.panelClass);\n    }\n\n    const ref = await this.overlayService.create(AXPopupComponent, {\n      backdrop: {\n        enabled: config.hasBackdrop ?? true,\n        background: true,\n        closeOnClick: config.closeOnBackdropClick ?? false,\n      },\n      panelClass: panelClasses,\n      inputs: {\n        __content__: content,\n        __config__: config,\n        __popupRef__: returnRef,\n        __id__: randomId,\n      },\n    });\n\n    this.popupList.set(randomId, { overlay: ref, popup: returnRef });\n\n    return returnRef;\n  }\n\n  /**\n   * Closes a popup by its ID.\n   * @param id - The popup ID to close\n   * @param data - Optional data to pass to the close event\n   */\n  close<TResult = any>(id: number, data?: TResult): void {\n    const ref = this.popupList.get(id);\n    if (!ref) return;\n    ref.popup.onClose.next(data);\n    ref.popup.onClose.complete();\n    ref.overlay.dispose();\n    this.popupList.delete(id);\n  }\n\n  /**\n   * Sets input values for a popup by its ID.\n   * @param id - The popup ID\n   * @param values - Object containing input values to set\n   */\n  setInputs(id: number, values: AXComponentInputs): void {\n    const ref = this.popupList.get(id)?.overlay.instance;\n    if (!ref) return;\n    if (ref instanceof ComponentRef) {\n      const componentInstance = ref.instance as AXPopupComponent;\n      componentInstance.setContentInputs(values);\n    }\n  }\n\n  /**\n   * Sets the title for a popup by its ID.\n   * @param id - The popup ID\n   * @param title - The new title\n   */\n  setTitle(id: number, title: string): void {\n    const ref = this.popupList.get(id)?.overlay.instance;\n    if (!ref) return;\n    if (ref instanceof ComponentRef) {\n      const componentInstance = ref.instance as AXPopupComponent;\n      componentInstance.setTitle(title);\n    }\n  }\n\n  /**\n   * Brings a popup to the front of all other overlays.\n   * @param id - The popup ID to bring to front\n   */\n  bringToFront(id: number): void {\n    const ref = this.popupList.get(id);\n    if (!ref) return;\n    ref.overlay.bringToFront();\n  }\n}\n","import { AXCommonModule } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXPopupComponent } from './popup.component';\nimport { AXPopupService } from './popup.service';\n\nconst COMPONENT = [AXPopupComponent];\nconst MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXTranslationModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [AXPopupService],\n})\nexport class AXPopupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-popup.mjs","sources":["../../../../packages/components/popup/src/lib/popup.component.ts","../../../../packages/components/popup/src/lib/popup.component.html","../../../../packages/components/popup/src/lib/popup.interface.ts","../../../../packages/components/popup/src/lib/popup.service.ts","../../../../packages/components/popup/src/lib/popup.module.ts","../../../../packages/components/popup/src/acorex-components-popup.ts"],"sourcesContent":["import { AXPlatform } from '@acorex/core/platform';\nimport {\n  Component,\n  ComponentRef,\n  DestroyRef,\n  HostListener,\n  inject,\n  input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  signal,\n  TemplateRef,\n  ViewChild,\n  ViewContainerRef,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NavigationStart, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\n\nimport { AXClosableComponent, AXComponent, AXComponentClosing, MXBaseComponent } from '@acorex/cdk/common';\nimport { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';\nimport { AXDecoratorCloseButtonComponent } from '@acorex/components/decorators';\nimport { AXLoadingService } from '@acorex/components/loading';\nimport { AXComponentInputs, AXComponentService, AXComponentType } from '@acorex/core/components';\nimport { AXTranslatorPipe } from '@acorex/core/translation';\nimport { AsyncPipe } from '@angular/common';\nimport { AXPopupConfig, AXPopupContentType, AXPopupRef } from './popup.interface';\n\n/**\n * The Popup is a component which displays content in a dialog overlay\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-popup',\n  templateUrl: './popup.component.html',\n  styleUrls: ['./popup.component.css'],\n\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'ax-popup-host',\n    style: 'display: block; max-width: 100%;',\n  },\n  providers: [\n    { provide: AXClosableComponent, useExisting: AXPopupComponent },\n    { provide: AXComponent, useExisting: AXPopupComponent },\n  ],\n  imports: [AXDecoratorCloseButtonComponent, AsyncPipe, AXTranslatorPipe, AXFocusTrapDirective],\n})\nexport class AXPopupComponent extends MXBaseComponent implements OnInit, OnDestroy {\n  private _zone = inject(NgZone);\n  private loadingService = inject(AXLoadingService);\n  private _platform = inject(AXPlatform);\n  private componentService = inject(AXComponentService);\n  private _router = inject(Router, { optional: true });\n  private _destroyRef = inject(DestroyRef);\n\n  @ViewChild('contentContainer', { read: ViewContainerRef, static: true })\n  private contentContainerRef: ViewContainerRef;\n\n  @ViewChild('contentContainer', { static: true })\n  private contentContainerEl: { nativeElement: HTMLElement };\n\n  // Inputs from overlay service\n  readonly __content__ = input<AXPopupContentType>();\n  readonly __config__ = input<AXPopupConfig>();\n  readonly __popupRef__ = input<AXPopupRef>();\n  readonly __id__ = input<number>();\n\n  /**\n   * Indicates whether the component is loading.\n   * @defaultValue true\n   */\n  isLoading = true;\n\n  /** @ignore */\n  private _loadingId: number;\n\n  /** @ignore */\n  private _componentRef: ComponentRef<unknown> | null = null;\n\n  /** Current title */\n  protected title = signal<string>('');\n\n  /** @ignore */\n  protected isDragging = signal(false);\n\n  /** @ignore */\n  protected dragOffset = signal({ x: 0, y: 0 });\n\n  /** @ignore */\n  private dragStartPos = { x: 0, y: 0 };\n\n  /** @ignore */\n  private elementStartPos = { x: 0, y: 0 };\n\n  /** @ignore */\n  override ngOnInit() {\n    super.ngOnInit();\n\n    const config = this.__config__();\n    if (this._platform.is('SM')) {\n      // Disable dragging on small screens\n      if (config) {\n        config.draggable = false;\n      }\n    }\n\n    this.title.set(config?.title ?? '');\n\n    this._loadingId = this.loadingService.show({\n      location: this.getHostElement(),\n    });\n\n    this._setupCloseOnNavigation();\n\n    this.renderContent();\n  }\n\n  /**\n   * Subscribes to router navigation events so the popup is closed automatically\n   * when the user navigates to another route. Enabled by default; disable via\n   * `closeOnNavigation: false` in the popup config.\n   * @ignore\n   */\n  private _setupCloseOnNavigation() {\n    if (!this._router) return;\n    if (this.__config__()?.closeOnNavigation === false) return;\n\n    this._router.events\n      .pipe(\n        filter((event): event is NavigationStart => event instanceof NavigationStart),\n        takeUntilDestroyed(this._destroyRef),\n      )\n      .subscribe(() => {\n        this.close();\n      });\n  }\n\n  /** @ignore */\n  private async renderContent() {\n    const content = this.__content__();\n    const config = this.__config__();\n\n    if (!content) {\n      this.loadingService.hide(this._loadingId);\n      return;\n    }\n\n    if (content instanceof TemplateRef) {\n      // Render template using ViewContainerRef (supports context)\n      this.contentContainerRef.createEmbeddedView(content, {\n        $implicit: config?.data,\n        ref: this,\n      });\n      this.handleContentRendered();\n    } else if (typeof content === 'function') {\n      // Render component\n      const componentRef = this.componentService.createFromComponent(content as AXComponentType<unknown>);\n      this._componentRef = componentRef;\n\n      // Expose component instance to the popup ref\n      const popupRef = this.__popupRef__();\n      if (popupRef) {\n        popupRef.componentInstance = componentRef.instance;\n      }\n\n      // Get component input definitions to check before setting inputs\n      const inputDefs = (componentRef.componentType as unknown as { ɵcmp?: { inputs?: Record<string, unknown> } })?.ɵcmp\n        ?.inputs;\n\n      // Set data inputs (only if the component has the input defined)\n      if (config?.data && typeof config.data === 'object') {\n        Object.entries(config.data).forEach(([key, value]) => {\n          (componentRef.instance as Record<string, unknown>)[key] = value;\n        });\n      }\n\n      if (config?.inputs && typeof config.inputs === 'object') {\n        Object.entries(config.inputs).forEach(([key, value]) => {\n          if (inputDefs && key in inputDefs) {\n            componentRef.setInput(key, value);\n          }\n        });\n      }\n\n      // Set popup reference (only if the component has this input)\n      if (inputDefs && '__popup__' in inputDefs) {\n        componentRef.setInput('__popup__', this.__popupRef__());\n      }\n\n      // Move component to container\n      const hostElement = componentRef.location.nativeElement;\n      this.contentContainerEl.nativeElement.appendChild(hostElement);\n\n      // Subscribe to close event if available\n      const instance = componentRef.instance as {\n        onClosed?: { subscribe: (fn: (e: { data?: unknown }) => void) => void };\n      };\n      if (instance.onClosed) {\n        instance.onClosed.subscribe((e) => {\n          this.close(e.data);\n        });\n      }\n\n      this.handleContentRendered();\n    }\n  }\n\n  /** @ignore */\n  private handleContentRendered() {\n    this._zone.runOutsideAngular(() => {\n      setTimeout(() => {\n        const body = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-body-container');\n        const content = body.children[0];\n\n        if (!content || !body) return;\n\n        const popHeader = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-header-container');\n        const popFooter = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup-footer-container');\n\n        const footer = content.querySelector<HTMLDivElement>(':scope > ax-footer');\n        const header = content.querySelector<HTMLDivElement>(':scope > ax-header');\n\n        if (footer && popFooter) {\n          popFooter.append(footer);\n        }\n        if (header && popHeader) {\n          popHeader.innerHTML = '';\n          popHeader.append(header);\n        }\n        this.focus();\n      });\n    });\n    this.loadingService.hide(this._loadingId);\n    this.cdr.markForCheck();\n  }\n\n  /** @ignore */\n  @HostListener('keydown.escape')\n  onKeydownHandler() {\n    const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n    if (this.__config__()?.closeButton && focusedOrHasFocused) {\n      this.close();\n    }\n  }\n\n  /** @ignore */\n  protected _handleCloseClick() {\n    this.close();\n  }\n\n  /** @ignore */\n  ngOnDestroy() {\n    this.loadingService.hide(this._loadingId);\n    if (this._componentRef) {\n      this._componentRef.destroy();\n      this._componentRef = null;\n    }\n  }\n\n  /**\n   * Sets focus on the `.ax-popup` element within the host element after a short delay.\n   */\n  focus() {\n    setTimeout(() => this.getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus());\n  }\n\n  /**\n   * Closes the popup, emitting component reference, host element, and optional data.\n   * @param {unknown} [data]\n   */\n  close(data?: unknown) {\n    const closeFn = () => {\n      this.__popupRef__()?.close(data);\n    };\n\n    const componentInstance = this._componentRef?.instance as\n      | { onClosing?: (e: AXComponentClosing) => void | Promise<void> }\n      | undefined;\n\n    if (typeof componentInstance?.onClosing === 'function') {\n      const ee: AXComponentClosing = {\n        cancel: false,\n        data,\n      };\n      const closingResult = componentInstance.onClosing(ee);\n      if (closingResult instanceof Promise) {\n        closingResult.then(() => {\n          if (!ee.cancel) {\n            closeFn();\n          }\n        });\n      } else {\n        if (!ee.cancel) {\n          closeFn();\n        }\n      }\n    } else {\n      closeFn();\n    }\n  }\n\n  /**\n   * Sets inputs on the content component.\n   * @param values - Object containing input values to set\n   */\n  setContentInputs(values: AXComponentInputs) {\n    const componentRef = this._componentRef;\n    if (componentRef) {\n      Object.entries(values).forEach(([key, value]) => {\n        componentRef.setInput(key, value);\n      });\n    }\n  }\n\n  /**\n   * Sets the popup title.\n   * @param title - The new title\n   */\n  setTitle(title: string) {\n    this.title.set(title);\n    this.cdr.markForCheck();\n  }\n\n  // Drag functionality\n  protected onDragStart(event: MouseEvent) {\n    const config = this.__config__();\n    if (!config?.draggable) return;\n\n    this.isDragging.set(true);\n    this.dragStartPos = { x: event.clientX, y: event.clientY };\n\n    const popup = this.getHostElement().querySelector<HTMLDivElement>('.ax-popup');\n    if (popup) {\n      const rect = popup.getBoundingClientRect();\n      this.elementStartPos = { x: rect.left, y: rect.top };\n    }\n\n    event.preventDefault();\n  }\n\n  @HostListener('document:mousemove', ['$event'])\n  onDragMove(event: MouseEvent) {\n    if (!this.isDragging()) return;\n\n    const deltaX = event.clientX - this.dragStartPos.x;\n    const deltaY = event.clientY - this.dragStartPos.y;\n\n    this.dragOffset.set({\n      x: this.elementStartPos.x + deltaX,\n      y: this.elementStartPos.y + deltaY,\n    });\n  }\n\n  @HostListener('document:mouseup')\n  onDragEnd() {\n    this.isDragging.set(false);\n  }\n}\n","<div class=\"ax-popup-wrapper\" aria-modal=\"true\" axFocusTrap>\n  <div\n    class=\"ax-popup ax-popup-{{ __config__()?.size || 'md' }}\"\n    tabindex=\"0\"\n    [class.ax-popup-dragging]=\"isDragging()\"\n    [style.position]=\"dragOffset().x || dragOffset().y ? 'fixed' : null\"\n    [style.left.px]=\"dragOffset().x || null\"\n    [style.top.px]=\"dragOffset().y || null\"\n    [style.transform]=\"dragOffset().x || dragOffset().y ? 'none' : null\"\n  >\n    <div\n      class=\"ax-popup-header-container\"\n      [class.ax-popup-draggable]=\"__config__()?.draggable\"\n      (mousedown)=\"onDragStart($event)\"\n    >\n      @if (__config__()?.header) {\n        <div class=\"ax-popup-header\">\n          <span class=\"ax-popup-title\">{{ title() | translate | async }}</span>\n          @if (__config__()?.closeButton) {\n            <ax-close-button tabindex=\"1\" (click)=\"_handleCloseClick()\"></ax-close-button>\n          }\n        </div>\n      }\n    </div>\n    <div class=\"ax-popup-main-container ax-loading-container\">\n      <div class=\"ax-popup-body-container\" #contentContainer></div>\n      <div class=\"ax-popup-footer-container\"></div>\n    </div>\n  </div>\n</div>\n","import { AXComponentInputs, AXComponentType } from '@acorex/core/components';\nimport { Directive, input, StaticProvider, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nexport type AXPopupContentType = TemplateRef<unknown> | AXComponentType<unknown>;\n\nexport type AXPopupSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full' | 'fit';\n\nexport interface AXPopupConfig {\n  title?: string;\n  closeButton?: boolean;\n  header?: boolean;\n  maximizable?: boolean;\n  size?: AXPopupSizeType;\n  /** @deprecated Use `inputs` instead to pass data to the popup component. */\n  data?: unknown;\n  inputs?: unknown;\n  draggable?: boolean;\n  hasBackdrop?: boolean;\n  backdropClass?: string;\n  closeOnBackdropClick?: boolean;\n  closeOnNavigation?: boolean;\n  viewContainerRef?: ViewContainerRef;\n  providers?: StaticProvider[];\n  panelClass?: string[];\n  direction?: 'rtl' | 'ltr';\n}\n\nexport interface AXPopupData {\n  title: string;\n  closeButton: boolean;\n  header: boolean;\n  maximizable: boolean;\n  size: AXPopupSizeType;\n  data?: unknown;\n  draggable: boolean;\n  content: AXPopupContentType;\n}\n\nexport interface AXPopupRef<TResult = any> {\n  close: (data?: TResult) => void;\n  setInputs: (values: AXComponentInputs) => void;\n  setTitle: (title: string) => void;\n  /** Brings this popup to the front of all other overlays */\n  bringToFront: () => void;\n  onClose: Subject<TResult>;\n  /** The component instance rendered inside the popup (available after content is rendered) */\n  componentInstance?: unknown;\n}\n\n@Directive()\nexport abstract class AXPopupComponentBase {\n  __popup__ = input<AXPopupRef>();\n\n  public close(data: any = null) {\n    this.__popup__().close(data);\n  }\n\n  public setTitle(title: string) {\n    this.__popup__().setTitle(title);\n  }\n\n  public bringToFront() {\n    this.__popup__().bringToFront();\n  }\n}\n","import { AXComponentClosedPromise } from '@acorex/cdk/common';\nimport { AXOverlayRef, AXOverlayService } from '@acorex/cdk/overlay';\nimport { AXComponentInputs } from '@acorex/core/components';\nimport { ComponentRef, inject, Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { AXPopupComponent } from './popup.component';\nimport { AXPopupConfig, AXPopupContentType, AXPopupRef } from './popup.interface';\n\n/**\n * This is a service which you can create popup with it\n *\n * @category Components\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class AXPopupService {\n  private popupList = new Map<number, { overlay: AXOverlayRef<AXPopupComponent>; popup: AXPopupRef }>();\n  private overlayService = inject(AXOverlayService);\n\n  /**\n   *  Open popup 1\n   */\n  open(content: AXPopupContentType, title: string): AXComponentClosedPromise;\n  /**\n   *  Open popup 2\n   */\n  open(content: AXPopupContentType, config?: AXPopupConfig): AXComponentClosedPromise;\n\n  /**\n   *  @ignore\n   */\n  open(arg1: AXPopupContentType, arg2: string | AXPopupConfig): AXComponentClosedPromise {\n    let config: AXPopupConfig = {\n      closeButton: true,\n      header: true,\n      size: 'md',\n      maximizable: false,\n      draggable: true,\n      hasBackdrop: true,\n      closeOnBackdropClick: false,\n      data: {},\n      closeOnNavigation: true,\n      panelClass: ['animate-fadeIn', 'animate-fast'],\n    };\n    if (typeof arg2 === 'string') {\n      config.title = arg2;\n    } else {\n      config = Object.assign(config, arg2);\n    }\n\n    const promise = new AXComponentClosedPromise((resolve) => {\n      this.openInternal(arg1, config).then((ref) => {\n        ref.onClose.subscribe((data) => {\n          if (resolve) {\n            resolve({\n              sender: ref.componentInstance,\n              data: data,\n            });\n          }\n        });\n      });\n    });\n\n    return promise;\n  }\n\n  /**\n   * Opens a popup with the specified content and configuration.\n   * @param content - Component or template to display\n   * @param config - Configuration options for the popup\n   * @returns Promise<AXPopupRef> - Reference to the opened popup\n   */\n  private async openInternal<TResult = any>(\n    content: AXPopupContentType,\n    config: AXPopupConfig,\n  ): Promise<AXPopupRef<TResult>> {\n    const randomId = Math.floor(Math.random() * 100000000000);\n    const onClose = new Subject<TResult>();\n\n    const returnRef: AXPopupRef<TResult> = {\n      close: (data) => {\n        this.close(randomId, data);\n      },\n      setInputs: (values: AXComponentInputs) => {\n        this.setInputs(randomId, values);\n      },\n      setTitle: (title: string) => {\n        this.setTitle(randomId, title);\n      },\n      bringToFront: () => {\n        this.bringToFront(randomId);\n      },\n      onClose,\n    };\n\n    // Build panel classes\n    const panelClasses = ['ax-popup-overlay'];\n    if (config.panelClass) {\n      panelClasses.push(...config.panelClass);\n    }\n\n    const ref = await this.overlayService.create(AXPopupComponent, {\n      backdrop: {\n        enabled: config.hasBackdrop ?? true,\n        background: true,\n        closeOnClick: config.closeOnBackdropClick ?? false,\n      },\n      panelClass: panelClasses,\n      inputs: {\n        __content__: content,\n        __config__: config,\n        __popupRef__: returnRef,\n        __id__: randomId,\n      },\n    });\n\n    this.popupList.set(randomId, { overlay: ref, popup: returnRef });\n\n    return returnRef;\n  }\n\n  /**\n   * Closes a popup by its ID.\n   * @param id - The popup ID to close\n   * @param data - Optional data to pass to the close event\n   */\n  close<TResult = any>(id: number, data?: TResult): void {\n    const ref = this.popupList.get(id);\n    if (!ref) return;\n    ref.popup.onClose.next(data);\n    ref.popup.onClose.complete();\n    ref.overlay.dispose();\n    this.popupList.delete(id);\n  }\n\n  /**\n   * Sets input values for a popup by its ID.\n   * @param id - The popup ID\n   * @param values - Object containing input values to set\n   */\n  setInputs(id: number, values: AXComponentInputs): void {\n    const ref = this.popupList.get(id)?.overlay.instance;\n    if (!ref) return;\n    if (ref instanceof ComponentRef) {\n      const componentInstance = ref.instance as AXPopupComponent;\n      componentInstance.setContentInputs(values);\n    }\n  }\n\n  /**\n   * Sets the title for a popup by its ID.\n   * @param id - The popup ID\n   * @param title - The new title\n   */\n  setTitle(id: number, title: string): void {\n    const ref = this.popupList.get(id)?.overlay.instance;\n    if (!ref) return;\n    if (ref instanceof ComponentRef) {\n      const componentInstance = ref.instance as AXPopupComponent;\n      componentInstance.setTitle(title);\n    }\n  }\n\n  /**\n   * Brings a popup to the front of all other overlays.\n   * @param id - The popup ID to bring to front\n   */\n  bringToFront(id: number): void {\n    const ref = this.popupList.get(id);\n    if (!ref) return;\n    ref.overlay.bringToFront();\n  }\n}\n","import { AXCommonModule } from '@acorex/cdk/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXPopupComponent } from './popup.component';\nimport { AXPopupService } from './popup.service';\n\nconst COMPONENT = [AXPopupComponent];\nconst MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXTranslationModule];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [AXPopupService],\n})\nexport class AXPopupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-progress-bar.mjs

@@ -1,6 +1,6 @@
 import { MXColorComponent, AXComponent } from '@acorex/cdk/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, HostBinding, Input, Output, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { EventEmitter, HostBinding, Input, Output, ViewChild, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 class AXProgressBarComponent extends MXColorComponent {
@@ -64,12 +64,12 @@ class AXProgressBarComponent extends MXColorComponent {
             return 'ax-primary';
         return `${this['color']}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXProgressBarComponent, isStandalone: true, selector: "ax-progress-bar", inputs: { color: "color", mode: "mode", progress: "progress", height: "height" }, outputs: { ValueChange: "ValueChange", sizeChange: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }], viewQueries: [{ propertyName: "circle", first: true, predicate: ["c"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer components{ax-progress-bar{position:relative;display:flex;width:100%;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}ax-progress-bar .ax-progress{width:100%;overflow:hidden;border-radius:var(--radius-lg, .5rem);background-color:color-mix(in srgb,#000 20%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-progress-bar .ax-progress{background-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}ax-progress-bar .ax-progress:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in srgb,#fff 20%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-progress-bar .ax-progress:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,var(--color-white, #fff) 20%,transparent)}}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;--tw-border-style: solid;border-style:solid;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-progress-bar .ax-indeterminate-progress{height:100%;width:100%;transform-origin:0;animation:indeterminateAnimation 1s infinite linear}ax-progress-bar .ax-query-progress{height:100%;width:100%;transform-origin:0;animation:queryAnimation 1s infinite linear}ax-progress-bar .ax-buffer-progress{height:100%;width:100%;transform-origin:0;animation:bufferAnimation 5s infinite linear;background-color:transparent!important;background-image:repeating-linear-gradient(to right,transparent,transparent .5rem,var(--ax-comp-bg) .5rem,var(--ax-comp-bg) 1rem)!important;background-size:100%}}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}@keyframes queryAnimation{0%{transform:translate(100%) scaleX(0)}40%{transform:translate(0) scaleX(.7)}to{transform:translate(-50%) scaleX(.5)}}@keyframes bufferAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXProgressBarComponent, isStandalone: true, selector: "ax-progress-bar", inputs: { color: "color", mode: "mode", progress: "progress", height: "height" }, outputs: { ValueChange: "ValueChange", sizeChange: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }], viewQueries: [{ propertyName: "circle", first: true, predicate: ["c"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer components{ax-progress-bar{position:relative;display:flex;width:100%;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}ax-progress-bar .ax-progress{width:100%;overflow:hidden;border-radius:var(--radius-lg, .5rem);background-color:color-mix(in srgb,#000 20%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-progress-bar .ax-progress{background-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}ax-progress-bar .ax-progress:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in srgb,#fff 20%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-progress-bar .ax-progress:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,var(--color-white, #fff) 20%,transparent)}}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;--tw-border-style: solid;border-style:solid;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-progress-bar .ax-indeterminate-progress{height:100%;width:100%;transform-origin:0;animation:indeterminateAnimation 1s infinite linear}ax-progress-bar .ax-query-progress{height:100%;width:100%;transform-origin:0;animation:queryAnimation 1s infinite linear}ax-progress-bar .ax-buffer-progress{height:100%;width:100%;transform-origin:0;animation:bufferAnimation 5s infinite linear;background-color:transparent!important;background-image:repeating-linear-gradient(to right,transparent,transparent .5rem,var(--ax-comp-bg) .5rem,var(--ax-comp-bg) 1rem)!important;background-size:100%}}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}@keyframes queryAnimation{0%{transform:translate(100%) scaleX(0)}40%{transform:translate(0) scaleX(.7)}to{transform:translate(-50%) scaleX(.5)}}@keyframes bufferAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-progress-bar', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer components{ax-progress-bar{position:relative;display:flex;width:100%;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}ax-progress-bar .ax-progress{width:100%;overflow:hidden;border-radius:var(--radius-lg, .5rem);background-color:color-mix(in srgb,#000 20%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-progress-bar .ax-progress{background-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}ax-progress-bar .ax-progress:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in srgb,#fff 20%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-progress-bar .ax-progress:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,var(--color-white, #fff) 20%,transparent)}}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;--tw-border-style: solid;border-style:solid;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-progress-bar .ax-indeterminate-progress{height:100%;width:100%;transform-origin:0;animation:indeterminateAnimation 1s infinite linear}ax-progress-bar .ax-query-progress{height:100%;width:100%;transform-origin:0;animation:queryAnimation 1s infinite linear}ax-progress-bar .ax-buffer-progress{height:100%;width:100%;transform-origin:0;animation:bufferAnimation 5s infinite linear;background-color:transparent!important;background-image:repeating-linear-gradient(to right,transparent,transparent .5rem,var(--ax-comp-bg) .5rem,var(--ax-comp-bg) 1rem)!important;background-size:100%}}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}@keyframes queryAnimation{0%{transform:translate(100%) scaleX(0)}40%{transform:translate(0) scaleX(.7)}to{transform:translate(-50%) scaleX(.5)}}@keyframes bufferAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ selector: 'ax-progress-bar', inputs: ['color'], encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }], template: "<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["@layer components{ax-progress-bar{position:relative;display:flex;width:100%;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2)}ax-progress-bar .ax-progress{width:100%;overflow:hidden;border-radius:var(--radius-lg, .5rem);background-color:color-mix(in srgb,#000 20%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-progress-bar .ax-progress{background-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}ax-progress-bar .ax-progress:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in srgb,#fff 20%,transparent)}@supports (color: color-mix(in lab,red,red)){ax-progress-bar .ax-progress:where(.ax-dark,.ax-dark *):not(:where(.ax-light,.ax-light *)){background-color:color-mix(in oklab,var(--color-white, #fff) 20%,transparent)}}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;--tw-border-style: solid;border-style:solid;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}ax-progress-bar .ax-indeterminate-progress{height:100%;width:100%;transform-origin:0;animation:indeterminateAnimation 1s infinite linear}ax-progress-bar .ax-query-progress{height:100%;width:100%;transform-origin:0;animation:queryAnimation 1s infinite linear}ax-progress-bar .ax-buffer-progress{height:100%;width:100%;transform-origin:0;animation:bufferAnimation 5s infinite linear;background-color:transparent!important;background-image:repeating-linear-gradient(to right,transparent,transparent .5rem,var(--ax-comp-bg) .5rem,var(--ax-comp-bg) 1rem)!important;background-size:100%}}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}@keyframes queryAnimation{0%{transform:translate(100%) scaleX(0)}40%{transform:translate(0) scaleX(.7)}to{transform:translate(-50%) scaleX(.5)}}@keyframes bufferAnimation{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { circle: [{
                 type: ViewChild,
                 args: ['c']
@@ -89,11 +89,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }] } });
 
 class AXProgressBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule, AXProgressBarComponent], exports: [AXProgressBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule, AXProgressBarComponent], exports: [AXProgressBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXProgressBarModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXProgressBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXProgressBarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXProgressBarComponent],

package/fesm2022/acorex-components-progress-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-progress-bar.mjs","sources":["../../../../packages/components/progress-bar/src/lib/progress-bar.component.ts","../../../../packages/components/progress-bar/src/lib/progress-bar.component.html","../../../../packages/components/progress-bar/src/lib/progress-bar.module.ts","../../../../packages/components/progress-bar/src/acorex-components-progress-bar.ts"],"sourcesContent":["import { AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n\nexport type AXProgressMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\n\n@Component({\n  selector: 'ax-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.css'],\n  inputs: ['color'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }],\n})\nexport class AXProgressBarComponent extends MXColorComponent {\n  /** @ignore */\n  @ViewChild('c') circle: ElementRef;\n\n  /**\n   * @event\n   * Emits when the slider value changes.\n   */\n  @Output()\n  ValueChange: EventEmitter<number> = new EventEmitter();\n\n  /** @ignore */\n  private _progress = 0;\n\n  /**\n   * Specifies the progress indicator mode.\n   */\n  @Input()\n  mode: AXProgressMode = 'determinate';\n\n  /**\n   * Gets or sets the progress value (0-100).\n   */\n  @Input()\n  public get progress(): number {\n    return this._progress;\n  }\n\n  /**\n   * Sets the progress value (0-100).\n   * @param {number} v\n   */\n  public set progress(v: number) {\n    this.setOption({\n      name: 'progress',\n      value: v,\n    });\n  }\n\n  /**\n   * Emitted when the size changes.\n   * @event\n   */\n  @Output()\n  sizeChange: EventEmitter<number> = new EventEmitter();\n\n  /** @ignore */\n  private _height = 8;\n\n  /**\n   * Gets or sets the height of the component.\n   * @param {number} v\n   */\n  @Input()\n  public get height(): number {\n    return this._height;\n  }\n\n  /**\n   * Sets the height of the component.\n   * @param {number} v\n   */\n  public set height(v: number) {\n    this.setOption({\n      name: 'height',\n      value: v,\n    });\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    if (this['color'] === 'ax-default') return 'ax-primary';\n    return `${this['color']}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXProgressBarComponent } from './progress-bar.component';\n\n@NgModule({\n  imports: [CommonModule, AXProgressBarComponent],\n  exports: [AXProgressBarComponent],\n  providers: [],\n})\nexport class AXProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-progress-bar.mjs","sources":["../../../../packages/components/progress-bar/src/lib/progress-bar.component.ts","../../../../packages/components/progress-bar/src/lib/progress-bar.component.html","../../../../packages/components/progress-bar/src/lib/progress-bar.module.ts","../../../../packages/components/progress-bar/src/acorex-components-progress-bar.ts"],"sourcesContent":["import { AXComponent, MXColorComponent } from '@acorex/cdk/common';\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n\nexport type AXProgressMode = 'determinate' | 'indeterminate' | 'buffer' | 'query';\n\n@Component({\n  selector: 'ax-progress-bar',\n  templateUrl: './progress-bar.component.html',\n  styleUrls: ['./progress-bar.component.css'],\n  inputs: ['color'],\n\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXProgressBarComponent }],\n})\nexport class AXProgressBarComponent extends MXColorComponent {\n  /** @ignore */\n  @ViewChild('c') circle: ElementRef;\n\n  /**\n   * @event\n   * Emits when the slider value changes.\n   */\n  @Output()\n  ValueChange: EventEmitter<number> = new EventEmitter();\n\n  /** @ignore */\n  private _progress = 0;\n\n  /**\n   * Specifies the progress indicator mode.\n   */\n  @Input()\n  mode: AXProgressMode = 'determinate';\n\n  /**\n   * Gets or sets the progress value (0-100).\n   */\n  @Input()\n  public get progress(): number {\n    return this._progress;\n  }\n\n  /**\n   * Sets the progress value (0-100).\n   * @param {number} v\n   */\n  public set progress(v: number) {\n    this.setOption({\n      name: 'progress',\n      value: v,\n    });\n  }\n\n  /**\n   * Emitted when the size changes.\n   * @event\n   */\n  @Output()\n  sizeChange: EventEmitter<number> = new EventEmitter();\n\n  /** @ignore */\n  private _height = 8;\n\n  /**\n   * Gets or sets the height of the component.\n   * @param {number} v\n   */\n  @Input()\n  public get height(): number {\n    return this._height;\n  }\n\n  /**\n   * Sets the height of the component.\n   * @param {number} v\n   */\n  public set height(v: number) {\n    this.setOption({\n      name: 'height',\n      value: v,\n    });\n  }\n\n  /** @ignore */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    if (this['color'] === 'ax-default') return 'ax-primary';\n    return `${this['color']}`;\n  }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n@switch (mode) {\n  @case ('indeterminate') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-indeterminate-progress\"></div>\n    </div>\n  }\n  @case ('query') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-query-progress\"></div>\n    </div>\n  }\n  @case ('buffer') {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar ax-buffer-progress\"></div>\n    </div>\n  }\n  @default {\n    <div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n      <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n    </div>\n  }\n}\n<ng-content select=\"ax-suffix\"></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXProgressBarComponent } from './progress-bar.component';\n\n@NgModule({\n  imports: [CommonModule, AXProgressBarComponent],\n  exports: [AXProgressBarComponent],\n  providers: [],\n})\nexport class AXProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-qrcode.mjs

@@ -2,7 +2,7 @@ import { AXValuableComponent, AXComponent } from '@acorex/cdk/common';
 import { generateQRCode } from '@acorex/cdk/qrcode';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, input, signal, viewChild, effect, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { inject, PLATFORM_ID, input, signal, viewChild, effect, forwardRef, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
 function debounce(func, delayMS) {
@@ -23,47 +23,56 @@ class AXQrcodeComponent {
         /**
          * @description Value of QR code
          */
-        this.content = input.required(...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+        this.content = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
         /**
          * @description Size of the QR code
          * @default 256
          */
-        this.size = input(256, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        this.size = input(256, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
         /**
          * @description Error correction level can be 'L' | 'M' | 'Q' | 'H'
          * @default 'M'
          */
-        this.level = input('M', ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
+        this.level = input('M', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
         /**
          * @description QR code color, can be a hex code or CSS color name
          * @default '#000000'
          */
-        this.color = input('#000000', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        this.color = input('#000000', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
         /**
          * @description QR code Background color, can be a hex code or CSS color name
          * @default '#FFFFFF'
          */
-        this.backgroundColor = input('#FFFFFF', ...(ngDevMode ? [{ debugName: "backgroundColor" }] : /* istanbul ignore next */ []));
+        this.backgroundColor = input('#FFFFFF', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "backgroundColor" }] : /* istanbul ignore next */ []));
         /**
          * @description Type of output can be 'canvas' | 'svg' | 'url'
          * @default 'canvas'
          */
-        this.outputType = input('canvas', ...(ngDevMode ? [{ debugName: "outputType" }] : /* istanbul ignore next */ [])); //
+        this.outputType = input('canvas', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "outputType" }] : /* istanbul ignore next */ [])); //
         /**
          * @ignore
          */
         /**
          * @description // Holds base64 or URL if outputType is 'url' or 'base64'
          */
-        this.qrCodeUrl = signal(undefined, ...(ngDevMode ? [{ debugName: "qrCodeUrl" }] : /* istanbul ignore next */ []));
+        this.qrCodeUrl = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "qrCodeUrl" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.canvas = viewChild('canvas', ...(ngDevMode ? [{ debugName: "canvas" }] : /* istanbul ignore next */ []));
+        this.canvas = viewChild('canvas', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canvas" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.svg = viewChild('svg', ...(ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []));
+        this.svg = viewChild('svg', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []));
         effect(() => {
             if (!isPlatformBrowser(this.platformId)) {
                 return;
@@ -98,8 +107,8 @@ class AXQrcodeComponent {
             console.error(error);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXQrcodeComponent, isStandalone: true, selector: "ax-qrcode", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, outputType: { classPropertyName: "outputType", publicName: "outputType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXQrcodeComponent, isStandalone: true, selector: "ax-qrcode", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, backgroundColor: { classPropertyName: "backgroundColor", publicName: "backgroundColor", isSignal: true, isRequired: false, transformFunction: null }, outputType: { classPropertyName: "outputType", publicName: "outputType", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: AXValuableComponent, useExisting: AXQrcodeComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -107,11 +116,11 @@ class AXQrcodeComponent {
                 multi: true,
             },
             { provide: AXComponent, useExisting: AXQrcodeComponent },
-        ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "svg", first: true, predicate: ["svg"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n", styles: ["@layer components{.qrcode{position:relative;display:flex;align-items:center;justify-content:center}.qrcode .logo-container{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "svg", first: true, predicate: ["svg"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"qrcode\">\n  @if (outputType() === 'canvas') {\n    <canvas #canvas></canvas>\n  } @else if (outputType() === 'svg') {\n    <div #svg></div>\n  } @else {\n    <img [src]=\"qrCodeUrl()\" alt=\"QR Code\" />\n  }\n  <div class=\"logo-container\">\n    <ng-content select=\"img\"></ng-content>\n  </div>\n</div>\n", styles: ["@layer components{.qrcode{position:relative;display:flex;align-items:center;justify-content:center}.qrcode .logo-container{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}}\n/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXQrcodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-qrcode', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ selector: 'ax-qrcode', encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXValuableComponent, useExisting: AXQrcodeComponent },
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -123,11 +132,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], backgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundColor", required: false }] }], outputType: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputType", required: false }] }], canvas: [{ type: i0.ViewChild, args: ['canvas', { isSignal: true }] }], svg: [{ type: i0.ViewChild, args: ['svg', { isSignal: true }] }] } });
 
 class AXQrcodeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule, AXQrcodeComponent], exports: [AXQrcodeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule, AXQrcodeComponent], exports: [AXQrcodeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXQrcodeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXQrcodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXQrcodeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXQrcodeComponent],