@loadsmart/miranda-wc 1.16.0 → 1.16.1

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/index.js CHANGED
@@ -622,14 +622,14 @@ const Kt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
622
622
  flex-basis: calc((var(--m-switcher-threshold) - 100%) * 999);
623
623
  flex-grow: 1;
624
624
  }
625
- `],window.customElements.define("m-switcher",fo);var yo,vo,wo,xo;function ko(t,o){return l(function(t,o){return void 0===o&&(o=16),"".concat(parseInt(String(t),10)/o,"rem")}(t,o))}class zo extends et{static get properties(){return{value:{type:Number,noAccessor:!0},max:{type:Number,noAccessor:!0}}}set value(e){const r=t(this,vo,"f");o(this,vo,$o(e,0,t(this,wo,"f")),"f"),this.requestUpdate("value",r)}get value(){return t(this,vo,"f")}set max(e){const r=t(this,wo,"f");o(this,wo,e<=0?100:e,"f"),o(this,vo,$o(t(this,vo,"f"),0,t(this,wo,"f")),"f"),this.requestUpdate("max",r)}get max(){return t(this,wo,"f")}constructor(){super(),yo.add(this),vo.set(this,0),wo.set(this,100),this.value=0,this.max=100}connectedCallback(){super.connectedCallback(),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0")}updated(){this.setAttribute("aria-valuenow",String(t(this,vo,"f"))),this.setAttribute("aria-valuemax",String(t(this,wo,"f")))}render(){return U`
625
+ `],window.customElements.define("m-switcher",fo);var yo,vo,wo,xo,ko=function(t,o){return void 0===o&&(o=16),"".concat(parseInt(String(t),10)/o,"rem")};function zo(t,o){return l(ko(t,o))}class So extends et{static get properties(){return{value:{type:Number,noAccessor:!0},max:{type:Number,noAccessor:!0}}}set value(e){const r=t(this,vo,"f");o(this,vo,$o(e,0,t(this,wo,"f")),"f"),this.requestUpdate("value",r)}get value(){return t(this,vo,"f")}set max(e){const r=t(this,wo,"f");o(this,wo,e<=0?100:e,"f"),o(this,vo,$o(t(this,vo,"f"),0,t(this,wo,"f")),"f"),this.requestUpdate("max",r)}get max(){return t(this,wo,"f")}constructor(){super(),yo.add(this),vo.set(this,0),wo.set(this,100),this.value=0,this.max=100}connectedCallback(){super.connectedCallback(),this.setAttribute("role","progressbar"),this.setAttribute("aria-valuemin","0")}updated(){this.setAttribute("aria-valuenow",String(t(this,vo,"f"))),this.setAttribute("aria-valuemax",String(t(this,wo,"f")))}render(){return U`
626
626
  <div class="bar">
627
627
  <span
628
628
  class="progress"
629
629
  style=${Kt({width:`${t(this,yo,"m",xo).call(this)}%`})}
630
630
  ></span>
631
631
  </div>
