@educarehq/solaris-ui 0.1.0 → 0.2.0

package/esm2022/lib/components/data-display/card/component/card.component.js

@@ -0,0 +1,20 @@
+import { Component, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisCardComponent {
+    appearance = input('surface', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    radius = input('lg', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    glassTexture = input('none', ...(ngDevMode ? [{ debugName: "glassTexture" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 />\r\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-5));--solaris-card-section-padding: var( --solaris-card-padding, var(--solaris-spacing-6) )}:host([data-appearance=surface]){--solaris-card-shadow: none;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-base);--solaris-card-border-color: var(--solaris-border-subtle);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=outline]){--solaris-card-shadow: none;--solaris-card-background: transparent;--solaris-card-color: var(--solaris-text-default);--solaris-card-border-color: var(--solaris-border-default);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=tonal]){--solaris-card-shadow: none;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-subtle);--solaris-card-border-color: var(--solaris-border-subtle);--solaris-card-border-width: var(--solaris-border-width-sm)}: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-glass-texture-opacity: .18;--solaris-card-color: var(--solaris-text-glass);--solaris-card-border-width: var(--solaris-border-width-sm);--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-lg);--solaris-card-padding: var(--solaris-density-padding-xl)}: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-1);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:var(--solaris-border-width-sm) 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-2)}: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"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-card', standalone: true, host: {
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-radius]': 'radius()',
+                        '[attr.data-density]': 'density()',
+                        '[attr.data-glass-texture]': 'appearance() === "glass" && glassTexture() !== "none" ? glassTexture() : null',
+                    }, template: "<ng-content />\r\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-5));--solaris-card-section-padding: var( --solaris-card-padding, var(--solaris-spacing-6) )}:host([data-appearance=surface]){--solaris-card-shadow: none;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-base);--solaris-card-border-color: var(--solaris-border-subtle);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=outline]){--solaris-card-shadow: none;--solaris-card-background: transparent;--solaris-card-color: var(--solaris-text-default);--solaris-card-border-color: var(--solaris-border-default);--solaris-card-border-width: var(--solaris-border-width-sm)}:host([data-appearance=tonal]){--solaris-card-shadow: none;--solaris-card-color: var(--solaris-text-default);--solaris-card-background: var(--solaris-surface-subtle);--solaris-card-border-color: var(--solaris-border-subtle);--solaris-card-border-width: var(--solaris-border-width-sm)}: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-glass-texture-opacity: .18;--solaris-card-color: var(--solaris-text-glass);--solaris-card-border-width: var(--solaris-border-width-sm);--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-lg);--solaris-card-padding: var(--solaris-density-padding-xl)}: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-1);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:var(--solaris-border-width-sm) 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-2)}: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"] }]
+        }], 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 }] }] } });
+//# sourceMappingURL=card.component.js.map

package/esm2022/lib/components/data-display/card/component/card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/component/card.component.ts","../../../../../../../../../packages/angular/src/lib/components/data-display/card/component/card.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAsBjD,MAAM,OAAO,oBAAoB;IACtB,UAAU,GAAG,KAAK,CAAwB,SAAS,iFAAC,CAAC;IACrD,MAAM,GAAG,KAAK,CAAoB,IAAI,6EAAC,CAAC;IACxC,OAAO,GAAG,KAAK,wFAAsB,CAAC;IACtC,YAAY,GAAG,KAAK,CAA0B,MAAM,mFAAC,CAAC;wGAJpD,oBAAoB;4FAApB,oBAAoB,q1BCtBjC,oBACA;;4FDqBa,oBAAoB;kBAbhC,SAAS;+BACE,cAAc,cACZ,IAAI,QAGV;wBACJ,wBAAwB,EAAE,cAAc;wBACxC,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,2BAA2B,EACzB,+EAA+E;qBAClF","sourcesContent":["import { Component, input } from '@angular/core';\r\n\r\nimport type {\r\n  SolarisCardAppearance,\r\n  SolarisCardRadius,\r\n  SolarisCardDensity,\r\n  SolarisCardGlassTexture,\r\n} from '../model/card.types';\r\n\r\n@Component({\r\n  selector: 'solaris-card',\r\n  standalone: true,\r\n  templateUrl: './card.component.html',\r\n  styleUrls: ['./card.component.scss'],\r\n  host: {\r\n    '[attr.data-appearance]': 'appearance()',\r\n    '[attr.data-radius]': 'radius()',\r\n    '[attr.data-density]': 'density()',\r\n    '[attr.data-glass-texture]':\r\n      'appearance() === \"glass\" && glassTexture() !== \"none\" ? glassTexture() : null',\r\n  },\r\n})\r\nexport class SolarisCardComponent {\r\n  readonly appearance = input<SolarisCardAppearance>('surface');\r\n  readonly radius = input<SolarisCardRadius>('lg');\r\n  readonly density = input<SolarisCardDensity>();\r\n  readonly glassTexture = input<SolarisCardGlassTexture>('none');\r\n}\r\n","<ng-content />\r\n"]}

