@loadsmart/miranda-wc 1.40.7 → 1.41.1-alpha.1

package/dist/components/tabs/tab.js

@@ -0,0 +1,93 @@
+import{_ as t}from"../../tslib.es6-14a1a18b.js";import{i as o,x as r}from"../../lit-element-26769da5.js";import{s as e}from"../../context-consumer-4fa4f752.js";import{o as a}from"../../class-map-fe8f3591.js";import{C as i}from"../../component-e7cf11f6.js";import{T as s}from"../../tabs.constants-aca5e0b6.js";import{g as l}from"../../get-token-44e330dd.js";import{g as n}from"../../get-color-token-07d651ab.js";import{o as d,d as b}from"../../index-d8e55df5.js";import{t as c}from"../../typography-b88b14c1.js";import{t as m}from"../../transition-eb314b12.js";import{t as p}from"../../tabs.context-a8e519f6.js";import"../../context-request-event-57d48151.js";import"../../directive-ee0c609c.js";import"../../index-89653e64.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../create-context-b9182a87.js";var h,u,g,v,f,$;class y extends i{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},slot:{type:String,reflect:!0}}}constructor(){super(),h.add(this),this.tabs=new e(this,p,void 0,!0),g.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const o={detail:{value:this.name,type:"select"},bubbles:!0,composed:!1};this.emit(s,o)})),v.set(this,(()=>{var t;return null===(t=this.tabs.value)||void 0===t?void 0:t.tabContentDirection})),f.set(this,(()=>{var t;return Boolean(null===(t=this.tabs.value)||void 0===t?void 0:t.selection.has(this.name))})),$.set(this,(()=>{var t;return this.disabled||Boolean(null===(t=this.tabs.value)||void 0===t?void 0:t.disabled)})),this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id=`${this.name}-tab`,this.setAttribute("slot","tab"),this.setAttribute("role","tab"),this.setAttribute("aria-controls",`${this.name}-panel`),this.setAttribute("aria-selected","false"),this.addEventListener("click",t(this,g,"f"))}updated(o){super.updated(o),t(this,f,"f").call(this)?this.setAttribute("aria-selected","true"):this.setAttribute("aria-selected","false"),o.has("name")&&(this.id=`${this.name}-tab`,this.setAttribute("aria-controls",`${this.name}-panel`)),o.has("disabled")&&this.setAttribute("aria-disabled",String(this.disabled))}render(){return r`
+			<button
+				type="button"
+				class=${a({tab:!0,"-vertical":"vertical"===t(this,v,"f").call(this),"-horizontal":"horizontal"===t(this,v,"f").call(this)})}
+				?disabled=${t(this,$,"f").call(this)}
+				aria-selected=${t(this,f,"f").call(this)}
+			>
+				<slot name="leading"></slot>
+				<slot></slot>
+			</button>
+		`}focus(o){var r;null===(r=t(this,h,"a",u))||void 0===r||r.focus(o)}}g=new WeakMap,v=new WeakMap,f=new WeakMap,$=new WeakMap,h=new WeakSet,u=function(){var t,o;return null!==(o=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector("button"))&&void 0!==o?o:null},y.styles=[o`
+		:host {
+			--m-tab-border-width: ${l("border-thin")};
+			--m-tab-border-color: ${n("color-divider")};
+			--m-tab-border-radius: ${l("border-radius-s")};
+			--m-tab-background-color: none;
+			--m-tab-label-color: ${n("color-text-tertiary")};
+			--m-tab-leading-color: ${n("color-text-tertiary")};
+
+			--m-tab-outline-color: ${n("color-primary-60")};
+
+			--m-tab-padding-x: ${l("spacing-6")};
+			--m-tab-height: ${l("spacing-12")};
+		}
+
+		.tab {
+			cursor: pointer;
+			position: relative;
+			padding-bottom: 1px;
+			bottom: -1px;
+			display: inline-flex;
+			align-items: center;
+			justify-content: center;
+			gap: ${l("spacing-3")};
+			height: var(--m-tab-height);
+			padding-inline: var(--m-tab-padding-x);
+
+			${c("body-md")};
+			color: var(--m-tab-label-color);
+
+			background-color: var(--m-tab-background-color);
+			border: none;
+			border-bottom-style: solid;
+			border-bottom-width: var(--m-tab-border-width);
+			border-bottom-color: var(--m-tab-border-color);
+			border-top-left-radius: var(--m-tab-border-radius);
+			border-top-right-radius: var(--m-tab-border-radius);
+
+			@media (prefers-reduced-motion: no-preference) {
+				${m([{property:"background-color"},{property:"border-color"},{property:"color"}])};
+			}
+		}
+		.tab.-vertical {
+			flex-direction: column;
+			--m-tab-height: ${l("spacing-20")};
+		}
+		.tab.-horizontal {
+			flex-direction: row;
+		}
+
+		slot[name='leading']::slotted(*) {
+			display: contents;
+			color: var(--m-tab-leading-color);
+		}
+
+		${d.hover(".tab")} {
+			--m-tab-background-color: ${n("color-background-tertiary")};
+		}
+
+		${d.focus(".tab")} {
+			outline: 1px solid var(--m-tab-outline-color);
+		}
+
+		.tab[aria-selected='true'] {
+			--m-tab-border-width: ${l("border-medium")};
+			--m-tab-border-color: ${n("color-primary-60")};
+			--m-tab-label-color: ${n("color-text-secondary")};
+			--m-tab-leading-color: ${n("color-primary-60")};
+			padding-bottom: 0;
+		}
+
+		${b(".tab")} {
+			cursor: default;
+			--m-tab-label-color: ${n("color-text-disabled")};
+			--m-tab-leading-color: ${n("color-text-disabled")};
+			--m-tab-border-color: ${n("color-divider")};
+		}
+
+		${b(".tab","*")} {
+			pointer-events: none;
+		}
+	`],window.customElements.define("m-tab",y);export{y as Tab};
+//# sourceMappingURL=tab.js.map