632
- `}}vo=new WeakMap,wo=new WeakMap,yo=new WeakSet,xo=function(){return 100*t(this,vo,"f")/t(this,wo,"f")},zo.styles=[a`
632
+ `}}vo=new WeakMap,wo=new WeakMap,yo=new WeakSet,xo=function(){return 100*t(this,vo,"f")/t(this,wo,"f")},So.styles=[a`
633
633
  :host {
634
634
  --m-progress-bar-progress-background: linear-gradient(
635
635
  45deg,
@@ -649,7 +649,7 @@ const Kt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
649
649
  overflow: hidden;
650
650
 
651
651
  width: 100%;
652
- height: ${ko("8px")};
652
+ height: ${zo("8px")};
653
653
 
654
654
  border-radius: ${Et("border-radius-s")};
655
655
 
@@ -663,20 +663,20 @@ const Kt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
663
663
 
664
664
  ${Dt([{property:"width"}])};
665
665
 
666
- height: ${ko("8px")};
666
+ height: ${zo("8px")};
667
667
 
668
668
  border-radius: ${Et("border-radius-s")};
669
669
 
670
670
  background: var(--m-progress-bar-progress-background);
671
671
  }
672
- `],window.customElements.define("m-progress-bar",zo);class So extends et{static get properties(){return{variant:{type:String,reflect:!0},color:{type:String}}}constructor(){super(),this.variant="body-md",this.color="color-text-primary"}render(){return U`
672
+ `],window.customElements.define("m-progress-bar",So);class Co extends et{static get properties(){return{variant:{type:String,reflect:!0},color:{type:String}}}constructor(){super(),this.variant="body-md",this.color="color-text-primary"}render(){return U`
673
673
  <span
674
674
  class=${lt({"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})}
675
675
  style=${Kt({"--m-text-color":ct(this.color)})}
676
676
  >
677
677
  <slot></slot>
678
678
  </span>
679
- `}}So.styles=[a`
679
+ `}}Co.styles=[a`
680
680
  :host {
681
681
  --m-text-color: ${Bt("color-text-primary")};
682
682
  }
@@ -814,14 +814,14 @@ const Kt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
814
814
  .-table-header-sm {
815
815
  ${Gt("table-header-sm")};
816
816
  }
817
- `],window.customElements.define("m-text",So);const Co="m-toggle";var Ao,jo={};Object.defineProperty(jo,"i",{value:!0});var Mo,_o,Wo,Eo,Bo,Oo,To,Lo,Uo,No,Ro,Po,Do,Go,Io=Ot;jo.SELECTION_TYPES=["single","single-strict","multiple"],Ao=jo.default=function(t){var o=t.type,e=void 0===o?"multiple":o;return"single"===e?{type:"single",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=Io.toArray(t);if(0===e.length)return o;var r=new Set;return r.add(String(e[e.length-1])),r},unselect:function(t,o){var e=Io.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=Io.toArray(t);if(0===e.length)return o;for(var r=new Set,i=0;i<e.length;i++){var n=String(e[i]);o.has(n)||(r.clear(),r.add(n))}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)[0]}}:"single-strict"===e?{type:"single-strict",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=Io.toArray(t);if(0===e.length)return o;var r=new Set;return r.add(String(e[e.length-1])),r},unselect:function(t,o){var e=Io.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length&&o.size>1;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=Io.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++){var n=String(e[i]);o.has(n)||(r.clear(),r.add(n))}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)[0]}}:{type:"multiple",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=Io.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.add(String(e[i]));return r},unselect:function(t,o){var e=Io.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=Io.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++){var n=String(e[i]);o.has(n)?r.delete(n):r.add(n)}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)}}};class Zo{constructor(o,e,r){Mo.add(this),this.disabled=!1,this.event="m-select",_o.set(this,(t=>{if(this.disabled)return;if(null==this.type)return void console.warn("[SelectionController] Did you forget to set the selection type?");const{detail:{type:o,value:e}}=t;switch(o){case"select":this.select(Tt(e));break;case"unselect":this.unselect(Tt(e));break;case"toggle":this.toggle(Tt(e))}})),this.init=t=>{this.host.selection=this.strategy.init(t)},this.select=o=>{this.host.selection=this.strategy.select(o,this.host.selection),t(this,Mo,"m",Wo).call(this)},this.unselect=o=>{this.host.selection=this.strategy.unselect(o,this.host.selection),t(this,Mo,"m",Wo).call(this)},this.toggle=o=>{this.host.selection=this.strategy.toggle(o,this.host.selection),t(this,Mo,"m",Wo).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,t(this,_o,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,t(this,_o,"f"))},this.host=o,this.type=e,this.event=r,this.strategy=Ao({type:e}),this.host.addController(this)}hostConnected(){this.subscribe()}hostDisconnected(){this.unsubscribe()}hostUpdate(){null!=this.host.type&&this.host.type!==this.type&&(this.unsubscribe(),this.host.removeController(this))}}_o=new WeakMap,Mo=new WeakSet,Wo=function(){const t={detail:{type:this.type,value:this.strategy.value(this.host.selection)},bubbles:!0,composed:!1};this.host.dispatchEvent(new CustomEvent("m-change",t))};class Ho extends et{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),Eo.add(this),Bo.set(this,null),Oo.set(this,null),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==t(this,Bo,"f"))&&(o(this,Bo,new Zo(this,this.type,Co),"f"),t(this,Bo,"f").init(Tt(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),e.has("value")&&t(this,Bo,"f").init(Tt(this.value))}updated(o){super.updated(o),o.has("selection")&&t(this,Eo,"m",To).call(this).forEach((o=>{t(this,Eo,"m",Uo).call(this,o)})),o.has("disabled")&&t(this,Eo,"m",To).call(this).forEach((o=>{t(this,Eo,"m",No).call(this,o)})),o.has("role")&&t(this,Eo,"m",To).call(this).forEach((o=>{t(this,Eo,"m",Lo).call(this,o)}))}render(){return U`
817
+ `],window.customElements.define("m-text",Co);const Ao="m-toggle";var jo,Mo={};Object.defineProperty(Mo,"i",{value:!0});var _o,Wo,Eo,Bo,Oo,To,Lo,Uo,No,Ro,Po,Do,Go,Io,Zo=Ot;Mo.SELECTION_TYPES=["single","single-strict","multiple"],jo=Mo.default=function(t){var o=t.type,e=void 0===o?"multiple":o;return"single"===e?{type:"single",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=Zo.toArray(t);if(0===e.length)return o;var r=new Set;return r.add(String(e[e.length-1])),r},unselect:function(t,o){var e=Zo.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=Zo.toArray(t);if(0===e.length)return o;for(var r=new Set,i=0;i<e.length;i++){var n=String(e[i]);o.has(n)||(r.clear(),r.add(n))}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)[0]}}:"single-strict"===e?{type:"single-strict",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=Zo.toArray(t);if(0===e.length)return o;var r=new Set;return r.add(String(e[e.length-1])),r},unselect:function(t,o){var e=Zo.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length&&o.size>1;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=Zo.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++){var n=String(e[i]);o.has(n)||(r.clear(),r.add(n))}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)[0]}}:{type:"multiple",init:function(t){return this.select(t,new Set)},select:function(t,o){var e=Zo.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.add(String(e[i]));return r},unselect:function(t,o){var e=Zo.toArray(t);if(0===e.length||0===o.size)return o;for(var r=new Set(o),i=0;i<e.length;i++)r.delete(String(e[i]));return r},toggle:function(t,o){var e=Zo.toArray(t);if(0===e.length)return o;for(var r=new Set(o),i=0;i<e.length;i++){var n=String(e[i]);o.has(n)?r.delete(n):r.add(n)}return r},reset:function(t){return null==t?new Set:t},value:function(t){return null==t||0===t.size?null:Array.from(t)}}};class Ho{constructor(o,e,r){_o.add(this),this.disabled=!1,this.event="m-select",Wo.set(this,(t=>{if(this.disabled)return;if(null==this.type)return void console.warn("[SelectionController] Did you forget to set the selection type?");const{detail:{type:o,value:e}}=t;switch(o){case"select":this.select(Tt(e));break;case"unselect":this.unselect(Tt(e));break;case"toggle":this.toggle(Tt(e))}})),this.init=t=>{this.host.selection=this.strategy.init(t)},this.select=o=>{this.host.selection=this.strategy.select(o,this.host.selection),t(this,_o,"m",Eo).call(this)},this.unselect=o=>{this.host.selection=this.strategy.unselect(o,this.host.selection),t(this,_o,"m",Eo).call(this)},this.toggle=o=>{this.host.selection=this.strategy.toggle(o,this.host.selection),t(this,_o,"m",Eo).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,t(this,Wo,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,t(this,Wo,"f"))},this.host=o,this.type=e,this.event=r,this.strategy=jo({type:e}),this.host.addController(this)}hostConnected(){this.subscribe()}hostDisconnected(){this.unsubscribe()}hostUpdate(){null!=this.host.type&&this.host.type!==this.type&&(this.unsubscribe(),this.host.removeController(this))}}Wo=new WeakMap,_o=new WeakSet,Eo=function(){const t={detail:{type:this.type,value:this.strategy.value(this.host.selection)},bubbles:!0,composed:!1};this.host.dispatchEvent(new CustomEvent("m-change",t))};class Jo extends et{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),Bo.add(this),Oo.set(this,null),To.set(this,null),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==t(this,Oo,"f"))&&(o(this,Oo,new Ho(this,this.type,Ao),"f"),t(this,Oo,"f").init(Tt(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),e.has("value")&&t(this,Oo,"f").init(Tt(this.value))}updated(o){super.updated(o),o.has("selection")&&t(this,Bo,"m",Lo).call(this).forEach((o=>{t(this,Bo,"m",No).call(this,o)})),o.has("disabled")&&t(this,Bo,"m",Lo).call(this).forEach((o=>{t(this,Bo,"m",Ro).call(this,o)})),o.has("role")&&t(this,Bo,"m",Lo).call(this).forEach((o=>{t(this,Bo,"m",Uo).call(this,o)}))}render(){return U`
818
818
  <m-group
819
819
  class=${lt({"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})}
820
820
  gap="spacing-1"
821
821
  >
822
822
  <slot></slot>
823
823
  </m-group>
824
- `}}Bo=new WeakMap,Oo=new WeakMap,Eo=new WeakSet,To=function(){return null==t(this,Oo,"f")&&o(this,Oo,this.shadowRoot.querySelector("slot"),"f"),[...t(this,Oo,"f").assignedElements({flatten:!0})].filter((t=>"m-toggle"===t.tagName.toLowerCase()))},Lo=function(t){t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")},Uo=function(t){t.checked=this.selection.has(t.value)},No=function(t){t.disabled=this.disabled},Ho.styles=[[a`
824
+ `}}Oo=new WeakMap,To=new WeakMap,Bo=new WeakSet,Lo=function(){return null==t(this,To,"f")&&o(this,To,this.shadowRoot.querySelector("slot"),"f"),[...t(this,To,"f").assignedElements({flatten:!0})].filter((t=>"m-toggle"===t.tagName.toLowerCase()))},Uo=function(t){t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")},No=function(t){t.checked=this.selection.has(t.value)},Ro=function(t){t.disabled=this.disabled},Jo.styles=[[a`
825
825
  .toggle-group {
826
826
  inline-size: max-content;
827
827
 
@@ -847,7 +847,7 @@ const Kt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
847
847
  .toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
848
848
  --m-toggle-icon-display: inline-flex;
849
849
  }
850
- `]],window.customElements.define("m-toggle-group",Ho);class Jo extends et{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String}}}constructor(){super(),Ro.add(this),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t(this,Ro,"m",Po))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,Ro,"m",Po))}updated(o){super.updated(o),o.has("disabled")&&t(this,Ro,"m",Do).call(this),o.has("checked")&&t(this,Ro,"m",Go).call(this)}render(){return U`
850
+ `]],window.customElements.define("m-toggle-group",Jo);class qo extends et{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String}}}constructor(){super(),Po.add(this),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",t(this,Po,"m",Do))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",t(this,Po,"m",Do))}updated(o){super.updated(o),o.has("disabled")&&t(this,Po,"m",Go).call(this),o.has("checked")&&t(this,Po,"m",Io).call(this)}render(){return U`
851
851
  <button
852
852
  type="button"
853
853
  class=${lt({button:!0,toggle:!0})}
@@ -872,7 +872,7 @@ const Kt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
872
872
 
873
873
  <slot></slot>
874
874
  </button>
875
- `}}Ro=new WeakSet,Po=function(){if(this.disabled)return;this.checked=!this.checked;const t={detail:{value:this.value,type:"toggle"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(Co,t))},Do=function(){this.setAttribute("aria-disabled",String(this.disabled))},Go=function(){this.setAttribute("aria-checked",String(this.checked))},Jo.styles=[[Ht(),a`
875
+ `}}Po=new WeakSet,Do=function(){if(this.disabled)return;this.checked=!this.checked;const t={detail:{value:this.value,type:"toggle"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(Ao,t))},Go=function(){this.setAttribute("aria-disabled",String(this.disabled))},Io=function(){this.setAttribute("aria-checked",String(this.checked))},qo.styles=[[Ht(),a`
876
876
  :host {
877
877
  /*
878
878
  * These custom properties are here because they are meant to be
@@ -918,22 +918,22 @@ const Kt=nt(class extends st{constructor(t){var o;if(super(t),t.type!==it||"styl
918
918
  block-size: var(--m-toggle-icon-size);
919
919
  inline-size: var(--m-toggle-icon-size);
920
920
  }
921
- `]],window.customElements.define("m-toggle",Jo);
921
+ `]],window.customElements.define("m-toggle",qo);
922
922
  /**
923
923
  * @license
924
924
  * Copyright 2018 Google LLC
925
925
  * SPDX-License-Identifier: BSD-3-Clause
926
926
  */
927
- const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};var Vo,Ko,Qo;class Xo extends et{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}constructor(){super(),Vo.add(this),this.name=void 0,this.disabled=!1,this.checked=!1,this.indeterminate=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox")}disconnectedCallback(){super.connectedCallback()}firstUpdated(){this.input=this.renderRoot.querySelector("input"),this.label=this.renderRoot.querySelector("label")}updated(){t(this,Vo,"m",Ko).call(this)}render(){return U`
928
- <label for="${qo(this.id)}" class="check-input-label">
927
+ const Fo=t=>null!=t?t:R,Vo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};var Ko,Qo,Xo;class Yo extends et{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},indeterminate:{type:Boolean,reflect:!0}}}constructor(){super(),Ko.add(this),this.name=void 0,this.disabled=!1,this.checked=!1,this.indeterminate=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","checkbox")}disconnectedCallback(){super.connectedCallback()}firstUpdated(){this.input=this.renderRoot.querySelector("input"),this.label=this.renderRoot.querySelector("label")}updated(){t(this,Ko,"m",Qo).call(this)}render(){return U`
928
+ <label for="${Fo(this.id)}" class="check-input-label">
929
929
  <input
930
- id="${qo(this.id)}"
931
- name="${qo(this.name)}"
930
+ id="${Fo(this.id)}"
931
+ name="${Fo(this.name)}"
932
932
  type="checkbox"
933
933
  class="check-input"
934
934
  ?disabled="${this.disabled}"
935
935
  ?checked="${this.checked}"
936
- @change=${t(this,Vo,"m",Qo)}
936
+ @change=${t(this,Ko,"m",Xo)}
937
937
  />
938
938
  <svg
939
939
  class="check-icon"
@@ -957,7 +957,7 @@ const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};va
957
957
  <slot name="leading"></slot>
958
958
  <slot></slot>
959
959
  </label>
960
- `}}Vo=new WeakSet,Ko=function(){this.setAttribute("aria-disabled",this.disabled.toString()),this.setAttribute("aria-checked",this.indeterminate?"mixed":this.checked.toString()),this.input.indeterminate=this.indeterminate},Qo=function(t){const o=t.target,e=new CustomEvent("m-change",{cancelable:!1,composed:!1,bubbles:!0,detail:{checked:o.checked,indeterminate:o.indeterminate}});this.dispatchEvent(e),this.checked=o.checked,this.indeterminate=o.indeterminate},Xo.styles=[a`
960
+ `}}Ko=new WeakSet,Qo=function(){this.setAttribute("aria-disabled",this.disabled.toString()),this.setAttribute("aria-checked",this.indeterminate?"mixed":this.checked.toString()),this.input.indeterminate=this.indeterminate},Xo=function(t){const o=t.target,e=new CustomEvent("m-change",{cancelable:!1,composed:!1,bubbles:!0,detail:{checked:o.checked,indeterminate:o.indeterminate}});this.dispatchEvent(e),this.checked=o.checked,this.indeterminate=o.indeterminate},Yo.styles=[a`
961
961
  ${Zt.focus(".check-input-label")} {
962
962
  border-radius: 2px;
963
963
  outline: 1px solid ${Bt("color-primary-60")};
@@ -991,7 +991,7 @@ const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};va
991
991
  border-color: ${Bt("color-border")};
992
992
  border-width: ${Et("border-thin")};
993
993
  margin: 0;
994
- ${Dt([{property:"border",...Fo},{property:"background",...Fo}])};
994
+ ${Dt([{property:"border",...Vo},{property:"background",...Vo}])};
995
995
  }
996
996
 
997
997
  .check-input:indeterminate,
@@ -1044,7 +1044,7 @@ const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};va
1044
1044
  .check-input:indeterminate:not(:checked) ~ .indeterminate-icon {
1045
1045
  display: block;
1046
1046
  }
1047
- `],window.customElements.define("m-checkbox",Xo);const Yo="m-check";var te,oe,ee,re,ie,ne,se,le,ae,de;class ce extends et{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),te.add(this),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.addEventListener("click",this.handleClick)}updated(o){super.updated(o),o.has("disabled")&&t(this,te,"m",oe).call(this),o.has("checked")&&t(this,te,"m",ee).call(this)}render(){return U`
1047
+ `],window.customElements.define("m-checkbox",Yo);const te="m-check";var oe,ee,re,ie,ne,se,le,ae,de,ce;class he extends et{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),oe.add(this),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.addEventListener("click",this.handleClick)}updated(o){super.updated(o),o.has("disabled")&&t(this,oe,"m",ee).call(this),o.has("checked")&&t(this,oe,"m",re).call(this)}render(){return U`
1048
1048
  <button
1049
1049
  type="button"
1050
1050
  class="radio-button"
@@ -1056,7 +1056,7 @@ const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};va
1056
1056
  <slot name="leading"></slot>
1057
1057
  <slot></slot>
1058
1058
  </button>
1059
- `}handleClick(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();const o={detail:{value:this.value,type:"select"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(Yo,o))}}te=new WeakSet,oe=function(){this.setAttribute("aria-disabled",String(this.disabled))},ee=function(){this.setAttribute("aria-checked",String(this.checked))},ce.styles=[a`
1059
+ `}handleClick(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();const o={detail:{value:this.value,type:"select"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent(te,o))}}oe=new WeakSet,ee=function(){this.setAttribute("aria-disabled",String(this.disabled))},re=function(){this.setAttribute("aria-checked",String(this.checked))},he.styles=[a`
1060
1060
  :host {
1061
1061
  --m-radio-border-color: ${Bt("color-border")};
1062
1062
  --m-radio-dot-check-color: ${Bt("color-primary-60")};
@@ -1159,13 +1159,13 @@ const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};va
1159
1159
  ${It(".radio-button","*")} {
1160
1160
  pointer-event: none;
1161
1161
  }
1162
- `],window.customElements.define("m-radio",ce);class he extends et{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),re.add(this),ie.set(this,null),ne.set(this,null),this.disabled=!1,this.selection=new Set,this.value="",this.orientation="vertical",this.type="single-strict"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio-group"),o(this,ie,new Zo(this,this.type,Yo),"f")}update(o){super.update(o),o.has("value")&&t(this,ie,"f").init(Tt(this.value||t(this,re,"m",se).call(this))),o.has("selection")&&([this.value]=this.selection)}updated(o){super.updated(o),o.has("selection")&&t(this,re,"m",le).call(this).forEach((o=>{t(this,re,"m",ae).call(this,o)})),o.has("disabled")&&t(this,re,"m",le).call(this).forEach((o=>{t(this,re,"m",de).call(this,o)}))}render(){return U`
1162
+ `],window.customElements.define("m-radio",he);class ue extends et{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),ie.add(this),ne.set(this,null),se.set(this,null),this.disabled=!1,this.selection=new Set,this.value="",this.orientation="vertical",this.type="single-strict"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio-group"),o(this,ne,new Ho(this,this.type,te),"f")}update(o){super.update(o),o.has("value")&&t(this,ne,"f").init(Tt(this.value||t(this,ie,"m",le).call(this))),o.has("selection")&&([this.value]=this.selection)}updated(o){super.updated(o),o.has("selection")&&t(this,ie,"m",ae).call(this).forEach((o=>{t(this,ie,"m",de).call(this,o)})),o.has("disabled")&&t(this,ie,"m",ae).call(this).forEach((o=>{t(this,ie,"m",ce).call(this,o)}))}render(){return U`
1163
1163
  <div
1164
1164
  class=${lt({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
1165
1165
  >
1166
1166
  <slot></slot>
1167
1167
  </div>
1168
- `}}ie=new WeakMap,ne=new WeakMap,re=new WeakSet,se=function(){var o;return null===(o=t(this,re,"m",le).call(this)[0])||void 0===o?void 0:o.value},le=function(){return null==t(this,ne,"f")&&o(this,ne,this.shadowRoot.querySelector("slot"),"f"),[...t(this,ne,"f").assignedElements({flatten:!0})].filter((t=>"m-radio"===t.tagName.toLowerCase()))},ae=function(t){t.checked=this.selection.has(t.value)},de=function(t){t.disabled=this.disabled},he.styles=[a`
1168
+ `}}ne=new WeakMap,se=new WeakMap,ie=new WeakSet,le=function(){var o;return null===(o=t(this,ie,"m",ae).call(this)[0])||void 0===o?void 0:o.value},ae=function(){return null==t(this,se,"f")&&o(this,se,this.shadowRoot.querySelector("slot"),"f"),[...t(this,se,"f").assignedElements({flatten:!0})].filter((t=>"m-radio"===t.tagName.toLowerCase()))},de=function(t){t.checked=this.selection.has(t.value)},ce=function(t){t.disabled=this.disabled},ue.styles=[a`
1169
1169
  .radio-group {
1170
1170
  display: flex;
1171
1171
  gap: ${Et("spacing-2")};
@@ -1176,14 +1176,14 @@ const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};va
1176
1176
  .radio-group.-horizontal {
1177
1177
  flex-direction: row;
1178
1178
  }
1179
- `],window.customElements.define("m-radio-group",he);class ue extends et{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 U`
1179
+ `],window.customElements.define("m-radio-group",ue);class ge extends et{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 U`
1180
1180
  <span
1181
1181
  class=${lt({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})}
1182
1182
  >
1183
1183
  ${this.isSkeleton?U``:U`<slot name="leading"></slot>`}
1184
1184
  <slot></slot>
1185
1185
  </span>
1186
- `}}ue.styles=[[a`
1186
+ `}}ge.styles=[[a`
1187
1187
  @keyframes skeleton-loading {
1188
1188
  0% {
1189
1189
  background-color: ${Bt("color-background-tertiary")};
@@ -1220,7 +1220,7 @@ const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};va
1220
1220
  .-size-small {
1221
1221
  ${Gt("chips-sm")};
1222
1222
  padding: ${Et("spacing-1")} ${Et("spacing-2")};
1223
- block-size: ${ko("18px")};
1223
+ block-size: ${zo("18px")};
1224
1224
  }
1225
1225
  .-size-default {
1226
1226
  ${Gt("chips-md")};
@@ -1254,5 +1254,5 @@ const qo=t=>null!=t?t:R,Fo={delay:"0s",duration:"0.35s",easing:"ease-in-out"};va
1254
1254
  ${l("animation: skeleton-loading 1s linear infinite alternate;")};
1255
1255
  width: var(--m-tag-skeleton-width);
1256
1256
  }
1257
- `]],window.customElements.define("m-tag",ue);export{eo as ALIGN_ITEMS_VALUES,no as Box,Vt as Button,Qt as Card,Xt as CardBody,Yt as CardSubtitle,to as CardTitle,Xo as Checkbox,oo as Divider,uo as Grid,lo as Group,ro as JUSTIFY_CONTENT_VALUES,zo as ProgressBar,ce as Radio,he as RadioGroup,mo as Sidebar,co as Stack,fo as Switcher,ue as Tag,So as Text,Jo as Toggle,Ho as ToggleGroup,io as defaultBoxProps,ho as defaultGridProps,so as defaultGroupProps,go as defaultSidebarProps,ao as defaultStackProps,po as defaultSwitcherProps};
1257
+ `]],window.customElements.define("m-tag",ge);export{eo as ALIGN_ITEMS_VALUES,no as Box,Vt as Button,Qt as Card,Xt as CardBody,Yt as CardSubtitle,to as CardTitle,Yo as Checkbox,oo as Divider,uo as Grid,lo as Group,ro as JUSTIFY_CONTENT_VALUES,So as ProgressBar,he as Radio,ue as RadioGroup,mo as Sidebar,co as Stack,fo as Switcher,ge as Tag,Co as Text,qo as Toggle,Jo as ToggleGroup,io as defaultBoxProps,ho as defaultGridProps,so as defaultGroupProps,go as defaultSidebarProps,ao as defaultStackProps,po as defaultSwitcherProps};
1258
1258
  //# sourceMappingURL=index.js.map