package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisCardActionsDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-card-actions]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-card-actions',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=card-actions.directive.js.map

package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-actions.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-actions.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,2BAA2B;wGAA3B,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBAPvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,sBAAsB;qBAC9B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-card-actions]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-card-actions',\r\n  },\r\n})\r\nexport class SolarisCardActionsDirective {}\r\n"]}

package/esm2022/lib/components/data-display/card/directives/card-content.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisCardContentDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-card-content]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-card-content',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=card-content.directive.js.map

package/esm2022/lib/components/data-display/card/directives/card-content.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-content.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,2BAA2B;wGAA3B,2BAA2B;4FAA3B,2BAA2B;;4FAA3B,2BAA2B;kBAPvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,sBAAsB;qBAC9B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-card-content]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-card-content',\r\n  },\r\n})\r\nexport class SolarisCardContentDirective {}\r\n"]}

package/esm2022/lib/components/data-display/card/directives/card-description.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisCardDescriptionDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-card-description]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-card-description',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=card-description.directive.js.map

package/esm2022/lib/components/data-display/card/directives/card-description.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-description.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-description.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,+BAA+B;wGAA/B,+BAA+B;4FAA/B,+BAA+B;;4FAA/B,+BAA+B;kBAP3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,4BAA4B;oBACtC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,0BAA0B;qBAClC;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-card-description]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-card-description',\r\n  },\r\n})\r\nexport class SolarisCardDescriptionDirective {}\r\n"]}

package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js

@@ -0,0 +1,19 @@
+import { Directive, input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisCardFooterDirective {
+    separator = input(false, ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-card-footer]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-card-footer',
+                        '[attr.data-separator]': "separator() ? '' : null",
+                    },
+                }]
+        }], propDecorators: { separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
+//# sourceMappingURL=card-footer.directive.js.map

package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-footer.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-footer.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAUjD,MAAM,OAAO,0BAA0B;IAC5B,SAAS,GAAG,KAAK,CAAU,KAAK,gFAAC,CAAC;wGADhC,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBARtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,qBAAqB;wBAC5B,uBAAuB,EAAE,yBAAyB;qBACnD;iBACF","sourcesContent":["import { Directive, input } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-card-footer]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-card-footer',\r\n    '[attr.data-separator]': \"separator() ? '' : null\",\r\n  },\r\n})\r\nexport class SolarisCardFooterDirective {\r\n  readonly separator = input<boolean>(false);\r\n}\r\n"]}

package/esm2022/lib/components/data-display/card/directives/card-header.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisCardHeaderDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-card-header]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-card-header',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=card-header.directive.js.map

package/esm2022/lib/components/data-display/card/directives/card-header.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-header.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,0BAA0B;wGAA1B,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,qBAAqB;qBAC7B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-card-header]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-card-header',\r\n  },\r\n})\r\nexport class SolarisCardHeaderDirective {}\r\n"]}

