@symphony-talent/component-library 3.91.0 → 3.92.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/esm2020/lib/molecules/breadcrumb/breadcrumb.component.mjs +6 -7
  2. package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +12 -11
  3. package/esm2020/lib/templates/admin-list/admin-list.component.mjs +3 -3
  4. package/esm2020/lib/templates/setting-list-template/setting-list-template.component.mjs +3 -3
  5. package/esm2020/projects/component-library/lib/molecules/breadcrumb/breadcrumb.component.mjs +6 -7
  6. package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +12 -11
  7. package/esm2020/projects/component-library/lib/templates/admin-list/admin-list.component.mjs +3 -3
  8. package/esm2020/projects/component-library/lib/templates/setting-list-template/setting-list-template.component.mjs +3 -3
  9. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +8 -8
  10. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  11. package/fesm2015/symphony-talent-component-library.mjs +8 -8
  12. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  13. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +8 -8
  14. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  15. package/fesm2020/symphony-talent-component-library.mjs +8 -8
  16. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  17. package/lib/templates/admin-list/admin-list.component.d.ts +1 -1
  18. package/lib/templates/setting-list-template/setting-list-template.component.d.ts +1 -1
  19. package/package.json +1 -1
  20. package/projects/component-library/global-assets/variables-v2.scss +1 -0
  21. package/projects/component-library/lib/templates/admin-list/admin-list.component.d.ts +1 -1
  22. package/projects/component-library/lib/templates/setting-list-template/setting-list-template.component.d.ts +1 -1
@@ -2372,10 +2372,10 @@ class BreadcrumbComponent {
2372
2372
  }
2373
2373
  }
2374
2374
  BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
2375
- 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 <symphony-h3 *ngIf=\"!last\"\n ><a\n class=\"sfx-cursor-pointer sfx-font30 sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n ></symphony-h3\n >\n <symphony-h3 *ngIf=\"last\">{{ breadcrumb.label }} </symphony-h3>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-breadcrumb-wrapper,.breadcrumb-item{display:flex}symphony-icon{padding:0 6px;top:9px;position:relative}\n"], components: [{ type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
2375
+ 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: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
2376
2376
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
2377
2377
  type: Component,
2378
- args: [{ selector: 'symphony-breadcrumb', template: "<div class=\"sfx-breadcrumb-wrapper\">\n <span\n class=\"breadcrumb-item\"\n *ngFor=\"let breadcrumb of breadcrumbs; let last = last\"\n >\n <symphony-h3 *ngIf=\"!last\"\n ><a\n class=\"sfx-cursor-pointer sfx-font30 sfx-txt-black\"\n href=\"{{ breadcrumb.link }}\"\n >{{ breadcrumb.label }}</a\n ></symphony-h3\n >\n <symphony-h3 *ngIf=\"last\">{{ breadcrumb.label }} </symphony-h3>\n\n <symphony-icon [icon]=\"icon\" [size]=\"'12px'\" *ngIf=\"!last\"></symphony-icon>\n </span>\n</div>\n", styles: [".sfx-breadcrumb-wrapper,.breadcrumb-item{display:flex}symphony-icon{padding:0 6px;top:9px;position:relative}\n"] }]
2378
+ 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"] }]
2379
2379
  }], ctorParameters: function () { return []; }, propDecorators: { breadcrumbs: [{
2380
2380
  type: Input
2381
2381
  }] } });
@@ -5155,10 +5155,10 @@ class AdminListTemplateComponent {
5155
5155
  constructor() { }
5156
5156
  }
5157
5157
  AdminListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5158
- 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 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"] });
5158
+ 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"] });
5159
5159
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdminListTemplateComponent, decorators: [{
5160
5160
  type: Component,
5161
- args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n <!---->\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"] }]
5161
+ 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"] }]
5162
5162
  }], ctorParameters: function () { return []; } });
5163
5163
 
5164
5164
  class EventsSettingsPageComponent {
@@ -5194,10 +5194,10 @@ class EventsSettingsPageComponent {
5194
5194
  }
5195
5195
  }
5196
5196
  EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5197
- EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
5197
+ EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
5198
5198
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
5199
5199
  type: Component,
5200
- args: [{ selector: 'symphony-events-settings-page', encapsulation: ViewEncapsulation.None, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]
5200
+ args: [{ selector: 'symphony-events-settings-page', encapsulation: ViewEncapsulation.None, template: "<symphony-admin-list-template *ngIf=\"model\">\n <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n </symphony-breadcrumb>\n <symphony-h3 sfx-header>Event Settings</symphony-h3>\n <symphony-icon-wrapper\n sfx-page-action\n *ngIf=\"model.showAddButton\"\n (clicked)=\"onAddButtonClick()\"\n >\n <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-two-column-filter-area sfx-filter-area>\n <symphony-input-dropdown\n filter-one\n [isInverse]=\"true\"\n [inputDropdownListModel]=\"model.settingTypeDropdown\"\n (selectItem)=\"onFilterChange($event)\"\n *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n >\n </symphony-input-dropdown>\n <ng-content\n *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n select=\"[filter-one]\"\n ></ng-content>\n <symphony-input-text\n filter-two\n [label]=\"'Search by Keyword'\"\n [placeholder]=\"'Enter Search Value'\"\n [icon]=\"'si-search-new'\"\n [isInverse]=\"true\"\n (textChange)=\"keywordSearch($event)\"\n >\n </symphony-input-text>\n </symphony-two-column-filter-area>\n <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n <symphony-grid\n #sfxgrid\n sfx-grid\n [columnDefs]=\"model.grid.columnDefs\"\n [defaultColDef]=\"model.grid.defaultColumnDef\"\n [rowData]=\"model.grid.rowData\"\n [pageSize]=\"model.grid.pageSize\"\n [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n [rowModelType]=\"model.grid.rowModelType\"\n [hasNoPaddingleft]=\"true\"\n ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]
5201
5201
  }], ctorParameters: function () { return []; }, propDecorators: { model: [{
5202
5202
  type: Input
5203
5203
  }], keywordSearchChange: [{
@@ -5321,10 +5321,10 @@ class SettingListTemplateComponent {
5321
5321
  constructor() { }
5322
5322
  }
5323
5323
  SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
5324
- SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<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"] });
5324
+ 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"] });
5325
5325
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
5326
5326
  type: Component,
5327
- args: [{ selector: 'symphony-setting-list-template', template: "<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"] }]
5327
+ 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"] }]
5328
5328
  }], ctorParameters: function () { return []; } });
5329
5329
 
5330
5330
  class SettingListPageComponent {