@ds-mo/ui 2.9.0 → 2.10.1

package/src/wc/components.d.ts

@@ -135,7 +135,7 @@ export namespace Components {
          */
         "count": number;
         /**
-          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled in `componentDidLoad` under `ds-app-shell[gradient]`; set `on-gradient-background` to opt in/out explicitly.
+          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled in `componentDidLoad` under `ds-app-shell[gradient]`; set `gradient-background` to opt in/out explicitly.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
           * @default false
          */
         "gradientBackground": boolean;
@@ -1800,7 +1800,7 @@ declare namespace LocalJSX {
          */
         "count"?: number;
         /**
-          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled in `componentDidLoad` under `ds-app-shell[gradient]`; set `on-gradient-background` to opt in/out explicitly.
+          * Ring samples the shell gradient stack (base fill + wash) instead of a flat `box-shadow`. Auto-enabled in `componentDidLoad` under `ds-app-shell[gradient]`; set `gradient-background` to opt in/out explicitly.  The attribute must NOT start with `on` — Stencil's setAccessor routes any unknown `on*` member down the event-listener path during attribute reflection, calling addEventListener with a non-listener and throwing.
           * @default false
          */
         "gradientBackground"?: boolean;

package/src/wc/nav/badge-gradient-ring.ts

@@ -14,7 +14,10 @@ export interface GradientSurface {
 
 /** Whether the badge sits under `ds-app-shell[gradient]`. */
 export function isShellGradientActive(from: HTMLElement): boolean {
-  const shell = from.closest('ds-app-shell');
+  // Explicit <HTMLElement>: the inferred HTMLDsAppShellElement type only
+  // resolves where @stencil/core types are installed — consumers importing
+  // `@ds-mo/ui/nav` (raw TS) compile this without them.
+  const shell = from.closest<HTMLElement>('ds-app-shell');
   return shell?.hasAttribute('gradient') === true;
 }
 

package/src/wc/nav/index.ts

@@ -48,6 +48,7 @@ export {
   SHELL_GRADIENT_PRESET_LABELS,
   buildShellRadialGradientForPreset,
   isShellGradientPreset,
+  normalizeShellGradientPreset,
   shellGradientPresetStopToken,
 } from './shell-gradient-presets';
 export type { ChromeTransitionDetail, ChromeTransitionSource } from './chrome-transition';

package/src/wc/nav/shell-gradient-presets.ts

@@ -37,10 +37,24 @@ export function isShellGradientPreset(value: string): value is ShellGradientPres
   return (SHELL_GRADIENT_PRESETS as string[]).includes(value);
 }
 
+/**
+ * Coerce unknown/absent presets to the default. Runtime values escape the
+ * type: removing the reflected `gradient-preset` attribute (e.g. an Angular
+ * `[attr.gradient-preset]="null"` binding) drives the prop to null past its
+ * field default — without normalization the stop lookup interpolates the
+ * literal string "undefined" into CSS and the wash silently disappears.
+ */
+export function normalizeShellGradientPreset(
+  value: string | null | undefined,
+): ShellGradientPreset {
+  return value != null && isShellGradientPreset(value) ? value : DEFAULT_SHELL_GRADIENT_PRESET;
+}
+
 /** Radial wash for a preset — transparent at top-left into the intent stop. `none` returns no image. */
 export function buildShellRadialGradientForPreset(preset: ShellGradientPreset): string {
-  if (preset === 'none') return 'none';
+  const normalized = normalizeShellGradientPreset(preset);
+  if (normalized === 'none') return 'none';
 
-  const stop = shellGradientPresetStopToken(preset);
+  const stop = shellGradientPresetStopToken(normalized);
   return `radial-gradient(${GRADIENT_GEOMETRY}, var(--color-background-transparent) 0%, ${stop} 100%)`;
 }

package/src/wc/utils/index.ts

@@ -1,3 +1,4 @@
+export { registerIcons } from '../components/Icon/icon-cache';
 export { clearCssLengthPxCache, resolveCssLengthPx } from './resolve-css-length-px';
 export { parseCssTimeMs, resolveCssTimeMs } from './resolve-css-time-ms';
 export {

package/dist/components/p-0y48zKIF.js

@@ -1,2 +0,0 @@
-const n=["cool","neutral","warm"];const t="neutral";const o={none:"None",cool:"Cool",neutral:"Neutral",warm:"Warm"};const r={cool:"var(--color-color-intent-blue-strong-background)",neutral:"var(--color-color-intent-grey-strong-background)",warm:"var(--color-color-intent-yellow-strong-background)"};const a="100% 100% at 0% 0%";function e(n){if(n==="none")return null;return r[n]}function s(n){if(n==="none")return"none";const t=e(n);return`radial-gradient(${a}, var(--color-background-transparent) 0%, ${t} 100%)`}const c="--ds-shell-gradient-image";const l="--ds-shell-gradient-size";const i="--ds-shell-gradient-position-panel";const u="--ds-shell-gradient-position-bar";const d="--ds-shell-gradient-opacity";const g="0.1";function h(n=t){return s(n)}function f(n){const t=typeof globalThis.window!=="undefined"?globalThis.window:undefined;if(!t)return{width:0,height:0};const o=t.visualViewport;return{width:Math.round(o?.width??t.innerWidth),height:Math.round(o?.height??t.innerHeight)}}function p(n){return`${Math.round(n.width)}px ${Math.round(n.height)}px`}function b(){return"0 0"}function w(n){return`${-Math.round(n)}px 0`}export{t as D,n as S,o as a,g as b,s as c,c as d,l as e,d as f,i as g,u as h,w as i,h as j,p as k,f as r,b as s};
-//# sourceMappingURL=p-0y48zKIF.js.map

package/dist/components/p-0y48zKIF.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SHELL_GRADIENT_WASH_PRESETS","DEFAULT_SHELL_GRADIENT_PRESET","SHELL_GRADIENT_PRESET_LABELS","none","cool","neutral","warm","SHELL_GRADIENT_PRESET_STOP","GRADIENT_GEOMETRY","shellGradientPresetStopToken","preset","buildShellRadialGradientForPreset","stop","SHELL_GRADIENT_IMAGE_VAR","SHELL_GRADIENT_SIZE_VAR","SHELL_GRADIENT_POSITION_PANEL_VAR","SHELL_GRADIENT_POSITION_BAR_VAR","SHELL_GRADIENT_OPACITY_VAR","SHELL_GRADIENT_OPACITY","buildShellRadialGradient","readShellViewportDimensions","win","w","globalThis","window","undefined","width","height","visual","visualViewport","Math","round","innerWidth","innerHeight","shellGradientSize","layout","shellGradientPositionPanel","shellGradientPositionBar","panelWidth"],"sources":["src/wc/nav/shell-gradient-presets.ts","src/wc/nav/shell-gradient.ts"],"sourcesContent":["/** Built-in shell chrome wash presets — none (solid secondary), cool, neutral, warm. */\nexport type ShellGradientPreset = 'none' | 'cool' | 'neutral' | 'warm';\n\nexport const SHELL_GRADIENT_PRESETS: ShellGradientPreset[] = ['none', 'cool', 'neutral', 'warm'];\n\n/** Wash presets shown after the `none` option in pickers. */\nexport const SHELL_GRADIENT_WASH_PRESETS: Exclude<ShellGradientPreset, 'none'>[] = [\n  'cool',\n  'neutral',\n  'warm',\n];\n\n/** Default wash when `gradient-preset` is omitted. */\nexport const DEFAULT_SHELL_GRADIENT_PRESET: ShellGradientPreset = 'neutral';\n\nexport const SHELL_GRADIENT_PRESET_LABELS: Record<ShellGradientPreset, string> = {\n  none: 'None',\n  cool: 'Cool',\n  neutral: 'Neutral',\n  warm: 'Warm',\n};\n\nconst SHELL_GRADIENT_PRESET_STOP: Record<Exclude<ShellGradientPreset, 'none'>, string> = {\n  cool: 'var(--color-color-intent-blue-strong-background)',\n  neutral: 'var(--color-color-intent-grey-strong-background)',\n  warm: 'var(--color-color-intent-yellow-strong-background)',\n};\n\nconst GRADIENT_GEOMETRY = '100% 100% at 0% 0%';\n\nexport function shellGradientPresetStopToken(preset: ShellGradientPreset): string | null {\n  if (preset === 'none') return null;\n  return SHELL_GRADIENT_PRESET_STOP[preset];\n}\n\nexport function isShellGradientPreset(value: string): value is ShellGradientPreset {\n  return (SHELL_GRADIENT_PRESETS as string[]).includes(value);\n}\n\n/** Radial wash for a preset — transparent at top-left into the intent stop. `none` returns no image. */\nexport function buildShellRadialGradientForPreset(preset: ShellGradientPreset): string {\n  if (preset === 'none') return 'none';\n\n  const stop = shellGradientPresetStopToken(preset);\n  return `radial-gradient(${GRADIENT_GEOMETRY}, var(--color-background-transparent) 0%, ${stop} 100%)`;\n}\n","/** CSS var names consumed by `ds-panel-nav` / `ds-bar-nav` inside `ds-app-shell`. */\nimport type { ShellGradientPreset } from './shell-gradient-presets';\nimport {\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  buildShellRadialGradientForPreset,\n} from './shell-gradient-presets';\n\nexport type { ShellGradientPreset } from './shell-gradient-presets';\nexport {\n  DEFAULT_SHELL_GRADIENT_PRESET,\n  SHELL_GRADIENT_PRESETS,\n  SHELL_GRADIENT_PRESET_LABELS,\n  buildShellRadialGradientForPreset,\n  isShellGradientPreset,\n  shellGradientPresetStopToken,\n} from './shell-gradient-presets';\n\nexport const SHELL_GRADIENT_IMAGE_VAR = '--ds-shell-gradient-image';\nexport const SHELL_GRADIENT_SIZE_VAR = '--ds-shell-gradient-size';\nexport const SHELL_GRADIENT_POSITION_PANEL_VAR = '--ds-shell-gradient-position-panel';\nexport const SHELL_GRADIENT_POSITION_BAR_VAR = '--ds-shell-gradient-position-bar';\nexport const SHELL_GRADIENT_OPACITY_VAR = '--ds-shell-gradient-opacity';\n/** Per chrome-surface background-position — offsets wash + grid to shell row origin. */\nexport const SHELL_CHROME_SURFACE_POSITION_VAR = '--ds-shell-chrome-surface-position';\n\n/** Layer opacity for the nav gradient wash. */\nexport const SHELL_GRADIENT_OPACITY = '0.1';\n\n/** Whether the shared chrome layer (secondary bg + optional wash) should mount. */\nexport function shellChromeLayerActive(gradient: boolean): boolean {\n  return gradient;\n}\n\n/**\n * Shell radial wash — same for panel and bar nav.\n * Tokens follow `data-theme` (light/dark intent stops).\n */\nexport function buildShellRadialGradient(\n  preset: ShellGradientPreset = DEFAULT_SHELL_GRADIENT_PRESET,\n): string {\n  return buildShellRadialGradientForPreset(preset);\n}\n\n/** Built-in radial image (`gradientSrc` on shell overrides). */\nexport function shellGradientImage(\n  preset: ShellGradientPreset = DEFAULT_SHELL_GRADIENT_PRESET,\n): string {\n  return buildShellRadialGradient(preset);\n}\n\nexport interface ShellViewportDimensions {\n  width: number;\n  height: number;\n}\n\n/**\n * Viewport size for shell chrome with `background-attachment: fixed`.\n * Must not use the `ds-app-shell` element box — the shell can be shorter or\n * taller than the viewport when host height chains break or content overflows.\n */\nexport function readShellViewportDimensions(win?: Window): ShellViewportDimensions {\n  const w = win ?? (typeof globalThis.window !== 'undefined' ? globalThis.window : undefined);\n  if (!w) return { width: 0, height: 0 };\n\n  const visual = w.visualViewport;\n  return {\n    width: Math.round(visual?.width ?? w.innerWidth),\n    height: Math.round(visual?.height ?? w.innerHeight),\n  };\n}\n\nexport interface ShellGradientLayout {\n  width: number;\n  height: number;\n  panelWidth: number;\n}\n\n/** Pixel `background-size` for the fixed-attachment radial wash. */\nexport function shellGradientSize(layout: Pick<ShellGradientLayout, 'width' | 'height'>): string {\n  return `${Math.round(layout.width)}px ${Math.round(layout.height)}px`;\n}\n\nexport function shellGradientPositionPanel(): string {\n  return '0 0';\n}\n\nexport function shellGradientPositionBar(panelWidth: number): string {\n  return `${-Math.round(panelWidth)}px 0`;\n}\n\n/** Phase-lock a chrome rect to the shell row coordinate system (wash + grid). */\nexport function shellChromeSurfacePosition(leftPx: number, topPx: number): string {\n  return `${-Math.round(leftPx)}px ${-Math.round(topPx)}px`;\n}\n"],"mappings":"AAMO,MAAMA,EAAsE,CACjF,OACA,UACA,QAIK,MAAMC,EAAqD,UAE3D,MAAMC,EAAoE,CAC/EC,KAAM,OACNC,KAAM,OACNC,QAAS,UACTC,KAAM,QAGR,MAAMC,EAAmF,CACvFH,KAAM,mDACNC,QAAS,mDACTC,KAAM,sDAGR,MAAME,EAAoB,qBAEpB,SAAUC,EAA6BC,GAC3C,GAAIA,IAAW,OAAQ,OAAO,KAC9B,OAAOH,EAA2BG,EACpC,CAOM,SAAUC,EAAkCD,GAChD,GAAIA,IAAW,OAAQ,MAAO,OAE9B,MAAME,EAAOH,EAA6BC,GAC1C,MAAO,mBAAmBF,8CAA8DI,SAC1F,CC5BO,MAAMC,EAA2B,4BACjC,MAAMC,EAA0B,2BAChC,MAAMC,EAAoC,qCAC1C,MAAMC,EAAkC,mCACxC,MAAMC,EAA6B,8BAKnC,MAAMC,EAAyB,MAWhC,SAAUC,EACdT,EAA8BT,GAE9B,OAAOU,EAAkCD,EAC3C,CAmBM,SAAUU,EAA4BC,GAC1C,MAAMC,SAAmBC,WAAWC,SAAW,YAAcD,WAAWC,OAASC,UACjF,IAAKH,EAAG,MAAO,CAAEI,MAAO,EAAGC,OAAQ,GAEnC,MAAMC,EAASN,EAAEO,eACjB,MAAO,CACLH,MAAOI,KAAKC,MAAMH,GAAQF,OAASJ,EAAEU,YACrCL,OAAQG,KAAKC,MAAMH,GAAQD,QAAUL,EAAEW,aAE3C,CASM,SAAUC,EAAkBC,GAChC,MAAO,GAAGL,KAAKC,MAAMI,EAAOT,YAAYI,KAAKC,MAAMI,EAAOR,WAC5D,C,SAEgBS,IACd,MAAO,KACT,CAEM,SAAUC,EAAyBC,GACvC,MAAO,IAAIR,KAAKC,MAAMO,QACxB,Q","ignoreList":[]}

package/dist/components/p-CF4avTQw.js

@@ -1,2 +0,0 @@
-import{p as o,H as r,h as i,a as s,t as m}from"./index.js";import{FlagAustria as n}from"@ds-mo/icons/svg/flags/FlagAustria";import{FlagBelgium as e}from"@ds-mo/icons/svg/flags/FlagBelgium";import{FlagBulgaria as c}from"@ds-mo/icons/svg/flags/FlagBulgaria";import{FlagCanada as t}from"@ds-mo/icons/svg/flags/FlagCanada";import{FlagCroatia as l}from"@ds-mo/icons/svg/flags/FlagCroatia";import{FlagCyprus as d}from"@ds-mo/icons/svg/flags/FlagCyprus";import{FlagCzechRepublic as a}from"@ds-mo/icons/svg/flags/FlagCzechRepublic";import{FlagDenmark as g}from"@ds-mo/icons/svg/flags/FlagDenmark";import{FlagEU as f}from"@ds-mo/icons/svg/flags/FlagEU";import{FlagEstonia as p}from"@ds-mo/icons/svg/flags/FlagEstonia";import{FlagFinland as v}from"@ds-mo/icons/svg/flags/FlagFinland";import{FlagFrance as u}from"@ds-mo/icons/svg/flags/FlagFrance";import{FlagGermany as h}from"@ds-mo/icons/svg/flags/FlagGermany";import{FlagGreece as C}from"@ds-mo/icons/svg/flags/FlagGreece";import{FlagHungary as F}from"@ds-mo/icons/svg/flags/FlagHungary";import{FlagIreland as S}from"@ds-mo/icons/svg/flags/FlagIreland";import{FlagItaly as b}from"@ds-mo/icons/svg/flags/FlagItaly";import{FlagLatvia as D}from"@ds-mo/icons/svg/flags/FlagLatvia";import{FlagLithuania as P}from"@ds-mo/icons/svg/flags/FlagLithuania";import{FlagLuxembourg as y}from"@ds-mo/icons/svg/flags/FlagLuxembourg";import{FlagMalta as k}from"@ds-mo/icons/svg/flags/FlagMalta";import{FlagMexico as w}from"@ds-mo/icons/svg/flags/FlagMexico";import{FlagNetherlands as B}from"@ds-mo/icons/svg/flags/FlagNetherlands";import{FlagPoland as L}from"@ds-mo/icons/svg/flags/FlagPoland";import{FlagPortugal as T}from"@ds-mo/icons/svg/flags/FlagPortugal";import{FlagRomania as E}from"@ds-mo/icons/svg/flags/FlagRomania";import{FlagSlovakia as A}from"@ds-mo/icons/svg/flags/FlagSlovakia";import{FlagSlovenia as G}from"@ds-mo/icons/svg/flags/FlagSlovenia";import{FlagSpain as M}from"@ds-mo/icons/svg/flags/FlagSpain";import{FlagSweden as R}from"@ds-mo/icons/svg/flags/FlagSweden";import{FlagUnitedKingdom as x}from"@ds-mo/icons/svg/flags/FlagUnitedKingdom";import{FlagUnitedStates as I}from"@ds-mo/icons/svg/flags/FlagUnitedStates";import{AI as V}from"@ds-mo/icons/svg/AI";import{AIChip as z}from"@ds-mo/icons/svg/AIChip";import{AINew as q}from"@ds-mo/icons/svg/AINew";import{AISparkle as W}from"@ds-mo/icons/svg/AISparkle";import{AUX as U}from"@ds-mo/icons/svg/AUX";import{AUXFilled as H}from"@ds-mo/icons/svg/AUXFilled";import{AndroidFilled as O}from"@ds-mo/icons/svg/AndroidFilled";import{ArrowDown as _}from"@ds-mo/icons/svg/ArrowDown";import{ArrowLeft as N}from"@ds-mo/icons/svg/ArrowLeft";import{ArrowPath as K}from"@ds-mo/icons/svg/ArrowPath";import{ArrowRight as Z}from"@ds-mo/icons/svg/ArrowRight";import{ArrowUp as J}from"@ds-mo/icons/svg/ArrowUp";import{ArrowsDiagonal as Q}from"@ds-mo/icons/svg/ArrowsDiagonal";import{ArrowsDiff as X}from"@ds-mo/icons/svg/ArrowsDiff";import{ArrowsDiffDisabled as j}from"@ds-mo/icons/svg/ArrowsDiffDisabled";import{ArrowsVertical as $}from"@ds-mo/icons/svg/ArrowsVertical";import{AtSign as Y}from"@ds-mo/icons/svg/AtSign";import{Avatar as oo}from"@ds-mo/icons/svg/Avatar";import{BackslashBrackets as ro}from"@ds-mo/icons/svg/BackslashBrackets";import{BatteryCharging as io}from"@ds-mo/icons/svg/BatteryCharging";import{BatteryEmpty as so}from"@ds-mo/icons/svg/BatteryEmpty";import{BatteryFull as mo}from"@ds-mo/icons/svg/BatteryFull";import{BatteryHalf as no}from"@ds-mo/icons/svg/BatteryHalf";import{BatteryLow as eo}from"@ds-mo/icons/svg/BatteryLow";import{Beaker as co}from"@ds-mo/icons/svg/Beaker";import{Bell as to}from"@ds-mo/icons/svg/Bell";import{BellCircle as lo}from"@ds-mo/icons/svg/BellCircle";import{BellExclamation as ao}from"@ds-mo/icons/svg/BellExclamation";import{BellFilled as go}from"@ds-mo/icons/svg/BellFilled";import{BellRinging as fo}from"@ds-mo/icons/svg/BellRinging";import{BellWifi as po}from"@ds-mo/icons/svg/BellWifi";import{BlackWhite as vo}from"@ds-mo/icons/svg/BlackWhite";import{BlankUI as uo}from"@ds-mo/icons/svg/BlankUI";import{Bluetooth as ho}from"@ds-mo/icons/svg/Bluetooth";import{Bolt as Co}from"@ds-mo/icons/svg/Bolt";import{BoltFilled as Fo}from"@ds-mo/icons/svg/BoltFilled";import{Bookmark as So}from"@ds-mo/icons/svg/Bookmark";import{Box as bo}from"@ds-mo/icons/svg/Box";import{Braces as Do}from"@ds-mo/icons/svg/Braces";import{Bug as Po}from"@ds-mo/icons/svg/Bug";import{BuildingFacility as yo}from"@ds-mo/icons/svg/BuildingFacility";import{BuildingHome as ko}from"@ds-mo/icons/svg/BuildingHome";import{BuildingOffice as wo}from"@ds-mo/icons/svg/BuildingOffice";import{BuildingPublic as Bo}from"@ds-mo/icons/svg/BuildingPublic";import{BuildingShop as Lo}from"@ds-mo/icons/svg/BuildingShop";import{Bulb as To}from"@ds-mo/icons/svg/Bulb";import{Calculator as Eo}from"@ds-mo/icons/svg/Calculator";import{Calendar as Ao}from"@ds-mo/icons/svg/Calendar";import{CalendarClock as Go}from"@ds-mo/icons/svg/CalendarClock";import{CameraA as Mo}from"@ds-mo/icons/svg/CameraA";import{CameraB as Ro}from"@ds-mo/icons/svg/CameraB";import{Card as xo}from"@ds-mo/icons/svg/Card";import{CardPerson as Io}from"@ds-mo/icons/svg/CardPerson";import{Cart as Vo}from"@ds-mo/icons/svg/Cart";import{Chart as zo}from"@ds-mo/icons/svg/Chart";import{Check as qo}from"@ds-mo/icons/svg/Check";import{CheckCircle as Wo}from"@ds-mo/icons/svg/CheckCircle";import{CheckCircleFilled as Uo}from"@ds-mo/icons/svg/CheckCircleFilled";import{CheckDouble as Ho}from"@ds-mo/icons/svg/CheckDouble";import{ChevronDown as Oo}from"@ds-mo/icons/svg/ChevronDown";import{ChevronLeft as _o}from"@ds-mo/icons/svg/ChevronLeft";import{ChevronLeftDouble as No}from"@ds-mo/icons/svg/ChevronLeftDouble";import{ChevronRight as Ko}from"@ds-mo/icons/svg/ChevronRight";import{ChevronRightDouble as Zo}from"@ds-mo/icons/svg/ChevronRightDouble";import{ChevronUp as Jo}from"@ds-mo/icons/svg/ChevronUp";import{ChevronUpDown as Qo}from"@ds-mo/icons/svg/ChevronUpDown";import{Circle as Xo}from"@ds-mo/icons/svg/Circle";import{CircleArrow as jo}from"@ds-mo/icons/svg/CircleArrow";import{CircleArrowsDiff as $o}from"@ds-mo/icons/svg/CircleArrowsDiff";import{CircleArrowsDiffDisabled as Yo}from"@ds-mo/icons/svg/CircleArrowsDiffDisabled";import{CircleConcentricFilled as or}from"@ds-mo/icons/svg/CircleConcentricFilled";import{CircleConcentricThree as rr}from"@ds-mo/icons/svg/CircleConcentricThree";import{CircleConcentricTwo as ir}from"@ds-mo/icons/svg/CircleConcentricTwo";import{CircleExclamation as sr}from"@ds-mo/icons/svg/CircleExclamation";import{CircleExclamationFilled as mr}from"@ds-mo/icons/svg/CircleExclamationFilled";import{CircleFastForward as nr}from"@ds-mo/icons/svg/CircleFastForward";import{CircleFilled as er}from"@ds-mo/icons/svg/CircleFilled";import{CircleGrid as cr}from"@ds-mo/icons/svg/CircleGrid";import{CirclePlay as tr}from"@ds-mo/icons/svg/CirclePlay";import{CircleQuestion as lr}from"@ds-mo/icons/svg/CircleQuestion";import{CircleSlash as dr}from"@ds-mo/icons/svg/CircleSlash";import{Clipboard as ar}from"@ds-mo/icons/svg/Clipboard";import{ClipboardCheck as gr}from"@ds-mo/icons/svg/ClipboardCheck";import{Clock as fr}from"@ds-mo/icons/svg/Clock";import{ClockDefer as pr}from"@ds-mo/icons/svg/ClockDefer";import{ClockFilled as vr}from"@ds-mo/icons/svg/ClockFilled";import{ClockSixteenHour as ur}from"@ds-mo/icons/svg/ClockSixteenHour";import{Cloud as hr}from"@ds-mo/icons/svg/Cloud";import{CloudEllipses as Cr}from"@ds-mo/icons/svg/CloudEllipses";import{CloudLightning as Fr}from"@ds-mo/icons/svg/CloudLightning";import{CloudRain as Sr}from"@ds-mo/icons/svg/CloudRain";import{CloudRainSun as br}from"@ds-mo/icons/svg/CloudRainSun";import{CloudSun as Dr}from"@ds-mo/icons/svg/CloudSun";import{CloudWind as Pr}from"@ds-mo/icons/svg/CloudWind";import{Cluster as yr}from"@ds-mo/icons/svg/Cluster";import{Coin as kr}from"@ds-mo/icons/svg/Coin";import{CoinStack as wr}from"@ds-mo/icons/svg/CoinStack";import{CoinStackGeneral as Br}from"@ds-mo/icons/svg/CoinStackGeneral";import{Compass as Lr}from"@ds-mo/icons/svg/Compass";import{Copy as Tr}from"@ds-mo/icons/svg/Copy";import{Crop as Er}from"@ds-mo/icons/svg/Crop";import{Cross as Ar}from"@ds-mo/icons/svg/Cross";import{CrossCircle as Gr}from"@ds-mo/icons/svg/CrossCircle";import{CrossCircleFilled as Mr}from"@ds-mo/icons/svg/CrossCircleFilled";import{Cube as Rr}from"@ds-mo/icons/svg/Cube";import{Cup as xr}from"@ds-mo/icons/svg/Cup";import{CursorPointer as Ir}from"@ds-mo/icons/svg/CursorPointer";import{CursorPointerMinus as Vr}from"@ds-mo/icons/svg/CursorPointerMinus";import{CursorPointerPlus as zr}from"@ds-mo/icons/svg/CursorPointerPlus";import{Dashboard as qr}from"@ds-mo/icons/svg/Dashboard";import{DeviceAIDashcamPlus as Wr}from"@ds-mo/icons/svg/DeviceAIDashcamPlus";import{DeviceAssetTracker as Ur}from"@ds-mo/icons/svg/DeviceAssetTracker";import{DeviceDVR as Hr}from"@ds-mo/icons/svg/DeviceDVR";import{DeviceDashcam as Or}from"@ds-mo/icons/svg/DeviceDashcam";import{DeviceDashcamLiveStream as _r}from"@ds-mo/icons/svg/DeviceDashcamLiveStream";import{DeviceDoorSensor as Nr}from"@ds-mo/icons/svg/DeviceDoorSensor";import{DeviceMobile as Kr}from"@ds-mo/icons/svg/DeviceMobile";import{DeviceMobileTwo as Zr}from"@ds-mo/icons/svg/DeviceMobileTwo";import{DeviceOmnicam as Jr}from"@ds-mo/icons/svg/DeviceOmnicam";import{DeviceSensor as Qr}from"@ds-mo/icons/svg/DeviceSensor";import{DeviceTablet as Xr}from"@ds-mo/icons/svg/DeviceTablet";import{DeviceVehicleGateway as jr}from"@ds-mo/icons/svg/DeviceVehicleGateway";import{Devices as $r}from"@ds-mo/icons/svg/Devices";import{Document as Yr}from"@ds-mo/icons/svg/Document";import{DocumentArrow as oi}from"@ds-mo/icons/svg/DocumentArrow";import{DocumentChart as ri}from"@ds-mo/icons/svg/DocumentChart";import{DocumentDollar as ii}from"@ds-mo/icons/svg/DocumentDollar";import{DocumentGear as si}from"@ds-mo/icons/svg/DocumentGear";import{DocumentInverted as mi}from"@ds-mo/icons/svg/DocumentInverted";import{DocumentPencil as ni}from"@ds-mo/icons/svg/DocumentPencil";import{DocumentPlus as ei}from"@ds-mo/icons/svg/DocumentPlus";import{DocumentQuestion as ci}from"@ds-mo/icons/svg/DocumentQuestion";import{DocumentReceipt as ti}from"@ds-mo/icons/svg/DocumentReceipt";import{DocumentStacked as li}from"@ds-mo/icons/svg/DocumentStacked";import{Dot as di}from"@ds-mo/icons/svg/Dot";import{DotFilled as ai}from"@ds-mo/icons/svg/DotFilled";import{DotPath as gi}from"@ds-mo/icons/svg/DotPath";import{Download as fi}from"@ds-mo/icons/svg/Download";import{Drag as pi}from"@ds-mo/icons/svg/Drag";import{Ellipses as vi}from"@ds-mo/icons/svg/Ellipses";import{Email as ui}from"@ds-mo/icons/svg/Email";import{Engine as hi}from"@ds-mo/icons/svg/Engine";import{Enter as Ci}from"@ds-mo/icons/svg/Enter";import{EntityAsset as Fi}from"@ds-mo/icons/svg/EntityAsset";import{EntityAssetFilled as Si}from"@ds-mo/icons/svg/EntityAssetFilled";import{EntityDriver as bi}from"@ds-mo/icons/svg/EntityDriver";import{EntityDriverFilled as Di}from"@ds-mo/icons/svg/EntityDriverFilled";import{EntityTravelGroup as Pi}from"@ds-mo/icons/svg/EntityTravelGroup";import{EntityTravelGroupFilled as yi}from"@ds-mo/icons/svg/EntityTravelGroupFilled";import{EntityVehicle as ki}from"@ds-mo/icons/svg/EntityVehicle";import{EntityVehicleCharging as wi}from"@ds-mo/icons/svg/EntityVehicleCharging";import{EntityVehicleChargingFilled as Bi}from"@ds-mo/icons/svg/EntityVehicleChargingFilled";import{EntityVehicleFilled as Li}from"@ds-mo/icons/svg/EntityVehicleFilled";import{EntityVehicleImmobilized as Ti}from"@ds-mo/icons/svg/EntityVehicleImmobilized";import{EntityVehicleImmobilizedFilled as Ei}from"@ds-mo/icons/svg/EntityVehicleImmobilizedFilled";import{ErrorTriangle as Ai}from"@ds-mo/icons/svg/ErrorTriangle";import{ErrorTriangleFilled as Gi}from"@ds-mo/icons/svg/ErrorTriangleFilled";import{ErrorTriangleSimpleFilled as Mi}from"@ds-mo/icons/svg/ErrorTriangleSimpleFilled";import{Export as Ri}from"@ds-mo/icons/svg/Export";import{ExternalLink as xi}from"@ds-mo/icons/svg/ExternalLink";import{Eye as Ii}from"@ds-mo/icons/svg/Eye";import{EyeDisabled as Vi}from"@ds-mo/icons/svg/EyeDisabled";import{EyeLock as zi}from"@ds-mo/icons/svg/EyeLock";import{FastForward as qi}from"@ds-mo/icons/svg/FastForward";import{FastForwardSkip as Wi}from"@ds-mo/icons/svg/FastForwardSkip";import{Filters as Ui}from"@ds-mo/icons/svg/Filters";import{FitToScreen as Hi}from"@ds-mo/icons/svg/FitToScreen";import{Flag as Oi}from"@ds-mo/icons/svg/Flag";import{FlagFilled as _i}from"@ds-mo/icons/svg/FlagFilled";import{FloppyDisk as Ni}from"@ds-mo/icons/svg/FloppyDisk";import{Folder as Ki}from"@ds-mo/icons/svg/Folder";import{FolderFilled as Zi}from"@ds-mo/icons/svg/FolderFilled";import{FuelPump as Ji}from"@ds-mo/icons/svg/FuelPump";import{FullScreen as Qi}from"@ds-mo/icons/svg/FullScreen";import{FullScreenExit as Xi}from"@ds-mo/icons/svg/FullScreenExit";import{Gauge as ji}from"@ds-mo/icons/svg/Gauge";import{GaugeTemperature as $i}from"@ds-mo/icons/svg/GaugeTemperature";import{Gear as Yi}from"@ds-mo/icons/svg/Gear";import{GearCheck as os}from"@ds-mo/icons/svg/GearCheck";import{Geofence as rs}from"@ds-mo/icons/svg/Geofence";import{GeofenceCircle as is}from"@ds-mo/icons/svg/GeofenceCircle";import{GeofenceDiamond as ss}from"@ds-mo/icons/svg/GeofenceDiamond";import{GeofenceSquare as ms}from"@ds-mo/icons/svg/GeofenceSquare";import{GlobeNetwork as ns}from"@ds-mo/icons/svg/GlobeNetwork";import{GlobeWorldMap as es}from"@ds-mo/icons/svg/GlobeWorldMap";import{Graph as cs}from"@ds-mo/icons/svg/Graph";import{GraphArrow as ts}from"@ds-mo/icons/svg/GraphArrow";import{GraphBars as ls}from"@ds-mo/icons/svg/GraphBars";import{GraphDecreasing as ds}from"@ds-mo/icons/svg/GraphDecreasing";import{GraphIncreasing as as}from"@ds-mo/icons/svg/GraphIncreasing";import{GroupBy as gs}from"@ds-mo/icons/svg/GroupBy";import{Hamburger as fs}from"@ds-mo/icons/svg/Hamburger";import{HandOpen as ps}from"@ds-mo/icons/svg/HandOpen";import{Headset as vs}from"@ds-mo/icons/svg/Headset";import{History as us}from"@ds-mo/icons/svg/History";import{HourGlass as hs}from"@ds-mo/icons/svg/HourGlass";import{Image as Cs}from"@ds-mo/icons/svg/Image";import{Import as Fs}from"@ds-mo/icons/svg/Import";import{ImportClock as Ss}from"@ds-mo/icons/svg/ImportClock";import{Inbox as bs}from"@ds-mo/icons/svg/Inbox";import{IosFilled as Ds}from"@ds-mo/icons/svg/IosFilled";import{Jerrycan as Ps}from"@ds-mo/icons/svg/Jerrycan";import{KeyA as ys}from"@ds-mo/icons/svg/KeyA";import{KeyB as ks}from"@ds-mo/icons/svg/KeyB";import{KeyCmd as ws}from"@ds-mo/icons/svg/KeyCmd";import{KeyShift as Bs}from"@ds-mo/icons/svg/KeyShift";import{LED as Ls}from"@ds-mo/icons/svg/LED";import{Layers as Ts}from"@ds-mo/icons/svg/Layers";import{Leaf as Es}from"@ds-mo/icons/svg/Leaf";import{LeftCollapse as As}from"@ds-mo/icons/svg/LeftCollapse";import{LeftCollapseB as Gs}from"@ds-mo/icons/svg/LeftCollapseB";import{LeftExpand as Ms}from"@ds-mo/icons/svg/LeftExpand";import{LeftExpandB as Rs}from"@ds-mo/icons/svg/LeftExpandB";import{LeftTurnSignal as xs}from"@ds-mo/icons/svg/LeftTurnSignal";import{LetterB as Is}from"@ds-mo/icons/svg/LetterB";import{LetterC as Vs}from"@ds-mo/icons/svg/LetterC";import{LetterI as zs}from"@ds-mo/icons/svg/LetterI";import{License as qs}from"@ds-mo/icons/svg/License";import{LicensePlate as Ws}from"@ds-mo/icons/svg/LicensePlate";import{Lifebuoy as Us}from"@ds-mo/icons/svg/Lifebuoy";import{Link as Hs}from"@ds-mo/icons/svg/Link";import{List as Os}from"@ds-mo/icons/svg/List";import{Loads as _s}from"@ds-mo/icons/svg/Loads";import{LocationPin as Ns}from"@ds-mo/icons/svg/LocationPin";import{LocationPinArrows as Ks}from"@ds-mo/icons/svg/LocationPinArrows";import{LocationPinDisabled as Zs}from"@ds-mo/icons/svg/LocationPinDisabled";import{LocationPinDollar as Js}from"@ds-mo/icons/svg/LocationPinDollar";import{LockClosed as Qs}from"@ds-mo/icons/svg/LockClosed";import{LockClosedFilled as Xs}from"@ds-mo/icons/svg/LockClosedFilled";import{LockOpen as js}from"@ds-mo/icons/svg/LockOpen";import{Logout as $s}from"@ds-mo/icons/svg/Logout";import{Logs as Ys}from"@ds-mo/icons/svg/Logs";import{LogsMagnifyingGlass as om}from"@ds-mo/icons/svg/LogsMagnifyingGlass";import{MagnifyingGlass as rm}from"@ds-mo/icons/svg/MagnifyingGlass";import{MagnifyingGlassGraph as im}from"@ds-mo/icons/svg/MagnifyingGlassGraph";import{MagnifyingGlassZoomIn as sm}from"@ds-mo/icons/svg/MagnifyingGlassZoomIn";import{MagnifyingGlassZoomOut as mm}from"@ds-mo/icons/svg/MagnifyingGlassZoomOut";import{MapNavigation as nm}from"@ds-mo/icons/svg/MapNavigation";import{MapPage as em}from"@ds-mo/icons/svg/MapPage";import{MapPin as cm}from"@ds-mo/icons/svg/MapPin";import{MarkRead as tm}from"@ds-mo/icons/svg/MarkRead";import{Match as lm}from"@ds-mo/icons/svg/Match";import{MessageBubble as dm}from"@ds-mo/icons/svg/MessageBubble";import{MessageBubbleStack as am}from"@ds-mo/icons/svg/MessageBubbleStack";import{Messaging as gm}from"@ds-mo/icons/svg/Messaging";import{Mic as fm}from"@ds-mo/icons/svg/Mic";import{MicMute as pm}from"@ds-mo/icons/svg/MicMute";import{Minimize as vm}from"@ds-mo/icons/svg/Minimize";import{Monitor as um}from"@ds-mo/icons/svg/Monitor";import{Notification as hm}from"@ds-mo/icons/svg/Notification";import{NumberTen as Cm}from"@ds-mo/icons/svg/NumberTen";import{OctagonSubtract as Fm}from"@ds-mo/icons/svg/OctagonSubtract";import{Odometer as Sm}from"@ds-mo/icons/svg/Odometer";import{OverviewAI as bm}from"@ds-mo/icons/svg/OverviewAI";import{PanelCollapse as Dm}from"@ds-mo/icons/svg/PanelCollapse";import{PanelExpand as Pm}from"@ds-mo/icons/svg/PanelExpand";import{Paperclip as ym}from"@ds-mo/icons/svg/Paperclip";import{PaperplaneSend as km}from"@ds-mo/icons/svg/PaperplaneSend";import{Paragraph as wm}from"@ds-mo/icons/svg/Paragraph";import{ParagraphCheck as Bm}from"@ds-mo/icons/svg/ParagraphCheck";import{ParagraphPencil as Lm}from"@ds-mo/icons/svg/ParagraphPencil";import{Pause as Tm}from"@ds-mo/icons/svg/Pause";import{PauseFilled as Em}from"@ds-mo/icons/svg/PauseFilled";import{Pencil as Am}from"@ds-mo/icons/svg/Pencil";import{PencilSquiggle as Gm}from"@ds-mo/icons/svg/PencilSquiggle";import{Person as Mm}from"@ds-mo/icons/svg/Person";import{PersonAt as Rm}from"@ds-mo/icons/svg/PersonAt";import{PersonConnect as xm}from"@ds-mo/icons/svg/PersonConnect";import{PersonFrame as Im}from"@ds-mo/icons/svg/PersonFrame";import{PersonGear as Vm}from"@ds-mo/icons/svg/PersonGear";import{PersonGroup as zm}from"@ds-mo/icons/svg/PersonGroup";import{PersonGroupArrows as qm}from"@ds-mo/icons/svg/PersonGroupArrows";import{PersonManager as Wm}from"@ds-mo/icons/svg/PersonManager";import{PersonShield as Um}from"@ds-mo/icons/svg/PersonShield";import{PersonStar as Hm}from"@ds-mo/icons/svg/PersonStar";import{Phone as Om}from"@ds-mo/icons/svg/Phone";import{PhoneDisconnect as _m}from"@ds-mo/icons/svg/PhoneDisconnect";import{PicmanFilled as Nm}from"@ds-mo/icons/svg/PicmanFilled";import{Pin as Km}from"@ds-mo/icons/svg/Pin";import{PipBottomLeft as Zm}from"@ds-mo/icons/svg/PipBottomLeft";import{PipBottomRight as Jm}from"@ds-mo/icons/svg/PipBottomRight";import{PipTopLeft as Qm}from"@ds-mo/icons/svg/PipTopLeft";import{PipTopRight as Xm}from"@ds-mo/icons/svg/PipTopRight";import{Play as jm}from"@ds-mo/icons/svg/Play";import{PlayFilled as $m}from"@ds-mo/icons/svg/PlayFilled";import{Plug as Ym}from"@ds-mo/icons/svg/Plug";import{Plus as on}from"@ds-mo/icons/svg/Plus";import{PlusCircle as rn}from"@ds-mo/icons/svg/PlusCircle";import{Preferences as sn}from"@ds-mo/icons/svg/Preferences";import{Printer as mn}from"@ds-mo/icons/svg/Printer";import{PunchCard as nn}from"@ds-mo/icons/svg/PunchCard";import{Puzzle as en}from"@ds-mo/icons/svg/Puzzle";import{PuzzleJoined as cn}from"@ds-mo/icons/svg/PuzzleJoined";import{Redo as tn}from"@ds-mo/icons/svg/Redo";import{Refresh as ln}from"@ds-mo/icons/svg/Refresh";import{Restore as dn}from"@ds-mo/icons/svg/Restore";import{RewardRibbon as an}from"@ds-mo/icons/svg/RewardRibbon";import{Rewind as gn}from"@ds-mo/icons/svg/Rewind";import{RewindSkip as fn}from"@ds-mo/icons/svg/RewindSkip";import{RewindSkipFilled as pn}from"@ds-mo/icons/svg/RewindSkipFilled";import{RightCollapse as vn}from"@ds-mo/icons/svg/RightCollapse";import{RightCollapseB as un}from"@ds-mo/icons/svg/RightCollapseB";import{RightExpand as hn}from"@ds-mo/icons/svg/RightExpand";import{RightExpandB as Cn}from"@ds-mo/icons/svg/RightExpandB";import{RightTurnSignal as Fn}from"@ds-mo/icons/svg/RightTurnSignal";import{Rotate as Sn}from"@ds-mo/icons/svg/Rotate";import{Satellite as bn}from"@ds-mo/icons/svg/Satellite";import{Scan as Dn}from"@ds-mo/icons/svg/Scan";import{Scissor as Pn}from"@ds-mo/icons/svg/Scissor";import{Scope as yn}from"@ds-mo/icons/svg/Scope";import{Seatbelt as kn}from"@ds-mo/icons/svg/Seatbelt";import{SeatbeltBuckle as wn}from"@ds-mo/icons/svg/SeatbeltBuckle";import{Shapes as Bn}from"@ds-mo/icons/svg/Shapes";import{ShareCircles as Ln}from"@ds-mo/icons/svg/ShareCircles";import{ShareCirclesFilled as Tn}from"@ds-mo/icons/svg/ShareCirclesFilled";import{SharePaperplane as En}from"@ds-mo/icons/svg/SharePaperplane";import{Shield as An}from"@ds-mo/icons/svg/Shield";import{ShieldCheck as Gn}from"@ds-mo/icons/svg/ShieldCheck";import{ShieldCheckmarkFilled as Mn}from"@ds-mo/icons/svg/ShieldCheckmarkFilled";import{ShieldCircle as Rn}from"@ds-mo/icons/svg/ShieldCircle";import{ShieldCircleFilled as xn}from"@ds-mo/icons/svg/ShieldCircleFilled";import{ShieldCross as In}from"@ds-mo/icons/svg/ShieldCross";import{ShieldCrossFilled as Vn}from"@ds-mo/icons/svg/ShieldCrossFilled";import{ShieldFilled as zn}from"@ds-mo/icons/svg/ShieldFilled";import{ShieldLock as qn}from"@ds-mo/icons/svg/ShieldLock";import{ShieldLockFilled as Wn}from"@ds-mo/icons/svg/ShieldLockFilled";import{ShoppingBag as Un}from"@ds-mo/icons/svg/ShoppingBag";import{Snowflake as Hn}from"@ds-mo/icons/svg/Snowflake";import{SpeakerPhone as On}from"@ds-mo/icons/svg/SpeakerPhone";import{SpeedometerArrow as _n}from"@ds-mo/icons/svg/SpeedometerArrow";import{SpeedometerLeft as Nn}from"@ds-mo/icons/svg/SpeedometerLeft";import{SpeedometerRight as Kn}from"@ds-mo/icons/svg/SpeedometerRight";import{SpikeCirclePercentage as Zn}from"@ds-mo/icons/svg/SpikeCirclePercentage";import{SpikeCirclePercentageFilled as Jn}from"@ds-mo/icons/svg/SpikeCirclePercentageFilled";import{Square as Qn}from"@ds-mo/icons/svg/Square";import{SquareArrowTopRight as Xn}from"@ds-mo/icons/svg/SquareArrowTopRight";import{SquareCheck as jn}from"@ds-mo/icons/svg/SquareCheck";import{SquareCheckFilled as $n}from"@ds-mo/icons/svg/SquareCheckFilled";import{SquareDollar as Yn}from"@ds-mo/icons/svg/SquareDollar";import{SquareDollarFilled as oe}from"@ds-mo/icons/svg/SquareDollarFilled";import{SquareDottedMinus as re}from"@ds-mo/icons/svg/SquareDottedMinus";import{SquareFilled as ie}from"@ds-mo/icons/svg/SquareFilled";import{SquareGrid as se}from"@ds-mo/icons/svg/SquareGrid";import{SquarePencil as me}from"@ds-mo/icons/svg/SquarePencil";import{SquarePlus as ne}from"@ds-mo/icons/svg/SquarePlus";import{SquareSubtract as ee}from"@ds-mo/icons/svg/SquareSubtract";import{SquareSubtractFilled as ce}from"@ds-mo/icons/svg/SquareSubtractFilled";import{Star as te}from"@ds-mo/icons/svg/Star";import{StarFilled as le}from"@ds-mo/icons/svg/StarFilled";import{Stopwatch as de}from"@ds-mo/icons/svg/Stopwatch";import{Street as ae}from"@ds-mo/icons/svg/Street";import{Subtract as ge}from"@ds-mo/icons/svg/Subtract";import{SubtractCircle as fe}from"@ds-mo/icons/svg/SubtractCircle";import{SubtractCircleFilled as pe}from"@ds-mo/icons/svg/SubtractCircleFilled";import{Table as ve}from"@ds-mo/icons/svg/Table";import{Tag as ue}from"@ds-mo/icons/svg/Tag";import{Target as he}from"@ds-mo/icons/svg/Target";import{TargetDollar as Ce}from"@ds-mo/icons/svg/TargetDollar";import{Text as Fe}from"@ds-mo/icons/svg/Text";import{ThemeDark as Se}from"@ds-mo/icons/svg/ThemeDark";import{ThemeLight as be}from"@ds-mo/icons/svg/ThemeLight";import{ThumbsDown as De}from"@ds-mo/icons/svg/ThumbsDown";import{ThumbsDownFilled as Pe}from"@ds-mo/icons/svg/ThumbsDownFilled";import{ThumbsUp as ye}from"@ds-mo/icons/svg/ThumbsUp";import{ThumbsUpFilled as ke}from"@ds-mo/icons/svg/ThumbsUpFilled";import{TirePressure as we}from"@ds-mo/icons/svg/TirePressure";import{Toggle as Be}from"@ds-mo/icons/svg/Toggle";import{TrafficLight as Le}from"@ds-mo/icons/svg/TrafficLight";import{Trash as Te}from"@ds-mo/icons/svg/Trash";import{Trophy as Ee}from"@ds-mo/icons/svg/Trophy";import{TurnSignal as Ae}from"@ds-mo/icons/svg/TurnSignal";import{TurnSignalFilled as Ge}from"@ds-mo/icons/svg/TurnSignalFilled";import{Undo as Me}from"@ds-mo/icons/svg/Undo";import{Upgrade as Re}from"@ds-mo/icons/svg/Upgrade";import{Upload as xe}from"@ds-mo/icons/svg/Upload";import{VehicleTrailer as Ie}from"@ds-mo/icons/svg/VehicleTrailer";import{VehicleTruck as Ve}from"@ds-mo/icons/svg/VehicleTruck";import{VehicleTruckMagnifyingGlass as ze}from"@ds-mo/icons/svg/VehicleTruckMagnifyingGlass";import{Video as qe}from"@ds-mo/icons/svg/Video";import{ViewMenu as We}from"@ds-mo/icons/svg/ViewMenu";import{Volume as Ue}from"@ds-mo/icons/svg/Volume";import{VolumeFilled as He}from"@ds-mo/icons/svg/VolumeFilled";import{VolumeMute as Oe}from"@ds-mo/icons/svg/VolumeMute";import{VolumeMuteFilled as _e}from"@ds-mo/icons/svg/VolumeMuteFilled";import{WandSparkle as Ne}from"@ds-mo/icons/svg/WandSparkle";import{Waveform as Ke}from"@ds-mo/icons/svg/Waveform";import{Webhooks as Ze}from"@ds-mo/icons/svg/Webhooks";import{Whistle as Je}from"@ds-mo/icons/svg/Whistle";import{WiFiHorizontal as Qe}from"@ds-mo/icons/svg/WiFiHorizontal";import{WiFiTower as Xe}from"@ds-mo/icons/svg/WiFiTower";import{WifiVertical as je}from"@ds-mo/icons/svg/WifiVertical";import{WifiVerticalFilled as $e}from"@ds-mo/icons/svg/WifiVerticalFilled";import{WifiVerticalFilledDisabled as Ye}from"@ds-mo/icons/svg/WifiVerticalFilledDisabled";import{WorkflowA as oc}from"@ds-mo/icons/svg/WorkflowA";import{WorkflowB as rc}from"@ds-mo/icons/svg/WorkflowB";import{Wrench as ic}from"@ds-mo/icons/svg/Wrench";import{ZoomBackOut as sc}from"@ds-mo/icons/svg/ZoomBackOut";const mc={FlagAustria:n,FlagBelgium:e,FlagBulgaria:c,FlagCanada:t,FlagCroatia:l,FlagCyprus:d,FlagCzechRepublic:a,FlagDenmark:g,FlagEU:f,FlagEstonia:p,FlagFinland:v,FlagFrance:u,FlagGermany:h,FlagGreece:C,FlagHungary:F,FlagIreland:S,FlagItaly:b,FlagLatvia:D,FlagLithuania:P,FlagLuxembourg:y,FlagMalta:k,FlagMexico:w,FlagNetherlands:B,FlagPoland:L,FlagPortugal:T,FlagRomania:E,FlagSlovakia:A,FlagSlovenia:G,FlagSpain:M,FlagSweden:R,FlagUnitedKingdom:x,FlagUnitedStates:I};const nc={AI:V,AIChip:z,AINew:q,AISparkle:W,AUX:U,AUXFilled:H,AndroidFilled:O,ArrowDown:_,ArrowLeft:N,ArrowPath:K,ArrowRight:Z,ArrowUp:J,ArrowsDiagonal:Q,ArrowsDiff:X,ArrowsDiffDisabled:j,ArrowsVertical:$,AtSign:Y,Avatar:oo,BackslashBrackets:ro,BatteryCharging:io,BatteryEmpty:so,BatteryFull:mo,BatteryHalf:no,BatteryLow:eo,Beaker:co,Bell:to,BellCircle:lo,BellExclamation:ao,BellFilled:go,BellRinging:fo,BellWifi:po,BlackWhite:vo,BlankUI:uo,Bluetooth:ho,Bolt:Co,BoltFilled:Fo,Bookmark:So,Box:bo,Braces:Do,Bug:Po,BuildingFacility:yo,BuildingHome:ko,BuildingOffice:wo,BuildingPublic:Bo,BuildingShop:Lo,Bulb:To,Calculator:Eo,Calendar:Ao,CalendarClock:Go,CameraA:Mo,CameraB:Ro,Card:xo,CardPerson:Io,Cart:Vo,Chart:zo,Check:qo,CheckCircle:Wo,CheckCircleFilled:Uo,CheckDouble:Ho,ChevronDown:Oo,ChevronLeft:_o,ChevronLeftDouble:No,ChevronRight:Ko,ChevronRightDouble:Zo,ChevronUp:Jo,ChevronUpDown:Qo,Circle:Xo,CircleArrow:jo,CircleArrowsDiff:$o,CircleArrowsDiffDisabled:Yo,CircleConcentricFilled:or,CircleConcentricThree:rr,CircleConcentricTwo:ir,CircleExclamation:sr,CircleExclamationFilled:mr,CircleFastForward:nr,CircleFilled:er,CircleGrid:cr,CirclePlay:tr,CircleQuestion:lr,CircleSlash:dr,Clipboard:ar,ClipboardCheck:gr,Clock:fr,ClockDefer:pr,ClockFilled:vr,ClockSixteenHour:ur,Cloud:hr,CloudEllipses:Cr,CloudLightning:Fr,CloudRain:Sr,CloudRainSun:br,CloudSun:Dr,CloudWind:Pr,Cluster:yr,Coin:kr,CoinStack:wr,CoinStackGeneral:Br,Compass:Lr,Copy:Tr,Crop:Er,Cross:Ar,CrossCircle:Gr,CrossCircleFilled:Mr,Cube:Rr,Cup:xr,CursorPointer:Ir,CursorPointerMinus:Vr,CursorPointerPlus:zr,Dashboard:qr,DeviceAIDashcamPlus:Wr,DeviceAssetTracker:Ur,DeviceDVR:Hr,DeviceDashcam:Or,DeviceDashcamLiveStream:_r,DeviceDoorSensor:Nr,DeviceMobile:Kr,DeviceMobileTwo:Zr,DeviceOmnicam:Jr,DeviceSensor:Qr,DeviceTablet:Xr,DeviceVehicleGateway:jr,Devices:$r,Document:Yr,DocumentArrow:oi,DocumentChart:ri,DocumentDollar:ii,DocumentGear:si,DocumentInverted:mi,DocumentPencil:ni,DocumentPlus:ei,DocumentQuestion:ci,DocumentReceipt:ti,DocumentStacked:li,Dot:di,DotFilled:ai,DotPath:gi,Download:fi,Drag:pi,Ellipses:vi,Email:ui,Engine:hi,Enter:Ci,EntityAsset:Fi,EntityAssetFilled:Si,EntityDriver:bi,EntityDriverFilled:Di,EntityTravelGroup:Pi,EntityTravelGroupFilled:yi,EntityVehicle:ki,EntityVehicleCharging:wi,EntityVehicleChargingFilled:Bi,EntityVehicleFilled:Li,EntityVehicleImmobilized:Ti,EntityVehicleImmobilizedFilled:Ei,ErrorTriangle:Ai,ErrorTriangleFilled:Gi,ErrorTriangleSimpleFilled:Mi,Export:Ri,ExternalLink:xi,Eye:Ii,EyeDisabled:Vi,EyeLock:zi,FastForward:qi,FastForwardSkip:Wi,Filters:Ui,FitToScreen:Hi,Flag:Oi,FlagFilled:_i,FloppyDisk:Ni,Folder:Ki,FolderFilled:Zi,FuelPump:Ji,FullScreen:Qi,FullScreenExit:Xi,Gauge:ji,GaugeTemperature:$i,Gear:Yi,GearCheck:os,Geofence:rs,GeofenceCircle:is,GeofenceDiamond:ss,GeofenceSquare:ms,GlobeNetwork:ns,GlobeWorldMap:es,Graph:cs,GraphArrow:ts,GraphBars:ls,GraphDecreasing:ds,GraphIncreasing:as,GroupBy:gs,Hamburger:fs,HandOpen:ps,Headset:vs,History:us,HourGlass:hs,Image:Cs,Import:Fs,ImportClock:Ss,Inbox:bs,IosFilled:Ds,Jerrycan:Ps,KeyA:ys,KeyB:ks,KeyCmd:ws,KeyShift:Bs,LED:Ls,Layers:Ts,Leaf:Es,LeftCollapse:As,LeftCollapseB:Gs,LeftExpand:Ms,LeftExpandB:Rs,LeftTurnSignal:xs,LetterB:Is,LetterC:Vs,LetterI:zs,License:qs,LicensePlate:Ws,Lifebuoy:Us,Link:Hs,List:Os,Loads:_s,LocationPin:Ns,LocationPinArrows:Ks,LocationPinDisabled:Zs,LocationPinDollar:Js,LockClosed:Qs,LockClosedFilled:Xs,LockOpen:js,Logout:$s,Logs:Ys,LogsMagnifyingGlass:om,MagnifyingGlass:rm,MagnifyingGlassGraph:im,MagnifyingGlassZoomIn:sm,MagnifyingGlassZoomOut:mm,MapNavigation:nm,MapPage:em,MapPin:cm,MarkRead:tm,Match:lm,MessageBubble:dm,MessageBubbleStack:am,Messaging:gm,Mic:fm,MicMute:pm,Minimize:vm,Monitor:um,Notification:hm,NumberTen:Cm,OctagonSubtract:Fm,Odometer:Sm,OverviewAI:bm,PanelCollapse:Dm,PanelExpand:Pm,Paperclip:ym,PaperplaneSend:km,Paragraph:wm,ParagraphCheck:Bm,ParagraphPencil:Lm,Pause:Tm,PauseFilled:Em,Pencil:Am,PencilSquiggle:Gm,Person:Mm,PersonAt:Rm,PersonConnect:xm,PersonFrame:Im,PersonGear:Vm,PersonGroup:zm,PersonGroupArrows:qm,PersonManager:Wm,PersonShield:Um,PersonStar:Hm,Phone:Om,PhoneDisconnect:_m,PicmanFilled:Nm,Pin:Km,PipBottomLeft:Zm,PipBottomRight:Jm,PipTopLeft:Qm,PipTopRight:Xm,Play:jm,PlayFilled:$m,Plug:Ym,Plus:on,PlusCircle:rn,Preferences:sn,Printer:mn,PunchCard:nn,Puzzle:en,PuzzleJoined:cn,Redo:tn,Refresh:ln,Restore:dn,RewardRibbon:an,Rewind:gn,RewindSkip:fn,RewindSkipFilled:pn,RightCollapse:vn,RightCollapseB:un,RightExpand:hn,RightExpandB:Cn,RightTurnSignal:Fn,Rotate:Sn,Satellite:bn,Scan:Dn,Scissor:Pn,Scope:yn,Seatbelt:kn,SeatbeltBuckle:wn,Shapes:Bn,ShareCircles:Ln,ShareCirclesFilled:Tn,SharePaperplane:En,Shield:An,ShieldCheck:Gn,ShieldCheckmarkFilled:Mn,ShieldCircle:Rn,ShieldCircleFilled:xn,ShieldCross:In,ShieldCrossFilled:Vn,ShieldFilled:zn,ShieldLock:qn,ShieldLockFilled:Wn,ShoppingBag:Un,Snowflake:Hn,SpeakerPhone:On,SpeedometerArrow:_n,SpeedometerLeft:Nn,SpeedometerRight:Kn,SpikeCirclePercentage:Zn,SpikeCirclePercentageFilled:Jn,Square:Qn,SquareArrowTopRight:Xn,SquareCheck:jn,SquareCheckFilled:$n,SquareDollar:Yn,SquareDollarFilled:oe,SquareDottedMinus:re,SquareFilled:ie,SquareGrid:se,SquarePencil:me,SquarePlus:ne,SquareSubtract:ee,SquareSubtractFilled:ce,Star:te,StarFilled:le,Stopwatch:de,Street:ae,Subtract:ge,SubtractCircle:fe,SubtractCircleFilled:pe,Table:ve,Tag:ue,Target:he,TargetDollar:Ce,Text:Fe,ThemeDark:Se,ThemeLight:be,ThumbsDown:De,ThumbsDownFilled:Pe,ThumbsUp:ye,ThumbsUpFilled:ke,TirePressure:we,Toggle:Be,TrafficLight:Le,Trash:Te,Trophy:Ee,TurnSignal:Ae,TurnSignalFilled:Ge,Undo:Me,Upgrade:Re,Upload:xe,VehicleTrailer:Ie,VehicleTruck:Ve,VehicleTruckMagnifyingGlass:ze,Video:qe,ViewMenu:We,Volume:Ue,VolumeFilled:He,VolumeMute:Oe,VolumeMuteFilled:_e,WandSparkle:Ne,Waveform:Ke,Webhooks:Ze,Whistle:Je,WiFiHorizontal:Qe,WiFiTower:Xe,WifiVertical:je,WifiVerticalFilled:$e,WifiVerticalFilledDisabled:Ye,WorkflowA:oc,WorkflowB:rc,Wrench:ic,ZoomBackOut:sc};const ec=()=>`.icon.sc-ds-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;color:var(--color-foreground-primary);width:var(--_icon-sz, var(--dimension-iconography-md));height:var(--_icon-sz, var(--dimension-iconography-md))}.icon__svg.sc-ds-icon{display:contents;line-height:0}.icon--size-xs.sc-ds-icon{--_icon-sz:var(--dimension-iconography-xs)}.icon--size-sm.sc-ds-icon{--_icon-sz:var(--dimension-iconography-sm)}.icon--size-md.sc-ds-icon{--_icon-sz:var(--dimension-iconography-md)}.icon--size-lg.sc-ds-icon{--_icon-sz:var(--dimension-iconography-lg)}.icon--size-xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-xl)}.icon--size-2xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-2xl)}.icon--size-3xl.sc-ds-icon{--_icon-sz:var(--dimension-iconography-3xl)}.icon--color-primary.sc-ds-icon{color:var(--color-foreground-primary)}.icon--color-secondary.sc-ds-icon{color:var(--color-foreground-secondary)}.icon--color-tertiary.sc-ds-icon{color:var(--color-foreground-tertiary)}.icon--color-quaternary.sc-ds-icon{color:var(--color-foreground-quaternary)}.icon--color-inherit.sc-ds-icon{color:inherit}.icon--color-brand.sc-ds-icon{color:var(--color-foreground-bold-brand)}.icon--color-negative.sc-ds-icon{color:var(--color-foreground-bold-negative)}.icon--color-positive.sc-ds-icon{color:var(--color-foreground-bold-positive)}.icon--color-warning.sc-ds-icon{color:var(--color-foreground-bold-warning)}.icon--color-caution.sc-ds-icon{color:var(--color-foreground-bold-caution)}.icon--color-ai.sc-ds-icon{color:var(--color-foreground-bold-ai)}.icon--color-guide.sc-ds-icon{color:var(--color-foreground-bold-guide)}.icon--color-neutral.sc-ds-icon{color:var(--color-foreground-bold-neutral)}.icon--color-faint-brand.sc-ds-icon{color:var(--color-foreground-faint-brand)}.icon--color-faint-negative.sc-ds-icon{color:var(--color-foreground-faint-negative)}.icon--color-faint-positive.sc-ds-icon{color:var(--color-foreground-faint-positive)}.icon--color-faint-warning.sc-ds-icon{color:var(--color-foreground-faint-warning)}.icon--color-faint-caution.sc-ds-icon{color:var(--color-foreground-faint-caution)}.icon--color-faint-ai.sc-ds-icon{color:var(--color-foreground-faint-ai)}.icon--color-faint-neutral.sc-ds-icon{color:var(--color-foreground-faint-neutral)}.icon--color-medium-brand.sc-ds-icon{color:var(--color-foreground-medium-brand)}.icon--color-medium-negative.sc-ds-icon{color:var(--color-foreground-medium-negative)}.icon--color-medium-positive.sc-ds-icon{color:var(--color-foreground-medium-positive)}.icon--color-medium-warning.sc-ds-icon{color:var(--color-foreground-medium-warning)}.icon--color-medium-caution.sc-ds-icon{color:var(--color-foreground-medium-caution)}.icon--color-medium-ai.sc-ds-icon{color:var(--color-foreground-medium-ai)}.icon--color-medium-neutral.sc-ds-icon{color:var(--color-foreground-medium-neutral)}.icon--color-bold-brand.sc-ds-icon{color:var(--color-foreground-bold-brand)}.icon--color-bold-negative.sc-ds-icon{color:var(--color-foreground-bold-negative)}.icon--color-bold-positive.sc-ds-icon{color:var(--color-foreground-bold-positive)}.icon--color-bold-warning.sc-ds-icon{color:var(--color-foreground-bold-warning)}.icon--color-bold-caution.sc-ds-icon{color:var(--color-foreground-bold-caution)}.icon--color-bold-ai.sc-ds-icon{color:var(--color-foreground-bold-ai)}.icon--color-bold-neutral.sc-ds-icon{color:var(--color-foreground-bold-neutral)}.icon--color-strong-brand.sc-ds-icon{color:var(--color-foreground-strong-brand)}.icon--color-strong-negative.sc-ds-icon{color:var(--color-foreground-strong-negative)}.icon--color-strong-positive.sc-ds-icon{color:var(--color-foreground-strong-positive)}.icon--color-strong-warning.sc-ds-icon{color:var(--color-foreground-strong-warning)}.icon--color-strong-caution.sc-ds-icon{color:var(--color-foreground-strong-caution)}.icon--color-strong-ai.sc-ds-icon{color:var(--color-foreground-strong-ai)}.icon--color-strong-neutral.sc-ds-icon{color:var(--color-foreground-strong-neutral)}.icon--color-on-strong.sc-ds-icon{color:var(--color-foreground-on-strong-background-primary)}.icon--color-on-bold.sc-ds-icon{color:var(--color-foreground-on-bold-background-primary)}`;const cc=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.name="";this.size="md";this.flag=false}get svgString(){const o=this.flag?mc:nc;return o[this.name]??""}updateSvg(){const o=this.el.querySelector(".icon__svg");if(!o)return;o.innerHTML=this.svgString;const r=o.querySelector("svg");if(r){r.removeAttribute("width");r.removeAttribute("height");r.setAttribute("focusable","false");r.setAttribute("aria-hidden","true");r.style.display="block";r.style.flexShrink="0";r.style.width="100%";r.style.height="100%"}}onIconChange(){this.updateSvg()}componentDidRender(){this.updateSvg()}render(){const o=typeof this.color==="string"&&this.color.startsWith("var(--");const r={icon:true,[`icon--size-${this.size}`]:true,[`icon--color-${this.color}`]:!!this.color&&!o&&this.color!=="inherit","icon--color-inherit":this.color==="inherit"};const m=o?{color:this.color}:undefined;return i(s,{key:"653f903bf70ae550ff236c2ab5ff995dcd7a2fba",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("span",{key:"9655daec61cb4266ee4cb9372be9063280764bad",class:r,style:m,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},i("span",{key:"dfad051e0a6545bcbed40c24c6989fc51c388eb2",class:"icon__svg"})))}get el(){return this}static get watchers(){return{name:[{onIconChange:0}],flag:[{onIconChange:0}]}}static get style(){return ec()}},[2,"ds-icon",{name:[1],size:[1],color:[1],label:[1],flag:[4]},undefined,{name:[{onIconChange:0}],flag:[{onIconChange:0}]}]);function tc(){if(typeof customElements==="undefined"){return}const o=["ds-icon"];o.forEach((o=>{switch(o){case"ds-icon":if(!customElements.get(m(o))){customElements.define(m(o),cc)}break}}))}tc();export{cc as I,tc as d};
-//# sourceMappingURL=p-CF4avTQw.js.map

package/dist/components/p-CF4avTQw.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["flagIconCatalog","FlagAustria","FlagBelgium","FlagBulgaria","FlagCanada","FlagCroatia","FlagCyprus","FlagCzechRepublic","FlagDenmark","FlagEU","FlagEstonia","FlagFinland","FlagFrance","FlagGermany","FlagGreece","FlagHungary","FlagIreland","FlagItaly","FlagLatvia","FlagLithuania","FlagLuxembourg","FlagMalta","FlagMexico","FlagNetherlands","FlagPoland","FlagPortugal","FlagRomania","FlagSlovakia","FlagSlovenia","FlagSpain","FlagSweden","FlagUnitedKingdom","FlagUnitedStates","systemIconCatalog","AI","AIChip","AINew","AISparkle","AUX","AUXFilled","AndroidFilled","ArrowDown","ArrowLeft","ArrowPath","ArrowRight","ArrowUp","ArrowsDiagonal","ArrowsDiff","ArrowsDiffDisabled","ArrowsVertical","AtSign","Avatar","BackslashBrackets","BatteryCharging","BatteryEmpty","BatteryFull","BatteryHalf","BatteryLow","Beaker","Bell","BellCircle","BellExclamation","BellFilled","BellRinging","BellWifi","BlackWhite","BlankUI","Bluetooth","Bolt","BoltFilled","Bookmark","Box","Braces","Bug","BuildingFacility","BuildingHome","BuildingOffice","BuildingPublic","BuildingShop","Bulb","Calculator","Calendar","CalendarClock","CameraA","CameraB","Card","CardPerson","Cart","Chart","Check","CheckCircle","CheckCircleFilled","CheckDouble","ChevronDown","ChevronLeft","ChevronLeftDouble","ChevronRight","ChevronRightDouble","ChevronUp","ChevronUpDown","Circle","CircleArrow","CircleArrowsDiff","CircleArrowsDiffDisabled","CircleConcentricFilled","CircleConcentricThree","CircleConcentricTwo","CircleExclamation","CircleExclamationFilled","CircleFastForward","CircleFilled","CircleGrid","CirclePlay","CircleQuestion","CircleSlash","Clipboard","ClipboardCheck","Clock","ClockDefer","ClockFilled","ClockSixteenHour","Cloud","CloudEllipses","CloudLightning","CloudRain","CloudRainSun","CloudSun","CloudWind","Cluster","Coin","CoinStack","CoinStackGeneral","Compass","Copy","Crop","Cross","CrossCircle","CrossCircleFilled","Cube","Cup","CursorPointer","CursorPointerMinus","CursorPointerPlus","Dashboard","DeviceAIDashcamPlus","DeviceAssetTracker","DeviceDVR","DeviceDashcam","DeviceDashcamLiveStream","DeviceDoorSensor","DeviceMobile","DeviceMobileTwo","DeviceOmnicam","DeviceSensor","DeviceTablet","DeviceVehicleGateway","Devices","Document","DocumentArrow","DocumentChart","DocumentDollar","DocumentGear","DocumentInverted","DocumentPencil","DocumentPlus","DocumentQuestion","DocumentReceipt","DocumentStacked","Dot","DotFilled","DotPath","Download","Drag","Ellipses","Email","Engine","Enter","EntityAsset","EntityAssetFilled","EntityDriver","EntityDriverFilled","EntityTravelGroup","EntityTravelGroupFilled","EntityVehicle","EntityVehicleCharging","EntityVehicleChargingFilled","EntityVehicleFilled","EntityVehicleImmobilized","EntityVehicleImmobilizedFilled","ErrorTriangle","ErrorTriangleFilled","ErrorTriangleSimpleFilled","Export","ExternalLink","Eye","EyeDisabled","EyeLock","FastForward","FastForwardSkip","Filters","FitToScreen","Flag","FlagFilled","FloppyDisk","Folder","FolderFilled","FuelPump","FullScreen","FullScreenExit","Gauge","GaugeTemperature","Gear","GearCheck","Geofence","GeofenceCircle","GeofenceDiamond","GeofenceSquare","GlobeNetwork","GlobeWorldMap","Graph","GraphArrow","GraphBars","GraphDecreasing","GraphIncreasing","GroupBy","Hamburger","HandOpen","Headset","History","HourGlass","Image","Import","ImportClock","Inbox","IosFilled","Jerrycan","KeyA","KeyB","KeyCmd","KeyShift","LED","Layers","Leaf","LeftCollapse","LeftCollapseB","LeftExpand","LeftExpandB","LeftTurnSignal","LetterB","LetterC","LetterI","License","LicensePlate","Lifebuoy","Link","List","Loads","LocationPin","LocationPinArrows","LocationPinDisabled","LocationPinDollar","LockClosed","LockClosedFilled","LockOpen","Logout","Logs","LogsMagnifyingGlass","MagnifyingGlass","MagnifyingGlassGraph","MagnifyingGlassZoomIn","MagnifyingGlassZoomOut","MapNavigation","MapPage","MapPin","MarkRead","Match","MessageBubble","MessageBubbleStack","Messaging","Mic","MicMute","Minimize","Monitor","Notification","NumberTen","OctagonSubtract","Odometer","OverviewAI","PanelCollapse","PanelExpand","Paperclip","PaperplaneSend","Paragraph","ParagraphCheck","ParagraphPencil","Pause","PauseFilled","Pencil","PencilSquiggle","Person","PersonAt","PersonConnect","PersonFrame","PersonGear","PersonGroup","PersonGroupArrows","PersonManager","PersonShield","PersonStar","Phone","PhoneDisconnect","PicmanFilled","Pin","PipBottomLeft","PipBottomRight","PipTopLeft","PipTopRight","Play","PlayFilled","Plug","Plus","PlusCircle","Preferences","Printer","PunchCard","Puzzle","PuzzleJoined","Redo","Refresh","Restore","RewardRibbon","Rewind","RewindSkip","RewindSkipFilled","RightCollapse","RightCollapseB","RightExpand","RightExpandB","RightTurnSignal","Rotate","Satellite","Scan","Scissor","Scope","Seatbelt","SeatbeltBuckle","Shapes","ShareCircles","ShareCirclesFilled","SharePaperplane","Shield","ShieldCheck","ShieldCheckmarkFilled","ShieldCircle","ShieldCircleFilled","ShieldCross","ShieldCrossFilled","ShieldFilled","ShieldLock","ShieldLockFilled","ShoppingBag","Snowflake","SpeakerPhone","SpeedometerArrow","SpeedometerLeft","SpeedometerRight","SpikeCirclePercentage","SpikeCirclePercentageFilled","Square","SquareArrowTopRight","SquareCheck","SquareCheckFilled","SquareDollar","SquareDollarFilled","SquareDottedMinus","SquareFilled","SquareGrid","SquarePencil","SquarePlus","SquareSubtract","SquareSubtractFilled","Star","StarFilled","Stopwatch","Street","Subtract","SubtractCircle","SubtractCircleFilled","Table","Tag","Target","TargetDollar","Text","ThemeDark","ThemeLight","ThumbsDown","ThumbsDownFilled","ThumbsUp","ThumbsUpFilled","TirePressure","Toggle","TrafficLight","Trash","Trophy","TurnSignal","TurnSignalFilled","Undo","Upgrade","Upload","VehicleTrailer","VehicleTruck","VehicleTruckMagnifyingGlass","Video","ViewMenu","Volume","VolumeFilled","VolumeMute","VolumeMuteFilled","WandSparkle","Waveform","Webhooks","Whistle","WiFiHorizontal","WiFiTower","WifiVertical","WifiVerticalFilled","WifiVerticalFilledDisabled","WorkflowA","WorkflowB","Wrench","ZoomBackOut","iconCss","Icon","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","name","size","flag","svgString","source","updateSvg","container","el","querySelector","innerHTML","svg","removeAttribute","setAttribute","style","display","flexShrink","width","height","onIconChange","componentDidRender","render","isCustomColor","color","startsWith","cls","icon","undefined","h","Host","key","alignItems","justifyContent","class","role","label"],"sources":["src/wc/components/Icon/flag-icon-catalog.ts","src/wc/components/Icon/system-icon-catalog.ts","src/wc/components/Icon/Icon.css?tag=ds-icon&encapsulation=scoped","src/wc/components/Icon/Icon.tsx"],"sourcesContent":["/** Auto-generated by scripts/generate-icon-catalog.mjs — do not edit. */\nimport { FlagAustria } from '@ds-mo/icons/svg/flags/FlagAustria';\nimport { FlagBelgium } from '@ds-mo/icons/svg/flags/FlagBelgium';\nimport { FlagBulgaria } from '@ds-mo/icons/svg/flags/FlagBulgaria';\nimport { FlagCanada } from '@ds-mo/icons/svg/flags/FlagCanada';\nimport { FlagCroatia } from '@ds-mo/icons/svg/flags/FlagCroatia';\nimport { FlagCyprus } from '@ds-mo/icons/svg/flags/FlagCyprus';\nimport { FlagCzechRepublic } from '@ds-mo/icons/svg/flags/FlagCzechRepublic';\nimport { FlagDenmark } from '@ds-mo/icons/svg/flags/FlagDenmark';\nimport { FlagEU } from '@ds-mo/icons/svg/flags/FlagEU';\nimport { FlagEstonia } from '@ds-mo/icons/svg/flags/FlagEstonia';\nimport { FlagFinland } from '@ds-mo/icons/svg/flags/FlagFinland';\nimport { FlagFrance } from '@ds-mo/icons/svg/flags/FlagFrance';\nimport { FlagGermany } from '@ds-mo/icons/svg/flags/FlagGermany';\nimport { FlagGreece } from '@ds-mo/icons/svg/flags/FlagGreece';\nimport { FlagHungary } from '@ds-mo/icons/svg/flags/FlagHungary';\nimport { FlagIreland } from '@ds-mo/icons/svg/flags/FlagIreland';\nimport { FlagItaly } from '@ds-mo/icons/svg/flags/FlagItaly';\nimport { FlagLatvia } from '@ds-mo/icons/svg/flags/FlagLatvia';\nimport { FlagLithuania } from '@ds-mo/icons/svg/flags/FlagLithuania';\nimport { FlagLuxembourg } from '@ds-mo/icons/svg/flags/FlagLuxembourg';\nimport { FlagMalta } from '@ds-mo/icons/svg/flags/FlagMalta';\nimport { FlagMexico } from '@ds-mo/icons/svg/flags/FlagMexico';\nimport { FlagNetherlands } from '@ds-mo/icons/svg/flags/FlagNetherlands';\nimport { FlagPoland } from '@ds-mo/icons/svg/flags/FlagPoland';\nimport { FlagPortugal } from '@ds-mo/icons/svg/flags/FlagPortugal';\nimport { FlagRomania } from '@ds-mo/icons/svg/flags/FlagRomania';\nimport { FlagSlovakia } from '@ds-mo/icons/svg/flags/FlagSlovakia';\nimport { FlagSlovenia } from '@ds-mo/icons/svg/flags/FlagSlovenia';\nimport { FlagSpain } from '@ds-mo/icons/svg/flags/FlagSpain';\nimport { FlagSweden } from '@ds-mo/icons/svg/flags/FlagSweden';\nimport { FlagUnitedKingdom } from '@ds-mo/icons/svg/flags/FlagUnitedKingdom';\nimport { FlagUnitedStates } from '@ds-mo/icons/svg/flags/FlagUnitedStates';\n\nexport const flagIconCatalog: Record<string, string> = {\n  FlagAustria,\n  FlagBelgium,\n  FlagBulgaria,\n  FlagCanada,\n  FlagCroatia,\n  FlagCyprus,\n  FlagCzechRepublic,\n  FlagDenmark,\n  FlagEU,\n  FlagEstonia,\n  FlagFinland,\n  FlagFrance,\n  FlagGermany,\n  FlagGreece,\n  FlagHungary,\n  FlagIreland,\n  FlagItaly,\n  FlagLatvia,\n  FlagLithuania,\n  FlagLuxembourg,\n  FlagMalta,\n  FlagMexico,\n  FlagNetherlands,\n  FlagPoland,\n  FlagPortugal,\n  FlagRomania,\n  FlagSlovakia,\n  FlagSlovenia,\n  FlagSpain,\n  FlagSweden,\n  FlagUnitedKingdom,\n  FlagUnitedStates,\n};\n","/** Auto-generated by scripts/generate-icon-catalog.mjs — do not edit. */\nimport { AI } from '@ds-mo/icons/svg/AI';\nimport { AIChip } from '@ds-mo/icons/svg/AIChip';\nimport { AINew } from '@ds-mo/icons/svg/AINew';\nimport { AISparkle } from '@ds-mo/icons/svg/AISparkle';\nimport { AUX } from '@ds-mo/icons/svg/AUX';\nimport { AUXFilled } from '@ds-mo/icons/svg/AUXFilled';\nimport { AndroidFilled } from '@ds-mo/icons/svg/AndroidFilled';\nimport { ArrowDown } from '@ds-mo/icons/svg/ArrowDown';\nimport { ArrowLeft } from '@ds-mo/icons/svg/ArrowLeft';\nimport { ArrowPath } from '@ds-mo/icons/svg/ArrowPath';\nimport { ArrowRight } from '@ds-mo/icons/svg/ArrowRight';\nimport { ArrowUp } from '@ds-mo/icons/svg/ArrowUp';\nimport { ArrowsDiagonal } from '@ds-mo/icons/svg/ArrowsDiagonal';\nimport { ArrowsDiff } from '@ds-mo/icons/svg/ArrowsDiff';\nimport { ArrowsDiffDisabled } from '@ds-mo/icons/svg/ArrowsDiffDisabled';\nimport { ArrowsVertical } from '@ds-mo/icons/svg/ArrowsVertical';\nimport { AtSign } from '@ds-mo/icons/svg/AtSign';\nimport { Avatar } from '@ds-mo/icons/svg/Avatar';\nimport { BackslashBrackets } from '@ds-mo/icons/svg/BackslashBrackets';\nimport { BatteryCharging } from '@ds-mo/icons/svg/BatteryCharging';\nimport { BatteryEmpty } from '@ds-mo/icons/svg/BatteryEmpty';\nimport { BatteryFull } from '@ds-mo/icons/svg/BatteryFull';\nimport { BatteryHalf } from '@ds-mo/icons/svg/BatteryHalf';\nimport { BatteryLow } from '@ds-mo/icons/svg/BatteryLow';\nimport { Beaker } from '@ds-mo/icons/svg/Beaker';\nimport { Bell } from '@ds-mo/icons/svg/Bell';\nimport { BellCircle } from '@ds-mo/icons/svg/BellCircle';\nimport { BellExclamation } from '@ds-mo/icons/svg/BellExclamation';\nimport { BellFilled } from '@ds-mo/icons/svg/BellFilled';\nimport { BellRinging } from '@ds-mo/icons/svg/BellRinging';\nimport { BellWifi } from '@ds-mo/icons/svg/BellWifi';\nimport { BlackWhite } from '@ds-mo/icons/svg/BlackWhite';\nimport { BlankUI } from '@ds-mo/icons/svg/BlankUI';\nimport { Bluetooth } from '@ds-mo/icons/svg/Bluetooth';\nimport { Bolt } from '@ds-mo/icons/svg/Bolt';\nimport { BoltFilled } from '@ds-mo/icons/svg/BoltFilled';\nimport { Bookmark } from '@ds-mo/icons/svg/Bookmark';\nimport { Box } from '@ds-mo/icons/svg/Box';\nimport { Braces } from '@ds-mo/icons/svg/Braces';\nimport { Bug } from '@ds-mo/icons/svg/Bug';\nimport { BuildingFacility } from '@ds-mo/icons/svg/BuildingFacility';\nimport { BuildingHome } from '@ds-mo/icons/svg/BuildingHome';\nimport { BuildingOffice } from '@ds-mo/icons/svg/BuildingOffice';\nimport { BuildingPublic } from '@ds-mo/icons/svg/BuildingPublic';\nimport { BuildingShop } from '@ds-mo/icons/svg/BuildingShop';\nimport { Bulb } from '@ds-mo/icons/svg/Bulb';\nimport { Calculator } from '@ds-mo/icons/svg/Calculator';\nimport { Calendar } from '@ds-mo/icons/svg/Calendar';\nimport { CalendarClock } from '@ds-mo/icons/svg/CalendarClock';\nimport { CameraA } from '@ds-mo/icons/svg/CameraA';\nimport { CameraB } from '@ds-mo/icons/svg/CameraB';\nimport { Card } from '@ds-mo/icons/svg/Card';\nimport { CardPerson } from '@ds-mo/icons/svg/CardPerson';\nimport { Cart } from '@ds-mo/icons/svg/Cart';\nimport { Chart } from '@ds-mo/icons/svg/Chart';\nimport { Check } from '@ds-mo/icons/svg/Check';\nimport { CheckCircle } from '@ds-mo/icons/svg/CheckCircle';\nimport { CheckCircleFilled } from '@ds-mo/icons/svg/CheckCircleFilled';\nimport { CheckDouble } from '@ds-mo/icons/svg/CheckDouble';\nimport { ChevronDown } from '@ds-mo/icons/svg/ChevronDown';\nimport { ChevronLeft } from '@ds-mo/icons/svg/ChevronLeft';\nimport { ChevronLeftDouble } from '@ds-mo/icons/svg/ChevronLeftDouble';\nimport { ChevronRight } from '@ds-mo/icons/svg/ChevronRight';\nimport { ChevronRightDouble } from '@ds-mo/icons/svg/ChevronRightDouble';\nimport { ChevronUp } from '@ds-mo/icons/svg/ChevronUp';\nimport { ChevronUpDown } from '@ds-mo/icons/svg/ChevronUpDown';\nimport { Circle } from '@ds-mo/icons/svg/Circle';\nimport { CircleArrow } from '@ds-mo/icons/svg/CircleArrow';\nimport { CircleArrowsDiff } from '@ds-mo/icons/svg/CircleArrowsDiff';\nimport { CircleArrowsDiffDisabled } from '@ds-mo/icons/svg/CircleArrowsDiffDisabled';\nimport { CircleConcentricFilled } from '@ds-mo/icons/svg/CircleConcentricFilled';\nimport { CircleConcentricThree } from '@ds-mo/icons/svg/CircleConcentricThree';\nimport { CircleConcentricTwo } from '@ds-mo/icons/svg/CircleConcentricTwo';\nimport { CircleExclamation } from '@ds-mo/icons/svg/CircleExclamation';\nimport { CircleExclamationFilled } from '@ds-mo/icons/svg/CircleExclamationFilled';\nimport { CircleFastForward } from '@ds-mo/icons/svg/CircleFastForward';\nimport { CircleFilled } from '@ds-mo/icons/svg/CircleFilled';\nimport { CircleGrid } from '@ds-mo/icons/svg/CircleGrid';\nimport { CirclePlay } from '@ds-mo/icons/svg/CirclePlay';\nimport { CircleQuestion } from '@ds-mo/icons/svg/CircleQuestion';\nimport { CircleSlash } from '@ds-mo/icons/svg/CircleSlash';\nimport { Clipboard } from '@ds-mo/icons/svg/Clipboard';\nimport { ClipboardCheck } from '@ds-mo/icons/svg/ClipboardCheck';\nimport { Clock } from '@ds-mo/icons/svg/Clock';\nimport { ClockDefer } from '@ds-mo/icons/svg/ClockDefer';\nimport { ClockFilled } from '@ds-mo/icons/svg/ClockFilled';\nimport { ClockSixteenHour } from '@ds-mo/icons/svg/ClockSixteenHour';\nimport { Cloud } from '@ds-mo/icons/svg/Cloud';\nimport { CloudEllipses } from '@ds-mo/icons/svg/CloudEllipses';\nimport { CloudLightning } from '@ds-mo/icons/svg/CloudLightning';\nimport { CloudRain } from '@ds-mo/icons/svg/CloudRain';\nimport { CloudRainSun } from '@ds-mo/icons/svg/CloudRainSun';\nimport { CloudSun } from '@ds-mo/icons/svg/CloudSun';\nimport { CloudWind } from '@ds-mo/icons/svg/CloudWind';\nimport { Cluster } from '@ds-mo/icons/svg/Cluster';\nimport { Coin } from '@ds-mo/icons/svg/Coin';\nimport { CoinStack } from '@ds-mo/icons/svg/CoinStack';\nimport { CoinStackGeneral } from '@ds-mo/icons/svg/CoinStackGeneral';\nimport { Compass } from '@ds-mo/icons/svg/Compass';\nimport { Copy } from '@ds-mo/icons/svg/Copy';\nimport { Crop } from '@ds-mo/icons/svg/Crop';\nimport { Cross } from '@ds-mo/icons/svg/Cross';\nimport { CrossCircle } from '@ds-mo/icons/svg/CrossCircle';\nimport { CrossCircleFilled } from '@ds-mo/icons/svg/CrossCircleFilled';\nimport { Cube } from '@ds-mo/icons/svg/Cube';\nimport { Cup } from '@ds-mo/icons/svg/Cup';\nimport { CursorPointer } from '@ds-mo/icons/svg/CursorPointer';\nimport { CursorPointerMinus } from '@ds-mo/icons/svg/CursorPointerMinus';\nimport { CursorPointerPlus } from '@ds-mo/icons/svg/CursorPointerPlus';\nimport { Dashboard } from '@ds-mo/icons/svg/Dashboard';\nimport { DeviceAIDashcamPlus } from '@ds-mo/icons/svg/DeviceAIDashcamPlus';\nimport { DeviceAssetTracker } from '@ds-mo/icons/svg/DeviceAssetTracker';\nimport { DeviceDVR } from '@ds-mo/icons/svg/DeviceDVR';\nimport { DeviceDashcam } from '@ds-mo/icons/svg/DeviceDashcam';\nimport { DeviceDashcamLiveStream } from '@ds-mo/icons/svg/DeviceDashcamLiveStream';\nimport { DeviceDoorSensor } from '@ds-mo/icons/svg/DeviceDoorSensor';\nimport { DeviceMobile } from '@ds-mo/icons/svg/DeviceMobile';\nimport { DeviceMobileTwo } from '@ds-mo/icons/svg/DeviceMobileTwo';\nimport { DeviceOmnicam } from '@ds-mo/icons/svg/DeviceOmnicam';\nimport { DeviceSensor } from '@ds-mo/icons/svg/DeviceSensor';\nimport { DeviceTablet } from '@ds-mo/icons/svg/DeviceTablet';\nimport { DeviceVehicleGateway } from '@ds-mo/icons/svg/DeviceVehicleGateway';\nimport { Devices } from '@ds-mo/icons/svg/Devices';\nimport { Document } from '@ds-mo/icons/svg/Document';\nimport { DocumentArrow } from '@ds-mo/icons/svg/DocumentArrow';\nimport { DocumentChart } from '@ds-mo/icons/svg/DocumentChart';\nimport { DocumentDollar } from '@ds-mo/icons/svg/DocumentDollar';\nimport { DocumentGear } from '@ds-mo/icons/svg/DocumentGear';\nimport { DocumentInverted } from '@ds-mo/icons/svg/DocumentInverted';\nimport { DocumentPencil } from '@ds-mo/icons/svg/DocumentPencil';\nimport { DocumentPlus } from '@ds-mo/icons/svg/DocumentPlus';\nimport { DocumentQuestion } from '@ds-mo/icons/svg/DocumentQuestion';\nimport { DocumentReceipt } from '@ds-mo/icons/svg/DocumentReceipt';\nimport { DocumentStacked } from '@ds-mo/icons/svg/DocumentStacked';\nimport { Dot } from '@ds-mo/icons/svg/Dot';\nimport { DotFilled } from '@ds-mo/icons/svg/DotFilled';\nimport { DotPath } from '@ds-mo/icons/svg/DotPath';\nimport { Download } from '@ds-mo/icons/svg/Download';\nimport { Drag } from '@ds-mo/icons/svg/Drag';\nimport { Ellipses } from '@ds-mo/icons/svg/Ellipses';\nimport { Email } from '@ds-mo/icons/svg/Email';\nimport { Engine } from '@ds-mo/icons/svg/Engine';\nimport { Enter } from '@ds-mo/icons/svg/Enter';\nimport { EntityAsset } from '@ds-mo/icons/svg/EntityAsset';\nimport { EntityAssetFilled } from '@ds-mo/icons/svg/EntityAssetFilled';\nimport { EntityDriver } from '@ds-mo/icons/svg/EntityDriver';\nimport { EntityDriverFilled } from '@ds-mo/icons/svg/EntityDriverFilled';\nimport { EntityTravelGroup } from '@ds-mo/icons/svg/EntityTravelGroup';\nimport { EntityTravelGroupFilled } from '@ds-mo/icons/svg/EntityTravelGroupFilled';\nimport { EntityVehicle } from '@ds-mo/icons/svg/EntityVehicle';\nimport { EntityVehicleCharging } from '@ds-mo/icons/svg/EntityVehicleCharging';\nimport { EntityVehicleChargingFilled } from '@ds-mo/icons/svg/EntityVehicleChargingFilled';\nimport { EntityVehicleFilled } from '@ds-mo/icons/svg/EntityVehicleFilled';\nimport { EntityVehicleImmobilized } from '@ds-mo/icons/svg/EntityVehicleImmobilized';\nimport { EntityVehicleImmobilizedFilled } from '@ds-mo/icons/svg/EntityVehicleImmobilizedFilled';\nimport { ErrorTriangle } from '@ds-mo/icons/svg/ErrorTriangle';\nimport { ErrorTriangleFilled } from '@ds-mo/icons/svg/ErrorTriangleFilled';\nimport { ErrorTriangleSimpleFilled } from '@ds-mo/icons/svg/ErrorTriangleSimpleFilled';\nimport { Export } from '@ds-mo/icons/svg/Export';\nimport { ExternalLink } from '@ds-mo/icons/svg/ExternalLink';\nimport { Eye } from '@ds-mo/icons/svg/Eye';\nimport { EyeDisabled } from '@ds-mo/icons/svg/EyeDisabled';\nimport { EyeLock } from '@ds-mo/icons/svg/EyeLock';\nimport { FastForward } from '@ds-mo/icons/svg/FastForward';\nimport { FastForwardSkip } from '@ds-mo/icons/svg/FastForwardSkip';\nimport { Filters } from '@ds-mo/icons/svg/Filters';\nimport { FitToScreen } from '@ds-mo/icons/svg/FitToScreen';\nimport { Flag } from '@ds-mo/icons/svg/Flag';\nimport { FlagFilled } from '@ds-mo/icons/svg/FlagFilled';\nimport { FloppyDisk } from '@ds-mo/icons/svg/FloppyDisk';\nimport { Folder } from '@ds-mo/icons/svg/Folder';\nimport { FolderFilled } from '@ds-mo/icons/svg/FolderFilled';\nimport { FuelPump } from '@ds-mo/icons/svg/FuelPump';\nimport { FullScreen } from '@ds-mo/icons/svg/FullScreen';\nimport { FullScreenExit } from '@ds-mo/icons/svg/FullScreenExit';\nimport { Gauge } from '@ds-mo/icons/svg/Gauge';\nimport { GaugeTemperature } from '@ds-mo/icons/svg/GaugeTemperature';\nimport { Gear } from '@ds-mo/icons/svg/Gear';\nimport { GearCheck } from '@ds-mo/icons/svg/GearCheck';\nimport { Geofence } from '@ds-mo/icons/svg/Geofence';\nimport { GeofenceCircle } from '@ds-mo/icons/svg/GeofenceCircle';\nimport { GeofenceDiamond } from '@ds-mo/icons/svg/GeofenceDiamond';\nimport { GeofenceSquare } from '@ds-mo/icons/svg/GeofenceSquare';\nimport { GlobeNetwork } from '@ds-mo/icons/svg/GlobeNetwork';\nimport { GlobeWorldMap } from '@ds-mo/icons/svg/GlobeWorldMap';\nimport { Graph } from '@ds-mo/icons/svg/Graph';\nimport { GraphArrow } from '@ds-mo/icons/svg/GraphArrow';\nimport { GraphBars } from '@ds-mo/icons/svg/GraphBars';\nimport { GraphDecreasing } from '@ds-mo/icons/svg/GraphDecreasing';\nimport { GraphIncreasing } from '@ds-mo/icons/svg/GraphIncreasing';\nimport { GroupBy } from '@ds-mo/icons/svg/GroupBy';\nimport { Hamburger } from '@ds-mo/icons/svg/Hamburger';\nimport { HandOpen } from '@ds-mo/icons/svg/HandOpen';\nimport { Headset } from '@ds-mo/icons/svg/Headset';\nimport { History } from '@ds-mo/icons/svg/History';\nimport { HourGlass } from '@ds-mo/icons/svg/HourGlass';\nimport { Image } from '@ds-mo/icons/svg/Image';\nimport { Import } from '@ds-mo/icons/svg/Import';\nimport { ImportClock } from '@ds-mo/icons/svg/ImportClock';\nimport { Inbox } from '@ds-mo/icons/svg/Inbox';\nimport { IosFilled } from '@ds-mo/icons/svg/IosFilled';\nimport { Jerrycan } from '@ds-mo/icons/svg/Jerrycan';\nimport { KeyA } from '@ds-mo/icons/svg/KeyA';\nimport { KeyB } from '@ds-mo/icons/svg/KeyB';\nimport { KeyCmd } from '@ds-mo/icons/svg/KeyCmd';\nimport { KeyShift } from '@ds-mo/icons/svg/KeyShift';\nimport { LED } from '@ds-mo/icons/svg/LED';\nimport { Layers } from '@ds-mo/icons/svg/Layers';\nimport { Leaf } from '@ds-mo/icons/svg/Leaf';\nimport { LeftCollapse } from '@ds-mo/icons/svg/LeftCollapse';\nimport { LeftCollapseB } from '@ds-mo/icons/svg/LeftCollapseB';\nimport { LeftExpand } from '@ds-mo/icons/svg/LeftExpand';\nimport { LeftExpandB } from '@ds-mo/icons/svg/LeftExpandB';\nimport { LeftTurnSignal } from '@ds-mo/icons/svg/LeftTurnSignal';\nimport { LetterB } from '@ds-mo/icons/svg/LetterB';\nimport { LetterC } from '@ds-mo/icons/svg/LetterC';\nimport { LetterI } from '@ds-mo/icons/svg/LetterI';\nimport { License } from '@ds-mo/icons/svg/License';\nimport { LicensePlate } from '@ds-mo/icons/svg/LicensePlate';\nimport { Lifebuoy } from '@ds-mo/icons/svg/Lifebuoy';\nimport { Link } from '@ds-mo/icons/svg/Link';\nimport { List } from '@ds-mo/icons/svg/List';\nimport { Loads } from '@ds-mo/icons/svg/Loads';\nimport { LocationPin } from '@ds-mo/icons/svg/LocationPin';\nimport { LocationPinArrows } from '@ds-mo/icons/svg/LocationPinArrows';\nimport { LocationPinDisabled } from '@ds-mo/icons/svg/LocationPinDisabled';\nimport { LocationPinDollar } from '@ds-mo/icons/svg/LocationPinDollar';\nimport { LockClosed } from '@ds-mo/icons/svg/LockClosed';\nimport { LockClosedFilled } from '@ds-mo/icons/svg/LockClosedFilled';\nimport { LockOpen } from '@ds-mo/icons/svg/LockOpen';\nimport { Logout } from '@ds-mo/icons/svg/Logout';\nimport { Logs } from '@ds-mo/icons/svg/Logs';\nimport { LogsMagnifyingGlass } from '@ds-mo/icons/svg/LogsMagnifyingGlass';\nimport { MagnifyingGlass } from '@ds-mo/icons/svg/MagnifyingGlass';\nimport { MagnifyingGlassGraph } from '@ds-mo/icons/svg/MagnifyingGlassGraph';\nimport { MagnifyingGlassZoomIn } from '@ds-mo/icons/svg/MagnifyingGlassZoomIn';\nimport { MagnifyingGlassZoomOut } from '@ds-mo/icons/svg/MagnifyingGlassZoomOut';\nimport { MapNavigation } from '@ds-mo/icons/svg/MapNavigation';\nimport { MapPage } from '@ds-mo/icons/svg/MapPage';\nimport { MapPin } from '@ds-mo/icons/svg/MapPin';\nimport { MarkRead } from '@ds-mo/icons/svg/MarkRead';\nimport { Match } from '@ds-mo/icons/svg/Match';\nimport { MessageBubble } from '@ds-mo/icons/svg/MessageBubble';\nimport { MessageBubbleStack } from '@ds-mo/icons/svg/MessageBubbleStack';\nimport { Messaging } from '@ds-mo/icons/svg/Messaging';\nimport { Mic } from '@ds-mo/icons/svg/Mic';\nimport { MicMute } from '@ds-mo/icons/svg/MicMute';\nimport { Minimize } from '@ds-mo/icons/svg/Minimize';\nimport { Monitor } from '@ds-mo/icons/svg/Monitor';\nimport { Notification } from '@ds-mo/icons/svg/Notification';\nimport { NumberTen } from '@ds-mo/icons/svg/NumberTen';\nimport { OctagonSubtract } from '@ds-mo/icons/svg/OctagonSubtract';\nimport { Odometer } from '@ds-mo/icons/svg/Odometer';\nimport { OverviewAI } from '@ds-mo/icons/svg/OverviewAI';\nimport { PanelCollapse } from '@ds-mo/icons/svg/PanelCollapse';\nimport { PanelExpand } from '@ds-mo/icons/svg/PanelExpand';\nimport { Paperclip } from '@ds-mo/icons/svg/Paperclip';\nimport { PaperplaneSend } from '@ds-mo/icons/svg/PaperplaneSend';\nimport { Paragraph } from '@ds-mo/icons/svg/Paragraph';\nimport { ParagraphCheck } from '@ds-mo/icons/svg/ParagraphCheck';\nimport { ParagraphPencil } from '@ds-mo/icons/svg/ParagraphPencil';\nimport { Pause } from '@ds-mo/icons/svg/Pause';\nimport { PauseFilled } from '@ds-mo/icons/svg/PauseFilled';\nimport { Pencil } from '@ds-mo/icons/svg/Pencil';\nimport { PencilSquiggle } from '@ds-mo/icons/svg/PencilSquiggle';\nimport { Person } from '@ds-mo/icons/svg/Person';\nimport { PersonAt } from '@ds-mo/icons/svg/PersonAt';\nimport { PersonConnect } from '@ds-mo/icons/svg/PersonConnect';\nimport { PersonFrame } from '@ds-mo/icons/svg/PersonFrame';\nimport { PersonGear } from '@ds-mo/icons/svg/PersonGear';\nimport { PersonGroup } from '@ds-mo/icons/svg/PersonGroup';\nimport { PersonGroupArrows } from '@ds-mo/icons/svg/PersonGroupArrows';\nimport { PersonManager } from '@ds-mo/icons/svg/PersonManager';\nimport { PersonShield } from '@ds-mo/icons/svg/PersonShield';\nimport { PersonStar } from '@ds-mo/icons/svg/PersonStar';\nimport { Phone } from '@ds-mo/icons/svg/Phone';\nimport { PhoneDisconnect } from '@ds-mo/icons/svg/PhoneDisconnect';\nimport { PicmanFilled } from '@ds-mo/icons/svg/PicmanFilled';\nimport { Pin } from '@ds-mo/icons/svg/Pin';\nimport { PipBottomLeft } from '@ds-mo/icons/svg/PipBottomLeft';\nimport { PipBottomRight } from '@ds-mo/icons/svg/PipBottomRight';\nimport { PipTopLeft } from '@ds-mo/icons/svg/PipTopLeft';\nimport { PipTopRight } from '@ds-mo/icons/svg/PipTopRight';\nimport { Play } from '@ds-mo/icons/svg/Play';\nimport { PlayFilled } from '@ds-mo/icons/svg/PlayFilled';\nimport { Plug } from '@ds-mo/icons/svg/Plug';\nimport { Plus } from '@ds-mo/icons/svg/Plus';\nimport { PlusCircle } from '@ds-mo/icons/svg/PlusCircle';\nimport { Preferences } from '@ds-mo/icons/svg/Preferences';\nimport { Printer } from '@ds-mo/icons/svg/Printer';\nimport { PunchCard } from '@ds-mo/icons/svg/PunchCard';\nimport { Puzzle } from '@ds-mo/icons/svg/Puzzle';\nimport { PuzzleJoined } from '@ds-mo/icons/svg/PuzzleJoined';\nimport { Redo } from '@ds-mo/icons/svg/Redo';\nimport { Refresh } from '@ds-mo/icons/svg/Refresh';\nimport { Restore } from '@ds-mo/icons/svg/Restore';\nimport { RewardRibbon } from '@ds-mo/icons/svg/RewardRibbon';\nimport { Rewind } from '@ds-mo/icons/svg/Rewind';\nimport { RewindSkip } from '@ds-mo/icons/svg/RewindSkip';\nimport { RewindSkipFilled } from '@ds-mo/icons/svg/RewindSkipFilled';\nimport { RightCollapse } from '@ds-mo/icons/svg/RightCollapse';\nimport { RightCollapseB } from '@ds-mo/icons/svg/RightCollapseB';\nimport { RightExpand } from '@ds-mo/icons/svg/RightExpand';\nimport { RightExpandB } from '@ds-mo/icons/svg/RightExpandB';\nimport { RightTurnSignal } from '@ds-mo/icons/svg/RightTurnSignal';\nimport { Rotate } from '@ds-mo/icons/svg/Rotate';\nimport { Satellite } from '@ds-mo/icons/svg/Satellite';\nimport { Scan } from '@ds-mo/icons/svg/Scan';\nimport { Scissor } from '@ds-mo/icons/svg/Scissor';\nimport { Scope } from '@ds-mo/icons/svg/Scope';\nimport { Seatbelt } from '@ds-mo/icons/svg/Seatbelt';\nimport { SeatbeltBuckle } from '@ds-mo/icons/svg/SeatbeltBuckle';\nimport { Shapes } from '@ds-mo/icons/svg/Shapes';\nimport { ShareCircles } from '@ds-mo/icons/svg/ShareCircles';\nimport { ShareCirclesFilled } from '@ds-mo/icons/svg/ShareCirclesFilled';\nimport { SharePaperplane } from '@ds-mo/icons/svg/SharePaperplane';\nimport { Shield } from '@ds-mo/icons/svg/Shield';\nimport { ShieldCheck } from '@ds-mo/icons/svg/ShieldCheck';\nimport { ShieldCheckmarkFilled } from '@ds-mo/icons/svg/ShieldCheckmarkFilled';\nimport { ShieldCircle } from '@ds-mo/icons/svg/ShieldCircle';\nimport { ShieldCircleFilled } from '@ds-mo/icons/svg/ShieldCircleFilled';\nimport { ShieldCross } from '@ds-mo/icons/svg/ShieldCross';\nimport { ShieldCrossFilled } from '@ds-mo/icons/svg/ShieldCrossFilled';\nimport { ShieldFilled } from '@ds-mo/icons/svg/ShieldFilled';\nimport { ShieldLock } from '@ds-mo/icons/svg/ShieldLock';\nimport { ShieldLockFilled } from '@ds-mo/icons/svg/ShieldLockFilled';\nimport { ShoppingBag } from '@ds-mo/icons/svg/ShoppingBag';\nimport { Snowflake } from '@ds-mo/icons/svg/Snowflake';\nimport { SpeakerPhone } from '@ds-mo/icons/svg/SpeakerPhone';\nimport { SpeedometerArrow } from '@ds-mo/icons/svg/SpeedometerArrow';\nimport { SpeedometerLeft } from '@ds-mo/icons/svg/SpeedometerLeft';\nimport { SpeedometerRight } from '@ds-mo/icons/svg/SpeedometerRight';\nimport { SpikeCirclePercentage } from '@ds-mo/icons/svg/SpikeCirclePercentage';\nimport { SpikeCirclePercentageFilled } from '@ds-mo/icons/svg/SpikeCirclePercentageFilled';\nimport { Square } from '@ds-mo/icons/svg/Square';\nimport { SquareArrowTopRight } from '@ds-mo/icons/svg/SquareArrowTopRight';\nimport { SquareCheck } from '@ds-mo/icons/svg/SquareCheck';\nimport { SquareCheckFilled } from '@ds-mo/icons/svg/SquareCheckFilled';\nimport { SquareDollar } from '@ds-mo/icons/svg/SquareDollar';\nimport { SquareDollarFilled } from '@ds-mo/icons/svg/SquareDollarFilled';\nimport { SquareDottedMinus } from '@ds-mo/icons/svg/SquareDottedMinus';\nimport { SquareFilled } from '@ds-mo/icons/svg/SquareFilled';\nimport { SquareGrid } from '@ds-mo/icons/svg/SquareGrid';\nimport { SquarePencil } from '@ds-mo/icons/svg/SquarePencil';\nimport { SquarePlus } from '@ds-mo/icons/svg/SquarePlus';\nimport { SquareSubtract } from '@ds-mo/icons/svg/SquareSubtract';\nimport { SquareSubtractFilled } from '@ds-mo/icons/svg/SquareSubtractFilled';\nimport { Star } from '@ds-mo/icons/svg/Star';\nimport { StarFilled } from '@ds-mo/icons/svg/StarFilled';\nimport { Stopwatch } from '@ds-mo/icons/svg/Stopwatch';\nimport { Street } from '@ds-mo/icons/svg/Street';\nimport { Subtract } from '@ds-mo/icons/svg/Subtract';\nimport { SubtractCircle } from '@ds-mo/icons/svg/SubtractCircle';\nimport { SubtractCircleFilled } from '@ds-mo/icons/svg/SubtractCircleFilled';\nimport { Table } from '@ds-mo/icons/svg/Table';\nimport { Tag } from '@ds-mo/icons/svg/Tag';\nimport { Target } from '@ds-mo/icons/svg/Target';\nimport { TargetDollar } from '@ds-mo/icons/svg/TargetDollar';\nimport { Text } from '@ds-mo/icons/svg/Text';\nimport { ThemeDark } from '@ds-mo/icons/svg/ThemeDark';\nimport { ThemeLight } from '@ds-mo/icons/svg/ThemeLight';\nimport { ThumbsDown } from '@ds-mo/icons/svg/ThumbsDown';\nimport { ThumbsDownFilled } from '@ds-mo/icons/svg/ThumbsDownFilled';\nimport { ThumbsUp } from '@ds-mo/icons/svg/ThumbsUp';\nimport { ThumbsUpFilled } from '@ds-mo/icons/svg/ThumbsUpFilled';\nimport { TirePressure } from '@ds-mo/icons/svg/TirePressure';\nimport { Toggle } from '@ds-mo/icons/svg/Toggle';\nimport { TrafficLight } from '@ds-mo/icons/svg/TrafficLight';\nimport { Trash } from '@ds-mo/icons/svg/Trash';\nimport { Trophy } from '@ds-mo/icons/svg/Trophy';\nimport { TurnSignal } from '@ds-mo/icons/svg/TurnSignal';\nimport { TurnSignalFilled } from '@ds-mo/icons/svg/TurnSignalFilled';\nimport { Undo } from '@ds-mo/icons/svg/Undo';\nimport { Upgrade } from '@ds-mo/icons/svg/Upgrade';\nimport { Upload } from '@ds-mo/icons/svg/Upload';\nimport { VehicleTrailer } from '@ds-mo/icons/svg/VehicleTrailer';\nimport { VehicleTruck } from '@ds-mo/icons/svg/VehicleTruck';\nimport { VehicleTruckMagnifyingGlass } from '@ds-mo/icons/svg/VehicleTruckMagnifyingGlass';\nimport { Video } from '@ds-mo/icons/svg/Video';\nimport { ViewMenu } from '@ds-mo/icons/svg/ViewMenu';\nimport { Volume } from '@ds-mo/icons/svg/Volume';\nimport { VolumeFilled } from '@ds-mo/icons/svg/VolumeFilled';\nimport { VolumeMute } from '@ds-mo/icons/svg/VolumeMute';\nimport { VolumeMuteFilled } from '@ds-mo/icons/svg/VolumeMuteFilled';\nimport { WandSparkle } from '@ds-mo/icons/svg/WandSparkle';\nimport { Waveform } from '@ds-mo/icons/svg/Waveform';\nimport { Webhooks } from '@ds-mo/icons/svg/Webhooks';\nimport { Whistle } from '@ds-mo/icons/svg/Whistle';\nimport { WiFiHorizontal } from '@ds-mo/icons/svg/WiFiHorizontal';\nimport { WiFiTower } from '@ds-mo/icons/svg/WiFiTower';\nimport { WifiVertical } from '@ds-mo/icons/svg/WifiVertical';\nimport { WifiVerticalFilled } from '@ds-mo/icons/svg/WifiVerticalFilled';\nimport { WifiVerticalFilledDisabled } from '@ds-mo/icons/svg/WifiVerticalFilledDisabled';\nimport { WorkflowA } from '@ds-mo/icons/svg/WorkflowA';\nimport { WorkflowB } from '@ds-mo/icons/svg/WorkflowB';\nimport { Wrench } from '@ds-mo/icons/svg/Wrench';\nimport { ZoomBackOut } from '@ds-mo/icons/svg/ZoomBackOut';\n\nexport const systemIconCatalog: Record<string, string> = {\n  AI,\n  AIChip,\n  AINew,\n  AISparkle,\n  AUX,\n  AUXFilled,\n  AndroidFilled,\n  ArrowDown,\n  ArrowLeft,\n  ArrowPath,\n  ArrowRight,\n  ArrowUp,\n  ArrowsDiagonal,\n  ArrowsDiff,\n  ArrowsDiffDisabled,\n  ArrowsVertical,\n  AtSign,\n  Avatar,\n  BackslashBrackets,\n  BatteryCharging,\n  BatteryEmpty,\n  BatteryFull,\n  BatteryHalf,\n  BatteryLow,\n  Beaker,\n  Bell,\n  BellCircle,\n  BellExclamation,\n  BellFilled,\n  BellRinging,\n  BellWifi,\n  BlackWhite,\n  BlankUI,\n  Bluetooth,\n  Bolt,\n  BoltFilled,\n  Bookmark,\n  Box,\n  Braces,\n  Bug,\n  BuildingFacility,\n  BuildingHome,\n  BuildingOffice,\n  BuildingPublic,\n  BuildingShop,\n  Bulb,\n  Calculator,\n  Calendar,\n  CalendarClock,\n  CameraA,\n  CameraB,\n  Card,\n  CardPerson,\n  Cart,\n  Chart,\n  Check,\n  CheckCircle,\n  CheckCircleFilled,\n  CheckDouble,\n  ChevronDown,\n  ChevronLeft,\n  ChevronLeftDouble,\n  ChevronRight,\n  ChevronRightDouble,\n  ChevronUp,\n  ChevronUpDown,\n  Circle,\n  CircleArrow,\n  CircleArrowsDiff,\n  CircleArrowsDiffDisabled,\n  CircleConcentricFilled,\n  CircleConcentricThree,\n  CircleConcentricTwo,\n  CircleExclamation,\n  CircleExclamationFilled,\n  CircleFastForward,\n  CircleFilled,\n  CircleGrid,\n  CirclePlay,\n  CircleQuestion,\n  CircleSlash,\n  Clipboard,\n  ClipboardCheck,\n  Clock,\n  ClockDefer,\n  ClockFilled,\n  ClockSixteenHour,\n  Cloud,\n  CloudEllipses,\n  CloudLightning,\n  CloudRain,\n  CloudRainSun,\n  CloudSun,\n  CloudWind,\n  Cluster,\n  Coin,\n  CoinStack,\n  CoinStackGeneral,\n  Compass,\n  Copy,\n  Crop,\n  Cross,\n  CrossCircle,\n  CrossCircleFilled,\n  Cube,\n  Cup,\n  CursorPointer,\n  CursorPointerMinus,\n  CursorPointerPlus,\n  Dashboard,\n  DeviceAIDashcamPlus,\n  DeviceAssetTracker,\n  DeviceDVR,\n  DeviceDashcam,\n  DeviceDashcamLiveStream,\n  DeviceDoorSensor,\n  DeviceMobile,\n  DeviceMobileTwo,\n  DeviceOmnicam,\n  DeviceSensor,\n  DeviceTablet,\n  DeviceVehicleGateway,\n  Devices,\n  Document,\n  DocumentArrow,\n  DocumentChart,\n  DocumentDollar,\n  DocumentGear,\n  DocumentInverted,\n  DocumentPencil,\n  DocumentPlus,\n  DocumentQuestion,\n  DocumentReceipt,\n  DocumentStacked,\n  Dot,\n  DotFilled,\n  DotPath,\n  Download,\n  Drag,\n  Ellipses,\n  Email,\n  Engine,\n  Enter,\n  EntityAsset,\n  EntityAssetFilled,\n  EntityDriver,\n  EntityDriverFilled,\n  EntityTravelGroup,\n  EntityTravelGroupFilled,\n  EntityVehicle,\n  EntityVehicleCharging,\n  EntityVehicleChargingFilled,\n  EntityVehicleFilled,\n  EntityVehicleImmobilized,\n  EntityVehicleImmobilizedFilled,\n  ErrorTriangle,\n  ErrorTriangleFilled,\n  ErrorTriangleSimpleFilled,\n  Export,\n  ExternalLink,\n  Eye,\n  EyeDisabled,\n  EyeLock,\n  FastForward,\n  FastForwardSkip,\n  Filters,\n  FitToScreen,\n  Flag,\n  FlagFilled,\n  FloppyDisk,\n  Folder,\n  FolderFilled,\n  FuelPump,\n  FullScreen,\n  FullScreenExit,\n  Gauge,\n  GaugeTemperature,\n  Gear,\n  GearCheck,\n  Geofence,\n  GeofenceCircle,\n  GeofenceDiamond,\n  GeofenceSquare,\n  GlobeNetwork,\n  GlobeWorldMap,\n  Graph,\n  GraphArrow,\n  GraphBars,\n  GraphDecreasing,\n  GraphIncreasing,\n  GroupBy,\n  Hamburger,\n  HandOpen,\n  Headset,\n  History,\n  HourGlass,\n  Image,\n  Import,\n  ImportClock,\n  Inbox,\n  IosFilled,\n  Jerrycan,\n  KeyA,\n  KeyB,\n  KeyCmd,\n  KeyShift,\n  LED,\n  Layers,\n  Leaf,\n  LeftCollapse,\n  LeftCollapseB,\n  LeftExpand,\n  LeftExpandB,\n  LeftTurnSignal,\n  LetterB,\n  LetterC,\n  LetterI,\n  License,\n  LicensePlate,\n  Lifebuoy,\n  Link,\n  List,\n  Loads,\n  LocationPin,\n  LocationPinArrows,\n  LocationPinDisabled,\n  LocationPinDollar,\n  LockClosed,\n  LockClosedFilled,\n  LockOpen,\n  Logout,\n  Logs,\n  LogsMagnifyingGlass,\n  MagnifyingGlass,\n  MagnifyingGlassGraph,\n  MagnifyingGlassZoomIn,\n  MagnifyingGlassZoomOut,\n  MapNavigation,\n  MapPage,\n  MapPin,\n  MarkRead,\n  Match,\n  MessageBubble,\n  MessageBubbleStack,\n  Messaging,\n  Mic,\n  MicMute,\n  Minimize,\n  Monitor,\n  Notification,\n  NumberTen,\n  OctagonSubtract,\n  Odometer,\n  OverviewAI,\n  PanelCollapse,\n  PanelExpand,\n  Paperclip,\n  PaperplaneSend,\n  Paragraph,\n  ParagraphCheck,\n  ParagraphPencil,\n  Pause,\n  PauseFilled,\n  Pencil,\n  PencilSquiggle,\n  Person,\n  PersonAt,\n  PersonConnect,\n  PersonFrame,\n  PersonGear,\n  PersonGroup,\n  PersonGroupArrows,\n  PersonManager,\n  PersonShield,\n  PersonStar,\n  Phone,\n  PhoneDisconnect,\n  PicmanFilled,\n  Pin,\n  PipBottomLeft,\n  PipBottomRight,\n  PipTopLeft,\n  PipTopRight,\n  Play,\n  PlayFilled,\n  Plug,\n  Plus,\n  PlusCircle,\n  Preferences,\n  Printer,\n  PunchCard,\n  Puzzle,\n  PuzzleJoined,\n  Redo,\n  Refresh,\n  Restore,\n  RewardRibbon,\n  Rewind,\n  RewindSkip,\n  RewindSkipFilled,\n  RightCollapse,\n  RightCollapseB,\n  RightExpand,\n  RightExpandB,\n  RightTurnSignal,\n  Rotate,\n  Satellite,\n  Scan,\n  Scissor,\n  Scope,\n  Seatbelt,\n  SeatbeltBuckle,\n  Shapes,\n  ShareCircles,\n  ShareCirclesFilled,\n  SharePaperplane,\n  Shield,\n  ShieldCheck,\n  ShieldCheckmarkFilled,\n  ShieldCircle,\n  ShieldCircleFilled,\n  ShieldCross,\n  ShieldCrossFilled,\n  ShieldFilled,\n  ShieldLock,\n  ShieldLockFilled,\n  ShoppingBag,\n  Snowflake,\n  SpeakerPhone,\n  SpeedometerArrow,\n  SpeedometerLeft,\n  SpeedometerRight,\n  SpikeCirclePercentage,\n  SpikeCirclePercentageFilled,\n  Square,\n  SquareArrowTopRight,\n  SquareCheck,\n  SquareCheckFilled,\n  SquareDollar,\n  SquareDollarFilled,\n  SquareDottedMinus,\n  SquareFilled,\n  SquareGrid,\n  SquarePencil,\n  SquarePlus,\n  SquareSubtract,\n  SquareSubtractFilled,\n  Star,\n  StarFilled,\n  Stopwatch,\n  Street,\n  Subtract,\n  SubtractCircle,\n  SubtractCircleFilled,\n  Table,\n  Tag,\n  Target,\n  TargetDollar,\n  Text,\n  ThemeDark,\n  ThemeLight,\n  ThumbsDown,\n  ThumbsDownFilled,\n  ThumbsUp,\n  ThumbsUpFilled,\n  TirePressure,\n  Toggle,\n  TrafficLight,\n  Trash,\n  Trophy,\n  TurnSignal,\n  TurnSignalFilled,\n  Undo,\n  Upgrade,\n  Upload,\n  VehicleTrailer,\n  VehicleTruck,\n  VehicleTruckMagnifyingGlass,\n  Video,\n  ViewMenu,\n  Volume,\n  VolumeFilled,\n  VolumeMute,\n  VolumeMuteFilled,\n  WandSparkle,\n  Waveform,\n  Webhooks,\n  Whistle,\n  WiFiHorizontal,\n  WiFiTower,\n  WifiVertical,\n  WifiVerticalFilled,\n  WifiVerticalFilledDisabled,\n  WorkflowA,\n  WorkflowB,\n  Wrench,\n  ZoomBackOut,\n};\n","/* ── Base icon ───────────────────────────────────────────────────────────── */\n\n.icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  line-height: 0;\n  color: var(--color-foreground-primary);\n  /* Explicit size so the SVG (width/height: 100% via JS) has a defined container */\n  width: var(--_icon-sz, var(--dimension-iconography-md));\n  height: var(--_icon-sz, var(--dimension-iconography-md));\n}\n\n.icon__svg {\n  display: contents;\n  line-height: 0;\n}\n\n/* SVG width/height are set via inline style in updateSvg() because Stencil's\n   scoped CSS cannot reach innerHTML-injected elements (they lack the sc-* class). */\n\n/* ── Sizes ───────────────────────────────────────────────────────────────── */\n\n.icon--size-xs  { --_icon-sz: var(--dimension-iconography-xs);  }\n.icon--size-sm  { --_icon-sz: var(--dimension-iconography-sm);  }\n.icon--size-md  { --_icon-sz: var(--dimension-iconography-md);  }\n.icon--size-lg  { --_icon-sz: var(--dimension-iconography-lg);  }\n.icon--size-xl  { --_icon-sz: var(--dimension-iconography-xl);  }\n.icon--size-2xl { --_icon-sz: var(--dimension-iconography-2xl); }\n.icon--size-3xl { --_icon-sz: var(--dimension-iconography-3xl); }\n\n/* ── Colors — hierarchy ──────────────────────────────────────────────────── */\n\n.icon--color-primary    { color: var(--color-foreground-primary);    }\n.icon--color-secondary  { color: var(--color-foreground-secondary);  }\n.icon--color-tertiary   { color: var(--color-foreground-tertiary);   }\n.icon--color-quaternary { color: var(--color-foreground-quaternary); }\n.icon--color-inherit    { color: inherit; }\n\n/* ── Colors — intent (bold contrast default) ─────────────────────────────── */\n\n.icon--color-brand    { color: var(--color-foreground-bold-brand);    }\n.icon--color-negative { color: var(--color-foreground-bold-negative); }\n.icon--color-positive { color: var(--color-foreground-bold-positive); }\n.icon--color-warning  { color: var(--color-foreground-bold-warning);  }\n.icon--color-caution  { color: var(--color-foreground-bold-caution);  }\n.icon--color-ai       { color: var(--color-foreground-bold-ai);       }\n.icon--color-guide    { color: var(--color-foreground-bold-guide);    }\n.icon--color-neutral  { color: var(--color-foreground-bold-neutral);  }\n\n/* ── Colors — intent faint ───────────────────────────────────────────────── */\n\n.icon--color-faint-brand    { color: var(--color-foreground-faint-brand);    }\n.icon--color-faint-negative { color: var(--color-foreground-faint-negative); }\n.icon--color-faint-positive { color: var(--color-foreground-faint-positive); }\n.icon--color-faint-warning  { color: var(--color-foreground-faint-warning);  }\n.icon--color-faint-caution  { color: var(--color-foreground-faint-caution);  }\n.icon--color-faint-ai       { color: var(--color-foreground-faint-ai);       }\n.icon--color-faint-neutral  { color: var(--color-foreground-faint-neutral);  }\n\n/* ── Colors — intent medium ─────────────────────────────────────────────── */\n\n.icon--color-medium-brand    { color: var(--color-foreground-medium-brand);    }\n.icon--color-medium-negative { color: var(--color-foreground-medium-negative); }\n.icon--color-medium-positive { color: var(--color-foreground-medium-positive); }\n.icon--color-medium-warning  { color: var(--color-foreground-medium-warning);  }\n.icon--color-medium-caution  { color: var(--color-foreground-medium-caution);  }\n.icon--color-medium-ai       { color: var(--color-foreground-medium-ai);       }\n.icon--color-medium-neutral  { color: var(--color-foreground-medium-neutral);  }\n\n/* ── Colors — intent bold (explicit) ────────────────────────────────────── */\n\n.icon--color-bold-brand    { color: var(--color-foreground-bold-brand);    }\n.icon--color-bold-negative { color: var(--color-foreground-bold-negative); }\n.icon--color-bold-positive { color: var(--color-foreground-bold-positive); }\n.icon--color-bold-warning  { color: var(--color-foreground-bold-warning);  }\n.icon--color-bold-caution  { color: var(--color-foreground-bold-caution);  }\n.icon--color-bold-ai       { color: var(--color-foreground-bold-ai);       }\n.icon--color-bold-neutral  { color: var(--color-foreground-bold-neutral);  }\n\n/* ── Colors — intent strong ──────────────────────────────────────────────── */\n\n.icon--color-strong-brand    { color: var(--color-foreground-strong-brand);    }\n.icon--color-strong-negative { color: var(--color-foreground-strong-negative); }\n.icon--color-strong-positive { color: var(--color-foreground-strong-positive); }\n.icon--color-strong-warning  { color: var(--color-foreground-strong-warning);  }\n.icon--color-strong-caution  { color: var(--color-foreground-strong-caution);  }\n.icon--color-strong-ai       { color: var(--color-foreground-strong-ai);       }\n.icon--color-strong-neutral  { color: var(--color-foreground-strong-neutral);  }\n\n/* ── Colors — contextual ────────────────────────────────────────────────── */\n\n.icon--color-on-strong { color: var(--color-foreground-on-strong-background-primary); }\n.icon--color-on-bold   { color: var(--color-foreground-on-bold-background-primary);   }\n","import { Component, Prop, Element, Watch, h, Host } from '@stencil/core';\nimport { flagIconCatalog } from './flag-icon-catalog';\nimport { systemIconCatalog } from './system-icon-catalog';\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\n\nexport type IconColorToken =\n  // Hierarchy\n  | 'primary' | 'secondary' | 'tertiary' | 'quaternary'\n  // Intent — bold contrast (default)\n  | 'brand' | 'negative' | 'positive' | 'warning' | 'caution' | 'ai' | 'guide' | 'neutral'\n  // Intent — faint\n  | 'faint-brand' | 'faint-negative' | 'faint-positive' | 'faint-warning'\n  | 'faint-caution' | 'faint-ai' | 'faint-neutral'\n  // Intent — medium\n  | 'medium-brand' | 'medium-negative' | 'medium-positive' | 'medium-warning'\n  | 'medium-caution' | 'medium-ai' | 'medium-neutral'\n  // Intent — bold (explicit)\n  | 'bold-brand' | 'bold-negative' | 'bold-positive' | 'bold-warning'\n  | 'bold-caution' | 'bold-ai' | 'bold-neutral'\n  // Intent — strong\n  | 'strong-brand' | 'strong-negative' | 'strong-positive' | 'strong-warning'\n  | 'strong-caution' | 'strong-ai' | 'strong-neutral'\n  // Contextual\n  | 'on-strong' | 'on-bold'\n  // Pass-through\n  | 'inherit';\n\nexport type IconColor = IconColorToken | `var(--${string})`;\n\n@Component({\n  tag: 'ds-icon',\n  styleUrl: 'Icon.css',\n  scoped: true,\n})\nexport class Icon {\n  @Element() el!: HTMLElement;\n\n  /** Name of the system icon (e.g. `\"Gear\"`, `\"ArrowRight\"`) or flag (e.g. `\"US\"`) */\n  @Prop() name: string = '';\n  /** Iconography size token. Maps to `--dimension-iconography-{size}`. Default `md` = 20 px. */\n  @Prop() size: IconSize = 'md';\n  /** Semantic foreground color token, or a raw CSS var reference. */\n  @Prop() color: IconColor | undefined;\n  /** Accessible label. Sets `role=\"img\"` and `aria-label`. Omit for decorative icons. */\n  @Prop() label: string | undefined;\n  /** Set `true` to look up from the flag icon set instead of the system icon set. */\n  @Prop() flag: boolean = false;\n\n  private get svgString(): string {\n    const source = this.flag ? flagIconCatalog : systemIconCatalog;\n    return source[this.name] ?? '';\n  }\n\n  private updateSvg() {\n    const container = this.el.querySelector<HTMLElement>('.icon__svg');\n    if (!container) return;\n    container.innerHTML = this.svgString;\n    // Stencil's scoped CSS cannot reach innerHTML-injected elements (no sc-* class).\n    // Apply width/height as inline styles so sizing works regardless of scope class.\n    const svg = container.querySelector<SVGElement>('svg');\n    if (svg) {\n      svg.removeAttribute('width');\n      svg.removeAttribute('height');\n      // Prevent SVG from being natively focusable (Firefox/IE default) while\n      // sitting inside an aria-hidden parent — fixes aria-hidden-focus violation.\n      svg.setAttribute('focusable', 'false');\n      svg.setAttribute('aria-hidden', 'true');\n      svg.style.display = 'block';\n      svg.style.flexShrink = '0';\n      svg.style.width = '100%';\n      svg.style.height = '100%';\n    }\n  }\n\n  @Watch('name')\n  @Watch('flag')\n  onIconChange() {\n    this.updateSvg();\n  }\n\n  componentDidRender() {\n    this.updateSvg();\n  }\n\n  render() {\n    const isCustomColor = typeof this.color === 'string' && this.color.startsWith('var(--');\n\n    const cls: Record<string, boolean> = {\n      icon: true,\n      [`icon--size-${this.size}`]: true,\n      [`icon--color-${this.color}`]: !!this.color && !isCustomColor && this.color !== 'inherit',\n      'icon--color-inherit': this.color === 'inherit',\n    };\n\n    const style = isCustomColor ? { color: this.color as string } : undefined;\n\n    return (\n      <Host style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }}>\n        <span\n          class={cls}\n          style={style}\n          role={this.label ? 'img' : 'presentation'}\n          aria-label={this.label}\n          aria-hidden={!this.label ? 'true' : undefined}\n        >\n          <span class=\"icon__svg\" />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0yyBAkCO,MAAMA,GAA0C,CACrDC,cACAC,cACAC,eACAC,aACAC,cACAC,aACAC,oBACAC,cACAC,SACAC,cACAC,cACAC,aACAC,cACAC,aACAC,cACAC,cACAC,YACAC,aACAC,gBACAC,iBACAC,YACAC,aACAC,kBACAC,aACAC,eACAC,cACAC,eACAC,eACAC,YACAC,aACAC,oBACAC,oBC6UK,MAAMC,GAA4C,CACvDC,KACAC,SACAC,QACAC,YACAC,MACAC,YACAC,gBACAC,YACAC,YACAC,YACAC,aACAC,UACAC,iBACAC,aACAC,qBACAC,iBACAC,SACAC,UACAC,qBACAC,mBACAC,gBACAC,eACAC,eACAC,cACAC,UACAC,QACAC,cACAC,mBACAC,cACAC,eACAC,YACAC,cACAC,WACAC,aACAC,QACAC,cACAC,YACAC,OACAC,UACAC,OACAC,oBACAC,gBACAC,kBACAC,kBACAC,gBACAC,QACAC,cACAC,YACAC,iBACAC,WACAC,WACAC,QACAC,cACAC,QACAC,SACAC,SACAC,eACAC,qBACAC,eACAC,eACAC,eACAC,qBACAC,gBACAC,sBACAC,aACAC,iBACAC,UACAC,eACAC,oBACAC,4BACAC,0BACAC,yBACAC,uBACAC,qBACAC,2BACAC,qBACAC,gBACAC,cACAC,cACAC,kBACAC,eACAC,aACAC,kBACAC,SACAC,cACAC,eACAC,oBACAC,SACAC,iBACAC,kBACAC,aACAC,gBACAC,YACAC,aACAC,WACAC,QACAC,aACAC,oBACAC,WACAC,QACAC,QACAC,SACAC,eACAC,qBACAC,QACAC,OACAC,iBACAC,sBACAC,qBACAC,aACAC,uBACAC,sBACAC,aACAC,iBACAC,2BACAC,oBACAC,gBACAC,mBACAC,iBACAC,gBACAC,gBACAC,wBACAC,WACAC,YACAC,iBACAC,iBACAC,kBACAC,gBACAC,oBACAC,kBACAC,gBACAC,oBACAC,mBACAC,mBACAC,OACAC,aACAC,WACAC,YACAC,QACAC,YACAC,SACAC,UACAC,SACAC,eACAC,qBACAC,gBACAC,sBACAC,qBACAC,2BACAC,iBACAC,yBACAC,+BACAC,uBACAC,4BACAC,kCACAC,iBACAC,uBACAC,6BACAC,UACAC,gBACAC,OACAC,eACAC,WACAC,eACAC,mBACAC,WACAC,eACAC,QACAC,cACAC,cACAC,UACAC,gBACAC,YACAC,cACAC,kBACAC,SACAC,oBACAC,QACAC,aACAC,YACAC,kBACAC,mBACAC,kBACAC,gBACAC,iBACAC,SACAC,cACAC,aACAC,mBACAC,mBACAC,WACAC,aACAC,YACAC,WACAC,WACAC,aACAC,SACAC,UACAC,eACAC,SACAC,aACAC,YACAC,QACAC,QACAC,UACAC,YACAC,OACAC,UACAC,QACAC,gBACAC,iBACAC,cACAC,eACAC,kBACAC,WACAC,WACAC,WACAC,WACAC,gBACAC,YACAC,QACAC,QACAC,SACAC,eACAC,qBACAC,uBACAC,qBACAC,cACAC,oBACAC,YACAC,UACAC,QACAC,uBACAC,mBACAC,wBACAC,yBACAC,0BACAC,iBACAC,WACAC,UACAC,YACAC,SACAC,iBACAC,sBACAC,aACAC,OACAC,WACAC,YACAC,WACAC,gBACAC,aACAC,mBACAC,YACAC,cACAC,iBACAC,eACAC,aACAC,kBACAC,aACAC,kBACAC,mBACAC,SACAC,eACAC,UACAC,kBACAC,UACAC,YACAC,iBACAC,eACAC,cACAC,eACAC,qBACAC,iBACAC,gBACAC,cACAC,SACAC,mBACAC,gBACAC,OACAC,iBACAC,kBACAC,cACAC,eACAC,QACAC,cACAC,QACAC,QACAC,cACAC,eACAC,WACAC,aACAC,UACAC,gBACAC,QACAC,WACAC,WACAC,gBACAC,UACAC,cACAC,oBACAC,iBACAC,kBACAC,eACAC,gBACAC,mBACAC,UACAC,aACAC,QACAC,WACAC,SACAC,YACAC,kBACAC,UACAC,gBACAC,sBACAC,mBACAC,UACAC,eACAC,yBACAC,gBACAC,sBACAC,eACAC,qBACAC,gBACAC,cACAC,oBACAC,eACAC,aACAC,gBACAC,oBACAC,mBACAC,oBACAC,yBACAC,+BACAC,UACAC,uBACAC,eACAC,qBACAC,gBACAC,sBACAC,qBACAC,gBACAC,cACAC,gBACAC,cACAC,kBACAC,wBACAC,QACAC,cACAC,aACAC,UACAC,YACAC,kBACAC,wBACAC,SACAC,OACAC,UACAC,gBACAC,QACAC,aACAC,cACAC,cACAC,oBACAC,YACAC,kBACAC,gBACAC,UACAC,gBACAC,SACAC,UACAC,cACAC,oBACAC,QACAC,WACAC,UACAC,kBACAC,gBACAC,+BACAC,SACAC,YACAC,UACAC,gBACAC,cACAC,oBACAC,eACAC,YACAC,YACAC,WACAC,kBACAC,aACAC,gBACAC,sBACAC,8BACAC,aACAC,aACAC,UACAC,gBC5xBF,MAAMC,GAAU,IAAM,+kI,MCmCTC,GAAIC,EAAA,MAAAD,UAAAE,EALjB,WAAAC,CAAAC,G,4CASUC,KAAAC,KAAe,GAEfD,KAAAE,KAAiB,KAMjBF,KAAAG,KAAgB,KAgEzB,CA9DC,aAAYC,GACV,MAAMC,EAASL,KAAKG,KAAOxb,GAAkBiC,GAC7C,OAAOyZ,EAAOL,KAAKC,OAAS,E,CAGtB,SAAAK,GACN,MAAMC,EAAYP,KAAKQ,GAAGC,cAA2B,cACrD,IAAKF,EAAW,OAChBA,EAAUG,UAAYV,KAAKI,UAG3B,MAAMO,EAAMJ,EAAUE,cAA0B,OAChD,GAAIE,EAAK,CACPA,EAAIC,gBAAgB,SACpBD,EAAIC,gBAAgB,UAGpBD,EAAIE,aAAa,YAAa,SAC9BF,EAAIE,aAAa,cAAe,QAChCF,EAAIG,MAAMC,QAAU,QACpBJ,EAAIG,MAAME,WAAa,IACvBL,EAAIG,MAAMG,MAAQ,OAClBN,EAAIG,MAAMI,OAAS,M,EAMvB,YAAAC,GACEnB,KAAKM,W,CAGP,kBAAAc,GACEpB,KAAKM,W,CAGP,MAAAe,GACE,MAAMC,SAAuBtB,KAAKuB,QAAU,UAAYvB,KAAKuB,MAAMC,WAAW,UAE9E,MAAMC,EAA+B,CACnCC,KAAM,KACN,CAAC,cAAc1B,KAAKE,QAAS,KAC7B,CAAC,eAAeF,KAAKuB,WAAYvB,KAAKuB,QAAUD,GAAiBtB,KAAKuB,QAAU,UAChF,sBAAuBvB,KAAKuB,QAAU,WAGxC,MAAMT,EAAQQ,EAAgB,CAAEC,MAAOvB,KAAKuB,OAAoBI,UAEhE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAAChB,MAAO,CAAEC,QAAS,cAAegB,WAAY,SAAUC,eAAgB,WAC3EJ,EAAA,QAAAE,IAAA,2CACEG,MAAOR,EACPX,MAAOA,EACPoB,KAAMlC,KAAKmC,MAAQ,MAAQ,eAAc,aAC7BnC,KAAKmC,MAAK,eACRnC,KAAKmC,MAAQ,OAASR,WAEpCC,EAAA,QAAAE,IAAA,2CAAMG,MAAM,e","ignoreList":[]}

package/dist/components/p-CiEc8Nwx.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["badgeCss","SURFACE_RING","default","primary","secondary","medium","bold","strong","navigation","Badge","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","count","max","surface","gradientBackground","isSelected","gradientLayoutVersion","gradientObserver","gradientWindowListener","componentDidLoad","enableShellGradientRingIfNeeded","disconnectedCallback","unbindGradientRingSync","gradientBackgroundChanged","bindGradientRingSync","isShellGradientActive","el","update","window","addEventListener","ResizeObserver","observe","shell","closest","bar","panel","removeEventListener","disconnect","ringHostStyle","ring","style","BADGE_GRADIENT_POSITION_VAR","render","isDot","h","Host","display","String","ariaLabel","label","background","class","badge","badge__mark"],"sources":["src/wc/components/Badge/Badge.css?tag=ds-badge&encapsulation=scoped","src/wc/components/Badge/Badge.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  vertical-align: middle;\n\n  --_badge-bg: var(--color-background-bold-brand);\n  --_badge-fg: var(--color-foreground-on-bold-background-primary);\n  --_badge-ring: var(--color-background-secondary);\n  --_badge-ring-width: var(--dimension-stroke-width-018);\n}\n\n.badge__mark {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  color: var(--_badge-fg);\n  background: var(--_badge-bg);\n  box-shadow: 0 0 0 var(--_badge-ring-width) var(--_badge-ring);\n  white-space: nowrap;\n}\n\n:host(.badge--dot) .badge__mark {\n  width: var(--dimension-size-075);\n  height: var(--dimension-size-075);\n  border-radius: var(--dimension-radius-half);\n}\n\n:host(.badge--counter) .badge__mark {\n  width: var(--dimension-size-150);\n  height: var(--dimension-size-150);\n  padding: 0;\n  border-radius: var(--dimension-radius-half);\n  font-size: var(--typography-fontsize-xs);\n  line-height: 1;\n}\n\n:host(.badge--selected) {\n  --_badge-bg: var(--color-foreground-primary);\n}\n\n/* Shell gradient ring — base fill + wash donut (option 3). */\n:host(.badge--on-gradient-background) .badge__mark {\n  position: relative;\n  z-index: 0;\n  box-shadow: none;\n  isolation: isolate;\n}\n\n:host(.badge--on-gradient-background) .badge__mark::before,\n:host(.badge--on-gradient-background) .badge__mark::after {\n  content: '';\n  position: absolute;\n  inset: calc(-1 * var(--_badge-ring-width));\n  border-radius: inherit;\n  box-sizing: border-box;\n  padding: var(--_badge-ring-width);\n  pointer-events: none;\n  -webkit-mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask:\n    linear-gradient(#fff 0 0) content-box,\n    linear-gradient(#fff 0 0);\n  mask-composite: exclude;\n}\n\n:host(.badge--on-gradient-background) .badge__mark::before {\n  z-index: -2;\n  background-color: var(--_badge-ring);\n}\n\n:host(.badge--on-gradient-background) .badge__mark::after {\n  z-index: -1;\n  background-image: var(--ds-shell-gradient-image, none);\n  background-size: var(--ds-shell-gradient-size, auto);\n  background-position: 0 0;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  opacity: var(--ds-shell-gradient-opacity, 1);\n}\n","import { Component, Prop, Element, State, Watch, h, Host } from '@stencil/core';\nimport {\n  BADGE_GRADIENT_POSITION_VAR,\n  isShellGradientActive,\n} from '../../nav/badge-gradient-ring';\n\nexport type BadgeVariant = 'counter' | 'dot';\nexport type BadgeSurface =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'medium'\n  | 'bold'\n  | 'strong'\n  | 'navigation'\n  | 'always-dark';\n\nconst SURFACE_RING: Record<BadgeSurface, string> = {\n  default: 'var(--color-background-secondary)',\n  primary: 'var(--color-background-primary)',\n  secondary: 'var(--color-background-secondary)',\n  medium: 'var(--color-background-medium-neutral)',\n  bold: 'var(--color-background-bold-neutral)',\n  strong: 'var(--color-background-strong-neutral)',\n  navigation: 'var(--color-navigation-background)',\n  'always-dark': 'var(--color-always-dark-background)',\n};\n\n@Component({\n  tag: 'ds-badge',\n  styleUrl: 'Badge.css',\n  scoped: true,\n})\nexport class Badge {\n  @Element() el!: HTMLElement;\n\n  /** Render as a compact counter or notification dot. */\n  @Prop() variant: BadgeVariant = 'counter';\n\n  /** Count shown for counter badges. Count 0 hides the badge. */\n  @Prop() count: number = 0;\n\n  /** Highest count shown before compacting to \"+\". */\n  @Prop() max: number = 9;\n\n  /** Surface context for the ring around dots. */\n  @Prop() surface: BadgeSurface = 'default';\n\n  /** Direct ring background override for component-local surfaces. */\n  @Prop() background: string | undefined;\n\n  /**\n   * Ring samples the shell gradient stack (base fill + wash) instead of a flat\n   * `box-shadow`. Auto-enabled in `componentDidLoad` under `ds-app-shell[gradient]`;\n   * set `on-gradient-background` to opt in/out explicitly.\n   */\n  @Prop({ attribute: 'on-gradient-background', reflect: true }) gradientBackground: boolean = false;\n\n  /** Deprecated alias for selected counter styling. Prefer context-specific color in the parent. */\n  @Prop() isSelected: boolean = false;\n\n  /** Accessible label. Defaults to the count as a string. */\n  @Prop() label: string | undefined;\n\n  /** Bumps on resize/layout so render recomputes gradient ring position. */\n  @State() private gradientLayoutVersion = 0;\n\n  private gradientObserver: ResizeObserver | null = null;\n  private gradientWindowListener: (() => void) | null = null;\n\n  componentDidLoad() {\n    this.enableShellGradientRingIfNeeded();\n  }\n\n  disconnectedCallback() {\n    this.unbindGradientRingSync();\n  }\n\n  @Watch('gradientBackground')\n  gradientBackgroundChanged() {\n    this.bindGradientRingSync();\n  }\n\n  /** Imperative opt-in avoids Stencil aborting parent render for nested badges. */\n  private enableShellGradientRingIfNeeded() {\n    if (!this.gradientBackground && isShellGradientActive(this.el)) {\n      this.gradientBackground = true;\n    }\n\n    if (this.gradientBackground) {\n      this.bindGradientRingSync();\n    }\n  }\n\n  private bindGradientRingSync() {\n    this.unbindGradientRingSync();\n\n    if (!this.gradientBackground) return;\n\n    const update = () => {\n      this.gradientLayoutVersion += 1;\n    };\n    update();\n\n    this.gradientWindowListener = update;\n    window.addEventListener('resize', update);\n\n    if (typeof ResizeObserver !== 'undefined') {\n      this.gradientObserver = new ResizeObserver(update);\n      this.gradientObserver.observe(this.el);\n\n      const shell = this.el.closest('ds-app-shell');\n      if (shell) this.gradientObserver.observe(shell);\n\n      const bar = this.el.closest('ds-bar-nav');\n      if (bar) this.gradientObserver.observe(bar);\n\n      const panel = this.el.closest('ds-panel-nav');\n      if (panel) this.gradientObserver.observe(panel);\n    }\n  }\n\n  private unbindGradientRingSync() {\n    if (this.gradientWindowListener) {\n      window.removeEventListener('resize', this.gradientWindowListener);\n      this.gradientWindowListener = null;\n    }\n\n    this.gradientObserver?.disconnect();\n    this.gradientObserver = null;\n  }\n\n  private ringHostStyle(ring: string): Record<string, string> {\n    void this.gradientLayoutVersion;\n\n    const style: Record<string, string> = { '--_badge-ring': ring };\n    if (!this.gradientBackground || !isShellGradientActive(this.el)) return style;\n\n    /* Shell chrome wash uses background-attachment: fixed at viewport origin. */\n    style[BADGE_GRADIENT_POSITION_VAR] = '0 0';\n    return style;\n  }\n\n  render() {\n    const isDot = this.variant === 'dot';\n\n    if (!isDot && this.count === 0) return <Host style={{ display: 'none' }} />;\n\n    const display = this.count > this.max ? '+' : String(this.count);\n    const ariaLabel = this.label ?? (isDot ? 'Notification' : String(this.count));\n    const ring = this.background ?? SURFACE_RING[this.surface];\n\n    return (\n      <Host\n        class={{\n          badge: true,\n          'badge--counter': !isDot,\n          'badge--dot': isDot,\n          'badge--selected': this.isSelected,\n          'badge--on-gradient-background': this.gradientBackground,\n        }}\n        aria-label={ariaLabel}\n        style={this.ringHostStyle(ring)}\n      >\n        <span\n          class={{\n            'badge__mark': true,\n            'text-caption-emphasis': !isDot,\n          }}\n          aria-hidden=\"true\"\n        >\n          {!isDot && display}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAW,IAAM,ymECiBvB,MAAMC,EAA6C,CACjDC,QAAS,oCACTC,QAAS,kCACTC,UAAW,oCACXC,OAAQ,yCACRC,KAAM,uCACNC,OAAQ,yCACRC,WAAY,qCACZ,cAAe,uC,MAQJC,EAAKC,EAAA,MAAAD,UAAAE,EALlB,WAAAC,CAAAC,G,4CASUC,KAAAC,QAAwB,UAGxBD,KAAAE,MAAgB,EAGhBF,KAAAG,IAAc,EAGdH,KAAAI,QAAwB,UAU8BJ,KAAAK,mBAA8B,MAGpFL,KAAAM,WAAsB,MAMbN,KAAAO,sBAAwB,EAEjCP,KAAAQ,iBAA0C,KAC1CR,KAAAS,uBAA8C,IA4GvD,CA1GC,gBAAAC,GACEV,KAAKW,iC,CAGP,oBAAAC,GACEZ,KAAKa,wB,CAIP,yBAAAC,GACEd,KAAKe,sB,CAIC,+BAAAJ,GACN,IAAKX,KAAKK,oBAAsBW,EAAsBhB,KAAKiB,IAAK,CAC9DjB,KAAKK,mBAAqB,I,CAG5B,GAAIL,KAAKK,mBAAoB,CAC3BL,KAAKe,sB,EAID,oBAAAA,GACNf,KAAKa,yBAEL,IAAKb,KAAKK,mBAAoB,OAE9B,MAAMa,EAAS,KACblB,KAAKO,uBAAyB,CAAC,EAEjCW,IAEAlB,KAAKS,uBAAyBS,EAC9BC,OAAOC,iBAAiB,SAAUF,GAElC,UAAWG,iBAAmB,YAAa,CACzCrB,KAAKQ,iBAAmB,IAAIa,eAAeH,GAC3ClB,KAAKQ,iBAAiBc,QAAQtB,KAAKiB,IAEnC,MAAMM,EAAQvB,KAAKiB,GAAGO,QAAQ,gBAC9B,GAAID,EAAOvB,KAAKQ,iBAAiBc,QAAQC,GAEzC,MAAME,EAAMzB,KAAKiB,GAAGO,QAAQ,cAC5B,GAAIC,EAAKzB,KAAKQ,iBAAiBc,QAAQG,GAEvC,MAAMC,EAAQ1B,KAAKiB,GAAGO,QAAQ,gBAC9B,GAAIE,EAAO1B,KAAKQ,iBAAiBc,QAAQI,E,EAIrC,sBAAAb,GACN,GAAIb,KAAKS,uBAAwB,CAC/BU,OAAOQ,oBAAoB,SAAU3B,KAAKS,wBAC1CT,KAAKS,uBAAyB,I,CAGhCT,KAAKQ,kBAAkBoB,aACvB5B,KAAKQ,iBAAmB,I,CAGlB,aAAAqB,CAAcC,GAGpB,MAAMC,EAAgC,CAAE,gBAAiBD,GACzD,IAAK9B,KAAKK,qBAAuBW,EAAsBhB,KAAKiB,IAAK,OAAOc,EAGxEA,EAAMC,GAA+B,MACrC,OAAOD,C,CAGT,MAAAE,GACE,MAAMC,EAAQlC,KAAKC,UAAY,MAE/B,IAAKiC,GAASlC,KAAKE,QAAU,EAAG,OAAOiC,EAACC,EAAI,CAACL,MAAO,CAAEM,QAAS,UAE/D,MAAMA,EAAUrC,KAAKE,MAAQF,KAAKG,IAAM,IAAMmC,OAAOtC,KAAKE,OAC1D,MAAMqC,EAAYvC,KAAKwC,QAAUN,EAAQ,eAAiBI,OAAOtC,KAAKE,QACtE,MAAM4B,EAAO9B,KAAKyC,YAActD,EAAaa,KAAKI,SAElD,OACE+B,EAACC,EAAI,CACHM,MAAO,CACLC,MAAO,KACP,kBAAmBT,EACnB,aAAcA,EACd,kBAAmBlC,KAAKM,WACxB,gCAAiCN,KAAKK,oBACvC,aACWkC,EACZR,MAAO/B,KAAK6B,cAAcC,IAE1BK,EAAA,QACEO,MAAO,CACLE,YAAe,KACf,yBAA0BV,GAC3B,cACW,SAEVA,GAASG,G","ignoreList":[]}

package/dist/components/p-g6MCxfm4.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BADGE_GRADIENT_POSITION_VAR","isShellGradientActive","from","shell","closest","hasAttribute"],"sources":["src/wc/nav/badge-gradient-ring.ts"],"sourcesContent":["import {\n  SHELL_GRADIENT_POSITION_BAR_VAR,\n  SHELL_GRADIENT_POSITION_PANEL_VAR,\n} from './shell-gradient';\n\n/** Per-badge background-position for shell gradient ring sampling. */\nexport const BADGE_GRADIENT_POSITION_VAR = '--_badge-gradient-position';\n\nexport interface GradientSurface {\n  element: HTMLElement;\n  chromeHost: HTMLElement;\n  positionVar: string;\n}\n\n/** Whether the badge sits under `ds-app-shell[gradient]`. */\nexport function isShellGradientActive(from: HTMLElement): boolean {\n  const shell = from.closest('ds-app-shell');\n  return shell?.hasAttribute('gradient') === true;\n}\n\n/** Bar or panel chrome surface that owns the shell gradient stack. */\nexport function findGradientSurface(from: HTMLElement): GradientSurface | null {\n  const barHost = from.closest('ds-bar-nav') as HTMLElement | null;\n  if (barHost) {\n    const root = barHost.shadowRoot ?? barHost;\n    const element = root.querySelector('.bar-nav');\n    if (element) {\n      return {\n        element: element as HTMLElement,\n        chromeHost: barHost,\n        positionVar: SHELL_GRADIENT_POSITION_BAR_VAR,\n      };\n    }\n  }\n\n  const panelHost = from.closest('ds-panel-nav') as HTMLElement | null;\n  if (panelHost) {\n    const root = panelHost.shadowRoot ?? panelHost;\n    const element = root.querySelector('.panel-nav');\n    if (element) {\n      return {\n        element: element as HTMLElement,\n        chromeHost: panelHost,\n        positionVar: SHELL_GRADIENT_POSITION_PANEL_VAR,\n      };\n    }\n  }\n\n  return null;\n}\n\ninterface ParsedPosition {\n  x: number;\n  y: number;\n}\n\n/** Parse a two-value CSS background-position (e.g. `-200px 0`). */\nexport function parseCssBackgroundPosition(value: string): ParsedPosition {\n  const trimmed = value.trim();\n  if (!trimmed) return { x: 0, y: 0 };\n\n  const parts = trimmed.split(/\\s+/);\n  const x = parseLength(parts[0] ?? '0');\n  const y = parseLength(parts[1] ?? '0');\n  return { x, y };\n}\n\nfunction parseLength(token: string): number {\n  const px = token.match(/^(-?[\\d.]+)px$/);\n  if (px) return Number(px[1]);\n  return 0;\n}\n\n/**\n * Background position for a badge ring so the shell gradient aligns with nav chrome.\n * Uses badge center relative to the painted chrome surface.\n */\nexport function badgeGradientPosition(\n  badgeHost: HTMLElement,\n  surface: GradientSurface,\n  shellPosition: string,\n): string {\n  const badgeRect = badgeHost.getBoundingClientRect();\n  const surfaceRect = surface.element.getBoundingClientRect();\n  const anchorX = badgeRect.left + badgeRect.width / 2 - surfaceRect.left;\n  const anchorY = badgeRect.top + badgeRect.height / 2 - surfaceRect.top;\n  const { x, y } = parseCssBackgroundPosition(shellPosition);\n\n  return `${Math.round(x - anchorX)}px ${Math.round(y - anchorY)}px`;\n}\n\n/** Resolve shell gradient position from chrome host custom properties. */\nexport function readShellGradientPosition(surface: GradientSurface): string {\n  const styles = getComputedStyle(surface.chromeHost);\n  return styles.getPropertyValue(surface.positionVar).trim() || '0 0';\n}\n\n/** Stamp `--_badge-gradient-position` on the badge host (fixed viewport chrome). */\nexport function syncBadgeGradientPosition(badgeHost: HTMLElement): void {\n  if (!isShellGradientActive(badgeHost)) {\n    badgeHost.style.removeProperty(BADGE_GRADIENT_POSITION_VAR);\n    return;\n  }\n\n  badgeHost.style.setProperty(BADGE_GRADIENT_POSITION_VAR, '0 0');\n}\n"],"mappings":"AAMO,MAAMA,EAA8B,6BASrC,SAAUC,EAAsBC,GACpC,MAAMC,EAAQD,EAAKE,QAAQ,gBAC3B,OAAOD,GAAOE,aAAa,cAAgB,IAC7C,Q","ignoreList":[]}