@sd-angular/core 1.3.0 → 1.3.2

package/fesm2015/sd-angular-core-popover.js.__ivy_ngcc_bak

@@ -1,415 +0,0 @@
-import { Directive, TemplateRef, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, ContentChild, Input, Output, HostListener, ElementRef, NgZone, ViewContainerRef, Optional, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
-import { v4 } from 'uuid';
-import { DeviceDetectorService } from 'ngx-device-detector';
-import { BehaviorSubject, Subscription, Subject, merge, fromEvent } from 'rxjs';
-import { Directionality } from '@angular/cdk/bidi';
-import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
-import { Platform } from '@angular/cdk/platform';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { mapTo, filter, debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';
-import { A11yModule } from '@angular/cdk/a11y';
-
-class PopoverContentDirective {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-}
-PopoverContentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[sdPopoverContent]'
-            },] }
-];
-PopoverContentDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-var _xPosition;
-class PopoverComponent {
-    constructor(cdRef, deviceService) {
-        this.cdRef = cdRef;
-        this.deviceService = deviceService;
-        this.classList = {};
-        this.panelId = `sd-popover-panel-${v4()}`;
-        this.isMobileOrTablet = false;
-        this.mouseState$ = new BehaviorSubject(false);
-        this.trigger = null;
-        this.panelClass = '';
-        this.width = 'sm';
-        this.height = 'auto';
-        this.type = 'normal';
-        _xPosition.set(this, void 0);
-        this.closed = new EventEmitter();
-        this.opened = new EventEmitter();
-        this.close = () => {
-            this.mouseState$.next(false);
-            this.closed.emit();
-        };
-        this.setPositionClasses = (pos = this.position) => {
-            var _a;
-            const classes = this.classList;
-            classes['sd-popover-above'] = pos === 'above';
-            classes['sd-popover-below'] = pos === 'below';
-            (_a = this.cdRef) === null || _a === void 0 ? void 0 : _a.markForCheck();
-        };
-        this.addArrowTranslateX = (offset) => {
-            const arrowElement = document.querySelector(`#${this.panelId} .sd-popover-arrow`);
-            if (arrowElement && offset) {
-                try {
-                    const style = window.getComputedStyle(arrowElement);
-                    const matrix = new WebKitCSSMatrix(style.transform);
-                    const translateX = matrix.m41 + offset;
-                    const translateY = matrix.m42;
-                    arrowElement.style.transform = `translateX(${translateX}px) translateY(${translateY}px)`;
-                }
-                catch (error) { }
-            }
-        };
-        this.setMouseState = (visible) => {
-            if (!visible) {
-                // chỉ được tắt khi đang không focus element nào bên trong panel
-                // tránh lỗi có control mở overlay khiến cho mất mouseenter ở panel
-                const activeElement = document.activeElement;
-                const panelElement = this.panel.nativeElement;
-                if (panelElement === null || panelElement === void 0 ? void 0 : panelElement.contains(activeElement)) {
-                    return;
-                }
-            }
-            this.mouseState$.next(visible);
-        };
-        this.isMobileOrTablet = !deviceService.isDesktop();
-    }
-    get position() {
-        return __classPrivateFieldGet(this, _xPosition);
-    }
-    set position(value) {
-        __classPrivateFieldSet(this, _xPosition, value);
-        this.setPositionClasses();
-    }
-    _hostClick(targetElement) {
-        var _a;
-        if ((_a = this.panel) === null || _a === void 0 ? void 0 : _a.nativeElement) {
-            const isInside = this.panel.nativeElement.contains(targetElement);
-            if (!isInside) {
-                this.setMouseState(false);
-            }
-        }
-    }
-    ngOnChanges(changes) {
-        var _a;
-        if (changes.type) {
-            const type = changes.type.currentValue;
-            const preType = changes.type.previousValue;
-            this.classList = (_a = this.classList) !== null && _a !== void 0 ? _a : {
-                'sd-popover--normal': true
-            };
-            if (preType) {
-                this.classList[`sd-popover--${preType}`] = false;
-            }
-            if (type) {
-                this.classList[`sd-popover--${type}`] = true;
-            }
-        }
-    }
-    ngOnInit() {
-        this.setPositionClasses();
-        this.width = this.width || '80vw';
-        if (!this.isMobileOrTablet) {
-            switch (this.width) {
-                case 'lg':
-                    this.width = '80vw';
-                    break;
-                case 'md':
-                    this.width = '60vw';
-                    break;
-                case 'sm':
-                    this.width = '40vw';
-                    break;
-            }
-        }
-    }
-    ngOnDestroy() {
-        this.closed.complete();
-        this.opened.complete();
-        this.mouseState$.complete();
-    }
-}
-_xPosition = new WeakMap();
-PopoverComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'sd-popover',
-                template: "<ng-template let-data=\"data\">\r\n  <div\r\n    class=\"sd-popover-panel mat-elevation-z6\"\r\n    [id]=\"panelId\"\r\n    [ngClass]=\"classList\"\r\n    tabindex=\"-1\"\r\n    role=\"menu\"\r\n    (mouseenter)=\"setMouseState(true)\"\r\n    (mouseleave)=\"setMouseState(false)\"\r\n    cdkTrapFocus\r\n    #panel\r\n  >\r\n    <div class=\"sd-popover-content\">\r\n      <ng-container *ngIf=\"popoverContent?.templateRef\">\r\n        <ng-container *ngTemplateOutlet=\"popoverContent.templateRef; context:{data: data}\"></ng-container>\r\n      </ng-container>\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"sd-popover-arrow\"></div>\r\n  </div>\r\n</ng-template>",
-                encapsulation: ViewEncapsulation.None,
-                exportAs: 'sdPopover',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".text-black400{color:#757575}.sd-popover-panel{background:#fff;height:100%;position:relative;width:100%}.sd-popover-panel .sd-popover-arrow{clear:both;height:0;left:50%;position:absolute;width:0}.sd-popover-panel.sd-popover-above .sd-popover-arrow{border-color:#fff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%;transform:translateX(-6px) translateY(-1px)}.sd-popover-panel.sd-popover-above:after{content:\" \";display:block;height:16px;position:absolute;width:100%}.sd-popover-panel.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fff;border-style:solid;border-width:0 12px 12px;bottom:100%;transform:translateX(-6px) translateY(1px)}.sd-popover-panel.sd-popover-below:before{content:\" \";display:block;height:16px;position:absolute;width:100%}.sd-popover-panel .sd-popover-content{height:100%}.sd-popover--normal{background:#fff;color:#000}.sd-popover--normal.sd-popover-above .sd-popover-arrow{border-color:#fff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--normal.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--primary{background:#e7e9ff;color:#2962ff}.sd-popover--primary.sd-popover-above .sd-popover-arrow{border-color:#e7e9ff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--primary.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #e7e9ff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--info{background:#e7e9ff;color:#2962ff}.sd-popover--info.sd-popover-above .sd-popover-arrow{border-color:#e7e9ff transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--info.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #e7e9ff;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--success{background:#dbefdc;color:#4caf50}.sd-popover--success.sd-popover-above .sd-popover-arrow{border-color:#dbefdc transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--success.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #dbefdc;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--warning{background:#ffeacc;color:#ff9600}.sd-popover--warning.sd-popover-above .sd-popover-arrow{border-color:#ffeacc transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--warning.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #ffeacc;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover--danger{background:#fed5d0;color:#f82c13}.sd-popover--danger.sd-popover-above .sd-popover-arrow{border-color:#fed5d0 transparent transparent;border-style:solid;border-width:12px 12px 0;top:100%}.sd-popover--danger.sd-popover-below .sd-popover-arrow{border-color:transparent transparent #fed5d0;border-style:solid;border-width:0 12px 12px;bottom:100%}.sd-popover-content{padding:16px}"]
-            },] }
-];
-PopoverComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: DeviceDetectorService }
-];
-PopoverComponent.propDecorators = {
-    templateRef: [{ type: ViewChild, args: [TemplateRef,] }],
-    panel: [{ type: ViewChild, args: ['panel',] }],
-    popoverContent: [{ type: ContentChild, args: [PopoverContentDirective,] }],
-    panelClass: [{ type: Input }],
-    width: [{ type: Input }],
-    height: [{ type: Input }],
-    type: [{ type: Input }],
-    position: [{ type: Input }],
-    closed: [{ type: Output }],
-    opened: [{ type: Output }],
-    _hostClick: [{ type: HostListener, args: ['document:click', ['$event.target'],] }]
-};
-
-var _overlayRef, _popoverClose$, _portal, _destroy$, _popover, _setIsPopoverOpen, _getPortal, _createOverlay, _setPosition, _getOverlayConfig, _subscribeToPositions, _destroyPopover;
-class PopoverTriggerDirective {
-    constructor(_overlay, _element, _ngZone, viewContainerRef, elementRef, platform, _dir) {
-        this._overlay = _overlay;
-        this._element = _element;
-        this._ngZone = _ngZone;
-        this.viewContainerRef = viewContainerRef;
-        this.elementRef = elementRef;
-        this.platform = platform;
-        this._dir = _dir;
-        _overlayRef.set(this, null);
-        _popoverClose$.set(this, Subscription.EMPTY);
-        _portal.set(this, void 0);
-        _destroy$.set(this, new Subject());
-        this.popoverOpen = false;
-        _popover.set(this, void 0);
-        this.disabled = false;
-        this.popoverOpened = new EventEmitter();
-        this.popoverClosed = new EventEmitter();
-        this.openPopover = () => {
-            if (this.popoverOpen) {
-                return;
-            }
-            const overlayRef = __classPrivateFieldGet(this, _createOverlay).call(this);
-            const overlayConfig = overlayRef.getConfig();
-            const positionStrategy = overlayConfig.positionStrategy;
-            __classPrivateFieldGet(this, _setPosition).call(this, positionStrategy);
-            overlayConfig.hasBackdrop = false;
-            overlayRef.attach(__classPrivateFieldGet(this, _getPortal).call(this));
-            this.popover.trigger = this;
-            __classPrivateFieldGet(this, _setIsPopoverOpen).call(this, true);
-            this.popover.opened.next(this.popoverData);
-        };
-        this.closePopover = () => {
-            this.popover.closed.emit();
-        };
-        _setIsPopoverOpen.set(this, (isOpen) => {
-            this.popoverOpen = isOpen;
-            this.popoverOpen ? this.popoverOpened.emit() : this.popoverClosed.emit();
-        });
-        _getPortal.set(this, () => {
-            var _a;
-            if (!__classPrivateFieldGet(this, _portal) ||
-                __classPrivateFieldGet(this, _portal).templateRef !== this.popover.templateRef ||
-                ((_a = __classPrivateFieldGet(this, _portal).context) === null || _a === void 0 ? void 0 : _a.data) !== this.popoverData) {
-                __classPrivateFieldSet(this, _portal, new TemplatePortal(this.popover.templateRef, this.viewContainerRef, {
-                    data: this.popoverData
-                }));
-            }
-            return __classPrivateFieldGet(this, _portal);
-        });
-        _createOverlay.set(this, () => {
-            if (!__classPrivateFieldGet(this, _overlayRef)) {
-                const config = __classPrivateFieldGet(this, _getOverlayConfig).call(this);
-                __classPrivateFieldGet(this, _subscribeToPositions).call(this, config.positionStrategy);
-                __classPrivateFieldSet(this, _overlayRef, this._overlay.create(config));
-            }
-            return __classPrivateFieldGet(this, _overlayRef);
-        });
-        _setPosition.set(this, (positionStrategy) => {
-            let originX = "center";
-            let originY = "top";
-            let overlayX = "center";
-            let overlayY = "bottom";
-            let offsetX = 0;
-            let offsetY = 16;
-            switch (this.popover.position) {
-                case "above":
-                    originY = "top";
-                    overlayY = "bottom";
-                    break;
-                case "below":
-                    originY = "bottom";
-                    overlayY = "top";
-                    break;
-            }
-            positionStrategy.withPositions([
-                // theo input
-                { originX, originY, overlayX, overlayY, offsetY: originY == "top" ? -offsetY : offsetY },
-                // giữa trên
-                {
-                    originX: "center",
-                    originY: "top",
-                    overlayX: "center",
-                    overlayY: "bottom",
-                    offsetX,
-                    offsetY: -offsetY,
-                },
-                // giữa dưới
-                {
-                    originX: "center",
-                    originY: "bottom",
-                    overlayX: "center",
-                    overlayY: "top",
-                    offsetX,
-                    offsetY,
-                },
-            ]);
-        });
-        _getOverlayConfig.set(this, () => {
-            return new OverlayConfig({
-                positionStrategy: this._overlay
-                    .position()
-                    .flexibleConnectedTo(this._element)
-                    .withLockedPosition()
-                    .withGrowAfterOpen()
-                    .withTransformOriginOn(".sd-popover-panel"),
-                backdropClass: "cdk-overlay-transparent-backdrop",
-                panelClass: this.popover.panelClass,
-                direction: this._dir,
-                width: this.popover.width,
-                height: this.popover.height,
-            });
-        });
-        _subscribeToPositions.set(this, (position) => {
-            if (this.popover.setPositionClasses) {
-                position.positionChanges.subscribe((change) => {
-                    var _a;
-                    const pos = change.connectionPair.overlayY === "top" ? "below" : "above";
-                    if (this._ngZone) {
-                        this._ngZone.run(() => this.popover.setPositionClasses(pos));
-                    }
-                    else {
-                        this.popover.setPositionClasses(pos);
-                    }
-                    const originElement = this.elementRef.nativeElement;
-                    const overlayElement = (_a = this.viewContainerRef.get(0)) === null || _a === void 0 ? void 0 : _a.rootNodes[0];
-                    if (originElement && overlayElement) {
-                        const originRect = originElement.getBoundingClientRect();
-                        const overlayRect = overlayElement.getBoundingClientRect();
-                        const originLeft = originRect.left + originRect.width / 2;
-                        const overlayLeft = overlayRect.left + overlayRect.width / 2;
-                        const offset = originLeft - overlayLeft;
-                        this.popover.addArrowTranslateX(offset);
-                    }
-                });
-            }
-        });
-        _destroyPopover.set(this, () => {
-            if (!__classPrivateFieldGet(this, _overlayRef) || !this.popoverOpen) {
-                return;
-            }
-            __classPrivateFieldGet(this, _overlayRef).detach();
-            __classPrivateFieldGet(this, _setIsPopoverOpen).call(this, false);
-        });
-    }
-    get popover() {
-        return __classPrivateFieldGet(this, _popover);
-    }
-    set popover(popover) {
-        if (!popover || popover === __classPrivateFieldGet(this, _popover)) {
-            return;
-        }
-        __classPrivateFieldSet(this, _popover, popover);
-        __classPrivateFieldGet(this, _popoverClose$).unsubscribe();
-        if (popover) {
-            __classPrivateFieldSet(this, _popoverClose$, popover.closed.subscribe(() => {
-                __classPrivateFieldGet(this, _destroyPopover).call(this);
-            }));
-        }
-    }
-    ngAfterViewInit() {
-        if (this.popover) {
-            const nativeElement = this.elementRef.nativeElement;
-            const hostMouseState$ = merge(fromEvent(nativeElement, "mouseenter").pipe(mapTo(true)), fromEvent(nativeElement, "mouseleave").pipe(mapTo(false)));
-            const popoverMouseState$ = this.popover.mouseState$.pipe(
-            // chỉ lấy luồng emit open bởi chính trigger (tránh lỗi nhiều trigger cho một popover)
-            filter((v) => !this.popover.trigger || this.popover.trigger == this));
-            const mergedMouseState$ = merge(popoverMouseState$, hostMouseState$);
-            mergedMouseState$
-                .pipe(debounceTime(100), distinctUntilChanged(), filter(() => this.platform.isBrowser), takeUntil(__classPrivateFieldGet(this, _destroy$)))
-                .subscribe((visible) => {
-                if (visible && !this.disabled) {
-                    this.openPopover();
-                }
-                else {
-                    this.closePopover();
-                }
-            });
-        }
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _destroy$).next();
-        __classPrivateFieldGet(this, _destroy$).complete();
-        if (__classPrivateFieldGet(this, _overlayRef)) {
-            __classPrivateFieldGet(this, _overlayRef).dispose();
-            __classPrivateFieldSet(this, _overlayRef, null);
-        }
-    }
-}
-_overlayRef = new WeakMap(), _popoverClose$ = new WeakMap(), _portal = new WeakMap(), _destroy$ = new WeakMap(), _popover = new WeakMap(), _setIsPopoverOpen = new WeakMap(), _getPortal = new WeakMap(), _createOverlay = new WeakMap(), _setPosition = new WeakMap(), _getOverlayConfig = new WeakMap(), _subscribeToPositions = new WeakMap(), _destroyPopover = new WeakMap();
-PopoverTriggerDirective.decorators = [
-    { type: Directive, args: [{
-                selector: "[sdPopoverTriggerFor]",
-                host: {
-                    "aria-haspopup": "true",
-                    class: "sd-popover-trigger",
-                },
-                exportAs: "sdPopoverTrigger",
-            },] }
-];
-PopoverTriggerDirective.ctorParameters = () => [
-    { type: Overlay },
-    { type: ElementRef },
-    { type: NgZone },
-    { type: ViewContainerRef },
-    { type: ElementRef },
-    { type: Platform },
-    { type: Directionality, decorators: [{ type: Optional }] }
-];
-PopoverTriggerDirective.propDecorators = {
-    popover: [{ type: Input, args: ["sdPopoverTriggerFor",] }],
-    popoverData: [{ type: Input, args: ["sdPopoverData",] }],
-    disabled: [{ type: Input, args: ["sdPopoverDisabled",] }],
-    popoverOpened: [{ type: Output }],
-    popoverClosed: [{ type: Output }]
-};
-
-class SdPopoverModule {
-}
-SdPopoverModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    PopoverComponent,
-                    PopoverTriggerDirective,
-                    PopoverContentDirective
-                ],
-                imports: [
-                    CommonModule,
-                    A11yModule
-                ],
-                exports: [
-                    PopoverComponent,
-                    PopoverTriggerDirective,
-                    PopoverContentDirective
-                ]
-            },] }
-];
-
-/*
- * Public API Surface of superdev-angular-core
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PopoverComponent, PopoverContentDirective, PopoverTriggerDirective, SdPopoverModule };
-//# sourceMappingURL=sd-angular-core-popover.js.map

package/fesm2015/sd-angular-core-popover.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-popover.js","sources":["../../../../projects/sd-core/popover/src/lib/directives/popover-content.directive.ts","../../../../projects/sd-core/popover/src/lib/popover/popover.component.ts","../../../../projects/sd-core/popover/src/lib/directives/popover-trigger.directive.ts","../../../../projects/sd-core/popover/src/lib/popover.module.ts","../../../../projects/sd-core/popover/src/public-api.ts","../../../../projects/sd-core/popover/sd-angular-core-popover.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdPopoverContent]'\r\n})\r\nexport class PopoverContentDirective {\r\n\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostListener,\r\n  Input,\r\n  OnDestroy,\r\n  OnInit,\r\n  Output,\r\n  TemplateRef,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ContentChild\r\n} from '@angular/core';\r\nimport { Position } from '../popover.model';\r\nimport * as uuid from 'uuid';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { PopoverTriggerDirective } from '../directives/popover-trigger.directive';\r\nimport { PopoverContentDirective } from '../directives/popover-content.directive';\r\n\r\nexport interface SdPopover {\r\n  close: () => void;\r\n}\r\n\r\n@Component({\r\n  selector: 'sd-popover',\r\n  templateUrl: './popover.component.html',\r\n  styleUrls: ['./popover.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  exportAs: 'sdPopover',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class PopoverComponent implements SdPopover, OnChanges, OnInit, OnDestroy {\r\n  classList: Record<string, boolean> = {};\r\n  panelId = `sd-popover-panel-${uuid.v4()}`;\r\n  isMobileOrTablet = false;\r\n  mouseState$ = new BehaviorSubject<boolean>(false);\r\n  trigger: PopoverTriggerDirective = null;\r\n\r\n  @ViewChild(TemplateRef) templateRef: TemplateRef<any>;\r\n  @ViewChild('panel') panel: ElementRef<HTMLDivElement>;\r\n  @ContentChild(PopoverContentDirective) popoverContent: PopoverContentDirective\r\n\r\n  @Input() panelClass: string = '';\r\n  @Input() width: 'lg' | 'md' | 'sm' | string = 'sm';\r\n  @Input() height: string = 'auto';\r\n  @Input() type: 'normal' | 'primary' | 'info' | 'success' | 'warning' | 'danger' = 'normal';\r\n  @Input()\r\n  get position(): Position {\r\n    return this.#xPosition;\r\n  }\r\n  set position(value: Position) {\r\n    this.#xPosition = value;\r\n    this.setPositionClasses();\r\n  }\r\n  #xPosition: Position;\r\n\r\n  @Output() readonly closed = new EventEmitter<void>();\r\n  @Output() readonly opened = new EventEmitter<any>();\r\n\r\n  @HostListener('document:click', ['$event.target'])\r\n  _hostClick(targetElement) {\r\n    if (this.panel?.nativeElement) {\r\n      const isInside = this.panel.nativeElement.contains(targetElement);\r\n      if (!isInside) {\r\n        this.setMouseState(false);\r\n      }\r\n    }\r\n  }\r\n\r\n  constructor(\r\n    private cdRef: ChangeDetectorRef,\r\n    private deviceService: DeviceDetectorService\r\n  ) {\r\n    this.isMobileOrTablet = !deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if(changes.type) {\r\n      const type = changes.type.currentValue;\r\n      const preType = changes.type.previousValue;\r\n      this.classList = this.classList ?? {\r\n        'sd-popover--normal': true\r\n      };\r\n      if (preType) {\r\n        this.classList[`sd-popover--${preType}`] = false;\r\n      }\r\n      if (type) {\r\n        this.classList[`sd-popover--${type}`] = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.setPositionClasses();\r\n    this.width = this.width || '80vw';\r\n    if (!this.isMobileOrTablet) {\r\n      switch (this.width) {\r\n        case 'lg':\r\n          this.width = '80vw';\r\n          break;\r\n        case 'md':\r\n          this.width = '60vw';\r\n          break;\r\n        case 'sm':\r\n          this.width = '40vw';\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.closed.complete();\r\n    this.opened.complete();\r\n    this.mouseState$.complete();\r\n  }\r\n\r\n  close = () => {\r\n    this.mouseState$.next(false);\r\n    this.closed.emit();\r\n  };\r\n\r\n  setPositionClasses = (pos: Position = this.position) => {\r\n    const classes = this.classList;\r\n    classes['sd-popover-above'] = pos === 'above';\r\n    classes['sd-popover-below'] = pos === 'below';\r\n\r\n    this.cdRef?.markForCheck();\r\n  };\r\n\r\n  addArrowTranslateX = (offset: number) => {\r\n    const arrowElement: HTMLElement = document.querySelector(`#${this.panelId} .sd-popover-arrow`);\r\n    if (arrowElement && offset) {\r\n      try {\r\n        const style = window.getComputedStyle(arrowElement);\r\n        const matrix = new WebKitCSSMatrix(style.transform);\r\n        const translateX = matrix.m41 + offset;\r\n        const translateY = matrix.m42;\r\n        arrowElement.style.transform = `translateX(${translateX}px) translateY(${translateY}px)`;\r\n      } catch (error) {}\r\n    }\r\n  };\r\n\r\n  setMouseState = (visible: boolean) => {\r\n    if (!visible) {\r\n      // chỉ được tắt khi đang không focus element nào bên trong panel\r\n      // tránh lỗi có control mở overlay khiến cho mất mouseenter ở panel\r\n      const activeElement = document.activeElement;\r\n      const panelElement = this.panel.nativeElement;\r\n      if (panelElement?.contains(activeElement)) {\r\n        return;\r\n      }\r\n    }\r\n    this.mouseState$.next(visible);\r\n  };\r\n}\r\n","import { Directionality } from \"@angular/cdk/bidi\";\r\nimport {\r\n  FlexibleConnectedPositionStrategy,\r\n  Overlay,\r\n  OverlayConfig,\r\n  OverlayRef,\r\n} from \"@angular/cdk/overlay\";\r\nimport { Platform } from \"@angular/cdk/platform\";\r\nimport { TemplatePortal } from \"@angular/cdk/portal\";\r\nimport {\r\n  AfterContentInit,\r\n  AfterViewInit,\r\n  Directive,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  NgZone,\r\n  OnDestroy,\r\n  Optional,\r\n  Output,\r\n  ViewContainerRef,\r\n} from \"@angular/core\";\r\nimport { fromEvent, merge, Subject, Subscription } from \"rxjs\";\r\nimport {\r\n  auditTime,\r\n  debounceTime,\r\n  distinctUntilChanged,\r\n  filter,\r\n  map,\r\n  mapTo,\r\n  takeUntil,\r\n  tap,\r\n} from \"rxjs/operators\";\r\nimport { Position } from \"../popover.model\";\r\nimport { PopoverComponent } from \"../popover/popover.component\";\r\n\r\n@Directive({\r\n  selector: \"[sdPopoverTriggerFor]\",\r\n  host: {\r\n    \"aria-haspopup\": \"true\",\r\n    class: \"sd-popover-trigger\",\r\n  },\r\n  exportAs: \"sdPopoverTrigger\",\r\n})\r\nexport class PopoverTriggerDirective implements AfterViewInit, OnDestroy {\r\n  #overlayRef: OverlayRef | null = null;\r\n  #popoverClose$ = Subscription.EMPTY;\r\n  #portal: TemplatePortal;\r\n  #destroy$ = new Subject();\r\n\r\n  popoverOpen = false;\r\n\r\n  @Input(\"sdPopoverTriggerFor\")\r\n  get popover() {\r\n    return this.#popover;\r\n  }\r\n  set popover(popover: PopoverComponent) {\r\n    if (!popover || popover === this.#popover) {\r\n      return;\r\n    }\r\n    this.#popover = popover;\r\n    this.#popoverClose$.unsubscribe();\r\n    if (popover) {\r\n      this.#popoverClose$ = popover.closed.subscribe(() => {\r\n        this.#destroyPopover();\r\n      });\r\n    }\r\n  }\r\n  #popover: PopoverComponent;\r\n\r\n  @Input(\"sdPopoverData\")\r\n  popoverData: any;\r\n\r\n  @Input(\"sdPopoverDisabled\")\r\n  disabled: boolean = false;\r\n\r\n  @Output() popoverOpened = new EventEmitter<void>();\r\n  @Output() popoverClosed = new EventEmitter<void>();\r\n\r\n  constructor(\r\n    private _overlay: Overlay,\r\n    private _element: ElementRef<HTMLElement>,\r\n    private _ngZone: NgZone,\r\n    private viewContainerRef: ViewContainerRef,\r\n    private elementRef: ElementRef,\r\n    private platform: Platform,\r\n    @Optional() private _dir: Directionality\r\n  ) {}\r\n\r\n  ngAfterViewInit(): void {\r\n    if (this.popover) {\r\n      const nativeElement = this.elementRef.nativeElement;\r\n\r\n      const hostMouseState$ = merge(\r\n        fromEvent(nativeElement, \"mouseenter\").pipe(mapTo(true)),\r\n        fromEvent(nativeElement, \"mouseleave\").pipe(mapTo(false))\r\n      );\r\n\r\n      const popoverMouseState$ = this.popover.mouseState$.pipe(\r\n        // chỉ lấy luồng emit open bởi chính trigger (tránh lỗi nhiều trigger cho một popover)\r\n        filter((v) => !this.popover.trigger || this.popover.trigger == this)\r\n      );\r\n\r\n      const mergedMouseState$ = merge(popoverMouseState$, hostMouseState$);\r\n\r\n      mergedMouseState$\r\n        .pipe(\r\n          debounceTime(100),\r\n          distinctUntilChanged(),\r\n          filter(() => this.platform.isBrowser),\r\n          takeUntil(this.#destroy$)\r\n        )\r\n        .subscribe((visible) => {\r\n          if (visible && !this.disabled) {\r\n            this.openPopover();\r\n          } else {\r\n            this.closePopover();\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#destroy$.next();\r\n    this.#destroy$.complete();\r\n    if (this.#overlayRef) {\r\n      this.#overlayRef.dispose();\r\n      this.#overlayRef = null;\r\n    }\r\n  }\r\n\r\n  openPopover = () => {\r\n    if (this.popoverOpen) {\r\n      return;\r\n    }\r\n\r\n    const overlayRef = this.#createOverlay();\r\n    const overlayConfig = overlayRef.getConfig();\r\n    const positionStrategy =\r\n      overlayConfig.positionStrategy as FlexibleConnectedPositionStrategy;\r\n    this.#setPosition(positionStrategy);\r\n    overlayConfig.hasBackdrop = false;\r\n    overlayRef.attach(this.#getPortal());\r\n    this.popover.trigger = this;\r\n    this.#setIsPopoverOpen(true);\r\n    this.popover.opened.next(this.popoverData);\r\n  };\r\n\r\n  closePopover = () => {\r\n    this.popover.closed.emit();\r\n  };\r\n\r\n  #setIsPopoverOpen = (isOpen: boolean) => {\r\n    this.popoverOpen = isOpen;\r\n    this.popoverOpen ? this.popoverOpened.emit() : this.popoverClosed.emit();\r\n  };\r\n\r\n  #getPortal = (): TemplatePortal => {\r\n    if (\r\n      !this.#portal ||\r\n      this.#portal.templateRef !== this.popover.templateRef ||\r\n      this.#portal.context?.data !== this.popoverData\r\n    ) {\r\n      this.#portal = new TemplatePortal(\r\n        this.popover.templateRef,\r\n        this.viewContainerRef,\r\n        {\r\n          data: this.popoverData\r\n        }\r\n      );\r\n    }\r\n\r\n    return this.#portal;\r\n  };\r\n\r\n  #createOverlay = () => {\r\n    if (!this.#overlayRef) {\r\n      const config = this.#getOverlayConfig();\r\n      this.#subscribeToPositions(\r\n        config.positionStrategy as FlexibleConnectedPositionStrategy\r\n      );\r\n      this.#overlayRef = this._overlay.create(config);\r\n    }\r\n\r\n    return this.#overlayRef;\r\n  };\r\n\r\n  #setPosition = (positionStrategy: FlexibleConnectedPositionStrategy) => {\r\n    let originX: \"start\" | \"center\" | \"end\" = \"center\";\r\n    let originY: \"top\" | \"center\" | \"bottom\" = \"top\";\r\n    let overlayX: \"start\" | \"center\" | \"end\" = \"center\";\r\n    let overlayY: \"top\" | \"center\" | \"bottom\" = \"bottom\";\r\n    let offsetX = 0;\r\n    let offsetY = 16;\r\n\r\n    switch (this.popover.position) {\r\n      case \"above\":\r\n        originY = \"top\";\r\n        overlayY = \"bottom\";\r\n        break;\r\n      case \"below\":\r\n        originY = \"bottom\";\r\n        overlayY = \"top\";\r\n        break;\r\n    }\r\n\r\n    positionStrategy.withPositions([\r\n      // theo input\r\n      { originX, originY, overlayX, overlayY, offsetY: originY == \"top\" ? -offsetY : offsetY },\r\n      // giữa trên\r\n      {\r\n        originX: \"center\",\r\n        originY: \"top\",\r\n        overlayX: \"center\",\r\n        overlayY: \"bottom\",\r\n        offsetX,\r\n        offsetY: -offsetY,\r\n      },\r\n      // giữa dưới\r\n      {\r\n        originX: \"center\",\r\n        originY: \"bottom\",\r\n        overlayX: \"center\",\r\n        overlayY: \"top\",\r\n        offsetX,\r\n        offsetY,\r\n      },\r\n    ]);\r\n  };\r\n\r\n  #getOverlayConfig = () => {\r\n    return new OverlayConfig({\r\n      positionStrategy: this._overlay\r\n        .position()\r\n        .flexibleConnectedTo(this._element)\r\n        .withLockedPosition()\r\n        .withGrowAfterOpen()\r\n        .withTransformOriginOn(\".sd-popover-panel\"),\r\n      backdropClass: \"cdk-overlay-transparent-backdrop\",\r\n      panelClass: this.popover.panelClass,\r\n      direction: this._dir,\r\n      width: this.popover.width,\r\n      height: this.popover.height,\r\n    });\r\n  };\r\n\r\n  #subscribeToPositions = (position: FlexibleConnectedPositionStrategy) => {\r\n    if (this.popover.setPositionClasses) {\r\n      position.positionChanges.subscribe((change) => {\r\n        const pos: Position =\r\n          change.connectionPair.overlayY === \"top\" ? \"below\" : \"above\";\r\n\r\n        if (this._ngZone) {\r\n          this._ngZone.run(() => this.popover.setPositionClasses(pos));\r\n        } else {\r\n          this.popover.setPositionClasses(pos);\r\n        }\r\n\r\n        const originElement: HTMLElement = this.elementRef.nativeElement;\r\n        const overlayElement: HTMLElement = (\r\n          this.viewContainerRef.get(0) as any\r\n        )?.rootNodes[0];\r\n        if (originElement && overlayElement) {\r\n          const originRect = originElement.getBoundingClientRect();\r\n          const overlayRect = overlayElement.getBoundingClientRect();\r\n          const originLeft = originRect.left + originRect.width / 2;\r\n          const overlayLeft = overlayRect.left + overlayRect.width / 2;\r\n\r\n          const offset = originLeft - overlayLeft;\r\n\r\n          this.popover.addArrowTranslateX(offset);\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  #destroyPopover = () => {\r\n    if (!this.#overlayRef || !this.popoverOpen) {\r\n      return;\r\n    }\r\n    this.#overlayRef.detach();\r\n    this.#setIsPopoverOpen(false);\r\n  };\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PopoverComponent } from './popover/popover.component';\r\nimport { PopoverTriggerDirective } from './directives/popover-trigger.directive';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { PopoverContentDirective } from './directives/popover-content.directive';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    PopoverComponent, \r\n    PopoverTriggerDirective, \r\n    PopoverContentDirective\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    A11yModule\r\n  ],\r\n  exports: [\r\n    PopoverComponent, \r\n    PopoverTriggerDirective,\r\n    PopoverContentDirective\r\n  ]\r\n})\r\nexport class SdPopoverModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport { SdPopoverModule } from './lib/popover.module';\r\n\r\nexport * from './lib/popover/popover.component';\r\nexport * from './lib/directives/popover-trigger.directive';\r\nexport * from './lib/directives/popover-content.directive';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuid.v4"],"mappings":"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"}

package/fesm2015/sd-angular-core-quick-action.js.__ivy_ngcc_bak

@@ -1,53 +0,0 @@
-import { Component, Input, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-class SdQuickAction {
-    constructor() {
-        this.isOpened = false;
-        this.open = () => {
-            this.isOpened = true;
-        };
-        this.close = () => {
-            this.isOpened = false;
-        };
-    }
-}
-SdQuickAction.decorators = [
-    { type: Component, args: [{
-                selector: 'sd-quick-action',
-                template: "<div class=\"c-quick-action media align-items-center\" [ngClass]=\"{'active': isOpened}\">\r\n  <div class=\"media-body mr-16 text-grey\">\r\n    <ng-content select=\"[sdMessage]\"></ng-content>\r\n  </div>\r\n  <ng-content select=\"[sdAction]\"></ng-content>\r\n</div>",
-                styles: [".c-quick-action{background-color:#fff;border-radius:4px;bottom:90px;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);left:0;margin:auto;min-width:400px;opacity:0;pointer-events:none;position:fixed;right:0;transform:translate3d(0,100%,0);transition:all .2s ease-in-out;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:99}.c-quick-action.active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}"]
-            },] }
-];
-SdQuickAction.ctorParameters = () => [];
-SdQuickAction.propDecorators = {
-    isOpened: [{ type: Input }]
-};
-
-class SdQuickActionModule {
-}
-SdQuickActionModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    SdQuickAction
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    SdQuickAction
-                ],
-                providers: [],
-            },] }
-];
-
-/*
- * Public API Surface of superdev-angular-core
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SdQuickAction, SdQuickActionModule };
-//# sourceMappingURL=sd-angular-core-quick-action.js.map

package/fesm2015/sd-angular-core-quick-action.js.map.__ivy_ngcc_bak

@@ -1 +0,0 @@
-{"version":3,"file":"sd-angular-core-quick-action.js","sources":["../../../../projects/sd-core/quick-action/src/lib/quick-action.component.ts","../../../../projects/sd-core/quick-action/src/lib/quick-action.module.ts","../../../../projects/sd-core/quick-action/src/public-api.ts","../../../../projects/sd-core/quick-action/sd-angular-core-quick-action.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'sd-quick-action',\r\n  templateUrl: './quick-action.component.html',\r\n  styleUrls: ['./quick-action.component.scss'],\r\n})\r\nexport class SdQuickAction {\r\n  @Input() isOpened = false;\r\n  constructor() { }\r\n  open = () => {\r\n    this.isOpened = true;\r\n  }\r\n\r\n  close = () => {\r\n    this.isOpened = false;\r\n  }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { SdQuickAction } from './quick-action.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SdQuickAction\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    SdQuickAction\r\n  ],\r\n  providers: [\r\n  ],\r\n})\r\nexport class SdQuickActionModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/quick-action.component';\r\nexport * from './lib/quick-action.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,aAAa;IAExB;QADS,aAAQ,GAAG,KAAK,CAAC;QAE1B,SAAI,GAAG;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB,CAAA;QAED,UAAK,GAAG;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;SACvB,CAAA;KAPgB;;;YAPlB,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,yRAA4C;;aAE7C;;;;uBAEE,KAAK;;;MCSK,mBAAmB;;;YAb/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,aAAa;iBACd;gBACD,SAAS,EAAE,EACV;aACF;;;AChBD;;;;ACAA;;;;;;"}