@educarehq/solaris-ui 0.1.0 → 0.3.0

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,69 @@
+import { Component, input, computed } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SolarisSkeletonComponent {
+    variant = input('text', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    animation = input('pulse', ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    radius = input('text', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
+    height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
+    lines = input(1, ...(ngDevMode ? [{ debugName: "lines" }] : /* istanbul ignore next */ []));
+    effectiveRadius = computed(() => {
+        const r = this.radius();
+        if (r !== 'text') {
+            return r;
+        }
+        const v = this.variant();
+        if (v === 'rectangular') {
+            return 'sm';
+        }
+        if (v === 'circular') {
+            return 'full';
+        }
+        return 'sm';
+    }, ...(ngDevMode ? [{ debugName: "effectiveRadius" }] : /* istanbul ignore next */ []));
+    isMultiLine = computed(() => this.lines() > 1 && this.variant() === 'text', ...(ngDevMode ? [{ debugName: "isMultiLine" }] : /* istanbul ignore next */ []));
+    lineWidths = computed(() => {
+        const count = this.lines();
+        if (count <= 1) {
+            return [];
+        }
+        const customWidth = this.width();
+        const widths = [
+            '100%',
+            '92%',
+            '85%',
+            '78%',
+            '70%',
+            '95%',
+            '88%',
+            '82%',
+            '75%',
+            '68%',
+        ];
+        return Array.from({ length: count }, (_, i) => {
+            if (i === 0 && customWidth) {
+                return customWidth;
+            }
+            return widths[i % widths.length];
+        });
+    }, ...(ngDevMode ? [{ debugName: "lineWidths" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisSkeletonComponent, isStandalone: true, selector: "solaris-skeleton", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "attr.data-variant": "variant()", "attr.data-animation": "animation()", "attr.data-size": "size()", "attr.data-radius": "effectiveRadius()", "attr.data-density": "density()", "attr.data-multiline": "isMultiLine() ? \"\" : null", "style.width": "width() || null", "style.height": "height() || null" } }, ngImport: i0, template: "@if (isMultiLine()) {\r\n  @for (width of lineWidths(); track $index) {\r\n    <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n  }\r\n}\r\n", styles: [":host{--solaris-skeleton-width: 100%;--solaris-skeleton-gap: var(--solaris-spacing-2);--solaris-skeleton-height: var(--solaris-spacing-4);--solaris-skeleton-radius: var(--solaris-radius-sm);--solaris-skeleton-background: var(--solaris-surface-muted);--solaris-skeleton-highlight: var(--solaris-surface-raised);--solaris-skeleton-animation-easing: var(--solaris-motion-easing-standard);--solaris-skeleton-animation-duration: var(--solaris-motion-duration-slower);min-width:0;min-height:0;display:block;box-sizing:border-box;width:var(--solaris-skeleton-width);height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-multiline]){display:flex;height:auto;animation:none;background:none;border-radius:var(--solaris-radius-none);overflow:visible;position:static;flex-direction:column;gap:var(--solaris-skeleton-gap)}:host([data-multiline]):after{content:none;animation:none}.solaris-skeleton-line{display:block;box-sizing:border-box;min-width:0;min-height:0;height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-variant=text]){--solaris-skeleton-height: var(--solaris-spacing-4)}:host([data-variant=rectangular]){--solaris-skeleton-height: 8rem}:host([data-variant=circular]){--solaris-skeleton-height: var(--solaris-spacing-12);--solaris-skeleton-width: var(--solaris-spacing-12)}:host([data-size=sm]){--solaris-skeleton-height: var(--solaris-spacing-3)}:host([data-size=sm][data-variant=rectangular]){--solaris-skeleton-height: 6rem}:host([data-size=sm][data-variant=circular]){--solaris-skeleton-width: 2.25rem;--solaris-skeleton-height: 2.25rem}:host([data-size=lg]){--solaris-skeleton-height: var(--solaris-spacing-5)}:host([data-size=lg][data-variant=rectangular]){--solaris-skeleton-height: 10rem}:host([data-size=lg][data-variant=circular]){--solaris-skeleton-width: 3.75rem;--solaris-skeleton-height: 3.75rem}:host([data-density=compact]){--solaris-skeleton-height: .625rem}:host([data-density=compact][data-variant=rectangular]){--solaris-skeleton-height: 5rem}:host([data-density=compact][data-variant=circular]){--solaris-skeleton-width: 2rem;--solaris-skeleton-height: 2rem}:host([data-density=comfortable]){--solaris-skeleton-height: 1.125rem}:host([data-density=comfortable][data-variant=rectangular]){--solaris-skeleton-height: 9rem}:host([data-density=comfortable][data-variant=circular]){--solaris-skeleton-width: 3.5rem;--solaris-skeleton-height: 3.5rem}:host([data-radius=none]){--solaris-skeleton-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-skeleton-radius: var(--solaris-radius-sm)}:host([data-radius=full]){--solaris-skeleton-radius: var(--solaris-radius-full)}:host([data-animation=pulse]){animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=pulse]) .solaris-skeleton-line{animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]){overflow:hidden;position:relative}:host([data-animation=wave]):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]) .solaris-skeleton-line{overflow:hidden;position:relative}:host([data-animation=wave]) .solaris-skeleton-line:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave][data-multiline]){overflow:visible;position:static}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}:host([data-animation=none]){animation:none}:host([data-animation=none]):after{content:none;animation:none}@media(prefers-reduced-motion:reduce){:host([data-animation=pulse]){animation:none}:host([data-animation=pulse]) .solaris-skeleton-line{animation:none}:host([data-animation=wave]):after{animation:none;content:none}:host([data-animation=wave]) .solaris-skeleton-line:after{animation:none;content:none}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse]{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse] .solaris-skeleton-line{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave]:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave] .solaris-skeleton-line:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave][data-multiline]:after{content:none;animation:none}@keyframes solaris-skeleton-pulse{0%{opacity:var(--solaris-opacity-100)}50%{opacity:var(--solaris-opacity-50)}to{opacity:var(--solaris-opacity-100)}}@keyframes solaris-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisSkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-skeleton', standalone: true, host: {
+                        'aria-hidden': 'true',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-animation]': 'animation()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-radius]': 'effectiveRadius()',
+                        '[attr.data-density]': 'density()',
+                        '[attr.data-multiline]': 'isMultiLine() ? "" : null',
+                        '[style.width]': 'width() || null',
+                        '[style.height]': 'height() || null',
+                    }, template: "@if (isMultiLine()) {\r\n  @for (width of lineWidths(); track $index) {\r\n    <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n  }\r\n}\r\n", styles: [":host{--solaris-skeleton-width: 100%;--solaris-skeleton-gap: var(--solaris-spacing-2);--solaris-skeleton-height: var(--solaris-spacing-4);--solaris-skeleton-radius: var(--solaris-radius-sm);--solaris-skeleton-background: var(--solaris-surface-muted);--solaris-skeleton-highlight: var(--solaris-surface-raised);--solaris-skeleton-animation-easing: var(--solaris-motion-easing-standard);--solaris-skeleton-animation-duration: var(--solaris-motion-duration-slower);min-width:0;min-height:0;display:block;box-sizing:border-box;width:var(--solaris-skeleton-width);height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-multiline]){display:flex;height:auto;animation:none;background:none;border-radius:var(--solaris-radius-none);overflow:visible;position:static;flex-direction:column;gap:var(--solaris-skeleton-gap)}:host([data-multiline]):after{content:none;animation:none}.solaris-skeleton-line{display:block;box-sizing:border-box;min-width:0;min-height:0;height:var(--solaris-skeleton-height);border-radius:var(--solaris-skeleton-radius);background:var(--solaris-skeleton-background)}:host([data-variant=text]){--solaris-skeleton-height: var(--solaris-spacing-4)}:host([data-variant=rectangular]){--solaris-skeleton-height: 8rem}:host([data-variant=circular]){--solaris-skeleton-height: var(--solaris-spacing-12);--solaris-skeleton-width: var(--solaris-spacing-12)}:host([data-size=sm]){--solaris-skeleton-height: var(--solaris-spacing-3)}:host([data-size=sm][data-variant=rectangular]){--solaris-skeleton-height: 6rem}:host([data-size=sm][data-variant=circular]){--solaris-skeleton-width: 2.25rem;--solaris-skeleton-height: 2.25rem}:host([data-size=lg]){--solaris-skeleton-height: var(--solaris-spacing-5)}:host([data-size=lg][data-variant=rectangular]){--solaris-skeleton-height: 10rem}:host([data-size=lg][data-variant=circular]){--solaris-skeleton-width: 3.75rem;--solaris-skeleton-height: 3.75rem}:host([data-density=compact]){--solaris-skeleton-height: .625rem}:host([data-density=compact][data-variant=rectangular]){--solaris-skeleton-height: 5rem}:host([data-density=compact][data-variant=circular]){--solaris-skeleton-width: 2rem;--solaris-skeleton-height: 2rem}:host([data-density=comfortable]){--solaris-skeleton-height: 1.125rem}:host([data-density=comfortable][data-variant=rectangular]){--solaris-skeleton-height: 9rem}:host([data-density=comfortable][data-variant=circular]){--solaris-skeleton-width: 3.5rem;--solaris-skeleton-height: 3.5rem}:host([data-radius=none]){--solaris-skeleton-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-skeleton-radius: var(--solaris-radius-sm)}:host([data-radius=full]){--solaris-skeleton-radius: var(--solaris-radius-full)}:host([data-animation=pulse]){animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=pulse]) .solaris-skeleton-line{animation:solaris-skeleton-pulse var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]){overflow:hidden;position:relative}:host([data-animation=wave]):after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave]) .solaris-skeleton-line{overflow:hidden;position:relative}:host([data-animation=wave]) .solaris-skeleton-line:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--solaris-skeleton-highlight) 50%,transparent 100%);background-size:200% 100%;animation:solaris-skeleton-wave var(--solaris-skeleton-animation-duration) var(--solaris-skeleton-animation-easing) infinite}:host([data-animation=wave][data-multiline]){overflow:visible;position:static}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}:host([data-animation=none]){animation:none}:host([data-animation=none]):after{content:none;animation:none}@media(prefers-reduced-motion:reduce){:host([data-animation=pulse]){animation:none}:host([data-animation=pulse]) .solaris-skeleton-line{animation:none}:host([data-animation=wave]):after{animation:none;content:none}:host([data-animation=wave]) .solaris-skeleton-line:after{animation:none;content:none}:host([data-animation=wave][data-multiline]):after{content:none;animation:none}}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse]{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=pulse] .solaris-skeleton-line{animation:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave]:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave] .solaris-skeleton-line:after{animation:none;content:none}[data-reduced-motion=true] solaris-skeleton[data-animation=wave][data-multiline]:after{content:none;animation:none}@keyframes solaris-skeleton-pulse{0%{opacity:var(--solaris-opacity-100)}50%{opacity:var(--solaris-opacity-50)}to{opacity:var(--solaris-opacity-100)}}@keyframes solaris-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], lines: [{ type: i0.Input, args: [{ isSignal: true, alias: "lines", required: false }] }] } });
+//# sourceMappingURL=skeleton.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/component/skeleton.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/component/skeleton.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;;AA2B3D,MAAM,OAAO,wBAAwB;IAC1B,OAAO,GAAG,KAAK,CAAyB,MAAM,8EAAC,CAAC;IAChD,SAAS,GAAG,KAAK,CAA2B,OAAO,gFAAC,CAAC;IACrD,IAAI,GAAG,KAAK,CAAsB,IAAI,2EAAC,CAAC;IACxC,MAAM,GAAG,KAAK,CAAwB,MAAM,6EAAC,CAAC;IAC9C,OAAO,GAAG,KAAK,wFAA0B,CAAC;IAC1C,KAAK,GAAG,KAAK,sFAAU,CAAC;IACxB,MAAM,GAAG,KAAK,uFAAU,CAAC;IACzB,KAAK,GAAG,KAAK,CAAS,CAAC,4EAAC,CAAC;IAEzB,eAAe,GAAG,QAAQ,CAAwB,GAAG,EAAE;QAC9D,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;YACjB,OAAO,CAAC,CAAC;QACX,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,aAAa,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,KAAK,UAAU,EAAE,CAAC;YACrB,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,sFAAC,CAAC;IAEM,WAAW,GAAG,QAAQ,CAC7B,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,MAAM,kFACpD,CAAC;IAEO,UAAU,GAAG,QAAQ,CAAW,GAAG,EAAE;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC3B,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,MAAM,GAAG;YACb,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;SACN,CAAC;QACF,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC5C,IAAI,CAAC,KAAK,CAAC,IAAI,WAAW,EAAE,CAAC;gBAC3B,OAAO,WAAW,CAAC;YACrB,CAAC;YACD,OAAO,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,iFAAC,CAAC;wGArDQ,wBAAwB;4FAAxB,wBAAwB,+5CC3BrC,sKAKA;;4FDsBa,wBAAwB;kBAjBpC,SAAS;+BACE,kBAAkB,cAChB,IAAI,QAGV;wBACJ,aAAa,EAAE,MAAM;wBACrB,qBAAqB,EAAE,WAAW;wBAClC,uBAAuB,EAAE,aAAa;wBACtC,kBAAkB,EAAE,QAAQ;wBAC5B,oBAAoB,EAAE,mBAAmB;wBACzC,qBAAqB,EAAE,WAAW;wBAClC,uBAAuB,EAAE,2BAA2B;wBACpD,eAAe,EAAE,iBAAiB;wBAClC,gBAAgB,EAAE,kBAAkB;qBACrC","sourcesContent":["import { Component, input, computed } from '@angular/core';\r\n\r\nimport type {\r\n  SolarisSkeletonVariant,\r\n  SolarisSkeletonAnimation,\r\n  SolarisSkeletonSize,\r\n  SolarisSkeletonRadius,\r\n  SolarisSkeletonDensity,\r\n} from '../model/skeleton.types';\r\n\r\n@Component({\r\n  selector: 'solaris-skeleton',\r\n  standalone: true,\r\n  templateUrl: './skeleton.component.html',\r\n  styleUrls: ['./skeleton.component.scss'],\r\n  host: {\r\n    'aria-hidden': 'true',\r\n    '[attr.data-variant]': 'variant()',\r\n    '[attr.data-animation]': 'animation()',\r\n    '[attr.data-size]': 'size()',\r\n    '[attr.data-radius]': 'effectiveRadius()',\r\n    '[attr.data-density]': 'density()',\r\n    '[attr.data-multiline]': 'isMultiLine() ? \"\" : null',\r\n    '[style.width]': 'width() || null',\r\n    '[style.height]': 'height() || null',\r\n  },\r\n})\r\nexport class SolarisSkeletonComponent {\r\n  readonly variant = input<SolarisSkeletonVariant>('text');\r\n  readonly animation = input<SolarisSkeletonAnimation>('pulse');\r\n  readonly size = input<SolarisSkeletonSize>('md');\r\n  readonly radius = input<SolarisSkeletonRadius>('text');\r\n  readonly density = input<SolarisSkeletonDensity>();\r\n  readonly width = input<string>();\r\n  readonly height = input<string>();\r\n  readonly lines = input<number>(1);\r\n\r\n  readonly effectiveRadius = computed<SolarisSkeletonRadius>(() => {\r\n    const r = this.radius();\r\n    if (r !== 'text') {\r\n      return r;\r\n    }\r\n    const v = this.variant();\r\n    if (v === 'rectangular') {\r\n      return 'sm';\r\n    }\r\n    if (v === 'circular') {\r\n      return 'full';\r\n    }\r\n    return 'sm';\r\n  });\r\n\r\n  readonly isMultiLine = computed(\r\n    () => this.lines() > 1 && this.variant() === 'text',\r\n  );\r\n\r\n  readonly lineWidths = computed<string[]>(() => {\r\n    const count = this.lines();\r\n    if (count <= 1) {\r\n      return [];\r\n    }\r\n    const customWidth = this.width();\r\n    const widths = [\r\n      '100%',\r\n      '92%',\r\n      '85%',\r\n      '78%',\r\n      '70%',\r\n      '95%',\r\n      '88%',\r\n      '82%',\r\n      '75%',\r\n      '68%',\r\n    ];\r\n    return Array.from({ length: count }, (_, i) => {\r\n      if (i === 0 && customWidth) {\r\n        return customWidth;\r\n      }\r\n      return widths[i % widths.length];\r\n    });\r\n  });\r\n}\r\n","@if (isMultiLine()) {\r\n  @for (width of lineWidths(); track $index) {\r\n    <span class=\"solaris-skeleton-line\" [style.width]=\"width\"></span>\r\n  }\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/skeleton/model/skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisSkeletonVariant = 'text' | 'rectangular' | 'circular';\r\n\r\nexport type SolarisSkeletonAnimation = 'pulse' | 'wave' | 'none';\r\n\r\nexport type SolarisSkeletonSize = 'sm' | 'md' | 'lg';\r\n\r\nexport type SolarisSkeletonRadius = 'text' | 'none' | 'sm' | 'full';\r\n\r\nexport type SolarisSkeletonDensity = 'compact' | 'comfortable';\r\n"]}

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

@@ -0,0 +1,268 @@
+import { Component, input, output, inject, computed, effect, signal, ChangeDetectionStrategy, DestroyRef, HostListener, } from '@angular/core';
+import { SolarisTranslateService } from '../../../../services/translation';
+import { SolarisButtonDirective } from '../../../actions/button';
+import { SolarisToastService } from '../service/toast.service';
+import { SolarisIconComponent } from '../../../icon';
+import * as i0 from "@angular/core";
+export class SolarisToastComponent {
+    translateService = inject(SolarisTranslateService, {
+        optional: true,
+    });
+    toastService = inject(SolarisToastService);
+    destroyRef = inject(DestroyRef);
+    entry = input.required(...(ngDevMode ? [{ debugName: "entry" }] : /* istanbul ignore next */ []));
+    dismiss = output();
+    hostDataVariant = computed(() => this.entry().resolvedVariant, ...(ngDevMode ? [{ debugName: "hostDataVariant" }] : /* istanbul ignore next */ []));
+    hostDataAppearance = computed(() => this.entry().resolvedAppearance, ...(ngDevMode ? [{ debugName: "hostDataAppearance" }] : /* istanbul ignore next */ []));
+    hostRole = computed(() => this.entry().resolvedRole, ...(ngDevMode ? [{ debugName: "hostRole" }] : /* istanbul ignore next */ []));
+    hostAriaLive = computed(() => {
+        const live = this.entry().resolvedAriaLive;
+        return live === 'off' ? null : live;
+    }, ...(ngDevMode ? [{ debugName: "hostAriaLive" }] : /* istanbul ignore next */ []));
+    hostDataIconSize = computed(() => this.entry().resolvedIconSize, ...(ngDevMode ? [{ debugName: "hostDataIconSize" }] : /* istanbul ignore next */ []));
+    hostDataMediaShape = computed(() => this.entry().resolvedMediaShape, ...(ngDevMode ? [{ debugName: "hostDataMediaShape" }] : /* istanbul ignore next */ []));
+    hostDataActionsAlign = computed(() => this.entry().resolvedActionsAlign, ...(ngDevMode ? [{ debugName: "hostDataActionsAlign" }] : /* istanbul ignore next */ []));
+    expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    isExpandable = computed(() => {
+        const e = this.entry();
+        return e.resolvedExpandable && !!e.resolvedDescription;
+    }, ...(ngDevMode ? [{ debugName: "isExpandable" }] : /* istanbul ignore next */ []));
+    toggleExpanded() {
+        this.expanded.update((v) => !v);
+    }
+    expandButtonLabel = computed(() => {
+        const e = this.entry();
+        if (this.expanded()) {
+            return (e.resolvedCollapseLabel || this.translate('solaris.toast.collapse'));
+        }
+        return e.resolvedExpandLabel || this.translate('solaris.toast.expand');
+    }, ...(ngDevMode ? [{ debugName: "expandButtonLabel" }] : /* istanbul ignore next */ []));
+    isTruncated = computed(() => this.isExpandable() && !this.expanded(), ...(ngDevMode ? [{ debugName: "isTruncated" }] : /* istanbul ignore next */ []));
+    countdownPercent = signal(100, ...(ngDevMode ? [{ debugName: "countdownPercent" }] : /* istanbul ignore next */ []));
+    remainingSeconds = signal(0, ...(ngDevMode ? [{ debugName: "remainingSeconds" }] : /* istanbul ignore next */ []));
+    countdownTotalMs = 0;
+    countdownStartedAt = 0;
+    countdownRemainingMs = 0;
+    countdownStarted = false;
+    countdownIntervalId = null;
+    isPaused = signal(false, ...(ngDevMode ? [{ debugName: "isPaused" }] : /* istanbul ignore next */ []));
+    isUserPaused = signal(false, ...(ngDevMode ? [{ debugName: "isUserPaused" }] : /* istanbul ignore next */ []));
+    showProgressBar = computed(() => {
+        const e = this.entry();
+        if (e.resolvedProgress !== undefined && e.resolvedProgress !== null) {
+            return true;
+        }
+        const showCountdown = this.shouldShowCountdown();
+        return (showCountdown &&
+            !e.resolvedPersistent &&
+            e.resolvedDuration > 0 &&
+            e.resolvedDuration < Infinity &&
+            (e.resolvedCountdownMode === 'bar' || e.resolvedCountdownMode === 'both'));
+    }, ...(ngDevMode ? [{ debugName: "showProgressBar" }] : /* istanbul ignore next */ []));
+    showCountdownText = computed(() => {
+        const e = this.entry();
+        const showCountdown = this.shouldShowCountdown();
+        return (showCountdown &&
+            !e.resolvedPersistent &&
+            e.resolvedDuration > 0 &&
+            e.resolvedDuration < Infinity &&
+            (e.resolvedCountdownMode === 'text' || e.resolvedCountdownMode === 'both'));
+    }, ...(ngDevMode ? [{ debugName: "showCountdownText" }] : /* istanbul ignore next */ []));
+    shouldShowCountdown() {
+        const e = this.entry();
+        return e.resolvedShowCountdown || e.resolvedShowProgress;
+    }
+    progressValue = computed(() => {
+        const e = this.entry();
+        if (e.resolvedProgress !== undefined && e.resolvedProgress !== null) {
+            return e.resolvedProgress;
+        }
+        return this.countdownPercent();
+    }, ...(ngDevMode ? [{ debugName: "progressValue" }] : /* istanbul ignore next */ []));
+    isProcessProgress = computed(() => {
+        const e = this.entry();
+        return e.resolvedProgress !== undefined && e.resolvedProgress !== null;
+    }, ...(ngDevMode ? [{ debugName: "isProcessProgress" }] : /* istanbul ignore next */ []));
+    countdownText = computed(() => {
+        const secs = this.remainingSeconds();
+        if (secs <= 0)
+            return '';
+        return this.translate('solaris.toast.closesIn', { seconds: String(secs) });
+    }, ...(ngDevMode ? [{ debugName: "countdownText" }] : /* istanbul ignore next */ []));
+    showTitle = computed(() => !!this.entry().resolvedTitle, ...(ngDevMode ? [{ debugName: "showTitle" }] : /* istanbul ignore next */ []));
+    showDescription = computed(() => !!this.entry().resolvedDescription, ...(ngDevMode ? [{ debugName: "showDescription" }] : /* istanbul ignore next */ []));
+    showIcon = computed(() => {
+        const e = this.entry();
+        return e.resolvedIcon !== undefined && e.resolvedIcon !== null;
+    }, ...(ngDevMode ? [{ debugName: "showIcon" }] : /* istanbul ignore next */ []));
+    showActions = computed(() => {
+        const actions = this.entry().resolvedActions;
+        return actions && actions.length > 0;
+    }, ...(ngDevMode ? [{ debugName: "showActions" }] : /* istanbul ignore next */ []));
+    showClose = computed(() => this.entry().resolvedCloseable, ...(ngDevMode ? [{ debugName: "showClose" }] : /* istanbul ignore next */ []));
+    centerContent = computed(() => !this.showDescription() && !this.showActions(), ...(ngDevMode ? [{ debugName: "centerContent" }] : /* istanbul ignore next */ []));
+    hasActionsNoDescription = computed(() => this.showActions() && !this.showDescription(), ...(ngDevMode ? [{ debugName: "hasActionsNoDescription" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const e = this.entry();
+            if (e.resolvedPersistent ||
+                e.resolvedDuration <= 0 ||
+                e.resolvedDuration >= Infinity) {
+                this.stopCountdown();
+            }
+            else {
+                this.startCountdown(e.resolvedDuration);
+            }
+        });
+        effect(() => {
+            this.expanded.set(this.entry().resolvedDefaultExpanded);
+        });
+        this.destroyRef.onDestroy(() => {
+            this.stopCountdown();
+        });
+    }
+    startCountdown(duration) {
+        this.stopCountdown();
+        if (duration <= 0 || duration >= Infinity)
+            return;
+        this.countdownStarted = true;
+        this.countdownTotalMs = duration;
+        this.countdownStartedAt = Date.now();
+        this.countdownRemainingMs = duration;
+        this.countdownPercent.set(100);
+        this.remainingSeconds.set(Math.ceil(duration / 1000));
+        this.countdownIntervalId = setInterval(() => this.tickCountdown(), 50);
+    }
+    stopCountdown() {
+        this.clearCountdownInterval();
+        this.countdownStarted = false;
+    }
+    clearCountdownInterval() {
+        if (this.countdownIntervalId !== null) {
+            clearInterval(this.countdownIntervalId);
+            this.countdownIntervalId = null;
+        }
+    }
+    tickCountdown() {
+        if (this.isPaused())
+            return;
+        const elapsed = Date.now() - this.countdownStartedAt;
+        const remaining = Math.max(0, this.countdownRemainingMs - elapsed);
+        this.countdownPercent.set((remaining / this.countdownTotalMs) * 100);
+        this.remainingSeconds.set(Math.ceil(remaining / 1000));
+        if (remaining <= 0) {
+            this.stopCountdown();
+            this.handleDismiss();
+        }
+    }
+    captureCountdownRemaining() {
+        if (!this.countdownStarted)
+            return;
+        const elapsed = Date.now() - this.countdownStartedAt;
+        this.countdownRemainingMs = Math.max(0, this.countdownRemainingMs - elapsed);
+        this.clearCountdownInterval();
+    }
+    pause() {
+        if (!this.countdownStarted || this.isPaused())
+            return;
+        this.isPaused.set(true);
+        this.captureCountdownRemaining();
+    }
+    resume() {
+        if (!this.countdownStarted || !this.isPaused())
+            return;
+        if (this.isUserPaused())
+            return;
+        this.isPaused.set(false);
+        this.countdownStartedAt = Date.now();
+        this.countdownIntervalId = setInterval(() => this.tickCountdown(), 50);
+    }
+    togglePause() {
+        if (this.isUserPaused()) {
+            this.isUserPaused.set(false);
+            this.resume();
+        }
+        else {
+            this.isUserPaused.set(true);
+            this.pause();
+        }
+    }
+    pauseButtonLabel = computed(() => {
+        if (this.isUserPaused()) {
+            return this.translate('solaris.toast.continue');
+        }
+        return this.translate('solaris.toast.pause');
+    }, ...(ngDevMode ? [{ debugName: "pauseButtonLabel" }] : /* istanbul ignore next */ []));
+    onMouseEnter() {
+        if (this.toastService.configSignal().pauseOnHover) {
+            this.pause();
+        }
+    }
+    onMouseLeave() {
+        if (this.toastService.configSignal().pauseOnHover) {
+            this.resume();
+        }
+    }
+    onFocusIn() {
+        if (this.toastService.configSignal().pauseOnFocus) {
+            this.pause();
+        }
+    }
+    onFocusOut() {
+        if (this.toastService.configSignal().pauseOnFocus) {
+            this.resume();
+        }
+    }
+    handleDismiss() {
+        this.stopCountdown();
+        this.dismiss.emit(this.entry().id);
+    }
+    handleActionClick(action) {
+        const ref = {
+            id: this.entry().id,
+            dismiss: () => this.handleDismiss(),
+            update: (patch) => {
+                this.toastService.update(this.entry().id, patch);
+            },
+        };
+        action.action(ref);
+        if (action.closeOnClick) {
+            this.handleDismiss();
+        }
+    }
+    translate(key, params) {
+        if (this.translateService) {
+            return this.translateService.translate(key, params);
+        }
+        return key;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisToastComponent, isStandalone: true, selector: "solaris-toast", inputs: { entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dismiss: "dismiss" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()" }, properties: { "attr.role": "hostRole()", "attr.aria-live": "hostAriaLive()", "attr.data-variant": "hostDataVariant()", "attr.data-icon-size": "hostDataIconSize()", "attr.data-appearance": "hostDataAppearance()", "attr.data-media-shape": "hostDataMediaShape()", "attr.data-actions-align": "hostDataActionsAlign()", "attr.data-center-content": "centerContent()", "attr.data-actions-no-desc": "hasActionsNoDescription()" } }, ngImport: i0, template: "<div class=\"solaris-toast__root\">\n  @if (showIcon()) {\n    <div class=\"solaris-toast__media\">\n      <div class=\"solaris-toast__icon\">\n        <solaris-icon\n          [name]=\"entry().resolvedIcon\"\n          [decorative]=\"entry().options.iconDecorative !== false\"\n        />\n      </div>\n    </div>\n  }\n\n  <div class=\"solaris-toast__content\">\n    @if (showTitle()) {\n      <div class=\"solaris-toast__title\">{{ entry().resolvedTitle }}</div>\n    }\n\n    @if (showDescription()) {\n      <div\n        class=\"solaris-toast__description\"\n        [class.solaris-toast__description--truncated]=\"isTruncated()\"\n        [style.--solaris-toast-max-lines]=\"entry().resolvedMaxCollapsedLines\"\n      >\n        {{ entry().resolvedDescription }}\n      </div>\n    }\n\n    @if (showActions()) {\n      <div class=\"solaris-toast__actions\">\n        @for (action of entry().resolvedActions; track $index) {\n          <button\n            solaris-button\n            [appearance]=\"action.appearance ?? 'ghost'\"\n            [color]=\"action.color ?? 'neutral'\"\n            size=\"sm\"\n            [disabled]=\"action.disabled ?? false\"\n            (click)=\"handleActionClick(action)\"\n          >\n            {{ action.label }}\n          </button>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"solaris-toast__trailing\">\n    @if (isExpandable()) {\n      <button\n        type=\"button\"\n        class=\"solaris-toast__trailing-btn\"\n        [attr.aria-label]=\"expandButtonLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n        (click)=\"toggleExpanded()\"\n      >\n        <solaris-icon\n          class=\"solaris-toast__expand-icon\"\n          [class.solaris-toast__expand-icon--expanded]=\"expanded()\"\n          name=\"chevron-down\"\n          [decorative]=\"true\"\n        />\n      </button>\n    }\n\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        class=\"solaris-toast__trailing-btn\"\n        [attr.aria-label]=\"entry().resolvedCloseLabel\"\n        (click)=\"handleDismiss()\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n\n@if (showProgressBar()) {\n  <div\n    class=\"solaris-toast__progress\"\n    role=\"progressbar\"\n    [attr.aria-valuenow]=\"progressValue()\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuemax]=\"100\"\n    [attr.aria-label]=\"\n      isProcessProgress()\n        ? translate('solaris.toast.progress')\n        : translate('solaris.toast.remaining')\n    \"\n  >\n    <div\n      class=\"solaris-toast__progress-bar\"\n      [style.width.%]=\"progressValue()\"\n    ></div>\n  </div>\n}\n\n@if (showCountdownText()) {\n  <div class=\"solaris-toast__countdown-text\">\n    <span class=\"solaris-toast__countdown-message\">{{ countdownText() }}</span>\n    <button\n      type=\"button\"\n      class=\"solaris-toast__countdown-toggle\"\n      (click)=\"togglePause()\"\n    >\n      {{ pauseButtonLabel() }}\n    </button>\n  </div>\n}\n", styles: [":host{--solaris-toast-color: initial;--solaris-toast-radius: initial;--solaris-toast-shadow: initial;--solaris-toast-icon-color: initial;--solaris-toast-background: initial;--solaris-toast-title-color: initial;--solaris-toast-border-color: initial;--solaris-toast-border-width: initial;--solaris-toast-action-color: initial;--solaris-toast-progress-color: initial;--solaris-toast-description-color: initial;--solaris-toast-max-lines: 2;--solaris-toast-width: 50rem;--solaris-toast-max-width: 50rem;--solaris-toast-gap: var(--solaris-spacing-3);--solaris-toast-padding: var(--solaris-spacing-2);--solaris-toast-close-size: var(--solaris-spacing-4);--solaris-toast-media-size: var(--solaris-spacing-6);--solaris-toast-content-gap: var(--solaris-spacing-1);--solaris-toast-actions-gap: var(--solaris-spacing-2);--solaris-toast-radius-value: var(--solaris-radius-md);--solaris-toast-icon-size: var(--solaris-font-size-lg);--solaris-toast-shadow-value: var(--solaris-shadow-lg);--solaris-toast-progress-height: var(--solaris-spacing-1);--solaris-toast-close-icon-size: var(--solaris-font-size-lg);display:block;overflow:hidden;pointer-events:auto;box-sizing:border-box;width:var(--solaris-toast-width);max-width:var(--solaris-toast-max-width);box-shadow:var(--solaris-toast-shadow-value);border-radius:var(--solaris-toast-radius-value);animation:solaris-toast-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__root{display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--solaris-toast-gap);color:var(--solaris-toast-color);padding:var(--solaris-toast-padding);border-radius:var(--solaris-radius-md);background:var(--solaris-toast-background);border:var(--solaris-toast-border-width) solid var(--solaris-toast-border-color)}:host([data-center-content=true]) .solaris-toast__root{align-items:center}:host([data-center-content=true]) .solaris-toast__trailing{align-self:center}:host([data-center-content=true]) .solaris-toast__media{margin-top:0}.solaris-toast__media{display:grid;flex-shrink:0;overflow:hidden;place-items:center;margin-top:var(--solaris-spacing-1);width:var(--solaris-toast-media-size);height:var(--solaris-toast-media-size)}.solaris-toast__icon{display:grid;place-items:center;color:var(--solaris-toast-icon-color)}.solaris-toast__icon solaris-icon,.solaris-toast__icon svg{display:block;width:var(--solaris-toast-icon-size);height:var(--solaris-toast-icon-size)}.solaris-toast__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-toast-content-gap);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}.solaris-toast__title{margin:0;word-break:normal;overflow-wrap:break-word;font-size:var(--solaris-font-size-md);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);color:var(--solaris-toast-title-color, var(--solaris-text-strong))}.solaris-toast__description{margin:0;word-break:normal;overflow-wrap:break-word;font-size:var(--solaris-font-size-xs);line-height:var(--solaris-line-height-md);color:var(--solaris-toast-description-color, var(--solaris-text-muted))}.solaris-toast__description--truncated{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--solaris-toast-max-lines)}.solaris-toast__trailing{display:flex;flex-shrink:0;align-self:flex-start;gap:var(--solaris-spacing-2)}.solaris-toast__trailing-btn{all:unset;display:grid;flex-shrink:0;cursor:pointer;place-items:center;box-sizing:border-box;background:transparent;color:var(--solaris-text-muted);width:var(--solaris-toast-close-size);height:var(--solaris-toast-close-size);border-radius:var(--solaris-radius-sm);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__trailing-btn:hover{color:var(--solaris-text-default)}.solaris-toast__trailing-btn:focus-visible{outline-offset:2px;outline:2px solid var(--solaris-primary-base)}.solaris-toast__trailing-btn solaris-icon,.solaris-toast__trailing-btn svg{display:block;width:var(--solaris-toast-close-icon-size);height:var(--solaris-toast-close-icon-size)}.solaris-toast__expand-icon{transition:transform var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__expand-icon--expanded{transform:rotate(180deg)}.solaris-toast__actions{display:flex;flex-wrap:wrap;gap:var(--solaris-toast-actions-gap);margin-block-start:var(--solaris-spacing-2)}:host([data-actions-align=start]) .solaris-toast__actions{justify-content:flex-start}:host([data-actions-align=center]) .solaris-toast__actions{justify-content:center}:host([data-actions-align=end]) .solaris-toast__actions{justify-content:flex-end}:host([data-actions-align=stretch]) .solaris-toast__actions{justify-content:stretch}:host([data-actions-align=stretch]) .solaris-toast__actions [solaris-button]{flex:1}.solaris-toast__progress{height:var(--solaris-toast-progress-height);background:var(--solaris-surface-muted);overflow:hidden}.solaris-toast__progress-bar{height:100%;transition:width .1s var(--solaris-motion-easing-standard);background:var(--solaris-toast-progress-color, var(--solaris-primary-base))}.solaris-toast__countdown-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--solaris-spacing-1);color:var(--solaris-text-muted);background:var(--solaris-bg-page);font-size:var(--solaris-font-size-xs);line-height:var(--solaris-line-height-md);padding:var(--solaris-toast-padding) var(--solaris-spacing-4)}.solaris-toast__countdown-toggle{all:unset;cursor:pointer;white-space:nowrap;line-height:inherit;text-decoration:none;color:var(--solaris-text-default);font-weight:var(--solaris-font-weight-bold)}.solaris-toast__countdown-toggle:hover{text-decoration:underline}.solaris-toast__countdown-toggle:focus-visible{outline-offset:2px;text-decoration:underline;border-radius:var(--solaris-radius-sm);outline:2px solid var(--solaris-primary-base)}:host([data-icon-size=sm]){--solaris-toast-media-size: var(--solaris-spacing-6);--solaris-toast-icon-size: var(--solaris-font-size-lg)}:host([data-icon-size=md]){--solaris-toast-media-size: var(--solaris-spacing-8);--solaris-toast-icon-size: var(--solaris-font-size-2xl)}:host([data-icon-size=lg]){--solaris-toast-media-size: var(--solaris-spacing-10);--solaris-toast-icon-size: var(--solaris-font-size-3xl)}:host([data-media-shape=circle]) .solaris-toast__media{border-radius:50%}:host([data-media-shape=rounded]) .solaris-toast__media{border-radius:var(--solaris-radius-md)}:host([data-media-shape=square]) .solaris-toast__media{border-radius:0}:host([data-variant=neutral][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-text-muted);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-text-muted)}:host([data-variant=neutral][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-text-muted);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-border-default);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-text-muted)}:host([data-variant=info][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-info-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-info-base)}:host([data-variant=info][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-info-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-info-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-info-base)}:host([data-variant=success][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-success-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-success-base)}:host([data-variant=success][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-success-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-success-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-success-base)}:host([data-variant=warning][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-warning-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-warning-base)}:host([data-variant=warning][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-warning-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-warning-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-warning-base)}:host([data-variant=danger][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-danger-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-danger-base)}:host([data-variant=danger][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-danger-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-danger-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-danger-base)}:host([data-variant=loading][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-primary-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-primary-base)}:host([data-variant=loading][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-primary-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-primary-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-primary-base)}:host([data-variant=custom]){--solaris-toast-color: var( --solaris-toast-custom-color, var(--solaris-text-default) );--solaris-toast-background: var( --solaris-toast-custom-background, var(--solaris-surface-raised) );--solaris-toast-border-color: var( --solaris-toast-custom-border-color, var(--solaris-border-default) );--solaris-toast-icon-color: var( --solaris-toast-custom-icon-color, var(--solaris-text-muted) );--solaris-toast-progress-color: var( --solaris-toast-custom-progress-color, var(--solaris-primary-base) )}:host([data-appearance=surface]){--solaris-toast-border-width: 0;--solaris-toast-border-color: transparent}:host([data-appearance=outline]){--solaris-toast-border-width: var(--solaris-border-width-sm)}:host([data-variant=loading]) .solaris-toast__icon{animation:solaris-toast-spin 1s linear infinite}@keyframes solaris-toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes solaris-toast-enter{0%{opacity:0;transform:translateY(-1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){:host{animation:none}:host([data-variant=loading]) .solaris-toast__icon{animation:none}}:host-context([data-reduced-motion=true]){animation:none}:host([data-reduced-motion=true][data-variant=loading]) .solaris-toast__icon{animation:none}@media(max-width:640px){:host{--solaris-toast-width: 100%;--solaris-toast-max-width: 100%}}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative"] }, { kind: "directive", type: SolarisButtonDirective, selector: "[solaris-button]", inputs: ["appearance", "color", "radius", "size", "density", "loading", "disabled", "fullWidth", "loadingLabelKey", "loadingLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-toast', standalone: true, imports: [SolarisIconComponent, SolarisButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.role]': 'hostRole()',
+                        '[attr.aria-live]': 'hostAriaLive()',
+                        '[attr.data-variant]': 'hostDataVariant()',
+                        '[attr.data-icon-size]': 'hostDataIconSize()',
+                        '[attr.data-appearance]': 'hostDataAppearance()',
+                        '[attr.data-media-shape]': 'hostDataMediaShape()',
+                        '[attr.data-actions-align]': 'hostDataActionsAlign()',
+                        '[attr.data-center-content]': 'centerContent()',
+                        '[attr.data-actions-no-desc]': 'hasActionsNoDescription()',
+                    }, template: "<div class=\"solaris-toast__root\">\n  @if (showIcon()) {\n    <div class=\"solaris-toast__media\">\n      <div class=\"solaris-toast__icon\">\n        <solaris-icon\n          [name]=\"entry().resolvedIcon\"\n          [decorative]=\"entry().options.iconDecorative !== false\"\n        />\n      </div>\n    </div>\n  }\n\n  <div class=\"solaris-toast__content\">\n    @if (showTitle()) {\n      <div class=\"solaris-toast__title\">{{ entry().resolvedTitle }}</div>\n    }\n\n    @if (showDescription()) {\n      <div\n        class=\"solaris-toast__description\"\n        [class.solaris-toast__description--truncated]=\"isTruncated()\"\n        [style.--solaris-toast-max-lines]=\"entry().resolvedMaxCollapsedLines\"\n      >\n        {{ entry().resolvedDescription }}\n      </div>\n    }\n\n    @if (showActions()) {\n      <div class=\"solaris-toast__actions\">\n        @for (action of entry().resolvedActions; track $index) {\n          <button\n            solaris-button\n            [appearance]=\"action.appearance ?? 'ghost'\"\n            [color]=\"action.color ?? 'neutral'\"\n            size=\"sm\"\n            [disabled]=\"action.disabled ?? false\"\n            (click)=\"handleActionClick(action)\"\n          >\n            {{ action.label }}\n          </button>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"solaris-toast__trailing\">\n    @if (isExpandable()) {\n      <button\n        type=\"button\"\n        class=\"solaris-toast__trailing-btn\"\n        [attr.aria-label]=\"expandButtonLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n        (click)=\"toggleExpanded()\"\n      >\n        <solaris-icon\n          class=\"solaris-toast__expand-icon\"\n          [class.solaris-toast__expand-icon--expanded]=\"expanded()\"\n          name=\"chevron-down\"\n          [decorative]=\"true\"\n        />\n      </button>\n    }\n\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        class=\"solaris-toast__trailing-btn\"\n        [attr.aria-label]=\"entry().resolvedCloseLabel\"\n        (click)=\"handleDismiss()\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n\n@if (showProgressBar()) {\n  <div\n    class=\"solaris-toast__progress\"\n    role=\"progressbar\"\n    [attr.aria-valuenow]=\"progressValue()\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuemax]=\"100\"\n    [attr.aria-label]=\"\n      isProcessProgress()\n        ? translate('solaris.toast.progress')\n        : translate('solaris.toast.remaining')\n    \"\n  >\n    <div\n      class=\"solaris-toast__progress-bar\"\n      [style.width.%]=\"progressValue()\"\n    ></div>\n  </div>\n}\n\n@if (showCountdownText()) {\n  <div class=\"solaris-toast__countdown-text\">\n    <span class=\"solaris-toast__countdown-message\">{{ countdownText() }}</span>\n    <button\n      type=\"button\"\n      class=\"solaris-toast__countdown-toggle\"\n      (click)=\"togglePause()\"\n    >\n      {{ pauseButtonLabel() }}\n    </button>\n  </div>\n}\n", styles: [":host{--solaris-toast-color: initial;--solaris-toast-radius: initial;--solaris-toast-shadow: initial;--solaris-toast-icon-color: initial;--solaris-toast-background: initial;--solaris-toast-title-color: initial;--solaris-toast-border-color: initial;--solaris-toast-border-width: initial;--solaris-toast-action-color: initial;--solaris-toast-progress-color: initial;--solaris-toast-description-color: initial;--solaris-toast-max-lines: 2;--solaris-toast-width: 50rem;--solaris-toast-max-width: 50rem;--solaris-toast-gap: var(--solaris-spacing-3);--solaris-toast-padding: var(--solaris-spacing-2);--solaris-toast-close-size: var(--solaris-spacing-4);--solaris-toast-media-size: var(--solaris-spacing-6);--solaris-toast-content-gap: var(--solaris-spacing-1);--solaris-toast-actions-gap: var(--solaris-spacing-2);--solaris-toast-radius-value: var(--solaris-radius-md);--solaris-toast-icon-size: var(--solaris-font-size-lg);--solaris-toast-shadow-value: var(--solaris-shadow-lg);--solaris-toast-progress-height: var(--solaris-spacing-1);--solaris-toast-close-icon-size: var(--solaris-font-size-lg);display:block;overflow:hidden;pointer-events:auto;box-sizing:border-box;width:var(--solaris-toast-width);max-width:var(--solaris-toast-max-width);box-shadow:var(--solaris-toast-shadow-value);border-radius:var(--solaris-toast-radius-value);animation:solaris-toast-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__root{display:flex;box-sizing:border-box;align-items:flex-start;gap:var(--solaris-toast-gap);color:var(--solaris-toast-color);padding:var(--solaris-toast-padding);border-radius:var(--solaris-radius-md);background:var(--solaris-toast-background);border:var(--solaris-toast-border-width) solid var(--solaris-toast-border-color)}:host([data-center-content=true]) .solaris-toast__root{align-items:center}:host([data-center-content=true]) .solaris-toast__trailing{align-self:center}:host([data-center-content=true]) .solaris-toast__media{margin-top:0}.solaris-toast__media{display:grid;flex-shrink:0;overflow:hidden;place-items:center;margin-top:var(--solaris-spacing-1);width:var(--solaris-toast-media-size);height:var(--solaris-toast-media-size)}.solaris-toast__icon{display:grid;place-items:center;color:var(--solaris-toast-icon-color)}.solaris-toast__icon solaris-icon,.solaris-toast__icon svg{display:block;width:var(--solaris-toast-icon-size);height:var(--solaris-toast-icon-size)}.solaris-toast__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--solaris-toast-content-gap);font-size:var(--solaris-font-size-sm);line-height:var(--solaris-line-height-md)}.solaris-toast__title{margin:0;word-break:normal;overflow-wrap:break-word;font-size:var(--solaris-font-size-md);line-height:var(--solaris-line-height-sm);font-weight:var(--solaris-font-weight-semibold);color:var(--solaris-toast-title-color, var(--solaris-text-strong))}.solaris-toast__description{margin:0;word-break:normal;overflow-wrap:break-word;font-size:var(--solaris-font-size-xs);line-height:var(--solaris-line-height-md);color:var(--solaris-toast-description-color, var(--solaris-text-muted))}.solaris-toast__description--truncated{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--solaris-toast-max-lines)}.solaris-toast__trailing{display:flex;flex-shrink:0;align-self:flex-start;gap:var(--solaris-spacing-2)}.solaris-toast__trailing-btn{all:unset;display:grid;flex-shrink:0;cursor:pointer;place-items:center;box-sizing:border-box;background:transparent;color:var(--solaris-text-muted);width:var(--solaris-toast-close-size);height:var(--solaris-toast-close-size);border-radius:var(--solaris-radius-sm);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__trailing-btn:hover{color:var(--solaris-text-default)}.solaris-toast__trailing-btn:focus-visible{outline-offset:2px;outline:2px solid var(--solaris-primary-base)}.solaris-toast__trailing-btn solaris-icon,.solaris-toast__trailing-btn svg{display:block;width:var(--solaris-toast-close-icon-size);height:var(--solaris-toast-close-icon-size)}.solaris-toast__expand-icon{transition:transform var(--solaris-motion-duration-normal) var(--solaris-motion-easing-standard)}.solaris-toast__expand-icon--expanded{transform:rotate(180deg)}.solaris-toast__actions{display:flex;flex-wrap:wrap;gap:var(--solaris-toast-actions-gap);margin-block-start:var(--solaris-spacing-2)}:host([data-actions-align=start]) .solaris-toast__actions{justify-content:flex-start}:host([data-actions-align=center]) .solaris-toast__actions{justify-content:center}:host([data-actions-align=end]) .solaris-toast__actions{justify-content:flex-end}:host([data-actions-align=stretch]) .solaris-toast__actions{justify-content:stretch}:host([data-actions-align=stretch]) .solaris-toast__actions [solaris-button]{flex:1}.solaris-toast__progress{height:var(--solaris-toast-progress-height);background:var(--solaris-surface-muted);overflow:hidden}.solaris-toast__progress-bar{height:100%;transition:width .1s var(--solaris-motion-easing-standard);background:var(--solaris-toast-progress-color, var(--solaris-primary-base))}.solaris-toast__countdown-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--solaris-spacing-1);color:var(--solaris-text-muted);background:var(--solaris-bg-page);font-size:var(--solaris-font-size-xs);line-height:var(--solaris-line-height-md);padding:var(--solaris-toast-padding) var(--solaris-spacing-4)}.solaris-toast__countdown-toggle{all:unset;cursor:pointer;white-space:nowrap;line-height:inherit;text-decoration:none;color:var(--solaris-text-default);font-weight:var(--solaris-font-weight-bold)}.solaris-toast__countdown-toggle:hover{text-decoration:underline}.solaris-toast__countdown-toggle:focus-visible{outline-offset:2px;text-decoration:underline;border-radius:var(--solaris-radius-sm);outline:2px solid var(--solaris-primary-base)}:host([data-icon-size=sm]){--solaris-toast-media-size: var(--solaris-spacing-6);--solaris-toast-icon-size: var(--solaris-font-size-lg)}:host([data-icon-size=md]){--solaris-toast-media-size: var(--solaris-spacing-8);--solaris-toast-icon-size: var(--solaris-font-size-2xl)}:host([data-icon-size=lg]){--solaris-toast-media-size: var(--solaris-spacing-10);--solaris-toast-icon-size: var(--solaris-font-size-3xl)}:host([data-media-shape=circle]) .solaris-toast__media{border-radius:50%}:host([data-media-shape=rounded]) .solaris-toast__media{border-radius:var(--solaris-radius-md)}:host([data-media-shape=square]) .solaris-toast__media{border-radius:0}:host([data-variant=neutral][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-text-muted);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-text-muted)}:host([data-variant=neutral][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-text-muted);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-border-default);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-text-muted)}:host([data-variant=info][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-info-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-info-base)}:host([data-variant=info][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-info-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-info-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-info-base)}:host([data-variant=success][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-success-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-success-base)}:host([data-variant=success][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-success-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-success-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-success-base)}:host([data-variant=warning][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-warning-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-warning-base)}:host([data-variant=warning][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-warning-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-warning-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-warning-base)}:host([data-variant=danger][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-danger-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-danger-base)}:host([data-variant=danger][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-danger-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-danger-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-danger-base)}:host([data-variant=loading][data-appearance=surface]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-primary-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: transparent;--solaris-toast-border-width: 0;--solaris-toast-progress-color: var(--solaris-primary-base)}:host([data-variant=loading][data-appearance=outline]){--solaris-toast-color: var(--solaris-text-default);--solaris-toast-icon-color: var(--solaris-primary-base);--solaris-toast-background: var(--solaris-surface-raised);--solaris-toast-border-color: var(--solaris-primary-border);--solaris-toast-border-width: var(--solaris-border-width-sm);--solaris-toast-progress-color: var(--solaris-primary-base)}:host([data-variant=custom]){--solaris-toast-color: var( --solaris-toast-custom-color, var(--solaris-text-default) );--solaris-toast-background: var( --solaris-toast-custom-background, var(--solaris-surface-raised) );--solaris-toast-border-color: var( --solaris-toast-custom-border-color, var(--solaris-border-default) );--solaris-toast-icon-color: var( --solaris-toast-custom-icon-color, var(--solaris-text-muted) );--solaris-toast-progress-color: var( --solaris-toast-custom-progress-color, var(--solaris-primary-base) )}:host([data-appearance=surface]){--solaris-toast-border-width: 0;--solaris-toast-border-color: transparent}:host([data-appearance=outline]){--solaris-toast-border-width: var(--solaris-border-width-sm)}:host([data-variant=loading]) .solaris-toast__icon{animation:solaris-toast-spin 1s linear infinite}@keyframes solaris-toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes solaris-toast-enter{0%{opacity:0;transform:translateY(-1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){:host{animation:none}:host([data-variant=loading]) .solaris-toast__icon{animation:none}}:host-context([data-reduced-motion=true]){animation:none}:host([data-reduced-motion=true][data-variant=loading]) .solaris-toast__icon{animation:none}@media(max-width:640px){:host{--solaris-toast-width: 100%;--solaris-toast-max-width: 100%}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { entry: [{ type: i0.Input, args: [{ isSignal: true, alias: "entry", required: true }] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+//# sourceMappingURL=toast.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/toast/component/toast.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/toast/component/toast.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  input,\n  output,\n  inject,\n  computed,\n  effect,\n  signal,\n  ChangeDetectionStrategy,\n  DestroyRef,\n  HostListener,\n} from '@angular/core';\n\nimport type {\n  SolarisToastAction,\n  SolarisToastEntry,\n} from '../model/toast.types';\nimport { SolarisTranslateService } from '../../../../services/translation';\nimport { SolarisButtonDirective } from '../../../actions/button';\nimport { SolarisToastService } from '../service/toast.service';\nimport { SolarisIconComponent } from '../../../icon';\n\n@Component({\n  selector: 'solaris-toast',\n  standalone: true,\n  imports: [SolarisIconComponent, SolarisButtonDirective],\n  templateUrl: './toast.component.html',\n  styleUrls: ['./toast.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.role]': 'hostRole()',\n    '[attr.aria-live]': 'hostAriaLive()',\n    '[attr.data-variant]': 'hostDataVariant()',\n    '[attr.data-icon-size]': 'hostDataIconSize()',\n    '[attr.data-appearance]': 'hostDataAppearance()',\n    '[attr.data-media-shape]': 'hostDataMediaShape()',\n    '[attr.data-actions-align]': 'hostDataActionsAlign()',\n    '[attr.data-center-content]': 'centerContent()',\n    '[attr.data-actions-no-desc]': 'hasActionsNoDescription()',\n  },\n})\nexport class SolarisToastComponent {\n  private readonly translateService = inject(SolarisTranslateService, {\n    optional: true,\n  });\n  private readonly toastService = inject(SolarisToastService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  readonly entry = input.required<SolarisToastEntry>();\n  readonly dismiss = output<string>();\n\n  protected readonly hostDataVariant = computed(\n    () => this.entry().resolvedVariant,\n  );\n  protected readonly hostDataAppearance = computed(\n    () => this.entry().resolvedAppearance,\n  );\n  protected readonly hostRole = computed(() => this.entry().resolvedRole);\n  protected readonly hostAriaLive = computed(() => {\n    const live = this.entry().resolvedAriaLive;\n    return live === 'off' ? null : live;\n  });\n  protected readonly hostDataIconSize = computed(\n    () => this.entry().resolvedIconSize,\n  );\n  protected readonly hostDataMediaShape = computed(\n    () => this.entry().resolvedMediaShape,\n  );\n  protected readonly hostDataActionsAlign = computed(\n    () => this.entry().resolvedActionsAlign,\n  );\n\n  protected readonly expanded = signal(false);\n  protected readonly isExpandable = computed(() => {\n    const e = this.entry();\n    return e.resolvedExpandable && !!e.resolvedDescription;\n  });\n\n  protected toggleExpanded(): void {\n    this.expanded.update((v) => !v);\n  }\n\n  protected readonly expandButtonLabel = computed(() => {\n    const e = this.entry();\n    if (this.expanded()) {\n      return (\n        e.resolvedCollapseLabel || this.translate('solaris.toast.collapse')\n      );\n    }\n    return e.resolvedExpandLabel || this.translate('solaris.toast.expand');\n  });\n\n  protected readonly isTruncated = computed(\n    () => this.isExpandable() && !this.expanded(),\n  );\n\n  protected readonly countdownPercent = signal(100);\n  protected readonly remainingSeconds = signal(0);\n\n  private countdownTotalMs = 0;\n  private countdownStartedAt = 0;\n  private countdownRemainingMs = 0;\n  private countdownStarted = false;\n  private countdownIntervalId: ReturnType<typeof setInterval> | null = null;\n\n  protected readonly isPaused = signal(false);\n  private readonly isUserPaused = signal(false);\n\n  protected readonly showProgressBar = computed(() => {\n    const e = this.entry();\n    if (e.resolvedProgress !== undefined && e.resolvedProgress !== null) {\n      return true;\n    }\n    const showCountdown = this.shouldShowCountdown();\n    return (\n      showCountdown &&\n      !e.resolvedPersistent &&\n      e.resolvedDuration > 0 &&\n      e.resolvedDuration < Infinity &&\n      (e.resolvedCountdownMode === 'bar' || e.resolvedCountdownMode === 'both')\n    );\n  });\n\n  protected readonly showCountdownText = computed(() => {\n    const e = this.entry();\n    const showCountdown = this.shouldShowCountdown();\n    return (\n      showCountdown &&\n      !e.resolvedPersistent &&\n      e.resolvedDuration > 0 &&\n      e.resolvedDuration < Infinity &&\n      (e.resolvedCountdownMode === 'text' || e.resolvedCountdownMode === 'both')\n    );\n  });\n\n  private shouldShowCountdown(): boolean {\n    const e = this.entry();\n    return e.resolvedShowCountdown || e.resolvedShowProgress;\n  }\n\n  protected readonly progressValue = computed(() => {\n    const e = this.entry();\n    if (e.resolvedProgress !== undefined && e.resolvedProgress !== null) {\n      return e.resolvedProgress;\n    }\n    return this.countdownPercent();\n  });\n\n  protected readonly isProcessProgress = computed(() => {\n    const e = this.entry();\n    return e.resolvedProgress !== undefined && e.resolvedProgress !== null;\n  });\n\n  protected readonly countdownText = computed(() => {\n    const secs = this.remainingSeconds();\n    if (secs <= 0) return '';\n    return this.translate('solaris.toast.closesIn', { seconds: String(secs) });\n  });\n\n  protected readonly showTitle = computed(() => !!this.entry().resolvedTitle);\n  protected readonly showDescription = computed(\n    () => !!this.entry().resolvedDescription,\n  );\n  protected readonly showIcon = computed(() => {\n    const e = this.entry();\n    return e.resolvedIcon !== undefined && e.resolvedIcon !== null;\n  });\n  protected readonly showActions = computed(() => {\n    const actions = this.entry().resolvedActions;\n    return actions && actions.length > 0;\n  });\n  protected readonly showClose = computed(() => this.entry().resolvedCloseable);\n\n  protected readonly centerContent = computed(\n    () => !this.showDescription() && !this.showActions(),\n  );\n\n  protected readonly hasActionsNoDescription = computed(\n    () => this.showActions() && !this.showDescription(),\n  );\n\n  constructor() {\n    effect(() => {\n      const e = this.entry();\n      if (\n        e.resolvedPersistent ||\n        e.resolvedDuration <= 0 ||\n        e.resolvedDuration >= Infinity\n      ) {\n        this.stopCountdown();\n      } else {\n        this.startCountdown(e.resolvedDuration);\n      }\n    });\n\n    effect(() => {\n      this.expanded.set(this.entry().resolvedDefaultExpanded);\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.stopCountdown();\n    });\n  }\n\n  private startCountdown(duration: number): void {\n    this.stopCountdown();\n    if (duration <= 0 || duration >= Infinity) return;\n\n    this.countdownStarted = true;\n    this.countdownTotalMs = duration;\n    this.countdownStartedAt = Date.now();\n    this.countdownRemainingMs = duration;\n    this.countdownPercent.set(100);\n    this.remainingSeconds.set(Math.ceil(duration / 1000));\n\n    this.countdownIntervalId = setInterval(() => this.tickCountdown(), 50);\n  }\n\n  private stopCountdown(): void {\n    this.clearCountdownInterval();\n    this.countdownStarted = false;\n  }\n\n  private clearCountdownInterval(): void {\n    if (this.countdownIntervalId !== null) {\n      clearInterval(this.countdownIntervalId);\n      this.countdownIntervalId = null;\n    }\n  }\n\n  private tickCountdown(): void {\n    if (this.isPaused()) return;\n\n    const elapsed = Date.now() - this.countdownStartedAt;\n    const remaining = Math.max(0, this.countdownRemainingMs - elapsed);\n\n    this.countdownPercent.set((remaining / this.countdownTotalMs) * 100);\n    this.remainingSeconds.set(Math.ceil(remaining / 1000));\n\n    if (remaining <= 0) {\n      this.stopCountdown();\n      this.handleDismiss();\n    }\n  }\n\n  private captureCountdownRemaining(): void {\n    if (!this.countdownStarted) return;\n    const elapsed = Date.now() - this.countdownStartedAt;\n    this.countdownRemainingMs = Math.max(\n      0,\n      this.countdownRemainingMs - elapsed,\n    );\n    this.clearCountdownInterval();\n  }\n\n  protected pause(): void {\n    if (!this.countdownStarted || this.isPaused()) return;\n    this.isPaused.set(true);\n    this.captureCountdownRemaining();\n  }\n\n  protected resume(): void {\n    if (!this.countdownStarted || !this.isPaused()) return;\n    if (this.isUserPaused()) return;\n    this.isPaused.set(false);\n    this.countdownStartedAt = Date.now();\n    this.countdownIntervalId = setInterval(() => this.tickCountdown(), 50);\n  }\n\n  protected togglePause(): void {\n    if (this.isUserPaused()) {\n      this.isUserPaused.set(false);\n      this.resume();\n    } else {\n      this.isUserPaused.set(true);\n      this.pause();\n    }\n  }\n\n  protected readonly pauseButtonLabel = computed(() => {\n    if (this.isUserPaused()) {\n      return this.translate('solaris.toast.continue');\n    }\n    return this.translate('solaris.toast.pause');\n  });\n\n  @HostListener('mouseenter')\n  protected onMouseEnter(): void {\n    if (this.toastService.configSignal().pauseOnHover) {\n      this.pause();\n    }\n  }\n\n  @HostListener('mouseleave')\n  protected onMouseLeave(): void {\n    if (this.toastService.configSignal().pauseOnHover) {\n      this.resume();\n    }\n  }\n\n  @HostListener('focusin')\n  protected onFocusIn(): void {\n    if (this.toastService.configSignal().pauseOnFocus) {\n      this.pause();\n    }\n  }\n\n  @HostListener('focusout')\n  protected onFocusOut(): void {\n    if (this.toastService.configSignal().pauseOnFocus) {\n      this.resume();\n    }\n  }\n\n  protected handleDismiss(): void {\n    this.stopCountdown();\n    this.dismiss.emit(this.entry().id);\n  }\n\n  protected handleActionClick(action: SolarisToastAction): void {\n    const ref = {\n      id: this.entry().id,\n      dismiss: () => this.handleDismiss(),\n      update: (patch: never) => {\n        this.toastService.update(this.entry().id, patch);\n      },\n    };\n    action.action(ref);\n    if (action.closeOnClick) {\n      this.handleDismiss();\n    }\n  }\n\n  protected translate(key: string, params?: Record<string, string>): string {\n    if (this.translateService) {\n      return this.translateService.translate(key, params);\n    }\n\n    return key;\n  }\n}\n","<div class=\"solaris-toast__root\">\n  @if (showIcon()) {\n    <div class=\"solaris-toast__media\">\n      <div class=\"solaris-toast__icon\">\n        <solaris-icon\n          [name]=\"entry().resolvedIcon\"\n          [decorative]=\"entry().options.iconDecorative !== false\"\n        />\n      </div>\n    </div>\n  }\n\n  <div class=\"solaris-toast__content\">\n    @if (showTitle()) {\n      <div class=\"solaris-toast__title\">{{ entry().resolvedTitle }}</div>\n    }\n\n    @if (showDescription()) {\n      <div\n        class=\"solaris-toast__description\"\n        [class.solaris-toast__description--truncated]=\"isTruncated()\"\n        [style.--solaris-toast-max-lines]=\"entry().resolvedMaxCollapsedLines\"\n      >\n        {{ entry().resolvedDescription }}\n      </div>\n    }\n\n    @if (showActions()) {\n      <div class=\"solaris-toast__actions\">\n        @for (action of entry().resolvedActions; track $index) {\n          <button\n            solaris-button\n            [appearance]=\"action.appearance ?? 'ghost'\"\n            [color]=\"action.color ?? 'neutral'\"\n            size=\"sm\"\n            [disabled]=\"action.disabled ?? false\"\n            (click)=\"handleActionClick(action)\"\n          >\n            {{ action.label }}\n          </button>\n        }\n      </div>\n    }\n  </div>\n\n  <div class=\"solaris-toast__trailing\">\n    @if (isExpandable()) {\n      <button\n        type=\"button\"\n        class=\"solaris-toast__trailing-btn\"\n        [attr.aria-label]=\"expandButtonLabel()\"\n        [attr.aria-expanded]=\"expanded()\"\n        (click)=\"toggleExpanded()\"\n      >\n        <solaris-icon\n          class=\"solaris-toast__expand-icon\"\n          [class.solaris-toast__expand-icon--expanded]=\"expanded()\"\n          name=\"chevron-down\"\n          [decorative]=\"true\"\n        />\n      </button>\n    }\n\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        class=\"solaris-toast__trailing-btn\"\n        [attr.aria-label]=\"entry().resolvedCloseLabel\"\n        (click)=\"handleDismiss()\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n\n@if (showProgressBar()) {\n  <div\n    class=\"solaris-toast__progress\"\n    role=\"progressbar\"\n    [attr.aria-valuenow]=\"progressValue()\"\n    [attr.aria-valuemin]=\"0\"\n    [attr.aria-valuemax]=\"100\"\n    [attr.aria-label]=\"\n      isProcessProgress()\n        ? translate('solaris.toast.progress')\n        : translate('solaris.toast.remaining')\n    \"\n  >\n    <div\n      class=\"solaris-toast__progress-bar\"\n      [style.width.%]=\"progressValue()\"\n    ></div>\n  </div>\n}\n\n@if (showCountdownText()) {\n  <div class=\"solaris-toast__countdown-text\">\n    <span class=\"solaris-toast__countdown-message\">{{ countdownText() }}</span>\n    <button\n      type=\"button\"\n      class=\"solaris-toast__countdown-toggle\"\n      (click)=\"togglePause()\"\n    >\n      {{ pauseButtonLabel() }}\n    </button>\n  </div>\n}\n"]}

package/esm2022/lib/components/feedback/toast/container/toast-container.component.js

@@ -0,0 +1,24 @@
+import { Component, inject, input, computed, ChangeDetectionStrategy, } from '@angular/core';
+import { SolarisToastComponent } from '../component/toast.component';
+import { SolarisToastService } from '../service/toast.service';
+import * as i0 from "@angular/core";
+export class SolarisToastContainerComponent {
+    toastService = inject(SolarisToastService);
+    position = input('bottom-center', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    entries = computed(() => this.toastService
+        .entries()
+        .filter((e) => e.resolvedPosition === this.position()), ...(ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []));
+    dismiss(id) {
+        this.toastService.dismiss(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisToastContainerComponent, isStandalone: true, selector: "solaris-toast-container", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-position": "position()" }, classAttribute: "solaris-toast-container" }, ngImport: i0, template: "@for (entry of entries(); track entry.id) {\n  <solaris-toast [entry]=\"entry\" (dismiss)=\"dismiss($event)\" />\n}\n", styles: [":host{position:fixed;z-index:var(--solaris-toast-z-index, var(--solaris-z-index-toast, 500));display:flex;flex-direction:column;gap:var(--solaris-toast-gap, var(--solaris-spacing-3));pointer-events:none;box-sizing:border-box;max-height:100dvh;overflow:hidden;padding:var(--solaris-spacing-4);inset:0}:host([data-position=top-start]){align-items:flex-start;justify-content:flex-start}:host([data-position=top-center]){align-items:center;justify-content:flex-start}:host([data-position=top-end]){align-items:flex-end;justify-content:flex-start}:host([data-position=bottom-start]){align-items:flex-start;justify-content:flex-end}:host([data-position=bottom-center]){align-items:center;justify-content:flex-end}:host([data-position=bottom-end]){align-items:flex-end;justify-content:flex-end}@media(max-width:640px){:host{padding:var(--solaris-spacing-2);max-width:100vw;width:100%}:host([data-position=top-start]),:host([data-position=top-center]),:host([data-position=top-end]){align-items:stretch}:host([data-position=bottom-start]),:host([data-position=bottom-center]),:host([data-position=bottom-end]){align-items:stretch}}\n"], dependencies: [{ kind: "component", type: SolarisToastComponent, selector: "solaris-toast", inputs: ["entry"], outputs: ["dismiss"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisToastContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-toast-container', standalone: true, imports: [SolarisToastComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'solaris-toast-container',
+                        '[attr.data-position]': 'position()',
+                    }, template: "@for (entry of entries(); track entry.id) {\n  <solaris-toast [entry]=\"entry\" (dismiss)=\"dismiss($event)\" />\n}\n", styles: [":host{position:fixed;z-index:var(--solaris-toast-z-index, var(--solaris-z-index-toast, 500));display:flex;flex-direction:column;gap:var(--solaris-toast-gap, var(--solaris-spacing-3));pointer-events:none;box-sizing:border-box;max-height:100dvh;overflow:hidden;padding:var(--solaris-spacing-4);inset:0}:host([data-position=top-start]){align-items:flex-start;justify-content:flex-start}:host([data-position=top-center]){align-items:center;justify-content:flex-start}:host([data-position=top-end]){align-items:flex-end;justify-content:flex-start}:host([data-position=bottom-start]){align-items:flex-start;justify-content:flex-end}:host([data-position=bottom-center]){align-items:center;justify-content:flex-end}:host([data-position=bottom-end]){align-items:flex-end;justify-content:flex-end}@media(max-width:640px){:host{padding:var(--solaris-spacing-2);max-width:100vw;width:100%}:host([data-position=top-start]),:host([data-position=top-center]),:host([data-position=top-end]){align-items:stretch}:host([data-position=bottom-start]),:host([data-position=bottom-center]),:host([data-position=bottom-end]){align-items:stretch}}\n"] }]
+        }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
+//# sourceMappingURL=toast-container.component.js.map

package/esm2022/lib/components/feedback/toast/container/toast-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-container.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/toast/container/toast-container.component.ts","../../../../../../../../../packages/angular/src/lib/components/feedback/toast/container/toast-container.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,uBAAuB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;;AAc/D,MAAM,OAAO,8BAA8B;IACxB,YAAY,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAEnD,QAAQ,GAAG,KAAK,CAAuB,eAAe,+EAAC,CAAC;IAExD,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC/B,IAAI,CAAC,YAAY;SACd,OAAO,EAAE;SACT,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,KAAK,IAAI,CAAC,QAAQ,EAAE,CAAC,8EACzD,CAAC;IAEQ,OAAO,CAAC,EAAU;QAC1B,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;wGAbU,8BAA8B;4FAA9B,8BAA8B,yUCxB3C,uHAGA,+pCDYY,qBAAqB;;4FASpB,8BAA8B;kBAZ1C,SAAS;+BACE,yBAAyB,cACvB,IAAI,WACP,CAAC,qBAAqB,CAAC,mBAGf,uBAAuB,CAAC,MAAM,QACzC;wBACJ,KAAK,EAAE,yBAAyB;wBAChC,sBAAsB,EAAE,YAAY;qBACrC","sourcesContent":["import {\n  Component,\n  inject,\n  input,\n  computed,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { SolarisToastComponent } from '../component/toast.component';\nimport type { SolarisToastPosition } from '../model/toast.types';\nimport { SolarisToastService } from '../service/toast.service';\n\n@Component({\n  selector: 'solaris-toast-container',\n  standalone: true,\n  imports: [SolarisToastComponent],\n  templateUrl: './toast-container.component.html',\n  styleUrls: ['./toast-container.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'solaris-toast-container',\n    '[attr.data-position]': 'position()',\n  },\n})\nexport class SolarisToastContainerComponent {\n  private readonly toastService = inject(SolarisToastService);\n\n  readonly position = input<SolarisToastPosition>('bottom-center');\n\n  readonly entries = computed(() =>\n    this.toastService\n      .entries()\n      .filter((e) => e.resolvedPosition === this.position()),\n  );\n\n  protected dismiss(id: string): void {\n    this.toastService.dismiss(id);\n  }\n}\n","@for (entry of entries(); track entry.id) {\n  <solaris-toast [entry]=\"entry\" (dismiss)=\"dismiss($event)\" />\n}\n"]}