package/esm2022/lib/components/data-display/card/directives/card-media.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisCardMediaDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardMediaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardMediaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-card-media]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-card-media',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=card-media.directive.js.map

package/esm2022/lib/components/data-display/card/directives/card-media.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-media.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-media.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBAPrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;qBAC5B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-card-media]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-card-media',\r\n  },\r\n})\r\nexport class SolarisCardMediaDirective {}\r\n"]}

package/esm2022/lib/components/data-display/card/directives/card-title.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisCardTitleDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-card-title]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-card-title',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=card-title.directive.js.map

package/esm2022/lib/components/data-display/card/directives/card-title.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/directives/card-title.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBAPrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;qBAC5B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-card-title]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-card-title',\r\n  },\r\n})\r\nexport class SolarisCardTitleDirective {}\r\n"]}

package/esm2022/lib/components/data-display/card/model/card.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=card.types.js.map

package/esm2022/lib/components/data-display/card/model/card.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/card/model/card.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisCardAppearance = 'surface' | 'outline' | 'tonal' | 'glass';\r\nexport type SolarisCardRadius = 'none' | 'sm' | 'lg' | 'xl';\r\nexport type SolarisCardDensity = 'compact' | 'comfortable';\r\nexport type SolarisCardGlassTexture = 'none' | 'grooves';\r\n"]}

package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisAlertActionsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertActionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'solaris-alert-actions',
+                    standalone: true,
+                    template: '<ng-content />',
+                    host: {
+                        class: 'solaris-alert-actions',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=alert-actions.component.js.map

package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-actions.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/component/alert-actions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAU1C,MAAM,OAAO,4BAA4B;wGAA5B,4BAA4B;4FAA5B,4BAA4B,oIAL7B,gBAAgB;;4FAKf,4BAA4B;kBARxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE;wBACJ,KAAK,EAAE,uBAAuB;qBAC/B;iBACF","sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'solaris-alert-actions',\r\n  standalone: true,\r\n  template: '<ng-content />',\r\n  host: {\r\n    class: 'solaris-alert-actions',\r\n  },\r\n})\r\nexport class SolarisAlertActionsComponent {}\r\n"]}

package/esm2022/lib/components/feedback/alert/component/alert.component.js

