@symphony-talent/component-library 4.156.0 → 4.157.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/organisms/grid-action-bar-v2/grid-action-bar-v2.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/organisms/grid-action-bar-v2/grid-action-bar-v2.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -14,13 +14,13 @@ export class GridActionBarV2Component {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
GridActionBarV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
GridActionBarV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: { actionListModel: "actionListModel" }, outputs: { actionBarListItem: "actionBarListItem" }, ngImport: i0, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i4.GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
17
|
+
GridActionBarV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: { actionListModel: "actionListModel" }, outputs: { actionBarListItem: "actionBarListItem" }, ngImport: i0, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\" *ngIf=\"actionListModel.selectedText\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator *ngIf=\"actionListModel.selectedText\"\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i4.GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'symphony-grid-action-bar-v2', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"] }]
|
|
20
|
+
args: [{ selector: 'symphony-grid-action-bar-v2', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\" *ngIf=\"actionListModel.selectedText\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator *ngIf=\"actionListModel.selectedText\"\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"] }]
|
|
21
21
|
}], propDecorators: { actionListModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], actionBarListItem: [{
|
|
24
24
|
type: Output
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb24tYmFyLXYyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9uLWJhci12Mi9ncmlkLWFjdGlvbi1iYXItdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb24tYmFyLXYyL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBU2xHLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFRWSxzQkFBaUIsR0FBRSxJQUFJLFlBQVksRUFBRSxDQUFDO0tBTWpEO0lBSkMsb0JBQW9CLENBQUMsS0FBSztRQUN4QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O3FIQU5VLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHdLQ1RyQyw0bENBOEJBOzJGRHJCYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsNkJBQTZCLGlCQUd4QixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixlQUFlO3NCQUF2QixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBHcmlkQWN0aW9uQmFyVjJNb2RlbCB9IGZyb20gJy4vZ3JpZC1hY3Rpb24tYmFyLXYyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb24tYmFyLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25CYXJWMkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFjdGlvbkxpc3RNb2RlbDogR3JpZEFjdGlvbkJhclYyTW9kZWw7XG4gIEBPdXRwdXQoKSBhY3Rpb25CYXJMaXN0SXRlbT0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG9uQWN0aW9uQmFyTGlzdENsaWNrKGV2ZW50KSB7XG4gICAgdGhpcy5hY3Rpb25CYXJMaXN0SXRlbS5lbWl0KGV2ZW50KTtcbiAgfVxuXG59XG4iLCI8ZGl2ICpuZ0lmPVwiYWN0aW9uTGlzdE1vZGVsXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHNmeC1ncmlkLWFjdGlvbi1iYXItdjJcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtd3JhcFwiICpuZ0lmPVwiYWN0aW9uTGlzdE1vZGVsLnNlbGVjdGVkVGV4dFwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIGlzU2VsZWN0ZWQ6IGFjdGlvbkxpc3RNb2RlbC5pc1NlbGVjdGVkLFxuICAgICAgICAgICcnOiAhYWN0aW9uTGlzdE1vZGVsLmlzU2VsZWN0ZWRcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwic2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgW2ljb25dPVwiJ3NpLWFjdGl2aXR5J1wiXG4gICAgICAgIFtzaXplXT1cIicxOHB4J1wiXG4gICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCBbaXNGb250Qm9sZF09XCJ0cnVlXCJcbiAgICAgICAgPnt7IGFjdGlvbkxpc3RNb2RlbC5zZWxlY3RlZENvdW50IH19XG4gICAgICAgIHt7IGFjdGlvbkxpc3RNb2RlbC5zZWxlY3RlZFRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxzeW1waG9ueS12ZXJ0aWNhbC1zZXBhcmF0b3IgKm5nSWY9XCJhY3Rpb25MaXN0TW9kZWwuc2VsZWN0ZWRUZXh0XCJcbiAgICAgIGNsYXNzPVwiZmxleC1hbGlnbi1jb250ZW50LWNlbnRlclwiXG4gICAgPjwvc3ltcGhvbnktdmVydGljYWwtc2VwYXJhdG9yPlxuICAgIDxzeW1waG9ueS1ncmlkLWFjdGlvbi1saXN0LXYyXG4gICAgICBjbGFzcz1cImZsZXgtMVwiXG4gICAgICBbYWN0aW9uTGlzdF09XCJhY3Rpb25MaXN0TW9kZWwuZ3JpZEFjdGlvbkxpc3RWMlwiXG4gICAgICAoYWN0aW9uQ2xpY2tlZCk9XCJvbkFjdGlvbkJhckxpc3RDbGljaygkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1ncmlkLWFjdGlvbi1saXN0LXYyPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtZ3JpZC1jb250cm9scy12MlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWQtY29udHJvbHMtdjJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -14,13 +14,13 @@ export class GridActionBarV2Component {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
GridActionBarV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
GridActionBarV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: { actionListModel: "actionListModel" }, outputs: { actionBarListItem: "actionBarListItem" }, ngImport: i0, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i4.GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
17
|
+
GridActionBarV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: { actionListModel: "actionListModel" }, outputs: { actionBarListItem: "actionBarListItem" }, ngImport: i0, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\" *ngIf=\"actionListModel.selectedText\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator *ngIf=\"actionListModel.selectedText\"\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i4.GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'symphony-grid-action-bar-v2', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"] }]
|
|
20
|
+
args: [{ selector: 'symphony-grid-action-bar-v2', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\" *ngIf=\"actionListModel.selectedText\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator *ngIf=\"actionListModel.selectedText\"\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"] }]
|
|
21
21
|
}], propDecorators: { actionListModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], actionBarListItem: [{
|
|
24
24
|
type: Output
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb24tYmFyLXYyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9uLWJhci12Mi9ncmlkLWFjdGlvbi1iYXItdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb24tYmFyLXYyL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBU2xHLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFRWSxzQkFBaUIsR0FBRSxJQUFJLFlBQVksRUFBRSxDQUFDO0tBTWpEO0lBSkMsb0JBQW9CLENBQUMsS0FBSztRQUN4QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O3FIQU5VLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHdLQ1RyQyw0bENBOEJBOzJGRHJCYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsNkJBQTZCLGlCQUd4QixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixlQUFlO3NCQUF2QixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBHcmlkQWN0aW9uQmFyVjJNb2RlbCB9IGZyb20gJy4vZ3JpZC1hY3Rpb24tYmFyLXYyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb24tYmFyLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25CYXJWMkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFjdGlvbkxpc3RNb2RlbDogR3JpZEFjdGlvbkJhclYyTW9kZWw7XG4gIEBPdXRwdXQoKSBhY3Rpb25CYXJMaXN0SXRlbT0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG9uQWN0aW9uQmFyTGlzdENsaWNrKGV2ZW50KSB7XG4gICAgdGhpcy5hY3Rpb25CYXJMaXN0SXRlbS5lbWl0KGV2ZW50KTtcbiAgfVxuXG59XG4iLCI8ZGl2ICpuZ0lmPVwiYWN0aW9uTGlzdE1vZGVsXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHNmeC1ncmlkLWFjdGlvbi1iYXItdjJcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtd3JhcFwiICpuZ0lmPVwiYWN0aW9uTGlzdE1vZGVsLnNlbGVjdGVkVGV4dFwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIGlzU2VsZWN0ZWQ6IGFjdGlvbkxpc3RNb2RlbC5pc1NlbGVjdGVkLFxuICAgICAgICAgICcnOiAhYWN0aW9uTGlzdE1vZGVsLmlzU2VsZWN0ZWRcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwic2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgW2ljb25dPVwiJ3NpLWFjdGl2aXR5J1wiXG4gICAgICAgIFtzaXplXT1cIicxOHB4J1wiXG4gICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCBbaXNGb250Qm9sZF09XCJ0cnVlXCJcbiAgICAgICAgPnt7IGFjdGlvbkxpc3RNb2RlbC5zZWxlY3RlZENvdW50IH19XG4gICAgICAgIHt7IGFjdGlvbkxpc3RNb2RlbC5zZWxlY3RlZFRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxzeW1waG9ueS12ZXJ0aWNhbC1zZXBhcmF0b3IgKm5nSWY9XCJhY3Rpb25MaXN0TW9kZWwuc2VsZWN0ZWRUZXh0XCJcbiAgICAgIGNsYXNzPVwiZmxleC1hbGlnbi1jb250ZW50LWNlbnRlclwiXG4gICAgPjwvc3ltcGhvbnktdmVydGljYWwtc2VwYXJhdG9yPlxuICAgIDxzeW1waG9ueS1ncmlkLWFjdGlvbi1saXN0LXYyXG4gICAgICBjbGFzcz1cImZsZXgtMVwiXG4gICAgICBbYWN0aW9uTGlzdF09XCJhY3Rpb25MaXN0TW9kZWwuZ3JpZEFjdGlvbkxpc3RWMlwiXG4gICAgICAoYWN0aW9uQ2xpY2tlZCk9XCJvbkFjdGlvbkJhckxpc3RDbGljaygkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1ncmlkLWFjdGlvbi1saXN0LXYyPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtZ3JpZC1jb250cm9scy12MlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWQtY29udHJvbHMtdjJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -4804,10 +4804,10 @@ class GridActionBarV2Component {
|
|
|
4804
4804
|
}
|
|
4805
4805
|
}
|
|
4806
4806
|
GridActionBarV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4807
|
-
GridActionBarV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: { actionListModel: "actionListModel" }, outputs: { actionBarListItem: "actionBarListItem" }, ngImport: i0, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4807
|
+
GridActionBarV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: { actionListModel: "actionListModel" }, outputs: { actionBarListItem: "actionBarListItem" }, ngImport: i0, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\" *ngIf=\"actionListModel.selectedText\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator *ngIf=\"actionListModel.selectedText\"\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4808
4808
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, decorators: [{
|
|
4809
4809
|
type: Component,
|
|
4810
|
-
args: [{ selector: 'symphony-grid-action-bar-v2', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"] }]
|
|
4810
|
+
args: [{ selector: 'symphony-grid-action-bar-v2', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"actionListModel\">\n <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n <div class=\"selected-wrap\" *ngIf=\"actionListModel.selectedText\">\n <symphony-icon\n [ngClass]=\"{\n isSelected: actionListModel.isSelected,\n '': !actionListModel.isSelected\n }\"\n class=\"sfx-cursor-pointer\"\n [icon]=\"'si-activity'\"\n [size]=\"'18px'\"\n ></symphony-icon>\n <symphony-paragraph [isFontBold]=\"true\"\n >{{ actionListModel.selectedCount }}\n {{ actionListModel.selectedText }}</symphony-paragraph\n >\n </div>\n <symphony-vertical-separator *ngIf=\"actionListModel.selectedText\"\n class=\"flex-align-content-center\"\n ></symphony-vertical-separator>\n <symphony-grid-action-list-v2\n class=\"flex-1\"\n [actionList]=\"actionListModel.gridActionListV2\"\n (actionClicked)=\"onActionBarListClick($event)\"\n ></symphony-grid-action-list-v2>\n <div class=\"sfx-grid-controls-v2\">\n <ng-content select=\"[grid-controls-v2]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"] }]
|
|
4811
4811
|
}], propDecorators: { actionListModel: [{
|
|
4812
4812
|
type: Input
|
|
4813
4813
|
}], actionBarListItem: [{
|