@symphony-talent/component-library 4.52.0 → 4.54.0

package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs

@@ -55,7 +55,7 @@ export class JobListPageComponent {
     }
 }
 JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: i8.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i9.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i10.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i11.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i12.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i13.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: i8.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i9.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i10.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i11.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i12.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i13.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i14.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]

package/esm2020/lib/pages/toggle-list-partial-page/toggle-list-partial-page.component.mjs

@@ -3,7 +3,9 @@ import { Icons } from '../../atoms/icon/icon.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "../../molecules/labelled-toggle-list/labelled-toggle-list.component";
 import * as i2 from "../../molecules/button-with-icon/button-with-icon.component";
-import * as i3 from "@angular/common";
+import * as i3 from "../../atoms/sfx-loader/sfx-loader.component";
+import * as i4 from "../../atoms/paragraph/paragraph.component";
+import * as i5 from "@angular/common";
 export class ToggleListPartialPageComponent {
     constructor() {
         this.updateSettingToggle = new EventEmitter();
@@ -18,10 +20,10 @@ export class ToggleListPartialPageComponent {
     }
 }
 ToggleListPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
+            args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], updateSettingToggle: [{
@@ -29,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], addButtonClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBT25ELE1BQU0sT0FBTyw4QkFBOEI7SUFPekM7UUFMVSx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztRQUNuRSxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFcEQsU0FBSSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFFTixDQUFDO0lBRWhCLGtCQUFrQixDQUFDLEtBQUs7UUFDdEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM3QixDQUFDOzsySEFmVSw4QkFBOEI7K0dBQTlCLDhCQUE4QixnTUNWM0MsMGpCQWlCQTsyRkRQYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsbUNBQW1DOzBFQUtwQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBhZGRCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbiAgPHN5bXBob255LWJ1dHRvbi13aXRoLWljb24gKm5nSWY9XCJtb2RlbC5lbmFibGVBZGRCdXR0b25cIlxuICAgIGNsYXNzPVwiYWRkLWJ1dHRvbiBzZngtZm9udC1ib2xkXCJcbiAgICAoY2xpY2tlZCk9XCJvbkFkZEJ1dHRvbkNsaWNrKClcIlxuICAgIFtpY29uXT1cImljb25cIlxuICAgIFt0ZXh0XT1cIm1vZGVsLmFkZEJ1dHRvblRleHRcIlxuICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cInRydWVcIlxuICAgIFtzaG93UG9wb3Zlcl09XCJ0cnVlXCJcbiAgICBbaXNEaXNhYmxlZF09XCJmYWxzZVwiXG4gID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7QUFPbkQsTUFBTSxPQUFPLDhCQUE4QjtJQU96QztRQUxVLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUE0QixDQUFDO1FBQ25FLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVwRCxTQUFJLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztJQUVOLENBQUM7SUFFaEIsa0JBQWtCLENBQUMsS0FBSztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzdCLENBQUM7OzJIQWZVLDhCQUE4QjsrR0FBOUIsOEJBQThCLGdNQ1YzQyxxL0JBa0NBOzJGRHhCYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsbUNBQW1DOzBFQUtwQyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSB1cGRhdGVTZXR0aW5nVG9nZ2xlID0gbmV3IEV2ZW50RW1pdHRlcjxMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBhZGRCdXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uID0gSWNvbnMuSU5DTFVERTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgdXBkYXRlU2V0dGluZ1ZhbHVlKGV2ZW50KSB7XG4gICAgdGhpcy51cGRhdGVTZXR0aW5nVG9nZ2xlLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgb25BZGRCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmFkZEJ1dHRvbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxoMyBzZngtaGVhZGVyPnt7IG1vZGVsLlBhZ2VMYWJlbCB9fTwvaDM+XG4gIDxzeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdFxuICAgIFttb2RlbExpc3RdPVwibW9kZWwudG9nZ2xlTW9kZWxzXCJcbiAgICAodG9nZ2xlTGlzdEl0ZW1WYWx1ZSk9XCJ1cGRhdGVTZXR0aW5nVmFsdWUoJGV2ZW50KVwiXG4gID5cbiAgPC9zeW1waG9ueS1sYWJlbGxlZC10b2dnbGUtbGlzdD5cbiAgPHN5bXBob255LWJ1dHRvbi13aXRoLWljb24gKm5nSWY9XCJtb2RlbC5lbmFibGVBZGRCdXR0b25cIlxuICAgIGNsYXNzPVwiYWRkLWJ1dHRvbiBzZngtZm9udC1ib2xkXCJcbiAgICAoY2xpY2tlZCk9XCJvbkFkZEJ1dHRvbkNsaWNrKClcIlxuICAgIFtpY29uXT1cImljb25cIlxuICAgIFt0ZXh0XT1cIm1vZGVsLmFkZEJ1dHRvblRleHRcIlxuICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cInRydWVcIlxuICAgIFtzaG93UG9wb3Zlcl09XCJ0cnVlXCJcbiAgICBbaXNEaXNhYmxlZF09XCJmYWxzZVwiXG4gID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG5cbiAgPGRpdlxuICAgICpuZ0lmPVwibW9kZWwuaXNMb2FkaW5nXCJcbiAgICBjbGFzcz1cInNmeC1tdC04MCBzZngtbWItNDBcIlxuICAgIGZlZWRiYWNrLWNhcmQtbGlzdFxuICA+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXIgW21lc3NhZ2VdPVwibW9kZWwubG9hZGluZ01lc3NhZ2VcIj48L3N5bXBob255LXNmeC1sb2FkZXI+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgKm5nSWY9XCIhbW9kZWwudG9nZ2xlTW9kZWxzLmxlbmd0aCAmJiAhbW9kZWwuaXNMb2FkaW5nXCJcbiAgICBjbGFzcz1cInNmeC1tdC04MCBzZngtbWItNDBcIlxuICAgIGZlZWRiYWNrLWNhcmQtbGlzdFxuICA+XG4gICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInRleHQtY2VudGVyXCI+e3tcbiAgICAgIG1vZGVsLm1lc3NhZ2VcbiAgICB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/lib/pages/toggle-list-partial-page/toggle-list-partial-page.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwge1xuICBQYWdlTGFiZWw6IHN0cmluZztcbiAgZW5hYmxlQWRkQnV0dG9uPzogYm9vbGVhbjtcbiAgdG9nZ2xlTW9kZWxzOiBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWxbXTtcbiAgYWRkQnV0dG9uVGV4dD86IHN0cmluZztcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy90b2dnbGUtbGlzdC1wYXJ0aWFsLXBhZ2UvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9nZ2xlTGlzdFBhcnRpYWxQYWdlTW9kZWwge1xuICBQYWdlTGFiZWw6IHN0cmluZztcbiAgZW5hYmxlQWRkQnV0dG9uPzogYm9vbGVhbjtcbiAgdG9nZ2xlTW9kZWxzOiBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWxbXTtcbiAgYWRkQnV0dG9uVGV4dD86IHN0cmluZztcbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgbWVzc2FnZT86IHN0cmluZztcbiAgbG9hZGluZ01lc3NhZ2U/OiBzdHJpbmc7XG59XG4iXX0=

package/esm2020/lib/pages/toggle-list-partial-page/toggle-list-partial-page.module.mjs

@@ -8,6 +8,8 @@ import { BreadcrumbModule } from '../../molecules/breadcrumb/breadcrumb.module';
 import { H3Module } from '../../atoms/h3/h3.module';
 import { LabelledToggleListModule } from '../../molecules/labelled-toggle-list/labelled-toggle-list.module';
 import { ButtonWithIconModule } from '../../molecules/button-with-icon/button-with-icon.module';
+import { SfxLoaderModule } from '../../atoms/sfx-loader/sfx-loader.module';
+import { ParagraphModule } from "../../atoms/paragraph/paragraph.module";
 import * as i0 from "@angular/core";
 export class ToggleListPartialPageModule {
 }
@@ -19,7 +21,9 @@ ToggleListPartialPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0
         BreadcrumbModule,
         H3Module,
         LabelledToggleListModule,
-        ButtonWithIconModule], exports: [ToggleListPartialPageComponent] });
+        ButtonWithIconModule,
+        SfxLoaderModule,
+        ParagraphModule], exports: [ToggleListPartialPageComponent] });
 ToggleListPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageModule, imports: [[
             InputToggleModule,
             LabelledInputToggleModule,
@@ -29,6 +33,8 @@ ToggleListPartialPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0
             H3Module,
             LabelledToggleListModule,
             ButtonWithIconModule,
+            SfxLoaderModule,
+            ParagraphModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageModule, decorators: [{
             type: NgModule,
@@ -44,7 +50,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         H3Module,
                         LabelledToggleListModule,
                         ButtonWithIconModule,
-                    ],
+                        SfxLoaderModule,
+                        ParagraphModule
+                    ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN0RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDakYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0VBQW9FLENBQUM7QUFDL0csT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUM1RyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwREFBMEQsQ0FBQzs7QUFnQmhHLE1BQU0sT0FBTywyQkFBMkI7O3dIQUEzQiwyQkFBMkI7eUhBQTNCLDJCQUEyQixpQkFidkIsOEJBQThCLGFBRzNDLGlCQUFpQjtRQUNqQix5QkFBeUI7UUFDekIsYUFBYTtRQUNiLGVBQWU7UUFDZixnQkFBZ0I7UUFDaEIsUUFBUTtRQUNSLHdCQUF3QjtRQUN4QixvQkFBb0IsYUFUWiw4QkFBOEI7eUhBWTdCLDJCQUEyQixZQVg3QjtZQUNQLGlCQUFpQjtZQUNqQix5QkFBeUI7WUFDekIsYUFBYTtZQUNiLGVBQWU7WUFDZixnQkFBZ0I7WUFDaEIsUUFBUTtZQUNSLHdCQUF3QjtZQUN4QixvQkFBb0I7U0FDckI7MkZBRVUsMkJBQTJCO2tCQWR2QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDhCQUE4QixDQUFDO29CQUM5QyxPQUFPLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztvQkFDekMsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIseUJBQXlCO3dCQUN6QixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixRQUFRO3dCQUNSLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3FCQUNyQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnQgfSBmcm9tICcuL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgSW5wdXRUb2dnbGVNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pbnB1dC10b2dnbGUvaW5wdXQtdG9nZ2xlLm1vZHVsZSc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS9sYWJlbGxlZC1pbnB1dC10b2dnbGUubW9kdWxlJztcbmltcG9ydCB7IEFkbWluTGlzdE1vZHVsZSB9IGZyb20gJy4uLy4uL3RlbXBsYXRlcy9hZG1pbi1saXN0L2FkbWluLWxpc3QubW9kdWxlJztcbmltcG9ydCB7IEJyZWFkY3J1bWJNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYnJlYWRjcnVtYi9icmVhZGNydW1iLm1vZHVsZSc7XG5pbXBvcnQgeyBIM01vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2gzL2gzLm1vZHVsZSc7XG5pbXBvcnQgeyBMYWJlbGxlZFRvZ2dsZUxpc3RNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtdG9nZ2xlLWxpc3QvbGFiZWxsZWQtdG9nZ2xlLWxpc3QubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbldpdGhJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2J1dHRvbi13aXRoLWljb24vYnV0dG9uLXdpdGgtaWNvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtUb2dnbGVMaXN0UGFydGlhbFBhZ2VDb21wb25lbnRdLFxuICBleHBvcnRzOiBbVG9nZ2xlTGlzdFBhcnRpYWxQYWdlQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIElucHV0VG9nZ2xlTW9kdWxlLFxuICAgIExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUsXG4gICAgQnJvd3Nlck1vZHVsZSxcbiAgICBBZG1pbkxpc3RNb2R1bGUsXG4gICAgQnJlYWRjcnVtYk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBMYWJlbGxlZFRvZ2dsZUxpc3RNb2R1bGUsXG4gICAgQnV0dG9uV2l0aEljb25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRvZ2dsZUxpc3RQYXJ0aWFsUGFnZU1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvcGFnZXMvdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlL3RvZ2dsZS1saXN0LXBhcnRpYWwtcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN0RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDakYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0VBQW9FLENBQUM7QUFDL0csT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUM1RyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwREFBMEQsQ0FBQztBQUNoRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQWtCekUsTUFBTSxPQUFPLDJCQUEyQjs7d0hBQTNCLDJCQUEyQjt5SEFBM0IsMkJBQTJCLGlCQWZyQiw4QkFBOEIsYUFHekMsaUJBQWlCO1FBQ2pCLHlCQUF5QjtRQUN6QixhQUFhO1FBQ2IsZUFBZTtRQUNmLGdCQUFnQjtRQUNoQixRQUFRO1FBQ1Isd0JBQXdCO1FBQ3hCLG9CQUFvQjtRQUNwQixlQUFlO1FBQ2YsZUFBZSxhQVhULDhCQUE4Qjt5SEFjL0IsMkJBQTJCLFlBYjNCO1lBQ0wsaUJBQWlCO1lBQ2pCLHlCQUF5QjtZQUN6QixhQUFhO1lBQ2IsZUFBZTtZQUNmLGdCQUFnQjtZQUNoQixRQUFRO1lBQ1Isd0JBQXdCO1lBQ3hCLG9CQUFvQjtZQUNwQixlQUFlO1lBQ2YsZUFBZTtTQUNsQjsyRkFFUSwyQkFBMkI7a0JBaEJ2QyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLDhCQUE4QixDQUFDO29CQUM5QyxPQUFPLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQztvQkFDekMsT0FBTyxFQUFFO3dCQUNMLGlCQUFpQjt3QkFDakIseUJBQXlCO3dCQUN6QixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsZ0JBQWdCO3dCQUNoQixRQUFRO3dCQUNSLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3dCQUNwQixlQUFlO3dCQUNmLGVBQWU7cUJBQ2xCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvZ2dsZUxpc3RQYXJ0aWFsUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vdG9nZ2xlLWxpc3QtcGFydGlhbC1wYWdlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCcm93c2VyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBJbnB1dFRvZ2dsZU1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2lucHV0LXRvZ2dsZS9pbnB1dC10b2dnbGUubW9kdWxlJztcbmltcG9ydCB7IExhYmVsbGVkSW5wdXRUb2dnbGVNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2R1bGUnO1xuaW1wb3J0IHsgQWRtaW5MaXN0TW9kdWxlIH0gZnJvbSAnLi4vLi4vdGVtcGxhdGVzL2FkbWluLWxpc3QvYWRtaW4tbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgQnJlYWRjcnVtYk1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9icmVhZGNydW1iL2JyZWFkY3J1bWIubW9kdWxlJztcbmltcG9ydCB7IEgzTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaDMvaDMubW9kdWxlJztcbmltcG9ydCB7IExhYmVsbGVkVG9nZ2xlTGlzdE1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9sYWJlbGxlZC10b2dnbGUtbGlzdC9sYWJlbGxlZC10b2dnbGUtbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uV2l0aEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi9idXR0b24td2l0aC1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhMb2FkZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9zZngtbG9hZGVyL3NmeC1sb2FkZXIubW9kdWxlJztcbmltcG9ydCB7IFBhcmFncmFwaE1vZHVsZSB9IGZyb20gXCIuLi8uLi9hdG9tcy9wYXJhZ3JhcGgvcGFyYWdyYXBoLm1vZHVsZVwiO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW1RvZ2dsZUxpc3RQYXJ0aWFsUGFnZUNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1RvZ2dsZUxpc3RQYXJ0aWFsUGFnZUNvbXBvbmVudF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBJbnB1dFRvZ2dsZU1vZHVsZSxcbiAgICAgICAgTGFiZWxsZWRJbnB1dFRvZ2dsZU1vZHVsZSxcbiAgICAgICAgQnJvd3Nlck1vZHVsZSxcbiAgICAgICAgQWRtaW5MaXN0TW9kdWxlLFxuICAgICAgICBCcmVhZGNydW1iTW9kdWxlLFxuICAgICAgICBIM01vZHVsZSxcbiAgICAgICAgTGFiZWxsZWRUb2dnbGVMaXN0TW9kdWxlLFxuICAgICAgICBCdXR0b25XaXRoSWNvbk1vZHVsZSxcbiAgICAgICAgU2Z4TG9hZGVyTW9kdWxlLFxuICAgICAgICBQYXJhZ3JhcGhNb2R1bGVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFRvZ2dsZUxpc3RQYXJ0aWFsUGFnZU1vZHVsZSB7fVxuIl19

package/esm2020/projects/component-library/lib/atoms/icon-wrapper/icon-wrapper.component.mjs

@@ -12,15 +12,17 @@ export class IconWrapperComponent {
     }
 }
 IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\n  class=\"icon-wrapper\"\n  [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder}\"\n  (click)=\"onClick()\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: { backgroundColor: "backgroundColor", isInverse: "isInverse", hasHoverWithoutBorder: "hasHoverWithoutBorder" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-icon-wrapper', template: "<div\n  class=\"icon-wrapper\"\n  [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder}\"\n  (click)=\"onClick()\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { isInverse: [{
+            args: [{ selector: 'symphony-icon-wrapper', template: "<div class=\"icon-wrapper\" [ngClass]=\"{ 'is-inverse': isInverse, 'hoverWithoutBorder': hasHoverWithoutBorder }\"\n  (click)=\"onClick()\" [style.background]=\"backgroundColor ? backgroundColor : 'null'\">\n  <ng-content></ng-content>\n</div>", styles: [".icon-wrapper{border-radius:50%;border:2px solid #334860;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.icon-wrapper:hover{background:#334860;color:#fff}.icon-wrapper.is-inverse{background:#000;color:#fff}.icon-wrapper.is-inverse:hover{background:#fff;color:#000}.icon-wrapper.hoverWithoutBorder{border:none;line-height:30px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { backgroundColor: [{
+                type: Input
+            }], isInverse: [{
                 type: Input
             }], hasHoverWithoutBorder: [{
                 type: Input
             }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaWNvbi13cmFwcGVyL2ljb24td3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2ljb24td3JhcHBlci9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sb0JBQW9CO0lBTS9CO1FBTEEsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUdKLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRWhDLENBQUM7SUFFaEIsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O2lIQVZVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLGtMQ1JqQyw0TEFPQTsyRkRDYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsdUJBQXVCOzBFQU14QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vaWNvbi9pY29uLmVudW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1pY29uLXdyYXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbi13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEljb25XcmFwcGVyQ29tcG9uZW50IHtcbiAgSWNvbnMgPSBJY29ucztcbiAgQElucHV0KCkgaXNJbnZlcnNlOiBib29sZWFuO1xuICBASW5wdXQoKSBoYXNIb3ZlcldpdGhvdXRCb3JkZXI6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoJ2NsaWNrZWQnKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImljb24td3JhcHBlclwiXG4gIFtuZ0NsYXNzXT1cInsgJ2lzLWludmVyc2UnOiBpc0ludmVyc2UsICdob3ZlcldpdGhvdXRCb3JkZXInOiBoYXNIb3ZlcldpdGhvdXRCb3JkZXJ9XCJcbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvaWNvbi13cmFwcGVyL2ljb24td3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2ljb24td3JhcHBlci9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CO1FBTkEsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUlKLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRWhDLENBQUM7SUFFaEIsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQy9CLENBQUM7O2lIQVhVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHNOQ1JqQyxxUEFHTTsyRkRLTyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsdUJBQXVCOzBFQU14QixlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9pY29uL2ljb24uZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWljb24td3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLXdyYXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbldyYXBwZXJDb21wb25lbnQge1xuICBJY29ucyA9IEljb25zO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgaXNJbnZlcnNlOiBib29sZWFuO1xuICBASW5wdXQoKSBoYXNIb3ZlcldpdGhvdXRCb3JkZXI6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBjbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoJ2NsaWNrZWQnKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImljb24td3JhcHBlclwiIFtuZ0NsYXNzXT1cInsgJ2lzLWludmVyc2UnOiBpc0ludmVyc2UsICdob3ZlcldpdGhvdXRCb3JkZXInOiBoYXNIb3ZlcldpdGhvdXRCb3JkZXIgfVwiXG4gIChjbGljayk9XCJvbkNsaWNrKClcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kQ29sb3IgPyBiYWNrZ3JvdW5kQ29sb3IgOiAnbnVsbCdcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19

package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.component.mjs

@@ -0,0 +1,18 @@
+import { Component, Input, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/icon-wrapper/icon-wrapper.component";
+import * as i2 from "../../atoms/icon/icon.component";
+import * as i3 from "../../atoms/paragraph/paragraph.component";
+import * as i4 from "@angular/common";
+export class AdditionalInformationCardComponent {
+    constructor() { }
+}
+AdditionalInformationCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AdditionalInformationCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: { additionalInformationModel: "additionalInformationModel" }, ngImport: i0, template: "<div *ngIf=\"additionalInformationModel\" class=\"additional-information-card-item-wrapper\">\n    <div class=\"additional-information-card-icon\">\n        <symphony-icon-wrapper [isInverse]=\"true\" [hasHoverWithoutBorder]=\"true\"\n            [backgroundColor]=\"additionalInformationModel.iconWrapperColor\">\n            <symphony-icon [icon]=\"additionalInformationModel.icon\"\n                [iconColor]=\"additionalInformationModel.iconInnerColor\"></symphony-icon>\n        </symphony-icon-wrapper>\n    </div>\n\n    <div>\n        <div class=\"sfx-pb-10 sfx-font-bold\">\n            <symphony-paragraph>{{ additionalInformationModel.header }}:\n                {{ additionalInformationModel.headerText }}</symphony-paragraph>\n        </div>\n        <div *ngFor=\"let information of additionalInformationModel.additionalInformation\"\n            class=\"additional-information-card-description\">\n            <symphony-paragraph><span\n                    class=\"sfx-pr-5 sfx-font-bold\">{{ information.label }}:</span>{{ information.text }}</symphony-paragraph>\n        </div>\n    </div>\n</div>", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-additional-information-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"additionalInformationModel\" class=\"additional-information-card-item-wrapper\">\n    <div class=\"additional-information-card-icon\">\n        <symphony-icon-wrapper [isInverse]=\"true\" [hasHoverWithoutBorder]=\"true\"\n            [backgroundColor]=\"additionalInformationModel.iconWrapperColor\">\n            <symphony-icon [icon]=\"additionalInformationModel.icon\"\n                [iconColor]=\"additionalInformationModel.iconInnerColor\"></symphony-icon>\n        </symphony-icon-wrapper>\n    </div>\n\n    <div>\n        <div class=\"sfx-pb-10 sfx-font-bold\">\n            <symphony-paragraph>{{ additionalInformationModel.header }}:\n                {{ additionalInformationModel.headerText }}</symphony-paragraph>\n        </div>\n        <div *ngFor=\"let information of additionalInformationModel.additionalInformation\"\n            class=\"additional-information-card-description\">\n            <symphony-paragraph><span\n                    class=\"sfx-pr-5 sfx-font-bold\">{{ information.label }}:</span>{{ information.text }}</symphony-paragraph>\n        </div>\n    </div>\n</div>", styles: [".additional-information-card-item-wrapper{position:relative;width:100%;display:flex;padding-block:20px}.additional-information-card-icon{display:inline-block;float:left;padding-right:15px}.additional-information-card-icon .si-feedback-maybe{position:relative;left:-1px;top:-1px}.additional-information-card-icon .si-feedback-yes{position:relative;top:-3px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { additionalInformationModel: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVN2QixNQUFNLE9BQU8sa0NBQWtDO0lBRzdDLGdCQUFlLENBQUM7OytIQUhMLGtDQUFrQzttSEFBbEMsa0NBQWtDLGtKQ2IvQywrbENBb0JNOzJGRFBPLGtDQUFrQztrQkFOOUMsU0FBUzsrQkFDRSxzQ0FBc0MsaUJBR2pDLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLDBCQUEwQjtzQkFBbEMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsIH0gZnJvbSAnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbDogUGFydGlhbDxBZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbD47XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiAqbmdJZj1cImFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsXCIgY2xhc3M9XCJhZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtaXRlbS13cmFwcGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1pY29uXCI+XG4gICAgICAgIDxzeW1waG9ueS1pY29uLXdyYXBwZXIgW2lzSW52ZXJzZV09XCJ0cnVlXCIgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvbldyYXBwZXJDb2xvclwiPlxuICAgICAgICAgICAgPHN5bXBob255LWljb24gW2ljb25dPVwiYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaWNvblwiXG4gICAgICAgICAgICAgICAgW2ljb25Db2xvcl09XCJhZGRpdGlvbmFsSW5mb3JtYXRpb25Nb2RlbC5pY29uSW5uZXJDb2xvclwiPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2Z4LXBiLTEwIHNmeC1mb250LWJvbGRcIj5cbiAgICAgICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+e3sgYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwuaGVhZGVyIH19OlxuICAgICAgICAgICAgICAgIHt7IGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmhlYWRlclRleHQgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGluZm9ybWF0aW9uIG9mIGFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsLmFkZGl0aW9uYWxJbmZvcm1hdGlvblwiXG4gICAgICAgICAgICBjbGFzcz1cImFkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgPHN5bXBob255LXBhcmFncmFwaD48c3BhblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNmeC1wci01IHNmeC1mb250LWJvbGRcIj57eyBpbmZvcm1hdGlvbi5sYWJlbCB9fTo8L3NwYW4+e3sgaW5mb3JtYXRpb24udGV4dCB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.model.mjs

@@ -0,0 +1,7 @@
+export var IconWrapperColor;
+(function (IconWrapperColor) {
+    IconWrapperColor["GREEN"] = "#2CB45F";
+    IconWrapperColor["RED"] = "#AC4463";
+    IconWrapperColor["GREY"] = "#C3CBDC";
+})(IconWrapperColor || (IconWrapperColor = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjQSxNQUFNLENBQU4sSUFBWSxnQkFJWDtBQUpELFdBQVksZ0JBQWdCO0lBQzFCLHFDQUFpQixDQUFBO0lBQ2pCLG1DQUFlLENBQUE7SUFDZixvQ0FBZ0IsQ0FBQTtBQUNsQixDQUFDLEVBSlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUkzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIGhlYWRlcjogc3RyaW5nO1xuICBoZWFkZXJUZXh0OiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbjoge1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgdGV4dDogc3RyaW5nO1xuICB9W107XG4gIGljb25Jbm5lckNvbG9yOiBzdHJpbmc7XG4gIGljb25XcmFwcGVyQ29sb3I6IHN0cmluZztcbn1cblxuZXhwb3J0IGVudW0gSWNvbldyYXBwZXJDb2xvciB7XG4gIEdSRUVOID0gJyMyQ0I0NUYnLFxuICBSRUQgPSAnI0FDNDQ2MycsXG4gIEdSRVkgPSAnI0MzQ0JEQycsXG59XG4iXX0=

package/esm2020/projects/component-library/lib/molecules/additional-information-card/additional-information-card.module.mjs

@@ -0,0 +1,42 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
+import { IconModule } from '../../atoms/icon/icon.module';
+import { H5Module } from '../../atoms/h5/h5.module';
+import { H4Module } from '../../atoms/h4/h4.module';
+import { IconWrapperModule } from '../../atoms/icon-wrapper/icon-wrapper.module';
+import { AdditionalInformationCardComponent } from './additional-information-card.component';
+import * as i0 from "@angular/core";
+export class AdditionalInformationCardModule {
+}
+AdditionalInformationCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AdditionalInformationCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardModule, declarations: [AdditionalInformationCardComponent], imports: [CommonModule,
+        IconModule,
+        H4Module,
+        H5Module,
+        ParagraphModule,
+        IconWrapperModule], exports: [AdditionalInformationCardComponent] });
+AdditionalInformationCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardModule, imports: [[
+            CommonModule,
+            IconModule,
+            H4Module,
+            H5Module,
+            ParagraphModule,
+            IconWrapperModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdditionalInformationCardComponent],
+                    exports: [AdditionalInformationCardComponent],
+                    imports: [
+                        CommonModule,
+                        IconModule,
+                        H4Module,
+                        H5Module,
+                        ParagraphModule,
+                        IconWrapperModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFjN0YsTUFBTSxPQUFPLCtCQUErQjs7NEhBQS9CLCtCQUErQjs2SEFBL0IsK0JBQStCLGlCQVgzQixrQ0FBa0MsYUFHL0MsWUFBWTtRQUNaLFVBQVU7UUFDVixRQUFRO1FBQ1IsUUFBUTtRQUNSLGVBQWU7UUFDZixpQkFBaUIsYUFQVCxrQ0FBa0M7NkhBVWpDLCtCQUErQixZQVRqQztZQUNQLFlBQVk7WUFDWixVQUFVO1lBQ1YsUUFBUTtZQUNSLFFBQVE7WUFDUixlQUFlO1lBQ2YsaUJBQWlCO1NBQ2xCOzJGQUVVLCtCQUErQjtrQkFaM0MsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxrQ0FBa0MsQ0FBQztvQkFDbEQsT0FBTyxFQUFFLENBQUMsa0NBQWtDLENBQUM7b0JBQzdDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsUUFBUTt3QkFDUixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgSDVNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNS9oNS5tb2R1bGUnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNC9oNC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbldyYXBwZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uLXdyYXBwZXIvaWNvbi13cmFwcGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBJY29uTW9kdWxlLFxuICAgIEg0TW9kdWxlLFxuICAgIEg1TW9kdWxlLFxuICAgIFBhcmFncmFwaE1vZHVsZSxcbiAgICBJY29uV3JhcHBlck1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZE1vZHVsZSB7fVxuIl19

package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.component.mjs

@@ -19,7 +19,7 @@ export class DocumentManagementItemComponent {
     }
 }
 DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n  <div class=\"dm-icon-wrap\">\n    <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n  </div>\n  <div class=\"dm-content\">\n    <symphony-h5\n      title=\"{{ documentManagementItemModel.fileName }}\"\n      ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }}&nbsp;</span><span\n        *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n        >[{{ documentManagementItemModel.fileType }}]</span\n      ></symphony-h5\n    >\n    <symphony-paragraph\n      title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n        documentManagementItemModel.uploadedBy\n      }}\"\n      *ngIf=\"documentManagementItemModel.addedDate\"\n      ><span\n        >Added on&nbsp;<span>{{\n          documentManagementItemModel.addedDate\n        }}</span></span\n      >&nbsp;<span\n        ><span\n          *ngIf=\"documentManagementItemModel.uploadedBy\"\n          >by&nbsp;</span\n        >{{ documentManagementItemModel.uploadedBy }}</span\n      >\n    </symphony-paragraph>\n  </div>\n  <div class=\"dm-action\">\n    <symphony-icon-wrapper\n    (click)=\"onPreviewClicked()\"\n    *ngIf=\"documentManagementItemModel.hasPreview\"\n    class=\"sfx-d-inline-block pull-left\"\n    [hasHoverWithoutBorder]=\"true\"\n  >\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n  </symphony-icon-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n      class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n      [model]=\"documentManagementItemModel.moreActions\"\n      (itemClick)=\"onMoreOptionClicked($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]

package/esm2020/projects/component-library/lib/molecules/icon-swatch/icon-swatch.component.mjs

@@ -14,7 +14,7 @@ export class IconSwatchComponent {
     }
 }
 IconSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, 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;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+IconSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconSwatchComponent, selector: "symphony-icon-swatch", inputs: { iconSwatchModel: "iconSwatchModel", isInverse: "isInverse" }, ngImport: i0, 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;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconSwatchComponent, decorators: [{
             type: Component,
             args: [{ 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;vertical-align:top;margin-top:10px;margin-right:10px;text-align:center}.mt-0{margin-top:0}.sfx-icon-description-wrapper{display:inline-block}\n"] }]

package/esm2020/projects/component-library/lib/molecules/labelled-input-toggle/labelled-input-toggle.component.mjs

@@ -12,13 +12,13 @@ export class LabelledInputToggleComponent {
     }
 }
 LabelledInputToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LabelledInputToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LabelledInputToggleComponent, selector: "symphony-labelled-input-toggle", inputs: { model: "model" }, outputs: { toggleCurrentValue: "toggleCurrentValue" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"settingContainer sfx-border-bottom-gray-1\">\n  <div class=\"toggleText\">\n    <div>\n      <p class=\"sfx-font-bold\">{{ model.label }}</p>\n    </div>\n    <div>\n      <p>{{ model.description }}</p>\n    </div>\n  </div>\n  <symphony-input-toggle\n    class=\"toggleControl\"\n    [isToggled]=\"model.isToggled\"\n    (toggleClick)=\"updateToggleValue($event)\"\n  ></symphony-input-toggle>\n</div>\n", styles: [".toggleText{display:Inline-Block}.toggleControl{float:right;margin-top:20px}.settingContainer{margin:10px}\n"], components: [{ type: i1.InputToggleComponent, selector: "symphony-input-toggle", inputs: ["isToggled", "isInverse"], outputs: ["toggleClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LabelledInputToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LabelledInputToggleComponent, selector: "symphony-labelled-input-toggle", inputs: { model: "model" }, outputs: { toggleCurrentValue: "toggleCurrentValue" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"settingContainer sfx-border-bottom-gray-1\">\n  <div class=\"toggleText\">\n    <div>\n      <p class=\"sfx-font-bold\">{{ model.label }}</p>\n    </div>\n    <div>\n      <p>{{ model.description }}</p>\n    </div>\n  </div>\n  <symphony-input-toggle [ngClass]=\"{'hasDescription': model.description?.length > 0 }\"\n    class=\"toggleControl\"\n    [isToggled]=\"model.isToggled\"\n    (toggleClick)=\"updateToggleValue($event)\"\n  ></symphony-input-toggle>\n</div>\n", styles: [".toggleText{display:Inline-Block}.toggleControl{float:right}.settingContainer{margin:10px}.hasDescription{margin-top:20px}\n"], components: [{ type: i1.InputToggleComponent, selector: "symphony-input-toggle", inputs: ["isToggled", "isInverse"], outputs: ["toggleClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LabelledInputToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-labelled-input-toggle', template: "<div *ngIf=\"model\" class=\"settingContainer sfx-border-bottom-gray-1\">\n  <div class=\"toggleText\">\n    <div>\n      <p class=\"sfx-font-bold\">{{ model.label }}</p>\n    </div>\n    <div>\n      <p>{{ model.description }}</p>\n    </div>\n  </div>\n  <symphony-input-toggle\n    class=\"toggleControl\"\n    [isToggled]=\"model.isToggled\"\n    (toggleClick)=\"updateToggleValue($event)\"\n  ></symphony-input-toggle>\n</div>\n", styles: [".toggleText{display:Inline-Block}.toggleControl{float:right;margin-top:20px}.settingContainer{margin:10px}\n"] }]
+            args: [{ selector: 'symphony-labelled-input-toggle', template: "<div *ngIf=\"model\" class=\"settingContainer sfx-border-bottom-gray-1\">\n  <div class=\"toggleText\">\n    <div>\n      <p class=\"sfx-font-bold\">{{ model.label }}</p>\n    </div>\n    <div>\n      <p>{{ model.description }}</p>\n    </div>\n  </div>\n  <symphony-input-toggle [ngClass]=\"{'hasDescription': model.description?.length > 0 }\"\n    class=\"toggleControl\"\n    [isToggled]=\"model.isToggled\"\n    (toggleClick)=\"updateToggleValue($event)\"\n  ></symphony-input-toggle>\n</div>\n", styles: [".toggleText{display:Inline-Block}.toggleControl{float:right}.settingContainer{margin:10px}.hasDescription{margin-top:20px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], toggleCurrentValue: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWxsZWQtaW5wdXQtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS9sYWJlbGxlZC1pbnB1dC10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZFLE1BQU0sT0FBTyw0QkFBNEI7SUFLdkM7UUFGVSx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztJQUU3RCxDQUFDO0lBRWhCLGlCQUFpQixDQUFDLFNBQWtCO1FBQ2xDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUNqQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDOzt5SEFWVSw0QkFBNEI7NkdBQTVCLDRCQUE0Qix5SkNSekMsbWJBZUE7MkZEUGEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLGdDQUFnQzswRUFLakMsS0FBSztzQkFBYixLQUFLO2dCQUVJLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWxhYmVsbGVkLWlucHV0LXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbGxlZC1pbnB1dC10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sYWJlbGxlZC1pbnB1dC10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxsZWRJbnB1dFRvZ2dsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw7XG5cbiAgQE91dHB1dCgpIHRvZ2dsZUN1cnJlbnRWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8TGFiZWxsZWRJbnB1dFRvZ2dsZU1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICB1cGRhdGVUb2dnbGVWYWx1ZShpc1RvZ2dsZWQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLm1vZGVsLmlzVG9nZ2xlZCA9IGlzVG9nZ2xlZDtcbiAgICB0aGlzLnRvZ2dsZUN1cnJlbnRWYWx1ZS5lbWl0KHRoaXMubW9kZWwpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwibW9kZWxcIiBjbGFzcz1cInNldHRpbmdDb250YWluZXIgc2Z4LWJvcmRlci1ib3R0b20tZ3JheS0xXCI+XG4gIDxkaXYgY2xhc3M9XCJ0b2dnbGVUZXh0XCI+XG4gICAgPGRpdj5cbiAgICAgIDxwIGNsYXNzPVwic2Z4LWZvbnQtYm9sZFwiPnt7IG1vZGVsLmxhYmVsIH19PC9wPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8cD57eyBtb2RlbC5kZXNjcmlwdGlvbiB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxzeW1waG9ueS1pbnB1dC10b2dnbGVcbiAgICBjbGFzcz1cInRvZ2dsZUNvbnRyb2xcIlxuICAgIFtpc1RvZ2dsZWRdPVwibW9kZWwuaXNUb2dnbGVkXCJcbiAgICAodG9nZ2xlQ2xpY2spPVwidXBkYXRlVG9nZ2xlVmFsdWUoJGV2ZW50KVwiXG4gID48L3N5bXBob255LWlucHV0LXRvZ2dsZT5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWxsZWQtaW5wdXQtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS9sYWJlbGxlZC1pbnB1dC10b2dnbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZFLE1BQU0sT0FBTyw0QkFBNEI7SUFLdkM7UUFGVSx1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztJQUU3RCxDQUFDO0lBRWhCLGlCQUFpQixDQUFDLFNBQWtCO1FBQ2xDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUNqQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDOzt5SEFWVSw0QkFBNEI7NkdBQTVCLDRCQUE0Qix5SkNSekMsb2ZBZUE7MkZEUGEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLGdDQUFnQzswRUFLakMsS0FBSztzQkFBYixLQUFLO2dCQUVJLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwgfSBmcm9tICcuL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWxhYmVsbGVkLWlucHV0LXRvZ2dsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbGxlZC1pbnB1dC10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sYWJlbGxlZC1pbnB1dC10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxsZWRJbnB1dFRvZ2dsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWw7XG5cbiAgQE91dHB1dCgpIHRvZ2dsZUN1cnJlbnRWYWx1ZSA9IG5ldyBFdmVudEVtaXR0ZXI8TGFiZWxsZWRJbnB1dFRvZ2dsZU1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICB1cGRhdGVUb2dnbGVWYWx1ZShpc1RvZ2dsZWQ6IGJvb2xlYW4pIHtcbiAgICB0aGlzLm1vZGVsLmlzVG9nZ2xlZCA9IGlzVG9nZ2xlZDtcbiAgICB0aGlzLnRvZ2dsZUN1cnJlbnRWYWx1ZS5lbWl0KHRoaXMubW9kZWwpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwibW9kZWxcIiBjbGFzcz1cInNldHRpbmdDb250YWluZXIgc2Z4LWJvcmRlci1ib3R0b20tZ3JheS0xXCI+XG4gIDxkaXYgY2xhc3M9XCJ0b2dnbGVUZXh0XCI+XG4gICAgPGRpdj5cbiAgICAgIDxwIGNsYXNzPVwic2Z4LWZvbnQtYm9sZFwiPnt7IG1vZGVsLmxhYmVsIH19PC9wPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8cD57eyBtb2RlbC5kZXNjcmlwdGlvbiB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxzeW1waG9ueS1pbnB1dC10b2dnbGUgW25nQ2xhc3NdPVwieydoYXNEZXNjcmlwdGlvbic6IG1vZGVsLmRlc2NyaXB0aW9uPy5sZW5ndGggPiAwIH1cIlxuICAgIGNsYXNzPVwidG9nZ2xlQ29udHJvbFwiXG4gICAgW2lzVG9nZ2xlZF09XCJtb2RlbC5pc1RvZ2dsZWRcIlxuICAgICh0b2dnbGVDbGljayk9XCJ1cGRhdGVUb2dnbGVWYWx1ZSgkZXZlbnQpXCJcbiAgPjwvc3ltcGhvbnktaW5wdXQtdG9nZ2xlPlxuPC9kaXY+XG4iXX0=

package/esm2020/projects/component-library/lib/molecules/labelled-input-toggle/labelled-input-toggle.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWxsZWQtaW5wdXQtdG9nZ2xlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwge1xuICBpZDogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBpc1RvZ2dsZWQ6IGJvb2xlYW47XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWxsZWQtaW5wdXQtdG9nZ2xlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvbGFiZWxsZWQtaW5wdXQtdG9nZ2xlL2xhYmVsbGVkLWlucHV0LXRvZ2dsZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBMYWJlbGxlZElucHV0VG9nZ2xlTW9kZWwge1xuICBpZDogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaXNUb2dnbGVkOiBib29sZWFuO1xufVxuIl19

package/esm2020/projects/component-library/lib/organisms/action-bar/action-bar.component.mjs

@@ -15,7 +15,7 @@ export class ActionBarComponent {
     }
 }
 ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled", hasActionToggle: "hasActionToggle", hasSelectionCounter: "hasSelectionCounter", hasSeparator: "hasSeparator", model: "model" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon\n          [icon]=\"'si-arrow-bold-next'\"\n          [size]=\"'13px'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n        >Actions</symphony-paragraph\n      >\n    </div>\n    <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n  <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:2px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.ActionBarSelectionCounterComponent, selector: "symphony-action-bar-selection-counter", inputs: ["model", "hasSeparator"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled", hasActionToggle: "hasActionToggle", hasSelectionCounter: "hasSelectionCounter", hasSeparator: "hasSeparator", model: "model" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon\n          [icon]=\"'si-arrow-bold-next'\"\n          [size]=\"'13px'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n        >Actions</symphony-paragraph\n      >\n    </div>\n    <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n  <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:2px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.ActionBarSelectionCounterComponent, selector: "symphony-action-bar-selection-counter", inputs: ["model", "hasSeparator"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\" *ngIf=\"hasActionToggle\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon\n          [icon]=\"'si-arrow-bold-next'\"\n          [size]=\"'13px'\"\n        ></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-paragraph class=\"sfx-d-inline-block sfx-ml-20\"\n        >Actions</symphony-paragraph\n      >\n    </div>\n    <symphony-action-bar-selection-counter *ngIf=\"hasSelectionCounter\" [hasSeparator]=\"hasSeparator\" [model]=\"model\"></symphony-action-bar-selection-counter>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-p-0\"\n>\n  <div class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-pl-0 sfx-actions-items\">\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:2px solid #000000}.sfx-action-bar .sfx-action-button,.sfx-action-bar .sfx-action-button .max-contentwidth{display:flex;align-items:center}.sfx-action-bar .sfx-action-button .icon-wrapper{padding:10px 0}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600;margin-left:1px}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-action-bar .sfx-action-button .action-arrow-down i{margin-left:0}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]

package/esm2020/projects/component-library/lib/organisms/additional-information-card-list/additional-information-card-list.component.mjs

@@ -0,0 +1,18 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/h4/h4.component";
+import * as i2 from "../../molecules/additional-information-card/additional-information-card.component";
+import * as i3 from "../../atoms/sfx-loader/sfx-loader.component";
+import * as i4 from "@angular/common";
+export class AdditionalInformationCardListComponent {
+    constructor() { }
+}
+AdditionalInformationCardListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AdditionalInformationCardListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdditionalInformationCardListComponent, selector: "symphony-additional-information-card-list", inputs: { model: "model" }, ngImport: i0, template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5 additional-information-list-section\">\n    <div class=\"sfx-mb-20\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n    </div>\n    <ul *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\" class=\"list-unstyled sfx-mb-0\">\n        <li *ngFor=\"let card of model.additionalInformationList\">\n            <symphony-additional-information-card\n                [additionalInformationModel]=\"card\"></symphony-additional-information-card>\n        </li>\n    </ul>\n    <div *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n        class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\">{{ model.message }}</div>\n    <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n        <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n</section>", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.AdditionalInformationCardComponent, selector: "symphony-additional-information-card", inputs: ["additionalInformationModel"] }, { type: i3.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-additional-information-card-list', template: "<section *ngIf=\"model\" class=\"sfx-pb-30 sfx-border-bottom-black-5 additional-information-list-section\">\n    <div class=\"sfx-mb-20\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n    </div>\n    <ul *ngIf=\"!model.isLoading && model.additionalInformationList.length > 0\" class=\"list-unstyled sfx-mb-0\">\n        <li *ngFor=\"let card of model.additionalInformationList\">\n            <symphony-additional-information-card\n                [additionalInformationModel]=\"card\"></symphony-additional-information-card>\n        </li>\n    </ul>\n    <div *ngIf=\"!model.isLoading && model.additionalInformationList.length === 0\"\n        class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\">{{ model.message }}</div>\n    <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\">\n        <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n</section>", styles: [".additional-information-list-section{max-height:320px;overflow-y:auto}li{border-bottom:1px solid #bababa}li:last-child{border-color:transparent}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFqRCxNQUFNLE9BQU8sc0NBQXNDO0lBR2pELGdCQUFlLENBQUM7O21JQUhMLHNDQUFzQzt1SEFBdEMsc0NBQXNDLDZHQ1JuRCx3MkJBZVU7MkZEUEcsc0NBQXNDO2tCQUxsRCxTQUFTOytCQUNFLDJDQUEyQzswRUFLNUMsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZExpc3RNb2RlbCB9IGZyb20gJy4vYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEFkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0TW9kZWw7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPHNlY3Rpb24gKm5nSWY9XCJtb2RlbFwiIGNsYXNzPVwic2Z4LXBiLTMwIHNmeC1ib3JkZXItYm90dG9tLWJsYWNrLTUgYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1saXN0LXNlY3Rpb25cIj5cbiAgICA8ZGl2IGNsYXNzPVwic2Z4LW1iLTIwXCI+XG4gICAgICAgIDxzeW1waG9ueS1oND57eyBtb2RlbC50aXRsZSB9fTwvc3ltcGhvbnktaDQ+XG4gICAgPC9kaXY+XG4gICAgPHVsICpuZ0lmPVwiIW1vZGVsLmlzTG9hZGluZyAmJiBtb2RlbC5hZGRpdGlvbmFsSW5mb3JtYXRpb25MaXN0Lmxlbmd0aCA+IDBcIiBjbGFzcz1cImxpc3QtdW5zdHlsZWQgc2Z4LW1iLTBcIj5cbiAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBjYXJkIG9mIG1vZGVsLmFkZGl0aW9uYWxJbmZvcm1hdGlvbkxpc3RcIj5cbiAgICAgICAgICAgIDxzeW1waG9ueS1hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmRcbiAgICAgICAgICAgICAgICBbYWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWxdPVwiY2FyZFwiPjwvc3ltcGhvbnktYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkPlxuICAgICAgICA8L2xpPlxuICAgIDwvdWw+XG4gICAgPGRpdiAqbmdJZj1cIiFtb2RlbC5pc0xvYWRpbmcgJiYgbW9kZWwuYWRkaXRpb25hbEluZm9ybWF0aW9uTGlzdC5sZW5ndGggPT09IDBcIlxuICAgICAgICBjbGFzcz1cInNmeC1wdC00MCBzZngtcGItNDAgc2Z4LXR4dC1jZW50ZXJcIj57eyBtb2RlbC5tZXNzYWdlIH19PC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIm1vZGVsLmlzTG9hZGluZ1wiIGNsYXNzPVwic2Z4LW10LTgwIHNmeC1tYi00MFwiPlxuICAgICAgICA8c3ltcGhvbnktc2Z4LWxvYWRlcj48L3N5bXBob255LXNmeC1sb2FkZXI+XG4gICAgPC9kaXY+XG48L3NlY3Rpb24+Il19

package/esm2020/projects/component-library/lib/organisms/additional-information-card-list/additional-information-card-list.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWRkaXRpb25hbEluZm9ybWF0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZExpc3RNb2RlbCB7XG4gIGlzTG9hZGluZz86IGJvb2xlYW47XG4gIG1lc3NhZ2U/OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGFkZGl0aW9uYWxJbmZvcm1hdGlvbkxpc3Q6IEFkZGl0aW9uYWxJbmZvcm1hdGlvbk1vZGVsW107XG59XG4iXX0=

package/esm2020/projects/component-library/lib/organisms/additional-information-card-list/additional-information-card-list.module.mjs

@@ -0,0 +1,34 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AdditionalInformationCardModule } from '../../molecules/additional-information-card/additional-information-card.module';
+import { AdditionalInformationCardListComponent } from './additional-information-card-list.component';
+import { H4Module } from '../../atoms/h4/h4.module';
+import { SfxLoaderModule } from '../../atoms/sfx-loader/sfx-loader.module';
+import * as i0 from "@angular/core";
+export class AdditionalInformationCardListModule {
+}
+AdditionalInformationCardListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AdditionalInformationCardListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListModule, declarations: [AdditionalInformationCardListComponent], imports: [CommonModule,
+        AdditionalInformationCardModule,
+        H4Module,
+        SfxLoaderModule], exports: [AdditionalInformationCardListComponent] });
+AdditionalInformationCardListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListModule, imports: [[
+            CommonModule,
+            AdditionalInformationCardModule,
+            H4Module,
+            SfxLoaderModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdditionalInformationCardListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdditionalInformationCardListComponent],
+                    exports: [AdditionalInformationCardListComponent],
+                    imports: [
+                        CommonModule,
+                        AdditionalInformationCardModule,
+                        H4Module,
+                        SfxLoaderModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QvYWRkaXRpb25hbC1pbmZvcm1hdGlvbi1jYXJkLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGdGQUFnRixDQUFDO0FBQ2pJLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7O0FBWTNFLE1BQU0sT0FBTyxtQ0FBbUM7O2dJQUFuQyxtQ0FBbUM7aUlBQW5DLG1DQUFtQyxpQkFUL0Isc0NBQXNDLGFBR25ELFlBQVk7UUFDWiwrQkFBK0I7UUFDL0IsUUFBUTtRQUNSLGVBQWUsYUFMUCxzQ0FBc0M7aUlBUXJDLG1DQUFtQyxZQVByQztZQUNQLFlBQVk7WUFDWiwrQkFBK0I7WUFDL0IsUUFBUTtZQUNSLGVBQWU7U0FDaEI7MkZBRVUsbUNBQW1DO2tCQVYvQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHNDQUFzQyxDQUFDO29CQUN0RCxPQUFPLEVBQUUsQ0FBQyxzQ0FBc0MsQ0FBQztvQkFDakQsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osK0JBQStCO3dCQUMvQixRQUFRO3dCQUNSLGVBQWU7cUJBQ2hCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2FkZGl0aW9uYWwtaW5mb3JtYXRpb24tY2FyZC9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IEFkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9hZGRpdGlvbmFsLWluZm9ybWF0aW9uLWNhcmQtbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNC9oNC5tb2R1bGUnO1xuaW1wb3J0IHsgU2Z4TG9hZGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvc2Z4LWxvYWRlci9zZngtbG9hZGVyLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0FkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0Q29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FkZGl0aW9uYWxJbmZvcm1hdGlvbkNhcmRMaXN0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBZGRpdGlvbmFsSW5mb3JtYXRpb25DYXJkTW9kdWxlLFxuICAgIEg0TW9kdWxlLFxuICAgIFNmeExvYWRlck1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRkaXRpb25hbEluZm9ybWF0aW9uQ2FyZExpc3RNb2R1bGUge31cbiJdfQ==

package/esm2020/projects/component-library/lib/organisms/document-management-list/document-management-list.component.mjs

@@ -23,7 +23,7 @@ export class DocumentManagementListComponent {
     }
 }
 DocumentManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { isLoading: "isLoading", documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n        (previewClicked)=\"onPreviewClick($event, dmItem)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { isLoading: "isLoading", documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n        (previewClicked)=\"onPreviewClick($event, dmItem)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event, dmItem)\"\n        (previewClicked)=\"onPreviewClick($event, dmItem)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap::-webkit-scrollbar{width:12px}.dml-wrap::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.dml-wrap::-webkit-scrollbar-thumb:hover{cursor:pointer}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]

package/esm2020/projects/component-library/lib/organisms/feedback-detail-header/feedback-detail-header.component.mjs

@@ -22,7 +22,7 @@ export class FeedbackDetailHeaderComponent {
     }
 }
 FeedbackDetailHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li *ngFor=\"let data of headerDetails\">{{ data }}</li>\n  </ul>\n</div>\n\n<div *ngIf=\"model.displayResume\" class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: { model: "model" }, outputs: { previewClicked: "previewClicked" }, ngImport: i0, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li *ngFor=\"let data of headerDetails\">{{ data }}</li>\n  </ul>\n</div>\n\n<div *ngIf=\"model.displayResume\" class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-detail-header', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" class=\"sfx-d-inline-block\">\n  <symphony-h3 [text]=\"model.name\"></symphony-h3>\n\n  <ul class=\"candidate-details sfx-mt-10 sfx-mb-20 list-unstyled\">\n    <li *ngFor=\"let data of headerDetails\">{{ data }}</li>\n  </ul>\n</div>\n\n<div *ngIf=\"model.displayResume\" class=\"sfx-d-inline-block align-text-bottom\">\n  <symphony-icon-wrapper (clicked)=\"onClick()\">\n    <symphony-icon [icon]=\"'si-preview'\"></symphony-icon\n  ></symphony-icon-wrapper>\n</div>\n", styles: [".candidate-details{min-width:435px}.candidate-details li{display:inline-block}.candidate-details li:nth-child(2):before,.candidate-details li:nth-child(2):after{content:\"\\a\";width:4px;height:4px;border-radius:50%;background:#000;display:inline-block;margin:2px 6px}.align-text-bottom{vertical-align:text-bottom}.review-button .btn.btn-secondary{min-width:100px;height:40px;padding-left:25px;padding-right:25px}@media (max-width: 320px){.candidate-details li:nth-child(2):after{display:none}}\n"] }]