{"__symbolic":"module","version":4,"metadata":{"ModalTypes":{"__symbolic":"interface"},"ModalSizes":{"__symbolic":"interface"},"ModalTypesDefinition":{"__symbolic":"interface"},"modalTypes":{"info":"info","critical":"critical","warning":"warning","custom":"custom"},"ModalSizesKeys":{"regular":"regular","small":"small","medium":"medium","large":"large","extraLarge":"extraLarge","custom":"custom"},"ModalSizesDefinition":{"__symbolic":"interface"},"modalSizes":{"__symbolic":"error","message":"Expression form not supported","line":38,"character":2,"module":"./lib/modal.types"},"modalSizesValues":{"regular":{"width":{"value":560,"unit":"px"},"height":{"value":280,"unit":"px"}},"small":{"width":{"value":326,"unit":"px"},"height":{"value":280,"unit":"px"}},"medium":{"width":{"value":794,"unit":"px"},"height":{"value":280,"unit":"px"}},"large":{"width":{"value":1026,"unit":"px"},"height":{"value":280,"unit":"px"}},"extraLarge":{"width":{"value":1260,"unit":"px"},"height":{"value":280,"unit":"px"}},"custom":null},"MINIMUM_MODAL_HEIGHT":230,"MINIMUM_MODAL_WIDTH":300,"ModalConfig":{"__symbolic":"interface"},"ModalButtonsLabels":{"__symbolic":"interface"},"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"npa-modal","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":19},"member":"OnPush"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":20,"character":4},"arguments":["modalFade",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":21,"character":6},"arguments":["void, hidden, autoClose",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":21,"character":39},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":22,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":22,"character":23},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":23,"character":6},"arguments":["* => visible",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":24,"character":8},"arguments":["@disappear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":25,"character":10},"arguments":[0,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":25,"character":21},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":27,"character":8},"arguments":["250ms cubic-bezier(0.25, 0.46, 0.45, 0.94)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":27,"character":62},"arguments":[{"opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":29,"character":6},"arguments":["visible => hidden, visible => autoClose",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":30,"character":8},"arguments":["@disappear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":31,"character":10},"arguments":[0,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":21},"arguments":[{"opacity":0}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":33,"character":8},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":34,"character":10},"arguments":["@modalBox",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"group","line":35,"character":12},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":14},"arguments":["300ms cubic-bezier(0.25, 0.46, 0.45, 0.94)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":68},"arguments":[{"transform":"translateY(-20px)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":37,"character":14},"arguments":["300ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":38},"arguments":[{"opacity":0}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":40,"character":10},"arguments":["300ms linear",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":34},"arguments":[{"opacity":0}]}]}]]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":44,"character":4},"arguments":["disappear",[]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":45,"character":4},"arguments":["modalBox",[]]}],"template":"<div\n  #modalContainer\n  class=\"npa-modal\"\n  tabindex=\"0\"\n  *ngIf=\"showModalHTML\"\n  [ngClass]=\"{\n    'npa-modal--custom_content': modalType === modalTypes.custom,\n    'npa-modal--information': modalType === modalTypes.info,\n    'npa-modal--warning': modalType === modalTypes.warning,\n    'npa-modal--critical': modalType === modalTypes.critical,\n    'npa-modal--regular': modalSize === modalSizes.regular,\n    'npa-modal--small': modalSize === modalSizes.small,\n    'npa-modal--medium': modalSize === modalSizes.medium,\n    'npa-modal--large': modalSize === modalSizes.large,\n    'npa-modal--extra-large': modalSize === modalSizes.extraLarge,\n    'npa-modal--full-window': isFullWindow,\n    'npa-modal--overlay': overlay,\n    'disabled': disabled,\n    'npa-modal--padding': showDefaultHeader || modalType !== modalTypes.custom\n  }\"\n  [@modalFade]=\"visibility\"\n  [@.disabled]=\"!enabledAnimation || disabled\"\n  (@modalFade.done)=\"animationDone($event)\"\n  (click)=\"onClickOutside($event)\">\n  <div class=\"npa-modal__box\" #modal [@modalBox]>\n    <div\n      class=\"npa-modal__header\"\n      *ngIf=\"!isFullWindow && (showDefaultHeader || modalType !== modalTypes.custom)\"\n      [class.shadow]=\"modalBody.scrollTop > 30\"\n      [@disappear]>\n      <i\n        class=\"icon npa-modal__status-icon\"\n        *ngIf=\"statusIcon\"\n        [ngClass]=\"statusIcon\">\n      </i>\n      <span class=\"npa-modal__title\">{{title}}</span>\n      <i\n        class=\"npa-modal__close-control\"\n        *ngIf=\"closeControlIcon\"\n        [ngClass]=\"closeControlIcon\"\n        (click)=\"closeModal.emit()\">\n      </i>\n    </div>\n\n    <div\n      class=\"npa-modal__header\"\n      *ngIf=\"isFullWindow && (showDefaultHeader || modalType !== modalTypes.custom)\"\n      [class.shadow]=\"modalBody.scrollTop > 30\"\n      [@disappear]>\n      <ng-container *ngIf=\"closeControlIcon\">\n        <i\n          class=\"npa-modal__close-control\"\n          [ngClass]=\"closeControlIcon\"\n          (click)=\"closeModal.emit()\">\n        </i>\n        <div class=\"npa-modal__vertical-separator\"></div>\n        <i\n          class=\"npa-modal__full-window-icon\"\n          *ngIf=\"fullWindowHeaderIcon\"\n          [ngClass]=\"fullWindowHeaderIcon\">\n        </i>\n      </ng-container>\n      <span class=\"npa-modal__title\">{{title}}</span>\n      <div class=\"npa-modal__actions\">\n        <button\n          class=\"npa-modal__cancel npa-button npa-button--borderless\"\n          *ngIf=\"buttonsLabels?.cancel && !onlyActionButton\"\n          (click)=\"cancel.emit()\">\n          {{buttonsLabels.cancel}}\n        </button>\n        <button class=\"npa-modal__confirm npa-button\" *ngIf=\"buttonsLabels?.action\" (click)=\"action.emit()\">\n          {{buttonsLabels?.action}}\n        </button>\n      </div>\n    </div>\n    <ng-container *ngIf=\"!showDefaultHeader && modalType === modalTypes.custom\">\n      <div [@disappear]>\n        <ng-content select=\"[npa-modal-header]\"></ng-content>\n      </div>\n    </ng-container>\n\n    <div\n      class=\"npa-modal__body\"\n      #modalBody\n      [@disappear]\n      [ngClass]=\"{'npa-modal__body--padding': showDefaultHeader || modalType !== modalTypes.custom}\">\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"npa-modal__actions\" *ngIf=\"!isFullWindow && modalType !== modalTypes.custom\" [@disappear]>\n      <button\n        class=\"npa-modal__cancel npa-button npa-button--borderless\"\n        *ngIf=\"buttonsLabels?.cancel && !onlyActionButton\"\n        (click)=\"cancel.emit()\">\n        {{buttonsLabels?.cancel}}\n      </button>\n      <button\n        class=\"npa-modal__confirm npa-button\"\n        *ngIf=\"buttonsLabels?.action\"\n        [ngClass]=\"modalType === modalTypes.critical || modalType === modalTypes.warning ? 'npa-button--critical' : ''\"\n        (click)=\"action.emit()\">\n        {{buttonsLabels?.action}}\n      </button>\n    </div>\n  </div>\n</div>\n","styles":[":host{--npa-modal-default-overlay-position:fixed;--npa-modal-default-overlay-width:100vw;--npa-modal-default-overlay-height:100vh;--npa-modal-default-overlay-background-color:rgba(10,10,10,.5);--npa-modal-default-margin:0 32px;--npa-modal-default-z-indez:1;--npa-modal-default-border:2px solid;--npa-modal-default-border-radius:0;--npa-modal-default-border-color:#000;--npa-modal-default-box-shadow:0 3px 9px 0 hsla(0,0%,7%,0.25);--npa-modal-default-background-color:#fff;--npa-modal-default-padding:24px;--npa-modal-default-spacing:12px;--npa-modal-default-spacing-vertical:20px;--npa-modal-default-close-control-color:#000;--npa-modal-default-header-height:70px;--npa-modal-default-header-separator-color:#d3d3d3;--npa-modal-default-header-color:#000;--npa-modal-default-header-full-window-border:1px solid var(--npa-color-space-3);--npa-modal-default-header-box-shadow:0 3px 9px 0 hsla(0,0%,7%,0.25);--npa-modal-default-body-overflow:auto}:host .npa-modal{position:var(--npa-modal-default-overlay-position);display:flex;align-items:center;justify-content:center;width:var(--npa-modal-default-overlay-width);height:var(--npa-modal-default-overlay-height);z-index:var(--npa-modal-default-z-indez);left:0;top:0;background-color:transparent}:host .npa-modal:not(.npa-modal--full-window) .npa-modal__box{margin:var(--npa-modal-default-margin)}:host .npa-modal .npa-modal__box{display:flex;flex-direction:column;width:100%;box-sizing:border-box;box-shadow:var(--npa-modal-default-box-shadow);border:var(--npa-modal-default-border);border-radius:var(--npa-modal-default-border-radius);border-color:var(--npa-modal-default-border-color);background-color:var(--npa-modal-default-background-color)}:host .npa-modal .npa-modal__box .npa-modal__header{display:flex;align-items:center;color:var(--npa-modal-default-header-color);height:var(--npa-modal-default-header-height);padding:0 var(--npa-modal-default-padding);flex-shrink:0;transition:box-shadow .3s ease-in-out}:host .npa-modal .npa-modal__box .npa-modal__header.shadow{box-shadow:var(--npa-modal-default-header-box-shadow)}:host .npa-modal .npa-modal__box .npa-modal__header .npa-modal__status-icon{margin-right:var(--npa-modal-default-spacing)}:host .npa-modal .npa-modal__box .npa-modal__header .npa-modal__vertical-separator{height:40px;border-left:1px solid var(--npa-modal-default-header-separator-color);margin:0 var(--npa-modal-default-spacing)}:host .npa-modal .npa-modal__box .npa-modal__header .npa-modal__full-window-icon{margin-right:var(--npa-modal-default-spacing)}:host .npa-modal .npa-modal__box .npa-modal__header .npa-modal__title{padding-right:var(--npa-modal-default-spacing);color:inherit}:host .npa-modal .npa-modal__box .npa-modal__header .npa-modal__actions{padding:0}:host .npa-modal .npa-modal__box .npa-modal__header .npa-modal__actions BUTTON:not(:first-of-type){margin-left:12px}:host .npa-modal .npa-modal__box .npa-modal__header .npa-modal__close-control{color:var(--npa-modal-default-close-control-color);cursor:pointer;line-height:1}:host .npa-modal .npa-modal__box .npa-modal__body{overflow:var(--npa-modal-default-body-overflow)}:host .npa-modal .npa-modal__box .npa-modal__actions{display:flex;align-items:center;justify-content:flex-end}:host .npa-modal .npa-modal__box .npa-modal__actions BUTTON:last-of-type{margin-left:12px}:host .npa-modal .npa-modal__box.npa-modal--full-window .npa-modal__close-control{margin-left:0}:host .npa-modal.npa-modal--overlay{background-color:var(--npa-modal-default-overlay-background-color)}:host .npa-modal.npa-modal--padding .npa-modal__body{padding:0 var(--npa-modal-default-padding);margin-bottom:var(--npa-modal-default-padding)}:host .npa-modal.npa-modal--padding .npa-modal__actions{padding:var(--npa-modal-default-padding);padding-top:0}:host .npa-modal.npa-modal--full-window .npa-modal__header{border-bottom:var(--npa-modal-default-header-full-window-border)}:host .npa-modal.npa-modal--full-window .npa-modal__body{padding-top:var(--npa-modal-default-padding)}:host .npa-modal:not(.disabled).npa-modal--small .npa-modal__box{width:326px}:host .npa-modal:not(.disabled).npa-modal--regular .npa-modal__box{width:560px}:host .npa-modal:not(.disabled).npa-modal--medium .npa-modal__box{width:794px}:host .npa-modal:not(.disabled).npa-modal--large .npa-modal__box{width:1026px}:host .npa-modal:not(.disabled).npa-modal--extra-large .npa-modal__box{width:1260px}"]}]}],"members":{"modalContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":49,"character":3},"arguments":["modalContainer",{"static":false}]}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":50,"character":3},"arguments":["modal",{"static":false}]}]}],"modalBody":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":51,"character":3},"arguments":["modalBody",{"static":false}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"buttonsLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"hotRender":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"modalConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"showModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":84,"character":3}}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":85,"character":3}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"onKeydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":118,"character":3},"arguments":["document:keydown",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@circe/core","name":"EventsService","line":125,"character":15},{"__symbolic":"reference","module":"@circe/core","name":"BoxModelService","line":126,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":127,"character":17},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":128,"character":28,"context":{"typeName":"Element"},"module":"./lib/modal.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"animationDone":[{"__symbolic":"method"}],"onClickOutside":[{"__symbolic":"method"}],"_processSize":[{"__symbolic":"method"}],"_processConfiguration":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@circe/core","name":"EventsModule","line":9,"character":4},"member":"forChild"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@circe/core","name":"BoxModelModule","line":10,"character":4},"member":"forChild"}}],"exports":[{"__symbolic":"reference","name":"ModalComponent"}]}]}],"members":{}}},"origins":{"ModalTypes":"./lib/modal.types","ModalSizes":"./lib/modal.types","ModalTypesDefinition":"./lib/modal.types","modalTypes":"./lib/modal.types","ModalSizesKeys":"./lib/modal.types","ModalSizesDefinition":"./lib/modal.types","modalSizes":"./lib/modal.types","modalSizesValues":"./lib/modal.types","MINIMUM_MODAL_HEIGHT":"./lib/modal.types","MINIMUM_MODAL_WIDTH":"./lib/modal.types","ModalConfig":"./lib/modal.types","ModalButtonsLabels":"./lib/modal.types","ModalComponent":"./lib/modal.component","ModalModule":"./lib/modal.module"},"importAs":"@circe/modal"}