package/dist/components/tabs/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sources":["../../../src/components/tabs/tab.ts","../../../src/components/tabs/tab.styles.ts"],"sourcesContent":[null,null],"names":["Tab","Component","properties","name","type","String","disabled","Boolean","reflect","slot","constructor","super","this","tabs","ContextConsumer","tabsContext","undefined","_Tab_handleClick","set","event","preventDefault","stopPropagation","options","detail","value","bubbles","composed","emit","TAB_SELECT_EVENT","_Tab_getContentDirection","_a","tabContentDirection","_Tab_isSelected","selection","has","_Tab_isDisabled","connectedCallback","id","setAttribute","addEventListener","__classPrivateFieldGet","updated","changedProperties","call","render","html","classMap","tab","focus","_Tab_instances","_Tab_button_get","_b","renderRoot","querySelector","styles","css","getToken","color","typography","transition","property","on","hover","window","customElements","define"],"mappings":"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"}

package/dist/components/tabs/tabs.js

@@ -0,0 +1,19 @@
+import{_ as t,a as e}from"../../tslib.es6-14a1a18b.js";import{i,x as s}from"../../lit-element-26769da5.js";import{e as o}from"../../context-provider-5ca9c3fe.js";import{t as r}from"../../to-array-5c3637ca.js";import{S as a}from"../../selection.controller-d67641f1.js";import{C as n}from"../../component-e7cf11f6.js";import{t as l}from"../../tabs.context-a8e519f6.js";import{T as h}from"../../tabs.constants-aca5e0b6.js";import{g as c}from"../../get-token-44e330dd.js";import{g as d}from"../../get-color-token-07d651ab.js";import"../../_commonjsHelpers-1fe14821.js";import"../../create-context-b9182a87.js";import"../../index-89653e64.js";var b,m,p,f,v;class u extends n{static get properties(){return{activeTab:{type:String,attribute:"active-tab",reflect:!0},disabled:{type:Boolean,reflect:!0},lazy:{type:Boolean},selection:{state:!0},tabContentDirection:{type:String,attribute:"tab-content-direction"}}}constructor(){super(),b.set(this,null),m.set(this,null),this.provider=new o(this,l,{tabContentDirection:"horizontal",disabled:!1,lazy:!1,selection:new Set("")}),p.set(this,(t=>{t.stopPropagation();const[e]=Array.from(this.selection),i={detail:{value:String(e)}};this.emit("m-tab-change",i)})),f.set(this,(()=>{var e;return null===(e=t(this,v,"f").call(this)[0])||void 0===e?void 0:e.name})),v.set(this,(()=>{var i,s,o;e(this,m,null!==(i=t(this,m,"f"))&&void 0!==i?i:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(o=null===(s=t(this,m,"f"))||void 0===s?void 0:s.assignedElements({flatten:!0}))&&void 0!==o?o:[]].filter((t=>"m-tab"===t.tagName.toLowerCase()))})),this.activeTab="",this.tabContentDirection="horizontal",this.disabled=!1,this.lazy=!1,this.type="single-strict",this.selection=new Set}connectedCallback(){super.connectedCallback(),e(this,b,new a(this,this.type,h),"f"),this.addEventListener("m-change",t(this,p,"f"))}update(e){super.update(e),e.has("activeTab")&&t(this,b,"f")&&t(this,b,"f").init(r(this.activeTab||t(this,f,"f").call(this)));const[i]=Array.from(this.selection);!e.has("selection")||this.activeTab&&i===this.activeTab||(this.activeTab=i),(e.has("tabContentDirection")||e.has("disabled")||e.has("lazy")||e.has("selection"))&&this.provider.setValue({tabContentDirection:this.tabContentDirection,disabled:this.disabled,lazy:this.lazy,selection:this.selection})}render(){return s`
+			<div class="tablist" role="tablist"><slot name="tab"></slot></div>
+			<slot></slot>
+		`}}b=new WeakMap,m=new WeakMap,p=new WeakMap,f=new WeakMap,v=new WeakMap,u.styles=[i`
+		:host {
+			--m-tabs-border-width: ${c("border-thin")};
+			--m-tabs-border-color: ${d("color-divider")};
+		}
+
+		.tablist {
+			display: flex;
+			flex-direction: row;
+			gap: 1px;
+			border-bottom-style: solid;
+			border-bottom-width: var(--m-tabs-border-width);
+			border-bottom-color: var(--m-tabs-border-color);
+		}
+	`],window.customElements.define("m-tabs",u);export{u as Tabs};
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../../src/components/tabs/tabs.ts","../../../src/components/tabs/tabs.styles.ts"],"sourcesContent":[null,null],"names":["Tabs","Component","properties","activeTab","type","String","attribute","reflect","disabled","Boolean","lazy","selection","state","tabContentDirection","constructor","super","_Tabs_selectionController","set","this","_Tabs_defaultSlot","provider","ContextProvider","tabsContext","Set","_Tabs_onSelectionChange","event","stopPropagation","selectedValue","Array","from","options","detail","value","emit","_Tabs_getDefaultSelected","__classPrivateFieldGet","call","_a","name","_Tabs_getTabs","__classPrivateFieldSet","shadowRoot","querySelector","_c","_b","assignedElements","flatten","filter","item","tagName","toLowerCase","connectedCallback","SelectionController","TAB_SELECT_EVENT","addEventListener","update","changedProperties","has","init","toArray","setValue","render","html","styles","css","getToken","color","window","customElements","define"],"mappings":"4oBAmBM,MAAOA,UAAaC,EAOzB,qBAAoBC,GACnB,MAAO,CACNC,UAAW,CAAEC,KAAMC,OAAQC,UAAW,aAAcC,SAAS,GAC7DC,SAAU,CAAEJ,KAAMK,QAASF,SAAS,GACpCG,KAAM,CAAEN,KAAMK,SACdE,UAAW,CAAEC,OAAO,GACpBC,oBAAqB,CAAET,KAAMC,OAAQC,UAAW,yBAEjD,CAyCD,WAAAQ,GACCC,QAtDDC,EAAAC,IAAAC,KAAmD,MAEnDC,EAAAF,IAAAC,KAAuC,MA4C/BA,KAAAE,SAAW,IAAIC,EAAgBH,KAAMI,EAAa,CACzDT,oBAAqB,aACrBL,UAAU,EACVE,MAAM,EACNC,UAAW,IAAIY,IAAI,MAkEpBC,EAAoCP,IAAAC,MAACO,IACpCA,EAAMC,kBAEN,MAAOC,GAAiBC,MAAMC,KAAKX,KAAKP,WAClCmB,EAAU,CACfC,OAAQ,CAAEC,MAAO3B,OAAOsB,KAGzBT,KAAKe,KAAK,eAAgBH,EAAQ,IAGnCI,EAAAjB,IAAAC,MAAsB,WAMrB,OAAc,UAFDiB,EAAAjB,YAAAkB,KAAAlB,MAED,UAAE,IAAAmB,OAAA,EAAAA,EAAEC,IAAI,IAGrBC,EAAAtB,IAAAC,MAAW,eACVsB,EAAAtB,KAAAC,EAAA,QAAAkB,EAAAF,EAAAjB,KAAAC,EAAA,YAAA,IAAAkB,EAAAA,EACCnB,KAAKuB,YAAcvB,KAAKuB,WAAWC,cAAc,aAGlD,MAAO,IAF6D,QAAtDC,EAAmB,UAAnBR,EAAAjB,mBAAmB,IAAA0B,OAAA,EAAAA,EAAAC,iBAAiB,CAAEC,SAAS,WAAO,IAAAH,EAAAA,EAAI,IAEtDI,QAChBC,GAAwC,UAA/BA,EAAKC,QAAQC,eACd,IAvFVhC,KAAKf,UAAY,GACjBe,KAAKL,oBAAsB,aAC3BK,KAAKV,UAAW,EAChBU,KAAKR,MAAO,EACZQ,KAAKd,KAAO,gBACZc,KAAKP,UAAY,IAAIY,GACrB,CAEQ,iBAAA4B,GACRpC,MAAMoC,oBAENX,EAAAtB,KAAIF,EAAwB,IAAIoC,EAC/BlC,KACAA,KAAKd,KACLiD,QAGDnC,KAAKoC,iBAAiB,WAAYnB,EAAAjB,KAAuBM,EAAA,KACzD,CAEkB,MAAA+B,CAAOC,GACzBzC,MAAMwC,OAAOC,GAETA,EAAkBC,IAAI,cAAgBtB,EAAAjB,KAAIF,EAAA,MAC7CmB,EAAAjB,KAAyBF,EAAA,KAAC0C,KACzBC,EAAQzC,KAAKf,WAAagC,EAAAjB,KAAwBgB,EAAA,KAAAE,KAAxBlB,QAI5B,MAAOS,GAAiBC,MAAMC,KAAKX,KAAKP,YAEvC6C,EAAkBC,IAAI,cACpBvC,KAAKf,WAAawB,IAAkBT,KAAKf,YAG3Ce,KAAKf,UAAYwB,IAIjB6B,EAAkBC,IAAI,wBACtBD,EAAkBC,IAAI,aACtBD,EAAkBC,IAAI,SACtBD,EAAkBC,IAAI,eAEtBvC,KAAKE,SAASwC,SAAS,CACtB/C,oBAAqBK,KAAKL,oBAC1BL,SAAUU,KAAKV,SACfE,KAAMQ,KAAKR,KACXC,UAAWO,KAAKP,WAGlB,CAEQ,MAAAkD,GACR,OAAOC,CAAI;;;GAIX,wEApHe9D,EAAA+D,OAAS,CCflBC,CAAG;;4BAEiBC,EAAS;4BACTC,EAAM;;;;;;;;;;;IDiKlCC,OAAOC,eAAeC,OAAO,SAAUrE"}

