@symphony-talent/component-library 3.0.0 → 3.1.0

package/fesm2020/symphony-talent-component-library.mjs

@@ -2648,10 +2648,10 @@ 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 class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\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{border-bottom:5px solid #000}\n"] });
+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 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header 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{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
 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 class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\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{border-bottom:5px solid #000}\n"] }]
+            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 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header 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{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class SettingListPageComponent {
@@ -2669,10 +2669,10 @@ 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{border-bottom:5px solid #000}\n"], components: [{ type: SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+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{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"], components: [{ type: SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.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', 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{border-bottom:5px solid #000}\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: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], cardClicked: [{