@ds-mo/ui 1.0.1 → 1.0.2

package/dist/components/ds-bar-nav-action.js

@@ -1,2 +1,2 @@
-import{B as o,d as s}from"./p-Dfx0StHj.js";const t=o;const p=s;export{t as DsBarNavAction,p as defineCustomElement};
+import{B as o,d as s}from"./p-BYe8Rfdg.js";const t=o;const p=s;export{t as DsBarNavAction,p as defineCustomElement};
 //# sourceMappingURL=ds-bar-nav-action.js.map

package/dist/components/ds-bar-nav.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{g as r,i as o,d as h}from"./p-DV8pmt1m.js";import{d as c}from"./p-Dfx0StHj.js";import{d}from"./p-Dqga4VCz.js";import{d as l}from"./p-STnE_bmQ.js";function b(e,s,t){if(!e||!s){return{value:"",hideTabs:false}}if(e!==s&&!e.startsWith(`${s}/`)){return{value:"",hideTabs:false}}const i=e.slice(s.length);const a=i.startsWith("/")?i.slice(1).split("/")[0]:"";const n=r(t);if(!a){return{value:n[0]?.id??"",hideTabs:false}}const o=n.find((e=>e.id===a));if(o){return{value:o.id,hideTabs:false}}return{value:"",hideTabs:true}}function u(e,s,t,i,a,n){const r=t?f(t,[]):s??[];const o=n?f(n,[]):a??[];return e.length===0&&r.length>0||i.length===0&&o.length>0}function f(e,s){if(Array.isArray(e))return e;if(typeof e==="string"&&e!==""){try{const t=JSON.parse(e);return Array.isArray(t)?t:s}catch{return s}}return s}function v(e,s){if(!e)return null;const t=e.shadowRoot??e;return t.querySelector(s)}function g(e){return v(e,'[role="tablist"]')}function p(e,s){const t=[];let i=[];for(const a of e){if(o(a)){if(i.length>0){t.push({items:i});i=[]}continue}i.push({label:a.label,value:a.id,isSelected:a.id===s,isInactive:a.disabled})}if(i.length>0){t.push({items:i})}return t}function m(e,s){const t=r(e);return t.find((e=>e.id===s))??t[0]}function _(e,s){return m(e,s)?.label??"Tabs"}function y(e,s,t,i=2){const a=e-s;if(t){return a>-i}return a>i}const k=()=>`.sc-ds-bar-nav-h{display:block}.bar-nav.sc-ds-bar-nav{display:flex;align-items:center;height:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100);box-sizing:border-box;border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.bg-primary.sc-ds-bar-nav{background-color:var(--color-background-primary)}.bg-secondary.sc-ds-bar-nav{background-color:var(--color-background-secondary)}.bg-transparent.sc-ds-bar-nav{background-color:transparent}.bg-translucent.sc-ds-bar-nav{background-color:var(--color-background-translucent);backdrop-filter:blur(var(--effect-blur-md));-webkit-backdrop-filter:blur(var(--effect-blur-md))}.bar-nav__left.sc-ds-bar-nav{position:relative;flex:1 1 0%;min-width:0;width:0;display:flex;align-items:center}.bar-nav__left.sc-ds-bar-nav ds-tab-group.sc-ds-bar-nav{flex:1;min-width:0}.bar-nav__tabs-probe.sc-ds-bar-nav{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;overflow:visible;width:max-content;max-width:none;z-index:-1}.bar-nav__tabs-probe.sc-ds-bar-nav ds-tab-group.sc-ds-bar-nav{width:max-content}.bar-nav__tabs-visible.sc-ds-bar-nav{width:100%;min-width:0}.bar-nav__tabs-pending.sc-ds-bar-nav{flex:1;min-width:0;height:var(--dimension-size-400);visibility:hidden;pointer-events:none}.bar-nav__tab-trigger.sc-ds-bar-nav{display:inline-flex;align-items:center;justify-content:center;gap:var(--dimension-space-050);max-width:100%;padding:var(--dimension-space-075);background-color:transparent;border:none;border-radius:var(--dimension-radius-025);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-foreground-primary);position:relative;transition:color var(--effect-motion-short-2);flex-shrink:1;min-width:0;height:var(--dimension-size-400);box-sizing:border-box;--_hover-bg:var(--color-interaction-hover);--_pressed-bg:var(--color-interaction-pressed);--_dot:var(--color-foreground-bold-brand);--_dot-ring:var(--color-background-secondary)}.bar-nav__tab-trigger.sc-ds-bar-nav::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025);background:transparent;pointer-events:none;transition:none}.bar-nav__tab-trigger.sc-ds-bar-nav:hover::after{background:var(--_hover-bg);transition:none}.bar-nav__tab-trigger.sc-ds-bar-nav:active::after{background:var(--_pressed-bg);transition:none}.bar-nav__tab-trigger.sc-ds-bar-nav:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.bar-nav__tab-trigger--open.sc-ds-bar-nav::after{background:var(--_hover-bg)}.bar-nav__tab-trigger-label.sc-ds-bar-nav{position:relative;display:inline-flex;align-items:center;min-width:0;padding:0 var(--dimension-space-025);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-nav__tab-trigger-label--dot.sc-ds-bar-nav{padding-right:calc(var(--dimension-space-025) + var(--dimension-space-050))}.bar-nav__tab-trigger-dot.sc-ds-bar-nav{position:absolute;top:0;right:0;width:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));height:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));border-radius:var(--dimension-radius-half);background:var(--_dot);box-shadow:0 0 0 var(--dimension-stroke-width-018) var(--_dot-ring);pointer-events:none}.bar-nav__tab-trigger-chevron.sc-ds-bar-nav{flex-shrink:0}.bar-nav__heading.sc-ds-bar-nav{display:inline-flex;align-items:center;height:var(--dimension-size-400);padding-inline:var(--dimension-space-100);color:var(--color-foreground-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-nav__actions.sc-ds-bar-nav{display:flex;align-items:center;gap:var(--dimension-space-050);flex-shrink:0}`;const C=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsTabChange=t(this,"dsTabChange");this.dsActionChange=t(this,"dsActionChange");this.tabs=[];this.tabsJson="";this.value="";this.actions=[];this.actionsJson="";this.background="secondary";this.basePath="";this.currentUrl="";this.resolvedTabs=[];this.resolvedActions=[];this.urlDerivedValue="";this.hideTabsForDetailRoute=false;this.tabsCollapsed=false;this.menuOpen=false;this.tabLayoutCommitted=false;this.leftEl=null;this.triggerEl=null;this.menuEl=null;this.visibleTabGroupEl=null;this.probeTabGroupEl=null;this.resizeObserver=null;this.overflowCheckScheduled=false;this.intrinsicWidthRetryCount=0}get effectiveValue(){if(this.currentUrl&&this.basePath){return this.urlDerivedValue}return this.value}get activeTabLabel(){return _(this.resolvedTabs,this.effectiveValue)}get activeTabHasDot(){return!!m(this.resolvedTabs,this.effectiveValue)?.dot}onPropsChange(){this.resolvedTabs=this.tabsJson?f(this.tabsJson,[]):this.tabs??[];this.resolvedActions=this.actionsJson?f(this.actionsJson,[]):this.actions??[];this.syncValueFromUrl();this.intrinsicWidthRetryCount=0;this.scheduleOverflowCheck()}onUrlChange(){this.syncValueFromUrl();this.scheduleOverflowCheck()}onSelectionChange(){this.syncMenuSections();this.scheduleOverflowCheck()}onMenuOpenChange(e){if(this.menuEl){this.menuEl.open=e}}onTabsCollapsedChange(e,s){if(!e){this.menuOpen=false;this.menuEl=null}this.scheduleOverflowCheck();if(e||s===undefined||s===e)return;requestAnimationFrame((()=>this.scheduleOverflowCheck()));queueMicrotask((()=>this.focusVisibleSelectedTab()))}componentWillLoad(){this.onPropsChange()}componentDidLoad(){this.syncHostPropsIfNeeded();this.scheduleDeferredHostPropSync();this.setupOverflowObserver();this.scheduleOverflowCheck()}componentDidRender(){this.scheduleOverflowCheck();this.syncMenuAnchor()}disconnectedCallback(){this.resizeObserver?.disconnect();this.resizeObserver=null}syncHostPropsIfNeeded(){if(u(this.resolvedTabs,this.tabs,this.tabsJson,this.resolvedActions,this.actions,this.actionsJson)){this.onPropsChange()}else if(this.currentUrl&&this.basePath){this.syncValueFromUrl()}}scheduleDeferredHostPropSync(){let s=e.HOST_PROP_SYNC_BUDGET;const t=()=>{this.syncHostPropsIfNeeded();if(--s>0){requestAnimationFrame(t)}};queueMicrotask(t)}setupOverflowObserver(){if(typeof ResizeObserver==="undefined"||!this.leftEl)return;this.resizeObserver?.disconnect();this.resizeObserver=new ResizeObserver((()=>this.scheduleOverflowCheck()));this.resizeObserver.observe(this.leftEl);const e=this.leftEl.parentElement;if(e){this.resizeObserver.observe(e)}}scheduleOverflowCheck(){if(this.overflowCheckScheduled)return;this.overflowCheckScheduled=true;requestAnimationFrame((()=>{this.overflowCheckScheduled=false;this.updateTabsCollapsed()}))}getLeftZoneAvailableWidth(){if(!this.leftEl)return 0;const e=this.leftEl.parentElement;if(!e?.classList.contains("bar-nav")){return this.leftEl.clientWidth}const s=getComputedStyle(e);const t=parseFloat(s.columnGap||s.gap||"0")||0;const i=e.querySelector(".bar-nav__actions");const a=i?.offsetWidth??0;const n=(parseFloat(s.paddingLeft)||0)+(parseFloat(s.paddingRight)||0);const r=e.clientWidth-n-a-(i?t:0);return Math.max(0,r)}getTabsIntrinsicWidth(){const e=g(this.probeTabGroupEl);return e?.scrollWidth??0}scheduleIntrinsicWidthRetry(){if(this.intrinsicWidthRetryCount>=e.INTRINSIC_WIDTH_RETRY_MAX)return;this.intrinsicWidthRetryCount++;requestAnimationFrame((()=>this.scheduleOverflowCheck()))}updateTabsCollapsed(){if(!this.leftEl||this.resolvedTabs.length===0||this.hideTabsForDetailRoute){if(this.tabsCollapsed){this.tabsCollapsed=false;this.menuOpen=false}this.intrinsicWidthRetryCount=0;return}const e=this.getTabsIntrinsicWidth();if(e===0){this.scheduleIntrinsicWidthRetry();return}this.intrinsicWidthRetryCount=0;const s=y(e,this.getLeftZoneAvailableWidth(),this.tabsCollapsed);if(s!==this.tabsCollapsed){this.tabsCollapsed=s;if(!s){this.menuOpen=false}}}syncMenuAnchor(){if(!this.menuEl||!this.triggerEl||!this.tabsCollapsed)return;this.menuEl.anchor=this.triggerEl;this.syncMenuSections()}handleMenuSelect(e){const s=e.detail;if(s?.value!==undefined){this.selectTab(String(s.value))}this.menuOpen=false}handleMenuClose(){this.menuOpen=false}syncMenuSections(){if(!this.menuEl)return;this.menuEl.sections=p(this.resolvedTabs,this.effectiveValue)}syncValueFromUrl(){if(!this.currentUrl||!this.basePath){this.urlDerivedValue="";this.hideTabsForDetailRoute=false;return}const{value:e,hideTabs:s}=b(this.currentUrl,this.basePath,this.resolvedTabs);this.urlDerivedValue=e;this.hideTabsForDetailRoute=s}selectTab(e){this.value=e;this.dsTabChange.emit(e)}focusVisibleSelectedTab(){const e=v(this.visibleTabGroupEl,`[data-tab-id="${this.effectiveValue}"]`);e?.focus({preventScroll:true})}handleTabChange(e){this.selectTab(e.detail)}handleActionChange(e,s){const t=s.detail;this.dsActionChange.emit({id:e,selected:t})}toggleTabMenu(){if(this.menuOpen){this.menuOpen=false;return}if(this.menuEl&&this.triggerEl){this.menuEl.anchor=this.triggerEl;this.menuEl.minWidth=`${this.triggerEl.offsetWidth}px`;this.syncMenuSections()}this.menuOpen=true}handleTriggerKeyDown(e){if(!this.tabsCollapsed)return;if(!this.menuOpen){if(e.key==="ArrowDown"||e.key==="ArrowUp"||e.key==="Enter"||e.key===" "){e.preventDefault();this.toggleTabMenu()}return}if(e.key==="Escape"){e.preventDefault();this.menuOpen=false;this.triggerEl?.focus()}}render(){const e=this.resolvedTabs.length>0&&!this.hideTabsForDetailRoute;const s={};const t=s[this.background];return i(a,{key:"f61ba8038d5de9f4a82f4c6ea5bc364309cdda02"},i("header",{key:"bdcc95ad765f2029db92e479f0c1d1042860db40",class:{"bar-nav":true,[`bg-${this.background}`]:true}},i("div",{key:"85f14adc72765b5662cb650c2c719f6b254f8183",class:"bar-nav__left",ref:e=>{this.leftEl=e;if(e&&!this.resizeObserver){this.setupOverflowObserver()}}},e&&i("div",{key:"4f085a516d42824f3b549699f8f1e32ea6076bdc",class:"bar-nav__tabs-probe","aria-hidden":"true",inert:true},i("ds-tab-group",{key:"e28ce0c117e2d0c11bbd1d8aaec5a705bc084145",ref:e=>{this.probeTabGroupEl=e??null;if(e){this.intrinsicWidthRetryCount=0;this.scheduleOverflowCheck()}},tabs:this.resolvedTabs,value:this.effectiveValue})),e&&!this.tabsCollapsed&&i("ds-tab-group",{key:"ceea1d5c1d1e9f661a832e087eae075b037d1095",class:"bar-nav__tabs-visible",ref:e=>{this.visibleTabGroupEl=e},tabs:this.resolvedTabs,value:this.effectiveValue,onDsChange:e=>this.handleTabChange(e)}),!e&&this.heading&&i("span",{key:"7205f0a666d1f8f10f58caf4da23ea12a149429b",class:"bar-nav__heading text-body-medium-emphasis"},this.heading),e&&this.tabsCollapsed&&i("button",{key:"cdb5fba6d3ff04a9657105c1d174e41de3b3b0c3",type:"button",class:{"bar-nav__tab-trigger":true,"bar-nav__tab-trigger--open":this.menuOpen},ref:e=>{this.triggerEl=e},"aria-haspopup":"menu","aria-expanded":this.menuOpen,"aria-label":`${this.activeTabLabel} tabs`,onClick:()=>this.toggleTabMenu(),onKeyDown:e=>this.handleTriggerKeyDown(e)},i("span",{key:"e057760ebcefa4343aa075e1fe0c9a2c88aed55e",class:{"bar-nav__tab-trigger-label":true,"bar-nav__tab-trigger-label--dot":this.activeTabHasDot,"text-body-medium-emphasis":true}},this.activeTabLabel,this.activeTabHasDot&&i("span",{key:"73392b1254be46c78078d3902855125181d32dd5",class:"bar-nav__tab-trigger-dot","aria-hidden":"true"})),i("ds-icon",{key:"6591f7f874b8b21d0da9d6c3e4a70afb5e8c1b31",name:"ChevronDown",size:"md",color:"inherit",class:"bar-nav__tab-trigger-chevron"}))),this.resolvedActions.length>0&&i("div",{key:"8875ac0ca60926a4bb14ec3429e9edc9cae65e67",class:"bar-nav__actions"},this.resolvedActions.map((e=>i("ds-bar-nav-action",{key:e.id,icon:e.icon,selected:e.selected??false,dot:e.dot??false,inactive:e.inactive,"aria-label":e.ariaLabel??e.id,background:t,onDsChange:s=>this.handleActionChange(e.id,s)}))))),e&&this.tabsCollapsed&&i("ds-menu",{key:"45043ee4b549c44977a2c9dd74012f1f115f4f7d",ref:e=>{this.menuEl=e??null},open:this.menuOpen,sections:p(this.resolvedTabs,this.effectiveValue),side:"bottom",align:"start",onDsSelect:e=>this.handleMenuSelect(e),onDsClose:()=>this.handleMenuClose()}))}static get watchers(){return{tabs:[{onPropsChange:0}],tabsJson:[{onPropsChange:0}],actions:[{onPropsChange:0}],actionsJson:[{onPropsChange:0}],currentUrl:[{onUrlChange:0}],basePath:[{onUrlChange:0}],value:[{onSelectionChange:0}],urlDerivedValue:[{onSelectionChange:0}],menuOpen:[{onMenuOpenChange:0}],tabsCollapsed:[{onTabsCollapsedChange:0}]}}static get style(){return k()}},[2,"ds-bar-nav",{tabs:[16],tabsJson:[1,"tabs-json"],value:[1025],actions:[16],actionsJson:[1,"actions-json"],heading:[1],background:[1],basePath:[1,"base-path"],currentUrl:[1,"current-url"],resolvedTabs:[32],resolvedActions:[32],urlDerivedValue:[32],hideTabsForDetailRoute:[32],tabsCollapsed:[32],menuOpen:[32],tabLayoutCommitted:[32]},undefined,{tabs:[{onPropsChange:0}],tabsJson:[{onPropsChange:0}],actions:[{onPropsChange:0}],actionsJson:[{onPropsChange:0}],currentUrl:[{onUrlChange:0}],basePath:[{onUrlChange:0}],value:[{onSelectionChange:0}],urlDerivedValue:[{onSelectionChange:0}],menuOpen:[{onMenuOpenChange:0}],tabsCollapsed:[{onTabsCollapsedChange:0}]}]);C.HOST_PROP_SYNC_BUDGET=8;C.INTRINSIC_WIDTH_RETRY_MAX=3;function w(){if(typeof customElements==="undefined"){return}const e=["ds-bar-nav","ds-bar-nav-action","ds-icon","ds-menu","ds-tab-group"];e.forEach((e=>{switch(e){case"ds-bar-nav":if(!customElements.get(n(e))){customElements.define(n(e),C)}break;case"ds-bar-nav-action":if(!customElements.get(n(e))){c()}break;case"ds-icon":if(!customElements.get(n(e))){d()}break;case"ds-menu":if(!customElements.get(n(e))){l()}break;case"ds-tab-group":if(!customElements.get(n(e))){h()}break}}))}w();const x=C;const T=w;export{x as DsBarNav,T as defineCustomElement};
+import{p as e,H as s,c as t,h as i,a,t as n}from"./index.js";import{g as r,i as o,d as h}from"./p-DV8pmt1m.js";import{d as c}from"./p-BYe8Rfdg.js";import{d}from"./p-BvxKLqNx.js";import{d as l}from"./p-STnE_bmQ.js";function b(e,s,t){if(!e||!s){return{value:"",hideTabs:false}}if(e!==s&&!e.startsWith(`${s}/`)){return{value:"",hideTabs:false}}const i=e.slice(s.length);const a=i.startsWith("/")?i.slice(1).split("/")[0]:"";const n=r(t);if(!a){return{value:n[0]?.id??"",hideTabs:false}}const o=n.find((e=>e.id===a));if(o){return{value:o.id,hideTabs:false}}return{value:"",hideTabs:true}}function u(e,s,t,i,a,n){const r=t?f(t,[]):s??[];const o=n?f(n,[]):a??[];return e.length===0&&r.length>0||i.length===0&&o.length>0}function f(e,s){if(Array.isArray(e))return e;if(typeof e==="string"&&e!==""){try{const t=JSON.parse(e);return Array.isArray(t)?t:s}catch{return s}}return s}function v(e,s){if(!e)return null;const t=e.shadowRoot??e;return t.querySelector(s)}function g(e){return v(e,'[role="tablist"]')}function p(e,s){const t=[];let i=[];for(const a of e){if(o(a)){if(i.length>0){t.push({items:i});i=[]}continue}i.push({label:a.label,value:a.id,isSelected:a.id===s,isInactive:a.disabled})}if(i.length>0){t.push({items:i})}return t}function m(e,s){const t=r(e);return t.find((e=>e.id===s))??t[0]}function _(e,s){return m(e,s)?.label??"Tabs"}function y(e,s,t,i=2){const a=e-s;if(t){return a>-i}return a>i}const k=()=>`.sc-ds-bar-nav-h{display:block}.bar-nav.sc-ds-bar-nav{display:flex;align-items:center;height:var(--dimension-size-600);padding:var(--dimension-space-100);gap:var(--dimension-space-100);box-sizing:border-box;border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary)}.bg-primary.sc-ds-bar-nav{background-color:var(--color-background-primary)}.bg-secondary.sc-ds-bar-nav{background-color:var(--color-background-secondary)}.bg-transparent.sc-ds-bar-nav{background-color:transparent}.bg-translucent.sc-ds-bar-nav{background-color:var(--color-background-translucent);backdrop-filter:blur(var(--effect-blur-md));-webkit-backdrop-filter:blur(var(--effect-blur-md))}.bar-nav__left.sc-ds-bar-nav{position:relative;flex:1 1 0%;min-width:0;width:0;display:flex;align-items:center}.bar-nav__left.sc-ds-bar-nav ds-tab-group.sc-ds-bar-nav{flex:1;min-width:0}.bar-nav__tabs-probe.sc-ds-bar-nav{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;overflow:visible;width:max-content;max-width:none;z-index:-1}.bar-nav__tabs-probe.sc-ds-bar-nav ds-tab-group.sc-ds-bar-nav{width:max-content}.bar-nav__tabs-visible.sc-ds-bar-nav{width:100%;min-width:0}.bar-nav__tabs-pending.sc-ds-bar-nav{flex:1;min-width:0;height:var(--dimension-size-400);visibility:hidden;pointer-events:none}.bar-nav__tab-trigger.sc-ds-bar-nav{display:inline-flex;align-items:center;justify-content:center;gap:var(--dimension-space-050);max-width:100%;padding:var(--dimension-space-075);background-color:transparent;border:none;border-radius:var(--dimension-radius-025);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-foreground-primary);position:relative;transition:color var(--effect-motion-short-2);flex-shrink:1;min-width:0;height:var(--dimension-size-400);box-sizing:border-box;--_hover-bg:var(--color-interaction-hover);--_pressed-bg:var(--color-interaction-pressed);--_dot:var(--color-foreground-bold-brand);--_dot-ring:var(--color-background-secondary)}.bar-nav__tab-trigger.sc-ds-bar-nav::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025);background:transparent;pointer-events:none;transition:none}.bar-nav__tab-trigger.sc-ds-bar-nav:hover::after{background:var(--_hover-bg);transition:none}.bar-nav__tab-trigger.sc-ds-bar-nav:active::after{background:var(--_pressed-bg);transition:none}.bar-nav__tab-trigger.sc-ds-bar-nav:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.bar-nav__tab-trigger--open.sc-ds-bar-nav::after{background:var(--_hover-bg)}.bar-nav__tab-trigger-label.sc-ds-bar-nav{position:relative;display:inline-flex;align-items:center;min-width:0;padding:0 var(--dimension-space-025);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-nav__tab-trigger-label--dot.sc-ds-bar-nav{padding-right:calc(var(--dimension-space-025) + var(--dimension-space-050))}.bar-nav__tab-trigger-dot.sc-ds-bar-nav{position:absolute;top:0;right:0;width:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));height:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));border-radius:var(--dimension-radius-half);background:var(--_dot);box-shadow:0 0 0 var(--dimension-stroke-width-018) var(--_dot-ring);pointer-events:none}.bar-nav__tab-trigger-chevron.sc-ds-bar-nav{flex-shrink:0}.bar-nav__heading.sc-ds-bar-nav{display:inline-flex;align-items:center;height:var(--dimension-size-400);padding-inline:var(--dimension-space-100);color:var(--color-foreground-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-nav__actions.sc-ds-bar-nav{display:flex;align-items:center;gap:var(--dimension-space-050);flex-shrink:0}`;const C=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.dsTabChange=t(this,"dsTabChange");this.dsActionChange=t(this,"dsActionChange");this.tabs=[];this.tabsJson="";this.value="";this.actions=[];this.actionsJson="";this.background="secondary";this.basePath="";this.currentUrl="";this.resolvedTabs=[];this.resolvedActions=[];this.urlDerivedValue="";this.hideTabsForDetailRoute=false;this.tabsCollapsed=false;this.menuOpen=false;this.tabLayoutCommitted=false;this.leftEl=null;this.triggerEl=null;this.menuEl=null;this.visibleTabGroupEl=null;this.probeTabGroupEl=null;this.resizeObserver=null;this.overflowCheckScheduled=false;this.intrinsicWidthRetryCount=0}get effectiveValue(){if(this.currentUrl&&this.basePath){return this.urlDerivedValue}return this.value}get activeTabLabel(){return _(this.resolvedTabs,this.effectiveValue)}get activeTabHasDot(){return!!m(this.resolvedTabs,this.effectiveValue)?.dot}onPropsChange(){this.resolvedTabs=this.tabsJson?f(this.tabsJson,[]):this.tabs??[];this.resolvedActions=this.actionsJson?f(this.actionsJson,[]):this.actions??[];this.syncValueFromUrl();this.intrinsicWidthRetryCount=0;this.scheduleOverflowCheck()}onUrlChange(){this.syncValueFromUrl();this.scheduleOverflowCheck()}onSelectionChange(){this.syncMenuSections();this.scheduleOverflowCheck()}onMenuOpenChange(e){if(this.menuEl){this.menuEl.open=e}}onTabsCollapsedChange(e,s){if(!e){this.menuOpen=false;this.menuEl=null}this.scheduleOverflowCheck();if(e||s===undefined||s===e)return;requestAnimationFrame((()=>this.scheduleOverflowCheck()));queueMicrotask((()=>this.focusVisibleSelectedTab()))}componentWillLoad(){this.onPropsChange()}componentDidLoad(){this.syncHostPropsIfNeeded();this.scheduleDeferredHostPropSync();this.setupOverflowObserver();this.scheduleOverflowCheck()}componentDidRender(){this.scheduleOverflowCheck();this.syncMenuAnchor()}disconnectedCallback(){this.resizeObserver?.disconnect();this.resizeObserver=null}syncHostPropsIfNeeded(){if(u(this.resolvedTabs,this.tabs,this.tabsJson,this.resolvedActions,this.actions,this.actionsJson)){this.onPropsChange()}else if(this.currentUrl&&this.basePath){this.syncValueFromUrl()}}scheduleDeferredHostPropSync(){let s=e.HOST_PROP_SYNC_BUDGET;const t=()=>{this.syncHostPropsIfNeeded();if(--s>0){requestAnimationFrame(t)}};queueMicrotask(t)}setupOverflowObserver(){if(typeof ResizeObserver==="undefined"||!this.leftEl)return;this.resizeObserver?.disconnect();this.resizeObserver=new ResizeObserver((()=>this.scheduleOverflowCheck()));this.resizeObserver.observe(this.leftEl);const e=this.leftEl.parentElement;if(e){this.resizeObserver.observe(e)}}scheduleOverflowCheck(){if(this.overflowCheckScheduled)return;this.overflowCheckScheduled=true;requestAnimationFrame((()=>{this.overflowCheckScheduled=false;this.updateTabsCollapsed()}))}getLeftZoneAvailableWidth(){if(!this.leftEl)return 0;const e=this.leftEl.parentElement;if(!e?.classList.contains("bar-nav")){return this.leftEl.clientWidth}const s=getComputedStyle(e);const t=parseFloat(s.columnGap||s.gap||"0")||0;const i=e.querySelector(".bar-nav__actions");const a=i?.offsetWidth??0;const n=(parseFloat(s.paddingLeft)||0)+(parseFloat(s.paddingRight)||0);const r=e.clientWidth-n-a-(i?t:0);return Math.max(0,r)}getTabsIntrinsicWidth(){const e=g(this.probeTabGroupEl);return e?.scrollWidth??0}scheduleIntrinsicWidthRetry(){if(this.intrinsicWidthRetryCount>=e.INTRINSIC_WIDTH_RETRY_MAX)return;this.intrinsicWidthRetryCount++;requestAnimationFrame((()=>this.scheduleOverflowCheck()))}updateTabsCollapsed(){if(!this.leftEl||this.resolvedTabs.length===0||this.hideTabsForDetailRoute){if(this.tabsCollapsed){this.tabsCollapsed=false;this.menuOpen=false}this.intrinsicWidthRetryCount=0;return}const e=this.getTabsIntrinsicWidth();if(e===0){this.scheduleIntrinsicWidthRetry();return}this.intrinsicWidthRetryCount=0;const s=y(e,this.getLeftZoneAvailableWidth(),this.tabsCollapsed);if(s!==this.tabsCollapsed){this.tabsCollapsed=s;if(!s){this.menuOpen=false}}}syncMenuAnchor(){if(!this.menuEl||!this.triggerEl||!this.tabsCollapsed)return;this.menuEl.anchor=this.triggerEl;this.syncMenuSections()}handleMenuSelect(e){const s=e.detail;if(s?.value!==undefined){this.selectTab(String(s.value))}this.menuOpen=false}handleMenuClose(){this.menuOpen=false}syncMenuSections(){if(!this.menuEl)return;this.menuEl.sections=p(this.resolvedTabs,this.effectiveValue)}syncValueFromUrl(){if(!this.currentUrl||!this.basePath){this.urlDerivedValue="";this.hideTabsForDetailRoute=false;return}const{value:e,hideTabs:s}=b(this.currentUrl,this.basePath,this.resolvedTabs);this.urlDerivedValue=e;this.hideTabsForDetailRoute=s}selectTab(e){this.value=e;this.dsTabChange.emit(e)}focusVisibleSelectedTab(){const e=v(this.visibleTabGroupEl,`[data-tab-id="${this.effectiveValue}"]`);e?.focus({preventScroll:true})}handleTabChange(e){this.selectTab(e.detail)}handleActionChange(e,s){const t=s.detail;this.dsActionChange.emit({id:e,selected:t})}toggleTabMenu(){if(this.menuOpen){this.menuOpen=false;return}if(this.menuEl&&this.triggerEl){this.menuEl.anchor=this.triggerEl;this.menuEl.minWidth=`${this.triggerEl.offsetWidth}px`;this.syncMenuSections()}this.menuOpen=true}handleTriggerKeyDown(e){if(!this.tabsCollapsed)return;if(!this.menuOpen){if(e.key==="ArrowDown"||e.key==="ArrowUp"||e.key==="Enter"||e.key===" "){e.preventDefault();this.toggleTabMenu()}return}if(e.key==="Escape"){e.preventDefault();this.menuOpen=false;this.triggerEl?.focus()}}render(){const e=this.resolvedTabs.length>0&&!this.hideTabsForDetailRoute;const s={};const t=s[this.background];return i(a,{key:"f61ba8038d5de9f4a82f4c6ea5bc364309cdda02"},i("header",{key:"bdcc95ad765f2029db92e479f0c1d1042860db40",class:{"bar-nav":true,[`bg-${this.background}`]:true}},i("div",{key:"85f14adc72765b5662cb650c2c719f6b254f8183",class:"bar-nav__left",ref:e=>{this.leftEl=e;if(e&&!this.resizeObserver){this.setupOverflowObserver()}}},e&&i("div",{key:"4f085a516d42824f3b549699f8f1e32ea6076bdc",class:"bar-nav__tabs-probe","aria-hidden":"true",inert:true},i("ds-tab-group",{key:"e28ce0c117e2d0c11bbd1d8aaec5a705bc084145",ref:e=>{this.probeTabGroupEl=e??null;if(e){this.intrinsicWidthRetryCount=0;this.scheduleOverflowCheck()}},tabs:this.resolvedTabs,value:this.effectiveValue})),e&&!this.tabsCollapsed&&i("ds-tab-group",{key:"ceea1d5c1d1e9f661a832e087eae075b037d1095",class:"bar-nav__tabs-visible",ref:e=>{this.visibleTabGroupEl=e},tabs:this.resolvedTabs,value:this.effectiveValue,onDsChange:e=>this.handleTabChange(e)}),!e&&this.heading&&i("span",{key:"7205f0a666d1f8f10f58caf4da23ea12a149429b",class:"bar-nav__heading text-body-medium-emphasis"},this.heading),e&&this.tabsCollapsed&&i("button",{key:"cdb5fba6d3ff04a9657105c1d174e41de3b3b0c3",type:"button",class:{"bar-nav__tab-trigger":true,"bar-nav__tab-trigger--open":this.menuOpen},ref:e=>{this.triggerEl=e},"aria-haspopup":"menu","aria-expanded":this.menuOpen,"aria-label":`${this.activeTabLabel} tabs`,onClick:()=>this.toggleTabMenu(),onKeyDown:e=>this.handleTriggerKeyDown(e)},i("span",{key:"e057760ebcefa4343aa075e1fe0c9a2c88aed55e",class:{"bar-nav__tab-trigger-label":true,"bar-nav__tab-trigger-label--dot":this.activeTabHasDot,"text-body-medium-emphasis":true}},this.activeTabLabel,this.activeTabHasDot&&i("span",{key:"73392b1254be46c78078d3902855125181d32dd5",class:"bar-nav__tab-trigger-dot","aria-hidden":"true"})),i("ds-icon",{key:"6591f7f874b8b21d0da9d6c3e4a70afb5e8c1b31",name:"ChevronDown",size:"md",color:"inherit",class:"bar-nav__tab-trigger-chevron"}))),this.resolvedActions.length>0&&i("div",{key:"8875ac0ca60926a4bb14ec3429e9edc9cae65e67",class:"bar-nav__actions"},this.resolvedActions.map((e=>i("ds-bar-nav-action",{key:e.id,icon:e.icon,selected:e.selected??false,dot:e.dot??false,inactive:e.inactive,"aria-label":e.ariaLabel??e.id,background:t,onDsChange:s=>this.handleActionChange(e.id,s)}))))),e&&this.tabsCollapsed&&i("ds-menu",{key:"45043ee4b549c44977a2c9dd74012f1f115f4f7d",ref:e=>{this.menuEl=e??null},open:this.menuOpen,sections:p(this.resolvedTabs,this.effectiveValue),side:"bottom",align:"start",onDsSelect:e=>this.handleMenuSelect(e),onDsClose:()=>this.handleMenuClose()}))}static get watchers(){return{tabs:[{onPropsChange:0}],tabsJson:[{onPropsChange:0}],actions:[{onPropsChange:0}],actionsJson:[{onPropsChange:0}],currentUrl:[{onUrlChange:0}],basePath:[{onUrlChange:0}],value:[{onSelectionChange:0}],urlDerivedValue:[{onSelectionChange:0}],menuOpen:[{onMenuOpenChange:0}],tabsCollapsed:[{onTabsCollapsedChange:0}]}}static get style(){return k()}},[2,"ds-bar-nav",{tabs:[16],tabsJson:[1,"tabs-json"],value:[1025],actions:[16],actionsJson:[1,"actions-json"],heading:[1],background:[1],basePath:[1,"base-path"],currentUrl:[1,"current-url"],resolvedTabs:[32],resolvedActions:[32],urlDerivedValue:[32],hideTabsForDetailRoute:[32],tabsCollapsed:[32],menuOpen:[32],tabLayoutCommitted:[32]},undefined,{tabs:[{onPropsChange:0}],tabsJson:[{onPropsChange:0}],actions:[{onPropsChange:0}],actionsJson:[{onPropsChange:0}],currentUrl:[{onUrlChange:0}],basePath:[{onUrlChange:0}],value:[{onSelectionChange:0}],urlDerivedValue:[{onSelectionChange:0}],menuOpen:[{onMenuOpenChange:0}],tabsCollapsed:[{onTabsCollapsedChange:0}]}]);C.HOST_PROP_SYNC_BUDGET=8;C.INTRINSIC_WIDTH_RETRY_MAX=3;function w(){if(typeof customElements==="undefined"){return}const e=["ds-bar-nav","ds-bar-nav-action","ds-icon","ds-menu","ds-tab-group"];e.forEach((e=>{switch(e){case"ds-bar-nav":if(!customElements.get(n(e))){customElements.define(n(e),C)}break;case"ds-bar-nav-action":if(!customElements.get(n(e))){c()}break;case"ds-icon":if(!customElements.get(n(e))){d()}break;case"ds-menu":if(!customElements.get(n(e))){l()}break;case"ds-tab-group":if(!customElements.get(n(e))){h()}break}}))}w();const x=C;const T=w;export{x as DsBarNav,T as defineCustomElement};
 //# sourceMappingURL=ds-bar-nav.js.map

