@ds-mo/ui 2.10.1 → 2.10.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.build-stamp +1 -1
- package/dist/components/ds-app-shell.js +1 -1
- package/dist/components/ds-badge.js +1 -1
- package/dist/components/ds-bar-nav.js +1 -1
- package/dist/components/ds-button-filled.js +1 -1
- package/dist/components/ds-button-unfilled-icon.js +1 -1
- package/dist/components/ds-card-setting.js +1 -1
- package/dist/components/ds-checkbox.js +1 -1
- package/dist/components/ds-fade.js +1 -1
- package/dist/components/ds-fade.js.map +1 -1
- package/dist/components/ds-field.js +1 -1
- package/dist/components/ds-header.js +1 -1
- package/dist/components/ds-header.js.map +1 -1
- package/dist/components/ds-icon.js +1 -1
- package/dist/components/ds-input.js +1 -1
- package/dist/components/ds-menu.js +1 -1
- package/dist/components/ds-modal.js +1 -1
- package/dist/components/ds-panel-nav.js +1 -1
- package/dist/components/ds-panel-nav.js.map +1 -1
- package/dist/components/ds-panel-tools.js +1 -1
- package/dist/components/ds-radio-group.js +1 -1
- package/dist/components/ds-scrollbar.js +1 -1
- package/dist/components/ds-select.js +1 -1
- package/dist/components/ds-shell-gradient-picker.js +1 -1
- package/dist/components/ds-shell-gradient-swatch.js +1 -1
- package/dist/components/ds-slider.js +1 -1
- package/dist/components/ds-surface.js +1 -1
- package/dist/components/ds-tab-group-nav.js +1 -1
- package/dist/components/ds-tab-group.js +1 -1
- package/dist/components/ds-table.js +1 -1
- package/dist/components/ds-table.js.map +1 -1
- package/dist/components/ds-tag.js +1 -1
- package/dist/components/ds-text.js +1 -1
- package/dist/components/ds-toast-provider.js +1 -1
- package/dist/components/ds-toggle.js +1 -1
- package/dist/components/ds-tooltip.js +1 -1
- package/dist/components/{p-Dul5eGGE.js → p-B6ZyVOGV.js} +2 -2
- package/dist/components/{p-Cynjsv-P.js → p-B7HWSpyT.js} +2 -2
- package/dist/components/{p-CJubWt1F.js → p-BGZjpSXm.js} +2 -2
- package/dist/components/{p-evjnuLjj.js → p-BXI096cJ.js} +2 -2
- package/dist/components/p-CBUIn8dk.js +2 -0
- package/dist/components/p-CBUIn8dk.js.map +1 -0
- package/dist/components/{p-BqOChY2z.js → p-CRh-MLwj.js} +2 -2
- package/dist/components/p-EK1hOP19.js +2 -0
- package/dist/components/p-EK1hOP19.js.map +1 -0
- package/dist/components/{p-DSTK6-QR.js → p-TuuGOzXH.js} +2 -2
- package/dist/components/p-eOWUz57C.js +2 -0
- package/dist/components/{p-j_GdU4Aa.js.map → p-eOWUz57C.js.map} +1 -1
- package/dist/components/{p-w2Wrf0jC.js → p-rX6iIVpx.js} +2 -2
- package/dist/lib/utils/index.d.ts +2 -2
- package/dist/lib/utils/index.js +62 -3
- package/dist/lib/utils/index.js.map +2 -2
- package/dist/lib/utils/scroll-edge-fade.d.ts +24 -4
- package/dist/types/components/Fade/Fade.d.ts +9 -17
- package/dist/types/components/Fade/index.d.ts +1 -1
- package/dist/types/components/PanelNav/PanelNav.d.ts +0 -3
- package/dist/types/components.d.ts +6 -28
- package/dist/types/utils/index.d.ts +2 -2
- package/dist/types/utils/scroll-edge-fade.d.ts +24 -4
- package/package.json +1 -1
- package/src/angular/proxies.ts +2 -2
- package/src/wc/components/Fade/Fade.tsx +30 -105
- package/src/wc/components/Fade/index.ts +1 -1
- package/src/wc/components/PanelNav/PanelNav.tsx +2 -20
- package/src/wc/components.d.ts +6 -28
- package/src/wc/utils/index.ts +10 -1
- package/src/wc/utils/scroll-edge-fade.css +6 -4
- package/src/wc/utils/scroll-edge-fade.ts +115 -5
- package/dist/components/p-BFPfyJ8Z.js +0 -2
- package/dist/components/p-BFPfyJ8Z.js.map +0 -1
- package/dist/components/p-BOpHKDOG.js +0 -2
- package/dist/components/p-BOpHKDOG.js.map +0 -1
- package/dist/components/p-j_GdU4Aa.js +0 -2
- /package/dist/components/{p-Dul5eGGE.js.map → p-B6ZyVOGV.js.map} +0 -0
- /package/dist/components/{p-Cynjsv-P.js.map → p-B7HWSpyT.js.map} +0 -0
- /package/dist/components/{p-CJubWt1F.js.map → p-BGZjpSXm.js.map} +0 -0
- /package/dist/components/{p-evjnuLjj.js.map → p-BXI096cJ.js.map} +0 -0
- /package/dist/components/{p-BqOChY2z.js.map → p-CRh-MLwj.js.map} +0 -0
- /package/dist/components/{p-DSTK6-QR.js.map → p-TuuGOzXH.js.map} +0 -0
- /package/dist/components/{p-w2Wrf0jC.js.map → p-rX6iIVpx.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,H as n,c as i,h as t,a as r,t as e}from"./index.js";import{d as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as o,H as n,c as i,h as t,a as r,t as e}from"./index.js";import{d as s}from"./p-EK1hOP19.js";import{d as c}from"./p-B7HWSpyT.js";const d=()=>`.sc-ds-button-unfilled-icon-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-button-unfilled-icon:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-unfilled-icon{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-button-unfilled-icon:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-button-unfilled-icon:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-unfilled-icon{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-unfilled-icon::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.sc-ds-button-unfilled-icon-h{display:inline-flex;flex:0 0 auto;width:var(--dimension-size-400);height:var(--dimension-size-400);min-width:var(--dimension-size-400);min-height:var(--dimension-size-400);outline:none;--ds-button-unfilled-icon-fg:var(--color-foreground-secondary);--ds-button-unfilled-icon-fg-active:var(--color-foreground-primary);--ds-button-unfilled-icon-active-bg:var(--color-interaction-active);--ds-button-unfilled-icon-hover-bg:var(--color-interaction-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-interaction-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-background-secondary);--ds-button-unfilled-icon-border:var(--color-border-tertiary)}.button-icon.sc-ds-button-unfilled-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--dimension-space-075);background:transparent;border:none;border-radius:var(--dimension-radius-025);color:var(--ds-button-unfilled-icon-fg);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:color var(--effect-motion-short-2)}.button-icon.sc-ds-button-unfilled-icon::before,.button-icon.sc-ds-button-unfilled-icon::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:none}.button-icon.sc-ds-button-unfilled-icon::before{z-index:1}.button-icon.sc-ds-button-unfilled-icon::after{z-index:2}.button-icon--active-fill.sc-ds-button-unfilled-icon::before{background:var(--ds-button-unfilled-icon-active-bg)}.button-icon.sc-ds-button-unfilled-icon:hover:not(.button-icon--inactive)::after{background:var(--ds-button-unfilled-icon-hover-bg);transition:none}.button-icon.sc-ds-button-unfilled-icon:active:not(.button-icon--inactive)::after{background:var(--ds-button-unfilled-icon-pressed-bg);transition:none}.button-icon--active.sc-ds-button-unfilled-icon{color:var(--ds-button-unfilled-icon-fg-active)}.button-icon--bordered.sc-ds-button-unfilled-icon{box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--ds-button-unfilled-icon-border)}.button-icon--inactive.sc-ds-button-unfilled-icon{opacity:0.5;cursor:not-allowed;pointer-events:none}.button-icon--contrast-medium.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-foreground-on-medium-background-secondary);--ds-button-unfilled-icon-fg-active:var(--color-foreground-on-medium-background-primary);--ds-button-unfilled-icon-active-bg:var(--color-interaction-on-medium-background-active);--ds-button-unfilled-icon-hover-bg:var(--color-interaction-on-medium-background-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-interaction-on-medium-background-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-background-medium-neutral);--ds-button-unfilled-icon-border:var(--color-border-on-medium-background-tertiary);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.button-icon--contrast-bold.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-foreground-on-bold-background-secondary);--ds-button-unfilled-icon-fg-active:var(--color-foreground-on-bold-background-primary);--ds-button-unfilled-icon-active-bg:var(--color-interaction-on-bold-background-active);--ds-button-unfilled-icon-hover-bg:var(--color-interaction-on-bold-background-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-interaction-on-bold-background-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-background-bold-neutral);--ds-button-unfilled-icon-border:var(--color-border-on-bold-background-tertiary);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.button-icon--contrast-strong.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-foreground-on-strong-background-secondary);--ds-button-unfilled-icon-fg-active:var(--color-foreground-on-strong-background-primary);--ds-button-unfilled-icon-active-bg:var(--color-interaction-on-strong-background-active);--ds-button-unfilled-icon-hover-bg:var(--color-interaction-on-strong-background-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-interaction-on-strong-background-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-background-strong-neutral);--ds-button-unfilled-icon-border:var(--color-border-on-strong-background-tertiary);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.button-icon--on-always-dark.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-always-dark-foreground-secondary);--ds-button-unfilled-icon-fg-active:var(--color-always-dark-foreground-primary);--ds-button-unfilled-icon-active-bg:var(--color-always-dark-interaction-active);--ds-button-unfilled-icon-hover-bg:var(--color-always-dark-interaction-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-always-dark-interaction-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-always-dark-background);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.button-icon--on-navigation.sc-ds-button-unfilled-icon{--ds-button-unfilled-icon-fg:var(--color-navigation-foreground-secondary);--ds-button-unfilled-icon-fg-active:var(--color-navigation-foreground-primary);--ds-button-unfilled-icon-active-bg:var(--color-navigation-interaction-active);--ds-button-unfilled-icon-hover-bg:var(--color-navigation-interaction-hover);--ds-button-unfilled-icon-pressed-bg:var(--color-navigation-interaction-pressed);--ds-button-unfilled-icon-dot-ring:var(--color-navigation-background);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.button-icon__icon-wrap.sc-ds-button-unfilled-icon{position:relative;width:var(--dimension-iconography-md);height:var(--dimension-iconography-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.button-icon__dot.sc-ds-button-unfilled-icon{position:absolute;top:0;right:0;pointer-events:none}`;const a=o(class o extends n{constructor(o){super();if(o!==false){this.__registerHost()}this.dsClick=i(this,"dsClick");this.dsChange=i(this,"dsChange");this.icon="";this.isActive=false;this.activeFill=true;this.hasBorder=false;this.dot=false;this.inactive=false;this.type="button";this.ariaLabel="action";this.buttonEl=null;this.handleClick=o=>{if(this.inactive)return;this.dsClick.emit(o);this.dsChange.emit(!this.isActive)}}async setFocus(){this.buttonEl?.focus()}effectiveContrast(){return this.backgroundContrast??"default"}render(){const o=this.background;const n=this.effectiveContrast();const i={"button-icon":true,"ds-focus-ring-inset":true,"button-icon--active":this.isActive,"button-icon--active-fill":this.isActive&&this.activeFill,"button-icon--bordered":this.hasBorder,"button-icon--inactive":this.inactive,"button-icon--contrast-medium":n==="medium","button-icon--contrast-bold":n==="bold","button-icon--contrast-strong":n==="strong","button-icon--on-always-dark":o==="always-dark","button-icon--on-navigation":o==="navigation"};return t(r,{key:"ec89ac359f7d3e446e6c9e7590e7ebdd749853d2",tabIndex:-1},t("button",{key:"ba0e4c4a841917fd82e05b15f2a29c35e4261c19",ref:o=>{this.buttonEl=o??null},type:this.type,class:i,disabled:this.inactive,tabIndex:this.focusTabIndex??0,"aria-label":this.ariaLabel,"aria-controls":this.controls,"aria-expanded":this.expanded===undefined?undefined:String(this.expanded),"aria-haspopup":this.haspopup,"aria-pressed":this.pressed===undefined?undefined:String(this.pressed),onClick:this.handleClick},t("span",{key:"4ae9fef28410d70600d1d4f1716977da2580ff44",class:"button-icon__icon-wrap"},t("ds-icon",{key:"71669e8aec551277ce8ef3b5c4513b0735114133",name:this.icon,size:"md",color:"inherit"}),this.dot&&t("ds-badge",{key:"35e245c613bb8f32519a351624860b757b8eb863",class:"button-icon__dot",variant:"dot",background:"var(--ds-button-unfilled-icon-dot-ring)",label:"","aria-hidden":"true"}))))}get el(){return this}static get style(){return d()}},[2,"ds-button-unfilled-icon",{icon:[1],isActive:[4,"is-active"],activeFill:[4,"active-fill"],hasBorder:[4,"has-border"],dot:[4],inactive:[4],type:[1],backgroundContrast:[1,"on-background-contrast"],background:[1],ariaLabel:[1,"aria-label"],controls:[1],expanded:[4],haspopup:[1],pressed:[4],focusTabIndex:[2,"tab-index"],setFocus:[64]}]);function u(){if(typeof customElements==="undefined"){return}const o=["ds-button-unfilled-icon","ds-badge","ds-icon"];o.forEach((o=>{switch(o){case"ds-button-unfilled-icon":if(!customElements.get(e(o))){customElements.define(e(o),a)}break;case"ds-badge":if(!customElements.get(e(o))){s()}break;case"ds-icon":if(!customElements.get(e(o))){c()}break}}))}u();export{a as B,u as d};
|
|
2
|
+
//# sourceMappingURL=p-B6ZyVOGV.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,H as i,h as s,a as r,t as n}from"./index.js";const e=Symbol.for("ds-mo.icon-svg-cache");function c(o,i){return i?`flag:${o}`:`system:${o}`}function t(){const o=globalThis;return o[e]??(o[e]=new Map)}const m={FlagAustria:()=>import("@ds-mo/icons/svg/flags/FlagAustria").then((o=>o.FlagAustria)),FlagBelgium:()=>import("@ds-mo/icons/svg/flags/FlagBelgium").then((o=>o.FlagBelgium)),FlagBulgaria:()=>import("@ds-mo/icons/svg/flags/FlagBulgaria").then((o=>o.FlagBulgaria)),FlagCanada:()=>import("@ds-mo/icons/svg/flags/FlagCanada").then((o=>o.FlagCanada)),FlagCroatia:()=>import("@ds-mo/icons/svg/flags/FlagCroatia").then((o=>o.FlagCroatia)),FlagCyprus:()=>import("@ds-mo/icons/svg/flags/FlagCyprus").then((o=>o.FlagCyprus)),FlagCzechRepublic:()=>import("@ds-mo/icons/svg/flags/FlagCzechRepublic").then((o=>o.FlagCzechRepublic)),FlagDenmark:()=>import("@ds-mo/icons/svg/flags/FlagDenmark").then((o=>o.FlagDenmark)),FlagEU:()=>import("@ds-mo/icons/svg/flags/FlagEU").then((o=>o.FlagEU)),FlagEstonia:()=>import("@ds-mo/icons/svg/flags/FlagEstonia").then((o=>o.FlagEstonia)),FlagFinland:()=>import("@ds-mo/icons/svg/flags/FlagFinland").then((o=>o.FlagFinland)),FlagFrance:()=>import("@ds-mo/icons/svg/flags/FlagFrance").then((o=>o.FlagFrance)),FlagGermany:()=>import("@ds-mo/icons/svg/flags/FlagGermany").then((o=>o.FlagGermany)),FlagGreece:()=>import("@ds-mo/icons/svg/flags/FlagGreece").then((o=>o.FlagGreece)),FlagHungary:()=>import("@ds-mo/icons/svg/flags/FlagHungary").then((o=>o.FlagHungary)),FlagIreland:()=>import("@ds-mo/icons/svg/flags/FlagIreland").then((o=>o.FlagIreland)),FlagItaly:()=>import("@ds-mo/icons/svg/flags/FlagItaly").then((o=>o.FlagItaly)),FlagLatvia:()=>import("@ds-mo/icons/svg/flags/FlagLatvia").then((o=>o.FlagLatvia)),FlagLithuania:()=>import("@ds-mo/icons/svg/flags/FlagLithuania").then((o=>o.FlagLithuania)),FlagLuxembourg:()=>import("@ds-mo/icons/svg/flags/FlagLuxembourg").then((o=>o.FlagLuxembourg)),FlagMalta:()=>import("@ds-mo/icons/svg/flags/FlagMalta").then((o=>o.FlagMalta)),FlagMexico:()=>import("@ds-mo/icons/svg/flags/FlagMexico").then((o=>o.FlagMexico)),FlagNetherlands:()=>import("@ds-mo/icons/svg/flags/FlagNetherlands").then((o=>o.FlagNetherlands)),FlagPoland:()=>import("@ds-mo/icons/svg/flags/FlagPoland").then((o=>o.FlagPoland)),FlagPortugal:()=>import("@ds-mo/icons/svg/flags/FlagPortugal").then((o=>o.FlagPortugal)),FlagRomania:()=>import("@ds-mo/icons/svg/flags/FlagRomania").then((o=>o.FlagRomania)),FlagSlovakia:()=>import("@ds-mo/icons/svg/flags/FlagSlovakia").then((o=>o.FlagSlovakia)),FlagSlovenia:()=>import("@ds-mo/icons/svg/flags/FlagSlovenia").then((o=>o.FlagSlovenia)),FlagSpain:()=>import("@ds-mo/icons/svg/flags/FlagSpain").then((o=>o.FlagSpain)),FlagSweden:()=>import("@ds-mo/icons/svg/flags/FlagSweden").then((o=>o.FlagSweden)),FlagUnitedKingdom:()=>import("@ds-mo/icons/svg/flags/FlagUnitedKingdom").then((o=>o.FlagUnitedKingdom)),FlagUnitedStates:()=>import("@ds-mo/icons/svg/flags/FlagUnitedStates").then((o=>o.FlagUnitedStates))};const l={AI:()=>import("@ds-mo/icons/svg/AI").then((o=>o.AI)),AIChip:()=>import("@ds-mo/icons/svg/AIChip").then((o=>o.AIChip)),AINew:()=>import("@ds-mo/icons/svg/AINew").then((o=>o.AINew)),AISparkle:()=>import("@ds-mo/icons/svg/AISparkle").then((o=>o.AISparkle)),AUX:()=>import("@ds-mo/icons/svg/AUX").then((o=>o.AUX)),AUXFilled:()=>import("@ds-mo/icons/svg/AUXFilled").then((o=>o.AUXFilled)),AndroidFilled:()=>import("@ds-mo/icons/svg/AndroidFilled").then((o=>o.AndroidFilled)),ArrowDown:()=>import("@ds-mo/icons/svg/ArrowDown").then((o=>o.ArrowDown)),ArrowLeft:()=>import("@ds-mo/icons/svg/ArrowLeft").then((o=>o.ArrowLeft)),ArrowPath:()=>import("@ds-mo/icons/svg/ArrowPath").then((o=>o.ArrowPath)),ArrowRight:()=>import("@ds-mo/icons/svg/ArrowRight").then((o=>o.ArrowRight)),ArrowUp:()=>import("@ds-mo/icons/svg/ArrowUp").then((o=>o.ArrowUp)),ArrowsDiagonal:()=>import("@ds-mo/icons/svg/ArrowsDiagonal").then((o=>o.ArrowsDiagonal)),ArrowsDiff:()=>import("@ds-mo/icons/svg/ArrowsDiff").then((o=>o.ArrowsDiff)),ArrowsDiffDisabled:()=>import("@ds-mo/icons/svg/ArrowsDiffDisabled").then((o=>o.ArrowsDiffDisabled)),ArrowsVertical:()=>import("@ds-mo/icons/svg/ArrowsVertical").then((o=>o.ArrowsVertical)),AtSign:()=>import("@ds-mo/icons/svg/AtSign").then((o=>o.AtSign)),Avatar:()=>import("@ds-mo/icons/svg/Avatar").then((o=>o.Avatar)),BackslashBrackets:()=>import("@ds-mo/icons/svg/BackslashBrackets").then((o=>o.BackslashBrackets)),BatteryCharging:()=>import("@ds-mo/icons/svg/BatteryCharging").then((o=>o.BatteryCharging)),BatteryEmpty:()=>import("@ds-mo/icons/svg/BatteryEmpty").then((o=>o.BatteryEmpty)),BatteryFull:()=>import("@ds-mo/icons/svg/BatteryFull").then((o=>o.BatteryFull)),BatteryHalf:()=>import("@ds-mo/icons/svg/BatteryHalf").then((o=>o.BatteryHalf)),BatteryLow:()=>import("@ds-mo/icons/svg/BatteryLow").then((o=>o.BatteryLow)),Beaker:()=>import("@ds-mo/icons/svg/Beaker").then((o=>o.Beaker)),Bell:()=>import("@ds-mo/icons/svg/Bell").then((o=>o.Bell)),BellCircle:()=>import("@ds-mo/icons/svg/BellCircle").then((o=>o.BellCircle)),BellExclamation:()=>import("@ds-mo/icons/svg/BellExclamation").then((o=>o.BellExclamation)),BellFilled:()=>import("@ds-mo/icons/svg/BellFilled").then((o=>o.BellFilled)),BellRinging:()=>import("@ds-mo/icons/svg/BellRinging").then((o=>o.BellRinging)),BellWifi:()=>import("@ds-mo/icons/svg/BellWifi").then((o=>o.BellWifi)),BlackWhite:()=>import("@ds-mo/icons/svg/BlackWhite").then((o=>o.BlackWhite)),BlankUI:()=>import("@ds-mo/icons/svg/BlankUI").then((o=>o.BlankUI)),Bluetooth:()=>import("@ds-mo/icons/svg/Bluetooth").then((o=>o.Bluetooth)),Bolt:()=>import("@ds-mo/icons/svg/Bolt").then((o=>o.Bolt)),BoltFilled:()=>import("@ds-mo/icons/svg/BoltFilled").then((o=>o.BoltFilled)),Bookmark:()=>import("@ds-mo/icons/svg/Bookmark").then((o=>o.Bookmark)),Box:()=>import("@ds-mo/icons/svg/Box").then((o=>o.Box)),Braces:()=>import("@ds-mo/icons/svg/Braces").then((o=>o.Braces)),Bug:()=>import("@ds-mo/icons/svg/Bug").then((o=>o.Bug)),BuildingFacility:()=>import("@ds-mo/icons/svg/BuildingFacility").then((o=>o.BuildingFacility)),BuildingHome:()=>import("@ds-mo/icons/svg/BuildingHome").then((o=>o.BuildingHome)),BuildingOffice:()=>import("@ds-mo/icons/svg/BuildingOffice").then((o=>o.BuildingOffice)),BuildingPublic:()=>import("@ds-mo/icons/svg/BuildingPublic").then((o=>o.BuildingPublic)),BuildingShop:()=>import("@ds-mo/icons/svg/BuildingShop").then((o=>o.BuildingShop)),Bulb:()=>import("@ds-mo/icons/svg/Bulb").then((o=>o.Bulb)),Calculator:()=>import("@ds-mo/icons/svg/Calculator").then((o=>o.Calculator)),Calendar:()=>import("@ds-mo/icons/svg/Calendar").then((o=>o.Calendar)),CalendarClock:()=>import("@ds-mo/icons/svg/CalendarClock").then((o=>o.CalendarClock)),CameraA:()=>import("@ds-mo/icons/svg/CameraA").then((o=>o.CameraA)),CameraB:()=>import("@ds-mo/icons/svg/CameraB").then((o=>o.CameraB)),Card:()=>import("@ds-mo/icons/svg/Card").then((o=>o.Card)),CardPerson:()=>import("@ds-mo/icons/svg/CardPerson").then((o=>o.CardPerson)),Cart:()=>import("@ds-mo/icons/svg/Cart").then((o=>o.Cart)),Chart:()=>import("@ds-mo/icons/svg/Chart").then((o=>o.Chart)),Check:()=>import("@ds-mo/icons/svg/Check").then((o=>o.Check)),CheckCircle:()=>import("@ds-mo/icons/svg/CheckCircle").then((o=>o.CheckCircle)),CheckCircleFilled:()=>import("@ds-mo/icons/svg/CheckCircleFilled").then((o=>o.CheckCircleFilled)),CheckDouble:()=>import("@ds-mo/icons/svg/CheckDouble").then((o=>o.CheckDouble)),ChevronDown:()=>import("@ds-mo/icons/svg/ChevronDown").then((o=>o.ChevronDown)),ChevronLeft:()=>import("@ds-mo/icons/svg/ChevronLeft").then((o=>o.ChevronLeft)),ChevronLeftDouble:()=>import("@ds-mo/icons/svg/ChevronLeftDouble").then((o=>o.ChevronLeftDouble)),ChevronRight:()=>import("@ds-mo/icons/svg/ChevronRight").then((o=>o.ChevronRight)),ChevronRightDouble:()=>import("@ds-mo/icons/svg/ChevronRightDouble").then((o=>o.ChevronRightDouble)),ChevronUp:()=>import("@ds-mo/icons/svg/ChevronUp").then((o=>o.ChevronUp)),ChevronUpDown:()=>import("@ds-mo/icons/svg/ChevronUpDown").then((o=>o.ChevronUpDown)),Circle:()=>import("@ds-mo/icons/svg/Circle").then((o=>o.Circle)),CircleArrow:()=>import("@ds-mo/icons/svg/CircleArrow").then((o=>o.CircleArrow)),CircleArrowsDiff:()=>import("@ds-mo/icons/svg/CircleArrowsDiff").then((o=>o.CircleArrowsDiff)),CircleArrowsDiffDisabled:()=>import("@ds-mo/icons/svg/CircleArrowsDiffDisabled").then((o=>o.CircleArrowsDiffDisabled)),CircleConcentricFilled:()=>import("@ds-mo/icons/svg/CircleConcentricFilled").then((o=>o.CircleConcentricFilled)),CircleConcentricThree:()=>import("@ds-mo/icons/svg/CircleConcentricThree").then((o=>o.CircleConcentricThree)),CircleConcentricTwo:()=>import("@ds-mo/icons/svg/CircleConcentricTwo").then((o=>o.CircleConcentricTwo)),CircleExclamation:()=>import("@ds-mo/icons/svg/CircleExclamation").then((o=>o.CircleExclamation)),CircleExclamationFilled:()=>import("@ds-mo/icons/svg/CircleExclamationFilled").then((o=>o.CircleExclamationFilled)),CircleFastForward:()=>import("@ds-mo/icons/svg/CircleFastForward").then((o=>o.CircleFastForward)),CircleFilled:()=>import("@ds-mo/icons/svg/CircleFilled").then((o=>o.CircleFilled)),CircleGrid:()=>import("@ds-mo/icons/svg/CircleGrid").then((o=>o.CircleGrid)),CirclePlay:()=>import("@ds-mo/icons/svg/CirclePlay").then((o=>o.CirclePlay)),CircleQuestion:()=>import("@ds-mo/icons/svg/CircleQuestion").then((o=>o.CircleQuestion)),CircleSlash:()=>import("@ds-mo/icons/svg/CircleSlash").then((o=>o.CircleSlash)),Clipboard:()=>import("@ds-mo/icons/svg/Clipboard").then((o=>o.Clipboard)),ClipboardCheck:()=>import("@ds-mo/icons/svg/ClipboardCheck").then((o=>o.ClipboardCheck)),Clock:()=>import("@ds-mo/icons/svg/Clock").then((o=>o.Clock)),ClockDefer:()=>import("@ds-mo/icons/svg/ClockDefer").then((o=>o.ClockDefer)),ClockFilled:()=>import("@ds-mo/icons/svg/ClockFilled").then((o=>o.ClockFilled)),ClockSixteenHour:()=>import("@ds-mo/icons/svg/ClockSixteenHour").then((o=>o.ClockSixteenHour)),Cloud:()=>import("@ds-mo/icons/svg/Cloud").then((o=>o.Cloud)),CloudEllipses:()=>import("@ds-mo/icons/svg/CloudEllipses").then((o=>o.CloudEllipses)),CloudLightning:()=>import("@ds-mo/icons/svg/CloudLightning").then((o=>o.CloudLightning)),CloudRain:()=>import("@ds-mo/icons/svg/CloudRain").then((o=>o.CloudRain)),CloudRainSun:()=>import("@ds-mo/icons/svg/CloudRainSun").then((o=>o.CloudRainSun)),CloudSun:()=>import("@ds-mo/icons/svg/CloudSun").then((o=>o.CloudSun)),CloudWind:()=>import("@ds-mo/icons/svg/CloudWind").then((o=>o.CloudWind)),Cluster:()=>import("@ds-mo/icons/svg/Cluster").then((o=>o.Cluster)),Coin:()=>import("@ds-mo/icons/svg/Coin").then((o=>o.Coin)),CoinStack:()=>import("@ds-mo/icons/svg/CoinStack").then((o=>o.CoinStack)),CoinStackGeneral:()=>import("@ds-mo/icons/svg/CoinStackGeneral").then((o=>o.CoinStackGeneral)),Compass:()=>import("@ds-mo/icons/svg/Compass").then((o=>o.Compass)),Copy:()=>import("@ds-mo/icons/svg/Copy").then((o=>o.Copy)),Crop:()=>import("@ds-mo/icons/svg/Crop").then((o=>o.Crop)),Cross:()=>import("@ds-mo/icons/svg/Cross").then((o=>o.Cross)),CrossCircle:()=>import("@ds-mo/icons/svg/CrossCircle").then((o=>o.CrossCircle)),CrossCircleFilled:()=>import("@ds-mo/icons/svg/CrossCircleFilled").then((o=>o.CrossCircleFilled)),Cube:()=>import("@ds-mo/icons/svg/Cube").then((o=>o.Cube)),Cup:()=>import("@ds-mo/icons/svg/Cup").then((o=>o.Cup)),CursorPointer:()=>import("@ds-mo/icons/svg/CursorPointer").then((o=>o.CursorPointer)),CursorPointerMinus:()=>import("@ds-mo/icons/svg/CursorPointerMinus").then((o=>o.CursorPointerMinus)),CursorPointerPlus:()=>import("@ds-mo/icons/svg/CursorPointerPlus").then((o=>o.CursorPointerPlus)),Dashboard:()=>import("@ds-mo/icons/svg/Dashboard").then((o=>o.Dashboard)),DeviceAIDashcamPlus:()=>import("@ds-mo/icons/svg/DeviceAIDashcamPlus").then((o=>o.DeviceAIDashcamPlus)),DeviceAssetTracker:()=>import("@ds-mo/icons/svg/DeviceAssetTracker").then((o=>o.DeviceAssetTracker)),DeviceDVR:()=>import("@ds-mo/icons/svg/DeviceDVR").then((o=>o.DeviceDVR)),DeviceDashcam:()=>import("@ds-mo/icons/svg/DeviceDashcam").then((o=>o.DeviceDashcam)),DeviceDashcamLiveStream:()=>import("@ds-mo/icons/svg/DeviceDashcamLiveStream").then((o=>o.DeviceDashcamLiveStream)),DeviceDoorSensor:()=>import("@ds-mo/icons/svg/DeviceDoorSensor").then((o=>o.DeviceDoorSensor)),DeviceMobile:()=>import("@ds-mo/icons/svg/DeviceMobile").then((o=>o.DeviceMobile)),DeviceMobileTwo:()=>import("@ds-mo/icons/svg/DeviceMobileTwo").then((o=>o.DeviceMobileTwo)),DeviceOmnicam:()=>import("@ds-mo/icons/svg/DeviceOmnicam").then((o=>o.DeviceOmnicam)),DeviceSensor:()=>import("@ds-mo/icons/svg/DeviceSensor").then((o=>o.DeviceSensor)),DeviceTablet:()=>import("@ds-mo/icons/svg/DeviceTablet").then((o=>o.DeviceTablet)),DeviceVehicleGateway:()=>import("@ds-mo/icons/svg/DeviceVehicleGateway").then((o=>o.DeviceVehicleGateway)),Devices:()=>import("@ds-mo/icons/svg/Devices").then((o=>o.Devices)),Document:()=>import("@ds-mo/icons/svg/Document").then((o=>o.Document)),DocumentArrow:()=>import("@ds-mo/icons/svg/DocumentArrow").then((o=>o.DocumentArrow)),DocumentChart:()=>import("@ds-mo/icons/svg/DocumentChart").then((o=>o.DocumentChart)),DocumentDollar:()=>import("@ds-mo/icons/svg/DocumentDollar").then((o=>o.DocumentDollar)),DocumentGear:()=>import("@ds-mo/icons/svg/DocumentGear").then((o=>o.DocumentGear)),DocumentInverted:()=>import("@ds-mo/icons/svg/DocumentInverted").then((o=>o.DocumentInverted)),DocumentPencil:()=>import("@ds-mo/icons/svg/DocumentPencil").then((o=>o.DocumentPencil)),DocumentPlus:()=>import("@ds-mo/icons/svg/DocumentPlus").then((o=>o.DocumentPlus)),DocumentQuestion:()=>import("@ds-mo/icons/svg/DocumentQuestion").then((o=>o.DocumentQuestion)),DocumentReceipt:()=>import("@ds-mo/icons/svg/DocumentReceipt").then((o=>o.DocumentReceipt)),DocumentStacked:()=>import("@ds-mo/icons/svg/DocumentStacked").then((o=>o.DocumentStacked)),Dot:()=>import("@ds-mo/icons/svg/Dot").then((o=>o.Dot)),DotFilled:()=>import("@ds-mo/icons/svg/DotFilled").then((o=>o.DotFilled)),DotPath:()=>import("@ds-mo/icons/svg/DotPath").then((o=>o.DotPath)),Download:()=>import("@ds-mo/icons/svg/Download").then((o=>o.Download)),Drag:()=>import("@ds-mo/icons/svg/Drag").then((o=>o.Drag)),Ellipses:()=>import("@ds-mo/icons/svg/Ellipses").then((o=>o.Ellipses)),Email:()=>import("@ds-mo/icons/svg/Email").then((o=>o.Email)),Engine:()=>import("@ds-mo/icons/svg/Engine").then((o=>o.Engine)),Enter:()=>import("@ds-mo/icons/svg/Enter").then((o=>o.Enter)),EntityAsset:()=>import("@ds-mo/icons/svg/EntityAsset").then((o=>o.EntityAsset)),EntityAssetFilled:()=>import("@ds-mo/icons/svg/EntityAssetFilled").then((o=>o.EntityAssetFilled)),EntityDriver:()=>import("@ds-mo/icons/svg/EntityDriver").then((o=>o.EntityDriver)),EntityDriverFilled:()=>import("@ds-mo/icons/svg/EntityDriverFilled").then((o=>o.EntityDriverFilled)),EntityTravelGroup:()=>import("@ds-mo/icons/svg/EntityTravelGroup").then((o=>o.EntityTravelGroup)),EntityTravelGroupFilled:()=>import("@ds-mo/icons/svg/EntityTravelGroupFilled").then((o=>o.EntityTravelGroupFilled)),EntityVehicle:()=>import("@ds-mo/icons/svg/EntityVehicle").then((o=>o.EntityVehicle)),EntityVehicleCharging:()=>import("@ds-mo/icons/svg/EntityVehicleCharging").then((o=>o.EntityVehicleCharging)),EntityVehicleChargingFilled:()=>import("@ds-mo/icons/svg/EntityVehicleChargingFilled").then((o=>o.EntityVehicleChargingFilled)),EntityVehicleFilled:()=>import("@ds-mo/icons/svg/EntityVehicleFilled").then((o=>o.EntityVehicleFilled)),EntityVehicleImmobilized:()=>import("@ds-mo/icons/svg/EntityVehicleImmobilized").then((o=>o.EntityVehicleImmobilized)),EntityVehicleImmobilizedFilled:()=>import("@ds-mo/icons/svg/EntityVehicleImmobilizedFilled").then((o=>o.EntityVehicleImmobilizedFilled)),ErrorTriangle:()=>import("@ds-mo/icons/svg/ErrorTriangle").then((o=>o.ErrorTriangle)),ErrorTriangleFilled:()=>import("@ds-mo/icons/svg/ErrorTriangleFilled").then((o=>o.ErrorTriangleFilled)),ErrorTriangleSimpleFilled:()=>import("@ds-mo/icons/svg/ErrorTriangleSimpleFilled").then((o=>o.ErrorTriangleSimpleFilled)),Export:()=>import("@ds-mo/icons/svg/Export").then((o=>o.Export)),ExternalLink:()=>import("@ds-mo/icons/svg/ExternalLink").then((o=>o.ExternalLink)),Eye:()=>import("@ds-mo/icons/svg/Eye").then((o=>o.Eye)),EyeDisabled:()=>import("@ds-mo/icons/svg/EyeDisabled").then((o=>o.EyeDisabled)),EyeLock:()=>import("@ds-mo/icons/svg/EyeLock").then((o=>o.EyeLock)),FastForward:()=>import("@ds-mo/icons/svg/FastForward").then((o=>o.FastForward)),FastForwardSkip:()=>import("@ds-mo/icons/svg/FastForwardSkip").then((o=>o.FastForwardSkip)),Filters:()=>import("@ds-mo/icons/svg/Filters").then((o=>o.Filters)),FitToScreen:()=>import("@ds-mo/icons/svg/FitToScreen").then((o=>o.FitToScreen)),Flag:()=>import("@ds-mo/icons/svg/Flag").then((o=>o.Flag)),FlagFilled:()=>import("@ds-mo/icons/svg/FlagFilled").then((o=>o.FlagFilled)),FloppyDisk:()=>import("@ds-mo/icons/svg/FloppyDisk").then((o=>o.FloppyDisk)),Folder:()=>import("@ds-mo/icons/svg/Folder").then((o=>o.Folder)),FolderFilled:()=>import("@ds-mo/icons/svg/FolderFilled").then((o=>o.FolderFilled)),FuelPump:()=>import("@ds-mo/icons/svg/FuelPump").then((o=>o.FuelPump)),FullScreen:()=>import("@ds-mo/icons/svg/FullScreen").then((o=>o.FullScreen)),FullScreenExit:()=>import("@ds-mo/icons/svg/FullScreenExit").then((o=>o.FullScreenExit)),Gauge:()=>import("@ds-mo/icons/svg/Gauge").then((o=>o.Gauge)),GaugeTemperature:()=>import("@ds-mo/icons/svg/GaugeTemperature").then((o=>o.GaugeTemperature)),Gear:()=>import("@ds-mo/icons/svg/Gear").then((o=>o.Gear)),GearCheck:()=>import("@ds-mo/icons/svg/GearCheck").then((o=>o.GearCheck)),Geofence:()=>import("@ds-mo/icons/svg/Geofence").then((o=>o.Geofence)),GeofenceCircle:()=>import("@ds-mo/icons/svg/GeofenceCircle").then((o=>o.GeofenceCircle)),GeofenceDiamond:()=>import("@ds-mo/icons/svg/GeofenceDiamond").then((o=>o.GeofenceDiamond)),GeofenceSquare:()=>import("@ds-mo/icons/svg/GeofenceSquare").then((o=>o.GeofenceSquare)),GlobeNetwork:()=>import("@ds-mo/icons/svg/GlobeNetwork").then((o=>o.GlobeNetwork)),GlobeWorldMap:()=>import("@ds-mo/icons/svg/GlobeWorldMap").then((o=>o.GlobeWorldMap)),Graph:()=>import("@ds-mo/icons/svg/Graph").then((o=>o.Graph)),GraphArrow:()=>import("@ds-mo/icons/svg/GraphArrow").then((o=>o.GraphArrow)),GraphBars:()=>import("@ds-mo/icons/svg/GraphBars").then((o=>o.GraphBars)),GraphDecreasing:()=>import("@ds-mo/icons/svg/GraphDecreasing").then((o=>o.GraphDecreasing)),GraphIncreasing:()=>import("@ds-mo/icons/svg/GraphIncreasing").then((o=>o.GraphIncreasing)),GroupBy:()=>import("@ds-mo/icons/svg/GroupBy").then((o=>o.GroupBy)),Hamburger:()=>import("@ds-mo/icons/svg/Hamburger").then((o=>o.Hamburger)),HandOpen:()=>import("@ds-mo/icons/svg/HandOpen").then((o=>o.HandOpen)),Headset:()=>import("@ds-mo/icons/svg/Headset").then((o=>o.Headset)),History:()=>import("@ds-mo/icons/svg/History").then((o=>o.History)),HourGlass:()=>import("@ds-mo/icons/svg/HourGlass").then((o=>o.HourGlass)),Image:()=>import("@ds-mo/icons/svg/Image").then((o=>o.Image)),Import:()=>import("@ds-mo/icons/svg/Import").then((o=>o.Import)),ImportClock:()=>import("@ds-mo/icons/svg/ImportClock").then((o=>o.ImportClock)),Inbox:()=>import("@ds-mo/icons/svg/Inbox").then((o=>o.Inbox)),IosFilled:()=>import("@ds-mo/icons/svg/IosFilled").then((o=>o.IosFilled)),Jerrycan:()=>import("@ds-mo/icons/svg/Jerrycan").then((o=>o.Jerrycan)),KeyA:()=>import("@ds-mo/icons/svg/KeyA").then((o=>o.KeyA)),KeyB:()=>import("@ds-mo/icons/svg/KeyB").then((o=>o.KeyB)),KeyCmd:()=>import("@ds-mo/icons/svg/KeyCmd").then((o=>o.KeyCmd)),KeyShift:()=>import("@ds-mo/icons/svg/KeyShift").then((o=>o.KeyShift)),LED:()=>import("@ds-mo/icons/svg/LED").then((o=>o.LED)),Layers:()=>import("@ds-mo/icons/svg/Layers").then((o=>o.Layers)),Leaf:()=>import("@ds-mo/icons/svg/Leaf").then((o=>o.Leaf)),LeftCollapse:()=>import("@ds-mo/icons/svg/LeftCollapse").then((o=>o.LeftCollapse)),LeftCollapseB:()=>import("@ds-mo/icons/svg/LeftCollapseB").then((o=>o.LeftCollapseB)),LeftExpand:()=>import("@ds-mo/icons/svg/LeftExpand").then((o=>o.LeftExpand)),LeftExpandB:()=>import("@ds-mo/icons/svg/LeftExpandB").then((o=>o.LeftExpandB)),LeftTurnSignal:()=>import("@ds-mo/icons/svg/LeftTurnSignal").then((o=>o.LeftTurnSignal)),LetterB:()=>import("@ds-mo/icons/svg/LetterB").then((o=>o.LetterB)),LetterC:()=>import("@ds-mo/icons/svg/LetterC").then((o=>o.LetterC)),LetterI:()=>import("@ds-mo/icons/svg/LetterI").then((o=>o.LetterI)),License:()=>import("@ds-mo/icons/svg/License").then((o=>o.License)),LicensePlate:()=>import("@ds-mo/icons/svg/LicensePlate").then((o=>o.LicensePlate)),Lifebuoy:()=>import("@ds-mo/icons/svg/Lifebuoy").then((o=>o.Lifebuoy)),Link:()=>import("@ds-mo/icons/svg/Link").then((o=>o.Link)),List:()=>import("@ds-mo/icons/svg/List").then((o=>o.List)),Loads:()=>import("@ds-mo/icons/svg/Loads").then((o=>o.Loads)),LocationPin:()=>import("@ds-mo/icons/svg/LocationPin").then((o=>o.LocationPin)),LocationPinArrows:()=>import("@ds-mo/icons/svg/LocationPinArrows").then((o=>o.LocationPinArrows)),LocationPinDisabled:()=>import("@ds-mo/icons/svg/LocationPinDisabled").then((o=>o.LocationPinDisabled)),LocationPinDollar:()=>import("@ds-mo/icons/svg/LocationPinDollar").then((o=>o.LocationPinDollar)),LockClosed:()=>import("@ds-mo/icons/svg/LockClosed").then((o=>o.LockClosed)),LockClosedFilled:()=>import("@ds-mo/icons/svg/LockClosedFilled").then((o=>o.LockClosedFilled)),LockOpen:()=>import("@ds-mo/icons/svg/LockOpen").then((o=>o.LockOpen)),Logout:()=>import("@ds-mo/icons/svg/Logout").then((o=>o.Logout)),Logs:()=>import("@ds-mo/icons/svg/Logs").then((o=>o.Logs)),LogsMagnifyingGlass:()=>import("@ds-mo/icons/svg/LogsMagnifyingGlass").then((o=>o.LogsMagnifyingGlass)),MagnifyingGlass:()=>import("@ds-mo/icons/svg/MagnifyingGlass").then((o=>o.MagnifyingGlass)),MagnifyingGlassGraph:()=>import("@ds-mo/icons/svg/MagnifyingGlassGraph").then((o=>o.MagnifyingGlassGraph)),MagnifyingGlassZoomIn:()=>import("@ds-mo/icons/svg/MagnifyingGlassZoomIn").then((o=>o.MagnifyingGlassZoomIn)),MagnifyingGlassZoomOut:()=>import("@ds-mo/icons/svg/MagnifyingGlassZoomOut").then((o=>o.MagnifyingGlassZoomOut)),MapNavigation:()=>import("@ds-mo/icons/svg/MapNavigation").then((o=>o.MapNavigation)),MapPage:()=>import("@ds-mo/icons/svg/MapPage").then((o=>o.MapPage)),MapPin:()=>import("@ds-mo/icons/svg/MapPin").then((o=>o.MapPin)),MarkRead:()=>import("@ds-mo/icons/svg/MarkRead").then((o=>o.MarkRead)),Match:()=>import("@ds-mo/icons/svg/Match").then((o=>o.Match)),MessageBubble:()=>import("@ds-mo/icons/svg/MessageBubble").then((o=>o.MessageBubble)),MessageBubbleStack:()=>import("@ds-mo/icons/svg/MessageBubbleStack").then((o=>o.MessageBubbleStack)),Messaging:()=>import("@ds-mo/icons/svg/Messaging").then((o=>o.Messaging)),Mic:()=>import("@ds-mo/icons/svg/Mic").then((o=>o.Mic)),MicMute:()=>import("@ds-mo/icons/svg/MicMute").then((o=>o.MicMute)),Minimize:()=>import("@ds-mo/icons/svg/Minimize").then((o=>o.Minimize)),Monitor:()=>import("@ds-mo/icons/svg/Monitor").then((o=>o.Monitor)),Notification:()=>import("@ds-mo/icons/svg/Notification").then((o=>o.Notification)),NumberTen:()=>import("@ds-mo/icons/svg/NumberTen").then((o=>o.NumberTen)),OctagonSubtract:()=>import("@ds-mo/icons/svg/OctagonSubtract").then((o=>o.OctagonSubtract)),Odometer:()=>import("@ds-mo/icons/svg/Odometer").then((o=>o.Odometer)),OverviewAI:()=>import("@ds-mo/icons/svg/OverviewAI").then((o=>o.OverviewAI)),PanelCollapse:()=>import("@ds-mo/icons/svg/PanelCollapse").then((o=>o.PanelCollapse)),PanelExpand:()=>import("@ds-mo/icons/svg/PanelExpand").then((o=>o.PanelExpand)),Paperclip:()=>import("@ds-mo/icons/svg/Paperclip").then((o=>o.Paperclip)),PaperplaneSend:()=>import("@ds-mo/icons/svg/PaperplaneSend").then((o=>o.PaperplaneSend)),Paragraph:()=>import("@ds-mo/icons/svg/Paragraph").then((o=>o.Paragraph)),ParagraphCheck:()=>import("@ds-mo/icons/svg/ParagraphCheck").then((o=>o.ParagraphCheck)),ParagraphPencil:()=>import("@ds-mo/icons/svg/ParagraphPencil").then((o=>o.ParagraphPencil)),Pause:()=>import("@ds-mo/icons/svg/Pause").then((o=>o.Pause)),PauseFilled:()=>import("@ds-mo/icons/svg/PauseFilled").then((o=>o.PauseFilled)),Pencil:()=>import("@ds-mo/icons/svg/Pencil").then((o=>o.Pencil)),PencilSquiggle:()=>import("@ds-mo/icons/svg/PencilSquiggle").then((o=>o.PencilSquiggle)),Person:()=>import("@ds-mo/icons/svg/Person").then((o=>o.Person)),PersonAt:()=>import("@ds-mo/icons/svg/PersonAt").then((o=>o.PersonAt)),PersonConnect:()=>import("@ds-mo/icons/svg/PersonConnect").then((o=>o.PersonConnect)),PersonFrame:()=>import("@ds-mo/icons/svg/PersonFrame").then((o=>o.PersonFrame)),PersonGear:()=>import("@ds-mo/icons/svg/PersonGear").then((o=>o.PersonGear)),PersonGroup:()=>import("@ds-mo/icons/svg/PersonGroup").then((o=>o.PersonGroup)),PersonGroupArrows:()=>import("@ds-mo/icons/svg/PersonGroupArrows").then((o=>o.PersonGroupArrows)),PersonManager:()=>import("@ds-mo/icons/svg/PersonManager").then((o=>o.PersonManager)),PersonShield:()=>import("@ds-mo/icons/svg/PersonShield").then((o=>o.PersonShield)),PersonStar:()=>import("@ds-mo/icons/svg/PersonStar").then((o=>o.PersonStar)),Phone:()=>import("@ds-mo/icons/svg/Phone").then((o=>o.Phone)),PhoneDisconnect:()=>import("@ds-mo/icons/svg/PhoneDisconnect").then((o=>o.PhoneDisconnect)),PicmanFilled:()=>import("@ds-mo/icons/svg/PicmanFilled").then((o=>o.PicmanFilled)),Pin:()=>import("@ds-mo/icons/svg/Pin").then((o=>o.Pin)),PipBottomLeft:()=>import("@ds-mo/icons/svg/PipBottomLeft").then((o=>o.PipBottomLeft)),PipBottomRight:()=>import("@ds-mo/icons/svg/PipBottomRight").then((o=>o.PipBottomRight)),PipTopLeft:()=>import("@ds-mo/icons/svg/PipTopLeft").then((o=>o.PipTopLeft)),PipTopRight:()=>import("@ds-mo/icons/svg/PipTopRight").then((o=>o.PipTopRight)),Play:()=>import("@ds-mo/icons/svg/Play").then((o=>o.Play)),PlayFilled:()=>import("@ds-mo/icons/svg/PlayFilled").then((o=>o.PlayFilled)),Plug:()=>import("@ds-mo/icons/svg/Plug").then((o=>o.Plug)),Plus:()=>import("@ds-mo/icons/svg/Plus").then((o=>o.Plus)),PlusCircle:()=>import("@ds-mo/icons/svg/PlusCircle").then((o=>o.PlusCircle)),Preferences:()=>import("@ds-mo/icons/svg/Preferences").then((o=>o.Preferences)),Printer:()=>import("@ds-mo/icons/svg/Printer").then((o=>o.Printer)),PunchCard:()=>import("@ds-mo/icons/svg/PunchCard").then((o=>o.PunchCard)),Puzzle:()=>import("@ds-mo/icons/svg/Puzzle").then((o=>o.Puzzle)),PuzzleJoined:()=>import("@ds-mo/icons/svg/PuzzleJoined").then((o=>o.PuzzleJoined)),Redo:()=>import("@ds-mo/icons/svg/Redo").then((o=>o.Redo)),Refresh:()=>import("@ds-mo/icons/svg/Refresh").then((o=>o.Refresh)),Restore:()=>import("@ds-mo/icons/svg/Restore").then((o=>o.Restore)),RewardRibbon:()=>import("@ds-mo/icons/svg/RewardRibbon").then((o=>o.RewardRibbon)),Rewind:()=>import("@ds-mo/icons/svg/Rewind").then((o=>o.Rewind)),RewindSkip:()=>import("@ds-mo/icons/svg/RewindSkip").then((o=>o.RewindSkip)),RewindSkipFilled:()=>import("@ds-mo/icons/svg/RewindSkipFilled").then((o=>o.RewindSkipFilled)),RightCollapse:()=>import("@ds-mo/icons/svg/RightCollapse").then((o=>o.RightCollapse)),RightCollapseB:()=>import("@ds-mo/icons/svg/RightCollapseB").then((o=>o.RightCollapseB)),RightExpand:()=>import("@ds-mo/icons/svg/RightExpand").then((o=>o.RightExpand)),RightExpandB:()=>import("@ds-mo/icons/svg/RightExpandB").then((o=>o.RightExpandB)),RightTurnSignal:()=>import("@ds-mo/icons/svg/RightTurnSignal").then((o=>o.RightTurnSignal)),Rotate:()=>import("@ds-mo/icons/svg/Rotate").then((o=>o.Rotate)),Satellite:()=>import("@ds-mo/icons/svg/Satellite").then((o=>o.Satellite)),Scan:()=>import("@ds-mo/icons/svg/Scan").then((o=>o.Scan)),Scissor:()=>import("@ds-mo/icons/svg/Scissor").then((o=>o.Scissor)),Scope:()=>import("@ds-mo/icons/svg/Scope").then((o=>o.Scope)),Seatbelt:()=>import("@ds-mo/icons/svg/Seatbelt").then((o=>o.Seatbelt)),SeatbeltBuckle:()=>import("@ds-mo/icons/svg/SeatbeltBuckle").then((o=>o.SeatbeltBuckle)),Shapes:()=>import("@ds-mo/icons/svg/Shapes").then((o=>o.Shapes)),ShareCircles:()=>import("@ds-mo/icons/svg/ShareCircles").then((o=>o.ShareCircles)),ShareCirclesFilled:()=>import("@ds-mo/icons/svg/ShareCirclesFilled").then((o=>o.ShareCirclesFilled)),SharePaperplane:()=>import("@ds-mo/icons/svg/SharePaperplane").then((o=>o.SharePaperplane)),Shield:()=>import("@ds-mo/icons/svg/Shield").then((o=>o.Shield)),ShieldCheck:()=>import("@ds-mo/icons/svg/ShieldCheck").then((o=>o.ShieldCheck)),ShieldCheckmarkFilled:()=>import("@ds-mo/icons/svg/ShieldCheckmarkFilled").then((o=>o.ShieldCheckmarkFilled)),ShieldCircle:()=>import("@ds-mo/icons/svg/ShieldCircle").then((o=>o.ShieldCircle)),ShieldCircleFilled:()=>import("@ds-mo/icons/svg/ShieldCircleFilled").then((o=>o.ShieldCircleFilled)),ShieldCross:()=>import("@ds-mo/icons/svg/ShieldCross").then((o=>o.ShieldCross)),ShieldCrossFilled:()=>import("@ds-mo/icons/svg/ShieldCrossFilled").then((o=>o.ShieldCrossFilled)),ShieldFilled:()=>import("@ds-mo/icons/svg/ShieldFilled").then((o=>o.ShieldFilled)),ShieldLock:()=>import("@ds-mo/icons/svg/ShieldLock").then((o=>o.ShieldLock)),ShieldLockFilled:()=>import("@ds-mo/icons/svg/ShieldLockFilled").then((o=>o.ShieldLockFilled)),ShoppingBag:()=>import("@ds-mo/icons/svg/ShoppingBag").then((o=>o.ShoppingBag)),Snowflake:()=>import("@ds-mo/icons/svg/Snowflake").then((o=>o.Snowflake)),SpeakerPhone:()=>import("@ds-mo/icons/svg/SpeakerPhone").then((o=>o.SpeakerPhone)),SpeedometerArrow:()=>import("@ds-mo/icons/svg/SpeedometerArrow").then((o=>o.SpeedometerArrow)),SpeedometerLeft:()=>import("@ds-mo/icons/svg/SpeedometerLeft").then((o=>o.SpeedometerLeft)),SpeedometerRight:()=>import("@ds-mo/icons/svg/SpeedometerRight").then((o=>o.SpeedometerRight)),SpikeCirclePercentage:()=>import("@ds-mo/icons/svg/SpikeCirclePercentage").then((o=>o.SpikeCirclePercentage)),SpikeCirclePercentageFilled:()=>import("@ds-mo/icons/svg/SpikeCirclePercentageFilled").then((o=>o.SpikeCirclePercentageFilled)),Square:()=>import("@ds-mo/icons/svg/Square").then((o=>o.Square)),SquareArrowTopRight:()=>import("@ds-mo/icons/svg/SquareArrowTopRight").then((o=>o.SquareArrowTopRight)),SquareCheck:()=>import("@ds-mo/icons/svg/SquareCheck").then((o=>o.SquareCheck)),SquareCheckFilled:()=>import("@ds-mo/icons/svg/SquareCheckFilled").then((o=>o.SquareCheckFilled)),SquareDollar:()=>import("@ds-mo/icons/svg/SquareDollar").then((o=>o.SquareDollar)),SquareDollarFilled:()=>import("@ds-mo/icons/svg/SquareDollarFilled").then((o=>o.SquareDollarFilled)),SquareDottedMinus:()=>import("@ds-mo/icons/svg/SquareDottedMinus").then((o=>o.SquareDottedMinus)),SquareFilled:()=>import("@ds-mo/icons/svg/SquareFilled").then((o=>o.SquareFilled)),SquareGrid:()=>import("@ds-mo/icons/svg/SquareGrid").then((o=>o.SquareGrid)),SquarePencil:()=>import("@ds-mo/icons/svg/SquarePencil").then((o=>o.SquarePencil)),SquarePlus:()=>import("@ds-mo/icons/svg/SquarePlus").then((o=>o.SquarePlus)),SquareSubtract:()=>import("@ds-mo/icons/svg/SquareSubtract").then((o=>o.SquareSubtract)),SquareSubtractFilled:()=>import("@ds-mo/icons/svg/SquareSubtractFilled").then((o=>o.SquareSubtractFilled)),Star:()=>import("@ds-mo/icons/svg/Star").then((o=>o.Star)),StarFilled:()=>import("@ds-mo/icons/svg/StarFilled").then((o=>o.StarFilled)),Stopwatch:()=>import("@ds-mo/icons/svg/Stopwatch").then((o=>o.Stopwatch)),Street:()=>import("@ds-mo/icons/svg/Street").then((o=>o.Street)),Subtract:()=>import("@ds-mo/icons/svg/Subtract").then((o=>o.Subtract)),SubtractCircle:()=>import("@ds-mo/icons/svg/SubtractCircle").then((o=>o.SubtractCircle)),SubtractCircleFilled:()=>import("@ds-mo/icons/svg/SubtractCircleFilled").then((o=>o.SubtractCircleFilled)),Table:()=>import("@ds-mo/icons/svg/Table").then((o=>o.Table)),Tag:()=>import("@ds-mo/icons/svg/Tag").then((o=>o.Tag)),Target:()=>import("@ds-mo/icons/svg/Target").then((o=>o.Target)),TargetDollar:()=>import("@ds-mo/icons/svg/TargetDollar").then((o=>o.TargetDollar)),Text:()=>import("@ds-mo/icons/svg/Text").then((o=>o.Text)),ThemeDark:()=>import("@ds-mo/icons/svg/ThemeDark").then((o=>o.ThemeDark)),ThemeLight:()=>import("@ds-mo/icons/svg/ThemeLight").then((o=>o.ThemeLight)),ThumbsDown:()=>import("@ds-mo/icons/svg/ThumbsDown").then((o=>o.ThumbsDown)),ThumbsDownFilled:()=>import("@ds-mo/icons/svg/ThumbsDownFilled").then((o=>o.ThumbsDownFilled)),ThumbsUp:()=>import("@ds-mo/icons/svg/ThumbsUp").then((o=>o.ThumbsUp)),ThumbsUpFilled:()=>import("@ds-mo/icons/svg/ThumbsUpFilled").then((o=>o.ThumbsUpFilled)),TirePressure:()=>import("@ds-mo/icons/svg/TirePressure").then((o=>o.TirePressure)),Toggle:()=>import("@ds-mo/icons/svg/Toggle").then((o=>o.Toggle)),TrafficLight:()=>import("@ds-mo/icons/svg/TrafficLight").then((o=>o.TrafficLight)),Trash:()=>import("@ds-mo/icons/svg/Trash").then((o=>o.Trash)),Trophy:()=>import("@ds-mo/icons/svg/Trophy").then((o=>o.Trophy)),TurnSignal:()=>import("@ds-mo/icons/svg/TurnSignal").then((o=>o.TurnSignal)),TurnSignalFilled:()=>import("@ds-mo/icons/svg/TurnSignalFilled").then((o=>o.TurnSignalFilled)),Undo:()=>import("@ds-mo/icons/svg/Undo").then((o=>o.Undo)),Upgrade:()=>import("@ds-mo/icons/svg/Upgrade").then((o=>o.Upgrade)),Upload:()=>import("@ds-mo/icons/svg/Upload").then((o=>o.Upload)),VehicleTrailer:()=>import("@ds-mo/icons/svg/VehicleTrailer").then((o=>o.VehicleTrailer)),VehicleTruck:()=>import("@ds-mo/icons/svg/VehicleTruck").then((o=>o.VehicleTruck)),VehicleTruckMagnifyingGlass:()=>import("@ds-mo/icons/svg/VehicleTruckMagnifyingGlass").then((o=>o.VehicleTruckMagnifyingGlass)),Video:()=>import("@ds-mo/icons/svg/Video").then((o=>o.Video)),ViewMenu:()=>import("@ds-mo/icons/svg/ViewMenu").then((o=>o.ViewMenu)),Volume:()=>import("@ds-mo/icons/svg/Volume").then((o=>o.Volume)),VolumeFilled:()=>import("@ds-mo/icons/svg/VolumeFilled").then((o=>o.VolumeFilled)),VolumeMute:()=>import("@ds-mo/icons/svg/VolumeMute").then((o=>o.VolumeMute)),VolumeMuteFilled:()=>import("@ds-mo/icons/svg/VolumeMuteFilled").then((o=>o.VolumeMuteFilled)),WandSparkle:()=>import("@ds-mo/icons/svg/WandSparkle").then((o=>o.WandSparkle)),Waveform:()=>import("@ds-mo/icons/svg/Waveform").then((o=>o.Waveform)),Webhooks:()=>import("@ds-mo/icons/svg/Webhooks").then((o=>o.Webhooks)),Whistle:()=>import("@ds-mo/icons/svg/Whistle").then((o=>o.Whistle)),WiFiHorizontal:()=>import("@ds-mo/icons/svg/WiFiHorizontal").then((o=>o.WiFiHorizontal)),WiFiTower:()=>import("@ds-mo/icons/svg/WiFiTower").then((o=>o.WiFiTower)),WifiVertical:()=>import("@ds-mo/icons/svg/WifiVertical").then((o=>o.WifiVertical)),WifiVerticalFilled:()=>import("@ds-mo/icons/svg/WifiVerticalFilled").then((o=>o.WifiVerticalFilled)),WifiVerticalFilledDisabled:()=>import("@ds-mo/icons/svg/WifiVerticalFilledDisabled").then((o=>o.WifiVerticalFilledDisabled)),WorkflowA:()=>import("@ds-mo/icons/svg/WorkflowA").then((o=>o.WorkflowA)),WorkflowB:()=>import("@ds-mo/icons/svg/WorkflowB").then((o=>o.WorkflowB)),Wrench:()=>import("@ds-mo/icons/svg/Wrench").then((o=>o.Wrench)),ZoomBackOut:()=>import("@ds-mo/icons/svg/ZoomBackOut").then((o=>o.ZoomBackOut))};const d=new Set(["script","foreignobject","iframe","object","embed","animation"]);function a(o){if(d.has(o.localName.toLowerCase()))return false;for(const i of o.getAttributeNames()){const s=i.toLowerCase();if(s.startsWith("on"))return false;if(s==="href"||s==="xlink:href"){const s=o.getAttribute(i)??"";if(!s.startsWith("#"))return false}}for(let i=0;i<o.children.length;i++){if(!a(o.children[i]))return false}return true}function g(o){return o!=null&&o.localName==="svg"&&a(o)}function p(o){if(typeof DOMParser==="undefined")return null;const i=(new DOMParser).parseFromString(o,"image/svg+xml");if(i.querySelector("parsererror"))return null;const s=i.documentElement;if(!g(s))return null;return i.documentElement}const v=()=>`.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 u=o(class o extends i{constructor(o){super();if(o!==false){this.__registerHost()}this.name="";this.size="md";this.flag=false;this.svg="";this.loadToken=0;this.renderedSvg=null}resolveSvg(){const o=this.flag;const i=c(this.name,o);const s=++this.loadToken;const r=t().get(i);if(r!==undefined){this.svg=r;return}const n=o?m:l;const e=Object.prototype.hasOwnProperty.call(n,this.name)?n[this.name]:undefined;if(!e){this.svg="";return}e().then((o=>{t().set(i,o);if(s===this.loadToken)this.svg=o})).catch((()=>{if(s===this.loadToken)this.svg=""}))}componentWillLoad(){this.resolveSvg()}updateSvg(){const o=this.el.querySelector(".icon__svg");if(!o)return;if(this.svg===this.renderedSvg)return;this.renderedSvg=this.svg;const i=this.svg?p(this.svg):null;if(!i){o.replaceChildren();return}i.removeAttribute("width");i.removeAttribute("height");i.setAttribute("focusable","false");i.setAttribute("aria-hidden","true");i.style.display="block";i.style.flexShrink="0";i.style.width="100%";i.style.height="100%";o.replaceChildren(i)}onIconChange(){this.resolveSvg()}componentDidRender(){this.updateSvg()}render(){const o=typeof this.color==="string"&&this.color.startsWith("var(--");const i={icon:true,[`icon--size-${this.size}`]:true,[`icon--color-${this.color}`]:!!this.color&&!o&&this.color!=="inherit","icon--color-inherit":this.color==="inherit"};const n=o?{color:this.color}:undefined;return s(r,{key:"583b537487b016c8895652aa6ef478ddfc8da8ce",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},s("span",{key:"b0a3334376b7c5e04c3fd6201557fc8f4063b701",class:i,style:n,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},s("span",{key:"2bff8eca624f86fcfb1a9c25ba239f4c0ad94d0b",class:"icon__svg"})))}get el(){return this}static get watchers(){return{name:[{onIconChange:0}],flag:[{onIconChange:0}]}}static get style(){return v()}},[2,"ds-icon",{name:[1],size:[1],color:[1],label:[1],flag:[4],svg:[32]},undefined,{name:[{onIconChange:0}],flag:[{onIconChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const o=["ds-icon"];o.forEach((o=>{switch(o){case"ds-icon":if(!customElements.get(n(o))){customElements.define(n(o),u)}break}}))}h();export{u as I,h as d};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as o,H as i,h as s,a as r,t as n}from"./index.js";const e=Symbol.for("ds-mo.icon-svg-cache");function c(o,i){return i?`flag:${o}`:`system:${o}`}function t(){const o=globalThis;return o[e]??(o[e]=new Map)}const m={FlagAustria:()=>import("@ds-mo/icons/svg/flags/FlagAustria").then((o=>o.FlagAustria)),FlagBelgium:()=>import("@ds-mo/icons/svg/flags/FlagBelgium").then((o=>o.FlagBelgium)),FlagBulgaria:()=>import("@ds-mo/icons/svg/flags/FlagBulgaria").then((o=>o.FlagBulgaria)),FlagCanada:()=>import("@ds-mo/icons/svg/flags/FlagCanada").then((o=>o.FlagCanada)),FlagCroatia:()=>import("@ds-mo/icons/svg/flags/FlagCroatia").then((o=>o.FlagCroatia)),FlagCyprus:()=>import("@ds-mo/icons/svg/flags/FlagCyprus").then((o=>o.FlagCyprus)),FlagCzechRepublic:()=>import("@ds-mo/icons/svg/flags/FlagCzechRepublic").then((o=>o.FlagCzechRepublic)),FlagDenmark:()=>import("@ds-mo/icons/svg/flags/FlagDenmark").then((o=>o.FlagDenmark)),FlagEU:()=>import("@ds-mo/icons/svg/flags/FlagEU").then((o=>o.FlagEU)),FlagEstonia:()=>import("@ds-mo/icons/svg/flags/FlagEstonia").then((o=>o.FlagEstonia)),FlagFinland:()=>import("@ds-mo/icons/svg/flags/FlagFinland").then((o=>o.FlagFinland)),FlagFrance:()=>import("@ds-mo/icons/svg/flags/FlagFrance").then((o=>o.FlagFrance)),FlagGermany:()=>import("@ds-mo/icons/svg/flags/FlagGermany").then((o=>o.FlagGermany)),FlagGreece:()=>import("@ds-mo/icons/svg/flags/FlagGreece").then((o=>o.FlagGreece)),FlagHungary:()=>import("@ds-mo/icons/svg/flags/FlagHungary").then((o=>o.FlagHungary)),FlagIreland:()=>import("@ds-mo/icons/svg/flags/FlagIreland").then((o=>o.FlagIreland)),FlagItaly:()=>import("@ds-mo/icons/svg/flags/FlagItaly").then((o=>o.FlagItaly)),FlagLatvia:()=>import("@ds-mo/icons/svg/flags/FlagLatvia").then((o=>o.FlagLatvia)),FlagLithuania:()=>import("@ds-mo/icons/svg/flags/FlagLithuania").then((o=>o.FlagLithuania)),FlagLuxembourg:()=>import("@ds-mo/icons/svg/flags/FlagLuxembourg").then((o=>o.FlagLuxembourg)),FlagMalta:()=>import("@ds-mo/icons/svg/flags/FlagMalta").then((o=>o.FlagMalta)),FlagMexico:()=>import("@ds-mo/icons/svg/flags/FlagMexico").then((o=>o.FlagMexico)),FlagNetherlands:()=>import("@ds-mo/icons/svg/flags/FlagNetherlands").then((o=>o.FlagNetherlands)),FlagPoland:()=>import("@ds-mo/icons/svg/flags/FlagPoland").then((o=>o.FlagPoland)),FlagPortugal:()=>import("@ds-mo/icons/svg/flags/FlagPortugal").then((o=>o.FlagPortugal)),FlagRomania:()=>import("@ds-mo/icons/svg/flags/FlagRomania").then((o=>o.FlagRomania)),FlagSlovakia:()=>import("@ds-mo/icons/svg/flags/FlagSlovakia").then((o=>o.FlagSlovakia)),FlagSlovenia:()=>import("@ds-mo/icons/svg/flags/FlagSlovenia").then((o=>o.FlagSlovenia)),FlagSpain:()=>import("@ds-mo/icons/svg/flags/FlagSpain").then((o=>o.FlagSpain)),FlagSweden:()=>import("@ds-mo/icons/svg/flags/FlagSweden").then((o=>o.FlagSweden)),FlagUnitedKingdom:()=>import("@ds-mo/icons/svg/flags/FlagUnitedKingdom").then((o=>o.FlagUnitedKingdom)),FlagUnitedStates:()=>import("@ds-mo/icons/svg/flags/FlagUnitedStates").then((o=>o.FlagUnitedStates))};const l={AI:()=>import("@ds-mo/icons/svg/AI").then((o=>o.AI)),AIChip:()=>import("@ds-mo/icons/svg/AIChip").then((o=>o.AIChip)),AINew:()=>import("@ds-mo/icons/svg/AINew").then((o=>o.AINew)),AISparkle:()=>import("@ds-mo/icons/svg/AISparkle").then((o=>o.AISparkle)),AUX:()=>import("@ds-mo/icons/svg/AUX").then((o=>o.AUX)),AUXFilled:()=>import("@ds-mo/icons/svg/AUXFilled").then((o=>o.AUXFilled)),AndroidFilled:()=>import("@ds-mo/icons/svg/AndroidFilled").then((o=>o.AndroidFilled)),ArrowDown:()=>import("@ds-mo/icons/svg/ArrowDown").then((o=>o.ArrowDown)),ArrowLeft:()=>import("@ds-mo/icons/svg/ArrowLeft").then((o=>o.ArrowLeft)),ArrowPath:()=>import("@ds-mo/icons/svg/ArrowPath").then((o=>o.ArrowPath)),ArrowRight:()=>import("@ds-mo/icons/svg/ArrowRight").then((o=>o.ArrowRight)),ArrowUp:()=>import("@ds-mo/icons/svg/ArrowUp").then((o=>o.ArrowUp)),ArrowsDiagonal:()=>import("@ds-mo/icons/svg/ArrowsDiagonal").then((o=>o.ArrowsDiagonal)),ArrowsDiff:()=>import("@ds-mo/icons/svg/ArrowsDiff").then((o=>o.ArrowsDiff)),ArrowsDiffDisabled:()=>import("@ds-mo/icons/svg/ArrowsDiffDisabled").then((o=>o.ArrowsDiffDisabled)),ArrowsVertical:()=>import("@ds-mo/icons/svg/ArrowsVertical").then((o=>o.ArrowsVertical)),AtSign:()=>import("@ds-mo/icons/svg/AtSign").then((o=>o.AtSign)),Avatar:()=>import("@ds-mo/icons/svg/Avatar").then((o=>o.Avatar)),BackslashBrackets:()=>import("@ds-mo/icons/svg/BackslashBrackets").then((o=>o.BackslashBrackets)),BatteryCharging:()=>import("@ds-mo/icons/svg/BatteryCharging").then((o=>o.BatteryCharging)),BatteryEmpty:()=>import("@ds-mo/icons/svg/BatteryEmpty").then((o=>o.BatteryEmpty)),BatteryFull:()=>import("@ds-mo/icons/svg/BatteryFull").then((o=>o.BatteryFull)),BatteryHalf:()=>import("@ds-mo/icons/svg/BatteryHalf").then((o=>o.BatteryHalf)),BatteryLow:()=>import("@ds-mo/icons/svg/BatteryLow").then((o=>o.BatteryLow)),Beaker:()=>import("@ds-mo/icons/svg/Beaker").then((o=>o.Beaker)),Bell:()=>import("@ds-mo/icons/svg/Bell").then((o=>o.Bell)),BellCircle:()=>import("@ds-mo/icons/svg/BellCircle").then((o=>o.BellCircle)),BellExclamation:()=>import("@ds-mo/icons/svg/BellExclamation").then((o=>o.BellExclamation)),BellFilled:()=>import("@ds-mo/icons/svg/BellFilled").then((o=>o.BellFilled)),BellRinging:()=>import("@ds-mo/icons/svg/BellRinging").then((o=>o.BellRinging)),BellWifi:()=>import("@ds-mo/icons/svg/BellWifi").then((o=>o.BellWifi)),BlackWhite:()=>import("@ds-mo/icons/svg/BlackWhite").then((o=>o.BlackWhite)),BlankUI:()=>import("@ds-mo/icons/svg/BlankUI").then((o=>o.BlankUI)),Bluetooth:()=>import("@ds-mo/icons/svg/Bluetooth").then((o=>o.Bluetooth)),Bolt:()=>import("@ds-mo/icons/svg/Bolt").then((o=>o.Bolt)),BoltFilled:()=>import("@ds-mo/icons/svg/BoltFilled").then((o=>o.BoltFilled)),Bookmark:()=>import("@ds-mo/icons/svg/Bookmark").then((o=>o.Bookmark)),Box:()=>import("@ds-mo/icons/svg/Box").then((o=>o.Box)),Braces:()=>import("@ds-mo/icons/svg/Braces").then((o=>o.Braces)),Bug:()=>import("@ds-mo/icons/svg/Bug").then((o=>o.Bug)),BuildingFacility:()=>import("@ds-mo/icons/svg/BuildingFacility").then((o=>o.BuildingFacility)),BuildingHome:()=>import("@ds-mo/icons/svg/BuildingHome").then((o=>o.BuildingHome)),BuildingOffice:()=>import("@ds-mo/icons/svg/BuildingOffice").then((o=>o.BuildingOffice)),BuildingPublic:()=>import("@ds-mo/icons/svg/BuildingPublic").then((o=>o.BuildingPublic)),BuildingShop:()=>import("@ds-mo/icons/svg/BuildingShop").then((o=>o.BuildingShop)),Bulb:()=>import("@ds-mo/icons/svg/Bulb").then((o=>o.Bulb)),Calculator:()=>import("@ds-mo/icons/svg/Calculator").then((o=>o.Calculator)),Calendar:()=>import("@ds-mo/icons/svg/Calendar").then((o=>o.Calendar)),CalendarClock:()=>import("@ds-mo/icons/svg/CalendarClock").then((o=>o.CalendarClock)),CameraA:()=>import("@ds-mo/icons/svg/CameraA").then((o=>o.CameraA)),CameraB:()=>import("@ds-mo/icons/svg/CameraB").then((o=>o.CameraB)),Card:()=>import("@ds-mo/icons/svg/Card").then((o=>o.Card)),CardPerson:()=>import("@ds-mo/icons/svg/CardPerson").then((o=>o.CardPerson)),Cart:()=>import("@ds-mo/icons/svg/Cart").then((o=>o.Cart)),Chart:()=>import("@ds-mo/icons/svg/Chart").then((o=>o.Chart)),Check:()=>import("@ds-mo/icons/svg/Check").then((o=>o.Check)),CheckCircle:()=>import("@ds-mo/icons/svg/CheckCircle").then((o=>o.CheckCircle)),CheckCircleFilled:()=>import("@ds-mo/icons/svg/CheckCircleFilled").then((o=>o.CheckCircleFilled)),CheckDouble:()=>import("@ds-mo/icons/svg/CheckDouble").then((o=>o.CheckDouble)),ChevronDown:()=>import("@ds-mo/icons/svg/ChevronDown").then((o=>o.ChevronDown)),ChevronLeft:()=>import("@ds-mo/icons/svg/ChevronLeft").then((o=>o.ChevronLeft)),ChevronLeftDouble:()=>import("@ds-mo/icons/svg/ChevronLeftDouble").then((o=>o.ChevronLeftDouble)),ChevronRight:()=>import("@ds-mo/icons/svg/ChevronRight").then((o=>o.ChevronRight)),ChevronRightDouble:()=>import("@ds-mo/icons/svg/ChevronRightDouble").then((o=>o.ChevronRightDouble)),ChevronUp:()=>import("@ds-mo/icons/svg/ChevronUp").then((o=>o.ChevronUp)),ChevronUpDown:()=>import("@ds-mo/icons/svg/ChevronUpDown").then((o=>o.ChevronUpDown)),Circle:()=>import("@ds-mo/icons/svg/Circle").then((o=>o.Circle)),CircleArrow:()=>import("@ds-mo/icons/svg/CircleArrow").then((o=>o.CircleArrow)),CircleArrowsDiff:()=>import("@ds-mo/icons/svg/CircleArrowsDiff").then((o=>o.CircleArrowsDiff)),CircleArrowsDiffDisabled:()=>import("@ds-mo/icons/svg/CircleArrowsDiffDisabled").then((o=>o.CircleArrowsDiffDisabled)),CircleConcentricFilled:()=>import("@ds-mo/icons/svg/CircleConcentricFilled").then((o=>o.CircleConcentricFilled)),CircleConcentricThree:()=>import("@ds-mo/icons/svg/CircleConcentricThree").then((o=>o.CircleConcentricThree)),CircleConcentricTwo:()=>import("@ds-mo/icons/svg/CircleConcentricTwo").then((o=>o.CircleConcentricTwo)),CircleExclamation:()=>import("@ds-mo/icons/svg/CircleExclamation").then((o=>o.CircleExclamation)),CircleExclamationFilled:()=>import("@ds-mo/icons/svg/CircleExclamationFilled").then((o=>o.CircleExclamationFilled)),CircleFastForward:()=>import("@ds-mo/icons/svg/CircleFastForward").then((o=>o.CircleFastForward)),CircleFilled:()=>import("@ds-mo/icons/svg/CircleFilled").then((o=>o.CircleFilled)),CircleGrid:()=>import("@ds-mo/icons/svg/CircleGrid").then((o=>o.CircleGrid)),CirclePlay:()=>import("@ds-mo/icons/svg/CirclePlay").then((o=>o.CirclePlay)),CircleQuestion:()=>import("@ds-mo/icons/svg/CircleQuestion").then((o=>o.CircleQuestion)),CircleSlash:()=>import("@ds-mo/icons/svg/CircleSlash").then((o=>o.CircleSlash)),Clipboard:()=>import("@ds-mo/icons/svg/Clipboard").then((o=>o.Clipboard)),ClipboardCheck:()=>import("@ds-mo/icons/svg/ClipboardCheck").then((o=>o.ClipboardCheck)),Clock:()=>import("@ds-mo/icons/svg/Clock").then((o=>o.Clock)),ClockDefer:()=>import("@ds-mo/icons/svg/ClockDefer").then((o=>o.ClockDefer)),ClockFilled:()=>import("@ds-mo/icons/svg/ClockFilled").then((o=>o.ClockFilled)),ClockSixteenHour:()=>import("@ds-mo/icons/svg/ClockSixteenHour").then((o=>o.ClockSixteenHour)),Cloud:()=>import("@ds-mo/icons/svg/Cloud").then((o=>o.Cloud)),CloudEllipses:()=>import("@ds-mo/icons/svg/CloudEllipses").then((o=>o.CloudEllipses)),CloudLightning:()=>import("@ds-mo/icons/svg/CloudLightning").then((o=>o.CloudLightning)),CloudRain:()=>import("@ds-mo/icons/svg/CloudRain").then((o=>o.CloudRain)),CloudRainSun:()=>import("@ds-mo/icons/svg/CloudRainSun").then((o=>o.CloudRainSun)),CloudSun:()=>import("@ds-mo/icons/svg/CloudSun").then((o=>o.CloudSun)),CloudWind:()=>import("@ds-mo/icons/svg/CloudWind").then((o=>o.CloudWind)),Cluster:()=>import("@ds-mo/icons/svg/Cluster").then((o=>o.Cluster)),Coin:()=>import("@ds-mo/icons/svg/Coin").then((o=>o.Coin)),CoinStack:()=>import("@ds-mo/icons/svg/CoinStack").then((o=>o.CoinStack)),CoinStackGeneral:()=>import("@ds-mo/icons/svg/CoinStackGeneral").then((o=>o.CoinStackGeneral)),Compass:()=>import("@ds-mo/icons/svg/Compass").then((o=>o.Compass)),Copy:()=>import("@ds-mo/icons/svg/Copy").then((o=>o.Copy)),Crop:()=>import("@ds-mo/icons/svg/Crop").then((o=>o.Crop)),Cross:()=>import("@ds-mo/icons/svg/Cross").then((o=>o.Cross)),CrossCircle:()=>import("@ds-mo/icons/svg/CrossCircle").then((o=>o.CrossCircle)),CrossCircleFilled:()=>import("@ds-mo/icons/svg/CrossCircleFilled").then((o=>o.CrossCircleFilled)),Cube:()=>import("@ds-mo/icons/svg/Cube").then((o=>o.Cube)),Cup:()=>import("@ds-mo/icons/svg/Cup").then((o=>o.Cup)),CursorPointer:()=>import("@ds-mo/icons/svg/CursorPointer").then((o=>o.CursorPointer)),CursorPointerMinus:()=>import("@ds-mo/icons/svg/CursorPointerMinus").then((o=>o.CursorPointerMinus)),CursorPointerPlus:()=>import("@ds-mo/icons/svg/CursorPointerPlus").then((o=>o.CursorPointerPlus)),Dashboard:()=>import("@ds-mo/icons/svg/Dashboard").then((o=>o.Dashboard)),DeviceAIDashcamPlus:()=>import("@ds-mo/icons/svg/DeviceAIDashcamPlus").then((o=>o.DeviceAIDashcamPlus)),DeviceAssetTracker:()=>import("@ds-mo/icons/svg/DeviceAssetTracker").then((o=>o.DeviceAssetTracker)),DeviceDVR:()=>import("@ds-mo/icons/svg/DeviceDVR").then((o=>o.DeviceDVR)),DeviceDashcam:()=>import("@ds-mo/icons/svg/DeviceDashcam").then((o=>o.DeviceDashcam)),DeviceDashcamLiveStream:()=>import("@ds-mo/icons/svg/DeviceDashcamLiveStream").then((o=>o.DeviceDashcamLiveStream)),DeviceDoorSensor:()=>import("@ds-mo/icons/svg/DeviceDoorSensor").then((o=>o.DeviceDoorSensor)),DeviceMobile:()=>import("@ds-mo/icons/svg/DeviceMobile").then((o=>o.DeviceMobile)),DeviceMobileTwo:()=>import("@ds-mo/icons/svg/DeviceMobileTwo").then((o=>o.DeviceMobileTwo)),DeviceOmnicam:()=>import("@ds-mo/icons/svg/DeviceOmnicam").then((o=>o.DeviceOmnicam)),DeviceSensor:()=>import("@ds-mo/icons/svg/DeviceSensor").then((o=>o.DeviceSensor)),DeviceTablet:()=>import("@ds-mo/icons/svg/DeviceTablet").then((o=>o.DeviceTablet)),DeviceVehicleGateway:()=>import("@ds-mo/icons/svg/DeviceVehicleGateway").then((o=>o.DeviceVehicleGateway)),Devices:()=>import("@ds-mo/icons/svg/Devices").then((o=>o.Devices)),Document:()=>import("@ds-mo/icons/svg/Document").then((o=>o.Document)),DocumentArrow:()=>import("@ds-mo/icons/svg/DocumentArrow").then((o=>o.DocumentArrow)),DocumentChart:()=>import("@ds-mo/icons/svg/DocumentChart").then((o=>o.DocumentChart)),DocumentDollar:()=>import("@ds-mo/icons/svg/DocumentDollar").then((o=>o.DocumentDollar)),DocumentGear:()=>import("@ds-mo/icons/svg/DocumentGear").then((o=>o.DocumentGear)),DocumentInverted:()=>import("@ds-mo/icons/svg/DocumentInverted").then((o=>o.DocumentInverted)),DocumentPencil:()=>import("@ds-mo/icons/svg/DocumentPencil").then((o=>o.DocumentPencil)),DocumentPlus:()=>import("@ds-mo/icons/svg/DocumentPlus").then((o=>o.DocumentPlus)),DocumentQuestion:()=>import("@ds-mo/icons/svg/DocumentQuestion").then((o=>o.DocumentQuestion)),DocumentReceipt:()=>import("@ds-mo/icons/svg/DocumentReceipt").then((o=>o.DocumentReceipt)),DocumentStacked:()=>import("@ds-mo/icons/svg/DocumentStacked").then((o=>o.DocumentStacked)),Dot:()=>import("@ds-mo/icons/svg/Dot").then((o=>o.Dot)),DotFilled:()=>import("@ds-mo/icons/svg/DotFilled").then((o=>o.DotFilled)),DotPath:()=>import("@ds-mo/icons/svg/DotPath").then((o=>o.DotPath)),Download:()=>import("@ds-mo/icons/svg/Download").then((o=>o.Download)),Drag:()=>import("@ds-mo/icons/svg/Drag").then((o=>o.Drag)),Ellipses:()=>import("@ds-mo/icons/svg/Ellipses").then((o=>o.Ellipses)),Email:()=>import("@ds-mo/icons/svg/Email").then((o=>o.Email)),Engine:()=>import("@ds-mo/icons/svg/Engine").then((o=>o.Engine)),Enter:()=>import("@ds-mo/icons/svg/Enter").then((o=>o.Enter)),EntityAsset:()=>import("@ds-mo/icons/svg/EntityAsset").then((o=>o.EntityAsset)),EntityAssetFilled:()=>import("@ds-mo/icons/svg/EntityAssetFilled").then((o=>o.EntityAssetFilled)),EntityDriver:()=>import("@ds-mo/icons/svg/EntityDriver").then((o=>o.EntityDriver)),EntityDriverFilled:()=>import("@ds-mo/icons/svg/EntityDriverFilled").then((o=>o.EntityDriverFilled)),EntityTravelGroup:()=>import("@ds-mo/icons/svg/EntityTravelGroup").then((o=>o.EntityTravelGroup)),EntityTravelGroupFilled:()=>import("@ds-mo/icons/svg/EntityTravelGroupFilled").then((o=>o.EntityTravelGroupFilled)),EntityVehicle:()=>import("@ds-mo/icons/svg/EntityVehicle").then((o=>o.EntityVehicle)),EntityVehicleCharging:()=>import("@ds-mo/icons/svg/EntityVehicleCharging").then((o=>o.EntityVehicleCharging)),EntityVehicleChargingFilled:()=>import("@ds-mo/icons/svg/EntityVehicleChargingFilled").then((o=>o.EntityVehicleChargingFilled)),EntityVehicleFilled:()=>import("@ds-mo/icons/svg/EntityVehicleFilled").then((o=>o.EntityVehicleFilled)),EntityVehicleImmobilized:()=>import("@ds-mo/icons/svg/EntityVehicleImmobilized").then((o=>o.EntityVehicleImmobilized)),EntityVehicleImmobilizedFilled:()=>import("@ds-mo/icons/svg/EntityVehicleImmobilizedFilled").then((o=>o.EntityVehicleImmobilizedFilled)),ErrorTriangle:()=>import("@ds-mo/icons/svg/ErrorTriangle").then((o=>o.ErrorTriangle)),ErrorTriangleFilled:()=>import("@ds-mo/icons/svg/ErrorTriangleFilled").then((o=>o.ErrorTriangleFilled)),ErrorTriangleSimpleFilled:()=>import("@ds-mo/icons/svg/ErrorTriangleSimpleFilled").then((o=>o.ErrorTriangleSimpleFilled)),Export:()=>import("@ds-mo/icons/svg/Export").then((o=>o.Export)),ExternalLink:()=>import("@ds-mo/icons/svg/ExternalLink").then((o=>o.ExternalLink)),Eye:()=>import("@ds-mo/icons/svg/Eye").then((o=>o.Eye)),EyeDisabled:()=>import("@ds-mo/icons/svg/EyeDisabled").then((o=>o.EyeDisabled)),EyeLock:()=>import("@ds-mo/icons/svg/EyeLock").then((o=>o.EyeLock)),FastForward:()=>import("@ds-mo/icons/svg/FastForward").then((o=>o.FastForward)),FastForwardSkip:()=>import("@ds-mo/icons/svg/FastForwardSkip").then((o=>o.FastForwardSkip)),Filters:()=>import("@ds-mo/icons/svg/Filters").then((o=>o.Filters)),FitToScreen:()=>import("@ds-mo/icons/svg/FitToScreen").then((o=>o.FitToScreen)),Flag:()=>import("@ds-mo/icons/svg/Flag").then((o=>o.Flag)),FlagFilled:()=>import("@ds-mo/icons/svg/FlagFilled").then((o=>o.FlagFilled)),FloppyDisk:()=>import("@ds-mo/icons/svg/FloppyDisk").then((o=>o.FloppyDisk)),Folder:()=>import("@ds-mo/icons/svg/Folder").then((o=>o.Folder)),FolderFilled:()=>import("@ds-mo/icons/svg/FolderFilled").then((o=>o.FolderFilled)),FuelPump:()=>import("@ds-mo/icons/svg/FuelPump").then((o=>o.FuelPump)),FullScreen:()=>import("@ds-mo/icons/svg/FullScreen").then((o=>o.FullScreen)),FullScreenExit:()=>import("@ds-mo/icons/svg/FullScreenExit").then((o=>o.FullScreenExit)),Gauge:()=>import("@ds-mo/icons/svg/Gauge").then((o=>o.Gauge)),GaugeTemperature:()=>import("@ds-mo/icons/svg/GaugeTemperature").then((o=>o.GaugeTemperature)),Gear:()=>import("@ds-mo/icons/svg/Gear").then((o=>o.Gear)),GearCheck:()=>import("@ds-mo/icons/svg/GearCheck").then((o=>o.GearCheck)),Geofence:()=>import("@ds-mo/icons/svg/Geofence").then((o=>o.Geofence)),GeofenceCircle:()=>import("@ds-mo/icons/svg/GeofenceCircle").then((o=>o.GeofenceCircle)),GeofenceDiamond:()=>import("@ds-mo/icons/svg/GeofenceDiamond").then((o=>o.GeofenceDiamond)),GeofenceSquare:()=>import("@ds-mo/icons/svg/GeofenceSquare").then((o=>o.GeofenceSquare)),GlobeNetwork:()=>import("@ds-mo/icons/svg/GlobeNetwork").then((o=>o.GlobeNetwork)),GlobeWorldMap:()=>import("@ds-mo/icons/svg/GlobeWorldMap").then((o=>o.GlobeWorldMap)),Graph:()=>import("@ds-mo/icons/svg/Graph").then((o=>o.Graph)),GraphArrow:()=>import("@ds-mo/icons/svg/GraphArrow").then((o=>o.GraphArrow)),GraphBars:()=>import("@ds-mo/icons/svg/GraphBars").then((o=>o.GraphBars)),GraphDecreasing:()=>import("@ds-mo/icons/svg/GraphDecreasing").then((o=>o.GraphDecreasing)),GraphIncreasing:()=>import("@ds-mo/icons/svg/GraphIncreasing").then((o=>o.GraphIncreasing)),GroupBy:()=>import("@ds-mo/icons/svg/GroupBy").then((o=>o.GroupBy)),Hamburger:()=>import("@ds-mo/icons/svg/Hamburger").then((o=>o.Hamburger)),HandOpen:()=>import("@ds-mo/icons/svg/HandOpen").then((o=>o.HandOpen)),Headset:()=>import("@ds-mo/icons/svg/Headset").then((o=>o.Headset)),History:()=>import("@ds-mo/icons/svg/History").then((o=>o.History)),HourGlass:()=>import("@ds-mo/icons/svg/HourGlass").then((o=>o.HourGlass)),Image:()=>import("@ds-mo/icons/svg/Image").then((o=>o.Image)),Import:()=>import("@ds-mo/icons/svg/Import").then((o=>o.Import)),ImportClock:()=>import("@ds-mo/icons/svg/ImportClock").then((o=>o.ImportClock)),Inbox:()=>import("@ds-mo/icons/svg/Inbox").then((o=>o.Inbox)),IosFilled:()=>import("@ds-mo/icons/svg/IosFilled").then((o=>o.IosFilled)),Jerrycan:()=>import("@ds-mo/icons/svg/Jerrycan").then((o=>o.Jerrycan)),KeyA:()=>import("@ds-mo/icons/svg/KeyA").then((o=>o.KeyA)),KeyB:()=>import("@ds-mo/icons/svg/KeyB").then((o=>o.KeyB)),KeyCmd:()=>import("@ds-mo/icons/svg/KeyCmd").then((o=>o.KeyCmd)),KeyShift:()=>import("@ds-mo/icons/svg/KeyShift").then((o=>o.KeyShift)),LED:()=>import("@ds-mo/icons/svg/LED").then((o=>o.LED)),Layers:()=>import("@ds-mo/icons/svg/Layers").then((o=>o.Layers)),Leaf:()=>import("@ds-mo/icons/svg/Leaf").then((o=>o.Leaf)),LeftCollapse:()=>import("@ds-mo/icons/svg/LeftCollapse").then((o=>o.LeftCollapse)),LeftCollapseB:()=>import("@ds-mo/icons/svg/LeftCollapseB").then((o=>o.LeftCollapseB)),LeftExpand:()=>import("@ds-mo/icons/svg/LeftExpand").then((o=>o.LeftExpand)),LeftExpandB:()=>import("@ds-mo/icons/svg/LeftExpandB").then((o=>o.LeftExpandB)),LeftTurnSignal:()=>import("@ds-mo/icons/svg/LeftTurnSignal").then((o=>o.LeftTurnSignal)),LetterB:()=>import("@ds-mo/icons/svg/LetterB").then((o=>o.LetterB)),LetterC:()=>import("@ds-mo/icons/svg/LetterC").then((o=>o.LetterC)),LetterI:()=>import("@ds-mo/icons/svg/LetterI").then((o=>o.LetterI)),License:()=>import("@ds-mo/icons/svg/License").then((o=>o.License)),LicensePlate:()=>import("@ds-mo/icons/svg/LicensePlate").then((o=>o.LicensePlate)),Lifebuoy:()=>import("@ds-mo/icons/svg/Lifebuoy").then((o=>o.Lifebuoy)),Link:()=>import("@ds-mo/icons/svg/Link").then((o=>o.Link)),List:()=>import("@ds-mo/icons/svg/List").then((o=>o.List)),Loads:()=>import("@ds-mo/icons/svg/Loads").then((o=>o.Loads)),LocationPin:()=>import("@ds-mo/icons/svg/LocationPin").then((o=>o.LocationPin)),LocationPinArrows:()=>import("@ds-mo/icons/svg/LocationPinArrows").then((o=>o.LocationPinArrows)),LocationPinDisabled:()=>import("@ds-mo/icons/svg/LocationPinDisabled").then((o=>o.LocationPinDisabled)),LocationPinDollar:()=>import("@ds-mo/icons/svg/LocationPinDollar").then((o=>o.LocationPinDollar)),LockClosed:()=>import("@ds-mo/icons/svg/LockClosed").then((o=>o.LockClosed)),LockClosedFilled:()=>import("@ds-mo/icons/svg/LockClosedFilled").then((o=>o.LockClosedFilled)),LockOpen:()=>import("@ds-mo/icons/svg/LockOpen").then((o=>o.LockOpen)),Logout:()=>import("@ds-mo/icons/svg/Logout").then((o=>o.Logout)),Logs:()=>import("@ds-mo/icons/svg/Logs").then((o=>o.Logs)),LogsMagnifyingGlass:()=>import("@ds-mo/icons/svg/LogsMagnifyingGlass").then((o=>o.LogsMagnifyingGlass)),MagnifyingGlass:()=>import("@ds-mo/icons/svg/MagnifyingGlass").then((o=>o.MagnifyingGlass)),MagnifyingGlassGraph:()=>import("@ds-mo/icons/svg/MagnifyingGlassGraph").then((o=>o.MagnifyingGlassGraph)),MagnifyingGlassZoomIn:()=>import("@ds-mo/icons/svg/MagnifyingGlassZoomIn").then((o=>o.MagnifyingGlassZoomIn)),MagnifyingGlassZoomOut:()=>import("@ds-mo/icons/svg/MagnifyingGlassZoomOut").then((o=>o.MagnifyingGlassZoomOut)),MapNavigation:()=>import("@ds-mo/icons/svg/MapNavigation").then((o=>o.MapNavigation)),MapPage:()=>import("@ds-mo/icons/svg/MapPage").then((o=>o.MapPage)),MapPin:()=>import("@ds-mo/icons/svg/MapPin").then((o=>o.MapPin)),MarkRead:()=>import("@ds-mo/icons/svg/MarkRead").then((o=>o.MarkRead)),Match:()=>import("@ds-mo/icons/svg/Match").then((o=>o.Match)),MessageBubble:()=>import("@ds-mo/icons/svg/MessageBubble").then((o=>o.MessageBubble)),MessageBubbleStack:()=>import("@ds-mo/icons/svg/MessageBubbleStack").then((o=>o.MessageBubbleStack)),Messaging:()=>import("@ds-mo/icons/svg/Messaging").then((o=>o.Messaging)),Mic:()=>import("@ds-mo/icons/svg/Mic").then((o=>o.Mic)),MicMute:()=>import("@ds-mo/icons/svg/MicMute").then((o=>o.MicMute)),Minimize:()=>import("@ds-mo/icons/svg/Minimize").then((o=>o.Minimize)),Monitor:()=>import("@ds-mo/icons/svg/Monitor").then((o=>o.Monitor)),Notification:()=>import("@ds-mo/icons/svg/Notification").then((o=>o.Notification)),NumberTen:()=>import("@ds-mo/icons/svg/NumberTen").then((o=>o.NumberTen)),OctagonSubtract:()=>import("@ds-mo/icons/svg/OctagonSubtract").then((o=>o.OctagonSubtract)),Odometer:()=>import("@ds-mo/icons/svg/Odometer").then((o=>o.Odometer)),OverviewAI:()=>import("@ds-mo/icons/svg/OverviewAI").then((o=>o.OverviewAI)),PanelCollapse:()=>import("@ds-mo/icons/svg/PanelCollapse").then((o=>o.PanelCollapse)),PanelExpand:()=>import("@ds-mo/icons/svg/PanelExpand").then((o=>o.PanelExpand)),Paperclip:()=>import("@ds-mo/icons/svg/Paperclip").then((o=>o.Paperclip)),PaperplaneSend:()=>import("@ds-mo/icons/svg/PaperplaneSend").then((o=>o.PaperplaneSend)),Paragraph:()=>import("@ds-mo/icons/svg/Paragraph").then((o=>o.Paragraph)),ParagraphCheck:()=>import("@ds-mo/icons/svg/ParagraphCheck").then((o=>o.ParagraphCheck)),ParagraphPencil:()=>import("@ds-mo/icons/svg/ParagraphPencil").then((o=>o.ParagraphPencil)),Pause:()=>import("@ds-mo/icons/svg/Pause").then((o=>o.Pause)),PauseFilled:()=>import("@ds-mo/icons/svg/PauseFilled").then((o=>o.PauseFilled)),Pencil:()=>import("@ds-mo/icons/svg/Pencil").then((o=>o.Pencil)),PencilSquiggle:()=>import("@ds-mo/icons/svg/PencilSquiggle").then((o=>o.PencilSquiggle)),Person:()=>import("@ds-mo/icons/svg/Person").then((o=>o.Person)),PersonAt:()=>import("@ds-mo/icons/svg/PersonAt").then((o=>o.PersonAt)),PersonConnect:()=>import("@ds-mo/icons/svg/PersonConnect").then((o=>o.PersonConnect)),PersonFrame:()=>import("@ds-mo/icons/svg/PersonFrame").then((o=>o.PersonFrame)),PersonGear:()=>import("@ds-mo/icons/svg/PersonGear").then((o=>o.PersonGear)),PersonGroup:()=>import("@ds-mo/icons/svg/PersonGroup").then((o=>o.PersonGroup)),PersonGroupArrows:()=>import("@ds-mo/icons/svg/PersonGroupArrows").then((o=>o.PersonGroupArrows)),PersonManager:()=>import("@ds-mo/icons/svg/PersonManager").then((o=>o.PersonManager)),PersonShield:()=>import("@ds-mo/icons/svg/PersonShield").then((o=>o.PersonShield)),PersonStar:()=>import("@ds-mo/icons/svg/PersonStar").then((o=>o.PersonStar)),Phone:()=>import("@ds-mo/icons/svg/Phone").then((o=>o.Phone)),PhoneDisconnect:()=>import("@ds-mo/icons/svg/PhoneDisconnect").then((o=>o.PhoneDisconnect)),PicmanFilled:()=>import("@ds-mo/icons/svg/PicmanFilled").then((o=>o.PicmanFilled)),Pin:()=>import("@ds-mo/icons/svg/Pin").then((o=>o.Pin)),PipBottomLeft:()=>import("@ds-mo/icons/svg/PipBottomLeft").then((o=>o.PipBottomLeft)),PipBottomRight:()=>import("@ds-mo/icons/svg/PipBottomRight").then((o=>o.PipBottomRight)),PipTopLeft:()=>import("@ds-mo/icons/svg/PipTopLeft").then((o=>o.PipTopLeft)),PipTopRight:()=>import("@ds-mo/icons/svg/PipTopRight").then((o=>o.PipTopRight)),Play:()=>import("@ds-mo/icons/svg/Play").then((o=>o.Play)),PlayFilled:()=>import("@ds-mo/icons/svg/PlayFilled").then((o=>o.PlayFilled)),Plug:()=>import("@ds-mo/icons/svg/Plug").then((o=>o.Plug)),Plus:()=>import("@ds-mo/icons/svg/Plus").then((o=>o.Plus)),PlusCircle:()=>import("@ds-mo/icons/svg/PlusCircle").then((o=>o.PlusCircle)),Preferences:()=>import("@ds-mo/icons/svg/Preferences").then((o=>o.Preferences)),Printer:()=>import("@ds-mo/icons/svg/Printer").then((o=>o.Printer)),PunchCard:()=>import("@ds-mo/icons/svg/PunchCard").then((o=>o.PunchCard)),Puzzle:()=>import("@ds-mo/icons/svg/Puzzle").then((o=>o.Puzzle)),PuzzleJoined:()=>import("@ds-mo/icons/svg/PuzzleJoined").then((o=>o.PuzzleJoined)),Redo:()=>import("@ds-mo/icons/svg/Redo").then((o=>o.Redo)),Refresh:()=>import("@ds-mo/icons/svg/Refresh").then((o=>o.Refresh)),Restore:()=>import("@ds-mo/icons/svg/Restore").then((o=>o.Restore)),RewardRibbon:()=>import("@ds-mo/icons/svg/RewardRibbon").then((o=>o.RewardRibbon)),Rewind:()=>import("@ds-mo/icons/svg/Rewind").then((o=>o.Rewind)),RewindSkip:()=>import("@ds-mo/icons/svg/RewindSkip").then((o=>o.RewindSkip)),RewindSkipFilled:()=>import("@ds-mo/icons/svg/RewindSkipFilled").then((o=>o.RewindSkipFilled)),RightCollapse:()=>import("@ds-mo/icons/svg/RightCollapse").then((o=>o.RightCollapse)),RightCollapseB:()=>import("@ds-mo/icons/svg/RightCollapseB").then((o=>o.RightCollapseB)),RightExpand:()=>import("@ds-mo/icons/svg/RightExpand").then((o=>o.RightExpand)),RightExpandB:()=>import("@ds-mo/icons/svg/RightExpandB").then((o=>o.RightExpandB)),RightTurnSignal:()=>import("@ds-mo/icons/svg/RightTurnSignal").then((o=>o.RightTurnSignal)),Rotate:()=>import("@ds-mo/icons/svg/Rotate").then((o=>o.Rotate)),Satellite:()=>import("@ds-mo/icons/svg/Satellite").then((o=>o.Satellite)),Scan:()=>import("@ds-mo/icons/svg/Scan").then((o=>o.Scan)),Scissor:()=>import("@ds-mo/icons/svg/Scissor").then((o=>o.Scissor)),Scope:()=>import("@ds-mo/icons/svg/Scope").then((o=>o.Scope)),Seatbelt:()=>import("@ds-mo/icons/svg/Seatbelt").then((o=>o.Seatbelt)),SeatbeltBuckle:()=>import("@ds-mo/icons/svg/SeatbeltBuckle").then((o=>o.SeatbeltBuckle)),Shapes:()=>import("@ds-mo/icons/svg/Shapes").then((o=>o.Shapes)),ShareCircles:()=>import("@ds-mo/icons/svg/ShareCircles").then((o=>o.ShareCircles)),ShareCirclesFilled:()=>import("@ds-mo/icons/svg/ShareCirclesFilled").then((o=>o.ShareCirclesFilled)),SharePaperplane:()=>import("@ds-mo/icons/svg/SharePaperplane").then((o=>o.SharePaperplane)),Shield:()=>import("@ds-mo/icons/svg/Shield").then((o=>o.Shield)),ShieldCheck:()=>import("@ds-mo/icons/svg/ShieldCheck").then((o=>o.ShieldCheck)),ShieldCheckmarkFilled:()=>import("@ds-mo/icons/svg/ShieldCheckmarkFilled").then((o=>o.ShieldCheckmarkFilled)),ShieldCircle:()=>import("@ds-mo/icons/svg/ShieldCircle").then((o=>o.ShieldCircle)),ShieldCircleFilled:()=>import("@ds-mo/icons/svg/ShieldCircleFilled").then((o=>o.ShieldCircleFilled)),ShieldCross:()=>import("@ds-mo/icons/svg/ShieldCross").then((o=>o.ShieldCross)),ShieldCrossFilled:()=>import("@ds-mo/icons/svg/ShieldCrossFilled").then((o=>o.ShieldCrossFilled)),ShieldFilled:()=>import("@ds-mo/icons/svg/ShieldFilled").then((o=>o.ShieldFilled)),ShieldLock:()=>import("@ds-mo/icons/svg/ShieldLock").then((o=>o.ShieldLock)),ShieldLockFilled:()=>import("@ds-mo/icons/svg/ShieldLockFilled").then((o=>o.ShieldLockFilled)),ShoppingBag:()=>import("@ds-mo/icons/svg/ShoppingBag").then((o=>o.ShoppingBag)),Snowflake:()=>import("@ds-mo/icons/svg/Snowflake").then((o=>o.Snowflake)),SpeakerPhone:()=>import("@ds-mo/icons/svg/SpeakerPhone").then((o=>o.SpeakerPhone)),SpeedometerArrow:()=>import("@ds-mo/icons/svg/SpeedometerArrow").then((o=>o.SpeedometerArrow)),SpeedometerLeft:()=>import("@ds-mo/icons/svg/SpeedometerLeft").then((o=>o.SpeedometerLeft)),SpeedometerRight:()=>import("@ds-mo/icons/svg/SpeedometerRight").then((o=>o.SpeedometerRight)),SpikeCirclePercentage:()=>import("@ds-mo/icons/svg/SpikeCirclePercentage").then((o=>o.SpikeCirclePercentage)),SpikeCirclePercentageFilled:()=>import("@ds-mo/icons/svg/SpikeCirclePercentageFilled").then((o=>o.SpikeCirclePercentageFilled)),Square:()=>import("@ds-mo/icons/svg/Square").then((o=>o.Square)),SquareArrowTopRight:()=>import("@ds-mo/icons/svg/SquareArrowTopRight").then((o=>o.SquareArrowTopRight)),SquareCheck:()=>import("@ds-mo/icons/svg/SquareCheck").then((o=>o.SquareCheck)),SquareCheckFilled:()=>import("@ds-mo/icons/svg/SquareCheckFilled").then((o=>o.SquareCheckFilled)),SquareDollar:()=>import("@ds-mo/icons/svg/SquareDollar").then((o=>o.SquareDollar)),SquareDollarFilled:()=>import("@ds-mo/icons/svg/SquareDollarFilled").then((o=>o.SquareDollarFilled)),SquareDottedMinus:()=>import("@ds-mo/icons/svg/SquareDottedMinus").then((o=>o.SquareDottedMinus)),SquareFilled:()=>import("@ds-mo/icons/svg/SquareFilled").then((o=>o.SquareFilled)),SquareGrid:()=>import("@ds-mo/icons/svg/SquareGrid").then((o=>o.SquareGrid)),SquarePencil:()=>import("@ds-mo/icons/svg/SquarePencil").then((o=>o.SquarePencil)),SquarePlus:()=>import("@ds-mo/icons/svg/SquarePlus").then((o=>o.SquarePlus)),SquareSubtract:()=>import("@ds-mo/icons/svg/SquareSubtract").then((o=>o.SquareSubtract)),SquareSubtractFilled:()=>import("@ds-mo/icons/svg/SquareSubtractFilled").then((o=>o.SquareSubtractFilled)),Star:()=>import("@ds-mo/icons/svg/Star").then((o=>o.Star)),StarFilled:()=>import("@ds-mo/icons/svg/StarFilled").then((o=>o.StarFilled)),Stopwatch:()=>import("@ds-mo/icons/svg/Stopwatch").then((o=>o.Stopwatch)),Street:()=>import("@ds-mo/icons/svg/Street").then((o=>o.Street)),Subtract:()=>import("@ds-mo/icons/svg/Subtract").then((o=>o.Subtract)),SubtractCircle:()=>import("@ds-mo/icons/svg/SubtractCircle").then((o=>o.SubtractCircle)),SubtractCircleFilled:()=>import("@ds-mo/icons/svg/SubtractCircleFilled").then((o=>o.SubtractCircleFilled)),Table:()=>import("@ds-mo/icons/svg/Table").then((o=>o.Table)),Tag:()=>import("@ds-mo/icons/svg/Tag").then((o=>o.Tag)),Target:()=>import("@ds-mo/icons/svg/Target").then((o=>o.Target)),TargetDollar:()=>import("@ds-mo/icons/svg/TargetDollar").then((o=>o.TargetDollar)),Text:()=>import("@ds-mo/icons/svg/Text").then((o=>o.Text)),ThemeDark:()=>import("@ds-mo/icons/svg/ThemeDark").then((o=>o.ThemeDark)),ThemeLight:()=>import("@ds-mo/icons/svg/ThemeLight").then((o=>o.ThemeLight)),ThumbsDown:()=>import("@ds-mo/icons/svg/ThumbsDown").then((o=>o.ThumbsDown)),ThumbsDownFilled:()=>import("@ds-mo/icons/svg/ThumbsDownFilled").then((o=>o.ThumbsDownFilled)),ThumbsUp:()=>import("@ds-mo/icons/svg/ThumbsUp").then((o=>o.ThumbsUp)),ThumbsUpFilled:()=>import("@ds-mo/icons/svg/ThumbsUpFilled").then((o=>o.ThumbsUpFilled)),TirePressure:()=>import("@ds-mo/icons/svg/TirePressure").then((o=>o.TirePressure)),Toggle:()=>import("@ds-mo/icons/svg/Toggle").then((o=>o.Toggle)),TrafficLight:()=>import("@ds-mo/icons/svg/TrafficLight").then((o=>o.TrafficLight)),Trash:()=>import("@ds-mo/icons/svg/Trash").then((o=>o.Trash)),Trophy:()=>import("@ds-mo/icons/svg/Trophy").then((o=>o.Trophy)),TurnSignal:()=>import("@ds-mo/icons/svg/TurnSignal").then((o=>o.TurnSignal)),TurnSignalFilled:()=>import("@ds-mo/icons/svg/TurnSignalFilled").then((o=>o.TurnSignalFilled)),Undo:()=>import("@ds-mo/icons/svg/Undo").then((o=>o.Undo)),Upgrade:()=>import("@ds-mo/icons/svg/Upgrade").then((o=>o.Upgrade)),Upload:()=>import("@ds-mo/icons/svg/Upload").then((o=>o.Upload)),VehicleTrailer:()=>import("@ds-mo/icons/svg/VehicleTrailer").then((o=>o.VehicleTrailer)),VehicleTruck:()=>import("@ds-mo/icons/svg/VehicleTruck").then((o=>o.VehicleTruck)),VehicleTruckMagnifyingGlass:()=>import("@ds-mo/icons/svg/VehicleTruckMagnifyingGlass").then((o=>o.VehicleTruckMagnifyingGlass)),Video:()=>import("@ds-mo/icons/svg/Video").then((o=>o.Video)),ViewMenu:()=>import("@ds-mo/icons/svg/ViewMenu").then((o=>o.ViewMenu)),Volume:()=>import("@ds-mo/icons/svg/Volume").then((o=>o.Volume)),VolumeFilled:()=>import("@ds-mo/icons/svg/VolumeFilled").then((o=>o.VolumeFilled)),VolumeMute:()=>import("@ds-mo/icons/svg/VolumeMute").then((o=>o.VolumeMute)),VolumeMuteFilled:()=>import("@ds-mo/icons/svg/VolumeMuteFilled").then((o=>o.VolumeMuteFilled)),WandSparkle:()=>import("@ds-mo/icons/svg/WandSparkle").then((o=>o.WandSparkle)),Waveform:()=>import("@ds-mo/icons/svg/Waveform").then((o=>o.Waveform)),Webhooks:()=>import("@ds-mo/icons/svg/Webhooks").then((o=>o.Webhooks)),Whistle:()=>import("@ds-mo/icons/svg/Whistle").then((o=>o.Whistle)),WiFiHorizontal:()=>import("@ds-mo/icons/svg/WiFiHorizontal").then((o=>o.WiFiHorizontal)),WiFiTower:()=>import("@ds-mo/icons/svg/WiFiTower").then((o=>o.WiFiTower)),WifiVertical:()=>import("@ds-mo/icons/svg/WifiVertical").then((o=>o.WifiVertical)),WifiVerticalFilled:()=>import("@ds-mo/icons/svg/WifiVerticalFilled").then((o=>o.WifiVerticalFilled)),WifiVerticalFilledDisabled:()=>import("@ds-mo/icons/svg/WifiVerticalFilledDisabled").then((o=>o.WifiVerticalFilledDisabled)),WorkflowA:()=>import("@ds-mo/icons/svg/WorkflowA").then((o=>o.WorkflowA)),WorkflowB:()=>import("@ds-mo/icons/svg/WorkflowB").then((o=>o.WorkflowB)),Wrench:()=>import("@ds-mo/icons/svg/Wrench").then((o=>o.Wrench)),ZoomBackOut:()=>import("@ds-mo/icons/svg/ZoomBackOut").then((o=>o.ZoomBackOut))};const d=new Set(["script","foreignobject","iframe","object","embed","animation"]);function a(o){if(d.has(o.localName.toLowerCase()))return false;for(const i of o.getAttributeNames()){const s=i.toLowerCase();if(s.startsWith("on"))return false;if(s==="href"||s==="xlink:href"){const s=o.getAttribute(i)??"";if(!s.startsWith("#"))return false}}for(let i=0;i<o.children.length;i++){if(!a(o.children[i]))return false}return true}function g(o){return o!=null&&o.localName==="svg"&&a(o)}function p(o){if(typeof DOMParser==="undefined")return null;const i=(new DOMParser).parseFromString(o,"image/svg+xml");if(i.querySelector("parsererror"))return null;const s=i.documentElement;if(!g(s))return null;return i.documentElement}const v=()=>`.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 u=o(class o extends i{constructor(o){super();if(o!==false){this.__registerHost()}this.name="";this.size="md";this.flag=false;this.svg="";this.loadToken=0;this.renderedSvg=null}resolveSvg(){const o=this.flag;const i=c(this.name,o);const s=++this.loadToken;const r=t().get(i);if(r!==undefined){this.svg=r;return}const n=o?m:l;const e=Object.prototype.hasOwnProperty.call(n,this.name)?n[this.name]:undefined;if(!e){this.svg="";return}e().then((o=>{t().set(i,o);if(s===this.loadToken)this.svg=o})).catch((()=>{if(s===this.loadToken)this.svg=""}))}componentWillLoad(){this.resolveSvg()}updateSvg(){const o=this.el.querySelector(".icon__svg");if(!o)return;if(this.svg===this.renderedSvg)return;this.renderedSvg=this.svg;const i=this.svg?p(this.svg):null;if(!i){o.replaceChildren();return}i.removeAttribute("width");i.removeAttribute("height");i.setAttribute("focusable","false");i.setAttribute("aria-hidden","true");i.style.display="block";i.style.flexShrink="0";i.style.width="100%";i.style.height="100%";o.replaceChildren(i)}onIconChange(){this.resolveSvg()}componentDidRender(){this.updateSvg()}render(){const o=typeof this.color==="string"&&this.color.startsWith("var(--");const i={icon:true,[`icon--size-${this.size}`]:true,[`icon--color-${this.color}`]:!!this.color&&!o&&this.color!=="inherit","icon--color-inherit":this.color==="inherit"};const n=o?{color:this.color}:undefined;return s(r,{key:"18dec346ded243f756c57917a817c72c5050ebc0",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},s("span",{key:"801da53b5d287a702efd8a75b99b2cf01121610a",class:i,style:n,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},s("span",{key:"49422689b535bcc9173aa83f10f56a2789a1af56",class:"icon__svg"})))}get el(){return this}static get watchers(){return{name:[{onIconChange:0}],flag:[{onIconChange:0}]}}static get style(){return v()}},[2,"ds-icon",{name:[1],size:[1],color:[1],label:[1],flag:[4],svg:[32]},undefined,{name:[{onIconChange:0}],flag:[{onIconChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const o=["ds-icon"];o.forEach((o=>{switch(o){case"ds-icon":if(!customElements.get(n(o))){customElements.define(n(o),u)}break}}))}h();export{u as I,h as d};
|
|
2
|
+
//# sourceMappingURL=p-B7HWSpyT.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as e,h as o,a as r,t as n}from"./index.js";const s=()=>`.text.sc-ds-text{margin:0}.text--truncate-1.sc-ds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--truncate-2.sc-ds-text,.text--truncate-3.sc-ds-text,.text--truncate-4.sc-ds-text,.text--truncate-5.sc-ds-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.text--truncate-2.sc-ds-text{-webkit-line-clamp:2}.text--truncate-3.sc-ds-text{-webkit-line-clamp:3}.text--truncate-4.sc-ds-text{-webkit-line-clamp:4}.text--truncate-5.sc-ds-text{-webkit-line-clamp:5}.text--nowrap.sc-ds-text{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.text--balance.sc-ds-text{text-wrap:balance}.text--pretty.sc-ds-text{text-wrap:pretty}.text--color-primary.sc-ds-text{color:var(--color-foreground-primary)}.text--color-secondary.sc-ds-text{color:var(--color-foreground-secondary)}.text--color-tertiary.sc-ds-text{color:var(--color-foreground-tertiary)}.text--color-brand.sc-ds-text{color:var(--color-foreground-bold-brand)}.text--color-negative.sc-ds-text{color:var(--color-foreground-bold-negative)}.text--color-positive.sc-ds-text{color:var(--color-foreground-bold-positive)}.text--color-warning.sc-ds-text{color:var(--color-foreground-bold-warning)}.text--color-caution.sc-ds-text{color:var(--color-foreground-bold-caution)}.text--color-ai.sc-ds-text{color:var(--color-foreground-bold-ai)}.text--color-on-strong.sc-ds-text{color:var(--color-foreground-on-strong-background-primary)}.text--color-on-bold.sc-ds-text{color:var(--color-foreground-on-bold-background-primary)}.text--color-inherit.sc-ds-text{color:inherit}.text--decoration-underline.sc-ds-text{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.text--decoration-dotted-underline.sc-ds-text{text-decoration:underline dotted;text-underline-offset:2px;text-decoration-thickness:1px}.text--italic.sc-ds-text{font-style:italic}.text--font-feature-tabular-nums.sc-ds-text{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.text--align-left.sc-ds-text{text-align:left}.text--align-center.sc-ds-text{text-align:center}.text--align-right.sc-ds-text{text-align:right}`;const i=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.variant="text-body-medium";this.italic=false;this.lineTruncation="none";this.fontFeature="normal";this.as="p"}render(){const t=this.as;const e=t=>typeof t==="string"&&t.startsWith("var(--");const n={[this.variant]:true,text:true,"text--nowrap":this.wrap==="nowrap","text--balance":this.wrap==="balance","text--pretty":this.wrap==="pretty","text--truncate-1":this.lineTruncation===1&&this.wrap!=="nowrap","text--truncate-2":this.lineTruncation===2&&this.wrap!=="nowrap","text--truncate-3":this.lineTruncation===3&&this.wrap!=="nowrap","text--truncate-4":this.lineTruncation===4&&this.wrap!=="nowrap","text--truncate-5":this.lineTruncation===5&&this.wrap!=="nowrap","text--color-primary":this.color==="primary","text--color-secondary":this.color==="secondary","text--color-tertiary":this.color==="tertiary","text--color-brand":this.color==="brand","text--color-negative":this.color==="negative","text--color-positive":this.color==="positive","text--color-warning":this.color==="warning","text--color-caution":this.color==="caution","text--color-ai":this.color==="ai","text--color-on-strong":this.color==="on-strong","text--color-on-bold":this.color==="on-bold","text--color-inherit":this.color==="inherit","text--decoration-underline":this.decoration==="underline","text--decoration-dotted-underline":this.decoration==="dotted-underline","text--italic":this.italic,"text--align-left":this.align==="left","text--align-center":this.align==="center","text--align-right":this.align==="right","text--font-feature-tabular-nums":this.fontFeature==="tabular-nums"};const s=this.color&&e(this.color)?{color:this.color}:undefined;const i={};if(this.as==="label"&&this.for)i["for"]=this.for;return o(r,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as t,H as e,h as o,a as r,t as n}from"./index.js";const s=()=>`.text.sc-ds-text{margin:0}.text--truncate-1.sc-ds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--truncate-2.sc-ds-text,.text--truncate-3.sc-ds-text,.text--truncate-4.sc-ds-text,.text--truncate-5.sc-ds-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-word}.text--truncate-2.sc-ds-text{-webkit-line-clamp:2}.text--truncate-3.sc-ds-text{-webkit-line-clamp:3}.text--truncate-4.sc-ds-text{-webkit-line-clamp:4}.text--truncate-5.sc-ds-text{-webkit-line-clamp:5}.text--nowrap.sc-ds-text{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.text--balance.sc-ds-text{text-wrap:balance}.text--pretty.sc-ds-text{text-wrap:pretty}.text--color-primary.sc-ds-text{color:var(--color-foreground-primary)}.text--color-secondary.sc-ds-text{color:var(--color-foreground-secondary)}.text--color-tertiary.sc-ds-text{color:var(--color-foreground-tertiary)}.text--color-brand.sc-ds-text{color:var(--color-foreground-bold-brand)}.text--color-negative.sc-ds-text{color:var(--color-foreground-bold-negative)}.text--color-positive.sc-ds-text{color:var(--color-foreground-bold-positive)}.text--color-warning.sc-ds-text{color:var(--color-foreground-bold-warning)}.text--color-caution.sc-ds-text{color:var(--color-foreground-bold-caution)}.text--color-ai.sc-ds-text{color:var(--color-foreground-bold-ai)}.text--color-on-strong.sc-ds-text{color:var(--color-foreground-on-strong-background-primary)}.text--color-on-bold.sc-ds-text{color:var(--color-foreground-on-bold-background-primary)}.text--color-inherit.sc-ds-text{color:inherit}.text--decoration-underline.sc-ds-text{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.text--decoration-dotted-underline.sc-ds-text{text-decoration:underline dotted;text-underline-offset:2px;text-decoration-thickness:1px}.text--italic.sc-ds-text{font-style:italic}.text--font-feature-tabular-nums.sc-ds-text{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.text--align-left.sc-ds-text{text-align:left}.text--align-center.sc-ds-text{text-align:center}.text--align-right.sc-ds-text{text-align:right}`;const i=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.variant="text-body-medium";this.italic=false;this.lineTruncation="none";this.fontFeature="normal";this.as="p"}render(){const t=this.as;const e=t=>typeof t==="string"&&t.startsWith("var(--");const n={[this.variant]:true,text:true,"text--nowrap":this.wrap==="nowrap","text--balance":this.wrap==="balance","text--pretty":this.wrap==="pretty","text--truncate-1":this.lineTruncation===1&&this.wrap!=="nowrap","text--truncate-2":this.lineTruncation===2&&this.wrap!=="nowrap","text--truncate-3":this.lineTruncation===3&&this.wrap!=="nowrap","text--truncate-4":this.lineTruncation===4&&this.wrap!=="nowrap","text--truncate-5":this.lineTruncation===5&&this.wrap!=="nowrap","text--color-primary":this.color==="primary","text--color-secondary":this.color==="secondary","text--color-tertiary":this.color==="tertiary","text--color-brand":this.color==="brand","text--color-negative":this.color==="negative","text--color-positive":this.color==="positive","text--color-warning":this.color==="warning","text--color-caution":this.color==="caution","text--color-ai":this.color==="ai","text--color-on-strong":this.color==="on-strong","text--color-on-bold":this.color==="on-bold","text--color-inherit":this.color==="inherit","text--decoration-underline":this.decoration==="underline","text--decoration-dotted-underline":this.decoration==="dotted-underline","text--italic":this.italic,"text--align-left":this.align==="left","text--align-center":this.align==="center","text--align-right":this.align==="right","text--font-feature-tabular-nums":this.fontFeature==="tabular-nums"};const s=this.color&&e(this.color)?{color:this.color}:undefined;const i={};if(this.as==="label"&&this.for)i["for"]=this.for;return o(r,{key:"cad0bb158a70cd69d96dbc5ad7523c046ed6d83f",style:{display:"contents"}},o(t,{key:"2ef20b45ea70ed84a26b93294904cfa18bcc111d",class:n,style:s,...i},o("slot",{key:"26066c9e8cf28156f31c3c0370dab61db35d5aba"})))}static get style(){return s()}},[262,"ds-text",{variant:[1],color:[1],decoration:[1],italic:[4],align:[1],lineTruncation:[8,"line-truncation"],wrap:[1],fontFeature:[1,"font-feature"],as:[1],for:[1]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-text"];t.forEach((t=>{switch(t){case"ds-text":if(!customElements.get(n(t))){customElements.define(n(t),i)}break}}))}c();export{i as T,c as d};
|
|
2
|
+
//# sourceMappingURL=p-BGZjpSXm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as o,H as r,c as t,h as s,a,t as n}from"./index.js";import{g as i,i as e}from"./p-BQq26pt9.js";import{d}from"./p-BOpHKDOG.js";const c=()=>`.sc-ds-tab-group-nav-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-tab-group-nav:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-tab-group-nav{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-tab-group-nav:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-tab-group-nav:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-tab-group-nav{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-tab-group-nav::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.sc-ds-tab-group-nav-h{display:block}.tab-list.sc-ds-tab-group-nav{display:flex;align-items:center;gap:var(--dimension-space-050);position:relative}.tab-list--vertical.sc-ds-tab-group-nav{flex-direction:column;align-items:stretch}.tab.sc-ds-tab-group-nav{display:flex;align-items:center;justify-content:center;gap:var(--dimension-space-050);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-secondary);position:relative;transition:color var(--effect-motion-short-2);flex-shrink:0;height:var(--dimension-size-400);min-width: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)}.tab.sc-ds-tab-group-nav::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025, 2px);background:transparent;pointer-events:none;transition:none}.tab.sc-ds-tab-group-nav:hover::after{background:var(--_hover-bg);transition:none}.tab.sc-ds-tab-group-nav:active::after{background:var(--_pressed-bg);transition:none}.tab--selected.sc-ds-tab-group-nav{color:var(--color-foreground-primary)}.tab.sc-ds-tab-group-nav:disabled,.tab[aria-disabled="true"].sc-ds-tab-group-nav{opacity:0.5;cursor:not-allowed;pointer-events:none}.tab-list--vertical.sc-ds-tab-group-nav .tab.sc-ds-tab-group-nav{justify-content:flex-start}.tab__label.sc-ds-tab-group-nav{position:relative;display:inline-flex;align-items:center;padding:0 var(--dimension-space-025);white-space:nowrap}.tab__label--dot.sc-ds-tab-group-nav{padding-right:calc(var(--dimension-space-025) + var(--dimension-space-050))}.tab__dot.sc-ds-tab-group-nav{position:absolute;top:0;right:0;pointer-events:none}.on-medium.sc-ds-tab-group-nav{--_hover-bg:var(--color-interaction-on-medium-background-hover);--_pressed-bg:var(--color-interaction-on-medium-background-pressed);--_dot-ring:var(--color-background-medium-neutral);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.on-bold.sc-ds-tab-group-nav{--_hover-bg:var(--color-interaction-on-bold-background-hover);--_pressed-bg:var(--color-interaction-on-bold-background-pressed);--_dot-ring:var(--color-background-bold-neutral);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus);color:var(--color-foreground-on-bold-background-secondary)}.on-bold.tab--selected.sc-ds-tab-group-nav{color:var(--color-foreground-on-bold-background-primary)}.on-strong.sc-ds-tab-group-nav{--_hover-bg:var(--color-interaction-on-strong-background-hover);--_pressed-bg:var(--color-interaction-on-strong-background-pressed);--_dot-ring:var(--color-background-strong-neutral);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus);color:var(--color-foreground-on-bold-background-secondary)}.on-strong.tab--selected.sc-ds-tab-group-nav{color:var(--color-foreground-on-bold-background-primary)}.on-always-dark.sc-ds-tab-group-nav{--_hover-bg:var(--color-always-dark-interaction-hover);--_pressed-bg:var(--color-always-dark-interaction-pressed);--_dot-ring:var(--color-always-dark-background);--ds-focus-ring-color:var(--color-always-dark-interaction-focus);color:var(--color-always-dark-foreground-secondary)}.on-always-dark.tab--selected.sc-ds-tab-group-nav{color:var(--color-always-dark-foreground-primary)}.on-navigation.sc-ds-tab-group-nav{color:var(--color-navigation-foreground-secondary);--_hover-bg:var(--color-navigation-interaction-hover);--_pressed-bg:var(--color-navigation-interaction-pressed);--_dot:var(--color-navigation-foreground-brand);--_dot-ring:var(--color-navigation-background);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.on-navigation.tab--selected.sc-ds-tab-group-nav{color:var(--color-navigation-foreground-primary)}.tab-list--on-navigation.sc-ds-tab-group-nav .tab-divider__line.sc-ds-tab-group-nav{background-color:var(--color-navigation-border-tertiary)}.tab-divider.sc-ds-tab-group-nav{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-space-100);height:var(--dimension-size-400);padding-block:var(--dimension-space-075);flex-shrink:0;pointer-events:none}.tab-divider__line.sc-ds-tab-group-nav{width:var(--dimension-stroke-width-012);align-self:stretch;background-color:var(--color-border-secondary)}.tab-divider--vertical.sc-ds-tab-group-nav{width:auto;height:var(--dimension-space-100);align-self:stretch;padding-block:0;padding-inline:var(--dimension-space-075)}.tab-divider--vertical.sc-ds-tab-group-nav .tab-divider__line.sc-ds-tab-group-nav{width:auto;height:var(--dimension-stroke-width-012);align-self:stretch}`;const l=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.dsChange=t(this,"dsChange");this.dsRovingExit=t(this,"dsRovingExit");this.value="";this.tabs=[];this.orientation="horizontal";this.selectionFollowsFocus=true;this.rovingEnabled=true;this.focusedTabId=""}get selectableTabs(){return i(this.tabs)}componentWillLoad(){this.syncFocusedTabId(this.value)}onValueChange(o,r){if(!this.selectionFollowsFocus){if(r===undefined||o!==this.focusedTabId){this.syncFocusedTabId(o)}return}if(r===undefined||o===r)return;requestAnimationFrame((()=>{const r=document.activeElement;if(!r||!this.el.contains(r))return;const t=r.getAttribute("data-tab-id");if(t===o)return;const s=this.el.querySelector(`[data-tab-id="${o}"]`);if(s){s.focus({preventScroll:true})}else{r.blur()}}))}onTabsChange(){if(!this.selectableTabs.some((o=>o.id===this.focusedTabId))){this.syncFocusedTabId(this.value)}}async focusTab(o){this.focusedTabId=o;const r=this.el.querySelector(`[data-tab-id="${o}"]`);r?.focus({preventScroll:true})}async focusLastTab(){const o=this.selectableTabs;const r=[...o].reverse().find((o=>!o.disabled));if(r)await this.focusTab(r.id)}async focusFirstTab(){const o=this.selectableTabs.find((o=>!o.disabled));if(o)await this.focusTab(o.id)}syncFocusedTabId(o){const r=this.selectableTabs;if(r.some((r=>r.id===o&&!r.disabled))){this.focusedTabId=o;return}const t=r.find((o=>!o.disabled));this.focusedTabId=t?.id??""}selectTab(o,r){this.value=o;this.focusedTabId=o;this.dsChange.emit(o);if(r?.focus!==false){void this.focusTab(o)}}getFocusedIndex(){return this.selectableTabs.findIndex((o=>o.id===this.focusedTabId))}findEnabledLinear(o,r){const t=this.selectableTabs;for(let s=o+r;s>=0&&s<t.length;s+=r){if(!t[s]?.disabled)return s}return null}findEnabled(o,r){const t=this.selectableTabs;const s=t.length;for(let a=0;a<s;a++){const n=(o+r*(a+1)+s*(a+1))%s;if(!t[n]?.disabled)return n}return o}moveFocusToIndex(o){const r=this.selectableTabs[o];if(!r)return;this.focusedTabId=r.id;void this.focusTab(r.id)}activateFocusedTab(o){if(o.key!=="Enter"&&o.key!==" ")return;const r=this.selectableTabs.find((o=>o.id===this.focusedTabId));if(!r||r.disabled)return;o.preventDefault();this.selectTab(r.id,{focus:true})}handleKeyDown(o){const r=this.selectableTabs;if(!r.length)return;if(!this.selectionFollowsFocus){if(o.key==="Enter"||o.key===" "){this.activateFocusedTab(o);return}}const t=this.selectionFollowsFocus?r.findIndex((o=>o.id===this.value)):this.getFocusedIndex();if(t<0)return;const s=this.orientation==="vertical";let a=null;let n=null;if(!s){if(o.key==="ArrowRight"){if(this.selectionFollowsFocus){a=this.findEnabled(t,1)}else{const o=this.findEnabledLinear(t,1);if(o===null)n="end";else a=o}}else if(o.key==="ArrowLeft"){if(this.selectionFollowsFocus){a=this.findEnabled(t,-1)}else{const o=this.findEnabledLinear(t,-1);if(o===null)n="start";else a=o}}}else{if(o.key==="ArrowDown"){if(this.selectionFollowsFocus){a=this.findEnabled(t,1)}else{const o=this.findEnabledLinear(t,1);if(o===null)n="end";else a=o}}else if(o.key==="ArrowUp"){if(this.selectionFollowsFocus){a=this.findEnabled(t,-1)}else{const o=this.findEnabledLinear(t,-1);if(o===null)n="start";else a=o}}}if(o.key==="Home"){const o=r.findIndex((o=>!o.disabled));a=o===-1?null:o}else if(o.key==="End"){const o=[...r].reverse().findIndex((o=>!o.disabled));a=o===-1?null:r.length-1-o}if(n){o.preventDefault();this.dsRovingExit.emit(n);return}if(a!==null&&a!==t){o.preventDefault();const t=r[a];if(this.selectionFollowsFocus){this.selectTab(t.id)}else{this.moveFocusToIndex(a)}}}getBgClass(){if(!this.background||this.background==="faint")return"";if(this.background==="always-dark")return"on-always-dark";if(this.background==="navigation")return"on-navigation";return`on-${this.background}`}tabIndexForTab(o){if(!this.rovingEnabled)return-1;if(this.selectionFollowsFocus){return o.id===this.value?0:-1}return o.id===this.focusedTabId?0:-1}render(){const o=this.getBgClass();const r=this.orientation==="vertical";const t=this.background==="navigation";return s(a,{key:"a4b4621dd60ff2fb211ac5b41ddb51f82305a579",class:"tab-group-nav-host"},s("div",{key:"8cf7877266440461560b976dc198902a3b3a08e9",role:"tablist",class:{"tab-list":true,"tab-list--vertical":r,"tab-list--on-navigation":t},"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-orientation":r?"vertical":undefined},this.tabs.map(((t,a)=>{if(e(t)){return s("div",{key:`divider-${a}`,class:{"tab-divider":true,"tab-divider--vertical":r},"aria-hidden":"true"},s("div",{class:"tab-divider__line"}))}const n=t.id===this.value;return s("button",{key:t.id,type:"button",role:"tab","data-tab-id":t.id,class:{tab:true,"tab--selected":n,"ds-focus-ring-inset":true,[o]:!!o},"aria-selected":n,"aria-disabled":t.disabled||undefined,"aria-controls":t.panelId??undefined,disabled:t.disabled,tabIndex:this.tabIndexForTab(t),onClick:()=>!t.disabled&&this.selectTab(t.id),onFocus:()=>{if(!this.selectionFollowsFocus){this.focusedTabId=t.id}}},s("span",{class:{tab__label:true,"tab__label--dot":!!t.dot,[n?"text-body-medium-emphasis":"text-body-medium"]:true}},t.label,t.dot&&s("ds-badge",{class:"tab__dot",variant:"dot",background:"var(--_dot-ring)",label:"","aria-hidden":"true"})))}))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],tabs:[{onTabsChange:0}]}}static get style(){return c()}},[2,"ds-tab-group-nav",{value:[1025],tabs:[16],background:[1],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],orientation:[1],selectionFollowsFocus:[4,"selection-follows-focus"],rovingEnabled:[4,"roving-enabled"],focusedTabId:[32],focusTab:[64],focusLastTab:[64],focusFirstTab:[64]},[[0,"keydown","handleKeyDown"]],{value:[{onValueChange:0}],tabs:[{onTabsChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const o=["ds-tab-group-nav","ds-badge"];o.forEach((o=>{switch(o){case"ds-tab-group-nav":if(!customElements.get(n(o))){customElements.define(n(o),l)}break;case"ds-badge":if(!customElements.get(n(o))){d()}break}}))}u();export{l as T,u as d};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as o,H as r,c as t,h as s,a,t as n}from"./index.js";import{g as i,i as e}from"./p-BQq26pt9.js";import{d}from"./p-EK1hOP19.js";const c=()=>`.sc-ds-tab-group-nav-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-tab-group-nav:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-tab-group-nav{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-tab-group-nav:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-tab-group-nav:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-tab-group-nav{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-tab-group-nav::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.sc-ds-tab-group-nav-h{display:block}.tab-list.sc-ds-tab-group-nav{display:flex;align-items:center;gap:var(--dimension-space-050);position:relative}.tab-list--vertical.sc-ds-tab-group-nav{flex-direction:column;align-items:stretch}.tab.sc-ds-tab-group-nav{display:flex;align-items:center;justify-content:center;gap:var(--dimension-space-050);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-secondary);position:relative;transition:color var(--effect-motion-short-2);flex-shrink:0;height:var(--dimension-size-400);min-width: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)}.tab.sc-ds-tab-group-nav::after{content:'';position:absolute;inset:0;border-radius:var(--dimension-radius-025, 2px);background:transparent;pointer-events:none;transition:none}.tab.sc-ds-tab-group-nav:hover::after{background:var(--_hover-bg);transition:none}.tab.sc-ds-tab-group-nav:active::after{background:var(--_pressed-bg);transition:none}.tab--selected.sc-ds-tab-group-nav{color:var(--color-foreground-primary)}.tab.sc-ds-tab-group-nav:disabled,.tab[aria-disabled="true"].sc-ds-tab-group-nav{opacity:0.5;cursor:not-allowed;pointer-events:none}.tab-list--vertical.sc-ds-tab-group-nav .tab.sc-ds-tab-group-nav{justify-content:flex-start}.tab__label.sc-ds-tab-group-nav{position:relative;display:inline-flex;align-items:center;padding:0 var(--dimension-space-025);white-space:nowrap}.tab__label--dot.sc-ds-tab-group-nav{padding-right:calc(var(--dimension-space-025) + var(--dimension-space-050))}.tab__dot.sc-ds-tab-group-nav{position:absolute;top:0;right:0;pointer-events:none}.on-medium.sc-ds-tab-group-nav{--_hover-bg:var(--color-interaction-on-medium-background-hover);--_pressed-bg:var(--color-interaction-on-medium-background-pressed);--_dot-ring:var(--color-background-medium-neutral);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.on-bold.sc-ds-tab-group-nav{--_hover-bg:var(--color-interaction-on-bold-background-hover);--_pressed-bg:var(--color-interaction-on-bold-background-pressed);--_dot-ring:var(--color-background-bold-neutral);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus);color:var(--color-foreground-on-bold-background-secondary)}.on-bold.tab--selected.sc-ds-tab-group-nav{color:var(--color-foreground-on-bold-background-primary)}.on-strong.sc-ds-tab-group-nav{--_hover-bg:var(--color-interaction-on-strong-background-hover);--_pressed-bg:var(--color-interaction-on-strong-background-pressed);--_dot-ring:var(--color-background-strong-neutral);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus);color:var(--color-foreground-on-bold-background-secondary)}.on-strong.tab--selected.sc-ds-tab-group-nav{color:var(--color-foreground-on-bold-background-primary)}.on-always-dark.sc-ds-tab-group-nav{--_hover-bg:var(--color-always-dark-interaction-hover);--_pressed-bg:var(--color-always-dark-interaction-pressed);--_dot-ring:var(--color-always-dark-background);--ds-focus-ring-color:var(--color-always-dark-interaction-focus);color:var(--color-always-dark-foreground-secondary)}.on-always-dark.tab--selected.sc-ds-tab-group-nav{color:var(--color-always-dark-foreground-primary)}.on-navigation.sc-ds-tab-group-nav{color:var(--color-navigation-foreground-secondary);--_hover-bg:var(--color-navigation-interaction-hover);--_pressed-bg:var(--color-navigation-interaction-pressed);--_dot:var(--color-navigation-foreground-brand);--_dot-ring:var(--color-navigation-background);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.on-navigation.tab--selected.sc-ds-tab-group-nav{color:var(--color-navigation-foreground-primary)}.tab-list--on-navigation.sc-ds-tab-group-nav .tab-divider__line.sc-ds-tab-group-nav{background-color:var(--color-navigation-border-tertiary)}.tab-divider.sc-ds-tab-group-nav{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dimension-space-100);height:var(--dimension-size-400);padding-block:var(--dimension-space-075);flex-shrink:0;pointer-events:none}.tab-divider__line.sc-ds-tab-group-nav{width:var(--dimension-stroke-width-012);align-self:stretch;background-color:var(--color-border-secondary)}.tab-divider--vertical.sc-ds-tab-group-nav{width:auto;height:var(--dimension-space-100);align-self:stretch;padding-block:0;padding-inline:var(--dimension-space-075)}.tab-divider--vertical.sc-ds-tab-group-nav .tab-divider__line.sc-ds-tab-group-nav{width:auto;height:var(--dimension-stroke-width-012);align-self:stretch}`;const l=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.dsChange=t(this,"dsChange");this.dsRovingExit=t(this,"dsRovingExit");this.value="";this.tabs=[];this.orientation="horizontal";this.selectionFollowsFocus=true;this.rovingEnabled=true;this.focusedTabId=""}get selectableTabs(){return i(this.tabs)}componentWillLoad(){this.syncFocusedTabId(this.value)}onValueChange(o,r){if(!this.selectionFollowsFocus){if(r===undefined||o!==this.focusedTabId){this.syncFocusedTabId(o)}return}if(r===undefined||o===r)return;requestAnimationFrame((()=>{const r=document.activeElement;if(!r||!this.el.contains(r))return;const t=r.getAttribute("data-tab-id");if(t===o)return;const s=this.el.querySelector(`[data-tab-id="${o}"]`);if(s){s.focus({preventScroll:true})}else{r.blur()}}))}onTabsChange(){if(!this.selectableTabs.some((o=>o.id===this.focusedTabId))){this.syncFocusedTabId(this.value)}}async focusTab(o){this.focusedTabId=o;const r=this.el.querySelector(`[data-tab-id="${o}"]`);r?.focus({preventScroll:true})}async focusLastTab(){const o=this.selectableTabs;const r=[...o].reverse().find((o=>!o.disabled));if(r)await this.focusTab(r.id)}async focusFirstTab(){const o=this.selectableTabs.find((o=>!o.disabled));if(o)await this.focusTab(o.id)}syncFocusedTabId(o){const r=this.selectableTabs;if(r.some((r=>r.id===o&&!r.disabled))){this.focusedTabId=o;return}const t=r.find((o=>!o.disabled));this.focusedTabId=t?.id??""}selectTab(o,r){this.value=o;this.focusedTabId=o;this.dsChange.emit(o);if(r?.focus!==false){void this.focusTab(o)}}getFocusedIndex(){return this.selectableTabs.findIndex((o=>o.id===this.focusedTabId))}findEnabledLinear(o,r){const t=this.selectableTabs;for(let s=o+r;s>=0&&s<t.length;s+=r){if(!t[s]?.disabled)return s}return null}findEnabled(o,r){const t=this.selectableTabs;const s=t.length;for(let a=0;a<s;a++){const n=(o+r*(a+1)+s*(a+1))%s;if(!t[n]?.disabled)return n}return o}moveFocusToIndex(o){const r=this.selectableTabs[o];if(!r)return;this.focusedTabId=r.id;void this.focusTab(r.id)}activateFocusedTab(o){if(o.key!=="Enter"&&o.key!==" ")return;const r=this.selectableTabs.find((o=>o.id===this.focusedTabId));if(!r||r.disabled)return;o.preventDefault();this.selectTab(r.id,{focus:true})}handleKeyDown(o){const r=this.selectableTabs;if(!r.length)return;if(!this.selectionFollowsFocus){if(o.key==="Enter"||o.key===" "){this.activateFocusedTab(o);return}}const t=this.selectionFollowsFocus?r.findIndex((o=>o.id===this.value)):this.getFocusedIndex();if(t<0)return;const s=this.orientation==="vertical";let a=null;let n=null;if(!s){if(o.key==="ArrowRight"){if(this.selectionFollowsFocus){a=this.findEnabled(t,1)}else{const o=this.findEnabledLinear(t,1);if(o===null)n="end";else a=o}}else if(o.key==="ArrowLeft"){if(this.selectionFollowsFocus){a=this.findEnabled(t,-1)}else{const o=this.findEnabledLinear(t,-1);if(o===null)n="start";else a=o}}}else{if(o.key==="ArrowDown"){if(this.selectionFollowsFocus){a=this.findEnabled(t,1)}else{const o=this.findEnabledLinear(t,1);if(o===null)n="end";else a=o}}else if(o.key==="ArrowUp"){if(this.selectionFollowsFocus){a=this.findEnabled(t,-1)}else{const o=this.findEnabledLinear(t,-1);if(o===null)n="start";else a=o}}}if(o.key==="Home"){const o=r.findIndex((o=>!o.disabled));a=o===-1?null:o}else if(o.key==="End"){const o=[...r].reverse().findIndex((o=>!o.disabled));a=o===-1?null:r.length-1-o}if(n){o.preventDefault();this.dsRovingExit.emit(n);return}if(a!==null&&a!==t){o.preventDefault();const t=r[a];if(this.selectionFollowsFocus){this.selectTab(t.id)}else{this.moveFocusToIndex(a)}}}getBgClass(){if(!this.background||this.background==="faint")return"";if(this.background==="always-dark")return"on-always-dark";if(this.background==="navigation")return"on-navigation";return`on-${this.background}`}tabIndexForTab(o){if(!this.rovingEnabled)return-1;if(this.selectionFollowsFocus){return o.id===this.value?0:-1}return o.id===this.focusedTabId?0:-1}render(){const o=this.getBgClass();const r=this.orientation==="vertical";const t=this.background==="navigation";return s(a,{key:"2b0742785e0f3f3585bd7dd90fff829a2d19be18",class:"tab-group-nav-host"},s("div",{key:"18b6baa3bff4284d45d9515ca0a5107d108ae6ee",role:"tablist",class:{"tab-list":true,"tab-list--vertical":r,"tab-list--on-navigation":t},"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"aria-orientation":r?"vertical":undefined},this.tabs.map(((t,a)=>{if(e(t)){return s("div",{key:`divider-${a}`,class:{"tab-divider":true,"tab-divider--vertical":r},"aria-hidden":"true"},s("div",{class:"tab-divider__line"}))}const n=t.id===this.value;return s("button",{key:t.id,type:"button",role:"tab","data-tab-id":t.id,class:{tab:true,"tab--selected":n,"ds-focus-ring-inset":true,[o]:!!o},"aria-selected":n,"aria-disabled":t.disabled||undefined,"aria-controls":t.panelId??undefined,disabled:t.disabled,tabIndex:this.tabIndexForTab(t),onClick:()=>!t.disabled&&this.selectTab(t.id),onFocus:()=>{if(!this.selectionFollowsFocus){this.focusedTabId=t.id}}},s("span",{class:{tab__label:true,"tab__label--dot":!!t.dot,[n?"text-body-medium-emphasis":"text-body-medium"]:true}},t.label,t.dot&&s("ds-badge",{class:"tab__dot",variant:"dot",background:"var(--_dot-ring)",label:"","aria-hidden":"true"})))}))))}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],tabs:[{onTabsChange:0}]}}static get style(){return c()}},[2,"ds-tab-group-nav",{value:[1025],tabs:[16],background:[1],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],orientation:[1],selectionFollowsFocus:[4,"selection-follows-focus"],rovingEnabled:[4,"roving-enabled"],focusedTabId:[32],focusTab:[64],focusLastTab:[64],focusFirstTab:[64]},[[0,"keydown","handleKeyDown"]],{value:[{onValueChange:0}],tabs:[{onTabsChange:0}]}]);function u(){if(typeof customElements==="undefined"){return}const o=["ds-tab-group-nav","ds-badge"];o.forEach((o=>{switch(o){case"ds-tab-group-nav":if(!customElements.get(n(o))){customElements.define(n(o),l)}break;case"ds-badge":if(!customElements.get(n(o))){d()}break}}))}u();export{l as T,u as d};
|
|
2
|
+
//# sourceMappingURL=p-BXI096cJ.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e="--ds-scroll-edge-fade-size";const i={"size-000":"var(--dimension-size-000)","size-050":"var(--dimension-size-050)","size-075":"var(--dimension-size-075)","size-100":"var(--dimension-size-100)","size-150":"var(--dimension-size-150)","size-200":"var(--dimension-size-200)","size-250":"var(--dimension-size-250)","size-300":"var(--dimension-size-300)","size-400":"var(--dimension-size-400)","size-500":"var(--dimension-size-500)","size-600":"var(--dimension-size-600)","size-800":"var(--dimension-size-800)"};function s(e="size-600",s){if(s)return s;return Object.prototype.hasOwnProperty.call(i,e)?i[e]:e}function n(i="size-600",n){return{[e]:s(i,n)}}function r(e){const i=Array.isArray(e.edges)?e.edges:[e.edges];const s={"scroll-edge-fade":true,"scroll-edge-fade--hidden":e.hidden===true};for(const e of i){s[`scroll-edge-fade--${e}`]=true}const{atEnd:n}=e;if(n===true){s["scroll-edge-fade--at-end"]=true}else if(n&&typeof n==="object"){const e=i.every((e=>n[e]));if(e){s["scroll-edge-fade--at-end"]=true}}return s}export{r as a,n as s};
|
|
2
|
+
//# sourceMappingURL=p-CBUIn8dk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SCROLL_EDGE_FADE_SIZE_VAR","SIZE_VALUE","resolveScrollEdgeFadeSize","size","height","Object","prototype","hasOwnProperty","call","scrollEdgeFadeSizeStyle","scrollEdgeFadeClassMap","opts","edges","Array","isArray","classes","hidden","edge","atEnd","allAtEnd","every"],"sources":["src/wc/utils/scroll-edge-fade.ts"],"sourcesContent":["/** CSS custom property for scroll-edge fade depth (dimension token or length). */\nexport const SCROLL_EDGE_FADE_SIZE_VAR = '--ds-scroll-edge-fade-size';\n\nexport const SCROLL_EDGE_FADE_DEFAULT_SIZE = 'var(--dimension-size-600)';\n\nexport type ScrollEdgeFadeEdge = 'top' | 'bottom' | 'left' | 'right';\n\nexport type ScrollEdgeFadeSizeToken =\n | 'size-000'\n | 'size-050'\n | 'size-075'\n | 'size-100'\n | 'size-150'\n | 'size-200'\n | 'size-250'\n | 'size-300'\n | 'size-400'\n | 'size-500'\n | 'size-600'\n | 'size-800';\n\nexport type ScrollEdgeFadeSize = ScrollEdgeFadeSizeToken | (string & {});\n\nconst SIZE_VALUE: Record<ScrollEdgeFadeSizeToken, string> = {\n 'size-000': 'var(--dimension-size-000)',\n 'size-050': 'var(--dimension-size-050)',\n 'size-075': 'var(--dimension-size-075)',\n 'size-100': 'var(--dimension-size-100)',\n 'size-150': 'var(--dimension-size-150)',\n 'size-200': 'var(--dimension-size-200)',\n 'size-250': 'var(--dimension-size-250)',\n 'size-300': 'var(--dimension-size-300)',\n 'size-400': 'var(--dimension-size-400)',\n 'size-500': 'var(--dimension-size-500)',\n 'size-600': 'var(--dimension-size-600)',\n 'size-800': 'var(--dimension-size-800)',\n};\n\nconst SIZE_REF = `var(${SCROLL_EDGE_FADE_SIZE_VAR}, ${SCROLL_EDGE_FADE_DEFAULT_SIZE})`;\n\nexport interface ScrollEdgeFadeOptions {\n /** One or more edges to fade. */\n edges: ScrollEdgeFadeEdge | ScrollEdgeFadeEdge[];\n /**\n * When true, or when every listed edge is at its scroll limit, removes the mask.\n * Pass a per-edge map to hide only the edges that are flush (panel-nav bottom fade).\n */\n atEnd?: boolean | Partial<Record<ScrollEdgeFadeEdge, boolean>>;\n /** Force the mask off regardless of scroll position (`ds-fade` `visible={false}`). */\n hidden?: boolean;\n}\n\n/** Resolve a dimension size token name or raw CSS length for `--ds-scroll-edge-fade-size`. */\nexport function resolveScrollEdgeFadeSize(\n size: ScrollEdgeFadeSize = 'size-600',\n height?: string,\n): string {\n if (height) return height;\n return Object.prototype.hasOwnProperty.call(SIZE_VALUE, size)\n ? SIZE_VALUE[size as ScrollEdgeFadeSizeToken]\n : size;\n}\n\n/** Inline style map setting fade depth on a scroll container. */\nexport function scrollEdgeFadeSizeStyle(\n size: ScrollEdgeFadeSize = 'size-600',\n height?: string,\n): Record<string, string> {\n return {\n [SCROLL_EDGE_FADE_SIZE_VAR]: resolveScrollEdgeFadeSize(size, height),\n };\n}\n\n/**\n * Alpha mask for a scroll container edge — content fades to transparent so\n * textured backgrounds (shell gradients, images) show through.\n */\nexport function scrollEdgeFadeMaskImage(edge: ScrollEdgeFadeEdge): string {\n switch (edge) {\n case 'top':\n return `linear-gradient(to bottom, #000 0, #000 50%, transparent 100%)`;\n case 'bottom':\n return `linear-gradient(to bottom, #000 0, #000 calc(100% - ${SIZE_REF}), transparent 100%)`;\n case 'left':\n return `linear-gradient(to right, #000 0, #000 calc(100% - ${SIZE_REF}), transparent 100%)`;\n case 'right':\n return `linear-gradient(to left, #000 0, #000 calc(100% - ${SIZE_REF}), transparent 100%)`;\n }\n}\n\n/** Inline style map for a masked scroll region (single edge). */\nexport function scrollEdgeFadeMaskStyle(\n edge: ScrollEdgeFadeEdge,\n size: ScrollEdgeFadeSize = 'size-600',\n height?: string,\n): Record<string, string> {\n const mask = scrollEdgeFadeMaskImage(edge);\n return {\n ...scrollEdgeFadeSizeStyle(size, height),\n WebkitMaskImage: mask,\n maskImage: mask,\n WebkitMaskSize: '100% 100%',\n maskSize: '100% 100%',\n };\n}\n\n/** Class map for `scroll-edge-fade` modifiers — pair with `scroll-edge-fade.css`. */\nexport function scrollEdgeFadeClassMap(opts: ScrollEdgeFadeOptions): Record<string, boolean> {\n const edges = Array.isArray(opts.edges) ? opts.edges : [opts.edges];\n const classes: Record<string, boolean> = {\n 'scroll-edge-fade': true,\n 'scroll-edge-fade--hidden': opts.hidden === true,\n };\n\n for (const edge of edges) {\n classes[`scroll-edge-fade--${edge}`] = true;\n }\n\n const { atEnd } = opts;\n if (atEnd === true) {\n classes['scroll-edge-fade--at-end'] = true;\n } else if (atEnd && typeof atEnd === 'object') {\n const allAtEnd = edges.every(edge => atEnd[edge]);\n if (allAtEnd) {\n classes['scroll-edge-fade--at-end'] = true;\n }\n }\n\n return classes;\n}\n\n/** Whether a scroll container is flush with the given edge (within `threshold` px). */\nexport function isScrollAtEdge(\n el: HTMLElement,\n edge: ScrollEdgeFadeEdge,\n threshold = 2,\n): boolean {\n switch (edge) {\n case 'top':\n return el.scrollTop <= threshold;\n case 'bottom':\n return el.scrollHeight - el.scrollTop - el.clientHeight <= threshold;\n case 'left':\n return el.scrollLeft <= threshold;\n case 'right':\n return el.scrollWidth - el.scrollLeft - el.clientWidth <= threshold;\n }\n}\n"],"mappings":"AACO,MAAMA,EAA4B,6BAsBzC,MAAMC,EAAsD,CAC1D,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,4BACZ,WAAY,6B,SAkBEC,EACdC,EAA2B,WAC3BC,GAEA,GAAIA,EAAQ,OAAOA,EACnB,OAAOC,OAAOC,UAAUC,eAAeC,KAAKP,EAAYE,GACpDF,EAAWE,GACXA,CACN,C,SAGgBM,EACdN,EAA2B,WAC3BC,GAEA,MAAO,CACLJ,CAACA,GAA4BE,EAA0BC,EAAMC,GAEjE,CAoCM,SAAUM,EAAuBC,GACrC,MAAMC,EAAQC,MAAMC,QAAQH,EAAKC,OAASD,EAAKC,MAAQ,CAACD,EAAKC,OAC7D,MAAMG,EAAmC,CACvC,mBAAoB,KACpB,2BAA4BJ,EAAKK,SAAW,MAG9C,IAAK,MAAMC,KAAQL,EAAO,CACxBG,EAAQ,qBAAqBE,KAAU,I,CAGzC,MAAMC,MAAEA,GAAUP,EAClB,GAAIO,IAAU,KAAM,CAClBH,EAAQ,4BAA8B,I,MACjC,GAAIG,UAAgBA,IAAU,SAAU,CAC7C,MAAMC,EAAWP,EAAMQ,OAAMH,GAAQC,EAAMD,KAC3C,GAAIE,EAAU,CACZJ,EAAQ,4BAA8B,I,EAI1C,OAAOA,CACT,Q","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as s,H as e,c as t,h as a,a as i,t as r}from"./index.js";import{D as n,a as c,b as l,c as d}from"./p-Bz3jyrDV.js";const o=()=>`.sc-ds-shell-gradient-swatch-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-shell-gradient-swatch:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-shell-gradient-swatch{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-shell-gradient-swatch:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-shell-gradient-swatch:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-gradient-swatch{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-gradient-swatch::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.sc-ds-shell-gradient-swatch-h{box-sizing:border-box;display:inline-flex;flex:0 0 auto;width:var(--dimension-size-300);height:var(--dimension-size-300);--_swatch-inner-inset:calc( var(--dimension-stroke-width-025) + var(--dimension-space-025) );--_swatch-ring-bg:var(--color-background-primary);--_swatch-select-motion:var(--effect-motion-short-3)}.shell-gradient-swatch.sc-ds-shell-gradient-swatch{position:relative;box-sizing:border-box;width:var(--dimension-size-300);height:var(--dimension-size-300);padding:0;border:none;border-radius:var(--dimension-radius-half);background:transparent;cursor:pointer;flex-shrink:0;isolation:isolate}.shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__border.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__halo.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__stroke.sc-ds-shell-gradient-swatch{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch{z-index:1;background-color:var(--color-background-secondary);background-image:var(--_swatch-gradient-image);background-repeat:no-repeat;background-size:cover;background-position:0 0;transition:top var(--_swatch-select-motion), right var(--_swatch-select-motion), bottom var(--_swatch-select-motion), left var(--_swatch-select-motion)}.shell-gradient-swatch--none.sc-ds-shell-gradient-swatch .shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch{background-image:none}.shell-gradient-swatch.sc-ds-shell-gradient-swatch:not(.shell-gradient-swatch--none) .shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch{opacity:var(--ds-shell-gradient-opacity, 0.1)}.shell-gradient-swatch__border.sc-ds-shell-gradient-swatch{z-index:2;box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);transition:top var(--_swatch-select-motion), right var(--_swatch-select-motion), bottom var(--_swatch-select-motion), left var(--_swatch-select-motion)}.shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch{z-index:3;background:transparent;transition:top var(--_swatch-select-motion), right var(--_swatch-select-motion), bottom var(--_swatch-select-motion), left var(--_swatch-select-motion), background-color 0s}.shell-gradient-swatch.sc-ds-shell-gradient-swatch:hover:not(:disabled) .shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch{background:var(--color-interaction-hover)}.shell-gradient-swatch.sc-ds-shell-gradient-swatch:active:not(:disabled) .shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch{background:var(--color-interaction-pressed)}.shell-gradient-swatch__halo.sc-ds-shell-gradient-swatch{z-index:4;opacity:0;transform:scale(1.2);transform-origin:center;box-shadow:inset 0 0 0 var(--_swatch-inner-inset) var(--_swatch-ring-bg);transition:opacity var(--_swatch-select-motion), transform var(--_swatch-select-motion)}.shell-gradient-swatch__stroke.sc-ds-shell-gradient-swatch{z-index:5;opacity:0;transform:scale(1.2);transform-origin:center;box-shadow:inset 0 0 0 var(--dimension-stroke-width-025) var(--color-border-bold-brand);transition:opacity var(--_swatch-select-motion), transform var(--_swatch-select-motion)}.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch,.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__border.sc-ds-shell-gradient-swatch,.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch{top:var(--_swatch-inner-inset);right:var(--_swatch-inner-inset);bottom:var(--_swatch-inner-inset);left:var(--_swatch-inner-inset)}.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__halo.sc-ds-shell-gradient-swatch,.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__stroke.sc-ds-shell-gradient-swatch{opacity:1;transform:scale(1)}.shell-gradient-swatch.sc-ds-shell-gradient-swatch:disabled{opacity:0.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__border.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__halo.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__stroke.sc-ds-shell-gradient-swatch{transition:none}}`;const h=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsSelect=t(this,"dsSelect");this.preset=n;this.selected=false;this.inactive=false;this.handleClick=()=>{if(this.inactive)return;this.dsSelect.emit(this.preset)}}render(){const s=this.ariaLabel??c[this.preset];return a(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as s,H as e,c as t,h as a,a as i,t as r}from"./index.js";import{D as n,a as c,b as l,c as d}from"./p-Bz3jyrDV.js";const o=()=>`.sc-ds-shell-gradient-swatch-h{--ds-focus-ring-width:var(--dimension-stroke-width-025, 2px);--ds-focus-ring-offset:var(--dimension-space-025, 2px);--ds-focus-ring-color:var(--color-interaction-focus)}.ds-focus-ring.sc-ds-shell-gradient-swatch:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring.ds-focus-ring--visible.sc-ds-shell-gradient-swatch{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}.ds-focus-ring-inset.sc-ds-shell-gradient-swatch:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-shell-gradient-swatch:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-gradient-swatch{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-shell-gradient-swatch::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.sc-ds-shell-gradient-swatch-h{box-sizing:border-box;display:inline-flex;flex:0 0 auto;width:var(--dimension-size-300);height:var(--dimension-size-300);--_swatch-inner-inset:calc( var(--dimension-stroke-width-025) + var(--dimension-space-025) );--_swatch-ring-bg:var(--color-background-primary);--_swatch-select-motion:var(--effect-motion-short-3)}.shell-gradient-swatch.sc-ds-shell-gradient-swatch{position:relative;box-sizing:border-box;width:var(--dimension-size-300);height:var(--dimension-size-300);padding:0;border:none;border-radius:var(--dimension-radius-half);background:transparent;cursor:pointer;flex-shrink:0;isolation:isolate}.shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__border.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__halo.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__stroke.sc-ds-shell-gradient-swatch{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch{z-index:1;background-color:var(--color-background-secondary);background-image:var(--_swatch-gradient-image);background-repeat:no-repeat;background-size:cover;background-position:0 0;transition:top var(--_swatch-select-motion), right var(--_swatch-select-motion), bottom var(--_swatch-select-motion), left var(--_swatch-select-motion)}.shell-gradient-swatch--none.sc-ds-shell-gradient-swatch .shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch{background-image:none}.shell-gradient-swatch.sc-ds-shell-gradient-swatch:not(.shell-gradient-swatch--none) .shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch{opacity:var(--ds-shell-gradient-opacity, 0.1)}.shell-gradient-swatch__border.sc-ds-shell-gradient-swatch{z-index:2;box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);transition:top var(--_swatch-select-motion), right var(--_swatch-select-motion), bottom var(--_swatch-select-motion), left var(--_swatch-select-motion)}.shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch{z-index:3;background:transparent;transition:top var(--_swatch-select-motion), right var(--_swatch-select-motion), bottom var(--_swatch-select-motion), left var(--_swatch-select-motion), background-color 0s}.shell-gradient-swatch.sc-ds-shell-gradient-swatch:hover:not(:disabled) .shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch{background:var(--color-interaction-hover)}.shell-gradient-swatch.sc-ds-shell-gradient-swatch:active:not(:disabled) .shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch{background:var(--color-interaction-pressed)}.shell-gradient-swatch__halo.sc-ds-shell-gradient-swatch{z-index:4;opacity:0;transform:scale(1.2);transform-origin:center;box-shadow:inset 0 0 0 var(--_swatch-inner-inset) var(--_swatch-ring-bg);transition:opacity var(--_swatch-select-motion), transform var(--_swatch-select-motion)}.shell-gradient-swatch__stroke.sc-ds-shell-gradient-swatch{z-index:5;opacity:0;transform:scale(1.2);transform-origin:center;box-shadow:inset 0 0 0 var(--dimension-stroke-width-025) var(--color-border-bold-brand);transition:opacity var(--_swatch-select-motion), transform var(--_swatch-select-motion)}.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch,.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__border.sc-ds-shell-gradient-swatch,.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch{top:var(--_swatch-inner-inset);right:var(--_swatch-inner-inset);bottom:var(--_swatch-inner-inset);left:var(--_swatch-inner-inset)}.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__halo.sc-ds-shell-gradient-swatch,.shell-gradient-swatch--selected.sc-ds-shell-gradient-swatch .shell-gradient-swatch__stroke.sc-ds-shell-gradient-swatch{opacity:1;transform:scale(1)}.shell-gradient-swatch.sc-ds-shell-gradient-swatch:disabled{opacity:0.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.shell-gradient-swatch__fill.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__border.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__interaction.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__halo.sc-ds-shell-gradient-swatch,.shell-gradient-swatch__stroke.sc-ds-shell-gradient-swatch{transition:none}}`;const h=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.dsSelect=t(this,"dsSelect");this.preset=n;this.selected=false;this.inactive=false;this.handleClick=()=>{if(this.inactive)return;this.dsSelect.emit(this.preset)}}render(){const s=this.ariaLabel??c[this.preset];return a(i,{key:"eebf23439b8bd727609ce213eda86be0e70ed5e0"},a("button",{key:"93493a84c86a1200ebe36c5ce84cc65772d61ffb",type:"button",class:{"shell-gradient-swatch":true,"ds-focus-ring-inset":true,"shell-gradient-swatch--selected":this.selected,"shell-gradient-swatch--none":this.preset==="none"},style:this.preset==="none"?undefined:{"--_swatch-gradient-image":d(this.preset),"--ds-shell-gradient-opacity":l},"aria-label":s,"aria-pressed":this.selected?"true":"false",disabled:this.inactive,onClick:this.handleClick},a("span",{key:"df9c16fb5e65da1c398534e9385dde3b83c9188b",class:"shell-gradient-swatch__fill","aria-hidden":"true"}),a("span",{key:"373eeb4b07a585793d640f69f021da3fa346bc3d",class:"shell-gradient-swatch__border","aria-hidden":"true"}),a("span",{key:"979635f155556dfa7c75a57e3ab4db2db8b37839",class:"shell-gradient-swatch__interaction","aria-hidden":"true"}),a("span",{key:"66f5905e0b2d43df7c7bb1243b70b05874b273ed",class:"shell-gradient-swatch__halo","aria-hidden":"true"}),a("span",{key:"f1409cb42488c851a059751809027515c1c4fb7a",class:"shell-gradient-swatch__stroke","aria-hidden":"true"})))}static get style(){return o()}},[2,"ds-shell-gradient-swatch",{preset:[513],selected:[516],inactive:[4],ariaLabel:[1,"aria-label"]}]);function g(){if(typeof customElements==="undefined"){return}const s=["ds-shell-gradient-swatch"];s.forEach((s=>{switch(s){case"ds-shell-gradient-swatch":if(!customElements.get(r(s))){customElements.define(r(s),h)}break}}))}g();export{h as S,g as d};
|
|
2
|
+
//# sourceMappingURL=p-CRh-MLwj.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{p as e,H as a,h as n,a as i,t as r}from"./index.js";const d="--_badge-gradient-position";function t(e){const a=e.closest("ds-app-shell");return a?.hasAttribute("gradient")===true}const s=()=>`.sc-ds-badge-h{display:inline-flex;align-items:center;justify-content:center;pointer-events:none;vertical-align:middle;--_badge-bg:var(--color-background-bold-brand);--_badge-fg:var(--color-foreground-on-bold-background-primary);--_badge-ring:var(--color-background-secondary);--_badge-ring-width:var(--dimension-stroke-width-018)}.badge__mark.sc-ds-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;color:var(--_badge-fg);background:var(--_badge-bg);box-shadow:0 0 0 var(--_badge-ring-width) var(--_badge-ring);white-space:nowrap}.badge--dot.sc-ds-badge-h .badge__mark.sc-ds-badge{width:var(--dimension-size-075);height:var(--dimension-size-075);border-radius:var(--dimension-radius-half)}.badge--counter.sc-ds-badge-h .badge__mark.sc-ds-badge{width:var(--dimension-size-150);height:var(--dimension-size-150);padding:0;border-radius:var(--dimension-radius-half);font-size:var(--typography-fontsize-xs);line-height:1}.badge--selected.sc-ds-badge-h{--_badge-bg:var(--color-foreground-primary)}.badge--on-gradient-background.sc-ds-badge-h .badge__mark.sc-ds-badge{position:relative;z-index:0;box-shadow:none;isolation:isolate}.badge--on-gradient-background.sc-ds-badge-h .badge__mark.sc-ds-badge::before,.badge--on-gradient-background.sc-ds-badge-h .badge__mark.sc-ds-badge::after{content:'';position:absolute;inset:calc(-1 * var(--_badge-ring-width));border-radius:inherit;box-sizing:border-box;padding:var(--_badge-ring-width);pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask-composite:exclude}.badge--on-gradient-background.sc-ds-badge-h .badge__mark.sc-ds-badge::before{z-index:-2;background-color:var(--_badge-ring)}.badge--on-gradient-background.sc-ds-badge-h .badge__mark.sc-ds-badge::after{z-index:-1;background-image:var(--ds-shell-gradient-image, none);background-size:var(--ds-shell-gradient-size, auto);background-position:0 0;background-repeat:no-repeat;background-attachment:fixed;opacity:var(--ds-shell-gradient-opacity, 1)}`;const o={default:"var(--color-background-secondary)",primary:"var(--color-background-primary)",secondary:"var(--color-background-secondary)",medium:"var(--color-background-medium-neutral)",bold:"var(--color-background-bold-neutral)",strong:"var(--color-background-strong-neutral)",navigation:"var(--color-navigation-background)","always-dark":"var(--color-always-dark-background)"};const g=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.variant="counter";this.count=0;this.max=9;this.surface="default";this.gradientBackground=false;this.isSelected=false;this.gradientLayoutVersion=0;this.gradientObserver=null;this.gradientWindowListener=null}componentDidLoad(){this.enableShellGradientRingIfNeeded()}disconnectedCallback(){this.unbindGradientRingSync()}gradientBackgroundChanged(){this.bindGradientRingSync()}enableShellGradientRingIfNeeded(){if(!this.gradientBackground&&t(this.el)){this.gradientBackground=true}if(this.gradientBackground){this.bindGradientRingSync()}}bindGradientRingSync(){this.unbindGradientRingSync();if(!this.gradientBackground)return;const e=()=>{this.gradientLayoutVersion+=1};e();this.gradientWindowListener=e;window.addEventListener("resize",e);if(typeof ResizeObserver!=="undefined"){this.gradientObserver=new ResizeObserver(e);this.gradientObserver.observe(this.el);const a=this.el.closest("ds-app-shell");if(a)this.gradientObserver.observe(a);const n=this.el.closest("ds-bar-nav");if(n)this.gradientObserver.observe(n);const i=this.el.closest("ds-panel-nav");if(i)this.gradientObserver.observe(i)}}unbindGradientRingSync(){if(this.gradientWindowListener){window.removeEventListener("resize",this.gradientWindowListener);this.gradientWindowListener=null}this.gradientObserver?.disconnect();this.gradientObserver=null}ringHostStyle(e){const a={"--_badge-ring":e};if(!this.gradientBackground||!t(this.el))return a;a[d]="0 0";return a}render(){const e=this.variant==="dot";if(!e&&this.count===0)return n(i,{style:{display:"none"}});const a=this.count>this.max?"+":String(this.count);const r=this.label??(e?"Notification":String(this.count));const d=this.background??o[this.surface];return n(i,{class:{badge:true,"badge--counter":!e,"badge--dot":e,"badge--selected":this.isSelected,"badge--on-gradient-background":this.gradientBackground},"aria-label":r,style:this.ringHostStyle(d)},n("span",{class:{badge__mark:true,"text-caption-emphasis":!e},"aria-hidden":"true"},!e&&a))}get el(){return this}static get watchers(){return{gradientBackground:[{gradientBackgroundChanged:0}]}}static get style(){return s()}},[2,"ds-badge",{variant:[1],count:[2],max:[2],surface:[1],background:[1],gradientBackground:[516,"gradient-background"],isSelected:[4,"is-selected"],label:[1],gradientLayoutVersion:[32]},undefined,{gradientBackground:[{gradientBackgroundChanged:0}]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-badge"];e.forEach((e=>{switch(e){case"ds-badge":if(!customElements.get(r(e))){customElements.define(r(e),g)}break}}))}c();export{g as B,c as d};
|
|
2
|
+
//# sourceMappingURL=p-EK1hOP19.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["BADGE_GRADIENT_POSITION_VAR","isShellGradientActive","from","shell","closest","hasAttribute","badgeCss","SURFACE_RING","default","primary","secondary","medium","bold","strong","navigation","Badge","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","count","max","surface","gradientBackground","isSelected","gradientLayoutVersion","gradientObserver","gradientWindowListener","componentDidLoad","enableShellGradientRingIfNeeded","disconnectedCallback","unbindGradientRingSync","gradientBackgroundChanged","bindGradientRingSync","el","update","window","addEventListener","ResizeObserver","observe","bar","panel","removeEventListener","disconnect","ringHostStyle","ring","style","render","isDot","h","Host","display","String","ariaLabel","label","background","class","badge","badge__mark"],"sources":["src/wc/nav/badge-gradient-ring.ts","src/wc/components/Badge/Badge.css?tag=ds-badge&encapsulation=scoped","src/wc/components/Badge/Badge.tsx"],"sourcesContent":["import {\n SHELL_GRADIENT_POSITION_BAR_VAR,\n SHELL_GRADIENT_POSITION_PANEL_VAR,\n} from './shell-gradient';\n\n/** Per-badge background-position for shell gradient ring sampling. */\nexport const BADGE_GRADIENT_POSITION_VAR = '--_badge-gradient-position';\n\nexport interface GradientSurface {\n element: HTMLElement;\n chromeHost: HTMLElement;\n positionVar: string;\n}\n\n/** Whether the badge sits under `ds-app-shell[gradient]`. */\nexport function isShellGradientActive(from: HTMLElement): boolean {\n // Explicit <HTMLElement>: the inferred HTMLDsAppShellElement type only\n // resolves where @stencil/core types are installed — consumers importing\n // `@ds-mo/ui/nav` (raw TS) compile this without them.\n const shell = from.closest<HTMLElement>('ds-app-shell');\n return shell?.hasAttribute('gradient') === true;\n}\n\n/** Bar or panel chrome surface that owns the shell gradient stack. */\nexport function findGradientSurface(from: HTMLElement): GradientSurface | null {\n const barHost = from.closest('ds-bar-nav') as HTMLElement | null;\n if (barHost) {\n const root = barHost.shadowRoot ?? barHost;\n const element = root.querySelector('.bar-nav');\n if (element) {\n return {\n element: element as HTMLElement,\n chromeHost: barHost,\n positionVar: SHELL_GRADIENT_POSITION_BAR_VAR,\n };\n }\n }\n\n const panelHost = from.closest('ds-panel-nav') as HTMLElement | null;\n if (panelHost) {\n const root = panelHost.shadowRoot ?? panelHost;\n const element = root.querySelector('.panel-nav');\n if (element) {\n return {\n element: element as HTMLElement,\n chromeHost: panelHost,\n positionVar: SHELL_GRADIENT_POSITION_PANEL_VAR,\n };\n }\n }\n\n return null;\n}\n\ninterface ParsedPosition {\n x: number;\n y: number;\n}\n\n/** Parse a two-value CSS background-position (e.g. `-200px 0`). */\nexport function parseCssBackgroundPosition(value: string): ParsedPosition {\n const trimmed = value.trim();\n if (!trimmed) return { x: 0, y: 0 };\n\n const parts = trimmed.split(/\\s+/);\n const x = parseLength(parts[0] ?? '0');\n const y = parseLength(parts[1] ?? '0');\n return { x, y };\n}\n\nfunction parseLength(token: string): number {\n const px = token.match(/^(-?[\\d.]+)px$/);\n if (px) return Number(px[1]);\n return 0;\n}\n\n/**\n * Background position for a badge ring so the shell gradient aligns with nav chrome.\n * Uses badge center relative to the painted chrome surface.\n */\nexport function badgeGradientPosition(\n badgeHost: HTMLElement,\n surface: GradientSurface,\n shellPosition: string,\n): string {\n const badgeRect = badgeHost.getBoundingClientRect();\n const surfaceRect = surface.element.getBoundingClientRect();\n const anchorX = badgeRect.left + badgeRect.width / 2 - surfaceRect.left;\n const anchorY = badgeRect.top + badgeRect.height / 2 - surfaceRect.top;\n const { x, y } = parseCssBackgroundPosition(shellPosition);\n\n return `${Math.round(x - anchorX)}px ${Math.round(y - anchorY)}px`;\n}\n\n/** Resolve shell gradient position from chrome host custom properties. */\nexport function readShellGradientPosition(surface: GradientSurface): string {\n const styles = getComputedStyle(surface.chromeHost);\n return styles.getPropertyValue(surface.positionVar).trim() || '0 0';\n}\n\n/** Stamp `--_badge-gradient-position` on the badge host (fixed viewport chrome). */\nexport function syncBadgeGradientPosition(badgeHost: HTMLElement): void {\n if (!isShellGradientActive(badgeHost)) {\n badgeHost.style.removeProperty(BADGE_GRADIENT_POSITION_VAR);\n return;\n }\n\n badgeHost.style.setProperty(BADGE_GRADIENT_POSITION_VAR, '0 0');\n}\n",":host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n vertical-align: middle;\n\n --_badge-bg: var(--color-background-bold-brand);\n --_badge-fg: var(--color-foreground-on-bold-background-primary);\n --_badge-ring: var(--color-background-secondary);\n --_badge-ring-width: var(--dimension-stroke-width-018);\n}\n\n.badge__mark {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n color: var(--_badge-fg);\n background: var(--_badge-bg);\n box-shadow: 0 0 0 var(--_badge-ring-width) var(--_badge-ring);\n white-space: nowrap;\n}\n\n:host(.badge--dot) .badge__mark {\n width: var(--dimension-size-075);\n height: var(--dimension-size-075);\n border-radius: var(--dimension-radius-half);\n}\n\n:host(.badge--counter) .badge__mark {\n width: var(--dimension-size-150);\n height: var(--dimension-size-150);\n padding: 0;\n border-radius: var(--dimension-radius-half);\n font-size: var(--typography-fontsize-xs);\n line-height: 1;\n}\n\n:host(.badge--selected) {\n --_badge-bg: var(--color-foreground-primary);\n}\n\n/* Shell gradient ring — base fill + wash donut (option 3). */\n:host(.badge--on-gradient-background) .badge__mark {\n position: relative;\n z-index: 0;\n box-shadow: none;\n isolation: isolate;\n}\n\n:host(.badge--on-gradient-background) .badge__mark::before,\n:host(.badge--on-gradient-background) .badge__mark::after {\n content: '';\n position: absolute;\n inset: calc(-1 * var(--_badge-ring-width));\n border-radius: inherit;\n box-sizing: border-box;\n padding: var(--_badge-ring-width);\n pointer-events: none;\n -webkit-mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n mask-composite: exclude;\n}\n\n:host(.badge--on-gradient-background) .badge__mark::before {\n z-index: -2;\n background-color: var(--_badge-ring);\n}\n\n:host(.badge--on-gradient-background) .badge__mark::after {\n z-index: -1;\n background-image: var(--ds-shell-gradient-image, none);\n background-size: var(--ds-shell-gradient-size, auto);\n background-position: 0 0;\n background-repeat: no-repeat;\n background-attachment: fixed;\n opacity: var(--ds-shell-gradient-opacity, 1);\n}\n","import { Component, Prop, Element, State, Watch, h, Host } from '@stencil/core';\nimport {\n BADGE_GRADIENT_POSITION_VAR,\n isShellGradientActive,\n} from '../../nav/badge-gradient-ring';\n\nexport type BadgeVariant = 'counter' | 'dot';\nexport type BadgeSurface =\n | 'default'\n | 'primary'\n | 'secondary'\n | 'medium'\n | 'bold'\n | 'strong'\n | 'navigation'\n | 'always-dark';\n\nconst SURFACE_RING: Record<BadgeSurface, string> = {\n default: 'var(--color-background-secondary)',\n primary: 'var(--color-background-primary)',\n secondary: 'var(--color-background-secondary)',\n medium: 'var(--color-background-medium-neutral)',\n bold: 'var(--color-background-bold-neutral)',\n strong: 'var(--color-background-strong-neutral)',\n navigation: 'var(--color-navigation-background)',\n 'always-dark': 'var(--color-always-dark-background)',\n};\n\n@Component({\n tag: 'ds-badge',\n styleUrl: 'Badge.css',\n scoped: true,\n})\nexport class Badge {\n @Element() el!: HTMLElement;\n\n /** Render as a compact counter or notification dot. */\n @Prop() variant: BadgeVariant = 'counter';\n\n /** Count shown for counter badges. Count 0 hides the badge. */\n @Prop() count: number = 0;\n\n /** Highest count shown before compacting to \"+\". */\n @Prop() max: number = 9;\n\n /** Surface context for the ring around dots. */\n @Prop() surface: BadgeSurface = 'default';\n\n /** Direct ring background override for component-local surfaces. */\n @Prop() background: string | undefined;\n\n /**\n * Ring samples the shell gradient stack (base fill + wash) instead of a flat\n * `box-shadow`. Auto-enabled in `componentDidLoad` under `ds-app-shell[gradient]`;\n * set `gradient-background` to opt in/out explicitly.\n *\n * The attribute must NOT start with `on` — Stencil's setAccessor routes any\n * unknown `on*` member down the event-listener path during attribute\n * reflection, calling addEventListener with a non-listener and throwing.\n */\n @Prop({ attribute: 'gradient-background', reflect: true }) gradientBackground: boolean = false;\n\n /** Deprecated alias for selected counter styling. Prefer context-specific color in the parent. */\n @Prop() isSelected: boolean = false;\n\n /** Accessible label. Defaults to the count as a string. */\n @Prop() label: string | undefined;\n\n /** Bumps on resize/layout so render recomputes gradient ring position. */\n @State() private gradientLayoutVersion = 0;\n\n private gradientObserver: ResizeObserver | null = null;\n private gradientWindowListener: (() => void) | null = null;\n\n componentDidLoad() {\n this.enableShellGradientRingIfNeeded();\n }\n\n disconnectedCallback() {\n this.unbindGradientRingSync();\n }\n\n @Watch('gradientBackground')\n gradientBackgroundChanged() {\n this.bindGradientRingSync();\n }\n\n /** Imperative opt-in avoids Stencil aborting parent render for nested badges. */\n private enableShellGradientRingIfNeeded() {\n if (!this.gradientBackground && isShellGradientActive(this.el)) {\n this.gradientBackground = true;\n }\n\n if (this.gradientBackground) {\n this.bindGradientRingSync();\n }\n }\n\n private bindGradientRingSync() {\n this.unbindGradientRingSync();\n\n if (!this.gradientBackground) return;\n\n const update = () => {\n this.gradientLayoutVersion += 1;\n };\n update();\n\n this.gradientWindowListener = update;\n window.addEventListener('resize', update);\n\n if (typeof ResizeObserver !== 'undefined') {\n this.gradientObserver = new ResizeObserver(update);\n this.gradientObserver.observe(this.el);\n\n const shell = this.el.closest('ds-app-shell');\n if (shell) this.gradientObserver.observe(shell);\n\n const bar = this.el.closest('ds-bar-nav');\n if (bar) this.gradientObserver.observe(bar);\n\n const panel = this.el.closest('ds-panel-nav');\n if (panel) this.gradientObserver.observe(panel);\n }\n }\n\n private unbindGradientRingSync() {\n if (this.gradientWindowListener) {\n window.removeEventListener('resize', this.gradientWindowListener);\n this.gradientWindowListener = null;\n }\n\n this.gradientObserver?.disconnect();\n this.gradientObserver = null;\n }\n\n private ringHostStyle(ring: string): Record<string, string> {\n void this.gradientLayoutVersion;\n\n const style: Record<string, string> = { '--_badge-ring': ring };\n if (!this.gradientBackground || !isShellGradientActive(this.el)) return style;\n\n /* Shell chrome wash uses background-attachment: fixed at viewport origin. */\n style[BADGE_GRADIENT_POSITION_VAR] = '0 0';\n return style;\n }\n\n render() {\n const isDot = this.variant === 'dot';\n\n if (!isDot && this.count === 0) return <Host style={{ display: 'none' }} />;\n\n const display = this.count > this.max ? '+' : String(this.count);\n const ariaLabel = this.label ?? (isDot ? 'Notification' : String(this.count));\n const ring = this.background ?? SURFACE_RING[this.surface];\n\n return (\n <Host\n class={{\n badge: true,\n 'badge--counter': !isDot,\n 'badge--dot': isDot,\n 'badge--selected': this.isSelected,\n 'badge--on-gradient-background': this.gradientBackground,\n }}\n aria-label={ariaLabel}\n style={this.ringHostStyle(ring)}\n >\n <span\n class={{\n 'badge__mark': true,\n 'text-caption-emphasis': !isDot,\n }}\n aria-hidden=\"true\"\n >\n {!isDot && display}\n </span>\n </Host>\n );\n }\n}\n"],"mappings":"2DAMO,MAAMA,EAA8B,6BASrC,SAAUC,EAAsBC,GAIpC,MAAMC,EAAQD,EAAKE,QAAqB,gBACxC,OAAOD,GAAOE,aAAa,cAAgB,IAC7C,CCrBA,MAAMC,EAAW,IAAM,ymECiBvB,MAAMC,EAA6C,CACjDC,QAAS,oCACTC,QAAS,kCACTC,UAAW,oCACXC,OAAQ,yCACRC,KAAM,uCACNC,OAAQ,yCACRC,WAAY,qCACZ,cAAe,uC,MAQJC,EAAKC,EAAA,MAAAD,UAAAE,EALlB,WAAAC,CAAAC,G,4CASUC,KAAAC,QAAwB,UAGxBD,KAAAE,MAAgB,EAGhBF,KAAAG,IAAc,EAGdH,KAAAI,QAAwB,UAc2BJ,KAAAK,mBAA8B,MAGjFL,KAAAM,WAAsB,MAMbN,KAAAO,sBAAwB,EAEjCP,KAAAQ,iBAA0C,KAC1CR,KAAAS,uBAA8C,IA4GvD,CA1GC,gBAAAC,GACEV,KAAKW,iC,CAGP,oBAAAC,GACEZ,KAAKa,wB,CAIP,yBAAAC,GACEd,KAAKe,sB,CAIC,+BAAAJ,GACN,IAAKX,KAAKK,oBAAsBxB,EAAsBmB,KAAKgB,IAAK,CAC9DhB,KAAKK,mBAAqB,I,CAG5B,GAAIL,KAAKK,mBAAoB,CAC3BL,KAAKe,sB,EAID,oBAAAA,GACNf,KAAKa,yBAEL,IAAKb,KAAKK,mBAAoB,OAE9B,MAAMY,EAAS,KACbjB,KAAKO,uBAAyB,CAAC,EAEjCU,IAEAjB,KAAKS,uBAAyBQ,EAC9BC,OAAOC,iBAAiB,SAAUF,GAElC,UAAWG,iBAAmB,YAAa,CACzCpB,KAAKQ,iBAAmB,IAAIY,eAAeH,GAC3CjB,KAAKQ,iBAAiBa,QAAQrB,KAAKgB,IAEnC,MAAMjC,EAAQiB,KAAKgB,GAAGhC,QAAQ,gBAC9B,GAAID,EAAOiB,KAAKQ,iBAAiBa,QAAQtC,GAEzC,MAAMuC,EAAMtB,KAAKgB,GAAGhC,QAAQ,cAC5B,GAAIsC,EAAKtB,KAAKQ,iBAAiBa,QAAQC,GAEvC,MAAMC,EAAQvB,KAAKgB,GAAGhC,QAAQ,gBAC9B,GAAIuC,EAAOvB,KAAKQ,iBAAiBa,QAAQE,E,EAIrC,sBAAAV,GACN,GAAIb,KAAKS,uBAAwB,CAC/BS,OAAOM,oBAAoB,SAAUxB,KAAKS,wBAC1CT,KAAKS,uBAAyB,I,CAGhCT,KAAKQ,kBAAkBiB,aACvBzB,KAAKQ,iBAAmB,I,CAGlB,aAAAkB,CAAcC,GAGpB,MAAMC,EAAgC,CAAE,gBAAiBD,GACzD,IAAK3B,KAAKK,qBAAuBxB,EAAsBmB,KAAKgB,IAAK,OAAOY,EAGxEA,EAAMhD,GAA+B,MACrC,OAAOgD,C,CAGT,MAAAC,GACE,MAAMC,EAAQ9B,KAAKC,UAAY,MAE/B,IAAK6B,GAAS9B,KAAKE,QAAU,EAAG,OAAO6B,EAACC,EAAI,CAACJ,MAAO,CAAEK,QAAS,UAE/D,MAAMA,EAAUjC,KAAKE,MAAQF,KAAKG,IAAM,IAAM+B,OAAOlC,KAAKE,OAC1D,MAAMiC,EAAYnC,KAAKoC,QAAUN,EAAQ,eAAiBI,OAAOlC,KAAKE,QACtE,MAAMyB,EAAO3B,KAAKqC,YAAclD,EAAaa,KAAKI,SAElD,OACE2B,EAACC,EAAI,CACHM,MAAO,CACLC,MAAO,KACP,kBAAmBT,EACnB,aAAcA,EACd,kBAAmB9B,KAAKM,WACxB,gCAAiCN,KAAKK,oBACvC,aACW8B,EACZP,MAAO5B,KAAK0B,cAAcC,IAE1BI,EAAA,QACEO,MAAO,CACLE,YAAe,KACf,yBAA0BV,GAC3B,cACW,SAEVA,GAASG,G","ignoreList":[]}
|