npm - @symphony-talent/component-library - Versions diffs - 3.65.0 → 3.66.0 - Mend

@symphony-talent/component-library 3.65.0 → 3.66.0

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

Files changed (115) hide show

package/esm2020/lib/pages/setting-list-page/setting-list-page.component.mjs CHANGED Viewed

@@ -21,7 +21,7 @@ export class SettingListPageComponent {
     }
 }
 SettingListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], 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: SettingListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-setting-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"] }]

package/esm2020/projects/component-library/lib/atoms/atoms.module.mjs CHANGED Viewed

@@ -28,6 +28,8 @@ import { TooltipWrapperModule } from './tooltip-wrapper/tooltip-wrapper.module';
 import { InputSearchCheckboxDropdownModule } from './input-search-checkbox-dropdown/input-search-checkbox-dropdown.module';
 import { InputChipsModule } from './input-chips/input-chips.module';
 import { PhaserModule } from './phaser/phaser.module';
+import { FormattedCounterModule } from './formatted-counter/formatted-counter.module';
+import { VerticalSeparatorModule } from './vertical-separator/vertical-separator.module';
 import * as i0 from "@angular/core";
 export class AtomsModule {
 }
@@ -60,7 +62,9 @@ AtomsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         TooltipWrapperModule,
         InputSearchCheckboxDropdownModule,
         InputChipsModule,
-        PhaserModule] });
+        PhaserModule,
+        VerticalSeparatorModule,
+        FormattedCounterModule] });
 AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, imports: [[], ButtonModule,
         ContextualMenuModule,
         AvatarModule,
@@ -89,7 +93,9 @@ AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         TooltipWrapperModule,
         InputSearchCheckboxDropdownModule,
         InputChipsModule,
-        PhaserModule] });
+        PhaserModule,
+        VerticalSeparatorModule,
+        FormattedCounterModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -124,8 +130,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         TooltipWrapperModule,
                         InputSearchCheckboxDropdownModule,
                         InputChipsModule,
