npm - @symphony-talent/component-library - Versions diffs - 1.3.0 → 1.7.0 - Mend

@symphony-talent/component-library 1.3.0 → 1.7.0

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

Files changed (285) hide show

package/projects/component-library/public-api.d.ts CHANGED Viewed

@@ -1,41 +1,54 @@
+export * from './lib/atoms/avatar/avatar.component';
+export * from './lib/atoms/avatar/avatar.module';
 export * from './lib/atoms/button/button.component';
 export * from './lib/atoms/button/button.module';
 export * from './lib/atoms/pill/pill.component';
 export * from './lib/atoms/pill/pill.model';
 export * from './lib/atoms/task-icon/task-icon.component';
 export * from './lib/atoms/task-icon/task-icon.module';
-export * from './lib/atoms/input-text/input-text.component';
-export * from './lib/atoms/input-text/input-text.module';
 export * from './lib/atoms/color-sample/color-sample.component';
 export * from './lib/atoms/color-sample/color-sample.module';
-export * from './lib/atoms/h1/h1.component';
-export * from './lib/atoms/h1/h1.module';
 export * from './lib/atoms/h2/h2.component';
 export * from './lib/atoms/h2/h2.module';
 export * from './lib/atoms/h3/h3.component';
 export * from './lib/atoms/h3/h3.module';
-export * from './lib/atoms/xl-size/xl-size.component';
-export * from './lib/atoms/xl-size/xl-size.module';
-export * from './lib/atoms/body-copy/body-copy.component';
-export * from './lib/atoms/body-copy/body-copy.module';
-export * from './lib/atoms/label/label.component';
-export * from './lib/atoms/label/label.module';
+export * from './lib/atoms/h4/h4.component';
+export * from './lib/atoms/h4/h4.module';
+export * from './lib/atoms/h1/h1.component';
+export * from './lib/atoms/h1/h1.module';
+export * from './lib/atoms/paragraph/paragraph.component';
+export * from './lib/atoms/paragraph/paragraph.module';
+export * from './lib/atoms/h5/h5.component';
+export * from './lib/atoms/h5/h5.module';
 export * from './lib/atoms/icon/icon.component';
 export * from './lib/atoms/icon/icon.module';
+export * from './lib/atoms/icon-wrapper/icon-wrapper.component';
+export * from './lib/atoms/icon-wrapper/icon-wrapper.module';
+export * from './lib/atoms/input-checkbox/input-checkbox.component';
+export * from './lib/atoms/input-checkbox/input-checkbox.module';
+export * from './lib/atoms/input-radio/input-radio.component';
+export * from './lib/atoms/input-radio/input-radio.module';
+export * from './lib/atoms/input-text/input-text.component';
+export * from './lib/atoms/input-text/input-text.module';
+export * from './lib/atoms/contextual-menu/contextual-menu.component';
+export * from './lib/atoms/contextual-menu/contextual-menu.module';
 export * from './lib/atoms/atoms.module';
-export * from './lib/molecules/pills/pills.component';
-export * from './lib/molecules/pills/pills.module';
-export * from './lib/molecules/task/task.component';
-export * from './lib/molecules/task/task.module';
-export * from './lib/molecules/task/task.model';
+export * from './lib/molecules/breadcrumb/breadcrumb.component';
+export * from './lib/molecules/breadcrumb/breadcrumb.module';
 export * from './lib/molecules/color-swatch/color-swatch.component';
 export * from './lib/molecules/color-swatch/color-swatch.module';
 export * from './lib/molecules/icon-swatch/icon-swatch.component';
 export * from './lib/molecules/icon-swatch/icon-swatch.module';
+export * from './lib/molecules/note/note.component';
+export * from './lib/molecules/note/note.module';
+export * from './lib/molecules/pills/pills.component';
+export * from './lib/molecules/pills/pills.module';
+export * from './lib/molecules/task/task.component';
+export * from './lib/molecules/task/task.module';
 export * from './lib/molecules/molecules.module';
 export * from './lib/organisms/task-list/task-list.component';
 export * from './lib/organisms/task-list/task-list.module';
-export * from './lib/organisms/color-swatch-collection/color-swatch-collection.component';
-export * from './lib/organisms/color-swatch-collection/color-swatch-collection.module';
-export * from './lib/organisms/icon-explorer/icon-explorer.component';
-export * from './lib/organisms/icon-explorer/icon-explorer.module';
+export * from './lib/organisms/note-list/note-list.component';
+export * from './lib/organisms/note-list/note-list.module';
+export * from './lib/pages/events-settings-page/events-settings-page.component';
+export * from './lib/pages/events-settings-page/events-settings-page.module';

package/projects/component-library/symphony-talent-component-library-projects-component-library.d.ts CHANGED Viewed