@@ -0,0 +1,90 @@
+import { Component, inject, input, computed, output } from '@angular/core';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisIconComponent } from '../../../icon';
+import * as i0 from "@angular/core";
+export class SolarisAlertComponent {
+    translateService = inject(SolarisTranslateService);
+    appearance = input('tonal', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    live = input('off', ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    closable = input(false, ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
+    hasTitle = input(false, ...(ngDevMode ? [{ debugName: "hasTitle" }] : /* istanbul ignore next */ []));
+    showIcon = input(true, ...(ngDevMode ? [{ debugName: "showIcon" }] : /* istanbul ignore next */ []));
+    closeLabelKey = input(...(ngDevMode ? [undefined, { debugName: "closeLabelKey" }] : /* istanbul ignore next */ []));
+    closeLabel = input(...(ngDevMode ? [undefined, { debugName: "closeLabel" }] : /* istanbul ignore next */ []));
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    dismissed = output();
+    iconName = computed(() => {
+        const custom = this.icon();
+        if (custom) {
+            return custom;
+        }
+        const v = this.variant();
+        switch (v) {
+            case 'neutral':
+                return 'info';
+            case 'info':
+                return 'info';
+            case 'success':
+                return 'success';
+            case 'warning':
+                return 'warning';
+            case 'danger':
+                return 'danger';
+            default:
+                return 'info';
+        }
+    }, ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
+    liveRole = computed(() => {
+        const l = this.live();
+        if (l === 'assertive') {
+            return 'alert';
+        }
+        if (l === 'polite') {
+            return 'status';
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "liveRole" }] : /* istanbul ignore next */ []));
+    ariaLive = computed(() => {
+        const l = this.live();
+        if (l === 'polite') {
+            return 'polite';
+        }
+        if (l === 'assertive') {
+            return 'assertive';
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []));
+    defaultCloseKey = 'solaris.alert.close';
+    defaultCloseLabel = 'Close alert';
+    closeButtonLabel = computed(() => {
+        const explicit = this.closeLabel();
+        if (explicit) {
+            return explicit;
+        }
+        const key = this.closeLabelKey() ?? this.defaultCloseKey;
+        const translated = this.translateService.translate(key);
+        return translated !== key ? translated : this.defaultCloseLabel;
+    }, ...(ngDevMode ? [{ debugName: "closeButtonLabel" }] : /* istanbul ignore next */ []));
+    handleClose() {
+        this.dismissed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisAlertComponent, isStandalone: true, selector: "solaris-alert", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", 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 }, hasTitle: { classPropertyName: "hasTitle", publicName: "hasTitle", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, closeLabelKey: { classPropertyName: "closeLabelKey", publicName: "closeLabelKey", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.role": "liveRole()", "attr.data-variant": "variant()", "attr.aria-live": "ariaLive()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-appearance": "appearance()", "attr.data-closable": "closable() ? \"\" : null", "attr.data-has-title": "hasTitle() ? \"\" : null" } }, 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  <div class=\"solaris-alert__close-slot\">\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  </div>\n}\n", styles: [":host{--solaris-alert-color: initial;--solaris-alert-radius: initial;--solaris-alert-icon-color: initial;--solaris-alert-background: initial;--solaris-alert-border-color: initial;--solaris-alert-border-width: initial;--solaris-alert-icon-offset: -1px;--solaris-alert-close-offset: 0px;--solaris-alert-close-background: transparent;--solaris-alert-gap: var(--solaris-spacing-3);--solaris-alert-padding: var(--solaris-spacing-4);--solaris-alert-close-size: var(--solaris-spacing-4);--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-icon-size: var(--solaris-font-size-lg);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-close-icon-size: var(--solaris-font-size-md);--solaris-alert-description-color: var(--solaris-text-default);--solaris-alert-first-line-height: var(--solaris-line-height-md);--solaris-alert-first-line-font-size: var(--solaris-font-size-sm);--solaris-alert-close-hover-background: rgba(0, 0, 0, .06);display:flex;box-sizing:border-box;align-items:flex-start;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)}:host([data-has-title]){--solaris-alert-icon-offset: 0px;--solaris-alert-close-offset: 0px;--solaris-alert-first-line-height: var(--solaris-line-height-sm);--solaris-alert-first-line-font-size: var(--solaris-font-size-md)}.solaris-alert__icon{display:grid;flex-shrink:0;position:relative;place-items:center;transform:translateY(-50%);width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size);color:var(--solaris-alert-icon-color);line-height:var(--solaris-alert-first-line-height);font-size:var(--solaris-alert-first-line-font-size);inset-block-start:calc(.5lh + var(--solaris-alert-icon-offset))}.solaris-alert__icon solaris-icon,.solaris-alert__icon svg{display:block;width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size)}.solaris-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-alert-content-gap);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}.solaris-alert__close{all:unset;display:grid;flex-shrink:0;cursor:pointer;position:relative;place-items:center;box-sizing:border-box;inset-block-start:.5lh;transform:translateY(-50%);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);line-height:var(--solaris-alert-first-line-height);font-size:var(--solaris-alert-first-line-font-size)}.solaris-alert__close:hover{background:var(--solaris-alert-close-hover-background)}.solaris-alert__close:focus-visible{outline:2px solid var(--solaris-primary-base);outline-offset:2px}.solaris-alert__close solaris-icon,.solaris-alert__close svg{display:block;width:var(--solaris-alert-close-icon-size);height:var(--solaris-alert-close-icon-size)}::ng-deep .solaris-alert-title{margin:0;font-size:var(--solaris-font-size-md);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);color:var(--solaris-alert-title-color)}::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([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-md);--solaris-alert-padding: var(--solaris-density-padding-md);--solaris-alert-content-gap: var(--solaris-density-gap-md);--solaris-alert-actions-gap: var(--solaris-density-gap-md);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-density=comfortable]){--solaris-alert-gap: var(--solaris-density-gap-md);--solaris-alert-padding: var(--solaris-density-padding-lg);--solaris-alert-content-gap: var(--solaris-density-gap-md);--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-description-color: var(--solaris-success-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}: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-icon-color: var(--solaris-warning-base);--solaris-alert-background: var(--solaris-surface-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-title-color: var(--solaris-warning-on-solid);--solaris-alert-description-color: var(--solaris-warning-on-solid);--solaris-alert-close-hover-background: rgba(0, 0, 0, .1)}: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-description-color: var(--solaris-danger-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}: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: var(--solaris-border-width-sm)}@media(prefers-reduced-motion:reduce){.solaris-alert__close{transition:none}}:host-context([data-reduced-motion=true]) .solaris-alert__close{transition:none}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-alert', standalone: true, imports: [SolarisIconComponent], host: {
+                        '[attr.role]': 'liveRole()',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.aria-live]': 'ariaLive()',
+                        '[attr.data-radius]': 'radius()',
+                        '[attr.data-density]': 'density()',
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-closable]': 'closable() ? "" : null',
+                        '[attr.data-has-title]': 'hasTitle() ? "" : null',
+                    }, 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  <div class=\"solaris-alert__close-slot\">\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  </div>\n}\n", styles: [":host{--solaris-alert-color: initial;--solaris-alert-radius: initial;--solaris-alert-icon-color: initial;--solaris-alert-background: initial;--solaris-alert-border-color: initial;--solaris-alert-border-width: initial;--solaris-alert-icon-offset: -1px;--solaris-alert-close-offset: 0px;--solaris-alert-close-background: transparent;--solaris-alert-gap: var(--solaris-spacing-3);--solaris-alert-padding: var(--solaris-spacing-4);--solaris-alert-close-size: var(--solaris-spacing-4);--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-icon-size: var(--solaris-font-size-lg);--solaris-alert-title-color: var(--solaris-text-strong);--solaris-alert-close-icon-size: var(--solaris-font-size-md);--solaris-alert-description-color: var(--solaris-text-default);--solaris-alert-first-line-height: var(--solaris-line-height-md);--solaris-alert-first-line-font-size: var(--solaris-font-size-sm);--solaris-alert-close-hover-background: rgba(0, 0, 0, .06);display:flex;box-sizing:border-box;align-items:flex-start;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)}:host([data-has-title]){--solaris-alert-icon-offset: 0px;--solaris-alert-close-offset: 0px;--solaris-alert-first-line-height: var(--solaris-line-height-sm);--solaris-alert-first-line-font-size: var(--solaris-font-size-md)}.solaris-alert__icon{display:grid;flex-shrink:0;position:relative;place-items:center;transform:translateY(-50%);width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size);color:var(--solaris-alert-icon-color);line-height:var(--solaris-alert-first-line-height);font-size:var(--solaris-alert-first-line-font-size);inset-block-start:calc(.5lh + var(--solaris-alert-icon-offset))}.solaris-alert__icon solaris-icon,.solaris-alert__icon svg{display:block;width:var(--solaris-alert-icon-size);height:var(--solaris-alert-icon-size)}.solaris-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-alert-content-gap);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}.solaris-alert__close{all:unset;display:grid;flex-shrink:0;cursor:pointer;position:relative;place-items:center;box-sizing:border-box;inset-block-start:.5lh;transform:translateY(-50%);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);line-height:var(--solaris-alert-first-line-height);font-size:var(--solaris-alert-first-line-font-size)}.solaris-alert__close:hover{background:var(--solaris-alert-close-hover-background)}.solaris-alert__close:focus-visible{outline:2px solid var(--solaris-primary-base);outline-offset:2px}.solaris-alert__close solaris-icon,.solaris-alert__close svg{display:block;width:var(--solaris-alert-close-icon-size);height:var(--solaris-alert-close-icon-size)}::ng-deep .solaris-alert-title{margin:0;font-size:var(--solaris-font-size-md);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);color:var(--solaris-alert-title-color)}::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([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-md);--solaris-alert-padding: var(--solaris-density-padding-md);--solaris-alert-content-gap: var(--solaris-density-gap-md);--solaris-alert-actions-gap: var(--solaris-density-gap-md);--solaris-alert-close-size: var(--solaris-density-min-height)}:host([data-density=comfortable]){--solaris-alert-gap: var(--solaris-density-gap-md);--solaris-alert-padding: var(--solaris-density-padding-lg);--solaris-alert-content-gap: var(--solaris-density-gap-md);--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-description-color: var(--solaris-success-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}: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-icon-color: var(--solaris-warning-base);--solaris-alert-background: var(--solaris-surface-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-title-color: var(--solaris-warning-on-solid);--solaris-alert-description-color: var(--solaris-warning-on-solid);--solaris-alert-close-hover-background: rgba(0, 0, 0, .1)}: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-description-color: var(--solaris-danger-on-solid);--solaris-alert-close-hover-background: rgba(255, 255, 255, .12)}: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: var(--solaris-border-width-sm)}@media(prefers-reduced-motion:reduce){.solaris-alert__close{transition:none}}:host-context([data-reduced-motion=true]) .solaris-alert__close{transition:none}\n"] }]
+        }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], hasTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTitle", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], closeLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabelKey", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }] } });
+//# sourceMappingURL=alert.component.js.map

