@zambon-dev/ui 1.0.0 → 1.1.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.
Files changed (26) hide show
  1. package/CHANGELOG.md +173 -0
  2. package/fesm2022/zambon-dev-ui-framework.mjs +65 -13
  3. package/fesm2022/zambon-dev-ui-framework.mjs.map +1 -1
  4. package/fesm2022/zambon-dev-ui-library.mjs +250 -34
  5. package/fesm2022/zambon-dev-ui-library.mjs.map +1 -1
  6. package/fesm2022/zambon-dev-ui-shared.mjs +304 -51
  7. package/fesm2022/zambon-dev-ui-shared.mjs.map +1 -1
  8. package/fesm2022/zambon-dev-ui.mjs +3 -0
  9. package/i18n/shared/login/en.json +2 -0
  10. package/i18n/shared/login/pt.json +2 -0
  11. package/i18n/shared/top-bar/en.json +3 -0
  12. package/i18n/shared/top-bar/pt.json +3 -0
  13. package/package.json +1 -1
  14. package/styles/common.scss +0 -1
  15. package/styles/components/card.scss +9 -3
  16. package/styles/components/dropdown-static.scss +15 -17
  17. package/styles/components/input-group.scss +7 -3
  18. package/styles/components/input.scss +38 -17
  19. package/styles/components/label.scss +4 -1
  20. package/styles/theme.css +232 -0
  21. package/styles/variables.scss +79 -53
  22. package/types/zambon-dev-ui-framework.d.ts +15 -4
  23. package/types/zambon-dev-ui-library.d.ts +83 -1
  24. package/types/zambon-dev-ui-shared.d.ts +68 -1
  25. package/types/zambon-dev-ui.d.ts +4 -1
  26. package/styles/components/button.scss +0 -101
package/fesm2022/zambon-dev-ui-library.mjs CHANGED
@@ -49,6 +49,175 @@ i0.ɵɵngDeclareClassMetadata({
49
49
  args: [{ template: "" }]
50
50
  }]
51
51
  });
