@logosphere-ui/angular 0.0.1-alpha.11 → 0.0.1-alpha.13

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.
Files changed (44) hide show
  1. package/fesm2022/logosphere-ui-angular-src-lib-badge.mjs +10 -10
  2. package/fesm2022/logosphere-ui-angular-src-lib-badge.mjs.map +1 -1
  3. package/fesm2022/logosphere-ui-angular-src-lib-button.mjs +5 -18
  4. package/fesm2022/logosphere-ui-angular-src-lib-button.mjs.map +1 -1
  5. package/fesm2022/logosphere-ui-angular-src-lib-card.mjs +8 -8
  6. package/fesm2022/logosphere-ui-angular-src-lib-card.mjs.map +1 -1
  7. package/fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs +12 -12
  8. package/fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs.map +1 -1
  9. package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs +28 -28
  10. package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs.map +1 -1
  11. package/fesm2022/logosphere-ui-angular-src-lib-download-manager.mjs +6 -6
  12. package/fesm2022/logosphere-ui-angular-src-lib-download-manager.mjs.map +1 -1
  13. package/fesm2022/logosphere-ui-angular-src-lib-drawer.mjs +10 -10
  14. package/fesm2022/logosphere-ui-angular-src-lib-drawer.mjs.map +1 -1
  15. package/fesm2022/logosphere-ui-angular-src-lib-formfield.mjs +24 -24
  16. package/fesm2022/logosphere-ui-angular-src-lib-formfield.mjs.map +1 -1
  17. package/fesm2022/logosphere-ui-angular-src-lib-input.mjs +30 -30
  18. package/fesm2022/logosphere-ui-angular-src-lib-input.mjs.map +1 -1
  19. package/fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs +18 -31
  20. package/fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs.map +1 -1
  21. package/fesm2022/logosphere-ui-angular-src-lib-modal.mjs +7 -7
  22. package/fesm2022/logosphere-ui-angular-src-lib-modal.mjs.map +1 -1
  23. package/fesm2022/logosphere-ui-angular-src-lib-pagination.mjs +20 -20
  24. package/fesm2022/logosphere-ui-angular-src-lib-pagination.mjs.map +1 -1
  25. package/fesm2022/logosphere-ui-angular-src-lib-popover.mjs +10 -10
  26. package/fesm2022/logosphere-ui-angular-src-lib-popover.mjs.map +1 -1
  27. package/fesm2022/logosphere-ui-angular-src-lib-switch.mjs +6 -6
  28. package/fesm2022/logosphere-ui-angular-src-lib-switch.mjs.map +1 -1
  29. package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs +4 -4
  30. package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs.map +1 -1
  31. package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs +32 -32
  32. package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs.map +1 -1
  33. package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs +20 -20
  34. package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs.map +1 -1
  35. package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs +11 -11
  36. package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs.map +1 -1
  37. package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs +4 -4
  38. package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs.map +1 -1
  39. package/fesm2022/logosphere-ui-angular.mjs +265 -291
  40. package/fesm2022/logosphere-ui-angular.mjs.map +1 -1
  41. package/package.json +2 -2
  42. package/types/logosphere-ui-angular-src-lib-button.d.ts +1 -2
  43. package/types/logosphere-ui-angular-src-lib-left-menu.d.ts +1 -7
  44. package/types/logosphere-ui-angular.d.ts +2 -9
package/fesm2022/logosphere-ui-angular.mjs CHANGED
@@ -37,11 +37,11 @@ class LogosphereBadge {
37
37
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
38
38
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereBadge, isStandalone: true, selector: "lgs-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, isRound: { classPropertyName: "isRound", publicName: "isRound", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: `
39
39
  <logosphere-badge
40
- [attr.variant]="variant()"
41
- [attr.size]="size()"
42
- [attr.text]="text()"
43
- [attr.closeable]="closeable() ? '' : null"
44
- [attr.isround]="isRound() ? '' : null"
40
+ [variant]="variant()"
41
+ [size]="size()"
42
+ [text]="text()"
43
+ [closeable]="closeable()"
44
+ [isRound]="isRound()"
45
45
  (close)="onClose($event)"
46
46
  >
47
47
  <ng-content></ng-content>
@@ -54,11 +54,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
54
54
  imports: [],
55
55
  template: `
56
56
  <logosphere-badge
57
- [attr.variant]="variant()"
58
- [attr.size]="size()"
59
- [attr.text]="text()"
60
- [attr.closeable]="closeable() ? '' : null"
61
- [attr.isround]="isRound() ? '' : null"
57
+ [variant]="variant()"
58
+ [size]="size()"
59
+ [text]="text()"
60
+ [closeable]="closeable()"
61
+ [isRound]="isRound()"
62
62
  (close)="onClose($event)"
63
63
  >
64
64
  <ng-content></ng-content>
@@ -70,18 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
70
70
  class LogosphereButton {
71
71
  theme = input('primary', ...(ngDevMode ? [{ debugName: "theme" }] : []));
72
72
  size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
73
- variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : []));
73
+ variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
74
74
  iconOnly = input(false, ...(ngDevMode ? [{ debugName: "iconOnly" }] : []));
75
- disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
76
75
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
77
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereButton, isStandalone: true, selector: "lgs-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
78
- <logosphere-button
79
- [attr.theme]="theme()"
80
- [attr.size]="size()"
81
- [attr.variant]="variant()"
82
- [attr.icononly]="iconOnly() ? '' : null"
83
- [attr.disabled]="disabled() ? '' : null"
84
- >
76
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereButton, isStandalone: true, selector: "lgs-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
77
+ <logosphere-button [theme]="theme()" [size]="size()" [variant]="variant()" [iconOnly]="iconOnly()">
85
78
  <ng-content></ng-content>
86
79
  </logosphere-button>`, isInline: true });
87
80
  }
@@ -91,18 +84,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
91
84
  selector: 'lgs-button',