-                        PhaserModule
+                        PhaserModule,
+                        VerticalSeparatorModule,
+                        FormattedCounterModule
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9hdG9tcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXRELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDbkcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx1RUFBdUUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUN6RyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sd0VBQXdFLENBQUM7QUFDM0gsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQXFDdEQsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxZQS9CcEIsWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixZQUFZO1FBQ1osVUFBVTtRQUNWLFFBQVE7UUFDUixRQUFRO1FBQ1IsUUFBUTtRQUNSLFFBQVE7UUFDUixRQUFRO1FBQ1IsZUFBZTtRQUNmLFVBQVU7UUFDVixpQkFBaUI7UUFDakIsZ0JBQWdCO1FBQ2hCLHlCQUF5QjtRQUN6QixnQkFBZ0I7UUFDaEIsbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsVUFBVTtRQUNWLDBCQUEwQjtRQUMxQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixpQ0FBaUM7UUFDakMsZ0JBQWdCO1FBQ2hCLFlBQVk7eUdBR0gsV0FBVyxZQWpDYixFQUFFLEVBRVQsWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixZQUFZO1FBQ1osVUFBVTtRQUNWLFFBQVE7UUFDUixRQUFRO1FBQ1IsUUFBUTtRQUNSLFFBQVE7UUFDUixRQUFRO1FBQ1IsZUFBZTtRQUNmLFVBQVU7UUFDVixpQkFBaUI7UUFDakIsZ0JBQWdCO1FBQ2hCLHlCQUF5QjtRQUN6QixnQkFBZ0I7UUFDaEIsbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsVUFBVTtRQUNWLDBCQUEwQjtRQUMxQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixpQ0FBaUM7UUFDakMsZ0JBQWdCO1FBQ2hCLFlBQVk7MkZBR0gsV0FBVztrQkFuQ3ZCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLEVBQUU7b0JBQ2hCLE9BQU8sRUFBRSxFQUFFO29CQUNYLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsWUFBWTt3QkFDWixVQUFVO3dCQUNWLFFBQVE7d0JBQ1IsUUFBUTt3QkFDUixRQUFRO3dCQUNSLFFBQVE7d0JBQ1IsUUFBUTt3QkFDUixlQUFlO3dCQUNmLFVBQVU7d0JBQ1YsaUJBQWlCO3dCQUNqQixnQkFBZ0I7d0JBQ2hCLHlCQUF5Qjt3QkFDekIsZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixVQUFVO3dCQUNWLDBCQUEwQjt3QkFDMUIsb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsaUNBQWlDO3dCQUNqQyxnQkFBZ0I7d0JBQ2hCLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5pbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IENvbG9yU2FtcGxlTW9kdWxlIH0gZnJvbSAnLi9jb2xvci1zYW1wbGUvY29sb3Itc2FtcGxlLm1vZHVsZSc7XG5pbXBvcnQgeyBINU1vZHVsZSB9IGZyb20gJy4vaDUvaDUubW9kdWxlJztcbmltcG9ydCB7IEgyTW9kdWxlIH0gZnJvbSAnLi9oMi9oMi5tb2R1bGUnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuL2gzL2gzLm1vZHVsZSc7XG5pbXBvcnQgeyBINE1vZHVsZSB9IGZyb20gJy4vaDQvaDQubW9kdWxlJztcbmltcG9ydCB7IEgxTW9kdWxlIH0gZnJvbSAnLi9oMS9oMS5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi9wYXJhZ3JhcGgvcGFyYWdyYXBoLm1vZHVsZSc7XG5pbXBvcnQgeyBQaWxsTW9kdWxlIH0gZnJvbSAnLi9waWxsL3BpbGwubW9kdWxlJztcbmltcG9ydCB7IFRhc2tJY29uTW9kdWxlIH0gZnJvbSAnLi90YXNrLWljb24vdGFzay1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEljb25XcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi9pY29uLXdyYXBwZXIvaWNvbi13cmFwcGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBGaWx0ZXJBcmVhTW9kdWxlIH0gZnJvbSAnLi9maWx0ZXItYXJlYS9maWx0ZXItYXJlYS5tb2R1bGUnO1xuaW1wb3J0IHsgVHdvQ29sdW1uRmlsdGVyQXJlYU1vZHVsZSB9IGZyb20gJy4vdHdvLWNvbHVtbi1maWx0ZXItYXJlYS90d28tY29sdW1uLWZpbHRlci1hcmVhLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFJhZGlvTW9kdWxlIH0gZnJvbSAnLi9pbnB1dC1yYWRpby9pbnB1dC1yYWRpby5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXRDaGVja2JveE1vZHVsZSB9IGZyb20gJy4vaW5wdXQtY2hlY2tib3gvaW5wdXQtY2hlY2tib3gubW9kdWxlJztcbmltcG9ydCB7IElucHV0VGV4dE1vZHVsZSB9IGZyb20gJy4vaW5wdXQtdGV4dC9pbnB1dC10ZXh0Lm1vZHVsZSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudU1vZHVsZSB9IGZyb20gJy4vY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXREcm9wZG93bk1vZHVsZSB9IGZyb20gJy4vaW5wdXQtZHJvcGRvd24vaW5wdXQtZHJvcGRvd24ubW9kdWxlJztcbmltcG9ydCB7IEdyaWRNb2R1bGUgfSBmcm9tICcuL2dyaWQvZ3JpZC5tb2R1bGUnO1xuaW1wb3J0IHsgQ29udGFjdEFjdGl2aXR5U2NvcmVNb2R1bGUgfSBmcm9tICcuL2dyaWQvZnJhbWV3b3JrL2NvbnRhY3QtYWN0aXZpdHktc2NvcmUvY29udGFjdC1hY3Rpdml0eS1zY29yZS5tb2R1bGUnO1xuaW1wb3J0IHsgUmVsZXZhbmNlU2NvcmVNb2R1bGUgfSBmcm9tICcuL2dyaWQvZnJhbWV3b3JrL3JlbGV2YW5jZS1zY29yZS9yZWxldmFuY2Utc2NvcmUuY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhMb2FkZXJNb2R1bGUgfSBmcm9tICcuL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5tb2R1bGUnO1xuaW1wb3J0IHsgVG9hc3RlckFsZXJ0TW9kdWxlIH0gZnJvbSAnLi90b2FzdGVyLWFsZXJ0L3RvYXN0ZXItYWxlcnQubW9kdWxlJztcbmltcG9ydCB7IFNmeFBhZ2VMb2FkZXJNb2R1bGUgfSBmcm9tICcuL3NmeC1wYWdlLWxvYWRlci9zZngtcGFnZS1sb2FkZXIubW9kdWxlJztcbmltcG9ydCB7IFNmeFByb2dyZXNzQmFyTW9kdWxlIH0gZnJvbSAnLi9zZngtcHJvZ3Jlc3MtYmFyL3NmeC1wcm9ncmVzcy1iYXIubW9kdWxlJztcbmltcG9ydCB7IFRvb2x0aXBXcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi90b29sdGlwLXdyYXBwZXIvdG9vbHRpcC13cmFwcGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFNlYXJjaENoZWNrYm94RHJvcGRvd25Nb2R1bGUgfSBmcm9tICcuL2lucHV0LXNlYXJjaC1jaGVja2JveC1kcm9wZG93bi9pbnB1dC1zZWFyY2gtY2hlY2tib3gtZHJvcGRvd24ubW9kdWxlJztcbmltcG9ydCB7IElucHV0Q2hpcHNNb2R1bGUgfSBmcm9tICcuL2lucHV0LWNoaXBzL2lucHV0LWNoaXBzLm1vZHVsZSc7XG5pbXBvcnQgeyBQaGFzZXJNb2R1bGUgfSBmcm9tICcuL3BoYXNlci9waGFzZXIubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXSxcbiAgaW1wb3J0czogW10sXG4gIGV4cG9ydHM6IFtcbiAgICBCdXR0b25Nb2R1bGUsXG4gICAgQ29udGV4dHVhbE1lbnVNb2R1bGUsXG4gICAgQXZhdGFyTW9kdWxlLFxuICAgIFBpbGxNb2R1bGUsXG4gICAgSDFNb2R1bGUsXG4gICAgSDJNb2R1bGUsXG4gICAgSDNNb2R1bGUsXG4gICAgSDRNb2R1bGUsXG4gICAgSDVNb2R1bGUsXG4gICAgUGFyYWdyYXBoTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgSWNvbldyYXBwZXJNb2R1bGUsXG4gICAgRmlsdGVyQXJlYU1vZHVsZSxcbiAgICBUd29Db2x1bW5GaWx0ZXJBcmVhTW9kdWxlLFxuICAgIElucHV0UmFkaW9Nb2R1bGUsXG4gICAgSW5wdXRDaGVja2JveE1vZHVsZSxcbiAgICBJbnB1dFRleHRNb2R1bGUsXG4gICAgSW5wdXREcm9wZG93bk1vZHVsZSxcbiAgICBHcmlkTW9kdWxlLFxuICAgIENvbnRhY3RBY3Rpdml0eVNjb3JlTW9kdWxlLFxuICAgIFJlbGV2YW5jZVNjb3JlTW9kdWxlLFxuICAgIFRvYXN0ZXJBbGVydE1vZHVsZSxcbiAgICBTZnhMb2FkZXJNb2R1bGUsXG4gICAgU2Z4UGFnZUxvYWRlck1vZHVsZSxcbiAgICBTZnhQcm9ncmVzc0Jhck1vZHVsZSxcbiAgICBUb29sdGlwV3JhcHBlck1vZHVsZSxcbiAgICBJbnB1dFNlYXJjaENoZWNrYm94RHJvcGRvd25Nb2R1bGUsXG4gICAgSW5wdXRDaGlwc01vZHVsZSxcbiAgICBQaGFzZXJNb2R1bGVcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBdG9tc01vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9hdG9tcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXRELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVoRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDbkcsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx1RUFBdUUsQ0FBQztBQUNuSCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUN6RyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sd0VBQXdFLENBQUM7QUFDM0gsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOztBQXVDekYsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxZQWpDcEIsWUFBWTtRQUNaLG9CQUFvQjtRQUNwQixZQUFZO1FBQ1osVUFBVTtRQUNWLFFBQVE7UUFDUixRQUFRO1FBQ1IsUUFBUTtRQUNSLFFBQVE7UUFDUixRQUFRO1FBQ1IsZUFBZTtRQUNmLFVBQVU7UUFDVixpQkFBaUI7UUFDakIsZ0JBQWdCO1FBQ2hCLHlCQUF5QjtRQUN6QixnQkFBZ0I7UUFDaEIsbUJBQW1CO1FBQ25CLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsVUFBVTtRQUNWLDBCQUEwQjtRQUMxQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixtQkFBbUI7UUFDbkIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixpQ0FBaUM7UUFDakMsZ0JBQWdCO1FBQ2hCLFlBQVk7UUFDWix1QkFBdUI7UUFDdkIsc0JBQXNCO3lHQUdiLFdBQVcsWUFuQ2IsRUFBRSxFQUVULFlBQVk7UUFDWixvQkFBb0I7UUFDcEIsWUFBWTtRQUNaLFVBQVU7UUFDVixRQUFRO1FBQ1IsUUFBUTtRQUNSLFFBQVE7UUFDUixRQUFRO1FBQ1IsUUFBUTtRQUNSLGVBQWU7UUFDZixVQUFVO1FBQ1YsaUJBQWlCO1FBQ2pCLGdCQUFnQjtRQUNoQix5QkFBeUI7UUFDekIsZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLFVBQVU7UUFDViwwQkFBMEI7UUFDMUIsb0JBQW9CO1FBQ3BCLGtCQUFrQjtRQUNsQixlQUFlO1FBQ2YsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsaUNBQWlDO1FBQ2pDLGdCQUFnQjtRQUNoQixZQUFZO1FBQ1osdUJBQXVCO1FBQ3ZCLHNCQUFzQjsyRkFHYixXQUFXO2tCQXJDdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQixZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsUUFBUTt3QkFDUixRQUFRO3dCQUNSLFFBQVE7d0JBQ1IsUUFBUTt3QkFDUixRQUFRO3dCQUNSLGVBQWU7d0JBQ2YsVUFBVTt3QkFDVixpQkFBaUI7d0JBQ2pCLGdCQUFnQjt3QkFDaEIseUJBQXlCO3dCQUN6QixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLFVBQVU7d0JBQ1YsMEJBQTBCO3dCQUMxQixvQkFBb0I7d0JBQ3BCLGtCQUFrQjt3QkFDbEIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixpQ0FBaUM7d0JBQ2pDLGdCQUFnQjt3QkFDaEIsWUFBWTt3QkFDWix1QkFBdUI7d0JBQ3ZCLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi9hdmF0YXIvYXZhdGFyLm1vZHVsZSc7XG5pbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IENvbG9yU2FtcGxlTW9kdWxlIH0gZnJvbSAnLi9jb2xvci1zYW1wbGUvY29sb3Itc2FtcGxlLm1vZHVsZSc7XG5pbXBvcnQgeyBINU1vZHVsZSB9IGZyb20gJy4vaDUvaDUubW9kdWxlJztcbmltcG9ydCB7IEgyTW9kdWxlIH0gZnJvbSAnLi9oMi9oMi5tb2R1bGUnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuL2gzL2gzLm1vZHVsZSc7XG5pbXBvcnQgeyBINE1vZHVsZSB9IGZyb20gJy4vaDQvaDQubW9kdWxlJztcbmltcG9ydCB7IEgxTW9kdWxlIH0gZnJvbSAnLi9oMS9oMS5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi9wYXJhZ3JhcGgvcGFyYWdyYXBoLm1vZHVsZSc7XG5pbXBvcnQgeyBQaWxsTW9kdWxlIH0gZnJvbSAnLi9waWxsL3BpbGwubW9kdWxlJztcbmltcG9ydCB7IFRhc2tJY29uTW9kdWxlIH0gZnJvbSAnLi90YXNrLWljb24vdGFzay1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEljb25XcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi9pY29uLXdyYXBwZXIvaWNvbi13cmFwcGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBGaWx0ZXJBcmVhTW9kdWxlIH0gZnJvbSAnLi9maWx0ZXItYXJlYS9maWx0ZXItYXJlYS5tb2R1bGUnO1xuaW1wb3J0IHsgVHdvQ29sdW1uRmlsdGVyQXJlYU1vZHVsZSB9IGZyb20gJy4vdHdvLWNvbHVtbi1maWx0ZXItYXJlYS90d28tY29sdW1uLWZpbHRlci1hcmVhLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFJhZGlvTW9kdWxlIH0gZnJvbSAnLi9pbnB1dC1yYWRpby9pbnB1dC1yYWRpby5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXRDaGVja2JveE1vZHVsZSB9IGZyb20gJy4vaW5wdXQtY2hlY2tib3gvaW5wdXQtY2hlY2tib3gubW9kdWxlJztcbmltcG9ydCB7IElucHV0VGV4dE1vZHVsZSB9IGZyb20gJy4vaW5wdXQtdGV4dC9pbnB1dC10ZXh0Lm1vZHVsZSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudU1vZHVsZSB9IGZyb20gJy4vY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXREcm9wZG93bk1vZHVsZSB9IGZyb20gJy4vaW5wdXQtZHJvcGRvd24vaW5wdXQtZHJvcGRvd24ubW9kdWxlJztcbmltcG9ydCB7IEdyaWRNb2R1bGUgfSBmcm9tICcuL2dyaWQvZ3JpZC5tb2R1bGUnO1xuaW1wb3J0IHsgQ29udGFjdEFjdGl2aXR5U2NvcmVNb2R1bGUgfSBmcm9tICcuL2dyaWQvZnJhbWV3b3JrL2NvbnRhY3QtYWN0aXZpdHktc2NvcmUvY29udGFjdC1hY3Rpdml0eS1zY29yZS5tb2R1bGUnO1xuaW1wb3J0IHsgUmVsZXZhbmNlU2NvcmVNb2R1bGUgfSBmcm9tICcuL2dyaWQvZnJhbWV3b3JrL3JlbGV2YW5jZS1zY29yZS9yZWxldmFuY2Utc2NvcmUuY29tcG9uZW50Lm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhMb2FkZXJNb2R1bGUgfSBmcm9tICcuL3NmeC1sb2FkZXIvc2Z4LWxvYWRlci5tb2R1bGUnO1xuaW1wb3J0IHsgVG9hc3RlckFsZXJ0TW9kdWxlIH0gZnJvbSAnLi90b2FzdGVyLWFsZXJ0L3RvYXN0ZXItYWxlcnQubW9kdWxlJztcbmltcG9ydCB7IFNmeFBhZ2VMb2FkZXJNb2R1bGUgfSBmcm9tICcuL3NmeC1wYWdlLWxvYWRlci9zZngtcGFnZS1sb2FkZXIubW9kdWxlJztcbmltcG9ydCB7IFNmeFByb2dyZXNzQmFyTW9kdWxlIH0gZnJvbSAnLi9zZngtcHJvZ3Jlc3MtYmFyL3NmeC1wcm9ncmVzcy1iYXIubW9kdWxlJztcbmltcG9ydCB7IFRvb2x0aXBXcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi90b29sdGlwLXdyYXBwZXIvdG9vbHRpcC13cmFwcGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dFNlYXJjaENoZWNrYm94RHJvcGRvd25Nb2R1bGUgfSBmcm9tICcuL2lucHV0LXNlYXJjaC1jaGVja2JveC1kcm9wZG93bi9pbnB1dC1zZWFyY2gtY2hlY2tib3gtZHJvcGRvd24ubW9kdWxlJztcbmltcG9ydCB7IElucHV0Q2hpcHNNb2R1bGUgfSBmcm9tICcuL2lucHV0LWNoaXBzL2lucHV0LWNoaXBzLm1vZHVsZSc7XG5pbXBvcnQgeyBQaGFzZXJNb2R1bGUgfSBmcm9tICcuL3BoYXNlci9waGFzZXIubW9kdWxlJztcbmltcG9ydCB7IEZvcm1hdHRlZENvdW50ZXJNb2R1bGUgfSBmcm9tICcuL2Zvcm1hdHRlZC1jb3VudGVyL2Zvcm1hdHRlZC1jb3VudGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBWZXJ0aWNhbFNlcGFyYXRvck1vZHVsZSB9IGZyb20gJy4vdmVydGljYWwtc2VwYXJhdG9yL3ZlcnRpY2FsLXNlcGFyYXRvci5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtdLFxuICBpbXBvcnRzOiBbXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbk1vZHVsZSxcbiAgICBDb250ZXh0dWFsTWVudU1vZHVsZSxcbiAgICBBdmF0YXJNb2R1bGUsXG4gICAgUGlsbE1vZHVsZSxcbiAgICBIMU1vZHVsZSxcbiAgICBIMk1vZHVsZSxcbiAgICBIM01vZHVsZSxcbiAgICBINE1vZHVsZSxcbiAgICBINU1vZHVsZSxcbiAgICBQYXJhZ3JhcGhNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBJY29uV3JhcHBlck1vZHVsZSxcbiAgICBGaWx0ZXJBcmVhTW9kdWxlLFxuICAgIFR3b0NvbHVtbkZpbHRlckFyZWFNb2R1bGUsXG4gICAgSW5wdXRSYWRpb01vZHVsZSxcbiAgICBJbnB1dENoZWNrYm94TW9kdWxlLFxuICAgIElucHV0VGV4dE1vZHVsZSxcbiAgICBJbnB1dERyb3Bkb3duTW9kdWxlLFxuICAgIEdyaWRNb2R1bGUsXG4gICAgQ29udGFjdEFjdGl2aXR5U2NvcmVNb2R1bGUsXG4gICAgUmVsZXZhbmNlU2NvcmVNb2R1bGUsXG4gICAgVG9hc3RlckFsZXJ0TW9kdWxlLFxuICAgIFNmeExvYWRlck1vZHVsZSxcbiAgICBTZnhQYWdlTG9hZGVyTW9kdWxlLFxuICAgIFNmeFByb2dyZXNzQmFyTW9kdWxlLFxuICAgIFRvb2x0aXBXcmFwcGVyTW9kdWxlLFxuICAgIElucHV0U2VhcmNoQ2hlY2tib3hEcm9wZG93bk1vZHVsZSxcbiAgICBJbnB1dENoaXBzTW9kdWxlLFxuICAgIFBoYXNlck1vZHVsZSxcbiAgICBWZXJ0aWNhbFNlcGFyYXRvck1vZHVsZSxcbiAgICBGb3JtYXR0ZWRDb3VudGVyTW9kdWxlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQXRvbXNNb2R1bGUge31cbiJdfQ==

