@educarehq/solaris-components 0.6.9 → 0.7.1

package/fesm2022/educarehq-solaris-components.mjs

@@ -528,7 +528,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
             }] } });
 
 class SolarisBadge {
-    shape = 'pill';
+    shape = 'full';
     size = 'md';
     density = 'comfortable';
     color = 'surface';
@@ -536,13 +536,14 @@ class SolarisBadge {
     customTextColor;
     interactive = false;
     ariaHidden = null;
-    hostClass = 'solaris-badge-host';
+    hostClass = true;
     presetColors = new Set([
         'primary',
         'success',
         'warning',
         'error',
         'info',
+        'information',
         'surface',
     ]);
     get resolvedAppearance() {
@@ -552,20 +553,30 @@ class SolarisBadge {
         return this.shape;
     }
     get resolvedColor() {
-        return this.isCustomColor ? 'custom' : this.color;
+        const color = this.normalizedColorInput;
+        if (color === 'information') {
+            return 'info';
+        }
+        return this.presetColors.has(color)
+            ? color
+            : 'custom';
     }
     get isCustomColor() {
-        return !this.presetColors.has(this.color);
+        return !this.presetColors.has(this.normalizedColorInput);
     }
     get customColorValue() {
-        return this.isCustomColor ? String(this.color) : null;
+        return this.isCustomColor ? this.normalizedColorInput : null;
+    }
+    get normalizedColorInput() {
+        const color = String(this.color ?? '').trim();
+        return color || 'surface';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SolarisBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.13", type: SolarisBadge, isStandalone: true, selector: "solaris-badge", inputs: { shape: "shape", size: "size", density: "density", color: "color", appearance: "appearance", customTextColor: "customTextColor", interactive: ["interactive", "interactive", booleanAttribute], ariaHidden: ["aria-hidden", "ariaHidden"] }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<span class=\"solaris-badge\" [attr.aria-hidden]=\"ariaHidden\" [attr.data-appearance]=\"resolvedAppearance\"\n  [style.--solaris-badge-custom]=\"customColorValue\" [style.--solaris-badge-custom-fg]=\"customTextColor\"\n  [attr.data-color]=\"resolvedColor\" [attr.data-size]=\"size\" [attr.data-shape]=\"resolvedShape\"\n  [attr.data-density]=\"density\" [class.is-interactive]=\"interactive\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host.solaris-badge-host{display:inline-flex}.solaris-badge{--solaris-badge-min-height: auto;--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-badge-fg);--solaris-badge-radius: var(--solaris-radius-full);--solaris-badge-line-height: var(--solaris-lh-tight);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;display:inline-flex;gap:var(--solaris-space-2);border:1px solid transparent;letter-spacing:var(--solaris-ls-sm);border-radius:var(--solaris-badge-radius);line-height:var(--solaris-badge-line-height);min-block-size:var(--solaris-badge-min-height)}.solaris-badge.size-sm{--solaris-badge-min-height: 2rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.2rem .6rem;font-size:var(--solaris-fs-10)}.solaris-badge.size-md{--solaris-badge-min-height: 2.4rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.3rem .8rem;font-size:var(--solaris-fs-12)}.solaris-badge.size-lg{--solaris-badge-min-height: 2.8rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.4rem 1rem;font-size:var(--solaris-fs-14)}.solaris-badge.is-pill{--solaris-badge-radius: var(--solaris-radius-full)}.solaris-badge.is-interactive{cursor:pointer;transition:background var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-badge.is-interactive:hover{box-shadow:var(--solaris-shadow-xs)}.solaris-badge.color-surface{--_base: var(--solaris-color-surface-2);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-primary{--_base: var(--solaris-color-primary);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-success{--_base: var(--solaris-color-success);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-warning{--_base: var(--solaris-color-warning);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-error{--_base: var(--solaris-color-error);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-info{--_base: var(--solaris-color-info);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-custom{--_base: var(--solaris-badge-custom, var(--solaris-color-surface-2));--solaris-badge-fg-solid: var(--solaris-badge-custom-fg, var(--solaris-color-white));--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-fg: var(--solaris-badge-custom-fg, var(--solaris-color-text));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.variant-solid{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-solid, var(--solaris-badge-bg));border-color:var(--solaris-badge-border-solid, var(--solaris-badge-border))}.solaris-badge.variant-subtle{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg);border-color:var(--solaris-badge-border)}.solaris-badge.variant-outline{border-color:var(--solaris-badge-border);color:color-mix(in srgb,var(--solaris-badge-border) 30%,var(--solaris-color-white));background:color-mix(in srgb,var(--solaris-badge-border) 20%,transparent)}.solaris-badge.variant-solid.color-surface{color:var(--solaris-color-text);border-color:var(--solaris-color-border);background:var(--solaris-color-surface-2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.13", type: SolarisBadge, isStandalone: true, selector: "solaris-badge", inputs: { shape: "shape", size: "size", density: "density", color: "color", appearance: "appearance", customTextColor: "customTextColor", interactive: ["interactive", "interactive", booleanAttribute], ariaHidden: ["aria-hidden", "ariaHidden"] }, host: { properties: { "class.solaris-badge-host": "this.hostClass" } }, ngImport: i0, template: "<span\n  class=\"solaris-badge\"\n  [attr.aria-hidden]=\"ariaHidden\"\n  [attr.data-appearance]=\"resolvedAppearance\"\n  [attr.data-color]=\"resolvedColor\"\n  [attr.data-size]=\"size\"\n  [attr.data-shape]=\"resolvedShape\"\n  [attr.data-density]=\"density\"\n  [style.--solaris-badge-custom]=\"customColorValue\"\n  [style.--solaris-badge-custom-fg]=\"customTextColor\"\n  [class.is-interactive]=\"interactive\"\n>\n  <ng-content></ng-content>\n</span>\n", styles: [":host.solaris-badge-host{display:inline-flex;vertical-align:middle}.solaris-badge{--solaris-badge-min-height: auto;--solaris-badge-padding-block: .3rem;--solaris-badge-padding-inline: .8rem;--solaris-badge-line-height: var( --solaris-badge-line-height-override, var(--solaris-lh-tight) );display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--solaris-space-2);min-block-size:var(--solaris-badge-min-height);padding:var(--solaris-badge-padding-block) var(--solaris-badge-padding-inline);border:1px solid transparent;border-radius:var(--solaris-badge-radius);font-weight:600;line-height:var(--solaris-badge-line-height);letter-spacing:var(--solaris-ls-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle}.solaris-badge[data-size=sm]{--solaris-badge-min-height: var(--solaris-badge-min-height-sm, 2rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-sm, .2rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-sm, .6rem);font-size:var(--solaris-fs-10)}.solaris-badge[data-size=md]{--solaris-badge-min-height: var(--solaris-badge-min-height-md, 2.4rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-md, .3rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-md, .8rem);font-size:var(--solaris-fs-12)}.solaris-badge[data-size=lg]{--solaris-badge-min-height: var(--solaris-badge-min-height-lg, 2.8rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-lg, .4rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-lg, 1rem);font-size:var(--solaris-fs-14)}.solaris-badge[data-density=compact][data-size=sm]{--solaris-badge-min-height: var(--solaris-badge-min-height-sm, 1.8rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-sm, .1rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-sm, .5rem)}.solaris-badge[data-density=compact][data-size=md]{--solaris-badge-min-height: var(--solaris-badge-min-height-md, 2.2rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-md, .2rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-md, .7rem)}.solaris-badge[data-density=compact][data-size=lg]{--solaris-badge-min-height: var(--solaris-badge-min-height-lg, 2.6rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-lg, .3rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-lg, .9rem)}.solaris-badge[data-shape=full]{--solaris-badge-radius: var(--solaris-radius-full)}.solaris-badge[data-shape=rounded]{--solaris-badge-radius: var(--solaris-radius-md)}.solaris-badge.is-interactive{cursor:pointer;transition:background var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-badge.is-interactive:hover{box-shadow:var(--solaris-shadow-xs)}.solaris-badge[data-color]{--solaris-badge-accent: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-white));--solaris-badge-fg: var(--solaris-badge-accent);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg-soft: color-mix(in srgb, var(--_base) 16%, transparent);--solaris-badge-bg-solid: var(--_base);--solaris-badge-bg-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--_base) 88%, var(--solaris-color-white)), var(--_base) 45%, color-mix(in srgb, var(--_base) 78%, var(--solaris-color-black)) );--solaris-badge-border-soft: color-mix(in srgb, var(--_base) 28%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-black));--solaris-badge-bg-tonal: color-mix(in srgb, var(--_base) 24%, var(--solaris-color-surface-2));--solaris-badge-border-outline: color-mix(in srgb, var(--_base) 68%, var(--solaris-color-white))}.solaris-badge[data-color=surface]{--_base: var(--solaris-color-surface-2);--solaris-badge-accent: var(--solaris-color-text);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-text);--solaris-badge-bg-soft: var(--solaris-color-surface-2);--solaris-badge-bg-tonal: color-mix( in srgb, var(--solaris-color-surface-2) 86%, var(--solaris-color-white) );--solaris-badge-bg-solid: var(--solaris-color-surface-2);--solaris-badge-bg-gradient: linear-gradient( 180deg, var(--solaris-color-surface-2), color-mix(in srgb, var(--solaris-color-surface-2) 72%, var(--solaris-color-black)) );--solaris-badge-border-soft: var(--solaris-color-border);--solaris-badge-border-outline: var(--solaris-color-border);--solaris-badge-border-solid: var(--solaris-color-border)}.solaris-badge[data-color=primary]{--_base: var(--solaris-color-primary)}.solaris-badge[data-color=success]{--_base: var(--solaris-color-success)}.solaris-badge[data-color=warning]{--_base: var(--solaris-color-warning);--solaris-badge-fg-solid: var(--solaris-color-black)}.solaris-badge[data-color=error]{--_base: var(--solaris-color-error)}.solaris-badge[data-color=info]{--_base: var(--solaris-color-info)}.solaris-badge[data-color=custom]{--_base: var(--solaris-badge-custom, var(--solaris-color-surface-2));--solaris-badge-accent: var(--_base);--solaris-badge-fg: var(--_base);--solaris-badge-fg-solid: var(--solaris-badge-custom-fg, var(--solaris-color-white));--solaris-badge-bg-soft: color-mix(in srgb, var(--_base) 16%, transparent);--solaris-badge-bg-solid: var(--_base);--solaris-badge-bg-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--_base) 88%, var(--solaris-color-white)), var(--_base) 45%, color-mix(in srgb, var(--_base) 78%, var(--solaris-color-black)) );--solaris-badge-border-soft: color-mix(in srgb, var(--_base) 28%, transparent);--solaris-badge-border-outline: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-white));--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-black))}.solaris-badge[data-appearance=outline]{color:var(--solaris-badge-fg);background:transparent;border-color:var(--solaris-badge-border-outline)}.solaris-badge[data-appearance=soft]{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg-soft);border-color:var(--solaris-badge-border-soft)}.solaris-badge[data-appearance=solid]{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-solid);border-color:var(--solaris-badge-border-solid)}.solaris-badge[data-appearance=elevated]{color:var(--solaris-badge-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--_base) 12%,var(--solaris-color-surface-2)),color-mix(in srgb,var(--_base) 5%,var(--solaris-color-surface-1)));border-color:color-mix(in srgb,var(--_base) 34%,var(--solaris-color-border));box-shadow:var(--solaris-shadow-xs),0 0 0 1px color-mix(in srgb,var(--_base) 10%,transparent)}.solaris-badge[data-appearance=ghost]{color:var(--solaris-badge-fg);background:transparent;border-color:transparent}.solaris-badge[data-appearance=glass]{color:var(--solaris-badge-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--_base) 22%,var(--solaris-color-white) 4%),color-mix(in srgb,var(--_base) 10%,transparent));border-color:color-mix(in srgb,var(--_base) 44%,var(--solaris-color-white));box-shadow:inset 0 1px color-mix(in srgb,var(--solaris-color-white) 16%,transparent),0 0 0 1px color-mix(in srgb,var(--_base) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.solaris-badge[data-appearance=gradient]{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-gradient);border-color:var(--solaris-badge-border-solid)}.solaris-badge[data-color=surface][data-appearance=outline]{color:var(--solaris-color-text);background:transparent;border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=soft]{color:var(--solaris-color-text);background:color-mix(in srgb,var(--solaris-color-surface-2) 70%,transparent);border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=solid]{color:var(--solaris-color-text);background:var(--solaris-color-surface-2);border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=ghost]{color:var(--solaris-color-text)}.solaris-badge[data-color=surface][data-appearance=gradient]{color:var(--solaris-color-text);background:linear-gradient(135deg,var(--solaris-color-surface-1),var(--solaris-color-surface-2));border-color:var(--solaris-color-border)}.solaris-badge[data-appearance=tonal]{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg-tonal);border-color:transparent}.solaris-badge[data-color=surface][data-appearance=tonal]{color:var(--solaris-color-text);background:color-mix(in srgb,var(--solaris-color-surface-2) 86%,var(--solaris-color-white));border-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SolarisBadge, decorators: [{
             type: Component,
-            args: [{ selector: 'solaris-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"solaris-badge\" [attr.aria-hidden]=\"ariaHidden\" [attr.data-appearance]=\"resolvedAppearance\"\n  [style.--solaris-badge-custom]=\"customColorValue\" [style.--solaris-badge-custom-fg]=\"customTextColor\"\n  [attr.data-color]=\"resolvedColor\" [attr.data-size]=\"size\" [attr.data-shape]=\"resolvedShape\"\n  [attr.data-density]=\"density\" [class.is-interactive]=\"interactive\">\n  <ng-content></ng-content>\n</span>\n", styles: [":host.solaris-badge-host{display:inline-flex}.solaris-badge{--solaris-badge-min-height: auto;--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-badge-fg);--solaris-badge-radius: var(--solaris-radius-full);--solaris-badge-line-height: var(--solaris-lh-tight);font-weight:600;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;display:inline-flex;gap:var(--solaris-space-2);border:1px solid transparent;letter-spacing:var(--solaris-ls-sm);border-radius:var(--solaris-badge-radius);line-height:var(--solaris-badge-line-height);min-block-size:var(--solaris-badge-min-height)}.solaris-badge.size-sm{--solaris-badge-min-height: 2rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.2rem .6rem;font-size:var(--solaris-fs-10)}.solaris-badge.size-md{--solaris-badge-min-height: 2.4rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.3rem .8rem;font-size:var(--solaris-fs-12)}.solaris-badge.size-lg{--solaris-badge-min-height: 2.8rem;--solaris-badge-line-height: var(--solaris-lh-tight);padding:.4rem 1rem;font-size:var(--solaris-fs-14)}.solaris-badge.is-pill{--solaris-badge-radius: var(--solaris-radius-full)}.solaris-badge.is-interactive{cursor:pointer;transition:background var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-badge.is-interactive:hover{box-shadow:var(--solaris-shadow-xs)}.solaris-badge.color-surface{--_base: var(--solaris-color-surface-2);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-primary{--_base: var(--solaris-color-primary);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-success{--_base: var(--solaris-color-success);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-warning{--_base: var(--solaris-color-warning);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 75%, var(--solaris-color-black)) )}.solaris-badge.color-error{--_base: var(--solaris-color-error);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-info{--_base: var(--solaris-color-info);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.color-custom{--_base: var(--solaris-badge-custom, var(--solaris-color-surface-2));--solaris-badge-fg-solid: var(--solaris-badge-custom-fg, var(--solaris-color-white));--solaris-badge-bg: color-mix(in srgb, var(--_base) 30%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 70%, var(--solaris-color-black));--solaris-badge-fg: var(--solaris-badge-custom-fg, var(--solaris-color-text));--solaris-badge-border: color-mix(in srgb, var(--_base) 55%, var(--solaris-color-border));--solaris-badge-bg-solid: linear-gradient( 180deg, color-mix(in srgb, var(--_base) 92%, var(--solaris-color-white)), color-mix(in srgb, var(--_base) 82%, var(--solaris-color-black)) )}.solaris-badge.variant-solid{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-solid, var(--solaris-badge-bg));border-color:var(--solaris-badge-border-solid, var(--solaris-badge-border))}.solaris-badge.variant-subtle{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg);border-color:var(--solaris-badge-border)}.solaris-badge.variant-outline{border-color:var(--solaris-badge-border);color:color-mix(in srgb,var(--solaris-badge-border) 30%,var(--solaris-color-white));background:color-mix(in srgb,var(--solaris-badge-border) 20%,transparent)}.solaris-badge.variant-solid.color-surface{color:var(--solaris-color-text);border-color:var(--solaris-color-border);background:var(--solaris-color-surface-2)}\n"] }]
+            args: [{ selector: 'solaris-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"solaris-badge\"\n  [attr.aria-hidden]=\"ariaHidden\"\n  [attr.data-appearance]=\"resolvedAppearance\"\n  [attr.data-color]=\"resolvedColor\"\n  [attr.data-size]=\"size\"\n  [attr.data-shape]=\"resolvedShape\"\n  [attr.data-density]=\"density\"\n  [style.--solaris-badge-custom]=\"customColorValue\"\n  [style.--solaris-badge-custom-fg]=\"customTextColor\"\n  [class.is-interactive]=\"interactive\"\n>\n  <ng-content></ng-content>\n</span>\n", styles: [":host.solaris-badge-host{display:inline-flex;vertical-align:middle}.solaris-badge{--solaris-badge-min-height: auto;--solaris-badge-padding-block: .3rem;--solaris-badge-padding-inline: .8rem;--solaris-badge-line-height: var( --solaris-badge-line-height-override, var(--solaris-lh-tight) );display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--solaris-space-2);min-block-size:var(--solaris-badge-min-height);padding:var(--solaris-badge-padding-block) var(--solaris-badge-padding-inline);border:1px solid transparent;border-radius:var(--solaris-badge-radius);font-weight:600;line-height:var(--solaris-badge-line-height);letter-spacing:var(--solaris-ls-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle}.solaris-badge[data-size=sm]{--solaris-badge-min-height: var(--solaris-badge-min-height-sm, 2rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-sm, .2rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-sm, .6rem);font-size:var(--solaris-fs-10)}.solaris-badge[data-size=md]{--solaris-badge-min-height: var(--solaris-badge-min-height-md, 2.4rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-md, .3rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-md, .8rem);font-size:var(--solaris-fs-12)}.solaris-badge[data-size=lg]{--solaris-badge-min-height: var(--solaris-badge-min-height-lg, 2.8rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-lg, .4rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-lg, 1rem);font-size:var(--solaris-fs-14)}.solaris-badge[data-density=compact][data-size=sm]{--solaris-badge-min-height: var(--solaris-badge-min-height-sm, 1.8rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-sm, .1rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-sm, .5rem)}.solaris-badge[data-density=compact][data-size=md]{--solaris-badge-min-height: var(--solaris-badge-min-height-md, 2.2rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-md, .2rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-md, .7rem)}.solaris-badge[data-density=compact][data-size=lg]{--solaris-badge-min-height: var(--solaris-badge-min-height-lg, 2.6rem);--solaris-badge-padding-block: var(--solaris-badge-padding-block-lg, .3rem);--solaris-badge-padding-inline: var(--solaris-badge-padding-inline-lg, .9rem)}.solaris-badge[data-shape=full]{--solaris-badge-radius: var(--solaris-radius-full)}.solaris-badge[data-shape=rounded]{--solaris-badge-radius: var(--solaris-radius-md)}.solaris-badge.is-interactive{cursor:pointer;transition:background var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),box-shadow var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-badge.is-interactive:hover{box-shadow:var(--solaris-shadow-xs)}.solaris-badge[data-color]{--solaris-badge-accent: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-white));--solaris-badge-fg: var(--solaris-badge-accent);--solaris-badge-fg-solid: var(--solaris-color-primary-contrast);--solaris-badge-bg-soft: color-mix(in srgb, var(--_base) 16%, transparent);--solaris-badge-bg-solid: var(--_base);--solaris-badge-bg-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--_base) 88%, var(--solaris-color-white)), var(--_base) 45%, color-mix(in srgb, var(--_base) 78%, var(--solaris-color-black)) );--solaris-badge-border-soft: color-mix(in srgb, var(--_base) 28%, transparent);--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-black));--solaris-badge-bg-tonal: color-mix(in srgb, var(--_base) 24%, var(--solaris-color-surface-2));--solaris-badge-border-outline: color-mix(in srgb, var(--_base) 68%, var(--solaris-color-white))}.solaris-badge[data-color=surface]{--_base: var(--solaris-color-surface-2);--solaris-badge-accent: var(--solaris-color-text);--solaris-badge-fg: var(--solaris-color-text);--solaris-badge-fg-solid: var(--solaris-color-text);--solaris-badge-bg-soft: var(--solaris-color-surface-2);--solaris-badge-bg-tonal: color-mix( in srgb, var(--solaris-color-surface-2) 86%, var(--solaris-color-white) );--solaris-badge-bg-solid: var(--solaris-color-surface-2);--solaris-badge-bg-gradient: linear-gradient( 180deg, var(--solaris-color-surface-2), color-mix(in srgb, var(--solaris-color-surface-2) 72%, var(--solaris-color-black)) );--solaris-badge-border-soft: var(--solaris-color-border);--solaris-badge-border-outline: var(--solaris-color-border);--solaris-badge-border-solid: var(--solaris-color-border)}.solaris-badge[data-color=primary]{--_base: var(--solaris-color-primary)}.solaris-badge[data-color=success]{--_base: var(--solaris-color-success)}.solaris-badge[data-color=warning]{--_base: var(--solaris-color-warning);--solaris-badge-fg-solid: var(--solaris-color-black)}.solaris-badge[data-color=error]{--_base: var(--solaris-color-error)}.solaris-badge[data-color=info]{--_base: var(--solaris-color-info)}.solaris-badge[data-color=custom]{--_base: var(--solaris-badge-custom, var(--solaris-color-surface-2));--solaris-badge-accent: var(--_base);--solaris-badge-fg: var(--_base);--solaris-badge-fg-solid: var(--solaris-badge-custom-fg, var(--solaris-color-white));--solaris-badge-bg-soft: color-mix(in srgb, var(--_base) 16%, transparent);--solaris-badge-bg-solid: var(--_base);--solaris-badge-bg-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--_base) 88%, var(--solaris-color-white)), var(--_base) 45%, color-mix(in srgb, var(--_base) 78%, var(--solaris-color-black)) );--solaris-badge-border-soft: color-mix(in srgb, var(--_base) 28%, transparent);--solaris-badge-border-outline: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-white));--solaris-badge-border-solid: color-mix(in srgb, var(--_base) 72%, var(--solaris-color-black))}.solaris-badge[data-appearance=outline]{color:var(--solaris-badge-fg);background:transparent;border-color:var(--solaris-badge-border-outline)}.solaris-badge[data-appearance=soft]{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg-soft);border-color:var(--solaris-badge-border-soft)}.solaris-badge[data-appearance=solid]{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-solid);border-color:var(--solaris-badge-border-solid)}.solaris-badge[data-appearance=elevated]{color:var(--solaris-badge-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--_base) 12%,var(--solaris-color-surface-2)),color-mix(in srgb,var(--_base) 5%,var(--solaris-color-surface-1)));border-color:color-mix(in srgb,var(--_base) 34%,var(--solaris-color-border));box-shadow:var(--solaris-shadow-xs),0 0 0 1px color-mix(in srgb,var(--_base) 10%,transparent)}.solaris-badge[data-appearance=ghost]{color:var(--solaris-badge-fg);background:transparent;border-color:transparent}.solaris-badge[data-appearance=glass]{color:var(--solaris-badge-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--_base) 22%,var(--solaris-color-white) 4%),color-mix(in srgb,var(--_base) 10%,transparent));border-color:color-mix(in srgb,var(--_base) 44%,var(--solaris-color-white));box-shadow:inset 0 1px color-mix(in srgb,var(--solaris-color-white) 16%,transparent),0 0 0 1px color-mix(in srgb,var(--_base) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.solaris-badge[data-appearance=gradient]{color:var(--solaris-badge-fg-solid);background:var(--solaris-badge-bg-gradient);border-color:var(--solaris-badge-border-solid)}.solaris-badge[data-color=surface][data-appearance=outline]{color:var(--solaris-color-text);background:transparent;border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=soft]{color:var(--solaris-color-text);background:color-mix(in srgb,var(--solaris-color-surface-2) 70%,transparent);border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=solid]{color:var(--solaris-color-text);background:var(--solaris-color-surface-2);border-color:var(--solaris-color-border)}.solaris-badge[data-color=surface][data-appearance=ghost]{color:var(--solaris-color-text)}.solaris-badge[data-color=surface][data-appearance=gradient]{color:var(--solaris-color-text);background:linear-gradient(135deg,var(--solaris-color-surface-1),var(--solaris-color-surface-2));border-color:var(--solaris-color-border)}.solaris-badge[data-appearance=tonal]{color:var(--solaris-badge-fg);background:var(--solaris-badge-bg-tonal);border-color:transparent}.solaris-badge[data-color=surface][data-appearance=tonal]{color:var(--solaris-color-text);background:color-mix(in srgb,var(--solaris-color-surface-2) 86%,var(--solaris-color-white));border-color:transparent}\n"] }]
         }], propDecorators: { shape: [{
                 type: Input
             }], size: [{
@@ -586,7 +597,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 args: [{ alias: 'aria-hidden' }]
             }], hostClass: [{
                 type: HostBinding,
-                args: ['class']
+                args: ['class.solaris-badge-host']
             }] } });
 
 class SolarisStepper {
@@ -6515,7 +6526,7 @@ class SolarisSelectionCard {
         return !!target.closest(['[data-card-actions="true"]', '[solaris-card-actions]', '.solaris-card-slot--actions'].join(','));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SolarisSelectionCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: SolarisSelectionCard, isStandalone: true, selector: "solaris-selection-card", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, selectionIndicator: { classPropertyName: "selectionIndicator", publicName: "selectionIndicator", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedInput: { classPropertyName: "selectedInput", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange", cardClick: "cardClick" }, host: { listeners: { "click": "onHostClick($event)", "keydown": "onHostKeydown($event)", "blur": "onHostBlur()" }, properties: { "attr.data-size": "size()", "attr.data-orientation": "orientation()", "attr.data-selected": "selected() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"true\" : null", "attr.data-invalid": "invalid() ? \"true\" : null", "attr.data-appearance": "appearance()", "attr.data-color": "colorKey()", "attr.data-indicator": "resolvedIndicator()", "attr.role": "role()", "attr.aria-checked": "ariaChecked()", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.tabindex": "tabIndex()", "style.--solaris-selection-card-custom": "customAccent()" }, classAttribute: "solaris-selection-card-host" }, ngImport: i0, template: "<div class=\"solaris-selection-card\">\n  @if (resolvedIndicator() !== 'none') {\n    <span class=\"solaris-selection-card__indicator\" aria-hidden=\"true\">\n      <span class=\"solaris-selection-card__indicator-control\">\n        @switch (resolvedIndicator()) {\n          @case ('radio') {\n            <span class=\"solaris-selection-card__indicator-dot\"></span>\n          }\n\n          @case ('checkbox') {\n            <i class=\"ph ph-check solaris-selection-card__indicator-check\"></i>\n          }\n\n          @case ('icon') {\n            <span class=\"solaris-selection-card__indicator-icon-dot\"></span>\n          }\n        }\n      </span>\n    </span>\n  }\n\n  <solaris-card\n    class=\"solaris-selection-card__card\"\n    [orientation]=\"orientation()\"\n    [size]=\"size()\"\n    [radius]=\"radius()\"\n    [appearance]=\"appearance()\"\n    [color]=\"color()\"\n    [selected]=\"selected()\"\n    [invalid]=\"invalid()\"\n    [interactive]=\"!disabled()\"\n    [disabled]=\"disabled()\"\n    [minHeight]=\"minHeight()\"\n    [reservedInlineEnd]=\"reservedInlineEnd()\"\n  >\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"solaris-card-media\">\n      <ng-content select=\"solaris-card-media\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-media]\">\n      <ng-content select=\"[solaris-card-media]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-eyebrow]\">\n      <ng-content select=\"[solaris-card-eyebrow]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-title]\">\n      <ng-content select=\"[solaris-card-title]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-description]\">\n      <ng-content select=\"[solaris-card-description]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-meta]\">\n      <ng-content select=\"[solaris-card-meta]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-badge]\">\n      <ng-content select=\"[solaris-card-badge]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-footer]\">\n      <ng-content select=\"[solaris-card-footer]\"></ng-content>\n    </div>\n\n    <div\n      class=\"solaris-selection-card__slot\"\n      ngProjectAs=\"[solaris-card-actions]\"\n      data-card-actions=\"true\"\n    >\n      <ng-content select=\"[solaris-card-actions]\"></ng-content>\n    </div>\n  </solaris-card>\n</div>\n", styles: [":host{display:block;min-width:0;position:relative;outline:none;cursor:pointer;--ssc-accent: var(--solaris-color-primary);--ssc-focus-ring: color-mix(in srgb, var(--ssc-accent) 26%, transparent);--ssc-indicator-size: var(--solaris-indicator-size-md);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-md);--ssc-indicator-check-size: var(--solaris-indicator-check-size-md);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-md);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-md);--ssc-indicator-gap: var(--solaris-space-3);--ssc-pad-x: var(--solaris-space-6);--ssc-pad-y: var(--solaris-space-5);--ssc-indicator-top: var(--ssc-pad-y);--ssc-indicator-end: var(--ssc-pad-x);--ssc-min-height: 12rem;--ssc-reserved-inline-end: calc(var(--ssc-indicator-size) + var(--ssc-indicator-gap));--ssc-indicator-border: var(--solaris-color-border);--ssc-indicator-bg: transparent;--ssc-indicator-fg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-bg: var(--ssc-accent);--ssc-indicator-selected-border: var(--ssc-accent);--ssc-indicator-selected-fg: var(--solaris-color-primary-contrast)}:host([data-size=sm]){--ssc-indicator-size: var(--solaris-indicator-size-sm);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-sm);--ssc-indicator-check-size: var(--solaris-indicator-check-size-sm);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-sm);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-sm);--ssc-pad-x: var(--solaris-space-5);--ssc-pad-y: var(--solaris-space-4);--ssc-min-height: 10rem}:host([data-size=md]){--ssc-indicator-size: var(--solaris-indicator-size-md);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-md);--ssc-indicator-check-size: var(--solaris-indicator-check-size-md);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-md);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-md);--ssc-pad-x: var(--solaris-space-6);--ssc-pad-y: var(--solaris-space-5);--ssc-min-height: 12rem}:host([data-size=lg]){--ssc-indicator-size: var(--solaris-indicator-size-lg);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-lg);--ssc-indicator-check-size: var(--solaris-indicator-check-size-lg);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-lg);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-lg);--ssc-min-height: 14rem;--ssc-pad-x: var(--solaris-space-7);--ssc-pad-y: var(--solaris-space-6)}:host([data-color=primary]){--ssc-accent: var(--solaris-color-primary)}:host([data-color=success]){--ssc-accent: var(--solaris-color-success)}:host([data-color=warning]){--ssc-accent: var(--solaris-color-warning)}:host([data-color=error]){--ssc-accent: var(--solaris-color-error)}:host([data-color=info]){--ssc-accent: var(--solaris-color-info)}:host([data-color=custom]){--ssc-accent: var(--solaris-selection-card-custom, var(--solaris-color-primary))}:host([data-disabled=true]){cursor:not-allowed}:host(:focus-visible){outline:.2rem solid var(--ssc-focus-ring);outline-offset:.2rem;border-radius:var(--solaris-card-radius, var(--solaris-radius-lg))}.solaris-selection-card{min-width:0;min-height:var(--ssc-min-height);position:relative}.solaris-selection-card__card{display:block;min-width:0;--solaris-card-padding-x: var(--ssc-pad-x);--solaris-card-padding-y: var(--ssc-pad-y)}.solaris-selection-card__indicator{position:absolute;inset-block-start:var(--ssc-indicator-top);inset-inline-end:var(--ssc-indicator-end);z-index:1;pointer-events:none;inline-size:var(--ssc-indicator-size);block-size:var(--ssc-indicator-size);display:inline-grid;place-items:center;line-height:0}.solaris-selection-card__indicator-control{inline-size:var(--ssc-indicator-size);block-size:var(--ssc-indicator-size);min-inline-size:var(--ssc-indicator-size);min-block-size:var(--ssc-indicator-size);aspect-ratio:1/1;display:inline-grid;place-items:center;box-sizing:border-box;line-height:0;border-radius:var(--solaris-indicator-radius);border:var(--solaris-indicator-border-width) solid var(--ssc-indicator-border);background:var(--ssc-indicator-bg);color:var(--ssc-indicator-fg);flex:0 0 auto;position:relative;transition:border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-fast) var(--solaris-motion-ease-standard)}.solaris-selection-card__indicator-dot,.solaris-selection-card__indicator-icon-dot{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:block;flex:0 0 auto;aspect-ratio:1/1;box-sizing:border-box;opacity:0;transform-origin:center;border-radius:var(--solaris-indicator-radius);transform:translate(-50%,-50%) scale(.45);transition:opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-selection-card__indicator-dot{block-size:var(--ssc-indicator-dot-size);inline-size:var(--ssc-indicator-dot-size);background:var(--ssc-indicator-selected-border)}:host([data-appearance=solid]) .solaris-selection-card__indicator-dot,:host([data-appearance=gradient]) .solaris-selection-card__indicator-dot{background:var(--ssc-indicator-selected-bg)}.solaris-selection-card__indicator-icon-dot{background:var(--ssc-indicator-selected-fg);block-size:var(--ssc-indicator-icon-dot-size);inline-size:var(--ssc-indicator-icon-dot-size)}.solaris-selection-card__indicator-check{display:block;flex:0 0 auto;line-height:1;font-size:var(--ssc-indicator-check-size);font-weight:700;-webkit-text-stroke:var(--ssc-indicator-check-weight) currentColor;opacity:0;transform:scale(.45);transform-origin:center;transition:opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-selection-card__slot{display:contents}:host([data-indicator=radio]) .solaris-selection-card__indicator-control,:host([data-indicator=icon]) .solaris-selection-card__indicator-control{border-radius:var(--solaris-radius-full)}:host([data-indicator=checkbox]) .solaris-selection-card__indicator-control{border-radius:var(--solaris-radius-sm)}:host([data-selected=true][data-indicator=radio]) .solaris-selection-card__indicator-control{border-color:var(--ssc-indicator-selected-border)}:host([data-selected=true][data-indicator=radio]) .solaris-selection-card__indicator-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}:host([data-selected=true][data-indicator=checkbox]) .solaris-selection-card__indicator-control{color:var(--ssc-indicator-selected-fg);background:var(--ssc-indicator-selected-bg);border-color:var(--ssc-indicator-selected-border);box-shadow:inset 0 0 0 .1rem color-mix(in srgb,var(--ssc-indicator-selected-fg) 18%,transparent)}:host([data-selected=true][data-indicator=checkbox]) .solaris-selection-card__indicator-check{opacity:1;transform:scale(1)}:host([data-selected=true][data-indicator=icon]) .solaris-selection-card__indicator-control{background:var(--ssc-indicator-selected-bg);border-color:var(--ssc-indicator-selected-border)}:host([data-selected=true][data-indicator=icon]) .solaris-selection-card__indicator-icon-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}:host([data-disabled=true]) .solaris-selection-card__indicator-control{opacity:.55}:host([data-orientation=compact]){--ssc-min-height: 8.8rem;--ssc-reserved-inline-end: calc(var(--ssc-indicator-size) + var(--solaris-space-2))}:host([data-appearance=outline]){--ssc-indicator-border: var(--solaris-color-border);--ssc-indicator-bg: transparent}:host([data-appearance=soft]){--ssc-indicator-border: color-mix( in srgb, var(--ssc-accent) 24%, var(--solaris-color-border) );--ssc-indicator-bg: color-mix( in srgb, var(--ssc-accent) 4%, transparent )}:host([data-appearance=solid]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-primary-contrast) 46%, transparent );--ssc-indicator-bg: color-mix( in srgb, var(--solaris-color-primary-contrast) 8%, transparent );--ssc-indicator-selected-bg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-border: var(--solaris-color-primary-contrast);--ssc-indicator-selected-fg: var(--ssc-accent)}:host([data-appearance=elevated]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-border) 72%, transparent );--ssc-indicator-bg: var(--solaris-color-surface)}:host([data-appearance=ghost]){--ssc-indicator-border: color-mix( in srgb, var(--ssc-accent) 22%, var(--solaris-color-border) );--ssc-indicator-bg: transparent}:host([data-appearance=glass]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--ssc-indicator-bg: color-mix( in srgb, var(--ssc-accent) 10%, transparent )}:host([data-appearance=gradient]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-primary-contrast) 42%, transparent );--ssc-indicator-bg: color-mix( in srgb, var(--solaris-color-primary-contrast) 8%, transparent );--ssc-indicator-selected-bg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-border: var(--solaris-color-primary-contrast);--ssc-indicator-selected-fg: var(--ssc-accent)}\n"], dependencies: [{ kind: "component", type: SolarisCard, selector: "solaris-card", inputs: ["size", "orientation", "radius", "color", "appearance", "invalid", "selected", "disabled", "interactive", "minHeight", "reservedInlineEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: SolarisSelectionCard, isStandalone: true, selector: "solaris-selection-card", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, selectionIndicator: { classPropertyName: "selectionIndicator", publicName: "selectionIndicator", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedInput: { classPropertyName: "selectedInput", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedChange: "selectedChange", cardClick: "cardClick" }, host: { listeners: { "click": "onHostClick($event)", "keydown": "onHostKeydown($event)", "blur": "onHostBlur()" }, properties: { "attr.data-size": "size()", "attr.data-orientation": "orientation()", "attr.data-selected": "selected() ? \"true\" : null", "attr.data-disabled": "disabled() ? \"true\" : null", "attr.data-invalid": "invalid() ? \"true\" : null", "attr.data-appearance": "appearance()", "attr.data-color": "colorKey()", "attr.data-indicator": "resolvedIndicator()", "attr.role": "role()", "attr.aria-checked": "ariaChecked()", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.tabindex": "tabIndex()", "style.--solaris-selection-card-custom": "customAccent()" }, classAttribute: "solaris-selection-card-host" }, ngImport: i0, template: "<div class=\"solaris-selection-card\">\n  @if (resolvedIndicator() !== 'none') {\n    <span class=\"solaris-selection-card__indicator\" aria-hidden=\"true\">\n      <span class=\"solaris-selection-card__indicator-control\">\n        @switch (resolvedIndicator()) {\n          @case ('radio') {\n            <span class=\"solaris-selection-card__indicator-dot\"></span>\n          }\n\n          @case ('checkbox') {\n            <i class=\"ph ph-check solaris-selection-card__indicator-check\"></i>\n          }\n\n          @case ('icon') {\n            <span class=\"solaris-selection-card__indicator-icon-dot\"></span>\n          }\n        }\n      </span>\n    </span>\n  }\n\n  <span class=\"solaris-selection-card__floating-badge\">\n    <ng-content select=\"[solaris-card-badge]\"></ng-content>\n  </span>\n\n  <solaris-card class=\"solaris-selection-card__card\" [orientation]=\"orientation()\" [size]=\"size()\" [radius]=\"radius()\"\n    [appearance]=\"appearance()\" [color]=\"color()\" [selected]=\"selected()\" [invalid]=\"invalid()\" [interactive]=\"!disabled()\"\n    [disabled]=\"disabled()\" [minHeight]=\"minHeight()\" [reservedInlineEnd]=\"reservedInlineEnd()\">\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"solaris-card-media\">\n      <ng-content select=\"solaris-card-media\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-media]\">\n      <ng-content select=\"[solaris-card-media]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-eyebrow]\">\n      <ng-content select=\"[solaris-card-eyebrow]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-title]\">\n      <ng-content select=\"[solaris-card-title]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-description]\">\n      <ng-content select=\"[solaris-card-description]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-meta]\">\n      <ng-content select=\"[solaris-card-meta]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-footer]\">\n      <ng-content select=\"[solaris-card-footer]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-actions]\" data-card-actions=\"true\">\n      <ng-content select=\"[solaris-card-actions]\"></ng-content>\n    </div>\n  </solaris-card>\n</div>\n", styles: [":host{display:block;min-width:0;position:relative;outline:none;cursor:pointer;--ssc-accent: var(--solaris-color-primary);--ssc-focus-ring: color-mix(in srgb, var(--ssc-accent) 26%, transparent);--ssc-indicator-size: var(--solaris-indicator-size-md);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-md);--ssc-indicator-check-size: var(--solaris-indicator-check-size-md);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-md);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-md);--ssc-indicator-gap: var(--solaris-space-3);--ssc-pad-x: var(--solaris-space-6);--ssc-pad-y: var(--solaris-space-5);--ssc-indicator-top: var(--ssc-pad-y);--ssc-indicator-end: var(--ssc-pad-x);--ssc-min-height: 12rem;--ssc-reserved-inline-end: calc(var(--ssc-indicator-size) + var(--ssc-indicator-gap));--ssc-indicator-border: var(--solaris-color-border);--ssc-indicator-bg: transparent;--ssc-indicator-fg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-bg: var(--ssc-accent);--ssc-indicator-selected-border: var(--ssc-accent);--ssc-indicator-selected-fg: var(--solaris-color-primary-contrast);--ssc-badge-gap: var(--solaris-space-2);--ssc-badge-max-inline-size: 12rem;--ssc-badge-reserved-inline-size: 0rem}:host(:has([solaris-card-badge])){--ssc-badge-reserved-inline-size: 8rem;--ssc-reserved-inline-end: calc( var(--ssc-indicator-size) + var(--ssc-indicator-gap) + var(--ssc-badge-reserved-inline-size) + var(--ssc-badge-gap) )}:host([data-size=sm]){--ssc-indicator-size: var(--solaris-indicator-size-sm);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-sm);--ssc-indicator-check-size: var(--solaris-indicator-check-size-sm);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-sm);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-sm);--ssc-pad-x: var(--solaris-space-5);--ssc-pad-y: var(--solaris-space-4);--ssc-min-height: 10rem}:host([data-size=md]){--ssc-indicator-size: var(--solaris-indicator-size-md);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-md);--ssc-indicator-check-size: var(--solaris-indicator-check-size-md);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-md);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-md);--ssc-pad-x: var(--solaris-space-6);--ssc-pad-y: var(--solaris-space-5);--ssc-min-height: 12rem}:host([data-size=lg]){--ssc-indicator-size: var(--solaris-indicator-size-lg);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-lg);--ssc-indicator-check-size: var(--solaris-indicator-check-size-lg);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-lg);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-lg);--ssc-min-height: 14rem;--ssc-pad-x: var(--solaris-space-7);--ssc-pad-y: var(--solaris-space-6)}:host([data-color=primary]){--ssc-accent: var(--solaris-color-primary)}:host([data-color=success]){--ssc-accent: var(--solaris-color-success)}:host([data-color=warning]){--ssc-accent: var(--solaris-color-warning)}:host([data-color=error]){--ssc-accent: var(--solaris-color-error)}:host([data-color=info]){--ssc-accent: var(--solaris-color-info)}:host([data-color=custom]){--ssc-accent: var(--solaris-selection-card-custom, var(--solaris-color-primary))}:host([data-disabled=true]){cursor:not-allowed}:host(:focus-visible){outline:.2rem solid var(--ssc-focus-ring);outline-offset:.2rem;border-radius:var(--solaris-card-radius, var(--solaris-radius-lg))}.solaris-selection-card{min-width:0;min-height:var(--ssc-min-height);position:relative}.solaris-selection-card__card{display:block;min-width:0;--solaris-card-padding-x: var(--ssc-pad-x);--solaris-card-padding-y: var(--ssc-pad-y)}.solaris-selection-card__indicator{position:absolute;inset-block-start:var(--ssc-indicator-top);inset-inline-end:var(--ssc-indicator-end);z-index:var(--solaris-z-raised);pointer-events:none;inline-size:var(--ssc-indicator-size);block-size:var(--ssc-indicator-size);display:inline-grid;place-items:center;line-height:0}.solaris-selection-card__indicator-control{inline-size:var(--ssc-indicator-size);block-size:var(--ssc-indicator-size);min-inline-size:var(--ssc-indicator-size);min-block-size:var(--ssc-indicator-size);aspect-ratio:1/1;display:inline-grid;place-items:center;box-sizing:border-box;line-height:0;border-radius:var(--solaris-indicator-radius);border:var(--solaris-indicator-border-width) solid var(--ssc-indicator-border);background:var(--ssc-indicator-bg);color:var(--ssc-indicator-fg);flex:0 0 auto;position:relative;transition:border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-fast) var(--solaris-motion-ease-standard)}.solaris-selection-card__indicator-dot,.solaris-selection-card__indicator-icon-dot{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:block;flex:0 0 auto;aspect-ratio:1/1;box-sizing:border-box;opacity:0;transform-origin:center;border-radius:var(--solaris-indicator-radius);transform:translate(-50%,-50%) scale(.45);transition:opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-selection-card__indicator-dot{block-size:var(--ssc-indicator-dot-size);inline-size:var(--ssc-indicator-dot-size);background:var(--ssc-indicator-selected-border)}:host([data-appearance=solid]) .solaris-selection-card__indicator-dot,:host([data-appearance=gradient]) .solaris-selection-card__indicator-dot{background:var(--ssc-indicator-selected-bg)}.solaris-selection-card__indicator-icon-dot{background:var(--ssc-indicator-selected-fg);block-size:var(--ssc-indicator-icon-dot-size);inline-size:var(--ssc-indicator-icon-dot-size)}.solaris-selection-card__indicator-check{display:block;flex:0 0 auto;line-height:1;font-size:var(--ssc-indicator-check-size);font-weight:700;-webkit-text-stroke:var(--ssc-indicator-check-weight) currentColor;opacity:0;transform:scale(.45);transform-origin:center;transition:opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-selection-card__slot{display:contents}:host([data-indicator=radio]) .solaris-selection-card__indicator-control,:host([data-indicator=icon]) .solaris-selection-card__indicator-control{border-radius:var(--solaris-radius-full)}:host([data-indicator=checkbox]) .solaris-selection-card__indicator-control{border-radius:var(--solaris-radius-sm)}:host([data-selected=true][data-indicator=radio]) .solaris-selection-card__indicator-control{border-color:var(--ssc-indicator-selected-border)}:host([data-selected=true][data-indicator=radio]) .solaris-selection-card__indicator-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}:host([data-selected=true][data-indicator=checkbox]) .solaris-selection-card__indicator-control{color:var(--ssc-indicator-selected-fg);background:var(--ssc-indicator-selected-bg);border-color:var(--ssc-indicator-selected-border);box-shadow:inset 0 0 0 .1rem color-mix(in srgb,var(--ssc-indicator-selected-fg) 18%,transparent)}:host([data-selected=true][data-indicator=checkbox]) .solaris-selection-card__indicator-check{opacity:1;transform:scale(1)}:host([data-selected=true][data-indicator=icon]) .solaris-selection-card__indicator-control{background:var(--ssc-indicator-selected-bg);border-color:var(--ssc-indicator-selected-border)}:host([data-selected=true][data-indicator=icon]) .solaris-selection-card__indicator-icon-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}:host([data-disabled=true]) .solaris-selection-card__indicator-control{opacity:.55}:host([data-orientation=compact]){--ssc-min-height: 8.8rem;--ssc-reserved-inline-end: calc(var(--ssc-indicator-size) + var(--solaris-space-2))}:host([data-appearance=outline]){--ssc-indicator-border: var(--solaris-color-border);--ssc-indicator-bg: transparent}:host([data-appearance=soft]){--ssc-indicator-border: color-mix( in srgb, var(--ssc-accent) 24%, var(--solaris-color-border) );--ssc-indicator-bg: color-mix( in srgb, var(--ssc-accent) 4%, transparent )}:host([data-appearance=solid]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-primary-contrast) 46%, transparent );--ssc-indicator-bg: color-mix( in srgb, var(--solaris-color-primary-contrast) 8%, transparent );--ssc-indicator-selected-bg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-border: var(--solaris-color-primary-contrast);--ssc-indicator-selected-fg: var(--ssc-accent)}:host([data-appearance=elevated]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-border) 72%, transparent );--ssc-indicator-bg: var(--solaris-color-surface)}:host([data-appearance=ghost]){--ssc-indicator-border: color-mix( in srgb, var(--ssc-accent) 22%, var(--solaris-color-border) );--ssc-indicator-bg: transparent}:host([data-appearance=glass]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--ssc-indicator-bg: color-mix( in srgb, var(--ssc-accent) 10%, transparent )}:host([data-appearance=gradient]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-primary-contrast) 42%, transparent );--ssc-indicator-bg: color-mix( in srgb, var(--solaris-color-primary-contrast) 8%, transparent );--ssc-indicator-selected-bg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-border: var(--solaris-color-primary-contrast);--ssc-indicator-selected-fg: var(--ssc-accent)}.solaris-selection-card__floating-badge{position:absolute;inset-block-start:calc(var(--ssc-indicator-top) + var(--ssc-indicator-size) / 2);inset-inline-end:calc(var(--ssc-indicator-end) + var(--ssc-indicator-size) + var(--ssc-badge-gap));transform:translateY(-50%);z-index:var(--solaris-z-raised);pointer-events:none;max-inline-size:var(--ssc-badge-max-inline-size);min-inline-size:0;line-height:0;align-items:center;display:inline-flex;justify-content:flex-end;--solaris-badge-min-height-sm: 1.8rem;--solaris-badge-min-height-md: 1.8rem;--solaris-badge-min-height-lg: 2rem;--solaris-badge-padding-block-sm: .1rem;--solaris-badge-padding-inline-sm: .5rem;--solaris-badge-padding-block-md: .1rem;--solaris-badge-padding-inline-md: .6rem;--solaris-badge-padding-block-lg: .15rem;--solaris-badge-padding-inline-lg: .7rem;--solaris-badge-line-height-override: var(--solaris-lh-tight)}.solaris-selection-card__floating-badge:not(:has([solaris-card-badge])){display:none}\n"], dependencies: [{ kind: "component", type: SolarisCard, selector: "solaris-card", inputs: ["size", "orientation", "radius", "color", "appearance", "invalid", "selected", "disabled", "interactive", "minHeight", "reservedInlineEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SolarisSelectionCard, decorators: [{
             type: Component,
@@ -6537,7 +6548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                         '(click)': 'onHostClick($event)',
                         '(keydown)': 'onHostKeydown($event)',
                         '(blur)': 'onHostBlur()',
-                    }, template: "<div class=\"solaris-selection-card\">\n  @if (resolvedIndicator() !== 'none') {\n    <span class=\"solaris-selection-card__indicator\" aria-hidden=\"true\">\n      <span class=\"solaris-selection-card__indicator-control\">\n        @switch (resolvedIndicator()) {\n          @case ('radio') {\n            <span class=\"solaris-selection-card__indicator-dot\"></span>\n          }\n\n          @case ('checkbox') {\n            <i class=\"ph ph-check solaris-selection-card__indicator-check\"></i>\n          }\n\n          @case ('icon') {\n            <span class=\"solaris-selection-card__indicator-icon-dot\"></span>\n          }\n        }\n      </span>\n    </span>\n  }\n\n  <solaris-card\n    class=\"solaris-selection-card__card\"\n    [orientation]=\"orientation()\"\n    [size]=\"size()\"\n    [radius]=\"radius()\"\n    [appearance]=\"appearance()\"\n    [color]=\"color()\"\n    [selected]=\"selected()\"\n    [invalid]=\"invalid()\"\n    [interactive]=\"!disabled()\"\n    [disabled]=\"disabled()\"\n    [minHeight]=\"minHeight()\"\n    [reservedInlineEnd]=\"reservedInlineEnd()\"\n  >\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"solaris-card-media\">\n      <ng-content select=\"solaris-card-media\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-media]\">\n      <ng-content select=\"[solaris-card-media]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-eyebrow]\">\n      <ng-content select=\"[solaris-card-eyebrow]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-title]\">\n      <ng-content select=\"[solaris-card-title]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-description]\">\n      <ng-content select=\"[solaris-card-description]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-meta]\">\n      <ng-content select=\"[solaris-card-meta]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-badge]\">\n      <ng-content select=\"[solaris-card-badge]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-footer]\">\n      <ng-content select=\"[solaris-card-footer]\"></ng-content>\n    </div>\n\n    <div\n      class=\"solaris-selection-card__slot\"\n      ngProjectAs=\"[solaris-card-actions]\"\n      data-card-actions=\"true\"\n    >\n      <ng-content select=\"[solaris-card-actions]\"></ng-content>\n    </div>\n  </solaris-card>\n</div>\n", styles: [":host{display:block;min-width:0;position:relative;outline:none;cursor:pointer;--ssc-accent: var(--solaris-color-primary);--ssc-focus-ring: color-mix(in srgb, var(--ssc-accent) 26%, transparent);--ssc-indicator-size: var(--solaris-indicator-size-md);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-md);--ssc-indicator-check-size: var(--solaris-indicator-check-size-md);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-md);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-md);--ssc-indicator-gap: var(--solaris-space-3);--ssc-pad-x: var(--solaris-space-6);--ssc-pad-y: var(--solaris-space-5);--ssc-indicator-top: var(--ssc-pad-y);--ssc-indicator-end: var(--ssc-pad-x);--ssc-min-height: 12rem;--ssc-reserved-inline-end: calc(var(--ssc-indicator-size) + var(--ssc-indicator-gap));--ssc-indicator-border: var(--solaris-color-border);--ssc-indicator-bg: transparent;--ssc-indicator-fg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-bg: var(--ssc-accent);--ssc-indicator-selected-border: var(--ssc-accent);--ssc-indicator-selected-fg: var(--solaris-color-primary-contrast)}:host([data-size=sm]){--ssc-indicator-size: var(--solaris-indicator-size-sm);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-sm);--ssc-indicator-check-size: var(--solaris-indicator-check-size-sm);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-sm);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-sm);--ssc-pad-x: var(--solaris-space-5);--ssc-pad-y: var(--solaris-space-4);--ssc-min-height: 10rem}:host([data-size=md]){--ssc-indicator-size: var(--solaris-indicator-size-md);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-md);--ssc-indicator-check-size: var(--solaris-indicator-check-size-md);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-md);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-md);--ssc-pad-x: var(--solaris-space-6);--ssc-pad-y: var(--solaris-space-5);--ssc-min-height: 12rem}:host([data-size=lg]){--ssc-indicator-size: var(--solaris-indicator-size-lg);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-lg);--ssc-indicator-check-size: var(--solaris-indicator-check-size-lg);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-lg);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-lg);--ssc-min-height: 14rem;--ssc-pad-x: var(--solaris-space-7);--ssc-pad-y: var(--solaris-space-6)}:host([data-color=primary]){--ssc-accent: var(--solaris-color-primary)}:host([data-color=success]){--ssc-accent: var(--solaris-color-success)}:host([data-color=warning]){--ssc-accent: var(--solaris-color-warning)}:host([data-color=error]){--ssc-accent: var(--solaris-color-error)}:host([data-color=info]){--ssc-accent: var(--solaris-color-info)}:host([data-color=custom]){--ssc-accent: var(--solaris-selection-card-custom, var(--solaris-color-primary))}:host([data-disabled=true]){cursor:not-allowed}:host(:focus-visible){outline:.2rem solid var(--ssc-focus-ring);outline-offset:.2rem;border-radius:var(--solaris-card-radius, var(--solaris-radius-lg))}.solaris-selection-card{min-width:0;min-height:var(--ssc-min-height);position:relative}.solaris-selection-card__card{display:block;min-width:0;--solaris-card-padding-x: var(--ssc-pad-x);--solaris-card-padding-y: var(--ssc-pad-y)}.solaris-selection-card__indicator{position:absolute;inset-block-start:var(--ssc-indicator-top);inset-inline-end:var(--ssc-indicator-end);z-index:1;pointer-events:none;inline-size:var(--ssc-indicator-size);block-size:var(--ssc-indicator-size);display:inline-grid;place-items:center;line-height:0}.solaris-selection-card__indicator-control{inline-size:var(--ssc-indicator-size);block-size:var(--ssc-indicator-size);min-inline-size:var(--ssc-indicator-size);min-block-size:var(--ssc-indicator-size);aspect-ratio:1/1;display:inline-grid;place-items:center;box-sizing:border-box;line-height:0;border-radius:var(--solaris-indicator-radius);border:var(--solaris-indicator-border-width) solid var(--ssc-indicator-border);background:var(--ssc-indicator-bg);color:var(--ssc-indicator-fg);flex:0 0 auto;position:relative;transition:border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-fast) var(--solaris-motion-ease-standard)}.solaris-selection-card__indicator-dot,.solaris-selection-card__indicator-icon-dot{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:block;flex:0 0 auto;aspect-ratio:1/1;box-sizing:border-box;opacity:0;transform-origin:center;border-radius:var(--solaris-indicator-radius);transform:translate(-50%,-50%) scale(.45);transition:opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-selection-card__indicator-dot{block-size:var(--ssc-indicator-dot-size);inline-size:var(--ssc-indicator-dot-size);background:var(--ssc-indicator-selected-border)}:host([data-appearance=solid]) .solaris-selection-card__indicator-dot,:host([data-appearance=gradient]) .solaris-selection-card__indicator-dot{background:var(--ssc-indicator-selected-bg)}.solaris-selection-card__indicator-icon-dot{background:var(--ssc-indicator-selected-fg);block-size:var(--ssc-indicator-icon-dot-size);inline-size:var(--ssc-indicator-icon-dot-size)}.solaris-selection-card__indicator-check{display:block;flex:0 0 auto;line-height:1;font-size:var(--ssc-indicator-check-size);font-weight:700;-webkit-text-stroke:var(--ssc-indicator-check-weight) currentColor;opacity:0;transform:scale(.45);transform-origin:center;transition:opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-selection-card__slot{display:contents}:host([data-indicator=radio]) .solaris-selection-card__indicator-control,:host([data-indicator=icon]) .solaris-selection-card__indicator-control{border-radius:var(--solaris-radius-full)}:host([data-indicator=checkbox]) .solaris-selection-card__indicator-control{border-radius:var(--solaris-radius-sm)}:host([data-selected=true][data-indicator=radio]) .solaris-selection-card__indicator-control{border-color:var(--ssc-indicator-selected-border)}:host([data-selected=true][data-indicator=radio]) .solaris-selection-card__indicator-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}:host([data-selected=true][data-indicator=checkbox]) .solaris-selection-card__indicator-control{color:var(--ssc-indicator-selected-fg);background:var(--ssc-indicator-selected-bg);border-color:var(--ssc-indicator-selected-border);box-shadow:inset 0 0 0 .1rem color-mix(in srgb,var(--ssc-indicator-selected-fg) 18%,transparent)}:host([data-selected=true][data-indicator=checkbox]) .solaris-selection-card__indicator-check{opacity:1;transform:scale(1)}:host([data-selected=true][data-indicator=icon]) .solaris-selection-card__indicator-control{background:var(--ssc-indicator-selected-bg);border-color:var(--ssc-indicator-selected-border)}:host([data-selected=true][data-indicator=icon]) .solaris-selection-card__indicator-icon-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}:host([data-disabled=true]) .solaris-selection-card__indicator-control{opacity:.55}:host([data-orientation=compact]){--ssc-min-height: 8.8rem;--ssc-reserved-inline-end: calc(var(--ssc-indicator-size) + var(--solaris-space-2))}:host([data-appearance=outline]){--ssc-indicator-border: var(--solaris-color-border);--ssc-indicator-bg: transparent}:host([data-appearance=soft]){--ssc-indicator-border: color-mix( in srgb, var(--ssc-accent) 24%, var(--solaris-color-border) );--ssc-indicator-bg: color-mix( in srgb, var(--ssc-accent) 4%, transparent )}:host([data-appearance=solid]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-primary-contrast) 46%, transparent );--ssc-indicator-bg: color-mix( in srgb, var(--solaris-color-primary-contrast) 8%, transparent );--ssc-indicator-selected-bg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-border: var(--solaris-color-primary-contrast);--ssc-indicator-selected-fg: var(--ssc-accent)}:host([data-appearance=elevated]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-border) 72%, transparent );--ssc-indicator-bg: var(--solaris-color-surface)}:host([data-appearance=ghost]){--ssc-indicator-border: color-mix( in srgb, var(--ssc-accent) 22%, var(--solaris-color-border) );--ssc-indicator-bg: transparent}:host([data-appearance=glass]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--ssc-indicator-bg: color-mix( in srgb, var(--ssc-accent) 10%, transparent )}:host([data-appearance=gradient]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-primary-contrast) 42%, transparent );--ssc-indicator-bg: color-mix( in srgb, var(--solaris-color-primary-contrast) 8%, transparent );--ssc-indicator-selected-bg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-border: var(--solaris-color-primary-contrast);--ssc-indicator-selected-fg: var(--ssc-accent)}\n"] }]
+                    }, template: "<div class=\"solaris-selection-card\">\n  @if (resolvedIndicator() !== 'none') {\n    <span class=\"solaris-selection-card__indicator\" aria-hidden=\"true\">\n      <span class=\"solaris-selection-card__indicator-control\">\n        @switch (resolvedIndicator()) {\n          @case ('radio') {\n            <span class=\"solaris-selection-card__indicator-dot\"></span>\n          }\n\n          @case ('checkbox') {\n            <i class=\"ph ph-check solaris-selection-card__indicator-check\"></i>\n          }\n\n          @case ('icon') {\n            <span class=\"solaris-selection-card__indicator-icon-dot\"></span>\n          }\n        }\n      </span>\n    </span>\n  }\n\n  <span class=\"solaris-selection-card__floating-badge\">\n    <ng-content select=\"[solaris-card-badge]\"></ng-content>\n  </span>\n\n  <solaris-card class=\"solaris-selection-card__card\" [orientation]=\"orientation()\" [size]=\"size()\" [radius]=\"radius()\"\n    [appearance]=\"appearance()\" [color]=\"color()\" [selected]=\"selected()\" [invalid]=\"invalid()\" [interactive]=\"!disabled()\"\n    [disabled]=\"disabled()\" [minHeight]=\"minHeight()\" [reservedInlineEnd]=\"reservedInlineEnd()\">\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"solaris-card-media\">\n      <ng-content select=\"solaris-card-media\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-media]\">\n      <ng-content select=\"[solaris-card-media]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-eyebrow]\">\n      <ng-content select=\"[solaris-card-eyebrow]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-title]\">\n      <ng-content select=\"[solaris-card-title]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-description]\">\n      <ng-content select=\"[solaris-card-description]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-meta]\">\n      <ng-content select=\"[solaris-card-meta]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-footer]\">\n      <ng-content select=\"[solaris-card-footer]\"></ng-content>\n    </div>\n\n    <div class=\"solaris-selection-card__slot\" ngProjectAs=\"[solaris-card-actions]\" data-card-actions=\"true\">\n      <ng-content select=\"[solaris-card-actions]\"></ng-content>\n    </div>\n  </solaris-card>\n</div>\n", styles: [":host{display:block;min-width:0;position:relative;outline:none;cursor:pointer;--ssc-accent: var(--solaris-color-primary);--ssc-focus-ring: color-mix(in srgb, var(--ssc-accent) 26%, transparent);--ssc-indicator-size: var(--solaris-indicator-size-md);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-md);--ssc-indicator-check-size: var(--solaris-indicator-check-size-md);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-md);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-md);--ssc-indicator-gap: var(--solaris-space-3);--ssc-pad-x: var(--solaris-space-6);--ssc-pad-y: var(--solaris-space-5);--ssc-indicator-top: var(--ssc-pad-y);--ssc-indicator-end: var(--ssc-pad-x);--ssc-min-height: 12rem;--ssc-reserved-inline-end: calc(var(--ssc-indicator-size) + var(--ssc-indicator-gap));--ssc-indicator-border: var(--solaris-color-border);--ssc-indicator-bg: transparent;--ssc-indicator-fg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-bg: var(--ssc-accent);--ssc-indicator-selected-border: var(--ssc-accent);--ssc-indicator-selected-fg: var(--solaris-color-primary-contrast);--ssc-badge-gap: var(--solaris-space-2);--ssc-badge-max-inline-size: 12rem;--ssc-badge-reserved-inline-size: 0rem}:host(:has([solaris-card-badge])){--ssc-badge-reserved-inline-size: 8rem;--ssc-reserved-inline-end: calc( var(--ssc-indicator-size) + var(--ssc-indicator-gap) + var(--ssc-badge-reserved-inline-size) + var(--ssc-badge-gap) )}:host([data-size=sm]){--ssc-indicator-size: var(--solaris-indicator-size-sm);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-sm);--ssc-indicator-check-size: var(--solaris-indicator-check-size-sm);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-sm);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-sm);--ssc-pad-x: var(--solaris-space-5);--ssc-pad-y: var(--solaris-space-4);--ssc-min-height: 10rem}:host([data-size=md]){--ssc-indicator-size: var(--solaris-indicator-size-md);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-md);--ssc-indicator-check-size: var(--solaris-indicator-check-size-md);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-md);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-md);--ssc-pad-x: var(--solaris-space-6);--ssc-pad-y: var(--solaris-space-5);--ssc-min-height: 12rem}:host([data-size=lg]){--ssc-indicator-size: var(--solaris-indicator-size-lg);--ssc-indicator-dot-size: var(--solaris-indicator-dot-size-lg);--ssc-indicator-check-size: var(--solaris-indicator-check-size-lg);--ssc-indicator-check-weight: var(--solaris-indicator-check-stroke-lg);--ssc-indicator-icon-dot-size: var(--solaris-indicator-icon-dot-size-lg);--ssc-min-height: 14rem;--ssc-pad-x: var(--solaris-space-7);--ssc-pad-y: var(--solaris-space-6)}:host([data-color=primary]){--ssc-accent: var(--solaris-color-primary)}:host([data-color=success]){--ssc-accent: var(--solaris-color-success)}:host([data-color=warning]){--ssc-accent: var(--solaris-color-warning)}:host([data-color=error]){--ssc-accent: var(--solaris-color-error)}:host([data-color=info]){--ssc-accent: var(--solaris-color-info)}:host([data-color=custom]){--ssc-accent: var(--solaris-selection-card-custom, var(--solaris-color-primary))}:host([data-disabled=true]){cursor:not-allowed}:host(:focus-visible){outline:.2rem solid var(--ssc-focus-ring);outline-offset:.2rem;border-radius:var(--solaris-card-radius, var(--solaris-radius-lg))}.solaris-selection-card{min-width:0;min-height:var(--ssc-min-height);position:relative}.solaris-selection-card__card{display:block;min-width:0;--solaris-card-padding-x: var(--ssc-pad-x);--solaris-card-padding-y: var(--ssc-pad-y)}.solaris-selection-card__indicator{position:absolute;inset-block-start:var(--ssc-indicator-top);inset-inline-end:var(--ssc-indicator-end);z-index:var(--solaris-z-raised);pointer-events:none;inline-size:var(--ssc-indicator-size);block-size:var(--ssc-indicator-size);display:inline-grid;place-items:center;line-height:0}.solaris-selection-card__indicator-control{inline-size:var(--ssc-indicator-size);block-size:var(--ssc-indicator-size);min-inline-size:var(--ssc-indicator-size);min-block-size:var(--ssc-indicator-size);aspect-ratio:1/1;display:inline-grid;place-items:center;box-sizing:border-box;line-height:0;border-radius:var(--solaris-indicator-radius);border:var(--solaris-indicator-border-width) solid var(--ssc-indicator-border);background:var(--ssc-indicator-bg);color:var(--ssc-indicator-fg);flex:0 0 auto;position:relative;transition:border-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-fast) var(--solaris-motion-ease-standard)}.solaris-selection-card__indicator-dot,.solaris-selection-card__indicator-icon-dot{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:block;flex:0 0 auto;aspect-ratio:1/1;box-sizing:border-box;opacity:0;transform-origin:center;border-radius:var(--solaris-indicator-radius);transform:translate(-50%,-50%) scale(.45);transition:opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),background-color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-selection-card__indicator-dot{block-size:var(--ssc-indicator-dot-size);inline-size:var(--ssc-indicator-dot-size);background:var(--ssc-indicator-selected-border)}:host([data-appearance=solid]) .solaris-selection-card__indicator-dot,:host([data-appearance=gradient]) .solaris-selection-card__indicator-dot{background:var(--ssc-indicator-selected-bg)}.solaris-selection-card__indicator-icon-dot{background:var(--ssc-indicator-selected-fg);block-size:var(--ssc-indicator-icon-dot-size);inline-size:var(--ssc-indicator-icon-dot-size)}.solaris-selection-card__indicator-check{display:block;flex:0 0 auto;line-height:1;font-size:var(--ssc-indicator-check-size);font-weight:700;-webkit-text-stroke:var(--ssc-indicator-check-weight) currentColor;opacity:0;transform:scale(.45);transform-origin:center;transition:opacity var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),transform var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard),color var(--solaris-motion-duration-base) var(--solaris-motion-ease-standard)}.solaris-selection-card__slot{display:contents}:host([data-indicator=radio]) .solaris-selection-card__indicator-control,:host([data-indicator=icon]) .solaris-selection-card__indicator-control{border-radius:var(--solaris-radius-full)}:host([data-indicator=checkbox]) .solaris-selection-card__indicator-control{border-radius:var(--solaris-radius-sm)}:host([data-selected=true][data-indicator=radio]) .solaris-selection-card__indicator-control{border-color:var(--ssc-indicator-selected-border)}:host([data-selected=true][data-indicator=radio]) .solaris-selection-card__indicator-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}:host([data-selected=true][data-indicator=checkbox]) .solaris-selection-card__indicator-control{color:var(--ssc-indicator-selected-fg);background:var(--ssc-indicator-selected-bg);border-color:var(--ssc-indicator-selected-border);box-shadow:inset 0 0 0 .1rem color-mix(in srgb,var(--ssc-indicator-selected-fg) 18%,transparent)}:host([data-selected=true][data-indicator=checkbox]) .solaris-selection-card__indicator-check{opacity:1;transform:scale(1)}:host([data-selected=true][data-indicator=icon]) .solaris-selection-card__indicator-control{background:var(--ssc-indicator-selected-bg);border-color:var(--ssc-indicator-selected-border)}:host([data-selected=true][data-indicator=icon]) .solaris-selection-card__indicator-icon-dot{opacity:1;transform:translate(-50%,-50%) scale(1)}:host([data-disabled=true]) .solaris-selection-card__indicator-control{opacity:.55}:host([data-orientation=compact]){--ssc-min-height: 8.8rem;--ssc-reserved-inline-end: calc(var(--ssc-indicator-size) + var(--solaris-space-2))}:host([data-appearance=outline]){--ssc-indicator-border: var(--solaris-color-border);--ssc-indicator-bg: transparent}:host([data-appearance=soft]){--ssc-indicator-border: color-mix( in srgb, var(--ssc-accent) 24%, var(--solaris-color-border) );--ssc-indicator-bg: color-mix( in srgb, var(--ssc-accent) 4%, transparent )}:host([data-appearance=solid]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-primary-contrast) 46%, transparent );--ssc-indicator-bg: color-mix( in srgb, var(--solaris-color-primary-contrast) 8%, transparent );--ssc-indicator-selected-bg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-border: var(--solaris-color-primary-contrast);--ssc-indicator-selected-fg: var(--ssc-accent)}:host([data-appearance=elevated]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-border) 72%, transparent );--ssc-indicator-bg: var(--solaris-color-surface)}:host([data-appearance=ghost]){--ssc-indicator-border: color-mix( in srgb, var(--ssc-accent) 22%, var(--solaris-color-border) );--ssc-indicator-bg: transparent}:host([data-appearance=glass]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-surface) 34%, var(--solaris-color-border) );--ssc-indicator-bg: color-mix( in srgb, var(--ssc-accent) 10%, transparent )}:host([data-appearance=gradient]){--ssc-indicator-border: color-mix( in srgb, var(--solaris-color-primary-contrast) 42%, transparent );--ssc-indicator-bg: color-mix( in srgb, var(--solaris-color-primary-contrast) 8%, transparent );--ssc-indicator-selected-bg: var(--solaris-color-primary-contrast);--ssc-indicator-selected-border: var(--solaris-color-primary-contrast);--ssc-indicator-selected-fg: var(--ssc-accent)}.solaris-selection-card__floating-badge{position:absolute;inset-block-start:calc(var(--ssc-indicator-top) + var(--ssc-indicator-size) / 2);inset-inline-end:calc(var(--ssc-indicator-end) + var(--ssc-indicator-size) + var(--ssc-badge-gap));transform:translateY(-50%);z-index:var(--solaris-z-raised);pointer-events:none;max-inline-size:var(--ssc-badge-max-inline-size);min-inline-size:0;line-height:0;align-items:center;display:inline-flex;justify-content:flex-end;--solaris-badge-min-height-sm: 1.8rem;--solaris-badge-min-height-md: 1.8rem;--solaris-badge-min-height-lg: 2rem;--solaris-badge-padding-block-sm: .1rem;--solaris-badge-padding-inline-sm: .5rem;--solaris-badge-padding-block-md: .1rem;--solaris-badge-padding-inline-md: .6rem;--solaris-badge-padding-block-lg: .15rem;--solaris-badge-padding-inline-lg: .7rem;--solaris-badge-line-height-override: var(--solaris-lh-tight)}.solaris-selection-card__floating-badge:not(:has([solaris-card-badge])){display:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], selectionIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionIndicator", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], selectedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }], cardClick: [{ type: i0.Output, args: ["cardClick"] }] } });
 function inferStandaloneMode(indicator) {
     switch (indicator) {