@symphony-talent/component-library 3.0.0 → 3.1.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/pages/setting-list-page/setting-list-page.component.mjs +4 -4
- package/esm2020/lib/templates/setting-list-template/setting-list-template.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/pages/setting-list-page/setting-list-page.component.mjs +4 -4
- 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 +4 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +4 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +4 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/component-library/global-assets/iconography/{fonts/iconography.eot → library-fonts/library-icons.eot} +0 -0
- package/projects/component-library/global-assets/iconography/{fonts/iconography.svg → library-fonts/library-icons.svg} +0 -0
- package/projects/component-library/global-assets/iconography/{fonts/iconography.ttf → library-fonts/library-icons.ttf} +0 -0
- package/projects/component-library/global-assets/iconography/{fonts/iconography.woff → library-fonts/library-icons.woff} +0 -0
- package/projects/component-library/global-assets/iconography/{iconography.css → library-icons.css} +5 -5
- package/projects/component-library/global.scss +478 -476
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../templates/setting-list-template/setting-list-template.component";
|
|
4
4
|
import * as i2 from "../../atoms/h3/h3.component";
|
|
@@ -21,13 +21,13 @@ export class SettingListPageComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
SettingListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
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: 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"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
|
+
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: 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"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], 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 });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
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"] }]
|
|
27
|
+
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"] }]
|
|
28
28
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], cardClicked: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1saXN0LXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9zZXR0aW5nLWxpc3QtcGFnZS9zZXR0aW5nLWxpc3QtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctbGlzdC1wYWdlL3NldHRpbmctbGlzdC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBVWxHLE1BQU0sT0FBTyx3QkFBd0I7SUFPbkM7UUFKVSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFJNUIsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxhQUFhLENBQUMsT0FBZTtRQUMzQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FDMUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQzNDLENBQUM7SUFDSixDQUFDO0lBQ0QsV0FBVyxDQUFDLElBQWU7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7cUhBcEJVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHVJQ1ZyQyxtakJBZ0JBOzJGRE5hLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSw0QkFBNEIsaUJBR3ZCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmRNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9jYXJkL2NhcmQubW9kZWwnO1xuaW1wb3J0IHsgU2V0dGluZ3NMaXN0UGFnZU1vZGVsIH0gZnJvbSAnLi9zZXR0aW5nLWxpc3QtcGFnZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNldHRpbmctbGlzdC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NldHRpbmctbGlzdC1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2V0dGluZy1saXN0LXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBTZXR0aW5nTGlzdFBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBtb2RlbDogU2V0dGluZ3NMaXN0UGFnZU1vZGVsO1xuXG4gIEBPdXRwdXQoKSBjYXJkQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgZmlsdGVyZWRDYXJkTGlzdDogQ2FyZE1vZGVsW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZmlsdGVyZWRDYXJkTGlzdCA9IHRoaXMubW9kZWwuY2FyZExpc3Q7XG4gIH1cblxuICBrZXl3b3JkU2VhcmNoKGtleXdvcmQ6IHN0cmluZykge1xuICAgIHRoaXMuZmlsdGVyZWRDYXJkTGlzdCA9IHRoaXMubW9kZWwuY2FyZExpc3QuZmlsdGVyKChjYXJkKSA9PlxuICAgICAgY2FyZC50aXRsZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGtleXdvcmQpXG4gICAgKTtcbiAgfVxuICBvbkNhcmRDbGljayhjYXJkOiBDYXJkTW9kZWwpIHtcbiAgICB0aGlzLmNhcmRDbGlja2VkLmVtaXQoY2FyZCk7XG4gIH1cbn1cbiIsIjxzeW1waG9ueS1zZXR0aW5nLWxpc3QtdGVtcGxhdGUgKm5nSWY9XCJtb2RlbFwiPlxuICA8c3ltcGhvbnktaDMgcGFnZS10aXRsZT57eyBtb2RlbC5wYWdlVGl0bGUgfX08L3N5bXBob255LWgzPlxuICA8c3ltcGhvbnktcGFyYWdyYXBoIExpc3QtdGl0bGU+e3sgbW9kZWwubGlzdFRpdGxlIH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDxzeW1waG9ueS1pbnB1dC10ZXh0XG4gICAgZmlsdGVyLWlucHV0XG4gICAgW3BsYWNlaG9sZGVyXT1cIidTZWFyY2ggYnkga2V5d29yZCdcIlxuICAgIFtpY29uXT1cIidzaS1zZWFyY2gtbmV3J1wiXG4gICAgKHRleHRDaGFuZ2UpPVwia2V5d29yZFNlYXJjaCgkZXZlbnQpXCJcbiAgPlxuICA8L3N5bXBob255LWlucHV0LXRleHQ+XG4gIDxzeW1waG9ueS1jYXJkLWxpc3RcbiAgICBjYXJkLWxpc3RcbiAgICBbY2FyZExpc3RdPVwiZmlsdGVyZWRDYXJkTGlzdFwiXG4gICAgKGNhcmRDbGlja2VkKT1cIm9uQ2FyZENsaWNrKCRldmVudClcIlxuICA+PC9zeW1waG9ueS1jYXJkLWxpc3Q+XG48L3N5bXBob255LXNldHRpbmctbGlzdC10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -4,9 +4,9 @@ export class SettingListTemplateComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
}
|
|
6
6
|
SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
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-
|
|
7
|
+
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"] });
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
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-
|
|
10
|
+
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"] }]
|
|
11
11
|
}], ctorParameters: function () { return []; } });
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL3NldHRpbmctbGlzdC10ZW1wbGF0ZS9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZy1saXN0LXRlbXBsYXRlL3NldHRpbmctbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxzMEJBMEJBOzJGRG5CYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNldHRpbmctbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ0xpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2Z4LXBhZ2UtdGl0bGVcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC02IGNvbC1sZy02IHNmeC1tYi0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhZ2UtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uXG4gIGNsYXNzPVwic2V0dGluZy1saXN0LWhlYWRlciBzZngtcGItMzAgc2Z4LWJvcmRlci1ib3R0b20tZ3JheS0xIHNmeC1tYi00MFwiXG4+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtOSBjb2wtbGctOSBzZngtcHQtMTVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltMaXN0LXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMyBjb2wtbGctM1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ZpbHRlci1pbnB1dF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJzZXR0aW5nLWxpc3Qtd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtbGlzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../templates/setting-list-template/setting-list-template.component";
|
|
4
4
|
import * as i2 from "../../atoms/h3/h3.component";
|
|
@@ -21,13 +21,13 @@ export class SettingListPageComponent {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
SettingListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
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: 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"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
|
+
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: 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"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], 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 });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
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"] }]
|
|
27
|
+
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"] }]
|
|
28
28
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}], cardClicked: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1saXN0LXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9zZXR0aW5nLWxpc3QtcGFnZS9zZXR0aW5nLWxpc3QtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctbGlzdC1wYWdlL3NldHRpbmctbGlzdC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBVWxHLE1BQU0sT0FBTyx3QkFBd0I7SUFPbkM7UUFKVSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFJNUIsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDO0lBQzlDLENBQUM7SUFFRCxhQUFhLENBQUMsT0FBZTtRQUMzQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FDMUQsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQzNDLENBQUM7SUFDSixDQUFDO0lBQ0QsV0FBVyxDQUFDLElBQWU7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQzs7cUhBcEJVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHVJQ1ZyQyxtakJBZ0JBOzJGRE5hLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSw0QkFBNEIsaUJBR3ZCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhcmRNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9jYXJkL2NhcmQubW9kZWwnO1xuaW1wb3J0IHsgU2V0dGluZ3NMaXN0UGFnZU1vZGVsIH0gZnJvbSAnLi9zZXR0aW5nLWxpc3QtcGFnZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNldHRpbmctbGlzdC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NldHRpbmctbGlzdC1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2V0dGluZy1saXN0LXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBTZXR0aW5nTGlzdFBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBtb2RlbDogU2V0dGluZ3NMaXN0UGFnZU1vZGVsO1xuXG4gIEBPdXRwdXQoKSBjYXJkQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgZmlsdGVyZWRDYXJkTGlzdDogQ2FyZE1vZGVsW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZmlsdGVyZWRDYXJkTGlzdCA9IHRoaXMubW9kZWwuY2FyZExpc3Q7XG4gIH1cblxuICBrZXl3b3JkU2VhcmNoKGtleXdvcmQ6IHN0cmluZykge1xuICAgIHRoaXMuZmlsdGVyZWRDYXJkTGlzdCA9IHRoaXMubW9kZWwuY2FyZExpc3QuZmlsdGVyKChjYXJkKSA9PlxuICAgICAgY2FyZC50aXRsZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGtleXdvcmQpXG4gICAgKTtcbiAgfVxuICBvbkNhcmRDbGljayhjYXJkOiBDYXJkTW9kZWwpIHtcbiAgICB0aGlzLmNhcmRDbGlja2VkLmVtaXQoY2FyZCk7XG4gIH1cbn1cbiIsIjxzeW1waG9ueS1zZXR0aW5nLWxpc3QtdGVtcGxhdGUgKm5nSWY9XCJtb2RlbFwiPlxuICA8c3ltcGhvbnktaDMgcGFnZS10aXRsZT57eyBtb2RlbC5wYWdlVGl0bGUgfX08L3N5bXBob255LWgzPlxuICA8c3ltcGhvbnktcGFyYWdyYXBoIExpc3QtdGl0bGU+e3sgbW9kZWwubGlzdFRpdGxlIH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDxzeW1waG9ueS1pbnB1dC10ZXh0XG4gICAgZmlsdGVyLWlucHV0XG4gICAgW3BsYWNlaG9sZGVyXT1cIidTZWFyY2ggYnkga2V5d29yZCdcIlxuICAgIFtpY29uXT1cIidzaS1zZWFyY2gtbmV3J1wiXG4gICAgKHRleHRDaGFuZ2UpPVwia2V5d29yZFNlYXJjaCgkZXZlbnQpXCJcbiAgPlxuICA8L3N5bXBob255LWlucHV0LXRleHQ+XG4gIDxzeW1waG9ueS1jYXJkLWxpc3RcbiAgICBjYXJkLWxpc3RcbiAgICBbY2FyZExpc3RdPVwiZmlsdGVyZWRDYXJkTGlzdFwiXG4gICAgKGNhcmRDbGlja2VkKT1cIm9uQ2FyZENsaWNrKCRldmVudClcIlxuICA+PC9zeW1waG9ueS1jYXJkLWxpc3Q+XG48L3N5bXBob255LXNldHRpbmctbGlzdC10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -4,9 +4,9 @@ export class SettingListTemplateComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
}
|
|
6
6
|
SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
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-
|
|
7
|
+
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"] });
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
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-
|
|
10
|
+
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"] }]
|
|
11
11
|
}], ctorParameters: function () { return []; } });
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL3NldHRpbmctbGlzdC10ZW1wbGF0ZS9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZy1saXN0LXRlbXBsYXRlL3NldHRpbmctbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxzMEJBMEJBOzJGRG5CYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNldHRpbmctbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ0xpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2Z4LXBhZ2UtdGl0bGVcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC02IGNvbC1sZy02IHNmeC1tYi0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhZ2UtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uXG4gIGNsYXNzPVwic2V0dGluZy1saXN0LWhlYWRlciBzZngtcGItMzAgc2Z4LWJvcmRlci1ib3R0b20tZ3JheS0xIHNmeC1tYi00MFwiXG4+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtOSBjb2wtbGctOSBzZngtcHQtMTVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltMaXN0LXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMyBjb2wtbGctM1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ZpbHRlci1pbnB1dF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJzZXR0aW5nLWxpc3Qtd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtbGlzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -2650,10 +2650,10 @@ class SettingListTemplateComponent {
|
|
|
2650
2650
|
constructor() { }
|
|
2651
2651
|
}
|
|
2652
2652
|
SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2653
|
-
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-
|
|
2653
|
+
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"] });
|
|
2654
2654
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
|
|
2655
2655
|
type: Component,
|
|
2656
|
-
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-
|
|
2656
|
+
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"] }]
|
|
2657
2657
|
}], ctorParameters: function () { return []; } });
|
|
2658
2658
|
|
|
2659
2659
|
class SettingListPageComponent {
|
|
@@ -2671,10 +2671,10 @@ class SettingListPageComponent {
|
|
|
2671
2671
|
}
|
|
2672
2672
|
}
|
|
2673
2673
|
SettingListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2674
|
-
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"] }] });
|
|
2674
|
+
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 });
|
|
2675
2675
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, decorators: [{
|
|
2676
2676
|
type: Component,
|
|
2677
|
-
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"] }]
|
|
2677
|
+
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"] }]
|
|
2678
2678
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2679
2679
|
type: Input
|
|
2680
2680
|
}], cardClicked: [{
|