@symphony-talent/component-library 3.92.0 → 3.93.0

package/esm2020/lib/molecules/breadcrumb/breadcrumb.component.mjs

@@ -10,10 +10,10 @@ export class BreadcrumbComponent {
     }
 }
 BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></span\n    >\n    <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n    <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper,.breadcrumb-item{font-family:runda,sans-serif!important;display:flex;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-link a,.breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-link:last-child,.breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper symphony-icon,.breadcrumb-item symphony-icon{padding:0 6px;margin-top:1px;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></span\n    >\n    <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n    <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item symphony-icon{padding:0 6px;margin-top:1px;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></span\n    >\n    <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n    <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper,.breadcrumb-item{font-family:runda,sans-serif!important;display:flex;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-link a,.breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-link:last-child,.breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper symphony-icon,.breadcrumb-item symphony-icon{padding:0 6px;margin-top:1px;color:#82919f!important;font-size:13px!important}\n"] }]
+            args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></span\n    >\n    <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n    <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item symphony-icon{padding:0 6px;margin-top:1px;color:#82919f!important;font-size:13px!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs: [{
                 type: Input
             }] } });

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

@@ -15,10 +15,10 @@ export class FeedbackListPageComponent {
     }
 }
 FeedbackListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListPageComponent, selector: "symphony-feedback-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-feedback-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n  <symphony-feedback-card-list\n    *ngIf=\"!model.isLoading\"\n    feedback-card-list\n    [feedbackCardList]=\"model.feedbackCardList\"\n    (cardClick)=\"onCardClick($event)\"\n  ></symphony-feedback-card-list>\n\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n  </div>\n  <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n  </div>\n</symphony-feedback-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"], components: [{ type: i1.FeedbackListTemplateComponent, selector: "symphony-feedback-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.FeedbackCardListComponent, selector: "symphony-feedback-card-list", inputs: ["feedbackCardList"], outputs: ["cardClick"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i5.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListPageComponent, selector: "symphony-feedback-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-feedback-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n  <symphony-feedback-card-list\n    *ngIf=\"!model.isLoading\"\n    feedback-card-list\n    [feedbackCardList]=\"model.feedbackCardList\"\n    (cardClick)=\"onCardClick($event)\"\n  ></symphony-feedback-card-list>\n\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n  </div>\n  <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n  </div>\n</symphony-feedback-list-template>\n", styles: [".card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"], components: [{ type: i1.FeedbackListTemplateComponent, selector: "symphony-feedback-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.FeedbackCardListComponent, selector: "symphony-feedback-card-list", inputs: ["feedbackCardList"], outputs: ["cardClick"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i5.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], 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: FeedbackListPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-feedback-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n  <symphony-feedback-card-list\n    *ngIf=\"!model.isLoading\"\n    feedback-card-list\n    [feedbackCardList]=\"model.feedbackCardList\"\n    (cardClick)=\"onCardClick($event)\"\n  ></symphony-feedback-card-list>\n\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n  </div>\n  <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n  </div>\n</symphony-feedback-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"] }]
+            args: [{ selector: 'symphony-feedback-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-feedback-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n  <symphony-feedback-card-list\n    *ngIf=\"!model.isLoading\"\n    feedback-card-list\n    [feedbackCardList]=\"model.feedbackCardList\"\n    (cardClick)=\"onCardClick($event)\"\n  ></symphony-feedback-card-list>\n\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n  </div>\n  <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n  </div>\n</symphony-feedback-list-template>\n", styles: [".card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], cardClicked: [{

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

@@ -21,10 +21,10 @@ 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", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], 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: [".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", "size"], 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"] }]
+            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: [".card-list{padding:5px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], cardClicked: [{

package/esm2020/lib/templates/admin-list/admin-list.component.mjs

@@ -4,9 +4,9 @@ export class AdminListTemplateComponent {
     constructor() { }
 }
 AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n  <!---->\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:2px solid #000}\n"] });
+AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n  <!---->\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-title-wrap{display:inline-block;width:100%;border-bottom:2px solid #000}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n  <!---->\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:2px solid #000}\n"] }]
+            args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n  <!---->\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-title-wrap{display:inline-block;width:100%;border-bottom:2px solid #000}\n"] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW4tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9hZG1pbi1saXN0L2FkbWluLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvYWRtaW4tbGlzdC9hZG1pbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTywwQkFBMEI7SUFDckMsZ0JBQWUsQ0FBQzs7dUhBREwsMEJBQTBCOzJHQUExQiwwQkFBMEIsb0VDUHZDLHM0Q0F3Q0E7MkZEakNhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSw4QkFBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRtaW4tbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZG1pbi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWRtaW4tbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBZG1pbkxpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZnhcIj5cbiAgPCEtLS0tPlxuICA8c2VjdGlvbj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlticmVhZGNydW1iXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gICAgPGRpdiBjbGFzcz1cInNmeC1wYWdlLXRpdGxlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbG1kLTkgY29sLWxnLTkgc2Z4LXBsLTBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWNyZWF0ZS1uZXdcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LXBhZ2UtYWN0aW9uXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTJcIj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWZpbHRlci1hcmVhXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cInNmeC10aXRsZS13cmFwXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMiBzZngtbWItMzAgc2Z4LXAtMFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTUgY29sLWxnLTUgc2Z4LXBsLTAgc2Z4LW10LTEwXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWNyZWF0ZS1uZXdcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1ncmlkLWFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJzZngtZ3JpZC13cmFwIGdyaWQtd2l0aC1kcm9wZG93blwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19

package/esm2020/lib/templates/advertised-job-postings-list/advertised-job-postings-list.component.mjs

@@ -4,9 +4,9 @@ export class AdvertisedJobPostingsListTemplateComponent {
     constructor() { }
 }
 AdvertisedJobPostingsListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertisedJobPostingsListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template", ngImport: i0, template: "<div class=\"sfx\">\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-9\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mt-5 sfx-mb-5\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
+AdvertisedJobPostingsListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template", ngImport: i0, template: "<div class=\"sfx\">\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-9\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mt-5 sfx-mb-5\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-advertised-job-postings-list-template', template: "<div class=\"sfx\">\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-9\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mt-5 sfx-mb-5\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
+            args: [{ selector: 'symphony-advertised-job-postings-list-template', template: "<div class=\"sfx\">\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-9\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mt-5 sfx-mb-5\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWR2ZXJ0aXNlZC1qb2ItcG9zdGluZ3MtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9hZHZlcnRpc2VkLWpvYi1wb3N0aW5ncy1saXN0L2FkdmVydGlzZWQtam9iLXBvc3RpbmdzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvYWR2ZXJ0aXNlZC1qb2ItcG9zdGluZ3MtbGlzdC9hZHZlcnRpc2VkLWpvYi1wb3N0aW5ncy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTywwQ0FBMEM7SUFDckQsZ0JBQWUsQ0FBQzs7dUlBREwsMENBQTBDOzJIQUExQywwQ0FBMEMsc0ZDUHZELGt5QkF3QkE7MkZEakJhLDBDQUEwQztrQkFMdEQsU0FBUzsrQkFDRSxnREFBZ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWR2ZXJ0aXNlZC1qb2ItcG9zdGluZ3MtbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZHZlcnRpc2VkLWpvYi1wb3N0aW5ncy1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWR2ZXJ0aXNlZC1qb2ItcG9zdGluZ3MtbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFkdmVydGlzZWRKb2JQb3N0aW5nc0xpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZnhcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctOVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZmlsdGVyLWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwic2Z4LXRpdGxlLXdyYXBcIj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyIHNmeC1tdC01IHNmeC1tYi01XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZC1hY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJzZngtZ3JpZC13cmFwIGdyaWQtd2l0aC1kcm9wZG93blwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19

package/esm2020/lib/templates/contact-list/contact-list-template.component.mjs

@@ -4,9 +4,9 @@ export class ContactListTemplateComponent {
     constructor() { }
 }
 ContactListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title sfx-mb-25\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\">\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [""] });
+ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section\n  class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\"\n>\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [".sfx-page-title{margin-block:1.5625rem}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-contact-list-template', template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title sfx-mb-25\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\">\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [""] }]
+            args: [{ selector: 'symphony-contact-list-template', template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section\n  class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\"\n>\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [".sfx-page-title{margin-block:1.5625rem}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL2NvbnRhY3QtbGlzdC9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvY29udGFjdC1saXN0L2NvbnRhY3QtbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxxNUJBeUJBOzJGRGxCYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNvbnRhY3QtbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdExpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZSBzZngtbWItMjVcIj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2xtZC05IGNvbC1sZy05IHNmeC1wbC0wXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJwdWxsLXJpZ2h0IHNmeC1jcmVhdGUtbmV3XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtcGFnZS1hY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyIHNmeC1tYi00MFwiPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1maWx0ZXItYXJlYV1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24+XG4gIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LXAtMFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJzZngtZ3JpZC13cmFwIGdyaWQtd2l0aC1kcm9wZG93biBzZngtZC1pbmxpbmUtYmxvY2sgc2Z4LXdpZC0xMDBcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1ncmlkXVwiPjwvbmctY29udGVudD5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL2NvbnRhY3QtbGlzdC9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvY29udGFjdC1saXN0L2NvbnRhY3QtbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxnNUJBMkJBOzJGRHBCYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNvbnRhY3QtbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdExpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbG1kLTkgY29sLWxnLTkgc2Z4LXBsLTBcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWNyZWF0ZS1uZXdcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1wYWdlLWFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LW1iLTQwXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWZpbHRlci1hcmVhXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48c2VjdGlvbj5cbiAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMiBzZngtcC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1hY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48c2VjdGlvblxuICBjbGFzcz1cInNmeC1ncmlkLXdyYXAgZ3JpZC13aXRoLWRyb3Bkb3duIHNmeC1kLWlubGluZS1ibG9jayBzZngtd2lkLTEwMFwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZF1cIj48L25nLWNvbnRlbnQ+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2020/lib/templates/feeback-list-template/feedback-list-template.component.mjs

@@ -4,9 +4,9 @@ export class FeedbackListTemplateComponent {
     constructor() { }
 }
 FeedbackListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n\n    <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n      <ng-content select=\"[button-primary]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[feedback-card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{margin-top:1.25rem;margin-bottom:1.875rem}\n"] });
+FeedbackListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n\n    <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n      <ng-content select=\"[button-primary]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[feedback-card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-list-template', template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n\n    <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n      <ng-content select=\"[button-primary]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[feedback-card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{margin-top:1.25rem;margin-bottom:1.875rem}\n"] }]
+            args: [{ selector: 'symphony-feedback-list-template', template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n\n    <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n      <ng-content select=\"[button-primary]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[feedback-card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9mZWViYWNrLWxpc3QtdGVtcGxhdGUvZmVlZGJhY2stbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9mZWViYWNrLWxpc3QtdGVtcGxhdGUvZmVlZGJhY2stbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNkJBQTZCO0lBQ3hDLGdCQUFlLENBQUM7OzBIQURMLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHVFQ1AxQyw4bEJBbUJBOzJGRFphLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSxpQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVlZGJhY2stbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrTGlzdFRlbXBsYXRlQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tOSBjb2wtbWQtOSBjb2wtbGctOVwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhZ2UtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMyBjb2wtbWQtMyBjb2wtbGctM1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2J1dHRvbi1wcmltYXJ5XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48ZGl2IGNsYXNzPVwic2Z4LWJvcmRlci1ib3R0b20tYmxhY2stNVwiPjwvZGl2PlxuPHNlY3Rpb24gY2xhc3M9XCJzZngtcHQtNDBcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmZWVkYmFjay1jYXJkLWxpc3RdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2020/lib/templates/setting-list-template/setting-list-template.component.mjs

@@ -4,9 +4,9 @@ export class SettingListTemplateComponent {
     constructor() { }
 }
 SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[breadcrumb]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
+SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[breadcrumb]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-setting-list-template', template: "<section>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[breadcrumb]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
+            args: [{ selector: 'symphony-setting-list-template', template: "<section>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[breadcrumb]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL3NldHRpbmctbGlzdC10ZW1wbGF0ZS9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZy1saXN0LXRlbXBsYXRlL3NldHRpbmctbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxpakNBa0NBOzJGRDNCYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNldHRpbmctbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ0xpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JyZWFkY3J1bWJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uIGNsYXNzPVwic2Z4LXBhZ2UtdGl0bGVcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC02IGNvbC1sZy02XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGFnZS10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPGRpdiBjbGFzcz1cInNmeC1ib3JkZXItYm90dG9tLWJsYWNrLTVcIj48L2Rpdj5cbjxzZWN0aW9uXG4gIGNsYXNzPVwic2V0dGluZy1saXN0LWhlYWRlciBzZngtcHQtMzAgc2Z4LXBiLTMwIHNmeC1ib3JkZXItYm90dG9tLWdyYXktMSBzZngtbWItNDBcIlxuPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTkgY29sLWxnLTkgc2Z4LXB0LTE1XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbTGlzdC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTMgY29sLWxnLTNcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmaWx0ZXItaW5wdXRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uIGNsYXNzPVwic2V0dGluZy1saXN0LXdyYXBcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWxpc3RdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2020/projects/component-library/lib/molecules/breadcrumb/breadcrumb.component.mjs

@@ -10,10 +10,10 @@ export class BreadcrumbComponent {
     }
 }
 BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></span\n    >\n    <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n    <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper,.breadcrumb-item{font-family:runda,sans-serif!important;display:flex;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-link a,.breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-link:last-child,.breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper symphony-icon,.breadcrumb-item symphony-icon{padding:0 6px;margin-top:1px;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: { breadcrumbs: "breadcrumbs" }, ngImport: i0, template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></span\n    >\n    <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n    <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item symphony-icon{padding:0 6px;margin-top:1px;color:#82919f!important;font-size:13px!important}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></span\n    >\n    <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n    <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper,.breadcrumb-item{font-family:runda,sans-serif!important;display:flex;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-link a,.breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-link:last-child,.breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper symphony-icon,.breadcrumb-item symphony-icon{padding:0 6px;margin-top:1px;color:#82919f!important;font-size:13px!important}\n"] }]
+            args: [{ selector: 'symphony-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-breadcrumb-wrapper\">\n  <span\n    class=\"breadcrumb-item\"\n    *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n  >\n    <span class=\"breadcrumb-link\" *ngIf=\"!last\"\n      ><a\n        class=\"sfx-cursor-pointer sfx-txt-black\"\n        href=\"{{ breadcrumb.link }}\"\n        >{{ breadcrumb.label }}</a\n      ></span\n    >\n    <span class=\"breadcrumb-link\" *ngIf=\"last\">{{ breadcrumb.label }} </span>\n\n    <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n  </span>\n</div>\n", styles: [".sfx-p-0{padding:0}.sfx-p-5{padding:.3rem}.sfx-p-10{padding:.625rem}.sfx-p-15{padding:.9375rem}.sfx-p-20{padding:1.25rem}.sfx-p-30{padding:1.875rem}.sfx-pt-0{padding-top:0}.sfx-pt-5{padding-top:.3rem}.sfx-pt-10{padding-top:.625rem}.sfx-pt-15{padding-top:.9375rem}.sfx-pt-20{padding-top:1.25rem}.sfx-pt-25{padding-top:1.5625rem}.sfx-pt-30{padding-top:1.875rem}.sfx-pt-35{padding-top:2.1875rem}.sfx-pt-40{padding-top:2.5rem}.sfx-pt-50{padding-top:3.125rem}.sfx-pb-0{padding-bottom:0}.sfx-pb-5{padding-bottom:.3rem}.sfx-pb-10{padding-bottom:.625rem}.sfx-pb-15{padding-bottom:.9375rem}.sfx-pb-20{padding-bottom:1.25rem}.sfx-pb-25{padding-bottom:1.5625rem}.sfx-pb-30{padding-bottom:1.875rem}.sfx-pb-35{padding-bottom:2.1875rem}.sfx-pb-40{padding-bottom:2.5rem}.sfx-pb-50{padding-bottom:3.125rem}.sfx-pl-0{padding-left:0}.sfx-pl-5{padding-left:.3rem}.sfx-pl-10{padding-left:.625rem}.sfx-pl-15{padding-left:.9375rem}.sfx-pl-20{padding-left:1.25rem}.sfx-pl-25{padding-left:1.5625rem}.sfx-pl-30{padding-left:1.875rem}.sfx-pr-0{padding-right:0}.sfx-pr-5{padding-right:.3rem}.sfx-pr-10{padding-right:.625rem}.sfx-pr-15{padding-right:.9375rem}.sfx-pr-20{padding-right:1.25rem}.sfx-pr-25{padding-right:1.5625rem}.sfx-pr-30{padding-right:1.875rem}.sfx-py-15{padding-left:.9375rem;padding-right:.9375rem}.sfx-py-30{padding-left:1.875rem;padding-right:1.875rem}.sfx-px-0{padding-top:0;padding-bottom:0}.sfx-px-15{padding-top:.9375rem;padding-bottom:.9375rem}.sfx-px-20{padding-top:1.25rem;padding-bottom:1.25rem}.sfx-px-30{padding-top:1.875rem;padding-bottom:1.875rem}.sfx-m-0{margin:0}.sfx-m-5{margin:.3rem}.sfx-m-10{margin:.625rem}.sfx-m-15{margin:.9375rem}.sfx-m-20{margin:1.25rem}.sfx-m-auto{margin:0 auto}.sfx-mt-0{margin-top:0}.sfx-mt-5{margin-top:.3rem}.sfx-mt-10{margin-top:.625rem}.sfx-mt-15{margin-top:.9375rem}.sfx-mt-20{margin-top:1.25rem}.sfx-mt-25{margin-top:1.5625rem}.sfx-mt-30{margin-top:1.875rem}.sfx-mt-40{margin-top:2.5rem}.sfx-mt-80{margin-top:5rem}.sfx-mb-0{margin-bottom:0}.sfx-mb-5{margin-bottom:.3rem}.sfx-mb-10{margin-bottom:.625rem}.sfx-mb-15{margin-bottom:.9375rem}.sfx-mb-20{margin-bottom:1.25rem}.sfx-mb-25{margin-bottom:1.5625rem}.sfx-mb-30{margin-bottom:1.875rem}.sfx-mb-40{margin-bottom:2.5rem}.sfx-ml-0{margin-left:0}.sfx-ml-5{margin-left:.3rem}.sfx-ml-10{margin-left:.625rem}.sfx-ml-15{margin-left:.9375rem}.sfx-ml-20{margin-left:1.25rem}.sfx-ml-auto{margin-left:auto}.sfx-mr-0{margin-right:0}.sfx-mr-5{margin-right:.3rem}.sfx-mr-10{margin-right:.625rem}.sfx-mr-15{margin-right:.9375rem}.sfx-mr-20{margin-right:1.25rem}.sfx-mr-25{margin-right:1.5625rem}.sfx-mr-30{margin-right:1.875rem}.sfx-mr-40{margin-right:2.5rem}.sfx-breadcrumb-wrapper{padding-top:1.25rem}.sfx-breadcrumb-wrapper .breadcrumb-item{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link a{font-family:runda,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:12px!important;line-height:16px!important;color:#82919f!important}.sfx-breadcrumb-wrapper .breadcrumb-item .breadcrumb-link:last-child{color:#000!important}.sfx-breadcrumb-wrapper .breadcrumb-item symphony-icon{padding:0 6px;margin-top:1px;color:#82919f!important;font-size:13px!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs: [{
                 type: Input
             }] } });

package/esm2020/projects/component-library/lib/pages/feedback-list-page/feedback-list-page.component.mjs

@@ -15,10 +15,10 @@ export class FeedbackListPageComponent {
     }
 }
 FeedbackListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListPageComponent, selector: "symphony-feedback-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-feedback-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n  <symphony-feedback-card-list\n    *ngIf=\"!model.isLoading\"\n    feedback-card-list\n    [feedbackCardList]=\"model.feedbackCardList\"\n    (cardClick)=\"onCardClick($event)\"\n  ></symphony-feedback-card-list>\n\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n  </div>\n  <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n  </div>\n</symphony-feedback-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"], components: [{ type: i1.FeedbackListTemplateComponent, selector: "symphony-feedback-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.FeedbackCardListComponent, selector: "symphony-feedback-card-list", inputs: ["feedbackCardList"], outputs: ["cardClick"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i5.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListPageComponent, selector: "symphony-feedback-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-feedback-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n  <symphony-feedback-card-list\n    *ngIf=\"!model.isLoading\"\n    feedback-card-list\n    [feedbackCardList]=\"model.feedbackCardList\"\n    (cardClick)=\"onCardClick($event)\"\n  ></symphony-feedback-card-list>\n\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n  </div>\n  <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n  </div>\n</symphony-feedback-list-template>\n", styles: [".card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"], components: [{ type: i1.FeedbackListTemplateComponent, selector: "symphony-feedback-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.FeedbackCardListComponent, selector: "symphony-feedback-card-list", inputs: ["feedbackCardList"], outputs: ["cardClick"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i5.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], 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: FeedbackListPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-feedback-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n  <symphony-feedback-card-list\n    *ngIf=\"!model.isLoading\"\n    feedback-card-list\n    [feedbackCardList]=\"model.feedbackCardList\"\n    (cardClick)=\"onCardClick($event)\"\n  ></symphony-feedback-card-list>\n\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n  </div>\n  <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n  </div>\n</symphony-feedback-list-template>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"] }]
+            args: [{ selector: 'symphony-feedback-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-feedback-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>Feedback Request</symphony-h3>\n\n  <symphony-feedback-card-list\n    *ngIf=\"!model.isLoading\"\n    feedback-card-list\n    [feedbackCardList]=\"model.feedbackCardList\"\n    (cardClick)=\"onCardClick($event)\"\n  ></symphony-feedback-card-list>\n\n  <div *ngIf=\"model.isLoading\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-sfx-loader [message]=\"model.message\"></symphony-sfx-loader>\n  </div>\n  <div *ngIf=\"model.errorMessage\" class=\"sfx-mt-80 sfx-mb-40\" feedback-card-list>\n    <symphony-paragraph class=\"text-center\">{{model.errorMessage}}</symphony-paragraph>\n  </div>\n</symphony-feedback-list-template>\n", styles: [".card-list{padding:5px}.sfx .sfx-page-title .h3-primary{margin-top:30px}@media (max-width: 767px){.pull-right{float:none!important}.pull-right .btn{margin-top:20px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], cardClicked: [{

package/esm2020/projects/component-library/lib/pages/setting-list-page/setting-list-page.component.mjs

@@ -21,10 +21,10 @@ 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", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], 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: [".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", "size"], 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"] }]
+            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: [".card-list{padding:5px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], cardClicked: [{

package/esm2020/projects/component-library/lib/templates/admin-list/admin-list.component.mjs

@@ -4,9 +4,9 @@ export class AdminListTemplateComponent {
     constructor() { }
 }
 AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n  <!---->\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:2px solid #000}\n"] });
+AdminListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdminListTemplateComponent, selector: "symphony-admin-list-template", ngImport: i0, template: "<div class=\"sfx\">\n  <!---->\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-title-wrap{display:inline-block;width:100%;border-bottom:2px solid #000}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n  <!---->\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:2px solid #000}\n"] }]
+            args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n  <!---->\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-title-wrap{display:inline-block;width:100%;border-bottom:2px solid #000}\n"] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRtaW4tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9hZG1pbi1saXN0L2FkbWluLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvYWRtaW4tbGlzdC9hZG1pbi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTywwQkFBMEI7SUFDckMsZ0JBQWUsQ0FBQzs7dUhBREwsMEJBQTBCOzJHQUExQiwwQkFBMEIsb0VDUHZDLHM0Q0F3Q0E7MkZEakNhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSw4QkFBOEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWRtaW4tbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZG1pbi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWRtaW4tbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBZG1pbkxpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZnhcIj5cbiAgPCEtLS0tPlxuICA8c2VjdGlvbj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlticmVhZGNydW1iXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gICAgPGRpdiBjbGFzcz1cInNmeC1wYWdlLXRpdGxlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbG1kLTkgY29sLWxnLTkgc2Z4LXBsLTBcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWNyZWF0ZS1uZXdcIj5cbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LXBhZ2UtYWN0aW9uXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTJcIj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWZpbHRlci1hcmVhXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cInNmeC10aXRsZS13cmFwXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMiBzZngtbWItMzAgc2Z4LXAtMFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTUgY29sLWxnLTUgc2Z4LXBsLTAgc2Z4LW10LTEwXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWNyZWF0ZS1uZXdcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1ncmlkLWFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJzZngtZ3JpZC13cmFwIGdyaWQtd2l0aC1kcm9wZG93blwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19

package/esm2020/projects/component-library/lib/templates/advertised-job-postings-list/advertised-job-postings-list.component.mjs

@@ -4,9 +4,9 @@ export class AdvertisedJobPostingsListTemplateComponent {
     constructor() { }
 }
 AdvertisedJobPostingsListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertisedJobPostingsListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template", ngImport: i0, template: "<div class=\"sfx\">\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-9\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mt-5 sfx-mb-5\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
+AdvertisedJobPostingsListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template", ngImport: i0, template: "<div class=\"sfx\">\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-9\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mt-5 sfx-mb-5\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-advertised-job-postings-list-template', template: "<div class=\"sfx\">\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-9\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mt-5 sfx-mb-5\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
+            args: [{ selector: 'symphony-advertised-job-postings-list-template', template: "<div class=\"sfx\">\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-9\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"row\">\n      <ng-content select=\"[sfx-filter-area]\"></ng-content>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mt-5 sfx-mb-5\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap grid-with-dropdown\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWR2ZXJ0aXNlZC1qb2ItcG9zdGluZ3MtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9hZHZlcnRpc2VkLWpvYi1wb3N0aW5ncy1saXN0L2FkdmVydGlzZWQtam9iLXBvc3RpbmdzLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvYWR2ZXJ0aXNlZC1qb2ItcG9zdGluZ3MtbGlzdC9hZHZlcnRpc2VkLWpvYi1wb3N0aW5ncy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTywwQ0FBMEM7SUFDckQsZ0JBQWUsQ0FBQzs7dUlBREwsMENBQTBDOzJIQUExQywwQ0FBMEMsc0ZDUHZELGt5QkF3QkE7MkZEakJhLDBDQUEwQztrQkFMdEQsU0FBUzsrQkFDRSxnREFBZ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWR2ZXJ0aXNlZC1qb2ItcG9zdGluZ3MtbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZHZlcnRpc2VkLWpvYi1wb3N0aW5ncy1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWR2ZXJ0aXNlZC1qb2ItcG9zdGluZ3MtbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFkdmVydGlzZWRKb2JQb3N0aW5nc0xpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZnhcIj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctOVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9zZWN0aW9uPlxuICA8c2VjdGlvbiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZmlsdGVyLWFyZWFdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uIGNsYXNzPVwic2Z4LXRpdGxlLXdyYXBcIj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyIHNmeC1tdC01IHNmeC1tYi01XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZC1hY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbiAgPHNlY3Rpb24gY2xhc3M9XCJzZngtZ3JpZC13cmFwIGdyaWQtd2l0aC1kcm9wZG93blwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvc2VjdGlvbj5cbjwvZGl2PlxuIl19

package/esm2020/projects/component-library/lib/templates/contact-list/contact-list-template.component.mjs

@@ -4,9 +4,9 @@ export class ContactListTemplateComponent {
     constructor() { }
 }
 ContactListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title sfx-mb-25\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\">\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [""] });
+ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section\n  class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\"\n>\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [".sfx-page-title{margin-block:1.5625rem}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-contact-list-template', template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title sfx-mb-25\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\">\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [""] }]
+            args: [{ selector: 'symphony-contact-list-template', template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section\n  class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\"\n>\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [".sfx-page-title{margin-block:1.5625rem}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL2NvbnRhY3QtbGlzdC9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvY29udGFjdC1saXN0L2NvbnRhY3QtbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxxNUJBeUJBOzJGRGxCYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNvbnRhY3QtbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdExpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZSBzZngtbWItMjVcIj5cbiAgICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2xtZC05IGNvbC1sZy05IHNmeC1wbC0wXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNwYW4gY2xhc3M9XCJwdWxsLXJpZ2h0IHNmeC1jcmVhdGUtbmV3XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtcGFnZS1hY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyIHNmeC1tYi00MFwiPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1maWx0ZXItYXJlYV1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24+XG4gIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LXAtMFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtYWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJzZngtZ3JpZC13cmFwIGdyaWQtd2l0aC1kcm9wZG93biBzZngtZC1pbmxpbmUtYmxvY2sgc2Z4LXdpZC0xMDBcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1ncmlkXVwiPjwvbmctY29udGVudD5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL2NvbnRhY3QtbGlzdC9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvY29udGFjdC1saXN0L2NvbnRhY3QtbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxnNUJBMkJBOzJGRHBCYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNvbnRhY3QtbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdExpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbG1kLTkgY29sLWxnLTkgc2Z4LXBsLTBcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWNyZWF0ZS1uZXdcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1wYWdlLWFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LW1iLTQwXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWZpbHRlci1hcmVhXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48c2VjdGlvbj5cbiAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMiBzZngtcC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1hY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48c2VjdGlvblxuICBjbGFzcz1cInNmeC1ncmlkLXdyYXAgZ3JpZC13aXRoLWRyb3Bkb3duIHNmeC1kLWlubGluZS1ibG9jayBzZngtd2lkLTEwMFwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZF1cIj48L25nLWNvbnRlbnQ+XG48L3NlY3Rpb24+XG4iXX0=

package/esm2020/projects/component-library/lib/templates/feeback-list-template/feedback-list-template.component.mjs

@@ -4,9 +4,9 @@ export class FeedbackListTemplateComponent {
     constructor() { }
 }
 FeedbackListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n\n    <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n      <ng-content select=\"[button-primary]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[feedback-card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{margin-top:1.25rem;margin-bottom:1.875rem}\n"] });
+FeedbackListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackListTemplateComponent, selector: "symphony-feedback-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n\n    <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n      <ng-content select=\"[button-primary]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[feedback-card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-list-template', template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n\n    <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n      <ng-content select=\"[button-primary]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[feedback-card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{margin-top:1.25rem;margin-bottom:1.875rem}\n"] }]
+            args: [{ selector: 'symphony-feedback-list-template', template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-9 col-md-9 col-lg-9\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n\n    <div class=\"col-xs-12 col-sm-3 col-md-3 col-lg-3\">\n      <ng-content select=\"[button-primary]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section class=\"sfx-pt-40\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[feedback-card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9mZWViYWNrLWxpc3QtdGVtcGxhdGUvZmVlZGJhY2stbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3RlbXBsYXRlcy9mZWViYWNrLWxpc3QtdGVtcGxhdGUvZmVlZGJhY2stbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNkJBQTZCO0lBQ3hDLGdCQUFlLENBQUM7OzBIQURMLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHVFQ1AxQyw4bEJBbUJBOzJGRFphLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSxpQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVlZGJhY2stbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrTGlzdFRlbXBsYXRlQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tOSBjb2wtbWQtOSBjb2wtbGctOVwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhZ2UtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMyBjb2wtbWQtMyBjb2wtbGctM1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2J1dHRvbi1wcmltYXJ5XVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48ZGl2IGNsYXNzPVwic2Z4LWJvcmRlci1ib3R0b20tYmxhY2stNVwiPjwvZGl2PlxuPHNlY3Rpb24gY2xhc3M9XCJzZngtcHQtNDBcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmZWVkYmFjay1jYXJkLWxpc3RdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2020/projects/component-library/lib/templates/setting-list-template/setting-list-template.component.mjs

@@ -4,9 +4,9 @@ export class SettingListTemplateComponent {
     constructor() { }
 }
 SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[breadcrumb]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
+SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<section>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[breadcrumb]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-setting-list-template', template: "<section>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[breadcrumb]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
+            args: [{ selector: 'symphony-setting-list-template', template: "<section>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[breadcrumb]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<div class=\"sfx-border-bottom-black-5\"></div>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [""] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL3NldHRpbmctbGlzdC10ZW1wbGF0ZS9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZy1saXN0LXRlbXBsYXRlL3NldHRpbmctbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxpakNBa0NBOzJGRDNCYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNldHRpbmctbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ0xpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JyZWFkY3J1bWJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uIGNsYXNzPVwic2Z4LXBhZ2UtdGl0bGVcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC02IGNvbC1sZy02XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbcGFnZS10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPGRpdiBjbGFzcz1cInNmeC1ib3JkZXItYm90dG9tLWJsYWNrLTVcIj48L2Rpdj5cbjxzZWN0aW9uXG4gIGNsYXNzPVwic2V0dGluZy1saXN0LWhlYWRlciBzZngtcHQtMzAgc2Z4LXBiLTMwIHNmeC1ib3JkZXItYm90dG9tLWdyYXktMSBzZngtbWItNDBcIlxuPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTkgY29sLWxnLTkgc2Z4LXB0LTE1XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbTGlzdC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTMgY29sLWxnLTNcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmaWx0ZXItaW5wdXRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uIGNsYXNzPVwic2V0dGluZy1saXN0LXdyYXBcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWxpc3RdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==