@acorex/components 21.0.2-next.3 → 21.0.2-next.31

package/fesm2022/acorex-components-modal-modal-content.component-DplJbJyk.mjs

@@ -1,214 +0,0 @@
-import { NXComponent, AXComponent } from '@acorex/cdk/common';
-import * as i1 from '@acorex/cdk/focus-trap';
-import { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';
-import { AXButtonComponent } from '@acorex/components/button';
-import * as i3 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, model, inject, viewChild, computed, TemplateRef, signal, afterNextRender, effect, HostListener, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { A as AXModalStateService, a as AXModalFooterComponent } from './acorex-components-modal-acorex-components-modal-DWNqU6or.mjs';
-
-class AXModalContentComponent extends NXComponent {
-    constructor() {
-        super(...arguments);
-        this.__content__ = input.required(...(ngDevMode ? [{ debugName: "__content__" }] : []));
-        this.id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
-        this.inputs = model(...(ngDevMode ? [undefined, { debugName: "inputs" }] : []));
-        this.serviceState = inject(AXModalStateService);
-        this.sanitizer = inject(DomSanitizer);
-        this.modalContainer = viewChild('c', ...(ngDevMode ? [{ debugName: "modalContainer" }] : []));
-        this.footer = viewChild(AXModalFooterComponent, ...(ngDevMode ? [{ debugName: "footer" }] : []));
-        this.isTemplate = computed(() => this.__content__() instanceof TemplateRef, ...(ngDevMode ? [{ debugName: "isTemplate" }] : []));
-        this.isHtmlElement = computed(() => this.__content__() instanceof HTMLElement, ...(ngDevMode ? [{ debugName: "isHtmlElement" }] : []));
-        this.component = computed(() => this.__content__(), ...(ngDevMode ? [{ debugName: "component" }] : []));
-        this.template = computed(() => this.__content__(), ...(ngDevMode ? [{ debugName: "template" }] : []));
-        this.element = computed(() => this.__content__(), ...(ngDevMode ? [{ debugName: "element" }] : []));
-        this.modalSizeState = signal('normal', ...(ngDevMode ? [{ debugName: "modalSizeState" }] : []));
-        this.fullScreenState = signal(false, ...(ngDevMode ? [{ debugName: "fullScreenState" }] : []));
-        this.isMouseDown = signal(false, ...(ngDevMode ? [{ debugName: "isMouseDown" }] : []));
-        this.offsetX = signal(0, ...(ngDevMode ? [{ debugName: "offsetX" }] : []));
-        this.offsetY = signal(0, ...(ngDevMode ? [{ debugName: "offsetY" }] : []));
-        this.prevLeft = signal('', ...(ngDevMode ? [{ debugName: "prevLeft" }] : []));
-        this.prevTop = signal('', ...(ngDevMode ? [{ debugName: "prevTop" }] : []));
-        this.backdropState = computed(() => this.serviceState.modalOption()?.backdrop?.enabled ?? true, ...(ngDevMode ? [{ debugName: "backdropState" }] : []));
-        this.closeOnEscape = computed(() => this.serviceState.modalOption()?.closeOnEscape ?? true, ...(ngDevMode ? [{ debugName: "closeOnEscape" }] : []));
-        this.panelClass = computed(() => this.serviceState.modalOption()?.panelClass ?? '', ...(ngDevMode ? [{ debugName: "panelClass" }] : []));
-        this.headerState = computed(() => this.serviceState.modalOption()?.header ?? false, ...(ngDevMode ? [{ debugName: "headerState" }] : []));
-        this.footerState = computed(() => this.serviceState.modalOption()?.footer ?? false, ...(ngDevMode ? [{ debugName: "footerState" }] : []));
-        this.closeHeaderButton = computed(() => this.serviceState.modalOption()?.buttons?.close ?? true, ...(ngDevMode ? [{ debugName: "closeHeaderButton" }] : []));
-        this.backdropBackground = computed(() => this.serviceState.modalOption()?.backdrop?.background ?? true, ...(ngDevMode ? [{ debugName: "backdropBackground" }] : []));
-        this.backdropClass = computed(() => this.serviceState.modalOption()?.backdrop?.backdropClass ?? '', ...(ngDevMode ? [{ debugName: "backdropClass" }] : []));
-        this.backdropCloseOnClick = computed(() => this.serviceState.modalOption()?.backdrop?.closeOnClick ?? true, ...(ngDevMode ? [{ debugName: "backdropCloseOnClick" }] : []));
-        this.minimizePosition = computed(() => this.serviceState.modalOption()?.buttons?.minimize?.position ?? 'bottom-right', ...(ngDevMode ? [{ debugName: "minimizePosition" }] : []));
-        this.minimizeState = computed(() => this.serviceState.modalOption()?.buttons?.minimize?.enable ?? false, ...(ngDevMode ? [{ debugName: "minimizeState" }] : []));
-        this.maximizeState = computed(() => this.serviceState.modalOption()?.buttons?.maximize ?? false, ...(ngDevMode ? [{ debugName: "maximizeState" }] : []));
-        this.modalSize = computed(() => this.serviceState.modalOption()?.size ?? 'lg', ...(ngDevMode ? [{ debugName: "modalSize" }] : []));
-        this.headerTitle = computed(() => this.serviceState.modalOption()?.title ?? '', ...(ngDevMode ? [{ debugName: "headerTitle" }] : []));
-        this.draggable = computed(() => this.serviceState.modalOption()?.draggable ?? true, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-        this.#init = afterNextRender(() => {
-            this.nativeElement.focus();
-            const popFooter = this.nativeElement.querySelector('.ax-modal-footer');
-            const footer = this.nativeElement.querySelector('.ax-modal-content ax-modal-footer');
-            if (footer) {
-                setTimeout(() => {
-                    popFooter?.append(footer);
-                });
-            }
-        });
-        this.#eff = effect(() => {
-            const host = this.nativeElement;
-            if (this.draggable())
-                host.classList.add('ax-draggable');
-            if (!this.backdropState())
-                return;
-            this.addBackdrop();
-            if (!this.backdropBackground())
-                return;
-        }, ...(ngDevMode ? [{ debugName: "#eff" }] : []));
-    }
-    #init;
-    close() {
-        this.serviceState.close(this.id());
-    }
-    minimize() {
-        if (this.fullScreenState())
-            document.exitFullscreen();
-        this.modalContainer().nativeElement.style.transition = 'all 200ms ease-out';
-        this.modalContainer().nativeElement.style.top = `auto`;
-        this.modalContainer().nativeElement.style.bottom = `0`;
-        if (this.backdropState())
-            this.removeBackdrop();
-        this.modalContainer().nativeElement.classList.remove('ax-normal-modal');
-        this.modalContainer().nativeElement.classList.add('ax-minimize-modal');
-        requestAnimationFrame(() => {
-            const width = this.modalContainer().nativeElement.offsetWidth;
-            const index = this.serviceState.getMapIndexOf(this.id());
-            if (this.minimizePosition() === 'bottom-right') {
-                this.modalContainer().nativeElement.style.left = `auto`;
-                this.modalContainer().nativeElement.style.right = `${index * (width + 10)}px`;
-            }
-            else {
-                this.modalContainer().nativeElement.style.right = `auto`;
-                this.modalContainer().nativeElement.style.left = `${index * (width + 10)}px`;
-            }
-        });
-        this.modalSizeState.set('minimize');
-    }
-    maximize() {
-        this.modalContainer().nativeElement.style.transition = 'none';
-        if (this.modalSizeState() === 'minimize')
-            this.restore();
-        if (!document.fullscreenElement) {
-            this.modalContainer().nativeElement.requestFullscreen();
-            this.fullScreenState.set(true);
-        }
-        else {
-            document.exitFullscreen();
-        }
-        document.addEventListener('fullscreenchange', () => {
-            if (!document.fullscreenElement) {
-                this.fullScreenState.set(false);
-            }
-        });
-    }
-    restore() {
-        setTimeout(() => {
-            this.modalContainer().nativeElement.style.transition = 'none';
-        }, 200);
-        if (this.fullScreenState()) {
-            document.exitFullscreen();
-            return;
-        }
-        this.modalContainer().nativeElement.style.bottom = `auto`;
-        this.modalContainer().nativeElement.style.right = `auto`;
-        this.modalContainer().nativeElement.style.left = this.prevLeft();
-        this.modalContainer().nativeElement.style.top = this.prevTop();
-        if (this.backdropState())
-            this.addBackdrop();
-        this.modalContainer().nativeElement.classList.remove(`ax-minimize-modal`);
-        this.modalContainer().nativeElement.classList.add('ax-normal-modal');
-        this.modalSizeState.set('normal');
-    }
-    pointerDownHandler(e) {
-        if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
-            return;
-        this.isMouseDown.set(true);
-        this.offsetX.set(e.clientX - this.modalContainer().nativeElement.offsetLeft);
-        this.offsetY.set(e.clientY - this.modalContainer().nativeElement.offsetTop);
-    }
-    addBackdrop() {
-        const backdropElem = document.createElement('div');
-        backdropElem.classList.add('ax-modal-drawer-backdrop');
-        if (this.backdropClass()) {
-            backdropElem.classList.add(...this.backdropClass().split(' '));
-        }
-        else {
-            backdropElem.classList.add('ax-default-backdrop');
-        }
-        backdropElem.addEventListener('pointerdown', (e) => {
-            if (!this.backdropCloseOnClick())
-                return;
-            if (e.target === e.currentTarget) {
-                this.close();
-            }
-        });
-        this.nativeElement.appendChild(backdropElem);
-    }
-    removeBackdrop() {
-        const backdropElem = this.nativeElement.querySelector('.ax-modal-drawer-backdrop');
-        if (backdropElem) {
-            backdropElem.remove();
-        }
-    }
-    pointerMoveHandler(e) {
-        if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
-            return;
-        if (!this.isMouseDown())
-            return;
-        this.modalContainer().nativeElement.style.left = `${e.clientX - this.offsetX()}px`;
-        this.modalContainer().nativeElement.style.top = `${e.clientY - this.offsetY()}px`;
-        this.prevLeft.set(`${e.clientX - this.offsetX()}px`);
-        this.prevTop.set(`${e.clientY - this.offsetY()}px`);
-    }
-    pointerUpHandler() {
-        if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState())
-            return;
-        this.isMouseDown.set(false);
-    }
-    get role() {
-        return '0';
-    }
-    escapeHandler(e) {
-        if (e.key === 'Escape' && this.closeOnEscape()) {
-            this.close();
-        }
-    }
-    #eff;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXModalContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXModalContentComponent, isStandalone: true, selector: "ax-modal-content", inputs: { __content__: { classPropertyName: "__content__", publicName: "__content__", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputs: { classPropertyName: "inputs", publicName: "inputs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputs: "inputsChange" }, host: { listeners: { "pointermove": "pointerMoveHandler($event)", "pointerup": "pointerUpHandler()", "pointerleave": "pointerUpHandler()", "keydown": "escapeHandler($event)" }, properties: { "attr.tabindex": "this.role" } }, providers: [{ provide: AXComponent, useExisting: AXModalContentComponent }], viewQueries: [{ propertyName: "modalContainer", first: true, predicate: ["c"], descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: AXModalFooterComponent, descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.AXFocusTrapDirective }], ngImport: i0, template: "<div\n  #c\n  class=\"ax-modal-container ax-{{ modalSizeState() }}-modal  ax-modal-{{ modalSize() }} {{ panelClass() }}\"\n  animate.enter=\"ax-fade-slide-in\"\n>\n  @if (headerState()) {\n    <div (pointerdown)=\"pointerDownHandler($event)\" class=\"ax-modal-header\">\n      <ax-text>{{ headerTitle() }}</ax-text>\n\n      <div class=\"flex\">\n        @if (minimizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"minimize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-minimize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (modalSizeState() !== 'normal' || fullScreenState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"restore()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-maximize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (maximizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"maximize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-full-screen\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (closeHeaderButton()) {\n          <ax-button class=\"ax-sm\" look=\"blank\" (onClick)=\"close()\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-close\"> </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"ax-modal-content\">\n    @if (isTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"this.template()\" [ngTemplateOutletContext]=\"inputs()\"></ng-container>\n    } @else if (isHtmlElement()) {\n      <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(this.element().outerHTML)\"></div>\n    } @else {\n      <ng-container [ngComponentOutlet]=\"this.component()\" [ngComponentOutletInputs]=\"inputs()\"></ng-container>\n    }\n  </div>\n\n  @if (footerState()) {\n    <div class=\"ax-modal-footer\"></div>\n  }\n</div>\n", styles: ["@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}}}@layer components{ax-modal-content{touch-action:none;-webkit-user-select:none;user-select:none}ax-modal-content .ax-modal-drawer-backdrop{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);z-index:50;width:100vw;height:100vh;position:fixed}ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:color-mix(in oklab,var(--color-black,#000) 50%,transparent)}}ax-modal-content.ax-draggable .ax-modal-header:hover{cursor:move}ax-modal-content .ax-modal-container{z-index:55;border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));flex-direction:column;justify-content:space-between;max-width:100vw;max-height:90vh;display:flex;position:fixed;overflow:hidden}ax-modal-content .ax-modal-container.ax-modal-full{width:100%;height:100%;max-height:100vh!important}ax-modal-content .ax-modal-container.ax-modal-fit{width:fit-content}ax-modal-content .ax-modal-container.ax-modal-sm,ax-modal-content .ax-modal-container.ax-modal-md,ax-modal-content .ax-modal-container.ax-modal-lg,ax-modal-content .ax-modal-container.ax-modal-fit{width:93vw}@media(min-width:640px){ax-modal-content .ax-modal-container.ax-modal-sm{width:55vw}ax-modal-content .ax-modal-container.ax-modal-md{width:65vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:75vw}}@media(min-max-width:768px){ax-modal-content .ax-modal-container.ax-modal-sm{width:30vw}ax-modal-content .ax-modal-container.ax-modal-md{width:50vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:85vw}}@media(min-width:1024px){ax-modal-content .ax-modal-container.ax-modal-sm{width:25vw}ax-modal-content .ax-modal-container.ax-modal-md{width:40vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:65vw}}ax-modal-content .ax-modal-container.ax-normal-modal{top:50%;left:50%;transform:translate(-50%,-50%)}ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-footer{display:block}ax-modal-content .ax-modal-container.ax-minimize-modal{width:fit-content}ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-footer{display:none}ax-modal-content .ax-modal-container .ax-modal-header,ax-modal-content .ax-modal-container .ax-modal-footer{padding:calc(var(--spacing,.25rem) * 2);height:fit-content}ax-modal-content .ax-modal-container .ax-modal-content{flex-grow:1;overflow:auto}ax-modal-content .ax-modal-container .ax-modal-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));display:flex}ax-modal-content .ax-modal-container .ax-modal-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}.ax-fade-slide-in{transform-origin:0 0;animation:.3s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXModalContentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-modal-content', imports: [CommonModule, AXButtonComponent, AXDecoratorModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [AXFocusTrapDirective], providers: [{ provide: AXComponent, useExisting: AXModalContentComponent }], template: "<div\n  #c\n  class=\"ax-modal-container ax-{{ modalSizeState() }}-modal  ax-modal-{{ modalSize() }} {{ panelClass() }}\"\n  animate.enter=\"ax-fade-slide-in\"\n>\n  @if (headerState()) {\n    <div (pointerdown)=\"pointerDownHandler($event)\" class=\"ax-modal-header\">\n      <ax-text>{{ headerTitle() }}</ax-text>\n\n      <div class=\"flex\">\n        @if (minimizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"minimize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-minimize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (modalSizeState() !== 'normal' || fullScreenState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"restore()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-maximize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (maximizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"maximize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-full-screen\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (closeHeaderButton()) {\n          <ax-button class=\"ax-sm\" look=\"blank\" (onClick)=\"close()\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-close\"> </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"ax-modal-content\">\n    @if (isTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"this.template()\" [ngTemplateOutletContext]=\"inputs()\"></ng-container>\n    } @else if (isHtmlElement()) {\n      <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(this.element().outerHTML)\"></div>\n    } @else {\n      <ng-container [ngComponentOutlet]=\"this.component()\" [ngComponentOutletInputs]=\"inputs()\"></ng-container>\n    }\n  </div>\n\n  @if (footerState()) {\n    <div class=\"ax-modal-footer\"></div>\n  }\n</div>\n", styles: ["@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}}}@layer components{ax-modal-content{touch-action:none;-webkit-user-select:none;user-select:none}ax-modal-content .ax-modal-drawer-backdrop{top:calc(var(--spacing,.25rem) * 0);left:calc(var(--spacing,.25rem) * 0);z-index:50;width:100vw;height:100vh;position:fixed}ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){ax-modal-content .ax-modal-drawer-backdrop.ax-default-backdrop{background-color:color-mix(in oklab,var(--color-black,#000) 50%,transparent)}}ax-modal-content.ax-draggable .ax-modal-header:hover{cursor:move}ax-modal-content .ax-modal-container{z-index:55;border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));flex-direction:column;justify-content:space-between;max-width:100vw;max-height:90vh;display:flex;position:fixed;overflow:hidden}ax-modal-content .ax-modal-container.ax-modal-full{width:100%;height:100%;max-height:100vh!important}ax-modal-content .ax-modal-container.ax-modal-fit{width:fit-content}ax-modal-content .ax-modal-container.ax-modal-sm,ax-modal-content .ax-modal-container.ax-modal-md,ax-modal-content .ax-modal-container.ax-modal-lg,ax-modal-content .ax-modal-container.ax-modal-fit{width:93vw}@media(min-width:640px){ax-modal-content .ax-modal-container.ax-modal-sm{width:55vw}ax-modal-content .ax-modal-container.ax-modal-md{width:65vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:75vw}}@media(min-max-width:768px){ax-modal-content .ax-modal-container.ax-modal-sm{width:30vw}ax-modal-content .ax-modal-container.ax-modal-md{width:50vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:85vw}}@media(min-width:1024px){ax-modal-content .ax-modal-container.ax-modal-sm{width:25vw}ax-modal-content .ax-modal-container.ax-modal-md{width:40vw}ax-modal-content .ax-modal-container.ax-modal-lg{width:65vw}}ax-modal-content .ax-modal-container.ax-normal-modal{top:50%;left:50%;transform:translate(-50%,-50%)}ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-normal-modal .ax-modal-footer{display:block}ax-modal-content .ax-modal-container.ax-minimize-modal{width:fit-content}ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-content,ax-modal-content .ax-modal-container.ax-minimize-modal .ax-modal-footer{display:none}ax-modal-content .ax-modal-container .ax-modal-header,ax-modal-content .ax-modal-container .ax-modal-footer{padding:calc(var(--spacing,.25rem) * 2);height:fit-content}ax-modal-content .ax-modal-container .ax-modal-content{flex-grow:1;overflow:auto}ax-modal-content .ax-modal-container .ax-modal-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface));display:flex}ax-modal-content .ax-modal-container .ax-modal-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:rgba(var(--ax-sys-color-border-lightest-surface))}.ax-fade-slide-in{transform-origin:0 0;animation:.3s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
-        }], propDecorators: { __content__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__content__", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], inputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputs", required: false }] }, { type: i0.Output, args: ["inputsChange"] }], modalContainer: [{ type: i0.ViewChild, args: ['c', { isSignal: true }] }], footer: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXModalFooterComponent), { isSignal: true }] }], pointerMoveHandler: [{
-                type: HostListener,
-                args: ['pointermove', ['$event']]
-            }], pointerUpHandler: [{
-                type: HostListener,
-                args: ['pointerup']
-            }, {
-                type: HostListener,
-                args: ['pointerleave']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }], escapeHandler: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-export { AXModalContentComponent };
-//# sourceMappingURL=acorex-components-modal-modal-content.component-DplJbJyk.mjs.map

