@symphony-talent/component-library 3.96.0 → 3.98.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.
- package/esm2020/lib/molecules/card/card.component.mjs +2 -2
- package/esm2020/lib/pages/libraries-page/libraries-page.component.mjs +2 -2
- package/esm2020/lib/templates/setting-list-template/setting-list-template.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/card/card.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/pages/libraries-page/libraries-page.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/templates/setting-list-template/setting-list-template.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +6 -6
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +6 -6
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +6 -6
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +6 -6
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/component-library/global.scss +3 -0
|
@@ -2434,10 +2434,10 @@ class CardComponent {
|
|
|
2434
2434
|
}
|
|
2435
2435
|
}
|
|
2436
2436
|
CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2437
|
-
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;
|
|
2437
|
+
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"] }] });
|
|
2438
2438
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CardComponent, decorators: [{
|
|
2439
2439
|
type: Component,
|
|
2440
|
-
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;
|
|
2440
|
+
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"] }]
|
|
2441
2441
|
}], ctorParameters: function () { return []; }, propDecorators: { cardModel: [{
|
|
2442
2442
|
type: Input
|
|
2443
2443
|
}], clicked: [{
|
|
@@ -5348,10 +5348,10 @@ class SettingListTemplateComponent {
|
|
|
5348
5348
|
constructor() { }
|
|
5349
5349
|
}
|
|
5350
5350
|
SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5351
|
-
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-
|
|
5351
|
+
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-2\"></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: [""] });
|
|
5352
5352
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
|
|
5353
5353
|
type: Component,
|
|
5354
|
-
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-
|
|
5354
|
+
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-2\"></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: [""] }]
|
|
5355
5355
|
}], ctorParameters: function () { return []; } });
|
|
5356
5356
|
|
|
5357
5357
|
class SettingListPageComponent {
|
|
@@ -6080,10 +6080,10 @@ class LibrariesPageComponent {
|
|
|
6080
6080
|
}
|
|
6081
6081
|
}
|
|
6082
6082
|
LibrariesPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LibrariesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6083
|
-
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: [""], 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"] }] });
|
|
6083
|
+
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"] }] });
|
|
6084
6084
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LibrariesPageComponent, decorators: [{
|
|
6085
6085
|
type: Component,
|
|
6086
|
-
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: [""] }]
|
|
6086
|
+
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"] }]
|
|
6087
6087
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
6088
6088
|
type: Input
|
|
6089
6089
|
}], cardClicked: [{
|