Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
vlcomponents
Advanced tools
vlcomponents - npm Package Compare versions
Comparing version 0.0.5 to 0.0.6
@@ -526,3 +526,3 @@ (function (global, factory) { | ||
| template: "<div\n class=\"wrapper\"\n [class.icon]=\"iconClass !== undefined\"\n [class.button]=\"button\"\n [class.secondary]=\"button && secondary\"\n [class.active]=\"active\"\n [class.contextual]=\"contextual\"\n [class.dropdown]=\"dropdown\"\n [class.focus]=\"focus\"\n [class.disabled]=\"disabled\"\n >\n <a\n [class.mat-flat-button]=\"!button\"\n [class.mat-button]=\"button\"\n href=\"{{ href }}\"\n [class.contextual]=\"contextual\"\n >\n <i *ngIf=\"iconClass\" class=\"material-icons\">{{ iconClass }}</i>\n <span *ngIf=\"text\" [class]=\"typographyClass\">\n {{ text }}\n </span>\n </a>\n\n <i *ngIf=\"dropdown\" class=\"dropdown-icon\"></i>\n\n <i *ngIf=\"contextual\" class=\"material-icons contextual-icon\">arrow_right_alt</i>\n </div>\n\n <vl-flyout\n *ngIf=\"actionItems.length\"\n [items]=\"actionItems\"\n class=\"mat-body-semi-bold-3\"\n [style.display]=\"showFlyout ? 'block' : 'none'\"\n ></vl-flyout>\n ", | ||
| styles: ["/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-block;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: inline-block;\n vertical-align: top;\n color: inherit;\n }\n :host .wrapper a i,\n :host .wrapper a span {\n vertical-align: top;\n }\n :host .wrapper .contextual-icon {\n position: relative;\n top: -3px;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: \"\";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n margin-top: -2px;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n "] | ||
| styles: ["/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-flex;\n align-items: center;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: flex;\n color: inherit;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: \"\";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n line-height: inherit;\n }\n :host .wrapper.icon a {\n text-decoration: none;\n }\n :host .wrapper.icon a span {\n text-decoration: underline;\n margin-left: 0.25em;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n "] | ||
| }) | ||
@@ -785,4 +785,104 @@ // eslint-disable-next-line import/prefer-default-export | ||
| var template$3 = "<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <div class=\"left-col\">\n <header *ngIf=\"!!data.headline\">\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"mat-body-semi-bold-3\">\n {{ data.message }}\n </div>\n </div>\n <div class=\"right-col\">\n <i class=\"material-icons close\" (click)=\"close()\">cancel</i>\n </div>\n</div>"; | ||
| var style$2 = "/* VL Custom Colors */\n.modal {\n width: 400px;\n padding: 1em;\n color: #282828;\n border-style: solid;\n border-width: 3px;\n border-radius: 5px;\n display: flex;\n}\n.modal.success {\n border-color: rgba(75, 192, 101, 0.75);\n background-color: rgba(75, 192, 101, 0.15);\n}\n.modal.success .icon,\n.modal.success .close {\n color: rgba(75, 192, 101, 0.75);\n}\n.modal.error {\n border-color: rgba(206, 0, 11, 0.75);\n background-color: rgba(206, 0, 11, 0.15);\n}\n.modal.error .icon,\n.modal.error .close {\n color: rgba(206, 0, 11, 0.75);\n}\n.modal.warn {\n border-color: rgba(249, 176, 18, 0.75);\n background-color: rgba(249, 176, 18, 0.15);\n}\n.modal.warn .icon,\n.modal.warn .close {\n color: rgba(249, 176, 18, 0.75);\n}\n.modal.info {\n border-color: rgba(0, 136, 220, 0.75);\n background-color: rgba(0, 136, 220, 0.15);\n}\n.modal.info .icon,\n.modal.info .close {\n color: rgba(0, 136, 220, 0.75);\n}\n.modal header {\n display: flex;\n}\n.modal header .icon {\n font-size: 32px;\n font-weight: 900;\n padding-right: 5px;\n}\n.modal header .icon,\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .close {\n cursor: pointer;\n}\n.modal .left-col {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.modal .right-col {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n"; | ||
| var template$3 = "\n<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <header class=\"header\">\n <div *ngIf=\"!!data.headline\" class=\"icon-wrapper\">\n <div class=\"background-wrapper\"><i class=\"background\"></i></div>\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n </div>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"body mat-body-2\" [innerHTML]=\"data.message\">\n </div>\n <footer>\n <vl-link class=\"footer\" button=\"true\" text=\"okay\"></vl-link>\n</footer>\n</div>"; | ||
| var style$2 = "/* VL Custom Colors */\n.modal {\n position: relative;\n width: 300px;\n padding: 2em;\n color: #282828;\n}\n.modal.success .icon {\n background-color: rgba(75, 192, 101, 0.85);\n}\n.modal.error .icon {\n background-color: rgba(206, 0, 11, 0.85);\n}\n.modal.warn .icon {\n background-color: rgba(249, 176, 18, 0.85);\n}\n.modal.info .icon {\n background-color: rgba(0, 136, 220, 0.85);\n}\n.modal .header, .modal .body, .modal .footer {\n display: flex;\n}\n.modal .header, .modal .body {\n flex-direction: column;\n align-items: center;\n}\n.modal .header {\n margin-top: 1.5em;\n}\n.modal .footer {\n flex-direction: row;\n justify-content: space-around;\n margin-top: 1em;\n}\n.modal header .icon-wrapper {\n position: absolute;\n top: -78px;\n left: calc(50% - 78px);\n}\n.modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .background {\n display: inline-block;\n}\n.modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .icon {\n position: absolute;\n}\n.modal header .icon-wrapper .background-wrapper {\n position: relative;\n display: inline-block;\n width: 156px;\n height: 78px;\n overflow: hidden;\n}\n.modal header .icon-wrapper .background {\n position: relative;\n left: calc(50% - 28px);\n top: 50px;\n width: 56px;\n height: 56px;\n background-color: #fff;\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n}\n.modal header .icon-wrapper .icon, .modal header .icon-wrapper .background {\n border-radius: 50%;\n}\n.modal header .icon-wrapper .icon {\n color: #fff;\n padding: 10px;\n top: 56px;\n left: calc(50% - 22px);\n}\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .body {\n text-align: center;\n}\n.modal .close {\n cursor: pointer;\n}\n"; | ||
| var ModalConfig = /** @class */ (function () { | ||
| function ModalConfig(data) { | ||
| // leave out the following in order to get a backdrop | ||
| // backdropClass = 'modal-notification-backdrop'; | ||
| this.panelClass = 'modal-notification-panel'; | ||
| this.data = data; | ||
| } | ||
| return ModalConfig; | ||
| }()); | ||
| (function (ModalType) { | ||
| ModalType["success"] = "success"; | ||
| ModalType["error"] = "error"; | ||
| ModalType["warn"] = "warn"; | ||
| ModalType["info"] = "info"; | ||
| })(exports.ModalType || (exports.ModalType = {})); | ||
| (function (ModalHeadline) { | ||
| ModalHeadline["complete"] = "Complete"; | ||
| ModalHeadline["wellDone"] = "Well Done"; | ||
| ModalHeadline["sorry"] = "Sorry"; | ||
| ModalHeadline["oops"] = "Oops"; | ||
| ModalHeadline["warning"] = "Warning"; | ||
| ModalHeadline["remember"] = "Remember"; | ||
| ModalHeadline["importantInfo"] = "Important Info"; | ||
| ModalHeadline["didYouKnow"] = "Did You Know?"; | ||
| })(exports.ModalHeadline || (exports.ModalHeadline = {})); | ||
| var ModalNotificationComponent = /** @class */ (function () { | ||
| function ModalNotificationComponent(dialogRef, data) { | ||
| this.dialogRef = dialogRef; | ||
| this.data = data; | ||
| console.log(this.dialogRef); | ||
| } | ||
| ModalNotificationComponent.prototype.getIconClass = function () { | ||
| switch (this.data.type) { | ||
| case exports.ModalType.success: | ||
| return 'done'; | ||
| case exports.ModalType.error: | ||
| return 'error_outline'; | ||
| case exports.ModalType.warn: | ||
| return 'warning'; | ||
| case exports.ModalType.info: | ||
| default: | ||
| return 'info'; | ||
| } | ||
| }; | ||
| ModalNotificationComponent.prototype.autoClose = function () { | ||
| return this.data.closeAfter != null; | ||
| }; | ||
| ModalNotificationComponent.prototype.ngOnInit = function () { | ||
| var _this = this; | ||
| if (this.data.type === undefined) { | ||
| this.data.type = exports.ModalType.info; | ||
| } | ||
| if (this.data.closeAfter === undefined) { | ||
| this.data.closeAfter = 1000000; | ||
| } | ||
| if (this.autoClose()) { | ||
| setTimeout(function () { | ||
| _this.close(); | ||
| }, this.data.closeAfter); | ||
| } | ||
| }; | ||
| ModalNotificationComponent.prototype.close = function () { | ||
| this.dialogRef.close(); | ||
| }; | ||
| ModalNotificationComponent.ctorParameters = function () { return [ | ||
| { type: dialog.MatDialogRef }, | ||
| { type: undefined, decorators: [{ type: core.Inject, args: [dialog.MAT_DIALOG_DATA,] }] } | ||
| ]; }; | ||
| ModalNotificationComponent = __decorate([ | ||
| core.Component({ | ||
| selector: 'vl-modal-notification', | ||
| template: template$3, | ||
| styles: [style$2] | ||
| }), | ||
| __param(1, core.Inject(dialog.MAT_DIALOG_DATA)) | ||
| ], ModalNotificationComponent); | ||
| return ModalNotificationComponent; | ||
| }()); | ||
| var ModalNotificationModule = /** @class */ (function () { | ||
| function ModalNotificationModule() { | ||
| } | ||
| ModalNotificationModule = __decorate([ | ||
| core.NgModule({ | ||
| declarations: [ModalNotificationComponent], | ||
| exports: [ModalNotificationComponent], | ||
| imports: [ | ||
| common.CommonModule, | ||
| LinkModule, | ||
| FlyoutModule, | ||
| ] | ||
| }) | ||
| ], ModalNotificationModule); | ||
| return ModalNotificationModule; | ||
| }()); | ||
| var template$4 = "<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <div class=\"left-col\">\n <header *ngIf=\"!!data.headline\">\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"mat-body-semi-bold-3\">\n {{ data.message }}\n </div>\n </div>\n <div class=\"right-col\">\n <i class=\"material-icons close\" (click)=\"close()\">cancel</i>\n </div>\n</div>"; | ||
| var style$3 = "/* VL Custom Colors */\n.modal {\n width: 400px;\n padding: 1em;\n color: #282828;\n border-style: solid;\n border-width: 3px;\n border-radius: 5px;\n display: flex;\n}\n.modal.success {\n border-color: rgba(75, 192, 101, 0.75);\n background-color: rgba(75, 192, 101, 0.15);\n}\n.modal.success .icon,\n.modal.success .close {\n color: rgba(75, 192, 101, 0.75);\n}\n.modal.error {\n border-color: rgba(206, 0, 11, 0.75);\n background-color: rgba(206, 0, 11, 0.15);\n}\n.modal.error .icon,\n.modal.error .close {\n color: rgba(206, 0, 11, 0.75);\n}\n.modal.warn {\n border-color: rgba(249, 176, 18, 0.75);\n background-color: rgba(249, 176, 18, 0.15);\n}\n.modal.warn .icon,\n.modal.warn .close {\n color: rgba(249, 176, 18, 0.75);\n}\n.modal.info {\n border-color: rgba(0, 136, 220, 0.75);\n background-color: rgba(0, 136, 220, 0.15);\n}\n.modal.info .icon,\n.modal.info .close {\n color: rgba(0, 136, 220, 0.75);\n}\n.modal header {\n display: flex;\n}\n.modal header .icon {\n font-size: 32px;\n font-weight: 900;\n padding-right: 5px;\n}\n.modal header .icon,\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .close {\n cursor: pointer;\n}\n.modal .left-col {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.modal .right-col {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n"; | ||
| var ToastConfig = /** @class */ (function () { | ||
@@ -860,4 +960,4 @@ function ToastConfig(data) { | ||
| selector: 'vl-toast-notification', | ||
| template: template$3, | ||
| styles: [style$2] | ||
| template: template$4, | ||
| styles: [style$3] | ||
| }), | ||
@@ -894,2 +994,5 @@ __param(1, core.Inject(dialog.MAT_DIALOG_DATA)) | ||
| exports.LinkModule = LinkModule; | ||
| exports.ModalConfig = ModalConfig; | ||
| exports.ModalNotificationComponent = ModalNotificationComponent; | ||
| exports.ModalNotificationModule = ModalNotificationModule; | ||
| exports.ProgressIndicatorComponent = ProgressIndicatorComponent; | ||
@@ -896,0 +999,0 @@ exports.ProgressIndicatorModule = ProgressIndicatorModule; |
@@ -1,2 +0,2 @@ | ||
| !function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/checkbox"),require("generate-schema"),require("@angular/material/sort"),require("@angular/material/table"),require("@angular/material/paginator"),require("@angular/material/select"),require("@angular/material/dialog")):"function"==typeof define&&define.amd?define("vlcomponents",["exports","@angular/core","@angular/common","@angular/material/checkbox","generate-schema","@angular/material/sort","@angular/material/table","@angular/material/paginator","@angular/material/select","@angular/material/dialog"],t):t((n=n||self).vlcomponents={},n.ng.core,n.ng.common,n.ng.material.checkbox,n.GenerateSchema,n.ng.material.sort,n.ng.material.table,n.ng.material.paginator,n.ng.material.select,n.ng.material.dialog)}(this,(function(n,t,e,o,r,a,i,l,s,p){"use strict";r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;function c(n,t,e,o){var r,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,t,e,o);else for(var l=n.length-1;l>=0;l--)(r=n[l])&&(i=(a<3?r(i):a>3?r(t,e,i):r(t,e))||i);return a>3&&i&&Object.defineProperty(t,e,i),i}function d(n){var t="function"==typeof Symbol&&Symbol.iterator,e=t&&n[t],o=0;if(e)return e.call(n);if(n&&"number"==typeof n.length)return{next:function(){return n&&o>=n.length&&(n=void 0),{value:n&&n[o++],done:!n}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}var u=function(){function n(){}return n.prototype.ngOnInit=function(){},c([t.Input()],n.prototype,"text",void 0),c([t.Input()],n.prototype,"disabled",void 0),c([t.Input()],n.prototype,"checked",void 0),c([t.Input()],n.prototype,"focus",void 0),n=c([t.Component({selector:"vl-checkbox",template:'<mat-checkbox\n [disabled]="disabled"\n [checked]="checked"\n [class.mat-checkbox-focused]="focus"\n >\n {{ text }}\n </mat-checkbox>\n ',styles:["\n :host {\n height: 20px;\n line-height: 20px;\n padding: 10px;\n }\n "]})],n)}(),m=function(){function n(){}return n=c([t.NgModule({exports:[u],declarations:[u],imports:[e.CommonModule,o.MatCheckboxModule]})],n)}();var h=function(){function n(){this.schema={},this.columnHeaderTitles={},this.columnData={},this.columns=[],this.pageSize=20}return n.prototype.ngOnInit=function(){var n=this;if(this.columnHeaderTitles=function(n){var t,e,o=[];try{for(var r=d(Object.keys(n)),a=r.next();!a.done;a=r.next()){var i=a.value;"string"==typeof n[i]?o[i]=n[i]:o[i]=n[i].title}}catch(n){t={error:n}}finally{try{a&&!a.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}return o}(this.columns),this.columnHeaders=Object.keys(this.columnHeaderTitles),this.columnData=function(n){var t,e,o={},r=function(t){"string"==typeof n[t]?o[t]={type:"text",title:t}:o[t]=n[t],void 0===o[t].type&&(o[t].type="text"),"link"===o[t].type&&void 0===o[t].getLink&&(o[t].link?o[t].getLink=function(){return o[t].link}:o[t].getLink=function(){return"#"}),void 0===o[t].getContent&&(void 0===o[t].source?o[t].getContent=function(n){return n}:o[t].getContent=function(){return""}),void 0===o[t].getIconClass&&(o[t].getIconClass=function(){return o[t].iconClass}),void 0===o[t].getClass&&(o[t].getClass=function(){return o[t].class||""}),void 0===o[t].sort&&(o[t].sort=!1)};try{for(var a=d(Object.keys(n)),i=a.next();!i.done;i=a.next()){r(i.value)}}catch(n){t={error:n}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}return o}(this.columns),this.data&&this.dataSource)throw new Error("DataTable cannot accept both data and dataSource inputs");if(this.dataSource)this.dataSource.subscribe((function(t){n.data=t,n.schema=r.json(n.data).items,n.sortedData=new i.MatTableDataSource(n.data),n.sortedData.sort=n.sort,n.sortedData.paginator=n.paginator}));else{if(!this.data)throw new Error("Must pass either data or dataSource inputs");this.schema=r.json(this.data).items,this.sortedData=new i.MatTableDataSource(this.data),this.sortedData.sort=this.sort,this.sortedData.paginator=this.paginator}},c([t.Input()],n.prototype,"columns",void 0),c([t.Input()],n.prototype,"dataSource",void 0),c([t.Input()],n.prototype,"data",void 0),c([t.Input()],n.prototype,"pageSize",void 0),c([t.ViewChild(a.MatSort,{static:!0})],n.prototype,"sort",void 0),c([t.ViewChild(l.MatPaginator,{static:!0})],n.prototype,"paginator",void 0),n=c([t.Component({selector:"vl-data-table",template:'<div class="wrapper mat-typography">\n\n <table mat-table [dataSource]="sortedData" matSort>\n\n <ng-container\n *ngFor="let property of columnHeaders"\n matColumnDef="{{property}}"\n >\n\n\n \x3c!-- header --\x3e\n <th\n *matHeaderCellDef\n mat-header-cell\n mat-sort-header\n [disabled]="!columnData[property].sort"\n >\n <span\n class="mat-body-semi-bold-3"\n >{{ columnHeaderTitles[property] }}\n </span>\n </th>\n\n\n \x3c!-- Cells --\x3e\n <td mat-cell *matCellDef="let item">\n\n\n \x3c!-- Basic text cells --\x3e\n <div\n *ngIf="columnData[property].type === \'text\' || columnData[property].type === \'email\'"\n class="mat-body-3 cell-text {{ columnData[property].getClass(item[property]) }}"\n [class.email]="columnData[property].type === \'email\'"\n >\n <i *ngIf="columnData[property].getIconClass" class="material-icons icon">{{ columnData[property].getIconClass(item[property]) }}</i>\n <span>\n {{ columnData[property].getContent(item[property]) }}\n </span>\n\n </div>\n\n\n\x3c!-- Decimal Cells--\x3e\n <div\n *ngIf="columnData[property].type === \'decimal\'"\n class="mat-body-3 cell-decimal {{ columnData[property].getClass(item[property]) }}"\n >\n <i *ngIf="columnData[property].getIconClass" class="material-icons icon">{{ columnData[property].getIconClass(item[property]) }}</i>\n <span>\n {{ columnData[property].getContent(item[property]) | number:\'1.2-2\':\'en\' }}\n </span>\n </div>\n\n\n \x3c!-- Link cells --\x3e\n <div\n *ngIf="columnData[property].type === \'link\'"\n class="cell-link cell-text {{ columnData[property].getClass(item[property]) }}"\n >\n <vl-link\n [href]="columnData[property].getLink(item)"\n [text]="columnData[property].getContent(item[property])"\n class="no-padding"\n typographyClass="mat-body-3"\n ></vl-link>\n </div>\n\n\x3c!-- Icon Cells--\x3e\n <div\n *ngIf="columnData[property].type === \'icon\'"\n class="mat-body-3 cell-text {{ columnData[property].getClass(item[property]) }}"\n [class.cell-icon]="columnData[property].type === \'icon\'"\n (click)="columnData[property].onClick(item)"\n >\n <i class="material-icons icon">{{ columnData[property].getIconClass(item[property]) }}</i>\n </div>\n\n\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef="columnHeaders"></tr>\n <tr mat-row *matRowDef="let row; columns: columnHeaders;"></tr>\n\n </table>\n\n <mat-paginator pageSize="{{pageSize}}"></mat-paginator>\n\n</div>',styles:["/* VL Custom Colors */\n:host {\n display: inline-block;\n}\n\n.wrapper {\n border: 1px solid #c5c5c5;\n border-radius: 5px;\n overflow: hidden;\n}\n.wrapper table {\n width: 100%;\n}\n.wrapper tr.mat-header-row,\n.wrapper tr.mat-row {\n height: 50px;\n}\n.wrapper th.mat-header-cell:first-of-type,\n.wrapper td.mat-cell:first-of-type,\n.wrapper td.mat-footer-cell:first-of-type {\n padding-left: 20px;\n}\n.wrapper th.mat-header-cell,\n.wrapper td.mat-cell,\n.wrapper td.mat-footer-cell {\n padding-right: 40px;\n}\n.wrapper .mat-header-row {\n background-color: #282828;\n}\n.wrapper .mat-header-cell {\n color: #fff;\n}\n.wrapper .mat-row:nth-child(even) {\n background-color: #f6f6f6;\n}\n.wrapper .header-decimal {\n text: right;\n}\n.wrapper .cell-text,\n.wrapper .cell-decimal,\n.wrapper .cell-email,\n.wrapper .cell-icon {\n white-space: nowrap;\n}\n.wrapper .cell-text span,\n.wrapper .cell-decimal span,\n.wrapper .cell-email span,\n.wrapper .cell-icon span {\n display: inline-block;\n}\n.wrapper .cell-decimal {\n text-align: right;\n}\n.wrapper .cell-icon {\n color: #0088dc;\n}\n.wrapper .cell-icon .icon {\n cursor: pointer;\n}\n.wrapper .cell-text:not(.email) {\n text-transform: capitalize;\n}\n.wrapper .icon {\n vertical-align: top;\n font-size: 16px;\n margin-right: 5px;\n}\n.wrapper .mat-sort-header-indicator {\n display: none;\n}\n"]})],n)}(),f=function(){function n(){this.href="#",this.typographyClass="",this.button=!1,this.secondary=!1,this.active=!1,this.contextual=!1,this.dropdown=!1,this.actionItems=[],this.focus=!1,this.disabled=!1}return Object.defineProperty(n.prototype,"isIcon",{get:function(){return void 0!==this.iconClass},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"isContextual",{get:function(){return this.contextual},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"isFocused",{get:function(){return this.focus},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),n.prototype.onClick=function(n){n.preventDefault(),this.actionItems&&(this.showFlyout=!this.showFlyout)},n.prototype.ngOnInit=function(){this.actionItems&&(this.showFlyout=!1),this.button&&!this.typographyClass&&(this.typographyClass="mat-body-bold-2")},c([t.Input()],n.prototype,"href",void 0),c([t.Input()],n.prototype,"text",void 0),c([t.Input()],n.prototype,"typographyClass",void 0),c([t.Input()],n.prototype,"iconClass",void 0),c([t.HostBinding("class.icon")],n.prototype,"isIcon",null),c([t.Input()],n.prototype,"button",void 0),c([t.Input()],n.prototype,"secondary",void 0),c([t.Input()],n.prototype,"active",void 0),c([t.Input()],n.prototype,"contextual",void 0),c([t.Input()],n.prototype,"dropdown",void 0),c([t.HostBinding("class.contextual")],n.prototype,"isContextual",null),c([t.Input()],n.prototype,"actionItems",void 0),c([t.Input()],n.prototype,"focus",void 0),c([t.HostBinding("class.focus")],n.prototype,"isFocused",null),c([t.Input()],n.prototype,"disabled",void 0),c([t.HostBinding("class.disabled")],n.prototype,"isDisabled",null),c([t.HostListener("click",["$event"])],n.prototype,"onClick",null),n=c([t.Component({selector:"vl-link",template:'<div\n class="wrapper"\n [class.icon]="iconClass !== undefined"\n [class.button]="button"\n [class.secondary]="button && secondary"\n [class.active]="active"\n [class.contextual]="contextual"\n [class.dropdown]="dropdown"\n [class.focus]="focus"\n [class.disabled]="disabled"\n >\n <a\n [class.mat-flat-button]="!button"\n [class.mat-button]="button"\n href="{{ href }}"\n [class.contextual]="contextual"\n >\n <i *ngIf="iconClass" class="material-icons">{{ iconClass }}</i>\n <span *ngIf="text" [class]="typographyClass">\n {{ text }}\n </span>\n </a>\n\n <i *ngIf="dropdown" class="dropdown-icon"></i>\n\n <i *ngIf="contextual" class="material-icons contextual-icon">arrow_right_alt</i>\n </div>\n\n <vl-flyout\n *ngIf="actionItems.length"\n [items]="actionItems"\n class="mat-body-semi-bold-3"\n [style.display]="showFlyout ? \'block\' : \'none\'"\n ></vl-flyout>\n ',styles:['/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-block;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: inline-block;\n vertical-align: top;\n color: inherit;\n }\n :host .wrapper a i,\n :host .wrapper a span {\n vertical-align: top;\n }\n :host .wrapper .contextual-icon {\n position: relative;\n top: -3px;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: "";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n margin-top: -2px;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n ']})],n)}(),g=function(){function n(){this.items=[]}return n.prototype.ngOnInit=function(){},c([t.Input()],n.prototype,"items",void 0),n=c([t.Component({selector:"vl-flyout",template:'<div class="wrapper">\n <div\n *ngFor="let item of items"\n class="item"\n [class.icon-and-text]="item.iconClass && item.text"\n [class.active]="item.active"\n [class.selected]="item.selected"\n >\n <i *ngIf="item.iconClass" class="material-icons icon">{{ item.iconClass }}</i>\n {{ item.text }}\n </div>\n </div>\n ',styles:['/* VL Custom Colors */\n :host {\n position: relative;\n display: inline-block;\n padding: 20px 0;\n border: 2px solid #ececec;\n border-radius: 5px;\n box-shadow: 0 0 10px #ececec;\n background-color: #fff;\n white-space: nowrap;\n }\n :host .item {\n padding: 5px 20px;\n cursor: pointer;\n }\n :host .item:hover, :host .item.active {\n background-color: #c8eaff;\n color: #0065a3;\n }\n :host .item.selected {\n color: #0065a3;\n }\n :host .icon {\n vertical-align: middle;\n }\n :host .item.icon-and-text .icon {\n margin-right: 5px;\n }\n :host:before {\n content: "";\n display: block;\n height: 0;\n border: 5.5px solid transparent;\n border-bottom: 7px solid #ececec;\n position: absolute;\n top: -15px;\n left: 8px;\n }\n :host:after {\n content: "";\n display: block;\n height: 0;\n border: 5.5px solid transparent;\n border-bottom: 7px solid #fff;\n position: absolute;\n top: -12px;\n left: 8px;\n }\n ']})],n)}(),b=function(){function n(){}return n=c([t.NgModule({exports:[g],declarations:[g],imports:[e.CommonModule]})],n)}(),y=function(){function n(){}return n=c([t.NgModule({exports:[f],declarations:[f],imports:[e.CommonModule,b]})],n)}(),w=function(){function n(){}return n=c([t.NgModule({exports:[h],declarations:[h],imports:[e.CommonModule,y,i.MatTableModule,l.MatPaginatorModule,a.MatSortModule]})],n)}();function x(n){return void 0===n.value&&(n.value=n.text?n.text.toLowerCase().replace(/ /g,"-"):null),n}function v(n){for(var t=0;t<n.length;t+=1)n[t]=x(n[t]);return n}function C(n){var t,e;try{for(var o=d(Object.keys(n)),r=o.next();!r.done;r=o.next()){var a=r.value;n[a]=v(n[a])}}catch(n){t={error:n}}finally{try{r&&!r.done&&(e=o.return)&&e.call(o)}finally{if(t)throw t.error}}return n}var k,I,D=function(){function n(){this.items=[],this.placeholder=null,this.disabled=!1}return n.prototype.ngOnInit=function(){if(this.items&&(this.items=v(this.items)),this.itemGroups&&(this.itemGroups=C(this.itemGroups),this.itemGroupsKeys=Object.keys(this.itemGroups)),this.items.length&&this.itemGroups)throw new Error("Dropdown cannot accept items and itemGroups");void 0===this.label&&(this.items.length?this.placeholder=this.items[0].text:this.placeholder=this.itemGroups[this.itemGroupsKeys[0]].text)},n.prototype.optionClick=function(n){alert(n)},c([t.Input()],n.prototype,"items",void 0),c([t.Input()],n.prototype,"itemGroups",void 0),c([t.Input()],n.prototype,"label",void 0),c([t.Input()],n.prototype,"disabled",void 0),n=c([t.Component({selector:"vl-dropdown",template:'<mat-form-field>\n\n <mat-label *ngIf="label">{{ label }}</mat-label>\n\n <mat-select\n *ngIf="items.length"\n panelClass="dropdown-panel"\n disableRipple="true"\n [placeholder]="placeholder"\n [disabled]="disabled"\n >\n\n <mat-option\n *ngFor="let item of items" [value]="item"\n (click)="optionClick(item.value)"\n >\n <span class="mat-body-3">{{item.text}}</span>\n </mat-option>\n\n </mat-select>\n\n <mat-select\n *ngIf="itemGroups"\n panelClass="dropdown-panel"\n disableRipple="true"\n [placeholder]="placeholder"\n [disabled]="disabled"\n >\n <mat-optgroup\n *ngFor="let itemGroupKey of itemGroupsKeys"\n [label]="itemGroupKey"\n >\n <mat-option\n *ngFor="let item of itemGroups[itemGroupKey]" [value]="item"\n (click)="optionClick(item.value)"\n >\n <span class="mat-body-3">{{item.text}}</span>\n </mat-option>\n\n </mat-optgroup>\n\n </mat-select>\n\n</mat-form-field>'})],n)}(),M=function(){function n(){}return n=c([t.NgModule({declarations:[D],exports:[D],imports:[e.CommonModule,s.MatSelectModule]})],n)}(),T=function(){function n(n){this.label=n.label,this.completed=void 0!==n.completed&&n.completed}return n.prototype.complete=function(){this.completed=!0},n}(),O=function(){function n(){this.changed=new t.EventEmitter,this.completed=new t.EventEmitter,this.clicked=new t.EventEmitter}return Object.defineProperty(n.prototype,"dataSource",{get:function(){return this._dataSource},set:function(n){this._dataSource=n,this.subscribe()},enumerable:!0,configurable:!0}),n.prototype.ngOnInit=function(){this.subscribe()},n.prototype.subscribe=function(){var n=this;this.dataSource.subscribe((function(t){n.steps=t.map((function(n){return new T({label:n.label,completed:n.completed||!1})}));for(var e=n.steps.length-1;e>=0;e-=1)if(n.steps[e].completed)return n.changed.emit(e),void n.completed.emit(e===n.steps.length-1);n.changed.emit(-1),n.completed.emit(!1)}))},n.prototype.iconClick=function(n){this.clicked.emit(n)},c([t.Input()],n.prototype,"dataSource",null),c([t.Output()],n.prototype,"changed",void 0),c([t.Output()],n.prototype,"completed",void 0),c([t.Output()],n.prototype,"clicked",void 0),n=c([t.Component({selector:"vl-progress-indicator",template:'<div class="wrapper">\n <div\n *ngFor="let step of steps; index as i"\n class="step count-{{steps.length}}"\n [class.completed]="step.completed"\n >\n <div class="icon" (click)="iconClick(i)">\n <i\n *ngIf="step.completed; else incomplete"\n class="material-icons"\n >check</i>\n <ng-template #incomplete>{{ i + 1 }}</ng-template>\n </div>\n <div\n class="label"\n [class.mat-body-3]="!step.completed"\n [class.mat-body-semi-bold-3]="step.completed"\n >\n {{ step.label }}\n </div>\n\n </div>\n</div>\n',styles:['/* VL Custom Colors */\n:host {\n display: block;\n width: 600px;\n}\n\n.wrapper {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.wrapper .step {\n position: relative;\n text-align: center;\n}\n.wrapper .step .icon {\n display: inline-block;\n width: 32px;\n height: 32px;\n line-height: 32px;\n border-radius: 50%;\n background-color: #e2e2e2;\n cursor: pointer;\n}\n.wrapper .step .icon i {\n line-height: 32px;\n}\n.wrapper .step .label {\n margin-top: 0.5em;\n}\n.wrapper .step:not(:first-of-type):before, .wrapper .step:not(:first-of-type):after {\n content: "";\n display: block;\n position: absolute;\n top: 14px;\n height: 4px;\n background-color: #e2e2e2;\n}\n.wrapper .step:not(:first-of-type):after {\n background-color: #4bc065;\n transition: width 200ms ease-in-out;\n width: 0px;\n}\n.wrapper .step.count-3:before, .wrapper .step.count-3:after {\n left: -242px;\n}\n.wrapper .step.count-3:before {\n width: 238px;\n}\n.wrapper .step.count-4:before, .wrapper .step.count-4:after {\n left: -148px;\n}\n.wrapper .step.count-4:before {\n width: 144px;\n}\n.wrapper .step.count-5:before, .wrapper .step.count-5:after {\n left: -101px;\n}\n.wrapper .step.count-5:before {\n width: 97px;\n}\n.wrapper .step.completed .icon {\n background-color: #4bc065;\n color: #f6f6f6;\n}\n.wrapper .step.completed.count-3:after {\n width: 238px;\n}\n.wrapper .step.completed.count-4:after {\n width: 144px;\n}\n.wrapper .step.completed.count-5:after {\n width: 97px;\n}']})],n)}(),S=function(){function n(){}return n=c([t.NgModule({exports:[O],declarations:[O],imports:[e.CommonModule]})],n)}(),j=function(n){this.backdropClass="toast-notification-backdrop",this.panelClass="toast-notification-panel",this.data=n};(k=n.ToastType||(n.ToastType={})).success="success",k.error="error",k.warn="warn",k.info="info",(I=n.ToastHeadline||(n.ToastHeadline={})).complete="Complete",I.wellDone="Well Done",I.sorry="Sorry",I.oops="Oops",I.warning="Warning",I.remember="Remember",I.importantInfo="Important Info",I.didYouKnow="Did You Know?";var G=function(){function e(n,t){this.dialogRef=n,this.data=t,console.log(this.dialogRef)}var o,r;return e.prototype.getIconClass=function(){switch(this.data.type){case n.ToastType.success:return"done";case n.ToastType.error:return"error_outline";case n.ToastType.warn:return"warning";case n.ToastType.info:default:return"info"}},e.prototype.autoClose=function(){return null!=this.data.closeAfter},e.prototype.ngOnInit=function(){var t=this;void 0===this.data.type&&(this.data.type=n.ToastType.info),void 0===this.data.closeAfter&&(this.data.closeAfter=1e6),this.autoClose()&&setTimeout((function(){t.close()}),this.data.closeAfter)},e.prototype.close=function(){this.dialogRef.close()},e.ctorParameters=function(){return[{type:p.MatDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[p.MAT_DIALOG_DATA]}]}]},e=c([t.Component({selector:"vl-toast-notification",template:'<div\n class="mat-typography modal {{ data.type }}"\n>\n <div class="left-col">\n <header *ngIf="!!data.headline">\n <i class="material-icons icon {{getIconClass()}}">{{ getIconClass() }}</i>\n <span class="mat-header-2 text">{{ data.headline }}</span>\n </header>\n <div class="mat-body-semi-bold-3">\n {{ data.message }}\n </div>\n </div>\n <div class="right-col">\n <i class="material-icons close" (click)="close()">cancel</i>\n </div>\n</div>',styles:["/* VL Custom Colors */\n.modal {\n width: 400px;\n padding: 1em;\n color: #282828;\n border-style: solid;\n border-width: 3px;\n border-radius: 5px;\n display: flex;\n}\n.modal.success {\n border-color: rgba(75, 192, 101, 0.75);\n background-color: rgba(75, 192, 101, 0.15);\n}\n.modal.success .icon,\n.modal.success .close {\n color: rgba(75, 192, 101, 0.75);\n}\n.modal.error {\n border-color: rgba(206, 0, 11, 0.75);\n background-color: rgba(206, 0, 11, 0.15);\n}\n.modal.error .icon,\n.modal.error .close {\n color: rgba(206, 0, 11, 0.75);\n}\n.modal.warn {\n border-color: rgba(249, 176, 18, 0.75);\n background-color: rgba(249, 176, 18, 0.15);\n}\n.modal.warn .icon,\n.modal.warn .close {\n color: rgba(249, 176, 18, 0.75);\n}\n.modal.info {\n border-color: rgba(0, 136, 220, 0.75);\n background-color: rgba(0, 136, 220, 0.15);\n}\n.modal.info .icon,\n.modal.info .close {\n color: rgba(0, 136, 220, 0.75);\n}\n.modal header {\n display: flex;\n}\n.modal header .icon {\n font-size: 32px;\n font-weight: 900;\n padding-right: 5px;\n}\n.modal header .icon,\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .close {\n cursor: pointer;\n}\n.modal .left-col {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.modal .right-col {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n"]}),(o=1,r=t.Inject(p.MAT_DIALOG_DATA),function(n,t){r(n,t,o)})],e)}(),H=function(){function n(){}return n=c([t.NgModule({declarations:[G],exports:[G],imports:[e.CommonModule]})],n)}();n.CheckboxComponent=u,n.CheckboxModule=m,n.DataTableComponent=h,n.DataTableModule=w,n.DropdownComponent=D,n.DropdownModule=M,n.FlyoutComponent=g,n.FlyoutModule=b,n.LinkComponent=f,n.LinkModule=y,n.ProgressIndicatorComponent=O,n.ProgressIndicatorModule=S,n.ProgressStep=T,n.ToastConfig=j,n.ToastNotificationComponent=G,n.ToastNotificationModule=H,n.validateDropdownItem=x,n.validateDropdownItemGroups=C,n.validateDropdownItems=v,Object.defineProperty(n,"__esModule",{value:!0})})); | ||
| !function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/checkbox"),require("generate-schema"),require("@angular/material/sort"),require("@angular/material/table"),require("@angular/material/paginator"),require("@angular/material/select"),require("@angular/material/dialog")):"function"==typeof define&&define.amd?define("vlcomponents",["exports","@angular/core","@angular/common","@angular/material/checkbox","generate-schema","@angular/material/sort","@angular/material/table","@angular/material/paginator","@angular/material/select","@angular/material/dialog"],t):t((n=n||self).vlcomponents={},n.ng.core,n.ng.common,n.ng.material.checkbox,n.GenerateSchema,n.ng.material.sort,n.ng.material.table,n.ng.material.paginator,n.ng.material.select,n.ng.material.dialog)}(this,(function(n,t,e,o,r,a,i,l,s,p){"use strict";r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;function c(n,t,e,o){var r,a=arguments.length,i=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(n,t,e,o);else for(var l=n.length-1;l>=0;l--)(r=n[l])&&(i=(a<3?r(i):a>3?r(t,e,i):r(t,e))||i);return a>3&&i&&Object.defineProperty(t,e,i),i}function d(n,t){return function(e,o){t(e,o,n)}}function u(n){var t="function"==typeof Symbol&&Symbol.iterator,e=t&&n[t],o=0;if(e)return e.call(n);if(n&&"number"==typeof n.length)return{next:function(){return n&&o>=n.length&&(n=void 0),{value:n&&n[o++],done:!n}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}var m=function(){function n(){}return n.prototype.ngOnInit=function(){},c([t.Input()],n.prototype,"text",void 0),c([t.Input()],n.prototype,"disabled",void 0),c([t.Input()],n.prototype,"checked",void 0),c([t.Input()],n.prototype,"focus",void 0),n=c([t.Component({selector:"vl-checkbox",template:'<mat-checkbox\n [disabled]="disabled"\n [checked]="checked"\n [class.mat-checkbox-focused]="focus"\n >\n {{ text }}\n </mat-checkbox>\n ',styles:["\n :host {\n height: 20px;\n line-height: 20px;\n padding: 10px;\n }\n "]})],n)}(),h=function(){function n(){}return n=c([t.NgModule({exports:[m],declarations:[m],imports:[e.CommonModule,o.MatCheckboxModule]})],n)}();var f=function(){function n(){this.schema={},this.columnHeaderTitles={},this.columnData={},this.columns=[],this.pageSize=20}return n.prototype.ngOnInit=function(){var n=this;if(this.columnHeaderTitles=function(n){var t,e,o=[];try{for(var r=u(Object.keys(n)),a=r.next();!a.done;a=r.next()){var i=a.value;"string"==typeof n[i]?o[i]=n[i]:o[i]=n[i].title}}catch(n){t={error:n}}finally{try{a&&!a.done&&(e=r.return)&&e.call(r)}finally{if(t)throw t.error}}return o}(this.columns),this.columnHeaders=Object.keys(this.columnHeaderTitles),this.columnData=function(n){var t,e,o={},r=function(t){"string"==typeof n[t]?o[t]={type:"text",title:t}:o[t]=n[t],void 0===o[t].type&&(o[t].type="text"),"link"===o[t].type&&void 0===o[t].getLink&&(o[t].link?o[t].getLink=function(){return o[t].link}:o[t].getLink=function(){return"#"}),void 0===o[t].getContent&&(void 0===o[t].source?o[t].getContent=function(n){return n}:o[t].getContent=function(){return""}),void 0===o[t].getIconClass&&(o[t].getIconClass=function(){return o[t].iconClass}),void 0===o[t].getClass&&(o[t].getClass=function(){return o[t].class||""}),void 0===o[t].sort&&(o[t].sort=!1)};try{for(var a=u(Object.keys(n)),i=a.next();!i.done;i=a.next()){r(i.value)}}catch(n){t={error:n}}finally{try{i&&!i.done&&(e=a.return)&&e.call(a)}finally{if(t)throw t.error}}return o}(this.columns),this.data&&this.dataSource)throw new Error("DataTable cannot accept both data and dataSource inputs");if(this.dataSource)this.dataSource.subscribe((function(t){n.data=t,n.schema=r.json(n.data).items,n.sortedData=new i.MatTableDataSource(n.data),n.sortedData.sort=n.sort,n.sortedData.paginator=n.paginator}));else{if(!this.data)throw new Error("Must pass either data or dataSource inputs");this.schema=r.json(this.data).items,this.sortedData=new i.MatTableDataSource(this.data),this.sortedData.sort=this.sort,this.sortedData.paginator=this.paginator}},c([t.Input()],n.prototype,"columns",void 0),c([t.Input()],n.prototype,"dataSource",void 0),c([t.Input()],n.prototype,"data",void 0),c([t.Input()],n.prototype,"pageSize",void 0),c([t.ViewChild(a.MatSort,{static:!0})],n.prototype,"sort",void 0),c([t.ViewChild(l.MatPaginator,{static:!0})],n.prototype,"paginator",void 0),n=c([t.Component({selector:"vl-data-table",template:'<div class="wrapper mat-typography">\n\n <table mat-table [dataSource]="sortedData" matSort>\n\n <ng-container\n *ngFor="let property of columnHeaders"\n matColumnDef="{{property}}"\n >\n\n\n \x3c!-- header --\x3e\n <th\n *matHeaderCellDef\n mat-header-cell\n mat-sort-header\n [disabled]="!columnData[property].sort"\n >\n <span\n class="mat-body-semi-bold-3"\n >{{ columnHeaderTitles[property] }}\n </span>\n </th>\n\n\n \x3c!-- Cells --\x3e\n <td mat-cell *matCellDef="let item">\n\n\n \x3c!-- Basic text cells --\x3e\n <div\n *ngIf="columnData[property].type === \'text\' || columnData[property].type === \'email\'"\n class="mat-body-3 cell-text {{ columnData[property].getClass(item[property]) }}"\n [class.email]="columnData[property].type === \'email\'"\n >\n <i *ngIf="columnData[property].getIconClass" class="material-icons icon">{{ columnData[property].getIconClass(item[property]) }}</i>\n <span>\n {{ columnData[property].getContent(item[property]) }}\n </span>\n\n </div>\n\n\n\x3c!-- Decimal Cells--\x3e\n <div\n *ngIf="columnData[property].type === \'decimal\'"\n class="mat-body-3 cell-decimal {{ columnData[property].getClass(item[property]) }}"\n >\n <i *ngIf="columnData[property].getIconClass" class="material-icons icon">{{ columnData[property].getIconClass(item[property]) }}</i>\n <span>\n {{ columnData[property].getContent(item[property]) | number:\'1.2-2\':\'en\' }}\n </span>\n </div>\n\n\n \x3c!-- Link cells --\x3e\n <div\n *ngIf="columnData[property].type === \'link\'"\n class="cell-link cell-text {{ columnData[property].getClass(item[property]) }}"\n >\n <vl-link\n [href]="columnData[property].getLink(item)"\n [text]="columnData[property].getContent(item[property])"\n class="no-padding"\n typographyClass="mat-body-3"\n ></vl-link>\n </div>\n\n\x3c!-- Icon Cells--\x3e\n <div\n *ngIf="columnData[property].type === \'icon\'"\n class="mat-body-3 cell-text {{ columnData[property].getClass(item[property]) }}"\n [class.cell-icon]="columnData[property].type === \'icon\'"\n (click)="columnData[property].onClick(item)"\n >\n <i class="material-icons icon">{{ columnData[property].getIconClass(item[property]) }}</i>\n </div>\n\n\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef="columnHeaders"></tr>\n <tr mat-row *matRowDef="let row; columns: columnHeaders;"></tr>\n\n </table>\n\n <mat-paginator pageSize="{{pageSize}}"></mat-paginator>\n\n</div>',styles:["/* VL Custom Colors */\n:host {\n display: inline-block;\n}\n\n.wrapper {\n border: 1px solid #c5c5c5;\n border-radius: 5px;\n overflow: hidden;\n}\n.wrapper table {\n width: 100%;\n}\n.wrapper tr.mat-header-row,\n.wrapper tr.mat-row {\n height: 50px;\n}\n.wrapper th.mat-header-cell:first-of-type,\n.wrapper td.mat-cell:first-of-type,\n.wrapper td.mat-footer-cell:first-of-type {\n padding-left: 20px;\n}\n.wrapper th.mat-header-cell,\n.wrapper td.mat-cell,\n.wrapper td.mat-footer-cell {\n padding-right: 40px;\n}\n.wrapper .mat-header-row {\n background-color: #282828;\n}\n.wrapper .mat-header-cell {\n color: #fff;\n}\n.wrapper .mat-row:nth-child(even) {\n background-color: #f6f6f6;\n}\n.wrapper .header-decimal {\n text: right;\n}\n.wrapper .cell-text,\n.wrapper .cell-decimal,\n.wrapper .cell-email,\n.wrapper .cell-icon {\n white-space: nowrap;\n}\n.wrapper .cell-text span,\n.wrapper .cell-decimal span,\n.wrapper .cell-email span,\n.wrapper .cell-icon span {\n display: inline-block;\n}\n.wrapper .cell-decimal {\n text-align: right;\n}\n.wrapper .cell-icon {\n color: #0088dc;\n}\n.wrapper .cell-icon .icon {\n cursor: pointer;\n}\n.wrapper .cell-text:not(.email) {\n text-transform: capitalize;\n}\n.wrapper .icon {\n vertical-align: top;\n font-size: 16px;\n margin-right: 5px;\n}\n.wrapper .mat-sort-header-indicator {\n display: none;\n}\n"]})],n)}(),g=function(){function n(){this.href="#",this.typographyClass="",this.button=!1,this.secondary=!1,this.active=!1,this.contextual=!1,this.dropdown=!1,this.actionItems=[],this.focus=!1,this.disabled=!1}return Object.defineProperty(n.prototype,"isIcon",{get:function(){return void 0!==this.iconClass},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"isContextual",{get:function(){return this.contextual},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"isFocused",{get:function(){return this.focus},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"isDisabled",{get:function(){return this.disabled},enumerable:!0,configurable:!0}),n.prototype.onClick=function(n){n.preventDefault(),this.actionItems&&(this.showFlyout=!this.showFlyout)},n.prototype.ngOnInit=function(){this.actionItems&&(this.showFlyout=!1),this.button&&!this.typographyClass&&(this.typographyClass="mat-body-bold-2")},c([t.Input()],n.prototype,"href",void 0),c([t.Input()],n.prototype,"text",void 0),c([t.Input()],n.prototype,"typographyClass",void 0),c([t.Input()],n.prototype,"iconClass",void 0),c([t.HostBinding("class.icon")],n.prototype,"isIcon",null),c([t.Input()],n.prototype,"button",void 0),c([t.Input()],n.prototype,"secondary",void 0),c([t.Input()],n.prototype,"active",void 0),c([t.Input()],n.prototype,"contextual",void 0),c([t.Input()],n.prototype,"dropdown",void 0),c([t.HostBinding("class.contextual")],n.prototype,"isContextual",null),c([t.Input()],n.prototype,"actionItems",void 0),c([t.Input()],n.prototype,"focus",void 0),c([t.HostBinding("class.focus")],n.prototype,"isFocused",null),c([t.Input()],n.prototype,"disabled",void 0),c([t.HostBinding("class.disabled")],n.prototype,"isDisabled",null),c([t.HostListener("click",["$event"])],n.prototype,"onClick",null),n=c([t.Component({selector:"vl-link",template:'<div\n class="wrapper"\n [class.icon]="iconClass !== undefined"\n [class.button]="button"\n [class.secondary]="button && secondary"\n [class.active]="active"\n [class.contextual]="contextual"\n [class.dropdown]="dropdown"\n [class.focus]="focus"\n [class.disabled]="disabled"\n >\n <a\n [class.mat-flat-button]="!button"\n [class.mat-button]="button"\n href="{{ href }}"\n [class.contextual]="contextual"\n >\n <i *ngIf="iconClass" class="material-icons">{{ iconClass }}</i>\n <span *ngIf="text" [class]="typographyClass">\n {{ text }}\n </span>\n </a>\n\n <i *ngIf="dropdown" class="dropdown-icon"></i>\n\n <i *ngIf="contextual" class="material-icons contextual-icon">arrow_right_alt</i>\n </div>\n\n <vl-flyout\n *ngIf="actionItems.length"\n [items]="actionItems"\n class="mat-body-semi-bold-3"\n [style.display]="showFlyout ? \'block\' : \'none\'"\n ></vl-flyout>\n ',styles:['/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-flex;\n align-items: center;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: flex;\n color: inherit;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: "";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n line-height: inherit;\n }\n :host .wrapper.icon a {\n text-decoration: none;\n }\n :host .wrapper.icon a span {\n text-decoration: underline;\n margin-left: 0.25em;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n ']})],n)}(),b=function(){function n(){this.items=[]}return n.prototype.ngOnInit=function(){},c([t.Input()],n.prototype,"items",void 0),n=c([t.Component({selector:"vl-flyout",template:'<div class="wrapper">\n <div\n *ngFor="let item of items"\n class="item"\n [class.icon-and-text]="item.iconClass && item.text"\n [class.active]="item.active"\n [class.selected]="item.selected"\n >\n <i *ngIf="item.iconClass" class="material-icons icon">{{ item.iconClass }}</i>\n {{ item.text }}\n </div>\n </div>\n ',styles:['/* VL Custom Colors */\n :host {\n position: relative;\n display: inline-block;\n padding: 20px 0;\n border: 2px solid #ececec;\n border-radius: 5px;\n box-shadow: 0 0 10px #ececec;\n background-color: #fff;\n white-space: nowrap;\n }\n :host .item {\n padding: 5px 20px;\n cursor: pointer;\n }\n :host .item:hover, :host .item.active {\n background-color: #c8eaff;\n color: #0065a3;\n }\n :host .item.selected {\n color: #0065a3;\n }\n :host .icon {\n vertical-align: middle;\n }\n :host .item.icon-and-text .icon {\n margin-right: 5px;\n }\n :host:before {\n content: "";\n display: block;\n height: 0;\n border: 5.5px solid transparent;\n border-bottom: 7px solid #ececec;\n position: absolute;\n top: -15px;\n left: 8px;\n }\n :host:after {\n content: "";\n display: block;\n height: 0;\n border: 5.5px solid transparent;\n border-bottom: 7px solid #fff;\n position: absolute;\n top: -12px;\n left: 8px;\n }\n ']})],n)}(),y=function(){function n(){}return n=c([t.NgModule({exports:[b],declarations:[b],imports:[e.CommonModule]})],n)}(),w=function(){function n(){}return n=c([t.NgModule({exports:[g],declarations:[g],imports:[e.CommonModule,y]})],n)}(),x=function(){function n(){}return n=c([t.NgModule({exports:[f],declarations:[f],imports:[e.CommonModule,w,i.MatTableModule,l.MatPaginatorModule,a.MatSortModule]})],n)}();function v(n){return void 0===n.value&&(n.value=n.text?n.text.toLowerCase().replace(/ /g,"-"):null),n}function C(n){for(var t=0;t<n.length;t+=1)n[t]=v(n[t]);return n}function k(n){var t,e;try{for(var o=u(Object.keys(n)),r=o.next();!r.done;r=o.next()){var a=r.value;n[a]=C(n[a])}}catch(n){t={error:n}}finally{try{r&&!r.done&&(e=o.return)&&e.call(o)}finally{if(t)throw t.error}}return n}var I,D,M=function(){function n(){this.items=[],this.placeholder=null,this.disabled=!1}return n.prototype.ngOnInit=function(){if(this.items&&(this.items=C(this.items)),this.itemGroups&&(this.itemGroups=k(this.itemGroups),this.itemGroupsKeys=Object.keys(this.itemGroups)),this.items.length&&this.itemGroups)throw new Error("Dropdown cannot accept items and itemGroups");void 0===this.label&&(this.items.length?this.placeholder=this.items[0].text:this.placeholder=this.itemGroups[this.itemGroupsKeys[0]].text)},n.prototype.optionClick=function(n){alert(n)},c([t.Input()],n.prototype,"items",void 0),c([t.Input()],n.prototype,"itemGroups",void 0),c([t.Input()],n.prototype,"label",void 0),c([t.Input()],n.prototype,"disabled",void 0),n=c([t.Component({selector:"vl-dropdown",template:'<mat-form-field>\n\n <mat-label *ngIf="label">{{ label }}</mat-label>\n\n <mat-select\n *ngIf="items.length"\n panelClass="dropdown-panel"\n disableRipple="true"\n [placeholder]="placeholder"\n [disabled]="disabled"\n >\n\n <mat-option\n *ngFor="let item of items" [value]="item"\n (click)="optionClick(item.value)"\n >\n <span class="mat-body-3">{{item.text}}</span>\n </mat-option>\n\n </mat-select>\n\n <mat-select\n *ngIf="itemGroups"\n panelClass="dropdown-panel"\n disableRipple="true"\n [placeholder]="placeholder"\n [disabled]="disabled"\n >\n <mat-optgroup\n *ngFor="let itemGroupKey of itemGroupsKeys"\n [label]="itemGroupKey"\n >\n <mat-option\n *ngFor="let item of itemGroups[itemGroupKey]" [value]="item"\n (click)="optionClick(item.value)"\n >\n <span class="mat-body-3">{{item.text}}</span>\n </mat-option>\n\n </mat-optgroup>\n\n </mat-select>\n\n</mat-form-field>'})],n)}(),T=function(){function n(){}return n=c([t.NgModule({declarations:[M],exports:[M],imports:[e.CommonModule,s.MatSelectModule]})],n)}(),O=function(){function n(n){this.label=n.label,this.completed=void 0!==n.completed&&n.completed}return n.prototype.complete=function(){this.completed=!0},n}(),S=function(){function n(){this.changed=new t.EventEmitter,this.completed=new t.EventEmitter,this.clicked=new t.EventEmitter}return Object.defineProperty(n.prototype,"dataSource",{get:function(){return this._dataSource},set:function(n){this._dataSource=n,this.subscribe()},enumerable:!0,configurable:!0}),n.prototype.ngOnInit=function(){this.subscribe()},n.prototype.subscribe=function(){var n=this;this.dataSource.subscribe((function(t){n.steps=t.map((function(n){return new O({label:n.label,completed:n.completed||!1})}));for(var e=n.steps.length-1;e>=0;e-=1)if(n.steps[e].completed)return n.changed.emit(e),void n.completed.emit(e===n.steps.length-1);n.changed.emit(-1),n.completed.emit(!1)}))},n.prototype.iconClick=function(n){this.clicked.emit(n)},c([t.Input()],n.prototype,"dataSource",null),c([t.Output()],n.prototype,"changed",void 0),c([t.Output()],n.prototype,"completed",void 0),c([t.Output()],n.prototype,"clicked",void 0),n=c([t.Component({selector:"vl-progress-indicator",template:'<div class="wrapper">\n <div\n *ngFor="let step of steps; index as i"\n class="step count-{{steps.length}}"\n [class.completed]="step.completed"\n >\n <div class="icon" (click)="iconClick(i)">\n <i\n *ngIf="step.completed; else incomplete"\n class="material-icons"\n >check</i>\n <ng-template #incomplete>{{ i + 1 }}</ng-template>\n </div>\n <div\n class="label"\n [class.mat-body-3]="!step.completed"\n [class.mat-body-semi-bold-3]="step.completed"\n >\n {{ step.label }}\n </div>\n\n </div>\n</div>\n',styles:['/* VL Custom Colors */\n:host {\n display: block;\n width: 600px;\n}\n\n.wrapper {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.wrapper .step {\n position: relative;\n text-align: center;\n}\n.wrapper .step .icon {\n display: inline-block;\n width: 32px;\n height: 32px;\n line-height: 32px;\n border-radius: 50%;\n background-color: #e2e2e2;\n cursor: pointer;\n}\n.wrapper .step .icon i {\n line-height: 32px;\n}\n.wrapper .step .label {\n margin-top: 0.5em;\n}\n.wrapper .step:not(:first-of-type):before, .wrapper .step:not(:first-of-type):after {\n content: "";\n display: block;\n position: absolute;\n top: 14px;\n height: 4px;\n background-color: #e2e2e2;\n}\n.wrapper .step:not(:first-of-type):after {\n background-color: #4bc065;\n transition: width 200ms ease-in-out;\n width: 0px;\n}\n.wrapper .step.count-3:before, .wrapper .step.count-3:after {\n left: -242px;\n}\n.wrapper .step.count-3:before {\n width: 238px;\n}\n.wrapper .step.count-4:before, .wrapper .step.count-4:after {\n left: -148px;\n}\n.wrapper .step.count-4:before {\n width: 144px;\n}\n.wrapper .step.count-5:before, .wrapper .step.count-5:after {\n left: -101px;\n}\n.wrapper .step.count-5:before {\n width: 97px;\n}\n.wrapper .step.completed .icon {\n background-color: #4bc065;\n color: #f6f6f6;\n}\n.wrapper .step.completed.count-3:after {\n width: 238px;\n}\n.wrapper .step.completed.count-4:after {\n width: 144px;\n}\n.wrapper .step.completed.count-5:after {\n width: 97px;\n}']})],n)}(),j=function(){function n(){}return n=c([t.NgModule({exports:[S],declarations:[S],imports:[e.CommonModule]})],n)}(),A=function(n){this.panelClass="modal-notification-panel",this.data=n};(I=n.ModalType||(n.ModalType={})).success="success",I.error="error",I.warn="warn",I.info="info",(D=n.ModalHeadline||(n.ModalHeadline={})).complete="Complete",D.wellDone="Well Done",D.sorry="Sorry",D.oops="Oops",D.warning="Warning",D.remember="Remember",D.importantInfo="Important Info",D.didYouKnow="Did You Know?";var G,H,L=function(){function e(n,t){this.dialogRef=n,this.data=t,console.log(this.dialogRef)}return e.prototype.getIconClass=function(){switch(this.data.type){case n.ModalType.success:return"done";case n.ModalType.error:return"error_outline";case n.ModalType.warn:return"warning";case n.ModalType.info:default:return"info"}},e.prototype.autoClose=function(){return null!=this.data.closeAfter},e.prototype.ngOnInit=function(){var t=this;void 0===this.data.type&&(this.data.type=n.ModalType.info),void 0===this.data.closeAfter&&(this.data.closeAfter=1e6),this.autoClose()&&setTimeout((function(){t.close()}),this.data.closeAfter)},e.prototype.close=function(){this.dialogRef.close()},e.ctorParameters=function(){return[{type:p.MatDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[p.MAT_DIALOG_DATA]}]}]},e=c([t.Component({selector:"vl-modal-notification",template:'\n<div\n class="mat-typography modal {{ data.type }}"\n>\n <header class="header">\n <div *ngIf="!!data.headline" class="icon-wrapper">\n <div class="background-wrapper"><i class="background"></i></div>\n <i class="material-icons icon {{getIconClass()}}">{{ getIconClass() }}</i>\n </div>\n <span class="mat-header-2 text">{{ data.headline }}</span>\n </header>\n <div class="body mat-body-2" [innerHTML]="data.message">\n </div>\n <footer>\n <vl-link class="footer" button="true" text="okay"></vl-link>\n</footer>\n</div>',styles:["/* VL Custom Colors */\n.modal {\n position: relative;\n width: 300px;\n padding: 2em;\n color: #282828;\n}\n.modal.success .icon {\n background-color: rgba(75, 192, 101, 0.85);\n}\n.modal.error .icon {\n background-color: rgba(206, 0, 11, 0.85);\n}\n.modal.warn .icon {\n background-color: rgba(249, 176, 18, 0.85);\n}\n.modal.info .icon {\n background-color: rgba(0, 136, 220, 0.85);\n}\n.modal .header, .modal .body, .modal .footer {\n display: flex;\n}\n.modal .header, .modal .body {\n flex-direction: column;\n align-items: center;\n}\n.modal .header {\n margin-top: 1.5em;\n}\n.modal .footer {\n flex-direction: row;\n justify-content: space-around;\n margin-top: 1em;\n}\n.modal header .icon-wrapper {\n position: absolute;\n top: -78px;\n left: calc(50% - 78px);\n}\n.modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .background {\n display: inline-block;\n}\n.modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .icon {\n position: absolute;\n}\n.modal header .icon-wrapper .background-wrapper {\n position: relative;\n display: inline-block;\n width: 156px;\n height: 78px;\n overflow: hidden;\n}\n.modal header .icon-wrapper .background {\n position: relative;\n left: calc(50% - 28px);\n top: 50px;\n width: 56px;\n height: 56px;\n background-color: #fff;\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n}\n.modal header .icon-wrapper .icon, .modal header .icon-wrapper .background {\n border-radius: 50%;\n}\n.modal header .icon-wrapper .icon {\n color: #fff;\n padding: 10px;\n top: 56px;\n left: calc(50% - 22px);\n}\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .body {\n text-align: center;\n}\n.modal .close {\n cursor: pointer;\n}\n"]}),d(1,t.Inject(p.MAT_DIALOG_DATA))],e)}(),R=function(){function n(){}return n=c([t.NgModule({declarations:[L],exports:[L],imports:[e.CommonModule,w,y]})],n)}(),P=function(n){this.backdropClass="toast-notification-backdrop",this.panelClass="toast-notification-panel",this.data=n};(G=n.ToastType||(n.ToastType={})).success="success",G.error="error",G.warn="warn",G.info="info",(H=n.ToastHeadline||(n.ToastHeadline={})).complete="Complete",H.wellDone="Well Done",H.sorry="Sorry",H.oops="Oops",H.warning="Warning",H.remember="Remember",H.importantInfo="Important Info",H.didYouKnow="Did You Know?";var _=function(){function e(n,t){this.dialogRef=n,this.data=t,console.log(this.dialogRef)}return e.prototype.getIconClass=function(){switch(this.data.type){case n.ToastType.success:return"done";case n.ToastType.error:return"error_outline";case n.ToastType.warn:return"warning";case n.ToastType.info:default:return"info"}},e.prototype.autoClose=function(){return null!=this.data.closeAfter},e.prototype.ngOnInit=function(){var t=this;void 0===this.data.type&&(this.data.type=n.ToastType.info),void 0===this.data.closeAfter&&(this.data.closeAfter=1e6),this.autoClose()&&setTimeout((function(){t.close()}),this.data.closeAfter)},e.prototype.close=function(){this.dialogRef.close()},e.ctorParameters=function(){return[{type:p.MatDialogRef},{type:void 0,decorators:[{type:t.Inject,args:[p.MAT_DIALOG_DATA]}]}]},e=c([t.Component({selector:"vl-toast-notification",template:'<div\n class="mat-typography modal {{ data.type }}"\n>\n <div class="left-col">\n <header *ngIf="!!data.headline">\n <i class="material-icons icon {{getIconClass()}}">{{ getIconClass() }}</i>\n <span class="mat-header-2 text">{{ data.headline }}</span>\n </header>\n <div class="mat-body-semi-bold-3">\n {{ data.message }}\n </div>\n </div>\n <div class="right-col">\n <i class="material-icons close" (click)="close()">cancel</i>\n </div>\n</div>',styles:["/* VL Custom Colors */\n.modal {\n width: 400px;\n padding: 1em;\n color: #282828;\n border-style: solid;\n border-width: 3px;\n border-radius: 5px;\n display: flex;\n}\n.modal.success {\n border-color: rgba(75, 192, 101, 0.75);\n background-color: rgba(75, 192, 101, 0.15);\n}\n.modal.success .icon,\n.modal.success .close {\n color: rgba(75, 192, 101, 0.75);\n}\n.modal.error {\n border-color: rgba(206, 0, 11, 0.75);\n background-color: rgba(206, 0, 11, 0.15);\n}\n.modal.error .icon,\n.modal.error .close {\n color: rgba(206, 0, 11, 0.75);\n}\n.modal.warn {\n border-color: rgba(249, 176, 18, 0.75);\n background-color: rgba(249, 176, 18, 0.15);\n}\n.modal.warn .icon,\n.modal.warn .close {\n color: rgba(249, 176, 18, 0.75);\n}\n.modal.info {\n border-color: rgba(0, 136, 220, 0.75);\n background-color: rgba(0, 136, 220, 0.15);\n}\n.modal.info .icon,\n.modal.info .close {\n color: rgba(0, 136, 220, 0.75);\n}\n.modal header {\n display: flex;\n}\n.modal header .icon {\n font-size: 32px;\n font-weight: 900;\n padding-right: 5px;\n}\n.modal header .icon,\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .close {\n cursor: pointer;\n}\n.modal .left-col {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.modal .right-col {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n"]}),d(1,t.Inject(p.MAT_DIALOG_DATA))],e)}(),F=function(){function n(){}return n=c([t.NgModule({declarations:[_],exports:[_],imports:[e.CommonModule]})],n)}();n.CheckboxComponent=m,n.CheckboxModule=h,n.DataTableComponent=f,n.DataTableModule=x,n.DropdownComponent=M,n.DropdownModule=T,n.FlyoutComponent=b,n.FlyoutModule=y,n.LinkComponent=g,n.LinkModule=w,n.ModalConfig=A,n.ModalNotificationComponent=L,n.ModalNotificationModule=R,n.ProgressIndicatorComponent=S,n.ProgressIndicatorModule=j,n.ProgressStep=O,n.ToastConfig=P,n.ToastNotificationComponent=_,n.ToastNotificationModule=F,n.validateDropdownItem=v,n.validateDropdownItemGroups=k,n.validateDropdownItems=C,Object.defineProperty(n,"__esModule",{value:!0})})); | ||
| //# sourceMappingURL=vlcomponents.umd.min.js.map |
@@ -142,3 +142,4 @@ import { __decorate } from "tslib"; | ||
| :host .wrapper { | ||
| display: inline-block; | ||
| display: inline-flex; | ||
| align-items: center; | ||
| height: 19px; | ||
@@ -153,14 +154,5 @@ line-height: 19px; | ||
| cursor: inherit; | ||
| display: inline-block; | ||
| vertical-align: top; | ||
| display: flex; | ||
| color: inherit; | ||
| } | ||
| :host .wrapper a i, | ||
| :host .wrapper a span { | ||
| vertical-align: top; | ||
| } | ||
| :host .wrapper .contextual-icon { | ||
| position: relative; | ||
| top: -3px; | ||
| } | ||
| :host .wrapper:hover { | ||
@@ -220,4 +212,11 @@ color: #0065a3; | ||
| :host .wrapper.icon .material-icons { | ||
| margin-top: -2px; | ||
| line-height: inherit; | ||
| } | ||
| :host .wrapper.icon a { | ||
| text-decoration: none; | ||
| } | ||
| :host .wrapper.icon a span { | ||
| text-decoration: underline; | ||
| margin-left: 0.25em; | ||
| } | ||
| :host .wrapper.icon:hover { | ||
@@ -274,2 +273,2 @@ border-color: #0065a3; | ||
| export { LinkComponent }; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly92bGNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbGluay9saW5rLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQThLcEYsSUFBYSxhQUFhO0FBRDFCLHdEQUF3RDtBQUN4RCxNQUFhLGFBQWE7SUFBMUI7UUFHVyxTQUFJLEdBQUcsR0FBRyxDQUFDO1FBSVgsb0JBQWUsR0FBRyxFQUFFLENBQUM7UUFRckIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQU1qQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBTWQsYUFBUSxHQUFHLEtBQUssQ0FBQztJQXFCNUIsQ0FBQztJQS9DNEIsSUFBSSxNQUFNO1FBQ25DLE9BQU8sSUFBSSxDQUFDLFNBQVMsS0FBSyxTQUFTLENBQUM7SUFDdEMsQ0FBQztJQVlnQyxJQUFJLFlBQVk7UUFDL0MsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFNMkIsSUFBSSxTQUFTO1FBQ3ZDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBSThCLElBQUksVUFBVTtRQUMzQyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVrQyxPQUFPLENBQUMsQ0FBQztRQUMxQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7U0FDekI7UUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUM7U0FDMUM7SUFDSCxDQUFDO0NBQ0YsQ0FBQTtBQXZEVTtJQUFSLEtBQUssRUFBRTsyQ0FBWTtBQUVYO0lBQVIsS0FBSyxFQUFFOzJDQUFjO0FBRWI7SUFBUixLQUFLLEVBQUU7c0RBQXNCO0FBRXJCO0lBQVIsS0FBSyxFQUFFO2dEQUFtQjtBQUVBO0lBQTFCLFdBQVcsQ0FBQyxZQUFZLENBQUM7MkNBRXpCO0FBRVE7SUFBUixLQUFLLEVBQUU7NkNBQWdCO0FBRWY7SUFBUixLQUFLLEVBQUU7Z0RBQW1CO0FBRWxCO0lBQVIsS0FBSyxFQUFFOzZDQUFnQjtBQUVmO0lBQVIsS0FBSyxFQUFFO2lEQUFvQjtBQUVuQjtJQUFSLEtBQUssRUFBRTsrQ0FBa0I7QUFFTztJQUFoQyxXQUFXLENBQUMsa0JBQWtCLENBQUM7aURBRS9CO0FBRVE7SUFBUixLQUFLLEVBQUU7a0RBQWtCO0FBRWpCO0lBQVIsS0FBSyxFQUFFOzRDQUFlO0FBRUs7SUFBM0IsV0FBVyxDQUFDLGFBQWEsQ0FBQzs4Q0FFMUI7QUFFUTtJQUFSLEtBQUssRUFBRTsrQ0FBa0I7QUFFSztJQUE5QixXQUFXLENBQUMsZ0JBQWdCLENBQUM7K0NBRTdCO0FBRWtDO0lBQWxDLFlBQVksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs0Q0FLakM7QUFoRFUsYUFBYTtJQTVLekIsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLFNBQVM7UUFDbkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0NUO2lCQUNROzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvSVI7S0FDRixDQUFDO0lBQ0Ysd0RBQXdEO0dBQzNDLGFBQWEsQ0EwRHpCO1NBMURZLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmwtbGluaycsXG4gIHRlbXBsYXRlOiBgPGRpdlxuICAgIGNsYXNzPVwid3JhcHBlclwiXG4gICAgW2NsYXNzLmljb25dPVwiaWNvbkNsYXNzICE9PSB1bmRlZmluZWRcIlxuICAgIFtjbGFzcy5idXR0b25dPVwiYnV0dG9uXCJcbiAgICBbY2xhc3Muc2Vjb25kYXJ5XT1cImJ1dHRvbiAmJiBzZWNvbmRhcnlcIlxuICAgIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlXCJcbiAgICBbY2xhc3MuY29udGV4dHVhbF09XCJjb250ZXh0dWFsXCJcbiAgICBbY2xhc3MuZHJvcGRvd25dPVwiZHJvcGRvd25cIlxuICAgIFtjbGFzcy5mb2N1c109XCJmb2N1c1wiXG4gICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgPlxuICAgIDxhXG4gICAgICBbY2xhc3MubWF0LWZsYXQtYnV0dG9uXT1cIiFidXR0b25cIlxuICAgICAgW2NsYXNzLm1hdC1idXR0b25dPVwiYnV0dG9uXCJcbiAgICAgIGhyZWY9XCJ7eyBocmVmIH19XCJcbiAgICAgIFtjbGFzcy5jb250ZXh0dWFsXT1cImNvbnRleHR1YWxcIlxuICAgID5cbiAgICAgIDxpICpuZ0lmPVwiaWNvbkNsYXNzXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPnt7IGljb25DbGFzcyB9fTwvaT5cbiAgICAgIDxzcGFuICpuZ0lmPVwidGV4dFwiIFtjbGFzc109XCJ0eXBvZ3JhcGh5Q2xhc3NcIj5cbiAgICAgIHt7IHRleHQgfX1cbiAgICA8L3NwYW4+XG4gICAgPC9hPlxuXG4gICAgPGkgKm5nSWY9XCJkcm9wZG93blwiIGNsYXNzPVwiZHJvcGRvd24taWNvblwiPjwvaT5cblxuICAgIDxpICpuZ0lmPVwiY29udGV4dHVhbFwiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgY29udGV4dHVhbC1pY29uXCI+YXJyb3dfcmlnaHRfYWx0PC9pPlxuICA8L2Rpdj5cblxuICA8dmwtZmx5b3V0XG4gICAgKm5nSWY9XCJhY3Rpb25JdGVtcy5sZW5ndGhcIlxuICAgIFtpdGVtc109XCJhY3Rpb25JdGVtc1wiXG4gICAgY2xhc3M9XCJtYXQtYm9keS1zZW1pLWJvbGQtM1wiXG4gICAgW3N0eWxlLmRpc3BsYXldPVwic2hvd0ZseW91dCA/ICdibG9jaycgOiAnbm9uZSdcIlxuICA+PC92bC1mbHlvdXQ+XG4gIGAsXG4gIHN0eWxlczogW2AvKiBWTCBDdXN0b20gQ29sb3JzICovXG4gIDpob3N0IHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIH1cbiAgOmhvc3Qubm8tcGFkZGluZyAud3JhcHBlciB7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuICA6aG9zdCAud3JhcHBlciB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGhlaWdodDogMTlweDtcbiAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICBjb2xvcjogIzAwODhkYztcbiAgICBib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgcGFkZGluZzogMTBweDtcbiAgfVxuICA6aG9zdCAud3JhcHBlciBhIHtcbiAgICBjdXJzb3I6IGluaGVyaXQ7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIgYSBpLFxuICA6aG9zdCAud3JhcHBlciBhIHNwYW4ge1xuICAgIHZlcnRpY2FsLWFsaWduOiB0b3A7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIgLmNvbnRleHR1YWwtaWNvbiB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHRvcDogLTNweDtcbiAgfVxuICA6aG9zdCAud3JhcHBlcjpob3ZlciB7XG4gICAgY29sb3I6ICMwMDY1YTM7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbiB7XG4gICAgcGFkZGluZzogMTBweCAzMHB4O1xuICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgIGJvcmRlci1jb2xvcjogIzAwODhkYztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA4OGRjO1xuICAgIGNvbG9yOiAjZjZmNmY2O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbiBhIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuYnV0dG9uOmhvdmVyLCA6aG9zdCAud3JhcHBlci5idXR0b24uYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2NWEzO1xuICAgIGJvcmRlci1jb2xvcjogIzAwNjVhMztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5idXR0b24uc2Vjb25kYXJ5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGNvbG9yOiAjMDA4OGRjO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5zZWNvbmRhcnk6aG92ZXIsIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGJvcmRlci1jb2xvcjogIzAwNjVhMztcbiAgICBjb2xvcjogIzAwNjVhMztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5idXR0b24uZm9jdXMge1xuICAgIGJveC1zaGFkb3c6IDAgMCAycHggNHB4IHJnYmEoMCwgMTM2LCAyMjAsIDAuNSk7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZHJvcGRvd24ge1xuICAgIHBhZGRpbmctcmlnaHQ6IDM1cHg7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZHJvcGRvd24gLmRyb3Bkb3duLWljb24ge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAwO1xuICAgIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci10b3A6IDVweCBzb2xpZCAjMDA4OGRjO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gMnB4KTtcbiAgICByaWdodDogMTVweDtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5jb250ZXh0dWFsIGEge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5jb250ZXh0dWFsIC5jb250ZXh0dWFsLWljb24ge1xuICAgIGRpc3BsYXk6IGluaXRpYWw7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbiB7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAjYzVjNWM1O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmljb24gLm1hdGVyaWFsLWljb25zIHtcbiAgICBtYXJnaW4tdG9wOiAtMnB4O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmljb246aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogIzAwNjVhMztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uLmZvY3VzIHtcbiAgICBib3gtc2hhZG93OiAwIDAgMnB4IDRweCByZ2JhKDAsIDEzNiwgMjIwLCAwLjI1KTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uLmZvY3VzOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwIDAgMnB4IDRweCByZ2JhKDAsIDEwMSwgMTYzLCAwLjI1KTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5mb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAjMDA4OGRjO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmZvY3VzOmhvdmVyIHtcbiAgICBib3JkZXItY29sb3I6ICMwMDY1YTM7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQge1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIGNvbG9yOiAjYzVjNWM1O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkOmhvdmVyIHtcbiAgICBjb2xvcjogI2M1YzVjNTtcbiAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuYnV0dG9uIHtcbiAgICBjb2xvcjogI2Y2ZjZmNjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZTJlMmUyO1xuICAgIGJvcmRlci1jb2xvcjogI2UyZTJlMjtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5idXR0b24uc2Vjb25kYXJ5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGNvbG9yOiAjZTJlMmUyO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmljb24sIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmljb24gLm1hdC1mbGF0LWJ1dHRvbiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2VjZWNlYztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5mb2N1cywgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuaWNvbiB7XG4gICAgYm9yZGVyLWNvbG9yOiAjYzVjNWM1O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmZvY3VzOmhvdmVyLCA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5pY29uOmhvdmVyIHtcbiAgICBjb2xvcjogI2M1YzVjNTtcbiAgfVxuICA6aG9zdCB2bC1mbHlvdXQge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoMTAwJSArIDEzcHgpO1xuICAgIGxlZnQ6IGNhbGMoNTAlIC0gMTVweCk7XG4gIH1cbiAgYF0sXG59KVxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCBjbGFzcyBMaW5rQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgc2hvd0ZseW91dDtcblxuICBASW5wdXQoKSBocmVmID0gJyMnO1xuXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcblxuICBASW5wdXQoKSB0eXBvZ3JhcGh5Q2xhc3MgPSAnJztcblxuICBASW5wdXQoKSBpY29uQ2xhc3M6IHN0cmluZztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmljb24nKSBnZXQgaXNJY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmljb25DbGFzcyAhPT0gdW5kZWZpbmVkO1xuICB9XG5cbiAgQElucHV0KCkgYnV0dG9uID0gZmFsc2U7XG5cbiAgQElucHV0KCkgc2Vjb25kYXJ5ID0gZmFsc2U7XG5cbiAgQElucHV0KCkgYWN0aXZlID0gZmFsc2U7XG5cbiAgQElucHV0KCkgY29udGV4dHVhbCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGRyb3Bkb3duID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jb250ZXh0dWFsJykgZ2V0IGlzQ29udGV4dHVhbCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5jb250ZXh0dWFsO1xuICB9XG5cbiAgQElucHV0KCkgYWN0aW9uSXRlbXMgPSBbXTtcblxuICBASW5wdXQoKSBmb2N1cyA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZm9jdXMnKSBnZXQgaXNGb2N1c2VkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmZvY3VzO1xuICB9XG5cbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRpc2FibGVkJykgZ2V0IGlzRGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQ7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pIG9uQ2xpY2soZSk6IHZvaWQge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBpZiAodGhpcy5hY3Rpb25JdGVtcykge1xuICAgICAgdGhpcy5zaG93Rmx5b3V0ID0gIXRoaXMuc2hvd0ZseW91dDtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5hY3Rpb25JdGVtcykge1xuICAgICAgdGhpcy5zaG93Rmx5b3V0ID0gZmFsc2U7XG4gICAgfVxuICAgIGlmICh0aGlzLmJ1dHRvbiAmJiAhdGhpcy50eXBvZ3JhcGh5Q2xhc3MpIHtcbiAgICAgIHRoaXMudHlwb2dyYXBoeUNsYXNzID0gJ21hdC1ib2R5LWJvbGQtMic7XG4gICAgfVxuICB9XG59XG4iXX0= | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly92bGNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbGluay9saW5rLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQTZLcEYsSUFBYSxhQUFhO0FBRDFCLHdEQUF3RDtBQUN4RCxNQUFhLGFBQWE7SUFBMUI7UUFHVyxTQUFJLEdBQUcsR0FBRyxDQUFDO1FBSVgsb0JBQWUsR0FBRyxFQUFFLENBQUM7UUFRckIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQU1qQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBTWQsYUFBUSxHQUFHLEtBQUssQ0FBQztJQXFCNUIsQ0FBQztJQS9DNEIsSUFBSSxNQUFNO1FBQ25DLE9BQU8sSUFBSSxDQUFDLFNBQVMsS0FBSyxTQUFTLENBQUM7SUFDdEMsQ0FBQztJQVlnQyxJQUFJLFlBQVk7UUFDL0MsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFNMkIsSUFBSSxTQUFTO1FBQ3ZDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBSThCLElBQUksVUFBVTtRQUMzQyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVrQyxPQUFPLENBQUMsQ0FBQztRQUMxQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7U0FDekI7UUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUM7U0FDMUM7SUFDSCxDQUFDO0NBQ0YsQ0FBQTtBQXZEVTtJQUFSLEtBQUssRUFBRTsyQ0FBWTtBQUVYO0lBQVIsS0FBSyxFQUFFOzJDQUFjO0FBRWI7SUFBUixLQUFLLEVBQUU7c0RBQXNCO0FBRXJCO0lBQVIsS0FBSyxFQUFFO2dEQUFtQjtBQUVBO0lBQTFCLFdBQVcsQ0FBQyxZQUFZLENBQUM7MkNBRXpCO0FBRVE7SUFBUixLQUFLLEVBQUU7NkNBQWdCO0FBRWY7SUFBUixLQUFLLEVBQUU7Z0RBQW1CO0FBRWxCO0lBQVIsS0FBSyxFQUFFOzZDQUFnQjtBQUVmO0lBQVIsS0FBSyxFQUFFO2lEQUFvQjtBQUVuQjtJQUFSLEtBQUssRUFBRTsrQ0FBa0I7QUFFTztJQUFoQyxXQUFXLENBQUMsa0JBQWtCLENBQUM7aURBRS9CO0FBRVE7SUFBUixLQUFLLEVBQUU7a0RBQWtCO0FBRWpCO0lBQVIsS0FBSyxFQUFFOzRDQUFlO0FBRUs7SUFBM0IsV0FBVyxDQUFDLGFBQWEsQ0FBQzs4Q0FFMUI7QUFFUTtJQUFSLEtBQUssRUFBRTsrQ0FBa0I7QUFFSztJQUE5QixXQUFXLENBQUMsZ0JBQWdCLENBQUM7K0NBRTdCO0FBRWtDO0lBQWxDLFlBQVksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQzs0Q0FLakM7QUFoRFUsYUFBYTtJQTNLekIsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLFNBQVM7UUFDbkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0NUO2lCQUNROzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1JUjtLQUNGLENBQUM7SUFDRix3REFBd0Q7R0FDM0MsYUFBYSxDQTBEekI7U0ExRFksYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2bC1saW5rJyxcbiAgdGVtcGxhdGU6IGA8ZGl2XG4gICAgY2xhc3M9XCJ3cmFwcGVyXCJcbiAgICBbY2xhc3MuaWNvbl09XCJpY29uQ2xhc3MgIT09IHVuZGVmaW5lZFwiXG4gICAgW2NsYXNzLmJ1dHRvbl09XCJidXR0b25cIlxuICAgIFtjbGFzcy5zZWNvbmRhcnldPVwiYnV0dG9uICYmIHNlY29uZGFyeVwiXG4gICAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIlxuICAgIFtjbGFzcy5jb250ZXh0dWFsXT1cImNvbnRleHR1YWxcIlxuICAgIFtjbGFzcy5kcm9wZG93bl09XCJkcm9wZG93blwiXG4gICAgW2NsYXNzLmZvY3VzXT1cImZvY3VzXCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICA+XG4gICAgPGFcbiAgICAgIFtjbGFzcy5tYXQtZmxhdC1idXR0b25dPVwiIWJ1dHRvblwiXG4gICAgICBbY2xhc3MubWF0LWJ1dHRvbl09XCJidXR0b25cIlxuICAgICAgaHJlZj1cInt7IGhyZWYgfX1cIlxuICAgICAgW2NsYXNzLmNvbnRleHR1YWxdPVwiY29udGV4dHVhbFwiXG4gICAgPlxuICAgICAgPGkgKm5nSWY9XCJpY29uQ2xhc3NcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+e3sgaWNvbkNsYXNzIH19PC9pPlxuICAgICAgPHNwYW4gKm5nSWY9XCJ0ZXh0XCIgW2NsYXNzXT1cInR5cG9ncmFwaHlDbGFzc1wiPlxuICAgICAge3sgdGV4dCB9fVxuICAgIDwvc3Bhbj5cbiAgICA8L2E+XG5cbiAgICA8aSAqbmdJZj1cImRyb3Bkb3duXCIgY2xhc3M9XCJkcm9wZG93bi1pY29uXCI+PC9pPlxuXG4gICAgPGkgKm5nSWY9XCJjb250ZXh0dWFsXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBjb250ZXh0dWFsLWljb25cIj5hcnJvd19yaWdodF9hbHQ8L2k+XG4gIDwvZGl2PlxuXG4gIDx2bC1mbHlvdXRcbiAgICAqbmdJZj1cImFjdGlvbkl0ZW1zLmxlbmd0aFwiXG4gICAgW2l0ZW1zXT1cImFjdGlvbkl0ZW1zXCJcbiAgICBjbGFzcz1cIm1hdC1ib2R5LXNlbWktYm9sZC0zXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCJzaG93Rmx5b3V0ID8gJ2Jsb2NrJyA6ICdub25lJ1wiXG4gID48L3ZsLWZseW91dD5cbiAgYCxcbiAgc3R5bGVzOiBbYC8qIFZMIEN1c3RvbSBDb2xvcnMgKi9cbiAgOmhvc3Qge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgfVxuICA6aG9zdC5uby1wYWRkaW5nIC53cmFwcGVyIHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gIDpob3N0IC53cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGhlaWdodDogMTlweDtcbiAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICBjb2xvcjogIzAwODhkYztcbiAgICBib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgcGFkZGluZzogMTBweDtcbiAgfVxuICA6aG9zdCAud3JhcHBlciBhIHtcbiAgICBjdXJzb3I6IGluaGVyaXQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuICA6aG9zdCAud3JhcHBlcjpob3ZlciB7XG4gICAgY29sb3I6ICMwMDY1YTM7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbiB7XG4gICAgcGFkZGluZzogMTBweCAzMHB4O1xuICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgIGJvcmRlci1jb2xvcjogIzAwODhkYztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA4OGRjO1xuICAgIGNvbG9yOiAjZjZmNmY2O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbiBhIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuYnV0dG9uOmhvdmVyLCA6aG9zdCAud3JhcHBlci5idXR0b24uYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2NWEzO1xuICAgIGJvcmRlci1jb2xvcjogIzAwNjVhMztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5idXR0b24uc2Vjb25kYXJ5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGNvbG9yOiAjMDA4OGRjO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5zZWNvbmRhcnk6aG92ZXIsIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGJvcmRlci1jb2xvcjogIzAwNjVhMztcbiAgICBjb2xvcjogIzAwNjVhMztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5idXR0b24uZm9jdXMge1xuICAgIGJveC1zaGFkb3c6IDAgMCAycHggNHB4IHJnYmEoMCwgMTM2LCAyMjAsIDAuNSk7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZHJvcGRvd24ge1xuICAgIHBhZGRpbmctcmlnaHQ6IDM1cHg7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZHJvcGRvd24gLmRyb3Bkb3duLWljb24ge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAwO1xuICAgIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci10b3A6IDVweCBzb2xpZCAjMDA4OGRjO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gMnB4KTtcbiAgICByaWdodDogMTVweDtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5jb250ZXh0dWFsIGEge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5jb250ZXh0dWFsIC5jb250ZXh0dWFsLWljb24ge1xuICAgIGRpc3BsYXk6IGluaXRpYWw7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbiB7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAjYzVjNWM1O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmljb24gLm1hdGVyaWFsLWljb25zIHtcbiAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uIGEge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uIGEgc3BhbiB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMjVlbTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uOmhvdmVyIHtcbiAgICBib3JkZXItY29sb3I6ICMwMDY1YTM7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbi5mb2N1cyB7XG4gICAgYm94LXNoYWRvdzogMCAwIDJweCA0cHggcmdiYSgwLCAxMzYsIDIyMCwgMC4yNSk7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbi5mb2N1czpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMCAwIDJweCA0cHggcmdiYSgwLCAxMDEsIDE2MywgMC4yNSk7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogIzAwODhkYztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5mb2N1czpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAjMDA2NWEzO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBjb2xvcjogI2M1YzVjNTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZDpob3ZlciB7XG4gICAgY29sb3I6ICNjNWM1YzU7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmJ1dHRvbiB7XG4gICAgY29sb3I6ICNmNmY2ZjY7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2UyZTJlMjtcbiAgICBib3JkZXItY29sb3I6ICNlMmUyZTI7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuYnV0dG9uLnNlY29uZGFyeSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICBjb2xvcjogI2UyZTJlMjtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5pY29uLCA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5pY29uIC5tYXQtZmxhdC1idXR0b24ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNlY2VjZWM7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuZm9jdXMsIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmljb24ge1xuICAgIGJvcmRlci1jb2xvcjogI2M1YzVjNTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5mb2N1czpob3ZlciwgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuaWNvbjpob3ZlciB7XG4gICAgY29sb3I6ICNjNWM1YzU7XG4gIH1cbiAgOmhvc3QgdmwtZmx5b3V0IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiBjYWxjKDEwMCUgKyAxM3B4KTtcbiAgICBsZWZ0OiBjYWxjKDUwJSAtIDE1cHgpO1xuICB9XG4gIGBdLFxufSlcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgY2xhc3MgTGlua0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dGbHlvdXQ7XG5cbiAgQElucHV0KCkgaHJlZiA9ICcjJztcblxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG5cbiAgQElucHV0KCkgdHlwb2dyYXBoeUNsYXNzID0gJyc7XG5cbiAgQElucHV0KCkgaWNvbkNsYXNzOiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pY29uJykgZ2V0IGlzSWNvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pY29uQ2xhc3MgIT09IHVuZGVmaW5lZDtcbiAgfVxuXG4gIEBJbnB1dCgpIGJ1dHRvbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHNlY29uZGFyeSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGNvbnRleHR1YWwgPSBmYWxzZTtcblxuICBASW5wdXQoKSBkcm9wZG93biA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY29udGV4dHVhbCcpIGdldCBpc0NvbnRleHR1YWwoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY29udGV4dHVhbDtcbiAgfVxuXG4gIEBJbnB1dCgpIGFjdGlvbkl0ZW1zID0gW107XG5cbiAgQElucHV0KCkgZm9jdXMgPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZvY3VzJykgZ2V0IGlzRm9jdXNlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5mb2N1cztcbiAgfVxuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKSBvbkNsaWNrKGUpOiB2b2lkIHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYgKHRoaXMuYWN0aW9uSXRlbXMpIHtcbiAgICAgIHRoaXMuc2hvd0ZseW91dCA9ICF0aGlzLnNob3dGbHlvdXQ7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYWN0aW9uSXRlbXMpIHtcbiAgICAgIHRoaXMuc2hvd0ZseW91dCA9IGZhbHNlO1xuICAgIH1cbiAgICBpZiAodGhpcy5idXR0b24gJiYgIXRoaXMudHlwb2dyYXBoeUNsYXNzKSB7XG4gICAgICB0aGlzLnR5cG9ncmFwaHlDbGFzcyA9ICdtYXQtYm9keS1ib2xkLTInO1xuICAgIH1cbiAgfVxufVxuIl19 |
@@ -16,4 +16,6 @@ /* | ||
| export * from './lib/progress-indicator/progress-indicator.module'; | ||
| export * from './lib/modal-notification/modal-notification.component'; | ||
| export * from './lib/modal-notification/modal-notification.module'; | ||
| export * from './lib/toast-notification/toast-notification.component'; | ||
| export * from './lib/toast-notification/toast-notification.module'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3ZsY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsZ0NBQWdDLENBQUM7QUFFL0MsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxvREFBb0QsQ0FBQztBQUVuRSxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsb0RBQW9ELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHZsXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGEtdGFibGUvZGF0YS10YWJsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0YS10YWJsZS9kYXRhLXRhYmxlLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi9kcm9wZG93bi5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mbHlvdXQvZmx5b3V0Lm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpbmsvbGluay5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGluay9saW5rLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3IuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3IubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3Qtbm90aWZpY2F0aW9uL3RvYXN0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3Qtbm90aWZpY2F0aW9uL3RvYXN0LW5vdGlmaWNhdGlvbi5tb2R1bGUnO1xuIl19 | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3ZsY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsZ0NBQWdDLENBQUM7QUFFL0MsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxvREFBb0QsQ0FBQztBQUVuRSxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsb0RBQW9ELENBQUM7QUFFbkUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLG9EQUFvRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB2bFxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGVja2JveC9jaGVja2JveC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRhLXRhYmxlL2RhdGEtdGFibGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGEtdGFibGUvZGF0YS10YWJsZS5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24vZHJvcGRvd24ubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvZmx5b3V0L2ZseW91dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZmx5b3V0L2ZseW91dC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saW5rL2xpbmsuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpbmsvbGluay5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLW5vdGlmaWNhdGlvbi9tb2RhbC1ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLW5vdGlmaWNhdGlvbi9tb2RhbC1ub3RpZmljYXRpb24ubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3Qtbm90aWZpY2F0aW9uL3RvYXN0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3Qtbm90aWZpY2F0aW9uL3RvYXN0LW5vdGlmaWNhdGlvbi5tb2R1bGUnO1xuIl19 |
@@ -114,3 +114,3 @@ import { __decorate } from "tslib"; | ||
| template: "<div\n class=\"wrapper\"\n [class.icon]=\"iconClass !== undefined\"\n [class.button]=\"button\"\n [class.secondary]=\"button && secondary\"\n [class.active]=\"active\"\n [class.contextual]=\"contextual\"\n [class.dropdown]=\"dropdown\"\n [class.focus]=\"focus\"\n [class.disabled]=\"disabled\"\n >\n <a\n [class.mat-flat-button]=\"!button\"\n [class.mat-button]=\"button\"\n href=\"{{ href }}\"\n [class.contextual]=\"contextual\"\n >\n <i *ngIf=\"iconClass\" class=\"material-icons\">{{ iconClass }}</i>\n <span *ngIf=\"text\" [class]=\"typographyClass\">\n {{ text }}\n </span>\n </a>\n\n <i *ngIf=\"dropdown\" class=\"dropdown-icon\"></i>\n\n <i *ngIf=\"contextual\" class=\"material-icons contextual-icon\">arrow_right_alt</i>\n </div>\n\n <vl-flyout\n *ngIf=\"actionItems.length\"\n [items]=\"actionItems\"\n class=\"mat-body-semi-bold-3\"\n [style.display]=\"showFlyout ? 'block' : 'none'\"\n ></vl-flyout>\n ", | ||
| styles: ["/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-block;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: inline-block;\n vertical-align: top;\n color: inherit;\n }\n :host .wrapper a i,\n :host .wrapper a span {\n vertical-align: top;\n }\n :host .wrapper .contextual-icon {\n position: relative;\n top: -3px;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: \"\";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n margin-top: -2px;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n "] | ||
| styles: ["/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-flex;\n align-items: center;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: flex;\n color: inherit;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: \"\";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n line-height: inherit;\n }\n :host .wrapper.icon a {\n text-decoration: none;\n }\n :host .wrapper.icon a span {\n text-decoration: underline;\n margin-left: 0.25em;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n "] | ||
| }) | ||
@@ -122,2 +122,2 @@ // eslint-disable-next-line import/prefer-default-export | ||
| export { LinkComponent }; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly92bGNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbGluay9saW5rLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQThLcEY7SUFEQSx3REFBd0Q7SUFDeEQ7UUFHVyxTQUFJLEdBQUcsR0FBRyxDQUFDO1FBSVgsb0JBQWUsR0FBRyxFQUFFLENBQUM7UUFRckIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQU1qQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBTWQsYUFBUSxHQUFHLEtBQUssQ0FBQztJQXFCNUIsQ0FBQztJQS9DNEIsc0JBQUksaUNBQU07YUFBVjtZQUN6QixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssU0FBUyxDQUFDO1FBQ3RDLENBQUM7OztPQUFBO0lBWWdDLHNCQUFJLHVDQUFZO2FBQWhCO1lBQy9CLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN6QixDQUFDOzs7T0FBQTtJQU0yQixzQkFBSSxvQ0FBUzthQUFiO1lBQzFCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztRQUNwQixDQUFDOzs7T0FBQTtJQUk4QixzQkFBSSxxQ0FBVTthQUFkO1lBQzdCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUN2QixDQUFDOzs7T0FBQTtJQUVrQywrQkFBTyxHQUFQLFVBQVEsQ0FBQztRQUMxQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVELGdDQUFRLEdBQVI7UUFDRSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7U0FDekI7UUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUM7U0FDMUM7SUFDSCxDQUFDO0lBdERRO1FBQVIsS0FBSyxFQUFFOytDQUFZO0lBRVg7UUFBUixLQUFLLEVBQUU7K0NBQWM7SUFFYjtRQUFSLEtBQUssRUFBRTswREFBc0I7SUFFckI7UUFBUixLQUFLLEVBQUU7b0RBQW1CO0lBRUE7UUFBMUIsV0FBVyxDQUFDLFlBQVksQ0FBQzsrQ0FFekI7SUFFUTtRQUFSLEtBQUssRUFBRTtpREFBZ0I7SUFFZjtRQUFSLEtBQUssRUFBRTtvREFBbUI7SUFFbEI7UUFBUixLQUFLLEVBQUU7aURBQWdCO0lBRWY7UUFBUixLQUFLLEVBQUU7cURBQW9CO0lBRW5CO1FBQVIsS0FBSyxFQUFFO21EQUFrQjtJQUVPO1FBQWhDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQztxREFFL0I7SUFFUTtRQUFSLEtBQUssRUFBRTtzREFBa0I7SUFFakI7UUFBUixLQUFLLEVBQUU7Z0RBQWU7SUFFSztRQUEzQixXQUFXLENBQUMsYUFBYSxDQUFDO2tEQUUxQjtJQUVRO1FBQVIsS0FBSyxFQUFFO21EQUFrQjtJQUVLO1FBQTlCLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQzttREFFN0I7SUFFa0M7UUFBbEMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dEQUtqQztJQWhEVSxhQUFhO1FBNUt6QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsU0FBUztZQUNuQixRQUFRLEVBQUUscy9CQWtDVDtxQkFDUSxzbUdBb0lSO1NBQ0YsQ0FBQztRQUNGLHdEQUF3RDtPQUMzQyxhQUFhLENBMER6QjtJQUFELG9CQUFDO0NBQUEsQUExREQsSUEwREM7U0ExRFksYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2bC1saW5rJyxcbiAgdGVtcGxhdGU6IGA8ZGl2XG4gICAgY2xhc3M9XCJ3cmFwcGVyXCJcbiAgICBbY2xhc3MuaWNvbl09XCJpY29uQ2xhc3MgIT09IHVuZGVmaW5lZFwiXG4gICAgW2NsYXNzLmJ1dHRvbl09XCJidXR0b25cIlxuICAgIFtjbGFzcy5zZWNvbmRhcnldPVwiYnV0dG9uICYmIHNlY29uZGFyeVwiXG4gICAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIlxuICAgIFtjbGFzcy5jb250ZXh0dWFsXT1cImNvbnRleHR1YWxcIlxuICAgIFtjbGFzcy5kcm9wZG93bl09XCJkcm9wZG93blwiXG4gICAgW2NsYXNzLmZvY3VzXT1cImZvY3VzXCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICA+XG4gICAgPGFcbiAgICAgIFtjbGFzcy5tYXQtZmxhdC1idXR0b25dPVwiIWJ1dHRvblwiXG4gICAgICBbY2xhc3MubWF0LWJ1dHRvbl09XCJidXR0b25cIlxuICAgICAgaHJlZj1cInt7IGhyZWYgfX1cIlxuICAgICAgW2NsYXNzLmNvbnRleHR1YWxdPVwiY29udGV4dHVhbFwiXG4gICAgPlxuICAgICAgPGkgKm5nSWY9XCJpY29uQ2xhc3NcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+e3sgaWNvbkNsYXNzIH19PC9pPlxuICAgICAgPHNwYW4gKm5nSWY9XCJ0ZXh0XCIgW2NsYXNzXT1cInR5cG9ncmFwaHlDbGFzc1wiPlxuICAgICAge3sgdGV4dCB9fVxuICAgIDwvc3Bhbj5cbiAgICA8L2E+XG5cbiAgICA8aSAqbmdJZj1cImRyb3Bkb3duXCIgY2xhc3M9XCJkcm9wZG93bi1pY29uXCI+PC9pPlxuXG4gICAgPGkgKm5nSWY9XCJjb250ZXh0dWFsXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBjb250ZXh0dWFsLWljb25cIj5hcnJvd19yaWdodF9hbHQ8L2k+XG4gIDwvZGl2PlxuXG4gIDx2bC1mbHlvdXRcbiAgICAqbmdJZj1cImFjdGlvbkl0ZW1zLmxlbmd0aFwiXG4gICAgW2l0ZW1zXT1cImFjdGlvbkl0ZW1zXCJcbiAgICBjbGFzcz1cIm1hdC1ib2R5LXNlbWktYm9sZC0zXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCJzaG93Rmx5b3V0ID8gJ2Jsb2NrJyA6ICdub25lJ1wiXG4gID48L3ZsLWZseW91dD5cbiAgYCxcbiAgc3R5bGVzOiBbYC8qIFZMIEN1c3RvbSBDb2xvcnMgKi9cbiAgOmhvc3Qge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgfVxuICA6aG9zdC5uby1wYWRkaW5nIC53cmFwcGVyIHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gIDpob3N0IC53cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgaGVpZ2h0OiAxOXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxOXB4O1xuICAgIGNvbG9yOiAjMDA4OGRjO1xuICAgIGJvcmRlcjogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBwYWRkaW5nOiAxMHB4O1xuICB9XG4gIDpob3N0IC53cmFwcGVyIGEge1xuICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuICA6aG9zdCAud3JhcHBlciBhIGksXG4gIDpob3N0IC53cmFwcGVyIGEgc3BhbiB7XG4gICAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgfVxuICA6aG9zdCAud3JhcHBlciAuY29udGV4dHVhbC1pY29uIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdG9wOiAtM3B4O1xuICB9XG4gIDpob3N0IC53cmFwcGVyOmhvdmVyIHtcbiAgICBjb2xvcjogIzAwNjVhMztcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuYnV0dG9uIHtcbiAgICBwYWRkaW5nOiAxMHB4IDMwcHg7XG4gICAgYm9yZGVyLXdpZHRoOiAycHg7XG4gICAgYm9yZGVyLWNvbG9yOiAjMDA4OGRjO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDg4ZGM7XG4gICAgY29sb3I6ICNmNmY2ZjY7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuYnV0dG9uIGEge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5idXR0b246aG92ZXIsIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5hY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDY1YTM7XG4gICAgYm9yZGVyLWNvbG9yOiAjMDA2NWEzO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5zZWNvbmRhcnkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgY29sb3I6ICMwMDg4ZGM7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuYnV0dG9uLnNlY29uZGFyeTpob3ZlciwgOmhvc3QgLndyYXBwZXIuYnV0dG9uLnNlY29uZGFyeS5hY3RpdmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgYm9yZGVyLWNvbG9yOiAjMDA2NWEzO1xuICAgIGNvbG9yOiAjMDA2NWEzO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5mb2N1cyB7XG4gICAgYm94LXNoYWRvdzogMCAwIDJweCA0cHggcmdiYSgwLCAxMzYsIDIyMCwgMC41KTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kcm9wZG93biB7XG4gICAgcGFkZGluZy1yaWdodDogMzVweDtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kcm9wZG93biAuZHJvcGRvd24taWNvbiB7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDA7XG4gICAgYm9yZGVyOiA0cHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLXRvcDogNXB4IHNvbGlkICMwMDg4ZGM7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogY2FsYyg1MCUgLSAycHgpO1xuICAgIHJpZ2h0OiAxNXB4O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmNvbnRleHR1YWwgYSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmNvbnRleHR1YWwgLmNvbnRleHR1YWwtaWNvbiB7XG4gICAgZGlzcGxheTogaW5pdGlhbDtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uIHtcbiAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICBib3JkZXItY29sb3I6ICNjNWM1YzU7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbiAubWF0ZXJpYWwtaWNvbnMge1xuICAgIG1hcmdpbi10b3A6IC0ycHg7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAjMDA2NWEzO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmljb24uZm9jdXMge1xuICAgIGJveC1zaGFkb3c6IDAgMCAycHggNHB4IHJnYmEoMCwgMTM2LCAyMjAsIDAuMjUpO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmljb24uZm9jdXM6aG92ZXIge1xuICAgIGJveC1zaGFkb3c6IDAgMCAycHggNHB4IHJnYmEoMCwgMTAxLCAxNjMsIDAuMjUpO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmZvY3VzIHtcbiAgICBib3JkZXItY29sb3I6ICMwMDg4ZGM7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZm9jdXM6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogIzAwNjVhMztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZCB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgY29sb3I6ICNjNWM1YzU7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQ6aG92ZXIge1xuICAgIGNvbG9yOiAjYzVjNWM1O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5idXR0b24ge1xuICAgIGNvbG9yOiAjZjZmNmY2O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNlMmUyZTI7XG4gICAgYm9yZGVyLWNvbG9yOiAjZTJlMmUyO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmJ1dHRvbi5zZWNvbmRhcnkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG4gICAgY29sb3I6ICNlMmUyZTI7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuaWNvbiwgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuaWNvbiAubWF0LWZsYXQtYnV0dG9uIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWNlY2VjO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmZvY3VzLCA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5pY29uIHtcbiAgICBib3JkZXItY29sb3I6ICNjNWM1YzU7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuZm9jdXM6aG92ZXIsIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmljb246aG92ZXIge1xuICAgIGNvbG9yOiAjYzVjNWM1O1xuICB9XG4gIDpob3N0IHZsLWZseW91dCB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogY2FsYygxMDAlICsgMTNweCk7XG4gICAgbGVmdDogY2FsYyg1MCUgLSAxNXB4KTtcbiAgfVxuICBgXSxcbn0pXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgaW1wb3J0L3ByZWZlci1kZWZhdWx0LWV4cG9ydFxuZXhwb3J0IGNsYXNzIExpbmtDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBzaG93Rmx5b3V0O1xuXG4gIEBJbnB1dCgpIGhyZWYgPSAnIyc7XG5cbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHR5cG9ncmFwaHlDbGFzcyA9ICcnO1xuXG4gIEBJbnB1dCgpIGljb25DbGFzczogc3RyaW5nO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaWNvbicpIGdldCBpc0ljb24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaWNvbkNsYXNzICE9PSB1bmRlZmluZWQ7XG4gIH1cblxuICBASW5wdXQoKSBidXR0b24gPSBmYWxzZTtcblxuICBASW5wdXQoKSBzZWNvbmRhcnkgPSBmYWxzZTtcblxuICBASW5wdXQoKSBhY3RpdmUgPSBmYWxzZTtcblxuICBASW5wdXQoKSBjb250ZXh0dWFsID0gZmFsc2U7XG5cbiAgQElucHV0KCkgZHJvcGRvd24gPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvbnRleHR1YWwnKSBnZXQgaXNDb250ZXh0dWFsKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmNvbnRleHR1YWw7XG4gIH1cblxuICBASW5wdXQoKSBhY3Rpb25JdGVtcyA9IFtdO1xuXG4gIEBJbnB1dCgpIGZvY3VzID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mb2N1cycpIGdldCBpc0ZvY3VzZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuZm9jdXM7XG4gIH1cblxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGlzYWJsZWQnKSBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZDtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQnXSkgb25DbGljayhlKTogdm9pZCB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGlmICh0aGlzLmFjdGlvbkl0ZW1zKSB7XG4gICAgICB0aGlzLnNob3dGbHlvdXQgPSAhdGhpcy5zaG93Rmx5b3V0O1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmFjdGlvbkl0ZW1zKSB7XG4gICAgICB0aGlzLnNob3dGbHlvdXQgPSBmYWxzZTtcbiAgICB9XG4gICAgaWYgKHRoaXMuYnV0dG9uICYmICF0aGlzLnR5cG9ncmFwaHlDbGFzcykge1xuICAgICAgdGhpcy50eXBvZ3JhcGh5Q2xhc3MgPSAnbWF0LWJvZHktYm9sZC0yJztcbiAgICB9XG4gIH1cbn1cbiJdfQ== | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly92bGNvbXBvbmVudHMvIiwic291cmNlcyI6WyJsaWIvbGluay9saW5rLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQTZLcEY7SUFEQSx3REFBd0Q7SUFDeEQ7UUFHVyxTQUFJLEdBQUcsR0FBRyxDQUFDO1FBSVgsb0JBQWUsR0FBRyxFQUFFLENBQUM7UUFRckIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUVmLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQU1qQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBTWQsYUFBUSxHQUFHLEtBQUssQ0FBQztJQXFCNUIsQ0FBQztJQS9DNEIsc0JBQUksaUNBQU07YUFBVjtZQUN6QixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssU0FBUyxDQUFDO1FBQ3RDLENBQUM7OztPQUFBO0lBWWdDLHNCQUFJLHVDQUFZO2FBQWhCO1lBQy9CLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUN6QixDQUFDOzs7T0FBQTtJQU0yQixzQkFBSSxvQ0FBUzthQUFiO1lBQzFCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztRQUNwQixDQUFDOzs7T0FBQTtJQUk4QixzQkFBSSxxQ0FBVTthQUFkO1lBQzdCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUN2QixDQUFDOzs7T0FBQTtJQUVrQywrQkFBTyxHQUFQLFVBQVEsQ0FBQztRQUMxQyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVELGdDQUFRLEdBQVI7UUFDRSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7U0FDekI7UUFDRCxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hDLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUM7U0FDMUM7SUFDSCxDQUFDO0lBdERRO1FBQVIsS0FBSyxFQUFFOytDQUFZO0lBRVg7UUFBUixLQUFLLEVBQUU7K0NBQWM7SUFFYjtRQUFSLEtBQUssRUFBRTswREFBc0I7SUFFckI7UUFBUixLQUFLLEVBQUU7b0RBQW1CO0lBRUE7UUFBMUIsV0FBVyxDQUFDLFlBQVksQ0FBQzsrQ0FFekI7SUFFUTtRQUFSLEtBQUssRUFBRTtpREFBZ0I7SUFFZjtRQUFSLEtBQUssRUFBRTtvREFBbUI7SUFFbEI7UUFBUixLQUFLLEVBQUU7aURBQWdCO0lBRWY7UUFBUixLQUFLLEVBQUU7cURBQW9CO0lBRW5CO1FBQVIsS0FBSyxFQUFFO21EQUFrQjtJQUVPO1FBQWhDLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQztxREFFL0I7SUFFUTtRQUFSLEtBQUssRUFBRTtzREFBa0I7SUFFakI7UUFBUixLQUFLLEVBQUU7Z0RBQWU7SUFFSztRQUEzQixXQUFXLENBQUMsYUFBYSxDQUFDO2tEQUUxQjtJQUVRO1FBQVIsS0FBSyxFQUFFO21EQUFrQjtJQUVLO1FBQTlCLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQzttREFFN0I7SUFFa0M7UUFBbEMsWUFBWSxDQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dEQUtqQztJQWhEVSxhQUFhO1FBM0t6QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsU0FBUztZQUNuQixRQUFRLEVBQUUscy9CQWtDVDtxQkFDUSx5bEdBbUlSO1NBQ0YsQ0FBQztRQUNGLHdEQUF3RDtPQUMzQyxhQUFhLENBMER6QjtJQUFELG9CQUFDO0NBQUEsQUExREQsSUEwREM7U0ExRFksYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2bC1saW5rJyxcbiAgdGVtcGxhdGU6IGA8ZGl2XG4gICAgY2xhc3M9XCJ3cmFwcGVyXCJcbiAgICBbY2xhc3MuaWNvbl09XCJpY29uQ2xhc3MgIT09IHVuZGVmaW5lZFwiXG4gICAgW2NsYXNzLmJ1dHRvbl09XCJidXR0b25cIlxuICAgIFtjbGFzcy5zZWNvbmRhcnldPVwiYnV0dG9uICYmIHNlY29uZGFyeVwiXG4gICAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIlxuICAgIFtjbGFzcy5jb250ZXh0dWFsXT1cImNvbnRleHR1YWxcIlxuICAgIFtjbGFzcy5kcm9wZG93bl09XCJkcm9wZG93blwiXG4gICAgW2NsYXNzLmZvY3VzXT1cImZvY3VzXCJcbiAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICA+XG4gICAgPGFcbiAgICAgIFtjbGFzcy5tYXQtZmxhdC1idXR0b25dPVwiIWJ1dHRvblwiXG4gICAgICBbY2xhc3MubWF0LWJ1dHRvbl09XCJidXR0b25cIlxuICAgICAgaHJlZj1cInt7IGhyZWYgfX1cIlxuICAgICAgW2NsYXNzLmNvbnRleHR1YWxdPVwiY29udGV4dHVhbFwiXG4gICAgPlxuICAgICAgPGkgKm5nSWY9XCJpY29uQ2xhc3NcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+e3sgaWNvbkNsYXNzIH19PC9pPlxuICAgICAgPHNwYW4gKm5nSWY9XCJ0ZXh0XCIgW2NsYXNzXT1cInR5cG9ncmFwaHlDbGFzc1wiPlxuICAgICAge3sgdGV4dCB9fVxuICAgIDwvc3Bhbj5cbiAgICA8L2E+XG5cbiAgICA8aSAqbmdJZj1cImRyb3Bkb3duXCIgY2xhc3M9XCJkcm9wZG93bi1pY29uXCI+PC9pPlxuXG4gICAgPGkgKm5nSWY9XCJjb250ZXh0dWFsXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBjb250ZXh0dWFsLWljb25cIj5hcnJvd19yaWdodF9hbHQ8L2k+XG4gIDwvZGl2PlxuXG4gIDx2bC1mbHlvdXRcbiAgICAqbmdJZj1cImFjdGlvbkl0ZW1zLmxlbmd0aFwiXG4gICAgW2l0ZW1zXT1cImFjdGlvbkl0ZW1zXCJcbiAgICBjbGFzcz1cIm1hdC1ib2R5LXNlbWktYm9sZC0zXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCJzaG93Rmx5b3V0ID8gJ2Jsb2NrJyA6ICdub25lJ1wiXG4gID48L3ZsLWZseW91dD5cbiAgYCxcbiAgc3R5bGVzOiBbYC8qIFZMIEN1c3RvbSBDb2xvcnMgKi9cbiAgOmhvc3Qge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgfVxuICA6aG9zdC5uby1wYWRkaW5nIC53cmFwcGVyIHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gIDpob3N0IC53cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGhlaWdodDogMTlweDtcbiAgICBsaW5lLWhlaWdodDogMTlweDtcbiAgICBjb2xvcjogIzAwODhkYztcbiAgICBib3JkZXI6IDJweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgcGFkZGluZzogMTBweDtcbiAgfVxuICA6aG9zdCAud3JhcHBlciBhIHtcbiAgICBjdXJzb3I6IGluaGVyaXQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuICA6aG9zdCAud3JhcHBlcjpob3ZlciB7XG4gICAgY29sb3I6ICMwMDY1YTM7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbiB7XG4gICAgcGFkZGluZzogMTBweCAzMHB4O1xuICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgIGJvcmRlci1jb2xvcjogIzAwODhkYztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA4OGRjO1xuICAgIGNvbG9yOiAjZjZmNmY2O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbiBhIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuYnV0dG9uOmhvdmVyLCA6aG9zdCAud3JhcHBlci5idXR0b24uYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMDA2NWEzO1xuICAgIGJvcmRlci1jb2xvcjogIzAwNjVhMztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5idXR0b24uc2Vjb25kYXJ5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGNvbG9yOiAjMDA4OGRjO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5zZWNvbmRhcnk6aG92ZXIsIDpob3N0IC53cmFwcGVyLmJ1dHRvbi5zZWNvbmRhcnkuYWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGJvcmRlci1jb2xvcjogIzAwNjVhMztcbiAgICBjb2xvcjogIzAwNjVhMztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5idXR0b24uZm9jdXMge1xuICAgIGJveC1zaGFkb3c6IDAgMCAycHggNHB4IHJnYmEoMCwgMTM2LCAyMjAsIDAuNSk7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZHJvcGRvd24ge1xuICAgIHBhZGRpbmctcmlnaHQ6IDM1cHg7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZHJvcGRvd24gLmRyb3Bkb3duLWljb24ge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAwO1xuICAgIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci10b3A6IDVweCBzb2xpZCAjMDA4OGRjO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IGNhbGMoNTAlIC0gMnB4KTtcbiAgICByaWdodDogMTVweDtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5jb250ZXh0dWFsIGEge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5jb250ZXh0dWFsIC5jb250ZXh0dWFsLWljb24ge1xuICAgIGRpc3BsYXk6IGluaXRpYWw7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbiB7XG4gICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgYm9yZGVyLWNvbG9yOiAjYzVjNWM1O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmljb24gLm1hdGVyaWFsLWljb25zIHtcbiAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uIGEge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uIGEgc3BhbiB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgbWFyZ2luLWxlZnQ6IDAuMjVlbTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5pY29uOmhvdmVyIHtcbiAgICBib3JkZXItY29sb3I6ICMwMDY1YTM7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbi5mb2N1cyB7XG4gICAgYm94LXNoYWRvdzogMCAwIDJweCA0cHggcmdiYSgwLCAxMzYsIDIyMCwgMC4yNSk7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuaWNvbi5mb2N1czpob3ZlciB7XG4gICAgYm94LXNoYWRvdzogMCAwIDJweCA0cHggcmdiYSgwLCAxMDEsIDE2MywgMC4yNSk7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZm9jdXMge1xuICAgIGJvcmRlci1jb2xvcjogIzAwODhkYztcbiAgfVxuICA6aG9zdCAud3JhcHBlci5mb2N1czpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAjMDA2NWEzO1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBjb2xvcjogI2M1YzVjNTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZDpob3ZlciB7XG4gICAgY29sb3I6ICNjNWM1YzU7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG4gIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmJ1dHRvbiB7XG4gICAgY29sb3I6ICNmNmY2ZjY7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2UyZTJlMjtcbiAgICBib3JkZXItY29sb3I6ICNlMmUyZTI7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuYnV0dG9uLnNlY29uZGFyeSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgICBjb2xvcjogI2UyZTJlMjtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5pY29uLCA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5pY29uIC5tYXQtZmxhdC1idXR0b24ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNlY2VjZWM7XG4gIH1cbiAgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuZm9jdXMsIDpob3N0IC53cmFwcGVyLmRpc2FibGVkLmljb24ge1xuICAgIGJvcmRlci1jb2xvcjogI2M1YzVjNTtcbiAgfVxuICA6aG9zdCAud3JhcHBlci5kaXNhYmxlZC5mb2N1czpob3ZlciwgOmhvc3QgLndyYXBwZXIuZGlzYWJsZWQuaWNvbjpob3ZlciB7XG4gICAgY29sb3I6ICNjNWM1YzU7XG4gIH1cbiAgOmhvc3QgdmwtZmx5b3V0IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiBjYWxjKDEwMCUgKyAxM3B4KTtcbiAgICBsZWZ0OiBjYWxjKDUwJSAtIDE1cHgpO1xuICB9XG4gIGBdLFxufSlcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvcHJlZmVyLWRlZmF1bHQtZXhwb3J0XG5leHBvcnQgY2xhc3MgTGlua0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dGbHlvdXQ7XG5cbiAgQElucHV0KCkgaHJlZiA9ICcjJztcblxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG5cbiAgQElucHV0KCkgdHlwb2dyYXBoeUNsYXNzID0gJyc7XG5cbiAgQElucHV0KCkgaWNvbkNsYXNzOiBzdHJpbmc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pY29uJykgZ2V0IGlzSWNvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pY29uQ2xhc3MgIT09IHVuZGVmaW5lZDtcbiAgfVxuXG4gIEBJbnB1dCgpIGJ1dHRvbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHNlY29uZGFyeSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGNvbnRleHR1YWwgPSBmYWxzZTtcblxuICBASW5wdXQoKSBkcm9wZG93biA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY29udGV4dHVhbCcpIGdldCBpc0NvbnRleHR1YWwoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY29udGV4dHVhbDtcbiAgfVxuXG4gIEBJbnB1dCgpIGFjdGlvbkl0ZW1zID0gW107XG5cbiAgQElucHV0KCkgZm9jdXMgPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZvY3VzJykgZ2V0IGlzRm9jdXNlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5mb2N1cztcbiAgfVxuXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRpc2FibGVkO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKSBvbkNsaWNrKGUpOiB2b2lkIHtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYgKHRoaXMuYWN0aW9uSXRlbXMpIHtcbiAgICAgIHRoaXMuc2hvd0ZseW91dCA9ICF0aGlzLnNob3dGbHlvdXQ7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuYWN0aW9uSXRlbXMpIHtcbiAgICAgIHRoaXMuc2hvd0ZseW91dCA9IGZhbHNlO1xuICAgIH1cbiAgICBpZiAodGhpcy5idXR0b24gJiYgIXRoaXMudHlwb2dyYXBoeUNsYXNzKSB7XG4gICAgICB0aGlzLnR5cG9ncmFwaHlDbGFzcyA9ICdtYXQtYm9keS1ib2xkLTInO1xuICAgIH1cbiAgfVxufVxuIl19 |
@@ -16,4 +16,6 @@ /* | ||
| export * from './lib/progress-indicator/progress-indicator.module'; | ||
| export * from './lib/modal-notification/modal-notification.component'; | ||
| export * from './lib/modal-notification/modal-notification.module'; | ||
| export * from './lib/toast-notification/toast-notification.component'; | ||
| export * from './lib/toast-notification/toast-notification.module'; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3ZsY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsZ0NBQWdDLENBQUM7QUFFL0MsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxvREFBb0QsQ0FBQztBQUVuRSxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsb0RBQW9ELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHZsXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGEtdGFibGUvZGF0YS10YWJsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0YS10YWJsZS9kYXRhLXRhYmxlLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi9kcm9wZG93bi5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mbHlvdXQvZmx5b3V0Lm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpbmsvbGluay5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbGluay9saW5rLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3IuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Byb2dyZXNzLWluZGljYXRvci9wcm9ncmVzcy1pbmRpY2F0b3IubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3Qtbm90aWZpY2F0aW9uL3RvYXN0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3Qtbm90aWZpY2F0aW9uL3RvYXN0LW5vdGlmaWNhdGlvbi5tb2R1bGUnO1xuIl19 | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3ZsY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsZ0NBQWdDLENBQUM7QUFFL0MsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUUvQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsNEJBQTRCLENBQUM7QUFFM0MsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDO0FBRXZDLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxvREFBb0QsQ0FBQztBQUVuRSxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsb0RBQW9ELENBQUM7QUFFbkUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLG9EQUFvRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB2bFxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGVja2JveC9jaGVja2JveC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRhLXRhYmxlL2RhdGEtdGFibGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGEtdGFibGUvZGF0YS10YWJsZS5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24vZHJvcGRvd24ubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvZmx5b3V0L2ZseW91dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZmx5b3V0L2ZseW91dC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saW5rL2xpbmsuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpbmsvbGluay5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm9ncmVzcy1pbmRpY2F0b3IvcHJvZ3Jlc3MtaW5kaWNhdG9yLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLW5vdGlmaWNhdGlvbi9tb2RhbC1ub3RpZmljYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGFsLW5vdGlmaWNhdGlvbi9tb2RhbC1ub3RpZmljYXRpb24ubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3Qtbm90aWZpY2F0aW9uL3RvYXN0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9hc3Qtbm90aWZpY2F0aW9uL3RvYXN0LW5vdGlmaWNhdGlvbi5tb2R1bGUnO1xuIl19 |
@@ -477,3 +477,4 @@ import { __decorate, __param } from 'tslib'; | ||
| :host .wrapper { | ||
| display: inline-block; | ||
| display: inline-flex; | ||
| align-items: center; | ||
| height: 19px; | ||
@@ -488,14 +489,5 @@ line-height: 19px; | ||
| cursor: inherit; | ||
| display: inline-block; | ||
| vertical-align: top; | ||
| display: flex; | ||
| color: inherit; | ||
| } | ||
| :host .wrapper a i, | ||
| :host .wrapper a span { | ||
| vertical-align: top; | ||
| } | ||
| :host .wrapper .contextual-icon { | ||
| position: relative; | ||
| top: -3px; | ||
| } | ||
| :host .wrapper:hover { | ||
@@ -555,4 +547,11 @@ color: #0065a3; | ||
| :host .wrapper.icon .material-icons { | ||
| margin-top: -2px; | ||
| line-height: inherit; | ||
| } | ||
| :host .wrapper.icon a { | ||
| text-decoration: none; | ||
| } | ||
| :host .wrapper.icon a span { | ||
| text-decoration: underline; | ||
| margin-left: 0.25em; | ||
| } | ||
| :host .wrapper.icon:hover { | ||
@@ -1024,5 +1023,195 @@ border-color: #0065a3; | ||
| const template$3 = `<div | ||
| const template$3 = ` | ||
| <div | ||
| class="mat-typography modal {{ data.type }}" | ||
| > | ||
| <header class="header"> | ||
| <div *ngIf="!!data.headline" class="icon-wrapper"> | ||
| <div class="background-wrapper"><i class="background"></i></div> | ||
| <i class="material-icons icon {{getIconClass()}}">{{ getIconClass() }}</i> | ||
| </div> | ||
| <span class="mat-header-2 text">{{ data.headline }}</span> | ||
| </header> | ||
| <div class="body mat-body-2" [innerHTML]="data.message"> | ||
| </div> | ||
| <footer> | ||
| <vl-link class="footer" button="true" text="okay"></vl-link> | ||
| </footer> | ||
| </div>`; | ||
| const style$2 = `/* VL Custom Colors */ | ||
| .modal { | ||
| position: relative; | ||
| width: 300px; | ||
| padding: 2em; | ||
| color: #282828; | ||
| } | ||
| .modal.success .icon { | ||
| background-color: rgba(75, 192, 101, 0.85); | ||
| } | ||
| .modal.error .icon { | ||
| background-color: rgba(206, 0, 11, 0.85); | ||
| } | ||
| .modal.warn .icon { | ||
| background-color: rgba(249, 176, 18, 0.85); | ||
| } | ||
| .modal.info .icon { | ||
| background-color: rgba(0, 136, 220, 0.85); | ||
| } | ||
| .modal .header, .modal .body, .modal .footer { | ||
| display: flex; | ||
| } | ||
| .modal .header, .modal .body { | ||
| flex-direction: column; | ||
| align-items: center; | ||
| } | ||
| .modal .header { | ||
| margin-top: 1.5em; | ||
| } | ||
| .modal .footer { | ||
| flex-direction: row; | ||
| justify-content: space-around; | ||
| margin-top: 1em; | ||
| } | ||
| .modal header .icon-wrapper { | ||
| position: absolute; | ||
| top: -78px; | ||
| left: calc(50% - 78px); | ||
| } | ||
| .modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .background { | ||
| display: inline-block; | ||
| } | ||
| .modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .icon { | ||
| position: absolute; | ||
| } | ||
| .modal header .icon-wrapper .background-wrapper { | ||
| position: relative; | ||
| display: inline-block; | ||
| width: 156px; | ||
| height: 78px; | ||
| overflow: hidden; | ||
| } | ||
| .modal header .icon-wrapper .background { | ||
| position: relative; | ||
| left: calc(50% - 28px); | ||
| top: 50px; | ||
| width: 56px; | ||
| height: 56px; | ||
| background-color: #fff; | ||
| box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); | ||
| } | ||
| .modal header .icon-wrapper .icon, .modal header .icon-wrapper .background { | ||
| border-radius: 50%; | ||
| } | ||
| .modal header .icon-wrapper .icon { | ||
| color: #fff; | ||
| padding: 10px; | ||
| top: 56px; | ||
| left: calc(50% - 22px); | ||
| } | ||
| .modal header .text { | ||
| line-height: 32px; | ||
| margin-bottom: 8px; | ||
| } | ||
| .modal .body { | ||
| text-align: center; | ||
| } | ||
| .modal .close { | ||
| cursor: pointer; | ||
| } | ||
| `; | ||
| class ModalConfig { | ||
| constructor(data) { | ||
| // leave out the following in order to get a backdrop | ||
| // backdropClass = 'modal-notification-backdrop'; | ||
| this.panelClass = 'modal-notification-panel'; | ||
| this.data = data; | ||
| } | ||
| } | ||
| var ModalType; | ||
| (function (ModalType) { | ||
| ModalType["success"] = "success"; | ||
| ModalType["error"] = "error"; | ||
| ModalType["warn"] = "warn"; | ||
| ModalType["info"] = "info"; | ||
| })(ModalType || (ModalType = {})); | ||
| var ModalHeadline; | ||
| (function (ModalHeadline) { | ||
| ModalHeadline["complete"] = "Complete"; | ||
| ModalHeadline["wellDone"] = "Well Done"; | ||
| ModalHeadline["sorry"] = "Sorry"; | ||
| ModalHeadline["oops"] = "Oops"; | ||
| ModalHeadline["warning"] = "Warning"; | ||
| ModalHeadline["remember"] = "Remember"; | ||
| ModalHeadline["importantInfo"] = "Important Info"; | ||
| ModalHeadline["didYouKnow"] = "Did You Know?"; | ||
| })(ModalHeadline || (ModalHeadline = {})); | ||
| let ModalNotificationComponent = class ModalNotificationComponent { | ||
| constructor(dialogRef, data) { | ||
| this.dialogRef = dialogRef; | ||
| this.data = data; | ||
| console.log(this.dialogRef); | ||
| } | ||
| getIconClass() { | ||
| switch (this.data.type) { | ||
| case ModalType.success: | ||
| return 'done'; | ||
| case ModalType.error: | ||
| return 'error_outline'; | ||
| case ModalType.warn: | ||
| return 'warning'; | ||
| case ModalType.info: | ||
| default: | ||
| return 'info'; | ||
| } | ||
| } | ||
| autoClose() { | ||
| return this.data.closeAfter != null; | ||
| } | ||
| ngOnInit() { | ||
| if (this.data.type === undefined) { | ||
| this.data.type = ModalType.info; | ||
| } | ||
| if (this.data.closeAfter === undefined) { | ||
| this.data.closeAfter = 1000000; | ||
| } | ||
| if (this.autoClose()) { | ||
| setTimeout(() => { | ||
| this.close(); | ||
| }, this.data.closeAfter); | ||
| } | ||
| } | ||
| close() { | ||
| this.dialogRef.close(); | ||
| } | ||
| }; | ||
| ModalNotificationComponent.ctorParameters = () => [ | ||
| { type: MatDialogRef }, | ||
| { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] } | ||
| ]; | ||
| ModalNotificationComponent = __decorate([ | ||
| Component({ | ||
| selector: 'vl-modal-notification', | ||
| template: template$3, | ||
| styles: [style$2] | ||
| }), | ||
| __param(1, Inject(MAT_DIALOG_DATA)) | ||
| ], ModalNotificationComponent); | ||
| let ModalNotificationModule = class ModalNotificationModule { | ||
| }; | ||
| ModalNotificationModule = __decorate([ | ||
| NgModule({ | ||
| declarations: [ModalNotificationComponent], | ||
| exports: [ModalNotificationComponent], | ||
| imports: [ | ||
| CommonModule, | ||
| LinkModule, | ||
| FlyoutModule, | ||
| ] | ||
| }) | ||
| ], ModalNotificationModule); | ||
| const template$4 = `<div | ||
| class="mat-typography modal {{ data.type }}" | ||
| > | ||
| <div class="left-col"> | ||
@@ -1041,3 +1230,3 @@ <header *ngIf="!!data.headline"> | ||
| </div>`; | ||
| const style$2 = `/* VL Custom Colors */ | ||
| const style$3 = `/* VL Custom Colors */ | ||
| .modal { | ||
@@ -1183,4 +1372,4 @@ width: 400px; | ||
| selector: 'vl-toast-notification', | ||
| template: template$3, | ||
| styles: [style$2] | ||
| template: template$4, | ||
| styles: [style$3] | ||
| }), | ||
@@ -1210,3 +1399,3 @@ __param(1, Inject(MAT_DIALOG_DATA)) | ||
| export { CheckboxComponent, CheckboxModule, DataTableComponent, DataTableModule, DropdownComponent, DropdownModule, FlyoutComponent, FlyoutModule, LinkComponent, LinkModule, ProgressIndicatorComponent, ProgressIndicatorModule, ProgressStep, ToastConfig, ToastHeadline, ToastNotificationComponent, ToastNotificationModule, ToastType, validateDropdownItem, validateDropdownItemGroups, validateDropdownItems }; | ||
| export { CheckboxComponent, CheckboxModule, DataTableComponent, DataTableModule, DropdownComponent, DropdownModule, FlyoutComponent, FlyoutModule, LinkComponent, LinkModule, ModalConfig, ModalHeadline, ModalNotificationComponent, ModalNotificationModule, ModalType, ProgressIndicatorComponent, ProgressIndicatorModule, ProgressStep, ToastConfig, ToastHeadline, ToastNotificationComponent, ToastNotificationModule, ToastType, validateDropdownItem, validateDropdownItemGroups, validateDropdownItems }; | ||
| //# sourceMappingURL=vlcomponents.js.map |
@@ -310,3 +310,3 @@ import { __decorate, __values, __param } from 'tslib'; | ||
| template: "<div\n class=\"wrapper\"\n [class.icon]=\"iconClass !== undefined\"\n [class.button]=\"button\"\n [class.secondary]=\"button && secondary\"\n [class.active]=\"active\"\n [class.contextual]=\"contextual\"\n [class.dropdown]=\"dropdown\"\n [class.focus]=\"focus\"\n [class.disabled]=\"disabled\"\n >\n <a\n [class.mat-flat-button]=\"!button\"\n [class.mat-button]=\"button\"\n href=\"{{ href }}\"\n [class.contextual]=\"contextual\"\n >\n <i *ngIf=\"iconClass\" class=\"material-icons\">{{ iconClass }}</i>\n <span *ngIf=\"text\" [class]=\"typographyClass\">\n {{ text }}\n </span>\n </a>\n\n <i *ngIf=\"dropdown\" class=\"dropdown-icon\"></i>\n\n <i *ngIf=\"contextual\" class=\"material-icons contextual-icon\">arrow_right_alt</i>\n </div>\n\n <vl-flyout\n *ngIf=\"actionItems.length\"\n [items]=\"actionItems\"\n class=\"mat-body-semi-bold-3\"\n [style.display]=\"showFlyout ? 'block' : 'none'\"\n ></vl-flyout>\n ", | ||
| styles: ["/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-block;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: inline-block;\n vertical-align: top;\n color: inherit;\n }\n :host .wrapper a i,\n :host .wrapper a span {\n vertical-align: top;\n }\n :host .wrapper .contextual-icon {\n position: relative;\n top: -3px;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: \"\";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n margin-top: -2px;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n "] | ||
| styles: ["/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-flex;\n align-items: center;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: flex;\n color: inherit;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: \"\";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n line-height: inherit;\n }\n :host .wrapper.icon a {\n text-decoration: none;\n }\n :host .wrapper.icon a span {\n text-decoration: underline;\n margin-left: 0.25em;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n "] | ||
| }) | ||
@@ -569,4 +569,104 @@ // eslint-disable-next-line import/prefer-default-export | ||
| var template$3 = "<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <div class=\"left-col\">\n <header *ngIf=\"!!data.headline\">\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"mat-body-semi-bold-3\">\n {{ data.message }}\n </div>\n </div>\n <div class=\"right-col\">\n <i class=\"material-icons close\" (click)=\"close()\">cancel</i>\n </div>\n</div>"; | ||
| var style$2 = "/* VL Custom Colors */\n.modal {\n width: 400px;\n padding: 1em;\n color: #282828;\n border-style: solid;\n border-width: 3px;\n border-radius: 5px;\n display: flex;\n}\n.modal.success {\n border-color: rgba(75, 192, 101, 0.75);\n background-color: rgba(75, 192, 101, 0.15);\n}\n.modal.success .icon,\n.modal.success .close {\n color: rgba(75, 192, 101, 0.75);\n}\n.modal.error {\n border-color: rgba(206, 0, 11, 0.75);\n background-color: rgba(206, 0, 11, 0.15);\n}\n.modal.error .icon,\n.modal.error .close {\n color: rgba(206, 0, 11, 0.75);\n}\n.modal.warn {\n border-color: rgba(249, 176, 18, 0.75);\n background-color: rgba(249, 176, 18, 0.15);\n}\n.modal.warn .icon,\n.modal.warn .close {\n color: rgba(249, 176, 18, 0.75);\n}\n.modal.info {\n border-color: rgba(0, 136, 220, 0.75);\n background-color: rgba(0, 136, 220, 0.15);\n}\n.modal.info .icon,\n.modal.info .close {\n color: rgba(0, 136, 220, 0.75);\n}\n.modal header {\n display: flex;\n}\n.modal header .icon {\n font-size: 32px;\n font-weight: 900;\n padding-right: 5px;\n}\n.modal header .icon,\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .close {\n cursor: pointer;\n}\n.modal .left-col {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.modal .right-col {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n"; | ||
| var template$3 = "\n<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <header class=\"header\">\n <div *ngIf=\"!!data.headline\" class=\"icon-wrapper\">\n <div class=\"background-wrapper\"><i class=\"background\"></i></div>\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n </div>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"body mat-body-2\" [innerHTML]=\"data.message\">\n </div>\n <footer>\n <vl-link class=\"footer\" button=\"true\" text=\"okay\"></vl-link>\n</footer>\n</div>"; | ||
| var style$2 = "/* VL Custom Colors */\n.modal {\n position: relative;\n width: 300px;\n padding: 2em;\n color: #282828;\n}\n.modal.success .icon {\n background-color: rgba(75, 192, 101, 0.85);\n}\n.modal.error .icon {\n background-color: rgba(206, 0, 11, 0.85);\n}\n.modal.warn .icon {\n background-color: rgba(249, 176, 18, 0.85);\n}\n.modal.info .icon {\n background-color: rgba(0, 136, 220, 0.85);\n}\n.modal .header, .modal .body, .modal .footer {\n display: flex;\n}\n.modal .header, .modal .body {\n flex-direction: column;\n align-items: center;\n}\n.modal .header {\n margin-top: 1.5em;\n}\n.modal .footer {\n flex-direction: row;\n justify-content: space-around;\n margin-top: 1em;\n}\n.modal header .icon-wrapper {\n position: absolute;\n top: -78px;\n left: calc(50% - 78px);\n}\n.modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .background {\n display: inline-block;\n}\n.modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .icon {\n position: absolute;\n}\n.modal header .icon-wrapper .background-wrapper {\n position: relative;\n display: inline-block;\n width: 156px;\n height: 78px;\n overflow: hidden;\n}\n.modal header .icon-wrapper .background {\n position: relative;\n left: calc(50% - 28px);\n top: 50px;\n width: 56px;\n height: 56px;\n background-color: #fff;\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n}\n.modal header .icon-wrapper .icon, .modal header .icon-wrapper .background {\n border-radius: 50%;\n}\n.modal header .icon-wrapper .icon {\n color: #fff;\n padding: 10px;\n top: 56px;\n left: calc(50% - 22px);\n}\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .body {\n text-align: center;\n}\n.modal .close {\n cursor: pointer;\n}\n"; | ||
| var ModalConfig = /** @class */ (function () { | ||
| function ModalConfig(data) { | ||
| // leave out the following in order to get a backdrop | ||
| // backdropClass = 'modal-notification-backdrop'; | ||
| this.panelClass = 'modal-notification-panel'; | ||
| this.data = data; | ||
| } | ||
| return ModalConfig; | ||
| }()); | ||
| var ModalType; | ||
| (function (ModalType) { | ||
| ModalType["success"] = "success"; | ||
| ModalType["error"] = "error"; | ||
| ModalType["warn"] = "warn"; | ||
| ModalType["info"] = "info"; | ||
| })(ModalType || (ModalType = {})); | ||
| var ModalHeadline; | ||
| (function (ModalHeadline) { | ||
| ModalHeadline["complete"] = "Complete"; | ||
| ModalHeadline["wellDone"] = "Well Done"; | ||
| ModalHeadline["sorry"] = "Sorry"; | ||
| ModalHeadline["oops"] = "Oops"; | ||
| ModalHeadline["warning"] = "Warning"; | ||
| ModalHeadline["remember"] = "Remember"; | ||
| ModalHeadline["importantInfo"] = "Important Info"; | ||
| ModalHeadline["didYouKnow"] = "Did You Know?"; | ||
| })(ModalHeadline || (ModalHeadline = {})); | ||
| var ModalNotificationComponent = /** @class */ (function () { | ||
| function ModalNotificationComponent(dialogRef, data) { | ||
| this.dialogRef = dialogRef; | ||
| this.data = data; | ||
| console.log(this.dialogRef); | ||
| } | ||
| ModalNotificationComponent.prototype.getIconClass = function () { | ||
| switch (this.data.type) { | ||
| case ModalType.success: | ||
| return 'done'; | ||
| case ModalType.error: | ||
| return 'error_outline'; | ||
| case ModalType.warn: | ||
| return 'warning'; | ||
| case ModalType.info: | ||
| default: | ||
| return 'info'; | ||
| } | ||
| }; | ||
| ModalNotificationComponent.prototype.autoClose = function () { | ||
| return this.data.closeAfter != null; | ||
| }; | ||
| ModalNotificationComponent.prototype.ngOnInit = function () { | ||
| var _this = this; | ||
| if (this.data.type === undefined) { | ||
| this.data.type = ModalType.info; | ||
| } | ||
| if (this.data.closeAfter === undefined) { | ||
| this.data.closeAfter = 1000000; | ||
| } | ||
| if (this.autoClose()) { | ||
| setTimeout(function () { | ||
| _this.close(); | ||
| }, this.data.closeAfter); | ||
| } | ||
| }; | ||
| ModalNotificationComponent.prototype.close = function () { | ||
| this.dialogRef.close(); | ||
| }; | ||
| ModalNotificationComponent.ctorParameters = function () { return [ | ||
| { type: MatDialogRef }, | ||
| { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] } | ||
| ]; }; | ||
| ModalNotificationComponent = __decorate([ | ||
| Component({ | ||
| selector: 'vl-modal-notification', | ||
| template: template$3, | ||
| styles: [style$2] | ||
| }), | ||
| __param(1, Inject(MAT_DIALOG_DATA)) | ||
| ], ModalNotificationComponent); | ||
| return ModalNotificationComponent; | ||
| }()); | ||
| var ModalNotificationModule = /** @class */ (function () { | ||
| function ModalNotificationModule() { | ||
| } | ||
| ModalNotificationModule = __decorate([ | ||
| NgModule({ | ||
| declarations: [ModalNotificationComponent], | ||
| exports: [ModalNotificationComponent], | ||
| imports: [ | ||
| CommonModule, | ||
| LinkModule, | ||
| FlyoutModule, | ||
| ] | ||
| }) | ||
| ], ModalNotificationModule); | ||
| return ModalNotificationModule; | ||
| }()); | ||
| var template$4 = "<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <div class=\"left-col\">\n <header *ngIf=\"!!data.headline\">\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"mat-body-semi-bold-3\">\n {{ data.message }}\n </div>\n </div>\n <div class=\"right-col\">\n <i class=\"material-icons close\" (click)=\"close()\">cancel</i>\n </div>\n</div>"; | ||
| var style$3 = "/* VL Custom Colors */\n.modal {\n width: 400px;\n padding: 1em;\n color: #282828;\n border-style: solid;\n border-width: 3px;\n border-radius: 5px;\n display: flex;\n}\n.modal.success {\n border-color: rgba(75, 192, 101, 0.75);\n background-color: rgba(75, 192, 101, 0.15);\n}\n.modal.success .icon,\n.modal.success .close {\n color: rgba(75, 192, 101, 0.75);\n}\n.modal.error {\n border-color: rgba(206, 0, 11, 0.75);\n background-color: rgba(206, 0, 11, 0.15);\n}\n.modal.error .icon,\n.modal.error .close {\n color: rgba(206, 0, 11, 0.75);\n}\n.modal.warn {\n border-color: rgba(249, 176, 18, 0.75);\n background-color: rgba(249, 176, 18, 0.15);\n}\n.modal.warn .icon,\n.modal.warn .close {\n color: rgba(249, 176, 18, 0.75);\n}\n.modal.info {\n border-color: rgba(0, 136, 220, 0.75);\n background-color: rgba(0, 136, 220, 0.15);\n}\n.modal.info .icon,\n.modal.info .close {\n color: rgba(0, 136, 220, 0.75);\n}\n.modal header {\n display: flex;\n}\n.modal header .icon {\n font-size: 32px;\n font-weight: 900;\n padding-right: 5px;\n}\n.modal header .icon,\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .close {\n cursor: pointer;\n}\n.modal .left-col {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.modal .right-col {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n"; | ||
| var ToastConfig = /** @class */ (function () { | ||
@@ -644,4 +744,4 @@ function ToastConfig(data) { | ||
| selector: 'vl-toast-notification', | ||
| template: template$3, | ||
| styles: [style$2] | ||
| template: template$4, | ||
| styles: [style$3] | ||
| }), | ||
@@ -676,3 +776,3 @@ __param(1, Inject(MAT_DIALOG_DATA)) | ||
| export { CheckboxComponent, CheckboxModule, DataTableComponent, DataTableModule, DropdownComponent, DropdownModule, FlyoutComponent, FlyoutModule, LinkComponent, LinkModule, ProgressIndicatorComponent, ProgressIndicatorModule, ProgressStep, ToastConfig, ToastHeadline, ToastNotificationComponent, ToastNotificationModule, ToastType, validateDropdownItem, validateDropdownItemGroups, validateDropdownItems }; | ||
| export { CheckboxComponent, CheckboxModule, DataTableComponent, DataTableModule, DropdownComponent, DropdownModule, FlyoutComponent, FlyoutModule, LinkComponent, LinkModule, ModalConfig, ModalHeadline, ModalNotificationComponent, ModalNotificationModule, ModalType, ProgressIndicatorComponent, ProgressIndicatorModule, ProgressStep, ToastConfig, ToastHeadline, ToastNotificationComponent, ToastNotificationModule, ToastType, validateDropdownItem, validateDropdownItemGroups, validateDropdownItems }; | ||
| //# sourceMappingURL=vlcomponents.js.map |
| { | ||
| "name": "vlcomponents", | ||
| "version": "0.0.5", | ||
| "version": "0.0.6", | ||
| "peerDependencies": { | ||
@@ -5,0 +5,0 @@ "@angular/common": "^9.1.1", |
@@ -13,3 +13,5 @@ export * from './lib/checkbox/checkbox.component'; | ||
| export * from './lib/progress-indicator/progress-indicator.module'; | ||
| export * from './lib/modal-notification/modal-notification.component'; | ||
| export * from './lib/modal-notification/modal-notification.module'; | ||
| export * from './lib/toast-notification/toast-notification.component'; | ||
| export * from './lib/toast-notification/toast-notification.module'; |
@@ -1,1 +0,1 @@ | ||
| {"__symbolic":"module","version":4,"metadata":{"CheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vl-checkbox","template":"<mat-checkbox\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n [class.mat-checkbox-focused]=\"focus\"\n >\n {{ text }}\n </mat-checkbox>\n ","styles":["\n :host {\n height: 20px;\n line-height: 20px;\n padding: 10px;\n }\n "]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"CheckboxComponent"}],"declarations":[{"__symbolic":"reference","name":"CheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":12,"character":4}]}]}],"members":{}},"DataTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":230,"character":1},"arguments":[{"selector":"vl-data-table","template":"<div class=\"wrapper mat-typography\">\n\n <table mat-table [dataSource]=\"sortedData\" matSort>\n\n <ng-container\n *ngFor=\"let property of columnHeaders\"\n matColumnDef=\"{{property}}\"\n >\n\n\n <!-- header -->\n <th\n *matHeaderCellDef\n mat-header-cell\n mat-sort-header\n [disabled]=\"!columnData[property].sort\"\n >\n <span\n class=\"mat-body-semi-bold-3\"\n >{{ columnHeaderTitles[property] }}\n </span>\n </th>\n\n\n <!-- Cells -->\n <td mat-cell *matCellDef=\"let item\">\n\n\n <!-- Basic text cells -->\n <div\n *ngIf=\"columnData[property].type === 'text' || columnData[property].type === 'email'\"\n class=\"mat-body-3 cell-text {{ columnData[property].getClass(item[property]) }}\"\n [class.email]=\"columnData[property].type === 'email'\"\n >\n <i *ngIf=\"columnData[property].getIconClass\" class=\"material-icons icon\">{{ columnData[property].getIconClass(item[property]) }}</i>\n <span>\n {{ columnData[property].getContent(item[property]) }}\n </span>\n\n </div>\n\n\n<!-- Decimal Cells-->\n <div\n *ngIf=\"columnData[property].type === 'decimal'\"\n class=\"mat-body-3 cell-decimal {{ columnData[property].getClass(item[property]) }}\"\n >\n <i *ngIf=\"columnData[property].getIconClass\" class=\"material-icons icon\">{{ columnData[property].getIconClass(item[property]) }}</i>\n <span>\n {{ columnData[property].getContent(item[property]) | number:'1.2-2':'en' }}\n </span>\n </div>\n\n\n <!-- Link cells -->\n <div\n *ngIf=\"columnData[property].type === 'link'\"\n class=\"cell-link cell-text {{ columnData[property].getClass(item[property]) }}\"\n >\n <vl-link\n [href]=\"columnData[property].getLink(item)\"\n [text]=\"columnData[property].getContent(item[property])\"\n class=\"no-padding\"\n typographyClass=\"mat-body-3\"\n ></vl-link>\n </div>\n\n<!-- Icon Cells-->\n <div\n *ngIf=\"columnData[property].type === 'icon'\"\n class=\"mat-body-3 cell-text {{ columnData[property].getClass(item[property]) }}\"\n [class.cell-icon]=\"columnData[property].type === 'icon'\"\n (click)=\"columnData[property].onClick(item)\"\n >\n <i class=\"material-icons icon\">{{ columnData[property].getIconClass(item[property]) }}</i>\n </div>\n\n\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columnHeaders\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: columnHeaders;\"></tr>\n\n </table>\n\n <mat-paginator pageSize=\"{{pageSize}}\"></mat-paginator>\n\n</div>","styles":["/* VL Custom Colors */\n:host {\n display: inline-block;\n}\n\n.wrapper {\n border: 1px solid #c5c5c5;\n border-radius: 5px;\n overflow: hidden;\n}\n.wrapper table {\n width: 100%;\n}\n.wrapper tr.mat-header-row,\n.wrapper tr.mat-row {\n height: 50px;\n}\n.wrapper th.mat-header-cell:first-of-type,\n.wrapper td.mat-cell:first-of-type,\n.wrapper td.mat-footer-cell:first-of-type {\n padding-left: 20px;\n}\n.wrapper th.mat-header-cell,\n.wrapper td.mat-cell,\n.wrapper td.mat-footer-cell {\n padding-right: 40px;\n}\n.wrapper .mat-header-row {\n background-color: #282828;\n}\n.wrapper .mat-header-cell {\n color: #fff;\n}\n.wrapper .mat-row:nth-child(even) {\n background-color: #f6f6f6;\n}\n.wrapper .header-decimal {\n text: right;\n}\n.wrapper .cell-text,\n.wrapper .cell-decimal,\n.wrapper .cell-email,\n.wrapper .cell-icon {\n white-space: nowrap;\n}\n.wrapper .cell-text span,\n.wrapper .cell-decimal span,\n.wrapper .cell-email span,\n.wrapper .cell-icon span {\n display: inline-block;\n}\n.wrapper .cell-decimal {\n text-align: right;\n}\n.wrapper .cell-icon {\n color: #0088dc;\n}\n.wrapper .cell-icon .icon {\n cursor: pointer;\n}\n.wrapper .cell-text:not(.email) {\n text-transform: capitalize;\n}\n.wrapper .icon {\n vertical-align: top;\n font-size: 16px;\n margin-right: 5px;\n}\n.wrapper .mat-sort-header-indicator {\n display: none;\n}\n"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":244,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":248,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3}}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":254,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":254,"character":13},{"static":true}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":256,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":256,"character":13},{"static":true}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DataTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"DataTableComponent"}],"declarations":[{"__symbolic":"reference","name":"DataTableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"LinkModule"},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":16,"character":4}]}]}],"members":{}},"DropdownItemInterface":{"__symbolic":"interface"},"validateDropdownItem":{"__symbolic":"function"},"validateDropdownItems":{"__symbolic":"function"},"validateDropdownItemGroups":{"__symbolic":"function"},"DropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":76,"character":1},"arguments":[{"selector":"vl-dropdown","template":"<mat-form-field>\n\n <mat-label *ngIf=\"label\">{{ label }}</mat-label>\n\n <mat-select\n *ngIf=\"items.length\"\n panelClass=\"dropdown-panel\"\n disableRipple=\"true\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n >\n\n <mat-option\n *ngFor=\"let item of items\" [value]=\"item\"\n (click)=\"optionClick(item.value)\"\n >\n <span class=\"mat-body-3\">{{item.text}}</span>\n </mat-option>\n\n </mat-select>\n\n <mat-select\n *ngIf=\"itemGroups\"\n panelClass=\"dropdown-panel\"\n disableRipple=\"true\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n >\n <mat-optgroup\n *ngFor=\"let itemGroupKey of itemGroupsKeys\"\n [label]=\"itemGroupKey\"\n >\n <mat-option\n *ngFor=\"let item of itemGroups[itemGroupKey]\" [value]=\"item\"\n (click)=\"optionClick(item.value)\"\n >\n <span class=\"mat-body-3\">{{item.text}}</span>\n </mat-option>\n\n </mat-optgroup>\n\n </mat-select>\n\n</mat-form-field>","styles":[]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"itemGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"optionClick":[{"__symbolic":"method"}]}},"DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DropdownComponent"}],"exports":[{"__symbolic":"reference","name":"DropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":12,"character":4}]}]}],"members":{}},"FlyoutItemInterface":{"__symbolic":"interface"},"FlyoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"vl-flyout","template":"<div class=\"wrapper\">\n <div\n *ngFor=\"let item of items\"\n class=\"item\"\n [class.icon-and-text]=\"item.iconClass && item.text\"\n [class.active]=\"item.active\"\n [class.selected]=\"item.selected\"\n >\n <i *ngIf=\"item.iconClass\" class=\"material-icons icon\">{{ item.iconClass }}</i>\n {{ item.text }}\n </div>\n </div>\n ","styles":["/* VL Custom Colors */\n :host {\n position: relative;\n display: inline-block;\n padding: 20px 0;\n border: 2px solid #ececec;\n border-radius: 5px;\n box-shadow: 0 0 10px #ececec;\n background-color: #fff;\n white-space: nowrap;\n }\n :host .item {\n padding: 5px 20px;\n cursor: pointer;\n }\n :host .item:hover, :host .item.active {\n background-color: #c8eaff;\n color: #0065a3;\n }\n :host .item.selected {\n color: #0065a3;\n }\n :host .icon {\n vertical-align: middle;\n }\n :host .item.icon-and-text .icon {\n margin-right: 5px;\n }\n :host:before {\n content: \"\";\n display: block;\n height: 0;\n border: 5.5px solid transparent;\n border-bottom: 7px solid #ececec;\n position: absolute;\n top: -15px;\n left: 8px;\n }\n :host:after {\n content: \"\";\n display: block;\n height: 0;\n border: 5.5px solid transparent;\n border-bottom: 7px solid #fff;\n position: absolute;\n top: -12px;\n left: 8px;\n }\n "]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"FlyoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"FlyoutComponent"}],"declarations":[{"__symbolic":"reference","name":"FlyoutComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}]}]}],"members":{}},"LinkComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vl-link","template":"<div\n class=\"wrapper\"\n [class.icon]=\"iconClass !== undefined\"\n [class.button]=\"button\"\n [class.secondary]=\"button && secondary\"\n [class.active]=\"active\"\n [class.contextual]=\"contextual\"\n [class.dropdown]=\"dropdown\"\n [class.focus]=\"focus\"\n [class.disabled]=\"disabled\"\n >\n <a\n [class.mat-flat-button]=\"!button\"\n [class.mat-button]=\"button\"\n href=\"{{ href }}\"\n [class.contextual]=\"contextual\"\n >\n <i *ngIf=\"iconClass\" class=\"material-icons\">{{ iconClass }}</i>\n <span *ngIf=\"text\" [class]=\"typographyClass\">\n {{ text }}\n </span>\n </a>\n\n <i *ngIf=\"dropdown\" class=\"dropdown-icon\"></i>\n\n <i *ngIf=\"contextual\" class=\"material-icons contextual-icon\">arrow_right_alt</i>\n </div>\n\n <vl-flyout\n *ngIf=\"actionItems.length\"\n [items]=\"actionItems\"\n class=\"mat-body-semi-bold-3\"\n [style.display]=\"showFlyout ? 'block' : 'none'\"\n ></vl-flyout>\n ","styles":["/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-block;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: inline-block;\n vertical-align: top;\n color: inherit;\n }\n :host .wrapper a i,\n :host .wrapper a span {\n vertical-align: top;\n }\n :host .wrapper .contextual-icon {\n position: relative;\n top: -3px;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: \"\";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n margin-top: -2px;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n "]}]}],"members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":177,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}}]}],"typographyClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":181,"character":3}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":183,"character":3}}]}],"isIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":185,"character":3},"arguments":["class.icon"]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"secondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":191,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":193,"character":3}}]}],"contextual":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":195,"character":3}}]}],"dropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":197,"character":3}}]}],"isContextual":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":199,"character":3},"arguments":["class.contextual"]}]}],"actionItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":203,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":205,"character":3}}]}],"isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":207,"character":3},"arguments":["class.focus"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":213,"character":3},"arguments":["class.disabled"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":217,"character":3},"arguments":["click",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LinkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"LinkComponent"}],"declarations":[{"__symbolic":"reference","name":"LinkComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"FlyoutModule"}]}]}],"members":{}},"ProgressStep":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"complete":[{"__symbolic":"method"}]}},"ProgressIndicatorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":118,"character":1},"arguments":[{"selector":"vl-progress-indicator","template":"<div class=\"wrapper\">\n <div\n *ngFor=\"let step of steps; index as i\"\n class=\"step count-{{steps.length}}\"\n [class.completed]=\"step.completed\"\n >\n <div class=\"icon\" (click)=\"iconClick(i)\">\n <i\n *ngIf=\"step.completed; else incomplete\"\n class=\"material-icons\"\n >check</i>\n <ng-template #incomplete>{{ i + 1 }}</ng-template>\n </div>\n <div\n class=\"label\"\n [class.mat-body-3]=\"!step.completed\"\n [class.mat-body-semi-bold-3]=\"step.completed\"\n >\n {{ step.label }}\n </div>\n\n </div>\n</div>\n","styles":["/* VL Custom Colors */\n:host {\n display: block;\n width: 600px;\n}\n\n.wrapper {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.wrapper .step {\n position: relative;\n text-align: center;\n}\n.wrapper .step .icon {\n display: inline-block;\n width: 32px;\n height: 32px;\n line-height: 32px;\n border-radius: 50%;\n background-color: #e2e2e2;\n cursor: pointer;\n}\n.wrapper .step .icon i {\n line-height: 32px;\n}\n.wrapper .step .label {\n margin-top: 0.5em;\n}\n.wrapper .step:not(:first-of-type):before, .wrapper .step:not(:first-of-type):after {\n content: \"\";\n display: block;\n position: absolute;\n top: 14px;\n height: 4px;\n background-color: #e2e2e2;\n}\n.wrapper .step:not(:first-of-type):after {\n background-color: #4bc065;\n transition: width 200ms ease-in-out;\n width: 0px;\n}\n.wrapper .step.count-3:before, .wrapper .step.count-3:after {\n left: -242px;\n}\n.wrapper .step.count-3:before {\n width: 238px;\n}\n.wrapper .step.count-4:before, .wrapper .step.count-4:after {\n left: -148px;\n}\n.wrapper .step.count-4:before {\n width: 144px;\n}\n.wrapper .step.count-5:before, .wrapper .step.count-5:after {\n left: -101px;\n}\n.wrapper .step.count-5:before {\n width: 97px;\n}\n.wrapper .step.completed .icon {\n background-color: #4bc065;\n color: #f6f6f6;\n}\n.wrapper .step.completed.count-3:after {\n width: 238px;\n}\n.wrapper .step.completed.count-4:after {\n width: 144px;\n}\n.wrapper .step.completed.count-5:after {\n width: 97px;\n}"]}]}],"members":{"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":135,"character":3}}]}],"completed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":136,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"iconClick":[{"__symbolic":"method"}]}},"ProgressIndicatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"ProgressIndicatorComponent"}],"declarations":[{"__symbolic":"reference","name":"ProgressIndicatorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}]}]}],"members":{}},"ToastConfig":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}]}},"ToastType":{"success":"success","error":"error","warn":"warn","info":"info"},"ToastHeadline":{"complete":"Complete","wellDone":"Well Done","sorry":"Sorry","oops":"Oops","warning":"Warning","remember":"Remember","importantInfo":"Important Info","didYouKnow":"Did You Know?"},"ToastData":{"__symbolic":"interface"},"ToastNotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":128,"character":1},"arguments":[{"selector":"vl-toast-notification","template":"<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <div class=\"left-col\">\n <header *ngIf=\"!!data.headline\">\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"mat-body-semi-bold-3\">\n {{ data.message }}\n </div>\n </div>\n <div class=\"right-col\">\n <i class=\"material-icons close\" (click)=\"close()\">cancel</i>\n </div>\n</div>","styles":["/* VL Custom Colors */\n.modal {\n width: 400px;\n padding: 1em;\n color: #282828;\n border-style: solid;\n border-width: 3px;\n border-radius: 5px;\n display: flex;\n}\n.modal.success {\n border-color: rgba(75, 192, 101, 0.75);\n background-color: rgba(75, 192, 101, 0.15);\n}\n.modal.success .icon,\n.modal.success .close {\n color: rgba(75, 192, 101, 0.75);\n}\n.modal.error {\n border-color: rgba(206, 0, 11, 0.75);\n background-color: rgba(206, 0, 11, 0.15);\n}\n.modal.error .icon,\n.modal.error .close {\n color: rgba(206, 0, 11, 0.75);\n}\n.modal.warn {\n border-color: rgba(249, 176, 18, 0.75);\n background-color: rgba(249, 176, 18, 0.15);\n}\n.modal.warn .icon,\n.modal.warn .close {\n color: rgba(249, 176, 18, 0.75);\n}\n.modal.info {\n border-color: rgba(0, 136, 220, 0.75);\n background-color: rgba(0, 136, 220, 0.15);\n}\n.modal.info .icon,\n.modal.info .close {\n color: rgba(0, 136, 220, 0.75);\n}\n.modal header {\n display: flex;\n}\n.modal header .icon {\n font-size: 32px;\n font-weight: 900;\n padding-right: 5px;\n}\n.modal header .icon,\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .close {\n cursor: pointer;\n}\n.modal .left-col {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.modal .right-col {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":136,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":136,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ToastNotificationComponent"}]},{"__symbolic":"reference","name":"any"}]}],"getIconClass":[{"__symbolic":"method"}],"autoClose":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"ToastNotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToastNotificationComponent"}],"exports":[{"__symbolic":"reference","name":"ToastNotificationComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}]}]}],"members":{}}},"origins":{"CheckboxComponent":"./lib/checkbox/checkbox.component","CheckboxModule":"./lib/checkbox/checkbox.module","DataTableComponent":"./lib/data-table/data-table.component","DataTableModule":"./lib/data-table/data-table.module","DropdownItemInterface":"./lib/dropdown/dropdown.component","validateDropdownItem":"./lib/dropdown/dropdown.component","validateDropdownItems":"./lib/dropdown/dropdown.component","validateDropdownItemGroups":"./lib/dropdown/dropdown.component","DropdownComponent":"./lib/dropdown/dropdown.component","DropdownModule":"./lib/dropdown/dropdown.module","FlyoutItemInterface":"./lib/flyout/flyout.component","FlyoutComponent":"./lib/flyout/flyout.component","FlyoutModule":"./lib/flyout/flyout.module","LinkComponent":"./lib/link/link.component","LinkModule":"./lib/link/link.module","ProgressStep":"./lib/progress-indicator/progress-indicator.component","ProgressIndicatorComponent":"./lib/progress-indicator/progress-indicator.component","ProgressIndicatorModule":"./lib/progress-indicator/progress-indicator.module","ToastConfig":"./lib/toast-notification/toast-notification.component","ToastType":"./lib/toast-notification/toast-notification.component","ToastHeadline":"./lib/toast-notification/toast-notification.component","ToastData":"./lib/toast-notification/toast-notification.component","ToastNotificationComponent":"./lib/toast-notification/toast-notification.component","ToastNotificationModule":"./lib/toast-notification/toast-notification.module"},"importAs":"vlcomponents"} | ||
| {"__symbolic":"module","version":4,"metadata":{"CheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vl-checkbox","template":"<mat-checkbox\n [disabled]=\"disabled\"\n [checked]=\"checked\"\n [class.mat-checkbox-focused]=\"focus\"\n >\n {{ text }}\n </mat-checkbox>\n ","styles":["\n :host {\n height: 20px;\n line-height: 20px;\n padding: 10px;\n }\n "]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"CheckboxComponent"}],"declarations":[{"__symbolic":"reference","name":"CheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":12,"character":4}]}]}],"members":{}},"DataTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":230,"character":1},"arguments":[{"selector":"vl-data-table","template":"<div class=\"wrapper mat-typography\">\n\n <table mat-table [dataSource]=\"sortedData\" matSort>\n\n <ng-container\n *ngFor=\"let property of columnHeaders\"\n matColumnDef=\"{{property}}\"\n >\n\n\n <!-- header -->\n <th\n *matHeaderCellDef\n mat-header-cell\n mat-sort-header\n [disabled]=\"!columnData[property].sort\"\n >\n <span\n class=\"mat-body-semi-bold-3\"\n >{{ columnHeaderTitles[property] }}\n </span>\n </th>\n\n\n <!-- Cells -->\n <td mat-cell *matCellDef=\"let item\">\n\n\n <!-- Basic text cells -->\n <div\n *ngIf=\"columnData[property].type === 'text' || columnData[property].type === 'email'\"\n class=\"mat-body-3 cell-text {{ columnData[property].getClass(item[property]) }}\"\n [class.email]=\"columnData[property].type === 'email'\"\n >\n <i *ngIf=\"columnData[property].getIconClass\" class=\"material-icons icon\">{{ columnData[property].getIconClass(item[property]) }}</i>\n <span>\n {{ columnData[property].getContent(item[property]) }}\n </span>\n\n </div>\n\n\n<!-- Decimal Cells-->\n <div\n *ngIf=\"columnData[property].type === 'decimal'\"\n class=\"mat-body-3 cell-decimal {{ columnData[property].getClass(item[property]) }}\"\n >\n <i *ngIf=\"columnData[property].getIconClass\" class=\"material-icons icon\">{{ columnData[property].getIconClass(item[property]) }}</i>\n <span>\n {{ columnData[property].getContent(item[property]) | number:'1.2-2':'en' }}\n </span>\n </div>\n\n\n <!-- Link cells -->\n <div\n *ngIf=\"columnData[property].type === 'link'\"\n class=\"cell-link cell-text {{ columnData[property].getClass(item[property]) }}\"\n >\n <vl-link\n [href]=\"columnData[property].getLink(item)\"\n [text]=\"columnData[property].getContent(item[property])\"\n class=\"no-padding\"\n typographyClass=\"mat-body-3\"\n ></vl-link>\n </div>\n\n<!-- Icon Cells-->\n <div\n *ngIf=\"columnData[property].type === 'icon'\"\n class=\"mat-body-3 cell-text {{ columnData[property].getClass(item[property]) }}\"\n [class.cell-icon]=\"columnData[property].type === 'icon'\"\n (click)=\"columnData[property].onClick(item)\"\n >\n <i class=\"material-icons icon\">{{ columnData[property].getIconClass(item[property]) }}</i>\n </div>\n\n\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columnHeaders\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: columnHeaders;\"></tr>\n\n </table>\n\n <mat-paginator pageSize=\"{{pageSize}}\"></mat-paginator>\n\n</div>","styles":["/* VL Custom Colors */\n:host {\n display: inline-block;\n}\n\n.wrapper {\n border: 1px solid #c5c5c5;\n border-radius: 5px;\n overflow: hidden;\n}\n.wrapper table {\n width: 100%;\n}\n.wrapper tr.mat-header-row,\n.wrapper tr.mat-row {\n height: 50px;\n}\n.wrapper th.mat-header-cell:first-of-type,\n.wrapper td.mat-cell:first-of-type,\n.wrapper td.mat-footer-cell:first-of-type {\n padding-left: 20px;\n}\n.wrapper th.mat-header-cell,\n.wrapper td.mat-cell,\n.wrapper td.mat-footer-cell {\n padding-right: 40px;\n}\n.wrapper .mat-header-row {\n background-color: #282828;\n}\n.wrapper .mat-header-cell {\n color: #fff;\n}\n.wrapper .mat-row:nth-child(even) {\n background-color: #f6f6f6;\n}\n.wrapper .header-decimal {\n text: right;\n}\n.wrapper .cell-text,\n.wrapper .cell-decimal,\n.wrapper .cell-email,\n.wrapper .cell-icon {\n white-space: nowrap;\n}\n.wrapper .cell-text span,\n.wrapper .cell-decimal span,\n.wrapper .cell-email span,\n.wrapper .cell-icon span {\n display: inline-block;\n}\n.wrapper .cell-decimal {\n text-align: right;\n}\n.wrapper .cell-icon {\n color: #0088dc;\n}\n.wrapper .cell-icon .icon {\n cursor: pointer;\n}\n.wrapper .cell-text:not(.email) {\n text-transform: capitalize;\n}\n.wrapper .icon {\n vertical-align: top;\n font-size: 16px;\n margin-right: 5px;\n}\n.wrapper .mat-sort-header-indicator {\n display: none;\n}\n"]}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":244,"character":3}}]}],"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":248,"character":3}}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":252,"character":3}}]}],"sort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":254,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSort","line":254,"character":13},{"static":true}]}]}],"paginator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":256,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginator","line":256,"character":13},{"static":true}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"DataTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"DataTableComponent"}],"declarations":[{"__symbolic":"reference","name":"DataTableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"LinkModule"},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/paginator","name":"MatPaginatorModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/sort","name":"MatSortModule","line":16,"character":4}]}]}],"members":{}},"DropdownItemInterface":{"__symbolic":"interface"},"validateDropdownItem":{"__symbolic":"function"},"validateDropdownItems":{"__symbolic":"function"},"validateDropdownItemGroups":{"__symbolic":"function"},"DropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":76,"character":1},"arguments":[{"selector":"vl-dropdown","template":"<mat-form-field>\n\n <mat-label *ngIf=\"label\">{{ label }}</mat-label>\n\n <mat-select\n *ngIf=\"items.length\"\n panelClass=\"dropdown-panel\"\n disableRipple=\"true\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n >\n\n <mat-option\n *ngFor=\"let item of items\" [value]=\"item\"\n (click)=\"optionClick(item.value)\"\n >\n <span class=\"mat-body-3\">{{item.text}}</span>\n </mat-option>\n\n </mat-select>\n\n <mat-select\n *ngIf=\"itemGroups\"\n panelClass=\"dropdown-panel\"\n disableRipple=\"true\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n >\n <mat-optgroup\n *ngFor=\"let itemGroupKey of itemGroupsKeys\"\n [label]=\"itemGroupKey\"\n >\n <mat-option\n *ngFor=\"let item of itemGroups[itemGroupKey]\" [value]=\"item\"\n (click)=\"optionClick(item.value)\"\n >\n <span class=\"mat-body-3\">{{item.text}}</span>\n </mat-option>\n\n </mat-optgroup>\n\n </mat-select>\n\n</mat-form-field>","styles":[]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"itemGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"optionClick":[{"__symbolic":"method"}]}},"DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DropdownComponent"}],"exports":[{"__symbolic":"reference","name":"DropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":12,"character":4}]}]}],"members":{}},"FlyoutItemInterface":{"__symbolic":"interface"},"FlyoutComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"vl-flyout","template":"<div class=\"wrapper\">\n <div\n *ngFor=\"let item of items\"\n class=\"item\"\n [class.icon-and-text]=\"item.iconClass && item.text\"\n [class.active]=\"item.active\"\n [class.selected]=\"item.selected\"\n >\n <i *ngIf=\"item.iconClass\" class=\"material-icons icon\">{{ item.iconClass }}</i>\n {{ item.text }}\n </div>\n </div>\n ","styles":["/* VL Custom Colors */\n :host {\n position: relative;\n display: inline-block;\n padding: 20px 0;\n border: 2px solid #ececec;\n border-radius: 5px;\n box-shadow: 0 0 10px #ececec;\n background-color: #fff;\n white-space: nowrap;\n }\n :host .item {\n padding: 5px 20px;\n cursor: pointer;\n }\n :host .item:hover, :host .item.active {\n background-color: #c8eaff;\n color: #0065a3;\n }\n :host .item.selected {\n color: #0065a3;\n }\n :host .icon {\n vertical-align: middle;\n }\n :host .item.icon-and-text .icon {\n margin-right: 5px;\n }\n :host:before {\n content: \"\";\n display: block;\n height: 0;\n border: 5.5px solid transparent;\n border-bottom: 7px solid #ececec;\n position: absolute;\n top: -15px;\n left: 8px;\n }\n :host:after {\n content: \"\";\n display: block;\n height: 0;\n border: 5.5px solid transparent;\n border-bottom: 7px solid #fff;\n position: absolute;\n top: -12px;\n left: 8px;\n }\n "]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"FlyoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"FlyoutComponent"}],"declarations":[{"__symbolic":"reference","name":"FlyoutComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}]}]}],"members":{}},"LinkComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"vl-link","template":"<div\n class=\"wrapper\"\n [class.icon]=\"iconClass !== undefined\"\n [class.button]=\"button\"\n [class.secondary]=\"button && secondary\"\n [class.active]=\"active\"\n [class.contextual]=\"contextual\"\n [class.dropdown]=\"dropdown\"\n [class.focus]=\"focus\"\n [class.disabled]=\"disabled\"\n >\n <a\n [class.mat-flat-button]=\"!button\"\n [class.mat-button]=\"button\"\n href=\"{{ href }}\"\n [class.contextual]=\"contextual\"\n >\n <i *ngIf=\"iconClass\" class=\"material-icons\">{{ iconClass }}</i>\n <span *ngIf=\"text\" [class]=\"typographyClass\">\n {{ text }}\n </span>\n </a>\n\n <i *ngIf=\"dropdown\" class=\"dropdown-icon\"></i>\n\n <i *ngIf=\"contextual\" class=\"material-icons contextual-icon\">arrow_right_alt</i>\n </div>\n\n <vl-flyout\n *ngIf=\"actionItems.length\"\n [items]=\"actionItems\"\n class=\"mat-body-semi-bold-3\"\n [style.display]=\"showFlyout ? 'block' : 'none'\"\n ></vl-flyout>\n ","styles":["/* VL Custom Colors */\n :host {\n position: relative;\n }\n :host.no-padding .wrapper {\n padding: 0;\n }\n :host .wrapper {\n display: inline-flex;\n align-items: center;\n height: 19px;\n line-height: 19px;\n color: #0088dc;\n border: 2px solid transparent;\n border-radius: 3px;\n padding: 10px;\n }\n :host .wrapper a {\n cursor: inherit;\n display: flex;\n color: inherit;\n }\n :host .wrapper:hover {\n color: #0065a3;\n cursor: pointer;\n }\n :host .wrapper.button {\n padding: 10px 30px;\n border-width: 2px;\n border-color: #0088dc;\n background-color: #0088dc;\n color: #f6f6f6;\n }\n :host .wrapper.button a {\n text-decoration: none;\n }\n :host .wrapper.button:hover, :host .wrapper.button.active {\n background-color: #0065a3;\n border-color: #0065a3;\n }\n :host .wrapper.button.secondary {\n background-color: #fff;\n color: #0088dc;\n }\n :host .wrapper.button.secondary:hover, :host .wrapper.button.secondary.active {\n background-color: #fff;\n border-color: #0065a3;\n color: #0065a3;\n }\n :host .wrapper.button.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.5);\n }\n :host .wrapper.dropdown {\n padding-right: 35px;\n }\n :host .wrapper.dropdown .dropdown-icon {\n content: \"\";\n display: block;\n height: 0;\n border: 4px solid transparent;\n border-top: 5px solid #0088dc;\n position: absolute;\n top: calc(50% - 2px);\n right: 15px;\n }\n :host .wrapper.contextual a {\n text-decoration: none;\n }\n :host .wrapper.contextual .contextual-icon {\n display: initial;\n }\n :host .wrapper.icon {\n border-width: 1px;\n border-color: #c5c5c5;\n }\n :host .wrapper.icon .material-icons {\n line-height: inherit;\n }\n :host .wrapper.icon a {\n text-decoration: none;\n }\n :host .wrapper.icon a span {\n text-decoration: underline;\n margin-left: 0.25em;\n }\n :host .wrapper.icon:hover {\n border-color: #0065a3;\n }\n :host .wrapper.icon.focus {\n box-shadow: 0 0 2px 4px rgba(0, 136, 220, 0.25);\n }\n :host .wrapper.icon.focus:hover {\n box-shadow: 0 0 2px 4px rgba(0, 101, 163, 0.25);\n }\n :host .wrapper.focus {\n border-color: #0088dc;\n }\n :host .wrapper.focus:hover {\n border-color: #0065a3;\n }\n :host .wrapper.disabled {\n pointer-events: none;\n color: #c5c5c5;\n }\n :host .wrapper.disabled:hover {\n color: #c5c5c5;\n cursor: default;\n }\n :host .wrapper.disabled.button {\n color: #f6f6f6;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n }\n :host .wrapper.disabled.button.secondary {\n background-color: #fff;\n color: #e2e2e2;\n }\n :host .wrapper.disabled.icon, :host .wrapper.disabled.icon .mat-flat-button {\n background-color: #ececec;\n }\n :host .wrapper.disabled.focus, :host .wrapper.disabled.icon {\n border-color: #c5c5c5;\n }\n :host .wrapper.disabled.focus:hover, :host .wrapper.disabled.icon:hover {\n color: #c5c5c5;\n }\n :host vl-flyout {\n position: absolute;\n top: calc(100% + 13px);\n left: calc(50% - 15px);\n }\n "]}]}],"members":{"href":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":176,"character":3}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":178,"character":3}}]}],"typographyClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":3}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":182,"character":3}}]}],"isIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":184,"character":3},"arguments":["class.icon"]}]}],"button":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":188,"character":3}}]}],"secondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":190,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":192,"character":3}}]}],"contextual":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"dropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":196,"character":3}}]}],"isContextual":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":198,"character":3},"arguments":["class.contextual"]}]}],"actionItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":202,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}}]}],"isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":206,"character":3},"arguments":["class.focus"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":210,"character":3}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":212,"character":3},"arguments":["class.disabled"]}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":216,"character":3},"arguments":["click",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"LinkModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"LinkComponent"}],"declarations":[{"__symbolic":"reference","name":"LinkComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"FlyoutModule"}]}]}],"members":{}},"ProgressStep":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}],"complete":[{"__symbolic":"method"}]}},"ProgressIndicatorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":118,"character":1},"arguments":[{"selector":"vl-progress-indicator","template":"<div class=\"wrapper\">\n <div\n *ngFor=\"let step of steps; index as i\"\n class=\"step count-{{steps.length}}\"\n [class.completed]=\"step.completed\"\n >\n <div class=\"icon\" (click)=\"iconClick(i)\">\n <i\n *ngIf=\"step.completed; else incomplete\"\n class=\"material-icons\"\n >check</i>\n <ng-template #incomplete>{{ i + 1 }}</ng-template>\n </div>\n <div\n class=\"label\"\n [class.mat-body-3]=\"!step.completed\"\n [class.mat-body-semi-bold-3]=\"step.completed\"\n >\n {{ step.label }}\n </div>\n\n </div>\n</div>\n","styles":["/* VL Custom Colors */\n:host {\n display: block;\n width: 600px;\n}\n\n.wrapper {\n width: 100%;\n display: flex;\n justify-content: space-between;\n}\n.wrapper .step {\n position: relative;\n text-align: center;\n}\n.wrapper .step .icon {\n display: inline-block;\n width: 32px;\n height: 32px;\n line-height: 32px;\n border-radius: 50%;\n background-color: #e2e2e2;\n cursor: pointer;\n}\n.wrapper .step .icon i {\n line-height: 32px;\n}\n.wrapper .step .label {\n margin-top: 0.5em;\n}\n.wrapper .step:not(:first-of-type):before, .wrapper .step:not(:first-of-type):after {\n content: \"\";\n display: block;\n position: absolute;\n top: 14px;\n height: 4px;\n background-color: #e2e2e2;\n}\n.wrapper .step:not(:first-of-type):after {\n background-color: #4bc065;\n transition: width 200ms ease-in-out;\n width: 0px;\n}\n.wrapper .step.count-3:before, .wrapper .step.count-3:after {\n left: -242px;\n}\n.wrapper .step.count-3:before {\n width: 238px;\n}\n.wrapper .step.count-4:before, .wrapper .step.count-4:after {\n left: -148px;\n}\n.wrapper .step.count-4:before {\n width: 144px;\n}\n.wrapper .step.count-5:before, .wrapper .step.count-5:after {\n left: -101px;\n}\n.wrapper .step.count-5:before {\n width: 97px;\n}\n.wrapper .step.completed .icon {\n background-color: #4bc065;\n color: #f6f6f6;\n}\n.wrapper .step.completed.count-3:after {\n width: 238px;\n}\n.wrapper .step.completed.count-4:after {\n width: 144px;\n}\n.wrapper .step.completed.count-5:after {\n width: 97px;\n}"]}]}],"members":{"dataSource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":135,"character":3}}]}],"completed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":136,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"iconClick":[{"__symbolic":"method"}]}},"ProgressIndicatorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"exports":[{"__symbolic":"reference","name":"ProgressIndicatorComponent"}],"declarations":[{"__symbolic":"reference","name":"ProgressIndicatorComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4}]}]}],"members":{}},"ModalConfig":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}]}},"ModalType":{"success":"success","error":"error","warn":"warn","info":"info"},"ModalHeadline":{"complete":"Complete","wellDone":"Well Done","sorry":"Sorry","oops":"Oops","warning":"Warning","remember":"Remember","importantInfo":"Important Info","didYouKnow":"Did You Know?"},"ModalData":{"__symbolic":"interface"},"ModalNotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":142,"character":1},"arguments":[{"selector":"vl-modal-notification","template":"\n<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <header class=\"header\">\n <div *ngIf=\"!!data.headline\" class=\"icon-wrapper\">\n <div class=\"background-wrapper\"><i class=\"background\"></i></div>\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n </div>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"body mat-body-2\" [innerHTML]=\"data.message\">\n </div>\n <footer>\n <vl-link class=\"footer\" button=\"true\" text=\"okay\"></vl-link>\n</footer>\n</div>","styles":["/* VL Custom Colors */\n.modal {\n position: relative;\n width: 300px;\n padding: 2em;\n color: #282828;\n}\n.modal.success .icon {\n background-color: rgba(75, 192, 101, 0.85);\n}\n.modal.error .icon {\n background-color: rgba(206, 0, 11, 0.85);\n}\n.modal.warn .icon {\n background-color: rgba(249, 176, 18, 0.85);\n}\n.modal.info .icon {\n background-color: rgba(0, 136, 220, 0.85);\n}\n.modal .header, .modal .body, .modal .footer {\n display: flex;\n}\n.modal .header, .modal .body {\n flex-direction: column;\n align-items: center;\n}\n.modal .header {\n margin-top: 1.5em;\n}\n.modal .footer {\n flex-direction: row;\n justify-content: space-around;\n margin-top: 1em;\n}\n.modal header .icon-wrapper {\n position: absolute;\n top: -78px;\n left: calc(50% - 78px);\n}\n.modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .background {\n display: inline-block;\n}\n.modal header .icon-wrapper .background-wrapper, .modal header .icon-wrapper .icon {\n position: absolute;\n}\n.modal header .icon-wrapper .background-wrapper {\n position: relative;\n display: inline-block;\n width: 156px;\n height: 78px;\n overflow: hidden;\n}\n.modal header .icon-wrapper .background {\n position: relative;\n left: calc(50% - 28px);\n top: 50px;\n width: 56px;\n height: 56px;\n background-color: #fff;\n box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n}\n.modal header .icon-wrapper .icon, .modal header .icon-wrapper .background {\n border-radius: 50%;\n}\n.modal header .icon-wrapper .icon {\n color: #fff;\n padding: 10px;\n top: 56px;\n left: calc(50% - 22px);\n}\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .body {\n text-align: center;\n}\n.modal .close {\n cursor: pointer;\n}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":152,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":152,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ModalNotificationComponent"}]},{"__symbolic":"reference","name":"any"}]}],"getIconClass":[{"__symbolic":"method"}],"autoClose":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"ModalNotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ModalNotificationComponent"}],"exports":[{"__symbolic":"reference","name":"ModalNotificationComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"LinkModule"},{"__symbolic":"reference","name":"FlyoutModule"}]}]}],"members":{}},"ToastConfig":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[null]}]}},"ToastType":{"success":"success","error":"error","warn":"warn","info":"info"},"ToastHeadline":{"complete":"Complete","wellDone":"Well Done","sorry":"Sorry","oops":"Oops","warning":"Warning","remember":"Remember","importantInfo":"Important Info","didYouKnow":"Did You Know?"},"ToastData":{"__symbolic":"interface"},"ToastNotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":128,"character":1},"arguments":[{"selector":"vl-toast-notification","template":"<div\n class=\"mat-typography modal {{ data.type }}\"\n>\n <div class=\"left-col\">\n <header *ngIf=\"!!data.headline\">\n <i class=\"material-icons icon {{getIconClass()}}\">{{ getIconClass() }}</i>\n <span class=\"mat-header-2 text\">{{ data.headline }}</span>\n </header>\n <div class=\"mat-body-semi-bold-3\">\n {{ data.message }}\n </div>\n </div>\n <div class=\"right-col\">\n <i class=\"material-icons close\" (click)=\"close()\">cancel</i>\n </div>\n</div>","styles":["/* VL Custom Colors */\n.modal {\n width: 400px;\n padding: 1em;\n color: #282828;\n border-style: solid;\n border-width: 3px;\n border-radius: 5px;\n display: flex;\n}\n.modal.success {\n border-color: rgba(75, 192, 101, 0.75);\n background-color: rgba(75, 192, 101, 0.15);\n}\n.modal.success .icon,\n.modal.success .close {\n color: rgba(75, 192, 101, 0.75);\n}\n.modal.error {\n border-color: rgba(206, 0, 11, 0.75);\n background-color: rgba(206, 0, 11, 0.15);\n}\n.modal.error .icon,\n.modal.error .close {\n color: rgba(206, 0, 11, 0.75);\n}\n.modal.warn {\n border-color: rgba(249, 176, 18, 0.75);\n background-color: rgba(249, 176, 18, 0.15);\n}\n.modal.warn .icon,\n.modal.warn .close {\n color: rgba(249, 176, 18, 0.75);\n}\n.modal.info {\n border-color: rgba(0, 136, 220, 0.75);\n background-color: rgba(0, 136, 220, 0.15);\n}\n.modal.info .icon,\n.modal.info .close {\n color: rgba(0, 136, 220, 0.75);\n}\n.modal header {\n display: flex;\n}\n.modal header .icon {\n font-size: 32px;\n font-weight: 900;\n padding-right: 5px;\n}\n.modal header .icon,\n.modal header .text {\n line-height: 32px;\n margin-bottom: 8px;\n}\n.modal .close {\n cursor: pointer;\n}\n.modal .left-col {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n.modal .right-col {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":136,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":136,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"ToastNotificationComponent"}]},{"__symbolic":"reference","name":"any"}]}],"getIconClass":[{"__symbolic":"method"}],"autoClose":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"ToastNotificationModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToastNotificationComponent"}],"exports":[{"__symbolic":"reference","name":"ToastNotificationComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4}]}]}],"members":{}}},"origins":{"CheckboxComponent":"./lib/checkbox/checkbox.component","CheckboxModule":"./lib/checkbox/checkbox.module","DataTableComponent":"./lib/data-table/data-table.component","DataTableModule":"./lib/data-table/data-table.module","DropdownItemInterface":"./lib/dropdown/dropdown.component","validateDropdownItem":"./lib/dropdown/dropdown.component","validateDropdownItems":"./lib/dropdown/dropdown.component","validateDropdownItemGroups":"./lib/dropdown/dropdown.component","DropdownComponent":"./lib/dropdown/dropdown.component","DropdownModule":"./lib/dropdown/dropdown.module","FlyoutItemInterface":"./lib/flyout/flyout.component","FlyoutComponent":"./lib/flyout/flyout.component","FlyoutModule":"./lib/flyout/flyout.module","LinkComponent":"./lib/link/link.component","LinkModule":"./lib/link/link.module","ProgressStep":"./lib/progress-indicator/progress-indicator.component","ProgressIndicatorComponent":"./lib/progress-indicator/progress-indicator.component","ProgressIndicatorModule":"./lib/progress-indicator/progress-indicator.module","ModalConfig":"./lib/modal-notification/modal-notification.component","ModalType":"./lib/modal-notification/modal-notification.component","ModalHeadline":"./lib/modal-notification/modal-notification.component","ModalData":"./lib/modal-notification/modal-notification.component","ModalNotificationComponent":"./lib/modal-notification/modal-notification.component","ModalNotificationModule":"./lib/modal-notification/modal-notification.module","ToastConfig":"./lib/toast-notification/toast-notification.component","ToastType":"./lib/toast-notification/toast-notification.component","ToastHeadline":"./lib/toast-notification/toast-notification.component","ToastData":"./lib/toast-notification/toast-notification.component","ToastNotificationComponent":"./lib/toast-notification/toast-notification.component","ToastNotificationModule":"./lib/toast-notification/toast-notification.module"},"importAs":"vlcomponents"} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by14.86%
685623
- Number of package files
- increased by10.17%
65
- Lines of code
- increased by15.46%
5797
Worsened metrics
- Number of low supply chain risk alerts
- increased by19.05%
25
No dependency changes