package/fesm2022/acorex-components-modal-modal-content.component-DplJbJyk.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-modal-modal-content.component-DplJbJyk.mjs","sources":["../../../../packages/components/modal/src/lib/modal-content/modal-content.component.ts","../../../../packages/components/modal/src/lib/modal-content/modal-content.component.html"],"sourcesContent":["import { AXComponent, NXComponent } from '@acorex/cdk/common';\nimport { AXFocusTrapDirective } from '@acorex/cdk/focus-trap';\nimport { AXButtonComponent } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXComponentContent, AXComponentInputs, AXComponentType } from '@acorex/core/components';\nimport { CommonModule } from '@angular/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  HostBinding,\n  HostListener,\n  inject,\n  input,\n  model,\n  signal,\n  TemplateRef,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { AXModalFooterComponent } from '../modal-footer/modal-footer.component';\nimport { AXModalStateService } from '../modal-state.service';\n\n@Component({\n  selector: 'ax-modal-content',\n  templateUrl: './modal-content.component.html',\n  styleUrl: './modal-content.component.compiled.css',\n  imports: [CommonModule, AXButtonComponent, AXDecoratorModule],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [AXFocusTrapDirective],\n  providers: [{ provide: AXComponent, useExisting: AXModalContentComponent }],\n})\nexport class AXModalContentComponent extends NXComponent {\n  __content__ = input.required<AXComponentContent | HTMLElement>();\n  public id = input<number>();\n  public inputs = model<AXComponentInputs>();\n  private serviceState = inject(AXModalStateService);\n  protected sanitizer = inject(DomSanitizer);\n\n  protected modalContainer = viewChild<ElementRef>('c');\n  protected footer = viewChild<AXModalFooterComponent>(AXModalFooterComponent);\n\n  protected isTemplate = computed(() => this.__content__() instanceof TemplateRef);\n  protected isHtmlElement = computed(() => this.__content__() instanceof HTMLElement);\n\n  public component = computed(() => this.__content__() as AXComponentType<any>);\n  public template = computed(() => this.__content__() as TemplateRef<any>);\n  public element = computed(() => this.__content__() as HTMLElement);\n\n  protected modalSizeState = signal<'minimize' | 'normal'>('normal');\n  protected fullScreenState = signal(false);\n  private isMouseDown = signal(false);\n  private offsetX = signal(0);\n  private offsetY = signal(0);\n  private prevLeft = signal('');\n  private prevTop = signal('');\n  private backdropState = computed(() => this.serviceState.modalOption()?.backdrop?.enabled ?? true);\n  private closeOnEscape = computed(() => this.serviceState.modalOption()?.closeOnEscape ?? true);\n  protected panelClass = computed(() => this.serviceState.modalOption()?.panelClass ?? '');\n  protected headerState = computed(() => this.serviceState.modalOption()?.header ?? false);\n  protected footerState = computed(() => this.serviceState.modalOption()?.footer ?? false);\n  protected closeHeaderButton = computed(() => this.serviceState.modalOption()?.buttons?.close ?? true);\n  private backdropBackground = computed(() => this.serviceState.modalOption()?.backdrop?.background ?? true);\n  private backdropClass = computed(() => this.serviceState.modalOption()?.backdrop?.backdropClass ?? '');\n  private backdropCloseOnClick = computed(() => this.serviceState.modalOption()?.backdrop?.closeOnClick ?? true);\n  private minimizePosition = computed(\n    () => this.serviceState.modalOption()?.buttons?.minimize?.position ?? 'bottom-right',\n  );\n  protected minimizeState = computed(() => this.serviceState.modalOption()?.buttons?.minimize?.enable ?? false);\n  protected maximizeState = computed(() => this.serviceState.modalOption()?.buttons?.maximize ?? false);\n  protected modalSize = computed(() => this.serviceState.modalOption()?.size ?? 'lg');\n  protected headerTitle = computed(() => this.serviceState.modalOption()?.title ?? '');\n  private draggable = computed(() => this.serviceState.modalOption()?.draggable ?? true);\n\n  #init = afterNextRender(() => {\n    this.nativeElement.focus();\n    const popFooter = this.nativeElement.querySelector<HTMLDivElement>('.ax-modal-footer');\n    const footer = this.nativeElement.querySelector<HTMLDivElement>('.ax-modal-content ax-modal-footer');\n    if (footer) {\n      setTimeout(() => {\n        popFooter?.append(footer);\n      });\n    }\n  });\n\n  protected close() {\n    this.serviceState.close(this.id());\n  }\n\n  minimize() {\n    if (this.fullScreenState()) document.exitFullscreen();\n    this.modalContainer().nativeElement.style.transition = 'all 200ms ease-out';\n\n    this.modalContainer().nativeElement.style.top = `auto`;\n    this.modalContainer().nativeElement.style.bottom = `0`;\n\n    if (this.backdropState()) this.removeBackdrop();\n    this.modalContainer().nativeElement.classList.remove('ax-normal-modal');\n    this.modalContainer().nativeElement.classList.add('ax-minimize-modal');\n\n    requestAnimationFrame(() => {\n      const width = this.modalContainer().nativeElement.offsetWidth;\n      const index = this.serviceState.getMapIndexOf(this.id());\n\n      if (this.minimizePosition() === 'bottom-right') {\n        this.modalContainer().nativeElement.style.left = `auto`;\n        this.modalContainer().nativeElement.style.right = `${index * (width + 10)}px`;\n      } else {\n        this.modalContainer().nativeElement.style.right = `auto`;\n        this.modalContainer().nativeElement.style.left = `${index * (width + 10)}px`;\n      }\n    });\n\n    this.modalSizeState.set('minimize');\n  }\n\n  maximize() {\n    this.modalContainer().nativeElement.style.transition = 'none';\n\n    if (this.modalSizeState() === 'minimize') this.restore();\n\n    if (!document.fullscreenElement) {\n      this.modalContainer().nativeElement.requestFullscreen();\n      this.fullScreenState.set(true);\n    } else {\n      document.exitFullscreen();\n    }\n\n    document.addEventListener('fullscreenchange', () => {\n      if (!document.fullscreenElement) {\n        this.fullScreenState.set(false);\n      }\n    });\n  }\n\n  restore() {\n    setTimeout(() => {\n      this.modalContainer().nativeElement.style.transition = 'none';\n    }, 200);\n\n    if (this.fullScreenState()) {\n      document.exitFullscreen();\n      return;\n    }\n\n    this.modalContainer().nativeElement.style.bottom = `auto`;\n    this.modalContainer().nativeElement.style.right = `auto`;\n    this.modalContainer().nativeElement.style.left = this.prevLeft();\n    this.modalContainer().nativeElement.style.top = this.prevTop();\n\n    if (this.backdropState()) this.addBackdrop();\n    this.modalContainer().nativeElement.classList.remove(`ax-minimize-modal`);\n    this.modalContainer().nativeElement.classList.add('ax-normal-modal');\n    this.modalSizeState.set('normal');\n  }\n\n  protected pointerDownHandler(e: MouseEvent) {\n    if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState()) return;\n    this.isMouseDown.set(true);\n    this.offsetX.set(e.clientX - this.modalContainer().nativeElement.offsetLeft);\n    this.offsetY.set(e.clientY - this.modalContainer().nativeElement.offsetTop);\n  }\n\n  private addBackdrop() {\n    const backdropElem = document.createElement('div');\n    backdropElem.classList.add('ax-modal-drawer-backdrop');\n\n    if (this.backdropClass()) {\n      backdropElem.classList.add(...this.backdropClass().split(' '));\n    } else {\n      backdropElem.classList.add('ax-default-backdrop');\n    }\n\n    backdropElem.addEventListener('pointerdown', (e: MouseEvent) => {\n      if (!this.backdropCloseOnClick()) return;\n      if (e.target === e.currentTarget) {\n        this.close();\n      }\n    });\n\n    this.nativeElement.appendChild(backdropElem);\n  }\n\n  private removeBackdrop() {\n    const backdropElem = this.nativeElement.querySelector('.ax-modal-drawer-backdrop');\n    if (backdropElem) {\n      backdropElem.remove();\n    }\n  }\n\n  @HostListener('pointermove', ['$event'])\n  protected pointerMoveHandler(e: MouseEvent) {\n    if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState()) return;\n    if (!this.isMouseDown()) return;\n    this.modalContainer().nativeElement.style.left = `${e.clientX - this.offsetX()}px`;\n    this.modalContainer().nativeElement.style.top = `${e.clientY - this.offsetY()}px`;\n    this.prevLeft.set(`${e.clientX - this.offsetX()}px`);\n    this.prevTop.set(`${e.clientY - this.offsetY()}px`);\n  }\n\n  @HostListener('pointerup')\n  @HostListener('pointerleave')\n  protected pointerUpHandler() {\n    if (!this.draggable() || this.modalSizeState() === 'minimize' || this.fullScreenState()) return;\n    this.isMouseDown.set(false);\n  }\n\n  @HostBinding('attr.tabindex') get role() {\n    return '0';\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected escapeHandler(e: KeyboardEvent) {\n    if (e.key === 'Escape' && this.closeOnEscape()) {\n      this.close();\n    }\n  }\n\n  #eff = effect(() => {\n    const host = this.nativeElement;\n    if (this.draggable()) host.classList.add('ax-draggable');\n    if (!this.backdropState()) return;\n    this.addBackdrop();\n    if (!this.backdropBackground()) return;\n  });\n}\n","<div\n  #c\n  class=\"ax-modal-container ax-{{ modalSizeState() }}-modal  ax-modal-{{ modalSize() }} {{ panelClass() }}\"\n  animate.enter=\"ax-fade-slide-in\"\n>\n  @if (headerState()) {\n    <div (pointerdown)=\"pointerDownHandler($event)\" class=\"ax-modal-header\">\n      <ax-text>{{ headerTitle() }}</ax-text>\n\n      <div class=\"flex\">\n        @if (minimizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"minimize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-minimize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (modalSizeState() !== 'normal' || fullScreenState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"restore()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-maximize\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (maximizeState()) {\n          <ax-button class=\"ax-sm\" (onClick)=\"maximize()\" look=\"blank\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-full-screen\"> </ax-icon>\n          </ax-button>\n        }\n\n        @if (closeHeaderButton()) {\n          <ax-button class=\"ax-sm\" look=\"blank\" (onClick)=\"close()\" color=\"default\">\n            <ax-icon class=\"ax-icon ax-icon-close\"> </ax-icon>\n          </ax-button>\n        }\n      </div>\n    </div>\n  }\n\n  <div class=\"ax-modal-content\">\n    @if (isTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"this.template()\" [ngTemplateOutletContext]=\"inputs()\"></ng-container>\n    } @else if (isHtmlElement()) {\n      <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(this.element().outerHTML)\"></div>\n    } @else {\n      <ng-container [ngComponentOutlet]=\"this.component()\" [ngComponentOutletInputs]=\"inputs()\"></ng-container>\n    }\n  </div>\n\n  @if (footerState()) {\n    <div class=\"ax-modal-footer\"></div>\n  }\n</div>\n"],"names":[],"mappings":"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"}

