@symphony-talent/component-library 1.5.0 → 1.6.0

package/bundles/symphony-talent-component-library-projects-component-library.umd.min.js

@@ -1,4 +1,4 @@
-!function(o,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("ngx-bootstrap/dropdown"),require("@angular/platform-browser/animations"),require("ngx-bootstrap/tooltip")):"function"==typeof define&&define.amd?define("@symphony-talent/component-library/projects/component-library",["exports","@angular/core","@angular/common","ngx-bootstrap/dropdown","@angular/platform-browser/animations","ngx-bootstrap/tooltip"],n):n(((o="undefined"!=typeof globalThis?globalThis:o||self)["symphony-talent"]=o["symphony-talent"]||{},o["symphony-talent"]["component-library"]=o["symphony-talent"]["component-library"]||{},o["symphony-talent"]["component-library"].projects=o["symphony-talent"]["component-library"].projects||{},o["symphony-talent"]["component-library"].projects["component-library"]={}),o.ng.core,o.ng.common,o.dropdown,o.ng.platformBrowser.animations,o.tooltip)}(this,(function(o,n,e,t,i,s){"use strict";
+!function(o,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("ngx-bootstrap/dropdown"),require("@angular/platform-browser/animations"),require("ngx-bootstrap/tooltip"),require("@angular/forms")):"function"==typeof define&&define.amd?define("@symphony-talent/component-library/projects/component-library",["exports","@angular/core","@angular/common","ngx-bootstrap/dropdown","@angular/platform-browser/animations","ngx-bootstrap/tooltip","@angular/forms"],n):n(((o="undefined"!=typeof globalThis?globalThis:o||self)["symphony-talent"]=o["symphony-talent"]||{},o["symphony-talent"]["component-library"]=o["symphony-talent"]["component-library"]||{},o["symphony-talent"]["component-library"].projects=o["symphony-talent"]["component-library"].projects||{},o["symphony-talent"]["component-library"].projects["component-library"]={}),o.ng.core,o.ng.common,o.dropdown,o.ng.platformBrowser.animations,o.tooltip,o.ng.forms)}(this,(function(o,n,e,t,i,s,r){"use strict";
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */var r;function a(o,n,e,t){var i,s=arguments.length,r=s<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,n,e,t);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(r=(s<3?i(r):s>3?i(n,e,r):i(n,e))||r);return s>3&&r&&Object.defineProperty(n,e,r),r}o.ButtonComponent=function(){function o(){this.clicked=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onClick=function(){this.clicked.emit(this.text)},o}(),a([n.Input()],o.ButtonComponent.prototype,"text",void 0),a([n.Input()],o.ButtonComponent.prototype,"disabled",void 0),a([n.Input()],o.ButtonComponent.prototype,"isSecondary",void 0),a([n.Output()],o.ButtonComponent.prototype,"clicked",void 0),o.ButtonComponent=a([n.Component({selector:"symphony-button",template:'<button class="btn" \n[ngClass]="{\'btn-secondary\': isSecondary, \'btn-primary\': !isSecondary }"\n(click)="onClick()" [disabled]="disabled">{{ text }}</button>',styles:["button,button:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.3}.btn{border-radius:30px;height:60px;min-width:140px;padding-left:40px;padding-right:40px}.btn:focus{outline:none}.btn:disabled{opacity:.3}.btn-primary{background:#000;border:1px solid #000;color:#fff}.btn-secondary{background:#fff;border:1px solid #000;color:#000}"]})],o.ButtonComponent),o.ButtonModule=function(){},o.ButtonModule=a([n.NgModule({declarations:[o.ButtonComponent],imports:[e.CommonModule],providers:[],exports:[o.ButtonComponent]})],o.ButtonModule),o.PillComponent=function(){function o(){this.removePill=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onRemoveClick=function(){this.removePill.emit(this.pillLabel)},o}(),a([n.Input()],o.PillComponent.prototype,"pillLabel",void 0),a([n.Input()],o.PillComponent.prototype,"isInverse",void 0),a([n.Input()],o.PillComponent.prototype,"hasClose",void 0),a([n.Input()],o.PillComponent.prototype,"tooltipLabel",void 0),a([n.Output()],o.PillComponent.prototype,"removePill",void 0),o.PillComponent=a([n.Component({selector:"symphony-pill",template:'<span *ngIf="tooltipLabel"\n    class="sfx-d-inline-block sfx-pill-item"\n    [ngClass]="{\'inverse-pill\': isInverse }"\n    tooltip="{{tooltipLabel}}"\n    placement="top"\n    containerClass="sfx-info-tooltip pill-tooltip"\n    [adaptivePosition]="false"\n    >\n    <i *ngIf="hasClose" (click)="onRemoveClick()"\n        class="glyphicon glyphicon-remove sfx-cursor-pointer"\n    ></i>\n    {{ pillLabel }}\n</span>\n\n<span *ngIf="!tooltipLabel"\n    class="sfx-d-inline-block sfx-pill-item"\n    [ngClass]="{\'inverse-pill\': isInverse }"\n    >\n    <i *ngIf="hasClose" (click)="onRemoveClick()"\n        class="glyphicon glyphicon-remove sfx-cursor-pointer"\n    ></i>\n    {{ pillLabel }}\n</span>',encapsulation:n.ViewEncapsulation.None,styles:[".sfx-pill-item{background-color:#f1f1f1;border-radius:25px;color:#000;font-weight:600;margin-right:10px;margin-top:10px;padding:10px 20px;text-align:center}.sfx-pill-item.inverse-pill{background-color:#000;color:#fff}.sfx-pill-item i{font-size:12px;position:relative;top:2px}.sfx-pill-item:hover{background-color:#000;color:#fff}.sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip{min-width:100px}.sfx-info-tooltip.pill-tooltip{min-width:80px;opacity:1;top:-5px!important}.sfx-info-tooltip.pill-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600}.sfx-info-tooltip.pill-tooltip .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;border-radius:0;color:#000;font-size:13px;max-width:160px;padding:8px 15px}"]})],o.PillComponent),o.TaskIconComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.TaskIconComponent.prototype,"isComplete",void 0),o.TaskIconComponent=a([n.Component({selector:"symphony-task-icon",template:"<div\n  class=\"task-circle\"\n  [ngClass]=\"{\n    'task-incomplete': !isComplete,\n    'task-complete': isComplete\n  }\"\n>\n  <i\n    class=\"fa-solid\"\n    [ngClass]=\"{\n      'fa-clipboard': !isComplete,\n      'fa-clipboard-check': isComplete\n    }\"\n  ></i>\n</div>\n",styles:[".task-circle{border-radius:50%;height:50px;width:50px}.task-circle .fa-solid{color:#fff;font-size:20px;left:17px;position:relative;top:15px}.task-complete{background-color:#00d56b}.task-incomplete{background-color:#d9d9d9}"]})],o.TaskIconComponent),o.TaskIconModule=function(){},o.TaskIconModule=a([n.NgModule({declarations:[o.TaskIconComponent],imports:[e.CommonModule],exports:[o.TaskIconComponent]})],o.TaskIconModule),o.InputTextComponent=function(){function o(){this.placeholder="",this.textChange=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onTextChange=function(o){this.textChange.emit(o.target.value)},o}(),a([n.Input()],o.InputTextComponent.prototype,"placeholder",void 0),a([n.Input()],o.InputTextComponent.prototype,"icon",void 0),a([n.Output()],o.InputTextComponent.prototype,"textChange",void 0),o.InputTextComponent=a([n.Component({selector:"symphony-input",template:'<div class="search-wrap">\n  <label for="keyword-search" class="visuallyhidden">Search: </label>\n  <input\n    type="text"\n    name="keyword-search"\n    class="keyword-search"\n    placeholder="{{ placeholder }}"\n    (keyup)="onTextChange($event)"\n  />\n  <i *ngIf="icon" class="{{ icon }}"></i>\n</div>\n',styles:[".visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.search-wrap{position:relative}.search-wrap .keyword-search{border:1px solid #d0d0d0;border-radius:4px;font-family:neuzeit-grotesk,sans-serif!important;line-height:25px;padding:7px 15px;width:300px}.search-wrap .keyword-search::-moz-placeholder{color:#bababa}.search-wrap .keyword-search:-ms-input-placeholder{color:#bababa}.search-wrap .keyword-search::placeholder{color:#bababa}.search-wrap .keyword-search:focus{border-color:#464646}.search-wrap .keyword-search:focus-visible{outline:none}.search-wrap .fa-solid{font-size:20px;position:relative;right:30px;top:3px}"]})],o.InputTextComponent),o.InputTextModule=function(){},o.InputTextModule=a([n.NgModule({declarations:[o.InputTextComponent],imports:[e.CommonModule]})],o.InputTextModule),o.ColorSampleComponent=function(){function o(){}return o.prototype.ngOnInit=function(){this.bgColor=this.color},o}(),a([n.Input()],o.ColorSampleComponent.prototype,"color",void 0),o.ColorSampleComponent=a([n.Component({selector:"symphony-color-sample",template:"<div\n  class=\"color-sample\"\n  [ngClass]=\"bgColor\"\n  [ngStyle]=\"{\n    border: color == 'background-color-white' ? '1px solid #000' : 'none'\n  }\"\n></div>\n",styles:[".color-sample{border-radius:50%;float:left;height:30px;margin-right:20px;margin-top:10px;width:30px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}"]})],o.ColorSampleComponent),o.ColorSampleModule=function(){},o.ColorSampleModule=a([n.NgModule({declarations:[o.ColorSampleComponent],imports:[e.CommonModule],exports:[o.ColorSampleComponent]})],o.ColorSampleModule),o.H2Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.H2Component.prototype,"text",void 0),a([n.Input()],o.H2Component.prototype,"isSecondary",void 0),o.H2Component=a([n.Component({selector:"symphony-h2",template:"<h2 [ngClass]=\"{ 'h2-secondary': isSecondary, 'h2-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h2>\n",styles:[".h2-primary,.h2-secondary{color:#000;letter-spacing:-2px;line-height:40px;margin-bottom:0;margin-top:0}.h2-secondary{color:#fff}"]})],o.H2Component),o.H2Module=function(){},o.H2Module=a([n.NgModule({declarations:[o.H2Component],imports:[e.CommonModule],exports:[o.H2Component]})],o.H2Module),o.H3Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.H3Component.prototype,"text",void 0),a([n.Input()],o.H3Component.prototype,"isSecondary",void 0),o.H3Component=a([n.Component({selector:"symphony-h3",template:"<h3 [ngClass]=\"{ 'h3-secondary': isSecondary, 'h3-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h3>\n",styles:[".h3-primary,.h3-secondary{color:#000;letter-spacing:-1px;line-height:30px;margin-bottom:0;margin-top:0}.h3-secondary{color:#fff}"]})],o.H3Component),o.H3Module=function(){},o.H3Module=a([n.NgModule({declarations:[o.H3Component],imports:[e.CommonModule],exports:[o.H3Component]})],o.H3Module),o.H4Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.H4Component.prototype,"text",void 0),a([n.Input()],o.H4Component.prototype,"isSecondary",void 0),o.H4Component=a([n.Component({selector:"symphony-h4",template:"<h4 [ngClass]=\"{ 'h4-secondary': isSecondary, 'h4-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h4>\n",styles:[".h4-primary,.h4-secondary{color:#000;letter-spacing:-1px;line-height:20px;margin-bottom:0;margin-top:0}.h4-secondary{color:#fff}"]})],o.H4Component),o.H4Module=function(){},o.H4Module=a([n.NgModule({declarations:[o.H4Component],imports:[e.CommonModule],exports:[o.H4Component]})],o.H4Module),o.H1Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.H1Component.prototype,"text",void 0),a([n.Input()],o.H1Component.prototype,"isSecondary",void 0),o.H1Component=a([n.Component({selector:"symphony-h1",template:"<h1\n  [ngClass]=\"{\n    'h1-secondary': isSecondary,\n    'h1-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</h1>\n",styles:[".h1-primary,.h1-secondary{color:#000;letter-spacing:-2px;line-height:50px;margin-bottom:0;margin-top:0}.h1-secondary{color:#fff}"]})],o.H1Component),o.H1Module=function(){},o.H1Module=a([n.NgModule({declarations:[o.H1Component],imports:[e.CommonModule],exports:[o.H1Component]})],o.H1Module),o.ParagraphComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.ParagraphComponent.prototype,"text",void 0),a([n.Input()],o.ParagraphComponent.prototype,"isSecondary",void 0),o.ParagraphComponent=a([n.Component({selector:"symphony-paragraph",template:"<p\n  [ngClass]=\"{\n    'body-copy-secondary': isSecondary,\n    'body-copy-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</p>\n",styles:[".body-copy-primary,.body-copy-secondary{color:#000;font-family:neuzeit-grotesk,sans-serif!important;font-size:14px;line-height:20px;margin-bottom:0}.body-copy-secondary{color:#fff}"]})],o.ParagraphComponent),o.ParagraphModule=function(){},o.ParagraphModule=a([n.NgModule({declarations:[o.ParagraphComponent],imports:[e.CommonModule],exports:[o.ParagraphComponent]})],o.ParagraphModule),o.H5Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.H5Component.prototype,"text",void 0),a([n.Input()],o.H5Component.prototype,"isSecondary",void 0),o.H5Component=a([n.Component({selector:"symphony-h5",template:"<h5\n  [ngClass]=\"{\n    'h5-secondary': isSecondary,\n    'h5-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</h5>\n",styles:[".h5-primary,.h5-secondary{color:#000;font-size:14px;line-height:20px;margin-bottom:0;margin-top:0}.h5-secondary{color:#fff}"]})],o.H5Component),o.H5Module=function(){},o.H5Module=a([n.NgModule({declarations:[o.H5Component],imports:[e.CommonModule],exports:[o.H5Component]})],o.H5Module),o.IconComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.IconComponent.prototype,"icon",void 0),a([n.Input()],o.IconComponent.prototype,"isSecondary",void 0),o.IconComponent=a([n.Component({selector:"symphony-icon",template:"<i\n  [class]=\"icon\"\n  [ngClass]=\"{\n    'icon-secondary': isSecondary,\n    'icon-primary': !isSecondary\n  }\"\n></i>\n",styles:[".icon-secondary{color:#fff}i{height:18px;width:18px}"]})],o.IconComponent),o.IconModule=function(){},o.IconModule=a([n.NgModule({declarations:[o.IconComponent],imports:[e.CommonModule],exports:[o.IconComponent]})],o.IconModule),o["ɵl"]=function(){function o(o){this.sp=o}return o.prototype.ngOnInit=function(){this.initials="",this.firstInitial="",this.bgColor="",this.firstName&&(this.initials+=this.sp.transform(this.firstName,0,1),this.firstInitial=this.sp.transform(this.firstName,0,1).toLocaleLowerCase()),this.lastName&&(this.initials+=this.sp.transform(this.lastName,0,1)),this.bgColor=this.getColor(this.firstInitial)},o.prototype.getColor=function(o){switch(o){case"a":return"#D0021B";case"b":return"#F5A623";case"c":return"#E4D75C";case"d":return"#8B572A";case"e":return"#579F09";case"f":return"#BD10E0";case"g":return"#9013FE";case"h":return"#4A90E2";case"i":return"#39B196";case"j":return"#4A4A4A";case"k":return"#E84D4D";case"l":return"#E84DC0";case"m":return"#CE950B";case"n":return"#1CCE0B";case"o":return"#1DB1A6";case"p":return"#3724A9";case"q":return"#A9249E";case"r":return"#A9246B";case"s":return"#24A97A";case"t":return"#1C93B3";case"u":return"#D52424";case"v":return"#A45519";case"w":return"#19A420";case"x":return"#A41963";case"y":return"#CFD00A";case"z":return"#AA0AD0";default:return"#000000"}},o}(),a([n.Input()],o["ɵl"].prototype,"firstName",void 0),a([n.Input()],o["ɵl"].prototype,"lastName",void 0),a([n.Input()],o["ɵl"].prototype,"sizePx",void 0),a([n.Input()],o["ɵl"].prototype,"fontSizePx",void 0),o["ɵl"]=a([n.Component({selector:"lib-avatar",template:'<div\n    [style.line-height.px]="sizePx"\n    [style.height.px]="sizePx"\n    [style.width.px]="sizePx"\n    [style.font-size.px]="fontSizePx"\n    [style.background-color]="bgColor"\n    class="avatar-circle"\n>\n    <div *ngIf="initials" class="avatar-text">\n        {{ initials }}\n    </div>\n</div>\n',styles:[".avatar-circle{background:#000;border-radius:50%;height:50px;line-height:50px;width:50px}.avatar-text{color:#fff;text-align:center}"]})],o["ɵl"]),o["ɵk"]=function(){},o["ɵk"]=a([n.NgModule({declarations:[o["ɵl"]],imports:[e.CommonModule],providers:[e.SlicePipe],exports:[o["ɵl"]]})],o["ɵk"]),o["ɵf"]=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o["ɵf"].prototype,"description",void 0),o["ɵf"]=a([n.Component({selector:"symphony-description",template:"<p>{{description}}</p>\n",styles:["p{font-size:14px;line-height:29px;margin-bottom:0}"]})],o["ɵf"]),o["ɵe"]=function(){},o["ɵe"]=a([n.NgModule({declarations:[o["ɵf"]],imports:[e.CommonModule],exports:[o["ɵf"]]})],o["ɵe"]),o["ɵb"]=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),o["ɵb"]=a([n.Component({selector:"symphony-dropdown",template:'<div class="btn-group" dropdown>\n    <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"\n            aria-controls="dropdown-basic">\n      Button dropdown <span class="caret"></span>\n    </button>\n    <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu"\n        role="menu" aria-labelledby="button-basic">\n      <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>\n      <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>\n      <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>\n      <li class="divider dropdown-divider"></li>\n      <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>\n      </li>\n    </ul>\n  </div>',styles:[""]})],o["ɵb"]),o["ɵa"]=function(){},o["ɵa"]=a([n.NgModule({declarations:[o["ɵb"]],imports:[e.CommonModule,t.BsDropdownModule.forRoot(),i.BrowserAnimationsModule],providers:[],exports:[o["ɵb"]]})],o["ɵa"]),o["ɵh"]=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o["ɵh"].prototype,"listTitle",void 0),o["ɵh"]=a([n.Component({selector:"symphony-list-title",template:"<h3>{{listTitle}}</h3>\n",styles:["h3{font-weight:700;letter-spacing:-1px;line-height:29px;margin-bottom:0;margin-top:0}"]})],o["ɵh"]),o["ɵg"]=function(){},o["ɵg"]=a([n.NgModule({declarations:[o["ɵh"]],imports:[e.CommonModule],exports:[o["ɵh"]]})],o["ɵg"]),o["ɵd"]=function(){function o(){}return o.prototype.ngOnInit=function(){this.sfxMoreActions=this.moreActions},o}(),a([n.Input()],o["ɵd"].prototype,"moreActions",void 0),o["ɵd"]=a([n.Component({selector:"symphony-more-dropdown",template:'<div style="margin-left: 300px;" class="btn-group" dropdown>\n    <button id="button-basic" dropdownToggle type="button" class="btn dropdown-toggle"\n            aria-controls="dropdown-basic">\n      <i class="glyphicon glyphicon-option-vertical"></i>\n    </button>\n    <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu"\n        role="menu" aria-labelledby="button-basic">\n      <li role="menuitem" *ngFor="let moreActions of sfxMoreActions">\n        <a class="dropdown-item" href="#">{{moreActions.dropItemName}}</a>\n      </li>\n    </ul>\n  </div>',styles:['.btn-group button.dropdown-toggle.btn{background:#fff;border-radius:50%;box-shadow:none;color:#000;font-size:24px;height:40px;line-height:26px;padding:0;width:40px}.btn-group button.dropdown-toggle.btn:hover{background:#000;color:#fff}.btn-group .dropdown-menu{border:none;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.175);left:auto;margin-top:10px;max-height:none;overflow:inherit;padding-bottom:20px;padding-top:20px;right:7px}.btn-group .dropdown-menu li a.dropdown-item{color:#000;font-weight:600;padding:10px 20px}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{color:#fff;content:"\\e252";display:inline-block;font-family:Glyphicons Halflings!important;font-size:14px;position:absolute;right:8px;top:-13px;transform:rotate(180deg)}.btn-group.open button.dropdown-toggle.btn{background:#000;color:#fff}']})],o["ɵd"]),o["ɵc"]=function(){},o["ɵc"]=a([n.NgModule({declarations:[o["ɵd"]],imports:[e.CommonModule,t.BsDropdownModule.forRoot(),i.BrowserAnimationsModule],exports:[o["ɵd"]]})],o["ɵc"]),o["ɵm"]=function(){},o["ɵm"]=a([n.NgModule({declarations:[o.PillComponent],imports:[e.CommonModule,s.TooltipModule.forRoot()],exports:[o.PillComponent]})],o["ɵm"]),o["ɵj"]=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o["ɵj"].prototype,"timeStamp",void 0),o["ɵj"]=a([n.Component({selector:"symphony-time-stamp",template:"<p>{{timeStamp}}</p>\n",styles:["p{font-size:14px;letter-spacing:-1px;line-height:29px;margin-bottom:0}"]})],o["ɵj"]),o["ɵi"]=function(){},o["ɵi"]=a([n.NgModule({declarations:[o["ɵj"]],imports:[e.CommonModule],exports:[o["ɵj"]]})],o["ɵi"]),o["ɵo"]=function(){function o(){this.clicked=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onClick=function(){this.clicked.emit("Clicked")},o}(),a([n.Input()],o["ɵo"].prototype,"icon",void 0),a([n.Input()],o["ɵo"].prototype,"disabled",void 0),a([n.Input()],o["ɵo"].prototype,"isSecondary",void 0),a([n.Output()],o["ɵo"].prototype,"clicked",void 0),o["ɵo"]=a([n.Component({selector:"symphony-button-round",template:'<button\n  class="btn"\n  [ngClass]="{\n    \'btn-secondary\': isSecondary,\n    \'btn-primary\': !isSecondary\n  }"\n  (click)="onClick()"\n  [disabled]="disabled"\n>\n  <i class="fas" [ngClass]="icon"></i>\n</button>\n',styles:["button{border-radius:50%;height:40px;outline:none;width:40px}button i{font-size:10px}button:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.3}button:disabled:hover{background-color:#fff;border:1px solid #000;color:#000}.btn-primary{background:#fff;border:1px solid #000;color:#000}.btn-primary:hover,.btn-secondary{background:#000;color:#fff}.btn-secondary{border:1px solid #fff}.btn-secondary:hover{background:#fff;color:#000}.bg-black{background-color:#000;padding:10px}"]})],o["ɵo"]),o["ɵn"]=function(){},o["ɵn"]=a([n.NgModule({declarations:[o["ɵo"]],imports:[e.CommonModule],exports:[o["ɵo"]]})],o["ɵn"]),function(o){o.MOREOPTIONS="si-more-options",o.ADD="si-add",o.ACTIVITY="si-activity",o.ARROWHIDEREVEAL="si-arrow-hide-reveal",o.ARROWNEXT="si-arrow-next",o.ARROWPREV="si-arrow-prev",o.CLOSEMODAL="si-close-modal",o.COLLAPSE="si-collapse",o.DAYMODE="si-daymode",o.DELETE="si-delete",o.DOCUMENT="si-document",o.DOWNLOAD="si-download",o.EDIT="si-edit",o.EMAILDRIP="si-email-drip",o.EMAILOPEN="si-email-open",o.EMAILSEND="si-email-send",o.EXPAND="si-expand",o.FAVORITE="si-favorite",o.FEEDBACKMAYBE="si-feedback-maybe",o.FEEDBACKNO="si-feedback-no",o.FEEDBACKYES="si-feedback-yes",o.FOLDERMULTIPLE="si-folder-multiple",o.INCLUDE="si-include",o.INFO="si-info",o.INTERVIEW="si-interview",o.LINK="si-link",o.LOCATION="si-location",o.MENUALL="si-menu-all",o.MENUANALYTICS="si-menu-analytics",o.MENUASSETS="si-menu-assets",o.MENUCAMPAIGNS="si-menu-campaigns",o.MENUCONTACT="si-menu-contact",o.MENUCONTENT="si-menu-content",o.MENUDASHBOARD="si-menu-dashboard",o.MENUEVENTS="si-menu-events",o.MENUFOLDERS="si-menu-folders",o.MENUJOBS="si-menu-jobs",o.MENURETURN="si-menu-return",o.MENUWORKFLOWS="si-menu-workflows",o.MERGE="si-merge",o.MOVE="si-move",o.NIGHTMODE="si-nightmode",o.NOTIFICATION="si-notification",o.ORGANIZECOLUMNS="si-organize-columns",o.ORGANIZECONTACTS="si-organize-contacts",o.PENDINGINCOMPLETE="si-pending-incomplete",o.PHONENUMBER="si-phone-number",o.PREVIEW="si-preview",o.PROMOTE="si-promote",o.REFRESH="si-refresh",o.REMOVE="si-remove",o.EXCLUDE="si-exclude",o.RESULTSFILTERS="si-results-filters",o.REVIEW="si-review",o.SALARY="si-salary",o.SAVE="si-save",o.SEARCHADVANCED="si-search-advanced",o.SEARCHCLEAR="si-search-clear",o.SEARCHNEW="si-search-new",o.SETTINGSMART="si-settings-smart",o.SMS="si-sms",o.SORTMINI="si-sort-mini",o.STATUS="si-status",o.SYSTEMACTION="si-system-action",o.TASKCOMPLETED="si-task-completed",o.TASKOPEN="si-task-open",o.TIMEFRAME="si-timeframe",o.TIMELINE="si-timeline",o.UPLOAD="si-upload",o.USERMULTIPLE="si-user-multiple",o.USER="si-user"}(r||(r={})),o["ɵq"]=function(){function o(){this.Icons=r}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o["ɵq"].prototype,"isInverse",void 0),o["ɵq"]=a([n.Component({selector:"symphony-icon-wrapper",template:'<div class="icon-wrapper" [ngClass]="{ \'is-inverse\': isInverse }">\n  <ng-content></ng-content>\n</div>\n',styles:[".icon-wrapper{border:1px solid #000;border-radius:50%;height:40px;padding-top:11px;width:40px}.icon-wrapper.is-inverse,.icon-wrapper:hover{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}"]})],o["ɵq"]),o["ɵp"]=function(){},o["ɵp"]=a([n.NgModule({declarations:[o["ɵq"]],imports:[e.CommonModule],exports:[o["ɵq"]]})],o["ɵp"]),o.AtomsModule=function(){},o.AtomsModule=a([n.NgModule({declarations:[],imports:[],exports:[o.ButtonModule,o["ɵa"],o["ɵc"],o["ɵe"],o["ɵg"],o["ɵi"],o["ɵk"],o["ɵm"],o.TaskIconModule,o.ColorSampleModule,o.H1Module,o.H2Module,o.H3Module,o.H4Module,o.ParagraphModule,o.H5Module,o["ɵn"],o.IconModule,o["ɵp"]]})],o.AtomsModule),o.PillsComponent=function(){function o(){this.removePill=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onRemovePill=function(o){this.removePill.emit(this.pillsList.find((function(n){return n.pillLabel.toLowerCase()===o.toLowerCase()})))},o}(),a([n.Input()],o.PillsComponent.prototype,"hasClose",void 0),a([n.Input()],o.PillsComponent.prototype,"pillsList",void 0),a([n.Input()],o.PillsComponent.prototype,"hasTooltips",void 0),a([n.Output()],o.PillsComponent.prototype,"removePill",void 0),o.PillsComponent=a([n.Component({selector:"symphony-pills",template:'<div class="sfx-pills-wrapper">\n  <symphony-pill *ngFor="let pill of pillsList"\n    [pillLabel]=pill.pillLabel\n    [hasClose]=hasClose\n    [tooltipLabel]=pill.tooltipLabel\n    (removePill)="onRemovePill($event)"\n  ></symphony-pill>\n</div>',styles:[".sfx-pills-wrapper{overflow-x:auto;padding-bottom:20px;white-space:nowrap;width:100%}"]})],o.PillsComponent),o.PillsModule=function(){},o.PillsModule=a([n.NgModule({declarations:[o.PillsComponent],imports:[e.CommonModule,o["ɵm"]],exports:[o.PillsComponent]})],o.PillsModule),o.TaskComponent=function(){function o(){this.taskModel={assignee:"",title:"",dueDate:"",moreActions:[]}}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.TaskComponent.prototype,"taskModel",void 0),o.TaskComponent=a([n.Component({selector:"symphony-task",template:'<div class="sfx-task">\n  <symphony-task-icon\n    class="task-icon"\n    [isComplete]="taskModel.isComplete"\n  ></symphony-task-icon>\n  <div class="task-content">\n    <symphony-list-title [listTitle]="taskModel.title"></symphony-list-title>\n    <div class="time-and-assigned">\n      <symphony-time-stamp\n        [timeStamp]="taskModel.dueDate"\n      ></symphony-time-stamp>\n      <symphony-description\n        [description]="taskModel.assignee"\n      ></symphony-description>\n    </div>\n  </div>\n  <symphony-more-dropdown\n    class="task-more-option"\n    *ngIf="taskModel.moreActions && taskModel.moreActions.length > 0"\n    [moreActions]="taskModel.moreActions"\n  >\n  </symphony-more-dropdown>\n</div>\n',styles:["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-task{align-items:center;border-bottom:1px solid #d9d9d9;display:flex;padding:30px 0}.sfx-task symphony-task{font-size:14px;letter-spacing:-1px}.sfx-task symphony-task-icon{margin-right:20px}.sfx-task .task-content{height:50px;width:80%}.sfx-task symphony-description,.sfx-task symphony-time-stamp{display:inline-block}.sfx-task symphony-time-stamp{margin-right:20px}.sfx-task .time-and-assigned{margin-bottom:-10px}"]})],o.TaskComponent),o.TaskModule=function(){},o.TaskModule=a([n.NgModule({declarations:[o.TaskComponent],imports:[e.CommonModule,o.TaskIconModule,o["ɵg"],o["ɵi"],o["ɵe"],o["ɵc"]],exports:[o.TaskComponent]})],o.TaskModule),o.ColorSwatchComponent=function(){function o(){this.colorSwatchModel={colorCode:"",sassCode:""}}return o.prototype.ngOnInit=function(){this.getDescription()},o.prototype.getDescription=function(){return this.description=this.colorSwatchModel.colorCode+" - "+this.colorSwatchModel.sassCode,this.description},o}(),a([n.Input()],o.ColorSwatchComponent.prototype,"colorSwatchModel",void 0),o.ColorSwatchComponent=a([n.Component({selector:"symphony-ui-color-explorer",template:'<div class="sfx-ui-color-explorer">\n  <symphony-color-sample\n    [color]="colorSwatchModel.color"\n  ></symphony-color-sample>\n  <symphony-list-title\n    [listTitle]="colorSwatchModel.colorName"\n  ></symphony-list-title>\n  <symphony-description [description]="description"></symphony-description>\n</div>\n',styles:[""]})],o.ColorSwatchComponent),o.ColorSwatchModule=function(){},o.ColorSwatchModule=a([n.NgModule({declarations:[o.ColorSwatchComponent],imports:[e.CommonModule,o.ColorSampleModule,o["ɵg"],o["ɵe"]],exports:[o.ColorSwatchComponent]})],o.ColorSwatchModule),o.IconSwatchComponent=function(){function o(){this.iconSwatchModel={iconName:"",iconClass:""}}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.IconSwatchComponent.prototype,"iconSwatchModel",void 0),a([n.Input()],o.IconSwatchComponent.prototype,"isInverse",void 0),o.IconSwatchComponent=a([n.Component({selector:"symphony-icon-swatch",template:'<div class="sfx-icon-swatch">\n  <div\n    class="sfx-icon-wrapper"\n    [ngClass]="{\n      \'mt-0\': iconSwatchModel.hasBorder\n    }"\n  >\n    <symphony-icon-wrapper\n      *ngIf="iconSwatchModel.hasBorder"\n      [isInverse]="isInverse"\n    >\n      <symphony-icon [icon]="iconSwatchModel.icon"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf="!iconSwatchModel.hasBorder"\n      [icon]="iconSwatchModel.icon"\n    ></symphony-icon>\n  </div>\n  <div class="sfx-icon-description-wrapper">\n    <symphony-h5 [text]="iconSwatchModel.iconName"></symphony-h5>\n\n    <symphony-paragraph [text]="iconSwatchModel.iconClass"></symphony-paragraph>\n  </div>\n</div>\n',styles:["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;margin-right:10px;margin-top:10px;text-align:center;vertical-align:top}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}"]})],o.IconSwatchComponent),o.IconSwatchModule=function(){},o.IconSwatchModule=a([n.NgModule({declarations:[o.IconSwatchComponent],imports:[e.CommonModule,o.IconModule,o.H5Module,o.ParagraphModule,o["ɵp"]],exports:[o.IconSwatchComponent]})],o.IconSwatchModule),o["ɵs"]=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o["ɵs"].prototype,"firstName",void 0),a([n.Input()],o["ɵs"].prototype,"lastName",void 0),a([n.Input()],o["ɵs"].prototype,"listTitle",void 0),a([n.Input()],o["ɵs"].prototype,"timeStamp",void 0),a([n.Input()],o["ɵs"].prototype,"description",void 0),a([n.Input()],o["ɵs"].prototype,"moreActions",void 0),o["ɵs"]=a([n.Component({selector:"symphony-note",template:'<div class="sfx-note">\n    <lib-avatar class="list-avatar" [firstName]= firstName [lastName]= lastName></lib-avatar>\n    <div class="list-content">\n        <symphony-list-title [listTitle]= listTitle></symphony-list-title>\n        <symphony-time-stamp [timeStamp]= timeStamp></symphony-time-stamp>\n        <symphony-description [description]= description></symphony-description>\n    </div>\n    <symphony-more-dropdown class="list-more-option" [moreActions]= moreActions></symphony-more-dropdown>\n</div>\n',styles:[".sfx-note{padding:20px 75px;position:relative}.sfx-note .list-avatar{left:0;position:absolute;top:20px}.sfx-note .list-more-option{position:absolute;right:0;top:20px}"]})],o["ɵs"]),o["ɵr"]=function(){},o["ɵr"]=a([n.NgModule({declarations:[o["ɵs"]],imports:[e.CommonModule,o["ɵk"],o["ɵg"],o["ɵi"],o["ɵe"],o["ɵc"]],exports:[o["ɵs"]]})],o["ɵr"]),o.MoleculesModule=function(){},o.MoleculesModule=a([n.NgModule({declarations:[],imports:[e.CommonModule,o["ɵk"],o["ɵg"],o["ɵi"],o["ɵe"],o["ɵc"],o.PillsModule,o.TaskModule,o.ColorSwatchModule,o.IconSwatchModule],exports:[o["ɵr"],o.PillsModule,o.TaskModule,o.ColorSwatchModule,o.IconSwatchModule]})],o.MoleculesModule),o.TaskListComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.TaskListComponent.prototype,"taskList",void 0),o.TaskListComponent=a([n.Component({selector:"symphony-task-list",template:'<ul class="task-list list-unstyled">\n  <li class="task-list-item" *ngFor="let task of taskList">\n    <symphony-task [taskModel]="task"></symphony-task>\n  </li>\n</ul>\n',styles:[".task-list{border-top:1px solid #d9d9d9}"]})],o.TaskListComponent),o.TaskListModule=function(){},o.TaskListModule=a([n.NgModule({declarations:[o.TaskListComponent],imports:[e.CommonModule,o.TaskModule],exports:[o.TaskListComponent]})],o.TaskListModule),o.ColorSwatchCollectionComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),a([n.Input()],o.ColorSwatchCollectionComponent.prototype,"colorList",void 0),o.ColorSwatchCollectionComponent=a([n.Component({selector:"symphony-main-ui-color-swatch",template:'<ul class="color-list list-unstyled">\n  <li class="color-list-item" *ngFor="let color of colorList">\n    <symphony-ui-color-explorer\n      [colorSwatchModel]="color"\n    ></symphony-ui-color-explorer>\n  </li>\n</ul>\n',encapsulation:n.ViewEncapsulation.None,styles:[".data-vis-ext .color-list,.data-vis .color-list{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;width:50vw}.data-vis-ext .color-list-item,.data-vis .color-list-item{flex:0 0 20%;padding:0}.main-ui .color-list-item{padding:5px 0}"]})],o.ColorSwatchCollectionComponent),o.ColorSwatchCollectionModule=function(){},o.ColorSwatchCollectionModule=a([n.NgModule({declarations:[o.ColorSwatchCollectionComponent],imports:[e.CommonModule,o.ColorSwatchModule]})],o.ColorSwatchCollectionModule);var l=function(){function o(){}return o.getAllIcons=function(){var o=[];return o=(o=(o=o.concat(this.getHasNoBorderIconList())).concat(this.getHasBorderIconList())).concat(this.getInverseIconList())},o.getHasNoBorderIconList=function(){return[{icon:r.MOREOPTIONS,iconName:"MOREOPTIONS",iconClass:"si-more-options",hasBorder:!1},{icon:r.ADD,iconName:"ADD",iconClass:"si-add",hasBorder:!1},{icon:r.ACTIVITY,iconName:"ACTIVITY",iconClass:"si-activity",hasBorder:!1},{icon:r.ARROWHIDEREVEAL,iconName:"ARROWHIDEREVEAL",iconClass:"si-arrow-hide-reveal",hasBorder:!1},{icon:r.ARROWNEXT,iconName:"ARROWNEXT",iconClass:"si-arrow-next",hasBorder:!1},{icon:r.ARROWPREV,iconName:"ARROWPREV",iconClass:"si-arrow-prev",hasBorder:!1},{icon:r.CLOSEMODAL,iconName:"CLOSEMODAL",iconClass:"si-close-modal",hasBorder:!1},{icon:r.COLLAPSE,iconName:"COLLAPSE",iconClass:"si-collapse",hasBorder:!1},{icon:r.DAYMODE,iconName:"DAYMODE",iconClass:"si-daymode",hasBorder:!1},{icon:r.DELETE,iconName:"DELETE",iconClass:"si-delete",hasBorder:!1},{icon:r.DOCUMENT,iconName:"DOCUMENT",iconClass:"si-document",hasBorder:!1},{icon:r.DOWNLOAD,iconName:"DOWNLOAD",iconClass:"si-download",hasBorder:!1},{icon:r.EDIT,iconName:"EDIT",iconClass:"si-edit",hasBorder:!1},{icon:r.EMAILDRIP,iconName:"EMAILDRIP",iconClass:"si-email-drip",hasBorder:!1},{icon:r.EMAILOPEN,iconName:"EMAILOPEN",iconClass:"si-email-open",hasBorder:!1},{icon:r.EMAILSEND,iconName:"EMAILSEND",iconClass:"si-email-send",hasBorder:!1},{icon:r.EXPAND,iconName:"EXPAND",iconClass:"si-expand",hasBorder:!1},{icon:r.FAVORITE,iconName:"FAVORITE",iconClass:"si-favorite",hasBorder:!1},{icon:r.FEEDBACKMAYBE,iconName:"FEEDBACKMAYBE",iconClass:"si-feedback-maybe",hasBorder:!1},{icon:r.FEEDBACKNO,iconName:"FEEDBACKNO",iconClass:"si-feedback-no",hasBorder:!1},{icon:r.FEEDBACKYES,iconName:"FEEDBACKYES",iconClass:"si-feedback-yes",hasBorder:!1},{icon:r.FOLDERMULTIPLE,iconName:"FOLDERMULTIPLE",iconClass:"si-folder-multiple",hasBorder:!1},{icon:r.INCLUDE,iconName:"INCLUDE",iconClass:"si-include",hasBorder:!1},{icon:r.INFO,iconName:"INFO",iconClass:"si-info",hasBorder:!1},{icon:r.INTERVIEW,iconName:"INTERVIEW",iconClass:"si-interview",hasBorder:!1},{icon:r.LINK,iconName:"LINK",iconClass:"si-link",hasBorder:!1},{icon:r.LOCATION,iconName:"LOCATION",iconClass:"si-location",hasBorder:!1},{icon:r.MENUALL,iconName:"MENUALL",iconClass:"si-menu-all",hasBorder:!1},{icon:r.MENUANALYTICS,iconName:"MENUANALYTICS",iconClass:"si-menu-analytics",hasBorder:!1},{icon:r.MENUASSETS,iconName:"MENUASSETS",iconClass:"si-menu-assets",hasBorder:!1},{icon:r.MENUCAMPAIGNS,iconName:"MENUCAMPAIGNS",iconClass:"si-menu-campaigns",hasBorder:!1},{icon:r.MENUCONTACT,iconName:"MENUCONTACT",iconClass:"si-menu-contact",hasBorder:!1},{icon:r.MENUCONTENT,iconName:"MENUCONTENT",iconClass:"si-menu-content",hasBorder:!1},{icon:r.MENUDASHBOARD,iconName:"MENUDASHBOARD",iconClass:"si-menu-dashboard",hasBorder:!1},{icon:r.MENUEVENTS,iconName:"MENUEVENTS",iconClass:"si-menu-events",hasBorder:!1},{icon:r.MENUFOLDERS,iconName:"MENUFOLDERS",iconClass:"si-menu-folders",hasBorder:!1},{icon:r.MENUJOBS,iconName:"MENUJOBS",iconClass:"si-menu-jobs",hasBorder:!1},{icon:r.MENURETURN,iconName:"MENURETURN",iconClass:"si-menu-return",hasBorder:!1},{icon:r.MENUWORKFLOWS,iconName:"MENUWORKFLOWS",iconClass:"si-menu-workflows",hasBorder:!1},{icon:r.MERGE,iconName:"MERGE",iconClass:"si-merge",hasBorder:!1},{icon:r.MOVE,iconName:"MOVE",iconClass:"si-move",hasBorder:!1},{icon:r.NIGHTMODE,iconName:"NIGHTMODE",iconClass:"si-nightmode",hasBorder:!1},{icon:r.NOTIFICATION,iconName:"NOTIFICATION",iconClass:"si-notification",hasBorder:!1},{icon:r.ORGANIZECOLUMNS,iconName:"ORGANIZECOLUMNS",iconClass:"si-organize-columns",hasBorder:!1},{icon:r.ORGANIZECONTACTS,iconName:"ORGANIZECONTACTS",iconClass:"si-organize-contacts",hasBorder:!1},{icon:r.PENDINGINCOMPLETE,iconName:"PENDINGINCOMPLETE",iconClass:"si-pending-incomplete",hasBorder:!1},{icon:r.PHONENUMBER,iconName:"PHONENUMBER",iconClass:"si-phone-number",hasBorder:!1},{icon:r.PREVIEW,iconName:"PREVIEW",iconClass:"si-preview",hasBorder:!1},{icon:r.PROMOTE,iconName:"PROMOTE",iconClass:"si-promote",hasBorder:!1},{icon:r.REFRESH,iconName:"REFRESH",iconClass:"si-refresh",hasBorder:!1},{icon:r.REMOVE,iconName:"REMOVE",iconClass:"si-remove",hasBorder:!1},{icon:r.EXCLUDE,iconName:"EXCLUDE",iconClass:"si-exclude",hasBorder:!1},{icon:r.RESULTSFILTERS,iconName:"RESULTSFILTERS",iconClass:"si-results-filters",hasBorder:!1},{icon:r.REVIEW,iconName:"REVIEW",iconClass:"si-review",hasBorder:!1},{icon:r.SALARY,iconName:"SALARY",iconClass:"si-salary",hasBorder:!1},{icon:r.SAVE,iconName:"SAVE",iconClass:"si-save",hasBorder:!1},{icon:r.SEARCHADVANCED,iconName:"SEARCHADVANCED",iconClass:"si-search-advanced",hasBorder:!1},{icon:r.SEARCHCLEAR,iconName:"SEARCHCLEAR",iconClass:"si-search-clear",hasBorder:!1},{icon:r.SEARCHNEW,iconName:"SEARCHNEW",iconClass:"si-search-new",hasBorder:!1},{icon:r.SETTINGSMART,iconName:"SETTINGSMART",iconClass:"si-settings-smart",hasBorder:!1},{icon:r.SMS,iconName:"SMS",iconClass:"si-sms",hasBorder:!1},{icon:r.SORTMINI,iconName:"SORTMINI",iconClass:"si-sort-mini",hasBorder:!1},{icon:r.STATUS,iconName:"STATUS",iconClass:"si-status",hasBorder:!1},{icon:r.SYSTEMACTION,iconName:"SYSTEMACTION",iconClass:"si-system-action",hasBorder:!1},{icon:r.TASKCOMPLETED,iconName:"TASKCOMPLETED",iconClass:"si-task-completed",hasBorder:!1},{icon:r.TASKOPEN,iconName:"TASKOPEN",iconClass:"si-task-open",hasBorder:!1},{icon:r.TIMEFRAME,iconName:"TIMEFRAME",iconClass:"si-timeframe",hasBorder:!1},{icon:r.TIMELINE,iconName:"TIMELINE",iconClass:"si-timeline",hasBorder:!1},{icon:r.UPLOAD,iconName:"UPLOAD",iconClass:"si-upload",hasBorder:!1},{icon:r.USERMULTIPLE,iconName:"USERMULTIPLE",iconClass:"si-user-multiple",hasBorder:!1},{icon:r.USER,iconName:"USER",iconClass:"si-user",hasBorder:!1}]},o.getInverseIconList=function(){return[{icon:r.ACTIVITY,iconName:"ACTIVITY",iconClass:"si-activity",hasBorder:!0}]},o.getHasBorderIconList=function(){return[{icon:r.ADD,iconName:"ADD",iconClass:"si-add",hasBorder:!0},{icon:r.ARROWNEXT,iconName:"ARROWNEXT",iconClass:"si-arrow-next",hasBorder:!0},{icon:r.DELETE,iconName:"DELETE",iconClass:"si-delete",hasBorder:!0},{icon:r.DOWNLOAD,iconName:"DOWNLOAD",iconClass:"si-download",hasBorder:!0},{icon:r.EDIT,iconName:"EDIT",iconClass:"si-edit",hasBorder:!0},{icon:r.FEEDBACKYES,iconName:"FEEDBACKYES",iconClass:"si-feedback-yes",hasBorder:!0},{icon:r.MENUCONTACT,iconName:"MENUCONTACT",iconClass:"si-menu-contact",hasBorder:!0},{icon:r.MOREOPTIONS,iconName:"MOREOPTIONS",iconClass:"si-more-options",hasBorder:!0},{icon:r.ORGANIZECOLUMNS,iconName:"ORGANIZECOLUMNS",iconClass:"si-organize-columns",hasBorder:!0},{icon:r.PREVIEW,iconName:"PREVIEW",iconClass:"si-preview",hasBorder:!0},{icon:r.SAVE,iconName:"SAVE",iconClass:"si-save",hasBorder:!0}]},o}();o.IconExplorerComponent=function(){function o(){this.iconList=l.getAllIcons(),this.hasBorderIconsList=l.getHasBorderIconList(),this.hasNoBorderIconsList=l.getHasNoBorderIconList(),this.isInverseIconsList=l.getInverseIconList()}return o.prototype.ngOnInit=function(){this.iconCount=this.iconList.length,this.explorerTitle="Iconography ("+this.iconCount+" icons)",this.iconHasBorderCount=this.hasBorderIconsList.length,this.borderTitle="Icons with border ("+this.iconHasBorderCount+" icons)",this.iconHasNoBorderCount=this.hasNoBorderIconsList.length,this.noBorderTitle="Icons without border ("+this.iconHasNoBorderCount+" icons)",this.iconisInverseCount=this.isInverseIconsList.length,this.backgroundTitle="Icons with background ("+this.iconisInverseCount+" icons)"},o}(),o.IconExplorerComponent=a([n.Component({selector:"symphony-icon-explorer",template:'<div class="explorer-title">\n  <symphony-h2 [text]="explorerTitle"></symphony-h2>\n</div>\n<div class="explorer-subtitle">\n  <symphony-h3 [text]="noBorderTitle"></symphony-h3>\n</div>\n<ul class="sfx-icon-list list-unstyled">\n  <li class="icon-list-item" *ngFor="let icon of hasNoBorderIconsList">\n    <symphony-icon-swatch [iconSwatchModel]="icon"></symphony-icon-swatch>\n  </li>\n</ul>\n\n<div class="explorer-subtitle">\n  <symphony-h3 [text]="borderTitle"></symphony-h3>\n</div>\n<ul class="sfx-icon-list list-unstyled">\n  <li class="icon-list-item" *ngFor="let icon of hasBorderIconsList">\n    <symphony-icon-swatch [iconSwatchModel]="icon"></symphony-icon-swatch>\n  </li>\n</ul>\n\n<div class="explorer-subtitle">\n  <symphony-h3 [text]="backgroundTitle"></symphony-h3>\n</div>\n<ul class="sfx-icon-list list-unstyled">\n  <li class="icon-list-item" *ngFor="let icon of isInverseIconsList">\n    <symphony-icon-swatch\n      [iconSwatchModel]="icon"\n      [isInverse]="true"\n    ></symphony-icon-swatch>\n  </li>\n</ul>\n',styles:[".sfx-icon-list{display:flex;flex-direction:column;flex-wrap:wrap;height:90vh;width:100vw}.sfx-icon-list.has-border{height:50vh;width:39vw}.icon-list-item{flex:0 0 10%;padding:10px 0}.icon-list-item.has-border{flex:0 0 25%}.explorer-title{border-bottom:5px solid #000;margin-bottom:30px;padding-bottom:10px}.explorer-subtitle{margin-bottom:10px}"]})],o.IconExplorerComponent),o.IconExplorerModule=function(){},o.IconExplorerModule=a([n.NgModule({declarations:[o.IconExplorerComponent],imports:[e.CommonModule,o.IconSwatchModule,o.H2Module,o.H3Module]})],o.IconExplorerModule),Object.defineProperty(o,"__esModule",{value:!0})}));
+    ***************************************************************************** */var a;function l(o,n,e,t){var i,s=arguments.length,r=s<3?n:null===t?t=Object.getOwnPropertyDescriptor(n,e):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,n,e,t);else for(var a=o.length-1;a>=0;a--)(i=o[a])&&(r=(s<3?i(r):s>3?i(n,e,r):i(n,e))||r);return s>3&&r&&Object.defineProperty(n,e,r),r}o.ButtonComponent=function(){function o(){this.clicked=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onClick=function(){this.clicked.emit(this.text)},o}(),l([n.Input()],o.ButtonComponent.prototype,"text",void 0),l([n.Input()],o.ButtonComponent.prototype,"disabled",void 0),l([n.Input()],o.ButtonComponent.prototype,"isSecondary",void 0),l([n.Output()],o.ButtonComponent.prototype,"clicked",void 0),o.ButtonComponent=l([n.Component({selector:"symphony-button",template:'<button class="btn" \n[ngClass]="{\'btn-secondary\': isSecondary, \'btn-primary\': !isSecondary }"\n(click)="onClick()" [disabled]="disabled">{{ text }}</button>',styles:["button,button:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.3}.btn{border-radius:30px;height:60px;min-width:140px;padding-left:40px;padding-right:40px}.btn:focus{outline:none}.btn:disabled{opacity:.3}.btn-primary{background:#000;border:1px solid #000;color:#fff}.btn-secondary{background:#fff;border:1px solid #000;color:#000}"]})],o.ButtonComponent),o.ButtonModule=function(){},o.ButtonModule=l([n.NgModule({declarations:[o.ButtonComponent],imports:[e.CommonModule],providers:[],exports:[o.ButtonComponent]})],o.ButtonModule),o.PillComponent=function(){function o(){this.removePill=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onRemoveClick=function(){this.removePill.emit(this.pillLabel)},o}(),l([n.Input()],o.PillComponent.prototype,"pillLabel",void 0),l([n.Input()],o.PillComponent.prototype,"isInverse",void 0),l([n.Input()],o.PillComponent.prototype,"hasClose",void 0),l([n.Input()],o.PillComponent.prototype,"tooltipLabel",void 0),l([n.Output()],o.PillComponent.prototype,"removePill",void 0),o.PillComponent=l([n.Component({selector:"symphony-pill",template:'<span *ngIf="tooltipLabel"\n    class="sfx-d-inline-block sfx-pill-item"\n    [ngClass]="{\'inverse-pill\': isInverse }"\n    tooltip="{{tooltipLabel}}"\n    placement="top"\n    containerClass="sfx-info-tooltip pill-tooltip"\n    [adaptivePosition]="false"\n    >\n    <i *ngIf="hasClose" (click)="onRemoveClick()"\n        class="si-close-modal sfx-cursor-pointer"\n    ></i>\n    {{ pillLabel }}\n</span>\n\n<span *ngIf="!tooltipLabel"\n    class="sfx-d-inline-block sfx-pill-item"\n    [ngClass]="{\'inverse-pill\': isInverse }"\n    >\n    <i *ngIf="hasClose" (click)="onRemoveClick()"\n        class="si-close-modal sfx-cursor-pointer"\n    ></i>\n    {{ pillLabel }}\n</span>',encapsulation:n.ViewEncapsulation.None,styles:[".sfx-pill-item{background-color:#f1f1f1;border-radius:25px;color:#000;font-weight:600;margin-right:10px;margin-top:10px;padding:10px 20px;text-align:center}.sfx-pill-item.inverse-pill{background-color:#000;color:#fff}.sfx-pill-item i{font-size:12px;position:relative;top:2px}.sfx-pill-item:hover{background-color:#000;color:#fff}.sfx-d-inline-block{display:inline-block}.sfx-cursor-pointer{cursor:pointer}.sfx-info-tooltip{min-width:100px}.sfx-info-tooltip.pill-tooltip{min-width:80px;opacity:1;top:-5px!important}.sfx-info-tooltip.pill-tooltip .tooltip-inner{border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600}.sfx-info-tooltip.pill-tooltip .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;border-radius:0;color:#000;font-size:13px;max-width:160px;padding:8px 15px}"]})],o.PillComponent),o.TaskIconComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.TaskIconComponent.prototype,"isComplete",void 0),o.TaskIconComponent=l([n.Component({selector:"symphony-task-icon",template:"<div\n  class=\"task-circle\"\n  [ngClass]=\"{\n    'task-incomplete': !isComplete,\n    'task-complete': isComplete\n  }\"\n>\n  <i\n    class=\"fa-solid\"\n    [ngClass]=\"{\n      'si-task-completed': !isComplete,\n      'si-task-open': isComplete\n    }\"\n  ></i>\n</div>\n",styles:[".task-circle{border-radius:50%;height:50px;width:50px}.task-circle .fa-solid{color:#fff;font-size:20px;left:15px;position:relative;top:15px}.task-complete{background-color:#00d56b}.task-incomplete{background-color:#d9d9d9}"]})],o.TaskIconComponent),o.TaskIconModule=function(){},o.TaskIconModule=l([n.NgModule({declarations:[o.TaskIconComponent],imports:[e.CommonModule],exports:[o.TaskIconComponent]})],o.TaskIconModule),o.InputTextComponent=function(){function o(){this.placeholder="",this.textChange=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onTextChange=function(o){this.textChange.emit(o.target.value)},o}(),l([n.Input()],o.InputTextComponent.prototype,"placeholder",void 0),l([n.Input()],o.InputTextComponent.prototype,"icon",void 0),l([n.Input()],o.InputTextComponent.prototype,"label",void 0),l([n.Input()],o.InputTextComponent.prototype,"isInverse",void 0),l([n.Output()],o.InputTextComponent.prototype,"textChange",void 0),o.InputTextComponent=l([n.Component({selector:"symphony-input-text",template:'<div\n  class="input-text-wrap"\n  [ngClass]="{\n    \'input-secondary\': isInverse\n  }"\n>\n  <label for="input-text" class="input-text-label">{{ label }}</label>\n  <input\n    type="text"\n    name="input-text"\n    class="input-text"\n    autocomplete="off"\n    placeholder="{{ placeholder }}"\n    (keyup)="onTextChange($event)"\n  />\n  <symphony-icon [icon]="icon"></symphony-icon>\n</div>\n',styles:[".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::-moz-placeholder{color:#fff}.input-text-wrap.input-secondary .input-text:-ms-input-placeholder{color:#fff}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;line-height:25px;margin-bottom:.9375rem}.input-text-wrap .input-text{border:1px solid #d0d0d0;border-radius:4px;font-family:neuzeit-grotesk,sans-serif!important;line-height:25px;padding:7px 15px;width:100%}.input-text-wrap .input-text::-moz-placeholder{color:#000}.input-text-wrap .input-text:-ms-input-placeholder{color:#000}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{bottom:8px;font-size:14px;position:absolute;right:15px}"]})],o.InputTextComponent),o.IconComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.IconComponent.prototype,"icon",void 0),l([n.Input()],o.IconComponent.prototype,"isSecondary",void 0),o.IconComponent=l([n.Component({selector:"symphony-icon",template:"<i\n  [class]=\"icon\"\n  [ngClass]=\"{\n    'icon-secondary': isSecondary,\n    'icon-primary': !isSecondary\n  }\"\n></i>\n",styles:[".icon-secondary{color:#fff}i{height:18px;width:18px}"]})],o.IconComponent),o.IconModule=function(){},o.IconModule=l([n.NgModule({declarations:[o.IconComponent],imports:[e.CommonModule],exports:[o.IconComponent]})],o.IconModule),o.InputTextModule=function(){},o.InputTextModule=l([n.NgModule({declarations:[o.InputTextComponent],imports:[e.CommonModule,o.IconModule],exports:[o.InputTextComponent]})],o.InputTextModule),o.ColorSampleComponent=function(){function o(){}return o.prototype.ngOnInit=function(){this.bgColor=this.color},o}(),l([n.Input()],o.ColorSampleComponent.prototype,"color",void 0),o.ColorSampleComponent=l([n.Component({selector:"symphony-color-sample",template:"<div\n  class=\"color-sample\"\n  [ngClass]=\"bgColor\"\n  [ngStyle]=\"{\n    border: color == 'background-color-white' ? '1px solid #000' : 'none'\n  }\"\n></div>\n",styles:[".color-sample{border-radius:50%;float:left;height:30px;margin-right:20px;margin-top:10px;width:30px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}"]})],o.ColorSampleComponent),o.ColorSampleModule=function(){},o.ColorSampleModule=l([n.NgModule({declarations:[o.ColorSampleComponent],imports:[e.CommonModule],exports:[o.ColorSampleComponent]})],o.ColorSampleModule),o.H2Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.H2Component.prototype,"text",void 0),l([n.Input()],o.H2Component.prototype,"isSecondary",void 0),o.H2Component=l([n.Component({selector:"symphony-h2",template:"<h2 [ngClass]=\"{ 'h2-secondary': isSecondary, 'h2-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h2>\n",styles:[".h2-primary,.h2-secondary{color:#000;letter-spacing:-2px;line-height:40px;margin-bottom:0;margin-top:0}.h2-secondary{color:#fff}"]})],o.H2Component),o.H2Module=function(){},o.H2Module=l([n.NgModule({declarations:[o.H2Component],imports:[e.CommonModule],exports:[o.H2Component]})],o.H2Module),o.H3Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.H3Component.prototype,"text",void 0),l([n.Input()],o.H3Component.prototype,"isSecondary",void 0),o.H3Component=l([n.Component({selector:"symphony-h3",template:"<h3 [ngClass]=\"{ 'h3-secondary': isSecondary, 'h3-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h3>\n",styles:[".h3-primary,.h3-secondary{color:#000;letter-spacing:-1px;line-height:30px;margin-bottom:0;margin-top:0}.h3-secondary{color:#fff}"]})],o.H3Component),o.H3Module=function(){},o.H3Module=l([n.NgModule({declarations:[o.H3Component],imports:[e.CommonModule],exports:[o.H3Component]})],o.H3Module),o.H4Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.H4Component.prototype,"text",void 0),l([n.Input()],o.H4Component.prototype,"isSecondary",void 0),o.H4Component=l([n.Component({selector:"symphony-h4",template:"<h4 [ngClass]=\"{ 'h4-secondary': isSecondary, 'h4-primary': !isSecondary }\">\n  {{ text }}\n  <ng-content></ng-content>\n</h4>\n",styles:[".h4-primary,.h4-secondary{color:#000;letter-spacing:-1px;line-height:20px;margin-bottom:0;margin-top:0}.h4-secondary{color:#fff}"]})],o.H4Component),o.H4Module=function(){},o.H4Module=l([n.NgModule({declarations:[o.H4Component],imports:[e.CommonModule],exports:[o.H4Component]})],o.H4Module),o.H1Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.H1Component.prototype,"text",void 0),l([n.Input()],o.H1Component.prototype,"isSecondary",void 0),o.H1Component=l([n.Component({selector:"symphony-h1",template:"<h1\n  [ngClass]=\"{\n    'h1-secondary': isSecondary,\n    'h1-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</h1>\n",styles:[".h1-primary,.h1-secondary{color:#000;letter-spacing:-2px;line-height:50px;margin-bottom:0;margin-top:0}.h1-secondary{color:#fff}"]})],o.H1Component),o.H1Module=function(){},o.H1Module=l([n.NgModule({declarations:[o.H1Component],imports:[e.CommonModule],exports:[o.H1Component]})],o.H1Module),o.ParagraphComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.ParagraphComponent.prototype,"text",void 0),l([n.Input()],o.ParagraphComponent.prototype,"isSecondary",void 0),o.ParagraphComponent=l([n.Component({selector:"symphony-paragraph",template:"<p\n  [ngClass]=\"{\n    'body-copy-secondary': isSecondary,\n    'body-copy-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</p>\n",styles:[".body-copy-primary,.body-copy-secondary{color:#000;font-family:neuzeit-grotesk,sans-serif!important;font-size:14px;line-height:20px;margin-bottom:0}.body-copy-secondary{color:#fff}"]})],o.ParagraphComponent),o.ParagraphModule=function(){},o.ParagraphModule=l([n.NgModule({declarations:[o.ParagraphComponent],imports:[e.CommonModule],exports:[o.ParagraphComponent]})],o.ParagraphModule),o.H5Component=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.H5Component.prototype,"text",void 0),l([n.Input()],o.H5Component.prototype,"isSecondary",void 0),o.H5Component=l([n.Component({selector:"symphony-h5",template:"<h5\n  [ngClass]=\"{\n    'h5-secondary': isSecondary,\n    'h5-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</h5>\n",styles:[".h5-primary,.h5-secondary{color:#000;font-size:14px;line-height:20px;margin-bottom:0;margin-top:0}.h5-secondary{color:#fff}"]})],o.H5Component),o.H5Module=function(){},o.H5Module=l([n.NgModule({declarations:[o.H5Component],imports:[e.CommonModule],exports:[o.H5Component]})],o.H5Module),o["ɵf"]=function(){function o(o){this.sp=o}return o.prototype.ngOnInit=function(){this.initials="",this.firstInitial="",this.bgColor="",this.firstName&&(this.initials+=this.sp.transform(this.firstName,0,1),this.firstInitial=this.sp.transform(this.firstName,0,1).toLocaleLowerCase()),this.lastName&&(this.initials+=this.sp.transform(this.lastName,0,1)),this.bgColor=this.getColor(this.firstInitial)},o.prototype.getColor=function(o){switch(o){case"a":return"#D0021B";case"b":return"#F5A623";case"c":return"#E4D75C";case"d":return"#8B572A";case"e":return"#579F09";case"f":return"#BD10E0";case"g":return"#9013FE";case"h":return"#4A90E2";case"i":return"#39B196";case"j":return"#4A4A4A";case"k":return"#E84D4D";case"l":return"#E84DC0";case"m":return"#CE950B";case"n":return"#1CCE0B";case"o":return"#1DB1A6";case"p":return"#3724A9";case"q":return"#A9249E";case"r":return"#A9246B";case"s":return"#24A97A";case"t":return"#1C93B3";case"u":return"#D52424";case"v":return"#A45519";case"w":return"#19A420";case"x":return"#A41963";case"y":return"#CFD00A";case"z":return"#AA0AD0";default:return"#000000"}},o}(),l([n.Input()],o["ɵf"].prototype,"firstName",void 0),l([n.Input()],o["ɵf"].prototype,"lastName",void 0),l([n.Input()],o["ɵf"].prototype,"sizePx",void 0),l([n.Input()],o["ɵf"].prototype,"fontSizePx",void 0),o["ɵf"]=l([n.Component({selector:"lib-avatar",template:'<div\n    [style.line-height.px]="sizePx"\n    [style.height.px]="sizePx"\n    [style.width.px]="sizePx"\n    [style.font-size.px]="fontSizePx"\n    [style.background-color]="bgColor"\n    class="avatar-circle"\n>\n    <div *ngIf="initials" class="avatar-text">\n        {{ initials }}\n    </div>\n</div>\n',styles:[".avatar-circle{background:#000;border-radius:50%;height:50px;line-height:50px;width:50px}.avatar-text{color:#fff;text-align:center}"]})],o["ɵf"]),o["ɵe"]=function(){},o["ɵe"]=l([n.NgModule({declarations:[o["ɵf"]],imports:[e.CommonModule],providers:[e.SlicePipe],exports:[o["ɵf"]]})],o["ɵe"]),o["ɵb"]=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),o["ɵb"]=l([n.Component({selector:"symphony-dropdown",template:'<div class="btn-group" dropdown>\n    <button id="button-basic" dropdownToggle type="button" class="btn btn-primary dropdown-toggle"\n            aria-controls="dropdown-basic">\n      Button dropdown <span class="caret"></span>\n    </button>\n    <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu"\n        role="menu" aria-labelledby="button-basic">\n      <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>\n      <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>\n      <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>\n      <li class="divider dropdown-divider"></li>\n      <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>\n      </li>\n    </ul>\n  </div>',styles:[""]})],o["ɵb"]),o["ɵa"]=function(){},o["ɵa"]=l([n.NgModule({declarations:[o["ɵb"]],imports:[e.CommonModule,t.BsDropdownModule.forRoot(),i.BrowserAnimationsModule],providers:[],exports:[o["ɵb"]]})],o["ɵa"]),o["ɵd"]=function(){function o(){}return o.prototype.ngOnInit=function(){this.sfxMoreActions=this.moreActions},o}(),l([n.Input()],o["ɵd"].prototype,"moreActions",void 0),o["ɵd"]=l([n.Component({selector:"symphony-more-dropdown",template:'<div class="btn-group" dropdown>\n  <button\n    id="button-basic"\n    dropdownToggle\n    type="button"\n    class="btn dropdown-toggle"\n    aria-controls="dropdown-basic"\n  >\n    <i class="si-more-options"></i>\n  </button>\n  <ul\n    id="dropdown-basic"\n    *dropdownMenu\n    class="dropdown-menu"\n    role="menu"\n    aria-labelledby="button-basic"\n  >\n    <li role="menuitem" *ngFor="let moreActions of sfxMoreActions">\n      <a class="dropdown-item" href="#">{{ moreActions.dropItemName }}</a>\n    </li>\n  </ul>\n</div>\n',styles:['.btn-group button.dropdown-toggle.btn{align-items:center;background:#fff;border-radius:50%;box-shadow:none;color:#000;display:flex;font-size:24px;height:40px;justify-content:center;line-height:26px;padding:0;width:40px}.btn-group button.dropdown-toggle.btn:hover{background:#000;color:#fff}.btn-group .dropdown-menu{border:none;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.175);left:auto;margin-top:10px;max-height:none;overflow:inherit;padding-bottom:20px;padding-top:20px;right:7px}.btn-group .dropdown-menu li a.dropdown-item{color:#000;font-weight:600;padding:10px 20px}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#000;color:#fff}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{color:#fff;content:"\\e252";display:inline-block;font-family:Glyphicons Halflings!important;font-size:14px;position:absolute;right:8px;top:-13px;transform:rotate(180deg)}.btn-group.open button.dropdown-toggle.btn{background:#000;color:#fff}']})],o["ɵd"]),o["ɵc"]=function(){},o["ɵc"]=l([n.NgModule({declarations:[o["ɵd"]],imports:[e.CommonModule,t.BsDropdownModule.forRoot(),i.BrowserAnimationsModule],exports:[o["ɵd"]]})],o["ɵc"]),o["ɵg"]=function(){},o["ɵg"]=l([n.NgModule({declarations:[o.PillComponent],imports:[e.CommonModule,s.TooltipModule.forRoot()],exports:[o.PillComponent]})],o["ɵg"]),function(o){o.MOREOPTIONS="si-more-options",o.ADD="si-add",o.ACTIVITY="si-activity",o.ARROWHIDEREVEAL="si-arrow-hide-reveal",o.ARROWNEXT="si-arrow-next",o.ARROWPREV="si-arrow-prev",o.CLOSEMODAL="si-close-modal",o.COLLAPSE="si-collapse",o.DAYMODE="si-daymode",o.DELETE="si-delete",o.DOCUMENT="si-document",o.DOWNLOAD="si-download",o.EDIT="si-edit",o.EMAILDRIP="si-email-drip",o.EMAILOPEN="si-email-open",o.EMAILSEND="si-email-send",o.EXPAND="si-expand",o.FAVORITE="si-favorite",o.FEEDBACKMAYBE="si-feedback-maybe",o.FEEDBACKNO="si-feedback-no",o.FEEDBACKYES="si-feedback-yes",o.FOLDERMULTIPLE="si-folder-multiple",o.INCLUDE="si-include",o.INFO="si-info",o.INTERVIEW="si-interview",o.LINK="si-link",o.LOCATION="si-location",o.MENUALL="si-menu-all",o.MENUANALYTICS="si-menu-analytics",o.MENUASSETS="si-menu-assets",o.MENUCAMPAIGNS="si-menu-campaigns",o.MENUCONTACT="si-menu-contact",o.MENUCONTENT="si-menu-content",o.MENUDASHBOARD="si-menu-dashboard",o.MENUEVENTS="si-menu-events",o.MENUFOLDERS="si-menu-folders",o.MENUJOBS="si-menu-jobs",o.MENURETURN="si-menu-return",o.MENUWORKFLOWS="si-menu-workflows",o.MERGE="si-merge",o.MOVE="si-move",o.NIGHTMODE="si-nightmode",o.NOTIFICATION="si-notification",o.ORGANIZECOLUMNS="si-organize-columns",o.ORGANIZECONTACTS="si-organize-contacts",o.PENDINGINCOMPLETE="si-pending-incomplete",o.PHONENUMBER="si-phone-number",o.PREVIEW="si-preview",o.PROMOTE="si-promote",o.REFRESH="si-refresh",o.REMOVE="si-remove",o.EXCLUDE="si-exclude",o.RESULTSFILTERS="si-results-filters",o.REVIEW="si-review",o.SALARY="si-salary",o.SAVE="si-save",o.SEARCHADVANCED="si-search-advanced",o.SEARCHCLEAR="si-search-clear",o.SEARCHNEW="si-search-new",o.SETTINGSMART="si-settings-smart",o.SMS="si-sms",o.SORTMINI="si-sort-mini",o.STATUS="si-status",o.SYSTEMACTION="si-system-action",o.TASKCOMPLETED="si-task-completed",o.TASKOPEN="si-task-open",o.TIMEFRAME="si-timeframe",o.TIMELINE="si-timeline",o.UPLOAD="si-upload",o.USERMULTIPLE="si-user-multiple",o.USER="si-user"}(a||(a={})),o["ɵi"]=function(){function o(){this.Icons=a}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o["ɵi"].prototype,"isInverse",void 0),o["ɵi"]=l([n.Component({selector:"symphony-icon-wrapper",template:'<div class="icon-wrapper" [ngClass]="{ \'is-inverse\': isInverse }">\n  <ng-content></ng-content>\n</div>\n',styles:[".icon-wrapper{border:1px solid #000;border-radius:50%;cursor:pointer;height:40px;padding-top:11px;text-align:center;width:40px}.icon-wrapper.is-inverse,.icon-wrapper:hover{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}"]})],o["ɵi"]),o["ɵh"]=function(){},o["ɵh"]=l([n.NgModule({declarations:[o["ɵi"]],imports:[e.CommonModule],exports:[o["ɵi"]]})],o["ɵh"]),o["ɵk"]=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o["ɵk"].prototype,"height",void 0),o["ɵk"]=l([n.Component({selector:"symphony-two-column-filter-area",template:'<section class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0">\n  <div class="sfx-filter-section" [ngStyle]="{ height: height }">\n    <div class="row">\n      \x3c!-- select dropdown for event type --\x3e\n      <div\n        class="col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-30 sfx-filter-items-wrap"\n      >\n        <ng-content select="[filter-one]"></ng-content>\n      </div>\n\n      \x3c!-- search component --\x3e\n      <div\n        class="col-xs-12 col-sm-6 col-md-6 col-lg-6 sfx-mb-30 sfx-filter-items-wrap"\n      >\n        <ng-content select="[filter-two]"></ng-content>\n      </div>\n    </div>\n  </div>\n</section>\n',styles:[".sfx-filter-section{background-color:#000;border-radius:5px;padding:1.875rem 2.5rem}"]})],o["ɵk"]),o["ɵj"]=function(){},o["ɵj"]=l([n.NgModule({declarations:[o["ɵk"]],imports:[e.CommonModule],exports:[o["ɵk"]]})],o["ɵj"]),o["ɵo"]=function(){},l([n.Input()],o["ɵo"].prototype,"errorMessage",void 0),o["ɵo"]=l([n.Component({selector:"lib-sfx-inline-error",template:"<p>{{ errorMessage }}</p>\n",styles:["p{color:red!important;font-size:1rem;margin:0;padding:10px 0}"]})],o["ɵo"]),o["ɵn"]=function(){},o["ɵn"]=l([n.NgModule({declarations:[o["ɵo"]],imports:[e.CommonModule],exports:[o["ɵo"]]})],o["ɵn"]),o["ɵm"]=function(){function o(){this.clicked=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onClick=function(){this.isActive?this.isActive=!1:this.isActive=!0,this.clicked.emit({label:this.label,isActive:this.isActive})},o}(),l([n.Input()],o["ɵm"].prototype,"isActive",void 0),l([n.Input()],o["ɵm"].prototype,"label",void 0),l([n.Input()],o["ɵm"].prototype,"isRequired",void 0),l([n.Output()],o["ɵm"].prototype,"clicked",void 0),o["ɵm"]=l([n.Component({selector:"symphony-input-radio",template:'<div class="sfx-radio" (click)="onClick()">\n  <input\n    type="radio"\n    class="sfx-radio-input sfx-position-absolute"\n    [checked]="isActive"\n    name="{{ label }}"\n  />\n  <label for="{{ label }}" class="Font400"\n    >{{ label }}<span class="requiredField" *ngIf="isRequired">*</span></label\n  >\n</div>\n',styles:['.requiredField{color:red!important}.sfx-radio{-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;margin:10px 0;user-select:none}.sfx-radio .sfx-radio-input{cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.sfx-radio .sfx-radio-input~label{color:#000;cursor:pointer;display:inline-block;font-family:neuzeit_groteskbold;font-size:14px;height:100%;line-height:20px;position:relative}.sfx-radio .sfx-radio-input+:before{border:.1rem solid #000;border-radius:50%;content:"";display:inline-block;height:1rem;margin-bottom:.2rem;margin-right:.5rem;vertical-align:bottom;width:1rem}.sfx-radio .sfx-radio-input:checked+:before{background:radial-gradient(#000 0,#000 40%,transparent 50%,transparent)}.sfx-radio .sfx-radio-input:checked+*{color:#000}']})],o["ɵm"]),o["ɵl"]=function(){},o["ɵl"]=l([n.NgModule({declarations:[o["ɵm"]],imports:[e.CommonModule,r.FormsModule,r.ReactiveFormsModule,o["ɵn"]],exports:[o["ɵm"]]})],o["ɵl"]),o["ɵq"]=function(){function o(){this.clicked=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onClick=function(){this.isActive?this.isActive=!1:this.isActive=!0,this.clicked.emit({label:this.label,isActive:this.isActive})},o}(),l([n.Input()],o["ɵq"].prototype,"isActive",void 0),l([n.Input()],o["ɵq"].prototype,"label",void 0),l([n.Input()],o["ɵq"].prototype,"isRequired",void 0),l([n.Output()],o["ɵq"].prototype,"clicked",void 0),o["ɵq"]=l([n.Component({selector:"symphony-input-checkbox",template:'<div class="sfx-checkbox">\n    <input\n        type="checkbox"\n        class="sfx-checkbox-input"\n        [checked]="isActive"\n        name="{{ label }}"\n    />\n    <label (click)="onClick()" for="{{ label }}" class="Font400"\n        >{{ label\n        }}<span class="requiredField" *ngIf="isRequired">*</span></label\n    >\n</div>\n',styles:['.sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:transparent}.requiredField{color:red!important}.sfx-checkbox{-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;margin:10px 0;user-select:none}.sfx-checkbox .sfx-checkbox-input:checked,.sfx-checkbox .sfx-checkbox-input:not(:checked){height:0;left:0;margin:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:0;z-index:-1}.sfx-checkbox .sfx-checkbox-input~label{color:#000;cursor:pointer;display:inline-block;font-family:neuzeit_groteskbold,sans-serif;font-size:14px;height:100%;line-height:20px;margin:0;padding-left:36px;position:relative;word-break:break-word}.sfx-checkbox .sfx-checkbox-input~label.sfx-font-reg{font-family:neuzeit_groteskregular,sans-serif}.sfx-checkbox .sfx-checkbox-input~label:before{border-radius:2px;content:"";left:0;position:absolute;transform:translateZ(0);transition:all .2s ease-in}.sfx-checkbox .sfx-checkbox-input~label:after{border-radius:2px;content:"";left:0;position:absolute;top:0}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:before{border:none;height:15px;left:0;top:1px;transform:rotate(37deg) scale(.1);transform-origin:100% 100%;width:9px}.sfx-checkbox .sfx-checkbox-input:not(:checked)~label:after{border:2px solid #000;border-radius:4px;height:20px;width:20px;z-index:0}.sfx-checkbox .sfx-checkbox-input:checked~label:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:transparent #000 #000 transparent;border-radius:0;border-style:solid;border-width:0 2px 2px 0;height:12px;left:3px;top:3px;transform:rotate(37deg) scale(1);transform-origin:100% 100%;width:6px;z-index:1}.sfx-checkbox .sfx-checkbox-input:checked~label:after{background-color:#fff;border:2px solid #000;border-radius:4px;height:20px;width:20px}.sfx-checkbox .sfx-checkbox-input:disabled~label{opacity:.3;pointer-events:none}']})],o["ɵq"]),o["ɵp"]=function(){},o["ɵp"]=l([n.NgModule({declarations:[o["ɵq"]],imports:[e.CommonModule],exports:[o["ɵq"]]})],o["ɵp"]),o.AtomsModule=function(){},o.AtomsModule=l([n.NgModule({declarations:[],imports:[],exports:[o.ButtonModule,o["ɵa"],o["ɵc"],o["ɵe"],o["ɵg"],o.TaskIconModule,o.ColorSampleModule,o.H1Module,o.H2Module,o.H3Module,o.H4Module,o.ParagraphModule,o.H5Module,o.IconModule,o["ɵh"],o["ɵj"],o["ɵl"],o["ɵp"],o.InputTextModule]})],o.AtomsModule),o.PillsComponent=function(){function o(){this.removePill=new n.EventEmitter}return o.prototype.ngOnInit=function(){},o.prototype.onRemovePill=function(o){this.removePill.emit(this.pillsList.find((function(n){return n.pillLabel.toLowerCase()===o.toLowerCase()})))},o}(),l([n.Input()],o.PillsComponent.prototype,"hasClose",void 0),l([n.Input()],o.PillsComponent.prototype,"pillsList",void 0),l([n.Input()],o.PillsComponent.prototype,"hasTooltips",void 0),l([n.Output()],o.PillsComponent.prototype,"removePill",void 0),o.PillsComponent=l([n.Component({selector:"symphony-pills",template:'<div class="sfx-pills-wrapper">\n  <symphony-pill *ngFor="let pill of pillsList"\n    [pillLabel]=pill.pillLabel\n    [hasClose]=hasClose\n    [tooltipLabel]=pill.tooltipLabel\n    (removePill)="onRemovePill($event)"\n  ></symphony-pill>\n</div>',styles:[".sfx-pills-wrapper{overflow-x:auto;padding-bottom:20px;white-space:nowrap;width:100%}"]})],o.PillsComponent),o.PillsModule=function(){},o.PillsModule=l([n.NgModule({declarations:[o.PillsComponent],imports:[e.CommonModule,o["ɵg"]],exports:[o.PillsComponent]})],o.PillsModule),o.TaskComponent=function(){function o(){this.taskModel={assignee:"",title:"",dueDate:"",moreActions:[]}}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.TaskComponent.prototype,"taskModel",void 0),o.TaskComponent=l([n.Component({selector:"symphony-task",template:'<div class="sfx-task">\n  <symphony-task-icon\n    class="task-icon"\n    [isComplete]="taskModel.isComplete"\n  ></symphony-task-icon>\n  <div class="task-content">\n    <symphony-h3 [text]="taskModel.title"></symphony-h3>\n    <div class="time-and-assigned">\n      <symphony-paragraph\n        [text]="taskModel.dueDate"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]="taskModel.assignee"\n      ></symphony-paragraph>\n    </div>\n  </div>\n  <symphony-more-dropdown\n    class="task-more-option"\n    *ngIf="taskModel.moreActions && taskModel.moreActions.length > 0"\n    [moreActions]="taskModel.moreActions"\n  >\n  </symphony-more-dropdown>\n</div>\n',styles:["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-task{align-items:center;border-bottom:1px solid #d9d9d9;display:flex;padding:30px 0}.sfx-task symphony-task{font-size:14px;letter-spacing:-1px}.sfx-task symphony-task-icon{margin-right:20px}.sfx-task .task-content{height:50px;width:80%}.sfx-task symphony-more-dropdown{margin-left:auto}.sfx-task symphony-paragraph{display:inline-block;margin-right:20px}.sfx-task .time-and-assigned{margin-bottom:-10px}"]})],o.TaskComponent),o.TaskModule=function(){},o.TaskModule=l([n.NgModule({declarations:[o.TaskComponent],imports:[e.CommonModule,o.TaskIconModule,o["ɵc"],o.H3Module,o.ParagraphModule],exports:[o.TaskComponent]})],o.TaskModule),o.ColorSwatchComponent=function(){function o(){this.colorSwatchModel={colorCode:"",sassCode:""}}return o.prototype.ngOnInit=function(){this.getDescription()},o.prototype.getDescription=function(){return this.description=this.colorSwatchModel.colorCode+" - "+this.colorSwatchModel.sassCode,this.description},o}(),l([n.Input()],o.ColorSwatchComponent.prototype,"colorSwatchModel",void 0),o.ColorSwatchComponent=l([n.Component({selector:"symphony-ui-color-explorer",template:'<div class="sfx-ui-color-explorer">\n  <symphony-color-sample\n    [color]="colorSwatchModel.color"\n  ></symphony-color-sample>\n  <symphony-h3\n    [text]="colorSwatchModel.colorName"\n  ></symphony-h3>\n  <symphony-paragraph [text]="description"></symphony-paragraph>\n</div>\n',styles:[""]})],o.ColorSwatchComponent),o.ColorSwatchModule=function(){},o.ColorSwatchModule=l([n.NgModule({declarations:[o.ColorSwatchComponent],imports:[e.CommonModule,o.ColorSampleModule,o.H3Module,o.ParagraphModule],exports:[o.ColorSwatchComponent]})],o.ColorSwatchModule),o.IconSwatchComponent=function(){function o(){this.iconSwatchModel={iconName:"",iconClass:""}}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.IconSwatchComponent.prototype,"iconSwatchModel",void 0),l([n.Input()],o.IconSwatchComponent.prototype,"isInverse",void 0),o.IconSwatchComponent=l([n.Component({selector:"symphony-icon-swatch",template:'<div class="sfx-icon-swatch">\n  <div\n    class="sfx-icon-wrapper"\n    [ngClass]="{\n      \'mt-0\': iconSwatchModel.hasBorder\n    }"\n  >\n    <symphony-icon-wrapper\n      *ngIf="iconSwatchModel.hasBorder"\n      [isInverse]="isInverse"\n    >\n      <symphony-icon [icon]="iconSwatchModel.icon"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-icon\n      *ngIf="!iconSwatchModel.hasBorder"\n      [icon]="iconSwatchModel.icon"\n    ></symphony-icon>\n  </div>\n  <div class="sfx-icon-description-wrapper">\n    <symphony-h5 [text]="iconSwatchModel.iconName"></symphony-h5>\n\n    <symphony-paragraph [text]="iconSwatchModel.iconClass"></symphony-paragraph>\n  </div>\n</div>\n',styles:["*{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{display:inline-block;margin-right:10px;margin-top:10px;text-align:center;vertical-align:top}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}"]})],o.IconSwatchComponent),o.IconSwatchModule=function(){},o.IconSwatchModule=l([n.NgModule({declarations:[o.IconSwatchComponent],imports:[e.CommonModule,o.IconModule,o.H5Module,o.ParagraphModule,o["ɵh"]],exports:[o.IconSwatchComponent]})],o.IconSwatchModule),o["ɵu"]=function(){function o(){this.noteModel={firstName:"",lastName:"",listTitle:"",timeStamp:"",description:"",moreActions:[]}}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o["ɵu"].prototype,"noteModel",void 0),o["ɵu"]=l([n.Component({selector:"symphony-note",template:'<div class="sfx-note">\n    <lib-avatar class="list-avatar" [firstName]= noteModel.firstName [lastName]= noteModel.lastName></lib-avatar>\n    <div class="list-content">\n        <symphony-h3 [text]= noteModel.listTitle></symphony-h3>\n        <symphony-paragraph [text]= noteModel.timeStamp></symphony-paragraph>\n        <symphony-paragraph [text]= noteModel.description></symphony-paragraph>\n    </div>\n    <symphony-more-dropdown class="list-more-option" [moreActions]= noteModel.moreActions></symphony-more-dropdown>\n</div>\n',styles:[".sfx-note{padding:20px 75px;position:relative}.sfx-note .list-avatar{left:0;position:absolute;top:20px}.sfx-note .list-more-option{position:absolute;right:0;top:20px}"]})],o["ɵu"]),o["ɵt"]=function(){},o["ɵt"]=l([n.NgModule({declarations:[o["ɵu"]],imports:[e.CommonModule,o["ɵe"],o["ɵc"],o.H3Module,o.ParagraphModule],exports:[o["ɵu"]]})],o["ɵt"]),o["ɵs"]=function(){function o(){}return o.prototype.ngOnInit=function(){this.icon=a.ARROWNEXT},o}(),l([n.Input()],o["ɵs"].prototype,"breadcrumbs",void 0),o["ɵs"]=l([n.Component({selector:"symphony-breadcrumb",template:'<div class="sfx-breadcrumb-wrapper">\n  <span\n    class="breadcrumb-item"\n    *ngFor="let breadcrumb of breadcrumbs; let last = last"\n  >\n    <symphony-h3 *ngIf="!last"\n      ><a\n        class="sfx-cursor-pointer sfx-font30 sfx-txt-black"\n        href="{{ breadcrumb.link }}"\n        >{{ breadcrumb.label }}</a\n      ></symphony-h3\n    >\n    <symphony-h3 *ngIf="last">{{ breadcrumb.label }} </symphony-h3>\n\n    <symphony-icon [icon]="icon" *ngIf="!last"></symphony-icon>\n  </span>\n</div>\n',styles:[".breadcrumb-item,.sfx-breadcrumb-wrapper{display:flex}symphony-icon{padding:0 6px;position:relative;top:9px}"]})],o["ɵs"]),o["ɵr"]=function(){},o["ɵr"]=l([n.NgModule({declarations:[o["ɵs"]],imports:[e.CommonModule,o.H3Module,o.IconModule],exports:[o["ɵs"]]})],o["ɵr"]),o.MoleculesModule=function(){},o.MoleculesModule=l([n.NgModule({declarations:[],imports:[e.CommonModule,o["ɵe"],o["ɵc"],o.PillsModule,o.TaskModule,o.ColorSwatchModule,o.IconSwatchModule,o["ɵr"]],exports:[o["ɵt"],o.PillsModule,o.TaskModule,o.ColorSwatchModule,o.IconSwatchModule,o["ɵr"]]})],o.MoleculesModule),o.TaskListComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.TaskListComponent.prototype,"taskList",void 0),o.TaskListComponent=l([n.Component({selector:"symphony-task-list",template:'<ul class="task-list list-unstyled">\n  <li class="task-list-item" *ngFor="let task of taskList">\n    <symphony-task [taskModel]="task"></symphony-task>\n  </li>\n</ul>\n',styles:[".task-list{border-top:1px solid #d9d9d9}"]})],o.TaskListComponent),o.TaskListModule=function(){},o.TaskListModule=l([n.NgModule({declarations:[o.TaskListComponent],imports:[e.CommonModule,o.TaskModule],exports:[o.TaskListComponent]})],o.TaskListModule),o.ColorSwatchCollectionComponent=function(){function o(){}return o.prototype.ngOnInit=function(){},o}(),l([n.Input()],o.ColorSwatchCollectionComponent.prototype,"colorList",void 0),o.ColorSwatchCollectionComponent=l([n.Component({selector:"symphony-main-ui-color-swatch",template:'<ul class="color-list list-unstyled">\n  <li class="color-list-item" *ngFor="let color of colorList">\n    <symphony-ui-color-explorer\n      [colorSwatchModel]="color"\n    ></symphony-ui-color-explorer>\n  </li>\n</ul>\n',encapsulation:n.ViewEncapsulation.None,styles:[".data-vis-ext .color-list,.data-vis .color-list{display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;width:50vw}.data-vis-ext .color-list-item,.data-vis .color-list-item{flex:0 0 20%;padding:0}.main-ui .color-list-item{padding:5px 0}"]})],o.ColorSwatchCollectionComponent),o.ColorSwatchCollectionModule=function(){},o.ColorSwatchCollectionModule=l([n.NgModule({declarations:[o.ColorSwatchCollectionComponent],imports:[e.CommonModule,o.ColorSwatchModule]})],o.ColorSwatchCollectionModule);var c=function(){function o(){}return o.getAllIcons=function(){var o=[];return o=(o=(o=o.concat(this.getHasNoBorderIconList())).concat(this.getHasBorderIconList())).concat(this.getInverseIconList())},o.getHasNoBorderIconList=function(){return[{icon:a.MOREOPTIONS,iconName:"MOREOPTIONS",iconClass:"si-more-options",hasBorder:!1},{icon:a.ADD,iconName:"ADD",iconClass:"si-add",hasBorder:!1},{icon:a.ACTIVITY,iconName:"ACTIVITY",iconClass:"si-activity",hasBorder:!1},{icon:a.ARROWHIDEREVEAL,iconName:"ARROWHIDEREVEAL",iconClass:"si-arrow-hide-reveal",hasBorder:!1},{icon:a.ARROWNEXT,iconName:"ARROWNEXT",iconClass:"si-arrow-next",hasBorder:!1},{icon:a.ARROWPREV,iconName:"ARROWPREV",iconClass:"si-arrow-prev",hasBorder:!1},{icon:a.CLOSEMODAL,iconName:"CLOSEMODAL",iconClass:"si-close-modal",hasBorder:!1},{icon:a.COLLAPSE,iconName:"COLLAPSE",iconClass:"si-collapse",hasBorder:!1},{icon:a.DAYMODE,iconName:"DAYMODE",iconClass:"si-daymode",hasBorder:!1},{icon:a.DELETE,iconName:"DELETE",iconClass:"si-delete",hasBorder:!1},{icon:a.DOCUMENT,iconName:"DOCUMENT",iconClass:"si-document",hasBorder:!1},{icon:a.DOWNLOAD,iconName:"DOWNLOAD",iconClass:"si-download",hasBorder:!1},{icon:a.EDIT,iconName:"EDIT",iconClass:"si-edit",hasBorder:!1},{icon:a.EMAILDRIP,iconName:"EMAILDRIP",iconClass:"si-email-drip",hasBorder:!1},{icon:a.EMAILOPEN,iconName:"EMAILOPEN",iconClass:"si-email-open",hasBorder:!1},{icon:a.EMAILSEND,iconName:"EMAILSEND",iconClass:"si-email-send",hasBorder:!1},{icon:a.EXPAND,iconName:"EXPAND",iconClass:"si-expand",hasBorder:!1},{icon:a.FAVORITE,iconName:"FAVORITE",iconClass:"si-favorite",hasBorder:!1},{icon:a.FEEDBACKMAYBE,iconName:"FEEDBACKMAYBE",iconClass:"si-feedback-maybe",hasBorder:!1},{icon:a.FEEDBACKNO,iconName:"FEEDBACKNO",iconClass:"si-feedback-no",hasBorder:!1},{icon:a.FEEDBACKYES,iconName:"FEEDBACKYES",iconClass:"si-feedback-yes",hasBorder:!1},{icon:a.FOLDERMULTIPLE,iconName:"FOLDERMULTIPLE",iconClass:"si-folder-multiple",hasBorder:!1},{icon:a.INCLUDE,iconName:"INCLUDE",iconClass:"si-include",hasBorder:!1},{icon:a.INFO,iconName:"INFO",iconClass:"si-info",hasBorder:!1},{icon:a.INTERVIEW,iconName:"INTERVIEW",iconClass:"si-interview",hasBorder:!1},{icon:a.LINK,iconName:"LINK",iconClass:"si-link",hasBorder:!1},{icon:a.LOCATION,iconName:"LOCATION",iconClass:"si-location",hasBorder:!1},{icon:a.MENUALL,iconName:"MENUALL",iconClass:"si-menu-all",hasBorder:!1},{icon:a.MENUANALYTICS,iconName:"MENUANALYTICS",iconClass:"si-menu-analytics",hasBorder:!1},{icon:a.MENUASSETS,iconName:"MENUASSETS",iconClass:"si-menu-assets",hasBorder:!1},{icon:a.MENUCAMPAIGNS,iconName:"MENUCAMPAIGNS",iconClass:"si-menu-campaigns",hasBorder:!1},{icon:a.MENUCONTACT,iconName:"MENUCONTACT",iconClass:"si-menu-contact",hasBorder:!1},{icon:a.MENUCONTENT,iconName:"MENUCONTENT",iconClass:"si-menu-content",hasBorder:!1},{icon:a.MENUDASHBOARD,iconName:"MENUDASHBOARD",iconClass:"si-menu-dashboard",hasBorder:!1},{icon:a.MENUEVENTS,iconName:"MENUEVENTS",iconClass:"si-menu-events",hasBorder:!1},{icon:a.MENUFOLDERS,iconName:"MENUFOLDERS",iconClass:"si-menu-folders",hasBorder:!1},{icon:a.MENUJOBS,iconName:"MENUJOBS",iconClass:"si-menu-jobs",hasBorder:!1},{icon:a.MENURETURN,iconName:"MENURETURN",iconClass:"si-menu-return",hasBorder:!1},{icon:a.MENUWORKFLOWS,iconName:"MENUWORKFLOWS",iconClass:"si-menu-workflows",hasBorder:!1},{icon:a.MERGE,iconName:"MERGE",iconClass:"si-merge",hasBorder:!1},{icon:a.MOVE,iconName:"MOVE",iconClass:"si-move",hasBorder:!1},{icon:a.NIGHTMODE,iconName:"NIGHTMODE",iconClass:"si-nightmode",hasBorder:!1},{icon:a.NOTIFICATION,iconName:"NOTIFICATION",iconClass:"si-notification",hasBorder:!1},{icon:a.ORGANIZECOLUMNS,iconName:"ORGANIZECOLUMNS",iconClass:"si-organize-columns",hasBorder:!1},{icon:a.ORGANIZECONTACTS,iconName:"ORGANIZECONTACTS",iconClass:"si-organize-contacts",hasBorder:!1},{icon:a.PENDINGINCOMPLETE,iconName:"PENDINGINCOMPLETE",iconClass:"si-pending-incomplete",hasBorder:!1},{icon:a.PHONENUMBER,iconName:"PHONENUMBER",iconClass:"si-phone-number",hasBorder:!1},{icon:a.PREVIEW,iconName:"PREVIEW",iconClass:"si-preview",hasBorder:!1},{icon:a.PROMOTE,iconName:"PROMOTE",iconClass:"si-promote",hasBorder:!1},{icon:a.REFRESH,iconName:"REFRESH",iconClass:"si-refresh",hasBorder:!1},{icon:a.REMOVE,iconName:"REMOVE",iconClass:"si-remove",hasBorder:!1},{icon:a.EXCLUDE,iconName:"EXCLUDE",iconClass:"si-exclude",hasBorder:!1},{icon:a.RESULTSFILTERS,iconName:"RESULTSFILTERS",iconClass:"si-results-filters",hasBorder:!1},{icon:a.REVIEW,iconName:"REVIEW",iconClass:"si-review",hasBorder:!1},{icon:a.SALARY,iconName:"SALARY",iconClass:"si-salary",hasBorder:!1},{icon:a.SAVE,iconName:"SAVE",iconClass:"si-save",hasBorder:!1},{icon:a.SEARCHADVANCED,iconName:"SEARCHADVANCED",iconClass:"si-search-advanced",hasBorder:!1},{icon:a.SEARCHCLEAR,iconName:"SEARCHCLEAR",iconClass:"si-search-clear",hasBorder:!1},{icon:a.SEARCHNEW,iconName:"SEARCHNEW",iconClass:"si-search-new",hasBorder:!1},{icon:a.SETTINGSMART,iconName:"SETTINGSMART",iconClass:"si-settings-smart",hasBorder:!1},{icon:a.SMS,iconName:"SMS",iconClass:"si-sms",hasBorder:!1},{icon:a.SORTMINI,iconName:"SORTMINI",iconClass:"si-sort-mini",hasBorder:!1},{icon:a.STATUS,iconName:"STATUS",iconClass:"si-status",hasBorder:!1},{icon:a.SYSTEMACTION,iconName:"SYSTEMACTION",iconClass:"si-system-action",hasBorder:!1},{icon:a.TASKCOMPLETED,iconName:"TASKCOMPLETED",iconClass:"si-task-completed",hasBorder:!1},{icon:a.TASKOPEN,iconName:"TASKOPEN",iconClass:"si-task-open",hasBorder:!1},{icon:a.TIMEFRAME,iconName:"TIMEFRAME",iconClass:"si-timeframe",hasBorder:!1},{icon:a.TIMELINE,iconName:"TIMELINE",iconClass:"si-timeline",hasBorder:!1},{icon:a.UPLOAD,iconName:"UPLOAD",iconClass:"si-upload",hasBorder:!1},{icon:a.USERMULTIPLE,iconName:"USERMULTIPLE",iconClass:"si-user-multiple",hasBorder:!1},{icon:a.USER,iconName:"USER",iconClass:"si-user",hasBorder:!1}]},o.getInverseIconList=function(){return[{icon:a.ACTIVITY,iconName:"ACTIVITY",iconClass:"si-activity",hasBorder:!0}]},o.getHasBorderIconList=function(){return[{icon:a.ADD,iconName:"ADD",iconClass:"si-add",hasBorder:!0},{icon:a.ARROWNEXT,iconName:"ARROWNEXT",iconClass:"si-arrow-next",hasBorder:!0},{icon:a.DELETE,iconName:"DELETE",iconClass:"si-delete",hasBorder:!0},{icon:a.DOWNLOAD,iconName:"DOWNLOAD",iconClass:"si-download",hasBorder:!0},{icon:a.EDIT,iconName:"EDIT",iconClass:"si-edit",hasBorder:!0},{icon:a.FEEDBACKYES,iconName:"FEEDBACKYES",iconClass:"si-feedback-yes",hasBorder:!0},{icon:a.MENUCONTACT,iconName:"MENUCONTACT",iconClass:"si-menu-contact",hasBorder:!0},{icon:a.MOREOPTIONS,iconName:"MOREOPTIONS",iconClass:"si-more-options",hasBorder:!0},{icon:a.ORGANIZECOLUMNS,iconName:"ORGANIZECOLUMNS",iconClass:"si-organize-columns",hasBorder:!0},{icon:a.PREVIEW,iconName:"PREVIEW",iconClass:"si-preview",hasBorder:!0},{icon:a.SAVE,iconName:"SAVE",iconClass:"si-save",hasBorder:!0}]},o}();o.IconExplorerComponent=function(){function o(){this.iconList=c.getAllIcons(),this.hasBorderIconsList=c.getHasBorderIconList(),this.hasNoBorderIconsList=c.getHasNoBorderIconList(),this.isInverseIconsList=c.getInverseIconList()}return o.prototype.ngOnInit=function(){this.iconCount=this.iconList.length,this.explorerTitle="Iconography ("+this.iconCount+" icons)",this.iconHasBorderCount=this.hasBorderIconsList.length,this.borderTitle="Icons with border ("+this.iconHasBorderCount+" icons)",this.iconHasNoBorderCount=this.hasNoBorderIconsList.length,this.noBorderTitle="Icons without border ("+this.iconHasNoBorderCount+" icons)",this.iconisInverseCount=this.isInverseIconsList.length,this.backgroundTitle="Icons with background ("+this.iconisInverseCount+" icons)"},o}(),o.IconExplorerComponent=l([n.Component({selector:"symphony-icon-explorer",template:'<div class="explorer-title">\n  <symphony-h2 [text]="explorerTitle"></symphony-h2>\n</div>\n<div class="explorer-subtitle">\n  <symphony-h3 [text]="noBorderTitle"></symphony-h3>\n</div>\n<ul class="sfx-icon-list list-unstyled">\n  <li class="icon-list-item" *ngFor="let icon of hasNoBorderIconsList">\n    <symphony-icon-swatch [iconSwatchModel]="icon"></symphony-icon-swatch>\n  </li>\n</ul>\n\n<div class="explorer-subtitle">\n  <symphony-h3 [text]="borderTitle"></symphony-h3>\n</div>\n<ul class="sfx-icon-list list-unstyled">\n  <li class="icon-list-item" *ngFor="let icon of hasBorderIconsList">\n    <symphony-icon-swatch [iconSwatchModel]="icon"></symphony-icon-swatch>\n  </li>\n</ul>\n\n<div class="explorer-subtitle">\n  <symphony-h3 [text]="backgroundTitle"></symphony-h3>\n</div>\n<ul class="sfx-icon-list list-unstyled">\n  <li class="icon-list-item" *ngFor="let icon of isInverseIconsList">\n    <symphony-icon-swatch\n      [iconSwatchModel]="icon"\n      [isInverse]="true"\n    ></symphony-icon-swatch>\n  </li>\n</ul>\n',styles:[".sfx-icon-list{display:flex;flex-direction:column;flex-wrap:wrap;height:90vh;width:100vw}.sfx-icon-list.has-border{height:50vh;width:39vw}.icon-list-item{flex:0 0 10%;padding:10px 0}.icon-list-item.has-border{flex:0 0 25%}.explorer-title{border-bottom:5px solid #000;margin-bottom:30px;padding-bottom:10px}.explorer-subtitle{margin-bottom:10px}"]})],o.IconExplorerComponent),o.IconExplorerModule=function(){},o.IconExplorerModule=l([n.NgModule({declarations:[o.IconExplorerComponent],imports:[e.CommonModule,o.IconSwatchModule,o.H2Module,o.H3Module]})],o.IconExplorerModule),Object.defineProperty(o,"__esModule",{value:!0})}));
 //# sourceMappingURL=symphony-talent-component-library-projects-component-library.umd.min.js.map