@annalib/anna-core 34.0.18 → 34.0.19
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.
|
@@ -4152,7 +4152,7 @@ class ButtonToggleComponent {
|
|
|
4152
4152
|
useExisting: forwardRef(() => ButtonToggleComponent),
|
|
4153
4153
|
multi: true,
|
|
4154
4154
|
},
|
|
4155
|
-
], ngImport: i0, template: "<div\r\n class=\"toggle-group\"\r\n [class.disabled]=\"disabled\"\r\n>\r\n <button\r\n *ngFor=\"let option of options\"\r\n class=\"toggle-button\"\r\n [class.active]=\"selectedValue === option.value\"\r\n [disabled]=\"disabled || option.disabled\"\r\n (click)=\"onToggle(option.value)\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n</div>\r\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:
|
|
4155
|
+
], ngImport: i0, template: "<div\r\n class=\"toggle-group\"\r\n [class.disabled]=\"disabled\"\r\n>\r\n <button\r\n *ngFor=\"let option of options\"\r\n class=\"toggle-button\"\r\n [class.active]=\"selectedValue === option.value\"\r\n [disabled]=\"disabled || option.disabled\"\r\n (click)=\"onToggle(option.value)\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n</div>\r\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:400;line-height:22px;font-size:var(--page-link-fs);font-family:Roboto;white-space:nowrap;transition:all .3s ease;opacity:1}.toggle-group:not(.disabled) .toggle-button.active{background:#1b88ff;color:#fff}.toggle-group:not(.disabled) .toggle-button:not(.active){background:#fff;color:#bdbdbd}.toggle-group.disabled .toggle-button.active{opacity:.5;background:#7b7b7b;color:#fff;cursor:not-allowed}.toggle-group.disabled .toggle-button:not(.active){opacity:.5;background-color:#bdbdbd;color:#4a4a4a;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4156
4156
|
}
|
|
4157
4157
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonToggleComponent, decorators: [{
|
|
4158
4158
|
type: Component,
|
|
@@ -4162,7 +4162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
4162
4162
|
useExisting: forwardRef(() => ButtonToggleComponent),
|
|
4163
4163
|
multi: true,
|
|
4164
4164
|
},
|
|
4165
|
-
], template: "<div\r\n class=\"toggle-group\"\r\n [class.disabled]=\"disabled\"\r\n>\r\n <button\r\n *ngFor=\"let option of options\"\r\n class=\"toggle-button\"\r\n [class.active]=\"selectedValue === option.value\"\r\n [disabled]=\"disabled || option.disabled\"\r\n (click)=\"onToggle(option.value)\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n</div>\r\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:
|
|
4165
|
+
], template: "<div\r\n class=\"toggle-group\"\r\n [class.disabled]=\"disabled\"\r\n>\r\n <button\r\n *ngFor=\"let option of options\"\r\n class=\"toggle-button\"\r\n [class.active]=\"selectedValue === option.value\"\r\n [disabled]=\"disabled || option.disabled\"\r\n (click)=\"onToggle(option.value)\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n</div>\r\n", styles: [".toggle-group{display:flex;border:1px solid #e0e0e0}.toggle-button{border:none;cursor:pointer;padding:0 12px;width:fit-content!important;font-weight:400;line-height:22px;font-size:var(--page-link-fs);font-family:Roboto;white-space:nowrap;transition:all .3s ease;opacity:1}.toggle-group:not(.disabled) .toggle-button.active{background:#1b88ff;color:#fff}.toggle-group:not(.disabled) .toggle-button:not(.active){background:#fff;color:#bdbdbd}.toggle-group.disabled .toggle-button.active{opacity:.5;background:#7b7b7b;color:#fff;cursor:not-allowed}.toggle-group.disabled .toggle-button:not(.active){opacity:.5;background-color:#bdbdbd;color:#4a4a4a;cursor:not-allowed}\n"] }]
|
|
4166
4166
|
}], propDecorators: { options: [{
|
|
4167
4167
|
type: Input
|
|
4168
4168
|
}], disabled: [{
|