@symphony-talent/component-library 3.97.0 → 3.99.0

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

@@ -2436,10 +2436,10 @@ class CardComponent {
     }
 }
 CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n  <div class=\"card-item\" (click)=\"onClick()\">\n    <div class=\"card-title-wrap sfx-d-flex\">\n      <div class=\"card-icon\">\n        <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n      </div>\n      <div class=\"card-title\">\n        <symphony-h4>{{ cardModel.title }}</symphony-h4>\n      </div>\n    </div>\n    <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n      <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CardComponent, selector: "symphony-card", inputs: { cardModel: "cardModel" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"card-item-wrapper\">\n  <div class=\"card-item\" (click)=\"onClick()\">\n    <div class=\"card-title-wrap sfx-d-flex\">\n      <div class=\"card-icon\">\n        <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n      </div>\n      <div class=\"card-title\">\n        <symphony-h4>{{ cardModel.title }}</symphony-h4>\n      </div>\n    </div>\n    <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n      <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n  <div class=\"card-item\" (click)=\"onClick()\">\n    <div class=\"card-title-wrap sfx-d-flex\">\n      <div class=\"card-icon\">\n        <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n      </div>\n      <div class=\"card-title\">\n        <symphony-h4>{{ cardModel.title }}</symphony-h4>\n      </div>\n    </div>\n    <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n      <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px}.card-icon{padding-right:15px}\n"] }]
+            args: [{ selector: 'symphony-card', template: "<div class=\"card-item-wrapper\">\n  <div class=\"card-item\" (click)=\"onClick()\">\n    <div class=\"card-title-wrap sfx-d-flex\">\n      <div class=\"card-icon\">\n        <symphony-icon [icon]=\"cardModel.icon\"></symphony-icon>\n      </div>\n      <div class=\"card-title\">\n        <symphony-h4>{{ cardModel.title }}</symphony-h4>\n      </div>\n    </div>\n    <div class=\"card-description\" title=\"{{ cardModel.description }}\">\n      <symphony-paragraph>{{ cardModel.description }}</symphony-paragraph>\n    </div>\n  </div>\n</div>\n", styles: [".card-item-wrapper{position:relative;width:100%;height:170px}.card-item{width:100%;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.2);border-radius:10px;padding:20px;border:2px solid transparent;cursor:pointer}.card-item:hover{box-shadow:none;border-color:#82919f}.card-item .card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-title-wrap{margin-bottom:11px;align-items:baseline}.card-icon{padding-right:15px;color:#334860}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { cardModel: [{
                 type: Input
             }], clicked: [{
@@ -6084,10 +6084,10 @@ class LibrariesPageComponent {
     }
 }
 LibrariesPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LibrariesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LibrariesPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LibrariesPageComponent, selector: "symphony-libraries-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: SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LibrariesPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LibrariesPageComponent, selector: "symphony-libraries-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: SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], 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: LibrariesPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-libraries-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: [".card-list{padding:5px}\n"] }]
+            args: [{ selector: 'symphony-libraries-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: [{