92
85
  imports: [],
93
86
  template: `
94
- <logosphere-button
95
- [attr.theme]="theme()"
96
- [attr.size]="size()"
97
- [attr.variant]="variant()"
98
- [attr.icononly]="iconOnly() ? '' : null"
99
- [attr.disabled]="disabled() ? '' : null"
100
- >
87
+ <logosphere-button [theme]="theme()" [size]="size()" [variant]="variant()" [iconOnly]="iconOnly()">
101
88
  <ng-content></ng-content>
102
89
  </logosphere-button>`,
103
90
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
104
91
  }]
105
- }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
92
+ }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }] } });
106
93
 
107
94
  class LogosphereCheckbox {
108
95
  disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
@@ -119,12 +106,12 @@ class LogosphereCheckbox {
119
106
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
120
107
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCheckbox, isStandalone: true, selector: "lgs-checkbox", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: `
121
108
  <logosphere-checkbox
122
- [attr.checked]="checked() ? '' : null"
123
- [attr.disabled]="disabled() ? '' : null"
124
- [attr.indeterminate]="indeterminate() ? '' : null"
125
- [attr.label]="label()"
126
- [attr.value]="value()"
127
- [attr.type]="type()"
109
+ [checked]="checked()"
110
+ [disabled]="disabled()"
111
+ [indeterminate]="indeterminate()"
112
+ [label]="label()"
113
+ [value]="value()"
114
+ [type]="type()"
128
115
  (lgsChange)="onChange($event)"
129
116
  >
130
117
  </logosphere-checkbox>`, isInline: true });
@@ -136,12 +123,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
136
123
  imports: [],
137
124
  template: `
138
125
  <logosphere-checkbox
139
- [attr.checked]="checked() ? '' : null"
140
- [attr.disabled]="disabled() ? '' : null"
141
- [attr.indeterminate]="indeterminate() ? '' : null"
142
- [attr.label]="label()"
143
- [attr.value]="value()"
144
- [attr.type]="type()"
126
+ [checked]="checked()"
127
+ [disabled]="disabled()"
128
+ [indeterminate]="indeterminate()"
129
+ [label]="label()"
130
+ [value]="value()"
131
+ [type]="type()"
145
132
  (lgsChange)="onChange($event)"
146
133
  >
147
134
  </logosphere-checkbox>`,