package/dist/components/ds-button-group.js

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as r,h as s,a as i,t as d}from"./index.js";import{d as e}from"./p-D3CwGoIu.js";import{d as n}from"./p-Dqga4VCz.js";import{d as a}from"./p-BcuUR5Ao.js";const u=()=>`.group.sc-ds-button-group{display:inline-flex;align-items:stretch;border-radius:var(--dimension-radius-050);position:relative}.group.sc-ds-button-group::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}.groupElevated.sc-ds-button-group{box-shadow:var(--effect-shadow-elevated-sm)}.groupElevated.sc-ds-button-group::after{box-shadow:var(--effect-highlight-elevated-sm)}.groupFlat.sc-ds-button-group::after{box-shadow:inset 0 0 0 1px var(--color-border-tertiary)}.groupFloating.sc-ds-button-group{box-shadow:var(--effect-shadow-elevated-floating)}.groupFloating.sc-ds-button-group::after{box-shadow:var(--effect-highlight-elevated-floating)}.groupRounded.sc-ds-button-group{border-radius:var(--dimension-radius-half)}.item.sc-ds-button-group{flex-shrink:0;box-shadow:none !important;border:none !important}.item.sc-ds-button-group:active{transform:none !important}.divider.sc-ds-button-group{width:1px;flex-shrink:0;background-color:var(--color-border-tertiary);position:relative;z-index:1;margin:0 -0.5px;pointer-events:none}.dividerGhost.sc-ds-button-group{height:20px;align-self:center}.dividerGhostXS.sc-ds-button-group{height:12px}.dividerGhostSM.sc-ds-button-group{height:16px}.dividerGhostLG.sc-ds-button-group{height:24px}.item.sc-ds-button-group:hover+.dividerGhost.sc-ds-button-group,.dividerGhost.sc-ds-button-group:has(+.item:hover){opacity:0}.group.sc-ds-button-group .itemShort.sc-ds-button-group::after{border-top-left-radius:var(--dimension-radius-050) !important;border-top-right-radius:var(--dimension-radius-050) !important;border-bottom-right-radius:var(--dimension-radius-050) !important;border-bottom-left-radius:var(--dimension-radius-050) !important}.first.sc-ds-button-group{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.last.sc-ds-button-group{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.middle.sc-ds-button-group{border-radius:0 !important}.groupRounded.sc-ds-button-group .first.itemShort.sc-ds-button-group::after{border-top-left-radius:var(--dimension-radius-half) !important;border-bottom-left-radius:var(--dimension-radius-half) !important}.groupRounded.sc-ds-button-group .last.itemShort.sc-ds-button-group::after{border-top-right-radius:var(--dimension-radius-half) !important;border-bottom-right-radius:var(--dimension-radius-half) !important}.roundedFirstMD.sc-ds-button-group{padding-right:var(--dimension-space-100) !important}.roundedLastMD.sc-ds-button-group{padding-left:var(--dimension-space-100) !important}.roundedMidMD.sc-ds-button-group{padding-left:var(--dimension-space-100) !important;padding-right:var(--dimension-space-100) !important}.roundedFirstSM.sc-ds-button-group{padding-right:var(--dimension-space-075) !important}.roundedLastSM.sc-ds-button-group{padding-left:var(--dimension-space-075) !important}.roundedMidSM.sc-ds-button-group{padding-left:var(--dimension-space-075) !important;padding-right:var(--dimension-space-075) !important}.roundedFirstLG.sc-ds-button-group{padding-right:var(--dimension-space-150) !important}.roundedLastLG.sc-ds-button-group{padding-left:var(--dimension-space-150) !important}.roundedMidLG.sc-ds-button-group{padding-left:var(--dimension-space-150) !important;padding-right:var(--dimension-space-150) !important}`;const p=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.dsClick=r(this,"dsClick");this.items=[];this.elevation="flat";this.size="md";this.rounded=false}render(){const t=this.items;const o=t.length;const r=this.elevation;const d=r.charAt(0).toUpperCase()+r.slice(1);const e=r==="none";const n={group:true,[`group${d}`]:true,groupRounded:this.rounded};return s(i,{key:"0723f2c9222f3e8910fd2138d59fea711ff0a53e"},s("div",{key:"bca1d6481096afc0c52a90fb0c34c732bd42d3d1",class:n,role:"group"},t.map(((t,i)=>{const d=i===0;const n=i===o-1;const a=!d&&!n;const u=t.variant??"secondary";const p=!!t.icon&&!t.label;const c=this.rounded&&!p&&this.size!=="xs";const g=this.size.toUpperCase();const m={item:true,first:d,last:n,middle:a,itemShort:e&&u==="secondary",[`roundedFirst${g}`]:!!(c&&d),[`roundedLast${g}`]:!!(c&&n),[`roundedMid${g}`]:!!(c&&a)};const b={divider:true,dividerGhost:e,dividerGhostXS:e&&this.size==="xs",dividerGhostSM:e&&this.size==="sm",dividerGhostLG:e&&this.size==="lg"};return[i>0&&s("div",{class:b,"aria-hidden":"true"}),s("ds-button",{class:m,variant:u,intent:t.intent??"none",elevation:r,size:this.size,label:t.label,rounded:this.rounded,inactive:t.inactive,href:t.href,onDsClick:()=>this.dsClick.emit(i)},t.icon&&s("ds-icon",{slot:"icon",name:t.icon}))]}))))}static get style(){return u()}},[2,"ds-button-group",{items:[16],elevation:[1],size:[1],rounded:[4]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-button-group","ds-button","ds-icon","ds-loader"];t.forEach((t=>{switch(t){case"ds-button-group":if(!customElements.get(d(t))){customElements.define(d(t),p)}break;case"ds-button":if(!customElements.get(d(t))){e()}break;case"ds-icon":if(!customElements.get(d(t))){n()}break;case"ds-loader":if(!customElements.get(d(t))){a()}break}}))}c();const g=p;const m=c;export{g as DsButtonGroup,m as defineCustomElement};
+import{p as t,H as o,c as r,h as s,a as i,t as d}from"./index.js";import{d as e}from"./p-D3CwGoIu.js";import{d as n}from"./p-BvxKLqNx.js";import{d as a}from"./p-BcuUR5Ao.js";const u=()=>`.group.sc-ds-button-group{display:inline-flex;align-items:stretch;border-radius:var(--dimension-radius-050);position:relative}.group.sc-ds-button-group::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}.groupElevated.sc-ds-button-group{box-shadow:var(--effect-shadow-elevated-sm)}.groupElevated.sc-ds-button-group::after{box-shadow:var(--effect-highlight-elevated-sm)}.groupFlat.sc-ds-button-group::after{box-shadow:inset 0 0 0 1px var(--color-border-tertiary)}.groupFloating.sc-ds-button-group{box-shadow:var(--effect-shadow-elevated-floating)}.groupFloating.sc-ds-button-group::after{box-shadow:var(--effect-highlight-elevated-floating)}.groupRounded.sc-ds-button-group{border-radius:var(--dimension-radius-half)}.item.sc-ds-button-group{flex-shrink:0;box-shadow:none !important;border:none !important}.item.sc-ds-button-group:active{transform:none !important}.divider.sc-ds-button-group{width:1px;flex-shrink:0;background-color:var(--color-border-tertiary);position:relative;z-index:1;margin:0 -0.5px;pointer-events:none}.dividerGhost.sc-ds-button-group{height:20px;align-self:center}.dividerGhostXS.sc-ds-button-group{height:12px}.dividerGhostSM.sc-ds-button-group{height:16px}.dividerGhostLG.sc-ds-button-group{height:24px}.item.sc-ds-button-group:hover+.dividerGhost.sc-ds-button-group,.dividerGhost.sc-ds-button-group:has(+.item:hover){opacity:0}.group.sc-ds-button-group .itemShort.sc-ds-button-group::after{border-top-left-radius:var(--dimension-radius-050) !important;border-top-right-radius:var(--dimension-radius-050) !important;border-bottom-right-radius:var(--dimension-radius-050) !important;border-bottom-left-radius:var(--dimension-radius-050) !important}.first.sc-ds-button-group{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.last.sc-ds-button-group{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.middle.sc-ds-button-group{border-radius:0 !important}.groupRounded.sc-ds-button-group .first.itemShort.sc-ds-button-group::after{border-top-left-radius:var(--dimension-radius-half) !important;border-bottom-left-radius:var(--dimension-radius-half) !important}.groupRounded.sc-ds-button-group .last.itemShort.sc-ds-button-group::after{border-top-right-radius:var(--dimension-radius-half) !important;border-bottom-right-radius:var(--dimension-radius-half) !important}.roundedFirstMD.sc-ds-button-group{padding-right:var(--dimension-space-100) !important}.roundedLastMD.sc-ds-button-group{padding-left:var(--dimension-space-100) !important}.roundedMidMD.sc-ds-button-group{padding-left:var(--dimension-space-100) !important;padding-right:var(--dimension-space-100) !important}.roundedFirstSM.sc-ds-button-group{padding-right:var(--dimension-space-075) !important}.roundedLastSM.sc-ds-button-group{padding-left:var(--dimension-space-075) !important}.roundedMidSM.sc-ds-button-group{padding-left:var(--dimension-space-075) !important;padding-right:var(--dimension-space-075) !important}.roundedFirstLG.sc-ds-button-group{padding-right:var(--dimension-space-150) !important}.roundedLastLG.sc-ds-button-group{padding-left:var(--dimension-space-150) !important}.roundedMidLG.sc-ds-button-group{padding-left:var(--dimension-space-150) !important;padding-right:var(--dimension-space-150) !important}`;const p=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.dsClick=r(this,"dsClick");this.items=[];this.elevation="flat";this.size="md";this.rounded=false}render(){const t=this.items;const o=t.length;const r=this.elevation;const d=r.charAt(0).toUpperCase()+r.slice(1);const e=r==="none";const n={group:true,[`group${d}`]:true,groupRounded:this.rounded};return s(i,{key:"0723f2c9222f3e8910fd2138d59fea711ff0a53e"},s("div",{key:"bca1d6481096afc0c52a90fb0c34c732bd42d3d1",class:n,role:"group"},t.map(((t,i)=>{const d=i===0;const n=i===o-1;const a=!d&&!n;const u=t.variant??"secondary";const p=!!t.icon&&!t.label;const c=this.rounded&&!p&&this.size!=="xs";const g=this.size.toUpperCase();const m={item:true,first:d,last:n,middle:a,itemShort:e&&u==="secondary",[`roundedFirst${g}`]:!!(c&&d),[`roundedLast${g}`]:!!(c&&n),[`roundedMid${g}`]:!!(c&&a)};const b={divider:true,dividerGhost:e,dividerGhostXS:e&&this.size==="xs",dividerGhostSM:e&&this.size==="sm",dividerGhostLG:e&&this.size==="lg"};return[i>0&&s("div",{class:b,"aria-hidden":"true"}),s("ds-button",{class:m,variant:u,intent:t.intent??"none",elevation:r,size:this.size,label:t.label,rounded:this.rounded,inactive:t.inactive,href:t.href,onDsClick:()=>this.dsClick.emit(i)},t.icon&&s("ds-icon",{slot:"icon",name:t.icon}))]}))))}static get style(){return u()}},[2,"ds-button-group",{items:[16],elevation:[1],size:[1],rounded:[4]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-button-group","ds-button","ds-icon","ds-loader"];t.forEach((t=>{switch(t){case"ds-button-group":if(!customElements.get(d(t))){customElements.define(d(t),p)}break;case"ds-button":if(!customElements.get(d(t))){e()}break;case"ds-icon":if(!customElements.get(d(t))){n()}break;case"ds-loader":if(!customElements.get(d(t))){a()}break}}))}c();const g=p;const m=c;export{g as DsButtonGroup,m as defineCustomElement};
 //# sourceMappingURL=ds-button-group.js.map

package/dist/components/ds-icon.js

@@ -1,2 +1,2 @@
-import{I as o,d as s}from"./p-Dqga4VCz.js";const t=o;const a=s;export{t as DsIcon,a as defineCustomElement};
+import{I as o,d as s}from"./p-BvxKLqNx.js";const t=o;const p=s;export{t as DsIcon,p as defineCustomElement};
 //# sourceMappingURL=ds-icon.js.map

package/dist/components/ds-panel-nav.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as n,h as t,a as i,t as o}from"./index.js";import{d as s}from"./p-Dqga4VCz.js";import{d as r}from"./p-C4p1fG67.js";function d(e,a){return e===a||e.startsWith(`${a}/`)}function l(e,a){if(!e)return"";let n="";let t=0;for(const i of a){if(!i.href)continue;if(d(e,i.href)&&i.href.length>t){n=i.id;t=i.href.length}}return n}function c(e){return e.reduce(((e,a)=>e+a.items.length),0)}function v(e){if(Array.isArray(e))return e;if(typeof e==="string"){try{const a=JSON.parse(e);return Array.isArray(a)?a:[]}catch{return[]}}return[]}const p="data-panel-nav-variant";function h(e){if(e==="settings"||e==="dashboard")return e;return undefined}function f(e,a,n=(typeof document!=="undefined"?document.documentElement.getAttribute(p):null)){return h(a)??h(n)??e}function m(e,a){if(e)return true;if(a===null)return false;return a!=="false"}function u(e,a){return e!==a}function _(e,a){return c(e)===0&&c(v(a))>0}let b=false;function g(){if(b)return;const e="ds-panel-nav-vt-style";if(document.getElementById(e)){b=true;return}const a=document.createElement("style");a.id=e;a.textContent=["::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}","::view-transition-new(root){clip-path:circle(0px at var(--vt-x,50%) var(--vt-y,50%))}"].join("\n");document.head.appendChild(a);b=true}const y=()=>`.panel-nav.sc-ds-panel-nav{--_nav-width:200px;--_nav-width-collapsed:48px;--_nav-item-height:var(--dimension-size-400, 32px);--_nav-padding-x:var(--dimension-space-100, 8px);--_nav-padding-y:var(--dimension-space-100, 8px);--_nav-footer-btn-w:calc(var(--dimension-space-075, 6px) * 2 + var(--dimension-iconography-md, 20px));--_nav-speed:var(--ds-panel-nav-speed, 1);--_nav-expand-dur:calc(var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms));--_nav-expand-motion:var(--_nav-expand-dur) var(--effect-animation-easing-ease-in-out, ease);--_nav-label-fade-dur:calc(var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms));--_nav-label-fade-motion:var(--_nav-label-fade-dur) var(--effect-animation-easing-ease-in-out, ease);--_nav-label-fade-out-dur:calc(var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms));--_nav-label-fade-out-motion:var(--_nav-label-fade-out-dur) var(--effect-animation-easing-ease-in-out, ease);--_nav-bg:var(--color-navigation-background);--_nav-border:var(--color-navigation-border-tertiary);--_nav-divider:var(--color-navigation-divider);--_nav-fg-primary:var(--color-navigation-foreground-primary);--_nav-fg-secondary:var(--color-navigation-foreground-secondary);--_nav-fg-tertiary:var(--color-navigation-foreground-tertiary);--_nav-hover:var(--color-navigation-interaction-hover);--_nav-pressed:var(--color-navigation-interaction-pressed);--_nav-focus:var(--color-navigation-interaction-focus);--_nav-dot:var(--color-navigation-foreground-brand)}.panel-nav--settings.sc-ds-panel-nav{--_nav-bg:var(--color-background-secondary);--_nav-border:var(--color-border-tertiary);--_nav-divider:var(--color-border-tertiary);--_nav-fg-primary:var(--color-foreground-primary);--_nav-fg-secondary:var(--color-foreground-secondary);--_nav-fg-tertiary:var(--color-foreground-tertiary);--_nav-hover:var(--color-interaction-hover);--_nav-pressed:var(--color-interaction-pressed);--_nav-focus:var(--color-interaction-focus);--_nav-dot:var(--color-foreground-bold-brand)}.panel-nav.sc-ds-panel-nav{display:flex;flex-direction:column;width:var(--_nav-width);min-width:var(--_nav-width);height:100%;background:var(--_nav-bg);border-right:var(--dimension-stroke-width-012, 1px) solid var(--_nav-border);box-sizing:border-box;overflow:hidden;transition:width var(--_nav-expand-motion),     min-width var(--_nav-expand-motion),     background var(--effect-motion-short-3, 200ms ease),     border-color var(--effect-motion-short-3, 200ms ease);font-family:var(--typography-font-family, system-ui)}.panel-nav--collapsed.sc-ds-panel-nav{width:var(--_nav-width-collapsed);min-width:var(--_nav-width-collapsed)}.panel-nav__header.sc-ds-panel-nav{display:flex;align-items:center;height:var(--dimension-size-600, 48px);padding:var(--dimension-space-100, 8px);flex-shrink:0;box-sizing:border-box;border-bottom:var(--dimension-stroke-width-012, 1px) solid var(--_nav-divider);transition:border-color var(--effect-motion-short-3, 200ms ease)}.panel-nav__header-btn.sc-ds-panel-nav{all:unset;display:flex;align-items:center;justify-content:center;padding:var(--dimension-space-075, 6px);border-radius:var(--dimension-radius-025, 2px);cursor:pointer;color:var(--_nav-fg-primary);position:relative;flex-shrink:0;box-sizing:border-box;transition:color var(--effect-motion-short-3, 200ms ease)}.panel-nav__header-btn.sc-ds-panel-nav::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025, 2px);background:transparent;pointer-events:none;transition:none}.panel-nav__header-btn.sc-ds-panel-nav:hover::after{background:var(--_nav-hover);transition:none}.panel-nav__header-btn.sc-ds-panel-nav:active::after{background:var(--_nav-pressed);transition:none}.panel-nav__header-btn.sc-ds-panel-nav:focus-visible{outline:none}.panel-nav__header-btn.sc-ds-panel-nav:focus-visible::after{outline:var(--dimension-stroke-width-025, 2px) solid var(--_nav-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025, 2px))}.panel-nav__header-logo.sc-ds-panel-nav{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:opacity var(--effect-motion-short-2, 100ms ease)}.panel-nav__m-mark.sc-ds-panel-nav{width:var(--dimension-iconography-md, 20px);height:var(--dimension-iconography-md, 20px);display:block}.panel-nav__header-toggle.sc-ds-panel-nav{display:none;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1}.panel-nav__header-btn.sc-ds-panel-nav:hover .panel-nav__header-logo.sc-ds-panel-nav{opacity:0}.panel-nav__header-btn.sc-ds-panel-nav:hover .panel-nav__header-toggle.sc-ds-panel-nav{display:flex}.panel-nav__body.sc-ds-panel-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--dimension-space-200, 16px);padding:var(--dimension-space-100, 8px);box-sizing:border-box;scrollbar-width:none}.panel-nav__body.sc-ds-panel-nav::-webkit-scrollbar{display:none}.panel-nav__group.sc-ds-panel-nav{display:flex;flex-direction:column;gap:var(--dimension-space-050, 4px)}.panel-nav__group-label.sc-ds-panel-nav{display:flex;align-items:center;text-transform:uppercase;color:var(--_nav-fg-secondary);user-select:none;height:var(--dimension-size-300, 24px);line-height:var(--typography-lineheight-xs, 12px);padding:0 var(--dimension-space-075, 6px);white-space:nowrap;overflow:hidden;max-height:var(--dimension-size-300, 24px);opacity:1;transition:opacity var(--_nav-label-fade-motion) 0ms,     max-height var(--_nav-label-fade-motion) 0ms,     padding var(--_nav-label-fade-motion) 0ms,     color var(--effect-motion-short-3, 200ms ease)}.panel-nav__item.sc-ds-panel-nav{all:unset;display:flex;align-items:center;gap:var(--dimension-space-050, 4px);padding:0 var(--dimension-space-075, 6px);height:var(--dimension-size-400, 32px);border-radius:var(--dimension-radius-025, 2px);cursor:pointer;color:var(--_nav-fg-secondary);position:relative;box-sizing:border-box;width:100%;user-select:none;transition:color var(--effect-motion-short-1, 50ms ease-in-out)}.panel-nav__item.sc-ds-panel-nav::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025, 2px);background:transparent;pointer-events:none;transition:none}.panel-nav__item.sc-ds-panel-nav:hover::after{background:var(--_nav-hover);transition:none}.panel-nav__item.sc-ds-panel-nav:active::after{background:var(--_nav-pressed);transition:none}.panel-nav__item.sc-ds-panel-nav:focus-visible{outline:none}.panel-nav__item.sc-ds-panel-nav:focus-visible::after{outline:var(--dimension-stroke-width-025, 2px) solid var(--_nav-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025, 2px))}.panel-nav__item--active.sc-ds-panel-nav{color:var(--_nav-fg-primary)}.panel-nav__item-icon.sc-ds-panel-nav{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--dimension-iconography-md, 20px);height:var(--dimension-iconography-md, 20px);position:relative}.panel-nav__item-label.sc-ds-panel-nav{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;height:var(--typography-lineheight-md, 20px);line-height:var(--typography-lineheight-md, 20px);opacity:1;mask-image:linear-gradient(to right, black 50%, transparent 100%);-webkit-mask-image:linear-gradient(to right, black 50%, transparent 100%);mask-size:200% 100%;-webkit-mask-size:200% 100%;mask-position:0% 0;-webkit-mask-position:0% 0;transition:opacity var(--_nav-label-fade-motion) 0ms,     mask-position var(--_nav-label-fade-motion) 0ms,     -webkit-mask-position var(--_nav-label-fade-motion) 0ms}.panel-nav__item-label-text.sc-ds-panel-nav{padding:0 var(--dimension-space-025, 2px)}.panel-nav__item-dot.sc-ds-panel-nav{position:absolute;right:13px;top:13px;width:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));height:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));border-radius:var(--dimension-radius-half);background:var(--_nav-dot);box-shadow:0 0 0 var(--dimension-stroke-width-018) var(--_nav-bg);pointer-events:none;transition:right var(--_nav-expand-motion),     top var(--_nav-expand-motion),     background var(--effect-motion-short-3, 200ms ease),     box-shadow var(--effect-motion-short-3, 200ms ease)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__item-dot.sc-ds-panel-nav{right:var(--dimension-space-075);top:var(--dimension-space-075)}.panel-nav--animating.sc-ds-panel-nav .panel-nav__item-label.sc-ds-panel-nav{text-overflow:clip}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__item-label.sc-ds-panel-nav{opacity:0;pointer-events:none;text-overflow:clip;mask-position:100% 0;-webkit-mask-position:100% 0;transition:opacity var(--_nav-label-fade-out-motion) 0ms,     mask-position var(--_nav-label-fade-out-motion) 0ms,     -webkit-mask-position var(--_nav-label-fade-out-motion) 0ms}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__group-label.sc-ds-panel-nav{opacity:0;max-height:0;padding:0 var(--dimension-space-075, 6px);pointer-events:none;transition:opacity var(--_nav-label-fade-out-motion) 0ms,     max-height var(--_nav-label-fade-out-motion) 0ms,     padding var(--_nav-label-fade-out-motion) 0ms,     color var(--effect-motion-short-3, 200ms ease)}.panel-nav__footer.sc-ds-panel-nav{position:relative;flex-shrink:0;height:calc(var(--_nav-padding-y) * 2 + var(--_nav-item-height));transition:height var(--_nav-expand-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer.sc-ds-panel-nav{height:calc(var(--_nav-padding-y) * 2 + var(--_nav-item-height) * 2 + var(--dimension-space-050, 4px))}.panel-nav__footer.sc-ds-panel-nav::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:calc(var(--dimension-base, 8px) * 6);background:linear-gradient(to bottom, transparent, var(--_nav-bg));pointer-events:none;opacity:1;transition:opacity var(--effect-animation-duration-short-3, 200ms) var(--effect-animation-easing-ease-out, ease)}.panel-nav--at-bottom.sc-ds-panel-nav .panel-nav__footer.sc-ds-panel-nav::before{opacity:0}.panel-nav__footer-btn.sc-ds-panel-nav{all:unset;display:flex;align-items:center;justify-content:center;position:absolute;left:var(--_nav-padding-x);top:var(--_nav-padding-y);padding:var(--dimension-space-075, 6px);border-radius:var(--dimension-radius-half);cursor:pointer;color:var(--_nav-fg-secondary);box-sizing:border-box;background:transparent;transition:background var(--effect-animation-duration-short-3, 200ms) var(--effect-animation-easing-ease-out, ease),     color var(--effect-animation-duration-short-3, 200ms) var(--effect-animation-easing-ease-out, ease)}.panel-nav__footer-btn.sc-ds-panel-nav:focus-visible{outline:var(--dimension-stroke-width-025, 2px) solid var(--_nav-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025, 2px))}.panel-nav--dashboard.sc-ds-panel-nav .panel-nav__footer-btn.sc-ds-panel-nav:hover{background:var(--color-background-secondary);color:var(--color-foreground-secondary);transition:none}.panel-nav--settings.sc-ds-panel-nav .panel-nav__footer-btn.sc-ds-panel-nav:hover{background:var(--color-navigation-background);color:var(--color-navigation-foreground-secondary);transition:none}.panel-nav__footer-user.sc-ds-panel-nav{position:absolute;left:calc(var(--_nav-padding-x) + var(--_nav-footer-btn-w) + var(--dimension-space-050, 4px));right:var(--_nav-padding-x);top:var(--_nav-padding-y);width:auto;min-width:0;transition:left var(--_nav-expand-motion),     right var(--_nav-expand-motion),     top var(--_nav-expand-motion),     color var(--effect-motion-short-3, 200ms ease)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user.sc-ds-panel-nav{left:var(--_nav-padding-x);right:var(--_nav-padding-x);top:calc(var(--_nav-padding-y) + var(--_nav-item-height) + var(--dimension-space-050, 4px))}.panel-nav__footer-user-label.sc-ds-panel-nav{text-align:right;position:absolute;left:var(--dimension-space-075, 6px);right:calc(var(--dimension-space-075, 6px) + var(--dimension-iconography-md, 20px) + var(--dimension-space-050, 4px));top:50%;transform:translateY(-50%);flex:none;height:var(--typography-lineheight-md, 20px);mask-image:none;-webkit-mask-image:none;transition:opacity var(--_nav-label-fade-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user-label.sc-ds-panel-nav{opacity:0;pointer-events:none;mask-position:0% 0;-webkit-mask-position:0% 0}.panel-nav__footer-user-icon.sc-ds-panel-nav{position:absolute;left:calc(100% - var(--dimension-iconography-md, 20px) - var(--dimension-space-075, 6px));top:0;bottom:0;height:auto;display:flex;align-items:center;justify-content:center;transition:left var(--_nav-expand-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user-icon.sc-ds-panel-nav{left:var(--dimension-space-075, 6px)}.panel-nav__footer-icon-expanded.sc-ds-panel-nav,.panel-nav__footer-icon-collapsed.sc-ds-panel-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.panel-nav__footer-icon-expanded.sc-ds-panel-nav{opacity:1;transition:opacity var(--_nav-label-fade-motion)}.panel-nav__footer-icon-collapsed.sc-ds-panel-nav{opacity:0;transition:opacity var(--_nav-label-fade-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-icon-expanded.sc-ds-panel-nav{opacity:0;transition:opacity var(--_nav-label-fade-out-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-icon-collapsed.sc-ds-panel-nav{opacity:1;transition:opacity var(--_nav-label-fade-out-motion)}.panel-nav__user-initial.sc-ds-panel-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--_nav-fg-secondary);text-transform:uppercase;line-height:1;pointer-events:none;transition:color var(--effect-motion-short-3, 200ms ease)}.panel-nav__resize-handle.sc-ds-panel-nav{position:absolute;top:0;right:var(--dimension-space-n050, -4px);bottom:0;width:var(--dimension-space-100, 8px);z-index:10;cursor:ew-resize;touch-action:none;background:transparent}.panel-nav__resize-handle.sc-ds-panel-nav::before{content:'';position:absolute;inset:0;background:rgba(0, 0, 0, 0.001)}.panel-nav__resize-handle.sc-ds-panel-nav::after{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:var(--dimension-stroke-width-025, 2px);background:var(--color-background-bold-brand);opacity:0;pointer-events:none;transition:opacity var(--effect-motion-short-2, 100ms ease-in-out)}.panel-nav__resize-handle--overlay.sc-ds-panel-nav::after{opacity:1}@media (prefers-reduced-motion: reduce){.panel-nav.sc-ds-panel-nav,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav::before,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav::after,.panel-nav__resize-handle.sc-ds-panel-nav,.panel-nav__resize-handle.sc-ds-panel-nav::before,.panel-nav__resize-handle.sc-ds-panel-nav::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important;transition-delay:0.01ms !important}}`;const x=new WeakMap;const w=new WeakMap;function k(e,a){const n=e.trim();const t=parseFloat(n);if(Number.isNaN(t))return a;if(/ms\s*$/.test(n))return t;if(/s\s*$/.test(n))return t*1e3;return t}const C=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.dsNavSelect=n(this,"dsNavSelect");this.dsNavToggle=n(this,"dsNavToggle");this.dsNavFooterAction=n(this,"dsNavFooterAction");this.dsNavUserAction=n(this,"dsNavUserAction");this.variant="dashboard";this.disableViewTransition=false;this.groups="[]";this.routerMode="anchor";this.activeId="";this.collapsed=false;this.breakpoint=0;this.storageKey="";this.currentUrl="";this.userName="";this.userInitial="";this.renderedVariant="dashboard";this.parsedGroups=[];this.atBottom=false;this.isAnimating=false;this.rovingIndex=0;this.viewportNarrow=false;this.urlDerivedActiveId="";this.isDragging=false;this.dragStartX=0;this.didSnap=false;this.lastDeltaX=0;this.edgeOverlayTimer=null;this.showEdgeOverlay=false}get effectiveActiveId(){return this.urlDerivedActiveId||this.activeId}get effectiveDisableViewTransition(){return m(this.disableViewTransition,this.el.getAttribute("disable-view-transition"))}onCollapsedChange(){this.startCollapseAnimation()}onBreakpointChange(){this.disconnectResizeObserver();if(this.breakpoint>0)this.connectResizeObserver()}onGroupsChange(e){this.parsedGroups=v(e);this.syncRovingIndex();this.syncActiveFromUrl()}onActiveIdChange(){this.syncRovingIndex()}onCurrentUrlChange(){this.syncActiveFromUrl()}async onVariantChange(e){if(this.effectiveDisableViewTransition){this.renderedVariant=e;return}x.get(this)?.skipTransition();x.delete(this);const a=document;if(typeof a.startViewTransition!=="function"){this.renderedVariant=e;return}g();const n=this.el.querySelector(".panel-nav__footer-btn");const t=n?.getBoundingClientRect();const i=t?Math.round(t.left+t.width/2):Math.round(window.innerWidth/2);const o=t?Math.round(t.top+t.height/2):Math.round(window.innerHeight/2);const s=Math.ceil(Math.hypot(Math.max(i,window.innerWidth-i),Math.max(o,window.innerHeight-o)));document.documentElement.style.setProperty("--vt-x",`${i}px`);document.documentElement.style.setProperty("--vt-y",`${o}px`);const r=a.startViewTransition((()=>new Promise((a=>{w.set(this,a);this.renderedVariant=e}))));x.set(this,r);r.finished.finally((()=>{if(x.get(this)===r)x.delete(this);w.delete(this)}));r.ready.then((()=>{const e=getComputedStyle(document.documentElement).getPropertyValue("--effect-animation-duration-long-1").trim();const a=k(e,750);document.documentElement.animate({clipPath:[`circle(0px at ${i}px ${o}px)`,`circle(${s}px at ${i}px ${o}px)`]},{duration:a,easing:"ease-in-out",fill:"forwards",pseudoElement:"::view-transition-new(root)"})})).catch((()=>{}))}componentWillLoad(){this.renderedVariant=f(this.variant,this.el.getAttribute("variant"));if(this.storageKey){try{const e=localStorage.getItem(this.storageKey);if(e!==null)this.collapsed=e==="true"}catch{}}this.onGroupsChange(this.groups);this.syncActiveFromUrl()}componentDidLoad(){this.syncHostPropsIfNeeded();this.scheduleDeferredHostPropSync();this.checkScroll();if(this.breakpoint>0)this.connectResizeObserver()}componentDidRender(){const e=w.get(this);if(e){w.delete(this);e()}}disconnectedCallback(){this.disconnectResizeObserver();this.clearEdgeOverlayTimer();if(this.globalMouseMoveHandler){window.removeEventListener("mousemove",this.globalMouseMoveHandler)}if(this.globalMouseUpHandler){window.removeEventListener("mouseup",this.globalMouseUpHandler)}}startCollapseAnimation(){this.isAnimating=true;const e=this.el.querySelector(".panel-nav");if(this.transitionEndHandler){e?.removeEventListener("transitionend",this.transitionEndHandler)}this.transitionEndHandler=a=>{if(a.propertyName==="width"){this.isAnimating=false;e?.removeEventListener("transitionend",this.transitionEndHandler)}};e?.addEventListener("transitionend",this.transitionEndHandler)}connectResizeObserver(){this.viewportNarrow=window.innerWidth<this.breakpoint;this.resizeObserver=new ResizeObserver((()=>{this.viewportNarrow=window.innerWidth<this.breakpoint}));this.resizeObserver.observe(document.documentElement)}disconnectResizeObserver(){this.resizeObserver?.disconnect();this.resizeObserver=undefined}syncActiveFromUrl(){if(!this.currentUrl){this.urlDerivedActiveId="";return}this.urlDerivedActiveId=l(this.currentUrl,this.getAllItems())}syncHostPropsIfNeeded(){this.syncRenderedVariantIfNeeded();if(_(this.parsedGroups,this.groups)){this.onGroupsChange(this.groups)}else if(this.currentUrl){this.syncActiveFromUrl()}}syncRenderedVariantIfNeeded(){if(!u(this.renderedVariant,this.variant))return;if(this.effectiveDisableViewTransition){x.get(this)?.skipTransition();x.delete(this);this.renderedVariant=this.variant}else{void this.onVariantChange(this.variant)}}scheduleDeferredHostPropSync(){let a=e.HOST_PROP_SYNC_BUDGET;const n=()=>{this.syncHostPropsIfNeeded();if(--a>0){requestAnimationFrame(n)}};queueMicrotask(n)}applyToggle(e){this.dsNavToggle.emit(e);if(this.storageKey){this.collapsed=e;try{localStorage.setItem(this.storageKey,String(e))}catch{}}}getAllItems(){return this.parsedGroups.flatMap((e=>e.items))}syncRovingIndex(){const e=this.getAllItems().findIndex((e=>e.id===this.effectiveActiveId));this.rovingIndex=e>=0?e:0}handleItemKeyDown(e,a){const n=this.getAllItems().length;let t;switch(e.key){case"ArrowDown":e.preventDefault();t=(a+1)%n;break;case"ArrowUp":e.preventDefault();t=(a-1+n)%n;break;case"Home":e.preventDefault();t=0;break;case"End":e.preventDefault();t=n-1;break;default:return}this.rovingIndex=t;const i=Array.from(this.el.querySelectorAll(".panel-nav__body .panel-nav__item"));i[t]?.focus()}checkScroll(){const e=this.el.querySelector(".panel-nav__body");if(!e)return;const a=e.scrollHeight-e.scrollTop-e.clientHeight;this.atBottom=a<2}handleBodyScroll(e){const a=e.target;const n=a.scrollHeight-a.scrollTop-a.clientHeight;this.atBottom=n<2}handleItemClick(e){this.dsNavSelect.emit(e)}handleToggle(){this.applyToggle(!this.collapsed)}handleFooterAction(){this.dsNavFooterAction.emit()}handleUserAction(){this.dsNavUserAction.emit()}clearEdgeOverlayTimer(){if(this.edgeOverlayTimer!==null){window.clearTimeout(this.edgeOverlayTimer);this.edgeOverlayTimer=null}}handleResizeHandleMouseEnter(){this.clearEdgeOverlayTimer();this.edgeOverlayTimer=window.setTimeout((()=>{this.showEdgeOverlay=true;this.edgeOverlayTimer=null}),500)}handleResizeHandleMouseLeave(){if(this.isDragging)return;this.clearEdgeOverlayTimer();this.showEdgeOverlay=false}handleResizeHandleMouseDown(e){e.preventDefault();e.stopPropagation();const a=this.collapsed||this.viewportNarrow;this.isDragging=true;this.dragStartX=e.clientX;this.didSnap=false;this.lastDeltaX=0;this.clearEdgeOverlayTimer();this.showEdgeOverlay=false;document.body.style.cursor="ew-resize";document.body.style.userSelect="none";const n=e=>{const n=e.clientX-this.dragStartX;this.lastDeltaX=Math.abs(n);if(this.didSnap)return;if(!a&&n<-8){this.applyToggle(true);this.didSnap=true}else if(a&&n>8){this.applyToggle(false);this.didSnap=true}};const t=()=>{if(!this.didSnap&&this.lastDeltaX<3){this.applyToggle(!a)}this.isDragging=false;this.showEdgeOverlay=false;document.body.style.cursor="";document.body.style.userSelect="";window.removeEventListener("mousemove",n);window.removeEventListener("mouseup",t);this.globalMouseMoveHandler=undefined;this.globalMouseUpHandler=undefined};this.globalMouseMoveHandler=n;this.globalMouseUpHandler=t;window.addEventListener("mousemove",n);window.addEventListener("mouseup",t)}renderNavItem(e,a,n){const i=e.id===this.effectiveActiveId;const o=[t("span",{class:"panel-nav__item-icon"},t("ds-icon",{name:e.icon,size:"md",color:"inherit",flag:e.flag})),t("span",{class:"panel-nav__item-label"},t("span",{class:"panel-nav__item-label-text"},t("ds-text",{as:"span",variant:i?"text-body-medium-emphasis":"text-body-medium",color:"inherit"},e.label))),e.dot&&t("span",{class:"panel-nav__item-dot","aria-hidden":"true"})];const s={class:{"panel-nav__item":true,"panel-nav__item--active":i},"aria-current":i?"page":undefined,title:n?e.label:undefined,tabIndex:a===this.rovingIndex?0:-1,onClick:()=>this.handleItemClick(e.id),onKeyDown:e=>this.handleItemKeyDown(e,a),onFocus:()=>{this.rovingIndex=a}};const r=this.routerMode==="anchor"&&e.href;return r?t("a",{...s,href:e.href},o):t("button",{...s,type:"button"},o)}render(){const e=this.renderedVariant==="dashboard";const a=this.collapsed||this.viewportNarrow;const{userName:n,userInitial:o}=this;const s={"panel-nav":true,"panel-nav--dashboard":e,"panel-nav--settings":!e,"panel-nav--collapsed":a,"panel-nav--animating":this.isAnimating,"panel-nav--at-bottom":this.atBottom};return t(i,{key:"6571f2cfdd50bb85fb239638b277acd021c9835d",style:{display:"block",position:"relative"}},t("nav",{key:"67eed979434aa4a27f2b9757334a848818c7f0af",class:s,"aria-label":e?"Main navigation":"Settings navigation"},t("div",{key:"7c46de6933daaf46f8fbbf0cedfe5e3b9aea354a",class:"panel-nav__header"},t("button",{key:"0d056e66da6c5958b3b2cfe183ade6a915448fd5",type:"button",class:"panel-nav__header-btn",onClick:()=>this.handleToggle(),"aria-label":a?"Expand navigation":"Collapse navigation","aria-expanded":a?"false":"true"},t("span",{key:"1133cb6eaa241e6cf2929d18242daaffacb9d2a6",class:"panel-nav__header-logo","aria-hidden":"true"},t("svg",{key:"e5c8970e825d2a7ccf63bca9aa39747c01f6c2c9",class:"panel-nav__m-mark",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",focusable:"false","aria-hidden":"true"},t("path",{key:"bbde02e926a2e8c908e0158ff76868456b071d07",d:"M11.1159 4.31537H7.67021L2.53401 13.0703H0V15.6875H4.02716L8.24319 8.49978V15.6846H11.6342L15.8289 8.47829V15.6846H18.7122V4.3125H15.2559L11.1159 11.3648V4.31537Z",fill:"currentColor"}))),t("span",{key:"105daf75296cb5f8afa7bb9145da9fdb110d92e1",class:"panel-nav__header-toggle","aria-hidden":"true"},t("ds-icon",{key:"8686dc302182f395297ee6b44405aaf58c10d23f",name:a?"LeftExpandB":"LeftCollapseB",size:"md",color:"inherit"})))),t("div",{key:"7399a0f34df9176e548037fc689ac01e1478afdc",class:"panel-nav__body",onScroll:e=>this.handleBodyScroll(e)},(()=>{let e=0;return this.parsedGroups.map((n=>t("div",{class:"panel-nav__group"},n.label&&t("span",{class:"panel-nav__group-label"},t("span",{class:"panel-nav__item-label-text"},t("ds-text",{as:"span",variant:"text-caption-emphasis",color:"inherit"},n.label))),n.items.map((n=>this.renderNavItem(n,e++,a))))))})()),t("div",{key:"fbe2e6240eaf5a378cd8d50f828526db1a82634d",class:"panel-nav__footer"},t("button",{key:"ae37026858fc4908058156a8e4ef024c1ac36bb0",type:"button",class:"panel-nav__footer-btn",title:e?"Settings":"Dashboard","aria-label":e?"Open settings":"Go to dashboard",onClick:()=>this.handleFooterAction()},t("ds-icon",{key:"bd16ca064f286206232af393157ed4d1eeb2802b",name:e?"Gear":"Dashboard",size:"md",color:"inherit"})),t("button",{key:"def2481c10401efa7732fd17195727c86ee8096e",type:"button",class:"panel-nav__item panel-nav__footer-user","aria-label":a?`User: ${n}`:`User menu for ${n}`,onClick:()=>this.handleUserAction()},t("span",{key:"4d76cda3cbedd4e1ea708e88f14ab06cb6ccf2dd",class:"panel-nav__item-label panel-nav__footer-user-label"},t("span",{key:"f80f6f7c84cb97da8ff4e189cc375005e81f90fc",class:"panel-nav__item-label-text"},t("ds-text",{key:"75ca925d3346ea1d959cbc756e6a449cd37f6b51",as:"span",variant:"text-body-medium-emphasis",color:"inherit"},n))),t("span",{key:"b704ca05bea453b11f39837eee5a74eaee48c223",class:"panel-nav__item-icon panel-nav__footer-user-icon","aria-hidden":"true"},t("span",{key:"ec555278823488059299170a0574ff46ff69ed77",class:"panel-nav__footer-icon-expanded"},t("ds-icon",{key:"b99682941fcf1ce7624e292e116daa95284b0f3e",name:"ChevronUpDown",size:"md",color:"inherit"})),t("span",{key:"3100a6d610043efe8e25fc5c5eadad6f319a2480",class:"panel-nav__footer-icon-collapsed"},t("ds-icon",{key:"f34c49848cd4b5a1fe665991dca32b665e3b16ca",name:"Circle",size:"md",color:"inherit"}),t("span",{key:"17ab6aca6a249e64b1d688e3c513245fd8e0d491",class:"panel-nav__user-initial"},t("ds-text",{key:"9663f04d49c407fce1cf3556494ea3b7afb4b913",as:"span",variant:"text-caption-emphasis",color:"inherit"},o))))))),!this.viewportNarrow&&t("div",{key:"8bca19e408869d14a6e611006ad55514954d35dd",class:{"panel-nav__resize-handle":true,"panel-nav__resize-handle--overlay":this.showEdgeOverlay},onMouseEnter:()=>this.handleResizeHandleMouseEnter(),onMouseLeave:()=>this.handleResizeHandleMouseLeave(),onMouseDown:e=>this.handleResizeHandleMouseDown(e),"aria-hidden":"true"}))}get el(){return this}static get watchers(){return{collapsed:[{onCollapsedChange:0}],viewportNarrow:[{onCollapsedChange:0}],breakpoint:[{onBreakpointChange:0}],groups:[{onGroupsChange:0}],activeId:[{onActiveIdChange:0}],urlDerivedActiveId:[{onActiveIdChange:0}],currentUrl:[{onCurrentUrlChange:0}],variant:[{onVariantChange:0}]}}static get style(){return y()}},[2,"ds-panel-nav",{variant:[1],disableViewTransition:[4,"disable-view-transition"],groups:[1],routerMode:[1,"router-mode"],activeId:[1,"active-id"],collapsed:[1028],breakpoint:[2],storageKey:[1,"storage-key"],currentUrl:[1,"current-url"],userName:[1,"user-name"],userInitial:[1,"user-initial"],renderedVariant:[32],parsedGroups:[32],atBottom:[32],isAnimating:[32],rovingIndex:[32],viewportNarrow:[32],urlDerivedActiveId:[32],showEdgeOverlay:[32]},undefined,{collapsed:[{onCollapsedChange:0}],viewportNarrow:[{onCollapsedChange:0}],breakpoint:[{onBreakpointChange:0}],groups:[{onGroupsChange:0}],activeId:[{onActiveIdChange:0}],urlDerivedActiveId:[{onActiveIdChange:0}],currentUrl:[{onCurrentUrlChange:0}],variant:[{onVariantChange:0}]}]);C.HOST_PROP_SYNC_BUDGET=8;function z(){if(typeof customElements==="undefined"){return}const e=["ds-panel-nav","ds-icon","ds-text"];e.forEach((e=>{switch(e){case"ds-panel-nav":if(!customElements.get(o(e))){customElements.define(o(e),C)}break;case"ds-icon":if(!customElements.get(o(e))){s()}break;case"ds-text":if(!customElements.get(o(e))){r()}break}}))}z();const A=C;const I=z;export{A as DsPanelNav,I as defineCustomElement};
+import{p as e,H as a,c as n,h as t,a as i,t as o}from"./index.js";import{d as s}from"./p-BvxKLqNx.js";import{d as r}from"./p-C4p1fG67.js";function d(e,a){return e===a||e.startsWith(`${a}/`)}function l(e,a){if(!e)return"";let n="";let t=0;for(const i of a){if(!i.href)continue;if(d(e,i.href)&&i.href.length>t){n=i.id;t=i.href.length}}return n}function c(e){return e.reduce(((e,a)=>e+a.items.length),0)}function v(e){if(Array.isArray(e))return e;if(typeof e==="string"){try{const a=JSON.parse(e);return Array.isArray(a)?a:[]}catch{return[]}}return[]}const p="data-panel-nav-variant";function h(e){if(e==="settings"||e==="dashboard")return e;return undefined}function f(e,a,n=(typeof document!=="undefined"?document.documentElement.getAttribute(p):null)){return h(a)??h(n)??e}function m(e,a){if(e)return true;if(a===null)return false;return a!=="false"}function u(e,a){return e!==a}function _(e,a){return c(e)===0&&c(v(a))>0}let b=false;function g(){if(b)return;const e="ds-panel-nav-vt-style";if(document.getElementById(e)){b=true;return}const a=document.createElement("style");a.id=e;a.textContent=["::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}","::view-transition-new(root){clip-path:circle(0px at var(--vt-x,50%) var(--vt-y,50%))}"].join("\n");document.head.appendChild(a);b=true}const y=()=>`.panel-nav.sc-ds-panel-nav{--_nav-width:200px;--_nav-width-collapsed:48px;--_nav-item-height:var(--dimension-size-400, 32px);--_nav-padding-x:var(--dimension-space-100, 8px);--_nav-padding-y:var(--dimension-space-100, 8px);--_nav-footer-btn-w:calc(var(--dimension-space-075, 6px) * 2 + var(--dimension-iconography-md, 20px));--_nav-speed:var(--ds-panel-nav-speed, 1);--_nav-expand-dur:calc(var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms));--_nav-expand-motion:var(--_nav-expand-dur) var(--effect-animation-easing-ease-in-out, ease);--_nav-label-fade-dur:calc(var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms));--_nav-label-fade-motion:var(--_nav-label-fade-dur) var(--effect-animation-easing-ease-in-out, ease);--_nav-label-fade-out-dur:calc(var(--_nav-speed) * var(--effect-animation-duration-medium-1, 300ms));--_nav-label-fade-out-motion:var(--_nav-label-fade-out-dur) var(--effect-animation-easing-ease-in-out, ease);--_nav-bg:var(--color-navigation-background);--_nav-border:var(--color-navigation-border-tertiary);--_nav-divider:var(--color-navigation-divider);--_nav-fg-primary:var(--color-navigation-foreground-primary);--_nav-fg-secondary:var(--color-navigation-foreground-secondary);--_nav-fg-tertiary:var(--color-navigation-foreground-tertiary);--_nav-hover:var(--color-navigation-interaction-hover);--_nav-pressed:var(--color-navigation-interaction-pressed);--_nav-focus:var(--color-navigation-interaction-focus);--_nav-dot:var(--color-navigation-foreground-brand)}.panel-nav--settings.sc-ds-panel-nav{--_nav-bg:var(--color-background-secondary);--_nav-border:var(--color-border-tertiary);--_nav-divider:var(--color-border-tertiary);--_nav-fg-primary:var(--color-foreground-primary);--_nav-fg-secondary:var(--color-foreground-secondary);--_nav-fg-tertiary:var(--color-foreground-tertiary);--_nav-hover:var(--color-interaction-hover);--_nav-pressed:var(--color-interaction-pressed);--_nav-focus:var(--color-interaction-focus);--_nav-dot:var(--color-foreground-bold-brand)}.panel-nav.sc-ds-panel-nav{display:flex;flex-direction:column;width:var(--_nav-width);min-width:var(--_nav-width);height:100%;background:var(--_nav-bg);border-right:var(--dimension-stroke-width-012, 1px) solid var(--_nav-border);box-sizing:border-box;overflow:hidden;transition:width var(--_nav-expand-motion),     min-width var(--_nav-expand-motion),     background var(--effect-motion-short-3, 200ms ease),     border-color var(--effect-motion-short-3, 200ms ease);font-family:var(--typography-font-family, system-ui)}.panel-nav--collapsed.sc-ds-panel-nav{width:var(--_nav-width-collapsed);min-width:var(--_nav-width-collapsed)}.panel-nav__header.sc-ds-panel-nav{display:flex;align-items:center;height:var(--dimension-size-600, 48px);padding:var(--dimension-space-100, 8px);flex-shrink:0;box-sizing:border-box;border-bottom:var(--dimension-stroke-width-012, 1px) solid var(--_nav-divider);transition:border-color var(--effect-motion-short-3, 200ms ease)}.panel-nav__header-btn.sc-ds-panel-nav{all:unset;display:flex;align-items:center;justify-content:center;padding:var(--dimension-space-075, 6px);border-radius:var(--dimension-radius-025, 2px);cursor:pointer;color:var(--_nav-fg-primary);position:relative;flex-shrink:0;box-sizing:border-box;transition:color var(--effect-motion-short-3, 200ms ease)}.panel-nav__header-btn.sc-ds-panel-nav::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025, 2px);background:transparent;pointer-events:none;transition:none}.panel-nav__header-btn.sc-ds-panel-nav:hover::after{background:var(--_nav-hover);transition:none}.panel-nav__header-btn.sc-ds-panel-nav:active::after{background:var(--_nav-pressed);transition:none}.panel-nav__header-btn.sc-ds-panel-nav:focus-visible{outline:none}.panel-nav__header-btn.sc-ds-panel-nav:focus-visible::after{outline:var(--dimension-stroke-width-025, 2px) solid var(--_nav-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025, 2px))}.panel-nav__header-logo.sc-ds-panel-nav{display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:opacity var(--effect-motion-short-2, 100ms ease)}.panel-nav__m-mark.sc-ds-panel-nav{width:var(--dimension-iconography-md, 20px);height:var(--dimension-iconography-md, 20px);display:block}.panel-nav__header-toggle.sc-ds-panel-nav{display:none;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1}.panel-nav__header-btn.sc-ds-panel-nav:hover .panel-nav__header-logo.sc-ds-panel-nav{opacity:0}.panel-nav__header-btn.sc-ds-panel-nav:hover .panel-nav__header-toggle.sc-ds-panel-nav{display:flex}.panel-nav__body.sc-ds-panel-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--dimension-space-200, 16px);padding:var(--dimension-space-100, 8px);box-sizing:border-box;scrollbar-width:none}.panel-nav__body.sc-ds-panel-nav::-webkit-scrollbar{display:none}.panel-nav__group.sc-ds-panel-nav{display:flex;flex-direction:column;gap:var(--dimension-space-050, 4px)}.panel-nav__group-label.sc-ds-panel-nav{display:flex;align-items:center;text-transform:uppercase;color:var(--_nav-fg-secondary);user-select:none;height:var(--dimension-size-300, 24px);line-height:var(--typography-lineheight-xs, 12px);padding:0 var(--dimension-space-075, 6px);white-space:nowrap;overflow:hidden;max-height:var(--dimension-size-300, 24px);opacity:1;transition:opacity var(--_nav-label-fade-motion) 0ms,     max-height var(--_nav-label-fade-motion) 0ms,     padding var(--_nav-label-fade-motion) 0ms,     color var(--effect-motion-short-3, 200ms ease)}.panel-nav__item.sc-ds-panel-nav{all:unset;display:flex;align-items:center;gap:var(--dimension-space-050, 4px);padding:0 var(--dimension-space-075, 6px);height:var(--dimension-size-400, 32px);border-radius:var(--dimension-radius-025, 2px);cursor:pointer;color:var(--_nav-fg-secondary);position:relative;box-sizing:border-box;width:100%;user-select:none;transition:color var(--effect-motion-short-1, 50ms ease-in-out)}.panel-nav__item.sc-ds-panel-nav::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025, 2px);background:transparent;pointer-events:none;transition:none}.panel-nav__item.sc-ds-panel-nav:hover::after{background:var(--_nav-hover);transition:none}.panel-nav__item.sc-ds-panel-nav:active::after{background:var(--_nav-pressed);transition:none}.panel-nav__item.sc-ds-panel-nav:focus-visible{outline:none}.panel-nav__item.sc-ds-panel-nav:focus-visible::after{outline:var(--dimension-stroke-width-025, 2px) solid var(--_nav-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025, 2px))}.panel-nav__item--active.sc-ds-panel-nav{color:var(--_nav-fg-primary)}.panel-nav__item-icon.sc-ds-panel-nav{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--dimension-iconography-md, 20px);height:var(--dimension-iconography-md, 20px);position:relative}.panel-nav__item-label.sc-ds-panel-nav{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;height:var(--typography-lineheight-md, 20px);line-height:var(--typography-lineheight-md, 20px);opacity:1;mask-image:linear-gradient(to right, black 50%, transparent 100%);-webkit-mask-image:linear-gradient(to right, black 50%, transparent 100%);mask-size:200% 100%;-webkit-mask-size:200% 100%;mask-position:0% 0;-webkit-mask-position:0% 0;transition:opacity var(--_nav-label-fade-motion) 0ms,     mask-position var(--_nav-label-fade-motion) 0ms,     -webkit-mask-position var(--_nav-label-fade-motion) 0ms}.panel-nav__item-label-text.sc-ds-panel-nav{padding:0 var(--dimension-space-025, 2px)}.panel-nav__item-dot.sc-ds-panel-nav{position:absolute;right:13px;top:13px;width:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));height:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));border-radius:var(--dimension-radius-half);background:var(--_nav-dot);box-shadow:0 0 0 var(--dimension-stroke-width-018) var(--_nav-bg);pointer-events:none;transition:right var(--_nav-expand-motion),     top var(--_nav-expand-motion),     background var(--effect-motion-short-3, 200ms ease),     box-shadow var(--effect-motion-short-3, 200ms ease)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__item-dot.sc-ds-panel-nav{right:var(--dimension-space-075);top:var(--dimension-space-075)}.panel-nav--animating.sc-ds-panel-nav .panel-nav__item-label.sc-ds-panel-nav{text-overflow:clip}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__item-label.sc-ds-panel-nav{opacity:0;pointer-events:none;text-overflow:clip;mask-position:100% 0;-webkit-mask-position:100% 0;transition:opacity var(--_nav-label-fade-out-motion) 0ms,     mask-position var(--_nav-label-fade-out-motion) 0ms,     -webkit-mask-position var(--_nav-label-fade-out-motion) 0ms}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__group-label.sc-ds-panel-nav{opacity:0;max-height:0;padding:0 var(--dimension-space-075, 6px);pointer-events:none;transition:opacity var(--_nav-label-fade-out-motion) 0ms,     max-height var(--_nav-label-fade-out-motion) 0ms,     padding var(--_nav-label-fade-out-motion) 0ms,     color var(--effect-motion-short-3, 200ms ease)}.panel-nav__footer.sc-ds-panel-nav{position:relative;flex-shrink:0;height:calc(var(--_nav-padding-y) * 2 + var(--_nav-item-height));transition:height var(--_nav-expand-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer.sc-ds-panel-nav{height:calc(var(--_nav-padding-y) * 2 + var(--_nav-item-height) * 2 + var(--dimension-space-050, 4px))}.panel-nav__footer.sc-ds-panel-nav::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:calc(var(--dimension-base, 8px) * 6);background:linear-gradient(to bottom, transparent, var(--_nav-bg));pointer-events:none;opacity:1;transition:opacity var(--effect-animation-duration-short-3, 200ms) var(--effect-animation-easing-ease-out, ease)}.panel-nav--at-bottom.sc-ds-panel-nav .panel-nav__footer.sc-ds-panel-nav::before{opacity:0}.panel-nav__footer-btn.sc-ds-panel-nav{all:unset;display:flex;align-items:center;justify-content:center;position:absolute;left:var(--_nav-padding-x);top:var(--_nav-padding-y);padding:var(--dimension-space-075, 6px);border-radius:var(--dimension-radius-half);cursor:pointer;color:var(--_nav-fg-secondary);box-sizing:border-box;background:transparent;transition:background var(--effect-animation-duration-short-3, 200ms) var(--effect-animation-easing-ease-out, ease),     color var(--effect-animation-duration-short-3, 200ms) var(--effect-animation-easing-ease-out, ease)}.panel-nav__footer-btn.sc-ds-panel-nav:focus-visible{outline:var(--dimension-stroke-width-025, 2px) solid var(--_nav-focus);outline-offset:calc(-1 * var(--dimension-stroke-width-025, 2px))}.panel-nav--dashboard.sc-ds-panel-nav .panel-nav__footer-btn.sc-ds-panel-nav:hover{background:var(--color-background-secondary);color:var(--color-foreground-secondary);transition:none}.panel-nav--settings.sc-ds-panel-nav .panel-nav__footer-btn.sc-ds-panel-nav:hover{background:var(--color-navigation-background);color:var(--color-navigation-foreground-secondary);transition:none}.panel-nav__footer-user.sc-ds-panel-nav{position:absolute;left:calc(var(--_nav-padding-x) + var(--_nav-footer-btn-w) + var(--dimension-space-050, 4px));right:var(--_nav-padding-x);top:var(--_nav-padding-y);width:auto;min-width:0;transition:left var(--_nav-expand-motion),     right var(--_nav-expand-motion),     top var(--_nav-expand-motion),     color var(--effect-motion-short-3, 200ms ease)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user.sc-ds-panel-nav{left:var(--_nav-padding-x);right:var(--_nav-padding-x);top:calc(var(--_nav-padding-y) + var(--_nav-item-height) + var(--dimension-space-050, 4px))}.panel-nav__footer-user-label.sc-ds-panel-nav{text-align:right;position:absolute;left:var(--dimension-space-075, 6px);right:calc(var(--dimension-space-075, 6px) + var(--dimension-iconography-md, 20px) + var(--dimension-space-050, 4px));top:50%;transform:translateY(-50%);flex:none;height:var(--typography-lineheight-md, 20px);mask-image:none;-webkit-mask-image:none;transition:opacity var(--_nav-label-fade-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user-label.sc-ds-panel-nav{opacity:0;pointer-events:none;mask-position:0% 0;-webkit-mask-position:0% 0}.panel-nav__footer-user-icon.sc-ds-panel-nav{position:absolute;left:calc(100% - var(--dimension-iconography-md, 20px) - var(--dimension-space-075, 6px));top:0;bottom:0;height:auto;display:flex;align-items:center;justify-content:center;transition:left var(--_nav-expand-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-user-icon.sc-ds-panel-nav{left:var(--dimension-space-075, 6px)}.panel-nav__footer-icon-expanded.sc-ds-panel-nav,.panel-nav__footer-icon-collapsed.sc-ds-panel-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.panel-nav__footer-icon-expanded.sc-ds-panel-nav{opacity:1;transition:opacity var(--_nav-label-fade-motion)}.panel-nav__footer-icon-collapsed.sc-ds-panel-nav{opacity:0;transition:opacity var(--_nav-label-fade-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-icon-expanded.sc-ds-panel-nav{opacity:0;transition:opacity var(--_nav-label-fade-out-motion)}.panel-nav--collapsed.sc-ds-panel-nav .panel-nav__footer-icon-collapsed.sc-ds-panel-nav{opacity:1;transition:opacity var(--_nav-label-fade-out-motion)}.panel-nav__user-initial.sc-ds-panel-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--_nav-fg-secondary);text-transform:uppercase;line-height:1;pointer-events:none;transition:color var(--effect-motion-short-3, 200ms ease)}.panel-nav__resize-handle.sc-ds-panel-nav{position:absolute;top:0;right:var(--dimension-space-n050, -4px);bottom:0;width:var(--dimension-space-100, 8px);z-index:10;cursor:ew-resize;touch-action:none;background:transparent}.panel-nav__resize-handle.sc-ds-panel-nav::before{content:'';position:absolute;inset:0;background:rgba(0, 0, 0, 0.001)}.panel-nav__resize-handle.sc-ds-panel-nav::after{content:'';position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:var(--dimension-stroke-width-025, 2px);background:var(--color-background-bold-brand);opacity:0;pointer-events:none;transition:opacity var(--effect-motion-short-2, 100ms ease-in-out)}.panel-nav__resize-handle--overlay.sc-ds-panel-nav::after{opacity:1}@media (prefers-reduced-motion: reduce){.panel-nav.sc-ds-panel-nav,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav::before,.panel-nav.sc-ds-panel-nav *.sc-ds-panel-nav::after,.panel-nav__resize-handle.sc-ds-panel-nav,.panel-nav__resize-handle.sc-ds-panel-nav::before,.panel-nav__resize-handle.sc-ds-panel-nav::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important;transition-delay:0.01ms !important}}`;const x=new WeakMap;const w=new WeakMap;function k(e,a){const n=e.trim();const t=parseFloat(n);if(Number.isNaN(t))return a;if(/ms\s*$/.test(n))return t;if(/s\s*$/.test(n))return t*1e3;return t}const C=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.dsNavSelect=n(this,"dsNavSelect");this.dsNavToggle=n(this,"dsNavToggle");this.dsNavFooterAction=n(this,"dsNavFooterAction");this.dsNavUserAction=n(this,"dsNavUserAction");this.variant="dashboard";this.disableViewTransition=false;this.groups="[]";this.routerMode="anchor";this.activeId="";this.collapsed=false;this.breakpoint=0;this.storageKey="";this.currentUrl="";this.userName="";this.userInitial="";this.renderedVariant="dashboard";this.parsedGroups=[];this.atBottom=false;this.isAnimating=false;this.rovingIndex=0;this.viewportNarrow=false;this.urlDerivedActiveId="";this.isDragging=false;this.dragStartX=0;this.didSnap=false;this.lastDeltaX=0;this.edgeOverlayTimer=null;this.showEdgeOverlay=false}get effectiveActiveId(){return this.urlDerivedActiveId||this.activeId}get effectiveDisableViewTransition(){return m(this.disableViewTransition,this.el.getAttribute("disable-view-transition"))}onCollapsedChange(){this.startCollapseAnimation()}onBreakpointChange(){this.disconnectResizeObserver();if(this.breakpoint>0)this.connectResizeObserver()}onGroupsChange(e){this.parsedGroups=v(e);this.syncRovingIndex();this.syncActiveFromUrl()}onActiveIdChange(){this.syncRovingIndex()}onCurrentUrlChange(){this.syncActiveFromUrl()}async onVariantChange(e){if(this.effectiveDisableViewTransition){this.renderedVariant=e;return}x.get(this)?.skipTransition();x.delete(this);const a=document;if(typeof a.startViewTransition!=="function"){this.renderedVariant=e;return}g();const n=this.el.querySelector(".panel-nav__footer-btn");const t=n?.getBoundingClientRect();const i=t?Math.round(t.left+t.width/2):Math.round(window.innerWidth/2);const o=t?Math.round(t.top+t.height/2):Math.round(window.innerHeight/2);const s=Math.ceil(Math.hypot(Math.max(i,window.innerWidth-i),Math.max(o,window.innerHeight-o)));document.documentElement.style.setProperty("--vt-x",`${i}px`);document.documentElement.style.setProperty("--vt-y",`${o}px`);const r=a.startViewTransition((()=>new Promise((a=>{w.set(this,a);this.renderedVariant=e}))));x.set(this,r);r.finished.finally((()=>{if(x.get(this)===r)x.delete(this);w.delete(this)}));r.ready.then((()=>{const e=getComputedStyle(document.documentElement).getPropertyValue("--effect-animation-duration-long-1").trim();const a=k(e,750);document.documentElement.animate({clipPath:[`circle(0px at ${i}px ${o}px)`,`circle(${s}px at ${i}px ${o}px)`]},{duration:a,easing:"ease-in-out",fill:"forwards",pseudoElement:"::view-transition-new(root)"})})).catch((()=>{}))}componentWillLoad(){this.renderedVariant=f(this.variant,this.el.getAttribute("variant"));if(this.storageKey){try{const e=localStorage.getItem(this.storageKey);if(e!==null)this.collapsed=e==="true"}catch{}}this.onGroupsChange(this.groups);this.syncActiveFromUrl()}componentDidLoad(){this.syncHostPropsIfNeeded();this.scheduleDeferredHostPropSync();this.checkScroll();if(this.breakpoint>0)this.connectResizeObserver()}componentDidRender(){const e=w.get(this);if(e){w.delete(this);e()}}disconnectedCallback(){this.disconnectResizeObserver();this.clearEdgeOverlayTimer();if(this.globalMouseMoveHandler){window.removeEventListener("mousemove",this.globalMouseMoveHandler)}if(this.globalMouseUpHandler){window.removeEventListener("mouseup",this.globalMouseUpHandler)}}startCollapseAnimation(){this.isAnimating=true;const e=this.el.querySelector(".panel-nav");if(this.transitionEndHandler){e?.removeEventListener("transitionend",this.transitionEndHandler)}this.transitionEndHandler=a=>{if(a.propertyName==="width"){this.isAnimating=false;e?.removeEventListener("transitionend",this.transitionEndHandler)}};e?.addEventListener("transitionend",this.transitionEndHandler)}connectResizeObserver(){this.viewportNarrow=window.innerWidth<this.breakpoint;this.resizeObserver=new ResizeObserver((()=>{this.viewportNarrow=window.innerWidth<this.breakpoint}));this.resizeObserver.observe(document.documentElement)}disconnectResizeObserver(){this.resizeObserver?.disconnect();this.resizeObserver=undefined}syncActiveFromUrl(){if(!this.currentUrl){this.urlDerivedActiveId="";return}this.urlDerivedActiveId=l(this.currentUrl,this.getAllItems())}syncHostPropsIfNeeded(){this.syncRenderedVariantIfNeeded();if(_(this.parsedGroups,this.groups)){this.onGroupsChange(this.groups)}else if(this.currentUrl){this.syncActiveFromUrl()}}syncRenderedVariantIfNeeded(){if(!u(this.renderedVariant,this.variant))return;if(this.effectiveDisableViewTransition){x.get(this)?.skipTransition();x.delete(this);this.renderedVariant=this.variant}else{void this.onVariantChange(this.variant)}}scheduleDeferredHostPropSync(){let a=e.HOST_PROP_SYNC_BUDGET;const n=()=>{this.syncHostPropsIfNeeded();if(--a>0){requestAnimationFrame(n)}};queueMicrotask(n)}applyToggle(e){this.dsNavToggle.emit(e);if(this.storageKey){this.collapsed=e;try{localStorage.setItem(this.storageKey,String(e))}catch{}}}getAllItems(){return this.parsedGroups.flatMap((e=>e.items))}syncRovingIndex(){const e=this.getAllItems().findIndex((e=>e.id===this.effectiveActiveId));this.rovingIndex=e>=0?e:0}handleItemKeyDown(e,a){const n=this.getAllItems().length;let t;switch(e.key){case"ArrowDown":e.preventDefault();t=(a+1)%n;break;case"ArrowUp":e.preventDefault();t=(a-1+n)%n;break;case"Home":e.preventDefault();t=0;break;case"End":e.preventDefault();t=n-1;break;default:return}this.rovingIndex=t;const i=Array.from(this.el.querySelectorAll(".panel-nav__body .panel-nav__item"));i[t]?.focus()}checkScroll(){const e=this.el.querySelector(".panel-nav__body");if(!e)return;const a=e.scrollHeight-e.scrollTop-e.clientHeight;this.atBottom=a<2}handleBodyScroll(e){const a=e.target;const n=a.scrollHeight-a.scrollTop-a.clientHeight;this.atBottom=n<2}handleItemClick(e){this.dsNavSelect.emit(e)}handleToggle(){this.applyToggle(!this.collapsed)}handleFooterAction(){this.dsNavFooterAction.emit()}handleUserAction(){this.dsNavUserAction.emit()}clearEdgeOverlayTimer(){if(this.edgeOverlayTimer!==null){window.clearTimeout(this.edgeOverlayTimer);this.edgeOverlayTimer=null}}handleResizeHandleMouseEnter(){this.clearEdgeOverlayTimer();this.edgeOverlayTimer=window.setTimeout((()=>{this.showEdgeOverlay=true;this.edgeOverlayTimer=null}),500)}handleResizeHandleMouseLeave(){if(this.isDragging)return;this.clearEdgeOverlayTimer();this.showEdgeOverlay=false}handleResizeHandleMouseDown(e){e.preventDefault();e.stopPropagation();const a=this.collapsed||this.viewportNarrow;this.isDragging=true;this.dragStartX=e.clientX;this.didSnap=false;this.lastDeltaX=0;this.clearEdgeOverlayTimer();this.showEdgeOverlay=false;document.body.style.cursor="ew-resize";document.body.style.userSelect="none";const n=e=>{const n=e.clientX-this.dragStartX;this.lastDeltaX=Math.abs(n);if(this.didSnap)return;if(!a&&n<-8){this.applyToggle(true);this.didSnap=true}else if(a&&n>8){this.applyToggle(false);this.didSnap=true}};const t=()=>{if(!this.didSnap&&this.lastDeltaX<3){this.applyToggle(!a)}this.isDragging=false;this.showEdgeOverlay=false;document.body.style.cursor="";document.body.style.userSelect="";window.removeEventListener("mousemove",n);window.removeEventListener("mouseup",t);this.globalMouseMoveHandler=undefined;this.globalMouseUpHandler=undefined};this.globalMouseMoveHandler=n;this.globalMouseUpHandler=t;window.addEventListener("mousemove",n);window.addEventListener("mouseup",t)}renderNavItem(e,a,n){const i=e.id===this.effectiveActiveId;const o=[t("span",{class:"panel-nav__item-icon"},t("ds-icon",{name:e.icon,size:"md",color:"inherit",flag:e.flag})),t("span",{class:"panel-nav__item-label"},t("span",{class:"panel-nav__item-label-text"},t("ds-text",{as:"span",variant:i?"text-body-medium-emphasis":"text-body-medium",color:"inherit"},e.label))),e.dot&&t("span",{class:"panel-nav__item-dot","aria-hidden":"true"})];const s={class:{"panel-nav__item":true,"panel-nav__item--active":i},"aria-current":i?"page":undefined,title:n?e.label:undefined,tabIndex:a===this.rovingIndex?0:-1,onClick:()=>this.handleItemClick(e.id),onKeyDown:e=>this.handleItemKeyDown(e,a),onFocus:()=>{this.rovingIndex=a}};const r=this.routerMode==="anchor"&&e.href;return r?t("a",{...s,href:e.href},o):t("button",{...s,type:"button"},o)}render(){const e=this.renderedVariant==="dashboard";const a=this.collapsed||this.viewportNarrow;const{userName:n,userInitial:o}=this;const s={"panel-nav":true,"panel-nav--dashboard":e,"panel-nav--settings":!e,"panel-nav--collapsed":a,"panel-nav--animating":this.isAnimating,"panel-nav--at-bottom":this.atBottom};return t(i,{key:"6571f2cfdd50bb85fb239638b277acd021c9835d",style:{display:"block",position:"relative"}},t("nav",{key:"67eed979434aa4a27f2b9757334a848818c7f0af",class:s,"aria-label":e?"Main navigation":"Settings navigation"},t("div",{key:"7c46de6933daaf46f8fbbf0cedfe5e3b9aea354a",class:"panel-nav__header"},t("button",{key:"0d056e66da6c5958b3b2cfe183ade6a915448fd5",type:"button",class:"panel-nav__header-btn",onClick:()=>this.handleToggle(),"aria-label":a?"Expand navigation":"Collapse navigation","aria-expanded":a?"false":"true"},t("span",{key:"1133cb6eaa241e6cf2929d18242daaffacb9d2a6",class:"panel-nav__header-logo","aria-hidden":"true"},t("svg",{key:"e5c8970e825d2a7ccf63bca9aa39747c01f6c2c9",class:"panel-nav__m-mark",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",focusable:"false","aria-hidden":"true"},t("path",{key:"bbde02e926a2e8c908e0158ff76868456b071d07",d:"M11.1159 4.31537H7.67021L2.53401 13.0703H0V15.6875H4.02716L8.24319 8.49978V15.6846H11.6342L15.8289 8.47829V15.6846H18.7122V4.3125H15.2559L11.1159 11.3648V4.31537Z",fill:"currentColor"}))),t("span",{key:"105daf75296cb5f8afa7bb9145da9fdb110d92e1",class:"panel-nav__header-toggle","aria-hidden":"true"},t("ds-icon",{key:"8686dc302182f395297ee6b44405aaf58c10d23f",name:a?"LeftExpandB":"LeftCollapseB",size:"md",color:"inherit"})))),t("div",{key:"7399a0f34df9176e548037fc689ac01e1478afdc",class:"panel-nav__body",onScroll:e=>this.handleBodyScroll(e)},(()=>{let e=0;return this.parsedGroups.map((n=>t("div",{class:"panel-nav__group"},n.label&&t("span",{class:"panel-nav__group-label"},t("span",{class:"panel-nav__item-label-text"},t("ds-text",{as:"span",variant:"text-caption-emphasis",color:"inherit"},n.label))),n.items.map((n=>this.renderNavItem(n,e++,a))))))})()),t("div",{key:"fbe2e6240eaf5a378cd8d50f828526db1a82634d",class:"panel-nav__footer"},t("button",{key:"ae37026858fc4908058156a8e4ef024c1ac36bb0",type:"button",class:"panel-nav__footer-btn",title:e?"Settings":"Dashboard","aria-label":e?"Open settings":"Go to dashboard",onClick:()=>this.handleFooterAction()},t("ds-icon",{key:"bd16ca064f286206232af393157ed4d1eeb2802b",name:e?"Gear":"Dashboard",size:"md",color:"inherit"})),t("button",{key:"def2481c10401efa7732fd17195727c86ee8096e",type:"button",class:"panel-nav__item panel-nav__footer-user","aria-label":a?`User: ${n}`:`User menu for ${n}`,onClick:()=>this.handleUserAction()},t("span",{key:"4d76cda3cbedd4e1ea708e88f14ab06cb6ccf2dd",class:"panel-nav__item-label panel-nav__footer-user-label"},t("span",{key:"f80f6f7c84cb97da8ff4e189cc375005e81f90fc",class:"panel-nav__item-label-text"},t("ds-text",{key:"75ca925d3346ea1d959cbc756e6a449cd37f6b51",as:"span",variant:"text-body-medium-emphasis",color:"inherit"},n))),t("span",{key:"b704ca05bea453b11f39837eee5a74eaee48c223",class:"panel-nav__item-icon panel-nav__footer-user-icon","aria-hidden":"true"},t("span",{key:"ec555278823488059299170a0574ff46ff69ed77",class:"panel-nav__footer-icon-expanded"},t("ds-icon",{key:"b99682941fcf1ce7624e292e116daa95284b0f3e",name:"ChevronUpDown",size:"md",color:"inherit"})),t("span",{key:"3100a6d610043efe8e25fc5c5eadad6f319a2480",class:"panel-nav__footer-icon-collapsed"},t("ds-icon",{key:"f34c49848cd4b5a1fe665991dca32b665e3b16ca",name:"Circle",size:"md",color:"inherit"}),t("span",{key:"17ab6aca6a249e64b1d688e3c513245fd8e0d491",class:"panel-nav__user-initial"},t("ds-text",{key:"9663f04d49c407fce1cf3556494ea3b7afb4b913",as:"span",variant:"text-caption-emphasis",color:"inherit"},o))))))),!this.viewportNarrow&&t("div",{key:"8bca19e408869d14a6e611006ad55514954d35dd",class:{"panel-nav__resize-handle":true,"panel-nav__resize-handle--overlay":this.showEdgeOverlay},onMouseEnter:()=>this.handleResizeHandleMouseEnter(),onMouseLeave:()=>this.handleResizeHandleMouseLeave(),onMouseDown:e=>this.handleResizeHandleMouseDown(e),"aria-hidden":"true"}))}get el(){return this}static get watchers(){return{collapsed:[{onCollapsedChange:0}],viewportNarrow:[{onCollapsedChange:0}],breakpoint:[{onBreakpointChange:0}],groups:[{onGroupsChange:0}],activeId:[{onActiveIdChange:0}],urlDerivedActiveId:[{onActiveIdChange:0}],currentUrl:[{onCurrentUrlChange:0}],variant:[{onVariantChange:0}]}}static get style(){return y()}},[2,"ds-panel-nav",{variant:[1],disableViewTransition:[4,"disable-view-transition"],groups:[1],routerMode:[1,"router-mode"],activeId:[1,"active-id"],collapsed:[1028],breakpoint:[2],storageKey:[1,"storage-key"],currentUrl:[1,"current-url"],userName:[1,"user-name"],userInitial:[1,"user-initial"],renderedVariant:[32],parsedGroups:[32],atBottom:[32],isAnimating:[32],rovingIndex:[32],viewportNarrow:[32],urlDerivedActiveId:[32],showEdgeOverlay:[32]},undefined,{collapsed:[{onCollapsedChange:0}],viewportNarrow:[{onCollapsedChange:0}],breakpoint:[{onBreakpointChange:0}],groups:[{onGroupsChange:0}],activeId:[{onActiveIdChange:0}],urlDerivedActiveId:[{onActiveIdChange:0}],currentUrl:[{onCurrentUrlChange:0}],variant:[{onVariantChange:0}]}]);C.HOST_PROP_SYNC_BUDGET=8;function z(){if(typeof customElements==="undefined"){return}const e=["ds-panel-nav","ds-icon","ds-text"];e.forEach((e=>{switch(e){case"ds-panel-nav":if(!customElements.get(o(e))){customElements.define(o(e),C)}break;case"ds-icon":if(!customElements.get(o(e))){s()}break;case"ds-text":if(!customElements.get(o(e))){r()}break}}))}z();const A=C;const I=z;export{A as DsPanelNav,I as defineCustomElement};
 //# sourceMappingURL=ds-panel-nav.js.map

package/dist/components/ds-toggle-button-group.js

@@ -1,2 +1,2 @@
-import{p as t,H as o,c as r,h as e,a as s,t as i}from"./index.js";import{d}from"./p-Dqga4VCz.js";import{d as n}from"./p-DHF5BQbO.js";const a=()=>`.group.sc-ds-toggle-button-group{display:inline-flex;align-items:stretch;border-radius:var(--dimension-radius-050);position:relative}.group.sc-ds-toggle-button-group::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}.groupElevated.sc-ds-toggle-button-group{box-shadow:var(--effect-shadow-elevated-sm)}.groupElevated.sc-ds-toggle-button-group::after{box-shadow:var(--effect-highlight-elevated-sm)}.groupFlat.sc-ds-toggle-button-group::after{box-shadow:inset 0 0 0 1px var(--color-border-tertiary)}.groupFloating.sc-ds-toggle-button-group{box-shadow:var(--effect-shadow-elevated-floating)}.groupFloating.sc-ds-toggle-button-group::after{box-shadow:var(--effect-highlight-elevated-floating)}.groupRounded.sc-ds-toggle-button-group{border-radius:var(--dimension-radius-half)}.item.sc-ds-toggle-button-group{flex-shrink:0;box-shadow:none !important;border:none !important}.item.sc-ds-toggle-button-group:active{transform:none !important}.divider.sc-ds-toggle-button-group{width:1px;flex-shrink:0;background-color:var(--color-border-tertiary);position:relative;z-index:1;margin:0 -0.5px;pointer-events:none}.dividerGhost.sc-ds-toggle-button-group{height:20px;align-self:center}.dividerGhostXS.sc-ds-toggle-button-group{height:12px}.dividerGhostSM.sc-ds-toggle-button-group{height:16px}.item.sc-ds-toggle-button-group:hover+.dividerGhost.sc-ds-toggle-button-group,.dividerGhost.sc-ds-toggle-button-group:has(+.item:hover){opacity:0}.itemPressed.sc-ds-toggle-button-group+.dividerGhost.sc-ds-toggle-button-group,.dividerGhost.sc-ds-toggle-button-group:has(+.itemPressed){opacity:0}.group.sc-ds-toggle-button-group .itemShort.sc-ds-toggle-button-group::after{border-top-left-radius:var(--dimension-radius-050) !important;border-top-right-radius:var(--dimension-radius-050) !important;border-bottom-right-radius:var(--dimension-radius-050) !important;border-bottom-left-radius:var(--dimension-radius-050) !important}.group.sc-ds-toggle-button-group .itemPressed.sc-ds-toggle-button-group{border-top-left-radius:var(--dimension-radius-050) !important;border-top-right-radius:var(--dimension-radius-050) !important;border-bottom-right-radius:var(--dimension-radius-050) !important;border-bottom-left-radius:var(--dimension-radius-050) !important}.first.sc-ds-toggle-button-group{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.last.sc-ds-toggle-button-group{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.middle.sc-ds-toggle-button-group{border-radius:0 !important}.groupRounded.sc-ds-toggle-button-group .first.itemShort.sc-ds-toggle-button-group::after,.groupRounded.sc-ds-toggle-button-group .first.itemPressed.sc-ds-toggle-button-group{border-top-left-radius:var(--dimension-radius-half) !important;border-bottom-left-radius:var(--dimension-radius-half) !important}.groupRounded.sc-ds-toggle-button-group .last.itemShort.sc-ds-toggle-button-group::after,.groupRounded.sc-ds-toggle-button-group .last.itemPressed.sc-ds-toggle-button-group{border-top-right-radius:var(--dimension-radius-half) !important;border-bottom-right-radius:var(--dimension-radius-half) !important}.roundedFirstMD.sc-ds-toggle-button-group{padding-right:var(--dimension-space-100) !important}.roundedLastMD.sc-ds-toggle-button-group{padding-left:var(--dimension-space-100) !important}.roundedMidMD.sc-ds-toggle-button-group{padding-left:var(--dimension-space-100) !important;padding-right:var(--dimension-space-100) !important}.roundedFirstSM.sc-ds-toggle-button-group{padding-right:var(--dimension-space-075) !important}.roundedLastSM.sc-ds-toggle-button-group{padding-left:var(--dimension-space-075) !important}.roundedMidSM.sc-ds-toggle-button-group{padding-left:var(--dimension-space-075) !important;padding-right:var(--dimension-space-075) !important}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.dsChange=r(this,"dsChange");this.items=[];this.value="";this.elevation="elevated";this.size="md";this.rounded=false}handleItemChange(t){if(t===this.value)return;this.value=t;this.dsChange.emit(t)}render(){const t=this.items;const o=t.length;const r=this.elevation;const i=r.charAt(0).toUpperCase()+r.slice(1);const d=this.background;const n=r==="none";const a={group:true,[`group${i}`]:true,groupRounded:this.rounded};return e(s,{key:"bbe848d2dfc325ccbfcde0d1d2c3fa2dea517455"},e("div",{key:"2e106f7c521308ca389e1d5ac96432e5bb0e240c",class:a,role:"group"},t.map(((t,s)=>{const i=s===0;const a=s===o-1;const g=!i&&!a;const u=t.id===this.value;const p=!!t.icon&&!t.label;const c=this.rounded&&!p&&this.size!=="xs";const l=this.size.toUpperCase();const m={item:true,first:i,last:a,middle:g,itemShort:n,itemPressed:n&&u,[`roundedFirst${l}`]:!!(c&&i),[`roundedLast${l}`]:!!(c&&a),[`roundedMid${l}`]:!!(c&&g)};const b={divider:true,dividerGhost:n,dividerGhostXS:n&&this.size==="xs",dividerGhostSM:n&&this.size==="sm"};return[s>0&&e("div",{class:b,"aria-hidden":"true"}),e("ds-toggle-button",{class:m,elevation:r,size:this.size,label:t.label,icon:t.icon,rounded:this.rounded,background:d,pressed:u,inactive:t.inactive,onDsChange:()=>this.handleItemChange(t.id)})]}))))}static get style(){return a()}},[2,"ds-toggle-button-group",{items:[16],value:[1025],elevation:[1],size:[1],rounded:[4],background:[1]}]);function u(){if(typeof customElements==="undefined"){return}const t=["ds-toggle-button-group","ds-icon","ds-toggle-button"];t.forEach((t=>{switch(t){case"ds-toggle-button-group":if(!customElements.get(i(t))){customElements.define(i(t),g)}break;case"ds-icon":if(!customElements.get(i(t))){d()}break;case"ds-toggle-button":if(!customElements.get(i(t))){n()}break}}))}u();const p=g;const c=u;export{p as DsToggleButtonGroup,c as defineCustomElement};
+import{p as t,H as o,c as r,h as e,a as s,t as i}from"./index.js";import{d}from"./p-BvxKLqNx.js";import{d as n}from"./p-DouEVPmi.js";const a=()=>`.group.sc-ds-toggle-button-group{display:inline-flex;align-items:stretch;border-radius:var(--dimension-radius-050);position:relative}.group.sc-ds-toggle-button-group::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}.groupElevated.sc-ds-toggle-button-group{box-shadow:var(--effect-shadow-elevated-sm)}.groupElevated.sc-ds-toggle-button-group::after{box-shadow:var(--effect-highlight-elevated-sm)}.groupFlat.sc-ds-toggle-button-group::after{box-shadow:inset 0 0 0 1px var(--color-border-tertiary)}.groupFloating.sc-ds-toggle-button-group{box-shadow:var(--effect-shadow-elevated-floating)}.groupFloating.sc-ds-toggle-button-group::after{box-shadow:var(--effect-highlight-elevated-floating)}.groupRounded.sc-ds-toggle-button-group{border-radius:var(--dimension-radius-half)}.item.sc-ds-toggle-button-group{flex-shrink:0;box-shadow:none !important;border:none !important}.item.sc-ds-toggle-button-group:active{transform:none !important}.divider.sc-ds-toggle-button-group{width:1px;flex-shrink:0;background-color:var(--color-border-tertiary);position:relative;z-index:1;margin:0 -0.5px;pointer-events:none}.dividerGhost.sc-ds-toggle-button-group{height:20px;align-self:center}.dividerGhostXS.sc-ds-toggle-button-group{height:12px}.dividerGhostSM.sc-ds-toggle-button-group{height:16px}.item.sc-ds-toggle-button-group:hover+.dividerGhost.sc-ds-toggle-button-group,.dividerGhost.sc-ds-toggle-button-group:has(+.item:hover){opacity:0}.itemPressed.sc-ds-toggle-button-group+.dividerGhost.sc-ds-toggle-button-group,.dividerGhost.sc-ds-toggle-button-group:has(+.itemPressed){opacity:0}.group.sc-ds-toggle-button-group .itemShort.sc-ds-toggle-button-group::after{border-top-left-radius:var(--dimension-radius-050) !important;border-top-right-radius:var(--dimension-radius-050) !important;border-bottom-right-radius:var(--dimension-radius-050) !important;border-bottom-left-radius:var(--dimension-radius-050) !important}.group.sc-ds-toggle-button-group .itemPressed.sc-ds-toggle-button-group{border-top-left-radius:var(--dimension-radius-050) !important;border-top-right-radius:var(--dimension-radius-050) !important;border-bottom-right-radius:var(--dimension-radius-050) !important;border-bottom-left-radius:var(--dimension-radius-050) !important}.first.sc-ds-toggle-button-group{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.last.sc-ds-toggle-button-group{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.middle.sc-ds-toggle-button-group{border-radius:0 !important}.groupRounded.sc-ds-toggle-button-group .first.itemShort.sc-ds-toggle-button-group::after,.groupRounded.sc-ds-toggle-button-group .first.itemPressed.sc-ds-toggle-button-group{border-top-left-radius:var(--dimension-radius-half) !important;border-bottom-left-radius:var(--dimension-radius-half) !important}.groupRounded.sc-ds-toggle-button-group .last.itemShort.sc-ds-toggle-button-group::after,.groupRounded.sc-ds-toggle-button-group .last.itemPressed.sc-ds-toggle-button-group{border-top-right-radius:var(--dimension-radius-half) !important;border-bottom-right-radius:var(--dimension-radius-half) !important}.roundedFirstMD.sc-ds-toggle-button-group{padding-right:var(--dimension-space-100) !important}.roundedLastMD.sc-ds-toggle-button-group{padding-left:var(--dimension-space-100) !important}.roundedMidMD.sc-ds-toggle-button-group{padding-left:var(--dimension-space-100) !important;padding-right:var(--dimension-space-100) !important}.roundedFirstSM.sc-ds-toggle-button-group{padding-right:var(--dimension-space-075) !important}.roundedLastSM.sc-ds-toggle-button-group{padding-left:var(--dimension-space-075) !important}.roundedMidSM.sc-ds-toggle-button-group{padding-left:var(--dimension-space-075) !important;padding-right:var(--dimension-space-075) !important}`;const g=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.dsChange=r(this,"dsChange");this.items=[];this.value="";this.elevation="elevated";this.size="md";this.rounded=false}handleItemChange(t){if(t===this.value)return;this.value=t;this.dsChange.emit(t)}render(){const t=this.items;const o=t.length;const r=this.elevation;const i=r.charAt(0).toUpperCase()+r.slice(1);const d=this.background;const n=r==="none";const a={group:true,[`group${i}`]:true,groupRounded:this.rounded};return e(s,{key:"bbe848d2dfc325ccbfcde0d1d2c3fa2dea517455"},e("div",{key:"2e106f7c521308ca389e1d5ac96432e5bb0e240c",class:a,role:"group"},t.map(((t,s)=>{const i=s===0;const a=s===o-1;const g=!i&&!a;const u=t.id===this.value;const p=!!t.icon&&!t.label;const c=this.rounded&&!p&&this.size!=="xs";const l=this.size.toUpperCase();const m={item:true,first:i,last:a,middle:g,itemShort:n,itemPressed:n&&u,[`roundedFirst${l}`]:!!(c&&i),[`roundedLast${l}`]:!!(c&&a),[`roundedMid${l}`]:!!(c&&g)};const b={divider:true,dividerGhost:n,dividerGhostXS:n&&this.size==="xs",dividerGhostSM:n&&this.size==="sm"};return[s>0&&e("div",{class:b,"aria-hidden":"true"}),e("ds-toggle-button",{class:m,elevation:r,size:this.size,label:t.label,icon:t.icon,rounded:this.rounded,background:d,pressed:u,inactive:t.inactive,onDsChange:()=>this.handleItemChange(t.id)})]}))))}static get style(){return a()}},[2,"ds-toggle-button-group",{items:[16],value:[1025],elevation:[1],size:[1],rounded:[4],background:[1]}]);function u(){if(typeof customElements==="undefined"){return}const t=["ds-toggle-button-group","ds-icon","ds-toggle-button"];t.forEach((t=>{switch(t){case"ds-toggle-button-group":if(!customElements.get(i(t))){customElements.define(i(t),g)}break;case"ds-icon":if(!customElements.get(i(t))){d()}break;case"ds-toggle-button":if(!customElements.get(i(t))){n()}break}}))}u();const p=g;const c=u;export{p as DsToggleButtonGroup,c as defineCustomElement};
 //# sourceMappingURL=ds-toggle-button-group.js.map

package/dist/components/ds-toggle-button.js

@@ -1,2 +1,2 @@
-import{T as o,d as s}from"./p-DHF5BQbO.js";const t=o;const p=s;export{t as DsToggleButton,p as defineCustomElement};
+import{T as o,d as s}from"./p-DouEVPmi.js";const t=o;const m=s;export{t as DsToggleButton,m as defineCustomElement};
 //# sourceMappingURL=ds-toggle-button.js.map

package/dist/components/{p-Dfx0StHj.js → p-BYe8Rfdg.js}

@@ -1,2 +1,2 @@
-import{p as o,H as n,c as r,h as a,a as e,t as i}from"./index.js";import{d as s}from"./p-Dqga4VCz.js";const t=()=>`.action-btn.sc-ds-bar-nav-action{display:inline-flex;align-items:center;justify-content:center;width:var(--dimension-size-400);height:var(--dimension-size-400);padding:var(--dimension-space-075);background:transparent;border:none;border-radius:var(--dimension-radius-025);cursor:pointer;color:var(--color-foreground-secondary);box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;transition:color var(--effect-motion-short-2);--_hover-bg:var(--color-interaction-hover);--_pressed-bg:var(--color-interaction-pressed);--_dot-ring:var(--color-background-secondary)}.action-btn.sc-ds-bar-nav-action::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025);background:transparent;pointer-events:none;transition:none}.action-btn.sc-ds-bar-nav-action:hover:not(.inactive)::after{background:var(--_hover-bg);transition:none}.action-btn.sc-ds-bar-nav-action:active:not(.inactive)::after{background:var(--_pressed-bg);transition:none}.action-btn.sc-ds-bar-nav-action:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.action-btn.selected.sc-ds-bar-nav-action{color:var(--color-foreground-primary)}.action-btn.inactive.sc-ds-bar-nav-action{opacity:0.5;cursor:not-allowed;pointer-events:none}.onMedium.sc-ds-bar-nav-action{--_hover-bg:var(--color-interaction-on-medium-background-hover);--_pressed-bg:var(--color-interaction-on-medium-background-pressed);--_dot-ring:var(--color-background-medium)}.onBold.sc-ds-bar-nav-action{color:var(--color-foreground-on-bold-background-secondary);--_hover-bg:var(--color-interaction-on-bold-background-hover);--_pressed-bg:var(--color-interaction-on-bold-background-pressed);--_dot-ring:var(--color-background-bold)}.onBold.selected.sc-ds-bar-nav-action{color:var(--color-foreground-on-bold-background-primary)}.onStrong.sc-ds-bar-nav-action{color:var(--color-foreground-on-bold-background-secondary);--_hover-bg:var(--color-interaction-on-strong-background-hover);--_pressed-bg:var(--color-interaction-on-strong-background-pressed);--_dot-ring:var(--color-background-strong)}.onStrong.selected.sc-ds-bar-nav-action{color:var(--color-foreground-on-bold-background-primary)}.onAlwaysDark.sc-ds-bar-nav-action{color:var(--color-always-dark-foreground-secondary);--_hover-bg:var(--color-always-dark-interaction-hover);--_pressed-bg:var(--color-always-dark-interaction-pressed);--_dot-ring:var(--color-always-dark-background)}.onAlwaysDark.selected.sc-ds-bar-nav-action{color:var(--color-always-dark-foreground-primary)}.action-btn__icon-wrap.sc-ds-bar-nav-action{position:relative;width:var(--dimension-iconography-md);height:var(--dimension-iconography-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.action-btn__dot.sc-ds-bar-nav-action{position:absolute;top:0;right:0;width:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));height:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));border-radius:var(--dimension-radius-half);background:var(--color-foreground-bold-brand);box-shadow:0 0 0 var(--dimension-stroke-width-018) var(--_dot-ring);pointer-events:none}`;const c=o(class o extends n{constructor(o){super();if(o!==false){this.__registerHost()}this.dsChange=r(this,"dsChange");this.icon="";this.selected=false;this.dot=false;this.inactive=false;this.ariaLabel="action";this.handleClick=()=>{if(this.inactive)return;this.dsChange.emit(!this.selected)}}render(){const o=this.background;const n={"action-btn":true,selected:this.selected,inactive:this.inactive,onMedium:o==="medium",onBold:o==="bold",onStrong:o==="strong",onAlwaysDark:o==="always-dark"};return a(e,{key:"5fa334c6d5be3d288028e9294774c25104890d4c"},a("button",{key:"35c3643987bbb67d6549527ff070ba1cf802faf7",type:"button",class:n,disabled:this.inactive,"aria-pressed":this.selected,"aria-label":this.ariaLabel,onClick:this.handleClick},a("span",{key:"97b96334a820484281c73f97c84039b40a561daa",class:"action-btn__icon-wrap"},a("ds-icon",{key:"af6d46223aa9d1c56169b5917586ba95d939fd34",name:this.icon,size:"md",color:"inherit"}),this.dot&&a("span",{key:"83a14f19c74aa4f7fcfbd44c1e7deba55b732296",class:"action-btn__dot","aria-hidden":"true"}))))}static get style(){return t()}},[2,"ds-bar-nav-action",{icon:[1],selected:[4],dot:[4],inactive:[4],ariaLabel:[1,"aria-label"],background:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["ds-bar-nav-action","ds-icon"];o.forEach((o=>{switch(o){case"ds-bar-nav-action":if(!customElements.get(i(o))){customElements.define(i(o),c)}break;case"ds-icon":if(!customElements.get(i(o))){s()}break}}))}d();export{c as B,d};
-//# sourceMappingURL=p-Dfx0StHj.js.map
+import{p as o,H as n,c as r,h as a,a as e,t as i}from"./index.js";import{d as s}from"./p-BvxKLqNx.js";const t=()=>`.action-btn.sc-ds-bar-nav-action{display:inline-flex;align-items:center;justify-content:center;width:var(--dimension-size-400);height:var(--dimension-size-400);padding:var(--dimension-space-075);background:transparent;border:none;border-radius:var(--dimension-radius-025);cursor:pointer;color:var(--color-foreground-secondary);box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;transition:color var(--effect-motion-short-2);--_hover-bg:var(--color-interaction-hover);--_pressed-bg:var(--color-interaction-pressed);--_dot-ring:var(--color-background-secondary)}.action-btn.sc-ds-bar-nav-action::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025);background:transparent;pointer-events:none;transition:none}.action-btn.sc-ds-bar-nav-action:hover:not(.inactive)::after{background:var(--_hover-bg);transition:none}.action-btn.sc-ds-bar-nav-action:active:not(.inactive)::after{background:var(--_pressed-bg);transition:none}.action-btn.sc-ds-bar-nav-action:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.action-btn.selected.sc-ds-bar-nav-action{color:var(--color-foreground-primary)}.action-btn.inactive.sc-ds-bar-nav-action{opacity:0.5;cursor:not-allowed;pointer-events:none}.onMedium.sc-ds-bar-nav-action{--_hover-bg:var(--color-interaction-on-medium-background-hover);--_pressed-bg:var(--color-interaction-on-medium-background-pressed);--_dot-ring:var(--color-background-medium)}.onBold.sc-ds-bar-nav-action{color:var(--color-foreground-on-bold-background-secondary);--_hover-bg:var(--color-interaction-on-bold-background-hover);--_pressed-bg:var(--color-interaction-on-bold-background-pressed);--_dot-ring:var(--color-background-bold)}.onBold.selected.sc-ds-bar-nav-action{color:var(--color-foreground-on-bold-background-primary)}.onStrong.sc-ds-bar-nav-action{color:var(--color-foreground-on-bold-background-secondary);--_hover-bg:var(--color-interaction-on-strong-background-hover);--_pressed-bg:var(--color-interaction-on-strong-background-pressed);--_dot-ring:var(--color-background-strong)}.onStrong.selected.sc-ds-bar-nav-action{color:var(--color-foreground-on-bold-background-primary)}.onAlwaysDark.sc-ds-bar-nav-action{color:var(--color-always-dark-foreground-secondary);--_hover-bg:var(--color-always-dark-interaction-hover);--_pressed-bg:var(--color-always-dark-interaction-pressed);--_dot-ring:var(--color-always-dark-background)}.onAlwaysDark.selected.sc-ds-bar-nav-action{color:var(--color-always-dark-foreground-primary)}.action-btn__icon-wrap.sc-ds-bar-nav-action{position:relative;width:var(--dimension-iconography-md);height:var(--dimension-iconography-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.action-btn__dot.sc-ds-bar-nav-action{position:absolute;top:0;right:0;width:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));height:var(--dimension-size-075, calc(var(--dimension-size-base) * 3 / 4));border-radius:var(--dimension-radius-half);background:var(--color-foreground-bold-brand);box-shadow:0 0 0 var(--dimension-stroke-width-018) var(--_dot-ring);pointer-events:none}`;const c=o(class o extends n{constructor(o){super();if(o!==false){this.__registerHost()}this.dsChange=r(this,"dsChange");this.icon="";this.selected=false;this.dot=false;this.inactive=false;this.ariaLabel="action";this.handleClick=()=>{if(this.inactive)return;this.dsChange.emit(!this.selected)}}render(){const o=this.background;const n={"action-btn":true,selected:this.selected,inactive:this.inactive,onMedium:o==="medium",onBold:o==="bold",onStrong:o==="strong",onAlwaysDark:o==="always-dark"};return a(e,{key:"5fa334c6d5be3d288028e9294774c25104890d4c"},a("button",{key:"35c3643987bbb67d6549527ff070ba1cf802faf7",type:"button",class:n,disabled:this.inactive,"aria-pressed":this.selected,"aria-label":this.ariaLabel,onClick:this.handleClick},a("span",{key:"97b96334a820484281c73f97c84039b40a561daa",class:"action-btn__icon-wrap"},a("ds-icon",{key:"af6d46223aa9d1c56169b5917586ba95d939fd34",name:this.icon,size:"md",color:"inherit"}),this.dot&&a("span",{key:"83a14f19c74aa4f7fcfbd44c1e7deba55b732296",class:"action-btn__dot","aria-hidden":"true"}))))}static get style(){return t()}},[2,"ds-bar-nav-action",{icon:[1],selected:[4],dot:[4],inactive:[4],ariaLabel:[1,"aria-label"],background:[1]}]);function d(){if(typeof customElements==="undefined"){return}const o=["ds-bar-nav-action","ds-icon"];o.forEach((o=>{switch(o){case"ds-bar-nav-action":if(!customElements.get(i(o))){customElements.define(i(o),c)}break;case"ds-icon":if(!customElements.get(i(o))){s()}break}}))}d();export{c as B,d};
+//# sourceMappingURL=p-BYe8Rfdg.js.map

package/dist/components/p-BvxKLqNx.js

@@ -0,0 +1,2 @@
+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:"21296dc00f6dc35c731d61de65f8c1c00ccbb666",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("span",{key:"a9d03d84b8dabb3899f3f8c7698d1489dbb6d73c",class:r,style:m,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},i("span",{key:"eb832a9bc662b58f63e6467252fbd1b70fc7eab7",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-BvxKLqNx.js.map

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

@@ -0,0 +1 @@
+{"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-DHF5BQbO.js → p-DouEVPmi.js}

@@ -1,2 +1,2 @@
-import{p as o,H as e,c as n,h as s,a as t,t as r}from"./index.js";import{d as i}from"./p-Dqga4VCz.js";const a=()=>`.toggle-btn.sc-ds-toggle-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--dimension-radius-050);cursor:pointer;position:relative;transition:transform var(--effect-motion-short-2);height:var(--dimension-size-400);font-family:inherit;background:transparent;box-sizing:border-box;-webkit-user-select:none;user-select:none;--_hover-bg:var(--color-interaction-hover);--_pressed-bg:var(--color-interaction-pressed);--_border:var(--color-border-tertiary)}.toggle-btn.sc-ds-toggle-button:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.toggle-btn.sc-ds-toggle-button:hover:not(.inactive){background-color:var(--_hover-bg)}.toggle-btn.sc-ds-toggle-button:active:not(.inactive){background-color:var(--_pressed-bg);transform:scale(var(--dimension-scale-subtle))}.onMedium.sc-ds-toggle-button{--_hover-bg:var(--color-interaction-on-medium-background-hover);--_pressed-bg:var(--color-interaction-on-medium-background-pressed);--_border:var(--color-border-on-medium-background-tertiary)}.onBold.sc-ds-toggle-button{--_hover-bg:var(--color-interaction-on-bold-background-hover);--_pressed-bg:var(--color-interaction-on-bold-background-pressed);--_border:var(--color-border-on-bold-background-tertiary)}.onStrong.sc-ds-toggle-button{--_hover-bg:var(--color-interaction-on-strong-background-hover);--_pressed-bg:var(--color-interaction-on-strong-background-pressed);--_border:var(--color-border-on-strong-background-tertiary)}.onAlwaysDark.sc-ds-toggle-button{--_hover-bg:var(--color-always-dark-interaction-hover);--_pressed-bg:var(--color-always-dark-interaction-pressed);--_border:var(--color-always-dark-border-tertiary)}.elevationElevated.sc-ds-toggle-button{background-color:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-sm);color:var(--color-foreground-secondary);--_hover-bg:color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary))}.elevationFlat.sc-ds-toggle-button{box-shadow:inset 0 0 0 1px var(--_border);color:var(--color-foreground-secondary)}.elevationNone.sc-ds-toggle-button{color:var(--color-foreground-secondary)}.elevationFloating.sc-ds-toggle-button{background-color:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-floating);color:var(--color-foreground-secondary);--_hover-bg:color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary))}.onBold.elevationNone.sc-ds-toggle-button,.onBold.elevationFlat.sc-ds-toggle-button,.onStrong.elevationNone.sc-ds-toggle-button,.onStrong.elevationFlat.sc-ds-toggle-button{color:var(--color-foreground-on-bold-background-secondary)}.onAlwaysDark.elevationNone.sc-ds-toggle-button,.onAlwaysDark.elevationFlat.sc-ds-toggle-button{color:var(--color-always-dark-foreground-secondary)}.pressed.sc-ds-toggle-button{background-color:var(--color-background-faint-brand);color:var(--color-foreground-bold-brand)}.iconOnly.sc-ds-toggle-button{padding:0;width:var(--dimension-size-400);min-width:var(--dimension-size-400)}.labelOnly.sc-ds-toggle-button{padding:0 var(--dimension-space-100)}.iconAndLabel.sc-ds-toggle-button{padding:0 var(--dimension-space-100) 0 var(--dimension-space-075);gap:var(--dimension-space-025)}.sizeSM.sc-ds-toggle-button{height:var(--dimension-size-300)}.sizeSM.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-300);min-width:var(--dimension-size-300)}.sizeSM.labelOnly.sc-ds-toggle-button{padding:0 var(--dimension-space-075)}.sizeSM.iconAndLabel.sc-ds-toggle-button{padding:0 var(--dimension-space-075) 0 var(--dimension-space-050);gap:0}.sizeXS.sc-ds-toggle-button{height:var(--dimension-size-200)}.sizeXS.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-200);min-width:var(--dimension-size-200)}.sizeXS.labelOnly.sc-ds-toggle-button,.sizeXS.iconAndLabel.sc-ds-toggle-button{padding:0 var(--dimension-space-025);gap:0}.rounded.sc-ds-toggle-button{border-radius:var(--dimension-radius-half)}.rounded.labelOnly.sc-ds-toggle-button{padding-left:calc(var(--dimension-space-100) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-100) + var(--dimension-space-050))}.rounded.iconAndLabel.sc-ds-toggle-button{padding-left:calc(var(--dimension-space-075) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-100) + var(--dimension-space-050))}.rounded.sizeSM.labelOnly.sc-ds-toggle-button{padding-left:calc(var(--dimension-space-075) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-075) + var(--dimension-space-050))}.rounded.sizeSM.iconAndLabel.sc-ds-toggle-button{padding-left:calc(var(--dimension-space-050) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-075) + var(--dimension-space-050))}.rounded.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-400);min-width:var(--dimension-size-400);padding:0}.rounded.sizeSM.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-300);min-width:var(--dimension-size-300)}.rounded.sizeXS.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-200);min-width:var(--dimension-size-200)}.inactive.sc-ds-toggle-button{opacity:0.5;cursor:not-allowed;pointer-events:none}.toggle-btn__icon.sc-ds-toggle-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.toggle-btn__label.sc-ds-toggle-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;const d={md:"md",sm:"sm",xs:"xs"};const c={md:20,sm:16,xs:12};const l={md:"text-body-medium-emphasis",sm:"text-body-small-emphasis",xs:"text-caption-emphasis"};const g=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.dsChange=n(this,"dsChange");this.elevation="elevated";this.size="md";this.rounded=false;this.pressed=false;this.inactive=false;this.handleClick=()=>{if(this.inactive)return;this.dsChange.emit(!this.pressed)}}render(){const o=this.size;const e=d[o];const n=c[o];const r=l[o];const i=!!this.icon;const a=!!this.label;const g=i&&!a;const b=a&&!i;const u=i&&a;const v=this.background;const m=this.elevation.charAt(0).toUpperCase()+this.elevation.slice(1);const p={"toggle-btn":true,[`elevation${m}`]:true,sizeSM:o==="sm",sizeXS:o==="xs",rounded:this.rounded,inactive:this.inactive,pressed:this.pressed,iconOnly:g,labelOnly:b,iconAndLabel:u,onMedium:v==="medium",onBold:v==="bold",onStrong:v==="strong",onAlwaysDark:v==="always-dark"};return s(t,{key:"059ef4442fa21112668322a6a35f1a105f6f563a"},s("button",{key:"f528a820941224e11a6a2618f1d7c72d4eb8353d",type:"button",class:p,disabled:this.inactive,"aria-label":this.ariaLabel??this.label??"toggle","aria-pressed":this.pressed,onClick:this.handleClick},i&&s("span",{key:"7101d5afe9b8bc007df29434369ccab2b5869fc8",class:"toggle-btn__icon",style:{fontSize:`${n}px`}},s("ds-icon",{key:"863659b8879fa40dfc396706fa4495f505a2879b",name:this.icon,size:e})),a&&s("span",{key:"92dc219a0bd15d6eab58b4541da796c2e695c3d1",class:`toggle-btn__label ${r}`},this.label)))}static get style(){return a()}},[2,"ds-toggle-button",{elevation:[1],label:[1],icon:[1],size:[1],rounded:[4],background:[1],pressed:[1028],inactive:[4],ariaLabel:[1,"aria-label"]}]);function b(){if(typeof customElements==="undefined"){return}const o=["ds-toggle-button","ds-icon"];o.forEach((o=>{switch(o){case"ds-toggle-button":if(!customElements.get(r(o))){customElements.define(r(o),g)}break;case"ds-icon":if(!customElements.get(r(o))){i()}break}}))}b();export{g as T,b as d};
-//# sourceMappingURL=p-DHF5BQbO.js.map
+import{p as o,H as e,c as n,h as s,a as t,t as r}from"./index.js";import{d as i}from"./p-BvxKLqNx.js";const a=()=>`.toggle-btn.sc-ds-toggle-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--dimension-radius-050);cursor:pointer;position:relative;transition:transform var(--effect-motion-short-2);height:var(--dimension-size-400);font-family:inherit;background:transparent;box-sizing:border-box;-webkit-user-select:none;user-select:none;--_hover-bg:var(--color-interaction-hover);--_pressed-bg:var(--color-interaction-pressed);--_border:var(--color-border-tertiary)}.toggle-btn.sc-ds-toggle-button:focus-visible{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.toggle-btn.sc-ds-toggle-button:hover:not(.inactive){background-color:var(--_hover-bg)}.toggle-btn.sc-ds-toggle-button:active:not(.inactive){background-color:var(--_pressed-bg);transform:scale(var(--dimension-scale-subtle))}.onMedium.sc-ds-toggle-button{--_hover-bg:var(--color-interaction-on-medium-background-hover);--_pressed-bg:var(--color-interaction-on-medium-background-pressed);--_border:var(--color-border-on-medium-background-tertiary)}.onBold.sc-ds-toggle-button{--_hover-bg:var(--color-interaction-on-bold-background-hover);--_pressed-bg:var(--color-interaction-on-bold-background-pressed);--_border:var(--color-border-on-bold-background-tertiary)}.onStrong.sc-ds-toggle-button{--_hover-bg:var(--color-interaction-on-strong-background-hover);--_pressed-bg:var(--color-interaction-on-strong-background-pressed);--_border:var(--color-border-on-strong-background-tertiary)}.onAlwaysDark.sc-ds-toggle-button{--_hover-bg:var(--color-always-dark-interaction-hover);--_pressed-bg:var(--color-always-dark-interaction-pressed);--_border:var(--color-always-dark-border-tertiary)}.elevationElevated.sc-ds-toggle-button{background-color:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-sm);color:var(--color-foreground-secondary);--_hover-bg:color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary))}.elevationFlat.sc-ds-toggle-button{box-shadow:inset 0 0 0 1px var(--_border);color:var(--color-foreground-secondary)}.elevationNone.sc-ds-toggle-button{color:var(--color-foreground-secondary)}.elevationFloating.sc-ds-toggle-button{background-color:var(--color-background-primary);box-shadow:var(--effect-elevation-elevated-floating);color:var(--color-foreground-secondary);--_hover-bg:color-mix(in oklch, var(--color-background-primary) 90%, var(--color-foreground-primary));--_pressed-bg:color-mix(in oklch, var(--color-background-primary) 85%, var(--color-foreground-primary))}.onBold.elevationNone.sc-ds-toggle-button,.onBold.elevationFlat.sc-ds-toggle-button,.onStrong.elevationNone.sc-ds-toggle-button,.onStrong.elevationFlat.sc-ds-toggle-button{color:var(--color-foreground-on-bold-background-secondary)}.onAlwaysDark.elevationNone.sc-ds-toggle-button,.onAlwaysDark.elevationFlat.sc-ds-toggle-button{color:var(--color-always-dark-foreground-secondary)}.pressed.sc-ds-toggle-button{background-color:var(--color-background-faint-brand);color:var(--color-foreground-bold-brand)}.iconOnly.sc-ds-toggle-button{padding:0;width:var(--dimension-size-400);min-width:var(--dimension-size-400)}.labelOnly.sc-ds-toggle-button{padding:0 var(--dimension-space-100)}.iconAndLabel.sc-ds-toggle-button{padding:0 var(--dimension-space-100) 0 var(--dimension-space-075);gap:var(--dimension-space-025)}.sizeSM.sc-ds-toggle-button{height:var(--dimension-size-300)}.sizeSM.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-300);min-width:var(--dimension-size-300)}.sizeSM.labelOnly.sc-ds-toggle-button{padding:0 var(--dimension-space-075)}.sizeSM.iconAndLabel.sc-ds-toggle-button{padding:0 var(--dimension-space-075) 0 var(--dimension-space-050);gap:0}.sizeXS.sc-ds-toggle-button{height:var(--dimension-size-200)}.sizeXS.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-200);min-width:var(--dimension-size-200)}.sizeXS.labelOnly.sc-ds-toggle-button,.sizeXS.iconAndLabel.sc-ds-toggle-button{padding:0 var(--dimension-space-025);gap:0}.rounded.sc-ds-toggle-button{border-radius:var(--dimension-radius-half)}.rounded.labelOnly.sc-ds-toggle-button{padding-left:calc(var(--dimension-space-100) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-100) + var(--dimension-space-050))}.rounded.iconAndLabel.sc-ds-toggle-button{padding-left:calc(var(--dimension-space-075) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-100) + var(--dimension-space-050))}.rounded.sizeSM.labelOnly.sc-ds-toggle-button{padding-left:calc(var(--dimension-space-075) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-075) + var(--dimension-space-050))}.rounded.sizeSM.iconAndLabel.sc-ds-toggle-button{padding-left:calc(var(--dimension-space-050) + var(--dimension-space-050));padding-right:calc(var(--dimension-space-075) + var(--dimension-space-050))}.rounded.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-400);min-width:var(--dimension-size-400);padding:0}.rounded.sizeSM.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-300);min-width:var(--dimension-size-300)}.rounded.sizeXS.iconOnly.sc-ds-toggle-button{width:var(--dimension-size-200);min-width:var(--dimension-size-200)}.inactive.sc-ds-toggle-button{opacity:0.5;cursor:not-allowed;pointer-events:none}.toggle-btn__icon.sc-ds-toggle-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.toggle-btn__label.sc-ds-toggle-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;const d={md:"md",sm:"sm",xs:"xs"};const c={md:20,sm:16,xs:12};const l={md:"text-body-medium-emphasis",sm:"text-body-small-emphasis",xs:"text-caption-emphasis"};const g=o(class o extends e{constructor(o){super();if(o!==false){this.__registerHost()}this.dsChange=n(this,"dsChange");this.elevation="elevated";this.size="md";this.rounded=false;this.pressed=false;this.inactive=false;this.handleClick=()=>{if(this.inactive)return;this.dsChange.emit(!this.pressed)}}render(){const o=this.size;const e=d[o];const n=c[o];const r=l[o];const i=!!this.icon;const a=!!this.label;const g=i&&!a;const b=a&&!i;const v=i&&a;const u=this.background;const m=this.elevation.charAt(0).toUpperCase()+this.elevation.slice(1);const p={"toggle-btn":true,[`elevation${m}`]:true,sizeSM:o==="sm",sizeXS:o==="xs",rounded:this.rounded,inactive:this.inactive,pressed:this.pressed,iconOnly:g,labelOnly:b,iconAndLabel:v,onMedium:u==="medium",onBold:u==="bold",onStrong:u==="strong",onAlwaysDark:u==="always-dark"};return s(t,{key:"059ef4442fa21112668322a6a35f1a105f6f563a"},s("button",{key:"f528a820941224e11a6a2618f1d7c72d4eb8353d",type:"button",class:p,disabled:this.inactive,"aria-label":this.ariaLabel??this.label??"toggle","aria-pressed":this.pressed,onClick:this.handleClick},i&&s("span",{key:"7101d5afe9b8bc007df29434369ccab2b5869fc8",class:"toggle-btn__icon",style:{fontSize:`${n}px`}},s("ds-icon",{key:"863659b8879fa40dfc396706fa4495f505a2879b",name:this.icon,size:e})),a&&s("span",{key:"92dc219a0bd15d6eab58b4541da796c2e695c3d1",class:`toggle-btn__label ${r}`},this.label)))}static get style(){return a()}},[2,"ds-toggle-button",{elevation:[1],label:[1],icon:[1],size:[1],rounded:[4],background:[1],pressed:[1028],inactive:[4],ariaLabel:[1,"aria-label"]}]);function b(){if(typeof customElements==="undefined"){return}const o=["ds-toggle-button","ds-icon"];o.forEach((o=>{switch(o){case"ds-toggle-button":if(!customElements.get(r(o))){customElements.define(r(o),g)}break;case"ds-icon":if(!customElements.get(r(o))){i()}break}}))}b();export{g as T,b as d};
+//# sourceMappingURL=p-DouEVPmi.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ds-mo/ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "CompoMo — composable web components styled with TokoMo design tokens",
   "keywords": [
     "web-components",
@@ -57,11 +57,11 @@
     "mcp": "node scripts/mcp-server.mjs"
   },
   "peerDependencies": {
-    "@ds-mo/icons": "^5.0.1",
+    "@ds-mo/icons": "^6.0.0",
     "@ds-mo/tokens": ">=2.9.0"
   },
   "devDependencies": {
-    "@ds-mo/icons": "^5.0.1",
+    "@ds-mo/icons": "^6.0.0",
     "@ds-mo/tokens": "^2.9.0",
     "@eslint/js": "^10.0.1",
     "@modelcontextprotocol/sdk": "^1.29.0",

package/dist/components/p-Dqga4VCz.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 P}from"@ds-mo/icons/svg/flags/FlagLatvia";import{FlagLithuania as D}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 R}from"@ds-mo/icons/svg/flags/FlagSpain";import{FlagSweden as M}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 Po}from"@ds-mo/icons/svg/Braces";import{Bug as Do}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 Ro}from"@ds-mo/icons/svg/CameraA";import{CameraB as Mo}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 Pr}from"@ds-mo/icons/svg/CloudSun";import{CloudWind as Dr}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 Rr}from"@ds-mo/icons/svg/CrossCircleFilled";import{Cube as Mr}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{DeviceMobile as Nr}from"@ds-mo/icons/svg/DeviceMobile";import{DeviceOmnicam as Kr}from"@ds-mo/icons/svg/DeviceOmnicam";import{DeviceSensor as Zr}from"@ds-mo/icons/svg/DeviceSensor";import{DeviceTablet as Jr}from"@ds-mo/icons/svg/DeviceTablet";import{DeviceVehicleGateway as Qr}from"@ds-mo/icons/svg/DeviceVehicleGateway";import{Devices as Xr}from"@ds-mo/icons/svg/Devices";import{Document as jr}from"@ds-mo/icons/svg/Document";import{DocumentArrow as $r}from"@ds-mo/icons/svg/DocumentArrow";import{DocumentChart as Yr}from"@ds-mo/icons/svg/DocumentChart";import{DocumentDollar as oi}from"@ds-mo/icons/svg/DocumentDollar";import{DocumentGear as ri}from"@ds-mo/icons/svg/DocumentGear";import{DocumentInverted as ii}from"@ds-mo/icons/svg/DocumentInverted";import{DocumentPencil as si}from"@ds-mo/icons/svg/DocumentPencil";import{DocumentPlus as mi}from"@ds-mo/icons/svg/DocumentPlus";import{DocumentQuestion as ni}from"@ds-mo/icons/svg/DocumentQuestion";import{DocumentReceipt as ei}from"@ds-mo/icons/svg/DocumentReceipt";import{DocumentStacked as ci}from"@ds-mo/icons/svg/DocumentStacked";import{DoorSensor as ti}from"@ds-mo/icons/svg/DoorSensor";import{Dot as li}from"@ds-mo/icons/svg/Dot";import{DotFilled as di}from"@ds-mo/icons/svg/DotFilled";import{DotPath as ai}from"@ds-mo/icons/svg/DotPath";import{Download as gi}from"@ds-mo/icons/svg/Download";import{Drag as fi}from"@ds-mo/icons/svg/Drag";import{Ellipses as pi}from"@ds-mo/icons/svg/Ellipses";import{Email as vi}from"@ds-mo/icons/svg/Email";import{Engine as ui}from"@ds-mo/icons/svg/Engine";import{Enter as hi}from"@ds-mo/icons/svg/Enter";import{EntityAsset as Ci}from"@ds-mo/icons/svg/EntityAsset";import{EntityAssetFilled as Fi}from"@ds-mo/icons/svg/EntityAssetFilled";import{EntityDriver as Si}from"@ds-mo/icons/svg/EntityDriver";import{EntityDriverFilled as bi}from"@ds-mo/icons/svg/EntityDriverFilled";import{EntityTravelGroup as Pi}from"@ds-mo/icons/svg/EntityTravelGroup";import{EntityTravelGroupFilled as Di}from"@ds-mo/icons/svg/EntityTravelGroupFilled";import{EntityVehicle as yi}from"@ds-mo/icons/svg/EntityVehicle";import{EntityVehicleCharging as ki}from"@ds-mo/icons/svg/EntityVehicleCharging";import{EntityVehicleChargingFilled as wi}from"@ds-mo/icons/svg/EntityVehicleChargingFilled";import{EntityVehicleFilled as Bi}from"@ds-mo/icons/svg/EntityVehicleFilled";import{EntityVehicleImmobilized as Li}from"@ds-mo/icons/svg/EntityVehicleImmobilized";import{EntityVehicleImmobilizedFilled as Ti}from"@ds-mo/icons/svg/EntityVehicleImmobilizedFilled";import{ErrorTriangle as Ei}from"@ds-mo/icons/svg/ErrorTriangle";import{ErrorTriangleFilled as Ai}from"@ds-mo/icons/svg/ErrorTriangleFilled";import{ErrorTriangleSimpleFilled as Gi}from"@ds-mo/icons/svg/ErrorTriangleSimpleFilled";import{Export as Ri}from"@ds-mo/icons/svg/Export";import{ExternalLink as Mi}from"@ds-mo/icons/svg/ExternalLink";import{Eye as xi}from"@ds-mo/icons/svg/Eye";import{EyeDisabled as Ii}from"@ds-mo/icons/svg/EyeDisabled";import{EyeLock as Vi}from"@ds-mo/icons/svg/EyeLock";import{FastForward as zi}from"@ds-mo/icons/svg/FastForward";import{FastForwardSkip as qi}from"@ds-mo/icons/svg/FastForwardSkip";import{Filters as Wi}from"@ds-mo/icons/svg/Filters";import{FitToScreen as Ui}from"@ds-mo/icons/svg/FitToScreen";import{Flag as Hi}from"@ds-mo/icons/svg/Flag";import{FlagFilled as Oi}from"@ds-mo/icons/svg/FlagFilled";import{FloppyDisk as _i}from"@ds-mo/icons/svg/FloppyDisk";import{Folder as Ni}from"@ds-mo/icons/svg/Folder";import{FolderFilled as Ki}from"@ds-mo/icons/svg/FolderFilled";import{FuelPump as Zi}from"@ds-mo/icons/svg/FuelPump";import{FullScreen as Ji}from"@ds-mo/icons/svg/FullScreen";import{FullScreenExit as Qi}from"@ds-mo/icons/svg/FullScreenExit";import{Gauge as Xi}from"@ds-mo/icons/svg/Gauge";import{GaugeTemperature as ji}from"@ds-mo/icons/svg/GaugeTemperature";import{Gear as $i}from"@ds-mo/icons/svg/Gear";import{GearCheck as Yi}from"@ds-mo/icons/svg/GearCheck";import{Geofence as os}from"@ds-mo/icons/svg/Geofence";import{GeofenceCircle as rs}from"@ds-mo/icons/svg/GeofenceCircle";import{GeofenceDiamond as is}from"@ds-mo/icons/svg/GeofenceDiamond";import{GeofenceSquare as ss}from"@ds-mo/icons/svg/GeofenceSquare";import{GlobeNetwork as ms}from"@ds-mo/icons/svg/GlobeNetwork";import{GlobeWorldMap as ns}from"@ds-mo/icons/svg/GlobeWorldMap";import{Graph as es}from"@ds-mo/icons/svg/Graph";import{GraphArrow as cs}from"@ds-mo/icons/svg/GraphArrow";import{GraphBars as ts}from"@ds-mo/icons/svg/GraphBars";import{GraphDecreasing as ls}from"@ds-mo/icons/svg/GraphDecreasing";import{GraphIncreasing as ds}from"@ds-mo/icons/svg/GraphIncreasing";import{GroupBy as as}from"@ds-mo/icons/svg/GroupBy";import{Hamburger as gs}from"@ds-mo/icons/svg/Hamburger";import{HandOpen as fs}from"@ds-mo/icons/svg/HandOpen";import{Headset as ps}from"@ds-mo/icons/svg/Headset";import{History as vs}from"@ds-mo/icons/svg/History";import{HourGlass as us}from"@ds-mo/icons/svg/HourGlass";import{Image as hs}from"@ds-mo/icons/svg/Image";import{Import as Cs}from"@ds-mo/icons/svg/Import";import{ImportClock as Fs}from"@ds-mo/icons/svg/ImportClock";import{Inbox as Ss}from"@ds-mo/icons/svg/Inbox";import{IosFilled as bs}from"@ds-mo/icons/svg/IosFilled";import{Jerrycan as Ps}from"@ds-mo/icons/svg/Jerrycan";import{KeyA as Ds}from"@ds-mo/icons/svg/KeyA";import{KeyB as ys}from"@ds-mo/icons/svg/KeyB";import{KeyCmd as ks}from"@ds-mo/icons/svg/KeyCmd";import{KeyShift as ws}from"@ds-mo/icons/svg/KeyShift";import{LED as Bs}from"@ds-mo/icons/svg/LED";import{Layers as Ls}from"@ds-mo/icons/svg/Layers";import{Leaf as Ts}from"@ds-mo/icons/svg/Leaf";import{LeftCollapse as Es}from"@ds-mo/icons/svg/LeftCollapse";import{LeftCollapseB as As}from"@ds-mo/icons/svg/LeftCollapseB";import{LeftExpand as Gs}from"@ds-mo/icons/svg/LeftExpand";import{LeftExpandB as Rs}from"@ds-mo/icons/svg/LeftExpandB";import{LeftTurnSignal as Ms}from"@ds-mo/icons/svg/LeftTurnSignal";import{LetterB as xs}from"@ds-mo/icons/svg/LetterB";import{LetterC as Is}from"@ds-mo/icons/svg/LetterC";import{LetterI as Vs}from"@ds-mo/icons/svg/LetterI";import{License as zs}from"@ds-mo/icons/svg/License";import{LicensePlate as qs}from"@ds-mo/icons/svg/LicensePlate";import{Lifebuoy as Ws}from"@ds-mo/icons/svg/Lifebuoy";import{Link as Us}from"@ds-mo/icons/svg/Link";import{List as Hs}from"@ds-mo/icons/svg/List";import{Loads as Os}from"@ds-mo/icons/svg/Loads";import{LocationPin as _s}from"@ds-mo/icons/svg/LocationPin";import{LocationPinArrows as Ns}from"@ds-mo/icons/svg/LocationPinArrows";import{LocationPinDisabled as Ks}from"@ds-mo/icons/svg/LocationPinDisabled";import{LocationPinDollar as Zs}from"@ds-mo/icons/svg/LocationPinDollar";import{LockClosed as Js}from"@ds-mo/icons/svg/LockClosed";import{LockClosedFilled as Qs}from"@ds-mo/icons/svg/LockClosedFilled";import{LockOpen as Xs}from"@ds-mo/icons/svg/LockOpen";import{Logout as js}from"@ds-mo/icons/svg/Logout";import{Logs as $s}from"@ds-mo/icons/svg/Logs";import{LogsMagnifyingGlass as Ys}from"@ds-mo/icons/svg/LogsMagnifyingGlass";import{MagnifyingGlass as om}from"@ds-mo/icons/svg/MagnifyingGlass";import{MagnifyingGlassGraph as rm}from"@ds-mo/icons/svg/MagnifyingGlassGraph";import{MagnifyingGlassZoomIn as im}from"@ds-mo/icons/svg/MagnifyingGlassZoomIn";import{MagnifyingGlassZoomOut as sm}from"@ds-mo/icons/svg/MagnifyingGlassZoomOut";import{MapNavigation as mm}from"@ds-mo/icons/svg/MapNavigation";import{MapPage as nm}from"@ds-mo/icons/svg/MapPage";import{MapPin as em}from"@ds-mo/icons/svg/MapPin";import{MarkRead as cm}from"@ds-mo/icons/svg/MarkRead";import{Match as tm}from"@ds-mo/icons/svg/Match";import{MessageBubble as lm}from"@ds-mo/icons/svg/MessageBubble";import{MessageBubbleStack as dm}from"@ds-mo/icons/svg/MessageBubbleStack";import{Messaging as am}from"@ds-mo/icons/svg/Messaging";import{Mic as gm}from"@ds-mo/icons/svg/Mic";import{MicMute as fm}from"@ds-mo/icons/svg/MicMute";import{Minimize as pm}from"@ds-mo/icons/svg/Minimize";import{Monitor as vm}from"@ds-mo/icons/svg/Monitor";import{Notification as um}from"@ds-mo/icons/svg/Notification";import{NumberTen as hm}from"@ds-mo/icons/svg/NumberTen";import{OctagonSubtract as Cm}from"@ds-mo/icons/svg/OctagonSubtract";import{Odometer as Fm}from"@ds-mo/icons/svg/Odometer";import{OverviewAI as Sm}from"@ds-mo/icons/svg/OverviewAI";import{PanelCollapse as bm}from"@ds-mo/icons/svg/PanelCollapse";import{PanelExpand as Pm}from"@ds-mo/icons/svg/PanelExpand";import{Paperclip as Dm}from"@ds-mo/icons/svg/Paperclip";import{PaperplaneSend as ym}from"@ds-mo/icons/svg/PaperplaneSend";import{Paragraph as km}from"@ds-mo/icons/svg/Paragraph";import{ParagraphCheck as wm}from"@ds-mo/icons/svg/ParagraphCheck";import{ParagraphPencil as Bm}from"@ds-mo/icons/svg/ParagraphPencil";import{Pause as Lm}from"@ds-mo/icons/svg/Pause";import{PauseFilled as Tm}from"@ds-mo/icons/svg/PauseFilled";import{Pencil as Em}from"@ds-mo/icons/svg/Pencil";import{PencilSquiggle as Am}from"@ds-mo/icons/svg/PencilSquiggle";import{Person as Gm}from"@ds-mo/icons/svg/Person";import{PersonAt as Rm}from"@ds-mo/icons/svg/PersonAt";import{PersonConnect as Mm}from"@ds-mo/icons/svg/PersonConnect";import{PersonFrame as xm}from"@ds-mo/icons/svg/PersonFrame";import{PersonGear as Im}from"@ds-mo/icons/svg/PersonGear";import{PersonGroup as Vm}from"@ds-mo/icons/svg/PersonGroup";import{PersonGroupArrows as zm}from"@ds-mo/icons/svg/PersonGroupArrows";import{PersonManager as qm}from"@ds-mo/icons/svg/PersonManager";import{PersonShield as Wm}from"@ds-mo/icons/svg/PersonShield";import{PersonStar as Um}from"@ds-mo/icons/svg/PersonStar";import{Phone as Hm}from"@ds-mo/icons/svg/Phone";import{PhoneDisconnect as Om}from"@ds-mo/icons/svg/PhoneDisconnect";import{PicmanFilled as _m}from"@ds-mo/icons/svg/PicmanFilled";import{Pin as Nm}from"@ds-mo/icons/svg/Pin";import{PipBottomLeft as Km}from"@ds-mo/icons/svg/PipBottomLeft";import{PipBottomRight as Zm}from"@ds-mo/icons/svg/PipBottomRight";import{PipTopLeft as Jm}from"@ds-mo/icons/svg/PipTopLeft";import{PipTopRight as Qm}from"@ds-mo/icons/svg/PipTopRight";import{Play as Xm}from"@ds-mo/icons/svg/Play";import{PlayFilled as jm}from"@ds-mo/icons/svg/PlayFilled";import{Plug as $m}from"@ds-mo/icons/svg/Plug";import{Plus as Ym}from"@ds-mo/icons/svg/Plus";import{PlusCircle as on}from"@ds-mo/icons/svg/PlusCircle";import{Preferences as rn}from"@ds-mo/icons/svg/Preferences";import{Printer as sn}from"@ds-mo/icons/svg/Printer";import{PunchCard as mn}from"@ds-mo/icons/svg/PunchCard";import{Puzzle as nn}from"@ds-mo/icons/svg/Puzzle";import{PuzzleJoined as en}from"@ds-mo/icons/svg/PuzzleJoined";import{Redo as cn}from"@ds-mo/icons/svg/Redo";import{Refresh as tn}from"@ds-mo/icons/svg/Refresh";import{Restore as ln}from"@ds-mo/icons/svg/Restore";import{RewardRibbon as dn}from"@ds-mo/icons/svg/RewardRibbon";import{Rewind as an}from"@ds-mo/icons/svg/Rewind";import{RewindSkip as gn}from"@ds-mo/icons/svg/RewindSkip";import{RewindSkipFilled as fn}from"@ds-mo/icons/svg/RewindSkipFilled";import{RightCollapse as pn}from"@ds-mo/icons/svg/RightCollapse";import{RightCollapseB as vn}from"@ds-mo/icons/svg/RightCollapseB";import{RightExpand as un}from"@ds-mo/icons/svg/RightExpand";import{RightExpandB as hn}from"@ds-mo/icons/svg/RightExpandB";import{RightTurnSignal as Cn}from"@ds-mo/icons/svg/RightTurnSignal";import{Rotate as Fn}from"@ds-mo/icons/svg/Rotate";import{Satellite as Sn}from"@ds-mo/icons/svg/Satellite";import{Scan as bn}from"@ds-mo/icons/svg/Scan";import{Scissor as Pn}from"@ds-mo/icons/svg/Scissor";import{Scope as Dn}from"@ds-mo/icons/svg/Scope";import{Seatbelt as yn}from"@ds-mo/icons/svg/Seatbelt";import{SeatbeltBuckle as kn}from"@ds-mo/icons/svg/SeatbeltBuckle";import{Shapes as wn}from"@ds-mo/icons/svg/Shapes";import{ShareCircles as Bn}from"@ds-mo/icons/svg/ShareCircles";import{ShareCirclesFilled as Ln}from"@ds-mo/icons/svg/ShareCirclesFilled";import{SharePaperplane as Tn}from"@ds-mo/icons/svg/SharePaperplane";import{Shield as En}from"@ds-mo/icons/svg/Shield";import{ShieldCheck as An}from"@ds-mo/icons/svg/ShieldCheck";import{ShieldCheckmarkFilled as Gn}from"@ds-mo/icons/svg/ShieldCheckmarkFilled";import{ShieldCircle as Rn}from"@ds-mo/icons/svg/ShieldCircle";import{ShieldCircleFilled as Mn}from"@ds-mo/icons/svg/ShieldCircleFilled";import{ShieldCross as xn}from"@ds-mo/icons/svg/ShieldCross";import{ShieldCrossFilled as In}from"@ds-mo/icons/svg/ShieldCrossFilled";import{ShieldFilled as Vn}from"@ds-mo/icons/svg/ShieldFilled";import{ShieldLock as zn}from"@ds-mo/icons/svg/ShieldLock";import{ShieldLockFilled as qn}from"@ds-mo/icons/svg/ShieldLockFilled";import{ShoppingBag as Wn}from"@ds-mo/icons/svg/ShoppingBag";import{Snowflake as Un}from"@ds-mo/icons/svg/Snowflake";import{SpeakerPhone as Hn}from"@ds-mo/icons/svg/SpeakerPhone";import{SpeedometerArrow as On}from"@ds-mo/icons/svg/SpeedometerArrow";import{SpeedometerLeft as _n}from"@ds-mo/icons/svg/SpeedometerLeft";import{SpeedometerRight as Nn}from"@ds-mo/icons/svg/SpeedometerRight";import{SpikeCirclePercentage as Kn}from"@ds-mo/icons/svg/SpikeCirclePercentage";import{SpikeCirclePercentageFilled as Zn}from"@ds-mo/icons/svg/SpikeCirclePercentageFilled";import{Square as Jn}from"@ds-mo/icons/svg/Square";import{SquareArrowTopRight as Qn}from"@ds-mo/icons/svg/SquareArrowTopRight";import{SquareCheck as Xn}from"@ds-mo/icons/svg/SquareCheck";import{SquareCheckFilled as jn}from"@ds-mo/icons/svg/SquareCheckFilled";import{SquareDollar as $n}from"@ds-mo/icons/svg/SquareDollar";import{SquareDollarFilled as Yn}from"@ds-mo/icons/svg/SquareDollarFilled";import{SquareDottedMinus as oe}from"@ds-mo/icons/svg/SquareDottedMinus";import{SquareFilled as re}from"@ds-mo/icons/svg/SquareFilled";import{SquareGrid as ie}from"@ds-mo/icons/svg/SquareGrid";import{SquarePencil as se}from"@ds-mo/icons/svg/SquarePencil";import{SquarePlus as me}from"@ds-mo/icons/svg/SquarePlus";import{SquareSubtract as ne}from"@ds-mo/icons/svg/SquareSubtract";import{SquareSubtractFilled as ee}from"@ds-mo/icons/svg/SquareSubtractFilled";import{Star as ce}from"@ds-mo/icons/svg/Star";import{StarFilled as te}from"@ds-mo/icons/svg/StarFilled";import{Stopwatch as le}from"@ds-mo/icons/svg/Stopwatch";import{Street as de}from"@ds-mo/icons/svg/Street";import{Subtract as ae}from"@ds-mo/icons/svg/Subtract";import{SubtractCircle as ge}from"@ds-mo/icons/svg/SubtractCircle";import{SubtractCircleFilled as fe}from"@ds-mo/icons/svg/SubtractCircleFilled";import{Table as pe}from"@ds-mo/icons/svg/Table";import{Tag as ve}from"@ds-mo/icons/svg/Tag";import{Target as ue}from"@ds-mo/icons/svg/Target";import{TargetDollar as he}from"@ds-mo/icons/svg/TargetDollar";import{Text as Ce}from"@ds-mo/icons/svg/Text";import{ThemeDark as Fe}from"@ds-mo/icons/svg/ThemeDark";import{ThemeLight as Se}from"@ds-mo/icons/svg/ThemeLight";import{ThumbsDown as be}from"@ds-mo/icons/svg/ThumbsDown";import{ThumbsDownFilled as Pe}from"@ds-mo/icons/svg/ThumbsDownFilled";import{ThumbsUp as De}from"@ds-mo/icons/svg/ThumbsUp";import{ThumbsUpFilled as ye}from"@ds-mo/icons/svg/ThumbsUpFilled";import{TirePressure as ke}from"@ds-mo/icons/svg/TirePressure";import{Toggle as we}from"@ds-mo/icons/svg/Toggle";import{TrafficLight as Be}from"@ds-mo/icons/svg/TrafficLight";import{Trash as Le}from"@ds-mo/icons/svg/Trash";import{Trophy as Te}from"@ds-mo/icons/svg/Trophy";import{TurnSignal as Ee}from"@ds-mo/icons/svg/TurnSignal";import{TurnSignalFilled as Ae}from"@ds-mo/icons/svg/TurnSignalFilled";import{TwoDevices as Ge}from"@ds-mo/icons/svg/TwoDevices";import{Undo as Re}from"@ds-mo/icons/svg/Undo";import{Upgrade as Me}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:P,FlagLithuania:D,FlagLuxembourg:y,FlagMalta:k,FlagMexico:w,FlagNetherlands:B,FlagPoland:L,FlagPortugal:T,FlagRomania:E,FlagSlovakia:A,FlagSlovenia:G,FlagSpain:R,FlagSweden:M,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:Po,Bug:Do,BuildingFacility:yo,BuildingHome:ko,BuildingOffice:wo,BuildingPublic:Bo,BuildingShop:Lo,Bulb:To,Calculator:Eo,Calendar:Ao,CalendarClock:Go,CameraA:Ro,CameraB:Mo,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:Pr,CloudWind:Dr,Cluster:yr,Coin:kr,CoinStack:wr,CoinStackGeneral:Br,Compass:Lr,Copy:Tr,Crop:Er,Cross:Ar,CrossCircle:Gr,CrossCircleFilled:Rr,Cube:Mr,Cup:xr,CursorPointer:Ir,CursorPointerMinus:Vr,CursorPointerPlus:zr,Dashboard:qr,DeviceAIDashcamPlus:Wr,DeviceAssetTracker:Ur,DeviceDVR:Hr,DeviceDashcam:Or,DeviceDashcamLiveStream:_r,DeviceMobile:Nr,DeviceOmnicam:Kr,DeviceSensor:Zr,DeviceTablet:Jr,DeviceVehicleGateway:Qr,Devices:Xr,Document:jr,DocumentArrow:$r,DocumentChart:Yr,DocumentDollar:oi,DocumentGear:ri,DocumentInverted:ii,DocumentPencil:si,DocumentPlus:mi,DocumentQuestion:ni,DocumentReceipt:ei,DocumentStacked:ci,DoorSensor:ti,Dot:li,DotFilled:di,DotPath:ai,Download:gi,Drag:fi,Ellipses:pi,Email:vi,Engine:ui,Enter:hi,EntityAsset:Ci,EntityAssetFilled:Fi,EntityDriver:Si,EntityDriverFilled:bi,EntityTravelGroup:Pi,EntityTravelGroupFilled:Di,EntityVehicle:yi,EntityVehicleCharging:ki,EntityVehicleChargingFilled:wi,EntityVehicleFilled:Bi,EntityVehicleImmobilized:Li,EntityVehicleImmobilizedFilled:Ti,ErrorTriangle:Ei,ErrorTriangleFilled:Ai,ErrorTriangleSimpleFilled:Gi,Export:Ri,ExternalLink:Mi,Eye:xi,EyeDisabled:Ii,EyeLock:Vi,FastForward:zi,FastForwardSkip:qi,Filters:Wi,FitToScreen:Ui,Flag:Hi,FlagFilled:Oi,FloppyDisk:_i,Folder:Ni,FolderFilled:Ki,FuelPump:Zi,FullScreen:Ji,FullScreenExit:Qi,Gauge:Xi,GaugeTemperature:ji,Gear:$i,GearCheck:Yi,Geofence:os,GeofenceCircle:rs,GeofenceDiamond:is,GeofenceSquare:ss,GlobeNetwork:ms,GlobeWorldMap:ns,Graph:es,GraphArrow:cs,GraphBars:ts,GraphDecreasing:ls,GraphIncreasing:ds,GroupBy:as,Hamburger:gs,HandOpen:fs,Headset:ps,History:vs,HourGlass:us,Image:hs,Import:Cs,ImportClock:Fs,Inbox:Ss,IosFilled:bs,Jerrycan:Ps,KeyA:Ds,KeyB:ys,KeyCmd:ks,KeyShift:ws,LED:Bs,Layers:Ls,Leaf:Ts,LeftCollapse:Es,LeftCollapseB:As,LeftExpand:Gs,LeftExpandB:Rs,LeftTurnSignal:Ms,LetterB:xs,LetterC:Is,LetterI:Vs,License:zs,LicensePlate:qs,Lifebuoy:Ws,Link:Us,List:Hs,Loads:Os,LocationPin:_s,LocationPinArrows:Ns,LocationPinDisabled:Ks,LocationPinDollar:Zs,LockClosed:Js,LockClosedFilled:Qs,LockOpen:Xs,Logout:js,Logs:$s,LogsMagnifyingGlass:Ys,MagnifyingGlass:om,MagnifyingGlassGraph:rm,MagnifyingGlassZoomIn:im,MagnifyingGlassZoomOut:sm,MapNavigation:mm,MapPage:nm,MapPin:em,MarkRead:cm,Match:tm,MessageBubble:lm,MessageBubbleStack:dm,Messaging:am,Mic:gm,MicMute:fm,Minimize:pm,Monitor:vm,Notification:um,NumberTen:hm,OctagonSubtract:Cm,Odometer:Fm,OverviewAI:Sm,PanelCollapse:bm,PanelExpand:Pm,Paperclip:Dm,PaperplaneSend:ym,Paragraph:km,ParagraphCheck:wm,ParagraphPencil:Bm,Pause:Lm,PauseFilled:Tm,Pencil:Em,PencilSquiggle:Am,Person:Gm,PersonAt:Rm,PersonConnect:Mm,PersonFrame:xm,PersonGear:Im,PersonGroup:Vm,PersonGroupArrows:zm,PersonManager:qm,PersonShield:Wm,PersonStar:Um,Phone:Hm,PhoneDisconnect:Om,PicmanFilled:_m,Pin:Nm,PipBottomLeft:Km,PipBottomRight:Zm,PipTopLeft:Jm,PipTopRight:Qm,Play:Xm,PlayFilled:jm,Plug:$m,Plus:Ym,PlusCircle:on,Preferences:rn,Printer:sn,PunchCard:mn,Puzzle:nn,PuzzleJoined:en,Redo:cn,Refresh:tn,Restore:ln,RewardRibbon:dn,Rewind:an,RewindSkip:gn,RewindSkipFilled:fn,RightCollapse:pn,RightCollapseB:vn,RightExpand:un,RightExpandB:hn,RightTurnSignal:Cn,Rotate:Fn,Satellite:Sn,Scan:bn,Scissor:Pn,Scope:Dn,Seatbelt:yn,SeatbeltBuckle:kn,Shapes:wn,ShareCircles:Bn,ShareCirclesFilled:Ln,SharePaperplane:Tn,Shield:En,ShieldCheck:An,ShieldCheckmarkFilled:Gn,ShieldCircle:Rn,ShieldCircleFilled:Mn,ShieldCross:xn,ShieldCrossFilled:In,ShieldFilled:Vn,ShieldLock:zn,ShieldLockFilled:qn,ShoppingBag:Wn,Snowflake:Un,SpeakerPhone:Hn,SpeedometerArrow:On,SpeedometerLeft:_n,SpeedometerRight:Nn,SpikeCirclePercentage:Kn,SpikeCirclePercentageFilled:Zn,Square:Jn,SquareArrowTopRight:Qn,SquareCheck:Xn,SquareCheckFilled:jn,SquareDollar:$n,SquareDollarFilled:Yn,SquareDottedMinus:oe,SquareFilled:re,SquareGrid:ie,SquarePencil:se,SquarePlus:me,SquareSubtract:ne,SquareSubtractFilled:ee,Star:ce,StarFilled:te,Stopwatch:le,Street:de,Subtract:ae,SubtractCircle:ge,SubtractCircleFilled:fe,Table:pe,Tag:ve,Target:ue,TargetDollar:he,Text:Ce,ThemeDark:Fe,ThemeLight:Se,ThumbsDown:be,ThumbsDownFilled:Pe,ThumbsUp:De,ThumbsUpFilled:ye,TirePressure:ke,Toggle:we,TrafficLight:Be,Trash:Le,Trophy:Te,TurnSignal:Ee,TurnSignalFilled:Ae,TwoDevices:Ge,Undo:Re,Upgrade:Me,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:"21296dc00f6dc35c731d61de65f8c1c00ccbb666",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},i("span",{key:"a9d03d84b8dabb3899f3f8c7698d1489dbb6d73c",class:r,style:m,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},i("span",{key:"eb832a9bc662b58f63e6467252fbd1b70fc7eab7",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-Dqga4VCz.js.map

package/dist/components/p-Dqga4VCz.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","DeviceMobile","DeviceOmnicam","DeviceSensor","DeviceTablet","DeviceVehicleGateway","Devices","Document","DocumentArrow","DocumentChart","DocumentDollar","DocumentGear","DocumentInverted","DocumentPencil","DocumentPlus","DocumentQuestion","DocumentReceipt","DocumentStacked","DoorSensor","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","TwoDevices","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 { DeviceMobile } from '@ds-mo/icons/svg/DeviceMobile';\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 { DoorSensor } from '@ds-mo/icons/svg/DoorSensor';\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 { TwoDevices } from '@ds-mo/icons/svg/TwoDevices';\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  DeviceMobile,\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  DoorSensor,\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  TwoDevices,\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":"oxyBAkCO,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,gBACAC,iBACAC,gBACAC,gBACAC,wBACAC,WACAC,YACAC,iBACAC,iBACAC,kBACAC,gBACAC,oBACAC,kBACAC,gBACAC,oBACAC,mBACAC,mBACAC,cACAC,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,cACAC,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":[]}