@@ -2,20 +2,12 @@
  * Generated bundle index. Do not edit.
  */
 export * from './public-api';
-export { AvatarComponent as ɵl } from './lib/atoms/avatar/avatar.component';
-export { AvatarModule as ɵk } from './lib/atoms/avatar/avatar.module';
-export { ButtonRoundComponent as ɵo } from './lib/atoms/button-round/button-round.component';
-export { ButtonRoundModule as ɵn } from './lib/atoms/button-round/button-round.module';
-export { DescriptionComponent as ɵf } from './lib/atoms/description/description.component';
-export { DescriptionModule as ɵe } from './lib/atoms/description/description.module';
-export { DropdownComponent as ɵb } from './lib/atoms/dropdown/dropdown.component';
-export { DropdownModule as ɵa } from './lib/atoms/dropdown/dropdown.module';
-export { ListTitleComponent as ɵh } from './lib/atoms/list-title/list-title.component';
-export { ListTitleModule as ɵg } from './lib/atoms/list-title/list-title.module';
-export { MoreDropdownComponent as ɵd } from './lib/atoms/more-dropdown/more-dropdown.component';
-export { MoreDropdownModule as ɵc } from './lib/atoms/more-dropdown/more-dropdown.module';
-export { PillModule as ɵm } from './lib/atoms/pill/pill.module';
-export { TimeStampComponent as ɵj } from './lib/atoms/time-stamp/time-stamp.component';
-export { TimeStampModule as ɵi } from './lib/atoms/time-stamp/time-stamp.module';
-export { NoteComponent as ɵq } from './lib/molecules/note/note.component';
-export { NoteModule as ɵp } from './lib/molecules/note/note.module';
+export { PillModule as ɵc } from './lib/atoms/pill/pill.module';
+export { SfxInlineErrorComponent as ɵb } from './lib/atoms/sfx-inline-error/sfx-inline-error.component';
+export { SfxInlineErrorModule as ɵa } from './lib/atoms/sfx-inline-error/sfx-inline-error.module';
+export { TwoColumnFilterAreaComponent as ɵe } from './lib/atoms/two-column-filter-area/two-column-filter-area.component';
+export { TwoColumnFilterAreaModule as ɵd } from './lib/atoms/two-column-filter-area/two-column-filter-area.module';
+export { AdminListTemplateComponent as ɵg } from './lib/templates/admin-list/admin-list.component';
+export { AdminListModule as ɵf } from './lib/templates/admin-list/admin-list.module';
+export { PlaceholderComponent as ɵi } from './lib/templates/placeholder/placeholder.component';
+export { PlaceholderModule as ɵh } from './lib/templates/placeholder/placeholder.module';