@@ -165,18 +152,18 @@ class LogosphereFormField {
165
152
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereFormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
166
153
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereFormField, isStandalone: true, selector: "lgs-formfield", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, cursor: { classPropertyName: "cursor", publicName: "cursor", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, multiline: { classPropertyName: "multiline", publicName: "multiline", isSignal: true, isRequired: false, transformFunction: null }, forceFocused: { classPropertyName: "forceFocused", publicName: "forceFocused", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
167
154
  <logosphere-formfield
168
- [attr.label]="label()"
169
- [attr.helper]="helper()"
170
- [attr.error]="error()"
171
- [attr.placeholder]="placeholder()"
172
- [attr.size]="size()"
173
- [attr.variant]="variant()"
174
- [attr.cursor]="cursor()"
175
- [attr.required]="required() ? '' : null"
176
- [attr.disabled]="disabled() ? '' : null"
177
- [attr.readonly]="readonly() ? '' : null"
178
- [attr.multiline]="multiline() ? '' : null"
179
- [attr.forcefocused]="forceFocused() ? '' : null"
155
+ [label]="label()"
156
+ [helper]="helper()"
157
+ [error]="error()"
158
+ [placeholder]="placeholder()"
159
+ [size]="size()"
160
+ [variant]="variant()"
161
+ [cursor]="cursor()"
162
+ [required]="required()"
163
+ [disabled]="disabled()"
164
+ [readonly]="readonly()"
165
+ [multiline]="multiline()"
166
+ [forceFocused]="forceFocused()"
180
167
  >
181
168
  <ng-content></ng-content>
182
169
  <ng-content select="[slot=prefix]" slot="prefix"></ng-content>
@@ -192,18 +179,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
192
179
  imports: [],
193
180
  template: `
194
181
  <logosphere-formfield
195
- [attr.label]="label()"
196
- [attr.helper]="helper()"
197
- [attr.error]="error()"
198
- [attr.placeholder]="placeholder()"
199
- [attr.size]="size()"
200
- [attr.variant]="variant()"
201
- [attr.cursor]="cursor()"
202
- [attr.required]="required() ? '' : null"
203
- [attr.disabled]="disabled() ? '' : null"
204
- [attr.readonly]="readonly() ? '' : null"
205
- [attr.multiline]="multiline() ? '' : null"
206
- [attr.forcefocused]="forceFocused() ? '' : null"
182
+ [label]="label()"
183
+ [helper]="helper()"
184
+ [error]="error()"
185
+ [placeholder]="placeholder()"
186
+ [size]="size()"
187
+ [variant]="variant()"
188
+ [cursor]="cursor()"
189
+ [required]="required()"
190
+ [disabled]="disabled()"
191
+ [readonly]="readonly()"
192
+ [multiline]="multiline()"
193
+ [forceFocused]="forceFocused()"
207
194
  >
208
195
  <ng-content></ng-content>
209
196
  <ng-content select="[slot=prefix]" slot="prefix"></ng-content>
@@ -227,9 +214,9 @@ class LogosphereSwitch {
227
214
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
228
215
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereSwitch, isStandalone: true, selector: "lgs-switch", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: `
229
216
  <logosphere-switch
230
- [attr.checked]="checked() ? '' : null"
231
- [attr.disabled]="disabled() ? '' : null"
232
- [attr.size]="size()"
217
+ [checked]="checked()"
218
+ [disabled]="disabled()"
219
+ [size]="size()"
233
220
  (change)="onChange($event)"
234
221
  ></logosphere-switch>
235
222
  `, isInline: true });
@@ -241,9 +228,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
241
228
  imports: [],
242
229
  template: `
243
230
  <logosphere-switch
244
- [attr.checked]="checked() ? '' : null"
245
- [attr.disabled]="disabled() ? '' : null"
246
- [attr.size]="size()"
231
+ [checked]="checked()"
232
+ [disabled]="disabled()"
233
+ [size]="size()"
247
234
  (change)="onChange($event)"
248
235
  ></logosphere-switch>
249
236
  `,
@@ -296,12 +283,12 @@ class LogosphereCard {
296
283
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
297
284
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCard, isStandalone: true, selector: "lgs-card", inputs: { cardTitle: { classPropertyName: "cardTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, okLabel: { classPropertyName: "okLabel", publicName: "okLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ok: "ok", cancel: "cancel" }, ngImport: i0, template: `
298
285
  <logosphere-card
299
- [attr.card-title]="cardTitle()"
300
- [attr.description]="description()"
286
+ [title]="cardTitle()"
287
+ [description]="description()"
301
288
  [header]="header()"
302
289
  [footer]="footer()"
303
- [attr.oklabel]="okLabel()"
304
- [attr.cancellabel]="cancelLabel()"
290
+ [okLabel]="okLabel()"
291
+ [cancelLabel]="cancelLabel()"
305
292
  (ok)="onOk()"
306
293
  (cancel)="onCancel()"
307
294
  >
@@ -318,12 +305,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
318
305
  imports: [],
319
306
  template: `
320
307
  <logosphere-card
321
- [attr.card-title]="cardTitle()"
322
- [attr.description]="description()"
308
+ [title]="cardTitle()"
309
+ [description]="description()"
323
310
  [header]="header()"
324
311
  [footer]="footer()"
325
- [attr.oklabel]="okLabel()"
326
- [attr.cancellabel]="cancelLabel()"
312
+ [okLabel]="okLabel()"
313
+ [cancelLabel]="cancelLabel()"
327
314
  (ok)="onOk()"
328
315
  (cancel)="onCancel()"
329
316
  >
@@ -384,26 +371,26 @@ class LogosphereInput {
384
371
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
385
372
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereInput, isStandalone: true, selector: "lgs-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", keydown: "keydown", keyup: "keyup", clear: "clear" }, ngImport: i0, template: `
386
373
  <logosphere-input
387
- [attr.value]="value()"
388
- [attr.type]="type()"
389
- [attr.placeholder]="placeholder()"
390
- [attr.name]="name()"
391
- [attr.autocomplete]="autocomplete()"
374
+ [value]="value()"
375
+ [type]="type()"
376
+ [placeholder]="placeholder()"
377
+ [name]="name()"
378
+ [autocomplete]="autocomplete()"
392
379
  [attr.minlength]="minlength()"
393
380
  [attr.maxlength]="maxlength()"
394
- [attr.pattern]="pattern()"
381
+ [pattern]="pattern()"
395
382
  [attr.min]="min()"
396
383
  [attr.max]="max()"
397
384
  [attr.step]="step()"
398
- [attr.size]="size()"
399
- [attr.variant]="variant()"
400
- [attr.label]="label()"
401
- [attr.helper]="helper()"
402
- [attr.error]="error()"
403
- [attr.required]="required() ? '' : null"
404
- [attr.disabled]="disabled() ? '' : null"
405
- [attr.readonly]="readonly() ? '' : null"
406
- [attr.mask]="mask()"
385
+ [size]="size()"
386
+ [variant]="variant()"
387
+ [label]="label()"
388
+ [helper]="helper()"
389
+ [error]="error()"
390
+ [required]="required()"
391
+ [disabled]="disabled()"
392
+ [readonly]="readonly()"
393
+ [mask]="mask()"
407
394
  (input)="onInput($event)"
408
395
  (change)="onChange($event)"
409
396
  (keydown)="onKeydown($event)"
@@ -422,26 +409,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
422
409
  imports: [],
423
410
  template: `
424
411
  <logosphere-input
425
- [attr.value]="value()"
426
- [attr.type]="type()"
427
- [attr.placeholder]="placeholder()"
428
- [attr.name]="name()"
429
- [attr.autocomplete]="autocomplete()"
412
+ [value]="value()"
413
+ [type]="type()"
414
+ [placeholder]="placeholder()"
415
+ [name]="name()"
416
+ [autocomplete]="autocomplete()"
430
417
  [attr.minlength]="minlength()"
431
418
  [attr.maxlength]="maxlength()"
432
- [attr.pattern]="pattern()"
419
+ [pattern]="pattern()"
433
420
  [attr.min]="min()"
434
421
  [attr.max]="max()"
435
422
  [attr.step]="step()"
436
- [attr.size]="size()"
437
- [attr.variant]="variant()"
438
- [attr.label]="label()"
439
- [attr.helper]="helper()"
440
- [attr.error]="error()"
441
- [attr.required]="required() ? '' : null"
442
- [attr.disabled]="disabled() ? '' : null"
443
- [attr.readonly]="readonly() ? '' : null"
444
- [attr.mask]="mask()"
423
+ [size]="size()"
424
+ [variant]="variant()"
425
+ [label]="label()"
426
+ [helper]="helper()"
427
+ [error]="error()"
428
+ [required]="required()"
429
+ [disabled]="disabled()"
430
+ [readonly]="readonly()"
431
+ [mask]="mask()"
445
432
  (input)="onInput($event)"
446
433
  (change)="onChange($event)"
447
434
  (keydown)="onKeydown($event)"
@@ -484,18 +471,18 @@ class LogospherePagination {
484
471
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogospherePagination, isStandalone: true, selector: "lgs-pagination", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showPageSize: { classPropertyName: "showPageSize", publicName: "showPageSize", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null }, pageLabel: { classPropertyName: "pageLabel", publicName: "pageLabel", isSignal: true, isRequired: false, transformFunction: null }, perPageLabel: { classPropertyName: "perPageLabel", publicName: "perPageLabel", isSignal: true, isRequired: false, transformFunction: null }, totalLabel: { classPropertyName: "totalLabel", publicName: "totalLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "page-change" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
485
472
  <logosphere-pagination
486
473
  #el
487
- [attr.variant]="variant()"
488
- [attr.page]="page()"
489
- [attr.pagesize]="pageSize()"
490
- [attr.total]="total()"
474
+ [variant]="variant()"
475
+ [page]="page()"
476
+ [pageSize]="pageSize()"
477
+ [total]="total()"
491
478
  [showPageSize]="showPageSize()"
492
479
  [showTotal]="showTotal()"
493
- [attr.disabled]="disabled() ? '' : null"
494
- [attr.prevlabel]="prevLabel()"
495
- [attr.nextlabel]="nextLabel()"
496
- [attr.pagelabel]="pageLabel()"
497
- [attr.perpagelabel]="perPageLabel()"
498
- [attr.totallabel]="totalLabel()"
480
+ [disabled]="disabled()"
481
+ [prevLabel]="prevLabel()"
482
+ [nextLabel]="nextLabel()"
483
+ [pageLabel]="pageLabel()"
484
+ [perPageLabel]="perPageLabel()"
485
+ [totalLabel]="totalLabel()"
499
486
  (page-change)="onPageChange($event)"
500
487
  ></logosphere-pagination>
501
488
  `, isInline: true });
@@ -508,18 +495,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
508
495
  template: `
509
496
  <logosphere-pagination
510
497
  #el
511
- [attr.variant]="variant()"
512
- [attr.page]="page()"
513
- [attr.pagesize]="pageSize()"
514
- [attr.total]="total()"
498
+ [variant]="variant()"
499
+ [page]="page()"
500
+ [pageSize]="pageSize()"
501
+ [total]="total()"
515
502
  [showPageSize]="showPageSize()"
516
503
  [showTotal]="showTotal()"
517
- [attr.disabled]="disabled() ? '' : null"
518
- [attr.prevlabel]="prevLabel()"
519
- [attr.nextlabel]="nextLabel()"
520
- [attr.pagelabel]="pageLabel()"
521
- [attr.perpagelabel]="perPageLabel()"
522
- [attr.totallabel]="totalLabel()"
504
+ [disabled]="disabled()"
505
+ [prevLabel]="prevLabel()"
506
+ [nextLabel]="nextLabel()"
507
+ [pageLabel]="pageLabel()"
508
+ [perPageLabel]="perPageLabel()"
509
+ [totalLabel]="totalLabel()"
523
510
  (page-change)="onPageChange($event)"
524
511
  ></logosphere-pagination>
525
512
  `,
@@ -548,11 +535,11 @@ class LogospherePopover {
548
535
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogospherePopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
549
536
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogospherePopover, isStandalone: true, selector: "lgs-popover", inputs: { popoverTitle: { classPropertyName: "popoverTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, ngImport: i0, template: `
550
537
  <logosphere-popover
551
- [attr.popover-title]="popoverTitle()"
552
- [attr.trigger]="trigger()"
553
- [attr.placement]="placement()"
554
- [attr.offset]="offset()"
555
- [attr.open]="open() ? '' : null"
538
+ [title]="popoverTitle()"
539
+ [trigger]="trigger()"
540
+ [placement]="placement()"
541
+ [offset]="offset()"
542
+ [open]="open()"
556
543
  [closeOnOutsideClick]="closeOnOutsideClick()"
557
544
  (popover-open)="onPopoverOpen()"
558
545
  (popover-close)="onPopoverClose()"
@@ -569,11 +556,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
569
556
  imports: [],
570
557
  template: `
571
558
  <logosphere-popover
572
- [attr.popover-title]="popoverTitle()"
573
- [attr.trigger]="trigger()"
574
- [attr.placement]="placement()"
575
- [attr.offset]="offset()"
576
- [attr.open]="open() ? '' : null"
559
+ [title]="popoverTitle()"
560
+ [trigger]="trigger()"
561
+ [placement]="placement()"
562
+ [offset]="offset()"
563
+ [open]="open()"
577
564
  [closeOnOutsideClick]="closeOnOutsideClick()"
578
565
  (popover-open)="onPopoverOpen()"
579
566
  (popover-close)="onPopoverClose()"
@@ -624,26 +611,26 @@ class LogosphereTextarea {
624
611
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
625
612
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTextarea, isStandalone: true, selector: "lgs-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", clear: "clear" }, ngImport: i0, template: `
626
613
  <logosphere-textarea
627
- [attr.value]="value()"
628
- [attr.placeholder]="placeholder()"
629
- [attr.name]="name()"
630
- [attr.autocomplete]="autocomplete()"
614
+ [value]="value()"
615
+ [placeholder]="placeholder()"
616
+ [name]="name()"
617
+ [autocomplete]="autocomplete()"
631
618
  [attr.minlength]="minlength()"
632
619
  [attr.maxlength]="maxlength()"
633
- [attr.rows]="rows()"
634
- [attr.maxrows]="maxRows()"
620
+ [rows]="rows()"
621
+ [maxRows]="maxRows()"
635
622
  [attr.cols]="cols()"
636
- [attr.wrap]="wrap()"
637
- [attr.resize]="resize()"
623
+ [wrap]="wrap()"
624
+ [resize]="resize()"
638
625
  [autoResize]="autoResize()"
639
- [attr.size]="size()"
640
- [attr.variant]="variant()"
641
- [attr.label]="label()"
642
- [attr.helper]="helper()"
643
- [attr.error]="error()"
644
- [attr.required]="required() ? '' : null"
645
- [attr.disabled]="disabled() ? '' : null"
646
- [attr.readonly]="readonly() ? '' : null"
626
+ [size]="size()"
627
+ [variant]="variant()"
628
+ [label]="label()"
629
+ [helper]="helper()"
630
+ [error]="error()"
631
+ [required]="required()"
632
+ [disabled]="disabled()"
633
+ [readonly]="readonly()"
647
634
  (input)="onInput($event)"
648
635
  (change)="onChange($event)"
649
636
  (clear)="onClear()"
@@ -657,26 +644,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
657
644
  imports: [],
658
645
  template: `
659
646
  <logosphere-textarea
660
- [attr.value]="value()"
661
- [attr.placeholder]="placeholder()"
662
- [attr.name]="name()"
663
- [attr.autocomplete]="autocomplete()"
647
+ [value]="value()"
648
+ [placeholder]="placeholder()"
649
+ [name]="name()"
650
+ [autocomplete]="autocomplete()"
664
651
  [attr.minlength]="minlength()"
665
652
  [attr.maxlength]="maxlength()"
666
- [attr.rows]="rows()"
667
- [attr.maxrows]="maxRows()"
653
+ [rows]="rows()"
654
+ [maxRows]="maxRows()"
668
655
  [attr.cols]="cols()"
669
- [attr.wrap]="wrap()"
670
- [attr.resize]="resize()"
656
+ [wrap]="wrap()"
657
+ [resize]="resize()"
671
658
  [autoResize]="autoResize()"
672
- [attr.size]="size()"
673
- [attr.variant]="variant()"
674
- [attr.label]="label()"
675
- [attr.helper]="helper()"
676
- [attr.error]="error()"
677
- [attr.required]="required() ? '' : null"
678
- [attr.disabled]="disabled() ? '' : null"
679
- [attr.readonly]="readonly() ? '' : null"
659
+ [size]="size()"
660
+ [variant]="variant()"
661
+ [label]="label()"
662
+ [helper]="helper()"
663
+ [error]="error()"
664
+ [required]="required()"
665
+ [disabled]="disabled()"
666
+ [readonly]="readonly()"
680
667
  (input)="onInput($event)"
681
668
  (change)="onChange($event)"
682
669
  (clear)="onClear()"
@@ -709,16 +696,16 @@ class LogosphereTimePicker {
709
696
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
710
697
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTimePicker, isStandalone: true, selector: "lgs-timepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", clear: "clear" }, ngImport: i0, template: `
711
698
  <logosphere-timepicker
712
- [attr.value]="value()"
713
- [attr.label]="label()"
714
- [attr.helper]="helper()"
715
- [attr.error]="error()"
716
- [attr.placeholder]="placeholder()"
717
- [attr.required]="required() ? '' : null"
718
- [attr.disabled]="disabled() ? '' : null"
719
- [attr.readonly]="readonly() ? '' : null"
720
- [attr.size]="size()"
721
- [attr.variant]="variant()"
699
+ [value]="value()"
700
+ [label]="label()"
701
+ [helper]="helper()"
702
+ [error]="error()"
703
+ [placeholder]="placeholder()"
704
+ [required]="required()"
705
+ [disabled]="disabled()"
706
+ [readonly]="readonly()"
707
+ [size]="size()"
708
+ [variant]="variant()"
722
709
  (change)="onChange($event)"
723
710
  (clear)="onClear()"
724
711
  ></logosphere-timepicker>
@@ -731,16 +718,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
731
718
  imports: [],
732
719
  template: `
733
720
  <logosphere-timepicker
734
- [attr.value]="value()"
735
- [attr.label]="label()"
736
- [attr.helper]="helper()"
737
- [attr.error]="error()"
738
- [attr.placeholder]="placeholder()"
739
- [attr.required]="required() ? '' : null"
740
- [attr.disabled]="disabled() ? '' : null"
741
- [attr.readonly]="readonly() ? '' : null"
742
- [attr.size]="size()"
743
- [attr.variant]="variant()"
721
+ [value]="value()"
722
+ [label]="label()"
723
+ [helper]="helper()"
724
+ [error]="error()"
725
+ [placeholder]="placeholder()"
726
+ [required]="required()"
727
+ [disabled]="disabled()"
728
+ [readonly]="readonly()"
729
+ [size]="size()"
730
+ [variant]="variant()"
744
731
  (change)="onChange($event)"
745
732
  (clear)="onClear()"
746
733
  ></logosphere-timepicker>
@@ -912,20 +899,20 @@ class LogosphereCombobox {
912
899
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCombobox, isStandalone: true, selector: "lgs-combobox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", selected: "selected" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
913
900
  <logosphere-combobox
914
901
  #el
915
- [attr.label]="label()"
916
- [attr.helper]="helper()"
917
- [attr.error]="error()"
918
- [attr.placeholder]="placeholder()"
919
- [attr.required]="required() ? '' : null"
920
- [attr.disabled]="disabled() ? '' : null"
921
- [attr.readonly]="readOnly() ? '' : null"
922
- [attr.variant]="variant()"
923
- [attr.multiple]="multiple() ? '' : null"
924
- [attr.filterable]="filterable() ? '' : null"
925
- [attr.optionlabel]="optionLabel()"
926
- [attr.optionvalue]="optionValue()"
927
- [attr.emptymessage]="emptyMessage()"
928
- [attr.size]="size()"
902
+ [label]="label()"
903
+ [helper]="helper()"
904
+ [error]="error()"
905
+ [placeholder]="placeholder()"
906
+ [required]="required()"
907
+ [disabled]="disabled()"
908
+ [readOnly]="readOnly()"
909
+ [variant]="variant()"
910
+ [multiple]="multiple()"
911
+ [filterable]="filterable()"
912
+ [optionLabel]="optionLabel()"
913
+ [optionValue]="optionValue()"
914
+ [emptyMessage]="emptyMessage()"
915
+ [size]="size()"
929
916
  [itemRenderer]="itemRenderer()"
930
917
  (change)="onChange($event)"
931
918
  (selected)="onSelected($event)"
@@ -940,20 +927,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
940
927
  template: `
941
928
  <logosphere-combobox
942
929
  #el
943
- [attr.label]="label()"
944
- [attr.helper]="helper()"
945
- [attr.error]="error()"
946
- [attr.placeholder]="placeholder()"
947
- [attr.required]="required() ? '' : null"
948
- [attr.disabled]="disabled() ? '' : null"
949
- [attr.readonly]="readOnly() ? '' : null"
950
- [attr.variant]="variant()"
951
- [attr.multiple]="multiple() ? '' : null"
952
- [attr.filterable]="filterable() ? '' : null"
953
- [attr.optionlabel]="optionLabel()"
954
- [attr.optionvalue]="optionValue()"
955
- [attr.emptymessage]="emptyMessage()"
956
- [attr.size]="size()"
930
+ [label]="label()"
931
+ [helper]="helper()"
932
+ [error]="error()"
933
+ [placeholder]="placeholder()"
934
+ [required]="required()"
935
+ [disabled]="disabled()"
936
+ [readOnly]="readOnly()"
937
+ [variant]="variant()"
938
+ [multiple]="multiple()"
939
+ [filterable]="filterable()"
940
+ [optionLabel]="optionLabel()"
941
+ [optionValue]="optionValue()"
942
+ [emptyMessage]="emptyMessage()"
943
+ [size]="size()"
957
944
  [itemRenderer]="itemRenderer()"
958
945
  (change)="onChange($event)"
959
946
  (selected)="onSelected($event)"
@@ -1065,9 +1052,9 @@ class LogosphereDownloadManager {
1065
1052
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereDownloadManager, deps: [], target: i0.ɵɵFactoryTarget.Component });
1066
1053
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereDownloadManager, isStandalone: true, selector: "lgs-download-manager", inputs: { chunkSize: { classPropertyName: "chunkSize", publicName: "chunkSize", isSignal: true, isRequired: false, transformFunction: null }, maxConcurrentDownloads: { classPropertyName: "maxConcurrentDownloads", publicName: "maxConcurrentDownloads", isSignal: true, isRequired: false, transformFunction: null }, maxConcurrentChunks: { classPropertyName: "maxConcurrentChunks", publicName: "maxConcurrentChunks", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
1067
1054
  <download-manager
1068
- [attr.chunksize]="chunkSize()"
1069
- [attr.maxconcurrentdownloads]="maxConcurrentDownloads()"
1070
- [attr.maxconcurrentchunks]="maxConcurrentChunks()"
1055
+ [chunkSize]="chunkSize()"
1056
+ [maxConcurrentDownloads]="maxConcurrentDownloads()"
1057
+ [maxConcurrentChunks]="maxConcurrentChunks()"
1071
1058
  ></download-manager>
1072
1059
  `, isInline: true });
1073
1060
  }
@@ -1078,9 +1065,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1078
1065
  imports: [],
1079
1066
  template: `
1080
1067
  <download-manager
1081
- [attr.chunksize]="chunkSize()"
1082
- [attr.maxconcurrentdownloads]="maxConcurrentDownloads()"
1083
- [attr.maxconcurrentchunks]="maxConcurrentChunks()"
1068
+ [chunkSize]="chunkSize()"
1069
+ [maxConcurrentDownloads]="maxConcurrentDownloads()"
1070
+ [maxConcurrentChunks]="maxConcurrentChunks()"
1084
1071
  ></download-manager>
1085
1072
  `,
1086
1073
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -1105,12 +1092,12 @@ class LogosphereDrawer {
1105
1092
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
1106
1093
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereDrawer, isStandalone: true, selector: "lgs-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, drawerTitle: { classPropertyName: "drawerTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, closeOnEsc: { classPropertyName: "closeOnEsc", publicName: "closeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, containerSelector: { classPropertyName: "containerSelector", publicName: "containerSelector", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { drawerOpen: "drawerOpen", drawerClose: "drawerClose" }, ngImport: i0, template: `
1107
1094
  <logosphere-drawer
1108
- [attr.open]="open() ? '' : null"
1109
- [attr.drawer-title]="drawerTitle()"
1110
- [attr.position]="position()"
1111
- [attr.width]="width()"
1095
+ [open]="open()"
1096
+ [title]="drawerTitle()"
1097
+ [position]="position()"
1098
+ [width]="width()"
1112
1099
  [closeOnEsc]="closeOnEsc()"
1113
- [attr.containerselector]="containerSelector()"
1100
+ [containerSelector]="containerSelector()"
1114
1101
  (drawer-open)="onDrawerOpen()"
1115
1102
  (drawer-close)="onDrawerClose()"
1116
1103
  >
@@ -1125,12 +1112,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1125
1112
  imports: [],
1126
1113
  template: `
1127
1114
  <logosphere-drawer
1128
- [attr.open]="open() ? '' : null"
1129
- [attr.drawer-title]="drawerTitle()"
1130
- [attr.position]="position()"
1131
- [attr.width]="width()"
1115
+ [open]="open()"
1116
+ [title]="drawerTitle()"
1117
+ [position]="position()"
1118
+ [width]="width()"
1132
1119
  [closeOnEsc]="closeOnEsc()"
1133
- [attr.containerselector]="containerSelector()"
1120
+ [containerSelector]="containerSelector()"
1134
1121
  (drawer-open)="onDrawerOpen()"
1135
1122
  (drawer-close)="onDrawerClose()"
1136
1123
  >
@@ -1143,29 +1130,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1143
1130
 
1144
1131
  class LogosphereLeftMenu {
1145
1132
  open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
1146
- pinned = input(false, ...(ngDevMode ? [{ debugName: "pinned" }] : []));
1147
- closedWidth = input(64, ...(ngDevMode ? [{ debugName: "closedWidth" }] : []));
1148
1133
  openWidth = input(248, ...(ngDevMode ? [{ debugName: "openWidth" }] : []));
1149
1134
  storageKey = input('logosphere-leftmenu-state', ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
1150
- pinChange = output();
1151
1135
  itemClick = output();
1152
- onPinChange(event) {
1153
- const e = event;
1154
- this.pinChange.emit(e.detail);
1155
- }
1156
1136
  onItemClick(event) {
1157
1137
  const e = event;
1158
1138
  this.itemClick.emit(e.detail);
1159
1139
  }
1160
1140
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLeftMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
1161
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLeftMenu, isStandalone: true, selector: "lgs-left-menu", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, pinned: { classPropertyName: "pinned", publicName: "pinned", isSignal: true, isRequired: false, transformFunction: null }, closedWidth: { classPropertyName: "closedWidth", publicName: "closedWidth", isSignal: true, isRequired: false, transformFunction: null }, openWidth: { classPropertyName: "openWidth", publicName: "openWidth", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pinChange: "pinChange", itemClick: "itemClick" }, ngImport: i0, template: `
1162
- <logosphere-leftmenu
1163
- [attr.open]="open() ? '' : null"
1164
- [attr.pinned]="pinned() ? '' : null"
1165
- [attr.closedwidth]="closedWidth()"
1166
- [attr.openwidth]="openWidth()"
1167
- [attr.storagekey]="storageKey()"
1168
- (pin-change)="onPinChange($event)"
1141
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLeftMenu, isStandalone: true, selector: "lgs-left-menu", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, openWidth: { classPropertyName: "openWidth", publicName: "openWidth", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
1142
+ <logosphere-leftmenu
1143
+ [open]="open()"
1144
+ [openWidth]="openWidth()"
1145
+ [storageKey]="storageKey()"
1169
1146
  (item-click)="onItemClick($event)"
1170
1147
  >
1171
1148
  <ng-content></ng-content>
@@ -1178,13 +1155,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1178
1155
  selector: 'lgs-left-menu',
1179
1156
  imports: [],
1180
1157
  template: `
1181
- <logosphere-leftmenu
1182
- [attr.open]="open() ? '' : null"
1183
- [attr.pinned]="pinned() ? '' : null"
1184
- [attr.closedwidth]="closedWidth()"
1185
- [attr.openwidth]="openWidth()"
1186
- [attr.storagekey]="storageKey()"
1187
- (pin-change)="onPinChange($event)"
1158
+ <logosphere-leftmenu
1159
+ [open]="open()"
1160
+ [openWidth]="openWidth()"
1161
+ [storageKey]="storageKey()"
1188
1162
  (item-click)="onItemClick($event)"
1189
1163
  >
1190
1164
  <ng-content></ng-content>
@@ -1192,7 +1166,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1192
1166
  `,
1193
1167
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
1194
1168
  }]
1195
- }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], pinned: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinned", required: false }] }], closedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "closedWidth", required: false }] }], openWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "openWidth", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], pinChange: [{ type: i0.Output, args: ["pinChange"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
1169
+ }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], openWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "openWidth", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
1196
1170
 
