@educarehq/solaris-ui 0.1.0 → 0.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/badge/component/badge.component.ts","../../../../../../../../../packages/angular/src/lib/components/data-display/badge/component/badge.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAyBjD,MAAM,OAAO,qBAAqB;IACvB,UAAU,GAAG,KAAK,CAAyB,OAAO,iFAAC,CAAC;IACpD,OAAO,GAAG,KAAK,CAAsB,UAAU,8EAAC,CAAC;IACjD,KAAK,GAAG,KAAK,CAAoB,SAAS,4EAAC,CAAC;IAC5C,MAAM,GAAG,KAAK,CAAqB,MAAM,6EAAC,CAAC;IAC3C,OAAO,GAAG,KAAK,wFAAuB,CAAC;IACvC,IAAI,GAAG,KAAK,CAAmB,IAAI,2EAAC,CAAC;wGANnC,qBAAqB;4FAArB,qBAAqB,giCCzBlC,oBACA;;4FDwBa,qBAAqB;kBAdjC,SAAS;+BACE,eAAe,cACb,IAAI,QAGV;wBACJ,wBAAwB,EAAE,cAAc;wBACxC,mBAAmB,EAAE,SAAS;wBAC9B,kBAAkB,EAAE,QAAQ;wBAC5B,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,qBAAqB,EAAE,WAAW;qBACnC","sourcesContent":["import { Component, input } from '@angular/core';\r\n\r\nimport type {\r\n  SolarisBadgeAppearance,\r\n  SolarisBadgeColor,\r\n  SolarisBadgeSize,\r\n  SolarisBadgeRadius,\r\n  SolarisBadgeVariant,\r\n  SolarisBadgeDensity,\r\n} from '../model/badge.types';\r\n\r\n@Component({\r\n  selector: 'solaris-badge',\r\n  standalone: true,\r\n  templateUrl: './badge.component.html',\r\n  styleUrls: ['./badge.component.scss'],\r\n  host: {\r\n    '[attr.data-appearance]': 'appearance()',\r\n    '[attr.data-color]': 'color()',\r\n    '[attr.data-size]': 'size()',\r\n    '[attr.data-radius]': 'radius()',\r\n    '[attr.data-variant]': 'variant()',\r\n    '[attr.data-density]': 'density()',\r\n  },\r\n})\r\nexport class SolarisBadgeComponent {\r\n  readonly appearance = input<SolarisBadgeAppearance>('tonal');\r\n  readonly variant = input<SolarisBadgeVariant>('standard');\r\n  readonly color = input<SolarisBadgeColor>('neutral');\r\n  readonly radius = input<SolarisBadgeRadius>('full');\r\n  readonly density = input<SolarisBadgeDensity>();\r\n  readonly size = input<SolarisBadgeSize>('md');\r\n}\r\n","<ng-content />\r\n"]}

