npm - @theseam/ui-common - Versions diffs - 0.3.2 → 0.3.5 - Mend

@theseam/ui-common 0.3.2 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/modal/theseam-ui-common-modal.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TheSeamModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ModalFooterTplDirective"},{"__symbolic":"reference","name":"ModalHeaderIconTplDirective"},{"__symbolic":"reference","name":"ModalHeaderTitleTplDirective"},{"__symbolic":"reference","name":"RouteModalComponent"},{"__symbolic":"reference","name":"ModalDirective"},{"__symbolic":"reference","name":"ModalContainerComponent"},{"__symbolic":"reference","name":"ModalHeaderComponent"},{"__symbolic":"reference","name":"ModalTitleDirective"},{"__symbolic":"reference","name":"ModalBodyComponent"},{"__symbolic":"reference","name":"ModalFooterComponent"},{"__symbolic":"reference","name":"ModalCloseDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":48,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":49,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":54,"character":4}],"exports":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ModalFooterTplDirective"},{"__symbolic":"reference","name":"ModalHeaderIconTplDirective"},{"__symbolic":"reference","name":"ModalHeaderTitleTplDirective"},{"__symbolic":"reference","name":"RouteModalComponent"},{"__symbolic":"reference","name":"ModalDirective"},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":65,"character":4},{"__symbolic":"reference","name":"ModalHeaderComponent"},{"__symbolic":"reference","name":"ModalTitleDirective"},{"__symbolic":"reference","name":"ModalBodyComponent"},{"__symbolic":"reference","name":"ModalFooterComponent"},{"__symbolic":"reference","name":"ModalCloseDirective"}],"providers":[{"__symbolic":"reference","name":"Modal"},{"__symbolic":"reference","name":"THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER"},{"provide":{"__symbolic":"reference","name":"MODAL_REF"},"useValue":{"__symbolic":"reference","name":"ModalRef"}},{"provide":{"__symbolic":"reference","name":"MODAL_CONTAINER"},"useValue":{"__symbolic":"reference","name":"ModalContainerComponent"}},{"provide":{"__symbolic":"reference","name":"MODAL_CONFIG"},"useValue":{"__symbolic":"reference","name":"ModalConfig"}}],"entryComponents":[{"__symbolic":"reference","name":"RouteModalComponent"},{"__symbolic":"reference","name":"ModalContainerComponent"}]}]}],"members":{}},"LIB_MODAL":{"provide":{"__symbolic":"reference","name":"THESEAM_MODAL_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"ModalComponent"},"multi":true},"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"seam-modal","providers":[{"__symbolic":"reference","name":"LIB_MODAL"}],"template":"<ng-template #modalTpl>\n <form ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"_onSubmit()\" class=\"p-4\" style=\"max-width: 800px\">\n <ng-container ngTemplateOutlet=\"modalContent\"></ng-container>\n </form>\n\n <div ngIf=\"!form\" class=\"p-4\" style=\"max-width: 800px\">\n <ng-container ngTemplateOutlet=\"modalContent\"></ng-container>\n </div>\n\n <ng-template #modalContent>\n <div class=\"modal-content\">\n <div class=\"modal-header py-2\">\n <h4 class=\"modal-title\">\n <span class=\"pr-2 modal-header-icon\">\n <ng-container ngIf=\"iconTpl; else noIconTpl\">\n <ng-template\n [ngTemplateOutlet]=\"iconTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon }\">\n </ng-template>\n </ng-container>\n <ng-template #noIconTpl>\n <fa-icon ngIf=\"_iconObj\"\n class=\"modal-header-icon--fa\"\n [icon]=\"_iconObj\"\n size=\"sm\"></fa-icon>\n <img ngIf=\"_iconUrl\"\n class=\"modal-header-icon--img\"\n [src]=\"_iconUrl\" [alt]=\"titleText\">\n </ng-template>\n </span>\n\n <span class=\"modal-header-title\">\n <ng-container ngIf=\"titleTpl; else noTitleTpl\">\n <ng-template\n [ngTemplateOutlet]=\"titleTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: titleText, title: titleText }\">\n </ng-template>\n </ng-container>\n <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n </span>\n </h4>\n <button ngIf=\"showCloseBtn\"\n type=\"button\"\n class=\"close\"\n (click)=\"close()\"\n aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div ngIf=\"_queryFooterTpl\" class=\"modal-footer p-2\">\n <ng-container ngComponentOutlet=\"$any(_queryFooterTpl.template)\"></ng-container>\n </div>\n </div>\n </ng-template>\n</ng-template>\n","styles":[""]}]}],"members":{"closeOnKeyPressed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"showCloseBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":43,"character":12}}]}],"titleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"titleTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"footerTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"modalClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"overlayDetached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"_queryIconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":95,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalHeaderIconTplDirective"},{"static":true}]}]}],"_queryTitleTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":96,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalHeaderTitleTplDirective"},{"static":true}]}]}],"_queryFooterTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":97,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalFooterTplDirective"},{"static":true}]}]}],"_modalTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":3},"arguments":["modalTpl",{"static":true}]}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"formSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":108,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":109,"character":22},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":110,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"_onSubmit":[{"__symbolic":"method"}],"isRouteModal":[{"__symbolic":"method"}]}},"ModalBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-modal-body","template":"<ng-content></ng-content>\n","styles":[":host{display:block}\n"]}]}],"members":{"_modalBodyCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.modal-body"]}]}],"_paddingCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":3},"arguments":["class.p-3"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"throwDialogContentAlreadyAttachedError":{"__symbolic":"function"},"ModalContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalOutlet","line":56,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"seam-modal-container","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":35,"character":4},"arguments":["dialog",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":36,"character":6},"arguments":["enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":21},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":37,"character":6},"arguments":["exit, void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":26},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":38,"character":6},"arguments":[" => enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":38,"character":31},"arguments":["{{enterAnimationDuration}}"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":39,"character":6},"arguments":["* => exit, * => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":39,"character":41},"arguments":["{{exitAnimationDuration}}"]}]}]]}],"host":{"[@dialog]":"{\n value: _state,\n params: {\n enterAnimationDuration: _config.enterAnimationDuration,\n exitAnimationDuration: _config.exitAnimationDuration\n }\n }","(@dialog.start)":"_onAnimationStart($event)","(@dialog.done)":"_animationDone.next($event)","$quoted$":["[@dialog]","(@dialog.start)","(@dialog.done)"]},"template":"<div class=\"modal-content\" [tabindex]=\"-1\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n","styles":[":host[tabindex=\"-1\"]:focus:not(:focus-visible){outline:0!important}\n"]}]}],"members":{"_idAttr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":3},"arguments":["attr.id"]}]}],"_ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":3},"arguments":["attr.aria-label"]}]}],"_ariaDescribedBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":3},"arguments":["attr.aria-describedby"]}]}],"_role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":69,"character":3},"arguments":["attr.role"]}]}],"_seamModalContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":73,"character":3},"arguments":["class.seam-modal-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":81,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":78,"character":36,"context":{"typeName":"HTMLElement"},"module":"./modal-container/modal-container.component"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":79,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":80,"character":32},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"ModalConfig"}]}],"_modalDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":117,"character":3},"arguments":["class.modal-dialog"]}]}],"_modalDialogCentered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":118,"character":3},"arguments":["class.modal-dialog-centered"]}]}],"_modalDialogSm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":120,"character":3},"arguments":["class.modal-sm"]}]}],"_modalDialogLg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":121,"character":3},"arguments":["class.modal-lg"]}]}],"_modalDialogXl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":122,"character":3},"arguments":["class.modal-xl"]}]}],"_portalHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":125,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":125,"character":13},{"static":true}]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":143,"character":3},"arguments":["click",["$event"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_startExiting":[{"__symbolic":"method"}],"_savePreviouslyFocusedElement":[{"__symbolic":"method"}],"_autoFocusFirstTabbableElement":[{"__symbolic":"method"}],"_returnFocusAfterDialog":[{"__symbolic":"method"}]}},"ModalFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-modal-footer","template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"_modalFooterCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.modal-footer"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ModalHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"seam-modal-header","template":"<ng-content></ng-content>\n\n<!-- <button seamModalClose>\n <span aria-hidden=\"true\">×</span>\n</button> -->\n\n<!-- seam-modal-header-close -->\n","styles":[""]}]}],"members":{"_modalHeaderCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["class.modal-header"]}]}],"hasCloseBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"_titleDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalTitleDirective"},{"static":true}]}]}],"_closeDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":17,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalCloseDirective"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"RouteModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-route-modal","template":"<!-- <seam-modal (overlayDetached)=\"_onDetached()\">\n <router-outlet></router-outlet>\n</seam-modal> -->\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":20,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":21,"character":21},{"__symbolic":"reference","name":"Modal"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getOutletParent":[{"__symbolic":"method"}],"_onDetached":[{"__symbolic":"method"}],"isRouteModal":[{"__symbolic":"method"}]}},"ModalCloseDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"button[seamModalClose]","exportAs":"seamModalClose"}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["attr.type"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"_attrAriaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["attr.aria-label"]}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["aria-label"]}]}],"seamModalClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"seamModalNext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"seamModalNextConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":3},"arguments":["click"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":50,"character":36,"context":{"typeName":"HTMLElement"},"module":"./directives/modal-close.directive"}]},{"__symbolic":"reference","name":"Modal"},{"__symbolic":"reference","name":"ModalRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ModalFooterTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamModalFooterTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ModalHeaderIconTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamModalHeaderIconTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ModalHeaderTitleTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamModalHeaderTitleTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ModalTitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamModalTitle]"}]}],"members":{"_modalTitleCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":7,"character":3},"arguments":["class.modal-title"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":36,"context":{"typeName":"HTMLElement"},"module":"./directives/modal-title.directive"}]}]}]}},"ModalDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[seamModal]","exportAs":"seamModal"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":14,"character":33,"context":{"typeName":"HTMLElement"},"module":"./directives/modal.directive"}]},{"__symbolic":"reference","name":"Modal"}]}],"open":[{"__symbolic":"method"}]}},"DialogRole":{"__symbolic":"interface"},"IModalPosition":{"__symbolic":"interface"},"ModalConfig":{"__symbolic":"class","arity":1,"members":{}},"mergeModalConfigs":{"__symbolic":"function","parameters":["a","b"],"value":{}},"LIB_MODAL_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":101,"character":36},"arguments":["seamModalConfig"]},"MODAL_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":8},"arguments":["ModalScrollStrategy"]},"MODAL_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":16,"character":30},"arguments":["ModalData"]},"MODAL_REF":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":19,"character":29},"arguments":["ModalRef"]},"MODAL_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":22,"character":32},"arguments":["ModalConfig"]},"MODAL_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":26,"character":8},"arguments":["ModalContainer"]},"THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":31,"character":9,"module":"./modal-injectors"}},"THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MODAL_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":37,"character":10}],"useFactory":{"__symbolic":"reference","name":"THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"ModalRef":{"__symbolic":"class","arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":25,"character":24},{"__symbolic":"reference","name":"ModalContainerComponent"},{"__symbolic":"reference","name":"string"}]}],"backdropClick":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"keydownEvents":[{"__symbolic":"method"}],"updateSize":[{"__symbolic":"method"}],"_getPositionStrategy":[{"__symbolic":"method"}],"beforeOpened":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"beforeClosed":[{"__symbolic":"method"}],"afterClosed":[{"__symbolic":"method"}]}},"getClosestModal":{"__symbolic":"function"},"IModalContainer":{"__symbolic":"interface"},"THESEAM_MODAL_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":33,"character":43},"arguments":["seamModalContainer"]},"Modal":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":43,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":71,"character":5},"arguments":[{"__symbolic":"reference","name":"MODAL_REF"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":72,"character":5},"arguments":[{"__symbolic":"reference","name":"MODAL_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":73,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":74,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":69,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":70,"character":22},{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"ModalRef"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"Modal"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":74,"character":26},{"__symbolic":"reference","module":"@theseam/ui-common/scrollbar","name":"OverlayScrollbarsService","line":75,"character":25},{"__symbolic":"reference","module":"@theseam/ui-common/dynamic-component-loader","name":"TheSeamDynamicComponentLoader","line":76,"character":43}]}],"getById":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"openFromComponent":[{"__symbolic":"method"}],"openFromTemplate":[{"__symbolic":"method"}],"openFromLazyComponent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerDialogRef":[{"__symbolic":"method"}],"_registerDialogRefScrollEvents":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_attachDialogContainer":[{"__symbolic":"method"}],"_attachDialogContentForComponent":[{"__symbolic":"method"}],"_attachDialogContentForTemplate":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}],"_applyConfigDefaults":[{"__symbolic":"method"}]}}},"origins":{"TheSeamModalModule":"./modal.module","LIB_MODAL":"./modal/modal.component","ModalComponent":"./modal/modal.component","ModalBodyComponent":"./modal-body/modal-body.component","throwDialogContentAlreadyAttachedError":"./modal-container/modal-container.component","ModalContainerComponent":"./modal-container/modal-container.component","ModalFooterComponent":"./modal-footer/modal-footer.component","ModalHeaderComponent":"./modal-header/modal-header.component","RouteModalComponent":"./route-modal/route-modal.component","ModalCloseDirective":"./directives/modal-close.directive","ModalFooterTplDirective":"./directives/modal-footer-tpl.directive","ModalHeaderIconTplDirective":"./directives/modal-header-icon-tpl.directive","ModalHeaderTitleTplDirective":"./directives/modal-header-title-tpl.directive","ModalTitleDirective":"./directives/modal-title.directive","ModalDirective":"./directives/modal.directive","DialogRole":"./modal-config","IModalPosition":"./modal-config","ModalConfig":"./modal-config","mergeModalConfigs":"./modal-config","LIB_MODAL_CONFIG":"./modal-config","MODAL_SCROLL_STRATEGY":"./modal-injectors","MODAL_DATA":"./modal-injectors","MODAL_REF":"./modal-injectors","MODAL_CONFIG":"./modal-injectors","MODAL_CONTAINER":"./modal-injectors","THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY":"./modal-injectors","THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER":"./modal-injectors","ModalRef":"./modal-ref","getClosestModal":"./modal-utils","IModalContainer":"./modal.models","THESEAM_MODAL_CONTAINER":"./modal.models","Modal":"./modal.service"},"importAs":"@theseam/ui-common/modal"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TheSeamModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":32,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ModalFooterTplDirective"},{"__symbolic":"reference","name":"ModalHeaderIconTplDirective"},{"__symbolic":"reference","name":"ModalHeaderTitleTplDirective"},{"__symbolic":"reference","name":"RouteModalComponent"},{"__symbolic":"reference","name":"ModalDirective"},{"__symbolic":"reference","name":"ModalContainerComponent"},{"__symbolic":"reference","name":"ModalHeaderComponent"},{"__symbolic":"reference","name":"ModalTitleDirective"},{"__symbolic":"reference","name":"ModalBodyComponent"},{"__symbolic":"reference","name":"ModalFooterComponent"},{"__symbolic":"reference","name":"ModalCloseDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":48,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":49,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":50,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":51,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":52,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"A11yModule","line":54,"character":4}],"exports":[{"__symbolic":"reference","name":"ModalComponent"},{"__symbolic":"reference","name":"ModalFooterTplDirective"},{"__symbolic":"reference","name":"ModalHeaderIconTplDirective"},{"__symbolic":"reference","name":"ModalHeaderTitleTplDirective"},{"__symbolic":"reference","name":"RouteModalComponent"},{"__symbolic":"reference","name":"ModalDirective"},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":65,"character":4},{"__symbolic":"reference","name":"ModalHeaderComponent"},{"__symbolic":"reference","name":"ModalTitleDirective"},{"__symbolic":"reference","name":"ModalBodyComponent"},{"__symbolic":"reference","name":"ModalFooterComponent"},{"__symbolic":"reference","name":"ModalCloseDirective"}],"providers":[{"__symbolic":"reference","name":"Modal"},{"__symbolic":"reference","name":"THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER"},{"provide":{"__symbolic":"reference","name":"MODAL_REF"},"useValue":{"__symbolic":"reference","name":"ModalRef"}},{"provide":{"__symbolic":"reference","name":"MODAL_CONTAINER"},"useValue":{"__symbolic":"reference","name":"ModalContainerComponent"}},{"provide":{"__symbolic":"reference","name":"MODAL_CONFIG"},"useValue":{"__symbolic":"reference","name":"ModalConfig"}}],"entryComponents":[{"__symbolic":"reference","name":"RouteModalComponent"},{"__symbolic":"reference","name":"ModalContainerComponent"}]}]}],"members":{}},"LIB_MODAL":{"provide":{"__symbolic":"reference","name":"THESEAM_MODAL_CONTAINER"},"useExisting":{"__symbolic":"reference","name":"ModalComponent"},"multi":true},"ModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"seam-modal","providers":[{"__symbolic":"reference","name":"LIB_MODAL"}],"template":"<ng-template #modalTpl>\n <form ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"_onSubmit()\" class=\"p-4\" style=\"max-width: 800px\">\n <ng-container ngTemplateOutlet=\"modalContent\"></ng-container>\n </form>\n\n <div ngIf=\"!form\" class=\"p-4\" style=\"max-width: 800px\">\n <ng-container ngTemplateOutlet=\"modalContent\"></ng-container>\n </div>\n\n <ng-template #modalContent>\n <div class=\"modal-content\">\n <div class=\"modal-header py-2\">\n <h4 class=\"modal-title\">\n <span class=\"pr-2 modal-header-icon\">\n <ng-container ngIf=\"iconTpl; else noIconTpl\">\n <ng-template\n [ngTemplateOutlet]=\"iconTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon }\">\n </ng-template>\n </ng-container>\n <ng-template #noIconTpl>\n <fa-icon ngIf=\"_iconObj\"\n class=\"modal-header-icon--fa\"\n [icon]=\"_iconObj\"\n size=\"sm\"></fa-icon>\n <img ngIf=\"_iconUrl\"\n class=\"modal-header-icon--img\"\n [src]=\"_iconUrl\" [alt]=\"titleText\">\n </ng-template>\n </span>\n\n <span class=\"modal-header-title\">\n <ng-container ngIf=\"titleTpl; else noTitleTpl\">\n <ng-template\n [ngTemplateOutlet]=\"titleTpl\"\n [ngTemplateOutletContext]=\"{ $implicit: titleText, title: titleText }\">\n </ng-template>\n </ng-container>\n <ng-template #noTitleTpl>{{ titleText }}</ng-template>\n </span>\n </h4>\n <button ngIf=\"showCloseBtn\"\n type=\"button\"\n class=\"close\"\n (click)=\"close()\"\n aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n <div class=\"modal-body\">\n <ng-content></ng-content>\n </div>\n <div ngIf=\"_queryFooterTpl\" class=\"modal-footer p-2\">\n <ng-container ngComponentOutlet=\"$any(_queryFooterTpl.template)\"></ng-container>\n </div>\n </div>\n </ng-template>\n</ng-template>\n","styles":[""]}]}],"members":{"closeOnKeyPressed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"showCloseBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":43,"character":12}}]}],"titleText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"titleTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"footerTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"modalClosed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"overlayDetached":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":93,"character":3}}]}],"_queryIconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":95,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalHeaderIconTplDirective"},{"static":true}]}]}],"_queryTitleTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":96,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalHeaderTitleTplDirective"},{"static":true}]}]}],"_queryFooterTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":97,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalFooterTplDirective"},{"static":true}]}]}],"_modalTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":3},"arguments":["modalTpl",{"static":true}]}]}],"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"formSubmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":108,"character":31},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":109,"character":22},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":110,"character":20}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"_onSubmit":[{"__symbolic":"method"}],"isRouteModal":[{"__symbolic":"method"}]}},"ModalBodyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-modal-body","template":"<ng-content></ng-content>\n","styles":[":host{display:block}\n"]}]}],"members":{"_modalBodyCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.modal-body"]}]}],"_paddingCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":10,"character":3},"arguments":["class.p-3"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"throwDialogContentAlreadyAttachedError":{"__symbolic":"function"},"ModalContainerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"BasePortalOutlet","line":56,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"seam-modal-container","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":35,"character":4},"arguments":["dialog",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":36,"character":6},"arguments":["enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":36,"character":21},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":37,"character":6},"arguments":["exit, void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":37,"character":26},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":38,"character":6},"arguments":[" => enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":38,"character":31},"arguments":["{{enterAnimationDuration}}"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":39,"character":6},"arguments":["* => exit, * => void",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":39,"character":41},"arguments":["{{exitAnimationDuration}}"]}]}]]}],"host":{"[@dialog]":"{\n value: _state,\n params: {\n enterAnimationDuration: _config.enterAnimationDuration,\n exitAnimationDuration: _config.exitAnimationDuration\n }\n }","(@dialog.start)":"_onAnimationStart($event)","(@dialog.done)":"_animationDone.next($event)","$quoted$":["[@dialog]","(@dialog.start)","(@dialog.done)"]},"template":"<div class=\"modal-content\" [tabindex]=\"-1\">\n <ng-template cdkPortalOutlet></ng-template>\n</div>\n","styles":[":host[tabindex=\"-1\"]:focus:not(:focus-visible){outline:0!important}\n"]}]}],"members":{"_idAttr":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":3},"arguments":["attr.id"]}]}],"_ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":3},"arguments":["attr.aria-label"]}]}],"_ariaDescribedBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":3},"arguments":["attr.aria-describedby"]}]}],"_role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":69,"character":3},"arguments":["attr.role"]}]}],"_seamModalContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":73,"character":3},"arguments":["class.seam-modal-container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":81,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":81,"character":24}]}],null],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":78,"character":36,"context":{"typeName":"HTMLElement"},"module":"./modal-container/modal-container.component"}]},{"__symbolic":"reference","module":"@angular/cdk/a11y","name":"FocusTrapFactory","line":79,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":80,"character":32},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"ModalConfig"}]}],"_modalDialog":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":117,"character":3},"arguments":["class.modal-dialog"]}]}],"_modalDialogCentered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":118,"character":3},"arguments":["class.modal-dialog-centered"]}]}],"_modalDialogSm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":120,"character":3},"arguments":["class.modal-sm"]}]}],"_modalDialogLg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":121,"character":3},"arguments":["class.modal-lg"]}]}],"_modalDialogXl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":122,"character":3},"arguments":["class.modal-xl"]}]}],"_portalHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":125,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortalOutlet","line":125,"character":13},{"static":true}]}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":143,"character":3},"arguments":["click",["$event"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"attachComponentPortal":[{"__symbolic":"method"}],"attachTemplatePortal":[{"__symbolic":"method"}],"_onAnimationStart":[{"__symbolic":"method"}],"_startExiting":[{"__symbolic":"method"}],"_savePreviouslyFocusedElement":[{"__symbolic":"method"}],"_autoFocusFirstTabbableElement":[{"__symbolic":"method"}],"_returnFocusAfterDialog":[{"__symbolic":"method"}],"getNativeElement":[{"__symbolic":"method"}]}},"ModalFooterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"seam-modal-footer","template":"<ng-content></ng-content>\n","styles":[""]}]}],"members":{"_modalFooterCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":9,"character":3},"arguments":["class.modal-footer"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ModalHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"seam-modal-header","template":"<ng-content></ng-content>\n\n<!-- <button seamModalClose>\n <span aria-hidden=\"true\">×</span>\n</button> -->\n\n<!-- seam-modal-header-close -->\n","styles":[""]}]}],"members":{"_modalHeaderCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":3},"arguments":["class.modal-header"]}]}],"hasCloseBtn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"_titleDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":16,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalTitleDirective"},{"static":true}]}]}],"_closeDirective":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":17,"character":3},"arguments":[{"__symbolic":"reference","name":"ModalCloseDirective"},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"RouteModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"seam-route-modal","template":"<!-- <seam-modal (overlayDetached)=\"_onDetached()\">\n <router-outlet></router-outlet>\n</seam-modal> -->\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":20,"character":20},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":21,"character":21},{"__symbolic":"reference","name":"Modal"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"getOutletParent":[{"__symbolic":"method"}],"_onDetached":[{"__symbolic":"method"}],"isRouteModal":[{"__symbolic":"method"}]}},"ModalCloseDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"button[seamModalClose]","exportAs":"seamModalClose"}]}],"members":{"_attrType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":16,"character":3},"arguments":["attr.type"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"_attrAriaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":21,"character":3},"arguments":["attr.aria-label"]}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3},"arguments":["aria-label"]}]}],"seamModalClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"seamModalNext":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"seamModalNextConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"_onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":33,"character":3},"arguments":["click"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":5}}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":50,"character":36,"context":{"typeName":"HTMLElement"},"module":"./directives/modal-close.directive"}]},{"__symbolic":"reference","name":"Modal"},{"__symbolic":"reference","name":"ModalRef"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ModalFooterTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamModalFooterTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ModalHeaderIconTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamModalHeaderIconTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ModalHeaderTitleTplDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamModalHeaderTitleTpl]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ModalTitleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[seamModalTitle]"}]}],"members":{"_modalTitleCss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":7,"character":3},"arguments":["class.modal-title"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":36,"context":{"typeName":"HTMLElement"},"module":"./directives/modal-title.directive"}]}]}]}},"ModalDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[seamModal]","exportAs":"seamModal"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":14,"character":33,"context":{"typeName":"HTMLElement"},"module":"./directives/modal.directive"}]},{"__symbolic":"reference","name":"Modal"}]}],"open":[{"__symbolic":"method"}]}},"DialogRole":{"__symbolic":"interface"},"IModalPosition":{"__symbolic":"interface"},"ModalConfig":{"__symbolic":"class","arity":1,"members":{}},"mergeModalConfigs":{"__symbolic":"function","parameters":["a","b"],"value":{}},"LIB_MODAL_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":101,"character":36},"arguments":["seamModalConfig"]},"MODAL_SCROLL_STRATEGY":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":13,"character":8},"arguments":["ModalScrollStrategy"]},"MODAL_DATA":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":16,"character":30},"arguments":["ModalData"]},"MODAL_REF":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":19,"character":29},"arguments":["ModalRef"]},"MODAL_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":22,"character":32},"arguments":["ModalConfig"]},"MODAL_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":26,"character":8},"arguments":["ModalContainer"]},"THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY":{"__symbolic":"function","parameters":["overlay"],"value":{"__symbolic":"error","message":"Lambda not supported","line":31,"character":9,"module":"./modal-injectors"}},"THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER":{"provide":{"__symbolic":"reference","name":"MODAL_SCROLL_STRATEGY"},"deps":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":37,"character":10}],"useFactory":{"__symbolic":"reference","name":"THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY"}},"ModalRef":{"__symbolic":"class","arity":2,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayRef","line":29,"character":24},{"__symbolic":"reference","name":"ModalContainerComponent"},{"__symbolic":"reference","name":"string"}]}],"_initCloseOnClickOutside":[{"__symbolic":"method"}],"backdropClick":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"updatePosition":[{"__symbolic":"method"}],"keydownEvents":[{"__symbolic":"method"}],"updateSize":[{"__symbolic":"method"}],"_getPositionStrategy":[{"__symbolic":"method"}],"beforeOpened":[{"__symbolic":"method"}],"afterOpened":[{"__symbolic":"method"}],"beforeClosed":[{"__symbolic":"method"}],"afterClosed":[{"__symbolic":"method"}]}},"getClosestModal":{"__symbolic":"function"},"IModalContainer":{"__symbolic":"interface"},"THESEAM_MODAL_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":33,"character":43},"arguments":["seamModalContainer"]},"Modal":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":43,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":71,"character":5},"arguments":[{"__symbolic":"reference","name":"MODAL_REF"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":72,"character":5},"arguments":[{"__symbolic":"reference","name":"MODAL_SCROLL_STRATEGY"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":73,"character":17}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":74,"character":5}}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":69,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":70,"character":22},{"__symbolic":"reference","name":"Type","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"ModalRef"}]},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"Modal"},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":74,"character":26},{"__symbolic":"reference","module":"@theseam/ui-common/scrollbar","name":"OverlayScrollbarsService","line":75,"character":25},{"__symbolic":"reference","module":"@theseam/ui-common/dynamic-component-loader","name":"TheSeamDynamicComponentLoader","line":76,"character":43}]}],"getById":[{"__symbolic":"method"}],"closeAll":[{"__symbolic":"method"}],"openFromComponent":[{"__symbolic":"method"}],"openFromTemplate":[{"__symbolic":"method"}],"openFromLazyComponent":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerDialogRef":[{"__symbolic":"method"}],"_registerDialogRefScrollEvents":[{"__symbolic":"method"}],"_createOverlay":[{"__symbolic":"method"}],"_attachDialogContainer":[{"__symbolic":"method"}],"_attachDialogContentForComponent":[{"__symbolic":"method"}],"_attachDialogContentForTemplate":[{"__symbolic":"method"}],"_createInjector":[{"__symbolic":"method"}],"_applyConfigDefaults":[{"__symbolic":"method"}]}}},"origins":{"TheSeamModalModule":"./modal.module","LIB_MODAL":"./modal/modal.component","ModalComponent":"./modal/modal.component","ModalBodyComponent":"./modal-body/modal-body.component","throwDialogContentAlreadyAttachedError":"./modal-container/modal-container.component","ModalContainerComponent":"./modal-container/modal-container.component","ModalFooterComponent":"./modal-footer/modal-footer.component","ModalHeaderComponent":"./modal-header/modal-header.component","RouteModalComponent":"./route-modal/route-modal.component","ModalCloseDirective":"./directives/modal-close.directive","ModalFooterTplDirective":"./directives/modal-footer-tpl.directive","ModalHeaderIconTplDirective":"./directives/modal-header-icon-tpl.directive","ModalHeaderTitleTplDirective":"./directives/modal-header-title-tpl.directive","ModalTitleDirective":"./directives/modal-title.directive","ModalDirective":"./directives/modal.directive","DialogRole":"./modal-config","IModalPosition":"./modal-config","ModalConfig":"./modal-config","mergeModalConfigs":"./modal-config","LIB_MODAL_CONFIG":"./modal-config","MODAL_SCROLL_STRATEGY":"./modal-injectors","MODAL_DATA":"./modal-injectors","MODAL_REF":"./modal-injectors","MODAL_CONFIG":"./modal-injectors","MODAL_CONTAINER":"./modal-injectors","THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER_FACTORY":"./modal-injectors","THESEAM_MODAL_SCROLL_STRATEGY_PROVIDER":"./modal-injectors","ModalRef":"./modal-ref","getClosestModal":"./modal-utils","IModalContainer":"./modal.models","THESEAM_MODAL_CONTAINER":"./modal.models","Modal":"./modal.service"},"importAs":"@theseam/ui-common/modal"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "0.3.2",
+  "version": "0.3.5",
   "peerDependencies": {
     "@angular/cdk": "^12.0.2",
     "@angular/common": "^12.0.2",

package/widget/styles/_variables.scss CHANGED Viewed

@@ -23,6 +23,7 @@ $seam-widget-tile-background-color-hover: #f4f4f4 !default;
 $seam-widget-tile-border-color: $border-color !default;
 $seam-widget-tile-border-radius: 10px !default;
 $seam-widget-tile-margin-bottom: 0.5rem !default;
+$seam-widget-tile-padding: 4px !default;
 $seam-widget-tile-footer-item-font-size: 12px !default;