@acorex/components 7.0.40 → 7.1.0

package/fesm2015/acorex-components-popover.mjs

@@ -1,278 +0,0 @@
-import { TemplatePortal } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { EventEmitter, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ViewChild, Output, NgModule } from '@angular/core';
-import { some, includes } from 'lodash-es';
-import { fromEvent, throttleTime } from 'rxjs';
-import { AXDrawingUtil } from '@acorex/core/utils';
-import { AXInteractiveComponenetMixin, AXBaseComponent } from '@acorex/components/mixin';
-import * as i1 from '@angular/cdk/overlay';
-import * as i2 from '@acorex/core/platform';
-import { CommonModule } from '@angular/common';
-
-class AXPopoverComponent extends AXInteractiveComponenetMixin {
-    constructor(_elementRef, _cdr, _zone, _overlay, _platform, _viewContainerRef) {
-        super(_elementRef, _cdr);
-        this._elementRef = _elementRef;
-        this._cdr = _cdr;
-        this._zone = _zone;
-        this._overlay = _overlay;
-        this._platform = _platform;
-        this._viewContainerRef = _viewContainerRef;
-        this.position = [
-            {
-                originX: 'start',
-                originY: 'bottom',
-                overlayX: 'start',
-                overlayY: 'top',
-            },
-            {
-                originX: 'start',
-                originY: 'top',
-                overlayX: 'start',
-                overlayY: 'bottom',
-            },
-        ];
-        this._subs = [];
-        //
-        this.openTrigger = 'toggle';
-        //
-        this.closeTrigger = 'clickout';
-        //
-        this.hasBackdrop = false;
-        this.adaptivityEnabled = false;
-        //
-        this._mousePos = { x: 0, y: 0 };
-        this._isScrollAttached = false;
-        //
-        this.onOpened = new EventEmitter();
-        this.onClosed = new EventEmitter();
-    }
-    get target() {
-        return this._target;
-    }
-    set target(v) {
-        if (v instanceof HTMLElement)
-            this._target = v;
-        else if (v instanceof ElementRef)
-            this._target = v.nativeElement;
-        else if (v instanceof AXBaseComponent)
-            this._target = v._getInnerElement();
-    }
-    _emitOnOpenedEvent() {
-        this.onOpened.emit({
-            component: this,
-            htmlElement: this._getHostElement(),
-        });
-    }
-    _emitOnClosedEvent() {
-        this.onClosed.emit({
-            component: this,
-            htmlElement: this._getHostElement(),
-        });
-    }
-    //
-    onViewInit() {
-        if (this._target) {
-            if (this.openTrigger === 'mouseover') {
-                const mouseEnter$ = fromEvent(this._target, 'mouseover');
-                this._addSub(mouseEnter$.subscribe((e) => {
-                    const point = { x: e.clientX, y: e.clientY };
-                    if (AXDrawingUtil.isInElementBound(point, this._target))
-                        this.open();
-                }));
-            }
-            if (this.closeTrigger === 'mouseout') {
-                const mouseMove$ = fromEvent(document, 'mousemove');
-                this._addSub(mouseMove$.pipe(throttleTime(50)).subscribe((e) => {
-                    this._mousePos.x = e.clientX;
-                    this._mousePos.y = e.clientY;
-                    if (this.isOpen) {
-                        setTimeout(() => {
-                            if (some([this._target, this._overlayRef.overlayElement], (el) => includes(document.elementsFromPoint(this._mousePos.x, this._mousePos.y), el)))
-                                this.close();
-                        }, 100);
-                    }
-                }));
-            }
-            //
-            if (this.openTrigger === 'click' || this.openTrigger === 'toggle') {
-                const click$ = fromEvent(this._target, 'click');
-                this._addSub(click$.subscribe((e) => {
-                    this.openTrigger == 'toggle' ? this.toggle() : this.open();
-                }));
-            }
-        }
-    }
-    //
-    onDestroy() {
-        var _a, _b;
-        (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
-        (_b = this._overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
-        this._subs.forEach((s) => {
-            s === null || s === void 0 ? void 0 : s.unsubscribe();
-        });
-    }
-    toggle() {
-        this.isOpen ? this.close() : this.open();
-    }
-    //
-    close() {
-        var _a, _b;
-        if (!this.isOpen) {
-            return;
-        }
-        (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
-        this._emitOnClosedEvent();
-        //
-        if ((_b = this._lastActiveElement) === null || _b === void 0 ? void 0 : _b.focus) {
-            this._lastActiveElement.focus();
-        }
-    }
-    dispose() {
-        var _a;
-        this.close();
-        (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.dispose();
-        this._overlayRef = null;
-    }
-    //
-    open() {
-        var _a;
-        if (this.isOpen) {
-            return;
-        }
-        this._lastActiveElement = document.activeElement;
-        this._ensureOverlayCreated();
-        (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.attach(this._templatePortal);
-        this._emitOnOpenedEvent();
-    }
-    _ensureOverlayCreated() {
-        const targetRef = this._target;
-        if (!targetRef)
-            return;
-        if (!this._overlayRef) {
-            if (this._platform.is('SM') && this.adaptivityEnabled) {
-                this._openAsActionsheet();
-            }
-            else {
-                this._openAsPopover(targetRef);
-            }
-            if (this.closeTrigger == 'clickout') {
-                this._addSub(this._overlayRef._outsidePointerEvents.subscribe((c) => {
-                    const target = c.target;
-                    const comElem = targetRef;
-                    if (!comElem.contains(target)) {
-                        this.close();
-                    }
-                }));
-            }
-            this._addSub(this._overlayRef.attachments().subscribe(() => {
-                if (!this._isScrollAttached) {
-                    this._addSub(this._platform.scroll.subscribe((c) => {
-                        var _a;
-                        if (!((_a = c.nativeEvent.target) === null || _a === void 0 ? void 0 : _a.closest('.ax-overlay-pane')))
-                            this.close();
-                    }));
-                    this._isScrollAttached = true;
-                }
-            }));
-        }
-        if (!this._templatePortal) {
-            this._templatePortal = new TemplatePortal(this._baseTemplate, this._viewContainerRef);
-        }
-    }
-    _openAsPopover(targetRef) {
-        this._overlayRef = this._overlay.create({
-            positionStrategy: this._overlay
-                .position()
-                .flexibleConnectedTo(targetRef)
-                .withPositions(Array.isArray(this.position) ? this.position : [this.position])
-                .withPush(false),
-            scrollStrategy: this._overlay.scrollStrategies.close(),
-            disposeOnNavigation: true,
-            panelClass: ['ax-animate-fadeIn', 'ax-animate-faster'],
-            maxHeight: 'unset',
-            hasBackdrop: this.hasBackdrop,
-            backdropClass: [this.backdropClass || 'cdk-overlay-transparent-backdrop'],
-        });
-    }
-    _openAsActionsheet() {
-        this._overlayRef = this._overlay.create({
-            positionStrategy: this._overlay
-                .position()
-                .flexibleConnectedTo(document.body)
-                .withPositions([
-                {
-                    originX: 'center',
-                    originY: 'bottom',
-                    overlayX: 'center',
-                    overlayY: 'bottom',
-                },
-            ]),
-            disposeOnNavigation: true,
-            panelClass: ['ax-animate-slideInUp', 'ax-animate-faster'],
-            hasBackdrop: true,
-            width: '100%',
-        });
-    }
-    get isOpen() {
-        return this._overlayRef ? this._overlayRef.hasAttached() : false;
-    }
-    _addSub(sub) {
-        this._subs.push(sub);
-    }
-    updatePosition() {
-        var _a;
-        (_a = this._overlayRef) === null || _a === void 0 ? void 0 : _a.updatePosition();
-        this.focus();
-    }
-}
-AXPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.Overlay }, { token: i2.AXPlatform }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-AXPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPopoverComponent, selector: "ax-popover", inputs: { target: "target", position: "position", openTrigger: "openTrigger", closeTrigger: "closeTrigger", hasBackdrop: "hasBackdrop", backdropClass: "backdropClass", adaptivityEnabled: "adaptivityEnabled" }, outputs: { onOpened: "onOpened", onClosed: "onClosed" }, viewQueries: [{ propertyName: "_baseTemplate", first: true, predicate: ["baseTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #baseTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-popover', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #baseTemplate>\r\n  <ng-content></ng-content>\r\n</ng-template>" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.Overlay }, { type: i2.AXPlatform }, { type: i0.ViewContainerRef }]; }, propDecorators: { target: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], _baseTemplate: [{
-                type: ViewChild,
-                args: ['baseTemplate']
-            }], openTrigger: [{
-                type: Input
-            }], closeTrigger: [{
-                type: Input
-            }], hasBackdrop: [{
-                type: Input
-            }], backdropClass: [{
-                type: Input
-            }], adaptivityEnabled: [{
-                type: Input
-            }], onOpened: [{
-                type: Output
-            }], onClosed: [{
-                type: Output
-            }] } });
-
-class AXPopoverModule {
-}
-AXPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverModule, declarations: [AXPopoverComponent], imports: [CommonModule], exports: [AXPopoverComponent] });
-AXPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopoverModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AXPopoverComponent],
-                    imports: [CommonModule],
-                    exports: [AXPopoverComponent],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXPopoverComponent, AXPopoverModule };
-//# sourceMappingURL=acorex-components-popover.mjs.map
-//# sourceMappingURL=acorex-components-popover.mjs.map

