@symphony-talent/component-library 4.41.0 → 4.42.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/button-with-icon/button-with-icon.component.mjs +5 -3
- package/esm2020/lib/organisms/grid-actions/grid-actions.component.mjs +3 -3
- package/esm2020/lib/organisms/grid-actions/grid-actions.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/button-with-icon/button-with-icon.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.model.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +6 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +6 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +6 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +6 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/button-with-icon/button-with-icon.component.d.ts +2 -1
- package/lib/organisms/grid-actions/grid-actions.model.d.ts +1 -0
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/button-with-icon/button-with-icon.component.d.ts +2 -1
- package/projects/component-library/lib/organisms/grid-actions/grid-actions.model.d.ts +1 -0
|
@@ -11,10 +11,10 @@ export class ButtonWithIconComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
ButtonWithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton", showPopover: "showPopover" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div
|
|
14
|
+
ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton", showPopover: "showPopover", isDisabled: "isDisabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\" [disabled]=\"isDisabled\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}.sfx-actions-items-list button:disabled{cursor:not-allowed;opacity:70%}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div
|
|
17
|
+
args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\" [disabled]=\"isDisabled\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}.sfx-actions-items-list button:disabled{cursor:not-allowed;opacity:70%}\n"] }]
|
|
18
18
|
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], icon: [{
|
|
@@ -23,7 +23,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
23
23
|
type: Input
|
|
24
24
|
}], showPopover: [{
|
|
25
25
|
type: Input
|
|
26
|
+
}], isDisabled: [{
|
|
27
|
+
type: Input
|
|
26
28
|
}], clicked: [{
|
|
27
29
|
type: Output
|
|
28
30
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9idXR0b24td2l0aC1pY29uL2J1dHRvbi13aXRoLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi9idXR0b24td2l0aC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTyx1QkFBdUI7SUFRbEM7UUFGVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVoQyxDQUFDO0lBRWhCLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7b0hBWlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsc09DZHBDLG1OQUlNOzJGRFVPLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSwyQkFBMkIsaUJBR3RCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24td2l0aC1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLXdpdGgtaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25XaXRoSWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbjogSWNvbnM7XG4gIEBJbnB1dCgpIHNob3dBY3Rpb25CdXR0b246IGJvb2xlYW47XG4gIEBJbnB1dCgpIHNob3dQb3BvdmVyOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuO1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KHRoaXMudGV4dCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtYWN0aW9ucy1pdGVtcy1saXN0XCIgKm5nSWY9XCJzaG93QWN0aW9uQnV0dG9uXCI+XG4gIDxidXR0b24gKGNsaWNrKT1cIm9uQ2xpY2soKVwiIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCI+XG4gICAgPHN5bXBob255LWljb24gW2ljb25dPVwiaWNvblwiPjwvc3ltcGhvbnktaWNvbj57eyB0ZXh0IH19XG4gIDwvYnV0dG9uPlxuPC9kaXY+Il19
|
|
@@ -13,10 +13,10 @@ export class GridActionsComponent {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon
|
|
16
|
+
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon
|
|
19
|
+
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
20
20
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], buttonClicked: [{
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
24
24
|
}], isInverse: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy9ncmlkLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxvQkFBb0I7SUFLL0I7UUFGVSxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdEMsQ0FBQztJQUVoQixhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOztpSEFUVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw4SkNmakMsMG1DQTZCQTsyRkRkYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsdUJBQXVCLGlCQUdsQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRSxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZEFjdGlvbnNNb2RlbCB9IGZyb20gJy4vZ3JpZC1hY3Rpb25zLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25zQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEdyaWRBY3Rpb25zTW9kZWxbXTtcblxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBASW5wdXQoKSBpc0ludmVyc2U6IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrXCIgKm5nRm9yPVwibGV0IGFjdGlvbkJ1dHRvbiBvZiBtb2RlbFwiPlxuICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvblxuICAgICpuZ0lmPVwiIWFjdGlvbkJ1dHRvbi5zaG93UG9wb3ZlclwiXG4gICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICBbaWNvbl09XCJhY3Rpb25CdXR0b24uaWNvblwiXG4gICAgW3RleHRdPVwiYWN0aW9uQnV0dG9uLnRleHRcIlxuICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cImFjdGlvbkJ1dHRvbi5zaG93QWN0aW9uQnV0dG9uXCJcbiAgICBbaXNEaXNhYmxlZF09XCJhY3Rpb25CdXR0b24uaXNEaXNhYmxlZFwiXG4gICAgaWQ9XCJidG4tYWN0aW9uLXt7IGFjdGlvbkJ1dHRvbi50ZXh0IHwgdHJpbUlkIH19XCJcbiAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cblxuICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgKm5nSWY9XCJhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIlxuICAgIFt0b29sdGlwSHRtbF09XCJhY3Rpb25CdXR0b24udG9vbHRpcFwiXG4gICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgY29udGFpbmVyQ2xhc3M9XCJzZngtaW5mby10b29sdGlwIGl0ZW0tdG9vbHRpcFwiXG4gICAgY2xhc3M9XCJhY3Rpb25CdXR0b24tdG9vbHRpcFwiXG4gID5cbiAgICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvblxuICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgIFtpY29uXT1cImFjdGlvbkJ1dHRvbi5pY29uXCJcbiAgICAgIFt0ZXh0XT1cImFjdGlvbkJ1dHRvbi50ZXh0XCJcbiAgICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cImFjdGlvbkJ1dHRvbi5zaG93QWN0aW9uQnV0dG9uXCJcbiAgICAgIFtzaG93UG9wb3Zlcl09XCJhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIlxuICAgICAgW2lzRGlzYWJsZWRdPVwiYWN0aW9uQnV0dG9uLmlzRGlzYWJsZWRcIlxuICAgICAgaWQ9XCJidG4tYWN0aW9uLXt7IGFjdGlvbkJ1dHRvbi50ZXh0IHwgdHJpbUlkIH19LXBvcG92ZXJcIlxuICAgID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG4gIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZEFjdGlvbnNNb2RlbCB7XG4gIGljb246IEljb25zO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHNob3dBY3Rpb25CdXR0b24/OiBib29sZWFuO1xuICBzaG93UG9wb3Zlcj86IGJvb2xlYW47XG4gIHRvb2x0aXA/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZEFjdGlvbnNNb2RlbCB7XG4gIGljb246IEljb25zO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHNob3dBY3Rpb25CdXR0b24/OiBib29sZWFuO1xuICBzaG93UG9wb3Zlcj86IGJvb2xlYW47XG4gIHRvb2x0aXA/OiBzdHJpbmc7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuIl19
|
|
@@ -11,10 +11,10 @@ export class ButtonWithIconComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
ButtonWithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton", showPopover: "showPopover" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div
|
|
14
|
+
ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton", showPopover: "showPopover", isDisabled: "isDisabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\" [disabled]=\"isDisabled\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}.sfx-actions-items-list button:disabled{cursor:not-allowed;opacity:70%}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div
|
|
17
|
+
args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\" [disabled]=\"isDisabled\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}.sfx-actions-items-list button:disabled{cursor:not-allowed;opacity:70%}\n"] }]
|
|
18
18
|
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], icon: [{
|
|
@@ -23,7 +23,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
23
23
|
type: Input
|
|
24
24
|
}], showPopover: [{
|
|
25
25
|
type: Input
|
|
26
|
+
}], isDisabled: [{
|
|
27
|
+
type: Input
|
|
26
28
|
}], clicked: [{
|
|
27
29
|
type: Output
|
|
28
30
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9idXR0b24td2l0aC1pY29uL2J1dHRvbi13aXRoLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi9idXR0b24td2l0aC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTyx1QkFBdUI7SUFRbEM7UUFGVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVoQyxDQUFDO0lBRWhCLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7b0hBWlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsc09DZHBDLG1OQUlNOzJGRFVPLHVCQUF1QjtrQkFObkMsU0FBUzsrQkFDRSwyQkFBMkIsaUJBR3RCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLmVudW0nO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24td2l0aC1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLXdpdGgtaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25XaXRoSWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbjogSWNvbnM7XG4gIEBJbnB1dCgpIHNob3dBY3Rpb25CdXR0b246IGJvb2xlYW47XG4gIEBJbnB1dCgpIHNob3dQb3BvdmVyOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuO1xuICBAT3V0cHV0KCkgY2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KHRoaXMudGV4dCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtYWN0aW9ucy1pdGVtcy1saXN0XCIgKm5nSWY9XCJzaG93QWN0aW9uQnV0dG9uXCI+XG4gIDxidXR0b24gKGNsaWNrKT1cIm9uQ2xpY2soKVwiIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCI+XG4gICAgPHN5bXBob255LWljb24gW2ljb25dPVwiaWNvblwiPjwvc3ltcGhvbnktaWNvbj57eyB0ZXh0IH19XG4gIDwvYnV0dG9uPlxuPC9kaXY+Il19
|
package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.component.mjs
CHANGED
|
@@ -13,10 +13,10 @@ export class GridActionsComponent {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon
|
|
16
|
+
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i2.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon
|
|
19
|
+
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
20
20
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], buttonClicked: [{
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
24
24
|
}], isInverse: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9ucy9ncmlkLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU3ZCLE1BQU0sT0FBTyxvQkFBb0I7SUFLL0I7UUFGVSxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFdEMsQ0FBQztJQUVoQixhQUFhLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOztpSEFUVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw4SkNmakMsMG1DQTZCQTsyRkRkYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsdUJBQXVCLGlCQUdsQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRSxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZEFjdGlvbnNNb2RlbCB9IGZyb20gJy4vZ3JpZC1hY3Rpb25zLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25zQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IEdyaWRBY3Rpb25zTW9kZWxbXTtcblxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBASW5wdXQoKSBpc0ludmVyc2U6IGJvb2xlYW47XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkJ1dHRvbkNsaWNrKHRleHQ6IHN0cmluZykge1xuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrXCIgKm5nRm9yPVwibGV0IGFjdGlvbkJ1dHRvbiBvZiBtb2RlbFwiPlxuICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvblxuICAgICpuZ0lmPVwiIWFjdGlvbkJ1dHRvbi5zaG93UG9wb3ZlclwiXG4gICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICBbaWNvbl09XCJhY3Rpb25CdXR0b24uaWNvblwiXG4gICAgW3RleHRdPVwiYWN0aW9uQnV0dG9uLnRleHRcIlxuICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cImFjdGlvbkJ1dHRvbi5zaG93QWN0aW9uQnV0dG9uXCJcbiAgICBbaXNEaXNhYmxlZF09XCJhY3Rpb25CdXR0b24uaXNEaXNhYmxlZFwiXG4gICAgaWQ9XCJidG4tYWN0aW9uLXt7IGFjdGlvbkJ1dHRvbi50ZXh0IHwgdHJpbUlkIH19XCJcbiAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbj5cblxuICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgKm5nSWY9XCJhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIlxuICAgIFt0b29sdGlwSHRtbF09XCJhY3Rpb25CdXR0b24udG9vbHRpcFwiXG4gICAgW3BsYWNlbWVudF09XCIndG9wJ1wiXG4gICAgY29udGFpbmVyQ2xhc3M9XCJzZngtaW5mby10b29sdGlwIGl0ZW0tdG9vbHRpcFwiXG4gICAgY2xhc3M9XCJhY3Rpb25CdXR0b24tdG9vbHRpcFwiXG4gID5cbiAgICA8c3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvblxuICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgIFtpY29uXT1cImFjdGlvbkJ1dHRvbi5pY29uXCJcbiAgICAgIFt0ZXh0XT1cImFjdGlvbkJ1dHRvbi50ZXh0XCJcbiAgICAgIFtzaG93QWN0aW9uQnV0dG9uXT1cImFjdGlvbkJ1dHRvbi5zaG93QWN0aW9uQnV0dG9uXCJcbiAgICAgIFtzaG93UG9wb3Zlcl09XCJhY3Rpb25CdXR0b24uc2hvd1BvcG92ZXJcIlxuICAgICAgW2lzRGlzYWJsZWRdPVwiYWN0aW9uQnV0dG9uLmlzRGlzYWJsZWRcIlxuICAgICAgaWQ9XCJidG4tYWN0aW9uLXt7IGFjdGlvbkJ1dHRvbi50ZXh0IHwgdHJpbUlkIH19LXBvcG92ZXJcIlxuICAgID48L3N5bXBob255LWJ1dHRvbi13aXRoLWljb24+XG4gIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuPC9kaXY+XG4iXX0=
|
package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.model.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZEFjdGlvbnNNb2RlbCB7XG4gIGljb246IEljb25zO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHNob3dBY3Rpb25CdXR0b24/OiBib29sZWFuO1xuICBzaG93UG9wb3Zlcj86IGJvb2xlYW47XG4gIHRvb2x0aXA/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb25zLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb25zL2dyaWQtYWN0aW9ucy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZEFjdGlvbnNNb2RlbCB7XG4gIGljb246IEljb25zO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHNob3dBY3Rpb25CdXR0b24/OiBib29sZWFuO1xuICBzaG93UG9wb3Zlcj86IGJvb2xlYW47XG4gIHRvb2x0aXA/OiBzdHJpbmc7XG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xufVxuIl19
|
|
@@ -3457,10 +3457,10 @@ class ButtonWithIconComponent {
|
|
|
3457
3457
|
}
|
|
3458
3458
|
}
|
|
3459
3459
|
ButtonWithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3460
|
-
ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton", showPopover: "showPopover" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div
|
|
3460
|
+
ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton", showPopover: "showPopover", isDisabled: "isDisabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\" [disabled]=\"isDisabled\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}.sfx-actions-items-list button:disabled{cursor:not-allowed;opacity:70%}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3461
3461
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, decorators: [{
|
|
3462
3462
|
type: Component,
|
|
3463
|
-
args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div
|
|
3463
|
+
args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\" [disabled]=\"isDisabled\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}.sfx-actions-items-list button:disabled{cursor:not-allowed;opacity:70%}\n"] }]
|
|
3464
3464
|
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
3465
3465
|
type: Input
|
|
3466
3466
|
}], icon: [{
|
|
@@ -3469,6 +3469,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3469
3469
|
type: Input
|
|
3470
3470
|
}], showPopover: [{
|
|
3471
3471
|
type: Input
|
|
3472
|
+
}], isDisabled: [{
|
|
3473
|
+
type: Input
|
|
3472
3474
|
}], clicked: [{
|
|
3473
3475
|
type: Output
|
|
3474
3476
|
}] } });
|
|
@@ -3945,10 +3947,10 @@ class GridActionsComponent {
|
|
|
3945
3947
|
}
|
|
3946
3948
|
}
|
|
3947
3949
|
GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3948
|
-
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon
|
|
3950
|
+
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
3949
3951
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
|
|
3950
3952
|
type: Component,
|
|
3951
|
-
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon
|
|
3953
|
+
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
3952
3954
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
3953
3955
|
type: Input
|
|
3954
3956
|
}], buttonClicked: [{
|