package/esm2022/lib/components/feedback/alert/component/alert.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/component/alert.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/alert/component/alert.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;;AA2BrD,MAAM,OAAO,qBAAqB;IACf,gBAAgB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;IAE3D,UAAU,GAAG,KAAK,CAAyB,OAAO,iFAAC,CAAC;IACpD,OAAO,GAAG,KAAK,CAAsB,MAAM,8EAAC,CAAC;IAC7C,MAAM,GAAG,KAAK,CAAqB,IAAI,6EAAC,CAAC;IACzC,IAAI,GAAG,KAAK,CAAmB,KAAK,2EAAC,CAAC;IACtC,OAAO,GAAG,KAAK,wFAAuB,CAAC;IACvC,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,QAAQ,GAAG,KAAK,CAAU,IAAI,+EAAC,CAAC;IAChC,aAAa,GAAG,KAAK,8FAAU,CAAC;IAChC,UAAU,GAAG,KAAK,2FAAU,CAAC;IAC7B,IAAI,GAAG,KAAK,qFAAU,CAAC;IAEvB,SAAS,GAAG,MAAM,EAAQ,CAAC;IAEjB,QAAQ,GAAG,QAAQ,CAAS,GAAG,EAAE;QAClD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC3B,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,QAAQ,CAAC,EAAE,CAAC;YACV,KAAK,SAAS;gBACZ,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO,SAAS,CAAC;YACnB,KAAK,SAAS;gBACZ,OAAO,SAAS,CAAC;YACnB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB;gBACE,OAAO,MAAM,CAAC;QAClB,CAAC;IACH,CAAC,+EAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CAAgB,GAAG,EAAE;QACzD,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,WAAW,EAAE,CAAC;YACtB,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnB,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,+EAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CAAgB,GAAG,EAAE;QACzD,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QACtB,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnB,OAAO,QAAQ,CAAC;QAClB,CAAC;QACD,IAAI,CAAC,KAAK,WAAW,EAAE,CAAC;YACtB,OAAO,WAAW,CAAC;QACrB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,+EAAC,CAAC;IAEc,eAAe,GAAG,qBAAqB,CAAC;IACxC,iBAAiB,GAAG,aAAa,CAAC;IAEhC,gBAAgB,GAAG,QAAQ,CAAS,GAAG,EAAE;QAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACnC,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,eAAe,CAAC;QACzD,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAExD,OAAO,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC;IAClE,CAAC,uFAAC,CAAC;IAEO,WAAW;QACnB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;wGA9EU,qBAAqB;4FAArB,qBAAqB,k0DC9BlC,0gBAsBA,y8XDNY,oBAAoB;;4FAcnB,qBAAqB;kBAjBjC,SAAS;+BACE,eAAe,cACb,IAAI,WACP,CAAC,oBAAoB,CAAC,QAGzB;wBACJ,aAAa,EAAE,YAAY;wBAC3B,qBAAqB,EAAE,WAAW;wBAClC,kBAAkB,EAAE,YAAY;wBAChC,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,wBAAwB,EAAE,cAAc;wBACxC,sBAAsB,EAAE,wBAAwB;wBAChD,uBAAuB,EAAE,wBAAwB;qBAClD","sourcesContent":["import { Component, inject, input, computed, output } from '@angular/core';\n\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisIconComponent } from '../../../icon';\n\nimport type {\n  SolarisAlertVariant,\n  SolarisAlertAppearance,\n  SolarisAlertRadius,\n  SolarisAlertDensity,\n  SolarisAlertLive,\n} from '../model/alert.types';\n\n@Component({\n  selector: 'solaris-alert',\n  standalone: true,\n  imports: [SolarisIconComponent],\n  templateUrl: './alert.component.html',\n  styleUrls: ['./alert.component.scss'],\n  host: {\n    '[attr.role]': 'liveRole()',\n    '[attr.data-variant]': 'variant()',\n    '[attr.aria-live]': 'ariaLive()',\n    '[attr.data-radius]': 'radius()',\n    '[attr.data-density]': 'density()',\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-closable]': 'closable() ? \"\" : null',\n    '[attr.data-has-title]': 'hasTitle() ? \"\" : null',\n  },\n})\nexport class SolarisAlertComponent {\n  private readonly translateService = inject(SolarisTranslateService);\n\n  readonly appearance = input<SolarisAlertAppearance>('tonal');\n  readonly variant = input<SolarisAlertVariant>('info');\n  readonly radius = input<SolarisAlertRadius>('md');\n  readonly live = input<SolarisAlertLive>('off');\n  readonly density = input<SolarisAlertDensity>();\n  readonly closable = input<boolean>(false);\n  readonly hasTitle = input<boolean>(false);\n  readonly showIcon = input<boolean>(true);\n  readonly closeLabelKey = input<string>();\n  readonly closeLabel = input<string>();\n  readonly icon = input<string>();\n\n  readonly dismissed = output<void>();\n\n  protected readonly iconName = computed<string>(() => {\n    const custom = this.icon();\n    if (custom) {\n      return custom;\n    }\n    const v = this.variant();\n    switch (v) {\n      case 'neutral':\n        return 'info';\n      case 'info':\n        return 'info';\n      case 'success':\n        return 'success';\n      case 'warning':\n        return 'warning';\n      case 'danger':\n        return 'danger';\n      default:\n        return 'info';\n    }\n  });\n\n  protected readonly liveRole = computed<string | null>(() => {\n    const l = this.live();\n    if (l === 'assertive') {\n      return 'alert';\n    }\n    if (l === 'polite') {\n      return 'status';\n    }\n    return null;\n  });\n\n  protected readonly ariaLive = computed<string | null>(() => {\n    const l = this.live();\n    if (l === 'polite') {\n      return 'polite';\n    }\n    if (l === 'assertive') {\n      return 'assertive';\n    }\n    return null;\n  });\n\n  private readonly defaultCloseKey = 'solaris.alert.close';\n  private readonly defaultCloseLabel = 'Close alert';\n\n  protected readonly closeButtonLabel = computed<string>(() => {\n    const explicit = this.closeLabel();\n    if (explicit) {\n      return explicit;\n    }\n\n    const key = this.closeLabelKey() ?? this.defaultCloseKey;\n    const translated = this.translateService.translate(key);\n\n    return translated !== key ? translated : this.defaultCloseLabel;\n  });\n\n  protected handleClose(): void {\n    this.dismissed.emit();\n  }\n}\n","@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  <div class=\"solaris-alert__close-slot\">\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  </div>\n}\n"]}