package/esm2020/projects/component-library/lib/atoms/formatted-counter/formatted-counter.component.mjs ADDED Viewed

@@ -0,0 +1,15 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../paragraph/paragraph.component";
+export class FormattedCounterComponent {
+    constructor() { }
+}
+FormattedCounterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormattedCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormattedCounterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormattedCounterComponent, selector: "symphony-formatted-counter", inputs: { model: "model" }, ngImport: i0, template: "<symphony-paragraph [isFontBold]=true>{{model.count}} {{model.counterLabel}}</symphony-paragraph>", styles: [""], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormattedCounterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-formatted-counter', template: "<symphony-paragraph [isFontBold]=true>{{model.count}} {{model.counterLabel}}</symphony-paragraph>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0dGVkLWNvdW50ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9mb3JtYXR0ZWQtY291bnRlci9mb3JtYXR0ZWQtY291bnRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2Zvcm1hdHRlZC1jb3VudGVyL2Zvcm1hdHRlZC1jb3VudGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRakQsTUFBTSxPQUFPLHlCQUF5QjtJQUdwQyxnQkFBZSxDQUFDOztzSEFITCx5QkFBeUI7MEdBQXpCLHlCQUF5Qiw4RkNSdEMsbUdBQWlHOzJGRFFwRix5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsNEJBQTRCOzBFQUs3QixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRDb3VudGVyTW9kZWwgfSBmcm9tICcuL2Zvcm1hdHRlZC1jb3VudGVyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZm9ybWF0dGVkLWNvdW50ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybWF0dGVkLWNvdW50ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mb3JtYXR0ZWQtY291bnRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtYXR0ZWRDb3VudGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEZvcm1hdHRlZENvdW50ZXJNb2RlbDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8c3ltcGhvbnktcGFyYWdyYXBoIFtpc0ZvbnRCb2xkXT10cnVlPnt7bW9kZWwuY291bnR9fSB7e21vZGVsLmNvdW50ZXJMYWJlbH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+Il19

package/esm2020/projects/component-library/lib/atoms/formatted-counter/formatted-counter.model.mjs ADDED Viewed

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

