@weeehaoooz/talos-ui 0.1.0

package/fesm2022/weeehaoooz-talos-ui-data-display-status-tag.mjs

@@ -0,0 +1,361 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, computed, Component, NgModule } from '@angular/core';
+import { NgComponentOutlet } from '@angular/common';
+import { LucideClock, LucideClockAlert, LucideBan, LucideCircleAlert, LucideCheckCheck, LucideCheckCircle2, LucideFastForward, LucideRotateCcw, LucideCirclePause, LucideLoader2, LucideSparkles } from '@lucide/angular';
+
+/**
+ * Normalizes any recognized status string or alias into its canonical status.
+ */
+function normalizeWorkflowStatus(status) {
+    if (!status) {
+        return 'PENDING';
+    }
+    const clean = status.trim().toUpperCase().replace(/[\s_]+/g, '-');
+    switch (clean) {
+        case 'NEW':
+        case 'CREATED':
+        case 'DRAFT':
+            return 'NEW';
+        case 'PENDING':
+        case 'QUEUED':
+        case 'SCHEDULED':
+        case 'WAITING':
+            return 'PENDING';
+        case 'IN-PROGRESS':
+        case 'INPROGRESS':
+        case 'RUNNING':
+        case 'EXECUTING':
+        case 'ACTIVE':
+            return 'IN-PROGRESS';
+        case 'PAUSED':
+        case 'SUSPENDED':
+        case 'ON-HOLD':
+        case 'ONHOLD':
+        case 'WAITING-FOR-APPROVAL':
+        case 'BLOCKED':
+            return 'PAUSED';
+        case 'RETRYING':
+        case 'UP-FOR-RETRY':
+        case 'RETRY':
+            return 'RETRYING';
+        case 'SKIPPED':
+        case 'BYPASSED':
+        case 'IGNORED':
+            return 'SKIPPED';
+        case 'SUCCESS':
+        case 'SUCCEEDED':
+        case 'PASSED':
+        case 'OK':
+            return 'SUCCESS';
+        case 'COMPLETED':
+        case 'FINISHED':
+        case 'DONE':
+            return 'COMPLETED';
+        case 'ERROR':
+        case 'FAILED':
+        case 'FAILURE':
+        case 'CRASHED':
+            return 'ERROR';
+        case 'TERMINATED':
+        case 'CANCELLED':
+        case 'CANCELED':
+        case 'ABORTED':
+        case 'STOPPED':
+        case 'KILLED':
+            return 'TERMINATED';
+        case 'EXPIRED':
+        case 'TIMEOUT':
+        case 'TIMED-OUT':
+        case 'TIMEDOUT':
+        case 'STALE':
+            return 'EXPIRED';
+        default:
+            return 'PENDING';
+    }
+}
+/**
+ * Status descriptors map with default metadata.
+ */
+const TALOS_STATUS_DESCRIPTORS = {
+    'NEW': {
+        canonical: 'NEW',
+        defaultLabel: 'New',
+        defaultAriaLabel: 'Status: New',
+        cssModifier: 'new'
+    },
+    'PENDING': {
+        canonical: 'PENDING',
+        defaultLabel: 'Pending',
+        defaultAriaLabel: 'Status: Pending',
+        cssModifier: 'pending'
+    },
+    'IN-PROGRESS': {
+        canonical: 'IN-PROGRESS',
+        defaultLabel: 'In Progress',
+        defaultAriaLabel: 'Status: In Progress',
+        cssModifier: 'inprogress',
+        shouldAnimateIcon: true
+    },
+    'PAUSED': {
+        canonical: 'PAUSED',
+        defaultLabel: 'Paused',
+        defaultAriaLabel: 'Status: Paused',
+        cssModifier: 'paused'
+    },
+    'RETRYING': {
+        canonical: 'RETRYING',
+        defaultLabel: 'Retrying',
+        defaultAriaLabel: 'Status: Retrying',
+        cssModifier: 'retrying',
+        shouldAnimateIcon: true
+    },
+    'SKIPPED': {
+        canonical: 'SKIPPED',
+        defaultLabel: 'Skipped',
+        defaultAriaLabel: 'Status: Skipped',
+        cssModifier: 'skipped'
+    },
+    'SUCCESS': {
+        canonical: 'SUCCESS',
+        defaultLabel: 'Success',
+        defaultAriaLabel: 'Status: Success',
+        cssModifier: 'success'
+    },
+    'COMPLETED': {
+        canonical: 'COMPLETED',
+        defaultLabel: 'Completed',
+        defaultAriaLabel: 'Status: Completed',
+        cssModifier: 'completed'
+    },
+    'ERROR': {
+        canonical: 'ERROR',
+        defaultLabel: 'Error',
+        defaultAriaLabel: 'Status: Error',
+        cssModifier: 'error'
+    },
+    'TERMINATED': {
+        canonical: 'TERMINATED',
+        defaultLabel: 'Terminated',
+        defaultAriaLabel: 'Status: Terminated',
+        cssModifier: 'terminated'
+    },
+    'EXPIRED': {
+        canonical: 'EXPIRED',
+        defaultLabel: 'Expired',
+        defaultAriaLabel: 'Status: Expired',
+        cssModifier: 'expired'
+    }
+};
+
+class TalosStatusTagComponent {
+    elementRef = inject(ElementRef);
+    /**
+     * The workflow status to display. Supports all canonical names, lowercase variants, and common aliases.
+     */
+    status = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional custom label text. If not provided or empty, defaults to standard status label.
+     */
+    label = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /**
+     * Visual presentation style.
+     * @default 'subtle'
+     */
+    variant = input('subtle', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Size scale.
+     * @default 'md'
+     */
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /**
+     * Border radius shape.
+     * @default 'rounded'
+     */
+    shape = input('rounded', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to render the status icon / indicator symbol.
+     * @default true
+     */
+    showIcon = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showIcon" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional custom icon component override.
+     */
+    icon = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to render only the symbol/icon without label text.
+     * @default false
+     */
+    iconOnly = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconOnly" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to enable pulsing animation for active/waiting states.
+     * @default false
+     */
+    pulse = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pulse" }] : /* istanbul ignore next */ []));
+    /**
+     * Optional accessible ARIA label override.
+     */
+    ariaLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Normalized canonical workflow status.
+     */
+    canonicalStatus = computed(() => {
+        return normalizeWorkflowStatus(this.status());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canonicalStatus" }] : /* istanbul ignore next */ []));
+    /**
+     * Descriptor containing default metadata for current canonical status.
+     */
+    descriptor = computed(() => {
+        return TALOS_STATUS_DESCRIPTORS[this.canonicalStatus()];
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "descriptor" }] : /* istanbul ignore next */ []));
+    /**
+     * Resolved label to display when no custom content is projected.
+     */
+    resolvedLabel = computed(() => {
+        const customLabel = this.label();
+        if (customLabel !== undefined && customLabel !== null && customLabel.trim().length > 0) {
+            return customLabel;
+        }
+        return this.descriptor().defaultLabel;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Resolved accessibility label for screen readers.
+     */
+    resolvedAriaLabel = computed(() => {
+        const customAria = this.ariaLabel();
+        if (customAria !== undefined && customAria !== null && customAria.trim().length > 0) {
+            return customAria;
+        }
+        return `${this.descriptor().defaultAriaLabel}: ${this.resolvedLabel()}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Pixel size for the Lucide icon based on status tag size.
+     */
+    iconSize = computed(() => {
+        switch (this.size()) {
+            case 'xs':
+                return 11;
+            case 'sm':
+                return 13;
+            case 'lg':
+                return 16;
+            case 'md':
+            default:
+                return 14;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconSize" }] : /* istanbul ignore next */ []));
+    /**
+     * Resolved default Lucide icon component for the current canonical status.
+     */
+    defaultIconComponent = computed(() => {
+        switch (this.canonicalStatus()) {
+            case 'NEW':
+                return LucideSparkles;
+            case 'PENDING':
+                return LucideClock;
+            case 'IN-PROGRESS':
+                return LucideLoader2;
+            case 'PAUSED':
+                return LucideCirclePause;
+            case 'RETRYING':
+                return LucideRotateCcw;
+            case 'SKIPPED':
+                return LucideFastForward;
+            case 'SUCCESS':
+                return LucideCheckCircle2;
+            case 'COMPLETED':
+                return LucideCheckCheck;
+            case 'ERROR':
+                return LucideCircleAlert;
+            case 'TERMINATED':
+                return LucideBan;
+            case 'EXPIRED':
+                return LucideClockAlert;
+            default:
+                return LucideClock;
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultIconComponent" }] : /* istanbul ignore next */ []));
+    /**
+     * Active icon component to render (custom icon if provided, otherwise default semantic icon).
+     */
+    activeIconComponent = computed(() => {
+        return this.icon() ?? this.defaultIconComponent();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeIconComponent" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the icon should have active spin/rotation animation (e.g. IN-PROGRESS, RETRYING).
+     */
+    shouldAnimateIcon = computed(() => {
+        return !!this.descriptor().shouldAnimateIcon;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shouldAnimateIcon" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosStatusTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: TalosStatusTagComponent, isStandalone: true, selector: "talos-status-tag, [talosStatusTag]", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, pulse: { classPropertyName: "pulse", publicName: "pulse", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.talos-status-tag--new": "canonicalStatus() === \"NEW\"", "class.talos-status-tag--pending": "canonicalStatus() === \"PENDING\"", "class.talos-status-tag--inprogress": "canonicalStatus() === \"IN-PROGRESS\"", "class.talos-status-tag--paused": "canonicalStatus() === \"PAUSED\"", "class.talos-status-tag--retrying": "canonicalStatus() === \"RETRYING\"", "class.talos-status-tag--skipped": "canonicalStatus() === \"SKIPPED\"", "class.talos-status-tag--success": "canonicalStatus() === \"SUCCESS\"", "class.talos-status-tag--completed": "canonicalStatus() === \"COMPLETED\"", "class.talos-status-tag--error": "canonicalStatus() === \"ERROR\"", "class.talos-status-tag--terminated": "canonicalStatus() === \"TERMINATED\"", "class.talos-status-tag--expired": "canonicalStatus() === \"EXPIRED\"", "class.talos-status-tag--subtle": "variant() === \"subtle\"", "class.talos-status-tag--solid": "variant() === \"solid\"", "class.talos-status-tag--outline": "variant() === \"outline\"", "class.talos-status-tag--dot": "variant() === \"dot\"", "class.talos-status-tag--xs": "size() === \"xs\"", "class.talos-status-tag--sm": "size() === \"sm\"", "class.talos-status-tag--md": "size() === \"md\"", "class.talos-status-tag--lg": "size() === \"lg\"", "class.talos-status-tag--rounded": "shape() === \"rounded\"", "class.talos-status-tag--pill": "shape() === \"pill\"", "class.talos-status-tag--square": "shape() === \"square\"", "class.talos-status-tag--pulse": "pulse()", "class.talos-status-tag--icon-only": "iconOnly()", "attr.role": "\"status\"", "attr.aria-label": "resolvedAriaLabel()" }, classAttribute: "talos-status-tag" }, ngImport: i0, template: "@if (variant() === 'dot') {\n  <span class=\"talos-status-tag__dot\" [class.talos-status-tag__dot--pulse]=\"pulse()\" aria-hidden=\"true\">\n    @if (pulse()) {\n      <span class=\"talos-status-tag__dot-ping\" aria-hidden=\"true\"></span>\n    }\n  </span>\n} @else if (showIcon()) {\n  <span\n    class=\"talos-status-tag__icon\"\n    [class.talos-status-tag__icon--spin]=\"shouldAnimateIcon()\"\n    [class.talos-status-tag__icon--pulse]=\"pulse()\"\n    aria-hidden=\"true\"\n  >\n    <ng-container *ngComponentOutlet=\"activeIconComponent(); inputs: { size: iconSize() }\" />\n  </span>\n}\n\n<span [class.talos-status-tag__label]=\"!iconOnly()\" [class.talos-sr-only]=\"iconOnly()\">\n  <ng-content>{{ resolvedLabel() }}</ng-content>\n</span>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;vertical-align:middle;box-sizing:border-box;font-family:var(--talos-status-font-family, inherit);font-weight:var(--talos-status-font-weight, 600);line-height:1;text-decoration:none;letter-spacing:.015em;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;--_status-color: var(--talos-status-color, var(--talos-status-pending-color, #d97706));--_status-bg: var(--talos-status-bg, var(--talos-status-pending-bg, #fffbeb));--_status-border: var(--talos-status-border, var(--talos-status-pending-border, #fde68a));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-pending-solid-bg, #d97706));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-pending-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--new{--_status-color: var(--talos-status-color, var(--talos-status-new-color, #0284c7));--_status-bg: var(--talos-status-bg, var(--talos-status-new-bg, #f0f9ff));--_status-border: var(--talos-status-border, var(--talos-status-new-border, #bae6fd));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-new-solid-bg, #0284c7));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-new-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--pending{--_status-color: var(--talos-status-color, var(--talos-status-pending-color, #d97706));--_status-bg: var(--talos-status-bg, var(--talos-status-pending-bg, #fffbeb));--_status-border: var(--talos-status-border, var(--talos-status-pending-border, #fde68a));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-pending-solid-bg, #d97706));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-pending-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--inprogress{--_status-color: var(--talos-status-color, var(--talos-status-inprogress-color, #2563eb));--_status-bg: var(--talos-status-bg, var(--talos-status-inprogress-bg, #eff6ff));--_status-border: var(--talos-status-border, var(--talos-status-inprogress-border, #bfdbfe));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-inprogress-solid-bg, #2563eb));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-inprogress-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--paused{--_status-color: var(--talos-status-color, var(--talos-status-paused-color, #b45309));--_status-bg: var(--talos-status-bg, var(--talos-status-paused-bg, #fff7ed));--_status-border: var(--talos-status-border, var(--talos-status-paused-border, #fed7aa));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-paused-solid-bg, #ea580c));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-paused-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--retrying{--_status-color: var(--talos-status-color, var(--talos-status-retrying-color, #c2410c));--_status-bg: var(--talos-status-bg, var(--talos-status-retrying-bg, #fff7ed));--_status-border: var(--talos-status-border, var(--talos-status-retrying-border, #ffedd5));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-retrying-solid-bg, #ea580c));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-retrying-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--skipped{--_status-color: var(--talos-status-color, var(--talos-status-skipped-color, #475569));--_status-bg: var(--talos-status-bg, var(--talos-status-skipped-bg, #f8fafc));--_status-border: var(--talos-status-border, var(--talos-status-skipped-border, #e2e8f0));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-skipped-solid-bg, #64748b));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-skipped-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--success{--_status-color: var(--talos-status-color, var(--talos-status-success-color, #16a34a));--_status-bg: var(--talos-status-bg, var(--talos-status-success-bg, #f0fdf4));--_status-border: var(--talos-status-border, var(--talos-status-success-border, #bbf7d0));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-success-solid-bg, #16a34a));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-success-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--completed{--_status-color: var(--talos-status-color, var(--talos-status-completed-color, #0f766e));--_status-bg: var(--talos-status-bg, var(--talos-status-completed-bg, #f0fdfa));--_status-border: var(--talos-status-border, var(--talos-status-completed-border, #99f6e4));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-completed-solid-bg, #0d9488));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-completed-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--error{--_status-color: var(--talos-status-color, var(--talos-status-error-color, #dc2626));--_status-bg: var(--talos-status-bg, var(--talos-status-error-bg, #fef2f2));--_status-border: var(--talos-status-border, var(--talos-status-error-border, #fecaca));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-error-solid-bg, #dc2626));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-error-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--terminated{--_status-color: var(--talos-status-color, var(--talos-status-terminated-color, #334155));--_status-bg: var(--talos-status-bg, var(--talos-status-terminated-bg, #f1f5f9));--_status-border: var(--talos-status-border, var(--talos-status-terminated-border, #cbd5e1));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-terminated-solid-bg, #334155));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-terminated-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--expired{--_status-color: var(--talos-status-color, var(--talos-status-expired-color, #7e22ce));--_status-bg: var(--talos-status-bg, var(--talos-status-expired-bg, #faf5ff));--_status-border: var(--talos-status-border, var(--talos-status-expired-border, #e9d5ff));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-expired-solid-bg, #7e22ce));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-expired-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--subtle{color:var(--_status-color);background-color:var(--_status-bg);border:1px solid var(--_status-border)}:host.talos-status-tag--solid{color:var(--_status-solid-text);background-color:var(--_status-solid-bg);border:1px solid transparent;box-shadow:0 1px 2px #00000014}:host.talos-status-tag--outline{color:var(--_status-color);background-color:transparent;border:1px solid var(--_status-color)}:host.talos-status-tag--dot{color:var(--talos-text-color, #0f172a);background-color:transparent;border:1px solid transparent;padding-left:0;padding-right:0}:host.talos-status-tag--xs{height:1.25rem;font-size:.6875rem;padding:0 .375rem;gap:.25rem}:host.talos-status-tag--xs.talos-status-tag--icon-only{width:1.25rem;padding:0}:host.talos-status-tag--xs .talos-status-tag__dot{width:6px;height:6px}:host.talos-status-tag--sm{height:1.5rem;font-size:.75rem;padding:0 .5rem;gap:.3125rem}:host.talos-status-tag--sm.talos-status-tag--icon-only{width:1.5rem;padding:0}:host.talos-status-tag--sm .talos-status-tag__dot{width:7px;height:7px}:host.talos-status-tag--md{height:1.75rem;font-size:.8125rem;padding:0 .625rem;gap:.375rem}:host.talos-status-tag--md.talos-status-tag--icon-only{width:1.75rem;padding:0}:host.talos-status-tag--md .talos-status-tag__dot{width:8px;height:8px}:host.talos-status-tag--lg{height:2rem;font-size:.875rem;padding:0 .75rem;gap:.4375rem}:host.talos-status-tag--lg.talos-status-tag--icon-only{width:2rem;padding:0}:host.talos-status-tag--lg .talos-status-tag__dot{width:10px;height:10px}:host.talos-status-tag--rounded{border-radius:var(--talos-status-radius-rounded, .375rem)}:host.talos-status-tag--pill{border-radius:var(--talos-status-radius-pill, 9999px)}:host.talos-status-tag--square{border-radius:var(--talos-status-radius-square, .25rem)}:host.talos-status-tag--pulse:not(.talos-status-tag--dot){animation:talos-status-pulse 2.2s cubic-bezier(.4,0,.6,1) infinite}.talos-status-tag__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.talos-status-tag__icon--spin{animation:talos-status-spin 1.4s linear infinite}.talos-status-tag__icon--pulse{animation:talos-status-icon-pulse 1.8s ease-in-out infinite}.talos-status-tag__label{display:inline-flex;align-items:center;line-height:1}.talos-status-tag__dot{position:relative;display:inline-block;border-radius:9999px;background-color:var(--_status-dot-color);flex-shrink:0}.talos-status-tag__dot .talos-status-tag__dot-ping{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:9999px;background-color:var(--_status-dot-color);opacity:.75;animation:talos-status-ping 1.5s cubic-bezier(0,0,.2,1) infinite}.talos-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes talos-status-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes talos-status-pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes talos-status-icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}@keyframes talos-status-ping{75%,to{transform:scale(2.2);opacity:0}}:root[data-theme=dark] :host.talos-status-tag--new,:root.dark :host.talos-status-tag--new,[data-theme=dark] :host.talos-status-tag--new,[data-mode=dark] :host.talos-status-tag--new,.dark :host.talos-status-tag--new,.dark-theme :host.talos-status-tag--new{--_status-color: var(--talos-status-new-color, #38bdf8);--_status-bg: var(--talos-status-new-bg, rgba(2, 132, 199, .18));--_status-border: var(--talos-status-new-border, rgba(56, 189, 248, .35));--_status-solid-bg: var(--talos-status-new-solid-bg, #0284c7)}:root[data-theme=dark] :host.talos-status-tag--pending,:root.dark :host.talos-status-tag--pending,[data-theme=dark] :host.talos-status-tag--pending,[data-mode=dark] :host.talos-status-tag--pending,.dark :host.talos-status-tag--pending,.dark-theme :host.talos-status-tag--pending{--_status-color: var(--talos-status-pending-color, #fbbf24);--_status-bg: var(--talos-status-pending-bg, rgba(217, 119, 6, .18));--_status-border: var(--talos-status-pending-border, rgba(251, 191, 36, .35));--_status-solid-bg: var(--talos-status-pending-solid-bg, #d97706)}:root[data-theme=dark] :host.talos-status-tag--inprogress,:root.dark :host.talos-status-tag--inprogress,[data-theme=dark] :host.talos-status-tag--inprogress,[data-mode=dark] :host.talos-status-tag--inprogress,.dark :host.talos-status-tag--inprogress,.dark-theme :host.talos-status-tag--inprogress{--_status-color: var(--talos-status-inprogress-color, #60a5fa);--_status-bg: var(--talos-status-inprogress-bg, rgba(37, 99, 235, .2));--_status-border: var(--talos-status-inprogress-border, rgba(96, 165, 250, .35));--_status-solid-bg: var(--talos-status-inprogress-solid-bg, #2563eb)}:root[data-theme=dark] :host.talos-status-tag--paused,:root[data-theme=dark] :host.talos-status-tag--retrying,:root.dark :host.talos-status-tag--paused,:root.dark :host.talos-status-tag--retrying,[data-theme=dark] :host.talos-status-tag--paused,[data-theme=dark] :host.talos-status-tag--retrying,[data-mode=dark] :host.talos-status-tag--paused,[data-mode=dark] :host.talos-status-tag--retrying,.dark :host.talos-status-tag--paused,.dark :host.talos-status-tag--retrying,.dark-theme :host.talos-status-tag--paused,.dark-theme :host.talos-status-tag--retrying{--_status-color: var(--talos-status-paused-color, #fb923c);--_status-bg: var(--talos-status-paused-bg, rgba(194, 65, 12, .18));--_status-border: var(--talos-status-paused-border, rgba(251, 146, 60, .35));--_status-solid-bg: var(--talos-status-paused-solid-bg, #ea580c)}:root[data-theme=dark] :host.talos-status-tag--skipped,:root.dark :host.talos-status-tag--skipped,[data-theme=dark] :host.talos-status-tag--skipped,[data-mode=dark] :host.talos-status-tag--skipped,.dark :host.talos-status-tag--skipped,.dark-theme :host.talos-status-tag--skipped{--_status-color: var(--talos-status-skipped-color, #94a3b8);--_status-bg: var(--talos-status-skipped-bg, rgba(100, 116, 139, .18));--_status-border: var(--talos-status-skipped-border, rgba(148, 163, 184, .3));--_status-solid-bg: var(--talos-status-skipped-solid-bg, #475569)}:root[data-theme=dark] :host.talos-status-tag--success,:root.dark :host.talos-status-tag--success,[data-theme=dark] :host.talos-status-tag--success,[data-mode=dark] :host.talos-status-tag--success,.dark :host.talos-status-tag--success,.dark-theme :host.talos-status-tag--success{--_status-color: var(--talos-status-success-color, #4ade80);--_status-bg: var(--talos-status-success-bg, rgba(22, 163, 74, .18));--_status-border: var(--talos-status-success-border, rgba(74, 222, 128, .35));--_status-solid-bg: var(--talos-status-success-solid-bg, #16a34a)}:root[data-theme=dark] :host.talos-status-tag--completed,:root.dark :host.talos-status-tag--completed,[data-theme=dark] :host.talos-status-tag--completed,[data-mode=dark] :host.talos-status-tag--completed,.dark :host.talos-status-tag--completed,.dark-theme :host.talos-status-tag--completed{--_status-color: var(--talos-status-completed-color, #2dd4bf);--_status-bg: var(--talos-status-completed-bg, rgba(15, 118, 110, .18));--_status-border: var(--talos-status-completed-border, rgba(45, 212, 191, .35));--_status-solid-bg: var(--talos-status-completed-solid-bg, #0d9488)}:root[data-theme=dark] :host.talos-status-tag--error,:root.dark :host.talos-status-tag--error,[data-theme=dark] :host.talos-status-tag--error,[data-mode=dark] :host.talos-status-tag--error,.dark :host.talos-status-tag--error,.dark-theme :host.talos-status-tag--error{--_status-color: var(--talos-status-error-color, #f87171);--_status-bg: var(--talos-status-error-bg, rgba(220, 38, 38, .18));--_status-border: var(--talos-status-error-border, rgba(248, 113, 113, .35));--_status-solid-bg: var(--talos-status-error-solid-bg, #dc2626)}:root[data-theme=dark] :host.talos-status-tag--terminated,:root.dark :host.talos-status-tag--terminated,[data-theme=dark] :host.talos-status-tag--terminated,[data-mode=dark] :host.talos-status-tag--terminated,.dark :host.talos-status-tag--terminated,.dark-theme :host.talos-status-tag--terminated{--_status-color: var(--talos-status-terminated-color, #cbd5e1);--_status-bg: var(--talos-status-terminated-bg, rgba(51, 65, 85, .3));--_status-border: var(--talos-status-terminated-border, rgba(203, 213, 225, .3));--_status-solid-bg: var(--talos-status-terminated-solid-bg, #334155)}:root[data-theme=dark] :host.talos-status-tag--expired,:root.dark :host.talos-status-tag--expired,[data-theme=dark] :host.talos-status-tag--expired,[data-mode=dark] :host.talos-status-tag--expired,.dark :host.talos-status-tag--expired,.dark-theme :host.talos-status-tag--expired{--_status-color: var(--talos-status-expired-color, #c084fc);--_status-bg: var(--talos-status-expired-bg, rgba(126, 34, 206, .2));--_status-border: var(--talos-status-expired-border, rgba(192, 132, 252, .35));--_status-solid-bg: var(--talos-status-expired-solid-bg, #7e22ce)}:root[data-theme=dark] :host.talos-status-tag--dot,:root.dark :host.talos-status-tag--dot,[data-theme=dark] :host.talos-status-tag--dot,[data-mode=dark] :host.talos-status-tag--dot,.dark :host.talos-status-tag--dot,.dark-theme :host.talos-status-tag--dot{color:var(--talos-text-color, #f9fafb)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosStatusTagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'talos-status-tag, [talosStatusTag]', imports: [NgComponentOutlet], host: {
+                        'class': 'talos-status-tag',
+                        '[class.talos-status-tag--new]': 'canonicalStatus() === "NEW"',
+                        '[class.talos-status-tag--pending]': 'canonicalStatus() === "PENDING"',
+                        '[class.talos-status-tag--inprogress]': 'canonicalStatus() === "IN-PROGRESS"',
+                        '[class.talos-status-tag--paused]': 'canonicalStatus() === "PAUSED"',
+                        '[class.talos-status-tag--retrying]': 'canonicalStatus() === "RETRYING"',
+                        '[class.talos-status-tag--skipped]': 'canonicalStatus() === "SKIPPED"',
+                        '[class.talos-status-tag--success]': 'canonicalStatus() === "SUCCESS"',
+                        '[class.talos-status-tag--completed]': 'canonicalStatus() === "COMPLETED"',
+                        '[class.talos-status-tag--error]': 'canonicalStatus() === "ERROR"',
+                        '[class.talos-status-tag--terminated]': 'canonicalStatus() === "TERMINATED"',
+                        '[class.talos-status-tag--expired]': 'canonicalStatus() === "EXPIRED"',
+                        '[class.talos-status-tag--subtle]': 'variant() === "subtle"',
+                        '[class.talos-status-tag--solid]': 'variant() === "solid"',
+                        '[class.talos-status-tag--outline]': 'variant() === "outline"',
+                        '[class.talos-status-tag--dot]': 'variant() === "dot"',
+                        '[class.talos-status-tag--xs]': 'size() === "xs"',
+                        '[class.talos-status-tag--sm]': 'size() === "sm"',
+                        '[class.talos-status-tag--md]': 'size() === "md"',
+                        '[class.talos-status-tag--lg]': 'size() === "lg"',
+                        '[class.talos-status-tag--rounded]': 'shape() === "rounded"',
+                        '[class.talos-status-tag--pill]': 'shape() === "pill"',
+                        '[class.talos-status-tag--square]': 'shape() === "square"',
+                        '[class.talos-status-tag--pulse]': 'pulse()',
+                        '[class.talos-status-tag--icon-only]': 'iconOnly()',
+                        '[attr.role]': '"status"',
+                        '[attr.aria-label]': 'resolvedAriaLabel()'
+                    }, template: "@if (variant() === 'dot') {\n  <span class=\"talos-status-tag__dot\" [class.talos-status-tag__dot--pulse]=\"pulse()\" aria-hidden=\"true\">\n    @if (pulse()) {\n      <span class=\"talos-status-tag__dot-ping\" aria-hidden=\"true\"></span>\n    }\n  </span>\n} @else if (showIcon()) {\n  <span\n    class=\"talos-status-tag__icon\"\n    [class.talos-status-tag__icon--spin]=\"shouldAnimateIcon()\"\n    [class.talos-status-tag__icon--pulse]=\"pulse()\"\n    aria-hidden=\"true\"\n  >\n    <ng-container *ngComponentOutlet=\"activeIconComponent(); inputs: { size: iconSize() }\" />\n  </span>\n}\n\n<span [class.talos-status-tag__label]=\"!iconOnly()\" [class.talos-sr-only]=\"iconOnly()\">\n  <ng-content>{{ resolvedLabel() }}</ng-content>\n</span>\n", styles: [":host{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;vertical-align:middle;box-sizing:border-box;font-family:var(--talos-status-font-family, inherit);font-weight:var(--talos-status-font-weight, 600);line-height:1;text-decoration:none;letter-spacing:.015em;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;--_status-color: var(--talos-status-color, var(--talos-status-pending-color, #d97706));--_status-bg: var(--talos-status-bg, var(--talos-status-pending-bg, #fffbeb));--_status-border: var(--talos-status-border, var(--talos-status-pending-border, #fde68a));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-pending-solid-bg, #d97706));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-pending-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--new{--_status-color: var(--talos-status-color, var(--talos-status-new-color, #0284c7));--_status-bg: var(--talos-status-bg, var(--talos-status-new-bg, #f0f9ff));--_status-border: var(--talos-status-border, var(--talos-status-new-border, #bae6fd));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-new-solid-bg, #0284c7));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-new-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--pending{--_status-color: var(--talos-status-color, var(--talos-status-pending-color, #d97706));--_status-bg: var(--talos-status-bg, var(--talos-status-pending-bg, #fffbeb));--_status-border: var(--talos-status-border, var(--talos-status-pending-border, #fde68a));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-pending-solid-bg, #d97706));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-pending-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--inprogress{--_status-color: var(--talos-status-color, var(--talos-status-inprogress-color, #2563eb));--_status-bg: var(--talos-status-bg, var(--talos-status-inprogress-bg, #eff6ff));--_status-border: var(--talos-status-border, var(--talos-status-inprogress-border, #bfdbfe));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-inprogress-solid-bg, #2563eb));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-inprogress-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--paused{--_status-color: var(--talos-status-color, var(--talos-status-paused-color, #b45309));--_status-bg: var(--talos-status-bg, var(--talos-status-paused-bg, #fff7ed));--_status-border: var(--talos-status-border, var(--talos-status-paused-border, #fed7aa));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-paused-solid-bg, #ea580c));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-paused-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--retrying{--_status-color: var(--talos-status-color, var(--talos-status-retrying-color, #c2410c));--_status-bg: var(--talos-status-bg, var(--talos-status-retrying-bg, #fff7ed));--_status-border: var(--talos-status-border, var(--talos-status-retrying-border, #ffedd5));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-retrying-solid-bg, #ea580c));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-retrying-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--skipped{--_status-color: var(--talos-status-color, var(--talos-status-skipped-color, #475569));--_status-bg: var(--talos-status-bg, var(--talos-status-skipped-bg, #f8fafc));--_status-border: var(--talos-status-border, var(--talos-status-skipped-border, #e2e8f0));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-skipped-solid-bg, #64748b));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-skipped-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--success{--_status-color: var(--talos-status-color, var(--talos-status-success-color, #16a34a));--_status-bg: var(--talos-status-bg, var(--talos-status-success-bg, #f0fdf4));--_status-border: var(--talos-status-border, var(--talos-status-success-border, #bbf7d0));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-success-solid-bg, #16a34a));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-success-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--completed{--_status-color: var(--talos-status-color, var(--talos-status-completed-color, #0f766e));--_status-bg: var(--talos-status-bg, var(--talos-status-completed-bg, #f0fdfa));--_status-border: var(--talos-status-border, var(--talos-status-completed-border, #99f6e4));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-completed-solid-bg, #0d9488));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-completed-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--error{--_status-color: var(--talos-status-color, var(--talos-status-error-color, #dc2626));--_status-bg: var(--talos-status-bg, var(--talos-status-error-bg, #fef2f2));--_status-border: var(--talos-status-border, var(--talos-status-error-border, #fecaca));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-error-solid-bg, #dc2626));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-error-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--terminated{--_status-color: var(--talos-status-color, var(--talos-status-terminated-color, #334155));--_status-bg: var(--talos-status-bg, var(--talos-status-terminated-bg, #f1f5f9));--_status-border: var(--talos-status-border, var(--talos-status-terminated-border, #cbd5e1));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-terminated-solid-bg, #334155));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-terminated-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--expired{--_status-color: var(--talos-status-color, var(--talos-status-expired-color, #7e22ce));--_status-bg: var(--talos-status-bg, var(--talos-status-expired-bg, #faf5ff));--_status-border: var(--talos-status-border, var(--talos-status-expired-border, #e9d5ff));--_status-solid-bg: var(--talos-status-solid-bg, var(--talos-status-expired-solid-bg, #7e22ce));--_status-solid-text: var(--talos-status-solid-text, var(--talos-status-expired-solid-text, #ffffff));--_status-dot-color: var(--talos-status-dot-color, var(--_status-color))}:host.talos-status-tag--subtle{color:var(--_status-color);background-color:var(--_status-bg);border:1px solid var(--_status-border)}:host.talos-status-tag--solid{color:var(--_status-solid-text);background-color:var(--_status-solid-bg);border:1px solid transparent;box-shadow:0 1px 2px #00000014}:host.talos-status-tag--outline{color:var(--_status-color);background-color:transparent;border:1px solid var(--_status-color)}:host.talos-status-tag--dot{color:var(--talos-text-color, #0f172a);background-color:transparent;border:1px solid transparent;padding-left:0;padding-right:0}:host.talos-status-tag--xs{height:1.25rem;font-size:.6875rem;padding:0 .375rem;gap:.25rem}:host.talos-status-tag--xs.talos-status-tag--icon-only{width:1.25rem;padding:0}:host.talos-status-tag--xs .talos-status-tag__dot{width:6px;height:6px}:host.talos-status-tag--sm{height:1.5rem;font-size:.75rem;padding:0 .5rem;gap:.3125rem}:host.talos-status-tag--sm.talos-status-tag--icon-only{width:1.5rem;padding:0}:host.talos-status-tag--sm .talos-status-tag__dot{width:7px;height:7px}:host.talos-status-tag--md{height:1.75rem;font-size:.8125rem;padding:0 .625rem;gap:.375rem}:host.talos-status-tag--md.talos-status-tag--icon-only{width:1.75rem;padding:0}:host.talos-status-tag--md .talos-status-tag__dot{width:8px;height:8px}:host.talos-status-tag--lg{height:2rem;font-size:.875rem;padding:0 .75rem;gap:.4375rem}:host.talos-status-tag--lg.talos-status-tag--icon-only{width:2rem;padding:0}:host.talos-status-tag--lg .talos-status-tag__dot{width:10px;height:10px}:host.talos-status-tag--rounded{border-radius:var(--talos-status-radius-rounded, .375rem)}:host.talos-status-tag--pill{border-radius:var(--talos-status-radius-pill, 9999px)}:host.talos-status-tag--square{border-radius:var(--talos-status-radius-square, .25rem)}:host.talos-status-tag--pulse:not(.talos-status-tag--dot){animation:talos-status-pulse 2.2s cubic-bezier(.4,0,.6,1) infinite}.talos-status-tag__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.talos-status-tag__icon--spin{animation:talos-status-spin 1.4s linear infinite}.talos-status-tag__icon--pulse{animation:talos-status-icon-pulse 1.8s ease-in-out infinite}.talos-status-tag__label{display:inline-flex;align-items:center;line-height:1}.talos-status-tag__dot{position:relative;display:inline-block;border-radius:9999px;background-color:var(--_status-dot-color);flex-shrink:0}.talos-status-tag__dot .talos-status-tag__dot-ping{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:9999px;background-color:var(--_status-dot-color);opacity:.75;animation:talos-status-ping 1.5s cubic-bezier(0,0,.2,1) infinite}.talos-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes talos-status-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes talos-status-pulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes talos-status-icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}@keyframes talos-status-ping{75%,to{transform:scale(2.2);opacity:0}}:root[data-theme=dark] :host.talos-status-tag--new,:root.dark :host.talos-status-tag--new,[data-theme=dark] :host.talos-status-tag--new,[data-mode=dark] :host.talos-status-tag--new,.dark :host.talos-status-tag--new,.dark-theme :host.talos-status-tag--new{--_status-color: var(--talos-status-new-color, #38bdf8);--_status-bg: var(--talos-status-new-bg, rgba(2, 132, 199, .18));--_status-border: var(--talos-status-new-border, rgba(56, 189, 248, .35));--_status-solid-bg: var(--talos-status-new-solid-bg, #0284c7)}:root[data-theme=dark] :host.talos-status-tag--pending,:root.dark :host.talos-status-tag--pending,[data-theme=dark] :host.talos-status-tag--pending,[data-mode=dark] :host.talos-status-tag--pending,.dark :host.talos-status-tag--pending,.dark-theme :host.talos-status-tag--pending{--_status-color: var(--talos-status-pending-color, #fbbf24);--_status-bg: var(--talos-status-pending-bg, rgba(217, 119, 6, .18));--_status-border: var(--talos-status-pending-border, rgba(251, 191, 36, .35));--_status-solid-bg: var(--talos-status-pending-solid-bg, #d97706)}:root[data-theme=dark] :host.talos-status-tag--inprogress,:root.dark :host.talos-status-tag--inprogress,[data-theme=dark] :host.talos-status-tag--inprogress,[data-mode=dark] :host.talos-status-tag--inprogress,.dark :host.talos-status-tag--inprogress,.dark-theme :host.talos-status-tag--inprogress{--_status-color: var(--talos-status-inprogress-color, #60a5fa);--_status-bg: var(--talos-status-inprogress-bg, rgba(37, 99, 235, .2));--_status-border: var(--talos-status-inprogress-border, rgba(96, 165, 250, .35));--_status-solid-bg: var(--talos-status-inprogress-solid-bg, #2563eb)}:root[data-theme=dark] :host.talos-status-tag--paused,:root[data-theme=dark] :host.talos-status-tag--retrying,:root.dark :host.talos-status-tag--paused,:root.dark :host.talos-status-tag--retrying,[data-theme=dark] :host.talos-status-tag--paused,[data-theme=dark] :host.talos-status-tag--retrying,[data-mode=dark] :host.talos-status-tag--paused,[data-mode=dark] :host.talos-status-tag--retrying,.dark :host.talos-status-tag--paused,.dark :host.talos-status-tag--retrying,.dark-theme :host.talos-status-tag--paused,.dark-theme :host.talos-status-tag--retrying{--_status-color: var(--talos-status-paused-color, #fb923c);--_status-bg: var(--talos-status-paused-bg, rgba(194, 65, 12, .18));--_status-border: var(--talos-status-paused-border, rgba(251, 146, 60, .35));--_status-solid-bg: var(--talos-status-paused-solid-bg, #ea580c)}:root[data-theme=dark] :host.talos-status-tag--skipped,:root.dark :host.talos-status-tag--skipped,[data-theme=dark] :host.talos-status-tag--skipped,[data-mode=dark] :host.talos-status-tag--skipped,.dark :host.talos-status-tag--skipped,.dark-theme :host.talos-status-tag--skipped{--_status-color: var(--talos-status-skipped-color, #94a3b8);--_status-bg: var(--talos-status-skipped-bg, rgba(100, 116, 139, .18));--_status-border: var(--talos-status-skipped-border, rgba(148, 163, 184, .3));--_status-solid-bg: var(--talos-status-skipped-solid-bg, #475569)}:root[data-theme=dark] :host.talos-status-tag--success,:root.dark :host.talos-status-tag--success,[data-theme=dark] :host.talos-status-tag--success,[data-mode=dark] :host.talos-status-tag--success,.dark :host.talos-status-tag--success,.dark-theme :host.talos-status-tag--success{--_status-color: var(--talos-status-success-color, #4ade80);--_status-bg: var(--talos-status-success-bg, rgba(22, 163, 74, .18));--_status-border: var(--talos-status-success-border, rgba(74, 222, 128, .35));--_status-solid-bg: var(--talos-status-success-solid-bg, #16a34a)}:root[data-theme=dark] :host.talos-status-tag--completed,:root.dark :host.talos-status-tag--completed,[data-theme=dark] :host.talos-status-tag--completed,[data-mode=dark] :host.talos-status-tag--completed,.dark :host.talos-status-tag--completed,.dark-theme :host.talos-status-tag--completed{--_status-color: var(--talos-status-completed-color, #2dd4bf);--_status-bg: var(--talos-status-completed-bg, rgba(15, 118, 110, .18));--_status-border: var(--talos-status-completed-border, rgba(45, 212, 191, .35));--_status-solid-bg: var(--talos-status-completed-solid-bg, #0d9488)}:root[data-theme=dark] :host.talos-status-tag--error,:root.dark :host.talos-status-tag--error,[data-theme=dark] :host.talos-status-tag--error,[data-mode=dark] :host.talos-status-tag--error,.dark :host.talos-status-tag--error,.dark-theme :host.talos-status-tag--error{--_status-color: var(--talos-status-error-color, #f87171);--_status-bg: var(--talos-status-error-bg, rgba(220, 38, 38, .18));--_status-border: var(--talos-status-error-border, rgba(248, 113, 113, .35));--_status-solid-bg: var(--talos-status-error-solid-bg, #dc2626)}:root[data-theme=dark] :host.talos-status-tag--terminated,:root.dark :host.talos-status-tag--terminated,[data-theme=dark] :host.talos-status-tag--terminated,[data-mode=dark] :host.talos-status-tag--terminated,.dark :host.talos-status-tag--terminated,.dark-theme :host.talos-status-tag--terminated{--_status-color: var(--talos-status-terminated-color, #cbd5e1);--_status-bg: var(--talos-status-terminated-bg, rgba(51, 65, 85, .3));--_status-border: var(--talos-status-terminated-border, rgba(203, 213, 225, .3));--_status-solid-bg: var(--talos-status-terminated-solid-bg, #334155)}:root[data-theme=dark] :host.talos-status-tag--expired,:root.dark :host.talos-status-tag--expired,[data-theme=dark] :host.talos-status-tag--expired,[data-mode=dark] :host.talos-status-tag--expired,.dark :host.talos-status-tag--expired,.dark-theme :host.talos-status-tag--expired{--_status-color: var(--talos-status-expired-color, #c084fc);--_status-bg: var(--talos-status-expired-bg, rgba(126, 34, 206, .2));--_status-border: var(--talos-status-expired-border, rgba(192, 132, 252, .35));--_status-solid-bg: var(--talos-status-expired-solid-bg, #7e22ce)}:root[data-theme=dark] :host.talos-status-tag--dot,:root.dark :host.talos-status-tag--dot,[data-theme=dark] :host.talos-status-tag--dot,[data-mode=dark] :host.talos-status-tag--dot,.dark :host.talos-status-tag--dot,.dark-theme :host.talos-status-tag--dot{color:var(--talos-text-color, #f9fafb)}\n"] }]
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], pulse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pulse", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+class TalosStatusTagModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosStatusTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: TalosStatusTagModule, imports: [TalosStatusTagComponent], exports: [TalosStatusTagComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosStatusTagModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosStatusTagModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [TalosStatusTagComponent],
+                    exports: [TalosStatusTagComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TALOS_STATUS_DESCRIPTORS, TalosStatusTagComponent, TalosStatusTagModule, normalizeWorkflowStatus };
+//# sourceMappingURL=weeehaoooz-talos-ui-data-display-status-tag.mjs.map

package/fesm2022/weeehaoooz-talos-ui-data-display-status-tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"weeehaoooz-talos-ui-data-display-status-tag.mjs","sources":["../../../projects/talos-ui/data-display/status-tag/status-tag.types.ts","../../../projects/talos-ui/data-display/status-tag/status-tag.component.ts","../../../projects/talos-ui/data-display/status-tag/status-tag.component.html","../../../projects/talos-ui/data-display/status-tag/status-tag.module.ts","../../../projects/talos-ui/data-display/status-tag/weeehaoooz-talos-ui-data-display-status-tag.ts"],"sourcesContent":["/**\n * Standard canonical workflow orchestration statuses.\n */\nexport type TalosCanonicalWorkflowStatus =\n  | 'NEW'\n  | 'PENDING'\n  | 'IN-PROGRESS'\n  | 'PAUSED'\n  | 'RETRYING'\n  | 'SKIPPED'\n  | 'SUCCESS'\n  | 'COMPLETED'\n  | 'ERROR'\n  | 'TERMINATED'\n  | 'EXPIRED';\n\n/**\n * Permissive workflow status input accepting canonical names, lowercase variants, and industry aliases.\n */\nexport type TalosWorkflowStatus =\n  | TalosCanonicalWorkflowStatus\n  | 'new'\n  | 'created'\n  | 'draft'\n  | 'CREATED'\n  | 'DRAFT'\n  | 'pending'\n  | 'queued'\n  | 'scheduled'\n  | 'waiting'\n  | 'QUEUED'\n  | 'SCHEDULED'\n  | 'WAITING'\n  | 'in-progress'\n  | 'in_progress'\n  | 'IN_PROGRESS'\n  | 'running'\n  | 'executing'\n  | 'RUNNING'\n  | 'EXECUTING'\n  | 'paused'\n  | 'suspended'\n  | 'on_hold'\n  | 'on-hold'\n  | 'waiting_for_approval'\n  | 'SUSPENDED'\n  | 'ON_HOLD'\n  | 'ON-HOLD'\n  | 'WAITING_FOR_APPROVAL'\n  | 'retrying'\n  | 'up_for_retry'\n  | 'up-for-retry'\n  | 'UP_FOR_RETRY'\n  | 'UP-FOR-RETRY'\n  | 'skipped'\n  | 'bypassed'\n  | 'ignored'\n  | 'SKIPPED'\n  | 'BYPASSED'\n  | 'IGNORED'\n  | 'success'\n  | 'succeeded'\n  | 'passed'\n  | 'SUCCEEDED'\n  | 'PASSED'\n  | 'completed'\n  | 'finished'\n  | 'done'\n  | 'FINISHED'\n  | 'DONE'\n  | 'error'\n  | 'failed'\n  | 'failure'\n  | 'FAILED'\n  | 'FAILURE'\n  | 'terminated'\n  | 'cancelled'\n  | 'canceled'\n  | 'aborted'\n  | 'stopped'\n  | 'killed'\n  | 'CANCELLED'\n  | 'CANCELED'\n  | 'ABORTED'\n  | 'STOPPED'\n  | 'KILLED'\n  | 'expired'\n  | 'timeout'\n  | 'timed_out'\n  | 'timed-out'\n  | 'stale'\n  | 'TIMEOUT'\n  | 'TIMED_OUT'\n  | 'TIMED-OUT'\n  | 'STALE';\n\n/**\n * Visual variant presentation styles.\n */\nexport type TalosStatusTagVariant = 'subtle' | 'solid' | 'outline' | 'dot';\n\n/**\n * Size scale for the status tag.\n */\nexport type TalosStatusTagSize = 'xs' | 'sm' | 'md' | 'lg';\n\n/**\n * Border radius shape style for the status tag.\n */\nexport type TalosStatusTagShape = 'rounded' | 'pill' | 'square';\n\n/**\n * Status descriptor containing default metadata.\n */\nexport interface TalosStatusDescriptor {\n  readonly canonical: TalosCanonicalWorkflowStatus;\n  readonly defaultLabel: string;\n  readonly defaultAriaLabel: string;\n  readonly cssModifier: string;\n  readonly shouldAnimateIcon?: boolean;\n}\n\n/**\n * Normalizes any recognized status string or alias into its canonical status.\n */\nexport function normalizeWorkflowStatus(status: string | null | undefined): TalosCanonicalWorkflowStatus {\n  if (!status) {\n    return 'PENDING';\n  }\n\n  const clean = status.trim().toUpperCase().replace(/[\\s_]+/g, '-');\n\n  switch (clean) {\n    case 'NEW':\n    case 'CREATED':\n    case 'DRAFT':\n      return 'NEW';\n\n    case 'PENDING':\n    case 'QUEUED':\n    case 'SCHEDULED':\n    case 'WAITING':\n      return 'PENDING';\n\n    case 'IN-PROGRESS':\n    case 'INPROGRESS':\n    case 'RUNNING':\n    case 'EXECUTING':\n    case 'ACTIVE':\n      return 'IN-PROGRESS';\n\n    case 'PAUSED':\n    case 'SUSPENDED':\n    case 'ON-HOLD':\n    case 'ONHOLD':\n    case 'WAITING-FOR-APPROVAL':\n    case 'BLOCKED':\n      return 'PAUSED';\n\n    case 'RETRYING':\n    case 'UP-FOR-RETRY':\n    case 'RETRY':\n      return 'RETRYING';\n\n    case 'SKIPPED':\n    case 'BYPASSED':\n    case 'IGNORED':\n      return 'SKIPPED';\n\n    case 'SUCCESS':\n    case 'SUCCEEDED':\n    case 'PASSED':\n    case 'OK':\n      return 'SUCCESS';\n\n    case 'COMPLETED':\n    case 'FINISHED':\n    case 'DONE':\n      return 'COMPLETED';\n\n    case 'ERROR':\n    case 'FAILED':\n    case 'FAILURE':\n    case 'CRASHED':\n      return 'ERROR';\n\n    case 'TERMINATED':\n    case 'CANCELLED':\n    case 'CANCELED':\n    case 'ABORTED':\n    case 'STOPPED':\n    case 'KILLED':\n      return 'TERMINATED';\n\n    case 'EXPIRED':\n    case 'TIMEOUT':\n    case 'TIMED-OUT':\n    case 'TIMEDOUT':\n    case 'STALE':\n      return 'EXPIRED';\n\n    default:\n      return 'PENDING';\n  }\n}\n\n/**\n * Status descriptors map with default metadata.\n */\nexport const TALOS_STATUS_DESCRIPTORS: Record<TalosCanonicalWorkflowStatus, TalosStatusDescriptor> = {\n  'NEW': {\n    canonical: 'NEW',\n    defaultLabel: 'New',\n    defaultAriaLabel: 'Status: New',\n    cssModifier: 'new'\n  },\n  'PENDING': {\n    canonical: 'PENDING',\n    defaultLabel: 'Pending',\n    defaultAriaLabel: 'Status: Pending',\n    cssModifier: 'pending'\n  },\n  'IN-PROGRESS': {\n    canonical: 'IN-PROGRESS',\n    defaultLabel: 'In Progress',\n    defaultAriaLabel: 'Status: In Progress',\n    cssModifier: 'inprogress',\n    shouldAnimateIcon: true\n  },\n  'PAUSED': {\n    canonical: 'PAUSED',\n    defaultLabel: 'Paused',\n    defaultAriaLabel: 'Status: Paused',\n    cssModifier: 'paused'\n  },\n  'RETRYING': {\n    canonical: 'RETRYING',\n    defaultLabel: 'Retrying',\n    defaultAriaLabel: 'Status: Retrying',\n    cssModifier: 'retrying',\n    shouldAnimateIcon: true\n  },\n  'SKIPPED': {\n    canonical: 'SKIPPED',\n    defaultLabel: 'Skipped',\n    defaultAriaLabel: 'Status: Skipped',\n    cssModifier: 'skipped'\n  },\n  'SUCCESS': {\n    canonical: 'SUCCESS',\n    defaultLabel: 'Success',\n    defaultAriaLabel: 'Status: Success',\n    cssModifier: 'success'\n  },\n  'COMPLETED': {\n    canonical: 'COMPLETED',\n    defaultLabel: 'Completed',\n    defaultAriaLabel: 'Status: Completed',\n    cssModifier: 'completed'\n  },\n  'ERROR': {\n    canonical: 'ERROR',\n    defaultLabel: 'Error',\n    defaultAriaLabel: 'Status: Error',\n    cssModifier: 'error'\n  },\n  'TERMINATED': {\n    canonical: 'TERMINATED',\n    defaultLabel: 'Terminated',\n    defaultAriaLabel: 'Status: Terminated',\n    cssModifier: 'terminated'\n  },\n  'EXPIRED': {\n    canonical: 'EXPIRED',\n    defaultLabel: 'Expired',\n    defaultAriaLabel: 'Status: Expired',\n    cssModifier: 'expired'\n  }\n};\n","import {\n  Component,\n  ElementRef,\n  Type,\n  computed,\n  inject,\n  input\n} from '@angular/core';\nimport { NgComponentOutlet } from '@angular/common';\nimport {\n  LucideSparkles,\n  LucideClock,\n  LucideLoader2,\n  LucideCirclePause,\n  LucideRotateCcw,\n  LucideFastForward,\n  LucideCheckCircle2,\n  LucideCheckCheck,\n  LucideCircleAlert,\n  LucideBan,\n  LucideClockAlert\n} from '@lucide/angular';\nimport {\n  TALOS_STATUS_DESCRIPTORS,\n  TalosCanonicalWorkflowStatus,\n  TalosStatusDescriptor,\n  TalosStatusTagShape,\n  TalosStatusTagSize,\n  TalosStatusTagVariant,\n  TalosWorkflowStatus,\n  normalizeWorkflowStatus\n} from './status-tag.types';\n\n@Component({\n  selector: 'talos-status-tag, [talosStatusTag]',\n  imports: [NgComponentOutlet],\n  templateUrl: './status-tag.component.html',\n  styleUrl: './status-tag.component.scss',\n  host: {\n    'class': 'talos-status-tag',\n    '[class.talos-status-tag--new]': 'canonicalStatus() === \"NEW\"',\n    '[class.talos-status-tag--pending]': 'canonicalStatus() === \"PENDING\"',\n    '[class.talos-status-tag--inprogress]': 'canonicalStatus() === \"IN-PROGRESS\"',\n    '[class.talos-status-tag--paused]': 'canonicalStatus() === \"PAUSED\"',\n    '[class.talos-status-tag--retrying]': 'canonicalStatus() === \"RETRYING\"',\n    '[class.talos-status-tag--skipped]': 'canonicalStatus() === \"SKIPPED\"',\n    '[class.talos-status-tag--success]': 'canonicalStatus() === \"SUCCESS\"',\n    '[class.talos-status-tag--completed]': 'canonicalStatus() === \"COMPLETED\"',\n    '[class.talos-status-tag--error]': 'canonicalStatus() === \"ERROR\"',\n    '[class.talos-status-tag--terminated]': 'canonicalStatus() === \"TERMINATED\"',\n    '[class.talos-status-tag--expired]': 'canonicalStatus() === \"EXPIRED\"',\n    '[class.talos-status-tag--subtle]': 'variant() === \"subtle\"',\n    '[class.talos-status-tag--solid]': 'variant() === \"solid\"',\n    '[class.talos-status-tag--outline]': 'variant() === \"outline\"',\n    '[class.talos-status-tag--dot]': 'variant() === \"dot\"',\n    '[class.talos-status-tag--xs]': 'size() === \"xs\"',\n    '[class.talos-status-tag--sm]': 'size() === \"sm\"',\n    '[class.talos-status-tag--md]': 'size() === \"md\"',\n    '[class.talos-status-tag--lg]': 'size() === \"lg\"',\n    '[class.talos-status-tag--rounded]': 'shape() === \"rounded\"',\n    '[class.talos-status-tag--pill]': 'shape() === \"pill\"',\n    '[class.talos-status-tag--square]': 'shape() === \"square\"',\n    '[class.talos-status-tag--pulse]': 'pulse()',\n    '[class.talos-status-tag--icon-only]': 'iconOnly()',\n    '[attr.role]': '\"status\"',\n    '[attr.aria-label]': 'resolvedAriaLabel()'\n  }\n})\nexport class TalosStatusTagComponent {\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  /**\n   * The workflow status to display. Supports all canonical names, lowercase variants, and common aliases.\n   */\n  readonly status = input.required<TalosWorkflowStatus | string>();\n\n  /**\n   * Optional custom label text. If not provided or empty, defaults to standard status label.\n   */\n  readonly label = input<string | null | undefined>(undefined);\n\n  /**\n   * Visual presentation style.\n   * @default 'subtle'\n   */\n  readonly variant = input<TalosStatusTagVariant>('subtle');\n\n  /**\n   * Size scale.\n   * @default 'md'\n   */\n  readonly size = input<TalosStatusTagSize>('md');\n\n  /**\n   * Border radius shape.\n   * @default 'rounded'\n   */\n  readonly shape = input<TalosStatusTagShape>('rounded');\n\n  /**\n   * Whether to render the status icon / indicator symbol.\n   * @default true\n   */\n  readonly showIcon = input<boolean>(true);\n\n  /**\n   * Optional custom icon component override.\n   */\n  readonly icon = input<Type<unknown> | null>(null);\n\n  /**\n   * Whether to render only the symbol/icon without label text.\n   * @default false\n   */\n  readonly iconOnly = input<boolean>(false);\n\n  /**\n   * Whether to enable pulsing animation for active/waiting states.\n   * @default false\n   */\n  readonly pulse = input<boolean>(false);\n\n  /**\n   * Optional accessible ARIA label override.\n   */\n  readonly ariaLabel = input<string | null | undefined>(undefined);\n\n  /**\n   * Normalized canonical workflow status.\n   */\n  readonly canonicalStatus = computed<TalosCanonicalWorkflowStatus>(() => {\n    return normalizeWorkflowStatus(this.status());\n  });\n\n  /**\n   * Descriptor containing default metadata for current canonical status.\n   */\n  readonly descriptor = computed<TalosStatusDescriptor>(() => {\n    return TALOS_STATUS_DESCRIPTORS[this.canonicalStatus()];\n  });\n\n  /**\n   * Resolved label to display when no custom content is projected.\n   */\n  readonly resolvedLabel = computed<string>(() => {\n    const customLabel = this.label();\n    if (customLabel !== undefined && customLabel !== null && customLabel.trim().length > 0) {\n      return customLabel;\n    }\n    return this.descriptor().defaultLabel;\n  });\n\n  /**\n   * Resolved accessibility label for screen readers.\n   */\n  readonly resolvedAriaLabel = computed<string>(() => {\n    const customAria = this.ariaLabel();\n    if (customAria !== undefined && customAria !== null && customAria.trim().length > 0) {\n      return customAria;\n    }\n    return `${this.descriptor().defaultAriaLabel}: ${this.resolvedLabel()}`;\n  });\n\n  /**\n   * Pixel size for the Lucide icon based on status tag size.\n   */\n  readonly iconSize = computed<number>(() => {\n    switch (this.size()) {\n      case 'xs':\n        return 11;\n      case 'sm':\n        return 13;\n      case 'lg':\n        return 16;\n      case 'md':\n      default:\n        return 14;\n    }\n  });\n\n  /**\n   * Resolved default Lucide icon component for the current canonical status.\n   */\n  readonly defaultIconComponent = computed<Type<unknown>>(() => {\n    switch (this.canonicalStatus()) {\n      case 'NEW':\n        return LucideSparkles;\n      case 'PENDING':\n        return LucideClock;\n      case 'IN-PROGRESS':\n        return LucideLoader2;\n      case 'PAUSED':\n        return LucideCirclePause;\n      case 'RETRYING':\n        return LucideRotateCcw;\n      case 'SKIPPED':\n        return LucideFastForward;\n      case 'SUCCESS':\n        return LucideCheckCircle2;\n      case 'COMPLETED':\n        return LucideCheckCheck;\n      case 'ERROR':\n        return LucideCircleAlert;\n      case 'TERMINATED':\n        return LucideBan;\n      case 'EXPIRED':\n        return LucideClockAlert;\n      default:\n        return LucideClock;\n    }\n  });\n\n  /**\n   * Active icon component to render (custom icon if provided, otherwise default semantic icon).\n   */\n  readonly activeIconComponent = computed<Type<unknown>>(() => {\n    return this.icon() ?? this.defaultIconComponent();\n  });\n\n  /**\n   * Whether the icon should have active spin/rotation animation (e.g. IN-PROGRESS, RETRYING).\n   */\n  readonly shouldAnimateIcon = computed<boolean>(() => {\n    return !!this.descriptor().shouldAnimateIcon;\n  });\n}\n","@if (variant() === 'dot') {\n  <span class=\"talos-status-tag__dot\" [class.talos-status-tag__dot--pulse]=\"pulse()\" aria-hidden=\"true\">\n    @if (pulse()) {\n      <span class=\"talos-status-tag__dot-ping\" aria-hidden=\"true\"></span>\n    }\n  </span>\n} @else if (showIcon()) {\n  <span\n    class=\"talos-status-tag__icon\"\n    [class.talos-status-tag__icon--spin]=\"shouldAnimateIcon()\"\n    [class.talos-status-tag__icon--pulse]=\"pulse()\"\n    aria-hidden=\"true\"\n  >\n    <ng-container *ngComponentOutlet=\"activeIconComponent(); inputs: { size: iconSize() }\" />\n  </span>\n}\n\n<span [class.talos-status-tag__label]=\"!iconOnly()\" [class.talos-sr-only]=\"iconOnly()\">\n  <ng-content>{{ resolvedLabel() }}</ng-content>\n</span>\n","import { NgModule } from '@angular/core';\nimport { TalosStatusTagComponent } from './status-tag.component';\n\n@NgModule({\n  imports: [TalosStatusTagComponent],\n  exports: [TalosStatusTagComponent]\n})\nexport class TalosStatusTagModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}