@mozaic-ds/web-components 1.0.0-alpha.3 → 1.0.0-alpha.4

package/dist/components/textarea/Textarea.svelte

@@ -0,0 +1,58 @@
+<svelte:options customElement="m-textarea" />
+
+<script lang="ts">
+  import { createEventDispatcher } from 'svelte';
+
+  interface Props {
+    name: string;
+    value: string;
+    placeholder: string;
+    rows?: number;
+    isinvalid: boolean;
+    disabled?: boolean;
+    minlength: number;
+    maxlength: number;
+    readonly: boolean;
+  }
+
+  let {
+    name,
+    value = $bindable(),
+    placeholder,
+    rows = 2,
+    isinvalid,
+    disabled = false,
+    minlength,
+    maxlength,
+    readonly,
+  }: Props = $props();
+
+  const dispatch = createEventDispatcher();
+
+  function onInput(e: Event) {
+    let value = (e.target as HTMLInputElement).value;
+    dispatch('on-input', value);
+  }
+</script>
+
+<textarea
+  bind:value
+  class="mc-textarea"
+  class:is-invalid={isinvalid}
+  aria-invalid={isinvalid}
+  {name}
+  id={name}
+  {placeholder}
+  {rows}
+  {disabled}
+  {minlength}
+  {maxlength}
+  {readonly}
+  spellcheck="false"
+  oninput={onInput}
+></textarea>
+
+<style lang="scss">
+  @use '@mozaic-ds/styles/components/field';
+  @use '@mozaic-ds/styles/components/textarea';
+</style>

package/dist/components/textinput/Textinput.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './Textinput.svelte'
+export default _default
+export {}

package/dist/components/textinput/Textinput.js