package/esm2020/projects/component-library/lib/atoms/formatted-counter/formatted-counter.module.mjs ADDED Viewed

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormattedCounterComponent } from './formatted-counter.component';
+import { ParagraphModule } from '../paragraph/paragraph.module';
+import * as i0 from "@angular/core";
+export class FormattedCounterModule {
+}
+FormattedCounterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormattedCounterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormattedCounterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormattedCounterModule, declarations: [FormattedCounterComponent], imports: [CommonModule, ParagraphModule], exports: [FormattedCounterComponent] });
+FormattedCounterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormattedCounterModule, imports: [[CommonModule, ParagraphModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormattedCounterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormattedCounterComponent],
+                    imports: [CommonModule, ParagraphModule],
+                    exports: [FormattedCounterComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0dGVkLWNvdW50ZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9mb3JtYXR0ZWQtY291bnRlci9mb3JtYXR0ZWQtY291bnRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDMUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLCtCQUErQixDQUFDOztBQU9oRSxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO29IQUF0QixzQkFBc0IsaUJBSmxCLHlCQUF5QixhQUM5QixZQUFZLEVBQUUsZUFBZSxhQUM3Qix5QkFBeUI7b0hBRXhCLHNCQUFzQixZQUh4QixDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7MkZBRzdCLHNCQUFzQjtrQkFMbEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDekMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGVBQWUsQ0FBQztvQkFDeEMsT0FBTyxFQUFFLENBQUMseUJBQXlCLENBQUM7aUJBQ3JDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3JtYXR0ZWRDb3VudGVyQ29tcG9uZW50IH0gZnJvbSAnLi9mb3JtYXR0ZWQtY291bnRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtGb3JtYXR0ZWRDb3VudGVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUGFyYWdyYXBoTW9kdWxlXSxcbiAgZXhwb3J0czogW0Zvcm1hdHRlZENvdW50ZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtYXR0ZWRDb3VudGVyTW9kdWxlIHt9XG4iXX0=

package/esm2020/projects/component-library/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.component.mjs CHANGED Viewed

@@ -18,7 +18,7 @@ export class GridCellClickableComponent {
     }
 }
 GridCellClickableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridCellClickableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridCellClickableComponent, selector: "symphony-grid-cell-clickable", ngImport: i0, template: "<symphony-paragraph\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  (click)=\"onCellClick($event)\"\n  [text]=\"value\"\n></symphony-paragraph>\n", styles: [".sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif!important}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], encapsulation: i0.ViewEncapsulation.None });
+GridCellClickableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridCellClickableComponent, selector: "symphony-grid-cell-clickable", ngImport: i0, template: "<symphony-paragraph\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  (click)=\"onCellClick($event)\"\n  [text]=\"value\"\n></symphony-paragraph>\n", styles: [".sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif!important}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-cell-clickable', encapsulation: ViewEncapsulation.None, template: "<symphony-paragraph\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  (click)=\"onCellClick($event)\"\n  [text]=\"value\"\n></symphony-paragraph>\n", styles: [".sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif!important}\n"] }]

package/esm2020/projects/component-library/lib/atoms/input-editable-text/input-editable-text.component.mjs CHANGED Viewed

@@ -49,7 +49,7 @@ export class InputEditableTextComponent {
     }
 }
 InputEditableTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputEditableTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputEditableTextComponent, selector: "symphony-input-editable-text", inputs: { model: "model", type: "type" }, outputs: { confirm: "confirm", validate: "validate", editMode: "editMode" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <div *ngIf=\"!model.isInEditMode\">\n    <div class=\"flex sfx-pt-10\">\n      <div>\n        <symphony-paragraph\n          >{{ model.inputMask\n          }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n        >\n      </div>\n      <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n        <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n      </div>\n      <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n    </div>\n  </div>\n  <div\n    *ngIf=\"model.isInEditMode\"\n    class=\"editMode\"\n    [ngClass]=\"{\n      invalid: model.isInvalid\n    }\"\n  >\n    <span class=\"sfx-pr-10\"\n      ><input\n        type=\"{{ type }}\"\n        *ngIf=\"maxMinPlaceholder\"\n        [placeholder]=\"maxMinPlaceholder\"\n        [(ngModel)]=\"model.value\"\n        [ngClass]=\"{\n          'min-max-placeholder': model.minValue && model.maxValue\n        }\"\n        (keyup)=\"onValidate($event)\"\n      />\n      <input\n        type=\"{{ type }}\"\n        *ngIf=\"!maxMinPlaceholder\"\n        [(ngModel)]=\"model.value\"\n        [ngClass]=\"{\n          'min-max-placeholder': model.minValue && model.maxValue\n        }\"\n        (keyup)=\"onValidate($event)\"\n      />\n    </span>\n    <span class=\"edit-i-postion\"\n      ><symphony-icon\n        [ngClass]=\"{\n          'invalid-confirm': model.isInvalid\n        }\"\n        [icon]=\"'si-confirmation'\"\n        (click)=\"onConfirmClick()\"\n      ></symphony-icon\n    ></span>\n    <span class=\"sfx-ml-10 edit-i-postion\"\n      ><symphony-icon\n        [icon]=\"'si-close-modal'\"\n        (click)=\"onCloseClick()\"\n      ></symphony-icon\n    ></span>\n  </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "number": i3.DecimalPipe }, encapsulation: i0.ViewEncapsulation.None });
+InputEditableTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputEditableTextComponent, selector: "symphony-input-editable-text", inputs: { model: "model", type: "type" }, outputs: { confirm: "confirm", validate: "validate", editMode: "editMode" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <div *ngIf=\"!model.isInEditMode\">\n    <div class=\"flex sfx-pt-10\">\n      <div>\n        <symphony-paragraph\n          >{{ model.inputMask\n          }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n        >\n      </div>\n      <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n        <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n      </div>\n      <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n    </div>\n  </div>\n  <div\n    *ngIf=\"model.isInEditMode\"\n    class=\"editMode\"\n    [ngClass]=\"{\n      invalid: model.isInvalid\n    }\"\n  >\n    <span class=\"sfx-pr-10\"\n      ><input\n        type=\"{{ type }}\"\n        *ngIf=\"maxMinPlaceholder\"\n        [placeholder]=\"maxMinPlaceholder\"\n        [(ngModel)]=\"model.value\"\n        [ngClass]=\"{\n          'min-max-placeholder': model.minValue && model.maxValue\n        }\"\n        (keyup)=\"onValidate($event)\"\n      />\n      <input\n        type=\"{{ type }}\"\n        *ngIf=\"!maxMinPlaceholder\"\n        [(ngModel)]=\"model.value\"\n        [ngClass]=\"{\n          'min-max-placeholder': model.minValue && model.maxValue\n        }\"\n        (keyup)=\"onValidate($event)\"\n      />\n    </span>\n    <span class=\"edit-i-postion\"\n      ><symphony-icon\n        [ngClass]=\"{\n          'invalid-confirm': model.isInvalid\n        }\"\n        [icon]=\"'si-confirmation'\"\n        (click)=\"onConfirmClick()\"\n      ></symphony-icon\n    ></span>\n    <span class=\"sfx-ml-10 edit-i-postion\"\n      ><symphony-icon\n        [icon]=\"'si-close-modal'\"\n        (click)=\"onCloseClick()\"\n      ></symphony-icon\n    ></span>\n  </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "number": i3.DecimalPipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputEditableTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-input-editable-text', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\">\n  <div *ngIf=\"!model.isInEditMode\">\n    <div class=\"flex sfx-pt-10\">\n      <div>\n        <symphony-paragraph\n          >{{ model.inputMask\n          }}{{ model.value | number: \"1.0\":\"en-US\" }}</symphony-paragraph\n        >\n      </div>\n      <div *ngIf=\"model.isEditable\" (click)=\"onEditClick()\" class=\"sfx-pl-10\">\n        <symphony-icon [icon]=\"'si-edit'\" [size]=\"'14px'\"></symphony-icon>\n      </div>\n      <div *ngIf=\"!model.isEditable\" class=\"no-icon-padding\"></div>\n    </div>\n  </div>\n  <div\n    *ngIf=\"model.isInEditMode\"\n    class=\"editMode\"\n    [ngClass]=\"{\n      invalid: model.isInvalid\n    }\"\n  >\n    <span class=\"sfx-pr-10\"\n      ><input\n        type=\"{{ type }}\"\n        *ngIf=\"maxMinPlaceholder\"\n        [placeholder]=\"maxMinPlaceholder\"\n        [(ngModel)]=\"model.value\"\n        [ngClass]=\"{\n          'min-max-placeholder': model.minValue && model.maxValue\n        }\"\n        (keyup)=\"onValidate($event)\"\n      />\n      <input\n        type=\"{{ type }}\"\n        *ngIf=\"!maxMinPlaceholder\"\n        [(ngModel)]=\"model.value\"\n        [ngClass]=\"{\n          'min-max-placeholder': model.minValue && model.maxValue\n        }\"\n        (keyup)=\"onValidate($event)\"\n      />\n    </span>\n    <span class=\"edit-i-postion\"\n      ><symphony-icon\n        [ngClass]=\"{\n          'invalid-confirm': model.isInvalid\n        }\"\n        [icon]=\"'si-confirmation'\"\n        (click)=\"onConfirmClick()\"\n      ></symphony-icon\n    ></span>\n    <span class=\"sfx-ml-10 edit-i-postion\"\n      ><symphony-icon\n        [icon]=\"'si-close-modal'\"\n        (click)=\"onCloseClick()\"\n      ></symphony-icon\n    ></span>\n  </div>\n</div>\n", styles: [".color-sample{float:left;border-radius:50%;height:30px;width:30px;margin-top:10px;margin-right:20px}.background-color-black{background-color:#000}.background-color-grey{background-color:#bababa}.background-color-light-grey-1{background-color:#d0d0d0}.background-color-light-grey-2{background-color:#d9d9d9}.background-color-light-grey-3{background-color:#ebebeb}.background-color-medium-black{background-color:#464646}.background-color-space-grey{background-color:#141414}.background-color-white{background-color:#fff}.background-color-green{background-color:#00d56b}.background-color-ice-blue{background-color:#03bcce}.background-color-lavender{background-color:#af5af9}.background-color-orange{background-color:#ffa700}.background-color-pink{background-color:#ff6cff}.background-color-purple{background-color:#801afc}.background-color-red{background-color:#f0001e}.background-color-skyblue{background-color:#007dbb}.background-color-turquoise{background-color:#00ebb5}.background-color-yellow{background-color:#fde928}.background-color-cyan{background-color:#00ffd8}.background-color-strong-orange{background-color:#ffa700}.background-color-soft-lime-green{background-color:#67f95a}.background-color-bright-violet{background-color:#7428fd}.background-color-lime-green{background-color:#00bb5e}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;padding:0}input{border-width:0px;border:none;width:75px}input:focus{outline:none}.flex{display:flex}.no-icon-padding{padding-right:23px}.editMode{border:1px solid #d9d9d9;padding:7.5px 10px;border-radius:4px}.editMode.invalid{border:1px solid #f0001e}.editMode .edit-i-postion{position:relative;top:2px}.editMode .min-max-placeholder::placeholder{color:#bababa}.invalid-confirm{color:#d0d0d0}.invalid-confirm:hover{cursor:no-drop}.invalid-confirm i{pointer-events:none}\n"] }]

