@ds-mo/ui 8.0.0 → 8.1.0
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/agent.json +633 -29
- package/dist/angular/ds-badge.d.ts +1 -1
- package/dist/angular/ds-badge.js +3 -3
- package/dist/angular/ds-button-filled.d.ts +1 -1
- package/dist/angular/ds-button-filled.js +3 -3
- package/dist/angular/ds-button-unfilled.d.ts +1 -1
- package/dist/angular/ds-button-unfilled.js +3 -3
- package/dist/angular/ds-checkbox.d.ts +4 -1
- package/dist/angular/ds-checkbox.js +3 -3
- package/dist/angular/ds-empty-state.d.ts +1 -1
- package/dist/angular/ds-empty-state.js +3 -3
- package/dist/angular/ds-select-multi.d.ts +28 -0
- package/dist/angular/ds-select-multi.js +49 -0
- package/dist/angular/ds-select.d.ts +12 -2
- package/dist/angular/ds-select.js +11 -4
- package/dist/angular/index.d.ts +1 -1
- package/dist/angular/index.js +1 -0
- package/dist/angular/proxies.d.ts +1 -0
- package/dist/angular/proxies.js +1 -0
- package/dist/components/ds-app-shell.js +1 -1
- package/dist/components/ds-badge.js +1 -1
- package/dist/components/ds-banner.js +1 -1
- package/dist/components/ds-bar-nav.js +1 -1
- package/dist/components/ds-bar-nav.js.map +1 -1
- package/dist/components/ds-button-filled.js +1 -1
- package/dist/components/ds-button-unfilled.js +1 -1
- package/dist/components/ds-card-data-viz-donut.js +1 -1
- package/dist/components/ds-card-setting.js +1 -1
- package/dist/components/ds-card.js +1 -1
- package/dist/components/ds-chart-bar.js +1 -1
- package/dist/components/ds-chart-donut.js +1 -1
- package/dist/components/ds-chart-legend.js +1 -1
- package/dist/components/ds-chart-line.js +1 -1
- package/dist/components/ds-checkbox.js +1 -1
- package/dist/components/ds-checkbox.js.map +1 -1
- package/dist/components/ds-chip.js +1 -1
- package/dist/components/ds-divider.js +1 -1
- package/dist/components/ds-empty-state.js +1 -1
- package/dist/components/ds-empty-state.js.map +1 -1
- package/dist/components/ds-field.js +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-pagination.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-sub-nav.js +1 -1
- package/dist/components/ds-panel-tools.js +1 -1
- package/dist/components/ds-radio-group.js +1 -1
- package/dist/components/ds-select-multi.d.ts +11 -0
- package/dist/components/ds-select-multi.js +2 -0
- package/dist/components/ds-select-multi.js.map +1 -0
- package/dist/components/ds-select.js +1 -1
- package/dist/components/ds-select.js.map +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-skeleton.js +1 -1
- package/dist/components/ds-slider.js +1 -1
- package/dist/components/ds-slider.js.map +1 -1
- package/dist/components/ds-switch.js +1 -1
- package/dist/components/ds-tab-group.js +1 -1
- package/dist/components/ds-tab-group.js.map +1 -1
- package/dist/components/ds-table.js +1 -1
- package/dist/components/ds-tag.js +1 -1
- package/dist/components/ds-text.js +1 -1
- package/dist/components/ds-tooltip-data-viz.js +1 -1
- package/dist/components/ds-tooltip.js +1 -1
- package/dist/components/{p-CPD_mML6.js → p-B2FhhQba.js} +2 -2
- package/dist/components/p-BEmVLLnN.js +2 -0
- package/dist/components/p-BEmVLLnN.js.map +1 -0
- package/dist/components/{p-DoZU8RH0.js → p-BMbadvZo.js} +2 -2
- package/dist/components/{p-B8ERbwc9.js → p-BcB-zkOx.js} +2 -2
- package/dist/components/p-COzps7J4.js +2 -0
- package/dist/components/p-COzps7J4.js.map +1 -0
- package/dist/components/p-CTmsQjsE.js +2 -0
- package/dist/components/p-CTmsQjsE.js.map +1 -0
- package/dist/components/p-C_cu-HIT.js +2 -0
- package/dist/components/p-C_cu-HIT.js.map +1 -0
- package/dist/components/{p-DavEAOUa.js → p-Ckiwpsgw.js} +2 -2
- package/dist/components/{p-Dt0XnMxc.js → p-CwaC4wLu.js} +2 -2
- package/dist/components/{p-Dt0XnMxc.js.map → p-CwaC4wLu.js.map} +1 -1
- package/dist/components/{p-clDpFcdU.js → p-DDBLO7bY.js} +2 -2
- package/dist/components/p-Du9UUSJ5.js +2 -0
- package/dist/components/p-Du9UUSJ5.js.map +1 -0
- package/dist/components/p-JsVSx7ZR.js +2 -0
- package/dist/components/p-JsVSx7ZR.js.map +1 -0
- package/dist/components/{p-3bRWSqaN.js → p-WdtWRvVr.js} +2 -2
- package/dist/components/{p-Mx6VFEQc.js → p-_zP4v-Al.js} +2 -2
- package/dist/components/p-_zP4v-Al.js.map +1 -0
- package/dist/components/{p-DsiueSMI.js → p-auwU64d8.js} +2 -2
- package/dist/components/p-f0a1l4Uc.js +2 -0
- package/dist/components/p-f0a1l4Uc.js.map +1 -0
- package/dist/docs/components.json +1974 -237
- package/dist/framework/angular.d.ts +1 -0
- package/dist/framework/angular.js +1 -0
- package/dist/framework/select-multi-value-accessor.d.ts +9 -0
- package/dist/framework/select-multi-value-accessor.js +40 -0
- package/dist/lib/components/Menu/menu-position.d.ts +6 -19
- package/dist/lib/utils/anchored-popup.d.ts +19 -0
- package/dist/react/components.d.ts +1 -0
- package/dist/react/components.js +1 -0
- package/dist/react/ds-select-multi.d.ts +14 -0
- package/dist/react/ds-select-multi.js +16 -0
- package/dist/react/ds-select.d.ts +2 -0
- package/dist/react/ds-select.js +5 -1
- package/dist/types/components/Badge/Badge.d.ts +2 -0
- package/dist/types/components/ButtonFilled/ButtonFilled.d.ts +2 -0
- package/dist/types/components/ButtonUnfilled/ButtonUnfilled.d.ts +2 -0
- package/dist/types/components/Checkbox/Checkbox.d.ts +16 -0
- package/dist/types/components/Checkbox/index.d.ts +1 -1
- package/dist/types/components/EmptyState/EmptyState.d.ts +6 -5
- package/dist/types/components/Menu/menu-position.d.ts +6 -19
- package/dist/types/components/Select/Select.d.ts +94 -48
- package/dist/types/components/Select/index.d.ts +1 -1
- package/dist/types/components/SelectMulti/SelectMulti.d.ts +131 -0
- package/dist/types/components/SelectMulti/index.d.ts +2 -0
- package/dist/types/components/Text/Text.d.ts +1 -0
- package/dist/types/components.d.ts +683 -55
- package/dist/types/utils/anchored-popup.d.ts +20 -0
- package/dist/types/utils/choice-list-parts.d.ts +33 -0
- package/dist/types/utils/choice-list.d.ts +26 -0
- package/package.json +8 -5
- package/dist/components/p-Ca1H1HPf.js +0 -2
- package/dist/components/p-Ca1H1HPf.js.map +0 -1
- package/dist/components/p-CpX87AQy.js +0 -2
- package/dist/components/p-CpX87AQy.js.map +0 -1
- package/dist/components/p-CyMmsNCF.js +0 -2
- package/dist/components/p-CyMmsNCF.js.map +0 -1
- package/dist/components/p-Mx6VFEQc.js.map +0 -1
- /package/dist/components/{p-CPD_mML6.js.map → p-B2FhhQba.js.map} +0 -0
- /package/dist/components/{p-DoZU8RH0.js.map → p-BMbadvZo.js.map} +0 -0
- /package/dist/components/{p-B8ERbwc9.js.map → p-BcB-zkOx.js.map} +0 -0
- /package/dist/components/{p-DavEAOUa.js.map → p-Ckiwpsgw.js.map} +0 -0
- /package/dist/components/{p-clDpFcdU.js.map → p-DDBLO7bY.js.map} +0 -0
- /package/dist/components/{p-3bRWSqaN.js.map → p-WdtWRvVr.js.map} +0 -0
- /package/dist/components/{p-DsiueSMI.js.map → p-auwU64d8.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as i,h as o,a as s,t as a}from"./index.js";import{d as e}from"./p-
|
|
1
|
+
import{p as t,H as i,h as o,a as s,t as a}from"./index.js";import{d as e}from"./p-CwaC4wLu.js";import{T as n}from"./p-drBA73M_.js";import{a as d}from"./p-BHtg1fh3.js";const r=()=>`.ds-control--md.sc-ds-tooltip-data-viz-h,.ds-control--md.sc-ds-tooltip-data-viz{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050);--ds-control-radius:var(--dimension-radius-025)}.ds-control--sm.sc-ds-tooltip-data-viz-h,.ds-control--sm.sc-ds-tooltip-data-viz{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025);--ds-control-radius:var(--dimension-radius-025)}.ds-control--xs.sc-ds-tooltip-data-viz-h,.ds-control--xs.sc-ds-tooltip-data-viz{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0;--ds-control-radius:var(--dimension-radius-025)}.sc-ds-tooltip-data-viz-h{position:absolute;z-index:var(--dimension-z-index-tooltip);display:block;box-sizing:border-box;background-color:var(--color-translucent-translucent);backdrop-filter:blur(var(--effect-blur-md));-webkit-backdrop-filter:blur(var(--effect-blur-md));border-radius:var(--ds-control-radius, var(--dimension-radius-025));box-shadow:var(--effect-elevation-elevated-floating);white-space:nowrap;pointer-events:none;opacity:0}.tooltip-data-viz--visible.sc-ds-tooltip-data-viz-h{animation:tooltip-data-viz-fade-in var(--effect-motion-short-2) forwards}.tooltip-data-viz__item.sc-ds-tooltip-data-viz{box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));display:flex;align-items:center;gap:var(--dimension-space-025);padding:0 var(--ds-control-padding-inline, var(--dimension-space-075))}.tooltip-data-viz__label.sc-ds-tooltip-data-viz,.tooltip-data-viz__value.sc-ds-tooltip-data-viz{padding:0 var(--ds-control-label-inset, var(--dimension-space-025))}@keyframes tooltip-data-viz-fade-in{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tooltip-data-viz--visible.sc-ds-tooltip-data-viz-h{animation:none;opacity:1}}`;const l=12;const c=8;const p=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.value="";this.label="";this.x=0;this.y=0;this.delay=n.animationDelayInstant;this.side="right";this.align="bottom";this.visible=false;this.delayTimer=null}componentDidLoad(){this.scheduleShow();this.calculatePlacement()}disconnectedCallback(){this.clearDelayTimer()}onAnchorChange(){requestAnimationFrame((()=>this.calculatePlacement()))}onDelayChange(){if(!this.visible)this.scheduleShow()}get showDelayMs(){return d(this.delay,n.animationDelayInstant)}clearDelayTimer(){if(this.delayTimer){clearTimeout(this.delayTimer);this.delayTimer=null}}scheduleShow(){this.clearDelayTimer();this.visible=false;const t=this.showDelayMs;if(t<=0){this.visible=true;return}this.delayTimer=setTimeout((()=>{this.delayTimer=null;this.visible=true;requestAnimationFrame((()=>this.calculatePlacement()))}),t)}calculatePlacement(){const t=this.el.getBoundingClientRect();if(!t.width||!t.height)return;const i=t.right>window.innerWidth-c?"left":"right";const o=t.bottom>window.innerHeight-c?"top":"bottom";if(i!==this.side)this.side=i;if(o!==this.align)this.align=o}render(){const t=this.side==="right"?`${l}px`:`calc(-100% - ${l}px)`;const i=this.align==="bottom"?`${l}px`:`calc(-100% - ${l}px)`;return o(s,{key:"5148b488ad56ef3d409546da93d9dc27d69a4d12",class:{"tooltip-data-viz":true,"tooltip-data-viz--visible":this.visible},style:{left:`${this.x}px`,top:`${this.y}px`,transform:`translate(${t}, ${i})`}},o("div",{key:"8d74e5486c3b8998b3c3793b210b2842f62b7646",class:"tooltip-data-viz__item ds-control--md"},o("ds-text",{key:"a60d361b1b6fbcefc7749ea6aa2735f255ab2209",class:"tooltip-data-viz__label",as:"span",variant:"text-body-medium",color:"var(--color-translucent-foreground-secondary)"},this.label),o("ds-text",{key:"2843382bdb9b51ab8fb5326aef7ca7275f1bc5c1",class:"tooltip-data-viz__value",as:"span",variant:"text-body-medium",emphasis:true,color:"var(--color-translucent-foreground-primary)"},this.value)))}get el(){return this}static get watchers(){return{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}}static get style(){return r()}},[2,"ds-tooltip-data-viz",{value:[8],label:[1],x:[2],y:[2],delay:[8],side:[32],align:[32],visible:[32]},undefined,{x:[{onAnchorChange:0}],y:[{onAnchorChange:0}],delay:[{onDelayChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const t=["ds-tooltip-data-viz","ds-text"];t.forEach((t=>{switch(t){case"ds-tooltip-data-viz":if(!customElements.get(a(t))){customElements.define(a(t),p)}break;case"ds-text":if(!customElements.get(a(t))){e()}break}}))}h();const m=p;const v=h;export{m as DsTooltipDataViz,v as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-tooltip-data-viz.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{T as o,d as s}from"./p-
|
|
1
|
+
import{T as o,d as s}from"./p-WdtWRvVr.js";const t=o;const r=s;export{t as DsTooltip,r as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ds-tooltip.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as d,H as r,h as a,a as e,t as s}from"./index.js";import{d as i}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as d,H as r,h as a,a as e,t as s}from"./index.js";import{d as i}from"./p-CwaC4wLu.js";const c=()=>`.sc-ds-card-h{display:flex;flex-direction:column;box-sizing:border-box;width:var(--_card-width);min-height:var(--_card-min-height);max-width:100%;border:none;border-radius:var(--dimension-radius-025);background-color:var(--color-background-primary);box-shadow:0 0 0 var(--dimension-stroke-width-012) var(--color-border-tertiary);overflow:hidden}.card--editing.sc-ds-card-h{background-color:var(--color-background-bold-brand);box-shadow:0 0 0 var(--dimension-stroke-width-025) var(--color-border-bold-brand)}.card__header.sc-ds-card{display:flex;align-items:center;justify-content:space-between;gap:var(--dimension-space-100);height:var(--dimension-size-600);flex-shrink:0;padding:var(--dimension-space-100);background-color:var(--color-background-secondary);border-bottom:var(--dimension-stroke-width-012) solid var(--color-border-tertiary);box-sizing:border-box}.card--editing.sc-ds-card-h .card__header.sc-ds-card{background-color:transparent;border-bottom-color:transparent}ds-text.card__title.sc-ds-card{flex:1 1 auto;min-width:0;display:flex;align-items:center;box-sizing:border-box;padding:calc( var(--dimension-space-075) + var(--dimension-space-025) );-webkit-user-select:none;user-select:none}.card__actions.sc-ds-card{display:flex;flex-shrink:0;align-items:center;gap:var(--dimension-space-100)}.card__actions.sc-ds-card:empty{display:none}.card__body.sc-ds-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-radius:0 0 var(--dimension-radius-025) var(--dimension-radius-025);background-color:var(--color-background-primary);box-sizing:border-box}.card--editing.sc-ds-card-h .card__body.sc-ds-card{border-radius:var(--dimension-radius-025)}`;const o={sm:"var(--dimension-card-width-sm)",md:"var(--dimension-card-width-md)",lg:"var(--dimension-card-width-lg)"};const n={sm:"var(--dimension-card-height-sm)",md:"var(--dimension-card-height-md)",lg:"var(--dimension-card-height-lg)"};const t="var(--color-foreground-faint-brand)";const b=d(class d extends r{constructor(d){super();if(d!==false){this.__registerHost()}this.cardWidth="md";this.appearance="default"}render(){const d=this.appearance==="editing";return a(e,{key:"9aa61d42e716d0f272c9789e216ec8716ead2bb8",class:{card:true,"card--editing":d},style:{"--_card-width":o[this.cardWidth],"--_card-min-height":n[this.cardWidth]}},a("header",{key:"d41b866be284957d8be5b030ca3c38f8bbe7edf5",class:"card__header"},a("ds-text",{key:"da32d2c64a179c3b1a48f10c315e13ed5400b08a",class:"card__title",variant:"text-title-small",emphasis:true,color:d?t:"primary",as:"h2"},this.heading),a("div",{key:"ae8d2a34bf18c99fb629b6de66c7c403926d7376",class:"card__actions"},a("slot",{key:"bd5b416ff71d54644e26b62f1e57e3069ff6f739",name:"actions"}))),a("div",{key:"5fa5b262b175afac339fba3f9af23749d23b3e4b",class:"card__body"},a("slot",{key:"71bce7292ecdf0aba3830aac1790c5e097ba30a8"})))}static get style(){return c()}},[262,"ds-card",{heading:[1],cardWidth:[1,"card-width"],appearance:[1]}]);function l(){if(typeof customElements==="undefined"){return}const d=["ds-card","ds-text"];d.forEach((d=>{switch(d){case"ds-card":if(!customElements.get(s(d))){customElements.define(s(d),b)}break;case"ds-text":if(!customElements.get(s(d))){i()}break}}))}l();export{b as C,l as d};
|
|
2
|
+
//# sourceMappingURL=p-B2FhhQba.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{p as s,H as i,c as o,h as e,a as c,t as n}from"./index.js";import{d as t}from"./p-BMbadvZo.js";import{d as r}from"./p-CwaC4wLu.js";const a=()=>`.ds-control-inactive.sc-ds-checkbox-h,.ds-control-inactive.sc-ds-checkbox{opacity:0.25;pointer-events:none;cursor:not-allowed}.ds-control--md.sc-ds-checkbox-h,.ds-control--md.sc-ds-checkbox{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050);--ds-control-radius:var(--dimension-radius-025)}.ds-control--sm.sc-ds-checkbox-h,.ds-control--sm.sc-ds-checkbox{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025);--ds-control-radius:var(--dimension-radius-025)}.ds-control--xs.sc-ds-checkbox-h,.ds-control--xs.sc-ds-checkbox{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0;--ds-control-radius:var(--dimension-radius-025)}.sc-ds-checkbox-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-checkbox-h:focus-visible,.ds-focus-ring.sc-ds-checkbox: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-checkbox-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-checkbox{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-checkbox-h:focus-visible,.ds-focus-ring-inset.sc-ds-checkbox:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-checkbox-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-checkbox: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-checkbox-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-checkbox{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-checkbox-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-checkbox::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-interaction-fill.sc-ds-checkbox-h,.ds-interaction-fill.sc-ds-checkbox{position:relative;z-index:0;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent}.ds-interaction-fill.sc-ds-checkbox-h::before,.ds-interaction-fill.sc-ds-checkbox::before,.ds-interaction-fill.sc-ds-checkbox-h::after,.ds-interaction-fill.sc-ds-checkbox::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:none}.ds-interaction-fill.sc-ds-checkbox-h::before,.ds-interaction-fill.sc-ds-checkbox::before{z-index:1}.ds-interaction-fill.sc-ds-checkbox-h::after,.ds-interaction-fill.sc-ds-checkbox::after{z-index:3;box-shadow:inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-checkbox-h,.ds-interaction-fill--bordered.sc-ds-checkbox{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-checkbox-h::before,.ds-interaction-fill--selected.sc-ds-checkbox::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-checkbox-h,.ds-interaction-fill--selected.sc-ds-checkbox{--ds-interaction-dot-ring:var(--ds-interaction-active)}.ds-interaction-fill.sc-ds-checkbox-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-checkbox:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}.ds-interaction-fill.sc-ds-checkbox-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-checkbox:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill.sc-ds-checkbox-h>.ds-interaction-fill__content.sc-ds-checkbox,.ds-interaction-fill.sc-ds-checkbox>.ds-interaction-fill__content.sc-ds-checkbox,.ds-interaction-fill__content.sc-ds-checkbox{position:relative;z-index:2}.ds-interaction-fill--on-faint.sc-ds-checkbox-h,.ds-interaction-fill--on-faint.sc-ds-checkbox{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-checkbox-h,.ds-interaction-fill--on-medium.sc-ds-checkbox{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-checkbox-h,.ds-interaction-fill--on-bold.sc-ds-checkbox{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-checkbox-h,.ds-interaction-fill--on-strong.sc-ds-checkbox{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-checkbox-h,.ds-interaction-fill--on-translucent.sc-ds-checkbox{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-checkbox-h,.ds-interaction-fill--on-inverted.sc-ds-checkbox{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-checkbox-h,.ds-interaction-fill--on-media.sc-ds-checkbox{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-checkbox-h,.ds-interaction-fill--on-always-dark.sc-ds-checkbox{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-checkbox-h,.ds-interaction-fill--on-navigation.sc-ds-checkbox{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.sc-ds-checkbox-h{display:inline-flex;align-items:center;box-sizing:border-box;gap:var(--ds-control-gap);height:var(--ds-control-height);padding:0 var(--ds-control-padding-inline);border-radius:var(--ds-control-radius);cursor:pointer;user-select:none}.checkbox--presentation.sc-ds-checkbox-h{width:var(--ds-control-icon);height:var(--ds-control-icon);padding:0;gap:0;pointer-events:none}.checkbox--md.sc-ds-checkbox-h{--_checkbox-box:var(--dimension-iconography-sm)}.checkbox--sm.sc-ds-checkbox-h{--_checkbox-box:var(--dimension-iconography-xs)}.checkbox--xs.sc-ds-checkbox-h{--_checkbox-box:var(--dimension-size-100)}.checkbox__placement.sc-ds-checkbox{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ds-control-icon);height:var(--ds-control-icon)}.box.sc-ds-checkbox{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--_checkbox-box);height:var(--_checkbox-box);border:0;border-radius:var(--dimension-radius-025);box-shadow:inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-secondary);transition:background-color var(--effect-motion-short-2)}.box--marked.sc-ds-checkbox{color:var(--color-foreground-on-bold-background-primary);background-color:var(--color-background-bold-brand)}.checkmark.sc-ds-checkbox{flex-shrink:0}.checkmark--xs.sc-ds-checkbox{transform:scale(0.6667)}.checkbox__label.sc-ds-checkbox{flex:1;min-width:0;padding:0 var(--ds-control-label-inset)}`;const d={md:"text-body-medium",sm:"text-body-small",xs:"text-caption"};const l={md:"sm",sm:"xs",xs:"xs"};let h=0;const b=s(class s extends i{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=o(this,"dsChange");this.internals=this.attachInternals();this.labelId=`ds-checkbox-label-${++h}`;this.checked=false;this.size="md";this.value="on";this.disabled=false;this.required=false;this.requiredMessage="This field is required.";this.indeterminate=false;this.isInactive=false;this.presentation=false;this.initialChecked=false;this.initialIndeterminate=false;this.formDisabled=false;this.handleActivate=()=>{if(this.isInactive||this.disabled||this.formDisabled||this.presentation)return;if(this.indeterminate)this.indeterminate=false;this.checked=!this.checked;this.dsChange.emit(this.checked)};this.handleKeyDown=s=>{if(s.key==="Enter"||s.key===" "){s.preventDefault();this.handleActivate()}}}componentWillLoad(){this.initialChecked=this.checked;this.initialIndeterminate=this.indeterminate;this.syncFormValue()}syncFormValue(){const s=this.isInactive||this.disabled||this.formDisabled||this.presentation;this.internals.setFormValue(!s&&this.checked?this.value:null);const i=this.required&&!s&&!this.checked;this.internals.setValidity(i?{valueMissing:true}:{},i?this.requiredMessage:"")}formDisabledCallback(s){this.formDisabled=s;this.syncFormValue()}formResetCallback(){this.checked=this.initialChecked;this.indeterminate=this.initialIndeterminate}render(){const s=this.isInactive||this.disabled||this.formDisabled;const i=this.checked||this.indeterminate;const o=this.indeterminate?"Subtract":"Check";return e(c,{key:"ac93155a8bf1a30c3394772e9227569897126cca",role:this.presentation?undefined:"checkbox","aria-checked":this.presentation?undefined:this.indeterminate?"mixed":String(this.checked),"aria-disabled":!this.presentation&&s?"true":undefined,"aria-labelledby":this.presentation?undefined:this.labelId,"aria-hidden":this.presentation?"true":undefined,tabIndex:this.presentation||s?-1:0,class:{checkbox:true,"checkbox--presentation":this.presentation,[`checkbox--${this.size}`]:true,[`ds-control--${this.size}`]:true,"ds-control-inactive":s&&!this.presentation,"ds-focus-ring-inset":!this.presentation,"ds-interaction-fill":!s&&!this.presentation},onClick:this.presentation?undefined:this.handleActivate,onKeyDown:this.presentation?undefined:this.handleKeyDown},e("span",{key:"4e62e5996d62ec899783c8f61dd6710754b94784",class:"checkbox__placement ds-interaction-fill__content","aria-hidden":"true"},e("span",{key:"7b98c304bcb77e9ba1ddc52b959aeedf15a71cc9",class:{box:true,"box--marked":i}},i&&e("ds-icon",{key:"98265e84a5b26502b481a797ff31fcf190e67ca0",class:{checkmark:true,"checkmark--xs":this.size==="xs"},name:o,size:l[this.size],color:"inherit"}))),!this.presentation&&e("ds-text",{key:"cda17523f0e32f207a393bcdcf58200db9fdd83b",class:"checkbox__label ds-interaction-fill__content",as:"span",variant:d[this.size],textId:this.labelId},this.label))}static get formAssociated(){return true}static get watchers(){return{checked:[{syncFormValue:0}],value:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],required:[{syncFormValue:0}],presentation:[{syncFormValue:0}]}}static get style(){return a()}},[66,"ds-checkbox",{label:[1],checked:[1028],size:[1],name:[513],value:[1],disabled:[516],required:[516],requiredMessage:[1,"required-message"],indeterminate:[1028],isInactive:[4,"is-inactive"],presentation:[4],formDisabled:[32]},undefined,{checked:[{syncFormValue:0}],value:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],required:[{syncFormValue:0}],presentation:[{syncFormValue:0}]}]);function f(){if(typeof customElements==="undefined"){return}const s=["ds-checkbox","ds-icon","ds-text"];s.forEach((s=>{switch(s){case"ds-checkbox":if(!customElements.get(n(s))){customElements.define(n(s),b)}break;case"ds-icon":if(!customElements.get(n(s))){t()}break;case"ds-text":if(!customElements.get(n(s))){r()}break}}))}f();export{b as C,f as d};
|
|
2
|
+
//# sourceMappingURL=p-BEmVLLnN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["checkboxCss","LABEL_VARIANT","md","sm","xs","GLYPH_SIZE","idCounter","Checkbox","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","labelId","checked","size","value","disabled","required","requiredMessage","indeterminate","isInactive","presentation","initialChecked","initialIndeterminate","formDisabled","handleActivate","dsChange","emit","handleKeyDown","e","key","preventDefault","componentWillLoad","syncFormValue","inactive","internals","setFormValue","missing","setValidity","valueMissing","formDisabledCallback","formResetCallback","render","isMarked","icon","h","Host","role","undefined","String","tabIndex","class","checkbox","onClick","onKeyDown","box","checkmark","name","color","as","variant","textId","label"],"sources":["src/wc/components/Checkbox/Checkbox.css?tag=ds-checkbox&encapsulation=scoped","src/wc/components/Checkbox/Checkbox.tsx"],"sourcesContent":["@import '../../utils/control-inactive.css';\n@import '../../utils/control-density.css';\n@import '../../utils/focus-ring.css';\n@import '../../utils/interaction-fill.css';\n\n:host {\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n gap: var(--ds-control-gap);\n height: var(--ds-control-height);\n padding: 0 var(--ds-control-padding-inline);\n border-radius: var(--ds-control-radius);\n cursor: pointer;\n user-select: none;\n}\n\n:host(.checkbox--presentation) {\n width: var(--ds-control-icon);\n height: var(--ds-control-icon);\n padding: 0;\n gap: 0;\n pointer-events: none;\n}\n\n/* Inactive: `.ds-control-inactive` (25% opacity). */\n\n:host(.checkbox--md) {\n --_checkbox-box: var(--dimension-iconography-sm);\n}\n\n:host(.checkbox--sm) {\n --_checkbox-box: var(--dimension-iconography-xs);\n}\n\n:host(.checkbox--xs) {\n --_checkbox-box: var(--dimension-size-100);\n}\n\n.checkbox__placement {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--ds-control-icon);\n height: var(--ds-control-icon);\n}\n\n.box {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: var(--_checkbox-box);\n height: var(--_checkbox-box);\n border: 0;\n border-radius: var(--dimension-radius-025);\n box-shadow: inset 0 0 0 var(--dimension-stroke-width-012) var(--color-border-secondary);\n transition:\n background-color var(--effect-motion-short-2);\n}\n\n.box--marked {\n color: var(--color-foreground-on-bold-background-primary);\n background-color: var(--color-background-bold-brand);\n}\n\n.checkmark {\n flex-shrink: 0;\n}\n\n.checkmark--xs {\n transform: scale(0.6667);\n}\n\n.checkbox__label {\n flex: 1;\n min-width: 0;\n padding: 0 var(--ds-control-label-inset);\n}\n","import { AttachInternals, Component, Prop, State, Event, EventEmitter, Watch, h, Host } from '@stencil/core';\n\nexport type CheckboxSize = 'md' | 'sm' | 'xs';\n\nconst LABEL_VARIANT: Record<CheckboxSize, 'text-body-medium' | 'text-body-small' | 'text-caption'> = {\n md: 'text-body-medium',\n sm: 'text-body-small',\n xs: 'text-caption',\n};\n\nconst GLYPH_SIZE: Record<CheckboxSize, 'sm' | 'xs'> = {\n md: 'sm',\n sm: 'xs',\n xs: 'xs',\n};\n\nlet idCounter = 0;\n\n@Component({\n tag: 'ds-checkbox',\n styleUrl: 'Checkbox.css',\n scoped: true,\n formAssociated: true,\n})\nexport class Checkbox {\n @AttachInternals() internals!: ElementInternals;\n private labelId = `ds-checkbox-label-${++idCounter}`;\n\n /** Visible label and accessible name. Omitted only in presentation mode. */\n @Prop() label!: string;\n /** Current checked state. */\n @Prop({ mutable: true }) checked: boolean = false;\n /** Visual and placement density. */\n @Prop() size: CheckboxSize = 'md';\n /** Native form field name. */\n @Prop({ reflect: true }) name: string | undefined;\n /** Submitted value when checked. */\n @Prop() value: string = 'on';\n /** Native disabled state. */\n @Prop({ reflect: true }) disabled: boolean = false;\n /** Require the checkbox to be checked for form validity. */\n @Prop({ reflect: true }) required: boolean = false;\n /** Validation message used when a required checkbox is unchecked. */\n @Prop() requiredMessage: string = 'This field is required.';\n /** Mixed visual state. Activation clears it before toggling checked. */\n @Prop({ mutable: true }) indeterminate: boolean = false;\n /** Design-system inactive state. */\n @Prop() isInactive: boolean = false;\n /** Visual-only indicator for a composite control that owns selection semantics. */\n @Prop() presentation: boolean = false;\n\n /** Emitted after user activation with the new checked state. */\n @Event() dsChange!: EventEmitter<boolean>;\n\n private initialChecked = false;\n private initialIndeterminate = false;\n @State() private formDisabled = false;\n\n componentWillLoad() {\n this.initialChecked = this.checked;\n this.initialIndeterminate = this.indeterminate;\n this.syncFormValue();\n }\n\n @Watch('checked')\n @Watch('value')\n @Watch('disabled')\n @Watch('isInactive')\n @Watch('required')\n @Watch('presentation')\n syncFormValue() {\n const inactive = this.isInactive || this.disabled || this.formDisabled || this.presentation;\n this.internals.setFormValue(!inactive && this.checked ? this.value : null);\n const missing = this.required && !inactive && !this.checked;\n this.internals.setValidity(missing ? { valueMissing: true } : {}, missing ? this.requiredMessage : '');\n }\n\n formDisabledCallback(disabled: boolean) {\n this.formDisabled = disabled;\n this.syncFormValue();\n }\n\n formResetCallback() {\n this.checked = this.initialChecked;\n this.indeterminate = this.initialIndeterminate;\n }\n\n private handleActivate = () => {\n if (this.isInactive || this.disabled || this.formDisabled || this.presentation) return;\n if (this.indeterminate) this.indeterminate = false;\n this.checked = !this.checked;\n this.dsChange.emit(this.checked);\n };\n\n private handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this.handleActivate();\n }\n };\n\n render() {\n const inactive = this.isInactive || this.disabled || this.formDisabled;\n const isMarked = this.checked || this.indeterminate;\n const icon = this.indeterminate ? 'Subtract' : 'Check';\n\n return (\n <Host\n role={this.presentation ? undefined : 'checkbox'}\n aria-checked={this.presentation ? undefined : this.indeterminate ? 'mixed' : String(this.checked)}\n aria-disabled={!this.presentation && inactive ? 'true' : undefined}\n aria-labelledby={this.presentation ? undefined : this.labelId}\n aria-hidden={this.presentation ? 'true' : undefined}\n tabIndex={this.presentation || inactive ? -1 : 0}\n class={{\n checkbox: true,\n 'checkbox--presentation': this.presentation,\n [`checkbox--${this.size}`]: true,\n [`ds-control--${this.size}`]: true,\n 'ds-control-inactive': inactive && !this.presentation,\n 'ds-focus-ring-inset': !this.presentation,\n 'ds-interaction-fill': !inactive && !this.presentation,\n }}\n onClick={this.presentation ? undefined : this.handleActivate}\n onKeyDown={this.presentation ? undefined : this.handleKeyDown}\n >\n <span class=\"checkbox__placement ds-interaction-fill__content\" aria-hidden=\"true\">\n <span class={{ box: true, 'box--marked': isMarked }}>\n {isMarked && (\n <ds-icon\n class={{\n checkmark: true,\n 'checkmark--xs': this.size === 'xs',\n }}\n name={icon}\n size={GLYPH_SIZE[this.size]}\n color=\"inherit\"\n />\n )}\n </span>\n </span>\n {!this.presentation && (\n <ds-text\n class=\"checkbox__label ds-interaction-fill__content\"\n as=\"span\"\n variant={LABEL_VARIANT[this.size]}\n textId={this.labelId}\n >\n {this.label}\n </ds-text>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"0IAAA,MAAMA,EAAc,IAAM,g+RCI1B,MAAMC,EAA+F,CACnGC,GAAI,mBACJC,GAAI,kBACJC,GAAI,gBAGN,MAAMC,EAAgD,CACpDH,GAAI,KACJC,GAAI,KACJC,GAAI,MAGN,IAAIE,EAAY,E,MAQHC,EAAQC,EAAA,MAAAD,UAAAE,EANrB,WAAAC,CAAAC,G,mHAQUC,KAAAC,QAAU,uBAAuBP,IAKhBM,KAAAE,QAAmB,MAEpCF,KAAAG,KAAqB,KAIrBH,KAAAI,MAAgB,KAECJ,KAAAK,SAAoB,MAEpBL,KAAAM,SAAoB,MAErCN,KAAAO,gBAA0B,0BAETP,KAAAQ,cAAyB,MAE1CR,KAAAS,WAAsB,MAEtBT,KAAAU,aAAwB,MAKxBV,KAAAW,eAAiB,MACjBX,KAAAY,qBAAuB,MACdZ,KAAAa,aAAe,MA+BxBb,KAAAc,eAAiB,KACvB,GAAId,KAAKS,YAAcT,KAAKK,UAAYL,KAAKa,cAAgBb,KAAKU,aAAc,OAChF,GAAIV,KAAKQ,cAAeR,KAAKQ,cAAgB,MAC7CR,KAAKE,SAAWF,KAAKE,QACrBF,KAAKe,SAASC,KAAKhB,KAAKE,QAAQ,EAG1BF,KAAAiB,cAAiBC,IACvB,GAAIA,EAAEC,MAAQ,SAAWD,EAAEC,MAAQ,IAAK,CACtCD,EAAEE,iBACFpB,KAAKc,gB,EAyDV,CAhGC,iBAAAO,GACErB,KAAKW,eAAiBX,KAAKE,QAC3BF,KAAKY,qBAAuBZ,KAAKQ,cACjCR,KAAKsB,e,CASP,aAAAA,GACE,MAAMC,EAAWvB,KAAKS,YAAcT,KAAKK,UAAYL,KAAKa,cAAgBb,KAAKU,aAC/EV,KAAKwB,UAAUC,cAAcF,GAAYvB,KAAKE,QAAUF,KAAKI,MAAQ,MACrE,MAAMsB,EAAU1B,KAAKM,WAAaiB,IAAavB,KAAKE,QACpDF,KAAKwB,UAAUG,YAAYD,EAAU,CAAEE,aAAc,MAAS,GAAIF,EAAU1B,KAAKO,gBAAkB,G,CAGrG,oBAAAsB,CAAqBxB,GACnBL,KAAKa,aAAeR,EACpBL,KAAKsB,e,CAGP,iBAAAQ,GACE9B,KAAKE,QAAUF,KAAKW,eACpBX,KAAKQ,cAAgBR,KAAKY,oB,CAiB5B,MAAAmB,GACE,MAAMR,EAAWvB,KAAKS,YAAcT,KAAKK,UAAYL,KAAKa,aAC1D,MAAMmB,EAAWhC,KAAKE,SAAWF,KAAKQ,cACtC,MAAMyB,EAAOjC,KAAKQ,cAAgB,WAAa,QAE/C,OACE0B,EAACC,EAAI,CAAAhB,IAAA,2CACHiB,KAAMpC,KAAKU,aAAe2B,UAAY,WAAU,eAClCrC,KAAKU,aAAe2B,UAAYrC,KAAKQ,cAAgB,QAAU8B,OAAOtC,KAAKE,SAAQ,iBACjFF,KAAKU,cAAgBa,EAAW,OAASc,UAAS,kBACjDrC,KAAKU,aAAe2B,UAAYrC,KAAKC,QAAO,cAChDD,KAAKU,aAAe,OAAS2B,UAC1CE,SAAUvC,KAAKU,cAAgBa,GAAW,EAAK,EAC/CiB,MAAO,CACLC,SAAU,KACV,yBAA0BzC,KAAKU,aAC/B,CAAC,aAAaV,KAAKG,QAAS,KAC5B,CAAC,eAAeH,KAAKG,QAAS,KAC9B,sBAAuBoB,IAAavB,KAAKU,aACzC,uBAAwBV,KAAKU,aAC7B,uBAAwBa,IAAavB,KAAKU,cAE5CgC,QAAS1C,KAAKU,aAAe2B,UAAYrC,KAAKc,eAC9C6B,UAAW3C,KAAKU,aAAe2B,UAAYrC,KAAKiB,eAEhDiB,EAAA,QAAAf,IAAA,2CAAMqB,MAAM,mDAAkD,cAAa,QACzEN,EAAA,QAAAf,IAAA,2CAAMqB,MAAO,CAAEI,IAAK,KAAM,cAAeZ,IACtCA,GACCE,EAAA,WAAAf,IAAA,2CACEqB,MAAO,CACLK,UAAW,KACX,gBAAiB7C,KAAKG,OAAS,MAEjC2C,KAAMb,EACN9B,KAAMV,EAAWO,KAAKG,MACtB4C,MAAM,eAKZ/C,KAAKU,cACLwB,EAAA,WAAAf,IAAA,2CACEqB,MAAM,+CACNQ,GAAG,OACHC,QAAS5D,EAAcW,KAAKG,MAC5B+C,OAAQlD,KAAKC,SAEZD,KAAKmD,O","ignoreList":[]}
|
|
@@ -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:inherit;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.color="inherit";this.svg="";this.loadToken=0;this.renderedSvg=null}resolveSvg(){const o=this.name.startsWith("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:"2985ca32baf327f68533f0590e3c85380a45e0da",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},s("span",{key:"21144c3c7766547357dbae149c9ab2323bbd2a49",class:i,style:n,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},s("span",{key:"726b667306878231551d2d8ce85ec5896fde7c23",class:"icon__svg"})))}get el(){return this}static get watchers(){return{name:[{onIconChange:0}]}}static get style(){return v()}},[2,"ds-icon",{name:[1],size:[1],color:[1],label:[1],svg:[32]},undefined,{name:[{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:inherit;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.color="inherit";this.svg="";this.loadToken=0;this.renderedSvg=null}resolveSvg(){const o=this.name.startsWith("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:"0768943003aadc5027c5618cb8e0461a7220d47e",style:{display:"inline-flex",alignItems:"center",justifyContent:"center"}},s("span",{key:"0a5d5fdcc1df7e9e2f76c9bc49c7371f6d1d95ff",class:i,style:n,role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":!this.label?"true":undefined},s("span",{key:"23b1b2fe51b42225d30a6bd21f9027ff26ae6673",class:"icon__svg"})))}get el(){return this}static get watchers(){return{name:[{onIconChange:0}]}}static get style(){return v()}},[2,"ds-icon",{name:[1],size:[1],color:[1],label:[1],svg:[32]},undefined,{name:[{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-BMbadvZo.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as i,H as t,c as e,h as s,a as n,t as o}from"./index.js";const r=()=>`:host{--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)}:host(.ds-focus-ring:focus-visible),.ds-focus-ring:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring.ds-focus-ring--visible),.ds-focus-ring.ds-focus-ring--visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring-inset:focus-visible),.ds-focus-ring-inset:focus-visible{outline:none}:host(.ds-focus-ring-inset:focus-visible)::after,.ds-focus-ring-inset:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}:host(.ds-focus-ring-inset.ds-focus-ring--visible),.ds-focus-ring-inset.ds-focus-ring--visible{outline:none}:host(.ds-focus-ring-inset.ds-focus-ring--visible)::after,.ds-focus-ring-inset.ds-focus-ring--visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}:host(.ds-interaction-fill),.ds-interaction-fill{position:relative;z-index:0;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before,:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:none}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before{z-index:1}:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{z-index:3;box-shadow:inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}:host(.ds-interaction-fill--bordered),.ds-interaction-fill--bordered{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}:host(.ds-interaction-fill--selected)::before,.ds-interaction-fill--selected::before{background:var(--ds-interaction-active)}:host(.ds-interaction-fill--selected),.ds-interaction-fill--selected{--ds-interaction-dot-ring:var(--ds-interaction-active)}:host(.ds-interaction-fill:hover:not(:disabled))::after,.ds-interaction-fill:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}:host(.ds-interaction-fill:active:not(:disabled))::after,.ds-interaction-fill:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}:host(.ds-interaction-fill)>.ds-interaction-fill__content,.ds-interaction-fill>.ds-interaction-fill__content,.ds-interaction-fill__content{position:relative;z-index:2}:host(.ds-interaction-fill--on-faint),.ds-interaction-fill--on-faint{--ds-interaction-active:var(--color-interaction-active)}:host(.ds-interaction-fill--on-medium),.ds-interaction-fill--on-medium{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}:host(.ds-interaction-fill--on-bold),.ds-interaction-fill--on-bold{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}:host(.ds-interaction-fill--on-strong),.ds-interaction-fill--on-strong{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}:host(.ds-interaction-fill--on-translucent),.ds-interaction-fill--on-translucent{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}:host(.ds-interaction-fill--on-inverted),.ds-interaction-fill--on-inverted{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}:host(.ds-interaction-fill--on-media),.ds-interaction-fill--on-media{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}:host(.ds-interaction-fill--on-always-dark),.ds-interaction-fill--on-always-dark{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}:host(.ds-interaction-fill--on-navigation),.ds-interaction-fill--on-navigation{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}:host(.ds-control-inactive),.ds-control-inactive{opacity:0.25;pointer-events:none;cursor:not-allowed}:host{--ds-switch-width:calc(var(--dimension-size-400) + var(--dimension-size-050));--ds-switch-height:var(--dimension-size-300);--ds-switch-thumb-size:var(--dimension-size-200);--ds-switch-gap:var(--dimension-space-050);--ds-switch-thumb-stroke:var(--dimension-stroke-width-012);--ds-switch-inset:var(--ds-switch-gap);--ds-switch-thumb-border-color:var(--color-border-tertiary);--ds-switch-thumb-hover:var(--color-interaction-hover);--ds-switch-thumb-pressed:var(--color-interaction-pressed);--ds-switch-travel:calc( var(--ds-switch-width) - var(--ds-switch-thumb-size) - var(--ds-switch-inset) - var(--ds-switch-inset) );--ds-interaction-border-color:var(--color-border-secondary);position:relative;display:inline-flex;width:var(--ds-switch-width);height:var(--ds-switch-height);padding:0;border:none;border-radius:var(--dimension-radius-half);box-sizing:border-box;flex-shrink:0;overflow:visible;cursor:pointer;user-select:none;outline:none;background-color:var(--color-background-medium-neutral);transition:background-color var(--effect-motion-short-3)}:host(.switch.ds-interaction-fill){--ds-interaction-hover:transparent;--ds-interaction-pressed:transparent}:host(.switch--sm){--ds-switch-width:var(--dimension-size-300);--ds-switch-height:var(--dimension-size-200);--ds-switch-thumb-size:var(--dimension-size-150);--ds-switch-gap:var(--dimension-space-025)}:host(.switch--xs){--ds-switch-width:var(--dimension-size-150);--ds-switch-height:var(--dimension-size-100);--ds-switch-thumb-size:var(--dimension-size-075);--ds-switch-gap:var(--dimension-space-012)}:host(.checked){background-color:var(--color-background-bold-brand)}:host(.switch--readonly),:host(.switch--presentation){--ds-interaction-hover:transparent;--ds-interaction-pressed:transparent}:host(.switch--readonly){cursor:default}:host(.switch--presentation){pointer-events:none}.thumb{position:absolute;top:50%;left:var(--ds-switch-inset);width:var(--ds-switch-thumb-size);height:var(--ds-switch-thumb-size);border-radius:var(--dimension-radius-half);background-color:var(--color-background-primary);box-shadow:0 0 0 var(--ds-switch-thumb-stroke) var(--ds-switch-thumb-border-color);transform:translateY(-50%);transition:transform var(--effect-motion-short-3);pointer-events:none}.thumb::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none}:host(:hover:not(:disabled):not(.ds-control-inactive):not(.switch--readonly):not(.switch--presentation)) .thumb::after{background:var(--ds-switch-thumb-hover)}:host(:active:not(:disabled):not(.ds-control-inactive):not(.switch--readonly):not(.switch--presentation)) .thumb::after{background:var(--ds-switch-thumb-pressed)}:host(.checked) .thumb{transform:translate3d(var(--ds-switch-travel), -50%, 0)}:host(:dir(rtl)) .thumb{right:var(--ds-switch-inset);left:auto}:host(:dir(rtl).checked) .thumb{transform:translate3d(calc(-1 * var(--ds-switch-travel)), -50%, 0)}@media (prefers-reduced-motion: reduce){.thumb{transition:none}}`;let a=0;const c=i(class i extends t{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.dsChange=e(this,"dsChange");this.internals=this.attachInternals();this.checked=false;this.value="on";this.disabled=false;this.readOnly=false;this.required=false;this.requiredMessage="This field is required.";this.isInactive=false;this.size="md";this.presentation=false;this.initialChecked=false;this.formDisabled=false;this.handleClick=()=>{if(this.presentation||this.readOnly||this.isInactive||this.disabled||this.formDisabled)return;this.checked=!this.checked;this.dsChange.emit(this.checked)};this.handleKeyDown=i=>{if(this.presentation||this.readOnly||this.isInactive||this.disabled||this.formDisabled)return;if(i.key===" "||i.key==="Enter"){i.preventDefault();this.handleClick()}}}componentWillLoad(){this.initialChecked=this.checked;this.syncFormValue()}componentDidLoad(){this.syncNativeLabels()}syncFormValue(){const i=this.presentation||this.isInactive||this.disabled||this.formDisabled;const t=this.checked?this.value:this.uncheckedValue??null;const e=this.checked?"checked":"unchecked";this.internals.setFormValue(i?null:t,e);const s=this.required&&!i&&!this.checked;this.internals.setValidity(s?{valueMissing:true}:{},s?this.requiredMessage:"")}formDisabledCallback(i){this.formDisabled=i;this.syncFormValue()}formResetCallback(){this.checked=this.initialChecked}formStateRestoreCallback(i){this.checked=i==="checked"}syncNativeLabels(){if(this.presentation)return;if(this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby"))return;const i=Array.from(this.internals.labels).map((i=>{if(!i.id)i.id=`ds-switch-label-${++a}`;return i.id}));if(i.length)this.el.setAttribute("aria-labelledby",i.join(" "))}render(){const i=this.isInactive||this.disabled||this.formDisabled;return s(n,{key:"52b066a689334fa2e42896663e5a981677098375",role:this.presentation?undefined:"switch","aria-checked":this.presentation?undefined:String(this.checked),"aria-disabled":!this.presentation&&i?"true":undefined,"aria-readonly":!this.presentation&&this.readOnly?"true":undefined,"aria-hidden":this.presentation?"true":undefined,"data-checked":this.checked?"":undefined,"data-unchecked":!this.checked?"":undefined,"data-disabled":i?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-required":this.required?"":undefined,tabIndex:this.presentation||i?-1:0,class:{switch:true,checked:this.checked,"switch--md":this.size==="md","switch--sm":this.size==="sm","switch--xs":this.size==="xs","switch--readonly":this.readOnly,"switch--presentation":this.presentation,"ds-focus-ring":true,"ds-interaction-fill":true,"ds-interaction-fill--bordered":true,"ds-control-inactive":i},onClick:this.handleClick,onKeyDown:this.handleKeyDown},s("span",{key:"8761de0a9b1a65698bb96414bba04297e18c081a",class:"thumb ds-interaction-fill__content"}))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{checked:[{syncFormValue:0}],value:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],presentation:[{syncFormValue:0}],required:[{syncFormValue:0}]}}static get style(){return r()}},[65,"ds-switch",{checked:[1028],name:[513],value:[1],uncheckedValue:[1,"unchecked-value"],form:[513],disabled:[516],readOnly:[516,"read-only"],required:[516],requiredMessage:[1,"required-message"],isInactive:[4,"is-inactive"],size:[1],presentation:[4],formDisabled:[32]},undefined,{checked:[{syncFormValue:0}],value:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],presentation:[{syncFormValue:0}],required:[{syncFormValue:0}]}]);function d(){if(typeof customElements==="undefined"){return}const i=["ds-switch"];i.forEach((i=>{switch(i){case"ds-switch":if(!customElements.get(o(i))){customElements.define(o(i),c)}break}}))}d();export{c as S,d};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{p as i,H as t,c as e,h as s,a as n,t as o}from"./index.js";const r=()=>`:host{--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)}:host(.ds-focus-ring:focus-visible),.ds-focus-ring:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring.ds-focus-ring--visible),.ds-focus-ring.ds-focus-ring--visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:var(--ds-focus-ring-offset)}:host(.ds-focus-ring-inset:focus-visible),.ds-focus-ring-inset:focus-visible{outline:none}:host(.ds-focus-ring-inset:focus-visible)::after,.ds-focus-ring-inset:focus-visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}:host(.ds-focus-ring-inset.ds-focus-ring--visible),.ds-focus-ring-inset.ds-focus-ring--visible{outline:none}:host(.ds-focus-ring-inset.ds-focus-ring--visible)::after,.ds-focus-ring-inset.ds-focus-ring--visible::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}:host(.ds-interaction-fill),.ds-interaction-fill{position:relative;z-index:0;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before,:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:none}:host(.ds-interaction-fill)::before,.ds-interaction-fill::before{z-index:1}:host(.ds-interaction-fill)::after,.ds-interaction-fill::after{z-index:3;box-shadow:inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}:host(.ds-interaction-fill--bordered),.ds-interaction-fill--bordered{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}:host(.ds-interaction-fill--selected)::before,.ds-interaction-fill--selected::before{background:var(--ds-interaction-active)}:host(.ds-interaction-fill--selected),.ds-interaction-fill--selected{--ds-interaction-dot-ring:var(--ds-interaction-active)}:host(.ds-interaction-fill:hover:not(:disabled))::after,.ds-interaction-fill:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}:host(.ds-interaction-fill:active:not(:disabled))::after,.ds-interaction-fill:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}:host(.ds-interaction-fill)>.ds-interaction-fill__content,.ds-interaction-fill>.ds-interaction-fill__content,.ds-interaction-fill__content{position:relative;z-index:2}:host(.ds-interaction-fill--on-faint),.ds-interaction-fill--on-faint{--ds-interaction-active:var(--color-interaction-active)}:host(.ds-interaction-fill--on-medium),.ds-interaction-fill--on-medium{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}:host(.ds-interaction-fill--on-bold),.ds-interaction-fill--on-bold{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}:host(.ds-interaction-fill--on-strong),.ds-interaction-fill--on-strong{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}:host(.ds-interaction-fill--on-translucent),.ds-interaction-fill--on-translucent{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}:host(.ds-interaction-fill--on-inverted),.ds-interaction-fill--on-inverted{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}:host(.ds-interaction-fill--on-media),.ds-interaction-fill--on-media{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}:host(.ds-interaction-fill--on-always-dark),.ds-interaction-fill--on-always-dark{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}:host(.ds-interaction-fill--on-navigation),.ds-interaction-fill--on-navigation{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}:host(.ds-control-inactive),.ds-control-inactive{opacity:0.25;pointer-events:none;cursor:not-allowed}:host{--ds-switch-width:calc(var(--dimension-size-400) + var(--dimension-size-050));--ds-switch-height:var(--dimension-size-300);--ds-switch-thumb-size:var(--dimension-size-200);--ds-switch-gap:var(--dimension-space-050);--ds-switch-thumb-stroke:var(--dimension-stroke-width-012);--ds-switch-inset:var(--ds-switch-gap);--ds-switch-thumb-border-color:var(--color-border-tertiary);--ds-switch-thumb-hover:var(--color-interaction-hover);--ds-switch-thumb-pressed:var(--color-interaction-pressed);--ds-switch-travel:calc( var(--ds-switch-width) - var(--ds-switch-thumb-size) - var(--ds-switch-inset) - var(--ds-switch-inset) );--ds-interaction-border-color:var(--color-border-secondary);position:relative;display:inline-flex;width:var(--ds-switch-width);height:var(--ds-switch-height);padding:0;border:none;border-radius:var(--dimension-radius-half);box-sizing:border-box;flex-shrink:0;overflow:visible;cursor:pointer;user-select:none;outline:none;background-color:var(--color-background-medium-neutral);transition:background-color var(--effect-motion-short-3)}:host(.switch.ds-interaction-fill){--ds-interaction-hover:transparent;--ds-interaction-pressed:transparent}:host(.switch--sm){--ds-switch-width:var(--dimension-size-300);--ds-switch-height:var(--dimension-size-200);--ds-switch-thumb-size:var(--dimension-size-150);--ds-switch-gap:var(--dimension-space-025)}:host(.switch--xs){--ds-switch-width:var(--dimension-size-150);--ds-switch-height:var(--dimension-size-100);--ds-switch-thumb-size:var(--dimension-size-075);--ds-switch-gap:var(--dimension-space-012)}:host(.checked){background-color:var(--color-background-bold-brand)}:host(.switch--readonly),:host(.switch--presentation){--ds-interaction-hover:transparent;--ds-interaction-pressed:transparent}:host(.switch--readonly){cursor:default}:host(.switch--presentation){pointer-events:none}.thumb{position:absolute;top:50%;left:var(--ds-switch-inset);width:var(--ds-switch-thumb-size);height:var(--ds-switch-thumb-size);border-radius:var(--dimension-radius-half);background-color:var(--color-background-primary);box-shadow:0 0 0 var(--ds-switch-thumb-stroke) var(--ds-switch-thumb-border-color);transform:translateY(-50%);transition:transform var(--effect-motion-short-3);pointer-events:none}.thumb::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none}:host(:hover:not(:disabled):not(.ds-control-inactive):not(.switch--readonly):not(.switch--presentation)) .thumb::after{background:var(--ds-switch-thumb-hover)}:host(:active:not(:disabled):not(.ds-control-inactive):not(.switch--readonly):not(.switch--presentation)) .thumb::after{background:var(--ds-switch-thumb-pressed)}:host(.checked) .thumb{transform:translate3d(var(--ds-switch-travel), -50%, 0)}:host(:dir(rtl)) .thumb{right:var(--ds-switch-inset);left:auto}:host(:dir(rtl).checked) .thumb{transform:translate3d(calc(-1 * var(--ds-switch-travel)), -50%, 0)}@media (prefers-reduced-motion: reduce){.thumb{transition:none}}`;let a=0;const c=i(class i extends t{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.dsChange=e(this,"dsChange");this.internals=this.attachInternals();this.checked=false;this.value="on";this.disabled=false;this.readOnly=false;this.required=false;this.requiredMessage="This field is required.";this.isInactive=false;this.size="md";this.presentation=false;this.initialChecked=false;this.formDisabled=false;this.handleClick=()=>{if(this.presentation||this.readOnly||this.isInactive||this.disabled||this.formDisabled)return;this.checked=!this.checked;this.dsChange.emit(this.checked)};this.handleKeyDown=i=>{if(this.presentation||this.readOnly||this.isInactive||this.disabled||this.formDisabled)return;if(i.key===" "||i.key==="Enter"){i.preventDefault();this.handleClick()}}}componentWillLoad(){this.initialChecked=this.checked;this.syncFormValue()}componentDidLoad(){this.syncNativeLabels()}syncFormValue(){const i=this.presentation||this.isInactive||this.disabled||this.formDisabled;const t=this.checked?this.value:this.uncheckedValue??null;const e=this.checked?"checked":"unchecked";this.internals.setFormValue(i?null:t,e);const s=this.required&&!i&&!this.checked;this.internals.setValidity(s?{valueMissing:true}:{},s?this.requiredMessage:"")}formDisabledCallback(i){this.formDisabled=i;this.syncFormValue()}formResetCallback(){this.checked=this.initialChecked}formStateRestoreCallback(i){this.checked=i==="checked"}syncNativeLabels(){if(this.presentation)return;if(this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby"))return;const i=Array.from(this.internals.labels).map((i=>{if(!i.id)i.id=`ds-switch-label-${++a}`;return i.id}));if(i.length)this.el.setAttribute("aria-labelledby",i.join(" "))}render(){const i=this.isInactive||this.disabled||this.formDisabled;return s(n,{key:"a10cd7d16db9abd2830b7a5a370f17e98c68144e",role:this.presentation?undefined:"switch","aria-checked":this.presentation?undefined:String(this.checked),"aria-disabled":!this.presentation&&i?"true":undefined,"aria-readonly":!this.presentation&&this.readOnly?"true":undefined,"aria-hidden":this.presentation?"true":undefined,"data-checked":this.checked?"":undefined,"data-unchecked":!this.checked?"":undefined,"data-disabled":i?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-required":this.required?"":undefined,tabIndex:this.presentation||i?-1:0,class:{switch:true,checked:this.checked,"switch--md":this.size==="md","switch--sm":this.size==="sm","switch--xs":this.size==="xs","switch--readonly":this.readOnly,"switch--presentation":this.presentation,"ds-focus-ring":true,"ds-interaction-fill":true,"ds-interaction-fill--bordered":true,"ds-control-inactive":i},onClick:this.handleClick,onKeyDown:this.handleKeyDown},s("span",{key:"5cf211d4b4106291320fe9b135c5ea532415511d",class:"thumb ds-interaction-fill__content"}))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{checked:[{syncFormValue:0}],value:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],presentation:[{syncFormValue:0}],required:[{syncFormValue:0}]}}static get style(){return r()}},[65,"ds-switch",{checked:[1028],name:[513],value:[1],uncheckedValue:[1,"unchecked-value"],form:[513],disabled:[516],readOnly:[516,"read-only"],required:[516],requiredMessage:[1,"required-message"],isInactive:[4,"is-inactive"],size:[1],presentation:[4],formDisabled:[32]},undefined,{checked:[{syncFormValue:0}],value:[{syncFormValue:0}],uncheckedValue:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}],presentation:[{syncFormValue:0}],required:[{syncFormValue:0}]}]);function d(){if(typeof customElements==="undefined"){return}const i=["ds-switch"];i.forEach((i=>{switch(i){case"ds-switch":if(!customElements.get(o(i))){customElements.define(o(i),c)}break}}))}d();export{c as S,d};
|
|
2
|
+
//# sourceMappingURL=p-BcB-zkOx.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{p as t,H as o,c as n,h as i,a as e,t as d}from"./index.js";import{d as l}from"./p-BMbadvZo.js";import{d as s}from"./p-wxw8arTd.js";import{d as r}from"./p-CwaC4wLu.js";import{C as a}from"./p-Cx-ywr1e.js";import{c}from"./p-DuFm-ieS.js";const u=()=>`.sc-ds-button-filled-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-filled-h:focus-visible,.ds-focus-ring.sc-ds-button-filled: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-filled-h,.ds-focus-ring.ds-focus-ring--visible.sc-ds-button-filled{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-filled-h:focus-visible,.ds-focus-ring-inset.sc-ds-button-filled:focus-visible{outline:none}.ds-focus-ring-inset.sc-ds-button-filled-h:focus-visible::after,.ds-focus-ring-inset.sc-ds-button-filled: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-filled-h,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-filled{outline:none}.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-filled-h::after,.ds-focus-ring-inset.ds-focus-ring--visible.sc-ds-button-filled::after{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color);outline-offset:calc(-1 * var(--ds-focus-ring-width))}.ds-interaction-fill.sc-ds-button-filled-h,.ds-interaction-fill.sc-ds-button-filled{position:relative;z-index:0;--ds-interaction-hover:var(--color-interaction-hover);--ds-interaction-pressed:var(--color-interaction-pressed);--ds-interaction-active:var(--color-interaction-active-brand);--ds-interaction-border-width:0px;--ds-interaction-border-color:transparent}.ds-interaction-fill.sc-ds-button-filled-h::before,.ds-interaction-fill.sc-ds-button-filled::before,.ds-interaction-fill.sc-ds-button-filled-h::after,.ds-interaction-fill.sc-ds-button-filled::after{content:'';position:absolute;inset:0;border-radius:inherit;background:transparent;pointer-events:none;transition:none}.ds-interaction-fill.sc-ds-button-filled-h::before,.ds-interaction-fill.sc-ds-button-filled::before{z-index:1}.ds-interaction-fill.sc-ds-button-filled-h::after,.ds-interaction-fill.sc-ds-button-filled::after{z-index:3;box-shadow:inset 0 0 0 var(--ds-interaction-border-width) var(--ds-interaction-border-color)}.ds-interaction-fill--bordered.sc-ds-button-filled-h,.ds-interaction-fill--bordered.sc-ds-button-filled{--ds-interaction-border-width:var(--dimension-stroke-width-012);--ds-interaction-border-color:var(--color-border-secondary)}.ds-interaction-fill--selected.sc-ds-button-filled-h::before,.ds-interaction-fill--selected.sc-ds-button-filled::before{background:var(--ds-interaction-active)}.ds-interaction-fill--selected.sc-ds-button-filled-h,.ds-interaction-fill--selected.sc-ds-button-filled{--ds-interaction-dot-ring:var(--ds-interaction-active)}.ds-interaction-fill.sc-ds-button-filled-h:hover:not(:disabled)::after,.ds-interaction-fill.sc-ds-button-filled:hover:not(:disabled)::after{background:var(--ds-interaction-hover)}.ds-interaction-fill.sc-ds-button-filled-h:active:not(:disabled)::after,.ds-interaction-fill.sc-ds-button-filled:active:not(:disabled)::after{background:var(--ds-interaction-pressed)}.ds-interaction-fill.sc-ds-button-filled-h>.ds-interaction-fill__content.sc-ds-button-filled,.ds-interaction-fill.sc-ds-button-filled>.ds-interaction-fill__content.sc-ds-button-filled,.ds-interaction-fill__content.sc-ds-button-filled{position:relative;z-index:2}.ds-interaction-fill--on-faint.sc-ds-button-filled-h,.ds-interaction-fill--on-faint.sc-ds-button-filled{--ds-interaction-active:var(--color-interaction-active)}.ds-interaction-fill--on-medium.sc-ds-button-filled-h,.ds-interaction-fill--on-medium.sc-ds-button-filled{--ds-interaction-hover:var(--color-interaction-on-medium-background-hover);--ds-interaction-pressed:var(--color-interaction-on-medium-background-pressed);--ds-interaction-active:var(--color-interaction-on-medium-background-active);--ds-focus-ring-color:var(--color-interaction-on-medium-background-focus)}.ds-interaction-fill--on-bold.sc-ds-button-filled-h,.ds-interaction-fill--on-bold.sc-ds-button-filled{--ds-interaction-hover:var(--color-interaction-on-bold-background-hover);--ds-interaction-pressed:var(--color-interaction-on-bold-background-pressed);--ds-interaction-active:var(--color-interaction-on-bold-background-active);--ds-focus-ring-color:var(--color-interaction-on-bold-background-focus)}.ds-interaction-fill--on-strong.sc-ds-button-filled-h,.ds-interaction-fill--on-strong.sc-ds-button-filled{--ds-interaction-hover:var(--color-interaction-on-strong-background-hover);--ds-interaction-pressed:var(--color-interaction-on-strong-background-pressed);--ds-interaction-active:var(--color-interaction-on-strong-background-active);--ds-focus-ring-color:var(--color-interaction-on-strong-background-focus)}.ds-interaction-fill--on-translucent.sc-ds-button-filled-h,.ds-interaction-fill--on-translucent.sc-ds-button-filled{--ds-interaction-hover:var(--color-translucent-interaction-hover);--ds-interaction-pressed:var(--color-translucent-interaction-pressed);--ds-interaction-active:var(--color-translucent-interaction-active);--ds-focus-ring-color:var(--color-translucent-interaction-focus)}.ds-interaction-fill--on-inverted.sc-ds-button-filled-h,.ds-interaction-fill--on-inverted.sc-ds-button-filled{--ds-interaction-hover:var(--color-inverted-interaction-hover);--ds-interaction-pressed:var(--color-inverted-interaction-pressed);--ds-interaction-active:var(--color-inverted-interaction-active);--ds-focus-ring-color:var(--color-inverted-interaction-focus)}.ds-interaction-fill--on-media.sc-ds-button-filled-h,.ds-interaction-fill--on-media.sc-ds-button-filled{--ds-interaction-hover:var(--color-media-interaction-hover);--ds-interaction-pressed:var(--color-media-interaction-pressed);--ds-interaction-active:var(--color-media-interaction-active);--ds-focus-ring-color:var(--color-media-interaction-focus)}.ds-interaction-fill--on-always-dark.sc-ds-button-filled-h,.ds-interaction-fill--on-always-dark.sc-ds-button-filled{--ds-interaction-hover:var(--color-always-dark-interaction-hover);--ds-interaction-pressed:var(--color-always-dark-interaction-pressed);--ds-interaction-active:var(--color-always-dark-interaction-active);--ds-focus-ring-color:var(--color-always-dark-interaction-focus)}.ds-interaction-fill--on-navigation.sc-ds-button-filled-h,.ds-interaction-fill--on-navigation.sc-ds-button-filled{--ds-interaction-hover:var(--color-navigation-interaction-hover);--ds-interaction-pressed:var(--color-navigation-interaction-pressed);--ds-interaction-active:var(--color-navigation-interaction-active);--ds-focus-ring-color:var(--color-navigation-interaction-focus)}.ds-control-inactive.sc-ds-button-filled-h,.ds-control-inactive.sc-ds-button-filled{opacity:0.25;pointer-events:none;cursor:not-allowed}.ds-control--md.sc-ds-button-filled-h,.ds-control--md.sc-ds-button-filled{--ds-control-height:var(--dimension-size-400);--ds-control-icon:var(--dimension-iconography-md);--ds-control-padding-inline:var(--dimension-space-075);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-050);--ds-control-radius:var(--dimension-radius-025)}.ds-control--sm.sc-ds-button-filled-h,.ds-control--sm.sc-ds-button-filled{--ds-control-height:var(--dimension-size-300);--ds-control-icon:var(--dimension-iconography-sm);--ds-control-padding-inline:var(--dimension-space-050);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:var(--dimension-space-025);--ds-control-radius:var(--dimension-radius-025)}.ds-control--xs.sc-ds-button-filled-h,.ds-control--xs.sc-ds-button-filled{--ds-control-height:var(--dimension-size-200);--ds-control-icon:var(--dimension-iconography-xs);--ds-control-padding-inline:var(--dimension-space-025);--ds-control-label-inset:var(--dimension-space-025);--ds-control-gap:0;--ds-control-radius:var(--dimension-radius-025)}.ds-control-width--hug.sc-ds-button-filled-h,.ds-control-width--hug.sc-ds-button-filled{width:fit-content;max-width:100%;flex:0 0 auto;align-self:flex-start}.ds-control-width--fill.sc-ds-button-filled-h,.ds-control-width--fill.sc-ds-button-filled{width:100%;min-width:0;flex:1 1 auto;align-self:stretch}.sc-ds-button-filled-h{display:inline-flex;outline:none;--ds-button-filled-bg:var(--color-background-bold-brand);--ds-button-filled-fg:var(--color-foreground-faint-brand)}.button-filled-host--icon.ds-control-width--hug.sc-ds-button-filled-h{width:var(--ds-control-height, var(--dimension-size-400));height:var(--ds-control-height, var(--dimension-size-400));min-width:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400))}.button-filled-host--icon.ds-control-width--fill.sc-ds-button-filled-h{height:var(--ds-control-height, var(--dimension-size-400));min-height:var(--ds-control-height, var(--dimension-size-400))}.ds-control-width--fill.sc-ds-button-filled-h .button-filled.sc-ds-button-filled{width:100%}.button-filled.sc-ds-button-filled{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--ds-control-height, var(--dimension-size-400));padding:0 var(--ds-control-padding-inline, var(--dimension-space-075));gap:var(--ds-control-gap, var(--dimension-space-050));border:none;border-radius:var(--ds-control-radius, var(--dimension-radius-025));background-color:var(--ds-button-filled-bg);color:var(--ds-button-filled-fg);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background-color var(--effect-motion-short-2), color var(--effect-motion-short-2), transform var(--effect-motion-short-2)}.button-filled--icon.sc-ds-button-filled{width:100%;height:100%;padding:0}.button-filled--rounded.sc-ds-button-filled{--ds-control-radius:var(--dimension-radius-half)}.button-filled.sc-ds-button-filled:active:not(:disabled):not(.ds-control-inactive){transform:scale(var(--dimension-scale-subtle))}@media (prefers-reduced-motion: reduce){.button-filled.sc-ds-button-filled{transition:background-color var(--effect-motion-short-2), color var(--effect-motion-short-2)}.button-filled.sc-ds-button-filled:active:not(:disabled):not(.ds-control-inactive){transform:none}}.button-filled__icon-wrap.sc-ds-button-filled{position:relative;width:var(--ds-control-icon, var(--dimension-iconography-md));height:var(--ds-control-icon, var(--dimension-iconography-md));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.button-filled__label.sc-ds-button-filled{position:relative;z-index:2;padding:0 var(--ds-control-label-inset, var(--dimension-space-025));white-space:nowrap;flex-shrink:0;min-width:0}.button-filled__label--loading.sc-ds-button-filled{visibility:hidden}.button-filled.sc-ds-button-filled>.button-filled__loader-overlay.sc-ds-button-filled{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.button-filled--intent-neutral.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-neutral);--ds-button-filled-fg:var(--color-foreground-faint-neutral)}.button-filled--intent-brand.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-brand);--ds-button-filled-fg:var(--color-foreground-faint-brand)}.button-filled--intent-ai.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-ai);--ds-button-filled-fg:var(--color-foreground-faint-ai)}.button-filled--intent-negative.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-negative);--ds-button-filled-fg:var(--color-foreground-faint-negative)}.button-filled--intent-warning.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-warning);--ds-button-filled-fg:var(--color-foreground-faint-warning)}.button-filled--intent-caution.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-caution);--ds-button-filled-fg:var(--color-foreground-faint-caution)}.button-filled--intent-positive.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-positive);--ds-button-filled-fg:var(--color-foreground-faint-positive)}.button-filled--intent-guide.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-guide);--ds-button-filled-fg:var(--color-foreground-faint-guide)}.button-filled--intent-walkthrough.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-bold-walkthrough);--ds-button-filled-fg:var(--color-foreground-faint-walkthrough)}.button-filled--contrast-strong.button-filled--intent-neutral.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-neutral);--ds-button-filled-fg:var(--color-foreground-medium-neutral)}.button-filled--contrast-strong.button-filled--intent-brand.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-brand);--ds-button-filled-fg:var(--color-foreground-medium-brand)}.button-filled--contrast-strong.button-filled--intent-ai.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-ai);--ds-button-filled-fg:var(--color-foreground-medium-ai)}.button-filled--contrast-strong.button-filled--intent-negative.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-negative);--ds-button-filled-fg:var(--color-foreground-medium-negative)}.button-filled--contrast-strong.button-filled--intent-warning.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-warning);--ds-button-filled-fg:var(--color-foreground-medium-warning)}.button-filled--contrast-strong.button-filled--intent-caution.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-caution);--ds-button-filled-fg:var(--color-foreground-medium-caution)}.button-filled--contrast-strong.button-filled--intent-positive.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-positive);--ds-button-filled-fg:var(--color-foreground-medium-positive)}.button-filled--contrast-strong.button-filled--intent-guide.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-guide);--ds-button-filled-fg:var(--color-foreground-medium-guide)}.button-filled--contrast-strong.button-filled--intent-walkthrough.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-strong-walkthrough);--ds-button-filled-fg:var(--color-foreground-medium-walkthrough)}.button-filled--contrast-medium.button-filled--intent-neutral.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-neutral);--ds-button-filled-fg:var(--color-foreground-strong-neutral)}.button-filled--contrast-medium.button-filled--intent-brand.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-brand);--ds-button-filled-fg:var(--color-foreground-strong-brand)}.button-filled--contrast-medium.button-filled--intent-ai.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-ai);--ds-button-filled-fg:var(--color-foreground-strong-ai)}.button-filled--contrast-medium.button-filled--intent-negative.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-negative);--ds-button-filled-fg:var(--color-foreground-strong-negative)}.button-filled--contrast-medium.button-filled--intent-warning.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-warning);--ds-button-filled-fg:var(--color-foreground-strong-warning)}.button-filled--contrast-medium.button-filled--intent-caution.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-caution);--ds-button-filled-fg:var(--color-foreground-strong-caution)}.button-filled--contrast-medium.button-filled--intent-positive.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-positive);--ds-button-filled-fg:var(--color-foreground-strong-positive)}.button-filled--contrast-medium.button-filled--intent-guide.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-guide);--ds-button-filled-fg:var(--color-foreground-strong-guide)}.button-filled--contrast-medium.button-filled--intent-walkthrough.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-medium-walkthrough);--ds-button-filled-fg:var(--color-foreground-strong-walkthrough)}.button-filled--contrast-faint.button-filled--intent-neutral.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-neutral);--ds-button-filled-fg:var(--color-foreground-bold-neutral)}.button-filled--contrast-faint.button-filled--intent-brand.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-brand);--ds-button-filled-fg:var(--color-foreground-bold-brand)}.button-filled--contrast-faint.button-filled--intent-ai.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-ai);--ds-button-filled-fg:var(--color-foreground-bold-ai)}.button-filled--contrast-faint.button-filled--intent-negative.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-negative);--ds-button-filled-fg:var(--color-foreground-bold-negative)}.button-filled--contrast-faint.button-filled--intent-warning.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-warning);--ds-button-filled-fg:var(--color-foreground-bold-warning)}.button-filled--contrast-faint.button-filled--intent-caution.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-caution);--ds-button-filled-fg:var(--color-foreground-bold-caution)}.button-filled--contrast-faint.button-filled--intent-positive.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-positive);--ds-button-filled-fg:var(--color-foreground-bold-positive)}.button-filled--contrast-faint.button-filled--intent-guide.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-guide);--ds-button-filled-fg:var(--color-foreground-bold-guide)}.button-filled--contrast-faint.button-filled--intent-walkthrough.sc-ds-button-filled{--ds-button-filled-bg:var(--color-background-faint-walkthrough);--ds-button-filled-fg:var(--color-foreground-bold-walkthrough)}`;const f={md:"md",sm:"sm",xs:"xs"};const b=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.dsClick=n(this,"dsClick");this.variant="label";this.size="md";this.width="hug";this.label="";this.icon="";this.intent="brand";this.contrast="bold";this.rounded=false;this.isInactive=false;this.isLoading=false;this.type="button";this.ariaLabel=null;this.buttonEl=null;this.handleClick=t=>{if(this.isInactive||this.isLoading)return;this.dsClick.emit(t)}}async setFocus(){this.buttonEl?.focus()}get showIcon(){return this.variant==="icon"||this.variant==="icon-label"}get showLabel(){return this.variant==="label"||this.variant==="icon-label"}get accessibleName(){if(this.ariaLabel)return this.ariaLabel;if(this.isLoading&&this.variant==="label"&&this.label)return this.label;return undefined}render(){const t=a[this.size];const o=f[this.size];const n={"button-filled":true,"ds-focus-ring-inset":true,"ds-interaction-fill":!this.isInactive,"ds-interaction-fill--on-bold":this.contrast==="bold","ds-interaction-fill--on-strong":this.contrast==="strong","ds-interaction-fill--on-medium":this.contrast==="medium","ds-control-inactive":this.isInactive,"ds-control--md":this.size==="md","ds-control--sm":this.size==="sm","ds-control--xs":this.size==="xs","button-filled--icon":this.variant==="icon","button-filled--label":this.variant==="label","button-filled--icon-label":this.variant==="icon-label","button-filled--rounded":this.rounded,[`button-filled--intent-${this.intent}`]:true,[`button-filled--contrast-${this.contrast}`]:this.contrast!=="bold"};return i(e,{key:"3271c66c39258efb8b7a0e62c042e8230fef587c",class:{"button-filled-host":true,"button-filled-host--icon":this.variant==="icon","ds-control--md":this.size==="md","ds-control--sm":this.size==="sm","ds-control--xs":this.size==="xs",...c(this.width)},tabIndex:-1},i("button",{key:"e874ce30870071f67f50d682a14212d14d48e97a",ref:t=>{this.buttonEl=t??null},type:this.type,class:n,disabled:this.isInactive||this.isLoading,"aria-label":this.accessibleName,"aria-busy":this.isLoading?"true":undefined,onClick:this.handleClick},this.showIcon&&i("span",{key:"f3b4c7dbc6d043eca900b3b731ad2f22efca07bd",class:"button-filled__icon-wrap ds-interaction-fill__content"},this.isLoading?i("ds-loader",{size:o,color:"inherit"}):i("ds-icon",{name:this.icon,size:o,color:"inherit"})),this.showLabel&&i("ds-text",{key:"6b1d6e13d0b12172a02ee343a5e38136dcda6630",class:{"button-filled__label":true,"button-filled__label--loading":this.isLoading&&this.variant==="label","ds-interaction-fill__content":true},as:"span",variant:t,emphasis:true,color:"inherit"},this.label),this.isLoading&&this.variant==="label"&&i("span",{key:"dce6384f07247f9ed563b5b28682e74890c0c0f1",class:"button-filled__loader-overlay ds-interaction-fill__content"},i("ds-loader",{key:"72abd35cdde13cb7b8abb9fb816cc45ee5d10ad6",size:o,color:"inherit"}))))}get el(){return this}static get style(){return u()}},[2,"ds-button-filled",{variant:[1],size:[1],width:[1],label:[1],icon:[1],intent:[1],contrast:[1],rounded:[4],isInactive:[4,"is-inactive"],isLoading:[4,"is-loading"],type:[1],ariaLabel:[1,"aria-label"],setFocus:[64]}]);function g(){if(typeof customElements==="undefined"){return}const t=["ds-button-filled","ds-icon","ds-loader","ds-text"];t.forEach((t=>{switch(t){case"ds-button-filled":if(!customElements.get(d(t))){customElements.define(d(t),b)}break;case"ds-icon":if(!customElements.get(d(t))){l()}break;case"ds-loader":if(!customElements.get(d(t))){s()}break;case"ds-text":if(!customElements.get(d(t))){r()}break}}))}g();export{b as B,g as d};
|
|
2
|
+
//# sourceMappingURL=p-COzps7J4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["buttonFilledCss","ICON_SIZE","md","sm","xs","ButtonFilled","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","size","width","label","icon","intent","contrast","rounded","isInactive","isLoading","type","ariaLabel","buttonEl","handleClick","event","dsClick","emit","setFocus","focus","showIcon","showLabel","accessibleName","undefined","render","textVariant","CONTROL_TEXT_VARIANT","iconSize","cls","h","Host","key","class","controlWidthClass","tabIndex","ref","el","disabled","onClick","color","name","as","emphasis"],"sources":["src/wc/components/ButtonFilled/ButtonFilled.css?tag=ds-button-filled&encapsulation=scoped","src/wc/components/ButtonFilled/ButtonFilled.tsx"],"sourcesContent":["@import '../../utils/focus-ring.css';\n@import '../../utils/interaction-fill.css';\n@import '../../utils/control-inactive.css';\n@import '../../utils/control-density.css';\n@import '../../utils/control-width.css';\n\n:host {\n display: inline-flex;\n outline: none;\n --ds-button-filled-bg: var(--color-background-bold-brand);\n --ds-button-filled-fg: var(--color-foreground-faint-brand);\n}\n\n/* Icon-only: fixed square from density height (hug). Fill stretches the hit target. */\n:host(.button-filled-host--icon.ds-control-width--hug) {\n width: var(--ds-control-height, var(--dimension-size-400));\n height: var(--ds-control-height, var(--dimension-size-400));\n min-width: var(--ds-control-height, var(--dimension-size-400));\n min-height: var(--ds-control-height, var(--dimension-size-400));\n}\n\n:host(.button-filled-host--icon.ds-control-width--fill) {\n height: var(--ds-control-height, var(--dimension-size-400));\n min-height: var(--ds-control-height, var(--dimension-size-400));\n}\n\n:host(.ds-control-width--fill) .button-filled {\n width: 100%;\n}\n\n.button-filled {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n height: var(--ds-control-height, var(--dimension-size-400));\n padding: 0 var(--ds-control-padding-inline, var(--dimension-space-075));\n gap: var(--ds-control-gap, var(--dimension-space-050));\n border: none;\n border-radius: var(--ds-control-radius, var(--dimension-radius-025));\n background-color: var(--ds-button-filled-bg);\n color: var(--ds-button-filled-fg);\n cursor: pointer;\n -webkit-user-select: none;\n user-select: none;\n overflow: hidden;\n transition:\n background-color var(--effect-motion-short-2),\n color var(--effect-motion-short-2),\n transform var(--effect-motion-short-2);\n /* Hover/press: `.ds-interaction-fill` + contrast → `--on-*` (token overlay, not color-mix). */\n}\n\n.button-filled--icon {\n width: 100%;\n height: 100%;\n padding: 0;\n}\n\n.button-filled--rounded {\n --ds-control-radius: var(--dimension-radius-half);\n}\n\n.button-filled:active:not(:disabled):not(.ds-control-inactive) {\n transform: scale(var(--dimension-scale-subtle));\n}\n\n@media (prefers-reduced-motion: reduce) {\n .button-filled {\n transition:\n background-color var(--effect-motion-short-2),\n color var(--effect-motion-short-2);\n }\n\n .button-filled:active:not(:disabled):not(.ds-control-inactive) {\n transform: none;\n }\n}\n\n/* Inactive: `.ds-control-inactive` (25% opacity). */\n\n.button-filled__icon-wrap {\n position: relative;\n width: var(--ds-control-icon, var(--dimension-iconography-md));\n height: var(--ds-control-icon, var(--dimension-iconography-md));\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n z-index: 2;\n}\n\n.button-filled__label {\n position: relative;\n z-index: 2;\n padding: 0 var(--ds-control-label-inset, var(--dimension-space-025));\n white-space: nowrap;\n flex-shrink: 0;\n min-width: 0;\n}\n\n.button-filled__label--loading {\n visibility: hidden;\n}\n\n.button-filled > .button-filled__loader-overlay {\n position: absolute;\n inset: 0;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n}\n\n/* ── Intent + contrast (bold default) ─────────────────────────────────────── */\n\n.button-filled--intent-neutral {\n --ds-button-filled-bg: var(--color-background-bold-neutral);\n --ds-button-filled-fg: var(--color-foreground-faint-neutral);\n}\n\n.button-filled--intent-brand {\n --ds-button-filled-bg: var(--color-background-bold-brand);\n --ds-button-filled-fg: var(--color-foreground-faint-brand);\n}\n\n.button-filled--intent-ai {\n --ds-button-filled-bg: var(--color-background-bold-ai);\n --ds-button-filled-fg: var(--color-foreground-faint-ai);\n}\n\n.button-filled--intent-negative {\n --ds-button-filled-bg: var(--color-background-bold-negative);\n --ds-button-filled-fg: var(--color-foreground-faint-negative);\n}\n\n.button-filled--intent-warning {\n --ds-button-filled-bg: var(--color-background-bold-warning);\n --ds-button-filled-fg: var(--color-foreground-faint-warning);\n}\n\n.button-filled--intent-caution {\n --ds-button-filled-bg: var(--color-background-bold-caution);\n --ds-button-filled-fg: var(--color-foreground-faint-caution);\n}\n\n.button-filled--intent-positive {\n --ds-button-filled-bg: var(--color-background-bold-positive);\n --ds-button-filled-fg: var(--color-foreground-faint-positive);\n}\n\n.button-filled--intent-guide {\n --ds-button-filled-bg: var(--color-background-bold-guide);\n --ds-button-filled-fg: var(--color-foreground-faint-guide);\n}\n\n.button-filled--intent-walkthrough {\n --ds-button-filled-bg: var(--color-background-bold-walkthrough);\n --ds-button-filled-fg: var(--color-foreground-faint-walkthrough);\n}\n\n/* strong → medium fg */\n.button-filled--contrast-strong.button-filled--intent-neutral {\n --ds-button-filled-bg: var(--color-background-strong-neutral);\n --ds-button-filled-fg: var(--color-foreground-medium-neutral);\n}\n\n.button-filled--contrast-strong.button-filled--intent-brand {\n --ds-button-filled-bg: var(--color-background-strong-brand);\n --ds-button-filled-fg: var(--color-foreground-medium-brand);\n}\n\n.button-filled--contrast-strong.button-filled--intent-ai {\n --ds-button-filled-bg: var(--color-background-strong-ai);\n --ds-button-filled-fg: var(--color-foreground-medium-ai);\n}\n\n.button-filled--contrast-strong.button-filled--intent-negative {\n --ds-button-filled-bg: var(--color-background-strong-negative);\n --ds-button-filled-fg: var(--color-foreground-medium-negative);\n}\n\n.button-filled--contrast-strong.button-filled--intent-warning {\n --ds-button-filled-bg: var(--color-background-strong-warning);\n --ds-button-filled-fg: var(--color-foreground-medium-warning);\n}\n\n.button-filled--contrast-strong.button-filled--intent-caution {\n --ds-button-filled-bg: var(--color-background-strong-caution);\n --ds-button-filled-fg: var(--color-foreground-medium-caution);\n}\n\n.button-filled--contrast-strong.button-filled--intent-positive {\n --ds-button-filled-bg: var(--color-background-strong-positive);\n --ds-button-filled-fg: var(--color-foreground-medium-positive);\n}\n\n.button-filled--contrast-strong.button-filled--intent-guide {\n --ds-button-filled-bg: var(--color-background-strong-guide);\n --ds-button-filled-fg: var(--color-foreground-medium-guide);\n}\n\n.button-filled--contrast-strong.button-filled--intent-walkthrough {\n --ds-button-filled-bg: var(--color-background-strong-walkthrough);\n --ds-button-filled-fg: var(--color-foreground-medium-walkthrough);\n}\n\n/* medium → strong fg */\n.button-filled--contrast-medium.button-filled--intent-neutral {\n --ds-button-filled-bg: var(--color-background-medium-neutral);\n --ds-button-filled-fg: var(--color-foreground-strong-neutral);\n}\n\n.button-filled--contrast-medium.button-filled--intent-brand {\n --ds-button-filled-bg: var(--color-background-medium-brand);\n --ds-button-filled-fg: var(--color-foreground-strong-brand);\n}\n\n.button-filled--contrast-medium.button-filled--intent-ai {\n --ds-button-filled-bg: var(--color-background-medium-ai);\n --ds-button-filled-fg: var(--color-foreground-strong-ai);\n}\n\n.button-filled--contrast-medium.button-filled--intent-negative {\n --ds-button-filled-bg: var(--color-background-medium-negative);\n --ds-button-filled-fg: var(--color-foreground-strong-negative);\n}\n\n.button-filled--contrast-medium.button-filled--intent-warning {\n --ds-button-filled-bg: var(--color-background-medium-warning);\n --ds-button-filled-fg: var(--color-foreground-strong-warning);\n}\n\n.button-filled--contrast-medium.button-filled--intent-caution {\n --ds-button-filled-bg: var(--color-background-medium-caution);\n --ds-button-filled-fg: var(--color-foreground-strong-caution);\n}\n\n.button-filled--contrast-medium.button-filled--intent-positive {\n --ds-button-filled-bg: var(--color-background-medium-positive);\n --ds-button-filled-fg: var(--color-foreground-strong-positive);\n}\n\n.button-filled--contrast-medium.button-filled--intent-guide {\n --ds-button-filled-bg: var(--color-background-medium-guide);\n --ds-button-filled-fg: var(--color-foreground-strong-guide);\n}\n\n.button-filled--contrast-medium.button-filled--intent-walkthrough {\n --ds-button-filled-bg: var(--color-background-medium-walkthrough);\n --ds-button-filled-fg: var(--color-foreground-strong-walkthrough);\n}\n\n/* faint → bold fg */\n.button-filled--contrast-faint.button-filled--intent-neutral {\n --ds-button-filled-bg: var(--color-background-faint-neutral);\n --ds-button-filled-fg: var(--color-foreground-bold-neutral);\n}\n\n.button-filled--contrast-faint.button-filled--intent-brand {\n --ds-button-filled-bg: var(--color-background-faint-brand);\n --ds-button-filled-fg: var(--color-foreground-bold-brand);\n}\n\n.button-filled--contrast-faint.button-filled--intent-ai {\n --ds-button-filled-bg: var(--color-background-faint-ai);\n --ds-button-filled-fg: var(--color-foreground-bold-ai);\n}\n\n.button-filled--contrast-faint.button-filled--intent-negative {\n --ds-button-filled-bg: var(--color-background-faint-negative);\n --ds-button-filled-fg: var(--color-foreground-bold-negative);\n}\n\n.button-filled--contrast-faint.button-filled--intent-warning {\n --ds-button-filled-bg: var(--color-background-faint-warning);\n --ds-button-filled-fg: var(--color-foreground-bold-warning);\n}\n\n.button-filled--contrast-faint.button-filled--intent-caution {\n --ds-button-filled-bg: var(--color-background-faint-caution);\n --ds-button-filled-fg: var(--color-foreground-bold-caution);\n}\n\n.button-filled--contrast-faint.button-filled--intent-positive {\n --ds-button-filled-bg: var(--color-background-faint-positive);\n --ds-button-filled-fg: var(--color-foreground-bold-positive);\n}\n\n.button-filled--contrast-faint.button-filled--intent-guide {\n --ds-button-filled-bg: var(--color-background-faint-guide);\n --ds-button-filled-fg: var(--color-foreground-bold-guide);\n}\n\n.button-filled--contrast-faint.button-filled--intent-walkthrough {\n --ds-button-filled-bg: var(--color-background-faint-walkthrough);\n --ds-button-filled-fg: var(--color-foreground-bold-walkthrough);\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\nimport { controlWidthClass, CONTROL_TEXT_VARIANT, type ControlWidth } from '../../utils';\n\nexport type ButtonFilledIntent =\n | 'neutral'\n | 'brand'\n | 'ai'\n | 'negative'\n | 'warning'\n | 'caution'\n | 'positive'\n | 'guide'\n | 'walkthrough';\n\nexport type ButtonFilledContrast = 'bold' | 'strong' | 'medium' | 'faint';\n\nexport type ButtonFilledVariant = 'icon' | 'label' | 'icon-label';\n\nexport type ButtonFilledSize = 'md' | 'sm' | 'xs';\n\nexport type ButtonFilledWidth = ControlWidth;\n\n/**\n * `ds-icon` size prop matching control-density icon metrics\n * (md→20 / sm→16 / xs→12 via `--dimension-iconography-*`).\n */\nconst ICON_SIZE: Record<ButtonFilledSize, 'md' | 'sm' | 'xs'> = {\n md: 'md',\n sm: 'sm',\n xs: 'xs',\n};\n\n@Component({\n tag: 'ds-button-filled',\n styleUrl: 'ButtonFilled.css',\n scoped: true,\n})\nexport class ButtonFilled {\n @Element() el!: HTMLElement;\n\n /**\n * Content layout. Default is label-only; pass `icon` for icon-only chrome\n * (nav / tool rails) or `icon-label` for leading icon + text.\n */\n @Prop() variant: ButtonFilledVariant = 'label';\n\n /** Control density (height, padding, icon, type). */\n @Prop() size: ButtonFilledSize = 'md';\n\n /** Width fit — hug content (default) or fill the parent. */\n @Prop() width: ButtonFilledWidth = 'hug';\n\n /** Visible text for `label` / `icon-label` variants. */\n @Prop() label: string = '';\n\n /** Icon name passed to <ds-icon> for `icon` / `icon-label` variants. */\n @Prop() icon: string = '';\n\n /** Semantic colour intent. */\n @Prop() intent: ButtonFilledIntent = 'brand';\n\n /**\n * Background fill weight. Foreground uses the paired contrast token:\n * bold → faint, strong → medium, medium → strong, faint → bold.\n */\n @Prop() contrast: ButtonFilledContrast = 'bold';\n\n /** Use the half-radius treatment instead of the default control radius. */\n @Prop() rounded: boolean = false;\n\n /** Disables interaction. */\n @Prop() isInactive: boolean = false;\n\n /** Shows an inline loader and prevents interaction without applying inactive opacity. */\n @Prop() isLoading: boolean = false;\n\n /** Native button type. */\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n /** Accessible name override. Required for icon-only buttons. */\n @Prop({ attribute: 'aria-label' }) ariaLabel: string | null = null;\n\n @Event() dsClick!: EventEmitter<MouseEvent>;\n\n private buttonEl: HTMLButtonElement | null = null;\n\n @Method()\n async setFocus() {\n this.buttonEl?.focus();\n }\n\n private handleClick = (event: MouseEvent) => {\n if (this.isInactive || this.isLoading) return;\n this.dsClick.emit(event);\n };\n\n private get showIcon(): boolean {\n return this.variant === 'icon' || this.variant === 'icon-label';\n }\n\n private get showLabel(): boolean {\n return this.variant === 'label' || this.variant === 'icon-label';\n }\n\n private get accessibleName(): string | undefined {\n if (this.ariaLabel) return this.ariaLabel;\n if (this.isLoading && this.variant === 'label' && this.label) return this.label;\n return undefined;\n }\n\n render() {\n const textVariant = CONTROL_TEXT_VARIANT[this.size];\n const iconSize = ICON_SIZE[this.size];\n\n const cls: Record<string, boolean> = {\n 'button-filled': true,\n 'ds-focus-ring-inset': true,\n 'ds-interaction-fill': !this.isInactive,\n /* Bold is the default filled contrast — on-bold interaction tokens. */\n 'ds-interaction-fill--on-bold': this.contrast === 'bold',\n 'ds-interaction-fill--on-strong': this.contrast === 'strong',\n 'ds-interaction-fill--on-medium': this.contrast === 'medium',\n /* faint → default app interaction tokens (no --on-*). */\n 'ds-control-inactive': this.isInactive,\n 'ds-control--md': this.size === 'md',\n 'ds-control--sm': this.size === 'sm',\n 'ds-control--xs': this.size === 'xs',\n 'button-filled--icon': this.variant === 'icon',\n 'button-filled--label': this.variant === 'label',\n 'button-filled--icon-label': this.variant === 'icon-label',\n 'button-filled--rounded': this.rounded,\n [`button-filled--intent-${this.intent}`]: true,\n [`button-filled--contrast-${this.contrast}`]: this.contrast !== 'bold',\n };\n\n return (\n <Host\n class={{\n 'button-filled-host': true,\n 'button-filled-host--icon': this.variant === 'icon',\n 'ds-control--md': this.size === 'md',\n 'ds-control--sm': this.size === 'sm',\n 'ds-control--xs': this.size === 'xs',\n ...controlWidthClass(this.width),\n }}\n tabIndex={-1}\n >\n <button\n ref={el => {\n this.buttonEl = el ?? null;\n }}\n type={this.type}\n class={cls}\n disabled={this.isInactive || this.isLoading}\n aria-label={this.accessibleName}\n aria-busy={this.isLoading ? 'true' : undefined}\n onClick={this.handleClick}\n >\n {this.showIcon && (\n <span class=\"button-filled__icon-wrap ds-interaction-fill__content\">\n {this.isLoading\n ? <ds-loader size={iconSize} color=\"inherit\" />\n : <ds-icon name={this.icon} size={iconSize} color=\"inherit\" />\n }\n </span>\n )}\n {this.showLabel && (\n <ds-text\n class={{\n 'button-filled__label': true,\n 'button-filled__label--loading': this.isLoading && this.variant === 'label',\n 'ds-interaction-fill__content': true,\n }}\n as=\"span\"\n variant={textVariant}\n emphasis\n color=\"inherit\"\n >\n {this.label}\n </ds-text>\n )}\n {this.isLoading && this.variant === 'label' && (\n <span class=\"button-filled__loader-overlay ds-interaction-fill__content\">\n <ds-loader size={iconSize} color=\"inherit\" />\n </span>\n )}\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"iPAAA,MAAMA,EAAkB,IAAM,4njBC0B9B,MAAMC,EAA0D,CAC9DC,GAAI,KACJC,GAAI,KACJC,GAAI,M,MAQOC,EAAYC,EAAA,MAAAD,UAAAE,EALzB,WAAAC,CAAAC,G,2EAYUC,KAAAC,QAA+B,QAG/BD,KAAAE,KAAyB,KAGzBF,KAAAG,MAA2B,MAG3BH,KAAAI,MAAgB,GAGhBJ,KAAAK,KAAe,GAGfL,KAAAM,OAA6B,QAM7BN,KAAAO,SAAiC,OAGjCP,KAAAQ,QAAmB,MAGnBR,KAAAS,WAAsB,MAGtBT,KAAAU,UAAqB,MAGrBV,KAAAW,KAAsC,SAGXX,KAAAY,UAA2B,KAItDZ,KAAAa,SAAqC,KAOrCb,KAAAc,YAAeC,IACrB,GAAIf,KAAKS,YAAcT,KAAKU,UAAW,OACvCV,KAAKgB,QAAQC,KAAKF,EAAM,CAiG3B,CAvGC,cAAMG,GACJlB,KAAKa,UAAUM,O,CAQjB,YAAYC,GACV,OAAOpB,KAAKC,UAAY,QAAUD,KAAKC,UAAY,Y,CAGrD,aAAYoB,GACV,OAAOrB,KAAKC,UAAY,SAAWD,KAAKC,UAAY,Y,CAGtD,kBAAYqB,GACV,GAAItB,KAAKY,UAAW,OAAOZ,KAAKY,UAChC,GAAIZ,KAAKU,WAAaV,KAAKC,UAAY,SAAWD,KAAKI,MAAO,OAAOJ,KAAKI,MAC1E,OAAOmB,S,CAGT,MAAAC,GACE,MAAMC,EAAcC,EAAqB1B,KAAKE,MAC9C,MAAMyB,EAAWpC,EAAUS,KAAKE,MAEhC,MAAM0B,EAA+B,CACnC,gBAAiB,KACjB,sBAAuB,KACvB,uBAAwB5B,KAAKS,WAE7B,+BAAgCT,KAAKO,WAAa,OAClD,iCAAkCP,KAAKO,WAAa,SACpD,iCAAkCP,KAAKO,WAAa,SAEpD,sBAAuBP,KAAKS,WAC5B,iBAAkBT,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,sBAAuBF,KAAKC,UAAY,OACxC,uBAAwBD,KAAKC,UAAY,QACzC,4BAA6BD,KAAKC,UAAY,aAC9C,yBAA0BD,KAAKQ,QAC/B,CAAC,yBAAyBR,KAAKM,UAAW,KAC1C,CAAC,2BAA2BN,KAAKO,YAAaP,KAAKO,WAAa,QAGlE,OACEsB,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,qBAAsB,KACtB,2BAA4BhC,KAAKC,UAAY,OAC7C,iBAAkBD,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,KAChC,iBAAkBF,KAAKE,OAAS,QAC7B+B,EAAkBjC,KAAKG,QAE5B+B,UAAU,GAEVL,EAAA,UAAAE,IAAA,2CACEI,IAAKC,IACHpC,KAAKa,SAAWuB,GAAM,IAAI,EAE5BzB,KAAMX,KAAKW,KACXqB,MAAOJ,EACPS,SAAUrC,KAAKS,YAAcT,KAAKU,UAAS,aAC/BV,KAAKsB,eAAc,YACpBtB,KAAKU,UAAY,OAASa,UACrCe,QAAStC,KAAKc,aAEbd,KAAKoB,UACJS,EAAA,QAAAE,IAAA,2CAAMC,MAAM,yDACThC,KAAKU,UACFmB,EAAA,aAAW3B,KAAMyB,EAAUY,MAAM,YACjCV,EAAA,WAASW,KAAMxC,KAAKK,KAAMH,KAAMyB,EAAUY,MAAM,aAIvDvC,KAAKqB,WACJQ,EAAA,WAAAE,IAAA,2CACEC,MAAO,CACL,uBAAwB,KACxB,gCAAiChC,KAAKU,WAAaV,KAAKC,UAAY,QACpE,+BAAgC,MAElCwC,GAAG,OACHxC,QAASwB,EACTiB,SAAQ,KACRH,MAAM,WAELvC,KAAKI,OAGTJ,KAAKU,WAAaV,KAAKC,UAAY,SAClC4B,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8DACVH,EAAA,aAAAE,IAAA,2CAAW7B,KAAMyB,EAAUY,MAAM,c","ignoreList":[]}
|