package/dist/components/tag/tag.js

@@ -0,0 +1,83 @@
+import{i as e,r as t,s as o,x as r}from"../../lit-element-26769da5.js";import{o as i}from"../../class-map-fe8f3591.js";import{g as s}from"../../get-color-token-07d651ab.js";import{g as a}from"../../get-token-44e330dd.js";import{t as n}from"../../typography-b88b14c1.js";import{t as l}from"../../to-rem-486b0c16.js";import"../../directive-ee0c609c.js";import"../../index-89653e64.js";import"../../_commonjsHelpers-1fe14821.js";class c extends o{static get properties(){return{variant:{type:String},size:{type:String},isSkeleton:{type:Boolean,attribute:"is-skeleton"}}}constructor(){super(),this.variant="neutral",this.size="default",this.isSkeleton=!1}render(){return r`
+			<span
+				class=${i({tag:!0,"-success":"success"===this.variant,"-neutral":"neutral"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-is-skeleton":this.isSkeleton,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size})}
+			>
+				${this.isSkeleton?r``:r`<slot name="leading"></slot>`}
+				<slot></slot>
+			</span>
+		`}}c.styles=[[e`
+		@keyframes skeleton-loading {
+			0% {
+				background-color: ${s("color-background-tertiary")};
+				opacity: 0.3;
+			}
+			50% {
+				background-color: ${s("color-background-tertiary")};
+				opacity: 0.6;
+			}
+			100% {
+				background-color: ${s("color-background-tertiary")};
+			}
+		}
+	`,e`
+			:host {
+				--m-tag-skeleton-width: 100px;
+
+				display: contents;
+			}
+			.tag {
+				display: inline-block;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				box-sizing: border-box;
+				max-width: 200px;
+				border-radius: 100px;
+				line-height: ${a("line-height-1")};
+				cursor: default;
+			}
+
+			.tag slot[name='leading']::slotted(*) {
+				margin-inline-end: ${a("spacing-1")};
+				vertical-align: middle;
+			}
+
+			.-size-small {
+				${n("chips-sm")};
+				padding: ${a("spacing-1")} ${a("spacing-2")};
+				block-size: ${l("18px")};
+			}
+			.-size-default {
+				${n("chips-md")};
+				padding: ${a("spacing-2")} ${a("spacing-3")};
+				block-size: ${a("global-height-small")};
+			}
+			.-size-large {
+				${n("button-lg")};
+				padding: ${a("spacing-3")} ${a("spacing-4")};
+				block-size: ${a("global-height-default")};
+			}
+
+			.-success {
+				color: ${s("color-success-60")};
+				background: ${s("color-success-20")};
+			}
+			.-neutral {
+				color: ${s("color-text-tertiary")};
+				background: ${s("color-background-tertiary")};
+			}
+			.-warning {
+				color: ${s("color-warning-100")};
+				background: ${s("color-warning-20")};
+			}
+			.-danger {
+				color: ${s("color-danger-60")};
+				background: ${s("color-danger-20")};
+			}
+
+			.-is-skeleton {
+				${t("animation: skeleton-loading 1s linear infinite alternate;")};
+				width: var(--m-tag-skeleton-width);
+			}
+		`]],window.customElements.define("m-tag",c);export{c as Tag};
+//# sourceMappingURL=tag.js.map