package/esm2020/projects/component-library/lib/atoms/paragraph/paragraph.component.mjs CHANGED Viewed

@@ -5,13 +5,15 @@ export class ParagraphComponent {
     constructor() { }
 }
 ParagraphComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ParagraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ParagraphComponent, selector: "symphony-paragraph", inputs: { text: "text", isSecondary: "isSecondary" }, ngImport: i0, template: "<p\n  [ngClass]=\"{\n    'body-copy-secondary': isSecondary,\n    'body-copy-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</p>\n", styles: [".body-copy-primary,.body-copy-secondary{margin-bottom:0;line-height:20px}.body-copy-secondary{color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ParagraphComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ParagraphComponent, selector: "symphony-paragraph", inputs: { text: "text", isSecondary: "isSecondary", isFontBold: "isFontBold" }, ngImport: i0, template: "<p\n  [ngClass]=\"{\n    'body-copy-secondary': isSecondary,\n    'body-copy-primary': !isSecondary, 'sfx-font-bold': isFontBold\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</p>\n", styles: [".body-copy-primary,.body-copy-secondary{margin-bottom:0;line-height:20px}.body-copy-secondary{color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ParagraphComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-paragraph', template: "<p\n  [ngClass]=\"{\n    'body-copy-secondary': isSecondary,\n    'body-copy-primary': !isSecondary\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</p>\n", styles: [".body-copy-primary,.body-copy-secondary{margin-bottom:0;line-height:20px}.body-copy-secondary{color:#fff}\n"] }]
+            args: [{ selector: 'symphony-paragraph', template: "<p\n  [ngClass]=\"{\n    'body-copy-secondary': isSecondary,\n    'body-copy-primary': !isSecondary, 'sfx-font-bold': isFontBold\n  }\"\n>\n  {{ text }}\n  <ng-content></ng-content>\n</p>\n", styles: [".body-copy-primary,.body-copy-secondary{margin-bottom:0;line-height:20px}.body-copy-secondary{color:#fff}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { text: [{
                 type: Input
             }], isSecondary: [{
                 type: Input
+            }], isFontBold: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3BhcmFncmFwaC9wYXJhZ3JhcGguY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sa0JBQWtCO0lBSTdCLGdCQUFlLENBQUM7OytHQUpMLGtCQUFrQjttR0FBbEIsa0JBQWtCLGdIQ1AvQixrS0FTQTsyRkRGYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0Usb0JBQW9COzBFQUtyQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktcGFyYWdyYXBoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhcmFncmFwaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhcmFncmFwaC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYXJhZ3JhcGhDb21wb25lbnQge1xuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzU2Vjb25kYXJ5OiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxwXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnYm9keS1jb3B5LXNlY29uZGFyeSc6IGlzU2Vjb25kYXJ5LFxuICAgICdib2R5LWNvcHktcHJpbWFyeSc6ICFpc1NlY29uZGFyeVxuICB9XCJcbj5cbiAge3sgdGV4dCB9fVxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L3A+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3BhcmFncmFwaC9wYXJhZ3JhcGguY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sa0JBQWtCO0lBSzdCLGdCQUFlLENBQUM7OytHQUxMLGtCQUFrQjttR0FBbEIsa0JBQWtCLDBJQ1AvQiwrTEFTQTsyRkRGYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0Usb0JBQW9COzBFQUtyQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1wYXJhZ3JhcGgnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFyYWdyYXBoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFyYWdyYXBoLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBhcmFncmFwaENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgaXNTZWNvbmRhcnk6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzRm9udEJvbGQ/OiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxwXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnYm9keS1jb3B5LXNlY29uZGFyeSc6IGlzU2Vjb25kYXJ5LFxuICAgICdib2R5LWNvcHktcHJpbWFyeSc6ICFpc1NlY29uZGFyeSwgJ3NmeC1mb250LWJvbGQnOiBpc0ZvbnRCb2xkXG4gIH1cIlxuPlxuICB7eyB0ZXh0IH19XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvcD5cbiJdfQ==

package/esm2020/projects/component-library/lib/atoms/sfx-loader/sfx-loader.component.mjs CHANGED Viewed

@@ -8,7 +8,7 @@ export class SfxLoaderComponent {
     }
 }
 SfxLoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SfxLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: { leftStyle: "leftStyle", message: "message" }, ngImport: i0, template: "<div class=\"col-md-12 sfx-loader\" [style.left.%]=\"leftStyle\"></div>\n<symphony-paragraph *ngIf=\"message?.length > 0\" class=\"text-center\">\n  {{ message }}\n</symphony-paragraph>\n", styles: [".sfx-loader{z-index:10000;float:none;padding-top:5px;padding-bottom:5px;height:70px;width:50px;position:relative;padding-inline:0;transform:translate(-50%);display:inline-block;vertical-align:top}.sfx-loader:before{content:\" \";border:5px solid #000000;border-radius:50%;border-top:5px solid #ffffff;width:50px;height:50px;animation:sfxspin .5s linear infinite;position:absolute}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SfxLoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: { leftStyle: "leftStyle", message: "message" }, ngImport: i0, template: "<div class=\"col-md-12 sfx-loader\" [style.left.%]=\"leftStyle\"></div>\n<symphony-paragraph *ngIf=\"message?.length > 0\" class=\"text-center\">\n  {{ message }}\n</symphony-paragraph>\n", styles: [".sfx-loader{z-index:10000;float:none;padding-top:5px;padding-bottom:5px;height:70px;width:50px;position:relative;padding-inline:0;transform:translate(-50%);display:inline-block;vertical-align:top}.sfx-loader:before{content:\" \";border:5px solid #000000;border-radius:50%;border-top:5px solid #ffffff;width:50px;height:50px;animation:sfxspin .5s linear infinite;position:absolute}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SfxLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-sfx-loader', template: "<div class=\"col-md-12 sfx-loader\" [style.left.%]=\"leftStyle\"></div>\n<symphony-paragraph *ngIf=\"message?.length > 0\" class=\"text-center\">\n  {{ message }}\n</symphony-paragraph>\n", styles: [".sfx-loader{z-index:10000;float:none;padding-top:5px;padding-bottom:5px;height:70px;width:50px;position:relative;padding-inline:0;transform:translate(-50%);display:inline-block;vertical-align:top}.sfx-loader:before{content:\" \";border:5px solid #000000;border-radius:50%;border-top:5px solid #ffffff;width:50px;height:50px;animation:sfxspin .5s linear infinite;position:absolute}\n"] }]