package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisAlertDescriptionDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-alert-description]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-alert-description',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=alert-description.directive.js.map

package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-description.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/directives/alert-description.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,gCAAgC;wGAAhC,gCAAgC;4FAAhC,gCAAgC;;4FAAhC,gCAAgC;kBAP5C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,2BAA2B;qBACnC;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-alert-description]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-alert-description',\r\n  },\r\n})\r\nexport class SolarisAlertDescriptionDirective {}\r\n"]}

package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisAlertTitleDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisAlertTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-alert-title]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-alert-title',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=alert-title.directive.js.map

package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-title.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/directives/alert-title.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,0BAA0B;wGAA1B,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,qBAAqB;qBAC7B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[solaris-alert-title]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-alert-title',\r\n  },\r\n})\r\nexport class SolarisAlertTitleDirective {}\r\n"]}

package/esm2022/lib/components/feedback/alert/model/alert.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=alert.types.js.map

package/esm2022/lib/components/feedback/alert/model/alert.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/alert/model/alert.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisAlertVariant =\r\n  | 'neutral'\r\n  | 'info'\r\n  | 'success'\r\n  | 'warning'\r\n  | 'danger'\r\n  | 'custom';\r\n\r\nexport type SolarisAlertAppearance = 'tonal' | 'outline' | 'surface' | 'solid';\r\n\r\nexport type SolarisAlertRadius = 'sm' | 'md' | 'lg' | 'xl';\r\n\r\nexport type SolarisAlertDensity = 'compact' | 'comfortable';\r\n\r\nexport type SolarisAlertLive = 'off' | 'polite' | 'assertive';\r\n"]}