package/dist/components/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sources":["../../../src/components/tag/tag.ts","../../../src/components/tag/tag.styles.ts","../../../src/styles/skeleton.ts"],"sourcesContent":[null,null,null],"names":["Tag","LitElement","properties","variant","type","String","size","isSkeleton","Boolean","attribute","constructor","super","this","render","html","classMap","tag","styles","css","color","token","typography","toRem","unsafeCSS","window","customElements","define"],"mappings":"0aAcM,MAAOA,UAAYC,EAGxB,qBAAoBC,GACnB,MAAO,CACNC,QAAS,CAAEC,KAAMC,QACjBC,KAAM,CAAEF,KAAMC,QACdE,WAAY,CAAEH,KAAMI,QAASC,UAAW,eAEzC,CAiBD,WAAAC,GACCC,QAEAC,KAAKT,QAAU,UACfS,KAAKN,KAAO,UACZM,KAAKL,YAAa,CAClB,CAEQ,MAAAM,GACR,OAAOC,CAAI;;YAEDC,EAAS,CAChBC,KAAK,EAEL,WAA6B,YAAjBJ,KAAKT,QACjB,WAA6B,YAAjBS,KAAKT,QACjB,WAA6B,YAAjBS,KAAKT,QACjB,UAA4B,WAAjBS,KAAKT,QAEhB,eAAgBS,KAAKL,WAErB,cAA6B,UAAdK,KAAKN,KACpB,gBAA+B,YAAdM,KAAKN,KACtB,cAA6B,UAAdM,KAAKN;;MAGnBM,KAAKL,WAAaO,CAAI,GAAKA,CAAI;;;GAInC,EAvDed,EAAAiB,OAAS,CCPlB,CCJAC,CAAG;;;wBAGaC,EAAM;;;;wBAINA,EAAM;;;;wBAINA,EAAM;;;GDL5BD,CAAG;;;;;;;;;;;;;;mBAccE,EAAM;;;;;yBAKAA,EAAM;;;;;MAKzBC,EAAW;eACFD,EAAM,gBAAgBA,EAAM;kBACzBE,EAAM;;;MAGlBD,EAAW;eACFD,EAAM,gBAAgBA,EAAM;kBACzBA,EAAM;;;MAGlBC,EAAW;eACFD,EAAM,gBAAgBA,EAAM;kBACzBA,EAAM;;;;aAIXD,EAAM;kBACDA,EAAM;;;aAGXA,EAAM;kBACDA,EAAM;;;aAGXA,EAAM;kBACDA,EAAM;;;aAGXA,EAAM;kBACDA,EAAM;;;;MCzChBI,EAAU;;;MFmDlBC,OAAOC,eAAeC,OAAO,QAAS1B"}

package/dist/components/text/text.js

