import { Component, ViewEncapsulation, Input, Output, EventEmitter } from "@angular/core";
import { NSBaseComponent } from "../ns-base";
import * as i0 from "@angular/core";
export class NSPanelAngular extends NSBaseComponent {
    constructor() {
        super();
        this.dragStaring = new EventEmitter();
        this.dragging = new EventEmitter();
        this.dragEnd = new EventEmitter();
        this.resizeStaring = new EventEmitter();
        this.resizing = new EventEmitter();
        this.resizeEnd = new EventEmitter();
        this.collapseStarting = new EventEmitter();
        this.collapseEnd = new EventEmitter();
        this.expansionStarting = new EventEmitter();
        this.expansionEnd = new EventEmitter();
        this.minimizeStarting = new EventEmitter();
        this.minimizeEnd = new EventEmitter();
        this.maximizeStarting = new EventEmitter();
        this.maximizeEnd = new EventEmitter();
        this.fullScreenStarting = new EventEmitter();
        this.fullScreenEnd = new EventEmitter();
        this.restoreStarting = new EventEmitter();
        this.restoreEnd = new EventEmitter();
        this.closed = new EventEmitter();
        this.initializeScripts(['NSPanel']);
    }
    ;
    ngOnInit() {
    }
    ;
    ngOnChanges(changes) {
    }
    ;
    //elements children are created in ngAfterViewInit and not in ngOnInit
    ngAfterViewInit() {
        this.create();
    }
    ;
    ngOnDestroy() {
    }
    ;
    open() {
        /*if(!this.__objNSPanel)
        {
            this.element = this.elementRef.nativeElement;
            this.__objNSPanel = new NSPanel(this.element,this.setting);
            this.__creationHandler();
            this.__addEventHandlers();
        }*/
        if (this.__objNSPanel) {
            return this.__objNSPanel.open();
        }
    }
    ;
    close() {
        if (this.__objNSPanel) {
            return this.__objNSPanel.close();
        }
    }
    ;
    removeModal() {
        if (this.__objNSPanel) {
            return this.__objNSPanel.removeModal();
        }
    }
    ;
    getBaseElement() {
        if (this.__objNSPanel) {
            return this.__objNSPanel.getBaseElement();
        }
        return null;
    }
    ;
    minimize() {
        if (this.__objNSPanel) {
            this.__objNSPanel.minimize();
        }
    }
    ;
    maximize() {
        if (this.__objNSPanel) {
            this.__objNSPanel.maximize();
        }
    }
    ;
    collapse() {
        if (this.__objNSPanel) {
            this.__objNSPanel.collapse();
        }
    }
    ;
    expand() {
        if (this.__objNSPanel) {
            this.__objNSPanel.expand();
        }
    }
    ;
    fullScreen() {
        if (this.__objNSPanel) {
            this.__objNSPanel.fullScreen();
        }
    }
    ;
    restore() {
        if (this.__objNSPanel) {
            this.__objNSPanel.restore();
        }
    }
    ;
    disableResize() {
        if (this.__objNSPanel) {
            this.__objNSPanel.disableResize();
        }
    }
    ;
    disableDrag() {
        if (this.__objNSPanel) {
            this.__objNSPanel.disableDrag();
        }
    }
    ;
    disableCollapse() {
        if (this.__objNSPanel) {
            this.__objNSPanel.disableCollapse();
        }
    }
    ;
    disableMinMax() {
        if (this.__objNSPanel) {
            this.__objNSPanel.disableCollapse();
        }
    }
    ;
    disableFullScreen() {
        if (this.__objNSPanel) {
            this.__objNSPanel.disableCollapse();
        }
    }
    ;
    isCollapsed() {
        if (this.__objNSPanel) {
            return this.__objNSPanel.isCollapsed();
        }
        return false;
    }
    ;
    isMinimized() {
        if (this.__objNSPanel) {
            return this.__objNSPanel.isMinimized();
        }
        return false;
    }
    ;
    isFullScreen() {
        if (this.__objNSPanel) {
            return this.__objNSPanel.isFullScreen();
        }
        return false;
    }
    ;
    create() {
        if (!this.__objNSPanel) {
            this.__objNSPanel = new NSPanel(this.element, this.setting);
            if (!this.element) {
                this.element = this.__objNSPanel.getBaseElement();
                this.initializeEvents([NSPanel.DRAG_STARTING,
                    NSPanel.DRAGGING,
                    NSPanel.DRAG_END,
                    NSPanel.RESIZE_STARTING,
                    NSPanel.RESIZING,
                    NSPanel.RESIZE_END,
                    NSPanel.COLLAPSE_STARTING,
                    NSPanel.COLLAPSE_END,
                    NSPanel.EXPANSION_STARTING,
                    NSPanel.EXPANSION_END,
                    NSPanel.MINIMIZE_STARTING,
                    NSPanel.MINIMIZE_END,
                    NSPanel.FULLSCREEN_STARTING,
                    NSPanel.FULLSCREEN_END,
                    NSPanel.RESTORE_STARTING,
                    NSPanel.RESTORE_END,
                    NSPanel.CLOSED
                ]);
            }
        }
    }
    ;
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NSPanelAngular, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NSPanelAngular, selector: "ns-panel-angular", inputs: { setting: "setting" }, outputs: { dragStaring: "dragStaring", dragging: "dragging", dragEnd: "dragEnd", resizeStaring: "resizeStaring", resizing: "resizing", resizeEnd: "resizeEnd", collapseStarting: "collapseStarting", collapseEnd: "collapseEnd", expansionStarting: "expansionStarting", expansionEnd: "expansionEnd", minimizeStarting: "minimizeStarting", minimizeEnd: "minimizeEnd", maximizeStarting: "maximizeStarting", maximizeEnd: "maximizeEnd", fullScreenStarting: "fullScreenStarting", fullScreenEnd: "fullScreenEnd", restoreStarting: "restoreStarting", restoreEnd: "restoreEnd", closed: "closed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".nsPanelModalProp{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#0006;transition:opacity .3s}.nsPanelModalAnimation{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.nsPanelModalProp.nsPanelModalOpen{overflow-x:hidden;overflow-y:auto}.nsPanelModalAnimation.nsPanelModalOpen{opacity:1}.nsPanel{padding:0;width:100%;pointer-events:auto;border-radius:.3rem}.nsPanel.nsPanelModalContent{position:relative;margin:auto;padding:0;width:40%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;z-Index:100}.nsPanel.nsPanelModalContentDrag{left:20%}.nsPanel.nsPanelOpen.nsPanelModalZoom{-webkit-animation-name:nsAnimateZoomIn;-webkit-animation-duration:.5s;animation-name:nsAnimateZoomIn;animation-duration:.5s}.nsPanel.nsPanelModalZoom{-webkit-animation-name:nsAnimateZoomOut;-webkit-animation-duration:.5s;animation-name:nsAnimateZoomOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalLeft{-webkit-animation-name:nsAnimateLeftIn;-webkit-animation-duration:.5s;animation-name:nsAnimateLeftIn;animation-duration:.5s}.nsPanel.nsPanelModalLeft{-webkit-animation-name:nsAnimateLeftOut;-webkit-animation-duration:.5s;animation-name:nsAnimateLeftOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalRight{-webkit-animation-name:nsAnimateRightIn;-webkit-animation-duration:.5s;animation-name:nsAnimateRightIn;animation-duration:.5s}.nsPanel.nsPanelModalRight{-webkit-animation-name:nsAnimateRightOut;-webkit-animation-duration:.5s;animation-name:nsAnimateRightOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalTop{-webkit-animation-name:nsAnimateTopIn;-webkit-animation-duration:.5s;animation-name:nsAnimateTopIn;animation-duration:.5s}.nsPanel.nsPanelModalTop{-webkit-animation-name:nsAnimateTopOut;-webkit-animation-duration:.5s;animation-name:nsAnimateTopOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalBottom{-webkit-animation-name:nsAnimateBottomIn;-webkit-animation-duration:.5s;animation-name:nsAnimateBottomIn;animation-duration:.5s}.nsPanel.nsPanelModalBottom{-webkit-animation-name:nsAnimateBottomOut;-webkit-animation-duration:.5s;animation-name:nsAnimateBottomOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalFlipX{-webkit-animation-name:nsAnimateFlipXIn;-webkit-animation-duration:.5s;animation-name:nsAnimateFlipXIn;animation-duration:.5s}.nsPanel.nsPanelModalFlipX{-webkit-animation-name:nsAnimateFlipXOut;-webkit-animation-duration:.5s;animation-name:nsAnimateFlipXOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalFlipY{-webkit-animation-name:nsAnimateFlipYIn;-webkit-animation-duration:.5s;animation-name:nsAnimateFlipYIn;animation-duration:.5s}.nsPanel.nsPanelModalFlipY{-webkit-animation-name:nsAnimateFlipYOut;-webkit-animation-duration:.5s;animation-name:nsAnimateFlipYOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalRoll{-webkit-animation-name:nsAnimateRollIn;-webkit-animation-duration:.5s;animation-name:nsAnimateRollIn;animation-duration:.5s}.nsPanel.nsPanelModalRoll{-webkit-animation-name:nsAnimateRollOut;-webkit-animation-duration:.5s;animation-name:nsAnimateRollOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalBounce{-webkit-animation-name:nsAnimateBounceIn;-webkit-animation-duration:.5s;animation-name:nsAnimateBounceIn;animation-duration:.5s}.nsPanel.nsPanelModalBounce{-webkit-animation-name:nsAnimateBounceOut;-webkit-animation-duration:.5s;animation-name:nsAnimateBounceOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalRotate{-webkit-animation-name:nsAnimateRotateIn;-webkit-animation-duration:.5s;animation-name:nsAnimateRotateIn;animation-duration:.5s}.nsPanel.nsPanelModalRotate{-webkit-animation-name:nsAnimateRotateOut;-webkit-animation-duration:.5s;animation-name:nsAnimateRotateOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelWidget{width:45%;height:45%;background:#f6f6f6}.nsPanel .nsPanelTitleBar{text-align:left;min-height:20px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.nsPanel .nsPanelTitleBarContent{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;cursor:move;overflow:hidden}.nsPanel .nsPanelControlbar{display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;float:right}.nsPanel .nsPanelControlbar .nsPanelControlButton{padding:0 3px;cursor:pointer}.nsPanel .nsPanelBody{overflow:auto;height:91%;width:100%}.nsPanel .nsPanelExpColIcon,.nsPanel .nsPanelMinMaxIcon,.nsPanel .nsPanelFullScreenIcon,.nsPanel .nsPanelCloseIcon{width:14px;height:14px}.nsPanelMinimizeContainer{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.nsPanelMinimized{height:auto!important;left:auto!important;opacity:1;top:auto!important;width:auto!important;position:static!important}.nsPanelMinimized.nsPanelMinimizedright{float:right}.nsPanelMinimized.nsPanelMinimizedleft{float:left}.nsPanelFullScreen{height:100%!important;width:100%!important;height:100vh!important;width:100vw!important;position:fixed!important;inset:0!important;margin:0;z-index:100;opacity:1}@keyframes nsAnimateZoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nsAnimateZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nsAnimateTopIn{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateTopOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes nsAnimateBottomIn{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateBottomOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes nsAnimateLeftIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateLeftOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes nsAnimateRightIn{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateRightOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes nsAnimateFlipXIn{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes nsAnimateFlipXOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes nsAnimateFlipYIn{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes nsAnimateFlipYOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes nsAnimateRollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateRollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes nsAnimateBounceIn{0%,to,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes nsAnimateBounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes nsAnimateRotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes nsAnimateRotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.nsPanelWhite{background-color:#fefefe;border:5px solid #157fcc}.nsPanelModalWhite .nsPanelWhite{background-color:#fff;border:5px solid #157fcc}.nsPanelWhite .nsPanelTitleBar{background-color:#157fcc;font-weight:700}.nsPanelWhite .nsPanelTitleBarContent{color:#fefefe}.nsPanelWhite .nsPanelExpColIconUse{fill:#848484;color:#f6f6f6}.nsPanelWhite .nsPanelMinMaxIconUse{fill:#f6f6f6;color:#848484}.nsPanelWhite .nsPanelCloseIconUse,.nsPanelWhite .nsPanelFullScreenIcon{fill:#848484;color:#f6f6f6}\n"], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NSPanelAngular, decorators: [{
            type: Component,
            args: [{ selector: 'ns-panel-angular', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".nsPanelModalProp{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#0006;transition:opacity .3s}.nsPanelModalAnimation{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.nsPanelModalProp.nsPanelModalOpen{overflow-x:hidden;overflow-y:auto}.nsPanelModalAnimation.nsPanelModalOpen{opacity:1}.nsPanel{padding:0;width:100%;pointer-events:auto;border-radius:.3rem}.nsPanel.nsPanelModalContent{position:relative;margin:auto;padding:0;width:40%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;z-Index:100}.nsPanel.nsPanelModalContentDrag{left:20%}.nsPanel.nsPanelOpen.nsPanelModalZoom{-webkit-animation-name:nsAnimateZoomIn;-webkit-animation-duration:.5s;animation-name:nsAnimateZoomIn;animation-duration:.5s}.nsPanel.nsPanelModalZoom{-webkit-animation-name:nsAnimateZoomOut;-webkit-animation-duration:.5s;animation-name:nsAnimateZoomOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalLeft{-webkit-animation-name:nsAnimateLeftIn;-webkit-animation-duration:.5s;animation-name:nsAnimateLeftIn;animation-duration:.5s}.nsPanel.nsPanelModalLeft{-webkit-animation-name:nsAnimateLeftOut;-webkit-animation-duration:.5s;animation-name:nsAnimateLeftOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalRight{-webkit-animation-name:nsAnimateRightIn;-webkit-animation-duration:.5s;animation-name:nsAnimateRightIn;animation-duration:.5s}.nsPanel.nsPanelModalRight{-webkit-animation-name:nsAnimateRightOut;-webkit-animation-duration:.5s;animation-name:nsAnimateRightOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalTop{-webkit-animation-name:nsAnimateTopIn;-webkit-animation-duration:.5s;animation-name:nsAnimateTopIn;animation-duration:.5s}.nsPanel.nsPanelModalTop{-webkit-animation-name:nsAnimateTopOut;-webkit-animation-duration:.5s;animation-name:nsAnimateTopOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalBottom{-webkit-animation-name:nsAnimateBottomIn;-webkit-animation-duration:.5s;animation-name:nsAnimateBottomIn;animation-duration:.5s}.nsPanel.nsPanelModalBottom{-webkit-animation-name:nsAnimateBottomOut;-webkit-animation-duration:.5s;animation-name:nsAnimateBottomOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalFlipX{-webkit-animation-name:nsAnimateFlipXIn;-webkit-animation-duration:.5s;animation-name:nsAnimateFlipXIn;animation-duration:.5s}.nsPanel.nsPanelModalFlipX{-webkit-animation-name:nsAnimateFlipXOut;-webkit-animation-duration:.5s;animation-name:nsAnimateFlipXOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalFlipY{-webkit-animation-name:nsAnimateFlipYIn;-webkit-animation-duration:.5s;animation-name:nsAnimateFlipYIn;animation-duration:.5s}.nsPanel.nsPanelModalFlipY{-webkit-animation-name:nsAnimateFlipYOut;-webkit-animation-duration:.5s;animation-name:nsAnimateFlipYOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalRoll{-webkit-animation-name:nsAnimateRollIn;-webkit-animation-duration:.5s;animation-name:nsAnimateRollIn;animation-duration:.5s}.nsPanel.nsPanelModalRoll{-webkit-animation-name:nsAnimateRollOut;-webkit-animation-duration:.5s;animation-name:nsAnimateRollOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalBounce{-webkit-animation-name:nsAnimateBounceIn;-webkit-animation-duration:.5s;animation-name:nsAnimateBounceIn;animation-duration:.5s}.nsPanel.nsPanelModalBounce{-webkit-animation-name:nsAnimateBounceOut;-webkit-animation-duration:.5s;animation-name:nsAnimateBounceOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelModalRotate{-webkit-animation-name:nsAnimateRotateIn;-webkit-animation-duration:.5s;animation-name:nsAnimateRotateIn;animation-duration:.5s}.nsPanel.nsPanelModalRotate{-webkit-animation-name:nsAnimateRotateOut;-webkit-animation-duration:.5s;animation-name:nsAnimateRotateOut;animation-duration:.5s}.nsPanel.nsPanelOpen.nsPanelWidget{width:45%;height:45%;background:#f6f6f6}.nsPanel .nsPanelTitleBar{text-align:left;min-height:20px;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.nsPanel .nsPanelTitleBarContent{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;cursor:move;overflow:hidden}.nsPanel .nsPanelControlbar{display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;float:right}.nsPanel .nsPanelControlbar .nsPanelControlButton{padding:0 3px;cursor:pointer}.nsPanel .nsPanelBody{overflow:auto;height:91%;width:100%}.nsPanel .nsPanelExpColIcon,.nsPanel .nsPanelMinMaxIcon,.nsPanel .nsPanelFullScreenIcon,.nsPanel .nsPanelCloseIcon{width:14px;height:14px}.nsPanelMinimizeContainer{bottom:0;left:0;position:fixed;width:100%;z-index:9999}.nsPanelMinimized{height:auto!important;left:auto!important;opacity:1;top:auto!important;width:auto!important;position:static!important}.nsPanelMinimized.nsPanelMinimizedright{float:right}.nsPanelMinimized.nsPanelMinimizedleft{float:left}.nsPanelFullScreen{height:100%!important;width:100%!important;height:100vh!important;width:100vw!important;position:fixed!important;inset:0!important;margin:0;z-index:100;opacity:1}@keyframes nsAnimateZoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nsAnimateZoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes nsAnimateTopIn{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateTopOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes nsAnimateBottomIn{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateBottomOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes nsAnimateLeftIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateLeftOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes nsAnimateRightIn{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateRightOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes nsAnimateFlipXIn{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes nsAnimateFlipXOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes nsAnimateFlipYIn{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes nsAnimateFlipYOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes nsAnimateRollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes nsAnimateRollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes nsAnimateBounceIn{0%,to,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes nsAnimateBounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes nsAnimateRotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes nsAnimateRotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.nsPanelWhite{background-color:#fefefe;border:5px solid #157fcc}.nsPanelModalWhite .nsPanelWhite{background-color:#fff;border:5px solid #157fcc}.nsPanelWhite .nsPanelTitleBar{background-color:#157fcc;font-weight:700}.nsPanelWhite .nsPanelTitleBarContent{color:#fefefe}.nsPanelWhite .nsPanelExpColIconUse{fill:#848484;color:#f6f6f6}.nsPanelWhite .nsPanelMinMaxIconUse{fill:#f6f6f6;color:#848484}.nsPanelWhite .nsPanelCloseIconUse,.nsPanelWhite .nsPanelFullScreenIcon{fill:#848484;color:#f6f6f6}\n"] }]
        }], ctorParameters: () => [], propDecorators: { setting: [{
                type: Input
            }], dragStaring: [{
                type: Output
            }], dragging: [{
                type: Output
            }], dragEnd: [{
                type: Output
            }], resizeStaring: [{
                type: Output
            }], resizing: [{
                type: Output
            }], resizeEnd: [{
                type: Output
            }], collapseStarting: [{
                type: Output
            }], collapseEnd: [{
                type: Output
            }], expansionStarting: [{
                type: Output
            }], expansionEnd: [{
                type: Output
            }], minimizeStarting: [{
                type: Output
            }], minimizeEnd: [{
                type: Output
            }], maximizeStarting: [{
                type: Output
            }], maximizeEnd: [{
                type: Output
            }], fullScreenStarting: [{
                type: Output
            }], fullScreenEnd: [{
                type: Output
            }], restoreStarting: [{
                type: Output
            }], restoreEnd: [{
                type: Output
            }], closed: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 