package/projects/component-library/symphony-talent-component-library-projects-component-library.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"providers":[],"exports":[{"__symbolic":"reference","name":"ButtonComponent"}]}]}],"members":{}},"PillComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-pill","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"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>","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}"]}]}],"members":{"pillLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isInverse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"hasClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"tooltipLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"removePill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onRemoveClick":[{"__symbolic":"method"}]}},"PillModel":{"__symbolic":"interface"},"TaskIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"isComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TaskIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TaskIconComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"TaskIconComponent"}]}]}],"members":{}},"InputTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"textChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}]}},"InputTextModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InputTextComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}]}]}],"members":{}},"ColorSampleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ColorSampleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ColorSampleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"ColorSampleComponent"}]}]}],"members":{}},"H1Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-h1","template":"<h1 [ngClass]=\"{ 'h1-secondary': isSecondary, 'h1-primary': !isSecondary }\">\n {{ text }}\n</h1>\n","styles":[".h1-primary,.h1-secondary{color:#000;font-family:neuzeit-grotesk,sans-serif!important;font-size:46px;font-weight:900;letter-spacing:-2px;line-height:40px;margin-bottom:0;margin-top:0}.h1-secondary{color:#fff}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"H1Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"H1Component"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"H1Component"}]}]}],"members":{}},"H2Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-h2","template":"<h2 [ngClass]=\"{ 'h2-secondary': isSecondary, 'h2-primary': !isSecondary }\">\n {{ text }}\n</h2>\n","styles":[".h2-primary,.h2-secondary{color:#000;font-family:neuzeit-grotesk,sans-serif!important;font-size:30px;font-weight:600;letter-spacing:-1px;line-height:30px;margin-bottom:0;margin-top:0}.h2-secondary{color:#fff}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"H2Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"H2Component"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"H2Component"}]}]}],"members":{}},"H3Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-h3","template":"<h3 [ngClass]=\"{ 'h3-secondary': isSecondary, 'h3-primary': !isSecondary }\">\n {{ text }}\n</h3>\n","styles":[".h3-primary,.h3-secondary{color:#000;font-family:neuzeit-grotesk,sans-serif!important;font-size:24px;font-weight:600;letter-spacing:-1px;line-height:20px;margin-bottom:0;margin-top:0}.h3-secondary{color:#fff}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"H3Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"H3Component"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"H3Component"}]}]}],"members":{}},"XLSizeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-xl-size","template":"<div\n [ngClass]=\"{\n 'xlsize-secondary': isSecondary,\n 'xlsize-primary': !isSecondary\n }\"\n>\n {{ text }}\n</div>\n","styles":[".xlsize-primary,.xlsize-secondary{color:#000;font-family:neuzeit-grotesk,sans-serif!important;font-size:56px;font-weight:900;letter-spacing:-2px;line-height:50px;margin-bottom:0;margin-top:0}.xlsize-secondary{color:#fff}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"XLSizeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XLSizeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"XLSizeComponent"}]}]}],"members":{}},"BodyCopyComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-paragraph","template":"<p\n [ngClass]=\"{\n 'body-copy-secondary': isSecondary,\n 'body-copy-primary': !isSecondary\n }\"\n>\n {{ text }}\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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"BodyCopyModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BodyCopyComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"BodyCopyComponent"}]}]}],"members":{}},"LabelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-label","template":"<p\n [ngClass]=\"{\n 'sfx-label-secondary': isSecondary,\n 'sfx-label-primary': !isSecondary\n }\"\n>\n {{ text }}\n</p>\n","styles":[".sfx-label-primary,.sfx-label-secondary{color:#000;font-family:neuzeit-grotesk,sans-serif!important;font-size:14px;font-weight:600;line-height:20px;margin-bottom:0}.sfx-label-secondary{color:#fff}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"LabelModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"LabelComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"LabelComponent"}]}]}],"members":{}},"IconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"symphony-icon","template":"<i\n class=\"sfx-icon fas\"\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n></i>\n","styles":[".icon-secondary{color:#fff}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"IconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"IconComponent"}]}]}],"members":{}},"AtomsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[],"imports":[],"exports":[{"__symbolic":"reference","name":"ButtonModule"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"TaskIconModule"},{"__symbolic":"reference","name":"ColorSampleModule"},{"__symbolic":"reference","name":"H1Module"},{"__symbolic":"reference","name":"H2Module"},{"__symbolic":"reference","name":"H3Module"},{"__symbolic":"reference","name":"XLSizeModule"},{"__symbolic":"reference","name":"BodyCopyModule"},{"__symbolic":"reference","name":"LabelModule"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"IconModule"}]}]}],"members":{}},"PillsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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%}"]}]}],"members":{"hasClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"pillsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"hasTooltips":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"removePill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onRemovePill":[{"__symbolic":"method"}]}},"PillsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PillsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵm"}],"exports":[{"__symbolic":"reference","name":"PillsComponent"}]}]}],"members":{}},"TaskComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"taskModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TaskModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TaskComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","name":"TaskIconModule"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"TaskComponent"}]}]}],"members":{}},"TaskModel":{"__symbolic":"interface"},"ColorSwatchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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":[""]}]}],"members":{"colorSwatchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getDescription":[{"__symbolic":"method"}]}},"ColorSwatchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ColorSwatchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ColorSampleModule"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ColorSwatchComponent"}]}]}],"members":{}},"IconSwatchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"symphony-icon-swatch","template":"<div class=\"sfx-icon-swatch\">\n <div class=\"sfx-icon-wrapper\">\n <symphony-icon\n [icon]=\"iconSwatchModel.icon\"\n [isSecondary]=\"iconSwatchModel.isSecondary\"\n ></symphony-icon>\n </div>\n <div class=\"sfx-icon-description-wrapper\">\n <symphony-label\n [text]=\"iconSwatchModel.iconName\"\n [isSecondary]=\"iconSwatchModel.isSecondary\"\n ></symphony-label>\n\n <symphony-paragraph\n [text]=\"iconSwatchModel.iconClass\"\n [isSecondary]=\"iconSwatchModel.isSecondary\"\n ></symphony-paragraph>\n </div>\n</div>\n","styles":["{font-family:neuzeit-grotesk,sans-serif!important}.sfx-icon-wrapper{height:18px;margin-right:10px;margin-top:10px;text-align:center;vertical-align:top;width:18px}.sfx-icon-description-wrapper,.sfx-icon-wrapper{display:inline-block}"]}]}],"members":{"iconSwatchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"IconSwatchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconSwatchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","name":"IconModule"},{"__symbolic":"reference","name":"LabelModule"},{"__symbolic":"reference","name":"BodyCopyModule"}],"exports":[{"__symbolic":"reference","name":"IconSwatchComponent"}]}]}],"members":{}},"MoleculesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"PillsModule"},{"__symbolic":"reference","name":"TaskModule"},{"__symbolic":"reference","name":"ColorSwatchModule"},{"__symbolic":"reference","name":"IconSwatchModule"}],"exports":[{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"PillsModule"},{"__symbolic":"reference","name":"TaskModule"},{"__symbolic":"reference","name":"ColorSwatchModule"},{"__symbolic":"reference","name":"IconSwatchModule"}]}]}],"members":{}},"TaskListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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}"]}]}],"members":{"taskList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TaskListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TaskListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","name":"TaskModule"}],"exports":[{"__symbolic":"reference","name":"TaskListComponent"}]}]}],"members":{}},"ColorSwatchCollectionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"symphony-main-ui-color-swatch","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"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","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}"]}]}],"members":{"colorList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ColorSwatchCollectionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ColorSwatchCollectionComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","name":"ColorSwatchModule"}]}]}],"members":{}},"IconExplorerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"symphony-icon-explorer","template":"<div class=\"explorer-title\">\n <symphony-h2 [text]=\"explorerTitle\"></symphony-h2>\n</div>\n<ul class=\"sfx-icon-list list-unstyled\">\n <li class=\"icon-list-item\" ngFor=\"let icon of iconList\">\n <symphony-icon-swatch [iconSwatchModel]=\"icon\"></symphony-icon-swatch>\n </li>\n</ul>\n","styles":[".sfx-icon-list{display:flex;flex-direction:column;flex-wrap:wrap;height:90vh;width:100vw}.icon-list-item{flex:0 0 10%;padding:10px 0}.explorer-title{border-bottom:5px solid #000;margin-bottom:30px;padding-bottom:10px}"]}]}],"members":{"iconList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"enumElementCount":[{"__symbolic":"method"}]}},"IconExplorerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconExplorerComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","name":"IconSwatchModule"},{"__symbolic":"reference","name":"H2Module"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":9,"character":26},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":9,"character":54}],"providers":[],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":10,"character":26},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":10,"character":54}],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"moreActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵf"}]}]}],"members":{}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-description","template":"<p>{{description}}</p>\n","styles":["p{font-size:14px;line-height:29px;margin-bottom:0}"]}]}],"members":{"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵh"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"listTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵj"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵj"}]}]}],"members":{}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-time-stamp","template":"<p>{{timeStamp}}</p>\n","styles":["p{font-size:14px;letter-spacing:-1px;line-height:29px;margin-bottom:0}"]}]}],"members":{"timeStamp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵl"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14}],"providers":[{"__symbolic":"reference","module":"@angular/common","name":"SlicePipe","line":7,"character":16}],"exports":[{"__symbolic":"reference","name":"ɵl"}]}]}],"members":{}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"firstName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"lastName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"sizePx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"fontSizePx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"SlicePipe","line":18,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PillComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/tooltip","name":"TooltipModule","line":9,"character":18},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"PillComponent"}]}]}],"members":{}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵo"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵo"}]}]}],"members":{}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵq"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":12},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵq"}]}]}],"members":{}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"firstName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"lastName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"listTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"timeStamp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"moreActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"ButtonComponent":"./lib/atoms/button/button.component","ButtonModule":"./lib/atoms/button/button.module","PillComponent":"./lib/atoms/pill/pill.component","PillModel":"./lib/atoms/pill/pill.model","TaskIconComponent":"./lib/atoms/task-icon/task-icon.component","TaskIconModule":"./lib/atoms/task-icon/task-icon.module","InputTextComponent":"./lib/atoms/input-text/input-text.component","InputTextModule":"./lib/atoms/input-text/input-text.module","ColorSampleComponent":"./lib/atoms/color-sample/color-sample.component","ColorSampleModule":"./lib/atoms/color-sample/color-sample.module","H1Component":"./lib/atoms/h1/h1.component","H1Module":"./lib/atoms/h1/h1.module","H2Component":"./lib/atoms/h2/h2.component","H2Module":"./lib/atoms/h2/h2.module","H3Component":"./lib/atoms/h3/h3.component","H3Module":"./lib/atoms/h3/h3.module","XLSizeComponent":"./lib/atoms/xl-size/xl-size.component","XLSizeModule":"./lib/atoms/xl-size/xl-size.module","BodyCopyComponent":"./lib/atoms/body-copy/body-copy.component","BodyCopyModule":"./lib/atoms/body-copy/body-copy.module","LabelComponent":"./lib/atoms/label/label.component","LabelModule":"./lib/atoms/label/label.module","IconComponent":"./lib/atoms/icon/icon.component","IconModule":"./lib/atoms/icon/icon.module","AtomsModule":"./lib/atoms/atoms.module","PillsComponent":"./lib/molecules/pills/pills.component","PillsModule":"./lib/molecules/pills/pills.module","TaskComponent":"./lib/molecules/task/task.component","TaskModule":"./lib/molecules/task/task.module","TaskModel":"./lib/molecules/task/task.model","ColorSwatchComponent":"./lib/molecules/color-swatch/color-swatch.component","ColorSwatchModule":"./lib/molecules/color-swatch/color-swatch.module","IconSwatchComponent":"./lib/molecules/icon-swatch/icon-swatch.component","IconSwatchModule":"./lib/molecules/icon-swatch/icon-swatch.module","MoleculesModule":"./lib/molecules/molecules.module","TaskListComponent":"./lib/organisms/task-list/task-list.component","TaskListModule":"./lib/organisms/task-list/task-list.module","ColorSwatchCollectionComponent":"./lib/organisms/color-swatch-collection/color-swatch-collection.component","ColorSwatchCollectionModule":"./lib/organisms/color-swatch-collection/color-swatch-collection.module","IconExplorerComponent":"./lib/organisms/icon-explorer/icon-explorer.component","IconExplorerModule":"./lib/organisms/icon-explorer/icon-explorer.module","ɵa":"./lib/atoms/dropdown/dropdown.module","ɵb":"./lib/atoms/dropdown/dropdown.component","ɵc":"./lib/atoms/more-dropdown/more-dropdown.module","ɵd":"./lib/atoms/more-dropdown/more-dropdown.component","ɵe":"./lib/atoms/description/description.module","ɵf":"./lib/atoms/description/description.component","ɵg":"./lib/atoms/list-title/list-title.module","ɵh":"./lib/atoms/list-title/list-title.component","ɵi":"./lib/atoms/time-stamp/time-stamp.module","ɵj":"./lib/atoms/time-stamp/time-stamp.component","ɵk":"./lib/atoms/avatar/avatar.module","ɵl":"./lib/atoms/avatar/avatar.component","ɵm":"./lib/atoms/pill/pill.module","ɵn":"./lib/atoms/button-round/button-round.module","ɵo":"./lib/atoms/button-round/button-round.component","ɵp":"./lib/molecules/note/note.module","ɵq":"./lib/molecules/note/note.component"},"importAs":"@symphony-talent/component-library/projects/component-library"}
1	+ {"__symbolic":"module","version":4,"metadata":{"AvatarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"firstName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"lastName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"sizePx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"fontSizePx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common","name":"SlicePipe","line":18,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}]}},"AvatarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AvatarComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14}],"providers":[{"__symbolic":"reference","module":"@angular/common","name":"SlicePipe","line":7,"character":16}],"exports":[{"__symbolic":"reference","name":"AvatarComponent"}]}]}],"members":{}},"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"providers":[],"exports":[{"__symbolic":"reference","name":"ButtonComponent"}]}]}],"members":{}},"PillComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-pill","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"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>","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}"]}]}],"members":{"pillLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isInverse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"hasClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"tooltipLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"removePill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onRemoveClick":[{"__symbolic":"method"}]}},"PillModel":{"__symbolic":"interface"},"TaskIconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"isComplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TaskIconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TaskIconComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"TaskIconComponent"}]}]}],"members":{}},"ColorSampleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ColorSampleModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ColorSampleComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"ColorSampleComponent"}]}]}],"members":{}},"H2Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"H2Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"H2Component"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"H2Component"}]}]}],"members":{}},"H3Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"H3Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"H3Component"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"H3Component"}]}]}],"members":{}},"H4Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"H4Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"H4Component"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"H4Component"}]}]}],"members":{}},"H1Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"H1Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"H1Component"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"H1Component"}]}]}],"members":{}},"ParagraphComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ParagraphModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ParagraphComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"ParagraphComponent"}]}]}],"members":{}},"H5Component":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"H5Module":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"H5Component"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"H5Component"}]}]}],"members":{}},"IconComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"symphony-icon","template":"<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n (click)=\"onClick()\"\n></i>\n","styles":[".icon-secondary{color:#fff}i{cursor:pointer;height:18px;width:18px}"]}]}],"members":{"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isSecondary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"IconModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"IconComponent"}]}]}],"members":{}},"IconWrapperComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"isInverse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"IconWrapperModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconWrapperComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"IconWrapperComponent"}]}]}],"members":{}},"InputCheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-input-checkbox","template":"<div class=\"sfx-checkbox\" (click)=\"onClick()\">\n <input\n type=\"checkbox\"\n class=\"sfx-checkbox-input\"\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":[".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}"]}]}],"members":{"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"InputCheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InputCheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"InputCheckboxComponent"}]}]}],"members":{}},"InputRadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isRequired":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"clicked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"InputRadioModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InputRadioComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"InputRadioComponent"}]}]}],"members":{}},"InputTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"isInverse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"textChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onTextChange":[{"__symbolic":"method"}]}},"InputTextModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InputTextComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","name":"IconModule"}],"exports":[{"__symbolic":"reference","name":"InputTextComponent"}]}]}],"members":{}},"ContextualMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"symphony-contextual-menu","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}"]}]}],"members":{"moreActions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ContextualMenuModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ContextualMenuComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":10,"character":26},"member":"forRoot"}},{"__symbolic":"reference","module":"@angular/platform-browser/animations","name":"BrowserAnimationsModule","line":10,"character":54}],"exports":[{"__symbolic":"reference","name":"ContextualMenuComponent"}]}]}],"members":{}},"AtomsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"declarations":[],"imports":[],"exports":[{"__symbolic":"reference","name":"ButtonModule"},{"__symbolic":"reference","name":"ContextualMenuModule"},{"__symbolic":"reference","name":"AvatarModule"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"TaskIconModule"},{"__symbolic":"reference","name":"ColorSampleModule"},{"__symbolic":"reference","name":"H1Module"},{"__symbolic":"reference","name":"H2Module"},{"__symbolic":"reference","name":"H3Module"},{"__symbolic":"reference","name":"H4Module"},{"__symbolic":"reference","name":"H5Module"},{"__symbolic":"reference","name":"ParagraphModule"},{"__symbolic":"reference","name":"IconModule"},{"__symbolic":"reference","name":"IconWrapperModule"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"InputRadioModule"},{"__symbolic":"reference","name":"InputCheckboxModule"},{"__symbolic":"reference","name":"InputTextModule"}]}]}],"members":{}},"BreadcrumbComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"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}"]}]}],"members":{"breadcrumbs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"BreadcrumbModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BreadcrumbComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","name":"H3Module"},{"__symbolic":"reference","name":"IconModule"}],"exports":[{"__symbolic":"reference","name":"BreadcrumbComponent"}]}]}],"members":{}},"ColorSwatchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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":[""]}]}],"members":{"colorSwatchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getDescription":[{"__symbolic":"method"}]}},"ColorSwatchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ColorSwatchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"ColorSampleModule"},{"__symbolic":"reference","name":"H3Module"},{"__symbolic":"reference","name":"ParagraphModule"}],"exports":[{"__symbolic":"reference","name":"ColorSwatchComponent"}]}]}],"members":{}},"IconSwatchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"iconSwatchModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"isInverse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"IconSwatchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconSwatchComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"IconModule"},{"__symbolic":"reference","name":"H5Module"},{"__symbolic":"reference","name":"ParagraphModule"},{"__symbolic":"reference","name":"IconWrapperModule"}],"exports":[{"__symbolic":"reference","name":"IconSwatchComponent"}]}]}],"members":{}},"NoteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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-contextual-menu class=\"list-more-option\" [moreActions]= noteModel.moreActions></symphony-contextual-menu>\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}"]}]}],"members":{"noteModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"NoteModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NoteComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","name":"AvatarModule"},{"__symbolic":"reference","name":"ContextualMenuModule"},{"__symbolic":"reference","name":"H3Module"},{"__symbolic":"reference","name":"ParagraphModule"}],"exports":[{"__symbolic":"reference","name":"NoteComponent"}]}]}],"members":{}},"PillsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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%}"]}]}],"members":{"hasClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"pillsList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"hasTooltips":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"removePill":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onRemovePill":[{"__symbolic":"method"}]}},"PillsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PillsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":4},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"PillsComponent"}]}]}],"members":{}},"TaskComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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-contextual-menu\n class=\"task-more-option\"\n ngIf=\"taskModel.moreActions && taskModel.moreActions.length > 0\"\n [moreActions]=\"taskModel.moreActions\"\n >\n </symphony-contextual-menu>\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-contextual-menu{margin-left:auto}.sfx-task symphony-paragraph{display:inline-block;margin-right:20px}.sfx-task .time-and-assigned{margin-bottom:-10px}"]}]}],"members":{"taskModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TaskModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TaskComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"TaskIconModule"},{"__symbolic":"reference","name":"ContextualMenuModule"},{"__symbolic":"reference","name":"H3Module"},{"__symbolic":"reference","name":"ParagraphModule"}],"exports":[{"__symbolic":"reference","name":"TaskComponent"}]}]}],"members":{}},"MoleculesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","name":"AvatarModule"},{"__symbolic":"reference","name":"ContextualMenuModule"},{"__symbolic":"reference","name":"PillsModule"},{"__symbolic":"reference","name":"TaskModule"},{"__symbolic":"reference","name":"ColorSwatchModule"},{"__symbolic":"reference","name":"IconSwatchModule"},{"__symbolic":"reference","name":"BreadcrumbModule"}],"exports":[{"__symbolic":"reference","name":"NoteModule"},{"__symbolic":"reference","name":"PillsModule"},{"__symbolic":"reference","name":"TaskModule"},{"__symbolic":"reference","name":"ColorSwatchModule"},{"__symbolic":"reference","name":"IconSwatchModule"},{"__symbolic":"reference","name":"BreadcrumbModule"}]}]}],"members":{}},"TaskListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"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}"]}]}],"members":{"taskList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"TaskListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TaskListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","name":"TaskModule"}],"exports":[{"__symbolic":"reference","name":"TaskListComponent"}]}]}],"members":{}},"NoteListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"symphony-note-list","template":"<ul class=\"list-unstyled\">\n <li ngFor=\"let note of noteList\">\n <symphony-note [noteModel]='note'></symphony-note>\n </li>\n</ul>\n","styles":["li{border-bottom:1px solid #d9d9d9}li:last-child{border-bottom-color:transparent}"]}]}],"members":{"noteList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"NoteListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NoteListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12},{"__symbolic":"reference","name":"NoteModule"}],"exports":[{"__symbolic":"reference","name":"NoteListComponent"}]}]}],"members":{}},"EventsSettingsPageComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"symphony-events-settings-page","template":"<symphony-admin-list-template>\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"eventsSettingsBreadcrumbs\">\n </symphony-breadcrumb>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-placeholder filter-one [label]=\"'filter-one'\" [height]=\"'85px'\">\n </symphony-placeholder>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Filter search results'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"'true'\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>X Event Venues</symphony-h4>\n <symphony-contextual-menu sfx-grid-action\n class=\"more-options\"\n ngIf=\"eventSettingsPageModel.moreActions && eventSettingsPageModel.moreActions.length > 0\"\n [moreActions]=\"eventSettingsPageModel.moreActions\"\n >\n </symphony-contextual-menu>\n <symphony-placeholder\n sfx-grid\n [label]=\"'sfx-grid'\"\n [height]=\"'500px'\"\n ></symphony-placeholder>\n</symphony-admin-list-template>\n","styles":[""]}]}],"members":{"eventSettingsPageModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"EventsSettingsPageModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EventsSettingsPageComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":4},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"H3Module"},{"__symbolic":"reference","name":"H4Module"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"BreadcrumbModule"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"IconModule"},{"__symbolic":"reference","name":"InputTextModule"},{"__symbolic":"reference","name":"ContextualMenuModule"}],"exports":[{"__symbolic":"reference","name":"EventsSettingsPageComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14}],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-sfx-inline-error","template":"<p>{{ errorMessage }}</p>\n","styles":["p{color:red!important;font-size:1rem;margin:0;padding:10px 0}"]}]}],"members":{"errorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"PillComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/tooltip","name":"TooltipModule","line":9,"character":18},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"PillComponent"}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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 <!-- select dropdown for event type -->\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 <!-- search component -->\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}"]}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵg"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵg"}]}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-admin-list-template","template":"<div class=\"sfx\">\n <!---->\n <section class=\"sfx-page-title\">\n <div class=\"row\">\n <div class=\"col-xs-12 col-sm-12 colmd-12 col-lg-12 add-source-list\">\n <ng-content select=\"[sfx-header]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30\">\n <div class=\"sfx-filter-section\">\n <div class=\"row\">\n <ng-content select=\"[sfx-filter-area]\"></ng-content>\n </div>\n </div>\n </section>\n <section class=\"sfx-title-wrap\">\n <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0\">\n <!-- <h4 class=\"margin-left-minus-15\">22 Event Venues</h4> -->\n <ng-content select=\"[sfx-title]\"></ng-content>\n </div>\n <span class=\"pull-right sfx-create-new\">\n <ng-content select=\"[sfx-grid-action]\"></ng-content>\n </span>\n </div>\n </section>\n <section class=\"sfx-mt-30\">\n <ng-content select=\"[sfx-grid]\"></ng-content>\n </section>\n</div>\n","styles":[".sfx-page-title{margin-bottom:1.875rem;margin-top:3.125rem}.sfx-title-wrap{border-bottom:5px solid #000;display:inline-block;width:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵi"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/tooltip","name":"TooltipModule","line":7,"character":26},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"ɵi"}]}]}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"symphony-placeholder","template":"<div\n ngIf=\"type !== 'circle'\"\n class=\"placeholder-dashed\"\n [ngStyle]=\"{ height: height }\"\n>\n {{ label }}\n</div>\n\n<div\n *ngIf=\"type === 'circle'\"\n [tooltip]=\"tooltip\"\n [placement]=\"tooltipPlacement\"\n class=\"placeholder-dashed-circle\"\n [ngStyle]=\"{ height: height, width: width }\"\n>\n {{ label }}\n</div>\n","styles":[".placeholder-dashed{border:3px dashed #464646;border-radius:10px}.placeholder-dashed,.placeholder-dashed-circle{align-items:center;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 0,#d9d9d9 20px);color:#464646;display:flex;font-size:18px;height:100%;justify-content:center;text-align:center}.placeholder-dashed-circle{border:3px dashed #464646;border-radius:50%}.wrapper div{height:100%}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"tooltip":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"tooltipPlacement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"AvatarComponent":"./lib/atoms/avatar/avatar.component","AvatarModule":"./lib/atoms/avatar/avatar.module","ButtonComponent":"./lib/atoms/button/button.component","ButtonModule":"./lib/atoms/button/button.module","PillComponent":"./lib/atoms/pill/pill.component","PillModel":"./lib/atoms/pill/pill.model","TaskIconComponent":"./lib/atoms/task-icon/task-icon.component","TaskIconModule":"./lib/atoms/task-icon/task-icon.module","ColorSampleComponent":"./lib/atoms/color-sample/color-sample.component","ColorSampleModule":"./lib/atoms/color-sample/color-sample.module","H2Component":"./lib/atoms/h2/h2.component","H2Module":"./lib/atoms/h2/h2.module","H3Component":"./lib/atoms/h3/h3.component","H3Module":"./lib/atoms/h3/h3.module","H4Component":"./lib/atoms/h4/h4.component","H4Module":"./lib/atoms/h4/h4.module","H1Component":"./lib/atoms/h1/h1.component","H1Module":"./lib/atoms/h1/h1.module","ParagraphComponent":"./lib/atoms/paragraph/paragraph.component","ParagraphModule":"./lib/atoms/paragraph/paragraph.module","H5Component":"./lib/atoms/h5/h5.component","H5Module":"./lib/atoms/h5/h5.module","IconComponent":"./lib/atoms/icon/icon.component","IconModule":"./lib/atoms/icon/icon.module","IconWrapperComponent":"./lib/atoms/icon-wrapper/icon-wrapper.component","IconWrapperModule":"./lib/atoms/icon-wrapper/icon-wrapper.module","InputCheckboxComponent":"./lib/atoms/input-checkbox/input-checkbox.component","InputCheckboxModule":"./lib/atoms/input-checkbox/input-checkbox.module","InputRadioComponent":"./lib/atoms/input-radio/input-radio.component","InputRadioModule":"./lib/atoms/input-radio/input-radio.module","InputTextComponent":"./lib/atoms/input-text/input-text.component","InputTextModule":"./lib/atoms/input-text/input-text.module","ContextualMenuComponent":"./lib/atoms/contextual-menu/contextual-menu.component","ContextualMenuModule":"./lib/atoms/contextual-menu/contextual-menu.module","AtomsModule":"./lib/atoms/atoms.module","BreadcrumbComponent":"./lib/molecules/breadcrumb/breadcrumb.component","BreadcrumbModule":"./lib/molecules/breadcrumb/breadcrumb.module","ColorSwatchComponent":"./lib/molecules/color-swatch/color-swatch.component","ColorSwatchModule":"./lib/molecules/color-swatch/color-swatch.module","IconSwatchComponent":"./lib/molecules/icon-swatch/icon-swatch.component","IconSwatchModule":"./lib/molecules/icon-swatch/icon-swatch.module","NoteComponent":"./lib/molecules/note/note.component","NoteModule":"./lib/molecules/note/note.module","PillsComponent":"./lib/molecules/pills/pills.component","PillsModule":"./lib/molecules/pills/pills.module","TaskComponent":"./lib/molecules/task/task.component","TaskModule":"./lib/molecules/task/task.module","MoleculesModule":"./lib/molecules/molecules.module","TaskListComponent":"./lib/organisms/task-list/task-list.component","TaskListModule":"./lib/organisms/task-list/task-list.module","NoteListComponent":"./lib/organisms/note-list/note-list.component","NoteListModule":"./lib/organisms/note-list/note-list.module","EventsSettingsPageComponent":"./lib/pages/events-settings-page/events-settings-page.component","EventsSettingsPageModule":"./lib/pages/events-settings-page/events-settings-page.module","ɵa":"./lib/atoms/sfx-inline-error/sfx-inline-error.module","ɵb":"./lib/atoms/sfx-inline-error/sfx-inline-error.component","ɵc":"./lib/atoms/pill/pill.module","ɵd":"./lib/atoms/two-column-filter-area/two-column-filter-area.module","ɵe":"./lib/atoms/two-column-filter-area/two-column-filter-area.component","ɵf":"./lib/templates/admin-list/admin-list.module","ɵg":"./lib/templates/admin-list/admin-list.component","ɵh":"./lib/templates/placeholder/placeholder.module","ɵi":"./lib/templates/placeholder/placeholder.component"},"importAs":"@symphony-talent/component-library/projects/component-library"}