@@ -0,0 +1,161 @@
+import{P as d,n as o}from"../../polymorphic-tag-ea0d4568.js";import{i as e,s as t}from"../../lit-element-26769da5.js";import{o as m}from"../../class-map-fe8f3591.js";import{o as s}from"../../style-map-463fcba3.js";import{d as i}from"../../index-89653e64.js";import{t as l}from"../../transition-eb314b12.js";import{t as r}from"../../typography-b88b14c1.js";import{g as h}from"../../get-color-token-07d651ab.js";import"../../directive-ee0c609c.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../get-token-44e330dd.js";class b extends(d(t,["h1","h2","h3","h4","h5","h6","p","span"],"span")){static get properties(){return{color:{type:String},ellipsized:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}constructor(){super(),this.as="span",this.color="color-text-primary",this.ellipsized=!1,this.variant="body-md"}render(){return o`
+			<${this.tag}
+				class=${m({"m-text":!0,"-body-lg-bold":"body-lg-bold"===this.variant,"-body-lg":"body-lg"===this.variant,"-body-md-bold-underline":"body-md-bold-underline"===this.variant,"-body-md-bold":"body-md-bold"===this.variant,"-body-md-underline":"body-md-underline"===this.variant,"-body-md":"body-md"===this.variant,"-body-sm-bold-underline":"body-sm-bold-underline"===this.variant,"-body-sm-bold":"body-sm-bold"===this.variant,"-body-sm-underline":"body-sm-underline"===this.variant,"-body-sm":"body-sm"===this.variant,"-button-lg":"button-lg"===this.variant,"-button-md":"button-md"===this.variant,"-button-sm":"button-sm"===this.variant,"-chips-md":"chips-md"===this.variant,"-chips-sm":"chips-sm"===this.variant,"-heading-lg-bold":"heading-lg-bold"===this.variant,"-heading-lg":"heading-lg"===this.variant,"-heading-md-bold":"heading-md-bold"===this.variant,"-heading-md":"heading-md"===this.variant,"-heading-sm-bold":"heading-sm-bold"===this.variant,"-heading-sm":"heading-sm"===this.variant,"-hero-lg-bold":"hero-lg-bold"===this.variant,"-hero-lg":"hero-lg"===this.variant,"-hero-md-bold":"hero-md-bold"===this.variant,"-hero-md":"hero-md"===this.variant,"-hero-sm-bold":"hero-sm-bold"===this.variant,"-hero-sm":"hero-sm"===this.variant,"-number-md":"number-md"===this.variant,"-number-sm":"number-sm"===this.variant,"-table-header-md":"table-header-md"===this.variant,"-table-header-sm":"table-header-sm"===this.variant,"-ellipsized":Boolean(this.ellipsized)})}
+				style=${s({"--m-text-color":i.toCSSValue(this.color)})}
+			>
+				<slot></slot>
+			</${this.tag}>
+		`}}b.styles=[e`
+		:host {
+			--m-text-color: ${h("color-text-primary")};
+			--m-text-display: inline-block;
+			--m-text-max-width: initial;
+			--m-text-padding: 0;
+			--m-text-margin: 0;
+
+			display: contents;
+		}
+
+		.m-text {
+			${l([{property:"color"}])};
+
+			${r()};
+
+			color: var(--m-text-color);
+			display: var(--m-text-display);
+			padding: var(--m-text-padding);
+			margin: var(--m-text-margin);
+		}
+
+		.-body-lg-bold {
+			${r("body-lg-bold")};
+		}
+
+		.-body-lg {
+			${r("body-lg")};
+		}
+
+		.-body-md-bold-underline {
+			${r("body-md-bold-underline")};
+		}
+
+		.-body-md-bold {
+			${r("body-md-bold")};
+		}
+
+		.-body-md-underline {
+			${r("body-md-underline")};
+		}
+
+		.-body-md {
+			${r("body-md")};
+		}
+
+		.-body-sm-bold-underline {
+			${r("body-sm-bold-underline")};
+		}
+
+		.-body-sm-bold {
+			${r("body-sm-bold")};
+		}
+
+		.-body-sm-underline {
+			${r("body-sm-underline")};
+		}
+
+		.-body-sm {
+			${r("body-sm")};
+		}
+
+		.-button-lg {
+			${r("button-lg")};
+		}
+
+		.-button-md {
+			${r("button-md")};
+		}
+
+		.-button-sm {
+			${r("button-sm")};
+		}
+
+		.-chips-md {
+			${r("chips-md")};
+		}
+
+		.-chips-sm {
+			${r("chips-sm")};
+		}
+
+		.-heading-lg-bold {
+			${r("heading-lg-bold")};
+		}
+
+		.-heading-lg {
+			${r("heading-lg")};
+		}
+
+		.-heading-md-bold {
+			${r("heading-md-bold")};
+		}
+
+		.-heading-md {
+			${r("heading-md")};
+		}
+
+		.-heading-sm-bold {
+			${r("heading-sm-bold")};
+		}
+
+		.-heading-sm {
+			${r("heading-sm")};
+		}
+
+		.-hero-lg-bold {
+			${r("hero-lg-bold")};
+		}
+
+		.-hero-lg {
+			${r("hero-lg")};
+		}
+
+		.-hero-md-bold {
+			${r("hero-md-bold")};
+		}
+
+		.-hero-md {
+			${r("hero-md")};
+		}
+
+		.-hero-sm-bold {
+			${r("hero-sm-bold")};
+		}
+
+		.-hero-sm {
+			${r("hero-sm")};
+		}
+
+		.-number-md {
+			${r("number-md")};
+		}
+
+		.-number-sm {
+			${r("number-sm")};
+		}
+
+		.-table-header-md {
+			${r("table-header-md")};
+		}
+
+		.-table-header-sm {
+			${r("table-header-sm")};
+		}
+
+		.-ellipsized {
+			overflow: hidden;
+			text-overflow: ellipsis;
+			white-space: nowrap;
+			max-width: var(--m-text-max-width);
+		}
+	`],window.customElements.define("m-text",b);export{b as Text};
+//# sourceMappingURL=text.js.map

package/dist/components/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../../src/components/text/text.ts","../../../src/components/text/text.styles.ts"],"sourcesContent":[null,null],"names":["Text","PolymorphicTagMixin","LitElement","properties","color","type","String","ellipsized","Boolean","reflect","variant","constructor","super","this","as","render","html","tag","classMap","styleMap","toCSSValue","styles","css","transition","property","typography","window","customElements","define"],"mappings":"gjBAqBM,MAAOA,UAAaC,EACzBC,EACA,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,IAAK,QAC1C,SAIA,qBAAoBC,GACnB,MAAO,CACNC,MAAO,CAAEC,KAAMC,QACfC,WAAY,CAAEF,KAAMG,QAASC,SAAS,GACtCC,QAAS,CAAEL,KAAMC,OAAQG,SAAS,GAEnC,CAoBD,WAAAE,GACCC,QAEAC,KAAKC,GAAK,OACVD,KAAKT,MAAQ,qBACbS,KAAKN,YAAa,EAClBM,KAAKH,QAAU,SACf,CAEQ,MAAAK,GACR,OAAOC,CAAI;MACPH,KAAKI;YACCC,EAAS,CAChB,UAAU,EACV,gBAAkC,iBAAjBL,KAAKH,QACtB,WAA6B,YAAjBG,KAAKH,QACjB,0BAA4C,2BAAjBG,KAAKH,QAChC,gBAAkC,iBAAjBG,KAAKH,QACtB,qBAAuC,sBAAjBG,KAAKH,QAC3B,WAA6B,YAAjBG,KAAKH,QACjB,0BAA4C,2BAAjBG,KAAKH,QAChC,gBAAkC,iBAAjBG,KAAKH,QACtB,qBAAuC,sBAAjBG,KAAKH,QAC3B,WAA6B,YAAjBG,KAAKH,QACjB,aAA+B,cAAjBG,KAAKH,QACnB,aAA+B,cAAjBG,KAAKH,QACnB,aAA+B,cAAjBG,KAAKH,QACnB,YAA8B,aAAjBG,KAAKH,QAClB,YAA8B,aAAjBG,KAAKH,QAClB,mBAAqC,oBAAjBG,KAAKH,QACzB,cAAgC,eAAjBG,KAAKH,QACpB,mBAAqC,oBAAjBG,KAAKH,QACzB,cAAgC,eAAjBG,KAAKH,QACpB,mBAAqC,oBAAjBG,KAAKH,QACzB,cAAgC,eAAjBG,KAAKH,QACpB,gBAAkC,iBAAjBG,KAAKH,QACtB,WAA6B,YAAjBG,KAAKH,QACjB,gBAAkC,iBAAjBG,KAAKH,QACtB,WAA6B,YAAjBG,KAAKH,QACjB,gBAAkC,iBAAjBG,KAAKH,QACtB,WAA6B,YAAjBG,KAAKH,QACjB,aAA+B,cAAjBG,KAAKH,QACnB,aAA+B,cAAjBG,KAAKH,QACnB,mBAAqC,oBAAjBG,KAAKH,QACzB,mBAAqC,oBAAjBG,KAAKH,QACzB,cAAeF,QAAQK,KAAKN;YAErBY,EAAS,CAEhB,iBAAkBC,EAAAA,WAAWP,KAAKT;;;OAIhCS,KAAKI;GAEV,EAnFejB,EAAAqB,OAAS,CCpBlBC,CAAG;;qBAEUlB,EAAM;;;;;;;;;;KAUtBmB,EAAW,CAAC,CAAEC,SAAU;;KAExBC;;;;;;;;;KASAA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;KAIXA,EAAW;;;;;;;;;IDrChBC,OAAOC,eAAeC,OAAO,SAAU5B"}

package/dist/components/text-field/text-field.js

@@ -0,0 +1,148 @@
+import{_ as t}from"../../tslib.es6-14a1a18b.js";import{i as e,x as i,A as o}from"../../lit-element-26769da5.js";import{l as r}from"../../if-defined-91a7eb3e.js";import{s as l}from"../../context-consumer-4fa4f752.js";import{o as s}from"../../class-map-fe8f3591.js";import{C as n}from"../../component-e7cf11f6.js";import{d as a,o as d}from"../../index-d8e55df5.js";import{g as c}from"../../get-color-token-07d651ab.js";import{g as m}from"../../get-token-44e330dd.js";import{t as p}from"../../typography-b88b14c1.js";import{t as h}from"../../transition-eb314b12.js";import{p as f}from"../../padding-a0e1e1b3.js";import{f as u}from"../../field.context-333901c5.js";import"../../group-3c305132.js";import"../close-button/close-button.js";import"../../context-request-event-57d48151.js";import"../../directive-ee0c609c.js";import"../../to-array-5c3637ca.js";import"../../_commonjsHelpers-1fe14821.js";import"../../index-89653e64.js";import"../../create-context-b9182a87.js";import"../../base-layout.styles-24522bea.js";import"../../to-rem-486b0c16.js";import"../../margin-bb4df92f.js";import"../icon/icon.js";import"../icon/available-icons.js";var g,x,b,$,y;class v extends n{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String},status:{type:String},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),g.add(this),this.inputElement=null,this.field=new l(this,u,void 0,!0),$.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),y.set(this,(t=>{t.stopPropagation(),this.clear()})),this.clearable=!1,this.disabled=!1,this.placeholder=void 0,this.size="default",this.type="text",this.value=void 0,this.max=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}render(){return i`
+			<div
+				class=${s({container:!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"is-disabled":Boolean(this.disabled),"-status-default":"default"===t(this,g,"m",b).call(this),"-status-danger":"danger"===t(this,g,"m",b).call(this)})}
+			>
+				<slot name="leading"></slot>
+				<input
+					id="${r(this.id)}"
+					type="${r(this.type)}"
+					class="text-field"
+					aria-disabled=${this.disabled?"true":"false"}
+					?disabled="${this.disabled}"
+					?readonly=${this.readOnly}
+					max=${this.max||o}
+					maxlength=${null!=this.maxLength&&this.maxLength>-1?this.maxLength:o}
+					min=${this.min||o}
+					minlength=${null!=this.minLength&&this.minLength>-1?this.minLength:o}
+					pattern=${r(this.pattern)}
+					placeholder="${r(this.placeholder)}"
+					step=${this.step||o}
+					value="${r(this.value)}"
+					@change=${this.reemit}
+					@input=${t(this,$,"f")}
+				/>
+				${this.clearable?i`<m-close-button
+							class=${s({clear:!0,"is-visible":t(this,g,"m",x).call(this)})}
+							controls="${r(this.id)}"
+							@m-close=${t(this,y,"f")}
+							label="Clear input"
+					  ></m-close-button>`:o}
+				<slot name="trailing"></slot>
+			</div>
+		`}get input(){var t,e;return null==this.inputElement&&(this.inputElement=null!==(e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("input"))&&void 0!==e?e:null),this.inputElement}clear(){this.value="",this.input&&(this.input.value=""),this.emit("m-clear"),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}$=new WeakMap,y=new WeakMap,g=new WeakSet,x=function(){const t=this.value||"";return!this.disabled&&t.length>0},b=function(){var t;return this.status||(null===(t=this.field.value)||void 0===t?void 0:t.status)},v.styles=[e`
+		:host {
+			--m-text-field-background-color: transparent;
+			--m-text-field-border-color: ${c("color-border")};
+			--m-text-field-height: ${m("global-height-default")};
+			--m-text-field-outline-color: ${c("color-primary-100")};
+			--m-text-field-outline-offset: 2px;
+			--m-text-field-padding-y: ${m("spacing-2")};
+			--m-text-field-placeholder-color: ${c("color-text-placeholder")};
+			--m-text-field-color: ${c("color-text-primary")};
+		}
+
+		.container {
+			${p("body-md")};
+			${h([{property:"background-color"},{property:"border-color"}])};
+
+			display: inline-flex;
+			align-items: center;
+			justify-content: start;
+			gap: ${m("spacing-2")};
+
+			position: relative;
+			box-sizing: border-box;
+			width: 100%;
+			block-size: var(--m-text-field-height);
+
+			${f(m("spacing-2"))};
+
+			background-color: var(--m-text-field-background-color);
+			border-radius: ${m("border-radius-s")};
+			border: 1px solid var(--m-text-field-border-color);
+		}
+
+		.container.-size-small {
+			--m-text-field-height: ${m("global-height-small")};
+			--m-text-field-padding-y: 0;
+		}
+
+		.container.-size-small,
+		.container.-size-small .text-field {
+			${p("body-sm")};
+		}
+
+		.container.-size-large {
+			--m-text-field-height: ${m("global-height-large")};
+			--m-text-field-padding-y: ${m("spacing-3")};
+		}
+
+		.container.-status-danger {
+			--m-text-field-border-color: ${c("color-danger-60")};
+		}
+
+		${a(".container")} {
+			--m-text-field-background-color: ${c("color-background-tertiary")};
+
+			cursor: default;
+		}
+
+		${a(".container","*")} {
+			pointer-events: none;
+		}
+
+		slot[name='leading']::slotted(*),
+		slot[name='trailing']::slotted(*) {
+			display: inline-flex;
+			flex: 0 0 auto;
+			align-items: center;
+			cursor: default;
+		}
+
+		${d.hover(".container")} {
+			--m-text-field-border-color: ${c("color-primary-60")};
+		}
+
+		${d.focus(".container")} {
+			--m-text-field-border-color: ${c("color-primary-60")};
+
+			outline: 1px solid var(--m-text-field-outline-color);
+			outline-offset: var(--m-text-field-outline-offset);
+		}
+
+		.text-field {
+			${p("body-md")};
+
+			border: none;
+			outline: none;
+			flex: 1;
+			min-width: 0;
+
+			${f(0)};
+			padding-block: var(--m-text-field-padding-y);
+
+			background-color: var(--m-text-field-background-color);
+			color: var(--m-text-field-color);
+		}
+
+		.text-field::placeholder {
+			color: var(--m-text-field-placeholder-color);
+		}
+
+		${d.active(".text-field")},
+		${d.focus(".text-field")} {
+			-webkit-appearance: none;
+			background: none;
+			border: none;
+			outline: none;
+		}
+
+		.clear {
+			visibility: hidden;
+		}
+
+		.clear.is-visible {
+			visibility: visible;
+		}
+	`],window.customElements.define("m-text-field",v);export{v as TextField};
+//# sourceMappingURL=text-field.js.map