1197
1171
  class LogosphereLeftMenuItem {
1198
1172
  itemId = input('', ...(ngDevMode ? [{ debugName: "itemId" }] : []));
@@ -1202,10 +1176,10 @@ class LogosphereLeftMenuItem {
1202
1176
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLeftMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
1203
1177
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLeftMenuItem, isStandalone: true, selector: "lgs-left-menu-item", inputs: { itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
1204
1178
  <leftmenu-item
1205
- [attr.itemid]="itemId()"
1206
- [attr.label]="label()"
1207
- [attr.disabled]="disabled() ? '' : null"
1208
- [attr.active]="active() ? '' : null"
1179
+ [itemId]="itemId()"
1180
+ [label]="label()"
1181
+ [disabled]="disabled()"
1182
+ [active]="active()"
1209
1183
  >
1210
1184
  <ng-content></ng-content>
1211
1185
  </leftmenu-item>
@@ -1218,10 +1192,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1218
1192
  imports: [],
1219
1193
  template: `
1220
1194
  <leftmenu-item
1221
- [attr.itemid]="itemId()"
1222
- [attr.label]="label()"
1223
- [attr.disabled]="disabled() ? '' : null"
1224
- [attr.active]="active() ? '' : null"
1195
+ [itemId]="itemId()"
1196
+ [label]="label()"
1197
+ [disabled]="disabled()"
1198
+ [active]="active()"
1225
1199
  >
1226
1200
  <ng-content></ng-content>
1227
1201
  </leftmenu-item>
@@ -1236,7 +1210,7 @@ class LogosphereModal {
1236
1210
  closeOnEsc = input(true, ...(ngDevMode ? [{ debugName: "closeOnEsc" }] : []));
1237
1211
  closeOnBackdrop = input(true, ...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : []));
1238
1212
  showBack = input(false, ...(ngDevMode ? [{ debugName: "showBack" }] : []));
1239
- showClose = input(true, ...(ngDevMode ? [{ debugName: "showClose" }] : []));
1213
+ showClose = input(false, ...(ngDevMode ? [{ debugName: "showClose" }] : []));
1240
1214
  modalOpen = output();
1241
1215
  modalClose = output();
1242
1216
  onModalOpen() {
@@ -1248,11 +1222,11 @@ class LogosphereModal {
1248
1222
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
1249
1223
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereModal, isStandalone: true, selector: "lgs-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closeOnEsc: { classPropertyName: "closeOnEsc", publicName: "closeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, showBack: { classPropertyName: "showBack", publicName: "showBack", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modalOpen: "modalOpen", modalClose: "modalClose" }, ngImport: i0, template: `
1250
1224
  <logosphere-modal
1251
- [attr.open]="open() ? '' : null"
1252
- [attr.modal-title]="modalTitle()"
1225
+ [open]="open()"
1226
+ [title]="modalTitle()"
1253
1227
  [closeOnEsc]="closeOnEsc()"
1254
1228
  [closeOnBackdrop]="closeOnBackdrop()"
1255
- [attr.showback]="showBack() ? '' : null"
1229
+ [showBack]="showBack()"
1256
1230
  [showClose]="showClose()"
1257
1231
  (modal-open)="onModalOpen()"
1258
1232
  (modal-close)="onModalClose()"
@@ -1269,11 +1243,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1269
1243
  imports: [],
1270
1244
  template: `
1271
1245
  <logosphere-modal
1272
- [attr.open]="open() ? '' : null"
1273
- [attr.modal-title]="modalTitle()"
1246
+ [open]="open()"
1247
+ [title]="modalTitle()"
1274
1248
  [closeOnEsc]="closeOnEsc()"
1275
1249
  [closeOnBackdrop]="closeOnBackdrop()"
1276
- [attr.showback]="showBack() ? '' : null"
1250
+ [showBack]="showBack()"
1277
1251
  [showClose]="showClose()"
1278
1252
  (modal-open)="onModalOpen()"
1279
1253
  (modal-close)="onModalClose()"
@@ -1305,9 +1279,9 @@ class LogosphereTab {
1305
1279
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTab, isStandalone: true, selector: "lgs-tab", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabChange: "tabChange" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
1306
1280
  <logosphere-tab
1307
1281
  #el
1308
- [attr.activetab]="activeTab()"
1282
+ [activeTab]="activeTab()"
1309
1283
  [lazy]="lazy()"
1310
- [attr.variant]="variant()"
1284
+ [variant]="variant()"
1311
1285
  (tab-change)="onTabChange($event)"
1312
1286
  >
1313
1287
  <ng-content></ng-content>
@@ -1322,9 +1296,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1322
1296
  template: `
1323
1297
  <logosphere-tab
1324
1298
  #el
1325
- [attr.activetab]="activeTab()"
1299
+ [activeTab]="activeTab()"
1326
1300
  [lazy]="lazy()"
1327
- [attr.variant]="variant()"
1301
+ [variant]="variant()"
1328
1302
  (tab-change)="onTabChange($event)"
1329
1303
  >
1330
1304
  <ng-content></ng-content>
@@ -1343,7 +1317,7 @@ class LogosphereToast {
1343
1317
  text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
1344
1318
  icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
1345
1319
  closeable = input(true, ...(ngDevMode ? [{ debugName: "closeable" }] : []));
1346
- duration = input(6000, ...(ngDevMode ? [{ debugName: "duration" }] : []));
1320
+ duration = input(5000, ...(ngDevMode ? [{ debugName: "duration" }] : []));
1347
1321
  autoDismiss = input(true, ...(ngDevMode ? [{ debugName: "autoDismiss" }] : []));
1348
1322
  dismiss = output();
1349
1323
  onDismiss() {
@@ -1352,12 +1326,12 @@ class LogosphereToast {
1352
1326
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
1353
1327
  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereToast, isStandalone: true, selector: "lgs-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, toastTitle: { classPropertyName: "toastTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, autoDismiss: { classPropertyName: "autoDismiss", publicName: "autoDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: `
1354
1328
  <logosphere-toast
1355
- [attr.type]="type()"
1356
- [attr.toast-title]="toastTitle()"
1357
- [attr.text]="text()"
1358
- [attr.icon]="icon()"
1329
+ [type]="type()"
1330
+ [title]="toastTitle()"
1331
+ [text]="text()"
1332
+ [icon]="icon()"
1359
1333
  [closeable]="closeable()"
1360
- [attr.duration]="duration()"
1334
+ [duration]="duration()"
1361
1335
  [autoDismiss]="autoDismiss()"
1362
1336
  (dismiss)="onDismiss()"
1363
1337
  ></logosphere-toast>
@@ -1370,12 +1344,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1370
1344
  imports: [],
1371
1345
  template: `
1372
1346
  <logosphere-toast
1373
- [attr.type]="type()"
1374
- [attr.toast-title]="toastTitle()"
1375
- [attr.text]="text()"
1376
- [attr.icon]="icon()"
1347
+ [type]="type()"
1348
+ [title]="toastTitle()"
1349
+ [text]="text()"
1350
+ [icon]="icon()"
1377
1351
  [closeable]="closeable()"
1378
- [attr.duration]="duration()"
1352
+ [duration]="duration()"
1379
1353
  [autoDismiss]="autoDismiss()"
1380
1354
  (dismiss)="onDismiss()"
1381
1355
  ></logosphere-toast>
@@ -1434,9 +1408,9 @@ class LogosphereTreeMenu {
1434
1408
  <logosphere-tree-menu
1435
1409
  #el
1436
1410
  [expandOnLabelClick]="expandOnLabelClick()"
1437
- [attr.chevronposition]="chevronPosition()"
1411
+ [chevronPosition]="chevronPosition()"
1438
1412
  [showLabels]="showLabels()"
1439
- [attr.iconsize]="iconSize()"
1413
+ [iconSize]="iconSize()"
1440
1414
  (toggle)="onToggle($event)"
1441
1415
  (item-click)="onItemClick($event)"
1442
1416
  (node-click)="onNodeClick($event)"
@@ -1452,9 +1426,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
1452
1426
  <logosphere-tree-menu
1453
1427
  #el
1454
1428
  [expandOnLabelClick]="expandOnLabelClick()"
1455
- [attr.chevronposition]="chevronPosition()"
1429
+ [chevronPosition]="chevronPosition()"
1456
1430
  [showLabels]="showLabels()"
1457
- [attr.iconsize]="iconSize()"
1431
+ [iconSize]="iconSize()"
1458
1432
  (toggle)="onToggle($event)"
1459
1433
  (item-click)="onItemClick($event)"
1460
1434
  (node-click)="onNodeClick($event)"