package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisBadgeIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisBadgeIconDirective, isStandalone: true, selector: "[solaris-badge-icon]", host: { classAttribute: "solaris-badge-icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-badge-icon]',
+                    standalone: true,
+                    host: {
+                        class: 'solaris-badge-icon',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=badge-icon.directive.js.map

package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-icon.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/badge/directives/badge-icon.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-badge-icon]',\r\n  standalone: true,\r\n  host: {\r\n    class: 'solaris-badge-icon',\r\n  },\r\n})\r\nexport class SolarisBadgeIconDirective {}\r\n"]}

package/esm2022/lib/components/data-display/badge/index.js

@@ -0,0 +1,3 @@
+export { SolarisBadgeIconDirective } from './directives/badge-icon.directive';
+export { SolarisBadgeComponent } from './component/badge.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/data-display/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/data-display/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export { SolarisBadgeIconDirective } from './directives/badge-icon.directive';\r\nexport { SolarisBadgeComponent } from './component/badge.component';\r\n\r\nexport type {\r\n  SolarisBadgeAppearance,\r\n  SolarisBadgeColor,\r\n  SolarisBadgeSize,\r\n  SolarisBadgeRadius,\r\n  SolarisBadgeVariant,\r\n  SolarisBadgeDensity,\r\n} from './model/badge.types';\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/badge/model/badge.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisBadgeAppearance = 'solid' | 'tonal' | 'outline' | 'ghost';\r\n\r\nexport type SolarisBadgeColor =\r\n  | 'neutral'\r\n  | 'primary'\r\n  | 'success'\r\n  | 'warning'\r\n  | 'danger'\r\n  | 'info'\r\n  | 'custom';\r\n\r\nexport type SolarisBadgeSize = 'sm' | 'md' | 'lg';\r\n\r\nexport type SolarisBadgeRadius = 'sm' | 'md' | 'full';\r\n\r\nexport type SolarisBadgeVariant = 'standard' | 'count';\r\n\r\nexport type SolarisBadgeDensity = 'compact' | 'comfortable';\r\n"]}

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/data-display/divider/component/divider.component.js

@@ -0,0 +1,46 @@
+import { Component, input, computed } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisDividerComponent {
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    appearance = input('subtle', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    spacing = input('md', ...(ngDevMode ? [{ debugName: "spacing" }] : /* istanbul ignore next */ []));
+    inset = input('none', ...(ngDevMode ? [{ debugName: "inset" }] : /* istanbul ignore next */ []));
+    decorative = input(true, ...(ngDevMode ? [{ debugName: "decorative" }] : /* istanbul ignore next */ []));
+    width = input('', ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    height = input('', ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    computedRole = computed(() => {
+        return this.decorative() ? null : 'separator';
+    }, ...(ngDevMode ? [{ debugName: "computedRole" }] : /* istanbul ignore next */ []));
+    computedAriaOrientation = computed(() => {
+        if (this.decorative())
+            return null;
+        if (this.orientation() === 'vertical')
+            return 'vertical';
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "computedAriaOrientation" }] : /* istanbul ignore next */ []));
+    computedWidth = computed(() => {
+        const w = this.width();
+        return w ? w : null;
+    }, ...(ngDevMode ? [{ debugName: "computedWidth" }] : /* istanbul ignore next */ []));
+    computedHeight = computed(() => {
+        const h = this.height();
+        return h ? h : null;
+    }, ...(ngDevMode ? [{ debugName: "computedHeight" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisDividerComponent, isStandalone: true, selector: "solaris-divider", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, inset: { classPropertyName: "inset", publicName: "inset", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", 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 } }, host: { properties: { "attr.data-inset": "inset()", "attr.role": "computedRole()", "attr.data-spacing": "spacing()", "attr.data-appearance": "appearance()", "attr.data-orientation": "orientation()", "attr.aria-hidden": "decorative() ? \"true\" : null", "attr.aria-orientation": "computedAriaOrientation()", "style.--solaris-divider-width": "computedWidth()", "style.--solaris-divider-height": "computedHeight()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{--solaris-divider-spacing-none: 0;--solaris-divider-inset-end: var(--solaris-spacing-3);--solaris-divider-spacing-sm: var(--solaris-spacing-2);--solaris-divider-spacing-md: var(--solaris-spacing-3);--solaris-divider-spacing-lg: var(--solaris-spacing-5);--solaris-divider-inset-start: var(--solaris-spacing-3);display:block;pointer-events:none;box-sizing:border-box}:host([data-orientation=horizontal]){height:0;width:var(--solaris-divider-width, 100%);margin-block:var(--solaris-divider-spacing-md);border-top:var(--solaris-border-width-sm) solid var(--solaris-border-default)}:host([data-orientation=vertical]){width:0;height:var(--solaris-divider-height, 100%);min-height:1.5rem;align-self:stretch;margin-inline:var(--solaris-divider-spacing-md);border-left:var(--solaris-border-width-sm) solid var(--solaris-border-default)}:host([data-spacing=none][data-orientation=horizontal]){margin-block:var(--solaris-divider-spacing-none)}:host([data-spacing=sm][data-orientation=horizontal]){margin-block:var(--solaris-divider-spacing-sm)}:host([data-spacing=md][data-orientation=horizontal]){margin-block:var(--solaris-divider-spacing-md)}:host([data-spacing=lg][data-orientation=horizontal]){margin-block:var(--solaris-divider-spacing-lg)}:host([data-spacing=none][data-orientation=vertical]){margin-inline:var(--solaris-divider-spacing-none)}:host([data-spacing=sm][data-orientation=vertical]){margin-inline:var(--solaris-divider-spacing-sm)}:host([data-spacing=md][data-orientation=vertical]){margin-inline:var(--solaris-divider-spacing-md)}:host([data-spacing=lg][data-orientation=vertical]){margin-inline:var(--solaris-divider-spacing-lg)}:host([data-appearance=strong]){border-top-color:var(--solaris-border-strong);border-left-color:var(--solaris-border-strong);border-top-width:var(--solaris-border-width-lg);border-left-width:var(--solaris-border-width-lg)}:host([data-inset=start][data-orientation=horizontal]){width:calc(100% - var(--solaris-divider-inset-start));margin-inline-start:var(--solaris-divider-inset-start)}:host([data-inset=end][data-orientation=horizontal]){margin-inline-end:var(--solaris-divider-inset-end);width:calc(100% - var(--solaris-divider-inset-end))}:host([data-inset=both][data-orientation=horizontal]){margin-inline:var(--solaris-divider-inset-start) var(--solaris-divider-inset-end);width:calc(100% - var(--solaris-divider-inset-start) - var(--solaris-divider-inset-end))}:host([data-inset=start][data-orientation=vertical]){margin-block-start:var(--solaris-divider-inset-start);height:calc(100% - var(--solaris-divider-inset-start))}:host([data-inset=end][data-orientation=vertical]){margin-block-end:var(--solaris-divider-inset-end);height:calc(100% - var(--solaris-divider-inset-end))}:host([data-inset=both][data-orientation=vertical]){height:calc(100% - var(--solaris-divider-inset-start) - var(--solaris-divider-inset-end));margin-block:var(--solaris-divider-inset-start) var(--solaris-divider-inset-end)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisDividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-divider', standalone: true, host: {
+                        '[attr.data-inset]': 'inset()',
+                        '[attr.role]': 'computedRole()',
+                        '[attr.data-spacing]': 'spacing()',
+                        '[attr.data-appearance]': 'appearance()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.aria-hidden]': 'decorative() ? "true" : null',
+                        '[attr.aria-orientation]': 'computedAriaOrientation()',
+                        '[style.--solaris-divider-width]': 'computedWidth()',
+                        '[style.--solaris-divider-height]': 'computedHeight()',
+                    }, template: "<ng-content />\n", styles: [":host{--solaris-divider-spacing-none: 0;--solaris-divider-inset-end: var(--solaris-spacing-3);--solaris-divider-spacing-sm: var(--solaris-spacing-2);--solaris-divider-spacing-md: var(--solaris-spacing-3);--solaris-divider-spacing-lg: var(--solaris-spacing-5);--solaris-divider-inset-start: var(--solaris-spacing-3);display:block;pointer-events:none;box-sizing:border-box}:host([data-orientation=horizontal]){height:0;width:var(--solaris-divider-width, 100%);margin-block:var(--solaris-divider-spacing-md);border-top:var(--solaris-border-width-sm) solid var(--solaris-border-default)}:host([data-orientation=vertical]){width:0;height:var(--solaris-divider-height, 100%);min-height:1.5rem;align-self:stretch;margin-inline:var(--solaris-divider-spacing-md);border-left:var(--solaris-border-width-sm) solid var(--solaris-border-default)}:host([data-spacing=none][data-orientation=horizontal]){margin-block:var(--solaris-divider-spacing-none)}:host([data-spacing=sm][data-orientation=horizontal]){margin-block:var(--solaris-divider-spacing-sm)}:host([data-spacing=md][data-orientation=horizontal]){margin-block:var(--solaris-divider-spacing-md)}:host([data-spacing=lg][data-orientation=horizontal]){margin-block:var(--solaris-divider-spacing-lg)}:host([data-spacing=none][data-orientation=vertical]){margin-inline:var(--solaris-divider-spacing-none)}:host([data-spacing=sm][data-orientation=vertical]){margin-inline:var(--solaris-divider-spacing-sm)}:host([data-spacing=md][data-orientation=vertical]){margin-inline:var(--solaris-divider-spacing-md)}:host([data-spacing=lg][data-orientation=vertical]){margin-inline:var(--solaris-divider-spacing-lg)}:host([data-appearance=strong]){border-top-color:var(--solaris-border-strong);border-left-color:var(--solaris-border-strong);border-top-width:var(--solaris-border-width-lg);border-left-width:var(--solaris-border-width-lg)}:host([data-inset=start][data-orientation=horizontal]){width:calc(100% - var(--solaris-divider-inset-start));margin-inline-start:var(--solaris-divider-inset-start)}:host([data-inset=end][data-orientation=horizontal]){margin-inline-end:var(--solaris-divider-inset-end);width:calc(100% - var(--solaris-divider-inset-end))}:host([data-inset=both][data-orientation=horizontal]){margin-inline:var(--solaris-divider-inset-start) var(--solaris-divider-inset-end);width:calc(100% - var(--solaris-divider-inset-start) - var(--solaris-divider-inset-end))}:host([data-inset=start][data-orientation=vertical]){margin-block-start:var(--solaris-divider-inset-start);height:calc(100% - var(--solaris-divider-inset-start))}:host([data-inset=end][data-orientation=vertical]){margin-block-end:var(--solaris-divider-inset-end);height:calc(100% - var(--solaris-divider-inset-end))}:host([data-inset=both][data-orientation=vertical]){height:calc(100% - var(--solaris-divider-inset-start) - var(--solaris-divider-inset-end));margin-block:var(--solaris-divider-inset-start) var(--solaris-divider-inset-end)}\n"] }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], inset: [{ type: i0.Input, args: [{ isSignal: true, alias: "inset", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }] } });
+//# sourceMappingURL=divider.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/divider/component/divider.component.ts","../../../../../../../../../packages/angular/src/lib/components/data-display/divider/component/divider.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;;AA2B3D,MAAM,OAAO,uBAAuB;IACzB,WAAW,GAAG,KAAK,CAA4B,YAAY,kFAAC,CAAC;IAC7D,UAAU,GAAG,KAAK,CAA2B,QAAQ,iFAAC,CAAC;IACvD,OAAO,GAAG,KAAK,CAAwB,IAAI,8EAAC,CAAC;IAC7C,KAAK,GAAG,KAAK,CAAsB,MAAM,4EAAC,CAAC;IAC3C,UAAU,GAAG,KAAK,CAAU,IAAI,iFAAC,CAAC;IAClC,KAAK,GAAG,KAAK,CAAuB,EAAE,4EAAC,CAAC;IACxC,MAAM,GAAG,KAAK,CAAuB,EAAE,6EAAC,CAAC;IAE/B,YAAY,GAAG,QAAQ,CAAgB,GAAG,EAAE;QAC7D,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;IAChD,CAAC,mFAAC,CAAC;IAEgB,uBAAuB,GAAG,QAAQ,CAAgB,GAAG,EAAE;QACxE,IAAI,IAAI,CAAC,UAAU,EAAE;YAAE,OAAO,IAAI,CAAC;QACnC,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,UAAU;YAAE,OAAO,UAAU,CAAC;QACzD,OAAO,IAAI,CAAC;IACd,CAAC,8FAAC,CAAC;IAEgB,aAAa,GAAG,QAAQ,CAAgB,GAAG,EAAE;QAC9D,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtB,CAAC,oFAAC,CAAC;IAEgB,cAAc,GAAG,QAAQ,CAAgB,GAAG,EAAE;QAC/D,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtB,CAAC,qFAAC,CAAC;wGA3BQ,uBAAuB;4FAAvB,uBAAuB,y3CC3BpC,kBACA;;4FD0Ba,uBAAuB;kBAjBnC,SAAS;+BACE,iBAAiB,cACf,IAAI,QAGV;wBACJ,mBAAmB,EAAE,SAAS;wBAC9B,aAAa,EAAE,gBAAgB;wBAC/B,qBAAqB,EAAE,WAAW;wBAClC,wBAAwB,EAAE,cAAc;wBACxC,yBAAyB,EAAE,eAAe;wBAC1C,oBAAoB,EAAE,8BAA8B;wBACpD,yBAAyB,EAAE,2BAA2B;wBACtD,iCAAiC,EAAE,iBAAiB;wBACpD,kCAAkC,EAAE,kBAAkB;qBACvD","sourcesContent":["import { Component, input, computed } from '@angular/core';\n\nimport type {\n  SolarisDividerOrientation,\n  SolarisDividerAppearance,\n  SolarisDividerSpacing,\n  SolarisDividerInset,\n  SolarisDividerLength,\n} from '../model/divider.types';\n\n@Component({\n  selector: 'solaris-divider',\n  standalone: true,\n  templateUrl: './divider.component.html',\n  styleUrls: ['./divider.component.scss'],\n  host: {\n    '[attr.data-inset]': 'inset()',\n    '[attr.role]': 'computedRole()',\n    '[attr.data-spacing]': 'spacing()',\n    '[attr.data-appearance]': 'appearance()',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.aria-hidden]': 'decorative() ? \"true\" : null',\n    '[attr.aria-orientation]': 'computedAriaOrientation()',\n    '[style.--solaris-divider-width]': 'computedWidth()',\n    '[style.--solaris-divider-height]': 'computedHeight()',\n  },\n})\nexport class SolarisDividerComponent {\n  readonly orientation = input<SolarisDividerOrientation>('horizontal');\n  readonly appearance = input<SolarisDividerAppearance>('subtle');\n  readonly spacing = input<SolarisDividerSpacing>('md');\n  readonly inset = input<SolarisDividerInset>('none');\n  readonly decorative = input<boolean>(true);\n  readonly width = input<SolarisDividerLength>('');\n  readonly height = input<SolarisDividerLength>('');\n\n  protected readonly computedRole = computed<string | null>(() => {\n    return this.decorative() ? null : 'separator';\n  });\n\n  protected readonly computedAriaOrientation = computed<string | null>(() => {\n    if (this.decorative()) return null;\n    if (this.orientation() === 'vertical') return 'vertical';\n    return null;\n  });\n\n  protected readonly computedWidth = computed<string | null>(() => {\n    const w = this.width();\n    return w ? w : null;\n  });\n\n  protected readonly computedHeight = computed<string | null>(() => {\n    const h = this.height();\n    return h ? h : null;\n  });\n}\n","<ng-content />\n"]}

package/esm2022/lib/components/data-display/divider/index.js

@@ -0,0 +1,2 @@
+export { SolarisDividerComponent } from './component/divider.component';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/data-display/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/data-display/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export { SolarisDividerComponent } from './component/divider.component';\n\nexport type {\n  SolarisDividerOrientation,\n  SolarisDividerAppearance,\n  SolarisDividerSpacing,\n  SolarisDividerInset,\n} from './model/divider.types';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/divider/model/divider.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisDividerOrientation = 'horizontal' | 'vertical';\n\nexport type SolarisDividerAppearance = 'subtle' | 'strong';\n\nexport type SolarisDividerSpacing = 'none' | 'sm' | 'md' | 'lg';\n\nexport type SolarisDividerInset = 'none' | 'start' | 'end' | 'both';\n\nexport type SolarisDividerLength = string;\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"]}