@educarehq/solaris-ui 0.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.
@@ -0,0 +1,1047 @@
1
+ import * as i0 from '@angular/core';
2
+ import { InjectionToken, inject, PLATFORM_ID, Injectable, Pipe, Directive, signal, DestroyRef, input, computed, Component, output, ElementRef, HostListener } from '@angular/core';
3
+ import { isPlatformBrowser } from '@angular/common';
4
+ import { TestBed } from '@angular/core/testing';
5
+
6
+ const SOLARIS_TRANSLATE_CONFIG = new InjectionToken('SOLARIS_TRANSLATE_CONFIG');
7
+
8
+ function provideSolarisTranslateTesting(config) {
9
+ const defaults = {
10
+ locale: 'en-US',
11
+ fallbackLocale: 'pt-BR',
12
+ translations: {
13
+ 'en-US': {
14
+ greeting: 'Hello, {{name}}',
15
+ farewell: 'Goodbye',
16
+ },
17
+ 'pt-BR': {
18
+ greeting: 'Olá, {{name}}',
19
+ farewell: 'Adeus',
20
+ },
21
+ },
22
+ useBrowserLocale: false,
23
+ };
24
+ return [
25
+ {
26
+ provide: SOLARIS_TRANSLATE_CONFIG,
27
+ useValue: {
28
+ ...defaults,
29
+ ...config,
30
+ translations: {
31
+ ...defaults.translations,
32
+ ...config?.translations,
33
+ },
34
+ },
35
+ },
36
+ ];
37
+ }
38
+
39
+ function provideSolarisTranslate(config) {
40
+ return [
41
+ {
42
+ provide: SOLARIS_TRANSLATE_CONFIG,
43
+ useValue: config,
44
+ },
45
+ ];
46
+ }
47
+
48
+ const SOLARIS_TRANSLATE_DEFAULT_CONFIG = {
49
+ locale: 'en-US',
50
+ fallbackLocale: 'en-US',
51
+ translations: {},
52
+ useBrowserLocale: false,
53
+ };
54
+
55
+ class SolarisTranslateService {
56
+ platformId = inject(PLATFORM_ID);
57
+ config = inject(SOLARIS_TRANSLATE_CONFIG, { optional: true }) ??
58
+ SOLARIS_TRANSLATE_DEFAULT_CONFIG;
59
+ get locale() {
60
+ return this.resolveLocale();
61
+ }
62
+ get fallbackLocale() {
63
+ return this.config.fallbackLocale;
64
+ }
65
+ translate(key, params) {
66
+ const translations = this.config.translations;
67
+ const locale = this.resolveLocale();
68
+ const fallbackLocale = this.config.fallbackLocale;
69
+ const localeMap = translations[locale];
70
+ if (localeMap && key in localeMap) {
71
+ return this.interpolate(localeMap[key], params);
72
+ }
73
+ if (fallbackLocale !== locale) {
74
+ const fallbackMap = translations[fallbackLocale];
75
+ if (fallbackMap && key in fallbackMap) {
76
+ return this.interpolate(fallbackMap[key], params);
77
+ }
78
+ }
79
+ return key;
80
+ }
81
+ resolveLocale() {
82
+ if (this.config.useBrowserLocale && isPlatformBrowser(this.platformId)) {
83
+ const browserLocale = navigator.language;
84
+ if (browserLocale) {
85
+ return browserLocale;
86
+ }
87
+ }
88
+ return this.config.locale;
89
+ }
90
+ escapeRegExp(value) {
91
+ return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
92
+ }
93
+ interpolate(value, params) {
94
+ if (!params) {
95
+ return value;
96
+ }
97
+ let result = value;
98
+ for (const [paramKey, paramValue] of Object.entries(params)) {
99
+ const escapedParamKey = this.escapeRegExp(paramKey);
100
+ result = result.replace(new RegExp(String.raw `\{\{\s*${escapedParamKey}\s*}}`, 'g'), String(paramValue));
101
+ }
102
+ return result;
103
+ }
104
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
105
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTranslateService, providedIn: 'root' });
106
+ }
107
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTranslateService, decorators: [{
108
+ type: Injectable,
109
+ args: [{
110
+ providedIn: 'root',
111
+ }]
112
+ }] });
113
+
114
+ class SolarisTranslatePipe {
115
+ translateService = inject(SolarisTranslateService);
116
+ transform(key, params) {
117
+ return this.translateService.translate(key, params);
118
+ }
119
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
120
+ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: SolarisTranslatePipe, isStandalone: true, name: "translate" });
121
+ }
122
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisTranslatePipe, decorators: [{
123
+ type: Pipe,
124
+ args: [{
125
+ name: 'translate',
126
+ standalone: true,
127
+ pure: true,
128
+ }]
129
+ }] });
130
+
131
+ const SOLARIS_ACCESSIBILITY_CONFIG = new InjectionToken('SOLARIS_ACCESSIBILITY_CONFIG');
132
+
133
+ function provideSolarisAccessibilityTesting(config) {
134
+ return [
135
+ {
136
+ provide: SOLARIS_ACCESSIBILITY_CONFIG,
137
+ useValue: config ?? {},
138
+ },
139
+ ];
140
+ }
141
+
142
+ class SolarisVisuallyHiddenDirective {
143
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisVisuallyHiddenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
144
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisVisuallyHiddenDirective, isStandalone: true, selector: "[solaris-visually-hidden]", host: { properties: { "style.position": "\"absolute\"", "style.width": "\"1px\"", "style.height": "\"1px\"", "style.padding": "\"0\"", "style.margin": "\"-1px\"", "style.overflow": "\"hidden\"", "style.clip-path": "\"rect(0, 0, 0, 0)\"", "style.white-space": "\"nowrap\"", "style.border-width": "\"0\"" } }, ngImport: i0 });
145
+ }
146
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisVisuallyHiddenDirective, decorators: [{
147
+ type: Directive,
148
+ args: [{
149
+ selector: '[solaris-visually-hidden]',
150
+ standalone: true,
151
+ host: {
152
+ '[style.position]': '"absolute"',
153
+ '[style.width]': '"1px"',
154
+ '[style.height]': '"1px"',
155
+ '[style.padding]': '"0"',
156
+ '[style.margin]': '"-1px"',
157
+ '[style.overflow]': '"hidden"',
158
+ '[style.clip-path]': '"rect(0, 0, 0, 0)"',
159
+ '[style.white-space]': '"nowrap"',
160
+ '[style.border-width]': '"0"',
161
+ },
162
+ }]
163
+ }] });
164
+
165
+ function provideSolarisAccessibility(config) {
166
+ return [
167
+ {
168
+ provide: SOLARIS_ACCESSIBILITY_CONFIG,
169
+ useValue: config ?? {},
170
+ },
171
+ ];
172
+ }
173
+
174
+ let nextId = 0;
175
+ class SolarisAccessibilityService {
176
+ config;
177
+ platformId = inject(PLATFORM_ID);
178
+ reducedMotionSignal;
179
+ constructor() {
180
+ this.config =
181
+ inject(SOLARIS_ACCESSIBILITY_CONFIG, { optional: true }) ?? {};
182
+ if (this.config.forceReducedMotion) {
183
+ this.reducedMotionSignal = signal(true, ...(ngDevMode ? [{ debugName: "reducedMotionSignal" }] : /* istanbul ignore next */ []));
184
+ }
185
+ else if (this.config.respectSystemPreference &&
186
+ isPlatformBrowser(this.platformId)) {
187
+ // SECURITY_EXCEPTION: window.matchMedia is the only browser API for reduced motion detection. Guarded by isPlatformBrowser. Tested.
188
+ const mql = window.matchMedia('(prefers-reduced-motion: reduce)');
189
+ this.reducedMotionSignal = signal(mql.matches, ...(ngDevMode ? [{ debugName: "reducedMotionSignal" }] : /* istanbul ignore next */ []));
190
+ const handler = (event) => {
191
+ this.reducedMotionSignal.set(event.matches);
192
+ };
193
+ mql.addEventListener('change', handler);
194
+ inject(DestroyRef).onDestroy(() => {
195
+ mql.removeEventListener('change', handler);
196
+ });
197
+ }
198
+ else {
199
+ this.reducedMotionSignal = signal(false, ...(ngDevMode ? [{ debugName: "reducedMotionSignal" }] : /* istanbul ignore next */ []));
200
+ }
201
+ }
202
+ get reducedMotion() {
203
+ return this.reducedMotionSignal.asReadonly();
204
+ }
205
+ get reducedMotionValue() {
206
+ return this.reducedMotionSignal();
207
+ }
208
+ generateId(prefix) {
209
+ return `${prefix}-${++nextId}-${Date.now()}`;
210
+ }
211
+ generateDescriptionId() {
212
+ return this.generateId('solaris-desc');
213
+ }
214
+ labelledBy(...ids) {
215
+ if (ids.length === 0) {
216
+ return null;
217
+ }
218
+ return ids.join(' ');
219
+ }
220
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAccessibilityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
221
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAccessibilityService, providedIn: 'root' });
222
+ }
223
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAccessibilityService, decorators: [{
224
+ type: Injectable,
225
+ args: [{
226
+ providedIn: 'root',
227
+ }]
228
+ }], ctorParameters: () => [] });
229
+
230
+ const SOLARIS_THEME_CONFIG = new InjectionToken('SOLARIS_THEME_CONFIG');
231
+
232
+ function provideSolarisThemeTesting(config) {
233
+ return [
234
+ {
235
+ provide: SOLARIS_THEME_CONFIG,
236
+ useValue: config ?? {},
237
+ },
238
+ ];
239
+ }
240
+
241
+ function provideSolarisTheme(config) {
242
+ return [
243
+ {
244
+ provide: SOLARIS_THEME_CONFIG,
245
+ useValue: config ?? {},
246
+ },
247
+ ];
248
+ }
249
+
250
+ class SolarisThemeService {
251
+ config = inject(SOLARIS_THEME_CONFIG, { optional: true });
252
+ get colorScheme() {
253
+ return this.config?.colorScheme ?? 'system';
254
+ }
255
+ get density() {
256
+ return this.config?.density ?? 'comfortable';
257
+ }
258
+ get reducedMotion() {
259
+ return this.config?.reducedMotion ?? 'auto';
260
+ }
261
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
262
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisThemeService, providedIn: 'root' });
263
+ }
264
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisThemeService, decorators: [{
265
+ type: Injectable,
266
+ args: [{ providedIn: 'root' }]
267
+ }] });
268
+
269
+ const SOLARIS_ICONS_CONFIG = new InjectionToken('SOLARIS_ICONS_CONFIG');
270
+
271
+ const SOLARIS_BUILT_IN_ICONS = [
272
+ {
273
+ name: 'x',
274
+ viewBox: '0 0 24 24',
275
+ elements: [
276
+ { type: 'path', d: 'M18 6 6 18' },
277
+ { type: 'path', d: 'm6 6 12 12' },
278
+ ],
279
+ },
280
+ {
281
+ name: 'check',
282
+ viewBox: '0 0 24 24',
283
+ elements: [{ type: 'path', d: 'M20 6 9 17l-5-5' }],
284
+ },
285
+ {
286
+ name: 'chevron-down',
287
+ viewBox: '0 0 24 24',
288
+ elements: [{ type: 'path', d: 'm6 9 6 6 6-6' }],
289
+ },
290
+ {
291
+ name: 'chevron-left',
292
+ viewBox: '0 0 24 24',
293
+ elements: [{ type: 'path', d: 'm15 18-6-6 6-6' }],
294
+ },
295
+ {
296
+ name: 'chevron-right',
297
+ viewBox: '0 0 24 24',
298
+ elements: [{ type: 'path', d: 'm9 18 6-6-6-6' }],
299
+ },
300
+ {
301
+ name: 'chevron-up',
302
+ viewBox: '0 0 24 24',
303
+ elements: [{ type: 'path', d: 'm18 15-6-6-6 6' }],
304
+ },
305
+ {
306
+ name: 'chevron-forward',
307
+ viewBox: '0 0 24 24',
308
+ elements: [
309
+ { type: 'path', d: 'm9 18 6-6-6-6' },
310
+ { type: 'path', d: 'm15 18 6-6-6-6' },
311
+ ],
312
+ },
313
+ {
314
+ name: 'chevron-backward',
315
+ viewBox: '0 0 24 24',
316
+ elements: [
317
+ { type: 'path', d: 'm15 18-6-6 6-6' },
318
+ { type: 'path', d: 'm9 18-6-6 6-6' },
319
+ ],
320
+ },
321
+ {
322
+ name: 'chevron-first',
323
+ viewBox: '0 0 24 24',
324
+ elements: [
325
+ { type: 'path', d: 'm15 18-6-6 6-6' },
326
+ { type: 'path', d: 'M7 6v12' },
327
+ ],
328
+ },
329
+ {
330
+ name: 'chevron-last',
331
+ viewBox: '0 0 24 24',
332
+ elements: [
333
+ { type: 'path', d: 'm9 18 6-6-6-6' },
334
+ { type: 'path', d: 'M17 6v12' },
335
+ ],
336
+ },
337
+ {
338
+ name: 'info',
339
+ viewBox: '0 0 24 24',
340
+ elements: [
341
+ { type: 'circle', cx: 12, cy: 12, r: 10 },
342
+ { type: 'path', d: 'M12 16v-4' },
343
+ { type: 'path', d: 'M12 8h.01' },
344
+ ],
345
+ },
346
+ {
347
+ name: 'warning',
348
+ viewBox: '0 0 24 24',
349
+ elements: [
350
+ {
351
+ type: 'path',
352
+ d: 'M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z',
353
+ },
354
+ { type: 'path', d: 'M12 9v4' },
355
+ { type: 'path', d: 'M12 17h.01' },
356
+ ],
357
+ },
358
+ {
359
+ name: 'danger',
360
+ viewBox: '0 0 24 24',
361
+ elements: [
362
+ {
363
+ type: 'polygon',
364
+ points: '7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86',
365
+ },
366
+ { type: 'path', d: 'm15 9-6 6' },
367
+ { type: 'path', d: 'm9 9 6 6' },
368
+ ],
369
+ },
370
+ {
371
+ name: 'caution',
372
+ viewBox: '0 0 24 24',
373
+ elements: [
374
+ {
375
+ type: 'polygon',
376
+ points: '7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86',
377
+ },
378
+ { type: 'path', d: 'M12 8v4' },
379
+ { type: 'path', d: 'M12 16h.01' },
380
+ ],
381
+ },
382
+ {
383
+ name: 'success',
384
+ viewBox: '0 0 24 24',
385
+ elements: [
386
+ { type: 'circle', cx: 12, cy: 12, r: 10 },
387
+ { type: 'path', d: 'm9 12 2 2 4-4' },
388
+ ],
389
+ },
390
+ {
391
+ name: 'shield-check',
392
+ viewBox: '0 0 24 24',
393
+ elements: [
394
+ { type: 'path', d: 'M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10' },
395
+ { type: 'path', d: 'm9 12 2 2 4-4' },
396
+ ],
397
+ },
398
+ {
399
+ name: 'loader',
400
+ viewBox: '0 0 24 24',
401
+ elements: [{ type: 'path', d: 'M12 2a10 10 0 0 1 10 10' }],
402
+ },
403
+ {
404
+ name: 'sun',
405
+ viewBox: '0 0 24 24',
406
+ fill: 'none',
407
+ stroke: 'currentColor',
408
+ strokeWidth: 2,
409
+ strokeLinecap: 'round',
410
+ strokeLinejoin: 'round',
411
+ elements: [
412
+ { type: 'circle', cx: 12, cy: 12, r: 4 },
413
+ { type: 'path', d: 'M12 2v2' },
414
+ { type: 'path', d: 'M12 20v2' },
415
+ { type: 'path', d: 'M5 5l1.5 1.5' },
416
+ { type: 'path', d: 'M17.5 17.5L19 19' },
417
+ { type: 'path', d: 'M2 12h2' },
418
+ { type: 'path', d: 'M20 12h2' },
419
+ { type: 'path', d: 'M5 19l1.5-1.5' },
420
+ { type: 'path', d: 'M17.5 6.5L19 5' },
421
+ ],
422
+ },
423
+ {
424
+ name: 'moon',
425
+ viewBox: '0 0 24 24',
426
+ fill: 'none',
427
+ stroke: 'currentColor',
428
+ strokeWidth: 2,
429
+ strokeLinecap: 'round',
430
+ strokeLinejoin: 'round',
431
+ elements: [
432
+ { type: 'path', d: 'M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z' },
433
+ ],
434
+ },
435
+ ];
436
+
437
+ class SolarisIconRegistryService {
438
+ registry = new Map();
439
+ constructor() {
440
+ const config = inject(SOLARIS_ICONS_CONFIG, { optional: true });
441
+ for (const icon of SOLARIS_BUILT_IN_ICONS) {
442
+ this.registry.set(icon.name, icon);
443
+ }
444
+ if (config?.extraIcons) {
445
+ for (const icon of config.extraIcons) {
446
+ if (!this.registry.has(icon.name)) {
447
+ this.registry.set(icon.name, icon);
448
+ }
449
+ }
450
+ }
451
+ }
452
+ getIcon(name) {
453
+ return this.registry.get(name);
454
+ }
455
+ hasIcon(name) {
456
+ return this.registry.has(name);
457
+ }
458
+ registerIcon(icon) {
459
+ if (!this.registry.has(icon.name)) {
460
+ this.registry.set(icon.name, icon);
461
+ }
462
+ }
463
+ registerIcons(icons) {
464
+ for (const icon of icons) {
465
+ this.registerIcon(icon);
466
+ }
467
+ }
468
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
469
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconRegistryService, providedIn: 'root' });
470
+ }
471
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconRegistryService, decorators: [{
472
+ type: Injectable,
473
+ args: [{ providedIn: 'root' }]
474
+ }], ctorParameters: () => [] });
475
+
476
+ function provideSolarisIcons(config) {
477
+ return [
478
+ {
479
+ provide: SOLARIS_ICONS_CONFIG,
480
+ useValue: config ?? {},
481
+ },
482
+ ];
483
+ }
484
+
485
+ class SolarisIconComponent {
486
+ registry = inject(SolarisIconRegistryService);
487
+ name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
488
+ ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
489
+ decorative = input(false, ...(ngDevMode ? [{ debugName: "decorative" }] : /* istanbul ignore next */ []));
490
+ definition = computed(() => this.registry.getIcon(this.name()), ...(ngDevMode ? [{ debugName: "definition" }] : /* istanbul ignore next */ []));
491
+ isHidden = computed(() => this.decorative(), ...(ngDevMode ? [{ debugName: "isHidden" }] : /* istanbul ignore next */ []));
492
+ accessibleLabel = computed(() => this.ariaLabel() ?? '', ...(ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []));
493
+ hasSemanticLabel = computed(() => !this.decorative() && !!this.ariaLabel(), ...(ngDevMode ? [{ debugName: "hasSemanticLabel" }] : /* istanbul ignore next */ []));
494
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
495
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisIconComponent, isStandalone: true, selector: "solaris-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (definition(); as icon) {\n <svg\n [attr.viewBox]=\"icon.viewBox\"\n [attr.fill]=\"icon.fill ?? 'none'\"\n [attr.stroke]=\"icon.stroke ?? 'currentColor'\"\n [attr.stroke-width]=\"icon.strokeWidth ?? 2\"\n [attr.stroke-linecap]=\"icon.strokeLinecap ?? 'round'\"\n [attr.stroke-linejoin]=\"icon.strokeLinejoin ?? 'round'\"\n [attr.aria-hidden]=\"isHidden() ? 'true' : null\"\n [attr.aria-label]=\"hasSemanticLabel() ? accessibleLabel() : null\"\n [attr.role]=\"isHidden() ? 'presentation' : 'img'\"\n >\n @for (element of icon.elements; track $index) {\n @switch (element.type) {\n @case ('path') {\n <path [attr.d]=\"element.d\" />\n }\n @case ('line') {\n <line\n [attr.x1]=\"element.x1\"\n [attr.y1]=\"element.y1\"\n [attr.x2]=\"element.x2\"\n [attr.y2]=\"element.y2\"\n />\n }\n @case ('polyline') {\n <polyline [attr.points]=\"element.points\" />\n }\n @case ('polygon') {\n <polygon [attr.points]=\"element.points\" />\n }\n @case ('circle') {\n <circle\n [attr.cx]=\"element.cx\"\n [attr.cy]=\"element.cy\"\n [attr.r]=\"element.r\"\n />\n }\n }\n }\n </svg>\n}\n" });
496
+ }
497
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconComponent, decorators: [{
498
+ type: Component,
499
+ args: [{ selector: 'solaris-icon', standalone: true, template: "@if (definition(); as icon) {\n <svg\n [attr.viewBox]=\"icon.viewBox\"\n [attr.fill]=\"icon.fill ?? 'none'\"\n [attr.stroke]=\"icon.stroke ?? 'currentColor'\"\n [attr.stroke-width]=\"icon.strokeWidth ?? 2\"\n [attr.stroke-linecap]=\"icon.strokeLinecap ?? 'round'\"\n [attr.stroke-linejoin]=\"icon.strokeLinejoin ?? 'round'\"\n [attr.aria-hidden]=\"isHidden() ? 'true' : null\"\n [attr.aria-label]=\"hasSemanticLabel() ? accessibleLabel() : null\"\n [attr.role]=\"isHidden() ? 'presentation' : 'img'\"\n >\n @for (element of icon.elements; track $index) {\n @switch (element.type) {\n @case ('path') {\n <path [attr.d]=\"element.d\" />\n }\n @case ('line') {\n <line\n [attr.x1]=\"element.x1\"\n [attr.y1]=\"element.y1\"\n [attr.x2]=\"element.x2\"\n [attr.y2]=\"element.y2\"\n />\n }\n @case ('polyline') {\n <polyline [attr.points]=\"element.points\" />\n }\n @case ('polygon') {\n <polygon [attr.points]=\"element.points\" />\n }\n @case ('circle') {\n <circle\n [attr.cx]=\"element.cx\"\n [attr.cy]=\"element.cy\"\n [attr.r]=\"element.r\"\n />\n }\n }\n }\n </svg>\n}\n" }]
500
+ }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }] } });
501
+
502
+ class SolarisBadgeComponent {
503
+ appearance = input('tonal', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
504
+ variant = input('standard', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
505
+ color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
506
+ radius = input('full', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
507
+ density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
508
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
509
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
510
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisBadgeComponent, isStandalone: true, selector: "solaris-badge", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-appearance": "appearance()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-variant": "variant()", "attr.data-density": "density()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{--solaris-badge-gap: initial;--solaris-badge-color: initial;--solaris-badge-radius: initial;--solaris-badge-padding-x: initial;--solaris-badge-padding-y: initial;--solaris-badge-font-size: initial;--solaris-badge-min-width: initial;--solaris-badge-icon-size: initial;--solaris-badge-background: initial;--solaris-badge-min-height: initial;--solaris-badge-line-height: initial;--solaris-badge-border-color: initial;--solaris-badge-custom-color: initial;--solaris-badge-custom-background: #f06d26;--solaris-badge-custom-border-color: #eb9160;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;display:inline-flex;vertical-align:middle;box-sizing:border-box;justify-content:center;gap:var(--solaris-badge-gap);color:var(--solaris-badge-color);font-size:var(--solaris-badge-font-size);min-width:var(--solaris-badge-min-width);border-radius:var(--solaris-badge-radius);min-height:var(--solaris-badge-min-height);background:var(--solaris-badge-background);line-height:var(--solaris-badge-line-height);font-weight:var(--solaris-font-weight-medium);border:1px solid var(--solaris-badge-border-color);font-family:var(--solaris-font-family-sans),system-ui;padding:var(--solaris-badge-padding-y) var(--solaris-badge-padding-x)}::ng-deep .solaris-badge-icon{flex-shrink:0;align-items:center;display:inline-flex;justify-content:center;width:var(--solaris-badge-icon-size);height:var(--solaris-badge-icon-size)}:host([data-size=sm]){--solaris-badge-gap: .125rem;--solaris-badge-padding-x: .375rem;--solaris-badge-min-width: 1.125rem;--solaris-badge-icon-size: .625rem;--solaris-badge-padding-y: .0625rem;--solaris-badge-min-height: 1.125rem;--solaris-badge-font-size: var(--solaris-font-size-xs);--solaris-badge-line-height: var(--solaris-line-height-sm)}:host([data-size=md]){--solaris-badge-min-width: 1.25rem;--solaris-badge-icon-size: .75rem;--solaris-badge-min-height: 1.25rem;--solaris-badge-padding-y: .0625rem;--solaris-badge-gap: var(--solaris-spacing-1);--solaris-badge-padding-x: var(--solaris-spacing-2);--solaris-badge-font-size: var(--solaris-font-size-xs);--solaris-badge-line-height: var(--solaris-line-height-sm)}:host([data-size=lg]){--solaris-badge-gap: .375rem;--solaris-badge-min-width: 1.5rem;--solaris-badge-min-height: 1.5rem;--solaris-badge-padding-y: .125rem;--solaris-badge-icon-size: .875rem;--solaris-badge-padding-x: var(--solaris-spacing-3);--solaris-badge-font-size: var(--solaris-font-size-sm);--solaris-badge-line-height: var(--solaris-line-height-sm)}:host([data-density=compact]){--solaris-badge-gap: .125rem;--solaris-badge-padding-y: .0625rem;--solaris-badge-min-height: 1.125rem}:host([data-density=comfortable]){--solaris-badge-gap: .375rem;--solaris-badge-min-height: 1.5rem;--solaris-badge-padding-y: .1875rem}:host([data-radius=sm]){--solaris-badge-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-badge-radius: var(--solaris-radius-md)}:host([data-radius=full]){--solaris-badge-radius: var(--solaris-radius-full)}:host([data-variant=count]){--solaris-badge-padding-x: var(--solaris-spacing-1);--solaris-badge-min-width: var(--solaris-badge-min-height)}:host([data-variant=count][data-radius=full]){--solaris-badge-padding-x: var(--solaris-spacing-1)}:host([data-appearance=solid]){--solaris-badge-border-color: transparent}:host([data-appearance=outline]){--solaris-badge-background: transparent}:host([data-appearance=ghost]){--solaris-badge-background: transparent;--solaris-badge-border-color: transparent}:host([data-color=neutral][data-appearance=solid]){--solaris-badge-color: var(--solaris-text-inverse);--solaris-badge-background: var(--solaris-text-default)}:host([data-color=neutral][data-appearance=tonal]){--solaris-badge-color: var(--solaris-text-default);--solaris-badge-background: var(--solaris-surface-muted);--solaris-badge-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-appearance=outline]){--solaris-badge-color: var(--solaris-text-default);--solaris-badge-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-appearance=ghost]){--solaris-badge-color: var(--solaris-text-muted)}:host([data-color=primary][data-appearance=solid]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-background: var(--solaris-primary-base)}:host([data-color=primary][data-appearance=tonal]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-background: var(--solaris-primary-surface);--solaris-badge-border-color: var(--solaris-primary-border)}:host([data-color=primary][data-appearance=outline]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-border-color: var(--solaris-primary-border)}:host([data-color=primary][data-appearance=ghost]){--solaris-badge-color: var(--solaris-primary-text)}:host([data-color=success][data-appearance=solid]){--solaris-badge-color: var(--solaris-success-on-solid);--solaris-badge-background: var(--solaris-success-base)}:host([data-color=success][data-appearance=tonal]){--solaris-badge-color: var(--solaris-success-text);--solaris-badge-background: var(--solaris-success-surface);--solaris-badge-border-color: var(--solaris-success-border)}:host([data-color=success][data-appearance=outline]){--solaris-badge-color: var(--solaris-success-text);--solaris-badge-border-color: var(--solaris-success-border)}:host([data-color=success][data-appearance=ghost]){--solaris-badge-color: var(--solaris-success-text)}:host([data-color=warning][data-appearance=solid]){--solaris-badge-color: var(--solaris-warning-on-solid);--solaris-badge-background: var(--solaris-warning-base)}:host([data-color=warning][data-appearance=tonal]){--solaris-badge-color: var(--solaris-warning-text);--solaris-badge-background: var(--solaris-warning-surface);--solaris-badge-border-color: var(--solaris-warning-border)}:host([data-color=warning][data-appearance=outline]){--solaris-badge-color: var(--solaris-warning-text);--solaris-badge-border-color: var(--solaris-warning-border)}:host([data-color=warning][data-appearance=ghost]){--solaris-badge-color: var(--solaris-warning-text)}:host([data-color=danger][data-appearance=solid]){--solaris-badge-color: var(--solaris-danger-on-solid);--solaris-badge-background: var(--solaris-danger-base)}:host([data-color=danger][data-appearance=tonal]){--solaris-badge-color: var(--solaris-danger-text);--solaris-badge-background: var(--solaris-danger-surface);--solaris-badge-border-color: var(--solaris-danger-border)}:host([data-color=danger][data-appearance=outline]){--solaris-badge-color: var(--solaris-danger-text);--solaris-badge-border-color: var(--solaris-danger-border)}:host([data-color=danger][data-appearance=ghost]){--solaris-badge-color: var(--solaris-danger-text)}:host([data-color=info][data-appearance=solid]){--solaris-badge-color: var(--solaris-info-on-solid);--solaris-badge-background: var(--solaris-info-base)}:host([data-color=info][data-appearance=tonal]){--solaris-badge-color: var(--solaris-info-text);--solaris-badge-background: var(--solaris-info-surface);--solaris-badge-border-color: var(--solaris-info-border)}:host([data-color=info][data-appearance=outline]){--solaris-badge-color: var(--solaris-info-text);--solaris-badge-border-color: var(--solaris-info-border)}:host([data-color=info][data-appearance=ghost]){--solaris-badge-color: var(--solaris-info-text)}:host([data-color=custom]){--solaris-badge-color: var(--solaris-badge-custom-color);--solaris-badge-background: var(--solaris-badge-custom-background);--solaris-badge-border-color: var(--solaris-badge-custom-border-color)}\n"] });
511
+ }
512
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeComponent, decorators: [{
513
+ type: Component,
514
+ args: [{ selector: 'solaris-badge', standalone: true, host: {
515
+ '[attr.data-appearance]': 'appearance()',
516
+ '[attr.data-color]': 'color()',
517
+ '[attr.data-size]': 'size()',
518
+ '[attr.data-radius]': 'radius()',
519
+ '[attr.data-variant]': 'variant()',
520
+ '[attr.data-density]': 'density()',
521
+ }, template: "<ng-content />\n", styles: [":host{--solaris-badge-gap: initial;--solaris-badge-color: initial;--solaris-badge-radius: initial;--solaris-badge-padding-x: initial;--solaris-badge-padding-y: initial;--solaris-badge-font-size: initial;--solaris-badge-min-width: initial;--solaris-badge-icon-size: initial;--solaris-badge-background: initial;--solaris-badge-min-height: initial;--solaris-badge-line-height: initial;--solaris-badge-border-color: initial;--solaris-badge-custom-color: initial;--solaris-badge-custom-background: #f06d26;--solaris-badge-custom-border-color: #eb9160;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;display:inline-flex;vertical-align:middle;box-sizing:border-box;justify-content:center;gap:var(--solaris-badge-gap);color:var(--solaris-badge-color);font-size:var(--solaris-badge-font-size);min-width:var(--solaris-badge-min-width);border-radius:var(--solaris-badge-radius);min-height:var(--solaris-badge-min-height);background:var(--solaris-badge-background);line-height:var(--solaris-badge-line-height);font-weight:var(--solaris-font-weight-medium);border:1px solid var(--solaris-badge-border-color);font-family:var(--solaris-font-family-sans),system-ui;padding:var(--solaris-badge-padding-y) var(--solaris-badge-padding-x)}::ng-deep .solaris-badge-icon{flex-shrink:0;align-items:center;display:inline-flex;justify-content:center;width:var(--solaris-badge-icon-size);height:var(--solaris-badge-icon-size)}:host([data-size=sm]){--solaris-badge-gap: .125rem;--solaris-badge-padding-x: .375rem;--solaris-badge-min-width: 1.125rem;--solaris-badge-icon-size: .625rem;--solaris-badge-padding-y: .0625rem;--solaris-badge-min-height: 1.125rem;--solaris-badge-font-size: var(--solaris-font-size-xs);--solaris-badge-line-height: var(--solaris-line-height-sm)}:host([data-size=md]){--solaris-badge-min-width: 1.25rem;--solaris-badge-icon-size: .75rem;--solaris-badge-min-height: 1.25rem;--solaris-badge-padding-y: .0625rem;--solaris-badge-gap: var(--solaris-spacing-1);--solaris-badge-padding-x: var(--solaris-spacing-2);--solaris-badge-font-size: var(--solaris-font-size-xs);--solaris-badge-line-height: var(--solaris-line-height-sm)}:host([data-size=lg]){--solaris-badge-gap: .375rem;--solaris-badge-min-width: 1.5rem;--solaris-badge-min-height: 1.5rem;--solaris-badge-padding-y: .125rem;--solaris-badge-icon-size: .875rem;--solaris-badge-padding-x: var(--solaris-spacing-3);--solaris-badge-font-size: var(--solaris-font-size-sm);--solaris-badge-line-height: var(--solaris-line-height-sm)}:host([data-density=compact]){--solaris-badge-gap: .125rem;--solaris-badge-padding-y: .0625rem;--solaris-badge-min-height: 1.125rem}:host([data-density=comfortable]){--solaris-badge-gap: .375rem;--solaris-badge-min-height: 1.5rem;--solaris-badge-padding-y: .1875rem}:host([data-radius=sm]){--solaris-badge-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-badge-radius: var(--solaris-radius-md)}:host([data-radius=full]){--solaris-badge-radius: var(--solaris-radius-full)}:host([data-variant=count]){--solaris-badge-padding-x: var(--solaris-spacing-1);--solaris-badge-min-width: var(--solaris-badge-min-height)}:host([data-variant=count][data-radius=full]){--solaris-badge-padding-x: var(--solaris-spacing-1)}:host([data-appearance=solid]){--solaris-badge-border-color: transparent}:host([data-appearance=outline]){--solaris-badge-background: transparent}:host([data-appearance=ghost]){--solaris-badge-background: transparent;--solaris-badge-border-color: transparent}:host([data-color=neutral][data-appearance=solid]){--solaris-badge-color: var(--solaris-text-inverse);--solaris-badge-background: var(--solaris-text-default)}:host([data-color=neutral][data-appearance=tonal]){--solaris-badge-color: var(--solaris-text-default);--solaris-badge-background: var(--solaris-surface-muted);--solaris-badge-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-appearance=outline]){--solaris-badge-color: var(--solaris-text-default);--solaris-badge-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-appearance=ghost]){--solaris-badge-color: var(--solaris-text-muted)}:host([data-color=primary][data-appearance=solid]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-background: var(--solaris-primary-base)}:host([data-color=primary][data-appearance=tonal]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-background: var(--solaris-primary-surface);--solaris-badge-border-color: var(--solaris-primary-border)}:host([data-color=primary][data-appearance=outline]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-border-color: var(--solaris-primary-border)}:host([data-color=primary][data-appearance=ghost]){--solaris-badge-color: var(--solaris-primary-text)}:host([data-color=success][data-appearance=solid]){--solaris-badge-color: var(--solaris-success-on-solid);--solaris-badge-background: var(--solaris-success-base)}:host([data-color=success][data-appearance=tonal]){--solaris-badge-color: var(--solaris-success-text);--solaris-badge-background: var(--solaris-success-surface);--solaris-badge-border-color: var(--solaris-success-border)}:host([data-color=success][data-appearance=outline]){--solaris-badge-color: var(--solaris-success-text);--solaris-badge-border-color: var(--solaris-success-border)}:host([data-color=success][data-appearance=ghost]){--solaris-badge-color: var(--solaris-success-text)}:host([data-color=warning][data-appearance=solid]){--solaris-badge-color: var(--solaris-warning-on-solid);--solaris-badge-background: var(--solaris-warning-base)}:host([data-color=warning][data-appearance=tonal]){--solaris-badge-color: var(--solaris-warning-text);--solaris-badge-background: var(--solaris-warning-surface);--solaris-badge-border-color: var(--solaris-warning-border)}:host([data-color=warning][data-appearance=outline]){--solaris-badge-color: var(--solaris-warning-text);--solaris-badge-border-color: var(--solaris-warning-border)}:host([data-color=warning][data-appearance=ghost]){--solaris-badge-color: var(--solaris-warning-text)}:host([data-color=danger][data-appearance=solid]){--solaris-badge-color: var(--solaris-danger-on-solid);--solaris-badge-background: var(--solaris-danger-base)}:host([data-color=danger][data-appearance=tonal]){--solaris-badge-color: var(--solaris-danger-text);--solaris-badge-background: var(--solaris-danger-surface);--solaris-badge-border-color: var(--solaris-danger-border)}:host([data-color=danger][data-appearance=outline]){--solaris-badge-color: var(--solaris-danger-text);--solaris-badge-border-color: var(--solaris-danger-border)}:host([data-color=danger][data-appearance=ghost]){--solaris-badge-color: var(--solaris-danger-text)}:host([data-color=info][data-appearance=solid]){--solaris-badge-color: var(--solaris-info-on-solid);--solaris-badge-background: var(--solaris-info-base)}:host([data-color=info][data-appearance=tonal]){--solaris-badge-color: var(--solaris-info-text);--solaris-badge-background: var(--solaris-info-surface);--solaris-badge-border-color: var(--solaris-info-border)}:host([data-color=info][data-appearance=outline]){--solaris-badge-color: var(--solaris-info-text);--solaris-badge-border-color: var(--solaris-info-border)}:host([data-color=info][data-appearance=ghost]){--solaris-badge-color: var(--solaris-info-text)}:host([data-color=custom]){--solaris-badge-color: var(--solaris-badge-custom-color);--solaris-badge-background: var(--solaris-badge-custom-background);--solaris-badge-border-color: var(--solaris-badge-custom-border-color)}\n"] }]
522
+ }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
523
+
524
+ class SolarisBadgeIconDirective {
525
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
526
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisBadgeIconDirective, isStandalone: true, selector: "[solaris-badge-icon]", host: { classAttribute: "solaris-badge-icon" }, ngImport: i0 });
527
+ }
528
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeIconDirective, decorators: [{
529
+ type: Directive,
530
+ args: [{
531
+ selector: '[solaris-badge-icon]',
532
+ standalone: true,
533
+ host: {
534
+ class: 'solaris-badge-icon',
535
+ },
536
+ }]
537
+ }] });
538
+
539
+ class SolarisCardComponent {
540
+ appearance = input('surface', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
541
+ radius = input('lg', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
542
+ density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
543
+ glassTexture = input('none', ...(ngDevMode ? [{ debugName: "glassTexture" }] : /* istanbul ignore next */ []));
544
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
545
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisCardComponent, isStandalone: true, selector: "solaris-card", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, glassTexture: { classPropertyName: "glassTexture", publicName: "glassTexture", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-appearance": "appearance()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-glass-texture": "appearance() === \"glass\" && glassTexture() !== \"none\" ? glassTexture() : null" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{--solaris-card-gap: initial;--solaris-card-color: initial;--solaris-card-radius: initial;--solaris-card-shadow: initial;--solaris-card-glass-blur: initial;--solaris-card-padding: initial;--solaris-card-background: initial;--solaris-card-header-gap: initial;--solaris-card-border-color: initial;--solaris-card-border-width: initial;--solaris-card-glass-background: initial;--solaris-card-glass-border-color: initial;--solaris-card-footer-border-color: initial;--solaris-card-glass-texture-opacity: initial;gap:0;padding:0;display:flex;overflow:hidden;flex-direction:column;box-sizing:border-box;color:var(--solaris-card-color);box-shadow:var(--solaris-card-shadow);border-radius:var(--solaris-card-radius);background:var(--solaris-card-background);border:var(--solaris-card-border-width) solid var(--solaris-card-border-color);--solaris-card-section-gap: var(--solaris-card-gap, var(--solaris-spacing-4));--solaris-card-section-padding: var( --solaris-card-padding, var(--solaris-spacing-6) )}:host([data-appearance=surface]){--solaris-card-shadow: none;--solaris-card-border-width: 1px;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-base);--solaris-card-border-color: var(--solaris-border-subtle)}:host([data-appearance=outline]){--solaris-card-shadow: none;--solaris-card-border-width: 1px;--solaris-card-background: transparent;--solaris-card-color: var(--solaris-text-default);--solaris-card-border-color: var(--solaris-border-default)}:host([data-appearance=tonal]){--solaris-card-shadow: none;--solaris-card-border-width: 1px;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-subtle);--solaris-card-border-color: var(--solaris-border-subtle)}:host([data-appearance=glass]){--solaris-card-shadow: 0 24px 80px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(255, 255, 255, .06);--solaris-card-glass-blur: 22px;--solaris-card-border-width: 1px;--solaris-card-glass-texture-opacity: .18;--solaris-card-color: var(--solaris-text-glass);--solaris-card-glass-background: linear-gradient( 135deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .1) 34%, rgba(255, 255, 255, .04) 100% ), rgba(24, 20, 18, .34);--solaris-card-glass-border-color: rgba(255, 255, 255, .22);position:relative;isolation:isolate;box-shadow:var(--solaris-card-shadow);background:var(--solaris-card-glass-background);border-color:var(--solaris-card-glass-border-color);backdrop-filter:blur(var(--solaris-card-glass-blur)) saturate(150%) contrast(108%);-webkit-backdrop-filter:blur(var(--solaris-card-glass-blur)) saturate(150%) contrast(108%)}:host([data-appearance=glass]):before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 72% 58%,rgba(255,110,24,.36),transparent 34%),radial-gradient(circle at 22% 16%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%)}:host([data-appearance=glass][data-glass-texture=grooves]):after{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--solaris-card-glass-texture-opacity, .18);background-image:repeating-radial-gradient(circle at 0 0,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 1px,transparent 1px,transparent 4px)}:host([data-density=compact]){--solaris-card-gap: var(--solaris-density-gap-md);--solaris-card-padding: var(--solaris-density-padding-lg)}:host([data-density=comfortable]){--solaris-card-gap: var(--solaris-density-gap-lg);--solaris-card-padding: var(--solaris-density-padding-xl)}:host([data-radius=none]){--solaris-card-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-card-radius: var(--solaris-radius-sm)}:host([data-radius=lg]){--solaris-card-radius: var(--solaris-radius-lg)}:host([data-radius=xl]){--solaris-card-radius: var(--solaris-radius-xl)}:host ::ng-deep .solaris-card-header,:host ::ng-deep .solaris-card-content,:host ::ng-deep .solaris-card-footer{box-sizing:border-box;padding-inline:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header{display:flex;padding-block-end:var(--solaris-spacing-0);flex-direction:column;gap:var(--solaris-card-header-gap, var(--solaris-spacing-1));padding-block-start:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header:only-child{padding-block-end:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-content{display:block;padding-block:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header+.solaris-card-content{padding-block-start:var(--solaris-card-section-gap)}:host ::ng-deep .solaris-card-footer{gap:var(--solaris-spacing-2);display:flex;flex-wrap:wrap;align-items:center;padding-block-start:var(--solaris-spacing-0);padding-block-end:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-footer:only-child{padding-block-start:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-footer[data-separator]{padding-block-start:var(--solaris-card-section-gap);border-top:1px solid var(--solaris-card-footer-border-color, var(--solaris-border-subtle))}:host ::ng-deep .solaris-card-media{margin:0;display:block;overflow:hidden}:host ::ng-deep .solaris-card-media:first-child{border-radius:var(--solaris-card-radius) var(--solaris-card-radius) 0 0}:host ::ng-deep .solaris-card-media:not(:first-child){border-radius:var(--solaris-radius-none)}:host ::ng-deep .solaris-card-media img,:host ::ng-deep .solaris-card-media video,:host ::ng-deep .solaris-card-media picture{width:100%;display:block}:host ::ng-deep .solaris-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--solaris-spacing-2)}:host ::ng-deep .solaris-card-title{color:var(--solaris-text-strong);font-size:var(--solaris-font-size-lg);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);margin:var(--solaris-spacing-0) var(--solaris-spacing-0) var(--solaris-spacing-1)}:host ::ng-deep .solaris-card-description{margin:var(--solaris-spacing-0);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}:host([data-appearance=glass]) ::ng-deep .solaris-card-description{color:var(--solaris-text-glass)}:host ::ng-deep *+.solaris-card-description{margin-top:var(--solaris-spacing-1)}\n"] });
546
+ }
547
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardComponent, decorators: [{
548
+ type: Component,
549
+ args: [{ selector: 'solaris-card', standalone: true, host: {
550
+ '[attr.data-appearance]': 'appearance()',
551
+ '[attr.data-radius]': 'radius()',
552
+ '[attr.data-density]': 'density()',
553
+ '[attr.data-glass-texture]': 'appearance() === "glass" && glassTexture() !== "none" ? glassTexture() : null',
554
+ }, template: "<ng-content />\n", styles: [":host{--solaris-card-gap: initial;--solaris-card-color: initial;--solaris-card-radius: initial;--solaris-card-shadow: initial;--solaris-card-glass-blur: initial;--solaris-card-padding: initial;--solaris-card-background: initial;--solaris-card-header-gap: initial;--solaris-card-border-color: initial;--solaris-card-border-width: initial;--solaris-card-glass-background: initial;--solaris-card-glass-border-color: initial;--solaris-card-footer-border-color: initial;--solaris-card-glass-texture-opacity: initial;gap:0;padding:0;display:flex;overflow:hidden;flex-direction:column;box-sizing:border-box;color:var(--solaris-card-color);box-shadow:var(--solaris-card-shadow);border-radius:var(--solaris-card-radius);background:var(--solaris-card-background);border:var(--solaris-card-border-width) solid var(--solaris-card-border-color);--solaris-card-section-gap: var(--solaris-card-gap, var(--solaris-spacing-4));--solaris-card-section-padding: var( --solaris-card-padding, var(--solaris-spacing-6) )}:host([data-appearance=surface]){--solaris-card-shadow: none;--solaris-card-border-width: 1px;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-base);--solaris-card-border-color: var(--solaris-border-subtle)}:host([data-appearance=outline]){--solaris-card-shadow: none;--solaris-card-border-width: 1px;--solaris-card-background: transparent;--solaris-card-color: var(--solaris-text-default);--solaris-card-border-color: var(--solaris-border-default)}:host([data-appearance=tonal]){--solaris-card-shadow: none;--solaris-card-border-width: 1px;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-subtle);--solaris-card-border-color: var(--solaris-border-subtle)}:host([data-appearance=glass]){--solaris-card-shadow: 0 24px 80px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -1px 0 rgba(255, 255, 255, .06);--solaris-card-glass-blur: 22px;--solaris-card-border-width: 1px;--solaris-card-glass-texture-opacity: .18;--solaris-card-color: var(--solaris-text-glass);--solaris-card-glass-background: linear-gradient( 135deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, .1) 34%, rgba(255, 255, 255, .04) 100% ), rgba(24, 20, 18, .34);--solaris-card-glass-border-color: rgba(255, 255, 255, .22);position:relative;isolation:isolate;box-shadow:var(--solaris-card-shadow);background:var(--solaris-card-glass-background);border-color:var(--solaris-card-glass-border-color);backdrop-filter:blur(var(--solaris-card-glass-blur)) saturate(150%) contrast(108%);-webkit-backdrop-filter:blur(var(--solaris-card-glass-blur)) saturate(150%) contrast(108%)}:host([data-appearance=glass]):before{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 72% 58%,rgba(255,110,24,.36),transparent 34%),radial-gradient(circle at 22% 16%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%)}:host([data-appearance=glass][data-glass-texture=grooves]):after{content:\"\";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--solaris-card-glass-texture-opacity, .18);background-image:repeating-radial-gradient(circle at 0 0,rgba(255,255,255,.22) 0,rgba(255,255,255,.22) 1px,transparent 1px,transparent 4px)}:host([data-density=compact]){--solaris-card-gap: var(--solaris-density-gap-md);--solaris-card-padding: var(--solaris-density-padding-lg)}:host([data-density=comfortable]){--solaris-card-gap: var(--solaris-density-gap-lg);--solaris-card-padding: var(--solaris-density-padding-xl)}:host([data-radius=none]){--solaris-card-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-card-radius: var(--solaris-radius-sm)}:host([data-radius=lg]){--solaris-card-radius: var(--solaris-radius-lg)}:host([data-radius=xl]){--solaris-card-radius: var(--solaris-radius-xl)}:host ::ng-deep .solaris-card-header,:host ::ng-deep .solaris-card-content,:host ::ng-deep .solaris-card-footer{box-sizing:border-box;padding-inline:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header{display:flex;padding-block-end:var(--solaris-spacing-0);flex-direction:column;gap:var(--solaris-card-header-gap, var(--solaris-spacing-1));padding-block-start:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header:only-child{padding-block-end:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-content{display:block;padding-block:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-header+.solaris-card-content{padding-block-start:var(--solaris-card-section-gap)}:host ::ng-deep .solaris-card-footer{gap:var(--solaris-spacing-2);display:flex;flex-wrap:wrap;align-items:center;padding-block-start:var(--solaris-spacing-0);padding-block-end:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-footer:only-child{padding-block-start:var(--solaris-card-section-padding)}:host ::ng-deep .solaris-card-footer[data-separator]{padding-block-start:var(--solaris-card-section-gap);border-top:1px solid var(--solaris-card-footer-border-color, var(--solaris-border-subtle))}:host ::ng-deep .solaris-card-media{margin:0;display:block;overflow:hidden}:host ::ng-deep .solaris-card-media:first-child{border-radius:var(--solaris-card-radius) var(--solaris-card-radius) 0 0}:host ::ng-deep .solaris-card-media:not(:first-child){border-radius:var(--solaris-radius-none)}:host ::ng-deep .solaris-card-media img,:host ::ng-deep .solaris-card-media video,:host ::ng-deep .solaris-card-media picture{width:100%;display:block}:host ::ng-deep .solaris-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--solaris-spacing-2)}:host ::ng-deep .solaris-card-title{color:var(--solaris-text-strong);font-size:var(--solaris-font-size-lg);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);margin:var(--solaris-spacing-0) var(--solaris-spacing-0) var(--solaris-spacing-1)}:host ::ng-deep .solaris-card-description{margin:var(--solaris-spacing-0);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}:host([data-appearance=glass]) ::ng-deep .solaris-card-description{color:var(--solaris-text-glass)}:host ::ng-deep *+.solaris-card-description{margin-top:var(--solaris-spacing-1)}\n"] }]
555
+ }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], glassTexture: [{ type: i0.Input, args: [{ isSignal: true, alias: "glassTexture", required: false }] }] } });
556
+
557
+ class SolarisCardHeaderDirective {
558
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
559
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardHeaderDirective, isStandalone: true, selector: "[solaris-card-header]", host: { classAttribute: "solaris-card-header" }, ngImport: i0 });
560
+ }
561
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardHeaderDirective, decorators: [{
562
+ type: Directive,
563
+ args: [{
564
+ selector: '[solaris-card-header]',
565
+ standalone: true,
566
+ host: {
567
+ class: 'solaris-card-header',
568
+ },
569
+ }]
570
+ }] });
571
+
572
+ class SolarisCardContentDirective {
573
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
574
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardContentDirective, isStandalone: true, selector: "[solaris-card-content]", host: { classAttribute: "solaris-card-content" }, ngImport: i0 });
575
+ }
576
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardContentDirective, decorators: [{
577
+ type: Directive,
578
+ args: [{
579
+ selector: '[solaris-card-content]',
580
+ standalone: true,
581
+ host: {
582
+ class: 'solaris-card-content',
583
+ },
584
+ }]
585
+ }] });
586
+
587
+ class SolarisCardMediaDirective {
588
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
589
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardMediaDirective, isStandalone: true, selector: "[solaris-card-media]", host: { classAttribute: "solaris-card-media" }, ngImport: i0 });
590
+ }
591
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardMediaDirective, decorators: [{
592
+ type: Directive,
593
+ args: [{
594
+ selector: '[solaris-card-media]',
595
+ standalone: true,
596
+ host: {
597
+ class: 'solaris-card-media',
598
+ },
599
+ }]
600
+ }] });
601
+
602
+ class SolarisCardFooterDirective {
603
+ separator = input(false, ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
604
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
605
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisCardFooterDirective, isStandalone: true, selector: "[solaris-card-footer]", inputs: { separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-separator": "separator() ? '' : null" }, classAttribute: "solaris-card-footer" }, ngImport: i0 });
606
+ }
607
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardFooterDirective, decorators: [{
608
+ type: Directive,
609
+ args: [{
610
+ selector: '[solaris-card-footer]',
611
+ standalone: true,
612
+ host: {
613
+ class: 'solaris-card-footer',
614
+ '[attr.data-separator]': "separator() ? '' : null",
615
+ },
616
+ }]
617
+ }], propDecorators: { separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
618
+
619
+ class SolarisCardActionsDirective {
620
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
621
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardActionsDirective, isStandalone: true, selector: "[solaris-card-actions]", host: { classAttribute: "solaris-card-actions" }, ngImport: i0 });
622
+ }
623
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardActionsDirective, decorators: [{
624
+ type: Directive,
625
+ args: [{
626
+ selector: '[solaris-card-actions]',
627
+ standalone: true,
628
+ host: {
629
+ class: 'solaris-card-actions',
630
+ },
631
+ }]
632
+ }] });
633
+
634
+ class SolarisCardTitleDirective {
635
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
636
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardTitleDirective, isStandalone: true, selector: "[solaris-card-title]", host: { classAttribute: "solaris-card-title" }, ngImport: i0 });
637
+ }
638
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardTitleDirective, decorators: [{
639
+ type: Directive,
640
+ args: [{
641
+ selector: '[solaris-card-title]',
642
+ standalone: true,
643
+ host: {
644
+ class: 'solaris-card-title',
645
+ },
646
+ }]
647
+ }] });
648
+
649
+ class SolarisCardDescriptionDirective {
650
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
651
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisCardDescriptionDirective, isStandalone: true, selector: "[solaris-card-description]", host: { classAttribute: "solaris-card-description" }, ngImport: i0 });
652
+ }
653
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardDescriptionDirective, decorators: [{
654
+ type: Directive,
655
+ args: [{
656
+ selector: '[solaris-card-description]',
657
+ standalone: true,
658
+ host: {
659
+ class: 'solaris-card-description',
660
+ },
661
+ }]
662
+ }] });
663
+
664
+ class SolarisAlertComponent {
665
+ translateService = inject(SolarisTranslateService);
666
+ variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
667
+ appearance = input('tonal', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
668
+ radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
669
+ density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
670
+ closable = input(false, ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
671
+ live = input('off', ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
672
+ showIcon = input(true, ...(ngDevMode ? [{ debugName: "showIcon" }] : /* istanbul ignore next */ []));
673
+ icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
674
+ closeLabel = input(...(ngDevMode ? [undefined, { debugName: "closeLabel" }] : /* istanbul ignore next */ []));
675
+ closeLabelKey = input(...(ngDevMode ? [undefined, { debugName: "closeLabelKey" }] : /* istanbul ignore next */ []));
676
+ dismissed = output();
677
+ iconName = computed(() => {
678
+ const custom = this.icon();
679
+ if (custom) {
680
+ return custom;
681
+ }
682
+ const v = this.variant();
683
+ switch (v) {
684
+ case 'neutral':
685
+ return 'info';
686
+ case 'info':
687
+ return 'info';
688
+ case 'success':
689
+ return 'success';
690
+ case 'warning':
691
+ return 'warning';
692
+ case 'danger':
693
+ return 'danger';
694
+ default:
695
+ return 'info';
696
+ }
697
+ }, ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
698
+ liveRole = computed(() => {
699
+ const l = this.live();
700
+ if (l === 'assertive') {
701
+ return 'alert';
702
+ }
703
+ if (l === 'polite') {
704
+ return 'status';
705
+ }
706
+ return null;
707
+ }, ...(ngDevMode ? [{ debugName: "liveRole" }] : /* istanbul ignore next */ []));
708
+ ariaLive = computed(() => {
709
+ const l = this.live();
710
+ if (l === 'polite') {
711
+ return 'polite';
712
+ }
713
+ if (l === 'assertive') {
714
+ return 'assertive';
715
+ }
716
+ return null;
717
+ }, ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
718
+ defaultCloseKey = 'solaris.alert.close';
719
+ defaultCloseLabel = 'Close alert';
720
+ closeButtonLabel = computed(() => {
721
+ const explicit = this.closeLabel();
722
+ if (explicit) {
723
+ return explicit;
724
+ }
725
+ const key = this.closeLabelKey() ?? this.defaultCloseKey;
726
+ const translated = this.translateService.translate(key);
727
+ return translated !== key ? translated : this.defaultCloseLabel;
728
+ }, ...(ngDevMode ? [{ debugName: "closeButtonLabel" }] : /* istanbul ignore next */ []));
729
+ handleClose() {
730
+ this.dismissed.emit();
731
+ }
732
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
733
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisAlertComponent, isStandalone: true, selector: "solaris-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, closeLabelKey: { classPropertyName: "closeLabelKey", publicName: "closeLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.data-variant": "variant()", "attr.data-appearance": "appearance()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-closable": "closable() ? \"\" : null", "attr.role": "liveRole()", "attr.aria-live": "ariaLive()" } }, ngImport: i0, template: "@if (showIcon()) {\n <div class=\"solaris-alert__icon\">\n <solaris-icon [name]=\"iconName()\" [decorative]=\"true\" />\n </div>\n}\n\n<div class=\"solaris-alert__content\">\n <ng-content />\n</div>\n\n@if (closable()) {\n <button\n type=\"button\"\n class=\"solaris-alert__close\"\n [attr.aria-label]=\"closeButtonLabel()\"\n (click)=\"handleClose()\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n}\n", styles: [":host{--solaris-alert-gap: initial;--solaris-alert-color: initial;--solaris-alert-radius: initial;--solaris-alert-padding: initial;--solaris-alert-icon-size: initial;--solaris-alert-icon-color: initial;--solaris-alert-close-size: initial;--solaris-alert-background: initial;--solaris-alert-title-color: initial;--solaris-alert-actions-gap: initial;--solaris-alert-content-gap: initial;--solaris-alert-border-color: initial;--solaris-alert-border-width: initial;--solaris-alert-description-color: initial;--solaris-alert-close-color: initial;--solaris-alert-close-background: initial;--solaris-alert-close-hover-background: initial;display:flex;box-sizing:border-box;gap:var(--solaris-alert-gap);color:var(--solaris-alert-color);padding:var(--solaris-alert-padding);border-radius:var(--solaris-alert-radius);background:var(--solaris-alert-background);border:var(--solaris-alert-border-width) solid var(--solaris-alert-border-color)}.solaris-alert__icon{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size);color:var(--solaris-alert-icon-color)}.solaris-alert__icon solaris-icon,.solaris-alert__icon svg{width:100%;height:100%;display:block}.solaris-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-alert-content-gap)}.solaris-alert__close{all:unset;display:flex;flex-shrink:0;cursor:pointer;align-items:center;box-sizing:border-box;justify-content:center;width:var(--solaris-alert-close-size);height:var(--solaris-alert-close-size);border-radius:var(--solaris-radius-sm);color:var(--solaris-alert-close-color);background:var(--solaris-alert-close-background)}.solaris-alert__close:hover{background:var(--solaris-alert-close-hover-background)}.solaris-alert__close:focus-visible{outline-offset:2px;outline:2px solid var(--solaris-primary-base)}.solaris-alert__close solaris-icon,.solaris-alert__close svg{width:100%;height:100%;display:block}::ng-deep .solaris-alert-title{margin:0;font-size:var(--solaris-font-size-md);color:var(--solaris-alert-title-color);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold)}::ng-deep .solaris-alert-description{margin:0;font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md);color:var(--solaris-alert-description-color)}::ng-deep .solaris-alert-actions{display:flex;flex-wrap:wrap;gap:var(--solaris-alert-actions-gap);margin-block-start:var(--solaris-spacing-2)}::ng-deep .solaris-alert-title+.solaris-alert-description{margin-block-start:var(--solaris-alert-content-gap)}::ng-deep .solaris-alert-content>:first-child:not(.solaris-alert-title){margin-block-start:0}:host{--solaris-alert-close-background: transparent;--solaris-alert-gap: var(--solaris-spacing-3);--solaris-alert-padding: var(--solaris-spacing-4);--solaris-alert-icon-size: var(--solaris-spacing-5);--solaris-alert-close-size: var(--solaris-spacing-6);--solaris-alert-content-gap: var(--solaris-spacing-1);--solaris-alert-actions-gap: var(--solaris-spacing-2);--solaris-alert-close-color: var(--solaris-text-muted);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-close-hover-background: rgba(0, 0, 0, .06);--solaris-alert-description-color: var(--solaris-text-default)}:host([data-radius=sm]){--solaris-alert-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-alert-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-alert-radius: var(--solaris-radius-lg)}:host([data-radius=xl]){--solaris-alert-radius: var(--solaris-radius-xl)}:host([data-density=compact]){--solaris-alert-gap: var(--solaris-density-gap-sm);--solaris-alert-icon-size: var(--solaris-spacing-4);--solaris-alert-padding: var(--solaris-density-padding-md);--solaris-alert-content-gap: var(--solaris-density-gap-xs);--solaris-alert-actions-gap: var(--solaris-density-gap-sm);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-density=comfortable]){--solaris-alert-gap: var(--solaris-density-gap-md);--solaris-alert-icon-size: var(--solaris-spacing-5);--solaris-alert-content-gap: var(--solaris-density-gap-xs);--solaris-alert-padding: var(--solaris-density-padding-lg);--solaris-alert-actions-gap: var(--solaris-density-gap-md);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-variant=neutral][data-appearance=tonal]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-background: var(--solaris-surface-muted);--solaris-alert-border-color: var(--solaris-border-default)}:host([data-variant=neutral][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-border-color: var(--solaris-border-default)}:host([data-variant=neutral][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-border-subtle)}:host([data-variant=neutral][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-text-strong);--solaris-alert-icon-color: var(--solaris-text-strong);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-close-color: var(--solaris-text-strong);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-description-color: var(--solaris-text-inverse);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=info][data-appearance=tonal]){--solaris-alert-color: var(--solaris-info-text);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-background: var(--solaris-info-surface);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-info-text);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-info-on-solid);--solaris-alert-background: var(--solaris-info-base);--solaris-alert-icon-color: var(--solaris-info-on-solid);--solaris-alert-close-color: var(--solaris-info-on-solid);--solaris-alert-title-color: var(--solaris-info-on-solid);--solaris-alert-description-color: var(--solaris-info-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=success][data-appearance=tonal]){--solaris-alert-color: var(--solaris-success-text);--solaris-alert-icon-color: var(--solaris-success-base);--solaris-alert-background: var(--solaris-success-surface);--solaris-alert-border-color: var(--solaris-success-border)}:host([data-variant=success][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-success-text);--solaris-alert-border-color: var(--solaris-success-border);--solaris-alert-icon-color: var(--solaris-success-base)}:host([data-variant=success][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-icon-color: var(--solaris-success-base);--solaris-alert-border-color: var(--solaris-success-border)}:host([data-variant=success][data-appearance=solid]){--solaris-alert-color: var(--solaris-success-on-solid);--solaris-alert-background: var(--solaris-success-base);--solaris-alert-border-color: transparent;--solaris-alert-icon-color: var(--solaris-success-on-solid);--solaris-alert-close-color: var(--solaris-success-on-solid);--solaris-alert-title-color: var(--solaris-success-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12);--solaris-alert-description-color: var(--solaris-success-on-solid)}:host([data-variant=warning][data-appearance=tonal]){--solaris-alert-color: var(--solaris-warning-text);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-background: var(--solaris-warning-surface);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-warning-text);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-warning-on-solid);--solaris-alert-background: var(--solaris-warning-base);--solaris-alert-icon-color: var(--solaris-warning-on-solid);--solaris-alert-close-color: var(--solaris-warning-on-solid);--solaris-alert-close-hover-background: rgba(0, 0, 0, .1);--solaris-alert-title-color: var(--solaris-warning-on-solid);--solaris-alert-description-color: var(--solaris-warning-on-solid)}:host([data-variant=danger][data-appearance=tonal]){--solaris-alert-color: var(--solaris-danger-text);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-background: var(--solaris-danger-surface);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-danger-text);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-danger-on-solid);--solaris-alert-background: var(--solaris-danger-base);--solaris-alert-icon-color: var(--solaris-danger-on-solid);--solaris-alert-close-color: var(--solaris-danger-on-solid);--solaris-alert-title-color: var(--solaris-danger-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12);--solaris-alert-description-color: var(--solaris-danger-on-solid)}:host([data-variant=custom]){--solaris-alert-color: var( --solaris-alert-custom-color, var(--solaris-text-default) );--solaris-alert-background: var( --solaris-alert-custom-background, var(--solaris-surface-base) );--solaris-alert-border-color: var( --solaris-alert-custom-border-color, var(--solaris-border-default) );--solaris-alert-icon-color: var( --solaris-alert-custom-icon-color, var(--solaris-text-muted) )}:host([data-appearance=solid]){--solaris-alert-border-width: 0}:host([data-appearance]:not([data-appearance=solid])){--solaris-alert-border-width: 1px}@media(prefers-reduced-motion:reduce){.solaris-alert__close{transition:none}}[data-reduced-motion=true] .solaris-alert__close{transition:none}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }] });
734
+ }
735
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertComponent, decorators: [{
736
+ type: Component,
737
+ args: [{ selector: 'solaris-alert', standalone: true, imports: [SolarisIconComponent], host: {
738
+ '[attr.data-variant]': 'variant()',
739
+ '[attr.data-appearance]': 'appearance()',
740
+ '[attr.data-radius]': 'radius()',
741
+ '[attr.data-density]': 'density()',
742
+ '[attr.data-closable]': 'closable() ? "" : null',
743
+ '[attr.role]': 'liveRole()',
744
+ '[attr.aria-live]': 'ariaLive()',
745
+ }, template: "@if (showIcon()) {\n <div class=\"solaris-alert__icon\">\n <solaris-icon [name]=\"iconName()\" [decorative]=\"true\" />\n </div>\n}\n\n<div class=\"solaris-alert__content\">\n <ng-content />\n</div>\n\n@if (closable()) {\n <button\n type=\"button\"\n class=\"solaris-alert__close\"\n [attr.aria-label]=\"closeButtonLabel()\"\n (click)=\"handleClose()\"\n >\n <solaris-icon name=\"x\" [decorative]=\"true\" />\n </button>\n}\n", styles: [":host{--solaris-alert-gap: initial;--solaris-alert-color: initial;--solaris-alert-radius: initial;--solaris-alert-padding: initial;--solaris-alert-icon-size: initial;--solaris-alert-icon-color: initial;--solaris-alert-close-size: initial;--solaris-alert-background: initial;--solaris-alert-title-color: initial;--solaris-alert-actions-gap: initial;--solaris-alert-content-gap: initial;--solaris-alert-border-color: initial;--solaris-alert-border-width: initial;--solaris-alert-description-color: initial;--solaris-alert-close-color: initial;--solaris-alert-close-background: initial;--solaris-alert-close-hover-background: initial;display:flex;box-sizing:border-box;gap:var(--solaris-alert-gap);color:var(--solaris-alert-color);padding:var(--solaris-alert-padding);border-radius:var(--solaris-alert-radius);background:var(--solaris-alert-background);border:var(--solaris-alert-border-width) solid var(--solaris-alert-border-color)}.solaris-alert__icon{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size);color:var(--solaris-alert-icon-color)}.solaris-alert__icon solaris-icon,.solaris-alert__icon svg{width:100%;height:100%;display:block}.solaris-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-alert-content-gap)}.solaris-alert__close{all:unset;display:flex;flex-shrink:0;cursor:pointer;align-items:center;box-sizing:border-box;justify-content:center;width:var(--solaris-alert-close-size);height:var(--solaris-alert-close-size);border-radius:var(--solaris-radius-sm);color:var(--solaris-alert-close-color);background:var(--solaris-alert-close-background)}.solaris-alert__close:hover{background:var(--solaris-alert-close-hover-background)}.solaris-alert__close:focus-visible{outline-offset:2px;outline:2px solid var(--solaris-primary-base)}.solaris-alert__close solaris-icon,.solaris-alert__close svg{width:100%;height:100%;display:block}::ng-deep .solaris-alert-title{margin:0;font-size:var(--solaris-font-size-md);color:var(--solaris-alert-title-color);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold)}::ng-deep .solaris-alert-description{margin:0;font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md);color:var(--solaris-alert-description-color)}::ng-deep .solaris-alert-actions{display:flex;flex-wrap:wrap;gap:var(--solaris-alert-actions-gap);margin-block-start:var(--solaris-spacing-2)}::ng-deep .solaris-alert-title+.solaris-alert-description{margin-block-start:var(--solaris-alert-content-gap)}::ng-deep .solaris-alert-content>:first-child:not(.solaris-alert-title){margin-block-start:0}:host{--solaris-alert-close-background: transparent;--solaris-alert-gap: var(--solaris-spacing-3);--solaris-alert-padding: var(--solaris-spacing-4);--solaris-alert-icon-size: var(--solaris-spacing-5);--solaris-alert-close-size: var(--solaris-spacing-6);--solaris-alert-content-gap: var(--solaris-spacing-1);--solaris-alert-actions-gap: var(--solaris-spacing-2);--solaris-alert-close-color: var(--solaris-text-muted);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-close-hover-background: rgba(0, 0, 0, .06);--solaris-alert-description-color: var(--solaris-text-default)}:host([data-radius=sm]){--solaris-alert-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-alert-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-alert-radius: var(--solaris-radius-lg)}:host([data-radius=xl]){--solaris-alert-radius: var(--solaris-radius-xl)}:host([data-density=compact]){--solaris-alert-gap: var(--solaris-density-gap-sm);--solaris-alert-icon-size: var(--solaris-spacing-4);--solaris-alert-padding: var(--solaris-density-padding-md);--solaris-alert-content-gap: var(--solaris-density-gap-xs);--solaris-alert-actions-gap: var(--solaris-density-gap-sm);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-density=comfortable]){--solaris-alert-gap: var(--solaris-density-gap-md);--solaris-alert-icon-size: var(--solaris-spacing-5);--solaris-alert-content-gap: var(--solaris-density-gap-xs);--solaris-alert-padding: var(--solaris-density-padding-lg);--solaris-alert-actions-gap: var(--solaris-density-gap-md);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-variant=neutral][data-appearance=tonal]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-background: var(--solaris-surface-muted);--solaris-alert-border-color: var(--solaris-border-default)}:host([data-variant=neutral][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-border-color: var(--solaris-border-default)}:host([data-variant=neutral][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-text-muted);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-border-subtle)}:host([data-variant=neutral][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-text-strong);--solaris-alert-icon-color: var(--solaris-text-strong);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-close-color: var(--solaris-text-strong);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-description-color: var(--solaris-text-inverse);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=info][data-appearance=tonal]){--solaris-alert-color: var(--solaris-info-text);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-background: var(--solaris-info-surface);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-info-text);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-info-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-info-border)}:host([data-variant=info][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-info-on-solid);--solaris-alert-background: var(--solaris-info-base);--solaris-alert-icon-color: var(--solaris-info-on-solid);--solaris-alert-close-color: var(--solaris-info-on-solid);--solaris-alert-title-color: var(--solaris-info-on-solid);--solaris-alert-description-color: var(--solaris-info-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}:host([data-variant=success][data-appearance=tonal]){--solaris-alert-color: var(--solaris-success-text);--solaris-alert-icon-color: var(--solaris-success-base);--solaris-alert-background: var(--solaris-success-surface);--solaris-alert-border-color: var(--solaris-success-border)}:host([data-variant=success][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-success-text);--solaris-alert-border-color: var(--solaris-success-border);--solaris-alert-icon-color: var(--solaris-success-base)}:host([data-variant=success][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-icon-color: var(--solaris-success-base);--solaris-alert-border-color: var(--solaris-success-border)}:host([data-variant=success][data-appearance=solid]){--solaris-alert-color: var(--solaris-success-on-solid);--solaris-alert-background: var(--solaris-success-base);--solaris-alert-border-color: transparent;--solaris-alert-icon-color: var(--solaris-success-on-solid);--solaris-alert-close-color: var(--solaris-success-on-solid);--solaris-alert-title-color: var(--solaris-success-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12);--solaris-alert-description-color: var(--solaris-success-on-solid)}:host([data-variant=warning][data-appearance=tonal]){--solaris-alert-color: var(--solaris-warning-text);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-background: var(--solaris-warning-surface);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-warning-text);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-icon-color: var(--solaris-warning-base);--solaris-alert-border-color: var(--solaris-warning-border)}:host([data-variant=warning][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-warning-on-solid);--solaris-alert-background: var(--solaris-warning-base);--solaris-alert-icon-color: var(--solaris-warning-on-solid);--solaris-alert-close-color: var(--solaris-warning-on-solid);--solaris-alert-close-hover-background: rgba(0, 0, 0, .1);--solaris-alert-title-color: var(--solaris-warning-on-solid);--solaris-alert-description-color: var(--solaris-warning-on-solid)}:host([data-variant=danger][data-appearance=tonal]){--solaris-alert-color: var(--solaris-danger-text);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-background: var(--solaris-danger-surface);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=outline]){--solaris-alert-background: transparent;--solaris-alert-color: var(--solaris-danger-text);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=surface]){--solaris-alert-color: var(--solaris-text-default);--solaris-alert-icon-color: var(--solaris-danger-base);--solaris-alert-background: var(--solaris-surface-base);--solaris-alert-border-color: var(--solaris-danger-border)}:host([data-variant=danger][data-appearance=solid]){--solaris-alert-border-color: transparent;--solaris-alert-color: var(--solaris-danger-on-solid);--solaris-alert-background: var(--solaris-danger-base);--solaris-alert-icon-color: var(--solaris-danger-on-solid);--solaris-alert-close-color: var(--solaris-danger-on-solid);--solaris-alert-title-color: var(--solaris-danger-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12);--solaris-alert-description-color: var(--solaris-danger-on-solid)}:host([data-variant=custom]){--solaris-alert-color: var( --solaris-alert-custom-color, var(--solaris-text-default) );--solaris-alert-background: var( --solaris-alert-custom-background, var(--solaris-surface-base) );--solaris-alert-border-color: var( --solaris-alert-custom-border-color, var(--solaris-border-default) );--solaris-alert-icon-color: var( --solaris-alert-custom-icon-color, var(--solaris-text-muted) )}:host([data-appearance=solid]){--solaris-alert-border-width: 0}:host([data-appearance]:not([data-appearance=solid])){--solaris-alert-border-width: 1px}@media(prefers-reduced-motion:reduce){.solaris-alert__close{transition:none}}[data-reduced-motion=true] .solaris-alert__close{transition:none}\n"] }]
746
+ }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], closeLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabelKey", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
747
+
748
+ class SolarisAlertActionsComponent {
749
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
750
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SolarisAlertActionsComponent, isStandalone: true, selector: "solaris-alert-actions", host: { classAttribute: "solaris-alert-actions" }, ngImport: i0, template: '<ng-content />', isInline: true });
751
+ }
752
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertActionsComponent, decorators: [{
753
+ type: Component,
754
+ args: [{
755
+ selector: 'solaris-alert-actions',
756
+ standalone: true,
757
+ template: '<ng-content />',
758
+ host: {
759
+ class: 'solaris-alert-actions',
760
+ },
761
+ }]
762
+ }] });
763
+
764
+ class SolarisAlertTitleDirective {
765
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
766
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisAlertTitleDirective, isStandalone: true, selector: "[solaris-alert-title]", host: { classAttribute: "solaris-alert-title" }, ngImport: i0 });
767
+ }
768
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertTitleDirective, decorators: [{
769
+ type: Directive,
770
+ args: [{
771
+ selector: '[solaris-alert-title]',
772
+ standalone: true,
773
+ host: {
774
+ class: 'solaris-alert-title',
775
+ },
776
+ }]
777
+ }] });
778
+
779
+ class SolarisAlertDescriptionDirective {
780
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
781
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisAlertDescriptionDirective, isStandalone: true, selector: "[solaris-alert-description]", host: { classAttribute: "solaris-alert-description" }, ngImport: i0 });
782
+ }
783
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertDescriptionDirective, decorators: [{
784
+ type: Directive,
785
+ args: [{
786
+ selector: '[solaris-alert-description]',
787
+ standalone: true,
788
+ host: {
789
+ class: 'solaris-alert-description',
790
+ },
791
+ }]
792
+ }] });
793
+
794
+ class SolarisButtonDirective {
795
+ appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
796
+ color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
797
+ radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
798
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
799
+ density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
800
+ loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
801
+ disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
802
+ fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
803
+ loadingLabelKey = input(...(ngDevMode ? [undefined, { debugName: "loadingLabelKey" }] : /* istanbul ignore next */ []));
804
+ loadingLabel = input(...(ngDevMode ? [undefined, { debugName: "loadingLabel" }] : /* istanbul ignore next */ []));
805
+ isEffectivelyDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
806
+ elementRef = inject(ElementRef);
807
+ // SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.
808
+ isButton = this.elementRef.nativeElement.tagName === 'BUTTON';
809
+ // SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.
810
+ isAnchor = this.elementRef.nativeElement.tagName === 'A';
811
+ constructor() {
812
+ // SECURITY_EXCEPTION: ElementRef.nativeElement.getAttribute/setAttribute is the standard Angular approach to handle default button type.
813
+ const initialType = this.elementRef.nativeElement.getAttribute('type');
814
+ if (this.isButton && initialType === null) {
815
+ // SECURITY_EXCEPTION: ElementRef.nativeElement.setAttribute required for default <button> type behavior.
816
+ this.elementRef.nativeElement.setAttribute('type', 'button');
817
+ }
818
+ }
819
+ onClick(event) {
820
+ if (this.isEffectivelyDisabled() && this.isAnchor) {
821
+ event.preventDefault();
822
+ event.stopPropagation();
823
+ }
824
+ }
825
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
826
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisButtonDirective, isStandalone: true, selector: "[solaris-button]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, loadingLabelKey: { classPropertyName: "loadingLabelKey", publicName: "loadingLabelKey", isSignal: true, isRequired: false, transformFunction: null }, loadingLabel: { classPropertyName: "loadingLabel", publicName: "loadingLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-appearance": "appearance()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-full-width": "fullWidth() ? \"\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.aria-disabled": "isEffectivelyDisabled() ? \"true\" : null", "attr.disabled": "isButton && isEffectivelyDisabled() ? \"\" : null", "tabindex": "isAnchor && isEffectivelyDisabled() ? \"-1\" : null" } }, ngImport: i0 });
827
+ }
828
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonDirective, decorators: [{
829
+ type: Directive,
830
+ args: [{
831
+ selector: '[solaris-button]',
832
+ standalone: true,
833
+ host: {
834
+ '[attr.data-appearance]': 'appearance()',
835
+ '[attr.data-color]': 'color()',
836
+ '[attr.data-size]': 'size()',
837
+ '[attr.data-radius]': 'radius()',
838
+ '[attr.data-density]': 'density()',
839
+ '[attr.data-loading]': 'loading() ? "" : null',
840
+ '[attr.data-full-width]': 'fullWidth() ? "" : null',
841
+ '[attr.aria-busy]': 'loading() ? "true" : null',
842
+ '[attr.aria-disabled]': 'isEffectivelyDisabled() ? "true" : null',
843
+ '[attr.disabled]': 'isButton && isEffectivelyDisabled() ? "" : null',
844
+ '[tabindex]': 'isAnchor && isEffectivelyDisabled() ? "-1" : null',
845
+ },
846
+ }]
847
+ }], ctorParameters: () => [], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], loadingLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingLabelKey", required: false }] }], loadingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingLabel", required: false }] }], onClick: [{
848
+ type: HostListener,
849
+ args: ['click', ['$event']]
850
+ }] } });
851
+
852
+ class SolarisButtonIconDirective {
853
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
854
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisButtonIconDirective, isStandalone: true, selector: "[solaris-button-icon]", host: { classAttribute: "solaris-button-icon" }, ngImport: i0 });
855
+ }
856
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonIconDirective, decorators: [{
857
+ type: Directive,
858
+ args: [{
859
+ selector: '[solaris-button-icon]',
860
+ standalone: true,
861
+ host: {
862
+ class: 'solaris-button-icon',
863
+ },
864
+ }]
865
+ }] });
866
+
867
+ class SolarisIconButtonDirective {
868
+ appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
869
+ color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
870
+ radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
871
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
872
+ density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
873
+ ariaLabelKey = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
874
+ ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
875
+ disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
876
+ loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
877
+ isEffectivelyDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
878
+ elementRef = inject(ElementRef);
879
+ // SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.
880
+ isButton = this.elementRef.nativeElement.tagName === 'BUTTON';
881
+ // SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.
882
+ isAnchor = this.elementRef.nativeElement.tagName === 'A';
883
+ constructor() {
884
+ // SECURITY_EXCEPTION: ElementRef.nativeElement.getAttribute/setAttribute is the standard Angular approach to handle default button type.
885
+ const initialType = this.elementRef.nativeElement.getAttribute('type');
886
+ if (this.isButton && initialType === null) {
887
+ // SECURITY_EXCEPTION: ElementRef.nativeElement.setAttribute required for default <button> type behavior.
888
+ this.elementRef.nativeElement.setAttribute('type', 'button');
889
+ }
890
+ }
891
+ onClick(event) {
892
+ if (this.isEffectivelyDisabled() && this.isAnchor) {
893
+ event.preventDefault();
894
+ event.stopPropagation();
895
+ }
896
+ }
897
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
898
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisIconButtonDirective, isStandalone: true, selector: "[solaris-icon-button]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-appearance": "appearance()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-loading": "loading() ? \"\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.aria-disabled": "isEffectivelyDisabled() ? \"true\" : null", "attr.disabled": "isButton && isEffectivelyDisabled() ? \"\" : null", "tabindex": "isAnchor && isEffectivelyDisabled() ? \"-1\" : null" } }, ngImport: i0 });
899
+ }
900
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconButtonDirective, decorators: [{
901
+ type: Directive,
902
+ args: [{
903
+ selector: '[solaris-icon-button]',
904
+ standalone: true,
905
+ host: {
906
+ '[attr.data-appearance]': 'appearance()',
907
+ '[attr.data-color]': 'color()',
908
+ '[attr.data-size]': 'size()',
909
+ '[attr.data-radius]': 'radius()',
910
+ '[attr.data-density]': 'density()',
911
+ '[attr.data-loading]': 'loading() ? "" : null',
912
+ '[attr.aria-busy]': 'loading() ? "true" : null',
913
+ '[attr.aria-disabled]': 'isEffectivelyDisabled() ? "true" : null',
914
+ '[attr.disabled]': 'isButton && isEffectivelyDisabled() ? "" : null',
915
+ '[tabindex]': 'isAnchor && isEffectivelyDisabled() ? "-1" : null',
916
+ },
917
+ }]
918
+ }], ctorParameters: () => [], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], onClick: [{
919
+ type: HostListener,
920
+ args: ['click', ['$event']]
921
+ }] } });
922
+
923
+ class SolarisIconButtonBadgeDirective {
924
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconButtonBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
925
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisIconButtonBadgeDirective, isStandalone: true, selector: "[solaris-icon-button-badge]", host: { classAttribute: "solaris-icon-button-badge" }, ngImport: i0 });
926
+ }
927
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconButtonBadgeDirective, decorators: [{
928
+ type: Directive,
929
+ args: [{
930
+ selector: '[solaris-icon-button-badge]',
931
+ standalone: true,
932
+ host: {
933
+ class: 'solaris-icon-button-badge',
934
+ },
935
+ }]
936
+ }] });
937
+
938
+ class SolarisButtonGroupComponent {
939
+ orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
940
+ attached = input(true, ...(ngDevMode ? [{ debugName: "attached" }] : /* istanbul ignore next */ []));
941
+ density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
942
+ fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
943
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
944
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisButtonGroupComponent, isStandalone: true, selector: "solaris-button-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, attached: { classPropertyName: "attached", publicName: "attached", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "attr.data-orientation": "orientation()", "attr.data-attached": "attached() ? \"\" : null", "attr.data-density": "density() ?? null", "attr.data-full-width": "fullWidth() ? \"\" : null" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{--solaris-button-group-gap: 0;--solaris-button-group-radius: var(--solaris-radius-md);--solaris-button-group-border-color: var(--solaris-border-strong);--solaris-button-group-separator-color: var(--solaris-border-soft);--solaris-button-disabled-opacity: .28;display:inline-flex;box-sizing:border-box;max-width:100%;gap:var(--solaris-button-group-gap)}:host([data-full-width]){display:flex;width:100%}:host([data-full-width]) ::ng-deep [solaris-button],:host([data-full-width]) ::ng-deep [solaris-icon-button]{flex:1 1 auto}:host([data-orientation=horizontal]){flex-direction:row;align-items:stretch}:host([data-orientation=horizontal][data-attached]){border-radius:var(--solaris-button-group-radius);box-shadow:inset 0 0 0 var(--solaris-border-width-sm) var(--solaris-button-group-border-color)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button],:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]{border-radius:0;margin-inline-end:0;box-shadow:inset calc(-1 * var(--solaris-border-width-sm)) 0 0 0 var(--solaris-button-group-separator-color)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button]:first-child,:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]:first-child{border-start-start-radius:var(--solaris-button-group-radius);border-end-start-radius:var(--solaris-button-group-radius)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button]:last-child,:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]:last-child{border-start-end-radius:var(--solaris-button-group-radius);border-end-end-radius:var(--solaris-button-group-radius);box-shadow:none}:host([data-orientation=vertical]){flex-direction:column}:host([data-orientation=vertical][data-attached]){border-radius:var(--solaris-button-group-radius);box-shadow:inset 0 0 0 var(--solaris-border-width-sm) var(--solaris-button-group-border-color)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button],:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]{border-radius:0;margin-block-end:0;box-shadow:inset 0 calc(-1 * var(--solaris-border-width-sm)) 0 0 var(--solaris-button-group-separator-color)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button]:first-child,:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]:first-child{border-start-start-radius:var(--solaris-button-group-radius);border-start-end-radius:var(--solaris-button-group-radius)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button]:last-child,:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]:last-child{border-end-start-radius:var(--solaris-button-group-radius);border-end-end-radius:var(--solaris-button-group-radius);box-shadow:none}:host(:not([data-attached])){--solaris-button-group-gap: var(--solaris-spacing-2)}:host(:not([data-attached])[data-density=compact]){--solaris-button-group-gap: var(--solaris-spacing-1)}:host(:not([data-attached])[data-density=comfortable]){--solaris-button-group-gap: var(--solaris-spacing-3)}:host([data-density=compact]){--solaris-button-group-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-button-group-gap: var(--solaris-spacing-3)}\n"] });
945
+ }
946
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonGroupComponent, decorators: [{
947
+ type: Component,
948
+ args: [{ selector: 'solaris-button-group', standalone: true, host: {
949
+ role: 'group',
950
+ '[attr.data-orientation]': 'orientation()',
951
+ '[attr.data-attached]': 'attached() ? "" : null',
952
+ '[attr.data-density]': 'density() ?? null',
953
+ '[attr.data-full-width]': 'fullWidth() ? "" : null',
954
+ }, template: "<ng-content />\n", styles: [":host{--solaris-button-group-gap: 0;--solaris-button-group-radius: var(--solaris-radius-md);--solaris-button-group-border-color: var(--solaris-border-strong);--solaris-button-group-separator-color: var(--solaris-border-soft);--solaris-button-disabled-opacity: .28;display:inline-flex;box-sizing:border-box;max-width:100%;gap:var(--solaris-button-group-gap)}:host([data-full-width]){display:flex;width:100%}:host([data-full-width]) ::ng-deep [solaris-button],:host([data-full-width]) ::ng-deep [solaris-icon-button]{flex:1 1 auto}:host([data-orientation=horizontal]){flex-direction:row;align-items:stretch}:host([data-orientation=horizontal][data-attached]){border-radius:var(--solaris-button-group-radius);box-shadow:inset 0 0 0 var(--solaris-border-width-sm) var(--solaris-button-group-border-color)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button],:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]{border-radius:0;margin-inline-end:0;box-shadow:inset calc(-1 * var(--solaris-border-width-sm)) 0 0 0 var(--solaris-button-group-separator-color)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button]:first-child,:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]:first-child{border-start-start-radius:var(--solaris-button-group-radius);border-end-start-radius:var(--solaris-button-group-radius)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button]:last-child,:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]:last-child{border-start-end-radius:var(--solaris-button-group-radius);border-end-end-radius:var(--solaris-button-group-radius);box-shadow:none}:host([data-orientation=vertical]){flex-direction:column}:host([data-orientation=vertical][data-attached]){border-radius:var(--solaris-button-group-radius);box-shadow:inset 0 0 0 var(--solaris-border-width-sm) var(--solaris-button-group-border-color)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button],:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]{border-radius:0;margin-block-end:0;box-shadow:inset 0 calc(-1 * var(--solaris-border-width-sm)) 0 0 var(--solaris-button-group-separator-color)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button]:first-child,:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]:first-child{border-start-start-radius:var(--solaris-button-group-radius);border-start-end-radius:var(--solaris-button-group-radius)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button]:last-child,:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]:last-child{border-end-start-radius:var(--solaris-button-group-radius);border-end-end-radius:var(--solaris-button-group-radius);box-shadow:none}:host(:not([data-attached])){--solaris-button-group-gap: var(--solaris-spacing-2)}:host(:not([data-attached])[data-density=compact]){--solaris-button-group-gap: var(--solaris-spacing-1)}:host(:not([data-attached])[data-density=comfortable]){--solaris-button-group-gap: var(--solaris-spacing-3)}:host([data-density=compact]){--solaris-button-group-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-button-group-gap: var(--solaris-spacing-3)}\n"] }]
955
+ }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], attached: [{ type: i0.Input, args: [{ isSignal: true, alias: "attached", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }] } });
956
+
957
+ class SolarisSkeletonComponent {
958
+ variant = input('text', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
959
+ animation = input('pulse', ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
960
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
961
+ radius = input('text', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
962
+ density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
963
+ width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
964
+ height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
965
+ lines = input(1, ...(ngDevMode ? [{ debugName: "lines" }] : /* istanbul ignore next */ []));
966
+ effectiveRadius = computed(() => {
967
+ const r = this.radius();
968
+ if (r !== 'text') {
969
+ return r;
970
+ }
971
+ const v = this.variant();
972
+ if (v === 'rectangular') {
973
+ return 'sm';
974
+ }
975
+ if (v === 'circular') {
976
+ return 'full';
977
+ }
978
+ return 'sm';
979
+ }, ...(ngDevMode ? [{ debugName: "effectiveRadius" }] : /* istanbul ignore next */ []));
980
+ isMultiLine = computed(() => this.lines() > 1 && this.variant() === 'text', ...(ngDevMode ? [{ debugName: "isMultiLine" }] : /* istanbul ignore next */ []));
981
+ lineWidths = computed(() => {
982
+ const count = this.lines();
983
+ if (count <= 1) {
984
+ return [];
985
+ }
986
+ const customWidth = this.width();
987
+ const widths = [
988
+ '100%',
989
+ '92%',
990
+ '85%',
991
+ '78%',
992
+ '70%',
993
+ '95%',
994
+ '88%',
995
+ '82%',
996
+ '75%',
997
+ '68%',
998
+ ];
999
+ return Array.from({ length: count }, (_, i) => {
1000
+ if (i === 0 && customWidth) {
1001
+ return customWidth;
1002
+ }
1003
+ return widths[i % widths.length];
1004
+ });
1005
+ }, ...(ngDevMode ? [{ debugName: "lineWidths" }] : /* istanbul ignore next */ []));
1006
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1007
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisSkeletonComponent, isStandalone: true, selector: "solaris-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "attr.data-variant": "variant()", "attr.data-animation": "animation()", "attr.data-size": "size()", "attr.data-radius": "effectiveRadius()", "attr.data-density": "density()", "attr.data-multiline": "isMultiLine() ? \"\" : null", "style.width": "width() || null", "style.height": "height() || null" } }, ngImport: i0, template: "@if (isMultiLine()) {\n @for (width of lineWidths(); track $index) {\n <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\n }\n}\n", styles: [":host{--solaris-skeleton-width: 100%;--solaris-skeleton-gap: var(--solaris-spacing-2);--solaris-skeleton-height: var(--solaris-spacing-4);--solaris-skeleton-radius: var(--solaris-radius-sm);--solaris-skeleton-background: var(--solaris-surface-muted);--solaris-skeleton-highlight: var(--solaris-surface-raised);--solaris-skeleton-animation-easing: var(--solaris-motion-easing-standard);--solaris-skeleton-animation-duration: var(--solaris-motion-duration-slower);min-width:0;min-height:0;display:block;box-sizing:border-box;width:var(--solaris-skeleton-width);height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-multiline]){display:flex;height:auto;animation:none;background:none;border-radius:var(--solaris-radius-none);overflow:visible;position:static;flex-direction:column;gap:var(--solaris-skeleton-gap)}:host([data-multiline]):after{content:none;animation:none}.solaris-skeleton-line{display:block;box-sizing:border-box;min-width:0;min-height:0;height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-variant=text]){--solaris-skeleton-height: var(--solaris-spacing-4)}:host([data-variant=rectangular]){--solaris-skeleton-height: 8rem}:host([data-variant=circular]){--solaris-skeleton-height: var(--solaris-spacing-12);--solaris-skeleton-width: var(--solaris-spacing-12)}:host([data-size=sm]){--solaris-skeleton-height: var(--solaris-spacing-3)}:host([data-size=sm][data-variant=rectangular]){--solaris-skeleton-height: 6rem}:host([data-size=sm][data-variant=circular]){--solaris-skeleton-width: 2.25rem;--solaris-skeleton-height: 2.25rem}:host([data-size=lg]){--solaris-skeleton-height: var(--solaris-spacing-5)}:host([data-size=lg][data-variant=rectangular]){--solaris-skeleton-height: 10rem}:host([data-size=lg][data-variant=circular]){--solaris-skeleton-width: 3.75rem;--solaris-skeleton-height: 3.75rem}:host([data-density=compact]){--solaris-skeleton-height: .625rem}:host([data-density=compact][data-variant=rectangular]){--solaris-skeleton-height: 5rem}:host([data-density=compact][data-variant=circular]){--solaris-skeleton-width: 2rem;--solaris-skeleton-height: 2rem}:host([data-density=comfortable]){--solaris-skeleton-height: 1.125rem}:host([data-density=comfortable][data-variant=rectangular]){--solaris-skeleton-height: 9rem}:host([data-density=comfortable][data-variant=circular]){--solaris-skeleton-width: 3.5rem;--solaris-skeleton-height: 3.5rem}:host([data-radius=none]){--solaris-skeleton-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-skeleton-radius: var(--solaris-radius-sm)}:host([data-radius=full]){--solaris-skeleton-radius: var(--solaris-radius-full)}:host([data-animation=pulse]){animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=pulse]) .solaris-skeleton-line{animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]){overflow:hidden;position:relative}:host([data-animation=wave]):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]) .solaris-skeleton-line{overflow:hidden;position:relative}:host([data-animation=wave]) .solaris-skeleton-line:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave][data-multiline]){overflow:visible;position:static}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}:host([data-animation=none]){animation:none}:host([data-animation=none]):after{content:none;animation:none}@media(prefers-reduced-motion:reduce){:host([data-animation=pulse]){animation:none}:host([data-animation=pulse]) .solaris-skeleton-line{animation:none}:host([data-animation=wave]):after{animation:none;content:none}:host([data-animation=wave]) .solaris-skeleton-line:after{animation:none;content:none}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse]{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse] .solaris-skeleton-line{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave]:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave] .solaris-skeleton-line:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave][data-multiline]:after{content:none;animation:none}@keyframes solaris-skeleton-pulse{0%{opacity:var(--solaris-opacity-100)}50%{opacity:var(--solaris-opacity-50)}to{opacity:var(--solaris-opacity-100)}}@keyframes solaris-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] });
1008
+ }
1009
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSkeletonComponent, decorators: [{
1010
+ type: Component,
1011
+ args: [{ selector: 'solaris-skeleton', standalone: true, host: {
1012
+ 'aria-hidden': 'true',
1013
+ '[attr.data-variant]': 'variant()',
1014
+ '[attr.data-animation]': 'animation()',
1015
+ '[attr.data-size]': 'size()',
1016
+ '[attr.data-radius]': 'effectiveRadius()',
1017
+ '[attr.data-density]': 'density()',
1018
+ '[attr.data-multiline]': 'isMultiLine() ? "" : null',
1019
+ '[style.width]': 'width() || null',
1020
+ '[style.height]': 'height() || null',
1021
+ }, template: "@if (isMultiLine()) {\n @for (width of lineWidths(); track $index) {\n <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\n }\n}\n", styles: [":host{--solaris-skeleton-width: 100%;--solaris-skeleton-gap: var(--solaris-spacing-2);--solaris-skeleton-height: var(--solaris-spacing-4);--solaris-skeleton-radius: var(--solaris-radius-sm);--solaris-skeleton-background: var(--solaris-surface-muted);--solaris-skeleton-highlight: var(--solaris-surface-raised);--solaris-skeleton-animation-easing: var(--solaris-motion-easing-standard);--solaris-skeleton-animation-duration: var(--solaris-motion-duration-slower);min-width:0;min-height:0;display:block;box-sizing:border-box;width:var(--solaris-skeleton-width);height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-multiline]){display:flex;height:auto;animation:none;background:none;border-radius:var(--solaris-radius-none);overflow:visible;position:static;flex-direction:column;gap:var(--solaris-skeleton-gap)}:host([data-multiline]):after{content:none;animation:none}.solaris-skeleton-line{display:block;box-sizing:border-box;min-width:0;min-height:0;height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-variant=text]){--solaris-skeleton-height: var(--solaris-spacing-4)}:host([data-variant=rectangular]){--solaris-skeleton-height: 8rem}:host([data-variant=circular]){--solaris-skeleton-height: var(--solaris-spacing-12);--solaris-skeleton-width: var(--solaris-spacing-12)}:host([data-size=sm]){--solaris-skeleton-height: var(--solaris-spacing-3)}:host([data-size=sm][data-variant=rectangular]){--solaris-skeleton-height: 6rem}:host([data-size=sm][data-variant=circular]){--solaris-skeleton-width: 2.25rem;--solaris-skeleton-height: 2.25rem}:host([data-size=lg]){--solaris-skeleton-height: var(--solaris-spacing-5)}:host([data-size=lg][data-variant=rectangular]){--solaris-skeleton-height: 10rem}:host([data-size=lg][data-variant=circular]){--solaris-skeleton-width: 3.75rem;--solaris-skeleton-height: 3.75rem}:host([data-density=compact]){--solaris-skeleton-height: .625rem}:host([data-density=compact][data-variant=rectangular]){--solaris-skeleton-height: 5rem}:host([data-density=compact][data-variant=circular]){--solaris-skeleton-width: 2rem;--solaris-skeleton-height: 2rem}:host([data-density=comfortable]){--solaris-skeleton-height: 1.125rem}:host([data-density=comfortable][data-variant=rectangular]){--solaris-skeleton-height: 9rem}:host([data-density=comfortable][data-variant=circular]){--solaris-skeleton-width: 3.5rem;--solaris-skeleton-height: 3.5rem}:host([data-radius=none]){--solaris-skeleton-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-skeleton-radius: var(--solaris-radius-sm)}:host([data-radius=full]){--solaris-skeleton-radius: var(--solaris-radius-full)}:host([data-animation=pulse]){animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=pulse]) .solaris-skeleton-line{animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]){overflow:hidden;position:relative}:host([data-animation=wave]):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]) .solaris-skeleton-line{overflow:hidden;position:relative}:host([data-animation=wave]) .solaris-skeleton-line:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave][data-multiline]){overflow:visible;position:static}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}:host([data-animation=none]){animation:none}:host([data-animation=none]):after{content:none;animation:none}@media(prefers-reduced-motion:reduce){:host([data-animation=pulse]){animation:none}:host([data-animation=pulse]) .solaris-skeleton-line{animation:none}:host([data-animation=wave]):after{animation:none;content:none}:host([data-animation=wave]) .solaris-skeleton-line:after{animation:none;content:none}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse]{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse] .solaris-skeleton-line{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave]:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave] .solaris-skeleton-line:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave][data-multiline]:after{content:none;animation:none}@keyframes solaris-skeleton-pulse{0%{opacity:var(--solaris-opacity-100)}50%{opacity:var(--solaris-opacity-50)}to{opacity:var(--solaris-opacity-100)}}@keyframes solaris-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] }]
1022
+ }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], lines: [{ type: i0.Input, args: [{ isSignal: true, alias: "lines", required: false }] }] } });
1023
+
1024
+ function provideSolarisTesting(options) {
1025
+ return [
1026
+ ...provideSolarisAccessibilityTesting(options?.accessibility),
1027
+ ...provideSolarisThemeTesting(options?.theme),
1028
+ ...provideSolarisTranslateTesting(options?.translate),
1029
+ ];
1030
+ }
1031
+
1032
+ function configureSolarisTesting(options, extraConfig) {
1033
+ TestBed.configureTestingModule({
1034
+ ...extraConfig,
1035
+ providers: [
1036
+ ...provideSolarisTesting(options),
1037
+ ...(extraConfig?.providers ?? []),
1038
+ ],
1039
+ });
1040
+ }
1041
+
1042
+ /**
1043
+ * Generated bundle index. Do not edit.
1044
+ */
1045
+
1046
+ export { SOLARIS_ACCESSIBILITY_CONFIG, SOLARIS_BUILT_IN_ICONS, SOLARIS_ICONS_CONFIG, SOLARIS_THEME_CONFIG, SOLARIS_TRANSLATE_CONFIG, SolarisAccessibilityService, SolarisAlertActionsComponent, SolarisAlertComponent, SolarisAlertDescriptionDirective, SolarisAlertTitleDirective, SolarisBadgeComponent, SolarisBadgeIconDirective, SolarisButtonDirective, SolarisButtonGroupComponent, SolarisButtonIconDirective, SolarisCardActionsDirective, SolarisCardComponent, SolarisCardContentDirective, SolarisCardDescriptionDirective, SolarisCardFooterDirective, SolarisCardHeaderDirective, SolarisCardMediaDirective, SolarisCardTitleDirective, SolarisIconButtonBadgeDirective, SolarisIconButtonDirective, SolarisIconComponent, SolarisIconRegistryService, SolarisSkeletonComponent, SolarisThemeService, SolarisTranslatePipe, SolarisTranslateService, SolarisVisuallyHiddenDirective, configureSolarisTesting, provideSolarisAccessibility, provideSolarisAccessibilityTesting, provideSolarisIcons, provideSolarisTesting, provideSolarisTheme, provideSolarisThemeTesting, provideSolarisTranslate, provideSolarisTranslateTesting };
1047
+ //# sourceMappingURL=educarehq-solaris-ui.mjs.map