npm - @educarehq/solaris-ui - Versions diffs - 0.2.0 → 0.3.0 - Mend

@educarehq/solaris-ui 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (225) hide show

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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"]}

package/esm2022/lib/components/feedback/toast/model/toast.types.js ADDED Viewed

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

package/esm2022/lib/components/feedback/toast/model/toast.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"toast.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/toast/model/toast.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisToastPosition =\n | 'top-start'\n | 'top-center'\n | 'top-end'\n | 'bottom-start'\n | 'bottom-center'\n | 'bottom-end';\n\nexport type SolarisToastAppearance = 'surface' | 'outline';\n\nexport type SolarisToastVariant =\n | 'neutral'\n | 'info'\n | 'success'\n | 'warning'\n | 'danger'\n | 'loading'\n | 'custom';\n\nexport type SolarisToastActionsAlign = 'start' | 'center' | 'end' | 'stretch';\n\nexport type SolarisToastIconSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisToastMediaShape = 'circle' | 'rounded' | 'square';\n\nexport type SolarisToastCountdownMode = 'bar' | 'text' | 'both';\n\nexport interface SolarisToastAction {\n label: string;\n labelKey?: string;\n appearance?: 'solid' | 'outline' | 'ghost' | 'surface';\n color?: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';\n closeOnClick?: boolean;\n disabled?: boolean;\n action: (toast: SolarisToastRef) => void;\n}\n\nexport interface SolarisToastOptions {\n id?: string;\n variant?: SolarisToastVariant;\n appearance?: SolarisToastAppearance;\n position?: SolarisToastPosition;\n title?: string;\n titleKey?: string;\n description?: string;\n descriptionKey?: string;\n icon?: string;\n iconDecorative?: boolean;\n closeable?: boolean;\n closeLabel?: string;\n closeLabelKey?: string;\n duration?: number;\n persistent?: boolean;\n progress?: number;\n showProgress?: boolean;\n actions?: SolarisToastAction[];\n data?: unknown;\n ariaLive?: 'polite' | 'assertive' | 'off';\n role?: 'status' | 'alert';\n expandable?: boolean;\n defaultExpanded?: boolean;\n maxCollapsedLines?: number;\n expandLabel?: string;\n expandLabelKey?: string;\n collapseLabel?: string;\n collapseLabelKey?: string;\n showCountdown?: boolean;\n showCountdownText?: boolean;\n countdownMode?: SolarisToastCountdownMode;\n actionsAlign?: SolarisToastActionsAlign;\n iconSize?: SolarisToastIconSize;\n mediaShape?: SolarisToastMediaShape;\n}\n\nexport interface SolarisToastConfig {\n position?: SolarisToastPosition;\n duration?: number;\n limit?: number;\n appearance?: SolarisToastAppearance;\n pauseOnHover?: boolean;\n pauseOnFocus?: boolean;\n newestOnTop?: boolean;\n showCountdown?: boolean;\n showCountdownText?: boolean;\n countdownMode?: SolarisToastCountdownMode;\n actionsAlign?: SolarisToastActionsAlign;\n iconSize?: SolarisToastIconSize;\n mediaShape?: SolarisToastMediaShape;\n}\n\nexport interface SolarisToastSetup {\n autoContainer?: boolean;\n}\n\nexport interface SolarisToastRef {\n id: string;\n dismiss(): void;\n update(patch: Partial<SolarisToastOptions>): void;\n}\n\nexport interface SolarisToastEntry {\n id: string;\n options: SolarisToastOptions;\n createdAt: number;\n resolvedVariant: SolarisToastVariant;\n resolvedAppearance: SolarisToastAppearance;\n resolvedPosition: SolarisToastPosition;\n resolvedDuration: number;\n resolvedPersistent: boolean;\n resolvedCloseable: boolean;\n resolvedAriaLive: 'polite' | 'assertive' | 'off';\n resolvedRole: 'status' | 'alert';\n resolvedIcon: string;\n resolvedTitle: string | undefined;\n resolvedDescription: string | undefined;\n resolvedCloseLabel: string;\n resolvedProgress: number | undefined;\n resolvedShowProgress: boolean;\n resolvedActions: SolarisToastOptions['actions'];\n resolvedExpandable: boolean;\n resolvedDefaultExpanded: boolean;\n resolvedMaxCollapsedLines: number;\n resolvedExpandLabel: string;\n resolvedCollapseLabel: string;\n resolvedShowCountdown: boolean;\n resolvedShowCountdownText: boolean;\n resolvedCountdownMode: SolarisToastCountdownMode;\n resolvedActionsAlign: SolarisToastActionsAlign;\n resolvedIconSize: SolarisToastIconSize;\n resolvedMediaShape: SolarisToastMediaShape;\n}\n"]}

package/esm2022/lib/components/feedback/toast/provider/provide-solaris-toast.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { SOLARIS_TOAST_CONFIG, SOLARIS_TOAST_DEFAULT_CONFIG, SOLARIS_TOAST_CONTAINER, } from '../token/toast.tokens';
+import { SolarisToastService } from '../service/toast.service';
+export function provideSolarisToast(config, setup) {
+    const merged = {
+        ...SOLARIS_TOAST_DEFAULT_CONFIG,
+        ...config,
+    };
+    return [
+        SolarisToastService,
+        { provide: SOLARIS_TOAST_CONFIG, useValue: merged },
+        {
+            provide: SOLARIS_TOAST_CONTAINER,
+            useValue: setup?.autoContainer ?? true,
+        },
+    ];
+}
+//# sourceMappingURL=provide-solaris-toast.js.map

package/esm2022/lib/components/feedback/toast/provider/provide-solaris-toast.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"provide-solaris-toast.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/feedback/toast/provider/provide-solaris-toast.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,UAAU,mBAAmB,CACjC,MAAoC,EACpC,KAAyB;IAEzB,MAAM,MAAM,GAAuB;QACjC,GAAG,4BAA4B;QAC/B,GAAG,MAAM;KACV,CAAC;IAEF,OAAO;QACL,mBAAmB;QACnB,EAAE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,EAAE;QACnD;YACE,OAAO,EAAE,uBAAuB;YAChC,QAAQ,EAAE,KAAK,EAAE,aAAa,IAAI,IAAI;SACvC;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { Provider } from '@angular/core';\n\nimport type {\n SolarisToastConfig,\n SolarisToastSetup,\n} from '../model/toast.types';\nimport {\n SOLARIS_TOAST_CONFIG,\n SOLARIS_TOAST_DEFAULT_CONFIG,\n SOLARIS_TOAST_CONTAINER,\n} from '../token/toast.tokens';\nimport { SolarisToastService } from '../service/toast.service';\n\nexport function provideSolarisToast(\n config?: Partial<SolarisToastConfig>,\n setup?: SolarisToastSetup,\n): Provider[] {\n const merged: SolarisToastConfig = {\n ...SOLARIS_TOAST_DEFAULT_CONFIG,\n ...config,\n };\n\n return [\n SolarisToastService,\n { provide: SOLARIS_TOAST_CONFIG, useValue: merged },\n {\n provide: SOLARIS_TOAST_CONTAINER,\n useValue: setup?.autoContainer ?? true,\n },\n ];\n}\n"]}