package/dist/components/text-field/text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.js","sources":["../../../src/components/text-field/text-field.ts","../../../src/components/text-field/text-field.styles.ts"],"sourcesContent":[null,null],"names":["TextField","Component","properties","clearable","type","Boolean","disabled","reflect","max","String","maxLength","Number","attribute","min","minLength","pattern","placeholder","readOnly","size","status","step","value","constructor","super","this","inputElement","field","ContextConsumer","fieldContext","undefined","_TextField_handleInput","set","event","target","reemit","_TextField_handleClear","stopPropagation","clear","connectedCallback","setAttribute","render","html","classMap","container","__classPrivateFieldGet","_TextField_instances","_TextField_getStatus","ifDefined","id","nothing","_TextField_isClearVisible","call","input","_b","shadowRoot","_a","querySelector","emit","focus","length","styles","css","color","token","typography","transition","property","px","on","hover","active","window","customElements","define"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import{a as t,_ as s}from"../../tslib.es6-14a1a18b.js";import{i as e,s as i,x as o}from"../../lit-element-26769da5.js";import{o as l}from"../../class-map-fe8f3591.js";import{t as r}from"../../to-array-5c3637ca.js";import{T as a}from"../../toggle-group.constants-79414aee.js";import{S as g}from"../../selection.controller-d67641f1.js";import{g as n}from"../../get-color-token-07d651ab.js";import{g as h}from"../../get-token-44e330dd.js";import"../../group-3c305132.js";import"../../directive-ee0c609c.js";import"../../_commonjsHelpers-1fe14821.js";import"../../index-89653e64.js";import"../../base-layout.styles-24522bea.js";var p,m,c,u,d,f;class b extends i{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String,reflect:!0},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),p.set(this,null),m.set(this,null),c.set(this,(()=>{var e,i,o;t(this,m,null!==(e=s(this,m,"f"))&&void 0!==e?e:this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...null!==(o=null===(i=s(this,m,"f"))||void 0===i?void 0:i.assignedElements({flatten:!0}))&&void 0!==o?o:[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),u.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),d.set(this,(t=>{t.checked=this.selection.has(t.value)})),f.set(this,(t=>{t.disabled=this.disabled})),this.showCheck=!1,this.size="default",this.type="single",this.selection=new Set}update(e){super.update(e),(null!=e.get("type")&&null!=this.type||null==s(this,p,"f"))&&(t(this,p,new g(this,this.type,a),"f"),s(this,p,"f").init(r(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),e.has("value")&&s(this,p,"f").init(r(this.value))}updated(t){super.updated(t),t.has("selection")&&s(this,c,"f").call(this).forEach((t=>{s(this,d,"f").call(this,t)})),t.has("disabled")&&s(this,c,"f").call(this).forEach((t=>{s(this,f,"f").call(this,t)})),t.has("role")&&s(this,c,"f").call(this).forEach((t=>{s(this,u,"f").call(this,t)}))}render(){return o`
+			<m-group
+				class=${l({"toggle-group":!0,"-single":"single"===this.type,"-single-strict":"single-strict"===this.type,"-multiple":"multiple"===this.type,"-small":"small"===this.size,"-show-check":this.showCheck})}
+				gap="spacing-1"
+			>
+				<slot></slot>
+			</m-group>
+		`}}p=new WeakMap,m=new WeakMap,c=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,b.styles=[[e`
+			.toggle-group {
+				inline-size: max-content;
+
+				border: 1px solid ${n("color-border")};
+				padding: ${h("spacing-1")};
+
+				border-radius: ${h("border-radius-s")};
+				box-sizing: border-box;
+
+				block-size: ${h("global-height-default")};
+			}
+
+			.toggle-group.-small {
+				block-size: ${h("global-height-small")};
+			}
+
+			.toggle-group.-small ::slotted(m-toggle) {
+				--m-toggle-base-size: 18px;
+				--m-toggle-font-size: ${h("font-size-2")};
+				--m-toggle-icon-size: 10px;
+			}
+
+			.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
+				--m-toggle-icon-display: inline-flex;
+			}
+		`]],window.customElements.define("m-toggle-group",b);export{b as ToggleGroup};
+//# sourceMappingURL=toggle-group.js.map

package/dist/components/toggle-group/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sources":["../../../src/components/toggle-group/toggle-group.ts","../../../src/components/toggle-group/toggle-group.styles.ts"],"sourcesContent":[null,null],"names":["ToggleGroup","LitElement","properties","disabled","type","Boolean","role","String","reflect","showCheck","attribute","size","value","selection","state","constructor","super","_ToggleGroup_selectionController","set","this","_ToggleGroup_defaultSlot","_ToggleGroup_getToggles","__classPrivateFieldSet","_a","__classPrivateFieldGet","shadowRoot","querySelector","_c","_b","assignedElements","flatten","filter","item","tagName","toLowerCase","_ToggleGroup_setToggleRole","toggle","setAttribute","includes","_ToggleGroup_setToggleChecked","checked","has","_ToggleGroup_setToggleDisabled","Set","update","changedProperties","get","SelectionController","TOGGLE_EVENT","init","toArray","updated","call","forEach","render","html","classMap","styles","css","color","token","window","customElements","define"],"mappings":"goBAiCM,MAAOA,UAAoBC,EAOhC,qBAAoBC,GACnB,MAAO,CACNC,SAAU,CAAEC,KAAMC,SAClBC,KAAM,CAAEF,KAAMG,OAAQC,SAAS,GAC/BC,UAAW,CAAEL,KAAMC,QAASK,UAAW,cACvCC,KAAM,CAAEP,KAAMG,OAAQC,SAAS,GAC/BJ,KAAM,CAAEA,KAAMG,QACdK,MAAO,CAAE,EACTC,UAAW,CAAEC,OAAO,GAErB,CAsCD,WAAAC,GACCC,QArDDC,EAAAC,IAAAC,KAAmD,MAEnDC,EAAAF,IAAAC,KAAuC,MAmIvCE,EAAAH,IAAAC,MAAc,eACbG,EAAAH,KAAAC,EAAA,QAAAG,EAAAC,EAAAL,KAAAC,EAAA,YAAA,IAAAG,EAAAA,EACCJ,KAAKM,YAAcN,KAAKM,WAAWC,cAAc,aAIlD,MAAO,IAF6D,QAAtDC,EAAmB,UAAnBH,EAAAL,mBAAmB,IAAAS,OAAA,EAAAA,EAAAC,iBAAiB,CAAEC,SAAS,WAAO,IAAAH,EAAAA,EAAI,IAEtDI,QAChBC,GAAwC,aAA/BA,EAAKC,QAAQC,eACX,IAGdC,EAAiBjB,IAAAC,MAACiB,IACjBA,EAAOC,aACN,OACA,CAAC,SAAU,iBAAiBC,SAASnB,KAAKf,MAAQ,QAAU,WAC5D,IAGFmC,EAAoBrB,IAAAC,MAACiB,IAEpBA,EAAOI,QAAUrB,KAAKN,UAAU4B,IAAIL,EAAOxB,MAAM,IAGlD8B,EAAqBxB,IAAAC,MAACiB,IAErBA,EAAOjC,SAAWgB,KAAKhB,QAAQ,IAvG/BgB,KAAKV,WAAY,EACjBU,KAAKR,KAAO,UACZQ,KAAKf,KAAO,SACZe,KAAKN,UAAY,IAAI8B,GACrB,CAEkB,MAAAC,CAAOC,GACzB7B,MAAM4B,OAAOC,IAOsB,MAAjCA,EAAkBC,IAAI,SAAgC,MAAb3B,KAAKf,MAClB,MAA7BoB,EAAAL,KAAIF,EAAA,QAEJK,EAAAH,KAAIF,EAAwB,IAAI8B,EAC/B5B,KACAA,KAAKf,KACL4C,QAGDxB,EAAAL,KAAIF,EAAA,KAAsBgC,KAAKC,EAAQ/B,KAAKP,QAG5CO,KAAKb,KAAO,CAAC,SAAU,iBAAiBgC,SAASnB,KAAKf,MACnD,aACA,SAGAyC,EAAkBJ,IAAI,UACzBjB,EAAAL,KAAIF,EAAA,KAAsBgC,KAAKC,EAAQ/B,KAAKP,OAE7C,CAEkB,OAAAuC,CAAQN,GAC1B7B,MAAMmC,QAAQN,GAEVA,EAAkBJ,IAAI,cACzBjB,EAAAL,KAAgBE,EAAA,KAAA+B,KAAhBjC,MAAmBkC,SAASjB,IAC3BZ,EAAAL,KAAsBoB,EAAA,KAAAa,KAAtBjC,KAAuBiB,EAAO,IAI5BS,EAAkBJ,IAAI,aACzBjB,EAAAL,KAAgBE,EAAA,KAAA+B,KAAhBjC,MAAmBkC,SAASjB,IAC3BZ,EAAAL,KAAuBuB,EAAA,KAAAU,KAAvBjC,KAAwBiB,EAAO,IAI7BS,EAAkBJ,IAAI,SACzBjB,EAAAL,KAAgBE,EAAA,KAAA+B,KAAhBjC,MAAmBkC,SAASjB,IAC3BZ,EAAAL,KAAmBgB,EAAA,KAAAiB,KAAnBjC,KAAoBiB,EAAO,GAG7B,CAEQ,MAAAkB,GACR,OAAOC,CAAI;;YAEDC,EAAS,CAChB,gBAAgB,EAChB,UAAyB,WAAdrC,KAAKf,KAChB,iBAAgC,kBAAde,KAAKf,KACvB,YAA2B,aAAde,KAAKf,KAElB,SAAwB,UAAde,KAAKR,KAEf,cAAeQ,KAAKV;;;;;GAOvB,sFArIeT,EAAAyD,OAAS,CC5BlB,CACNC,CAAG;;;;wBAImBC,EAAM;eACfC,EAAM;;qBAEAA,EAAM;;;kBAGTA,EAAM;;;;kBAINA,EAAM;;;;;4BAKIA,EAAM;;;;;;;MD4KlCC,OAAOC,eAAeC,OAAO,iBAAkB/D"}