package/fesm2015/acorex-components-popup.mjs

@@ -1,275 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, TemplateRef, Component, ChangeDetectionStrategy, ViewEncapsulation, HostListener, Injectable, NgModule } from '@angular/core';
-import * as i6 from '@angular/cdk/portal';
-import { TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
-import * as i1$1 from '@acorex/components/common';
-import { TAB_META_KEY, AXClosbaleComponent, AXComponentClosedPromise, AXCommonModule } from '@acorex/components/common';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import * as i1 from '@acorex/components/loading';
-import * as i2 from '@acorex/core/platform';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i4 from '@angular/cdk/drag-drop';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import * as i5 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
-import { AXButtonModule } from '@acorex/components/button';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-class AXPopupComponent extends AXBaseComponentMixin {
-    /**
-     *  @ignore
-     */
-    constructor(elementRef, cdr, _zone, _viewContainerRef, loadingService, _platform) {
-        super(elementRef, cdr);
-        this._zone = _zone;
-        this._viewContainerRef = _viewContainerRef;
-        this.loadingService = loadingService;
-        this._platform = _platform;
-        this.isLoading = true;
-        this.onClosed = new EventEmitter();
-        this.size = 'sm';
-        this.draggable = true;
-        this.data = {};
-        this.showCloseButton = true;
-        this.showHeader = true;
-    }
-    onInit() {
-        super.onInit();
-        if (this._platform.is('Mobile')) {
-            this.draggable = false;
-        }
-        this._loadingId = this.loadingService.show(
-        //TODO: check ts error
-        //@ts-ignore
-        this._getHostElement().querySelector('.ax-popup-body-container'));
-        //
-        if (typeof this.content === 'string') {
-            //   this.rendererService.findLoadedComponentByRoute(this.content, 20).then(route => {
-            //     setTimeout(() => {
-            //       this.loadComponent(route.component);
-            //     }, 300);
-            //   });
-        }
-        else if (this.content instanceof TemplateRef) {
-            this._selectedPortal = new TemplatePortal(this.content, this._viewContainerRef, { $implicit: this.data, ref: this });
-            this._cdr.markForCheck();
-        }
-        else if (typeof this.content === 'function') {
-            this._selectedPortal = new ComponentPortal(this.content);
-            this._cdr.markForCheck();
-        }
-        //
-        // this._platform.keydown.subscribe((e) => {
-        //     this.close();
-        //     e.nativeEvent.stopPropagation();
-        // });
-    }
-    _handleAttched(ref) {
-        ref = ref;
-        if (ref.instance) {
-            this[TAB_META_KEY].component = ref.instance;
-            Object.assign(this[TAB_META_KEY].component, this.data);
-            Object.assign(this[TAB_META_KEY].component, { _isPopup: true });
-            if (ref.instance.onClosed) {
-                ref.instance.onClosed.subscribe((e) => {
-                    this.onClosed.emit(e);
-                });
-            }
-        }
-        this._zone.runOutsideAngular(() => {
-            setTimeout(() => {
-                const main = this._getHostElement().querySelector('.ax-popup-main-container');
-                const popHeader = this._getHostElement().querySelector('.ax-popup-header-container');
-                const popFooter = this._getHostElement().querySelector('.ax-popup-footer-container');
-                const footer = main.querySelector('ax-footer');
-                const header = main.querySelector('ax-header');
-                if (footer) {
-                    popFooter.append(footer);
-                }
-                if (header) {
-                    //TODO: check ts error
-                    //@ts-ignore
-                    popHeader.innerHTML = '';
-                    popHeader.append(header);
-                }
-                this.focus();
-            });
-        });
-        this.loadingService.hide(this._loadingId);
-        this._cdr.markForCheck();
-    }
-    onKeydownHandler(event) {
-        let focusedOrHasFocused = this._getHostElement().matches(':focus-within');
-        if (this.showCloseButton && focusedOrHasFocused) {
-            this.close();
-        }
-    }
-    _handleCloseClick() {
-        this.close();
-    }
-    ngOnDestroy() {
-        this.loadingService.hide(this._loadingId);
-    }
-    focus() {
-        setTimeout(() => { var _a; return (_a = this._getHostElement().querySelector('.ax-popup')) === null || _a === void 0 ? void 0 : _a.focus(); });
-    }
-    close() {
-        this.onClosed.emit({
-            //TODO: check ts error
-            //@ts-ignore
-            component: this[TAB_META_KEY].component,
-            htmlElement: this._getHostElement(),
-        });
-        this._cdr.detectChanges();
-    }
-    onFullScreen() { }
-}
-AXPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i1.AXLoadingService }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
-AXPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPopupComponent, selector: "ax-popup", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n    <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n        <div cdkDragHandle class=\"ax-popup-header-container\">\r\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n                <span class=\"ax-popup-title\">{{title}}</span>\r\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ax-popup-main-container\">\r\n            <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n        </div>\r\n        <div class=\"ax-popup-footer-container\"></div>\r\n    </div>\r\n</div>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgba(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-moz-fit-content;min-height:fit-content;margin:0 auto;width:auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:transparent}.ax-popup:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-on-surface))}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media (max-width: 599px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-main-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n    <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n        <div cdkDragHandle class=\"ax-popup-header-container\">\r\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n                <span class=\"ax-popup-title\">{{title}}</span>\r\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ax-popup-main-container\">\r\n            <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n        </div>\r\n        <div class=\"ax-popup-footer-container\"></div>\r\n    </div>\r\n</div>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgba(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-moz-fit-content;min-height:fit-content;margin:0 auto;width:auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:transparent}.ax-popup:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-on-surface))}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media (max-width: 599px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-main-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-main-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i1.AXLoadingService }, { type: i2.AXPlatform }]; }, propDecorators: { onKeydownHandler: [{
-                type: HostListener,
-                args: ['keydown.escape', ['$event']]
-            }] } });
-
-/**
- * This is a service which you can create popup with it
- *
- * @category Components
- */
-class AXPopupService {
-    /**
-     *  @ignore
-     */
-    constructor(overlayService) {
-        this.overlayService = overlayService;
-        this.stack = [];
-    }
-    /**
-     *  @ignore
-     */
-    open(arg1, arg2) {
-        const options = {
-            showCloseButton: true,
-            showHeader: true,
-            size: 'md',
-            maximizable: false,
-            draggable: true,
-            transparentBackdrop: false,
-            closeOnClickOutside: false,
-        };
-        if (typeof arg2 === 'string') {
-            options.title = arg2;
-        }
-        else {
-            Object.assign(options, arg2);
-        }
-        const lastActiveElement = document.activeElement;
-        const com = this.overlayService.show(AXPopupComponent, options, {
-            transparentBackdrop: options.transparentBackdrop,
-            scroll: 'block',
-            onBackdropClick: () => {
-                if (options.closeOnClickOutside) {
-                    popup.close();
-                }
-            },
-            // onBackdropClick: () => {
-            //   console.log('back');
-            // },
-        });
-        const popup = com.instance;
-        popup.content = arg1;
-        popup[TAB_META_KEY] = {};
-        if (options.size) {
-            popup.size = options.size;
-        }
-        this.stack.push(popup);
-        popup.onClosed.subscribe(c => {
-            this.closePopup(popup, com, c, lastActiveElement);
-        });
-        const promise = new AXComponentClosedPromise(resolve => {
-            popup[TAB_META_KEY].close = e => {
-                if (resolve) {
-                    resolve(e);
-                }
-            };
-        });
-        promise['closeMethod'] = () => {
-            popup.close();
-        };
-        return promise;
-    }
-    closePopup(popup, com, result, lastActiveElement) {
-        const closeFunc = e => {
-            com.dispose();
-            this.stack.pop();
-            delete e.cancel;
-            popup[TAB_META_KEY].close(e);
-            if (lastActiveElement === null || lastActiveElement === void 0 ? void 0 : lastActiveElement.focus) {
-                lastActiveElement.focus();
-            }
-            else if (this.stack.length) {
-                this.stack.reverse()[0].focus();
-            }
-        };
-        const e = { cancel: false };
-        const closingFunc = popup[TAB_META_KEY].component.onClosing;
-        if (closingFunc) {
-            const res = closingFunc(e);
-            if (res instanceof Promise) {
-                res.then(() => {
-                    if (e == null || e.cancel !== true) {
-                        closeFunc(result);
-                    }
-                });
-            }
-            else {
-                if (e == null || e.cancel !== true) {
-                    closeFunc(result);
-                }
-            }
-        }
-        else {
-            closeFunc(result);
-        }
-    }
-}
-AXPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupService, deps: [{ token: i1$1.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable });
-AXPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$1.AXOverlayService }]; } });
-
-const COMPONENT = [AXPopupComponent];
-const MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule];
-class AXPopupModule {
-}
-AXPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXPopupModule, declarations: [AXPopupComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule], exports: [AXPopupComponent] });
-AXPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXPopupComponent, AXPopupModule, AXPopupService };
-//# sourceMappingURL=acorex-components-popup.mjs.map
-//# sourceMappingURL=acorex-components-popup.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-popup.mjs","sources":["../../../../projects/acorex/components/popup/src/popup.component.ts","../../../../projects/acorex/components/popup/src/popup.component.html","../../../../projects/acorex/components/popup/src/popup.service.ts","../../../../projects/acorex/components/popup/src/popup.module.ts","../../../../projects/acorex/components/popup/acorex-components-popup.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ViewContainerRef,\r\n  HostListener,\r\n  ComponentRef,\r\n  EventEmitter,\r\n  TemplateRef,\r\n  NgZone,\r\n} from '@angular/core';\r\nimport {\r\n  CdkPortalOutletAttachedRef,\r\n  ComponentPortal,\r\n  Portal,\r\n  TemplatePortal,\r\n} from '@angular/cdk/portal';\r\nimport { AXPlatform } from '@acorex/core/platform';\r\n\r\nimport {\r\n  AXClosbaleComponent,\r\n  AXComponentCloseEvent,\r\n  TAB_META_KEY,\r\n} from '@acorex/components/common';\r\nimport { AXLoadingService } from '@acorex/components/loading';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-popup',\r\n  templateUrl: './popup.component.html',\r\n  styleUrls: ['./popup.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }],\r\n})\r\nexport class AXPopupComponent extends AXBaseComponentMixin {\r\n  isLoading: boolean = true;\r\n  private _loadingId: number;\r\n\r\n  title: string;\r\n\r\n  onClosed: EventEmitter<AXComponentCloseEvent> =\r\n    new EventEmitter<AXComponentCloseEvent>();\r\n\r\n  size: 'sm' | 'md' | 'lg' | 'full' = 'sm';\r\n  draggable: boolean = true;\r\n\r\n  data: any = {};\r\n\r\n  showCloseButton: boolean = true;\r\n  showHeader: boolean = true;\r\n\r\n  content: any;\r\n\r\n  _selectedPortal: Portal<any>;\r\n  _footerPortal: Portal<any>;\r\n  _headerPortal: Portal<any>;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _zone: NgZone,\r\n    private _viewContainerRef: ViewContainerRef,\r\n    private loadingService: AXLoadingService,\r\n    private _platform: AXPlatform\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onInit() {\r\n    super.onInit();\r\n    if (this._platform.is('Mobile')) {\r\n      this.draggable = false;\r\n    }\r\n\r\n    this._loadingId = this.loadingService.show(\r\n      //TODO: check ts error\r\n      //@ts-ignore\r\n      this._getHostElement().querySelector('.ax-popup-body-container')\r\n    );\r\n    //\r\n    if (typeof this.content === 'string') {\r\n      //   this.rendererService.findLoadedComponentByRoute(this.content, 20).then(route => {\r\n      //     setTimeout(() => {\r\n      //       this.loadComponent(route.component);\r\n      //     }, 300);\r\n      //   });\r\n    } else if (this.content instanceof TemplateRef) {\r\n      this._selectedPortal = new TemplatePortal(\r\n        this.content,\r\n        this._viewContainerRef,\r\n        { $implicit: this.data, ref: this }\r\n      );\r\n      this._cdr.markForCheck();\r\n    } else if (typeof this.content === 'function') {\r\n      this._selectedPortal = new ComponentPortal(this.content);\r\n      this._cdr.markForCheck();\r\n    }\r\n    //\r\n    // this._platform.keydown.subscribe((e) => {\r\n    //     this.close();\r\n    //     e.nativeEvent.stopPropagation();\r\n    // });\r\n  }\r\n\r\n  _handleAttched(ref: CdkPortalOutletAttachedRef) {\r\n    ref = ref as ComponentRef<any>;\r\n    if (ref.instance) {\r\n      this[TAB_META_KEY].component = ref.instance;\r\n      Object.assign(this[TAB_META_KEY].component, this.data);\r\n      Object.assign(this[TAB_META_KEY].component, { _isPopup: true });\r\n      if (ref.instance.onClosed) {\r\n        ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\r\n          this.onClosed.emit(e);\r\n        });\r\n      }\r\n    }\r\n    this._zone.runOutsideAngular(() => {\r\n      setTimeout(() => {\r\n        const main = this._getHostElement().querySelector<HTMLDivElement>(\r\n          '.ax-popup-main-container'\r\n        );\r\n        const popHeader = this._getHostElement().querySelector<HTMLDivElement>(\r\n          '.ax-popup-header-container'\r\n        );\r\n        const popFooter = this._getHostElement().querySelector<HTMLDivElement>(\r\n          '.ax-popup-footer-container'\r\n        );\r\n        const footer = main!.querySelector<HTMLDivElement>('ax-footer');\r\n        const header = main!.querySelector<HTMLDivElement>('ax-header');\r\n        if (footer) {\r\n          popFooter!.append(footer);\r\n        }\r\n        if (header) {\r\n          //TODO: check ts error\r\n          //@ts-ignore\r\n          popHeader.innerHTML = '';\r\n          popHeader!.append(header);\r\n        }\r\n        this.focus();\r\n      });\r\n    });\r\n    this.loadingService.hide(this._loadingId);\r\n    this._cdr.markForCheck();\r\n  }\r\n\r\n  @HostListener('keydown.escape', ['$event'])\r\n  onKeydownHandler(event: KeyboardEvent) {\r\n    let focusedOrHasFocused = this._getHostElement().matches(':focus-within');\r\n    if (this.showCloseButton && focusedOrHasFocused) {\r\n      this.close();\r\n    }\r\n  }\r\n\r\n  _handleCloseClick() {\r\n    this.close();\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.loadingService.hide(this._loadingId);\r\n  }\r\n\r\n  focus() {\r\n    setTimeout(() =>\r\n      this._getHostElement().querySelector<HTMLDivElement>('.ax-popup')?.focus()\r\n    );\r\n  }\r\n\r\n  close() {\r\n    this.onClosed.emit({\r\n      //TODO: check ts error\r\n      //@ts-ignore\r\n      component: this[TAB_META_KEY].component,\r\n      htmlElement: this._getHostElement(),\r\n    });\r\n    this._cdr.detectChanges();\r\n  }\r\n\r\n  onFullScreen() {}\r\n}\r\n","<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n    <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n        <div cdkDragHandle class=\"ax-popup-header-container\">\r\n            <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n                <span class=\"ax-popup-title\">{{title}}</span>\r\n                <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"ax-popup-main-container\">\r\n            <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n        </div>\r\n        <div class=\"ax-popup-footer-container\"></div>\r\n    </div>\r\n</div>","import { Injectable, TemplateRef } from '@angular/core';\r\nimport {\r\n  AXOverlayService,\r\n  AXOverlayViewRef,\r\n  AXComponentClosedPromise,\r\n  AXComponentCloseEvent,\r\n  TAB_META_KEY,\r\n} from '@acorex/components/common';\r\nimport { AXPopupComponent } from './popup.component';\r\n\r\nexport type AXPopupContentType = string | TemplateRef<any> | Function;\r\nexport type AXPopupSizeType = 'sm' | 'md' | 'lg' | 'full' | 'fit';\r\nexport interface AXPopupOption {\r\n  title?: string;\r\n  showCloseButton?: boolean;\r\n  showHeader?: boolean;\r\n  maximizable?: boolean;\r\n  size?: AXPopupSizeType;\r\n  data?: any;\r\n  draggable?: boolean;\r\n  transparentBackdrop?: boolean;\r\n  closeOnClickOutside?: boolean;\r\n}\r\n/**\r\n * This is a service which you can create popup with it\r\n *\r\n * @category Components\r\n */\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AXPopupService {\r\n  private stack: Array<AXPopupComponent> = [];\r\n  protected options: AXPopupOption;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(private overlayService: AXOverlayService) {}\r\n\r\n  /**\r\n   *  Open popup 1\r\n   */\r\n  open(content: AXPopupContentType, title: string): AXComponentClosedPromise;\r\n  /**\r\n   *  Open popup 2\r\n   *  @ignore\r\n   */\r\n  open(\r\n    content: AXPopupContentType,\r\n    options?: AXPopupOption\r\n  ): AXComponentClosedPromise;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  open(arg1, arg2): AXComponentClosedPromise {\r\n    const options: AXPopupOption = {\r\n      showCloseButton: true,\r\n      showHeader: true,\r\n      size: 'md',\r\n      maximizable: false,\r\n      draggable: true,\r\n      transparentBackdrop: false,\r\n      closeOnClickOutside: false,\r\n    };\r\n    if (typeof arg2 === 'string') {\r\n      options.title = arg2;\r\n    } else {\r\n      Object.assign(options, arg2);\r\n    }\r\n    const lastActiveElement = document.activeElement as HTMLElement;\r\n    const com = this.overlayService.show(AXPopupComponent, options, {\r\n      transparentBackdrop: options.transparentBackdrop,\r\n\r\n      scroll: 'block',\r\n      onBackdropClick: () => {\r\n        if (options.closeOnClickOutside) {\r\n          popup.close();\r\n        }\r\n      },\r\n      // onBackdropClick: () => {\r\n      //   console.log('back');\r\n      // },\r\n    });\r\n    const popup = com.instance as AXPopupComponent;\r\n    popup.content = arg1;\r\n    popup[TAB_META_KEY] = {};\r\n    if (options.size) {\r\n      (popup.size as AXPopupSizeType) = options.size;\r\n    }\r\n    this.stack.push(popup);\r\n    popup.onClosed.subscribe(c => {\r\n      this.closePopup(popup, com, c, lastActiveElement);\r\n    });\r\n    const promise = new AXComponentClosedPromise(resolve => {\r\n      popup[TAB_META_KEY].close = e => {\r\n        if (resolve) {\r\n          resolve(e);\r\n        }\r\n      };\r\n    });\r\n    promise['closeMethod'] = () => {\r\n      popup.close();\r\n    };\r\n    return promise;\r\n  }\r\n\r\n  private closePopup(\r\n    popup: AXPopupComponent,\r\n    com: AXOverlayViewRef,\r\n    result: AXComponentCloseEvent,\r\n    lastActiveElement?: HTMLElement\r\n  ) {\r\n    const closeFunc = e => {\r\n      com.dispose();\r\n      this.stack.pop();\r\n      delete e.cancel;\r\n      popup[TAB_META_KEY].close(e);\r\n      if (lastActiveElement?.focus) {\r\n        lastActiveElement.focus();\r\n      } else if (this.stack.length) {\r\n        this.stack.reverse()[0].focus();\r\n      }\r\n    };\r\n    const e = { cancel: false };\r\n    const closingFunc = popup[TAB_META_KEY].component.onClosing;\r\n    if (closingFunc) {\r\n      const res = closingFunc(e);\r\n      if (res instanceof Promise) {\r\n        res.then(() => {\r\n          if (e == null || e.cancel !== true) {\r\n            closeFunc(result);\r\n          }\r\n        });\r\n      } else {\r\n        if (e == null || e.cancel !== true) {\r\n          closeFunc(result);\r\n        }\r\n      }\r\n    } else {\r\n      closeFunc(result);\r\n    }\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXPopupComponent } from './popup.component';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXCommonModule } from '@acorex/components/common';\r\n\r\nconst COMPONENT = [AXPopupComponent];\r\nconst MODULES = [CommonModule,AXCommonModule, DragDropModule, A11yModule, AXButtonModule, PortalModule, AXDecoratorModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXPopupModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}