@tilde-nlp/ngx-common 6.1.93 → 6.1.94
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.
|
@@ -38,7 +38,7 @@ function OpenCloseButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
38
38
|
const closed_r2 = i0.ɵɵreference(7);
|
|
39
39
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
40
40
|
i0.ɵɵproperty("disabled", ctx_r0.disabled)("disableRipple", true)("ngClass.lt-md", "open-close-button-tablet");
|
|
41
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1,
|
|
41
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 7, ctx_r0.ariaLabelCode))("aria-expanded", ctx_r0.isOpened);
|
|
42
42
|
i0.ɵɵadvance(5);
|
|
43
43
|
i0.ɵɵproperty("ngIf", ctx_r0.isOpened)("ngIfElse", closed_r2);
|
|
44
44
|
} }
|
|
@@ -81,7 +81,7 @@ export class OpenCloseButtonComponent {
|
|
|
81
81
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.button = _t.first);
|
|
82
82
|
} }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, ngContentSelectors: _c0, decls: 2, vars: 2, consts: [["closed", ""], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], ["class", "material-icons spin", 4, "ngIf", "ngIfElse"], [1, "material-icons", "spin"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"], [1, "material-icons"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
83
83
|
i0.ɵɵprojectionDef();
|
|
84
|
-
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8,
|
|
84
|
+
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8, 9, "button", 1)(1, OpenCloseButtonComponent_button_1_Template, 4, 5, "button", 2);
|
|
85
85
|
} if (rf & 2) {
|
|
86
86
|
i0.ɵɵproperty("ngIf", !ctx.isIcon);
|
|
87
87
|
i0.ɵɵadvance();
|
|
@@ -90,7 +90,7 @@ export class OpenCloseButtonComponent {
|
|
|
90
90
|
}
|
|
91
91
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenCloseButtonComponent, [{
|
|
92
92
|
type: Component,
|
|
93
|
-
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"isOpened; else closed\" class=\"material-icons spin\">\r\n {{ icons.open }}\r\n </span>\r\n\r\n <ng-template #closed>\r\n <span class=\"material-icons spin\">\r\n {{ icons.close }}\r\n </span>\r\n </ng-template>\r\n </span>\r\n</button>\r\n<button\r\n mat-icon-button\r\n fxLayoutAlign=\"center center\"\r\n *ngIf=\"isIcon\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: [".spin{animation:spinArrow .3s forwards}@keyframes spinArrow{to{transform:rotate(180deg)}}.material-icons{color:var(--base-30)}\n"] }]
|
|
93
|
+
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\"\r\n [attr.aria-expanded]=\"isOpened\" \r\n>\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"isOpened; else closed\" class=\"material-icons spin\">\r\n {{ icons.open }}\r\n </span>\r\n\r\n <ng-template #closed>\r\n <span class=\"material-icons spin\">\r\n {{ icons.close }}\r\n </span>\r\n </ng-template>\r\n </span>\r\n</button>\r\n<button\r\n mat-icon-button\r\n fxLayoutAlign=\"center center\"\r\n *ngIf=\"isIcon\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: [".spin{animation:spinArrow .3s forwards}@keyframes spinArrow{to{transform:rotate(180deg)}}.material-icons{color:var(--base-30)}\n"] }]
|
|
94
94
|
}], () => [{ type: undefined, decorators: [{
|
|
95
95
|
type: Optional
|
|
96
96
|
}, {
|
|
@@ -111,4 +111,4 @@ export class OpenCloseButtonComponent {
|
|
|
111
111
|
args: [MatButton]
|
|
112
112
|
}] }); })();
|
|
113
113
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OpenCloseButtonComponent, { className: "OpenCloseButtonComponent", filePath: "lib\\open-close-button\\open-close-button.component.ts", lineNumber: 11 }); })();
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3Blbi1jbG9zZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWNvbW1vbi9zcmMvbGliL29wZW4tY2xvc2UtYnV0dG9uL29wZW4tY2xvc2UtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi9vcGVuLWNsb3NlLWJ1dHRvbi9vcGVuLWNsb3NlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFckQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7OztJQ1c1RCwrQkFBZ0U7SUFDOUQsWUFDRjtJQUFBLGlCQUFPOzs7SUFETCxjQUNGO0lBREUsa0RBQ0Y7OztJQUdFLCtCQUFrQztJQUNoQyxZQUNGO0lBQUEsaUJBQU87OztJQURMLGNBQ0Y7SUFERSxtREFDRjs7O0lBckJOLGlDQVFDOztJQUVHLEFBREYsK0JBQW1ELGNBQzRCO0lBQzNFLGtCQUF5QjtJQUMzQixpQkFBTztJQU1QLEFBSkEsb0ZBQWdFLHNIQUkzQztJQU16QixBQURFLGlCQUFPLEVBQ0E7Ozs7SUFuQlAsQUFEQSxBQURBLDBDQUFxQix1QkFDQyw2Q0FDc0I7O0lBU25DLGVBQWdCO0lBQUEsQUFBaEIsc0NBQWdCLHVCQUFXOzs7SUFXdEMsaUNBS2dEOztJQUM5QywrQkFBNkI7SUFDM0IsWUFDRjtJQUNGLEFBREUsaUJBQU8sRUFDQTs7O0lBTFAsMENBQXFCOztJQUduQixlQUNGO0lBREUseUZBQ0Y7O0FEdkJGLE1BQU0sT0FBTyx3QkFBd0I7SUFRbkMsSUFBYSxRQUFRLENBQUMsS0FBYztRQUNsQyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztZQUMzRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDZixDQUFDO1FBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksUUFBUSxLQUFLLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFPekMsWUFBNkUsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFGakgsaUJBQVksR0FBc0IsRUFBRSxJQUFJLEVBQUUscUJBQXFCLEVBQUUsS0FBSyxFQUFFLG1CQUFtQixFQUFFLENBQUM7SUFFdUIsQ0FBQztJQUV0SCxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzRCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEIsQ0FBQzt5SEE5QlUsd0JBQXdCLHVCQXNCSCwwQkFBMEI7b0VBdEIvQyx3QkFBd0I7MkJBaUJ4QixTQUFTOzs7Ozs7WUNGdEIsQUF6QkEsK0VBUUMsa0VBc0IrQzs7WUE1QjdDLGtDQUFhO1lBMEJiLGNBQVk7WUFBWixpQ0FBWTs7O2lGRGxCRix3QkFBd0I7Y0FMcEMsU0FBUzsyQkFDRSx1QkFBdUI7O3NCQTBCcEIsUUFBUTs7c0JBQUksTUFBTTt1QkFBQywwQkFBMEI7cUJBbkJqRCxvQkFBb0I7a0JBQTVCLEtBQUs7WUFDRyxRQUFRO2tCQUFoQixLQUFLO1lBQ0csTUFBTTtrQkFBZCxLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUVPLFFBQVE7a0JBQXBCLEtBQUs7WUFTZ0IsTUFBTTtrQkFBM0IsU0FBUzttQkFBQyxTQUFTOztrRkFqQlQsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgT3BlbkNsb3NlQnRuSWNvbnMgfSBmcm9tICcuL21vZGVscyc7XHJcbmltcG9ydCB7IE9QRU5fQ0xPU0VfQlROX0lDT05TX1RPS0VOIH0gZnJvbSAnLi9pbmplY3Rpb24tdG9rZW5zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLW9wZW4tY2xvc2UtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vb3Blbi1jbG9zZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9vcGVuLWNsb3NlLWJ1dHRvbi5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE9wZW5DbG9zZUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSBfaXNPcGVuZWQhOiBib29sZWFuO1xyXG5cclxuICBASW5wdXQoKSBkaXNhYmxlRm9jdXNPbkFjdGlvbiE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGlzSWNvbiE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgYXJpYUxhYmVsQ29kZSE6IHN0cmluZztcclxuICBcclxuICBASW5wdXQoKSBzZXQgaXNPcGVuZWQodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIGlmICh0aGlzLl9pc09wZW5lZCAmJiAhdmFsdWUgJiYgIXRoaXMuZGlzYWJsZUZvY3VzT25BY3Rpb24pIHtcclxuICAgICAgdGhpcy5mb2N1cygpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5faXNPcGVuZWQgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGdldCBpc09wZW5lZCgpIHsgcmV0dXJuIHRoaXMuX2lzT3BlbmVkOyB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoTWF0QnV0dG9uKSBidXR0b24hOiBNYXRCdXR0b247XHJcblxyXG4gIGljb25zITogT3BlbkNsb3NlQnRuSWNvbnM7XHJcbiAgZGVmYXVsdEljb25zOiBPcGVuQ2xvc2VCdG5JY29ucyA9IHsgb3BlbjogJ2tleWJvYXJkX2Fycm93X2Rvd24nLCBjbG9zZTogJ2tleWJvYXJkX2Fycm93X3VwJyB9O1xyXG5cclxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBASW5qZWN0KE9QRU5fQ0xPU0VfQlROX0lDT05TX1RPS0VOKSBwcml2YXRlIHJlYWRvbmx5IG9wZW5DbG9zZUJ0bkljb25zOiBPcGVuQ2xvc2VCdG5JY29ucyApIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pY29ucyA9IHRoaXMub3BlbkNsb3NlQnRuSWNvbnMgPz8gdGhpcy5kZWZhdWx0SWNvbnM7XHJcbiAgfVxyXG5cclxuICBmb2N1cygpOiB2b2lkIHtcclxuICAgIHRoaXMuYnV0dG9uLmZvY3VzKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxidXR0b25cclxuICBtYXQtYnV0dG9uXHJcbiAgKm5nSWY9XCIhaXNJY29uXCJcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gIFtkaXNhYmxlUmlwcGxlXT1cInRydWVcIlxyXG4gIFtuZ0NsYXNzLmx0LW1kXT1cIidvcGVuLWNsb3NlLWJ1dHRvbi10YWJsZXQnXCJcclxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbENvZGUgfCB0cmFuc2xhdGVcIlxyXG4gIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNPcGVuZWRcIiAgXHJcbj5cclxuICA8c3BhbiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cIm9wZW4tY2xvc2UtYnV0dG9uLWNvbnRlbnQgdGV4dC1sXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9zcGFuPlxyXG5cclxuICAgIDxzcGFuICpuZ0lmPVwiaXNPcGVuZWQ7IGVsc2UgY2xvc2VkXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBzcGluXCI+XHJcbiAgICAgIHt7IGljb25zLm9wZW4gfX1cclxuICAgIDwvc3Bhbj5cclxuXHJcbiAgICA8bmctdGVtcGxhdGUgI2Nsb3NlZD5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBzcGluXCI+XHJcbiAgICAgICAge3sgaWNvbnMuY2xvc2UgfX1cclxuICAgICAgPC9zcGFuPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICA8L3NwYW4+XHJcbjwvYnV0dG9uPlxyXG48YnV0dG9uXHJcbiAgbWF0LWljb24tYnV0dG9uXHJcbiAgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIlxyXG4gICpuZ0lmPVwiaXNJY29uXCJcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsQ29kZSB8IHRyYW5zbGF0ZVwiPlxyXG4gIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIj5cclxuICAgIHt7IGlzT3BlbmVkID8gaWNvbnMub3BlbiA6IGljb25zLmNsb3NlIH19XHJcbiAgPC9zcGFuPlxyXG48L2J1dHRvbj5cclxuIl19
|
|
@@ -4709,7 +4709,7 @@ function OpenCloseButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
|
|
|
4709
4709
|
const closed_r2 = i0.ɵɵreference(7);
|
|
4710
4710
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
4711
4711
|
i0.ɵɵproperty("disabled", ctx_r0.disabled)("disableRipple", true)("ngClass.lt-md", "open-close-button-tablet");
|
|
4712
|
-
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1,
|
|
4712
|
+
i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 7, ctx_r0.ariaLabelCode))("aria-expanded", ctx_r0.isOpened);
|
|
4713
4713
|
i0.ɵɵadvance(5);
|
|
4714
4714
|
i0.ɵɵproperty("ngIf", ctx_r0.isOpened)("ngIfElse", closed_r2);
|
|
4715
4715
|
} }
|
|
@@ -4752,7 +4752,7 @@ class OpenCloseButtonComponent {
|
|
|
4752
4752
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.button = _t.first);
|
|
4753
4753
|
} }, inputs: { disableFocusOnAction: "disableFocusOnAction", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode", isOpened: "isOpened" }, ngContentSelectors: _c0$7, decls: 2, vars: 2, consts: [["closed", ""], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md", 4, "ngIf"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled", 4, "ngIf"], ["mat-button", "", 3, "disabled", "disableRipple", "ngClass.lt-md"], ["fxLayout", "row", "fxLayoutAlign", "center center"], ["fxLayoutAlign", "center center", 1, "open-close-button-content", "text-l"], ["class", "material-icons spin", 4, "ngIf", "ngIfElse"], [1, "material-icons", "spin"], ["mat-icon-button", "", "fxLayoutAlign", "center center", 3, "disabled"], [1, "material-icons"]], template: function OpenCloseButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
4754
4754
|
i0.ɵɵprojectionDef();
|
|
4755
|
-
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8,
|
|
4755
|
+
i0.ɵɵtemplate(0, OpenCloseButtonComponent_button_0_Template, 8, 9, "button", 1)(1, OpenCloseButtonComponent_button_1_Template, 4, 5, "button", 2);
|
|
4756
4756
|
} if (rf & 2) {
|
|
4757
4757
|
i0.ɵɵproperty("ngIf", !ctx.isIcon);
|
|
4758
4758
|
i0.ɵɵadvance();
|
|
@@ -4761,7 +4761,7 @@ class OpenCloseButtonComponent {
|
|
|
4761
4761
|
}
|
|
4762
4762
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenCloseButtonComponent, [{
|
|
4763
4763
|
type: Component,
|
|
4764
|
-
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"isOpened; else closed\" class=\"material-icons spin\">\r\n {{ icons.open }}\r\n </span>\r\n\r\n <ng-template #closed>\r\n <span class=\"material-icons spin\">\r\n {{ icons.close }}\r\n </span>\r\n </ng-template>\r\n </span>\r\n</button>\r\n<button\r\n mat-icon-button\r\n fxLayoutAlign=\"center center\"\r\n *ngIf=\"isIcon\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: [".spin{animation:spinArrow .3s forwards}@keyframes spinArrow{to{transform:rotate(180deg)}}.material-icons{color:var(--base-30)}\n"] }]
|
|
4764
|
+
args: [{ selector: 'lib-open-close-button', template: "<button\r\n mat-button\r\n *ngIf=\"!isIcon\"\r\n [disabled]=\"disabled\"\r\n [disableRipple]=\"true\"\r\n [ngClass.lt-md]=\"'open-close-button-tablet'\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\"\r\n [attr.aria-expanded]=\"isOpened\" \r\n>\r\n <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n <span class=\"open-close-button-content text-l\" fxLayoutAlign=\"center center\">\r\n <ng-content></ng-content>\r\n </span>\r\n\r\n <span *ngIf=\"isOpened; else closed\" class=\"material-icons spin\">\r\n {{ icons.open }}\r\n </span>\r\n\r\n <ng-template #closed>\r\n <span class=\"material-icons spin\">\r\n {{ icons.close }}\r\n </span>\r\n </ng-template>\r\n </span>\r\n</button>\r\n<button\r\n mat-icon-button\r\n fxLayoutAlign=\"center center\"\r\n *ngIf=\"isIcon\"\r\n [disabled]=\"disabled\"\r\n [attr.aria-label]=\"ariaLabelCode | translate\">\r\n <span class=\"material-icons\">\r\n {{ isOpened ? icons.open : icons.close }}\r\n </span>\r\n</button>\r\n", styles: [".spin{animation:spinArrow .3s forwards}@keyframes spinArrow{to{transform:rotate(180deg)}}.material-icons{color:var(--base-30)}\n"] }]
|
|
4765
4765
|
}], () => [{ type: undefined, decorators: [{
|
|
4766
4766
|
type: Optional
|
|
4767
4767
|
}, {
|