52
+ var ButtonComponent = class ButtonComponent {
53
+ intent = input("secondary", ...ngDevMode ? [{ debugName: "intent" }] : /* istanbul ignore next */ []);
54
+ type = input("button", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
55
+ disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
56
+ loading = input(false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
57
+ success = input(false, ...ngDevMode ? [{ debugName: "success" }] : /* istanbul ignore next */ []);
58
+ error = input(false, ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
59
+ icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : /* istanbul ignore next */ []);
60
+ ariaLabel = input(...ngDevMode ? [void 0, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
61
+ isBlocked = computed(() => this.disabled() || this.loading() || this.success(), ...ngDevMode ? [{ debugName: "isBlocked" }] : /* istanbul ignore next */ []);
62
+ static ɵfac = i0.ɵɵngDeclareFactory({
63
+ minVersion: "12.0.0",
64
+ version: "22.2.0",
65
+ ngImport: i0,
66
+ type: ButtonComponent,
67
+ deps: [],
68
+ target: i0.ɵɵFactoryTarget.Component
69
+ });
70
+ static ɵcmp = i0.ɵɵngDeclareComponent({
71
+ minVersion: "17.0.0",
72
+ version: "22.2.0",
73
+ type: ButtonComponent,
74
+ isStandalone: true,
75
+ selector: "lib-button",
76
+ inputs: {
77
+ intent: {
78
+ classPropertyName: "intent",
79
+ publicName: "intent",
80
+ isSignal: true,
81
+ isRequired: false,
82
+ transformFunction: null
83
+ },
84
+ type: {
85
+ classPropertyName: "type",
86
+ publicName: "type",
87
+ isSignal: true,
88
+ isRequired: false,
89
+ transformFunction: null
90
+ },
91
+ disabled: {
92
+ classPropertyName: "disabled",
93
+ publicName: "disabled",
94
+ isSignal: true,
95
+ isRequired: false,
96
+ transformFunction: null
97
+ },
98
+ loading: {
99
+ classPropertyName: "loading",
100
+ publicName: "loading",
101
+ isSignal: true,
102
+ isRequired: false,
103
+ transformFunction: null
104
+ },
105
+ success: {
106
+ classPropertyName: "success",
107
+ publicName: "success",
108
+ isSignal: true,
109
+ isRequired: false,
110
+ transformFunction: null
111
+ },
112
+ error: {
113
+ classPropertyName: "error",
114
+ publicName: "error",
115
+ isSignal: true,
116
+ isRequired: false,
117
+ transformFunction: null
118
+ },
119
+ icon: {
120
+ classPropertyName: "icon",
121
+ publicName: "icon",
122
+ isSignal: true,
123
+ isRequired: false,
124
+ transformFunction: null
125
+ },
126
+ ariaLabel: {
127
+ classPropertyName: "ariaLabel",
128
+ publicName: "ariaLabel",
129
+ isSignal: true,
130
+ isRequired: false,
131
+ transformFunction: null
132
+ }
133
+ },
134
+ ngImport: i0,
135
+ template: "<button\n class=\"lib-button\"\n [class]=\"'intent-' + intent()\"\n [class.is-loading]=\"loading()\"\n [class.is-success]=\"success()\"\n [class.is-error]=\"error()\"\n [type]=\"type()\"\n [disabled]=\"isBlocked()\"\n [attr.aria-busy]=\"loading() ? 'true' : null\"\n [attr.aria-label]=\"ariaLabel() ?? null\"\n>\n @if (loading()) {\n <span class=\"lib-button-spinner\" aria-hidden=\"true\"></span>\n } @else if (success()) {\n <i class=\"fa-solid fa-check fa-fw\" aria-hidden=\"true\"></i>\n } @else if (error()) {\n <i class=\"fa-solid fa-times fa-fw\" aria-hidden=\"true\"></i>\n } @else if (icon()) {\n <i class=\"fa-fw\" [class]=\"icon()\" aria-hidden=\"true\"></i>\n }\n\n <span class=\"lib-button-label\"><ng-content></ng-content></span>\n</button>\n",
136
+ styles: ["@layer properties;:host{display:inline-flex}.lib-button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1.5);-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;min-height:calc(var(--spacing, .25rem) * 9);border-radius:var(--radius-control);font-size:var(--text-body);font-weight:var(--font-weight-ui);transition-property:background-color,border-color,color;transition-duration:var(--duration-instant);transition-timing-function:var(--ease-standard)}.lib-button:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--focus-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-color: var(--color-focus-ring)}@media(forced-colors:active){.lib-button:focus-visible{outline:2px solid transparent;outline-offset:2px}}.lib-button:disabled{pointer-events:none;opacity:var(--opacity-disabled)}.lib-button .lib-button-label:empty{display:none}.lib-button:has(.lib-button-label:empty){width:calc(var(--spacing, .25rem) * 9);padding-inline:0px}.intent-primary{background-color:var(--color-accent);color:var(--color-content-on-accent)}.intent-primary:hover{background-color:var(--color-accent-strong)}.intent-secondary{background-color:var(--color-surface-inset);color:var(--color-content-primary);border-color:var(--color-line)}.intent-secondary:hover{background-image:linear-gradient(var(--state-hover),var(--state-hover))}.intent-danger{background-color:var(--color-danger);color:var(--color-content-on-accent)}.intent-danger:hover{background-color:color-mix(in srgb,oklch(57.7% .245 27.325) 85%,black)}@supports (color: color-mix(in lab,red,red)){.intent-danger:hover{background-color:color-mix(in srgb,var(--color-danger) 85%,black)}}.intent-ghost{color:var(--color-content-secondary)}.intent-ghost:hover{background-color:var(--state-hover);color:var(--color-content-primary)}.is-success{background-color:var(--color-success);color:var(--color-content-on-accent);border-color:transparent}.is-error{background-color:var(--color-danger);color:var(--color-content-on-accent);border-color:transparent}.is-error:hover{background-color:color-mix(in srgb,oklch(57.7% .245 27.325) 85%,black)}@supports (color: color-mix(in lab,red,red)){.is-error:hover{background-color:color-mix(in srgb,var(--color-danger) 85%,black)}}.lib-button-spinner{display:inline-block;height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 4);flex-shrink:0;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:currentColor;border-right-color:transparent;animation:lib-button-spin .6s linear infinite}@keyframes lib-button-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.lib-button-spinner{animation:none}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
137
+ changeDetection: i0.ChangeDetectionStrategy.OnPush
138
+ });
139
+ };
140
+ i0.ɵɵngDeclareClassMetadata({
141
+ minVersion: "12.0.0",
142
+ version: "22.2.0",
143
+ ngImport: i0,
144
+ type: ButtonComponent,
145
+ decorators: [{
146
+ type: Component,
147
+ args: [{
148
+ selector: "lib-button",
149
+ changeDetection: ChangeDetectionStrategy.OnPush,
150
+ template: "<button\n class=\"lib-button\"\n [class]=\"'intent-' + intent()\"\n [class.is-loading]=\"loading()\"\n [class.is-success]=\"success()\"\n [class.is-error]=\"error()\"\n [type]=\"type()\"\n [disabled]=\"isBlocked()\"\n [attr.aria-busy]=\"loading() ? 'true' : null\"\n [attr.aria-label]=\"ariaLabel() ?? null\"\n>\n @if (loading()) {\n <span class=\"lib-button-spinner\" aria-hidden=\"true\"></span>\n } @else if (success()) {\n <i class=\"fa-solid fa-check fa-fw\" aria-hidden=\"true\"></i>\n } @else if (error()) {\n <i class=\"fa-solid fa-times fa-fw\" aria-hidden=\"true\"></i>\n } @else if (icon()) {\n <i class=\"fa-fw\" [class]=\"icon()\" aria-hidden=\"true\"></i>\n }\n\n <span class=\"lib-button-label\"><ng-content></ng-content></span>\n</button>\n",
151
+ styles: ["@layer properties;:host{display:inline-flex}.lib-button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 2);padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 1.5);-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);border-width:1px;border-color:transparent;min-height:calc(var(--spacing, .25rem) * 9);border-radius:var(--radius-control);font-size:var(--text-body);font-weight:var(--font-weight-ui);transition-property:background-color,border-color,color;transition-duration:var(--duration-instant);transition-timing-function:var(--ease-standard)}.lib-button:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--focus-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-color: var(--color-focus-ring)}@media(forced-colors:active){.lib-button:focus-visible{outline:2px solid transparent;outline-offset:2px}}.lib-button:disabled{pointer-events:none;opacity:var(--opacity-disabled)}.lib-button .lib-button-label:empty{display:none}.lib-button:has(.lib-button-label:empty){width:calc(var(--spacing, .25rem) * 9);padding-inline:0px}.intent-primary{background-color:var(--color-accent);color:var(--color-content-on-accent)}.intent-primary:hover{background-color:var(--color-accent-strong)}.intent-secondary{background-color:var(--color-surface-inset);color:var(--color-content-primary);border-color:var(--color-line)}.intent-secondary:hover{background-image:linear-gradient(var(--state-hover),var(--state-hover))}.intent-danger{background-color:var(--color-danger);color:var(--color-content-on-accent)}.intent-danger:hover{background-color:color-mix(in srgb,oklch(57.7% .245 27.325) 85%,black)}@supports (color: color-mix(in lab,red,red)){.intent-danger:hover{background-color:color-mix(in srgb,var(--color-danger) 85%,black)}}.intent-ghost{color:var(--color-content-secondary)}.intent-ghost:hover{background-color:var(--state-hover);color:var(--color-content-primary)}.is-success{background-color:var(--color-success);color:var(--color-content-on-accent);border-color:transparent}.is-error{background-color:var(--color-danger);color:var(--color-content-on-accent);border-color:transparent}.is-error:hover{background-color:color-mix(in srgb,oklch(57.7% .245 27.325) 85%,black)}@supports (color: color-mix(in lab,red,red)){.is-error:hover{background-color:color-mix(in srgb,var(--color-danger) 85%,black)}}.lib-button-spinner{display:inline-block;height:calc(var(--spacing, .25rem) * 4);width:calc(var(--spacing, .25rem) * 4);flex-shrink:0;border-radius:calc(infinity * 1px);border-style:var(--tw-border-style);border-width:2px;border-color:currentColor;border-right-color:transparent;animation:lib-button-spin .6s linear infinite}@keyframes lib-button-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.lib-button-spinner{animation:none}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
152
+ }]
153
+ }],
154
+ propDecorators: {
155
+ intent: [{
156
+ type: i0.Input,
157
+ args: [{
158
+ isSignal: true,
159
+ alias: "intent",
160
+ required: false
161
+ }]
162
+ }],
163
+ type: [{
164
+ type: i0.Input,
165
+ args: [{
166
+ isSignal: true,
167
+ alias: "type",
168
+ required: false
169
+ }]
170
+ }],
171
+ disabled: [{
172
+ type: i0.Input,
173
+ args: [{
174
+ isSignal: true,
175
+ alias: "disabled",
176
+ required: false
177
+ }]
178
+ }],
179
+ loading: [{
180
+ type: i0.Input,
181
+ args: [{
182
+ isSignal: true,
183
+ alias: "loading",
184
+ required: false
185
+ }]
186
+ }],
187
+ success: [{
188
+ type: i0.Input,
189
+ args: [{
190
+ isSignal: true,
191
+ alias: "success",
192
+ required: false
193
+ }]
194
+ }],
195
+ error: [{
196
+ type: i0.Input,
197
+ args: [{
198
+ isSignal: true,
199
+ alias: "error",
200
+ required: false
201
+ }]
202
+ }],
203
+ icon: [{
204
+ type: i0.Input,
205
+ args: [{
206
+ isSignal: true,
207
+ alias: "icon",
208
+ required: false
209
+ }]
210
+ }],
211
+ ariaLabel: [{
212
+ type: i0.Input,
213
+ args: [{
214
+ isSignal: true,
215
+ alias: "ariaLabel",
216
+ required: false
217
+ }]
218
+ }]
219
+ }
220
+ });
52
221
  var DateHelpers = class {
53
222
  static diffDays(initialDate, finalDate) {
54
223
  const initialDateOnly = new Date(initialDate.getFullYear(), initialDate.getMonth(), initialDate.getDate());
@@ -1380,7 +1549,7 @@ var FormInputComponent = class FormInputComponent extends BaseComponent {
1380
1549
  usesInheritance: true,
1381
1550
  ngImport: i0,
1382
1551
  template: "@if (formGroupDirective.form?.enabled || isFormEditMode) {\n @switch (type()) {\n @case ('textarea') {\n <textarea\n [attr.maxLength]=\"maxLength() ?? null\"\n [attr.rows]=\"rows()\"\n [class.invalid]=\"invalid()\"\n [formControlName]=\"controlName()\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n ></textarea>\n }\n @case ('checkbox') {\n @if (isFormControl) {\n <input\n class=\"switch\"\n type=\"checkbox\"\n [class.invalid]=\"invalid()\"\n [formControlName]=\"controlName()\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n />\n } @else {\n <input\n class=\"switch\"\n type=\"checkbox\"\n [(ngModel)]=\"fixedValue\"\n [attr.readonly]=\"true\"\n [class.invalid]=\"invalid()\"\n [class.readonly-as-disabled]=\"displayReadOnlyAsDisabled()\"\n [disabled]=\"isDisabled()\"\n [ngModelOptions]=\"{ standalone: true }\"\n (blur)=\"onBlur()\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n (ngModelChange)=\"onValueChanged($event)\"\n />\n }\n }\n @default {\n @if (isFormControl) {\n <input\n [attr.maxLength]=\"maxLength() ?? null\"\n [attr.min]=\"minAttributeValue\"\n [attr.readonly]=\"readOnly() ? true : null\"\n [attr.step]=\"stepAttributeValue\"\n [class.invalid]=\"invalid()\"\n [class.readonly-as-disabled]=\"displayReadOnlyAsDisabled()\"\n [formControlName]=\"controlName()\"\n [type]=\"type()\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n />\n } @else {\n <input\n type=\"text\"\n [attr.maxLength]=\"maxLength() ?? null\"\n [attr.min]=\"minAttributeValue\"\n [attr.readonly]=\"true\"\n [attr.step]=\"stepAttributeValue\"\n [class.invalid]=\"invalid()\"\n [class.readonly-as-disabled]=\"displayReadOnlyAsDisabled()\"\n [disabled]=\"isDisabled()\"\n [ngModel]=\"\n type() === 'date' || type() === 'datetime-local'\n ? (fixedValue() | date: format())\n : type() === 'number'\n ? (fixedValue() | number)\n : fixedValue()\n \"\n [ngModelOptions]=\"{ standalone: true }\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n (ngModelChange)=\"onValueChanged($event)\"\n />\n }\n }\n }\n} @else {\n @switch (type()) {\n @case ('checkbox') {\n <span class=\"value\">\n <i\n [ngClass]=\"\n (fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value)\n ? 'fa-solid fa-square-check'\n : 'fa-regular fa-square'\n \"\n ></i>\n </span>\n }\n @case ('date') {\n <span class=\"value\">\n {{\n fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value | date: format()\n }}\n </span>\n }\n @case ('datetime-local') {\n <span class=\"value\">\n {{\n fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value | date: format()\n }}\n </span>\n }\n @case ('number') {\n <span class=\"value\">\n {{\n fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value | number: format()\n }}\n </span>\n }\n @default {\n <span class=\"value text\">{{\n fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value\n }}</span>\n }\n }\n}\n\n<ng-template #fixedTextbox let-fixedValue=\"fixedValue\"> </ng-template>\n",
1383
- styles: ["@layer properties;:host{display:block}:host.full-height{height:100%}:host.full-height textarea{height:100%}input,textarea{border-color:var(--color-gray-400, oklch(70.7% .022 261.325));transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}:is(input,textarea):focus{border-color:var(--color-gray-400, oklch(70.7% .022 261.325))}:is(input,textarea):focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(input,textarea):focus{--tw-ring-color: color-mix(in srgb, #006bb6 30%, transparent)}@supports (color: color-mix(in lab,red,red)){:is(input,textarea):focus{--tw-ring-color: color-mix(in oklab, var(--color-primary-400, #006bb6) 30%, transparent)}}:is(input,textarea):invalid{border-color:var(--color-red-400, oklch(70.4% .191 22.216))}input:disabled,input.readonly-as-disabled[readonly],textarea:disabled,textarea.readonly-as-disabled[readonly]{background-color:var(--color-slate-100, oklch(96.8% .007 247.896))}input.ng-invalid.ng-touched,input.invalid,textarea.ng-invalid.ng-touched,textarea.invalid{border-color:var(--color-red-600, oklch(57.7% .245 27.325))}input[type=text],input[type=number],input[type=password],input[type=date],input[type=datetime-local],input[type=email],input[type=file],input[type=month],input[type=tel],input[type=time],input[type=url],input[type=week],textarea{display:block;width:100%;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid{margin-right:calc(var(--spacing, .25rem) * -9);padding-right:calc(var(--spacing, .25rem) * 9);transition-property:none;background-size:1.125rem 1.125rem;background-position:right .5625rem center;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml,%3csvg class='text-white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\")}:is(input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid):focus{--tw-ring-color: color-mix(in srgb, oklch(70.4% .191 22.216) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){:is(input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid):focus{--tw-ring-color: color-mix(in oklab, var(--color-red-400, oklch(70.4% .191 22.216)) 30%, transparent)}}input[type=checkbox]{position:relative;margin-block:var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:var(--radius-sm, .25rem);padding:calc(var(--spacing, .25rem) * .5);display:inline-flex;flex-direction:row;justify-content:flex-end;appearance:none;background-color:var(--color-white, #fff)}input[type=checkbox]:disabled{pointer-events:none}input[type=checkbox]:disabled{opacity:50%}input[type=checkbox]:not(.switch){border-style:var(--tw-border-style);border-width:2px;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):focus{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):before{border-radius:var(--radius-sm, .25rem);--tw-content: \"\";content:var(--tw-content);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing, .25rem);font-family:var(--fa-family-classic, \"Font Awesome 6 Free\");font-weight:900}input[type=checkbox]:checked{border-color:color-mix(in srgb,#006bb6 80%,transparent);background-color:var(--color-primary-400, #006bb6);background-image:none}@supports (color: color-mix(in lab,red,red)){input[type=checkbox]:checked{border-color:color-mix(in oklab,var(--color-primary-400, #006bb6) 80%,transparent)}}input[type=checkbox]:checked:before{--tw-content: \"\\f00c\";content:var(--tw-content);color:var(--color-white, #fff)}input[type=checkbox]:disabled~label{opacity:50%}input[type=checkbox]~label{margin-left:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none}input[type=checkbox].switch{height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 12);border-radius:2rem;appearance:none;background-color:var(--color-white, #fff)}input[type=checkbox].switch:before{aspect-ratio:1 / 1;height:100%;border-radius:calc(infinity * 1px);--tw-content: \"\";content:var(--tw-content);background-color:color-mix(in srgb,oklch(55.1% .027 264.364) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){input[type=checkbox].switch:before{background-color:color-mix(in oklab,var(--color-gray-500, oklch(55.1% .027 264.364)) 60%,transparent)}}input[type=checkbox].switch:after{flex-grow:1;--tw-content: \"\";content:var(--tw-content);transition:flex-grow .15s ease-in-out}input[type=checkbox].switch:focus:before{background-color:color-mix(in srgb,oklch(62.3% .214 259.815) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){input[type=checkbox].switch:focus:before{background-color:color-mix(in oklab,var(--color-blue-500, oklch(62.3% .214 259.815)) 60%,transparent)}}input[type=checkbox].switch:checked{border-color:color-mix(in srgb,#006bb6 80%,transparent);background-color:var(--color-primary-400, #006bb6);background-image:none}@supports (color: color-mix(in lab,red,red)){input[type=checkbox].switch:checked{border-color:color-mix(in oklab,var(--color-primary-400, #006bb6) 80%,transparent)}}input[type=checkbox].switch:checked:before{--tw-content: \"\";content:var(--tw-content);background-color:var(--color-white, #fff)}input[type=checkbox].switch:checked:after{flex-grow:0}label,.value{display:block;padding-block:var(--spacing, .25rem);overflow-wrap:break-word}label.text,.value.text{white-space:pre-wrap}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
1552
+ styles: ["@layer properties;:host{display:block}:host.full-height{height:100%}:host.full-height textarea{height:100%}input,textarea{border-color:var(--color-line-strong)}input:focus-visible,textarea:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--focus-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-color: var(--color-focus-ring)}@media(forced-colors:active){input:focus-visible,textarea:focus-visible{outline:2px solid transparent;outline-offset:2px}}input,textarea{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}input:invalid,textarea:invalid{border-color:var(--color-danger)}input:disabled,input.readonly-as-disabled[readonly],textarea:disabled,textarea.readonly-as-disabled[readonly]{background-color:var(--color-surface-inset)}input.ng-invalid.ng-touched,input.invalid,textarea.ng-invalid.ng-touched,textarea.invalid{border-color:var(--color-danger)}input[type=text],input[type=number],input[type=password],input[type=date],input[type=datetime-local],input[type=email],input[type=file],input[type=month],input[type=tel],input[type=time],input[type=url],input[type=week],textarea{display:block;width:100%;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:var(--radius-field)}input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid{margin-right:calc(var(--spacing, .25rem) * -9);padding-right:calc(var(--spacing, .25rem) * 9);transition-property:none}input[type=text].ng-invalid.ng-touched:focus-visible,input[type=text].invalid:focus-visible,input[type=number].ng-invalid.ng-touched:focus-visible,input[type=number].invalid:focus-visible,input[type=password].ng-invalid.ng-touched:focus-visible,input[type=password].invalid:focus-visible,input[type=date].ng-invalid.ng-touched:focus-visible,input[type=date].invalid:focus-visible,input[type=datetime-local].ng-invalid.ng-touched:focus-visible,input[type=datetime-local].invalid:focus-visible,input[type=email].ng-invalid.ng-touched:focus-visible,input[type=email].invalid:focus-visible,input[type=file].ng-invalid.ng-touched:focus-visible,input[type=file].invalid:focus-visible,input[type=month].ng-invalid.ng-touched:focus-visible,input[type=month].invalid:focus-visible,input[type=tel].ng-invalid.ng-touched:focus-visible,input[type=tel].invalid:focus-visible,input[type=time].ng-invalid.ng-touched:focus-visible,input[type=time].invalid:focus-visible,input[type=url].ng-invalid.ng-touched:focus-visible,input[type=url].invalid:focus-visible,input[type=week].ng-invalid.ng-touched:focus-visible,input[type=week].invalid:focus-visible,textarea.ng-invalid.ng-touched:focus-visible,textarea.invalid:focus-visible{--tw-ring-color: var(--color-danger)}input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid{background-size:1.125rem 1.125rem;background-position:right .5625rem center;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml,%3csvg class='text-white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\")}input[type=checkbox]{position:relative;margin-block:var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:var(--radius-sm, .25rem);padding:calc(var(--spacing, .25rem) * .5);display:inline-flex;flex-direction:row;justify-content:flex-end;appearance:none;background-color:var(--color-surface-solid)}input[type=checkbox]:disabled{pointer-events:none}input[type=checkbox]:disabled{opacity:50%}input[type=checkbox]:not(.switch){border-style:var(--tw-border-style);border-width:2px;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):focus-visible{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):before{border-radius:var(--radius-sm, .25rem);--tw-content: \"\";content:var(--tw-content);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing, .25rem);font-family:var(--fa-family-classic, \"Font Awesome 6 Free\");font-weight:900}input[type=checkbox]:checked{background-image:none;background-color:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:checked:before{--tw-content: \"\\f00c\";content:var(--tw-content);color:var(--color-content-on-accent)}input[type=checkbox]:disabled~label{opacity:50%}input[type=checkbox]~label{margin-left:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none}input[type=checkbox].switch{height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 12);border-radius:2rem;appearance:none;background-color:var(--color-surface-solid)}input[type=checkbox].switch:before{aspect-ratio:1 / 1;height:100%;border-radius:calc(infinity * 1px);--tw-content: \"\";content:var(--tw-content);background-color:var(--color-content-subtle)}input[type=checkbox].switch:after{flex-grow:1;--tw-content: \"\";content:var(--tw-content);transition:flex-grow .15s ease-in-out}input[type=checkbox].switch:focus-visible:before{background-color:var(--color-accent)}input[type=checkbox].switch:checked{background-image:none;background-color:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox].switch:checked:before{--tw-content: \"\";content:var(--tw-content);background-color:var(--color-surface-solid)}input[type=checkbox].switch:checked:after{flex-grow:0}label,.value{display:block;padding-block:var(--spacing, .25rem);overflow-wrap:break-word}label.text,.value.text{white-space:pre-wrap}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
1384
1553
  dependencies: [
1385
1554
  {
1386
1555
  kind: "ngmodule",
@@ -1479,7 +1648,7 @@ i0.ɵɵngDeclareClassMetadata({
1479
1648
  "[attr.type]": "null"
1480
1649
  },
1481
1650
  template: "@if (formGroupDirective.form?.enabled || isFormEditMode) {\n @switch (type()) {\n @case ('textarea') {\n <textarea\n [attr.maxLength]=\"maxLength() ?? null\"\n [attr.rows]=\"rows()\"\n [class.invalid]=\"invalid()\"\n [formControlName]=\"controlName()\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n ></textarea>\n }\n @case ('checkbox') {\n @if (isFormControl) {\n <input\n class=\"switch\"\n type=\"checkbox\"\n [class.invalid]=\"invalid()\"\n [formControlName]=\"controlName()\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n />\n } @else {\n <input\n class=\"switch\"\n type=\"checkbox\"\n [(ngModel)]=\"fixedValue\"\n [attr.readonly]=\"true\"\n [class.invalid]=\"invalid()\"\n [class.readonly-as-disabled]=\"displayReadOnlyAsDisabled()\"\n [disabled]=\"isDisabled()\"\n [ngModelOptions]=\"{ standalone: true }\"\n (blur)=\"onBlur()\"\n (change)=\"onChange($event)\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n (ngModelChange)=\"onValueChanged($event)\"\n />\n }\n }\n @default {\n @if (isFormControl) {\n <input\n [attr.maxLength]=\"maxLength() ?? null\"\n [attr.min]=\"minAttributeValue\"\n [attr.readonly]=\"readOnly() ? true : null\"\n [attr.step]=\"stepAttributeValue\"\n [class.invalid]=\"invalid()\"\n [class.readonly-as-disabled]=\"displayReadOnlyAsDisabled()\"\n [formControlName]=\"controlName()\"\n [type]=\"type()\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n />\n } @else {\n <input\n type=\"text\"\n [attr.maxLength]=\"maxLength() ?? null\"\n [attr.min]=\"minAttributeValue\"\n [attr.readonly]=\"true\"\n [attr.step]=\"stepAttributeValue\"\n [class.invalid]=\"invalid()\"\n [class.readonly-as-disabled]=\"displayReadOnlyAsDisabled()\"\n [disabled]=\"isDisabled()\"\n [ngModel]=\"\n type() === 'date' || type() === 'datetime-local'\n ? (fixedValue() | date: format())\n : type() === 'number'\n ? (fixedValue() | number)\n : fixedValue()\n \"\n [ngModelOptions]=\"{ standalone: true }\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n (input)=\"onInput()\"\n (ngModelChange)=\"onValueChanged($event)\"\n />\n }\n }\n }\n} @else {\n @switch (type()) {\n @case ('checkbox') {\n <span class=\"value\">\n <i\n [ngClass]=\"\n (fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value)\n ? 'fa-solid fa-square-check'\n : 'fa-regular fa-square'\n \"\n ></i>\n </span>\n }\n @case ('date') {\n <span class=\"value\">\n {{\n fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value | date: format()\n }}\n </span>\n }\n @case ('datetime-local') {\n <span class=\"value\">\n {{\n fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value | date: format()\n }}\n </span>\n }\n @case ('number') {\n <span class=\"value\">\n {{\n fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value | number: format()\n }}\n </span>\n }\n @default {\n <span class=\"value text\">{{\n fixedValue() ?? formGroupDirective.form.get(disabledControlName() ?? controlName())?.value\n }}</span>\n }\n }\n}\n\n<ng-template #fixedTextbox let-fixedValue=\"fixedValue\"> </ng-template>\n",
1482
- styles: ["@layer properties;:host{display:block}:host.full-height{height:100%}:host.full-height textarea{height:100%}input,textarea{border-color:var(--color-gray-400, oklch(70.7% .022 261.325));transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}:is(input,textarea):focus{border-color:var(--color-gray-400, oklch(70.7% .022 261.325))}:is(input,textarea):focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(input,textarea):focus{--tw-ring-color: color-mix(in srgb, #006bb6 30%, transparent)}@supports (color: color-mix(in lab,red,red)){:is(input,textarea):focus{--tw-ring-color: color-mix(in oklab, var(--color-primary-400, #006bb6) 30%, transparent)}}:is(input,textarea):invalid{border-color:var(--color-red-400, oklch(70.4% .191 22.216))}input:disabled,input.readonly-as-disabled[readonly],textarea:disabled,textarea.readonly-as-disabled[readonly]{background-color:var(--color-slate-100, oklch(96.8% .007 247.896))}input.ng-invalid.ng-touched,input.invalid,textarea.ng-invalid.ng-touched,textarea.invalid{border-color:var(--color-red-600, oklch(57.7% .245 27.325))}input[type=text],input[type=number],input[type=password],input[type=date],input[type=datetime-local],input[type=email],input[type=file],input[type=month],input[type=tel],input[type=time],input[type=url],input[type=week],textarea{display:block;width:100%;border-radius:var(--radius-md, .375rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid{margin-right:calc(var(--spacing, .25rem) * -9);padding-right:calc(var(--spacing, .25rem) * 9);transition-property:none;background-size:1.125rem 1.125rem;background-position:right .5625rem center;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml,%3csvg class='text-white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\")}:is(input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid):focus{--tw-ring-color: color-mix(in srgb, oklch(70.4% .191 22.216) 30%, transparent)}@supports (color: color-mix(in lab,red,red)){:is(input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid):focus{--tw-ring-color: color-mix(in oklab, var(--color-red-400, oklch(70.4% .191 22.216)) 30%, transparent)}}input[type=checkbox]{position:relative;margin-block:var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:var(--radius-sm, .25rem);padding:calc(var(--spacing, .25rem) * .5);display:inline-flex;flex-direction:row;justify-content:flex-end;appearance:none;background-color:var(--color-white, #fff)}input[type=checkbox]:disabled{pointer-events:none}input[type=checkbox]:disabled{opacity:50%}input[type=checkbox]:not(.switch){border-style:var(--tw-border-style);border-width:2px;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):focus{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):before{border-radius:var(--radius-sm, .25rem);--tw-content: \"\";content:var(--tw-content);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing, .25rem);font-family:var(--fa-family-classic, \"Font Awesome 6 Free\");font-weight:900}input[type=checkbox]:checked{border-color:color-mix(in srgb,#006bb6 80%,transparent);background-color:var(--color-primary-400, #006bb6);background-image:none}@supports (color: color-mix(in lab,red,red)){input[type=checkbox]:checked{border-color:color-mix(in oklab,var(--color-primary-400, #006bb6) 80%,transparent)}}input[type=checkbox]:checked:before{--tw-content: \"\\f00c\";content:var(--tw-content);color:var(--color-white, #fff)}input[type=checkbox]:disabled~label{opacity:50%}input[type=checkbox]~label{margin-left:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none}input[type=checkbox].switch{height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 12);border-radius:2rem;appearance:none;background-color:var(--color-white, #fff)}input[type=checkbox].switch:before{aspect-ratio:1 / 1;height:100%;border-radius:calc(infinity * 1px);--tw-content: \"\";content:var(--tw-content);background-color:color-mix(in srgb,oklch(55.1% .027 264.364) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){input[type=checkbox].switch:before{background-color:color-mix(in oklab,var(--color-gray-500, oklch(55.1% .027 264.364)) 60%,transparent)}}input[type=checkbox].switch:after{flex-grow:1;--tw-content: \"\";content:var(--tw-content);transition:flex-grow .15s ease-in-out}input[type=checkbox].switch:focus:before{background-color:color-mix(in srgb,oklch(62.3% .214 259.815) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){input[type=checkbox].switch:focus:before{background-color:color-mix(in oklab,var(--color-blue-500, oklch(62.3% .214 259.815)) 60%,transparent)}}input[type=checkbox].switch:checked{border-color:color-mix(in srgb,#006bb6 80%,transparent);background-color:var(--color-primary-400, #006bb6);background-image:none}@supports (color: color-mix(in lab,red,red)){input[type=checkbox].switch:checked{border-color:color-mix(in oklab,var(--color-primary-400, #006bb6) 80%,transparent)}}input[type=checkbox].switch:checked:before{--tw-content: \"\";content:var(--tw-content);background-color:var(--color-white, #fff)}input[type=checkbox].switch:checked:after{flex-grow:0}label,.value{display:block;padding-block:var(--spacing, .25rem);overflow-wrap:break-word}label.text,.value.text{white-space:pre-wrap}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
1651
+ styles: ["@layer properties;:host{display:block}:host.full-height{height:100%}:host.full-height textarea{height:100%}input,textarea{border-color:var(--color-line-strong)}input:focus-visible,textarea:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--focus-ring-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-color: var(--color-focus-ring)}@media(forced-colors:active){input:focus-visible,textarea:focus-visible{outline:2px solid transparent;outline-offset:2px}}input,textarea{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}input:invalid,textarea:invalid{border-color:var(--color-danger)}input:disabled,input.readonly-as-disabled[readonly],textarea:disabled,textarea.readonly-as-disabled[readonly]{background-color:var(--color-surface-inset)}input.ng-invalid.ng-touched,input.invalid,textarea.ng-invalid.ng-touched,textarea.invalid{border-color:var(--color-danger)}input[type=text],input[type=number],input[type=password],input[type=date],input[type=datetime-local],input[type=email],input[type=file],input[type=month],input[type=tel],input[type=time],input[type=url],input[type=week],textarea{display:block;width:100%;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:var(--radius-field)}input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid{margin-right:calc(var(--spacing, .25rem) * -9);padding-right:calc(var(--spacing, .25rem) * 9);transition-property:none}input[type=text].ng-invalid.ng-touched:focus-visible,input[type=text].invalid:focus-visible,input[type=number].ng-invalid.ng-touched:focus-visible,input[type=number].invalid:focus-visible,input[type=password].ng-invalid.ng-touched:focus-visible,input[type=password].invalid:focus-visible,input[type=date].ng-invalid.ng-touched:focus-visible,input[type=date].invalid:focus-visible,input[type=datetime-local].ng-invalid.ng-touched:focus-visible,input[type=datetime-local].invalid:focus-visible,input[type=email].ng-invalid.ng-touched:focus-visible,input[type=email].invalid:focus-visible,input[type=file].ng-invalid.ng-touched:focus-visible,input[type=file].invalid:focus-visible,input[type=month].ng-invalid.ng-touched:focus-visible,input[type=month].invalid:focus-visible,input[type=tel].ng-invalid.ng-touched:focus-visible,input[type=tel].invalid:focus-visible,input[type=time].ng-invalid.ng-touched:focus-visible,input[type=time].invalid:focus-visible,input[type=url].ng-invalid.ng-touched:focus-visible,input[type=url].invalid:focus-visible,input[type=week].ng-invalid.ng-touched:focus-visible,input[type=week].invalid:focus-visible,textarea.ng-invalid.ng-touched:focus-visible,textarea.invalid:focus-visible{--tw-ring-color: var(--color-danger)}input[type=text].ng-invalid.ng-touched,input[type=text].invalid,input[type=number].ng-invalid.ng-touched,input[type=number].invalid,input[type=password].ng-invalid.ng-touched,input[type=password].invalid,input[type=date].ng-invalid.ng-touched,input[type=date].invalid,input[type=datetime-local].ng-invalid.ng-touched,input[type=datetime-local].invalid,input[type=email].ng-invalid.ng-touched,input[type=email].invalid,input[type=file].ng-invalid.ng-touched,input[type=file].invalid,input[type=month].ng-invalid.ng-touched,input[type=month].invalid,input[type=tel].ng-invalid.ng-touched,input[type=tel].invalid,input[type=time].ng-invalid.ng-touched,input[type=time].invalid,input[type=url].ng-invalid.ng-touched,input[type=url].invalid,input[type=week].ng-invalid.ng-touched,input[type=week].invalid,textarea.ng-invalid.ng-touched,textarea.invalid{background-size:1.125rem 1.125rem;background-position:right .5625rem center;background-repeat:no-repeat;background-image:url(\"data:image/svg+xml,%3csvg class='text-white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e\")}input[type=checkbox]{position:relative;margin-block:var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:var(--radius-sm, .25rem);padding:calc(var(--spacing, .25rem) * .5);display:inline-flex;flex-direction:row;justify-content:flex-end;appearance:none;background-color:var(--color-surface-solid)}input[type=checkbox]:disabled{pointer-events:none}input[type=checkbox]:disabled{opacity:50%}input[type=checkbox]:not(.switch){border-style:var(--tw-border-style);border-width:2px;--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):focus-visible{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input[type=checkbox]:not(.switch):before{border-radius:var(--radius-sm, .25rem);--tw-content: \"\";content:var(--tw-content);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing, .25rem);font-family:var(--fa-family-classic, \"Font Awesome 6 Free\");font-weight:900}input[type=checkbox]:checked{background-image:none;background-color:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox]:checked:before{--tw-content: \"\\f00c\";content:var(--tw-content);color:var(--color-content-on-accent)}input[type=checkbox]:disabled~label{opacity:50%}input[type=checkbox]~label{margin-left:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none}input[type=checkbox].switch{height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 12);border-radius:2rem;appearance:none;background-color:var(--color-surface-solid)}input[type=checkbox].switch:before{aspect-ratio:1 / 1;height:100%;border-radius:calc(infinity * 1px);--tw-content: \"\";content:var(--tw-content);background-color:var(--color-content-subtle)}input[type=checkbox].switch:after{flex-grow:1;--tw-content: \"\";content:var(--tw-content);transition:flex-grow .15s ease-in-out}input[type=checkbox].switch:focus-visible:before{background-color:var(--color-accent)}input[type=checkbox].switch:checked{background-image:none;background-color:var(--color-accent);border-color:var(--color-accent)}input[type=checkbox].switch:checked:before{--tw-content: \"\";content:var(--tw-content);background-color:var(--color-surface-solid)}input[type=checkbox].switch:checked:after{flex-grow:0}label,.value{display:block;padding-block:var(--spacing, .25rem);overflow-wrap:break-word}label.text,.value.text{white-space:pre-wrap}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
1483
1652
  }]
1484
1653
  }],
1485
1654
  ctorParameters: () => [],
@@ -1835,7 +2004,7 @@ var FormInputGroupComponent = class FormInputGroupComponent extends BaseComponen
1835
2004
  usesInheritance: true,
1836
2005
  ngImport: i0,
1837
2006
  template: "@if (showLabel()) {\n <label [attr.for]=\"controlName()\"> {{ label() | translate }}: </label>\n}\n\n<div class=\"field\" [class.col-span-2]=\"!showLabel()\" [ngStyle]=\"{ 'align-content': alignContent() }\">\n @if (loadingField() || (formService.loading && formService.model === null)) {\n <div class=\"loading\">\n <div></div>\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"template() ?? defaultTemplate\"> </ng-container>\n @if (formControl?.touched) {\n <div class=\"validations\" [class.show]=\"formControl?.invalid\">\n @for (error of $safeNavigationMigration(formControl?.errors) | keyvalue; track error) {\n @if (hasValidation(error.key)) {\n <span>{{ validations()[error.key] | translate }}</span>\n }\n <ng-template #defaultValidationError>{{ error.key }}</ng-template>\n }\n </div>\n }\n <ng-template #defaultTemplate>\n <lib-form-input\n #formInput\n [autofocus]=\"autofocus()\"\n [controlName]=\"controlName()\"\n [fixedValue]=\"fixedValue()\"\n [format]=\"format()\"\n [isDisabled]=\"isDisabled()\"\n [isFullHeight]=\"isFullHeight()\"\n [min]=\"min()\"\n [maxLength]=\"maxLength()\"\n [readOnly]=\"readOnly()\"\n [rows]=\"rows()!\"\n [step]=\"step()\"\n [type]=\"type()\"\n >\n </lib-form-input>\n </ng-template>\n @if (hasNotes) {\n <span class=\"text-sm italic\"> *{{ notes() | translate }} </span>\n }\n }\n</div>\n",
1838
- styles: ["@layer properties;:host{grid-column:span 2 / span 2;display:grid;grid-template-columns:subgrid;gap:calc(var(--spacing, .25rem) * 3)}:host.full-height{max-height:100%;overflow:auto}label{padding-block:var(--spacing, .25rem);white-space:nowrap;text-align:right;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--color-gray-700, oklch(37.3% .034 259.733));text-transform:uppercase}.field .validations{flex-basis:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-red-600, oklch(57.7% .245 27.325))}.field .validations.show{margin-top:var(--spacing, .25rem)}.field .validations span{display:block}.field .loading{max-width:var(--container-sm, 24rem);animation:var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite)}.field .loading *{height:calc(var(--spacing, .25rem) * 2.5);width:100%;border-radius:calc(infinity * 1px);background-color:var(--color-gray-200, oklch(92.8% .006 264.531))}@media(prefers-color-scheme:dark){.field .loading *{background-color:var(--color-gray-700, oklch(37.3% .034 259.733))}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
2007
+ styles: ["@layer properties;:host{grid-column:span 2 / span 2;display:grid;grid-template-columns:subgrid;gap:calc(var(--spacing, .25rem) * 3)}:host.full-height{max-height:100%;overflow:auto}label{padding-block:var(--spacing, .25rem);white-space:nowrap;text-align:right;--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);font-size:var(--text-caption);font-weight:var(--font-weight-emphasis);color:var(--color-content-secondary)}.field .validations{flex-basis:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-danger)}.field .validations.show{margin-top:var(--spacing, .25rem)}.field .validations span{display:block}.field .loading{max-width:var(--container-sm, 24rem);animation:var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite)}.field .loading *{height:calc(var(--spacing, .25rem) * 2.5);width:100%;border-radius:calc(infinity * 1px);background-color:var(--color-surface-inset)}@property --tw-leading{syntax: \"*\"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
1839
2008
  dependencies: [
1840
2009
  {
1841
2010
  kind: "component",
@@ -1918,7 +2087,7 @@ i0.ɵɵngDeclareClassMetadata({
1918
2087
  "[attr.type]": "null"
1919
2088
  },
1920
2089
  template: "@if (showLabel()) {\n <label [attr.for]=\"controlName()\"> {{ label() | translate }}: </label>\n}\n\n<div class=\"field\" [class.col-span-2]=\"!showLabel()\" [ngStyle]=\"{ 'align-content': alignContent() }\">\n @if (loadingField() || (formService.loading && formService.model === null)) {\n <div class=\"loading\">\n <div></div>\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"template() ?? defaultTemplate\"> </ng-container>\n @if (formControl?.touched) {\n <div class=\"validations\" [class.show]=\"formControl?.invalid\">\n @for (error of $safeNavigationMigration(formControl?.errors) | keyvalue; track error) {\n @if (hasValidation(error.key)) {\n <span>{{ validations()[error.key] | translate }}</span>\n }\n <ng-template #defaultValidationError>{{ error.key }}</ng-template>\n }\n </div>\n }\n <ng-template #defaultTemplate>\n <lib-form-input\n #formInput\n [autofocus]=\"autofocus()\"\n [controlName]=\"controlName()\"\n [fixedValue]=\"fixedValue()\"\n [format]=\"format()\"\n [isDisabled]=\"isDisabled()\"\n [isFullHeight]=\"isFullHeight()\"\n [min]=\"min()\"\n [maxLength]=\"maxLength()\"\n [readOnly]=\"readOnly()\"\n [rows]=\"rows()!\"\n [step]=\"step()\"\n [type]=\"type()\"\n >\n </lib-form-input>\n </ng-template>\n @if (hasNotes) {\n <span class=\"text-sm italic\"> *{{ notes() | translate }} </span>\n }\n }\n</div>\n",
1921
- styles: ["@layer properties;:host{grid-column:span 2 / span 2;display:grid;grid-template-columns:subgrid;gap:calc(var(--spacing, .25rem) * 3)}:host.full-height{max-height:100%;overflow:auto}label{padding-block:var(--spacing, .25rem);white-space:nowrap;text-align:right;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--color-gray-700, oklch(37.3% .034 259.733));text-transform:uppercase}.field .validations{flex-basis:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-red-600, oklch(57.7% .245 27.325))}.field .validations.show{margin-top:var(--spacing, .25rem)}.field .validations span{display:block}.field .loading{max-width:var(--container-sm, 24rem);animation:var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite)}.field .loading *{height:calc(var(--spacing, .25rem) * 2.5);width:100%;border-radius:calc(infinity * 1px);background-color:var(--color-gray-200, oklch(92.8% .006 264.531))}@media(prefers-color-scheme:dark){.field .loading *{background-color:var(--color-gray-700, oklch(37.3% .034 259.733))}}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
2090
+ styles: ["@layer properties;:host{grid-column:span 2 / span 2;display:grid;grid-template-columns:subgrid;gap:calc(var(--spacing, .25rem) * 3)}:host.full-height{max-height:100%;overflow:auto}label{padding-block:var(--spacing, .25rem);white-space:nowrap;text-align:right;--tw-leading: calc(var(--spacing, .25rem) * 6);line-height:calc(var(--spacing, .25rem) * 6);font-size:var(--text-caption);font-weight:var(--font-weight-emphasis);color:var(--color-content-secondary)}.field .validations{flex-basis:100%;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-danger)}.field .validations.show{margin-top:var(--spacing, .25rem)}.field .validations span{display:block}.field .loading{max-width:var(--container-sm, 24rem);animation:var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite)}.field .loading *{height:calc(var(--spacing, .25rem) * 2.5);width:100%;border-radius:calc(infinity * 1px);background-color:var(--color-surface-inset)}@property --tw-leading{syntax: \"*\"; inherits: false;}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
1922
2091
  }]
1923
2092
  }],
1924
2093
  ctorParameters: () => [],
@@ -2646,7 +2815,7 @@ var CatalogSelectComponent = class CatalogSelectComponent extends BaseComponent
2646
2815
  usesInheritance: true,
2647
2816
  ngImport: i0,
2648
2817
  template: "<lib-form-input-group\n [controlName]=\"controlName()\"\n [label]=\"label()\"\n [notes]=\"notes()\"\n [template]=\"template\"\n [validations]=\"validations()\"\n>\n</lib-form-input-group>\n\n<ng-template #template>\n <div class=\"catalog-container\" [class.show]=\"isDropDownShown()\">\n <lib-form-input\n #input\n [class.fixed-content]=\"readOnly() && !shouldUseCriteria()\"\n [autofocus]=\"autofocus()\"\n [controlName]=\"displayControlName()\"\n [displayReadOnlyAsDisabled]=\"readOnly()\"\n [invalid]=\"isInvalid && isTouched\"\n [readOnly]=\"readOnly() || !searchable()\"\n (blurred)=\"onContainerBlur()\"\n (click)=\"onContainerClick()\"\n (focused)=\"onContainerFocus()\"\n (keydown)=\"onKeyDown($event)\"\n >\n </lib-form-input>\n @if (showClearButton) {\n <button class=\"clear-button\" type=\"button\" tabindex=\"-1\" (click)=\"onClearClick($event)\">\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n }\n </div>\n</ng-template>\n\n<ng-template #dropdownTemplate>\n <div class=\"dropdown-container\">\n <ul class=\"dropdown\" role=\"listbox\" [attr.id]=\"listboxId\">\n <!-- Status rows are not options: role=\"presentation\" keeps them out of the\n listbox's option set, and they carry no click handler. The dropdown already\n closes on Escape, on blur and on an outside click. -->\n @if (isLoading()) {\n <li role=\"presentation\" aria-live=\"polite\">\n {{ 'CatalogSelect-Loading' | translate }}\n </li>\n }\n @if (shouldUseCriteria() && showMinimumCharactersMessage()) {\n <li\n role=\"presentation\"\n aria-live=\"polite\"\n title=\"{{ 'CatalogSelect-MinimumLengthSearch' | translate: { minimumLengthSearch: minimumLengthSearch() } }}\"\n >\n {{ 'CatalogSelect-MinimumLengthSearch' | translate: { minimumLengthSearch: minimumLengthSearch() } }}\n </li>\n }\n @if (showNoResultsMessage()) {\n <li role=\"presentation\" aria-live=\"polite\" title=\"{{ 'CatalogSelect-NoResultsFound' | translate }}\">\n {{ 'CatalogSelect-NoResultsFound' | translate }}\n </li>\n }\n\n <!-- Retrying is a real action, so it is a real button and reachable by keyboard. -->\n @if (showFailureMessage()) {\n <li class=\"error\" role=\"presentation\">\n <button\n class=\"retry\"\n type=\"button\"\n title=\"{{ 'CatalogSelect-FailureMessage' | translate }}\"\n (click)=\"onDropDownErrorClick()\"\n >\n {{ 'CatalogSelect-FailureMessage' | translate }}\n </button>\n </li>\n }\n\n <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus --\n Options in a combobox listbox are deliberately not focusable. Keyboard\n interaction lives on the input, which owns ArrowUp/ArrowDown/Enter/Escape and\n points at the active option through aria-activedescendant. Giving each option\n its own tabindex and key handlers would break that pattern. -->\n @for (entry of displayedEntries(); track entry; let i = $index) {\n <li\n class=\"dropdown-item\"\n role=\"option\"\n [attr.id]=\"getOptionId(i)\"\n [attr.aria-selected]=\"selectedValue() === entry.value\"\n [class.focused]=\"focusedIndex() === i\"\n [class.selected]=\"selectedValue() === entry.value\"\n (click)=\"onDropDownItemClick(entry)\"\n >\n {{ entry.display }}\n </li>\n }\n <!-- eslint-enable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n </ul>\n </div>\n</ng-template>\n",
2649
- styles: ["@layer properties;:host{grid-column:span 2 / span 2;display:grid;grid-template-columns:subgrid}.catalog-container{position:relative}.catalog-container .clear-button{position:absolute;top:50%;right:calc(var(--spacing, .25rem) * 7);display:flex;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:calc(infinity * 1px);color:var(--color-gray-400, oklch(70.7% .022 261.325));z-index:10;cursor:pointer;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: 1;line-height:1}@media(hover:hover){.catalog-container .clear-button:hover{background-color:var(--color-gray-200, oklch(92.8% .006 264.531))}}@media(hover:hover){.catalog-container .clear-button:hover{color:var(--color-gray-600, oklch(44.6% .03 256.802))}}.catalog-container:has(.clear-button) lib-form-input ::ng-deep input{padding-right:calc(var(--spacing, .25rem) * 14)}div lib-form-input ::ng-deep input{cursor:pointer;background-size:1.125rem 1.125rem;background-position:right .5625rem center;background-repeat:no-repeat;padding-right:calc(var(--spacing, .25rem) * 9);text-overflow:ellipsis;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%239ca3af' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3e%3c/svg%3e\")}.dropdown-container{width:100%;-webkit-user-select:none;user-select:none}.dropdown{overflow-y:auto;overscroll-behavior:none;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-400, oklch(70.7% .022 261.325));background-color:var(--color-white, #fff);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:calc(var(--spacing, .25rem) * 52)}.dropdown li{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);text-overflow:ellipsis;white-space:nowrap}.dropdown li:not(.dropdown-item){font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.dropdown li .retry{width:100%;cursor:pointer;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;text-align:left;text-decoration-line:underline;color:inherit;font:inherit}.dropdown li.dropdown-item{cursor:pointer}.dropdown li.dropdown-item:nth-child(2n){background-color:color-mix(in srgb,oklch(97% .001 106.424) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.dropdown li.dropdown-item:nth-child(2n){background-color:color-mix(in oklab,var(--color-stone-100, oklch(97% .001 106.424)) 70%,transparent)}}.dropdown li.dropdown-item.selected{background-color:color-mix(in srgb,#59a5db 20%,transparent);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}@supports (color: color-mix(in lab,red,red)){.dropdown li.dropdown-item.selected{background-color:color-mix(in oklab,var(--color-primary-200, #59a5db) 20%,transparent)}}.dropdown li.dropdown-item.focused{background-color:color-mix(in srgb,#59a5db 30%,transparent);--tw-outline-style: none;outline-style:none}@supports (color: color-mix(in lab,red,red)){.dropdown li.dropdown-item.focused{background-color:color-mix(in oklab,var(--color-primary-200, #59a5db) 30%,transparent)}}@media(forced-colors:active){.dropdown li.dropdown-item.focused{outline:2px solid transparent;outline-offset:2px}}@media(hover:hover){:is(.dropdown li.dropdown-item,.dropdown li.dropdown-item:nth-child(2n),.dropdown li.dropdown-item.selected,.dropdown li.dropdown-item.focused):hover{background-color:color-mix(in srgb,#59a5db 50%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(.dropdown li.dropdown-item,.dropdown li.dropdown-item:nth-child(2n),.dropdown li.dropdown-item.selected,.dropdown li.dropdown-item.focused):hover{background-color:color-mix(in oklab,var(--color-primary-200, #59a5db) 50%,transparent)}}}lib-form-input-group{flex-basis:100%}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-leading: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
2818
+ styles: ["@layer properties;:host{grid-column:span 2 / span 2;display:grid;grid-template-columns:subgrid}.catalog-container{position:relative}.catalog-container .clear-button{position:absolute;top:50%;right:calc(var(--spacing, .25rem) * 7);display:flex;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:calc(infinity * 1px);color:var(--color-content-subtle)}.catalog-container .clear-button:hover{color:var(--color-content-secondary);background-color:var(--state-hover)}.catalog-container .clear-button{z-index:10;cursor:pointer;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: 1;line-height:1}.catalog-container:has(.clear-button) lib-form-input ::ng-deep input{padding-right:calc(var(--spacing, .25rem) * 14)}div lib-form-input ::ng-deep input{cursor:pointer;background-size:1.125rem 1.125rem;background-position:right .5625rem center;background-repeat:no-repeat;padding-right:calc(var(--spacing, .25rem) * 9);text-overflow:ellipsis;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%239ca3af' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3e%3c/svg%3e\")}.dropdown-container{width:100%;-webkit-user-select:none;user-select:none}.dropdown{overflow-y:auto;overscroll-behavior:none;border-style:var(--tw-border-style);border-width:1px;border-radius:var(--radius-control);border-color:var(--color-line);background-color:var(--color-surface-solid);box-shadow:var(--shadow-overlay);max-height:calc(var(--spacing, .25rem) * 52)}.dropdown li{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);text-overflow:ellipsis;white-space:nowrap}.dropdown li:not(.dropdown-item){font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.dropdown li .retry{width:100%;cursor:pointer;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;text-align:left;text-decoration-line:underline;color:inherit;font:inherit}.dropdown li.dropdown-item{cursor:pointer}.dropdown li.dropdown-item:nth-child(2n){background-color:var(--state-hover)}.dropdown li.dropdown-item.selected{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);background-color:var(--state-selected)}.dropdown li.dropdown-item.focused{--tw-outline-style: none;outline-style:none;background-color:var(--state-selected)}@media(forced-colors:active){.dropdown li.dropdown-item.focused{outline:2px solid transparent;outline-offset:2px}}.dropdown li.dropdown-item:hover,.dropdown li.dropdown-item:nth-child(2n):hover,.dropdown li.dropdown-item.selected:hover,.dropdown li.dropdown-item.focused:hover{background-color:color-mix(in srgb,#004372 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.dropdown li.dropdown-item:hover,.dropdown li.dropdown-item:nth-child(2n):hover,.dropdown li.dropdown-item.selected:hover,.dropdown li.dropdown-item.focused:hover{background-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}}lib-form-input-group{flex-basis:100%}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-leading: initial;--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
2650
2819
  dependencies: [
2651
2820
  {
2652
2821
  kind: "component",
@@ -2727,7 +2896,7 @@ i0.ɵɵngDeclareClassMetadata({
2727
2896
  TranslatePipe
2728
2897
  ],
2729
2898
  template: "<lib-form-input-group\n [controlName]=\"controlName()\"\n [label]=\"label()\"\n [notes]=\"notes()\"\n [template]=\"template\"\n [validations]=\"validations()\"\n>\n</lib-form-input-group>\n\n<ng-template #template>\n <div class=\"catalog-container\" [class.show]=\"isDropDownShown()\">\n <lib-form-input\n #input\n [class.fixed-content]=\"readOnly() && !shouldUseCriteria()\"\n [autofocus]=\"autofocus()\"\n [controlName]=\"displayControlName()\"\n [displayReadOnlyAsDisabled]=\"readOnly()\"\n [invalid]=\"isInvalid && isTouched\"\n [readOnly]=\"readOnly() || !searchable()\"\n (blurred)=\"onContainerBlur()\"\n (click)=\"onContainerClick()\"\n (focused)=\"onContainerFocus()\"\n (keydown)=\"onKeyDown($event)\"\n >\n </lib-form-input>\n @if (showClearButton) {\n <button class=\"clear-button\" type=\"button\" tabindex=\"-1\" (click)=\"onClearClick($event)\">\n <i class=\"fa-solid fa-xmark\"></i>\n </button>\n }\n </div>\n</ng-template>\n\n<ng-template #dropdownTemplate>\n <div class=\"dropdown-container\">\n <ul class=\"dropdown\" role=\"listbox\" [attr.id]=\"listboxId\">\n <!-- Status rows are not options: role=\"presentation\" keeps them out of the\n listbox's option set, and they carry no click handler. The dropdown already\n closes on Escape, on blur and on an outside click. -->\n @if (isLoading()) {\n <li role=\"presentation\" aria-live=\"polite\">\n {{ 'CatalogSelect-Loading' | translate }}\n </li>\n }\n @if (shouldUseCriteria() && showMinimumCharactersMessage()) {\n <li\n role=\"presentation\"\n aria-live=\"polite\"\n title=\"{{ 'CatalogSelect-MinimumLengthSearch' | translate: { minimumLengthSearch: minimumLengthSearch() } }}\"\n >\n {{ 'CatalogSelect-MinimumLengthSearch' | translate: { minimumLengthSearch: minimumLengthSearch() } }}\n </li>\n }\n @if (showNoResultsMessage()) {\n <li role=\"presentation\" aria-live=\"polite\" title=\"{{ 'CatalogSelect-NoResultsFound' | translate }}\">\n {{ 'CatalogSelect-NoResultsFound' | translate }}\n </li>\n }\n\n <!-- Retrying is a real action, so it is a real button and reachable by keyboard. -->\n @if (showFailureMessage()) {\n <li class=\"error\" role=\"presentation\">\n <button\n class=\"retry\"\n type=\"button\"\n title=\"{{ 'CatalogSelect-FailureMessage' | translate }}\"\n (click)=\"onDropDownErrorClick()\"\n >\n {{ 'CatalogSelect-FailureMessage' | translate }}\n </button>\n </li>\n }\n\n <!-- eslint-disable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus --\n Options in a combobox listbox are deliberately not focusable. Keyboard\n interaction lives on the input, which owns ArrowUp/ArrowDown/Enter/Escape and\n points at the active option through aria-activedescendant. Giving each option\n its own tabindex and key handlers would break that pattern. -->\n @for (entry of displayedEntries(); track entry; let i = $index) {\n <li\n class=\"dropdown-item\"\n role=\"option\"\n [attr.id]=\"getOptionId(i)\"\n [attr.aria-selected]=\"selectedValue() === entry.value\"\n [class.focused]=\"focusedIndex() === i\"\n [class.selected]=\"selectedValue() === entry.value\"\n (click)=\"onDropDownItemClick(entry)\"\n >\n {{ entry.display }}\n </li>\n }\n <!-- eslint-enable @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n </ul>\n </div>\n</ng-template>\n",
2730
- styles: ["@layer properties;:host{grid-column:span 2 / span 2;display:grid;grid-template-columns:subgrid}.catalog-container{position:relative}.catalog-container .clear-button{position:absolute;top:50%;right:calc(var(--spacing, .25rem) * 7);display:flex;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:calc(infinity * 1px);color:var(--color-gray-400, oklch(70.7% .022 261.325));z-index:10;cursor:pointer;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: 1;line-height:1}@media(hover:hover){.catalog-container .clear-button:hover{background-color:var(--color-gray-200, oklch(92.8% .006 264.531))}}@media(hover:hover){.catalog-container .clear-button:hover{color:var(--color-gray-600, oklch(44.6% .03 256.802))}}.catalog-container:has(.clear-button) lib-form-input ::ng-deep input{padding-right:calc(var(--spacing, .25rem) * 14)}div lib-form-input ::ng-deep input{cursor:pointer;background-size:1.125rem 1.125rem;background-position:right .5625rem center;background-repeat:no-repeat;padding-right:calc(var(--spacing, .25rem) * 9);text-overflow:ellipsis;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%239ca3af' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3e%3c/svg%3e\")}.dropdown-container{width:100%;-webkit-user-select:none;user-select:none}.dropdown{overflow-y:auto;overscroll-behavior:none;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-400, oklch(70.7% .022 261.325));background-color:var(--color-white, #fff);--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);max-height:calc(var(--spacing, .25rem) * 52)}.dropdown li{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);text-overflow:ellipsis;white-space:nowrap}.dropdown li:not(.dropdown-item){font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.dropdown li .retry{width:100%;cursor:pointer;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;text-align:left;text-decoration-line:underline;color:inherit;font:inherit}.dropdown li.dropdown-item{cursor:pointer}.dropdown li.dropdown-item:nth-child(2n){background-color:color-mix(in srgb,oklch(97% .001 106.424) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.dropdown li.dropdown-item:nth-child(2n){background-color:color-mix(in oklab,var(--color-stone-100, oklch(97% .001 106.424)) 70%,transparent)}}.dropdown li.dropdown-item.selected{background-color:color-mix(in srgb,#59a5db 20%,transparent);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}@supports (color: color-mix(in lab,red,red)){.dropdown li.dropdown-item.selected{background-color:color-mix(in oklab,var(--color-primary-200, #59a5db) 20%,transparent)}}.dropdown li.dropdown-item.focused{background-color:color-mix(in srgb,#59a5db 30%,transparent);--tw-outline-style: none;outline-style:none}@supports (color: color-mix(in lab,red,red)){.dropdown li.dropdown-item.focused{background-color:color-mix(in oklab,var(--color-primary-200, #59a5db) 30%,transparent)}}@media(forced-colors:active){.dropdown li.dropdown-item.focused{outline:2px solid transparent;outline-offset:2px}}@media(hover:hover){:is(.dropdown li.dropdown-item,.dropdown li.dropdown-item:nth-child(2n),.dropdown li.dropdown-item.selected,.dropdown li.dropdown-item.focused):hover{background-color:color-mix(in srgb,#59a5db 50%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(.dropdown li.dropdown-item,.dropdown li.dropdown-item:nth-child(2n),.dropdown li.dropdown-item.selected,.dropdown li.dropdown-item.focused):hover{background-color:color-mix(in oklab,var(--color-primary-200, #59a5db) 50%,transparent)}}}lib-form-input-group{flex-basis:100%}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-leading: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
2899
+ styles: ["@layer properties;:host{grid-column:span 2 / span 2;display:grid;grid-template-columns:subgrid}.catalog-container{position:relative}.catalog-container .clear-button{position:absolute;top:50%;right:calc(var(--spacing, .25rem) * 7);display:flex;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;justify-content:center;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);border-radius:calc(infinity * 1px);color:var(--color-content-subtle)}.catalog-container .clear-button:hover{color:var(--color-content-secondary);background-color:var(--state-hover)}.catalog-container .clear-button{z-index:10;cursor:pointer;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-leading: 1;line-height:1}.catalog-container:has(.clear-button) lib-form-input ::ng-deep input{padding-right:calc(var(--spacing, .25rem) * 14)}div lib-form-input ::ng-deep input{cursor:pointer;background-size:1.125rem 1.125rem;background-position:right .5625rem center;background-repeat:no-repeat;padding-right:calc(var(--spacing, .25rem) * 9);text-overflow:ellipsis;background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%239ca3af' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3e%3c/svg%3e\")}.dropdown-container{width:100%;-webkit-user-select:none;user-select:none}.dropdown{overflow-y:auto;overscroll-behavior:none;border-style:var(--tw-border-style);border-width:1px;border-radius:var(--radius-control);border-color:var(--color-line);background-color:var(--color-surface-solid);box-shadow:var(--shadow-overlay);max-height:calc(var(--spacing, .25rem) * 52)}.dropdown li{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);text-overflow:ellipsis;white-space:nowrap}.dropdown li:not(.dropdown-item){font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.dropdown li .retry{width:100%;cursor:pointer;--tw-border-style: none;border-style:none;background-color:transparent;padding:0;text-align:left;text-decoration-line:underline;color:inherit;font:inherit}.dropdown li.dropdown-item{cursor:pointer}.dropdown li.dropdown-item:nth-child(2n){background-color:var(--state-hover)}.dropdown li.dropdown-item.selected{--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);background-color:var(--state-selected)}.dropdown li.dropdown-item.focused{--tw-outline-style: none;outline-style:none;background-color:var(--state-selected)}@media(forced-colors:active){.dropdown li.dropdown-item.focused{outline:2px solid transparent;outline-offset:2px}}.dropdown li.dropdown-item:hover,.dropdown li.dropdown-item:nth-child(2n):hover,.dropdown li.dropdown-item.selected:hover,.dropdown li.dropdown-item.focused:hover{background-color:color-mix(in srgb,#004372 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.dropdown li.dropdown-item:hover,.dropdown li.dropdown-item:nth-child(2n):hover,.dropdown li.dropdown-item.selected:hover,.dropdown li.dropdown-item.focused:hover{background-color:color-mix(in srgb,var(--color-accent) 25%,transparent)}}lib-form-input-group{flex-basis:100%}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-leading: initial;--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
2731
2900
  }]
2732
2901
  }],
2733
2902
  ctorParameters: () => [],
@@ -3250,7 +3419,7 @@ var DataGridComponent = class DataGridComponent extends BaseComponent {
3250
3419
  usesInheritance: true,
3251
3420
  ngImport: i0,
3252
3421
  template: "@if (showButtons()) {\n <div class=\"buttons\">\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n}\n\n<div class=\"header\" [class.hide]=\"isHideColumns\" [style.padding-right.px]=\"headerRightMargin()\">\n <!-- Translated by however far the body is scrolled sideways. The rows scroll inside the CDK\n viewport and the header sits outside it, so without this the headings simply stay put\n while the cells move away from them. -->\n <div class=\"header-row\" [style.transform]=\"headerScrollLeft() ? 'translateX(-' + headerScrollLeft() + 'px)' : null\">\n @if (isShowMultiSelect) {\n <div\n class=\"header-cell selection\"\n [ngStyle]=\"{\n width: selectionColWidth ? selectionColWidth : null,\n }\"\n >\n &nbsp;\n </div>\n }\n\n <!-- A measured zero is a width, not the absence of one: it is a 1fr column that collapsed,\n and its heading has to collapse too.\n\n Such a heading is removed rather than merely made zero wide, because a flex item still\n takes a gap on each side while the body grid allows the collapsed track only one, and\n that spare gap pushed every heading to its right out by 16px. -->\n @for (column of columns; track column) {\n <div\n class=\"header-cell\"\n [ngStyle]=\"{\n display: column.realSize === 0 ? 'none' : null,\n 'width.px': column.realSize ?? null,\n }\"\n >\n <span>{{ column.headerName | translate }}</span>\n </div>\n }\n </div>\n</div>\n\n<div #body class=\"body\" [style.min-height.px]=\"bodyMinHeight\">\n <cdk-virtual-scroll-viewport [itemSize]=\"configs.rowHeight\" [style.grid-template-columns]=\"gridColumns\">\n <lib-data-grid-row\n #row\n *cdkVirtualFor=\"let row of dataGridDataset.loadedRows; index as i; trackBy: trackByFn\"\n [disabled]=\"disabled()\"\n [isFirstRow]=\"isFirstVisibleRow(i)\"\n [rowData]=\"row\"\n [style.height.px]=\"configs.rowHeight\"\n (selectionResized)=\"onSelectionResized($event)\"\n >\n </lib-data-grid-row>\n\n @if (loading()) {\n <div class=\"loading\" [style.height.px]=\"configs.rowHeight\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n <span>\n {{ dataGridDataset.configs.loadingDisplayText ?? '' | translate }}\n </span>\n </div>\n }\n @if (!loading() && !hasBeenLoaded && lazyLoadRows()) {\n <div class=\"message\" [style.height.px]=\"configs.rowHeight\">\n <span>\n {{ messageToDisplayWhenLazyLoad | translate }}\n </span>\n </div>\n }\n @if (!loading() && hasBeenLoaded && (!hasLoadedRows || hasFailed())) {\n @if (!hasFailed() && !hasLoadedRows && hasMessageToDisplayWhenEmpty && shouldDisplayMessageWhenEmpty) {\n <div class=\"message\" [style.height.px]=\"configs.rowHeight\">\n <span>\n {{ messageToDisplayWhenEmpty | translate }}\n </span>\n </div>\n }\n @if (hasFailed()) {\n <div class=\"message\" [style.height.px]=\"configs.rowHeight\">\n <span>\n <i class=\"fas fa-exclamation-triangle mr-2 text-yellow-600\"></i>{{ messageToDisplayWhenFailed | translate }}\n </span>\n </div>\n }\n }\n </cdk-virtual-scroll-viewport>\n</div>\n",
3253
- styles: ["@charset \"UTF-8\";@layer properties;:host{display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}:host:not(.no-borders){border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:var(--color-white, #fff);border-radius:var(--surface-radius, .5rem)}@supports (color: color-mix(in lab,red,red)){:host:not(.no-borders){border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}:host.no-borders .header .header-row{padding-block:calc(var(--spacing, .25rem) * 1.5)}:host.no-borders .body lib-data-grid-row{padding-block:var(--spacing, .25rem)}.header-row,lib-data-grid-row,.loading,.message{gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 4)}.header{overflow:hidden;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:color-mix(in srgb,oklch(92.8% .006 264.531) 40%,transparent);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}@supports (color: color-mix(in lab,red,red)){.header{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){.header{background-color:color-mix(in oklab,var(--color-gray-200, oklch(92.8% .006 264.531)) 40%,transparent)}}.header.hide{display:none}.header .header-row{display:flex;flex-direction:row;padding-block:calc(var(--spacing, .25rem) * 3)}.header .header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .header-cell:not(.selection){flex:none}.body{position:relative;flex-grow:1}.body cdk-virtual-scroll-viewport{position:absolute;inset:0}.body cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{display:grid;grid-template-columns:inherit}.body lib-data-grid-row{margin-top:-1px;cursor:pointer;border-block-style:var(--tw-border-style);border-block-width:1px;border-color:color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent);padding-block:calc(var(--spacing, .25rem) * 2)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row{border-color:color-mix(in oklab,var(--color-slate-300, oklch(86.9% .022 252.894)) 50%,transparent)}}.body lib-data-grid-row:nth-child(2n){background-color:color-mix(in srgb,oklch(98.4% .003 247.858) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row:nth-child(2n){background-color:color-mix(in oklab,var(--color-slate-50, oklch(98.4% .003 247.858)) 70%,transparent)}}.body lib-data-grid-row:hover{background-color:color-mix(in srgb,oklch(88.2% .059 254.128) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row:hover{background-color:color-mix(in oklab,var(--color-blue-200, oklch(88.2% .059 254.128)) 20%,transparent)}}.body lib-data-grid-row.focused{z-index:1;border-color:color-mix(in srgb,oklch(70.4% .04 256.788) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row.focused{border-color:color-mix(in oklab,var(--color-slate-400, oklch(70.4% .04 256.788)) 60%,transparent)}}.body lib-data-grid-row.selected{position:relative;z-index:10;border-color:var(--color-blue-300, oklch(80.9% .105 251.813));background-color:color-mix(in srgb,oklch(88.2% .059 254.128) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row.selected{background-color:color-mix(in oklab,var(--color-blue-200, oklch(88.2% .059 254.128)) 30%,transparent)}}.body lib-data-grid-row.selected:hover{background-color:color-mix(in srgb,oklch(88.2% .059 254.128) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row.selected:hover{background-color:color-mix(in oklab,var(--color-blue-200, oklch(88.2% .059 254.128)) 40%,transparent)}}.body .loading,.body .message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);white-space:nowrap;height:calc(var(--spacing, .25rem) * 10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent);grid-column:1 / -1}@supports (color: color-mix(in lab,red,red)){.body .loading,.body .message{border-color:color-mix(in oklab,var(--color-slate-300, oklch(86.9% .022 252.894)) 50%,transparent)}}.body .loading span,.body .message span{overflow:hidden;text-overflow:ellipsis}.body .loading svg{height:calc(var(--spacing, .25rem) * 6);min-height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);animation:var(--animate-spin, spin 1s linear infinite);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.buttons{display:flex;border-top-style:var(--tw-border-style);border-top-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);padding:var(--spacing, .25rem)}@supports (color: color-mix(in lab,red,red)){.buttons{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-duration: initial;--tw-ease: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3422
+ styles: ["@charset \"UTF-8\";@layer properties;:host{display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}:host:not(.no-borders){border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-surface-solid);border-color:var(--color-line);border-radius:var(--surface-radius, .5rem)}:host.no-borders .header .header-row{padding-block:calc(var(--spacing, .25rem) * 1.5)}:host.no-borders .body lib-data-grid-row{padding-block:var(--spacing, .25rem)}.header-row,lib-data-grid-row,.loading,.message{gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 4)}.header{overflow:hidden;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);background-color:var(--color-surface-inset);border-color:var(--color-line)}.header.hide{display:none}.header .header-row{display:flex;flex-direction:row;padding-block:calc(var(--spacing, .25rem) * 3)}.header .header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .header-cell:not(.selection){flex:none}.body{position:relative;flex-grow:1}.body cdk-virtual-scroll-viewport{position:absolute;inset:0}.body cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{display:grid;grid-template-columns:inherit}.body lib-data-grid-row{margin-top:-1px;cursor:pointer;border-block-style:var(--tw-border-style);border-block-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);border-color:var(--color-line)}.body lib-data-grid-row:nth-child(2n){background-color:var(--state-hover)}.body lib-data-grid-row:hover{background-color:var(--state-selected)}.body lib-data-grid-row.focused{z-index:1;border-color:var(--color-line-strong)}.body lib-data-grid-row.selected{position:relative;z-index:10;background-color:var(--state-selected);border-color:var(--color-accent)}.body lib-data-grid-row.selected:hover{background-color:var(--state-selected)}.body .loading,.body .message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);white-space:nowrap;height:calc(var(--spacing, .25rem) * 10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);grid-column:1 / -1}.body .loading span,.body .message span{overflow:hidden;text-overflow:ellipsis}.body .loading svg{height:calc(var(--spacing, .25rem) * 6);min-height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);animation:var(--animate-spin, spin 1s linear infinite);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));transition-duration:var(--duration-short);transition-timing-function:var(--ease-standard)}.buttons{display:flex;border-top-style:var(--tw-border-style);border-top-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:var(--spacing, .25rem);border-color:var(--color-line)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3254
3423
  dependencies: [
3255
3424
  {
3256
3425
  kind: "component",
@@ -3326,7 +3495,7 @@ i0.ɵɵngDeclareClassMetadata({
3326
3495
  TranslatePipe
3327
3496
  ],
3328
3497
  template: "@if (showButtons()) {\n <div class=\"buttons\">\n <ng-content select=\"[buttons]\"></ng-content>\n </div>\n}\n\n<div class=\"header\" [class.hide]=\"isHideColumns\" [style.padding-right.px]=\"headerRightMargin()\">\n <!-- Translated by however far the body is scrolled sideways. The rows scroll inside the CDK\n viewport and the header sits outside it, so without this the headings simply stay put\n while the cells move away from them. -->\n <div class=\"header-row\" [style.transform]=\"headerScrollLeft() ? 'translateX(-' + headerScrollLeft() + 'px)' : null\">\n @if (isShowMultiSelect) {\n <div\n class=\"header-cell selection\"\n [ngStyle]=\"{\n width: selectionColWidth ? selectionColWidth : null,\n }\"\n >\n &nbsp;\n </div>\n }\n\n <!-- A measured zero is a width, not the absence of one: it is a 1fr column that collapsed,\n and its heading has to collapse too.\n\n Such a heading is removed rather than merely made zero wide, because a flex item still\n takes a gap on each side while the body grid allows the collapsed track only one, and\n that spare gap pushed every heading to its right out by 16px. -->\n @for (column of columns; track column) {\n <div\n class=\"header-cell\"\n [ngStyle]=\"{\n display: column.realSize === 0 ? 'none' : null,\n 'width.px': column.realSize ?? null,\n }\"\n >\n <span>{{ column.headerName | translate }}</span>\n </div>\n }\n </div>\n</div>\n\n<div #body class=\"body\" [style.min-height.px]=\"bodyMinHeight\">\n <cdk-virtual-scroll-viewport [itemSize]=\"configs.rowHeight\" [style.grid-template-columns]=\"gridColumns\">\n <lib-data-grid-row\n #row\n *cdkVirtualFor=\"let row of dataGridDataset.loadedRows; index as i; trackBy: trackByFn\"\n [disabled]=\"disabled()\"\n [isFirstRow]=\"isFirstVisibleRow(i)\"\n [rowData]=\"row\"\n [style.height.px]=\"configs.rowHeight\"\n (selectionResized)=\"onSelectionResized($event)\"\n >\n </lib-data-grid-row>\n\n @if (loading()) {\n <div class=\"loading\" [style.height.px]=\"configs.rowHeight\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n <span>\n {{ dataGridDataset.configs.loadingDisplayText ?? '' | translate }}\n </span>\n </div>\n }\n @if (!loading() && !hasBeenLoaded && lazyLoadRows()) {\n <div class=\"message\" [style.height.px]=\"configs.rowHeight\">\n <span>\n {{ messageToDisplayWhenLazyLoad | translate }}\n </span>\n </div>\n }\n @if (!loading() && hasBeenLoaded && (!hasLoadedRows || hasFailed())) {\n @if (!hasFailed() && !hasLoadedRows && hasMessageToDisplayWhenEmpty && shouldDisplayMessageWhenEmpty) {\n <div class=\"message\" [style.height.px]=\"configs.rowHeight\">\n <span>\n {{ messageToDisplayWhenEmpty | translate }}\n </span>\n </div>\n }\n @if (hasFailed()) {\n <div class=\"message\" [style.height.px]=\"configs.rowHeight\">\n <span>\n <i class=\"fas fa-exclamation-triangle mr-2 text-yellow-600\"></i>{{ messageToDisplayWhenFailed | translate }}\n </span>\n </div>\n }\n }\n </cdk-virtual-scroll-viewport>\n</div>\n",
3329
- styles: ["@charset \"UTF-8\";@layer properties;:host{display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}:host:not(.no-borders){border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:var(--color-white, #fff);border-radius:var(--surface-radius, .5rem)}@supports (color: color-mix(in lab,red,red)){:host:not(.no-borders){border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}:host.no-borders .header .header-row{padding-block:calc(var(--spacing, .25rem) * 1.5)}:host.no-borders .body lib-data-grid-row{padding-block:var(--spacing, .25rem)}.header-row,lib-data-grid-row,.loading,.message{gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 4)}.header{overflow:hidden;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:color-mix(in srgb,oklch(92.8% .006 264.531) 40%,transparent);--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700)}@supports (color: color-mix(in lab,red,red)){.header{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){.header{background-color:color-mix(in oklab,var(--color-gray-200, oklch(92.8% .006 264.531)) 40%,transparent)}}.header.hide{display:none}.header .header-row{display:flex;flex-direction:row;padding-block:calc(var(--spacing, .25rem) * 3)}.header .header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .header-cell:not(.selection){flex:none}.body{position:relative;flex-grow:1}.body cdk-virtual-scroll-viewport{position:absolute;inset:0}.body cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{display:grid;grid-template-columns:inherit}.body lib-data-grid-row{margin-top:-1px;cursor:pointer;border-block-style:var(--tw-border-style);border-block-width:1px;border-color:color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent);padding-block:calc(var(--spacing, .25rem) * 2)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row{border-color:color-mix(in oklab,var(--color-slate-300, oklch(86.9% .022 252.894)) 50%,transparent)}}.body lib-data-grid-row:nth-child(2n){background-color:color-mix(in srgb,oklch(98.4% .003 247.858) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row:nth-child(2n){background-color:color-mix(in oklab,var(--color-slate-50, oklch(98.4% .003 247.858)) 70%,transparent)}}.body lib-data-grid-row:hover{background-color:color-mix(in srgb,oklch(88.2% .059 254.128) 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row:hover{background-color:color-mix(in oklab,var(--color-blue-200, oklch(88.2% .059 254.128)) 20%,transparent)}}.body lib-data-grid-row.focused{z-index:1;border-color:color-mix(in srgb,oklch(70.4% .04 256.788) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row.focused{border-color:color-mix(in oklab,var(--color-slate-400, oklch(70.4% .04 256.788)) 60%,transparent)}}.body lib-data-grid-row.selected{position:relative;z-index:10;border-color:var(--color-blue-300, oklch(80.9% .105 251.813));background-color:color-mix(in srgb,oklch(88.2% .059 254.128) 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row.selected{background-color:color-mix(in oklab,var(--color-blue-200, oklch(88.2% .059 254.128)) 30%,transparent)}}.body lib-data-grid-row.selected:hover{background-color:color-mix(in srgb,oklch(88.2% .059 254.128) 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.body lib-data-grid-row.selected:hover{background-color:color-mix(in oklab,var(--color-blue-200, oklch(88.2% .059 254.128)) 40%,transparent)}}.body .loading,.body .message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);white-space:nowrap;height:calc(var(--spacing, .25rem) * 10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent);grid-column:1 / -1}@supports (color: color-mix(in lab,red,red)){.body .loading,.body .message{border-color:color-mix(in oklab,var(--color-slate-300, oklch(86.9% .022 252.894)) 50%,transparent)}}.body .loading span,.body .message span{overflow:hidden;text-overflow:ellipsis}.body .loading svg{height:calc(var(--spacing, .25rem) * 6);min-height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);animation:var(--animate-spin, spin 1s linear infinite);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.buttons{display:flex;border-top-style:var(--tw-border-style);border-top-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);padding:var(--spacing, .25rem)}@supports (color: color-mix(in lab,red,red)){.buttons{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-duration: initial;--tw-ease: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3498
+ styles: ["@charset \"UTF-8\";@layer properties;:host{display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}:host:not(.no-borders){border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-surface-solid);border-color:var(--color-line);border-radius:var(--surface-radius, .5rem)}:host.no-borders .header .header-row{padding-block:calc(var(--spacing, .25rem) * 1.5)}:host.no-borders .body lib-data-grid-row{padding-block:var(--spacing, .25rem)}.header-row,lib-data-grid-row,.loading,.message{gap:calc(var(--spacing, .25rem) * 4);padding-inline:calc(var(--spacing, .25rem) * 4)}.header{overflow:hidden;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);background-color:var(--color-surface-inset);border-color:var(--color-line)}.header.hide{display:none}.header .header-row{display:flex;flex-direction:row;padding-block:calc(var(--spacing, .25rem) * 3)}.header .header-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .header-cell:not(.selection){flex:none}.body{position:relative;flex-grow:1}.body cdk-virtual-scroll-viewport{position:absolute;inset:0}.body cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{display:grid;grid-template-columns:inherit}.body lib-data-grid-row{margin-top:-1px;cursor:pointer;border-block-style:var(--tw-border-style);border-block-width:1px;padding-block:calc(var(--spacing, .25rem) * 2);border-color:var(--color-line)}.body lib-data-grid-row:nth-child(2n){background-color:var(--state-hover)}.body lib-data-grid-row:hover{background-color:var(--state-selected)}.body lib-data-grid-row.focused{z-index:1;border-color:var(--color-line-strong)}.body lib-data-grid-row.selected{position:relative;z-index:10;background-color:var(--state-selected);border-color:var(--color-accent)}.body lib-data-grid-row.selected:hover{background-color:var(--state-selected)}.body .loading,.body .message{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);white-space:nowrap;height:calc(var(--spacing, .25rem) * 10);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line);grid-column:1 / -1}.body .loading span,.body .message span{overflow:hidden;text-overflow:ellipsis}.body .loading svg{height:calc(var(--spacing, .25rem) * 6);min-height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);min-width:calc(var(--spacing, .25rem) * 6);animation:var(--animate-spin, spin 1s linear infinite);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));transition-duration:var(--duration-short);transition-timing-function:var(--ease-standard)}.buttons{display:flex;border-top-style:var(--tw-border-style);border-top-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:var(--spacing, .25rem);border-color:var(--color-line)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3330
3499
  }]
3331
3500
  }],
3332
3501
  ctorParameters: () => [],
@@ -3392,7 +3561,7 @@ var FormGroupComponent = class FormGroupComponent {
3392
3561
  host: { properties: { "class.expand": "shouldExpand" } },
3393
3562
  ngImport: i0,
3394
3563
  template: "@if (hasTitle) {\n <h3 class=\"title\">\n {{ label | translate }}\n </h3>\n}\n\n<div class=\"content\" [class.has-title]=\"hasTitle\">\n <ng-content></ng-content>\n</div>\n",
3395
- styles: ["@layer properties;:host.expand{display:flex;max-height:100%;flex-direction:column;overflow-y:hidden}:host.expand .content{max-height:100%;flex-grow:1;overflow-y:hidden}.title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.content{display:grid;grid-auto-rows:auto;grid-template-columns:min-content minmax(0,1fr);gap:var(--spacing, .25rem)}.content.has-title{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);padding-inline:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2)}@supports (color: color-mix(in lab,red,red)){.content.has-title{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3564
+ styles: ["@layer properties;:host.expand{display:flex;max-height:100%;flex-direction:column;overflow-y:hidden}:host.expand .content{max-height:100%;flex-grow:1;overflow-y:hidden}.title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.content{display:grid;grid-auto-rows:auto;grid-template-columns:min-content minmax(0,1fr);gap:var(--spacing, .25rem)}.content.has-title{border-top-style:var(--tw-border-style);border-top-width:1px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2);border-color:var(--color-line)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3396
3565
  dependencies: [{
3397
3566
  kind: "pipe",
3398
3567
  type: TranslatePipe,
@@ -3414,7 +3583,7 @@ i0.ɵɵngDeclareClassMetadata({
3414
3583
  host: { "[class.expand]": "shouldExpand" },
3415
3584
  changeDetection: ChangeDetectionStrategy.OnPush,
3416
3585
  template: "@if (hasTitle) {\n <h3 class=\"title\">\n {{ label | translate }}\n </h3>\n}\n\n<div class=\"content\" [class.has-title]=\"hasTitle\">\n <ng-content></ng-content>\n</div>\n",
3417
- styles: ["@layer properties;:host.expand{display:flex;max-height:100%;flex-direction:column;overflow-y:hidden}:host.expand .content{max-height:100%;flex-grow:1;overflow-y:hidden}.title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.content{display:grid;grid-auto-rows:auto;grid-template-columns:min-content minmax(0,1fr);gap:var(--spacing, .25rem)}.content.has-title{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);padding-inline:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2)}@supports (color: color-mix(in lab,red,red)){.content.has-title{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3586
+ styles: ["@layer properties;:host.expand{display:flex;max-height:100%;flex-direction:column;overflow-y:hidden}:host.expand .content{max-height:100%;flex-grow:1;overflow-y:hidden}.title{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.content{display:grid;grid-auto-rows:auto;grid-template-columns:min-content minmax(0,1fr);gap:var(--spacing, .25rem)}.content.has-title{border-top-style:var(--tw-border-style);border-top-width:1px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 2);border-color:var(--color-line)}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3418
3587
  }]
3419
3588
  }],
3420
3589
  propDecorators: {
@@ -3474,7 +3643,7 @@ var GroupAccordionComponent = class GroupAccordionComponent {
3474
3643
  }],
3475
3644
  ngImport: i0,
3476
3645
  template: "<div class=\"title\">\n <h6\n role=\"button\"\n tabindex=\"0\"\n [attr.aria-expanded]=\"!collapsed()\"\n (click)=\"onToggle()\"\n (keydown.enter)=\"onToggle()\"\n (keydown.space)=\"onToggle(); $event.preventDefault()\"\n >\n <i class=\"fas fa-chevron-down fa-sm\"></i>{{ label() }}\n </h6>\n</div>\n\n<div\n #container\n class=\"content animate\"\n [ngStyle]=\"\n (maxHeight() >= 0 && {\n 'height.px': maxHeight(),\n 'max-height.px': maxHeight(),\n }) ||\n null\n \"\n>\n <div #maxHeighContainer>\n <ng-content></ng-content>\n </div>\n</div>\n",
3477
- styles: ["@layer properties;:host{margin-bottom:calc(var(--spacing, .25rem) * 4);display:flex;flex-direction:column}:host.collapsed i{rotate:-90deg}:host.collapsed .content{max-height:0px!important;overflow:hidden!important}:host:not(.collapsed) .content{animation:show .15s}.title{-webkit-user-select:none;user-select:none}.title i{margin-right:calc(var(--spacing, .25rem) * 2);padding-top:var(--spacing, .25rem);color:var(--color-slate-500, oklch(55.4% .046 257.417));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.title h6{margin-bottom:0;display:inline;height:calc(var(--spacing, .25rem) * 12);cursor:pointer;padding-right:calc(var(--spacing, .25rem) * 2);padding-left:var(--spacing, .25rem);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 3rem;line-height:3rem;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.content{box-sizing:content-box;flex-grow:1;overflow-y:hidden;padding-inline:var(--spacing, .25rem)}.content.animate{transition-property:max-height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.content div{padding-bottom:var(--spacing, .25rem);height:100%}@media(width>=64rem){.content div{display:grid}}@media(width>=64rem){.content div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=64rem){.content div{gap:calc(var(--spacing, .25rem) * 3)}}@media(width>=80rem){.content div{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes show{0%{overflow:hidden}99%{overflow:hidden}to{overflow:auto}}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3646
+ styles: ["@layer properties;:host{margin-bottom:calc(var(--spacing, .25rem) * 4);display:flex;flex-direction:column}:host.collapsed i{rotate:-90deg}:host.collapsed .content{max-height:0px!important;overflow:hidden!important}:host:not(.collapsed) .content{animation:show .15s}.title{-webkit-user-select:none;user-select:none}.title i{margin-right:calc(var(--spacing, .25rem) * 2);padding-top:var(--spacing, .25rem);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));color:var(--color-content-secondary)}.title h6{margin-bottom:0;display:inline;height:calc(var(--spacing, .25rem) * 12);cursor:pointer;padding-right:calc(var(--spacing, .25rem) * 2);padding-left:var(--spacing, .25rem);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 3rem;line-height:3rem;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.content{box-sizing:content-box;flex-grow:1;overflow-y:hidden;padding-inline:var(--spacing, .25rem)}.content.animate{transition-property:max-height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.content div{padding-bottom:var(--spacing, .25rem);height:100%}@media(width>=64rem){.content div{display:grid}}@media(width>=64rem){.content div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=64rem){.content div{gap:calc(var(--spacing, .25rem) * 3)}}@media(width>=80rem){.content div{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes show{0%{overflow:hidden}99%{overflow:hidden}to{overflow:auto}}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3478
3647
  dependencies: [{
3479
3648
  kind: "directive",
3480
3649
  type: NgStyle,
@@ -3495,7 +3664,7 @@ i0.ɵɵngDeclareClassMetadata({
3495
3664
  host: { "[class.collapsed]": "collapsed()" },
3496
3665
  imports: [NgStyle],
3497
3666
  template: "<div class=\"title\">\n <h6\n role=\"button\"\n tabindex=\"0\"\n [attr.aria-expanded]=\"!collapsed()\"\n (click)=\"onToggle()\"\n (keydown.enter)=\"onToggle()\"\n (keydown.space)=\"onToggle(); $event.preventDefault()\"\n >\n <i class=\"fas fa-chevron-down fa-sm\"></i>{{ label() }}\n </h6>\n</div>\n\n<div\n #container\n class=\"content animate\"\n [ngStyle]=\"\n (maxHeight() >= 0 && {\n 'height.px': maxHeight(),\n 'max-height.px': maxHeight(),\n }) ||\n null\n \"\n>\n <div #maxHeighContainer>\n <ng-content></ng-content>\n </div>\n</div>\n",
3498
- styles: ["@layer properties;:host{margin-bottom:calc(var(--spacing, .25rem) * 4);display:flex;flex-direction:column}:host.collapsed i{rotate:-90deg}:host.collapsed .content{max-height:0px!important;overflow:hidden!important}:host:not(.collapsed) .content{animation:show .15s}.title{-webkit-user-select:none;user-select:none}.title i{margin-right:calc(var(--spacing, .25rem) * 2);padding-top:var(--spacing, .25rem);color:var(--color-slate-500, oklch(55.4% .046 257.417));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.title h6{margin-bottom:0;display:inline;height:calc(var(--spacing, .25rem) * 12);cursor:pointer;padding-right:calc(var(--spacing, .25rem) * 2);padding-left:var(--spacing, .25rem);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 3rem;line-height:3rem;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.content{box-sizing:content-box;flex-grow:1;overflow-y:hidden;padding-inline:var(--spacing, .25rem)}.content.animate{transition-property:max-height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.content div{padding-bottom:var(--spacing, .25rem);height:100%}@media(width>=64rem){.content div{display:grid}}@media(width>=64rem){.content div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=64rem){.content div{gap:calc(var(--spacing, .25rem) * 3)}}@media(width>=80rem){.content div{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes show{0%{overflow:hidden}99%{overflow:hidden}to{overflow:auto}}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3667
+ styles: ["@layer properties;:host{margin-bottom:calc(var(--spacing, .25rem) * 4);display:flex;flex-direction:column}:host.collapsed i{rotate:-90deg}:host.collapsed .content{max-height:0px!important;overflow:hidden!important}:host:not(.collapsed) .content{animation:show .15s}.title{-webkit-user-select:none;user-select:none}.title i{margin-right:calc(var(--spacing, .25rem) * 2);padding-top:var(--spacing, .25rem);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));color:var(--color-content-secondary)}.title h6{margin-bottom:0;display:inline;height:calc(var(--spacing, .25rem) * 12);cursor:pointer;padding-right:calc(var(--spacing, .25rem) * 2);padding-left:var(--spacing, .25rem);font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-leading: 3rem;line-height:3rem;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.content{box-sizing:content-box;flex-grow:1;overflow-y:hidden;padding-inline:var(--spacing, .25rem)}.content.animate{transition-property:max-height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s))}.content div{padding-bottom:var(--spacing, .25rem);height:100%}@media(width>=64rem){.content div{display:grid}}@media(width>=64rem){.content div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=64rem){.content div{gap:calc(var(--spacing, .25rem) * 3)}}@media(width>=80rem){.content div{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes show{0%{overflow:hidden}99%{overflow:hidden}to{overflow:auto}}@property --tw-leading{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3499
3668
  }]
3500
3669
  }],
3501
3670
  propDecorators: {
@@ -3633,7 +3802,7 @@ var GroupContainerComponent = class GroupContainerComponent {
3633
3802
  }],
3634
3803
  ngImport: i0,
3635
3804
  template: "<div class=\"title\">\n @if (!!title && !!icon) {\n <i class=\"fas fa-fw\" [ngClass]=\"icon\"></i>\n }\n @if (!!title) {\n <h4>{{ title | translate }}</h4>\n }\n @if (!title) {\n <svg [ngClass]=\"''\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n }\n</div>\n\n<div class=\"content-container\">\n <ng-content></ng-content>\n</div>\n",
3636
- styles: ["@charset \"UTF-8\";@layer properties;:host{position:relative;display:flex;flex-grow:1;flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:color-mix(in srgb,#fff 80%,transparent);border-radius:var(--surface-radius, .5rem)}@supports (color: color-mix(in lab,red,red)){:host{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){:host{background-color:color-mix(in oklab,var(--color-white, #fff) 80%,transparent)}}.title{display:flex;height:calc(var(--spacing, .25rem) * 8);align-items:center;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);text-overflow:ellipsis}@supports (color: color-mix(in lab,red,red)){.title{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}.title i{padding-right:calc(var(--spacing, .25rem) * 2);color:var(--color-slate-500, oklch(55.4% .046 257.417))}.title h4{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.title svg{height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);animation:var(--animate-spin, spin 1s linear infinite)}.content-container{position:relative;display:flex;flex-grow:1;overflow:hidden}.content-container ::ng-deep>*{flex-grow:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3805
+ styles: ["@charset \"UTF-8\";@layer properties;:host{position:relative;display:flex;flex-grow:1;flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-surface-solid);border-color:var(--color-line);border-radius:var(--surface-radius, .5rem)}.title{display:flex;height:calc(var(--spacing, .25rem) * 8);align-items:center;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);text-overflow:ellipsis;border-color:var(--color-line)}.title i{padding-right:calc(var(--spacing, .25rem) * 2);color:var(--color-content-secondary)}.title h4{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.title svg{height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);animation:var(--animate-spin, spin 1s linear infinite)}.content-container{position:relative;display:flex;flex-grow:1;overflow:hidden}.content-container ::ng-deep>*{flex-grow:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3637
3806
  dependencies: [{
3638
3807
  kind: "directive",
3639
3808
  type: NgClass,
@@ -3659,7 +3828,7 @@ i0.ɵɵngDeclareClassMetadata({
3659
3828
  imports: [NgClass, TranslatePipe],
3660
3829
  changeDetection: ChangeDetectionStrategy.OnPush,
3661
3830
  template: "<div class=\"title\">\n @if (!!title && !!icon) {\n <i class=\"fas fa-fw\" [ngClass]=\"icon\"></i>\n }\n @if (!!title) {\n <h4>{{ title | translate }}</h4>\n }\n @if (!title) {\n <svg [ngClass]=\"''\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n }\n</div>\n\n<div class=\"content-container\">\n <ng-content></ng-content>\n</div>\n",
3662
- styles: ["@charset \"UTF-8\";@layer properties;:host{position:relative;display:flex;flex-grow:1;flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:color-mix(in srgb,#fff 80%,transparent);border-radius:var(--surface-radius, .5rem)}@supports (color: color-mix(in lab,red,red)){:host{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){:host{background-color:color-mix(in oklab,var(--color-white, #fff) 80%,transparent)}}.title{display:flex;height:calc(var(--spacing, .25rem) * 8);align-items:center;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);text-overflow:ellipsis}@supports (color: color-mix(in lab,red,red)){.title{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}.title i{padding-right:calc(var(--spacing, .25rem) * 2);color:var(--color-slate-500, oklch(55.4% .046 257.417))}.title h4{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.title svg{height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);animation:var(--animate-spin, spin 1s linear infinite)}.content-container{position:relative;display:flex;flex-grow:1;overflow:hidden}.content-container ::ng-deep>*{flex-grow:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3831
+ styles: ["@charset \"UTF-8\";@layer properties;:host{position:relative;display:flex;flex-grow:1;flex-direction:column;overflow:hidden;border-style:var(--tw-border-style);border-width:1px;background-color:var(--color-surface-solid);border-color:var(--color-line);border-radius:var(--surface-radius, .5rem)}.title{display:flex;height:calc(var(--spacing, .25rem) * 8);align-items:center;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);text-overflow:ellipsis;border-color:var(--color-line)}.title i{padding-right:calc(var(--spacing, .25rem) * 2);color:var(--color-content-secondary)}.title h4{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.title svg{height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5);animation:var(--animate-spin, spin 1s linear infinite)}.content-container{position:relative;display:flex;flex-grow:1;overflow:hidden}.content-container ::ng-deep>*{flex-grow:1;overflow:hidden}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3663
3832
  }]
3664
3833
  }],
3665
3834
  propDecorators: {
@@ -3718,7 +3887,7 @@ var GroupScrollSpyComponent = class GroupScrollSpyComponent {
3718
3887
  }],
3719
3888
  ngImport: i0,
3720
3889
  template: "<div class=\"scroll-spy\">\n @for (title of titles(); track title; let i = $index) {\n <a\n class=\"item\"\n [class.active]=\"i === activeSection()\"\n role=\"button\"\n tabindex=\"0\"\n [attr.aria-current]=\"i === activeSection()\"\n (click)=\"scrollTo(i)\"\n (keydown.enter)=\"scrollTo(i)\"\n (keydown.space)=\"scrollTo(i); $event.preventDefault()\"\n >{{ title }}</a\n >\n }\n</div>\n\n<div\n class=\"content\"\n libScrollSpy\n [class.no-scroll-spy]=\"titles().length === 0\"\n [spiedTags]=\"['lib-group-accordion']\"\n (activeSectionChange)=\"activeSectionChanged($event)\"\n>\n <ng-content></ng-content>\n</div>\n",
3721
- styles: ["@layer properties;:host{position:relative;display:flex;height:100%;max-height:100%;min-height:100%;flex-grow:1;overflow:hidden}.content{display:flex;flex-grow:1;flex-direction:column;overflow:auto;scroll-behavior:smooth;padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:var(--spacing, .25rem)}@media(width>=48rem){.content{padding-right:10.5rem}}@media(width>=48rem){.content.no-scroll-spy{padding-right:calc(var(--spacing, .25rem) * 3)}}.scroll-spy{position:absolute;top:calc(var(--spacing, .25rem) * 3);right:calc(var(--spacing, .25rem) * 3);display:none;width:calc(var(--spacing, .25rem) * 36);flex-direction:column;-webkit-user-select:none;user-select:none}@media(width>=48rem){.scroll-spy{display:flex}}.scroll-spy a{cursor:pointer;border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:var(--color-gray-300, oklch(87.2% .01 258.338));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-gray-600, oklch(44.6% .03 256.802))}.scroll-spy a.active{border-left-color:var(--color-primary-400, #006bb6);color:var(--color-primary-400, #006bb6)}.scroll-spy a:active{background-color:color-mix(in srgb,#006bb6 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.scroll-spy a:active{background-color:color-mix(in oklab,var(--color-primary-400, #006bb6) 10%,transparent)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3890
+ styles: ["@layer properties;:host{position:relative;display:flex;height:100%;max-height:100%;min-height:100%;flex-grow:1;overflow:hidden}.content{display:flex;flex-grow:1;flex-direction:column;overflow:auto;scroll-behavior:smooth;padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:var(--spacing, .25rem)}@media(width>=48rem){.content{padding-right:10.5rem}}@media(width>=48rem){.content.no-scroll-spy{padding-right:calc(var(--spacing, .25rem) * 3)}}.scroll-spy{position:absolute;top:calc(var(--spacing, .25rem) * 3);right:calc(var(--spacing, .25rem) * 3);display:none;width:calc(var(--spacing, .25rem) * 36);flex-direction:column;-webkit-user-select:none;user-select:none}@media(width>=48rem){.scroll-spy{display:flex}}.scroll-spy a{cursor:pointer;border-left-style:var(--tw-border-style);border-left-width:2px;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-content-secondary);border-left-color:var(--color-line)}.scroll-spy a.active{color:var(--color-accent);border-left-color:var(--color-accent)}.scroll-spy a:active{background-color:var(--state-selected)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
3722
3891
  dependencies: [{
3723
3892
  kind: "directive",
3724
3893
  type: ScrollSpyDirective,
@@ -3739,7 +3908,7 @@ i0.ɵɵngDeclareClassMetadata({
3739
3908
  selector: "lib-group-scroll-spy",
3740
3909
  imports: [ScrollSpyDirective],
3741
3910
  template: "<div class=\"scroll-spy\">\n @for (title of titles(); track title; let i = $index) {\n <a\n class=\"item\"\n [class.active]=\"i === activeSection()\"\n role=\"button\"\n tabindex=\"0\"\n [attr.aria-current]=\"i === activeSection()\"\n (click)=\"scrollTo(i)\"\n (keydown.enter)=\"scrollTo(i)\"\n (keydown.space)=\"scrollTo(i); $event.preventDefault()\"\n >{{ title }}</a\n >\n }\n</div>\n\n<div\n class=\"content\"\n libScrollSpy\n [class.no-scroll-spy]=\"titles().length === 0\"\n [spiedTags]=\"['lib-group-accordion']\"\n (activeSectionChange)=\"activeSectionChanged($event)\"\n>\n <ng-content></ng-content>\n</div>\n",
3742
- styles: ["@layer properties;:host{position:relative;display:flex;height:100%;max-height:100%;min-height:100%;flex-grow:1;overflow:hidden}.content{display:flex;flex-grow:1;flex-direction:column;overflow:auto;scroll-behavior:smooth;padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:var(--spacing, .25rem)}@media(width>=48rem){.content{padding-right:10.5rem}}@media(width>=48rem){.content.no-scroll-spy{padding-right:calc(var(--spacing, .25rem) * 3)}}.scroll-spy{position:absolute;top:calc(var(--spacing, .25rem) * 3);right:calc(var(--spacing, .25rem) * 3);display:none;width:calc(var(--spacing, .25rem) * 36);flex-direction:column;-webkit-user-select:none;user-select:none}@media(width>=48rem){.scroll-spy{display:flex}}.scroll-spy a{cursor:pointer;border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:var(--color-gray-300, oklch(87.2% .01 258.338));padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-gray-600, oklch(44.6% .03 256.802))}.scroll-spy a.active{border-left-color:var(--color-primary-400, #006bb6);color:var(--color-primary-400, #006bb6)}.scroll-spy a:active{background-color:color-mix(in srgb,#006bb6 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.scroll-spy a:active{background-color:color-mix(in oklab,var(--color-primary-400, #006bb6) 10%,transparent)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3911
+ styles: ["@layer properties;:host{position:relative;display:flex;height:100%;max-height:100%;min-height:100%;flex-grow:1;overflow:hidden}.content{display:flex;flex-grow:1;flex-direction:column;overflow:auto;scroll-behavior:smooth;padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:var(--spacing, .25rem)}@media(width>=48rem){.content{padding-right:10.5rem}}@media(width>=48rem){.content.no-scroll-spy{padding-right:calc(var(--spacing, .25rem) * 3)}}.scroll-spy{position:absolute;top:calc(var(--spacing, .25rem) * 3);right:calc(var(--spacing, .25rem) * 3);display:none;width:calc(var(--spacing, .25rem) * 36);flex-direction:column;-webkit-user-select:none;user-select:none}@media(width>=48rem){.scroll-spy{display:flex}}.scroll-spy a{cursor:pointer;border-left-style:var(--tw-border-style);border-left-width:2px;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));color:var(--color-content-secondary);border-left-color:var(--color-line)}.scroll-spy a.active{color:var(--color-accent);border-left-color:var(--color-accent)}.scroll-spy a:active{background-color:var(--state-selected)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3743
3912
  }]
3744
3913
  }],
3745
3914
  propDecorators: {
@@ -3890,8 +4059,23 @@ var ModalComponent = class ModalComponent extends BaseComponent {
3890
4059
  },
3891
4060
  usesInheritance: true,
3892
4061
  ngImport: i0,
3893
- template: "<div class=\"modal-overlay\"></div>\n\n<div class=\"modal-container size-{{ size() }} {{ position() }}\">\n <form class=\"modal-content\" (submit)=\"onFormSubmit($event)\">\n @if (title()) {\n <div class=\"modal-header\">\n <p class=\"text-2xl font-bold\">{{ title() }}</p>\n <button type=\"button\" class=\"modal-close\" (click)=\"toggleModal()\">\n <svg\n class=\"fill-current text-black\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n >\n <path\n d=\"M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z\"\n ></path>\n </svg>\n </button>\n </div>\n }\n\n <div class=\"modal-body\">\n <ng-content select=\"[body]\"></ng-content>\n </div>\n\n <div class=\"modal-footer\">\n <button type=\"button\" class=\"btn gray-300\" [disabled]=\"modalProcessing()\" (click)=\"onCloseClick()\">\n {{ closeButtonText() }}\n </button>\n\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n </form>\n</div>\n",
3894
- styles: ["@layer properties;body.modal-active{overflow-x:hidden;overflow-y:visible!important}:host{position:fixed;top:0;left:0;z-index:50;height:100%;width:100%}:host:not(.show){pointer-events:none;opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));transition-delay:.15s}:host:not(.show) .modal-overlay{opacity:0%;transition-delay:.15s}:host:not(.show) .modal-container.top,:host:not(.show) .modal-container.center{--tw-translate-y: calc(var(--spacing, .25rem) * -14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.bottom{--tw-translate-y: calc(var(--spacing, .25rem) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.left{--tw-translate-x: calc(var(--spacing, .25rem) * -14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.right{--tw-translate-x: calc(var(--spacing, .25rem) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container .modal-content{animation:hidden 0s ease-in-out forwards}.modal-overlay{position:fixed;inset:0;height:100vh;width:100vw;background-color:var(--color-black, #000);opacity:50%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.modal-container{margin:auto;display:grid;height:100%;max-height:100vh;min-height:100%;grid-template-columns:repeat(1,minmax(0,1fr));padding:calc(var(--spacing, .25rem) * 7);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .3s;transition-duration:.3s}.modal-container.top{align-items:flex-start}.modal-container.bottom{align-items:flex-end}.modal-container.left{margin-right:0;align-items:center}.modal-container.right{margin-left:0;align-items:center}.modal-container.center{align-items:center}.modal-container.size-sm{max-width:var(--container-sm, 24rem)}.modal-container.size-md{max-width:var(--container-md, 28rem)}.modal-container.size-lg{max-width:var(--container-lg, 32rem)}.modal-container.size-xl{max-width:var(--container-xl, 36rem)}.modal-container.size-2xl{max-width:var(--container-2xl, 42rem)}.modal-container.size-3xl{max-width:var(--container-3xl, 48rem)}.modal-container.size-4xl{max-width:var(--container-4xl, 56rem)}.modal-container.size-5xl{max-width:var(--container-5xl, 64rem)}.modal-container.size-6xl{max-width:var(--container-6xl, 72rem)}.modal-container.size-7xl{max-width:var(--container-7xl, 80rem)}.modal-container.size-full{max-width:100%}.modal-container.size-auto{width:100%}@media(width>=40rem){.modal-container.size-auto{max-width:40rem}}@media(width>=48rem){.modal-container.size-auto{max-width:48rem}}@media(width>=64rem){.modal-container.size-auto{max-width:64rem}}@media(width>=80rem){.modal-container.size-auto{max-width:80rem}}@media(width>=96rem){.modal-container.size-auto{max-width:96rem}}.modal-container .modal-content{position:relative;width:100%;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#000 20%,transparent);background-color:var(--color-white, #fff);background-clip:padding-box;outline-style:var(--tw-outline-style);outline-width:0px;display:grid;max-height:100%;grid-template-rows:min-content 1fr min-content;overflow:hidden;--tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 3px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);animation:shown .3s ease-in-out forwards}@supports (color: color-mix(in lab,red,red)){.modal-container .modal-content{border-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}.modal-container .modal-content .modal-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-300, oklch(87.2% .01 258.338));padding:calc(var(--spacing, .25rem) * 4)}.modal-container .modal-content .modal-header .modal-close{position:absolute;top:0;right:0;margin:calc(var(--spacing, .25rem) * 2);cursor:pointer;padding:calc(var(--spacing, .25rem) * 2);opacity:60%}.modal-container .modal-content .modal-body{overflow:hidden;padding:calc(var(--spacing, .25rem) * 4)}.modal-container .modal-content .modal-footer{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;justify-content:flex-end;gap:var(--spacing, .25rem);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-300, oklch(87.2% .01 258.338));padding:calc(var(--spacing, .25rem) * 3);white-space:nowrap}.modal-container .modal-content .modal-footer>*,.modal-container .modal-content .modal-footer ::ng-deep div[footer]>*{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;gap:var(--spacing, .25rem)}@keyframes hidden{0%{display:flex}to{display:none}}@keyframes shown{0%{opacity:0}to{opacity:1}}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-duration: initial;--tw-border-style: solid;--tw-outline-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
4062
+ template: "<div class=\"modal-overlay\"></div>\n\n<div class=\"modal-container size-{{ size() }} {{ position() }}\">\n <form class=\"modal-content\" (submit)=\"onFormSubmit($event)\">\n @if (title()) {\n <div class=\"modal-header\">\n <p class=\"text-2xl font-bold\">{{ title() }}</p>\n <button type=\"button\" class=\"modal-close\" (click)=\"toggleModal()\">\n <svg\n class=\"fill-current text-black\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n >\n <path\n d=\"M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z\"\n ></path>\n </svg>\n </button>\n </div>\n }\n\n <div class=\"modal-body\">\n <ng-content select=\"[body]\"></ng-content>\n </div>\n\n <div class=\"modal-footer\">\n <lib-button intent=\"secondary\" [disabled]=\"modalProcessing()\" (click)=\"onCloseClick()\">\n {{ closeButtonText() }}\n </lib-button>\n\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n </form>\n</div>\n",
4063
+ styles: ["@layer properties;body.modal-active{overflow-x:hidden;overflow-y:visible!important}:host{position:fixed;top:0;left:0;z-index:50;height:100%;width:100%}:host:not(.show){pointer-events:none;opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));transition-delay:.15s}:host:not(.show) .modal-overlay{opacity:0%;transition-delay:.15s}:host:not(.show) .modal-container.top,:host:not(.show) .modal-container.center{--tw-translate-y: calc(var(--spacing, .25rem) * -14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.bottom{--tw-translate-y: calc(var(--spacing, .25rem) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.left{--tw-translate-x: calc(var(--spacing, .25rem) * -14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.right{--tw-translate-x: calc(var(--spacing, .25rem) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container .modal-content{animation:hidden 0s ease-in-out forwards}.modal-overlay{position:fixed;inset:0;height:100vh;width:100vw;background-color:var(--color-surface-scrim)}.modal-container{margin:auto;display:grid;height:100%;max-height:100vh;min-height:100%;grid-template-columns:repeat(1,minmax(0,1fr));padding:calc(var(--spacing, .25rem) * 7);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .3s;transition-duration:.3s}.modal-container.top{align-items:flex-start}.modal-container.bottom{align-items:flex-end}.modal-container.left{margin-right:0;align-items:center}.modal-container.right{margin-left:0;align-items:center}.modal-container.center{align-items:center}.modal-container.size-sm{max-width:var(--container-sm, 24rem)}.modal-container.size-md{max-width:var(--container-md, 28rem)}.modal-container.size-lg{max-width:var(--container-lg, 32rem)}.modal-container.size-xl{max-width:var(--container-xl, 36rem)}.modal-container.size-2xl{max-width:var(--container-2xl, 42rem)}.modal-container.size-3xl{max-width:var(--container-3xl, 48rem)}.modal-container.size-4xl{max-width:var(--container-4xl, 56rem)}.modal-container.size-5xl{max-width:var(--container-5xl, 64rem)}.modal-container.size-6xl{max-width:var(--container-6xl, 72rem)}.modal-container.size-7xl{max-width:var(--container-7xl, 80rem)}.modal-container.size-full{max-width:100%}.modal-container.size-auto{width:100%}@media(width>=40rem){.modal-container.size-auto{max-width:40rem}}@media(width>=48rem){.modal-container.size-auto{max-width:48rem}}@media(width>=64rem){.modal-container.size-auto{max-width:64rem}}@media(width>=80rem){.modal-container.size-auto{max-width:80rem}}@media(width>=96rem){.modal-container.size-auto{max-width:96rem}}.modal-container .modal-content{position:relative;width:100%;border-style:var(--tw-border-style);border-width:1px;background-clip:padding-box;outline-style:var(--tw-outline-style);outline-width:0px;border-color:var(--color-line);border-radius:var(--radius-control);background-color:var(--color-surface-solid);display:grid;max-height:100%;grid-template-rows:min-content 1fr min-content;overflow:hidden;box-shadow:var(--shadow-overlay);animation:shown .3s ease-in-out forwards}.modal-container .modal-content .modal-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 4);border-color:var(--color-line)}.modal-container .modal-content .modal-header .modal-close{position:absolute;top:0;right:0;margin:calc(var(--spacing, .25rem) * 2);cursor:pointer;padding:calc(var(--spacing, .25rem) * 2);opacity:60%}.modal-container .modal-content .modal-body{overflow:hidden;padding:calc(var(--spacing, .25rem) * 4)}.modal-container .modal-content .modal-footer{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;justify-content:flex-end;gap:var(--spacing, .25rem);border-top-style:var(--tw-border-style);border-top-width:1px;padding:calc(var(--spacing, .25rem) * 3);white-space:nowrap;border-color:var(--color-line)}.modal-container .modal-content .modal-footer>*,.modal-container .modal-content .modal-footer ::ng-deep div[footer]>*{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;gap:var(--spacing, .25rem)}@keyframes hidden{0%{display:flex}to{display:none}}@keyframes shown{0%{opacity:0}to{opacity:1}}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-duration: initial;--tw-border-style: solid;--tw-outline-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
4064
+ dependencies: [{
4065
+ kind: "component",
4066
+ type: ButtonComponent,
4067
+ selector: "lib-button",
4068
+ inputs: [
4069
+ "intent",
4070
+ "type",
4071
+ "disabled",
4072
+ "loading",
4073
+ "success",
4074
+ "error",
4075
+ "icon",
4076
+ "ariaLabel"
4077
+ ]
4078
+ }]
3895
4079
  });
3896
4080
  };
3897
4081
  i0.ɵɵngDeclareClassMetadata({
@@ -3907,9 +4091,9 @@ i0.ɵɵngDeclareClassMetadata({
3907
4091
  title: "",
3908
4092
  "[class.show]": "isOpen()"
3909
4093
  },
3910
- imports: [],
3911
- template: "<div class=\"modal-overlay\"></div>\n\n<div class=\"modal-container size-{{ size() }} {{ position() }}\">\n <form class=\"modal-content\" (submit)=\"onFormSubmit($event)\">\n @if (title()) {\n <div class=\"modal-header\">\n <p class=\"text-2xl font-bold\">{{ title() }}</p>\n <button type=\"button\" class=\"modal-close\" (click)=\"toggleModal()\">\n <svg\n class=\"fill-current text-black\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n >\n <path\n d=\"M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z\"\n ></path>\n </svg>\n </button>\n </div>\n }\n\n <div class=\"modal-body\">\n <ng-content select=\"[body]\"></ng-content>\n </div>\n\n <div class=\"modal-footer\">\n <button type=\"button\" class=\"btn gray-300\" [disabled]=\"modalProcessing()\" (click)=\"onCloseClick()\">\n {{ closeButtonText() }}\n </button>\n\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n </form>\n</div>\n",
3912
- styles: ["@layer properties;body.modal-active{overflow-x:hidden;overflow-y:visible!important}:host{position:fixed;top:0;left:0;z-index:50;height:100%;width:100%}:host:not(.show){pointer-events:none;opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));transition-delay:.15s}:host:not(.show) .modal-overlay{opacity:0%;transition-delay:.15s}:host:not(.show) .modal-container.top,:host:not(.show) .modal-container.center{--tw-translate-y: calc(var(--spacing, .25rem) * -14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.bottom{--tw-translate-y: calc(var(--spacing, .25rem) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.left{--tw-translate-x: calc(var(--spacing, .25rem) * -14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.right{--tw-translate-x: calc(var(--spacing, .25rem) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container .modal-content{animation:hidden 0s ease-in-out forwards}.modal-overlay{position:fixed;inset:0;height:100vh;width:100vw;background-color:var(--color-black, #000);opacity:50%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.modal-container{margin:auto;display:grid;height:100%;max-height:100vh;min-height:100%;grid-template-columns:repeat(1,minmax(0,1fr));padding:calc(var(--spacing, .25rem) * 7);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .3s;transition-duration:.3s}.modal-container.top{align-items:flex-start}.modal-container.bottom{align-items:flex-end}.modal-container.left{margin-right:0;align-items:center}.modal-container.right{margin-left:0;align-items:center}.modal-container.center{align-items:center}.modal-container.size-sm{max-width:var(--container-sm, 24rem)}.modal-container.size-md{max-width:var(--container-md, 28rem)}.modal-container.size-lg{max-width:var(--container-lg, 32rem)}.modal-container.size-xl{max-width:var(--container-xl, 36rem)}.modal-container.size-2xl{max-width:var(--container-2xl, 42rem)}.modal-container.size-3xl{max-width:var(--container-3xl, 48rem)}.modal-container.size-4xl{max-width:var(--container-4xl, 56rem)}.modal-container.size-5xl{max-width:var(--container-5xl, 64rem)}.modal-container.size-6xl{max-width:var(--container-6xl, 72rem)}.modal-container.size-7xl{max-width:var(--container-7xl, 80rem)}.modal-container.size-full{max-width:100%}.modal-container.size-auto{width:100%}@media(width>=40rem){.modal-container.size-auto{max-width:40rem}}@media(width>=48rem){.modal-container.size-auto{max-width:48rem}}@media(width>=64rem){.modal-container.size-auto{max-width:64rem}}@media(width>=80rem){.modal-container.size-auto{max-width:80rem}}@media(width>=96rem){.modal-container.size-auto{max-width:96rem}}.modal-container .modal-content{position:relative;width:100%;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#000 20%,transparent);background-color:var(--color-white, #fff);background-clip:padding-box;outline-style:var(--tw-outline-style);outline-width:0px;display:grid;max-height:100%;grid-template-rows:min-content 1fr min-content;overflow:hidden;--tw-shadow: 0 0 4px 0 var(--tw-shadow-color, rgba(0,0,0,.2)), 0 3px 20px 0 var(--tw-shadow-color, rgba(0,0,0,.19));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);animation:shown .3s ease-in-out forwards}@supports (color: color-mix(in lab,red,red)){.modal-container .modal-content{border-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}.modal-container .modal-content .modal-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-300, oklch(87.2% .01 258.338));padding:calc(var(--spacing, .25rem) * 4)}.modal-container .modal-content .modal-header .modal-close{position:absolute;top:0;right:0;margin:calc(var(--spacing, .25rem) * 2);cursor:pointer;padding:calc(var(--spacing, .25rem) * 2);opacity:60%}.modal-container .modal-content .modal-body{overflow:hidden;padding:calc(var(--spacing, .25rem) * 4)}.modal-container .modal-content .modal-footer{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;justify-content:flex-end;gap:var(--spacing, .25rem);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-300, oklch(87.2% .01 258.338));padding:calc(var(--spacing, .25rem) * 3);white-space:nowrap}.modal-container .modal-content .modal-footer>*,.modal-container .modal-content .modal-footer ::ng-deep div[footer]>*{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;gap:var(--spacing, .25rem)}@keyframes hidden{0%{display:flex}to{display:none}}@keyframes shown{0%{opacity:0}to{opacity:1}}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-duration: initial;--tw-border-style: solid;--tw-outline-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
4094
+ imports: [ButtonComponent],
4095
+ template: "<div class=\"modal-overlay\"></div>\n\n<div class=\"modal-container size-{{ size() }} {{ position() }}\">\n <form class=\"modal-content\" (submit)=\"onFormSubmit($event)\">\n @if (title()) {\n <div class=\"modal-header\">\n <p class=\"text-2xl font-bold\">{{ title() }}</p>\n <button type=\"button\" class=\"modal-close\" (click)=\"toggleModal()\">\n <svg\n class=\"fill-current text-black\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"18\"\n height=\"18\"\n viewBox=\"0 0 18 18\"\n >\n <path\n d=\"M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z\"\n ></path>\n </svg>\n </button>\n </div>\n }\n\n <div class=\"modal-body\">\n <ng-content select=\"[body]\"></ng-content>\n </div>\n\n <div class=\"modal-footer\">\n <lib-button intent=\"secondary\" [disabled]=\"modalProcessing()\" (click)=\"onCloseClick()\">\n {{ closeButtonText() }}\n </lib-button>\n\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n </form>\n</div>\n",
4096
+ styles: ["@layer properties;body.modal-active{overflow-x:hidden;overflow-y:visible!important}:host{position:fixed;top:0;left:0;z-index:50;height:100%;width:100%}:host:not(.show){pointer-events:none;opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));transition-delay:.15s}:host:not(.show) .modal-overlay{opacity:0%;transition-delay:.15s}:host:not(.show) .modal-container.top,:host:not(.show) .modal-container.center{--tw-translate-y: calc(var(--spacing, .25rem) * -14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.bottom{--tw-translate-y: calc(var(--spacing, .25rem) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.left{--tw-translate-x: calc(var(--spacing, .25rem) * -14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container.right{--tw-translate-x: calc(var(--spacing, .25rem) * 14);translate:var(--tw-translate-x) var(--tw-translate-y)}:host:not(.show) .modal-container .modal-content{animation:hidden 0s ease-in-out forwards}.modal-overlay{position:fixed;inset:0;height:100vh;width:100vw;background-color:var(--color-surface-scrim)}.modal-container{margin:auto;display:grid;height:100%;max-height:100vh;min-height:100%;grid-template-columns:repeat(1,minmax(0,1fr));padding:calc(var(--spacing, .25rem) * 7);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .3s;transition-duration:.3s}.modal-container.top{align-items:flex-start}.modal-container.bottom{align-items:flex-end}.modal-container.left{margin-right:0;align-items:center}.modal-container.right{margin-left:0;align-items:center}.modal-container.center{align-items:center}.modal-container.size-sm{max-width:var(--container-sm, 24rem)}.modal-container.size-md{max-width:var(--container-md, 28rem)}.modal-container.size-lg{max-width:var(--container-lg, 32rem)}.modal-container.size-xl{max-width:var(--container-xl, 36rem)}.modal-container.size-2xl{max-width:var(--container-2xl, 42rem)}.modal-container.size-3xl{max-width:var(--container-3xl, 48rem)}.modal-container.size-4xl{max-width:var(--container-4xl, 56rem)}.modal-container.size-5xl{max-width:var(--container-5xl, 64rem)}.modal-container.size-6xl{max-width:var(--container-6xl, 72rem)}.modal-container.size-7xl{max-width:var(--container-7xl, 80rem)}.modal-container.size-full{max-width:100%}.modal-container.size-auto{width:100%}@media(width>=40rem){.modal-container.size-auto{max-width:40rem}}@media(width>=48rem){.modal-container.size-auto{max-width:48rem}}@media(width>=64rem){.modal-container.size-auto{max-width:64rem}}@media(width>=80rem){.modal-container.size-auto{max-width:80rem}}@media(width>=96rem){.modal-container.size-auto{max-width:96rem}}.modal-container .modal-content{position:relative;width:100%;border-style:var(--tw-border-style);border-width:1px;background-clip:padding-box;outline-style:var(--tw-outline-style);outline-width:0px;border-color:var(--color-line);border-radius:var(--radius-control);background-color:var(--color-surface-solid);display:grid;max-height:100%;grid-template-rows:min-content 1fr min-content;overflow:hidden;box-shadow:var(--shadow-overlay);animation:shown .3s ease-in-out forwards}.modal-container .modal-content .modal-header{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;padding:calc(var(--spacing, .25rem) * 4);border-color:var(--color-line)}.modal-container .modal-content .modal-header .modal-close{position:absolute;top:0;right:0;margin:calc(var(--spacing, .25rem) * 2);cursor:pointer;padding:calc(var(--spacing, .25rem) * 2);opacity:60%}.modal-container .modal-content .modal-body{overflow:hidden;padding:calc(var(--spacing, .25rem) * 4)}.modal-container .modal-content .modal-footer{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;justify-content:flex-end;gap:var(--spacing, .25rem);border-top-style:var(--tw-border-style);border-top-width:1px;padding:calc(var(--spacing, .25rem) * 3);white-space:nowrap;border-color:var(--color-line)}.modal-container .modal-content .modal-footer>*,.modal-container .modal-content .modal-footer ::ng-deep div[footer]>*{display:grid;grid-auto-columns:min-content;grid-auto-flow:column;gap:var(--spacing, .25rem)}@keyframes hidden{0%{display:flex}to{display:none}}@keyframes shown{0%{opacity:0}to{opacity:1}}@property --tw-translate-x{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: \"*\"; inherits: false; initial-value: 0;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-outline-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-duration: initial;--tw-border-style: solid;--tw-outline-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
3913
4097
  }]
3914
4098
  }],
3915
4099
  ctorParameters: () => [],
@@ -4156,9 +4340,24 @@ var MultiEditorComponent = class MultiEditorComponent extends ModalComponent {
4156
4340
  }],
4157
4341
  usesInheritance: true,
4158
4342
  ngImport: i0,
4159
- template: "<lib-modal\n [closeButtonText]=\"closeButtonText() | translate\"\n [dialog]=\"dialog()\"\n [modalProcessing]=\"modalProcessing()\"\n [position]=\"position()\"\n [size]=\"size()\"\n [title]=\"title() ?? ''\"\n>\n <div body class=\"body-content\">\n <div class=\"data-grid\">\n <lib-data-grid [disabled]=\"modalProcessing()\" [lazyLoadRows]=\"true\"></lib-data-grid>\n </div>\n\n <div class=\"data\">\n <div class=\"buttons\">\n @if (showAddButton()) {\n <button\n class=\"btn gray-500\"\n type=\"button\"\n [class.disabled]=\"modalProcessing() || gridLoading() || formLoading || formGroup().invalid\"\n [disabled]=\"modalProcessing() || gridLoading() || formLoading || formGroup().invalid\"\n (click)=\"onNewClick()\"\n >\n {{ addButtonLabel() }}\n </button>\n }\n @if (showDeleteButton() && hasSelectedKey()) {\n <button\n class=\"btn red-500\"\n type=\"button\"\n [class.disabled]=\"modalProcessing() || gridLoading() || formLoading\"\n [disabled]=\"modalProcessing() || gridLoading() || formLoading\"\n (click)=\"onDeleteClick()\"\n >\n {{ removeButtonLabel() }}\n </button>\n }\n </div>\n\n <lib-form-group>\n <ng-content></ng-content>\n </lib-form-group>\n </div>\n </div>\n\n <div footer>\n <button\n class=\"btn blue-500\"\n type=\"button\"\n [class.disabled]=\"gridLoading() || formLoading\"\n [class.loading]=\"modalProcessing()\"\n (click)=\"onSaveClick()\"\n >\n {{ 'Button-Modal-MultiEditor-Confirm' | translate }}\n </button>\n </div>\n</lib-modal>\n",
4343
+ template: "<lib-modal\n [closeButtonText]=\"closeButtonText() | translate\"\n [dialog]=\"dialog()\"\n [modalProcessing]=\"modalProcessing()\"\n [position]=\"position()\"\n [size]=\"size()\"\n [title]=\"title() ?? ''\"\n>\n <div body class=\"body-content\">\n <div class=\"data-grid\">\n <lib-data-grid [disabled]=\"modalProcessing()\" [lazyLoadRows]=\"true\"></lib-data-grid>\n </div>\n\n <div class=\"data\">\n <div class=\"buttons\">\n @if (showAddButton()) {\n <lib-button\n intent=\"secondary\"\n [disabled]=\"modalProcessing() || gridLoading() || formLoading || formGroup().invalid\"\n (click)=\"onNewClick()\"\n >\n {{ addButtonLabel() }}\n </lib-button>\n }\n @if (showDeleteButton() && hasSelectedKey()) {\n <lib-button\n intent=\"danger\"\n [disabled]=\"modalProcessing() || gridLoading() || formLoading\"\n (click)=\"onDeleteClick()\"\n >\n {{ removeButtonLabel() }}\n </lib-button>\n }\n </div>\n\n <lib-form-group>\n <ng-content></ng-content>\n </lib-form-group>\n </div>\n </div>\n\n <div footer>\n <lib-button\n intent=\"primary\"\n [disabled]=\"gridLoading() || formLoading\"\n [loading]=\"modalProcessing()\"\n (click)=\"onSaveClick()\"\n >\n {{ 'Button-Modal-MultiEditor-Confirm' | translate }}\n </lib-button>\n </div>\n</lib-modal>\n",
4160
4344
  styles: [":host{display:contents}.body-content{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:calc(var(--spacing, .25rem) * 4);overflow:clip;overflow-clip-margin:4px}.data-grid{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none}.data{display:grid;-webkit-user-select:none;user-select:none;overflow:clip;overflow-clip-margin:4px;min-height:24rem;grid-template-rows:min-content minmax(0,1fr);gap:calc(var(--spacing, .25rem) * 2)}.data .buttons{display:grid;grid-auto-columns:auto;grid-auto-flow:column;gap:calc(var(--spacing, .25rem) * 2);border-bottom-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.data .buttons{border-bottom-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
4161
4345
  dependencies: [
4346
+ {
4347
+ kind: "component",
4348
+ type: ButtonComponent,
4349
+ selector: "lib-button",
4350
+ inputs: [
4351
+ "intent",
4352
+ "type",
4353
+ "disabled",
4354
+ "loading",
4355
+ "success",
4356
+ "error",
4357
+ "icon",
4358
+ "ariaLabel"
4359
+ ]
4360
+ },
4162
4361
  {
4163
4362
  kind: "component",
4164
4363
  type: DataGridComponent,
@@ -4211,12 +4410,13 @@ i0.ɵɵngDeclareClassMetadata({
4211
4410
  args: [{
4212
4411
  selector: "lib-multi-editor",
4213
4412
  imports: [
4413
+ ButtonComponent,
4214
4414
  DataGridComponent,
4215
4415
  ModalComponent,
4216
4416
  FormGroupComponent,
4217
4417
  TranslatePipe
4218
4418
  ],
4219
- template: "<lib-modal\n [closeButtonText]=\"closeButtonText() | translate\"\n [dialog]=\"dialog()\"\n [modalProcessing]=\"modalProcessing()\"\n [position]=\"position()\"\n [size]=\"size()\"\n [title]=\"title() ?? ''\"\n>\n <div body class=\"body-content\">\n <div class=\"data-grid\">\n <lib-data-grid [disabled]=\"modalProcessing()\" [lazyLoadRows]=\"true\"></lib-data-grid>\n </div>\n\n <div class=\"data\">\n <div class=\"buttons\">\n @if (showAddButton()) {\n <button\n class=\"btn gray-500\"\n type=\"button\"\n [class.disabled]=\"modalProcessing() || gridLoading() || formLoading || formGroup().invalid\"\n [disabled]=\"modalProcessing() || gridLoading() || formLoading || formGroup().invalid\"\n (click)=\"onNewClick()\"\n >\n {{ addButtonLabel() }}\n </button>\n }\n @if (showDeleteButton() && hasSelectedKey()) {\n <button\n class=\"btn red-500\"\n type=\"button\"\n [class.disabled]=\"modalProcessing() || gridLoading() || formLoading\"\n [disabled]=\"modalProcessing() || gridLoading() || formLoading\"\n (click)=\"onDeleteClick()\"\n >\n {{ removeButtonLabel() }}\n </button>\n }\n </div>\n\n <lib-form-group>\n <ng-content></ng-content>\n </lib-form-group>\n </div>\n </div>\n\n <div footer>\n <button\n class=\"btn blue-500\"\n type=\"button\"\n [class.disabled]=\"gridLoading() || formLoading\"\n [class.loading]=\"modalProcessing()\"\n (click)=\"onSaveClick()\"\n >\n {{ 'Button-Modal-MultiEditor-Confirm' | translate }}\n </button>\n </div>\n</lib-modal>\n",
4419
+ template: "<lib-modal\n [closeButtonText]=\"closeButtonText() | translate\"\n [dialog]=\"dialog()\"\n [modalProcessing]=\"modalProcessing()\"\n [position]=\"position()\"\n [size]=\"size()\"\n [title]=\"title() ?? ''\"\n>\n <div body class=\"body-content\">\n <div class=\"data-grid\">\n <lib-data-grid [disabled]=\"modalProcessing()\" [lazyLoadRows]=\"true\"></lib-data-grid>\n </div>\n\n <div class=\"data\">\n <div class=\"buttons\">\n @if (showAddButton()) {\n <lib-button\n intent=\"secondary\"\n [disabled]=\"modalProcessing() || gridLoading() || formLoading || formGroup().invalid\"\n (click)=\"onNewClick()\"\n >\n {{ addButtonLabel() }}\n </lib-button>\n }\n @if (showDeleteButton() && hasSelectedKey()) {\n <lib-button\n intent=\"danger\"\n [disabled]=\"modalProcessing() || gridLoading() || formLoading\"\n (click)=\"onDeleteClick()\"\n >\n {{ removeButtonLabel() }}\n </lib-button>\n }\n </div>\n\n <lib-form-group>\n <ng-content></ng-content>\n </lib-form-group>\n </div>\n </div>\n\n <div footer>\n <lib-button\n intent=\"primary\"\n [disabled]=\"gridLoading() || formLoading\"\n [loading]=\"modalProcessing()\"\n (click)=\"onSaveClick()\"\n >\n {{ 'Button-Modal-MultiEditor-Confirm' | translate }}\n </lib-button>\n </div>\n</lib-modal>\n",
4220
4420
  styles: [":host{display:contents}.body-content{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:calc(var(--spacing, .25rem) * 4);overflow:clip;overflow-clip-margin:4px}.data-grid{display:grid;overflow:hidden;-webkit-user-select:none;user-select:none}.data{display:grid;-webkit-user-select:none;user-select:none;overflow:clip;overflow-clip-margin:4px;min-height:24rem;grid-template-rows:min-content minmax(0,1fr);gap:calc(var(--spacing, .25rem) * 2)}.data .buttons{display:grid;grid-auto-columns:auto;grid-auto-flow:column;gap:calc(var(--spacing, .25rem) * 2);border-bottom-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.data .buttons{border-bottom-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
4221
4421
  }]
4222
4422
  }],
@@ -4511,9 +4711,24 @@ var MultiSelectComponent = class MultiSelectComponent extends ModalComponent {
4511
4711
  }],
4512
4712
  usesInheritance: true,
4513
4713
  ngImport: i0,
4514
- template: "<lib-modal\n [closeButtonText]=\"closeButtonText() | translate\"\n [dialog]=\"dialog()\"\n [modalProcessing]=\"modalProcessing()\"\n [position]=\"position()\"\n [size]=\"size()\"\n [title]=\"title() ?? ''\"\n>\n <div body class=\"body-content\">\n <div class=\"search-grid\">\n <div class=\"search\">\n <input\n class=\"form-input\"\n placeholder=\"Search...\"\n type=\"text\"\n [(ngModel)]=\"searchCriteria\"\n [disabled]=\"modalProcessing() || isSearchGridLoading()\"\n (keydown.enter)=\"onSearch($event)\"\n />\n </div>\n\n <lib-data-grid\n [disabled]=\"modalProcessing() || isSearchGridLoading() || isResultGridLoading()\"\n [lazyLoadRows]=\"true\"\n >\n </lib-data-grid>\n </div>\n\n <lib-multi-select-result-grid\n [isDisabled]=\"modalProcessing() || isSearchGridLoading() || isResultGridLoading()\"\n [template]=\"itemTemplate()!\"\n >\n </lib-multi-select-result-grid>\n </div>\n\n <div footer>\n <button class=\"btn blue-500\" type=\"button\" [class.loading]=\"modalProcessing()\" (click)=\"onSave()\">\n {{ 'Button-Modal-MultiSelect-Confirm' | translate }}\n </button>\n </div>\n</lib-modal>\n",
4714
+ template: "<lib-modal\n [closeButtonText]=\"closeButtonText() | translate\"\n [dialog]=\"dialog()\"\n [modalProcessing]=\"modalProcessing()\"\n [position]=\"position()\"\n [size]=\"size()\"\n [title]=\"title() ?? ''\"\n>\n <div body class=\"body-content\">\n <div class=\"search-grid\">\n <div class=\"search\">\n <input\n class=\"form-input\"\n placeholder=\"Search...\"\n type=\"text\"\n [(ngModel)]=\"searchCriteria\"\n [disabled]=\"modalProcessing() || isSearchGridLoading()\"\n (keydown.enter)=\"onSearch($event)\"\n />\n </div>\n\n <lib-data-grid\n [disabled]=\"modalProcessing() || isSearchGridLoading() || isResultGridLoading()\"\n [lazyLoadRows]=\"true\"\n >\n </lib-data-grid>\n </div>\n\n <lib-multi-select-result-grid\n [isDisabled]=\"modalProcessing() || isSearchGridLoading() || isResultGridLoading()\"\n [template]=\"itemTemplate()!\"\n >\n </lib-multi-select-result-grid>\n </div>\n\n <div footer>\n <lib-button intent=\"primary\" [loading]=\"modalProcessing()\" (click)=\"onSave()\">\n {{ 'Button-Modal-MultiSelect-Confirm' | translate }}\n </lib-button>\n </div>\n</lib-modal>\n",
4515
4715
  styles: [":host{display:contents}.body-content{display:grid;height:100%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:calc(var(--spacing, .25rem) * 4);grid-template-rows:min-content minmax(0,1fr);grid-auto-flow:row!important;overflow:clip;overflow-clip-margin:4px}.search-grid{display:grid;grid-template-rows:subgrid}.search-grid,lib-multi-select-result-grid{grid-row:1 / -1}lib-multi-select-result-grid{min-height:24rem}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
4516
4716
  dependencies: [
4717
+ {
4718
+ kind: "component",
4719
+ type: ButtonComponent,
4720
+ selector: "lib-button",
4721
+ inputs: [
4722
+ "intent",
4723
+ "type",
4724
+ "disabled",
4725
+ "loading",
4726
+ "success",
4727
+ "error",
4728
+ "icon",
4729
+ "ariaLabel"
4730
+ ]
4731
+ },
4517
4732
  {
4518
4733
  kind: "component",
4519
4734
  type: DataGridComponent,
@@ -4593,13 +4808,14 @@ i0.ɵɵngDeclareClassMetadata({
4593
4808
  args: [{
4594
4809
  selector: "lib-multi-select",
4595
4810
  imports: [
4811
+ ButtonComponent,
4596
4812
  DataGridComponent,
4597
4813
  FormsModule,
4598
4814
  ModalComponent,
4599
4815
  MultiSelectResultGridComponent,
4600
4816
  TranslatePipe
4601
4817
  ],
4602
- template: "<lib-modal\n [closeButtonText]=\"closeButtonText() | translate\"\n [dialog]=\"dialog()\"\n [modalProcessing]=\"modalProcessing()\"\n [position]=\"position()\"\n [size]=\"size()\"\n [title]=\"title() ?? ''\"\n>\n <div body class=\"body-content\">\n <div class=\"search-grid\">\n <div class=\"search\">\n <input\n class=\"form-input\"\n placeholder=\"Search...\"\n type=\"text\"\n [(ngModel)]=\"searchCriteria\"\n [disabled]=\"modalProcessing() || isSearchGridLoading()\"\n (keydown.enter)=\"onSearch($event)\"\n />\n </div>\n\n <lib-data-grid\n [disabled]=\"modalProcessing() || isSearchGridLoading() || isResultGridLoading()\"\n [lazyLoadRows]=\"true\"\n >\n </lib-data-grid>\n </div>\n\n <lib-multi-select-result-grid\n [isDisabled]=\"modalProcessing() || isSearchGridLoading() || isResultGridLoading()\"\n [template]=\"itemTemplate()!\"\n >\n </lib-multi-select-result-grid>\n </div>\n\n <div footer>\n <button class=\"btn blue-500\" type=\"button\" [class.loading]=\"modalProcessing()\" (click)=\"onSave()\">\n {{ 'Button-Modal-MultiSelect-Confirm' | translate }}\n </button>\n </div>\n</lib-modal>\n",
4818
+ template: "<lib-modal\n [closeButtonText]=\"closeButtonText() | translate\"\n [dialog]=\"dialog()\"\n [modalProcessing]=\"modalProcessing()\"\n [position]=\"position()\"\n [size]=\"size()\"\n [title]=\"title() ?? ''\"\n>\n <div body class=\"body-content\">\n <div class=\"search-grid\">\n <div class=\"search\">\n <input\n class=\"form-input\"\n placeholder=\"Search...\"\n type=\"text\"\n [(ngModel)]=\"searchCriteria\"\n [disabled]=\"modalProcessing() || isSearchGridLoading()\"\n (keydown.enter)=\"onSearch($event)\"\n />\n </div>\n\n <lib-data-grid\n [disabled]=\"modalProcessing() || isSearchGridLoading() || isResultGridLoading()\"\n [lazyLoadRows]=\"true\"\n >\n </lib-data-grid>\n </div>\n\n <lib-multi-select-result-grid\n [isDisabled]=\"modalProcessing() || isSearchGridLoading() || isResultGridLoading()\"\n [template]=\"itemTemplate()!\"\n >\n </lib-multi-select-result-grid>\n </div>\n\n <div footer>\n <lib-button intent=\"primary\" [loading]=\"modalProcessing()\" (click)=\"onSave()\">\n {{ 'Button-Modal-MultiSelect-Confirm' | translate }}\n </lib-button>\n </div>\n</lib-modal>\n",
4603
4819
  styles: [":host{display:contents}.body-content{display:grid;height:100%;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:calc(var(--spacing, .25rem) * 4);grid-template-rows:min-content minmax(0,1fr);grid-auto-flow:row!important;overflow:clip;overflow-clip-margin:4px}.search-grid{display:grid;grid-template-rows:subgrid}.search-grid,lib-multi-select-result-grid{grid-row:1 / -1}lib-multi-select-result-grid{min-height:24rem}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
4604
4820
  }]
4605
4821
  }],
@@ -4946,7 +5162,7 @@ var SidebarComponent = class SidebarComponent extends BaseComponent {
4946
5162
  usesInheritance: true,
4947
5163
  ngImport: i0,
4948
5164
  template: "<div class=\"sidebar-toolbar\">\n <button type=\"button\" class=\"sidebar-toggle\" (click)=\"collapse()\" aria-label=\"Toggle navigation\">\n <i class=\"fa-solid fa-angle-left\" [class.is-collapsed]=\"isCollapsed\"></i>\n </button>\n</div>\n\n<nav>\n @if (!isLoading()) {\n <ul>\n @for (region of regions(); track trackByRegion($index, region)) {\n @if (region.name) {\n <li class=\"sidebar-region-header\">\n <span>{{ region.name | translate }}</span>\n </li>\n }\n @for (menu of region.items; track trackByFn($index, menu)) {\n <lib-sidebar-item [menu]=\"menu\"> </lib-sidebar-item>\n }\n }\n @if (hasFailed()) {\n <div class=\"error\">\n <div>\n <i class=\"fa-solid fa-fw fa-triangle-exclamation\"></i>\n <span>{{ configErrorText }}</span>\n </div>\n </div>\n }\n </ul>\n } @else {\n <div class=\"loading\">\n <div>\n <svg class=\"animate-spin text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n <span>{{ configLoadingText }}</span>\n </div>\n </div>\n }\n</nav>\n\n<div class=\"sidebar-footer\"><ng-content></ng-content></div>\n",
4949
- styles: ["@layer properties;:host{position:relative;z-index:20;display:grid;height:100%;-webkit-user-select:none;user-select:none;background-color:var(--sidebar-bg);border-radius:var(--sidebar-radius, 1.25rem);backdrop-filter:blur(var(--sidebar-blur, 16px));-webkit-backdrop-filter:blur(var(--sidebar-blur, 16px));box-shadow:var(--sidebar-shadow, 0 10px 40px -12px rgba(0, 0, 0, .45));transition-property:margin-left,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));margin-left:calc(var(--sidebar-collapsed-width) * -1);transition-duration:var(--sidebar-animation-duration);width:var(--sidebar-collapsed-width);will-change:margin-left,width;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:\"toolbar\" \"nav\" \"footer\"}@media(min-width:768px){:host{margin-left:0}:host.expanded{width:var(--sidebar-expanded-width)}:host.expanded .loading i,:host.expanded .error i{margin-left:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:host.expanded .loading svg,:host.expanded .error svg{margin-top:-4px;margin-left:1px;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5)}:host.expanded .loading span,:host.expanded .error span{opacity:100%}}:host.active{width:var(--sidebar-expanded-width)}:host.active .loading i,:host.active .error i{margin-left:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:host.active .loading svg,:host.active .error svg{margin-top:-4px;margin-left:1px;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5)}:host.active .loading span,:host.active .error span{opacity:100%}:host.expanded,:host.active{margin-left:0}.sidebar-toolbar{display:flex;justify-content:flex-end;padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2);grid-area:toolbar}.sidebar-toolbar .sidebar-toggle{z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-white, #fff);color:var(--color-primary-600, #004372);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: color-mix(in srgb, #000 5%, transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));transform:translate(40%)}@supports (color: color-mix(in lab,red,red)){.sidebar-toolbar .sidebar-toggle{--tw-ring-color: color-mix(in oklab, var(--color-black, #000) 5%, transparent)}}@media(hover:hover){.sidebar-toolbar .sidebar-toggle:hover{background-color:var(--color-gray-100, oklch(96.7% .003 264.542))}}@media(hover:hover){.sidebar-toolbar .sidebar-toggle:hover{color:var(--color-primary-700, #002f50)}}.sidebar-toolbar .sidebar-toggle i{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));rotate:0deg;transition:rotate var(--sidebar-animation-duration) ease-in-out}.sidebar-toolbar .sidebar-toggle i.is-collapsed{rotate:-180deg}.sidebar-footer{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));white-space:nowrap;color:var(--sidebar-text-muted);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration);grid-area:footer}.sidebar-footer:empty{display:none}:host(.expanded) .sidebar-footer,:host(.active) .sidebar-footer{opacity:100%}nav{overflow-x:hidden;overflow-y:auto;grid-area:nav;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}nav::-webkit-scrollbar{height:0px;width:7px}nav::-webkit-scrollbar-track{background-color:transparent}nav::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,#000 20%,transparent);border-radius:10px;transition:background .2s ease}@supports (color: color-mix(in lab,red,red)){nav::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}nav::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,#000 55%,transparent)}@supports (color: color-mix(in lab,red,red)){nav::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--color-black, #000) 55%,transparent)}}nav:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,#000 45%,transparent)}@supports (color: color-mix(in lab,red,red)){nav:hover::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-black, #000) 45%,transparent)}}@media screen and (max-width:480px){nav{scrollbar-width:thin}nav::-webkit-scrollbar{width:5px}}ul,.loading{position:relative;background-color:var(--sidebar-nav-bg)}ul lib-sidebar-item,.loading,.error{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--sidebar-text)}.sidebar-region-header{position:relative;display:flex;align-items:center;overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 4);white-space:nowrap;height:2rem;color:var(--sidebar-text-muted);transition-property:height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}.sidebar-region-header span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wider, .05em);letter-spacing:var(--tracking-wider, .05em);text-transform:uppercase;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}.sidebar-region-header:after{content:\"\";position:absolute;top:50%;left:50%;opacity:0%;width:1.75rem;height:1px;transform:translate(-50%,-50%);background:var(--sidebar-text-muted);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}:host(:not(.expanded):not(.active)) .sidebar-region-header{height:1.25rem}:host(:not(.expanded):not(.active)) .sidebar-region-header span{opacity:0%}:host(:not(.expanded):not(.active)) .sidebar-region-header:after{opacity:100%}@media not all and (min-width:768px){:host(:not(.active)) .sidebar-region-header{height:1.25rem}:host(:not(.active)) .sidebar-region-header span{opacity:0%}:host(:not(.active)) .sidebar-region-header:after{opacity:100%}}.loading,.error{overflow:hidden;height:var(--sidebar-item-height);line-height:var(--sidebar-item-height)}.loading>div,.error>div{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 3);text-align:left;text-overflow:ellipsis;white-space:nowrap;width:var(--sidebar-expanded-width)}.loading i,.error i{margin-right:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));transition-property:font-size,line-height,margin-left;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));margin-left:var(--sidebar-icon-collapsed-margin);transition-duration:var(--sidebar-animation-duration);will-change:font-size,line-height,margin-left}.loading svg,.error svg{margin-top:-4px;margin-left:calc(var(--spacing, .25rem) * 2);display:inline;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);transition-property:height,margin-left,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration);will-change:height,margin-left,width}.loading svg+span,.error svg+span{margin-left:.6rem}.loading span,.error span{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));opacity:0%;transition-duration:var(--sidebar-animation-duration)}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-ease: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
5165
+ styles: ["@layer properties;:host{position:relative;z-index:20;display:grid;height:100%;-webkit-user-select:none;user-select:none;background-color:var(--sidebar-bg);border-radius:var(--sidebar-radius, 1.25rem);backdrop-filter:blur(var(--sidebar-blur, 16px));-webkit-backdrop-filter:blur(var(--sidebar-blur, 16px));box-shadow:var(--sidebar-shadow, 0 10px 40px -12px rgba(0, 0, 0, .45));transition-property:margin-left,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));margin-left:calc(var(--sidebar-collapsed-width) * -1);transition-duration:var(--sidebar-animation-duration);width:var(--sidebar-collapsed-width);will-change:margin-left,width;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:\"toolbar\" \"nav\" \"footer\"}@media(min-width:768px){:host{margin-left:0}:host.expanded{width:var(--sidebar-expanded-width)}:host.expanded .loading i,:host.expanded .error i{margin-left:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:host.expanded .loading svg,:host.expanded .error svg{margin-top:-4px;margin-left:1px;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5)}:host.expanded .loading span,:host.expanded .error span{opacity:100%}}:host.active{width:var(--sidebar-expanded-width)}:host.active .loading i,:host.active .error i{margin-left:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:host.active .loading svg,:host.active .error svg{margin-top:-4px;margin-left:1px;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5)}:host.active .loading span,:host.active .error span{opacity:100%}:host.expanded,:host.active{margin-left:0}.sidebar-toolbar{display:flex;justify-content:flex-end;padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2);grid-area:toolbar}.sidebar-toolbar .sidebar-toggle{z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));background-color:var(--color-surface-solid);color:var(--color-accent);--tw-ring-color: var(--color-line-strong);transform:translate(40%)}.sidebar-toolbar .sidebar-toggle:hover{background-image:linear-gradient(var(--state-hover),var(--state-hover));color:var(--color-accent-strong)}.sidebar-toolbar .sidebar-toggle:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-color: var(--color-focus-ring)}@media(forced-colors:active){.sidebar-toolbar .sidebar-toggle:focus-visible{outline:2px solid transparent;outline-offset:2px}}.sidebar-toolbar .sidebar-toggle i{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));rotate:0deg;transition:rotate var(--sidebar-animation-duration) ease-in-out}.sidebar-toolbar .sidebar-toggle i.is-collapsed{rotate:-180deg}.sidebar-footer{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));white-space:nowrap;color:var(--sidebar-text-muted);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration);grid-area:footer}.sidebar-footer:empty{display:none}:host(.expanded) .sidebar-footer,:host(.active) .sidebar-footer{opacity:100%}nav{overflow-x:hidden;overflow-y:auto;grid-area:nav;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,oklch(96.7% .003 264.542) 30%,transparent) transparent}@supports (color: color-mix(in lab,red,red)){nav{scrollbar-color:color-mix(in srgb,var(--color-content-on-brand) 30%,transparent) transparent}}nav::-webkit-scrollbar{height:0px;width:7px}nav::-webkit-scrollbar-track{background-color:transparent}nav::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,oklch(96.7% .003 264.542) 30%,transparent);border-radius:var(--radius-control);transition:background-color var(--duration-short) var(--ease-standard)}@supports (color: color-mix(in lab,red,red)){nav::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-content-on-brand) 30%,transparent)}}nav::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,oklch(96.7% .003 264.542) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){nav::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-content-on-brand) 70%,transparent)}}nav:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,oklch(96.7% .003 264.542) 55%,transparent)}@supports (color: color-mix(in lab,red,red)){nav:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-content-on-brand) 55%,transparent)}}@media screen and (max-width:480px){nav{scrollbar-width:thin}nav::-webkit-scrollbar{width:5px}}ul,.loading{position:relative;background-color:var(--sidebar-nav-bg)}ul lib-sidebar-item,.loading,.error{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--sidebar-text)}.sidebar-region-header{position:relative;display:flex;align-items:center;overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 4);white-space:nowrap;height:2rem;color:var(--sidebar-text-muted);transition-property:height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}.sidebar-region-header span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wider, .05em);letter-spacing:var(--tracking-wider, .05em);text-transform:uppercase;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}.sidebar-region-header:after{content:\"\";position:absolute;top:50%;left:50%;opacity:0%;width:1.75rem;height:1px;transform:translate(-50%,-50%);background:var(--sidebar-text-muted);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}:host(:not(.expanded):not(.active)) .sidebar-region-header{height:1.25rem}:host(:not(.expanded):not(.active)) .sidebar-region-header span{opacity:0%}:host(:not(.expanded):not(.active)) .sidebar-region-header:after{opacity:100%}@media not all and (min-width:768px){:host(:not(.active)) .sidebar-region-header{height:1.25rem}:host(:not(.active)) .sidebar-region-header span{opacity:0%}:host(:not(.active)) .sidebar-region-header:after{opacity:100%}}.loading,.error{overflow:hidden;height:var(--sidebar-item-height);line-height:var(--sidebar-item-height)}.loading>div,.error>div{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 3);text-align:left;text-overflow:ellipsis;white-space:nowrap;width:var(--sidebar-expanded-width)}.loading i,.error i{margin-right:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));transition-property:font-size,line-height,margin-left;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));margin-left:var(--sidebar-icon-collapsed-margin);transition-duration:var(--sidebar-animation-duration);will-change:font-size,line-height,margin-left}.loading svg,.error svg{margin-top:-4px;margin-left:calc(var(--spacing, .25rem) * 2);display:inline;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);transition-property:height,margin-left,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration);will-change:height,margin-left,width}.loading svg+span,.error svg+span{margin-left:.6rem}.loading span,.error span{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));opacity:0%;transition-duration:var(--sidebar-animation-duration)}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-ease: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
4950
5166
  dependencies: [{
4951
5167
  kind: "component",
4952
5168
  type: SidebarItemComponent,
@@ -4978,7 +5194,7 @@ i0.ɵɵngDeclareClassMetadata({
4978
5194
  "[class.expanded]": "!isCollapsed"
4979
5195
  },
4980
5196
  template: "<div class=\"sidebar-toolbar\">\n <button type=\"button\" class=\"sidebar-toggle\" (click)=\"collapse()\" aria-label=\"Toggle navigation\">\n <i class=\"fa-solid fa-angle-left\" [class.is-collapsed]=\"isCollapsed\"></i>\n </button>\n</div>\n\n<nav>\n @if (!isLoading()) {\n <ul>\n @for (region of regions(); track trackByRegion($index, region)) {\n @if (region.name) {\n <li class=\"sidebar-region-header\">\n <span>{{ region.name | translate }}</span>\n </li>\n }\n @for (menu of region.items; track trackByFn($index, menu)) {\n <lib-sidebar-item [menu]=\"menu\"> </lib-sidebar-item>\n }\n }\n @if (hasFailed()) {\n <div class=\"error\">\n <div>\n <i class=\"fa-solid fa-fw fa-triangle-exclamation\"></i>\n <span>{{ configErrorText }}</span>\n </div>\n </div>\n }\n </ul>\n } @else {\n <div class=\"loading\">\n <div>\n <svg class=\"animate-spin text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n <span>{{ configLoadingText }}</span>\n </div>\n </div>\n }\n</nav>\n\n<div class=\"sidebar-footer\"><ng-content></ng-content></div>\n",
4981
- styles: ["@layer properties;:host{position:relative;z-index:20;display:grid;height:100%;-webkit-user-select:none;user-select:none;background-color:var(--sidebar-bg);border-radius:var(--sidebar-radius, 1.25rem);backdrop-filter:blur(var(--sidebar-blur, 16px));-webkit-backdrop-filter:blur(var(--sidebar-blur, 16px));box-shadow:var(--sidebar-shadow, 0 10px 40px -12px rgba(0, 0, 0, .45));transition-property:margin-left,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));margin-left:calc(var(--sidebar-collapsed-width) * -1);transition-duration:var(--sidebar-animation-duration);width:var(--sidebar-collapsed-width);will-change:margin-left,width;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:\"toolbar\" \"nav\" \"footer\"}@media(min-width:768px){:host{margin-left:0}:host.expanded{width:var(--sidebar-expanded-width)}:host.expanded .loading i,:host.expanded .error i{margin-left:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:host.expanded .loading svg,:host.expanded .error svg{margin-top:-4px;margin-left:1px;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5)}:host.expanded .loading span,:host.expanded .error span{opacity:100%}}:host.active{width:var(--sidebar-expanded-width)}:host.active .loading i,:host.active .error i{margin-left:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:host.active .loading svg,:host.active .error svg{margin-top:-4px;margin-left:1px;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5)}:host.active .loading span,:host.active .error span{opacity:100%}:host.expanded,:host.active{margin-left:0}.sidebar-toolbar{display:flex;justify-content:flex-end;padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2);grid-area:toolbar}.sidebar-toolbar .sidebar-toggle{z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);background-color:var(--color-white, #fff);color:var(--color-primary-600, #004372);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: color-mix(in srgb, #000 5%, transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));transform:translate(40%)}@supports (color: color-mix(in lab,red,red)){.sidebar-toolbar .sidebar-toggle{--tw-ring-color: color-mix(in oklab, var(--color-black, #000) 5%, transparent)}}@media(hover:hover){.sidebar-toolbar .sidebar-toggle:hover{background-color:var(--color-gray-100, oklch(96.7% .003 264.542))}}@media(hover:hover){.sidebar-toolbar .sidebar-toggle:hover{color:var(--color-primary-700, #002f50)}}.sidebar-toolbar .sidebar-toggle i{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));rotate:0deg;transition:rotate var(--sidebar-animation-duration) ease-in-out}.sidebar-toolbar .sidebar-toggle i.is-collapsed{rotate:-180deg}.sidebar-footer{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));white-space:nowrap;color:var(--sidebar-text-muted);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration);grid-area:footer}.sidebar-footer:empty{display:none}:host(.expanded) .sidebar-footer,:host(.active) .sidebar-footer{opacity:100%}nav{overflow-x:hidden;overflow-y:auto;grid-area:nav;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}nav::-webkit-scrollbar{height:0px;width:7px}nav::-webkit-scrollbar-track{background-color:transparent}nav::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,#000 20%,transparent);border-radius:10px;transition:background .2s ease}@supports (color: color-mix(in lab,red,red)){nav::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-black, #000) 20%,transparent)}}nav::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,#000 55%,transparent)}@supports (color: color-mix(in lab,red,red)){nav::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--color-black, #000) 55%,transparent)}}nav:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,#000 45%,transparent)}@supports (color: color-mix(in lab,red,red)){nav:hover::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-black, #000) 45%,transparent)}}@media screen and (max-width:480px){nav{scrollbar-width:thin}nav::-webkit-scrollbar{width:5px}}ul,.loading{position:relative;background-color:var(--sidebar-nav-bg)}ul lib-sidebar-item,.loading,.error{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--sidebar-text)}.sidebar-region-header{position:relative;display:flex;align-items:center;overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 4);white-space:nowrap;height:2rem;color:var(--sidebar-text-muted);transition-property:height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}.sidebar-region-header span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wider, .05em);letter-spacing:var(--tracking-wider, .05em);text-transform:uppercase;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}.sidebar-region-header:after{content:\"\";position:absolute;top:50%;left:50%;opacity:0%;width:1.75rem;height:1px;transform:translate(-50%,-50%);background:var(--sidebar-text-muted);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}:host(:not(.expanded):not(.active)) .sidebar-region-header{height:1.25rem}:host(:not(.expanded):not(.active)) .sidebar-region-header span{opacity:0%}:host(:not(.expanded):not(.active)) .sidebar-region-header:after{opacity:100%}@media not all and (min-width:768px){:host(:not(.active)) .sidebar-region-header{height:1.25rem}:host(:not(.active)) .sidebar-region-header span{opacity:0%}:host(:not(.active)) .sidebar-region-header:after{opacity:100%}}.loading,.error{overflow:hidden;height:var(--sidebar-item-height);line-height:var(--sidebar-item-height)}.loading>div,.error>div{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 3);text-align:left;text-overflow:ellipsis;white-space:nowrap;width:var(--sidebar-expanded-width)}.loading i,.error i{margin-right:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));transition-property:font-size,line-height,margin-left;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));margin-left:var(--sidebar-icon-collapsed-margin);transition-duration:var(--sidebar-animation-duration);will-change:font-size,line-height,margin-left}.loading svg,.error svg{margin-top:-4px;margin-left:calc(var(--spacing, .25rem) * 2);display:inline;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);transition-property:height,margin-left,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration);will-change:height,margin-left,width}.loading svg+span,.error svg+span{margin-left:.6rem}.loading span,.error span{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));opacity:0%;transition-duration:var(--sidebar-animation-duration)}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-ease: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5197
+ styles: ["@layer properties;:host{position:relative;z-index:20;display:grid;height:100%;-webkit-user-select:none;user-select:none;background-color:var(--sidebar-bg);border-radius:var(--sidebar-radius, 1.25rem);backdrop-filter:blur(var(--sidebar-blur, 16px));-webkit-backdrop-filter:blur(var(--sidebar-blur, 16px));box-shadow:var(--sidebar-shadow, 0 10px 40px -12px rgba(0, 0, 0, .45));transition-property:margin-left,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));margin-left:calc(var(--sidebar-collapsed-width) * -1);transition-duration:var(--sidebar-animation-duration);width:var(--sidebar-collapsed-width);will-change:margin-left,width;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:\"toolbar\" \"nav\" \"footer\"}@media(min-width:768px){:host{margin-left:0}:host.expanded{width:var(--sidebar-expanded-width)}:host.expanded .loading i,:host.expanded .error i{margin-left:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:host.expanded .loading svg,:host.expanded .error svg{margin-top:-4px;margin-left:1px;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5)}:host.expanded .loading span,:host.expanded .error span{opacity:100%}}:host.active{width:var(--sidebar-expanded-width)}:host.active .loading i,:host.active .error i{margin-left:0;font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))}:host.active .loading svg,:host.active .error svg{margin-top:-4px;margin-left:1px;height:calc(var(--spacing, .25rem) * 5);width:calc(var(--spacing, .25rem) * 5)}:host.active .loading span,:host.active .error span{opacity:100%}:host.expanded,:host.active{margin-left:0}.sidebar-toolbar{display:flex;justify-content:flex-end;padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:calc(var(--spacing, .25rem) * 2);grid-area:toolbar}.sidebar-toolbar .sidebar-toggle{z-index:20;display:flex;height:calc(var(--spacing, .25rem) * 7);width:calc(var(--spacing, .25rem) * 7);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border-radius:calc(infinity * 1px);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));background-color:var(--color-surface-solid);color:var(--color-accent);--tw-ring-color: var(--color-line-strong);transform:translate(40%)}.sidebar-toolbar .sidebar-toggle:hover{background-image:linear-gradient(var(--state-hover),var(--state-hover));color:var(--color-accent-strong)}.sidebar-toolbar .sidebar-toggle:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style: none;outline-style:none;--tw-ring-color: var(--color-focus-ring)}@media(forced-colors:active){.sidebar-toolbar .sidebar-toggle:focus-visible{outline:2px solid transparent;outline-offset:2px}}.sidebar-toolbar .sidebar-toggle i{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));rotate:0deg;transition:rotate var(--sidebar-animation-duration) ease-in-out}.sidebar-toolbar .sidebar-toggle i.is-collapsed{rotate:-180deg}.sidebar-footer{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));white-space:nowrap;color:var(--sidebar-text-muted);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration);grid-area:footer}.sidebar-footer:empty{display:none}:host(.expanded) .sidebar-footer,:host(.active) .sidebar-footer{opacity:100%}nav{overflow-x:hidden;overflow-y:auto;grid-area:nav;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,oklch(96.7% .003 264.542) 30%,transparent) transparent}@supports (color: color-mix(in lab,red,red)){nav{scrollbar-color:color-mix(in srgb,var(--color-content-on-brand) 30%,transparent) transparent}}nav::-webkit-scrollbar{height:0px;width:7px}nav::-webkit-scrollbar-track{background-color:transparent}nav::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,oklch(96.7% .003 264.542) 30%,transparent);border-radius:var(--radius-control);transition:background-color var(--duration-short) var(--ease-standard)}@supports (color: color-mix(in lab,red,red)){nav::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-content-on-brand) 30%,transparent)}}nav::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,oklch(96.7% .003 264.542) 70%,transparent)}@supports (color: color-mix(in lab,red,red)){nav::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-content-on-brand) 70%,transparent)}}nav:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,oklch(96.7% .003 264.542) 55%,transparent)}@supports (color: color-mix(in lab,red,red)){nav:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-content-on-brand) 55%,transparent)}}@media screen and (max-width:480px){nav{scrollbar-width:thin}nav::-webkit-scrollbar{width:5px}}ul,.loading{position:relative;background-color:var(--sidebar-nav-bg)}ul lib-sidebar-item,.loading,.error{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--sidebar-text)}.sidebar-region-header{position:relative;display:flex;align-items:center;overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 4);white-space:nowrap;height:2rem;color:var(--sidebar-text-muted);transition-property:height;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}.sidebar-region-header span{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wider, .05em);letter-spacing:var(--tracking-wider, .05em);text-transform:uppercase;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}.sidebar-region-header:after{content:\"\";position:absolute;top:50%;left:50%;opacity:0%;width:1.75rem;height:1px;transform:translate(-50%,-50%);background:var(--sidebar-text-muted);transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration)}:host(:not(.expanded):not(.active)) .sidebar-region-header{height:1.25rem}:host(:not(.expanded):not(.active)) .sidebar-region-header span{opacity:0%}:host(:not(.expanded):not(.active)) .sidebar-region-header:after{opacity:100%}@media not all and (min-width:768px){:host(:not(.active)) .sidebar-region-header{height:1.25rem}:host(:not(.active)) .sidebar-region-header span{opacity:0%}:host(:not(.active)) .sidebar-region-header:after{opacity:100%}}.loading,.error{overflow:hidden;height:var(--sidebar-item-height);line-height:var(--sidebar-item-height)}.loading>div,.error>div{overflow:hidden;padding-inline:calc(var(--spacing, .25rem) * 3);text-align:left;text-overflow:ellipsis;white-space:nowrap;width:var(--sidebar-expanded-width)}.loading i,.error i{margin-right:calc(var(--spacing, .25rem) * 2);font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));transition-property:font-size,line-height,margin-left;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));margin-left:var(--sidebar-icon-collapsed-margin);transition-duration:var(--sidebar-animation-duration);will-change:font-size,line-height,margin-left}.loading svg,.error svg{margin-top:-4px;margin-left:calc(var(--spacing, .25rem) * 2);display:inline;height:calc(var(--spacing, .25rem) * 6);width:calc(var(--spacing, .25rem) * 6);transition-property:height,margin-left,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--sidebar-animation-duration);will-change:height,margin-left,width}.loading svg+span,.error svg+span{margin-left:.6rem}.loading span,.error span{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));opacity:0%;transition-duration:var(--sidebar-animation-duration)}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-ease: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
4982
5198
  }]
4983
5199
  }],
4984
5200
  ctorParameters: () => [],
@@ -5234,7 +5450,7 @@ var RibbonButtonComponent = class RibbonButtonComponent {
5234
5450
  }],
5235
5451
  ngImport: i0,
5236
5452
  template: "<div #buttonContainer class=\"button-container\" [attr.title]=\"tooltip() || null\">\n <a\n class=\"button\"\n role=\"button\"\n [attr.tabindex]=\"isButtonDisabled ? -1 : 0\"\n [attr.aria-disabled]=\"isButtonDisabled\"\n [class.disabled]=\"isButtonDisabled\"\n [class.success]=\"status() === 'success'\"\n [class.warning]=\"status() === 'warning'\"\n [class.failure]=\"status() === 'failure'\"\n [class.small]=\"iconSize() === 'small'\"\n (click)=\"onButtonClicked()\"\n (keydown.enter)=\"onButtonClicked()\"\n (keydown.space)=\"onButtonClicked(); $event.preventDefault()\"\n >\n <span class=\"icon\" [class.loading]=\"loading()\">\n <i class=\"fas fa-fw\" [ngClass]=\"[buttonIcon, color()]\"></i>\n\n <svg [ngClass]=\"[color()]\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n </span>\n\n <span class=\"label\" [class.text-white]=\"status() !== null\">\n {{ label() | translate }}\n </span>\n </a>\n\n @if (options().length > 0) {\n <a\n class=\"button-dropdown\"\n role=\"button\"\n [attr.tabindex]=\"isButtonDisabled ? -1 : 0\"\n [attr.aria-disabled]=\"isButtonDisabled\"\n aria-haspopup=\"menu\"\n [attr.aria-expanded]=\"showDropdown()\"\n [class.disabled]=\"isButtonDisabled\"\n [class.success]=\"status() === 'success'\"\n [class.warning]=\"status() === 'warning'\"\n [class.failure]=\"status() === 'failure'\"\n [class.small]=\"iconSize() === 'small'\"\n (click)=\"onShowHideDropdown()\"\n (keydown.enter)=\"onShowHideDropdown()\"\n (keydown.space)=\"onShowHideDropdown(); $event.preventDefault()\"\n >\n <i class=\"fas fa-chevron-down\" [ngClass]=\"[color()]\"></i>\n </a>\n }\n</div>\n\n<!-- Rendered into a CDK overlay rather than here, so the list is not cut off by an ancestor that\n clips -- lib-data-grid does, and its buttons bar sits at the top of it. The `open` class is\n what the styles key on now that the list is no longer inside this component's `.show` host. -->\n<ng-template #optionsDropdown>\n <ul class=\"options-dropdown open\" role=\"menu\">\n @for (option of options(); track option; let i = $index) {\n <li\n role=\"menuitem\"\n [attr.tabindex]=\"isOptionDisabled(option) || !isOptionVisible(option) ? -1 : 0\"\n [attr.aria-disabled]=\"isOptionDisabled(option)\"\n [class.default-option]=\"i === defaultOption()\"\n [class.disabled]=\"isOptionDisabled(option)\"\n [class.hidden]=\"!isOptionVisible(option)\"\n (click)=\"onOptionClicked(option)\"\n (keydown.enter)=\"onOptionClicked(option)\"\n (keydown.space)=\"onOptionClicked(option); $event.preventDefault()\"\n >\n @if (!!option.icon) {\n <i class=\"fas fa-fw\" [ngClass]=\"[option.icon, color()]\"></i>\n }\n {{ option.label | translate }}\n </li>\n }\n </ul>\n</ng-template>\n",
5237
- styles: ["@layer properties;:host.dropdown .button{border-top-right-radius:0;border-bottom-right-radius:0}.button-container{display:flex}.button{border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3)}.button.success .icon i,.button.success .label,.button.warning .icon i,.button.warning .label,.button.failure .icon i,.button.failure .label{color:var(--color-white, #fff)}.button.small{padding-inline:calc(var(--spacing, .25rem) * 2)}.button.small .icon i{height:calc(var(--spacing, .25rem) * 7);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}@media(width>=48rem){.button.small .icon i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}}.button.small .icon svg{height:calc(var(--spacing, .25rem) * 6)}.button.small .label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.button .icon{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 8);flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))}@media(width>=48rem){.button .icon{font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}}.button .icon i{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button .icon svg{position:absolute;height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);animation:var(--animate-spin, spin 1s linear infinite);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button .icon.loading i{opacity:0%}.button .icon.loading svg{opacity:100%}.button .label{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;color:var(--color-gray-800, oklch(27.8% .033 256.848));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button-dropdown{justify-content:center;border-top-right-radius:var(--radius-lg, .5rem);border-bottom-right-radius:var(--radius-lg, .5rem);padding-inline:var(--spacing, .25rem)}.button-dropdown.success i,.button-dropdown.warning i,.button-dropdown.failure i{color:var(--color-white, #fff)}.button-dropdown.small{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}@media(width>=48rem){.button-dropdown.small{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}}.button,.button-dropdown{display:flex;cursor:pointer;flex-direction:column;padding-block:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}@media(hover:hover){:is(.button,.button-dropdown):hover{background-color:color-mix(in srgb,oklch(87.2% .01 258.338) 80%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(.button,.button-dropdown):hover{background-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 80%,transparent)}}}:is(.button,.button-dropdown):focus{background-color:color-mix(in srgb,oklch(87.2% .01 258.338) 80%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(.button,.button-dropdown):focus{background-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 80%,transparent)}}:is(.button,.button-dropdown):active{background-color:color-mix(in srgb,oklch(70.7% .022 261.325) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(.button,.button-dropdown):active{background-color:color-mix(in oklab,var(--color-gray-400, oklch(70.7% .022 261.325)) 60%,transparent)}}.button:disabled,.button.disabled,.button-dropdown:disabled,.button-dropdown.disabled{pointer-events:none;opacity:.6}.button.success,.button-dropdown.success{background-color:color-mix(in srgb,oklch(62.7% .194 149.214) 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.button.success,.button-dropdown.success{background-color:color-mix(in oklab,var(--color-green-600, oklch(62.7% .194 149.214)) 75%,transparent)}}.button.warning,.button-dropdown.warning{background-color:color-mix(in srgb,oklch(68.1% .162 75.834) 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.button.warning,.button-dropdown.warning{background-color:color-mix(in oklab,var(--color-yellow-600, oklch(68.1% .162 75.834)) 75%,transparent)}}.button.failure,.button-dropdown.failure{background-color:color-mix(in srgb,oklch(57.7% .245 27.325) 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.button.failure,.button-dropdown.failure{background-color:color-mix(in oklab,var(--color-red-600, oklch(57.7% .245 27.325)) 75%,transparent)}}.button.small,.button-dropdown.small{padding-block:var(--spacing, .25rem)}ul.options-dropdown{display:block;min-width:fit-content;padding-block:var(--spacing, .25rem);-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-400, oklch(70.8% 0 none));background-color:color-mix(in srgb,#fff 95%,transparent);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur: blur(var(--blur-md, 12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@supports (color: color-mix(in lab,red,red)){ul.options-dropdown{background-color:color-mix(in oklab,var(--color-white, #fff) 95%,transparent)}}ul.options-dropdown li{cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);white-space:nowrap}ul.options-dropdown li.default-option{display:none}ul.options-dropdown li.disabled{pointer-events:none;opacity:.6}ul.options-dropdown li:hover{background-color:var(--color-primary-50, #e6f4ff)}ul.options-dropdown li i{margin-right:var(--spacing, .25rem)}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-backdrop-blur{syntax: \"*\"; inherits: false;}@property --tw-backdrop-brightness{syntax: \"*\"; inherits: false;}@property --tw-backdrop-contrast{syntax: \"*\"; inherits: false;}@property --tw-backdrop-grayscale{syntax: \"*\"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-invert{syntax: \"*\"; inherits: false;}@property --tw-backdrop-opacity{syntax: \"*\"; inherits: false;}@property --tw-backdrop-saturate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-sepia{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-ease: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
5453
+ styles: ["@layer properties;:host.dropdown .button{border-top-right-radius:0;border-bottom-right-radius:0}.button-container{display:flex}.button{padding-inline:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-control)}.button.success .icon i,.button.success .label,.button.warning .icon i,.button.warning .label,.button.failure .icon i,.button.failure .label{color:var(--color-white, #fff)}.button.small{padding-inline:calc(var(--spacing, .25rem) * 2)}.button.small .icon i{height:calc(var(--spacing, .25rem) * 7);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}@media(width>=48rem){.button.small .icon i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}}.button.small .icon svg{height:calc(var(--spacing, .25rem) * 6)}.button.small .label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.button .icon{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 8);flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))}@media(width>=48rem){.button .icon{font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}}.button .icon i{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button .icon svg{position:absolute;height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);animation:var(--animate-spin, spin 1s linear infinite);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button .icon.loading i{opacity:0%}.button .icon.loading svg{opacity:100%}.button .label{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));color:var(--color-content-primary);transition-duration:var(--duration-short);transition-timing-function:var(--ease-standard)}.button-dropdown{justify-content:center;padding-inline:var(--spacing, .25rem);border-top-right-radius:var(--radius-control);border-bottom-right-radius:var(--radius-control)}.button-dropdown.success i,.button-dropdown.warning i,.button-dropdown.failure i{color:var(--color-white, #fff)}.button-dropdown.small{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}@media(width>=48rem){.button-dropdown.small{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}}.button,.button-dropdown{display:flex;cursor:pointer;flex-direction:column;padding-block:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button:hover,.button:focus-visible,.button-dropdown:hover,.button-dropdown:focus-visible{background-color:var(--state-hover)}.button:active,.button-dropdown:active{background-color:var(--state-pressed)}.button:disabled,.button.disabled,.button-dropdown:disabled,.button-dropdown.disabled{pointer-events:none;opacity:.6}.button.success,.button-dropdown.success{background-color:var(--color-success-surface)}.button.warning,.button-dropdown.warning{background-color:var(--color-warning-surface)}.button.failure,.button-dropdown.failure{background-color:var(--color-danger-surface)}.button.small,.button-dropdown.small{padding-block:var(--spacing, .25rem)}ul.options-dropdown{display:block;min-width:fit-content;padding-block:var(--spacing, .25rem);-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);border-width:1px;border-radius:var(--radius-control);border-color:var(--color-line);background-color:var(--color-surface-solid);box-shadow:var(--shadow-overlay);backdrop-filter:blur(var(--blur-popover));-webkit-backdrop-filter:blur(var(--blur-popover))}ul.options-dropdown li{cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);white-space:nowrap}ul.options-dropdown li.default-option{display:none}ul.options-dropdown li.disabled{pointer-events:none;opacity:.6}ul.options-dropdown li:hover{background-color:var(--state-selected)}ul.options-dropdown li i{margin-right:var(--spacing, .25rem)}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-ease: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
5238
5454
  dependencies: [{
5239
5455
  kind: "directive",
5240
5456
  type: NgClass,
@@ -5262,7 +5478,7 @@ i0.ɵɵngDeclareClassMetadata({
5262
5478
  },
5263
5479
  imports: [NgClass, TranslatePipe],
5264
5480
  template: "<div #buttonContainer class=\"button-container\" [attr.title]=\"tooltip() || null\">\n <a\n class=\"button\"\n role=\"button\"\n [attr.tabindex]=\"isButtonDisabled ? -1 : 0\"\n [attr.aria-disabled]=\"isButtonDisabled\"\n [class.disabled]=\"isButtonDisabled\"\n [class.success]=\"status() === 'success'\"\n [class.warning]=\"status() === 'warning'\"\n [class.failure]=\"status() === 'failure'\"\n [class.small]=\"iconSize() === 'small'\"\n (click)=\"onButtonClicked()\"\n (keydown.enter)=\"onButtonClicked()\"\n (keydown.space)=\"onButtonClicked(); $event.preventDefault()\"\n >\n <span class=\"icon\" [class.loading]=\"loading()\">\n <i class=\"fas fa-fw\" [ngClass]=\"[buttonIcon, color()]\"></i>\n\n <svg [ngClass]=\"[color()]\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\n <path\n class=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n </span>\n\n <span class=\"label\" [class.text-white]=\"status() !== null\">\n {{ label() | translate }}\n </span>\n </a>\n\n @if (options().length > 0) {\n <a\n class=\"button-dropdown\"\n role=\"button\"\n [attr.tabindex]=\"isButtonDisabled ? -1 : 0\"\n [attr.aria-disabled]=\"isButtonDisabled\"\n aria-haspopup=\"menu\"\n [attr.aria-expanded]=\"showDropdown()\"\n [class.disabled]=\"isButtonDisabled\"\n [class.success]=\"status() === 'success'\"\n [class.warning]=\"status() === 'warning'\"\n [class.failure]=\"status() === 'failure'\"\n [class.small]=\"iconSize() === 'small'\"\n (click)=\"onShowHideDropdown()\"\n (keydown.enter)=\"onShowHideDropdown()\"\n (keydown.space)=\"onShowHideDropdown(); $event.preventDefault()\"\n >\n <i class=\"fas fa-chevron-down\" [ngClass]=\"[color()]\"></i>\n </a>\n }\n</div>\n\n<!-- Rendered into a CDK overlay rather than here, so the list is not cut off by an ancestor that\n clips -- lib-data-grid does, and its buttons bar sits at the top of it. The `open` class is\n what the styles key on now that the list is no longer inside this component's `.show` host. -->\n<ng-template #optionsDropdown>\n <ul class=\"options-dropdown open\" role=\"menu\">\n @for (option of options(); track option; let i = $index) {\n <li\n role=\"menuitem\"\n [attr.tabindex]=\"isOptionDisabled(option) || !isOptionVisible(option) ? -1 : 0\"\n [attr.aria-disabled]=\"isOptionDisabled(option)\"\n [class.default-option]=\"i === defaultOption()\"\n [class.disabled]=\"isOptionDisabled(option)\"\n [class.hidden]=\"!isOptionVisible(option)\"\n (click)=\"onOptionClicked(option)\"\n (keydown.enter)=\"onOptionClicked(option)\"\n (keydown.space)=\"onOptionClicked(option); $event.preventDefault()\"\n >\n @if (!!option.icon) {\n <i class=\"fas fa-fw\" [ngClass]=\"[option.icon, color()]\"></i>\n }\n {{ option.label | translate }}\n </li>\n }\n </ul>\n</ng-template>\n",
5265
- styles: ["@layer properties;:host.dropdown .button{border-top-right-radius:0;border-bottom-right-radius:0}.button-container{display:flex}.button{border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3)}.button.success .icon i,.button.success .label,.button.warning .icon i,.button.warning .label,.button.failure .icon i,.button.failure .label{color:var(--color-white, #fff)}.button.small{padding-inline:calc(var(--spacing, .25rem) * 2)}.button.small .icon i{height:calc(var(--spacing, .25rem) * 7);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}@media(width>=48rem){.button.small .icon i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}}.button.small .icon svg{height:calc(var(--spacing, .25rem) * 6)}.button.small .label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.button .icon{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 8);flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))}@media(width>=48rem){.button .icon{font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}}.button .icon i{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button .icon svg{position:absolute;height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);animation:var(--animate-spin, spin 1s linear infinite);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button .icon.loading i{opacity:0%}.button .icon.loading svg{opacity:100%}.button .label{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;color:var(--color-gray-800, oklch(27.8% .033 256.848));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button-dropdown{justify-content:center;border-top-right-radius:var(--radius-lg, .5rem);border-bottom-right-radius:var(--radius-lg, .5rem);padding-inline:var(--spacing, .25rem)}.button-dropdown.success i,.button-dropdown.warning i,.button-dropdown.failure i{color:var(--color-white, #fff)}.button-dropdown.small{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}@media(width>=48rem){.button-dropdown.small{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}}.button,.button-dropdown{display:flex;cursor:pointer;flex-direction:column;padding-block:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}@media(hover:hover){:is(.button,.button-dropdown):hover{background-color:color-mix(in srgb,oklch(87.2% .01 258.338) 80%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(.button,.button-dropdown):hover{background-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 80%,transparent)}}}:is(.button,.button-dropdown):focus{background-color:color-mix(in srgb,oklch(87.2% .01 258.338) 80%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(.button,.button-dropdown):focus{background-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 80%,transparent)}}:is(.button,.button-dropdown):active{background-color:color-mix(in srgb,oklch(70.7% .022 261.325) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){:is(.button,.button-dropdown):active{background-color:color-mix(in oklab,var(--color-gray-400, oklch(70.7% .022 261.325)) 60%,transparent)}}.button:disabled,.button.disabled,.button-dropdown:disabled,.button-dropdown.disabled{pointer-events:none;opacity:.6}.button.success,.button-dropdown.success{background-color:color-mix(in srgb,oklch(62.7% .194 149.214) 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.button.success,.button-dropdown.success{background-color:color-mix(in oklab,var(--color-green-600, oklch(62.7% .194 149.214)) 75%,transparent)}}.button.warning,.button-dropdown.warning{background-color:color-mix(in srgb,oklch(68.1% .162 75.834) 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.button.warning,.button-dropdown.warning{background-color:color-mix(in oklab,var(--color-yellow-600, oklch(68.1% .162 75.834)) 75%,transparent)}}.button.failure,.button-dropdown.failure{background-color:color-mix(in srgb,oklch(57.7% .245 27.325) 75%,transparent)}@supports (color: color-mix(in lab,red,red)){.button.failure,.button-dropdown.failure{background-color:color-mix(in oklab,var(--color-red-600, oklch(57.7% .245 27.325)) 75%,transparent)}}.button.small,.button-dropdown.small{padding-block:var(--spacing, .25rem)}ul.options-dropdown{display:block;min-width:fit-content;padding-block:var(--spacing, .25rem);-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm, .25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-400, oklch(70.8% 0 none));background-color:color-mix(in srgb,#fff 95%,transparent);--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur: blur(var(--blur-md, 12px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@supports (color: color-mix(in lab,red,red)){ul.options-dropdown{background-color:color-mix(in oklab,var(--color-white, #fff) 95%,transparent)}}ul.options-dropdown li{cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);white-space:nowrap}ul.options-dropdown li.default-option{display:none}ul.options-dropdown li.disabled{pointer-events:none;opacity:.6}ul.options-dropdown li:hover{background-color:var(--color-primary-50, #e6f4ff)}ul.options-dropdown li i{margin-right:var(--spacing, .25rem)}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-backdrop-blur{syntax: \"*\"; inherits: false;}@property --tw-backdrop-brightness{syntax: \"*\"; inherits: false;}@property --tw-backdrop-contrast{syntax: \"*\"; inherits: false;}@property --tw-backdrop-grayscale{syntax: \"*\"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-invert{syntax: \"*\"; inherits: false;}@property --tw-backdrop-opacity{syntax: \"*\"; inherits: false;}@property --tw-backdrop-saturate{syntax: \"*\"; inherits: false;}@property --tw-backdrop-sepia{syntax: \"*\"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-ease: initial;--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5481
+ styles: ["@layer properties;:host.dropdown .button{border-top-right-radius:0;border-bottom-right-radius:0}.button-container{display:flex}.button{padding-inline:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-control)}.button.success .icon i,.button.success .label,.button.warning .icon i,.button.warning .label,.button.failure .icon i,.button.failure .label{color:var(--color-white, #fff)}.button.small{padding-inline:calc(var(--spacing, .25rem) * 2)}.button.small .icon i{height:calc(var(--spacing, .25rem) * 7);font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)))}@media(width>=48rem){.button.small .icon i{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))}}.button.small .icon svg{height:calc(var(--spacing, .25rem) * 6)}.button.small .label{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.button .icon{position:relative;display:flex;height:calc(var(--spacing, .25rem) * 8);flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--text-4xl, 2.25rem);line-height:var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))}@media(width>=48rem){.button .icon{font-size:var(--text-3xl, 1.875rem);line-height:var(--tw-leading, var(--text-3xl--line-height, 1.2 ))}}.button .icon i{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button .icon svg{position:absolute;height:calc(var(--spacing, .25rem) * 8);width:calc(var(--spacing, .25rem) * 8);animation:var(--animate-spin, spin 1s linear infinite);opacity:0%;transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button .icon.loading i{opacity:0%}.button .icon.loading svg{opacity:100%}.button .label{margin-top:calc(var(--spacing, .25rem) * 2);text-align:center;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));color:var(--color-content-primary);transition-duration:var(--duration-short);transition-timing-function:var(--ease-standard)}.button-dropdown{justify-content:center;padding-inline:var(--spacing, .25rem);border-top-right-radius:var(--radius-control);border-bottom-right-radius:var(--radius-control)}.button-dropdown.success i,.button-dropdown.warning i,.button-dropdown.failure i{color:var(--color-white, #fff)}.button-dropdown.small{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}@media(width>=48rem){.button-dropdown.small{font-size:var(--text-base, 1rem);line-height:var(--tw-leading, var(--text-base--line-height, 1.5 ))}}.button,.button-dropdown{display:flex;cursor:pointer;flex-direction:column;padding-block:calc(var(--spacing, .25rem) * 2);-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .2s;transition-duration:.2s;--tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));transition-timing-function:var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))}.button:hover,.button:focus-visible,.button-dropdown:hover,.button-dropdown:focus-visible{background-color:var(--state-hover)}.button:active,.button-dropdown:active{background-color:var(--state-pressed)}.button:disabled,.button.disabled,.button-dropdown:disabled,.button-dropdown.disabled{pointer-events:none;opacity:.6}.button.success,.button-dropdown.success{background-color:var(--color-success-surface)}.button.warning,.button-dropdown.warning{background-color:var(--color-warning-surface)}.button.failure,.button-dropdown.failure{background-color:var(--color-danger-surface)}.button.small,.button-dropdown.small{padding-block:var(--spacing, .25rem)}ul.options-dropdown{display:block;min-width:fit-content;padding-block:var(--spacing, .25rem);-webkit-user-select:none;user-select:none;border-style:var(--tw-border-style);border-width:1px;border-radius:var(--radius-control);border-color:var(--color-line);background-color:var(--color-surface-solid);box-shadow:var(--shadow-overlay);backdrop-filter:blur(var(--blur-popover));-webkit-backdrop-filter:blur(var(--blur-popover))}ul.options-dropdown li{cursor:pointer;padding-inline:calc(var(--spacing, .25rem) * 4);padding-block:calc(var(--spacing, .25rem) * 2);white-space:nowrap}ul.options-dropdown li.default-option{display:none}ul.options-dropdown li.disabled{pointer-events:none;opacity:.6}ul.options-dropdown li:hover{background-color:var(--state-selected)}ul.options-dropdown li i{margin-right:var(--spacing, .25rem)}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration: initial;--tw-ease: initial;--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5266
5482
  }]
5267
5483
  }],
5268
5484
  propDecorators: {
@@ -5384,7 +5600,7 @@ var RibbonComponent = class RibbonComponent {
5384
5600
  selector: "lib-ribbon",
5385
5601
  ngImport: i0,
5386
5602
  template: "<div>\n <ng-content></ng-content>\n</div>\n\n<ng-content select=\"[right]\"></ng-content>\n",
5387
- styles: ["@charset \"UTF-8\";@layer properties;::ng-deep lib-ribbon:not(:has(lib-ribbon-group:not(.hidden))):not(:has(>div>*:not(lib-ribbon-group))){display:none}:host{position:relative;display:flex;flex-direction:row;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;padding:var(--spacing, .25rem);border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:color-mix(in srgb,oklch(92.8% .006 264.531) 80%,transparent);justify-content:space-between}@supports (color: color-mix(in lab,red,red)){:host{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){:host{background-color:color-mix(in oklab,var(--color-gray-200, oklch(92.8% .006 264.531)) 80%,transparent)}}:host div{display:inline-flex;gap:calc(var(--spacing, .25rem) * 2)}:host ::ng-deep *[right]{display:flex}:host ::ng-deep *[right] lib-ribbon-group{margin-right:calc(var(--spacing, .25rem) * 2);margin-left:0}:host ::ng-deep *[right] lib-ribbon-group:first-child{margin-right:0;padding-right:0;padding-left:calc(var(--spacing, .25rem) * 2)}:host ::ng-deep *[right] lib-ribbon-group:after{left:calc(var(--spacing, .25rem) * -1)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
5603
+ styles: ["@charset \"UTF-8\";@layer properties;::ng-deep lib-ribbon:not(:has(lib-ribbon-group:not(.hidden))):not(:has(>div>*:not(lib-ribbon-group))){display:none}:host{position:relative;display:flex;flex-direction:row;border-style:var(--tw-border-style);border-width:1px;padding:var(--spacing, .25rem);border-radius:var(--radius-control);background-color:var(--color-surface-inset);border-color:var(--color-line);justify-content:space-between}:host div{display:inline-flex;gap:calc(var(--spacing, .25rem) * 2)}:host ::ng-deep *[right]{display:flex}:host ::ng-deep *[right] lib-ribbon-group{margin-right:calc(var(--spacing, .25rem) * 2);margin-left:0}:host ::ng-deep *[right] lib-ribbon-group:first-child{margin-right:0;padding-right:0;padding-left:calc(var(--spacing, .25rem) * 2)}:host ::ng-deep *[right] lib-ribbon-group:after{left:calc(var(--spacing, .25rem) * -1)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
5388
5604
  changeDetection: i0.ChangeDetectionStrategy.OnPush
5389
5605
  });
5390
5606
  };
@@ -5399,7 +5615,7 @@ i0.ɵɵngDeclareClassMetadata({
5399
5615
  selector: "lib-ribbon",
5400
5616
  changeDetection: ChangeDetectionStrategy.OnPush,
5401
5617
  template: "<div>\n <ng-content></ng-content>\n</div>\n\n<ng-content select=\"[right]\"></ng-content>\n",
5402
- styles: ["@charset \"UTF-8\";@layer properties;::ng-deep lib-ribbon:not(:has(lib-ribbon-group:not(.hidden))):not(:has(>div>*:not(lib-ribbon-group))){display:none}:host{position:relative;display:flex;flex-direction:row;border-radius:var(--radius-lg, .5rem);border-style:var(--tw-border-style);border-width:1px;padding:var(--spacing, .25rem);border-color:color-mix(in srgb,oklch(87.2% .01 258.338) 90%,transparent);background-color:color-mix(in srgb,oklch(92.8% .006 264.531) 80%,transparent);justify-content:space-between}@supports (color: color-mix(in lab,red,red)){:host{border-color:color-mix(in oklab,var(--color-gray-300, oklch(87.2% .01 258.338)) 90%,transparent)}}@supports (color: color-mix(in lab,red,red)){:host{background-color:color-mix(in oklab,var(--color-gray-200, oklch(92.8% .006 264.531)) 80%,transparent)}}:host div{display:inline-flex;gap:calc(var(--spacing, .25rem) * 2)}:host ::ng-deep *[right]{display:flex}:host ::ng-deep *[right] lib-ribbon-group{margin-right:calc(var(--spacing, .25rem) * 2);margin-left:0}:host ::ng-deep *[right] lib-ribbon-group:first-child{margin-right:0;padding-right:0;padding-left:calc(var(--spacing, .25rem) * 2)}:host ::ng-deep *[right] lib-ribbon-group:after{left:calc(var(--spacing, .25rem) * -1)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5618
+ styles: ["@charset \"UTF-8\";@layer properties;::ng-deep lib-ribbon:not(:has(lib-ribbon-group:not(.hidden))):not(:has(>div>*:not(lib-ribbon-group))){display:none}:host{position:relative;display:flex;flex-direction:row;border-style:var(--tw-border-style);border-width:1px;padding:var(--spacing, .25rem);border-radius:var(--radius-control);background-color:var(--color-surface-inset);border-color:var(--color-line);justify-content:space-between}:host div{display:inline-flex;gap:calc(var(--spacing, .25rem) * 2)}:host ::ng-deep *[right]{display:flex}:host ::ng-deep *[right] lib-ribbon-group{margin-right:calc(var(--spacing, .25rem) * 2);margin-left:0}:host ::ng-deep *[right] lib-ribbon-group:first-child{margin-right:0;padding-right:0;padding-left:calc(var(--spacing, .25rem) * 2)}:host ::ng-deep *[right] lib-ribbon-group:after{left:calc(var(--spacing, .25rem) * -1)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5403
5619
  }]
5404
5620
  }]
5405
5621
  });
@@ -5434,7 +5650,7 @@ var RibbonGroupComponent = class RibbonGroupComponent {
5434
5650
  }],
5435
5651
  ngImport: i0,
5436
5652
  template: "<div class=\"content\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"label\">\n <span>{{ label }}</span>\n</div>\n",
5437
- styles: ["@layer properties;:host{position:relative;padding-right:calc(var(--spacing, .25rem) * 2)}:host:after{position:absolute;top:var(--spacing, .25rem);right:calc(var(--spacing, .25rem) * -1);bottom:var(--spacing, .25rem);width:1px;--tw-content: \"\";content:var(--tw-content);background-color:color-mix(in srgb,oklch(70.7% .022 261.325) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){:host:after{background-color:color-mix(in oklab,var(--color-gray-400, oklch(70.7% .022 261.325)) 60%,transparent)}}:host .content{display:flex;flex-direction:row;flex-wrap:nowrap}:host .label{padding-top:.05rem;text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));-webkit-user-select:none;user-select:none;color:var(--color-gray-500, oklch(55.1% .027 264.364))}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5653
+ styles: ["@layer properties;:host{position:relative;padding-right:calc(var(--spacing, .25rem) * 2)}:host:after{position:absolute;top:var(--spacing, .25rem);right:calc(var(--spacing, .25rem) * -1);bottom:var(--spacing, .25rem);width:1px;--tw-content: \"\";content:var(--tw-content);background-color:var(--color-line-strong)}:host .content{display:flex;flex-direction:row;flex-wrap:nowrap}:host .label{padding-top:.05rem;text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));-webkit-user-select:none;user-select:none;color:var(--color-content-secondary)}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5438
5654
  });
5439
5655
  };
5440
5656
  i0.ɵɵngDeclareClassMetadata({
@@ -5448,7 +5664,7 @@ i0.ɵɵngDeclareClassMetadata({
5448
5664
  selector: "lib-ribbon-group",
5449
5665
  host: { "[class.hidden]": "!hasChildren()" },
5450
5666
  template: "<div class=\"content\">\n <ng-content></ng-content>\n</div>\n\n<div class=\"label\">\n <span>{{ label }}</span>\n</div>\n",
5451
- styles: ["@layer properties;:host{position:relative;padding-right:calc(var(--spacing, .25rem) * 2)}:host:after{position:absolute;top:var(--spacing, .25rem);right:calc(var(--spacing, .25rem) * -1);bottom:var(--spacing, .25rem);width:1px;--tw-content: \"\";content:var(--tw-content);background-color:color-mix(in srgb,oklch(70.7% .022 261.325) 60%,transparent)}@supports (color: color-mix(in lab,red,red)){:host:after{background-color:color-mix(in oklab,var(--color-gray-400, oklch(70.7% .022 261.325)) 60%,transparent)}}:host .content{display:flex;flex-direction:row;flex-wrap:nowrap}:host .label{padding-top:.05rem;text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));-webkit-user-select:none;user-select:none;color:var(--color-gray-500, oklch(55.1% .027 264.364))}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5667
+ styles: ["@layer properties;:host{position:relative;padding-right:calc(var(--spacing, .25rem) * 2)}:host:after{position:absolute;top:var(--spacing, .25rem);right:calc(var(--spacing, .25rem) * -1);bottom:var(--spacing, .25rem);width:1px;--tw-content: \"\";content:var(--tw-content);background-color:var(--color-line-strong)}:host .content{display:flex;flex-direction:row;flex-wrap:nowrap}:host .label{padding-top:.05rem;text-align:center;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));-webkit-user-select:none;user-select:none;color:var(--color-content-secondary)}@property --tw-content{syntax: \"*\"; inherits: false; initial-value: \"\";}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content: \"\"}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
5452
5668
  }]
5453
5669
  }],
5454
5670
  propDecorators: {
@@ -5790,6 +6006,6 @@ var DateValidators = class {
5790
6006
  };
5791
6007
  }
5792
6008
  };
5793
- export { BaseComponent, BaseDataset, CatalogSelectComponent, CatalogService, DataGridComponent, DataGridConfigsProvider, DataGridDataset, DataGridRowComponent, DataProviderService, DateHelpers, DateValidators, DisplayControls, EnumTranslatePipe, FormGroupComponent, FormGroupService, FormInputComponent, FormInputGroupComponent, FormService, GridConfigsProvider, GridDataset, GroupAccordionComponent, GroupContainerComponent, GroupScrollSpyComponent, GuidHelper, LibraryModule, ModalComponent, MultiEditorComponent, MultiEditorDataset, MultiSelectComponent, MultiSelectResultDataset, MultiSelectResultGridComponent, ReplaceManyPipe, ReplacePipe, RibbonButtonComponent, RibbonComponent, RibbonGroupChild, RibbonGroupComponent, RouterFormatter, SIDEBAR_CONFIGS, ScrollSpyDirective, SidebarComponent, SidebarConfigs, SidebarMenu, SidebarMenuOpenMode, SidebarService, toSidebarMenuOpenMode };
6009
+ export { BaseComponent, BaseDataset, ButtonComponent, CatalogSelectComponent, CatalogService, DataGridComponent, DataGridConfigsProvider, DataGridDataset, DataGridRowComponent, DataProviderService, DateHelpers, DateValidators, DisplayControls, EnumTranslatePipe, FormGroupComponent, FormGroupService, FormInputComponent, FormInputGroupComponent, FormService, GridConfigsProvider, GridDataset, GroupAccordionComponent, GroupContainerComponent, GroupScrollSpyComponent, GuidHelper, LibraryModule, ModalComponent, MultiEditorComponent, MultiEditorDataset, MultiSelectComponent, MultiSelectResultDataset, MultiSelectResultGridComponent, ReplaceManyPipe, ReplacePipe, RibbonButtonComponent, RibbonComponent, RibbonGroupChild, RibbonGroupComponent, RouterFormatter, SIDEBAR_CONFIGS, ScrollSpyDirective, SidebarComponent, SidebarConfigs, SidebarMenu, SidebarMenuOpenMode, SidebarService, toSidebarMenuOpenMode };
5794
6010
 
5795
6011
  //# sourceMappingURL=zambon-dev-ui-library.mjs.map