package/types/acorex-components-side-menu.d.ts

@@ -1,111 +0,0 @@
-import * as _angular_core from '@angular/core';
-import * as i2 from '@acorex/cdk/common';
-import { MXInteractiveComponent, AXClickEvent, NXComponent } from '@acorex/cdk/common';
-import * as i5 from '@angular/router';
-import { UrlTree, IsActiveMatchOptions } from '@angular/router';
-import * as i1 from '@angular/common';
-import * as i3 from '@acorex/components/loading';
-import * as i4 from '@acorex/core/translation';
-import * as i6 from '@acorex/components/decorators';
-
-declare class AXSideMenuItemClickEvent extends AXClickEvent {
-    handled: boolean;
-}
-declare class AXSideMenuItemComponent extends MXInteractiveComponent {
-    #private;
-    text: _angular_core.ModelSignal<string>;
-    active: _angular_core.ModelSignal<boolean>;
-    isLoading: _angular_core.ModelSignal<boolean>;
-    isCollapsed: _angular_core.ModelSignal<boolean>;
-    onClick: _angular_core.OutputEmitterRef<AXSideMenuItemClickEvent>;
-    tooltipStatus: _angular_core.WritableSignal<boolean>;
-    tooltipText: _angular_core.InputSignal<string>;
-    private elem;
-    readonly toggleOnClick: _angular_core.InputSignal<boolean>;
-    readonly href: _angular_core.InputSignal<string>;
-    readonly routerLink: _angular_core.InputSignal<string | any[] | UrlTree>;
-    readonly routerLinkActive: _angular_core.InputSignal<string | string[]>;
-    readonly routerLinkActiveOptions: _angular_core.InputSignal<{
-        exact: boolean;
-    } | IsActiveMatchOptions>;
-    readonly target: _angular_core.InputSignal<"_blank" | "_self" | "_parent" | "_top">;
-    private childItems;
-    protected hasChild: _angular_core.WritableSignal<boolean>;
-    private checkForChildren;
-    protected _handleClickEvent(e: MouseEvent): void;
-    toggle(): void;
-    open(): void;
-    close(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "tooltipText": { "alias": "tooltipText"; "required": false; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, ["childItems"], ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "ax-text", "*", "ax-suffix"], true, never>;
-}
-
-type AXSideMenuLook = 'pills' | 'with-line' | 'with-line-color' | 'default';
-type AXSideMenuLocation = 'start' | 'end';
-type AXSideMenuItem = {
-    title?: string;
-    routerLink?: string | any[] | UrlTree;
-    routerLinkActive?: string | string[];
-    routerLinkActiveOptions?: {
-        exact: boolean;
-    } | IsActiveMatchOptions;
-    href?: string;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    text: string;
-    active?: boolean;
-    disabled?: boolean;
-    isLoading?: boolean;
-    isCollapsed?: boolean;
-    icon?: string;
-    data?: unknown;
-    suffixText?: string;
-    toggleOnClick?: boolean;
-    items?: AXSideMenuItem[];
-};
-/**
- * @category
- * A component for displaying a side menu with customizable content.
- */
-declare class AXSideMenuComponent extends NXComponent {
-    #private;
-    items: _angular_core.ModelSignal<AXSideMenuItem[]>;
-    readonly look: _angular_core.InputSignal<AXSideMenuLook>;
-    readonly location: _angular_core.InputSignal<AXSideMenuLocation>;
-    readonly mode: _angular_core.InputSignal<"full" | "compact">;
-    children: _angular_core.Signal<readonly AXSideMenuItemComponent[]>;
-    private elementRef;
-    private firstLevelItems;
-    /** @ignore */
-    private get __hostClass();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuComponent, "ax-side-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "location": { "alias": "location"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; }, ["children"], ["ax-side-menu-item,ax-title,ng-container,ng-content"], true, never>;
-}
-
-declare class AXOutlineSideMenuDirective {
-    #private;
-    private router;
-    private unsubscriber;
-    private sideMenu;
-    private container;
-    private updateSideMenu;
-    /**
-     * Creates a string signature that represents the tree structure of the menu.
-     * Example: "href1(href1.1,href1.2),href2,href3"
-     * This will be different for a flat list vs. a nested list.
-     */
-    private getStructuralSignature;
-    private flattenMenuItems;
-    private textReplace;
-    private buildNestedMenuItems;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOutlineSideMenuDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXOutlineSideMenuDirective, "[axOutlineSideMenu]", ["axOutlineSideMenu"], {}, {}, never, never, true, never>;
-}
-
-declare class AXSideMenuModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXSideMenuModule, never, [typeof i1.CommonModule, typeof i2.AXCommonModule, typeof i2.AXRippleDirective, typeof i3.AXLoadingModule, typeof i4.AXTranslationModule, typeof i5.RouterLink, typeof i5.RouterLinkActive, typeof i6.AXDecoratorModule, typeof AXSideMenuComponent, typeof AXSideMenuItemComponent, typeof AXOutlineSideMenuDirective], [typeof AXSideMenuComponent, typeof AXSideMenuItemComponent, typeof AXOutlineSideMenuDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXSideMenuModule>;
-}
-
-export { AXOutlineSideMenuDirective, AXSideMenuComponent, AXSideMenuItemClickEvent, AXSideMenuItemComponent, AXSideMenuModule };
-export type { AXSideMenuItem, AXSideMenuLocation, AXSideMenuLook };