package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js

@@ -0,0 +1,69 @@
+import { Component, input, computed } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisSkeletonComponent {
+    variant = input('text', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    animation = input('pulse', ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    radius = input('text', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
+    height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
+    lines = input(1, ...(ngDevMode ? [{ debugName: "lines" }] : /* istanbul ignore next */ []));
+    effectiveRadius = computed(() => {
+        const r = this.radius();
+        if (r !== 'text') {
+            return r;
+        }
+        const v = this.variant();
+        if (v === 'rectangular') {
+            return 'sm';
+        }
+        if (v === 'circular') {
+            return 'full';
+        }
+        return 'sm';
+    }, ...(ngDevMode ? [{ debugName: "effectiveRadius" }] : /* istanbul ignore next */ []));
+    isMultiLine = computed(() => this.lines() > 1 && this.variant() === 'text', ...(ngDevMode ? [{ debugName: "isMultiLine" }] : /* istanbul ignore next */ []));
+    lineWidths = computed(() => {
+        const count = this.lines();
+        if (count <= 1) {
+            return [];
+        }
+        const customWidth = this.width();
+        const widths = [
+            '100%',
+            '92%',
+            '85%',
+            '78%',
+            '70%',
+            '95%',
+            '88%',
+            '82%',
+            '75%',
+            '68%',
+        ];
+        return Array.from({ length: count }, (_, i) => {
+            if (i === 0 && customWidth) {
+                return customWidth;
+            }
+            return widths[i % widths.length];
+        });
+    }, ...(ngDevMode ? [{ debugName: "lineWidths" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    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()) {\r\n  @for (width of lineWidths(); track $index) {\r\n    <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n  }\r\n}\r\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"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-skeleton', standalone: true, host: {
+                        'aria-hidden': 'true',
+                        '[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',
+                    }, template: "@if (isMultiLine()) {\r\n  @for (width of lineWidths(); track $index) {\r\n    <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n  }\r\n}\r\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"] }]
+        }], 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 }] }] } });
+//# sourceMappingURL=skeleton.component.js.map