{"__symbolic":"module","version":4,"metadata":{"TsConfirmationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/flex-layout","name":"FlexLayoutModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":17,"character":4},{"__symbolic":"reference","module":"@terminus/ui/button","name":"TsButtonModule","line":18,"character":4}],"declarations":[{"__symbolic":"reference","name":"TsConfirmationDirective"},{"__symbolic":"reference","name":"TsConfirmationOverlayComponent"}],"exports":[{"__symbolic":"reference","name":"TsConfirmationDirective"}],"entryComponents":[{"__symbolic":"reference","name":"TsConfirmationOverlayComponent"}]}]}],"members":{}},"TsConfirmationOverlayComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ts-confirmation-overlay","host":{"class":"ts-confirmation"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":19},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"exportAs":"tsConfirmation","template":"<div\n  fxLayout=\"column\"\n>\n  <p *ngIf=\"explanationText\" class=\"ts-confirmation-overlay__explanation\">\n    {{ explanationText }}\n  </p>\n\n  <div\n    fxLayout=\"row\"\n    fxLayoutAlign=\"center space-between\"\n    [fxLayoutGap]=\"gap\"\n  >\n    <ts-button\n      class=\"qa-confirmation-cancel\"\n      theme=\"warn\"\n      format=\"hollow\"\n      (clicked)=\"confirm.next(false)\"\n    >\n      {{ cancelButtonText }}\n    </ts-button>\n\n    <ts-button\n      class=\"qa-confirmation-confirm\"\n      (clicked)=\"confirm.next(true)\"\n    >\n      {{ confirmationButtonText }}\n    </ts-button>\n  </div>\n</div>\n","styles":[".ts-confirmation :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-confirmation h1,.ts-confirmation h2,.ts-confirmation h3,.ts-confirmation h4,.ts-confirmation h5,.ts-confirmation p{margin:unset}.ts-confirmation-overlay{background-color:rgba(250,250,250,.5)}.ts-confirmation-overlay :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-confirmation-overlay h1,.ts-confirmation-overlay h2,.ts-confirmation-overlay h3,.ts-confirmation-overlay h4,.ts-confirmation-overlay h5,.ts-confirmation-overlay p{margin:unset}.ts-confirmation-overlay__panel{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);background-color:#fafafa;display:block;padding:16px}.ts-confirmation-overlay__panel :not(.mat-form-field-label-wrapper){box-sizing:border-box}.ts-confirmation-overlay__panel h1,.ts-confirmation-overlay__panel h2,.ts-confirmation-overlay__panel h3,.ts-confirmation-overlay__panel h4,.ts-confirmation-overlay__panel h5,.ts-confirmation-overlay__panel p{margin:unset}.ts-confirmation-overlay__panel .ts-confirmation-overlay__explanation{margin-bottom:24px}.ts-confirmation-overlay__panel.ts-confirmation-overlay__panel-above::before{content:'';height:0;position:absolute;width:0;z-index:503;border-left:8px solid transparent;border-right:8px solid transparent;top:100%;border-top:12px solid #fafafa;left:50%}.ts-confirmation-overlay__panel.ts-confirmation-overlay__panel-below::before{content:'';height:0;position:absolute;width:0;z-index:503;border-left:8px solid transparent;border-right:8px solid transparent;bottom:100%;border-bottom:12px solid #fafafa;left:50%;transform:translateX(-50%)}.ts-confirmation-overlay__panel.ts-confirmation-overlay__panel-before::before{content:'';height:0;position:absolute;width:0;z-index:503;border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:12px solid #fafafa;right:-12px;top:50%;transform:translateY(-50%)}.ts-confirmation-overlay__panel.ts-confirmation-overlay__panel-after::before{content:'';height:0;position:absolute;width:0;z-index:503;border-bottom:8px solid transparent;border-top:8px solid transparent;border-right:12px solid #fafafa;left:-12px;top:50%;transform:translateY(-50%)}"]}]}],"members":{}},"TsConfirmationOverlayPositionTypes":{"__symbolic":"interface"},"allowedOverlayPositionTypes":["above","below","before","after"],"TsConfirmationDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":66,"character":1},"arguments":[{"selector":"[tsConfirmation]","host":{"class":"ts-confirmation"},"exportAs":"tsConfirmation"}]}],"members":{"confirmationButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"cancelButtonText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"explanationText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"overlayPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"cancelled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":139,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":144,"character":24},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":145,"character":21},{"__symbolic":"reference","module":"@terminus/ui/button","name":"TsButtonComponent","line":146,"character":18},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":147,"character":31}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":158,"character":3},"arguments":["click",["$event"]]}]}],"onKeydownHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":167,"character":3},"arguments":["document:keydown.escape"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"createOverlay":[{"__symbolic":"method"}],"generateOverlayConfig":[{"__symbolic":"method"}],"dismissOverlay":[{"__symbolic":"method"}]}}},"origins":{"TsConfirmationModule":"./confirmation.module","TsConfirmationOverlayComponent":"./confirmation-overlay.component","TsConfirmationOverlayPositionTypes":"./confirmation.directive","allowedOverlayPositionTypes":"./confirmation.directive","TsConfirmationDirective":"./confirmation.directive"},"importAs":"@terminus/ui/confirmation"}