package/esm2020/projects/component-library/lib/atoms/vertical-separator/vertical-separator.component.mjs ADDED Viewed

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class VerticalSeparatorComponent {
+    constructor() { }
+}
+VerticalSeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: VerticalSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VerticalSeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: VerticalSeparatorComponent, selector: "symphony-vertical-separator", ngImport: i0, template: "<div class=\"sfx-d-flex sfx-v-seperator\"></div>", styles: [".sfx-v-seperator{margin-inline:20px}.sfx-v-seperator:before{content:\"\";width:1px;height:30px;background:#d1d1d1}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: VerticalSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-vertical-separator', template: "<div class=\"sfx-d-flex sfx-v-seperator\"></div>", styles: [".sfx-v-seperator{margin-inline:20px}.sfx-v-seperator:before{content:\"\";width:1px;height:30px;background:#d1d1d1}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc2VwYXJhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvdmVydGljYWwtc2VwYXJhdG9yL3ZlcnRpY2FsLXNlcGFyYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL3ZlcnRpY2FsLXNlcGFyYXRvci92ZXJ0aWNhbC1zZXBhcmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLDBCQUEwQjtJQUNyQyxnQkFBZSxDQUFDOzt1SEFETCwwQkFBMEI7MkdBQTFCLDBCQUEwQixtRUNQdkMsa0RBQThDOzJGRE9qQywwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXZlcnRpY2FsLXNlcGFyYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi92ZXJ0aWNhbC1zZXBhcmF0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi92ZXJ0aWNhbC1zZXBhcmF0b3IuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVmVydGljYWxTZXBhcmF0b3JDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWQtZmxleCBzZngtdi1zZXBlcmF0b3JcIj48L2Rpdj4iXX0=

package/esm2020/projects/component-library/lib/atoms/vertical-separator/vertical-separator.module.mjs ADDED Viewed

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { VerticalSeparatorComponent } from './vertical-separator.component';
+import * as i0 from "@angular/core";
+export class VerticalSeparatorModule {
+}
+VerticalSeparatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: VerticalSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+VerticalSeparatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: VerticalSeparatorModule, declarations: [VerticalSeparatorComponent], imports: [CommonModule], exports: [VerticalSeparatorComponent] });
+VerticalSeparatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: VerticalSeparatorModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: VerticalSeparatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [VerticalSeparatorComponent],
+                    imports: [CommonModule],
+                    exports: [VerticalSeparatorComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVydGljYWwtc2VwYXJhdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXRvbXMvdmVydGljYWwtc2VwYXJhdG9yL3ZlcnRpY2FsLXNlcGFyYXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBTzVFLE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7cUhBQXZCLHVCQUF1QixpQkFKbkIsMEJBQTBCLGFBQy9CLFlBQVksYUFDWiwwQkFBMEI7cUhBRXpCLHVCQUF1QixZQUh6QixDQUFDLFlBQVksQ0FBQzsyRkFHWix1QkFBdUI7a0JBTG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7b0JBQzFDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsMEJBQTBCLENBQUM7aUJBQ3RDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBWZXJ0aWNhbFNlcGFyYXRvckNvbXBvbmVudCB9IGZyb20gJy4vdmVydGljYWwtc2VwYXJhdG9yLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1ZlcnRpY2FsU2VwYXJhdG9yQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtWZXJ0aWNhbFNlcGFyYXRvckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFZlcnRpY2FsU2VwYXJhdG9yTW9kdWxlIHt9XG4iXX0=

package/esm2020/projects/component-library/lib/design-guide/typography/typography.component.mjs CHANGED Viewed

@@ -19,7 +19,7 @@ export class TypographyComponent {
     }
 }
 TypographyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TypographyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TypographyComponent, selector: "symphony-typography", inputs: { title: "title", typographyModel: "typographyModel" }, ngImport: i0, template: "<div class=\"sfx-typography\">\n  <ul class=\"typography-list list-unstyled\">\n    <li class=\"typography-list-item\">\n      <symphony-h1\n        [text]=\"typographyModel.h1Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h1>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h2\n        [text]=\"typographyModel.h2Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h2>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h3\n        [text]=\"typographyModel.h3Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h3>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h4\n        [text]=\"typographyModel.h4Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h4>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h5\n        [text]=\"typographyModel.h5Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h5>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-paragraph\n        [text]=\"typographyModel.paragraphText\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</div>\n", styles: [".typography-list-item{padding:10px 0;border-bottom:1px solid #bababa}\n"], components: [{ type: i1.H1Component, selector: "symphony-h1", inputs: ["text", "isSecondary"] }, { type: i2.H2Component, selector: "symphony-h2", inputs: ["text", "isSecondary"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i5.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }] });
+TypographyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: TypographyComponent, selector: "symphony-typography", inputs: { title: "title", typographyModel: "typographyModel" }, ngImport: i0, template: "<div class=\"sfx-typography\">\n  <ul class=\"typography-list list-unstyled\">\n    <li class=\"typography-list-item\">\n      <symphony-h1\n        [text]=\"typographyModel.h1Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h1>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h2\n        [text]=\"typographyModel.h2Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h2>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h3\n        [text]=\"typographyModel.h3Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h3>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h4\n        [text]=\"typographyModel.h4Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h4>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h5\n        [text]=\"typographyModel.h5Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h5>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-paragraph\n        [text]=\"typographyModel.paragraphText\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</div>\n", styles: [".typography-list-item{padding:10px 0;border-bottom:1px solid #bababa}\n"], components: [{ type: i1.H1Component, selector: "symphony-h1", inputs: ["text", "isSecondary"] }, { type: i2.H2Component, selector: "symphony-h2", inputs: ["text", "isSecondary"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i5.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: TypographyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-typography', template: "<div class=\"sfx-typography\">\n  <ul class=\"typography-list list-unstyled\">\n    <li class=\"typography-list-item\">\n      <symphony-h1\n        [text]=\"typographyModel.h1Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h1>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h2\n        [text]=\"typographyModel.h2Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h2>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h3\n        [text]=\"typographyModel.h3Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h3>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h4\n        [text]=\"typographyModel.h4Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h4>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-h5\n        [text]=\"typographyModel.h5Text\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-h5>\n    </li>\n    <li class=\"typography-list-item\">\n      <symphony-paragraph\n        [text]=\"typographyModel.paragraphText\"\n        [isSecondary]=\"typographyModel.isSecondary\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</div>\n", styles: [".typography-list-item{padding:10px 0;border-bottom:1px solid #bababa}\n"] }]

package/esm2020/projects/component-library/lib/molecules/action-bar-selection-counter/action-bar-selection-counter.component.mjs ADDED Viewed

@@ -0,0 +1,19 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/vertical-separator/vertical-separator.component";
+import * as i2 from "../../atoms/formatted-counter/formatted-counter.component";
+import * as i3 from "@angular/common";
+export class ActionBarSelectionCounterComponent {
+    constructor() { }
+}
+ActionBarSelectionCounterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarSelectionCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionBarSelectionCounterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarSelectionCounterComponent, selector: "symphony-action-bar-selection-counter", inputs: { model: "model", hasSeparator: "hasSeparator" }, ngImport: i0, template: "<div class=\"sfx-d-flex align-center\">\n    <symphony-vertical-separator *ngIf=\"hasSeparator\"></symphony-vertical-separator>\n    <symphony-formatted-counter [model]=\"model\"></symphony-formatted-counter>\n</div>", styles: [".align-center{align-items:center;min-height:30px}\n"], components: [{ type: i1.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i2.FormattedCounterComponent, selector: "symphony-formatted-counter", inputs: ["model"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarSelectionCounterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-action-bar-selection-counter', template: "<div class=\"sfx-d-flex align-center\">\n    <symphony-vertical-separator *ngIf=\"hasSeparator\"></symphony-vertical-separator>\n    <symphony-formatted-counter [model]=\"model\"></symphony-formatted-counter>\n</div>", styles: [".align-center{align-items:center;min-height:30px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], hasSeparator: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci1zZWxlY3Rpb24tY291bnRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyL2FjdGlvbi1iYXItc2VsZWN0aW9uLWNvdW50ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYWN0aW9uLWJhci1zZWxlY3Rpb24tY291bnRlci9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF6RCxNQUFNLE9BQU8sa0NBQWtDO0lBSTdDLGdCQUFlLENBQUM7OytIQUpMLGtDQUFrQzttSEFBbEMsa0NBQWtDLHVJQ1IvQywwTkFHTTsyRkRLTyxrQ0FBa0M7a0JBTDlDLFNBQVM7K0JBQ0UsdUNBQXVDOzBFQUt4QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybWF0dGVkQ291bnRlck1vZGVsIH0gZnJvbSAnLi4vLi4vYXRvbXMvZm9ybWF0dGVkLWNvdW50ZXIvZm9ybWF0dGVkLWNvdW50ZXIubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1iYXItc2VsZWN0aW9uLWNvdW50ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbkJhclNlbGVjdGlvbkNvdW50ZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogRm9ybWF0dGVkQ291bnRlck1vZGVsO1xuICBASW5wdXQoKSBoYXNTZXBhcmF0b3I6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeC1kLWZsZXggYWxpZ24tY2VudGVyXCI+XG4gICAgPHN5bXBob255LXZlcnRpY2FsLXNlcGFyYXRvciAqbmdJZj1cImhhc1NlcGFyYXRvclwiPjwvc3ltcGhvbnktdmVydGljYWwtc2VwYXJhdG9yPlxuICAgIDxzeW1waG9ueS1mb3JtYXR0ZWQtY291bnRlciBbbW9kZWxdPVwibW9kZWxcIj48L3N5bXBob255LWZvcm1hdHRlZC1jb3VudGVyPlxuPC9kaXY+Il19

package/esm2020/projects/component-library/lib/molecules/action-bar-selection-counter/action-bar-selection-counter.module.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ActionBarSelectionCounterComponent } from './action-bar-selection-counter.component';
+import { FormattedCounterModule } from '../../atoms/formatted-counter/formatted-counter.module';
+import { VerticalSeparatorModule } from '../../atoms/vertical-separator/vertical-separator.module';
+import * as i0 from "@angular/core";
+export class ActionBarSelectionCounterModule {
+}
+ActionBarSelectionCounterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarSelectionCounterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ActionBarSelectionCounterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarSelectionCounterModule, declarations: [ActionBarSelectionCounterComponent], imports: [CommonModule, FormattedCounterModule, VerticalSeparatorModule], exports: [ActionBarSelectionCounterComponent] });
+ActionBarSelectionCounterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarSelectionCounterModule, imports: [[CommonModule, FormattedCounterModule, VerticalSeparatorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarSelectionCounterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ActionBarSelectionCounterComponent],
+                    imports: [CommonModule, FormattedCounterModule, VerticalSeparatorModule],
+                    exports: [ActionBarSelectionCounterComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci1zZWxlY3Rpb24tY291bnRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyL2FjdGlvbi1iYXItc2VsZWN0aW9uLWNvdW50ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQ2hHLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOztBQU9uRyxNQUFNLE9BQU8sK0JBQStCOzs0SEFBL0IsK0JBQStCOzZIQUEvQiwrQkFBK0IsaUJBSjNCLGtDQUFrQyxhQUN2QyxZQUFZLEVBQUUsc0JBQXNCLEVBQUUsdUJBQXVCLGFBQzdELGtDQUFrQzs2SEFFakMsK0JBQStCLFlBSGpDLENBQUMsWUFBWSxFQUFFLHNCQUFzQixFQUFFLHVCQUF1QixDQUFDOzJGQUc3RCwrQkFBK0I7a0JBTDNDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsa0NBQWtDLENBQUM7b0JBQ2xELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxzQkFBc0IsRUFBRSx1QkFBdUIsQ0FBQztvQkFDeEUsT0FBTyxFQUFFLENBQUMsa0NBQWtDLENBQUM7aUJBQzlDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBY3Rpb25CYXJTZWxlY3Rpb25Db3VudGVyQ29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24tYmFyLXNlbGVjdGlvbi1jb3VudGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRDb3VudGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvZm9ybWF0dGVkLWNvdW50ZXIvZm9ybWF0dGVkLWNvdW50ZXIubW9kdWxlJztcbmltcG9ydCB7IFZlcnRpY2FsU2VwYXJhdG9yTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvdmVydGljYWwtc2VwYXJhdG9yL3ZlcnRpY2FsLXNlcGFyYXRvci5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBY3Rpb25CYXJTZWxlY3Rpb25Db3VudGVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybWF0dGVkQ291bnRlck1vZHVsZSwgVmVydGljYWxTZXBhcmF0b3JNb2R1bGVdLFxuICBleHBvcnRzOiBbQWN0aW9uQmFyU2VsZWN0aW9uQ291bnRlckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFjdGlvbkJhclNlbGVjdGlvbkNvdW50ZXJNb2R1bGUge31cbiJdfQ==

package/esm2020/projects/component-library/lib/molecules/advertise-order-review/advertise-order-review.component.mjs CHANGED Viewed

@@ -6,7 +6,7 @@ export class AdvertiseOrderReviewComponent {
     constructor() { }
 }
 AdvertiseOrderReviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertiseOrderReviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review", ngImport: i0, template: "<section class=\"advertise-review-wrap\">\n  <div class=\"sfx-mb-20\">\n    <symphony-h4>Please review your order for accuracy</symphony-h4>\n  </div>\n  <symphony-paragraph>Once you click <span class=\"sfx-font-bold\">Buy</span>, SmashFlyX will process the postings to the selected boards.</symphony-paragraph>\n</section>\n", styles: [""], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }] });
+AdvertiseOrderReviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseOrderReviewComponent, selector: "symphony-advertise-order-review", ngImport: i0, template: "<section class=\"advertise-review-wrap\">\n  <div class=\"sfx-mb-20\">\n    <symphony-h4>Please review your order for accuracy</symphony-h4>\n  </div>\n  <symphony-paragraph>Once you click <span class=\"sfx-font-bold\">Buy</span>, SmashFlyX will process the postings to the selected boards.</symphony-paragraph>\n</section>\n", styles: [""], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseOrderReviewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertise-order-review', template: "<section class=\"advertise-review-wrap\">\n  <div class=\"sfx-mb-20\">\n    <symphony-h4>Please review your order for accuracy</symphony-h4>\n  </div>\n  <symphony-paragraph>Once you click <span class=\"sfx-font-bold\">Buy</span>, SmashFlyX will process the postings to the selected boards.</symphony-paragraph>\n</section>\n", styles: [""] }]

package/esm2020/projects/component-library/lib/molecules/card/card.component.mjs CHANGED Viewed

@@ -16,7 +16,7 @@ export class CardComponent {
     }
 }
 CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n  <div class=\"card-item\" (click)=\"onClick()\">\n    <div class=\"card-title-wrap sfx-d-flex\">\n      <div class=\"card-icon\">\n        <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n      </div>\n      <div class=\"card-title\">\n        <symphony-h4>{{ cardModel.title }}</symphony-h4>\n      </div>\n    </div>\n    <div class=\"card-description\">\n      <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:0;padding-bottom:50%}.card-item{position:absolute;width:100%;height:100%;box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }] });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n  <div class=\"card-item\" (click)=\"onClick()\">\n    <div class=\"card-title-wrap sfx-d-flex\">\n      <div class=\"card-icon\">\n        <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n      </div>\n      <div class=\"card-title\">\n        <symphony-h4>{{ cardModel.title }}</symphony-h4>\n      </div>\n    </div>\n    <div class=\"card-description\">\n      <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:0;padding-bottom:50%}.card-item{position:absolute;width:100%;height:100%;box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n  <div class=\"card-item\" (click)=\"onClick()\">\n    <div class=\"card-title-wrap sfx-d-flex\">\n      <div class=\"card-icon\">\n        <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n      </div>\n      <div class=\"card-title\">\n        <symphony-h4>{{ cardModel.title }}</symphony-h4>\n      </div>\n    </div>\n    <div class=\"card-description\">\n      <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:0;padding-bottom:50%}.card-item{position:absolute;width:100%;height:100%;box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer}.card-item:hover{background-color:#000}.card-item:hover *{color:#fff}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"] }]

package/esm2020/projects/component-library/lib/molecules/color-swatch/color-swatch.component.mjs CHANGED Viewed

@@ -19,7 +19,7 @@ export class ColorSwatchComponent {
     }
 }
 ColorSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColorSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColorSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColorSwatchComponent, selector: "symphony-ui-color-explorer", inputs: { colorSwatchModel: "colorSwatchModel" }, ngImport: i0, template: "<div class=\"sfx-ui-color-explorer\">\n  <symphony-color-sample\n    [color]=\"colorSwatchModel.color\"\n  ></symphony-color-sample>\n  <symphony-h3\n    [text]=\"colorSwatchModel.colorName\"\n  ></symphony-h3>\n  <symphony-paragraph [text]=\"description\"></symphony-paragraph>\n</div>\n", styles: [""], components: [{ type: i1.ColorSampleComponent, selector: "symphony-color-sample", inputs: ["color"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }] });
+ColorSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ColorSwatchComponent, selector: "symphony-ui-color-explorer", inputs: { colorSwatchModel: "colorSwatchModel" }, ngImport: i0, template: "<div class=\"sfx-ui-color-explorer\">\n  <symphony-color-sample\n    [color]=\"colorSwatchModel.color\"\n  ></symphony-color-sample>\n  <symphony-h3\n    [text]=\"colorSwatchModel.colorName\"\n  ></symphony-h3>\n  <symphony-paragraph [text]=\"description\"></symphony-paragraph>\n</div>\n", styles: [""], components: [{ type: i1.ColorSampleComponent, selector: "symphony-color-sample", inputs: ["color"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ColorSwatchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-ui-color-explorer', template: "<div class=\"sfx-ui-color-explorer\">\n  <symphony-color-sample\n    [color]=\"colorSwatchModel.color\"\n  ></symphony-color-sample>\n  <symphony-h3\n    [text]=\"colorSwatchModel.colorName\"\n  ></symphony-h3>\n  <symphony-paragraph [text]=\"description\"></symphony-paragraph>\n</div>\n", styles: [""] }]

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

@@ -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"] }, { 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: ["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/feedback-candidate-certifications/feedback-candidate-certifications.component.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ export class FeedbackCandidateCertificationsComponent {
     constructor() { }
 }
 FeedbackCandidateCertificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackCandidateCertificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: { certificationHistories: "certificationHistories" }, ngImport: i0, template: "<section *ngIf=\"certificationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n    <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"certifications.name\"\n      ></symphony-h3>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ certifications.startYear }} -\n        {{ certifications.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"certifications.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]=\"certifications.description\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+FeedbackCandidateCertificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: { certificationHistories: "certificationHistories" }, ngImport: i0, template: "<section *ngIf=\"certificationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n    <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"certifications.name\"\n      ></symphony-h3>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ certifications.startYear }} -\n        {{ certifications.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"certifications.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]=\"certifications.description\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateCertificationsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-candidate-certifications', template: "<section *ngIf=\"certificationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 sfx-mb-0 border-bottom\">\n    <li *ngFor=\"let certifications of certificationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"certifications.name\"\n      ></symphony-h3>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ certifications.startYear }} -\n        {{ certifications.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"certifications.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph\n        [text]=\"certifications.description\"\n      ></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]

package/esm2020/projects/component-library/lib/molecules/feedback-candidate-education/feedback-candidate-education.component.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ export class FeedbackCandidateEducationComponent {
     constructor() { }
 }
 FeedbackCandidateEducationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackCandidateEducationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: { educationHistories: "educationHistories" }, ngImport: i0, template: "<section *ngIf=\"educationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"education.collegeName\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"education.courseName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"education.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+FeedbackCandidateEducationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: { educationHistories: "educationHistories" }, ngImport: i0, template: "<section *ngIf=\"educationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"education.collegeName\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"education.courseName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"education.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateEducationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-candidate-education', template: "<section *ngIf=\"educationHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let education of educationHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"education.collegeName\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"education.courseName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ education.startYear }} - {{ education.endYear }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"education.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"education.status\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]

package/esm2020/projects/component-library/lib/molecules/feedback-candidate-workhistory/feedback-candidate-workhistory.component.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ export class FeedbackCandidateWorkHistoryComponent {
     constructor() { }
 }
 FeedbackCandidateWorkHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCandidateWorkHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackCandidateWorkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: { workHistories: "workHistories" }, ngImport: i0, template: "<section *ngIf=\"workHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"history.jobTitle\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"history.companyName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"history.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackCandidateWorkHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: { workHistories: "workHistories" }, ngImport: i0, template: "<section *ngIf=\"workHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"history.jobTitle\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"history.companyName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"history.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.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: FeedbackCandidateWorkHistoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-candidate-workhistory', encapsulation: ViewEncapsulation.None, template: "<section *ngIf=\"workHistories\">\n  <ul class=\"list-unstyled sfx-mt-40 border-bottom sfx-mb-0\">\n    <li *ngFor=\"let history of workHistories\" class=\"sfx-mb-40\">\n      <symphony-h3\n        class=\"sfx-d-block sfx-mb-10\"\n        [text]=\"history.jobTitle\"\n      ></symphony-h3>\n      <symphony-paragraph\n        class=\"sfx-font-bold sfx-d-block sfx-mb-5\"\n        [text]=\"history.companyName\"\n      ></symphony-paragraph>\n      <symphony-paragraph class=\"sfx-d-block sfx-mb-5\"\n        >{{ history.startDate }} - {{ history.endDate }}</symphony-paragraph\n      >\n      <symphony-paragraph\n        class=\"sfx-d-block sfx-mb-5\"\n        [text]=\"history.location\"\n      ></symphony-paragraph>\n      <symphony-paragraph [text]=\"history.description\"></symphony-paragraph>\n    </li>\n  </ul>\n</section>\n", styles: [".sfx .sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif}.border-bottom{border-bottom:1px solid #d9d9d9}@media (max-width: 767px){.list-unstyled.sfx-mt-40{margin-top:35px}}\n"] }]

package/esm2020/projects/component-library/lib/molecules/feedback-card/feedback-card.component.mjs CHANGED Viewed

@@ -15,7 +15,7 @@ export class FeedbackCardComponent {
     }
 }
 FeedbackCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n  <div class=\"card-item sfx-d-flex\">\n    <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon\n          *ngIf=\"model.showEditIcon\"\n          class=\"feedback-edit\"\n          [icon]=\"'si-edit'\"\n          [size]=\"'15.5px'\"\n        ></symphony-icon>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n      <ng-container *ngSwitchCase=\"'Yes'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-green\"\n          [icon]=\"'si-feedback-yes'\"\n        ></symphony-icon>\n        <symphony-paragraph>Yes</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'No'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-red\"\n          [icon]=\"'si-feedback-no'\"\n        ></symphony-icon>\n        <symphony-paragraph>No</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'NotNow'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-orange\"\n          [icon]=\"'si-feedback-maybe'\"\n        ></symphony-icon>\n        <symphony-paragraph>Not Now</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-paragraph class=\"sfx-bold\"\n          >Provide Feedback</symphony-paragraph\n        >\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackCardComponent, selector: "symphony-feedback-card", inputs: { model: "model" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n  <div class=\"card-item sfx-d-flex\">\n    <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon\n          *ngIf=\"model.showEditIcon\"\n          class=\"feedback-edit\"\n          [icon]=\"'si-edit'\"\n          [size]=\"'15.5px'\"\n        ></symphony-icon>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n      <ng-container *ngSwitchCase=\"'Yes'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-green\"\n          [icon]=\"'si-feedback-yes'\"\n        ></symphony-icon>\n        <symphony-paragraph>Yes</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'No'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-red\"\n          [icon]=\"'si-feedback-no'\"\n        ></symphony-icon>\n        <symphony-paragraph>No</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'NotNow'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-orange\"\n          [icon]=\"'si-feedback-maybe'\"\n        ></symphony-icon>\n        <symphony-paragraph>Not Now</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-paragraph class=\"sfx-bold\"\n          >Provide Feedback</symphony-paragraph\n        >\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { 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"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-card', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"model\" (click)=\"onCardClick($event)\" class=\"card-item-wrapper\">\n  <div class=\"card-item sfx-d-flex\">\n    <div class=\"card-title-wrap sfx-d-flex sfx-pb-15 sfx-mb-15\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon\n          *ngIf=\"model.showEditIcon\"\n          class=\"feedback-edit\"\n          [icon]=\"'si-edit'\"\n          [size]=\"'15.5px'\"\n        ></symphony-icon>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\n      <ng-container *ngSwitchCase=\"'Yes'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-green\"\n          [icon]=\"'si-feedback-yes'\"\n        ></symphony-icon>\n        <symphony-paragraph>Yes</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'No'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-red\"\n          [icon]=\"'si-feedback-no'\"\n        ></symphony-icon>\n        <symphony-paragraph>No</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'NotNow'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-orange\"\n          [icon]=\"'si-feedback-maybe'\"\n        ></symphony-icon>\n        <symphony-paragraph>Not Now</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-paragraph class=\"sfx-bold\"\n          >Provide Feedback</symphony-paragraph\n        >\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%}.card-item{box-shadow:0 2px 10px #0003;border-radius:10px;padding:20px;transition:.2s;cursor:pointer;min-height:218px;flex-direction:column}.card-title-wrap{border-bottom:1px solid #d9d9d9}.card-title-wrap .card-title h4{font-size:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"] }]