@@ -0,0 +1,11 @@
+import{l as A,u as R,d as U,c as X,a as Y,b as n,t as D,f as K,g as Z,h as $,p as ee,e as m,s as B,m as T,n as V,r as u,k as te,o as ne,i as o,j as oe}from"../../custom-element.js";import{i as W}from"../../if.js";import{s as ie,a as re}from"../../slot.js";import{r as le,b as se}from"../../attributes.js";import{b as ae}from"../../input.js";function ce(a,t,c){A(()=>{var i=R(()=>t(a,c==null?void 0:c())||{});if(i!=null&&i.destroy)return()=>i.destroy()})}function ve(a,t){console.log(t()),t("")}var de=D('<span class="mc-text-input__icon svelte-1ovon7j"><!></span>'),me=D('<div class="mc-controls-options js-control-options svelte-1ovon7j"><button type="button" class="mc-controls-options__button svelte-1ovon7j"><svg class="mc-controls-options__icon svelte-1ovon7j" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" class="svelte-1ovon7j"></path></svg> <span class="mc-controls-options__label svelte-1ovon7j"> </span></button></div>'),ue=D("<div><!> <input> <!></div>");const pe={hash:"svelte-1ovon7j",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */.mc-controls-options.svelte-1ovon7j {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-1ovon7j {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;}.mc-controls-options__icon.svelte-1ovon7j {fill:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-1ovon7j, .mc-controls-options__icon.svelte-1ovon7j {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-1ovon7j {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-controls-options__unit.svelte-1ovon7j {font-size:1rem;line-height:1.3;font-weight:600;color:var(--forms-color-text-default, #000000);}
+
+/* stylelint-disable string-no-newline */.mc-text-input.svelte-1ovon7j {transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:1px solid var(--forms-color-border-default, #666666);border-radius:0.25rem;transition:all ease 200ms;color:var(--forms-color-text-default, #000000);display:block;width:100%;height:3rem;display:flex;align-items:center;gap:0.5rem;}.mc-text-input.svelte-1ovon7j,
+.mc-text-input.svelte-1ovon7j :where(.svelte-1ovon7j) {box-sizing:border-box;}.mc-text-input__control.svelte-1ovon7j {background-color:transparent;border-width:0;font-family:inherit;outline:none;
+  /* For Blink & WebKit rendering engines */
+  /* For Gecko rendering engine */padding:0.75rem 0.6875rem;font-size:1rem;line-height:1.3;font-weight:400;flex-grow:1;}.mc-text-input__control[type=number].svelte-1ovon7j::-webkit-inner-spin-button, .mc-text-input__control[type=number].svelte-1ovon7j::-webkit-outer-spin-button {appearance:none;margin:0;}.mc-text-input__control[type=number].svelte-1ovon7j {appearance:textfield;}.mc-text-input__control[type=search].svelte-1ovon7j::-webkit-search-decoration, .mc-text-input__control[type=search].svelte-1ovon7j::-webkit-search-cancel-button {appearance:none;}.mc-text-input__control.svelte-1ovon7j::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-text-input__icon.svelte-1ovon7j {fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;}.mc-text-input.svelte-1ovon7j:focus-within {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-text-input.svelte-1ovon7j:hover:not(:focus-within) {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 1px var(--forms-color-border-hover, #4d4d4d);}.mc-text-input.svelte-1ovon7j:has(input:where(.svelte-1ovon7j):disabled) {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;border-color:transparent;box-shadow:none;color:var(--forms-color-text-disabled, #737373);pointer-events:none;}.mc-text-input.svelte-1ovon7j:has(input[readonly]:where(.svelte-1ovon7j)) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-text-input.svelte-1ovon7j:has(.mc-text-input__icon:where(.svelte-1ovon7j)) {padding-inline-start:0.6875rem;}.mc-text-input.svelte-1ovon7j:has(.mc-text-input__icon:where(.svelte-1ovon7j)) .mc-text-input__control:where(.svelte-1ovon7j) {padding-inline-start:0;}.mc-text-input.svelte-1ovon7j:has(.mc-controls-options:where(.svelte-1ovon7j)) {padding-inline-end:0.6875rem;}.mc-text-input.svelte-1ovon7j:has(.mc-controls-options:where(.svelte-1ovon7j)) .mc-text-input__control:where(.svelte-1ovon7j) {padding-inline-end:0;}.mc-text-input--s.svelte-1ovon7j {height:2rem;}.mc-text-input--s.svelte-1ovon7j .mc-text-input__control:where(.svelte-1ovon7j) {padding:0.375rem 0.6875rem;font-size:0.875rem;line-height:1.3;}.mc-text-input--s.svelte-1ovon7j:has(.mc-text-input__icon:where(.svelte-1ovon7j)) {padding-inline-start:0.4375rem;}.mc-text-input--s.svelte-1ovon7j:has(.mc-controls-options:where(.svelte-1ovon7j)) {padding-inline-end:0.4375rem;}.mc-text-input.is-invalid.svelte-1ovon7j {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 1px var(--forms-color-border-invalid, #ea302d);}.mc-text-input.is-invalid.svelte-1ovon7j:hover:not(:focus-within) {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 1px var(--forms-color-border-invalid-hover, #c61112);}
+
+/* stylelint-enable string-no-newline */.right-align.svelte-1ovon7j {text-align:right;}`};function he(a,t){const c=ie(t);ee(t,!0),Y(a,pe);let i=n(t,"name",7),v=n(t,"value",7),g=n(t,"placeholder",7),b=n(t,"inputtype",7,"text"),x=n(t,"isvalid",7),p=n(t,"isinvalid",7),_=n(t,"disabled",7,!1),j=n(t,"size",7,"m"),w=n(t,"iconname",7),y=n(t,"rightalign",7),k=n(t,"min",7),z=n(t,"max",7),q=n(t,"minlength",7),C=n(t,"maxlength",7),L=n(t,"required",7,!1),F=n(t,"clearlabel",7,"Clear content"),M=n(t,"isclearable",7,!1),H=ne(t,["$$slots","$$events","$$legacy","$$host","name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","clearlabel","isclearable"]),I=V(b),J=V(()=>!!(M()&&v()));function N(e,r,s,f){const l=["mc-text-input","mc-field__input"];return e&&l.push("is-valid"),r&&l.push("is-invalid"),s==="s"&&l.push("mc-text-input--s"),f&&l.push("mc-left-icon-input__input"),y()&&l.push("right-align"),l.join(" ")}const S=e=>{e.type=T(I)};var h=ue(),E=m(h);{var O=e=>{var r=de(),s=m(r);re(s,t,"icon",{}),u(r),Z(e,r)};W(E,e=>{c.icon&&e(O)})}var d=B(E,2);le(d);let G;A(()=>ae(d,v)),ce(d,e=>S==null?void 0:S(e));var P=B(d,2);{var Q=e=>{var r=me(),s=m(r);s.__click=[ve,v];var f=B(m(s),2),l=m(f,!0);u(f),u(s),u(r),K(()=>oe(l,F())),Z(e,r)};W(P,e=>{T(J)&&e(Q)})}return u(h),K(e=>{te(h,1,`${e??""} `,"svelte-1ovon7j"),G=se(d,G,{class:"mc-text-input__control","aria-invalid":p(),name:i(),id:i(),placeholder:g(),disabled:_(),min:k(),max:z(),minlength:q(),maxlength:C(),spellcheck:"false",required:L(),...H},"svelte-1ovon7j")},[()=>N(x(),p(),j(),w())]),Z(a,h),$({get name(){return i()},set name(e){i(e),o()},get value(){return v()},set value(e){v(e),o()},get placeholder(){return g()},set placeholder(e){g(e),o()},get inputtype(){return b()},set inputtype(e="text"){b(e),o()},get isvalid(){return x()},set isvalid(e){x(e),o()},get isinvalid(){return p()},set isinvalid(e){p(e),o()},get disabled(){return _()},set disabled(e=!1){_(e),o()},get size(){return j()},set size(e="m"){j(e),o()},get iconname(){return w()},set iconname(e){w(e),o()},get rightalign(){return y()},set rightalign(e){y(e),o()},get min(){return k()},set min(e){k(e),o()},get max(){return z()},set max(e){z(e),o()},get minlength(){return q()},set minlength(e){q(e),o()},get maxlength(){return C()},set maxlength(e){C(e),o()},get required(){return L()},set required(e=!1){L(e),o()},get clearlabel(){return F()},set clearlabel(e="Clear content"){F(e),o()},get isclearable(){return M()},set isclearable(e=!1){M(e),o()}})}U(["click"]);customElements.define("m-textinput",X(he,{name:{},value:{},placeholder:{},inputtype:{},isvalid:{},isinvalid:{},disabled:{},size:{},iconname:{},rightalign:{},min:{},max:{},minlength:{},maxlength:{},required:{},clearlabel:{},isclearable:{}},["icon"],[],!0));
+//# sourceMappingURL=Textinput.js.map

package/dist/components/textinput/Textinput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textinput.js","sources":["../../../node_modules/svelte/src/internal/client/dom/elements/actions.js","../../../src/components/textinput/Textinput.svelte"],"sourcesContent":["/** @import { ActionPayload } from '#client' */\nimport { effect, render_effect } from '../../reactivity/effects.js';\nimport { safe_not_equal } from '../../reactivity/equality.js';\nimport { deep_read_state, untrack } from '../../runtime.js';\n\n/**\n * @template P\n * @param {Element} dom\n * @param {(dom: Element, value?: P) => ActionPayload<P>} action\n * @param {() => P} [get_value]\n * @returns {void}\n */\nexport function action(dom, action, get_value) {\n\teffect(() => {\n\t\tvar payload = untrack(() => action(dom, get_value?.()) || {});\n\n\t\tif (get_value && payload?.update) {\n\t\t\tvar inited = false;\n\t\t\t/** @type {P} */\n\t\t\tvar prev = /** @type {any} */ ({}); // initialize with something so it's never equal on first run\n\n\t\t\trender_effect(() => {\n\t\t\t\tvar value = get_value();\n\n\t\t\t\t// Action's update method is coarse-grained, i.e. when anything in the passed value changes, update.\n\t\t\t\t// This works in legacy mode because of mutable_source being updated as a whole, but when using $state\n\t\t\t\t// together with actions and mutation, it wouldn't notice the change without a deep read.\n\t\t\t\tdeep_read_state(value);\n\n\t\t\t\tif (inited && safe_not_equal(prev, value)) {\n\t\t\t\t\tprev = value;\n\t\t\t\t\t/** @type {Function} */ (payload.update)(value);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tinited = true;\n\t\t}\n\n\t\tif (payload?.destroy) {\n\t\t\treturn () => /** @type {Function} */ (payload.destroy)();\n\t\t}\n\t});\n}\n","<svelte:options customElement=\"m-textinput\" />\n\n<script lang=\"ts\">\n  import type { TextInputSize, TextInputType } from './textinput.types';\n\n  interface Props {\n    name: string;\n    value: string;\n    placeholder: string;\n    inputtype?: TextInputType;\n    isvalid: boolean;\n    isinvalid: boolean;\n    disabled?: boolean;\n    size?: TextInputSize;\n    iconname: string;\n    rightalign: boolean;\n    min: string;\n    max: string;\n    minlength: number;\n    maxlength: number;\n    required?: boolean;\n    clearlabel?: string;\n    isclearable?: boolean;\n  }\n\n  let {\n    name,\n    value,\n    placeholder,\n    inputtype = 'text',\n    isvalid,\n    isinvalid,\n    disabled = false,\n    size = 'm',\n    iconname,\n    rightalign,\n    min,\n    max,\n    minlength,\n    maxlength,\n    required = false,\n    clearlabel = 'Clear content',\n    isclearable = false,\n    ...events\n  }: Props = $props();\n\n  let inputType = $derived(inputtype);\n  let displayClear = $derived(isclearable && value ? true : false);\n\n  function getClasses(\n    isValid: boolean,\n    isInvalid: boolean,\n    size: TextInputSize,\n    iconname: string,\n  ): string {\n    const classes = ['mc-text-input', 'mc-field__input'];\n\n    if (isValid) {\n      classes.push('is-valid');\n    }\n\n    if (isInvalid) {\n      classes.push('is-invalid');\n    }\n\n    if (size === 's') {\n      classes.push('mc-text-input--s');\n    }\n\n    if (iconname) {\n      classes.push('mc-left-icon-input__input');\n    }\n\n    if (rightalign) {\n      classes.push('right-align');\n    }\n\n    return classes.join(' ');\n  }\n\n  const setType = (node: any) => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    node.type = inputType;\n  };\n\n  function resetValue() {\n    console.log(value);\n    value = '';\n  }\n</script>\n\n<div class=\"{getClasses(isvalid, isinvalid, size, iconname)} \">\n  {#if $$slots.icon}\n    <span class=\"mc-text-input__icon\">\n      <slot name=\"icon\" />\n    </span>\n  {/if}\n  <input\n    bind:value\n    use:setType\n    class=\"mc-text-input__control\"\n    aria-invalid={isinvalid}\n    {name}\n    id={name}\n    {placeholder}\n    {disabled}\n    {min}\n    {max}\n    {minlength}\n    {maxlength}\n    spellcheck=\"false\"\n    {required}\n    {...events}\n  />\n  <!-- Control options -->\n  {#if displayClear}\n    <div class=\"mc-controls-options js-control-options\">\n      <!-- Clear Button -->\n      <button\n        type=\"button\"\n        class=\"mc-controls-options__button\"\n        onclick={resetValue}\n      >\n        <svg class=\"mc-controls-options__icon\" aria-hidden=\"true\">\n          <path\n            fill-rule=\"evenodd\"\n            d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z\"\n          />\n        </svg>\n        <span class=\"mc-controls-options__label\">{clearlabel}</span>\n      </button>\n    </div>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/controls-options';\n  @use '@mozaic-ds/styles/components/text-input';\n\n  .right-align {\n    text-align: right;\n  }\n</style>\n"],"names":["action","dom","get_value","effect","payload","untrack","resetValue","_","value","name","$.prop","$$props","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","clearlabel","isclearable","events","$.rest_props","inputType","displayClear","getClasses","isValid","isInvalid","classes","setType","node","$.get","$$slots","$$render","consequent","consequent_1"],"mappings":"qVAYO,SAASA,GAAOC,EAAKD,EAAQE,EAAW,CAC9CC,EAAO,IAAM,CACZ,IAAIC,EAAUC,EAAQ,IAAML,EAAOC,EAAKC,GAAA,YAAAA,GAAa,GAAK,EAAE,EAwB5D,GAAIE,GAAA,MAAAA,EAAS,QACZ,MAAO,IAA+BA,EAAQ,QAAU,CAE3D,CAAE,CACF,CC2CW,SAAAE,GAAaC,EAAAC,EAAA,CACpB,QAAQ,IAAIA,GAAK,EACjBA,EAAQ,EAAE,CACZ;;;;;;;;;8IA9DEC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJH,EAAKE,EAAAC,EAAA,QAAA,CAAA,EACLC,EAAWF,EAAAC,EAAA,cAAA,CAAA,EACXE,oBAAY,MAAM,EAClBC,EAAOJ,EAAAC,EAAA,UAAA,CAAA,EACPI,EAASL,EAAAC,EAAA,YAAA,CAAA,EACTK,mBAAW,EAAK,EAChBC,eAAO,GAAG,EACVC,EAAQR,EAAAC,EAAA,WAAA,CAAA,EACRQ,EAAUT,EAAAC,EAAA,aAAA,CAAA,EACVS,EAAGV,EAAAC,EAAA,MAAA,CAAA,EACHU,EAAGX,EAAAC,EAAA,MAAA,CAAA,EACHW,EAASZ,EAAAC,EAAA,YAAA,CAAA,EACTY,EAASb,EAAAC,EAAA,YAAA,CAAA,EACTa,mBAAW,EAAK,EAChBC,qBAAa,eAAe,EAC5BC,sBAAc,EAAK,EAChBC,EAAAC,GAAAjB,EAAA,+NAGDkB,IAAqBhB,CAAS,EAC9BiB,QAAwB,GAAAJ,EAAW,GAAIlB,EAAQ,EAAY,WAEtDuB,EACPC,EACAC,EACAhB,EACAC,EACQ,OACFgB,EAAO,CAAI,gBAAiB,iBAAiB,EAE/C,OAAAF,GACFE,EAAQ,KAAK,UAAU,EAGrBD,GACFC,EAAQ,KAAK,YAAY,EAGvBjB,IAAS,KACXiB,EAAQ,KAAK,kBAAkB,EAG7BhB,GACFgB,EAAQ,KAAK,2BAA2B,EAGtCf,EAAU,GACZe,EAAQ,KAAK,aAAa,EAGrBA,EAAQ,KAAK,GAAG,CACzB,OAEMC,EAAWC,GAAc,CAE7BA,EAAK,KAAIC,EAAGR,CAAS,CACtB,wFASIS,EAAQ,MAAIC,EAAAC,CAAA,8HA6BFlC,GAAUE,CAAA,sDAQuBiB,EAAU,CAAA,CAAA,oBAdrDK,CAAY,GAAAS,EAAAE,CAAA,mHAdD1B,EAAS,cAEnBN,EAAI,8GASJkB,uBArBK,IAAAI,EAAWjB,EAAO,EAAEC,EAAS,EAAEE,IAAMC,EAAQ,CAAA,iNA9D1C,OAAM,+JAGP,GAAK,6CACT,IAAG,uWAOC,GAAK,yDACH,gBAAe,2DACd,GAAK","x_google_ignoreList":[0]}

package/dist/components/textinput/Textinput.svelte

@@ -0,0 +1,143 @@
+<svelte:options customElement="m-textinput" />
+
+<script lang="ts">
+  import type { TextInputSize, TextInputType } from './textinput.types';
+
+  interface Props {
+    name: string;
+    value: string;
+    placeholder: string;
+    inputtype?: TextInputType;
+    isvalid: boolean;
+    isinvalid: boolean;
+    disabled?: boolean;
+    size?: TextInputSize;
+    iconname: string;
+    rightalign: boolean;
+    min: string;
+    max: string;
+    minlength: number;
+    maxlength: number;
+    required?: boolean;
+    clearlabel?: string;
+    isclearable?: boolean;
+  }
+
+  let {
+    name,
+    value,
+    placeholder,
+    inputtype = 'text',
+    isvalid,
+    isinvalid,
+    disabled = false,
+    size = 'm',
+    iconname,
+    rightalign,
+    min,
+    max,
+    minlength,
+    maxlength,
+    required = false,
+    clearlabel = 'Clear content',
+    isclearable = false,
+    ...events
+  }: Props = $props();
+
+  let inputType = $derived(inputtype);
+  let displayClear = $derived(isclearable && value ? true : false);
+
+  function getClasses(
+    isValid: boolean,
+    isInvalid: boolean,
+    size: TextInputSize,
+    iconname: string,
+  ): string {
+    const classes = ['mc-text-input', 'mc-field__input'];
+
+    if (isValid) {
+      classes.push('is-valid');
+    }
+
+    if (isInvalid) {
+      classes.push('is-invalid');
+    }
+
+    if (size === 's') {
+      classes.push('mc-text-input--s');
+    }
+
+    if (iconname) {
+      classes.push('mc-left-icon-input__input');
+    }
+
+    if (rightalign) {
+      classes.push('right-align');
+    }
+
+    return classes.join(' ');
+  }
+
+  const setType = (node: any) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    node.type = inputType;
+  };
+
+  function resetValue() {
+    console.log(value);
+    value = '';
+  }
+</script>
+
+<div class="{getClasses(isvalid, isinvalid, size, iconname)} ">
+  {#if $$slots.icon}
+    <span class="mc-text-input__icon">
+      <slot name="icon" />
+    </span>
+  {/if}
+  <input
+    bind:value
+    use:setType
+    class="mc-text-input__control"
+    aria-invalid={isinvalid}
+    {name}
+    id={name}
+    {placeholder}
+    {disabled}
+    {min}
+    {max}
+    {minlength}
+    {maxlength}
+    spellcheck="false"
+    {required}
+    {...events}
+  />
+  <!-- Control options -->
+  {#if displayClear}
+    <div class="mc-controls-options js-control-options">
+      <!-- Clear Button -->
+      <button
+        type="button"
+        class="mc-controls-options__button"
+        onclick={resetValue}
+      >
+        <svg class="mc-controls-options__icon" aria-hidden="true">
+          <path
+            fill-rule="evenodd"
+            d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z"
+          />
+        </svg>
+        <span class="mc-controls-options__label">{clearlabel}</span>
+      </button>
+    </div>
+  {/if}
+</div>
+
+<style lang="scss">
+  @use '@mozaic-ds/styles/components/controls-options';
+  @use '@mozaic-ds/styles/components/text-input';
+
+  .right-align {
+    text-align: right;
+  }
+</style>

package/dist/components/toggle/Toggle.d.ts

@@ -0,0 +1,4 @@
+export {}
+import _default from './Toggle.svelte'
+export default _default
+export {}

package/dist/components/toggle/Toggle.js

@@ -0,0 +1,4 @@
+import{d as x,c as z,p as L,a as M,b as o,t as E,e as n,s as P,r as m,f,g as u,h as B,i as s,j as H,k as y}from"../../custom-element.js";import{i as D}from"../../if.js";import{r as S,s as w,a as j}from"../../attributes.js";import{c as T}from"../../index-client.js";function Y(d,a,l){a(!a()),l("change",a())}var q=E('<span class="mc-toggle__label svelte-2vapv3"> </span>'),A=E('<div><label class="mc-toggle__container svelte-2vapv3"><input class="mc-toggle__input svelte-2vapv3" type="checkbox"> <!></label></div>');const F={hash:"svelte-2vapv3",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */.mc-toggle.svelte-2vapv3 {width:fit-content;}.mc-toggle__container.svelte-2vapv3 {display:flex;align-items:center;cursor:pointer;gap:0.5rem;position:relative;}.mc-toggle__container.svelte-2vapv3::before, .mc-toggle__container.svelte-2vapv3::after {content:"";}.mc-toggle__container.svelte-2vapv3::before {transition:box-shadow 200ms ease;height:1.5rem;width:2.5rem;background-color:var(--forms-color-background-unchecked, #666666);border-radius:1rem;flex-shrink:0;}.mc-toggle__container.svelte-2vapv3::after {height:1.25rem;width:1.25rem;background-color:var(--forms-color-icon-inverse, #ffffff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");border-radius:100%;background-position:center;left:0.125rem;position:absolute;top:50%;transform:translateY(-50%);}.mc-toggle__input.svelte-2vapv3 {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}.mc-toggle__label.svelte-2vapv3 {color:var(--forms-color-text-default, #000000);font-size:1rem;font-weight:400;line-height:1.5;}.mc-toggle.svelte-2vapv3:has(:where(.svelte-2vapv3):checked) .mc-toggle__container:where(.svelte-2vapv3)::before {background-color:var(--forms-color-background-checked, #117f03);}.mc-toggle.svelte-2vapv3:has(:where(.svelte-2vapv3):checked) .mc-toggle__container:where(.svelte-2vapv3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1rem, -50%);}.mc-toggle.svelte-2vapv3:has(:where(.svelte-2vapv3):disabled) .mc-toggle__container:where(.svelte-2vapv3) {cursor:not-allowed;}.mc-toggle.svelte-2vapv3:has(:where(.svelte-2vapv3):disabled) .mc-toggle__container:where(.svelte-2vapv3)::before {background-color:var(--forms-color-background-disabled, #d9d9d9);}.mc-toggle.svelte-2vapv3:has(:where(.svelte-2vapv3):disabled) .mc-toggle__container:where(.svelte-2vapv3)::after {background-color:var(--forms-color-icon-disabled, #737373);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.364a.75.75 0 1 0-1.06-1.061L10 8.939 6.364 5.303a.75.75 0 0 0-1.06 1.06L8.94 10l-3.637 3.636a.75.75 0 1 0 1.06 1.06L10 11.062l3.636 3.636a.75.75 0 0 0 1.061-1.06L11.061 10z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-2vapv3:has(:where(.svelte-2vapv3):disabled) .mc-toggle__label:where(.svelte-2vapv3) {color:var(--forms-color-text-disabled, #737373);}.mc-toggle.svelte-2vapv3:has(:where(.svelte-2vapv3):disabled:checked) .mc-toggle__container:where(.svelte-2vapv3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M14.697 6.553a.75.75 0 0 1 0 1.06l-5.833 5.834a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 0 1 1.06-1.06l1.97 1.97 5.303-5.304a.75.75 0 0 1 1.06 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle.svelte-2vapv3:has(:where(.svelte-2vapv3):focus-visible) .mc-toggle__container:where(.svelte-2vapv3)::before {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-toggle--m.svelte-2vapv3 .mc-toggle__container:where(.svelte-2vapv3)::before {height:2rem;width:3.5rem;}.mc-toggle--m.svelte-2vapv3 .mc-toggle__container:where(.svelte-2vapv3)::after {height:1.5rem;width:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-unchecked, %23666666)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");left:0.25rem;}.mc-toggle--m.svelte-2vapv3:has(:where(.svelte-2vapv3):checked) .mc-toggle__container:where(.svelte-2vapv3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-checked, %23117f03)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");transform:translate(1.5rem, -50%);}.mc-toggle--m.svelte-2vapv3:has(:where(.svelte-2vapv3):disabled) .mc-toggle__container:where(.svelte-2vapv3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--m.svelte-2vapv3:has(:where(.svelte-2vapv3):disabled:checked) .mc-toggle__container:where(.svelte-2vapv3)::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.5rem' width='1.5rem' fill='var(--forms-color-background-disabled, %23d9d9d9)' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill-rule='evenodd' d='M17.707 7.793a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414 0l-3-3a1 1 0 1 1 1.414-1.414L10 14.086l6.293-6.293a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}.mc-toggle--hide-label.svelte-2vapv3 .mc-toggle__label:where(.svelte-2vapv3) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function G(d,a){L(a,!0),M(d,F);let l=o(a,"name",7),i=o(a,"checked",15),g=o(a,"disabled",7,!1),c=o(a,"size",7,"m"),r=o(a,"label",7),C=T();var v=A(),p=n(v),t=n(p);S(t),t.__click=[Y,i,C];var b=P(t,2);{var _=e=>{var h=q(),k=n(h,!0);m(h),f(()=>H(k,r())),u(e,h)};D(b,e=>{r()&&e(_)})}return m(p),m(v),f(()=>{y(v,1,`mc-toggle ${(r()?"":" mc-toggle--hide-label")??""} ${(c()==="m"?" mc-toggle--m":"")??""}`,"svelte-2vapv3"),w(t,"id",l()),w(t,"name",l()),j(t,i()),t.disabled=g()}),u(d,v),B({get name(){return l()},set name(e){l(e),s()},get checked(){return i()},set checked(e){i(e),s()},get disabled(){return g()},set disabled(e=!1){g(e),s()},get size(){return c()},set size(e="m"){c(e),s()},get label(){return r()},set label(e){r(e),s()}})}x(["click"]);customElements.define("m-toggle",z(G,{name:{},checked:{},disabled:{},size:{},label:{}},[],[],!0));
+//# sourceMappingURL=Toggle.js.map

package/dist/components/toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../src/components/toggle/Toggle.svelte"],"sourcesContent":["<svelte:options customElement=\"m-toggle\" />\n\n<script lang=\"ts\">\n  import type { ToggleSize } from './toggle.types';\n  import { createEventDispatcher } from 'svelte';\n\n  interface Props {\n    name: string;\n    checked: boolean;\n    disabled?: boolean;\n    size?: ToggleSize;\n    label: string;\n  }\n\n  let {\n    name,\n    checked = $bindable(),\n    disabled = false,\n    size = 'm',\n    label,\n  }: Props = $props();\n\n  let dispatch = createEventDispatcher();\n\n  function handleState(): void {\n    checked = !checked;\n    dispatch('change', checked);\n  }\n</script>\n\n<div\n  class=\"mc-toggle {!label ? ' mc-toggle--hide-label' : ''} {size === 'm'\n    ? ' mc-toggle--m'\n    : ''}\"\n>\n  <label class=\"mc-toggle__container\">\n    <input\n      class=\"mc-toggle__input\"\n      id={name}\n      {name}\n      type=\"checkbox\"\n      {checked}\n      {disabled}\n      onclick={handleState}\n    />\n    {#if label}\n      <span class=\"mc-toggle__label\">{label}</span>\n    {/if}\n  </label>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/toggle';\n</style>\n"],"names":["handleState","_","checked","dispatch","name","$.prop","$$props","disabled","size","label","createEventDispatcher","$$render","consequent"],"mappings":"yQAwBW,SAAAA,EAAoBC,EAAAC,EAAAC,EAAA,CAC3BD,GAAWA,GAAO,EAClBC,EAAS,SAAUD,GAAO,CAC5B;;8kPAZEE,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJJ,EAAOG,EAAAC,EAAA,UAAA,EAAA,EACPC,mBAAW,EAAK,EAChBC,eAAO,GAAG,EACVC,EAAKJ,EAAAC,EAAA,QAAA,CAAA,EAGHH,EAAWO,EAAqB,0CAqBvBV,EAAWE,EAAAC,CAAA,6DAGYM,EAAK,CAAA,CAAA,kBADlCA,EAAK,GAAAE,EAAAC,CAAA,gDAdOH,EAAK,EAA8B,GAA3B,2BAA6B,EAAA,KAAGD,EAAI,IAAK,IAChE,gBACA,KAAE,EAAA,GAAA,eAAA,WAKEJ,GAAI,gMArBC,GAAK,6CACT,IAAG"}

package/dist/components/toggle/Toggle.svelte

@@ -0,0 +1,54 @@
+<svelte:options customElement="m-toggle" />
+
+<script lang="ts">
+  import type { ToggleSize } from './toggle.types';
+  import { createEventDispatcher } from 'svelte';
+
+  interface Props {
+    name: string;
+    checked: boolean;
+    disabled?: boolean;
+    size?: ToggleSize;
+    label: string;
+  }
+
+  let {
+    name,
+    checked = $bindable(),
+    disabled = false,
+    size = 'm',
+    label,
+  }: Props = $props();
+
+  let dispatch = createEventDispatcher();
+
+  function handleState(): void {
+    checked = !checked;
+    dispatch('change', checked);
+  }
+</script>
+
+<div
+  class="mc-toggle {!label ? ' mc-toggle--hide-label' : ''} {size === 'm'
+    ? ' mc-toggle--m'
+    : ''}"
+>
+  <label class="mc-toggle__container">
+    <input
+      class="mc-toggle__input"
+      id={name}
+      {name}
+      type="checkbox"
+      {checked}
+      {disabled}
+      onclick={handleState}
+    />
+    {#if label}
+      <span class="mc-toggle__label">{label}</span>
+    {/if}
+  </label>
+</div>
+
+<style lang="scss">
+  @use '@mozaic-ds/styles/components/toggle';
+</style>

package/dist/custom-element.js

@@ -0,0 +1,3 @@
+var Qe=Object.defineProperty;var te=t=>{throw TypeError(t)};var tr=(t,e,r)=>e in t?Qe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var D=(t,e,r)=>tr(t,typeof e!="symbol"?e+"":e,r),ee=(t,e,r)=>e.has(t)||te("Cannot "+r);var A=(t,e,r)=>(ee(t,e,"read from private field"),r?r.call(t):e.get(t)),qt=(t,e,r)=>e.has(t)?te("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),Bt=(t,e,r,n)=>(ee(t,e,"write to private field"),n?n.call(t,r):e.set(t,r),r);const er="5";var _e;typeof window<"u"&&((_e=window.__svelte??(window.__svelte={})).v??(_e.v=new Set)).add(er);const En=1,bn=2,Tn=4,An=8,xn=16,rr=1,nr=2,de=4,sr=8,ir=16,ur=1,lr=2,ve="[",ar="[!",he="]",ct={},O=Symbol(),re=!1,k=2,pe=4,Ct=8,Wt=16,B=32,lt=64,Et=128,P=256,bt=512,y=1024,V=2048,Q=4096,ut=8192,Pt=16384,fr=32768,$e=65536,or=1<<17,cr=1<<19,we=1<<20,U=Symbol("$state"),ge=Symbol("legacy props"),On=Symbol("");var ye=Array.isArray,_r=Array.prototype.indexOf,dr=Array.from,Tt=Object.keys,At=Object.defineProperty,J=Object.getOwnPropertyDescriptor,vr=Object.getOwnPropertyDescriptors,hr=Object.prototype,pr=Array.prototype,me=Object.getPrototypeOf;function Rn(t){return t()}function Ee(t){for(var e=0;e<t.length;e++)t[e]()}const $r=typeof requestIdleCallback>"u"?t=>setTimeout(t,1):requestIdleCallback;let dt=[],vt=[];function be(){var t=dt;dt=[],Ee(t)}function Te(){var t=vt;vt=[],Ee(t)}function Gt(t){dt.length===0&&queueMicrotask(be),dt.push(t)}function Sn(t){vt.length===0&&$r(Te),vt.push(t)}function ne(){dt.length>0&&be(),vt.length>0&&Te()}function Ae(t){return t===this.v}function wr(t,e){return t!=t?e==e:t!==e||t!==null&&typeof t=="object"||typeof t=="function"}function zt(t){return!wr(t,this.v)}function gr(t){throw new Error("https://svelte.dev/e/effect_in_teardown")}function yr(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function mr(t){throw new Error("https://svelte.dev/e/effect_orphan")}function Er(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function br(){throw new Error("https://svelte.dev/e/hydration_failed")}function Tr(t){throw new Error("https://svelte.dev/e/props_invalid_value")}function Ar(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function xr(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function Or(){throw new Error("https://svelte.dev/e/state_unsafe_local_read")}function Rr(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}let pt=!1,Sr=!1;function Nn(){pt=!0}function N(t,e){var r={f:0,v:t,reactions:null,equals:Ae,rv:0,wv:0};return r}function Cn(t){return xe(N(t))}function Jt(t,e=!1){var n;const r=N(t);return e||(r.equals=zt),pt&&$!==null&&$.l!==null&&((n=$.l).s??(n.s=[])).push(r),r}function Pn(t,e=!1){return xe(Jt(t,e))}function xe(t){return v!==null&&!L&&v.f&k&&(j===null?Dr([t]):j.push(t)),t}function C(t,e){return v!==null&&!L&&Mt()&&v.f&(k|Wt)&&(j===null||!j.includes(t))&&Rr(),Nr(t,e)}function Nr(t,e){return t.equals(e)||(t.v,t.v=e,t.wv=ke(),Oe(t,V),Mt()&&h!==null&&h.f&y&&!(h.f&(B|lt))&&(F===null?Lr([t]):F.push(t))),e}function se(t,e=1){var r=b(t),n=e===1?r++:r--;return C(t,r),n}function Oe(t,e){var r=t.reactions;if(r!==null)for(var n=Mt(),s=r.length,i=0;i<s;i++){var u=r[i],l=u.f;l&V||!n&&u===h||(M(u,e),l&(y|P)&&(l&k?Oe(u,Q):Lt(u)))}}function xt(t){var e=k|V,r=v!==null&&v.f&k?v:null;return h===null||r!==null&&r.f&P?e|=P:h.f|=we,{ctx:$,deps:null,effects:null,equals:Ae,f:e,fn:t,reactions:null,rv:0,v:null,wv:0,parent:r??h}}function Cr(t){const e=xt(t);return e.equals=zt,e}function Re(t){var e=t.effects;if(e!==null){t.effects=null;for(var r=0;r<e.length;r+=1)G(e[r])}}function Pr(t){for(var e=t.parent;e!==null;){if(!(e.f&k))return e;e=e.parent}return null}function Ir(t){var e,r=h;W(Pr(t));try{Re(t),e=je(t)}finally{W(r)}return e}function Se(t){var e=Ir(t),r=(Y||t.f&P)&&t.deps!==null?Q:y;M(t,r),t.equals(e)||(t.v=e,t.wv=ke())}function Zt(t){console.warn("https://svelte.dev/e/hydration_mismatch")}let T=!1;function $t(t){T=t}let w;function Z(t){if(t===null)throw Zt(),ct;return w=t}function Ne(){return Z(tt(w))}function In(t){if(T){if(tt(w)!==null)throw Zt(),ct;w=t}}function Dn(){for(var t=0,e=w;;){if(e.nodeType===8){var r=e.data;if(r===he){if(t===0)return e;t-=1}else(r===ve||r===ar)&&(t+=1)}var n=tt(e);e.remove(),e=n}}function st(t,e=null,r){if(typeof t!="object"||t===null||U in t)return t;const n=me(t);if(n!==hr&&n!==pr)return t;var s=new Map,i=ye(t),u=N(0);i&&s.set("length",N(t.length));var l;return new Proxy(t,{defineProperty(f,a,_){(!("value"in _)||_.configurable===!1||_.enumerable===!1||_.writable===!1)&&Ar();var c=s.get(a);return c===void 0?(c=N(_.value),s.set(a,c)):C(c,st(_.value,l)),!0},deleteProperty(f,a){var _=s.get(a);if(_===void 0)a in f&&s.set(a,N(O));else{if(i&&typeof a=="string"){var c=s.get("length"),o=Number(a);Number.isInteger(o)&&o<c.v&&C(c,o)}C(_,O),ie(u)}return!0},get(f,a,_){var p;if(a===U)return t;var c=s.get(a),o=a in f;if(c===void 0&&(!o||(p=J(f,a))!=null&&p.writable)&&(c=N(st(o?f[a]:O,l)),s.set(a,c)),c!==void 0){var d=b(c);return d===O?void 0:d}return Reflect.get(f,a,_)},getOwnPropertyDescriptor(f,a){var _=Reflect.getOwnPropertyDescriptor(f,a);if(_&&"value"in _){var c=s.get(a);c&&(_.value=b(c))}else if(_===void 0){var o=s.get(a),d=o==null?void 0:o.v;if(o!==void 0&&d!==O)return{enumerable:!0,configurable:!0,value:d,writable:!0}}return _},has(f,a){var d;if(a===U)return!0;var _=s.get(a),c=_!==void 0&&_.v!==O||Reflect.has(f,a);if(_!==void 0||h!==null&&(!c||(d=J(f,a))!=null&&d.writable)){_===void 0&&(_=N(c?st(f[a],l):O),s.set(a,_));var o=b(_);if(o===O)return!1}return c},set(f,a,_,c){var I;var o=s.get(a),d=a in f;if(i&&a==="length")for(var p=_;p<o.v;p+=1){var m=s.get(p+"");m!==void 0?C(m,O):p in f&&(m=N(O),s.set(p+"",m))}o===void 0?(!d||(I=J(f,a))!=null&&I.writable)&&(o=N(void 0),C(o,st(_,l)),s.set(a,o)):(d=o.v!==O,C(o,st(_,l)));var x=Reflect.getOwnPropertyDescriptor(f,a);if(x!=null&&x.set&&x.set.call(c,_),!d){if(i&&typeof a=="string"){var z=s.get("length"),H=Number(a);Number.isInteger(H)&&H>=z.v&&C(z,H+1)}ie(u)}return!0},ownKeys(f){b(u);var a=Reflect.ownKeys(f).filter(o=>{var d=s.get(o);return d===void 0||d.v!==O});for(var[_,c]of s)c.v!==O&&!(_ in f)&&a.push(_);return a},setPrototypeOf(){xr()}})}function ie(t,e=1){C(t,t.v+e)}function ue(t){return t!==null&&typeof t=="object"&&U in t?t[U]:t}function Ln(t,e){return Object.is(ue(t),ue(e))}var le,Ce,Pe,Ie;function Vt(){if(le===void 0){le=window,Ce=/Firefox/.test(navigator.userAgent);var t=Element.prototype,e=Node.prototype;Pe=J(e,"firstChild").get,Ie=J(e,"nextSibling").get,t.__click=void 0,t.__className=void 0,t.__attributes=null,t.__styles=null,t.__e=void 0,Text.prototype.__t=void 0}}function ht(t=""){return document.createTextNode(t)}function X(t){return Pe.call(t)}function tt(t){return Ie.call(t)}function kn(t,e){if(!T)return X(t);var r=X(w);if(r===null)r=w.appendChild(ht());else if(e&&r.nodeType!==3){var n=ht();return r==null||r.before(n),Z(n),n}return Z(r),r}function Mn(t,e){if(!T){var r=X(t);return r instanceof Comment&&r.data===""?tt(r):r}return w}function jn(t,e=1,r=!1){let n=T?w:t;for(var s;e--;)s=n,n=tt(n);if(!T)return n;var i=n==null?void 0:n.nodeType;if(r&&i!==3){var u=ht();return n===null?s==null||s.after(u):n.before(u),Z(u),u}return Z(n),n}function De(t){t.textContent=""}let gt=!1,Ot=!1,Rt=null,yt=!1,Xt=!1;function ae(t){Xt=t}let _t=[];let v=null,L=!1;function K(t){v=t}let h=null;function W(t){h=t}let j=null;function Dr(t){j=t}let E=null,R=0,F=null;function Lr(t){F=t}let Le=1,St=0,Y=!1;function ke(){return++Le}function at(t){var c;var e=t.f;if(e&V)return!0;if(e&Q){var r=t.deps,n=(e&P)!==0;if(r!==null){var s,i,u=(e&bt)!==0,l=n&&h!==null&&!Y,f=r.length;if(u||l){var a=t,_=a.parent;for(s=0;s<f;s++)i=r[s],(u||!((c=i==null?void 0:i.reactions)!=null&&c.includes(a)))&&(i.reactions??(i.reactions=[])).push(a);u&&(a.f^=bt),l&&_!==null&&!(_.f&P)&&(a.f^=P)}for(s=0;s<f;s++)if(i=r[s],at(i)&&Se(i),i.wv>t.wv)return!0}(!n||h!==null&&!Y)&&M(t,y)}return!1}function kr(t,e){for(var r=e;r!==null;){if(r.f&Et)try{r.fn(t);return}catch{r.f^=Et}r=r.parent}throw gt=!1,t}function Mr(t){return(t.f&Pt)===0&&(t.parent===null||(t.parent.f&Et)===0)}function It(t,e,r,n){if(gt){if(r===null&&(gt=!1),Mr(e))throw t;return}r!==null&&(gt=!0);{kr(t,e);return}}function Me(t,e,r=!0){var n=t.reactions;if(n!==null)for(var s=0;s<n.length;s++){var i=n[s];i.f&k?Me(i,e,!1):e===i&&(r?M(i,V):i.f&y&&M(i,Q),Lt(i))}}function je(t){var d;var e=E,r=R,n=F,s=v,i=Y,u=j,l=$,f=L,a=t.f;E=null,R=0,F=null,Y=(a&P)!==0&&(L||!yt||v===null),v=a&(B|lt)?null:t,j=null,fe(t.ctx),L=!1,St++;try{var _=(0,t.fn)(),c=t.deps;if(E!==null){var o;if(Nt(t,R),c!==null&&R>0)for(c.length=R+E.length,o=0;o<E.length;o++)c[R+o]=E[o];else t.deps=c=E;if(!Y)for(o=R;o<c.length;o++)((d=c[o]).reactions??(d.reactions=[])).push(t)}else c!==null&&R<c.length&&(Nt(t,R),c.length=R);if(Mt()&&F!==null&&!L&&c!==null&&!(t.f&(k|Q|V)))for(o=0;o<F.length;o++)Me(F[o],t);return s!==null&&St++,_}finally{E=e,R=r,F=n,v=s,Y=i,j=u,fe(l),L=f}}function jr(t,e){let r=e.reactions;if(r!==null){var n=_r.call(r,t);if(n!==-1){var s=r.length-1;s===0?r=e.reactions=null:(r[n]=r[s],r.pop())}}r===null&&e.f&k&&(E===null||!E.includes(e))&&(M(e,Q),e.f&(P|bt)||(e.f^=bt),Re(e),Nt(e,0))}function Nt(t,e){var r=t.deps;if(r!==null)for(var n=e;n<r.length;n++)jr(t,r[n])}function Dt(t){var e=t.f;if(!(e&Pt)){M(t,y);var r=h,n=$,s=yt;h=t,yt=!0;try{e&Wt?Jr(t):He(t),Ve(t);var i=je(t);t.teardown=typeof i=="function"?i:null,t.wv=Le;var u=t.deps,l;re&&Sr&&t.f&V}catch(f){It(f,t,r,n||t.ctx)}finally{yt=s,h=r}}}function Fr(){try{Er()}catch(t){if(Rt!==null)It(t,Rt,null);else throw t}}function Fe(){try{for(var t=0;_t.length>0;){t++>1e3&&Fr();var e=_t,r=e.length;_t=[];for(var n=0;n<r;n++){var s=e[n];s.f&y||(s.f^=y);var i=Br(s);qr(i)}}}finally{Ot=!1,Rt=null}}function qr(t){var e=t.length;if(e!==0)for(var r=0;r<e;r++){var n=t[r];if(!(n.f&(Pt|ut)))try{at(n)&&(Dt(n),n.deps===null&&n.first===null&&n.nodes_start===null&&(n.teardown===null?Ye(n):n.fn=null))}catch(s){It(s,n,null,n.ctx)}}}function Lt(t){Ot||(Ot=!0,queueMicrotask(Fe));for(var e=Rt=t;e.parent!==null;){e=e.parent;var r=e.f;if(r&(lt|B)){if(!(r&y))return;e.f^=y}}_t.push(e)}function Br(t){for(var e=[],r=t.first;r!==null;){var n=r.f,s=(n&B)!==0,i=s&&(n&y)!==0;if(!i&&!(n&ut)){if(n&pe)e.push(r);else if(s)r.f^=y;else{var u=v;try{v=r,at(r)&&Dt(r)}catch(a){It(a,r,null,r.ctx)}finally{v=u}}var l=r.first;if(l!==null){r=l;continue}}var f=r.parent;for(r=r.next;r===null&&f!==null;)r=f.next,f=f.parent}return e}function Vr(t){var e;for(ne();_t.length>0;)Ot=!0,Fe(),ne();return e}function b(t){var e=t.f,r=(e&k)!==0;if(v!==null&&!L){j!==null&&j.includes(t)&&Or();var n=v.deps;t.rv<St&&(t.rv=St,E===null&&n!==null&&n[R]===t?R++:E===null?E=[t]:(!Y||!E.includes(t))&&E.push(t))}else if(r&&t.deps===null&&t.effects===null){var s=t,i=s.parent;i!==null&&!(i.f&P)&&(s.f^=P)}return r&&(s=t,at(s)&&Se(s)),t.v}function Ht(t){var e=L;try{return L=!0,t()}finally{L=e}}const Hr=-7169;function M(t,e){t.f=t.f&Hr|e}function Fn(t){if(!(typeof t!="object"||!t||t instanceof EventTarget)){if(U in t)Yt(t);else if(!Array.isArray(t))for(let e in t){const r=t[e];typeof r=="object"&&r&&U in r&&Yt(r)}}}function Yt(t,e=new Set){if(typeof t=="object"&&t!==null&&!(t instanceof EventTarget)&&!e.has(t)){e.add(t),t instanceof Date&&t.getTime();for(let n in t)try{Yt(t[n],e)}catch{}const r=me(t);if(r!==Object.prototype&&r!==Array.prototype&&r!==Map.prototype&&r!==Set.prototype&&r!==Date.prototype){const n=vr(r);for(let s in n){const i=n[s].get;if(i)try{i.call(t)}catch{}}}}}function qe(t){h===null&&v===null&&mr(),v!==null&&v.f&P&&h===null&&yr(),Xt&&gr()}function Yr(t,e){var r=e.last;r===null?e.last=e.first=t:(r.next=t,t.prev=r,e.last=t)}function et(t,e,r,n=!0){var s=(t&lt)!==0,i=h,u={ctx:$,deps:null,nodes_start:null,nodes_end:null,f:t|V,first:null,fn:e,last:null,next:null,parent:s?null:i,prev:null,teardown:null,transitions:null,wv:0};if(r)try{Dt(u),u.f|=fr}catch(a){throw G(u),a}else e!==null&&Lt(u);var l=r&&u.deps===null&&u.first===null&&u.nodes_start===null&&u.teardown===null&&(u.f&(we|Et))===0;if(!l&&!s&&n&&(i!==null&&Yr(u,i),v!==null&&v.f&k)){var f=v;(f.effects??(f.effects=[])).push(u)}return u}function Ur(t){const e=et(Ct,null,!1);return M(e,y),e.teardown=t,e}function qn(t){qe();var e=h!==null&&(h.f&B)!==0&&$!==null&&!$.m;if(e){var r=$;(r.e??(r.e=[])).push({fn:t,effect:h,reaction:v})}else{var n=Be(t);return n}}function Bn(t){return qe(),kt(t)}function Kr(t){const e=et(lt,t,!0);return()=>{G(e)}}function Wr(t){const e=et(lt,t,!0);return(r={})=>new Promise(n=>{r.outro?Zr(e,()=>{G(e),n(void 0)}):(G(e),n(void 0))})}function Be(t){return et(pe,t,!1)}function Vn(t,e){var r=$,n={effect:null,ran:!1};r.l.r1.push(n),n.effect=kt(()=>{t(),!n.ran&&(n.ran=!0,C(r.l.r2,!0),Ht(e))})}function Hn(){var t=$;kt(()=>{if(b(t.l.r2)){for(var e of t.l.r1){var r=e.effect;r.f&y&&M(r,Q),at(r)&&Dt(r),e.ran=!1}t.l.r2.v=!1}})}function kt(t){return et(Ct,t,!0)}function Yn(t,e=[],r=xt){const n=e.map(r);return Gr(()=>t(...n.map(b)))}function Gr(t,e=0){return et(Ct|Wt|e,t,!0)}function zr(t,e=!0){return et(Ct|B,t,!0,e)}function Ve(t){var e=t.teardown;if(e!==null){const r=Xt,n=v;ae(!0),K(null);try{e.call(null)}finally{ae(r),K(n)}}}function He(t,e=!1){var r=t.first;for(t.first=t.last=null;r!==null;){var n=r.next;G(r,e),r=n}}function Jr(t){for(var e=t.first;e!==null;){var r=e.next;e.f&B||G(e),e=r}}function G(t,e=!0){var r=!1;if((e||t.f&cr)&&t.nodes_start!==null){for(var n=t.nodes_start,s=t.nodes_end;n!==null;){var i=n===s?null:tt(n);n.remove(),n=i}r=!0}He(t,e&&!r),Nt(t,0),M(t,Pt);var u=t.transitions;if(u!==null)for(const f of u)f.stop();Ve(t);var l=t.parent;l!==null&&l.first!==null&&Ye(t),t.next=t.prev=t.teardown=t.ctx=t.deps=t.fn=t.nodes_start=t.nodes_end=null}function Ye(t){var e=t.parent,r=t.prev,n=t.next;r!==null&&(r.next=n),n!==null&&(n.prev=r),e!==null&&(e.first===t&&(e.first=n),e.last===t&&(e.last=r))}function Zr(t,e){var r=[];Ue(t,r,!0),Xr(r,()=>{G(t),e&&e()})}function Xr(t,e){var r=t.length;if(r>0){var n=()=>--r||e();for(var s of t)s.out(n)}else e()}function Ue(t,e,r){if(!(t.f&ut)){if(t.f^=ut,t.transitions!==null)for(const u of t.transitions)(u.is_global||r)&&e.push(u);for(var n=t.first;n!==null;){var s=n.next,i=(n.f&$e)!==0||(n.f&B)!==0;Ue(n,e,i?r:!1),n=s}}}function Un(t){Ke(t,!0)}function Ke(t,e){if(t.f&ut){t.f^=ut,t.f&y||(t.f^=y),at(t)&&(M(t,V),Lt(t));for(var r=t.first;r!==null;){var n=r.next,s=(r.f&$e)!==0||(r.f&B)!==0;Ke(r,s?e:!1),r=n}if(t.transitions!==null)for(const i of t.transitions)(i.is_global||e)&&i.in()}}let $=null;function fe(t){$=t}function Qr(t,e=!1,r){$={p:$,c:null,e:null,m:!1,s:t,x:null,l:null},pt&&!e&&($.l={s:null,u:null,r1:[],r2:N(!1)})}function tn(t){const e=$;if(e!==null){t!==void 0&&(e.x=t);const u=e.e;if(u!==null){var r=h,n=v;e.e=null;try{for(var s=0;s<u.length;s++){var i=u[s];W(i.effect),K(i.reaction),Be(i.fn)}}finally{W(r),K(n)}}$=e.p,e.m=!0}return t||{}}function Mt(){return!pt||$!==null&&$.l===null}function Kn(t){return t.endsWith("capture")&&t!=="gotpointercapture"&&t!=="lostpointercapture"}const en=["beforeinput","click","change","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"];function Wn(t){return en.includes(t)}const rn={formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly",defaultvalue:"defaultValue",defaultchecked:"defaultChecked",srcobject:"srcObject",novalidate:"noValidate",allowfullscreen:"allowFullscreen",disablepictureinpicture:"disablePictureInPicture",disableremoteplayback:"disableRemotePlayback"};function Gn(t){return t=t.toLowerCase(),rn[t]??t}const nn=["touchstart","touchmove"];function sn(t){return nn.includes(t)}function zn(t,e){if(e){const r=document.body;t.autofocus=!0,Gt(()=>{document.activeElement===r&&t.focus()})}}function Jn(t){T&&X(t)!==null&&De(t)}let oe=!1;function un(){oe||(oe=!0,document.addEventListener("reset",t=>{Promise.resolve().then(()=>{var e;if(!t.defaultPrevented)for(const r of t.target.elements)(e=r.__on_r)==null||e.call(r)})},{capture:!0}))}function We(t){var e=v,r=h;K(null),W(null);try{return t()}finally{K(e),W(r)}}function Zn(t,e,r,n=r){t.addEventListener(e,()=>We(r));const s=t.__on_r;s?t.__on_r=()=>{s(),n(!0)}:t.__on_r=()=>n(!0),un()}const Ge=new Set,Ut=new Set;function ln(t,e,r,n={}){function s(i){if(n.capture||ot.call(e,i),!i.cancelBubble)return We(()=>r==null?void 0:r.call(this,i))}return t.startsWith("pointer")||t.startsWith("touch")||t==="wheel"?Gt(()=>{e.addEventListener(t,s,n)}):e.addEventListener(t,s,n),s}function Xn(t,e,r,n,s){var i={capture:n,passive:s},u=ln(t,e,r,i);(e===document.body||e===window||e===document)&&Ur(()=>{e.removeEventListener(t,u,i)})}function Qn(t){for(var e=0;e<t.length;e++)Ge.add(t[e]);for(var r of Ut)r(t)}function ot(t){var H;var e=this,r=e.ownerDocument,n=t.type,s=((H=t.composedPath)==null?void 0:H.call(t))||[],i=s[0]||t.target,u=0,l=t.__root;if(l){var f=s.indexOf(l);if(f!==-1&&(e===document||e===window)){t.__root=e;return}var a=s.indexOf(e);if(a===-1)return;f<=a&&(u=f)}if(i=s[u]||t.target,i!==e){At(t,"currentTarget",{configurable:!0,get(){return i||r}});var _=v,c=h;K(null),W(null);try{for(var o,d=[];i!==null;){var p=i.assignedSlot||i.parentNode||i.host||null;try{var m=i["__"+n];if(m!==void 0&&(!i.disabled||t.target===i))if(ye(m)){var[x,...z]=m;x.apply(i,[t,...z])}else m.call(i,t)}catch(I){o?d.push(I):o=I}if(t.cancelBubble||p===e||p===null)break;i=p}if(o){for(let I of d)queueMicrotask(()=>{throw I});throw o}}finally{t.__root=e,delete t.currentTarget,K(_),W(c)}}}function an(t){var e=document.createElement("template");return e.innerHTML=t,e.content}function it(t,e){var r=h;r.nodes_start===null&&(r.nodes_start=t,r.nodes_end=e)}function ts(t,e){var r=(e&ur)!==0,n=(e&lr)!==0,s,i=!t.startsWith("<!>");return()=>{if(T)return it(w,null),w;s===void 0&&(s=an(i?t:"<!>"+t),r||(s=X(s)));var u=n||Ce?document.importNode(s,!0):s.cloneNode(!0);if(r){var l=X(u),f=u.lastChild;it(l,f)}else it(u,u);return u}}function es(){if(T)return it(w,null),w;var t=document.createDocumentFragment(),e=document.createComment(""),r=ht();return t.append(e,r),it(e,r),t}function fn(t,e){if(T){h.nodes_end=w,Ne();return}t!==null&&t.before(e)}function rs(t,e){var r=e==null?"":typeof e=="object"?e+"":e;r!==(t.__t??(t.__t=t.nodeValue))&&(t.__t=r,t.nodeValue=r+"")}function ze(t,e){return Je(t,e)}function on(t,e){Vt(),e.intro=e.intro??!1;const r=e.target,n=T,s=w;try{for(var i=X(r);i&&(i.nodeType!==8||i.data!==ve);)i=tt(i);if(!i)throw ct;$t(!0),Z(i),Ne();const u=Je(t,{...e,anchor:i});if(w===null||w.nodeType!==8||w.data!==he)throw Zt(),ct;return $t(!1),u}catch(u){if(u===ct)return e.recover===!1&&br(),Vt(),De(r),$t(!1),ze(t,e);throw u}finally{$t(n),Z(s)}}const nt=new Map;function Je(t,{target:e,anchor:r,props:n={},events:s,context:i,intro:u=!0}){Vt();var l=new Set,f=c=>{for(var o=0;o<c.length;o++){var d=c[o];if(!l.has(d)){l.add(d);var p=sn(d);e.addEventListener(d,ot,{passive:p});var m=nt.get(d);m===void 0?(document.addEventListener(d,ot,{passive:p}),nt.set(d,1)):nt.set(d,m+1)}}};f(dr(Ge)),Ut.add(f);var a=void 0,_=Wr(()=>{var c=r??e.appendChild(ht());return zr(()=>{if(i){Qr({});var o=$;o.c=i}s&&(n.$$events=s),T&&it(c,null),a=t(c,n)||{},T&&(h.nodes_end=w),i&&tn()}),()=>{var p;for(var o of l){e.removeEventListener(o,ot);var d=nt.get(o);--d===0?(document.removeEventListener(o,ot),nt.delete(o)):nt.set(o,d)}Ut.delete(f),c!==r&&((p=c.parentNode)==null||p.removeChild(c))}});return Kt.set(a,_),a}let Kt=new WeakMap;function cn(t,e){const r=Kt.get(t);return r?(Kt.delete(t),r(e)):Promise.resolve()}function ns(t,e){Gt(()=>{var r=t.getRootNode(),n=r.host?r:r.head??r.ownerDocument.head;if(!n.querySelector("#"+e.hash)){const s=document.createElement("style");s.id=e.hash,s.textContent=e.code,n.appendChild(s)}})}function Ze(t){var e,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var s=t.length;for(e=0;e<s;e++)t[e]&&(r=Ze(t[e]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function _n(){for(var t,e,r=0,n="",s=arguments.length;r<s;r++)(t=arguments[r])&&(e=Ze(t))&&(n&&(n+=" "),n+=e);return n}function ss(t){return typeof t=="object"?_n(t):t??""}const ce=[...` 	
+\r\f \v\uFEFF`];function dn(t,e,r){var n=t==null?"":""+t;if(e&&(n=n?n+" "+e:e),r){for(var s in r)if(r[s])n=n?n+" "+s:s;else if(n.length)for(var i=s.length,u=0;(u=n.indexOf(s,u))>=0;){var l=u+i;(u===0||ce.includes(n[u-1]))&&(l===n.length||ce.includes(n[l]))?n=(u===0?"":n.substring(0,u))+n.substring(l+1):u=l}}return n===""?null:n}function is(t,e,r,n,s,i){var u=t.__className;if(T||u!==r){var l=dn(r,n,i);(!T||l!==t.getAttribute("class"))&&(l==null?t.removeAttribute("class"):e?t.className=l:t.setAttribute("class",l)),t.__className=r}else if(i)for(var f in i){var a=!!i[f];(s==null||a!==!!s[f])&&t.classList.toggle(f,a)}return i}let wt=!1;function vn(t){var e=wt;try{return wt=!1,[t(),wt]}finally{wt=e}}const hn={get(t,e){if(!t.exclude.includes(e))return t.props[e]},set(t,e){return!1},getOwnPropertyDescriptor(t,e){if(!t.exclude.includes(e)&&e in t.props)return{enumerable:!0,configurable:!0,value:t.props[e]}},has(t,e){return t.exclude.includes(e)?!1:e in t.props},ownKeys(t){return Reflect.ownKeys(t.props).filter(e=>!t.exclude.includes(e))}};function us(t,e,r){return new Proxy({props:t,exclude:e},hn)}const pn={get(t,e){if(!t.exclude.includes(e))return b(t.version),e in t.special?t.special[e]():t.props[e]},set(t,e,r){return e in t.special||(t.special[e]=$n({get[e](){return t.props[e]}},e,de)),t.special[e](r),se(t.version),!0},getOwnPropertyDescriptor(t,e){if(!t.exclude.includes(e)&&e in t.props)return{enumerable:!0,configurable:!0,value:t.props[e]}},deleteProperty(t,e){return t.exclude.includes(e)||(t.exclude.push(e),se(t.version)),!0},has(t,e){return t.exclude.includes(e)?!1:e in t.props},ownKeys(t){return Reflect.ownKeys(t.props).filter(e=>!t.exclude.includes(e))}};function ls(t,e){return new Proxy({props:t,exclude:e,special:{},version:N(0)},pn)}function $n(t,e,r,n){var Qt;var s=(r&rr)!==0,i=!pt||(r&nr)!==0,u=(r&sr)!==0,l=(r&ir)!==0,f=!1,a;u?[a,f]=vn(()=>t[e]):a=t[e];var _=U in t||ge in t,c=u&&(((Qt=J(t,e))==null?void 0:Qt.set)??(_&&e in t&&(g=>t[e]=g)))||void 0,o=n,d=!0,p=!1,m=()=>(p=!0,d&&(d=!1,l?o=Ht(n):o=n),o);a===void 0&&n!==void 0&&(c&&i&&Tr(),a=m(),c&&c(a));var x;if(i)x=()=>{var g=t[e];return g===void 0?m():(d=!0,p=!1,g)};else{var z=(s?xt:Cr)(()=>t[e]);z.f|=or,x=()=>{var g=b(z);return g!==void 0&&(o=void 0),g===void 0?o:g}}if(!(r&de))return x;if(c){var H=t.$$legacy;return function(g,rt){return arguments.length>0?((!i||!rt||H||f)&&c(rt?x():g),g):x()}}var I=!1,jt=Jt(a),ft=xt(()=>{var g=x(),rt=b(jt);return I?(I=!1,rt):jt.v=g});return s||(ft.equals=zt),function(g,rt){if(arguments.length>0){const Ft=rt?b(ft):i&&u?st(g):g;return ft.equals(Ft)||(I=!0,C(jt,Ft),p&&o!==void 0&&(o=Ft),Ht(()=>b(ft))),g}return b(ft)}}function wn(t){return new gn(t)}var q,S;class gn{constructor(e){qt(this,q);qt(this,S);var i;var r=new Map,n=(u,l)=>{var f=Jt(l);return r.set(u,f),f};const s=new Proxy({...e.props||{},$$events:{}},{get(u,l){return b(r.get(l)??n(l,Reflect.get(u,l)))},has(u,l){return l===ge?!0:(b(r.get(l)??n(l,Reflect.get(u,l))),Reflect.has(u,l))},set(u,l,f){return C(r.get(l)??n(l,f),f),Reflect.set(u,l,f)}});Bt(this,S,(e.hydrate?on:ze)(e.component,{target:e.target,anchor:e.anchor,props:s,context:e.context,intro:e.intro??!1,recover:e.recover})),(!((i=e==null?void 0:e.props)!=null&&i.$$host)||e.sync===!1)&&Vr(),Bt(this,q,s.$$events);for(const u of Object.keys(A(this,S)))u==="$set"||u==="$destroy"||u==="$on"||At(this,u,{get(){return A(this,S)[u]},set(l){A(this,S)[u]=l},enumerable:!0});A(this,S).$set=u=>{Object.assign(s,u)},A(this,S).$destroy=()=>{cn(A(this,S))}}$set(e){A(this,S).$set(e)}$on(e,r){A(this,q)[e]=A(this,q)[e]||[];const n=(...s)=>r.call(this,...s);return A(this,q)[e].push(n),()=>{A(this,q)[e]=A(this,q)[e].filter(s=>s!==n)}}$destroy(){A(this,S).$destroy()}}q=new WeakMap,S=new WeakMap;let Xe;typeof HTMLElement=="function"&&(Xe=class extends HTMLElement{constructor(e,r,n){super();D(this,"$$ctor");D(this,"$$s");D(this,"$$c");D(this,"$$cn",!1);D(this,"$$d",{});D(this,"$$r",!1);D(this,"$$p_d",{});D(this,"$$l",{});D(this,"$$l_u",new Map);D(this,"$$me");this.$$ctor=e,this.$$s=r,n&&this.attachShadow({mode:"open"})}addEventListener(e,r,n){if(this.$$l[e]=this.$$l[e]||[],this.$$l[e].push(r),this.$$c){const s=this.$$c.$on(e,r);this.$$l_u.set(r,s)}super.addEventListener(e,r,n)}removeEventListener(e,r,n){if(super.removeEventListener(e,r,n),this.$$c){const s=this.$$l_u.get(r);s&&(s(),this.$$l_u.delete(r))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){let e=function(s){return i=>{const u=document.createElement("slot");s!=="default"&&(u.name=s),fn(i,u)}};if(await Promise.resolve(),!this.$$cn||this.$$c)return;const r={},n=yn(this);for(const s of this.$$s)s in n&&(s==="default"&&!this.$$d.children?(this.$$d.children=e(s),r.default=!0):r[s]=e(s));for(const s of this.attributes){const i=this.$$g_p(s.name);i in this.$$d||(this.$$d[i]=mt(i,s.value,this.$$p_d,"toProp"))}for(const s in this.$$p_d)!(s in this.$$d)&&this[s]!==void 0&&(this.$$d[s]=this[s],delete this[s]);this.$$c=wn({component:this.$$ctor,target:this.shadowRoot||this,props:{...this.$$d,$$slots:r,$$host:this}}),this.$$me=Kr(()=>{kt(()=>{var s;this.$$r=!0;for(const i of Tt(this.$$c)){if(!((s=this.$$p_d[i])!=null&&s.reflect))continue;this.$$d[i]=this.$$c[i];const u=mt(i,this.$$d[i],this.$$p_d,"toAttribute");u==null?this.removeAttribute(this.$$p_d[i].attribute||i):this.setAttribute(this.$$p_d[i].attribute||i,u)}this.$$r=!1})});for(const s in this.$$l)for(const i of this.$$l[s]){const u=this.$$c.$on(s,i);this.$$l_u.set(i,u)}this.$$l={}}}attributeChangedCallback(e,r,n){var s;this.$$r||(e=this.$$g_p(e),this.$$d[e]=mt(e,n,this.$$p_d,"toProp"),(s=this.$$c)==null||s.$set({[e]:this.$$d[e]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$me(),this.$$c=void 0)})}$$g_p(e){return Tt(this.$$p_d).find(r=>this.$$p_d[r].attribute===e||!this.$$p_d[r].attribute&&r.toLowerCase()===e)||e}});function mt(t,e,r,n){var i;const s=(i=r[t])==null?void 0:i.type;if(e=s==="Boolean"&&typeof e!="boolean"?e!=null:e,!n||!r[t])return e;if(n==="toAttribute")switch(s){case"Object":case"Array":return e==null?null:JSON.stringify(e);case"Boolean":return e?"":null;case"Number":return e??null;default:return e}else switch(s){case"Object":case"Array":return e&&JSON.parse(e);case"Boolean":return e;case"Number":return e!=null?+e:e;default:return e}}function yn(t){const e={};return t.childNodes.forEach(r=>{e[r.slot||"default"]=!0}),e}function as(t,e,r,n,s,i){let u=class extends Xe{constructor(){super(t,r,s),this.$$p_d=e}static get observedAttributes(){return Tt(e).map(l=>(e[l].attribute||l).toLowerCase())}};return Tt(e).forEach(l=>{At(u.prototype,l,{get(){return this.$$c&&l in this.$$c?this.$$c[l]:this.$$d[l]},set(f){var c;f=mt(l,f,e),this.$$d[l]=f;var a=this.$$c;if(a){var _=(c=J(a,l))==null?void 0:c.get;_?a[l]=f:a.$set({[l]:f})}}})}),n.forEach(l=>{At(u.prototype,l,{get(){var f;return(f=this.$$c)==null?void 0:f[l]}})}),t.element=u,u}export{Jt as $,st as A,ss as B,C,Bn as D,qn as E,Ee as F,Rn as G,Fn as H,Nn as I,ls as J,Vn as K,Hn as L,Cr as M,Pn as N,Xn as O,Gr as P,ht as Q,Un as R,zr as S,Zr as T,ut as U,dr as V,Gt as W,h as X,En as Y,Nr as Z,bn as _,ns as a,N as a0,T as a1,Tn as a2,An as a3,Ue as a4,De as a5,Xr as a6,G as a7,tt as a8,xn as a9,Wn as aA,vr as aB,Sn as aC,un as aD,Z as aa,X as ab,Ne as ac,ar as ad,Dn as ae,$t as af,w as ag,he as ah,kt as ai,Mt as aj,Ur as ak,es as al,Mn as am,$e as an,O as ao,ve as ap,an as aq,it as ar,Zt as as,ct as at,me as au,Kn as av,ln as aw,zn as ax,Gn as ay,On as az,$n as b,as as c,Qn as d,kn as e,Yn as f,fn as g,tn as h,Vr as i,rs as j,is as k,Be as l,b as m,xt as n,us as o,Qr as p,Jn as q,In as r,jn as s,ts as t,Ht as u,$ as v,ye as w,Zn as x,Ln as y,Cn as z};
+//# sourceMappingURL=custom-element.js.map