npm - @mozaic-ds/web-components - Versions diffs - 1.0.0-alpha.1 → 1.0.0-alpha.2 - Mend

@mozaic-ds/web-components 1.0.0-alpha.1 → 1.0.0-alpha.2

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.

Files changed (56) hide show

package/public/components/textinput/Textinput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{a6 as e,U as t,O as o,c as n,p as r,a as i,b as s,P as l,t as a,k as c,g as v,d,s as m,h as u,i as p,j as h,M as g,Y as f,r as x,f as b}from"../../custom-element-C0xaDU2s.js";import{i as j}from"../../if-B_xe8pYW.js";import{s as _,a as w}from"../../slot-DQF0Tqfq.js";import{s as y,r as k}from"../../attributes-C2cU7aS9.js";import{a as z}from"../../input-B-lhkJUW.js";function q(e,t){t("")}var L=a('<span class="mc-text-input__icon svelte-1ovon7j"><!></span>'),C=(e,t,o)=>{"Enter"===e?.key&&t("submit-search",o())},M=a('<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>'),E=a('<div><!> <input class="mc-text-input__control svelte-1ovon7j" spellcheck="false"> <!></div>');const F={hash:"svelte-1ovon7j",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.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);}\n\n/* 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,\n.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;\n  /* For Blink & WebKit rendering engines */\n  /* 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.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(.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);}\n\n/* stylelint-enable string-no-newline */.right-align.svelte-1ovon7j {text-align:right;}"};function Z(o,n){const a=_(n);r(n,!0),i(o,F);let Z=s(n,"name",7),B=s(n,"value",15),D=s(n,"placeholder",7),G=s(n,"inputtype",7,"text"),K=s(n,"isvalid",7),O=s(n,"isinvalid",7),P=s(n,"disabled",7,!1),S=s(n,"size",7,"m"),U=s(n,"iconname",7),W=s(n,"rightalign",7),Y=s(n,"min",7),$=s(n,"max",7),A=s(n,"minlength",7),H=s(n,"maxlength",7),I=s(n,"required",7,!1),J=s(n,"clearlabel",7,"Clear content"),N=s(n,"isclearable",7,!1);const Q=l();let R=f(G),T=f((()=>!(!N()||!B())));var V=E(),X=v(V),ee=e=>{var t=L(),o=v(t);w(o,n,"icon",{}),x(t),u(e,t)};j(X,(e=>{a.icon&&e(ee)}));var te=c(X,2);k(te),te.__input=function(e){let t=e.target.value;H()&&"number"===G()&&(e.target.value=t.slice(0,H()))},te.__keydown=[C,Q,B],e((()=>z(te,B))),function(o,n,r){e((()=>{var e=t((()=>n(o,r?.())||{}));if(e?.destroy)return()=>e.destroy()}))}(te,(e=>{e.type=g(R)}));var oe=c(te,2),ne=e=>{var t=M(),o=v(t);o.__click=[q,B];var n=c(v(o),2),r=v(n,!0);x(n),x(o),x(t),d((()=>b(r,J()))),u(e,t)};return j(oe,(e=>{g(T)&&e(ne)})),x(V),d((e=>{m(V,1,`${e??""} `,"svelte-1ovon7j"),y(te,"aria-invalid",O()),y(te,"name",Z()),y(te,"id",Z()),y(te,"placeholder",D()),te.disabled=P(),y(te,"min",Y()),y(te,"max",$()),y(te,"minlength",A()),y(te,"maxlength",H()),te.required=I()}),[()=>function(e,t,o,n){const r=["mc-text-input","mc-field__input"];return e&&r.push("is-valid"),t&&r.push("is-invalid"),"s"===o&&r.push("mc-text-input--s"),n&&r.push("mc-left-icon-input__input"),W()&&r.push("right-align"),r.join(" ")}(K(),O(),S(),U())]),u(o,V),p({get name(){return Z()},set name(e){Z(e),h()},get value(){return B()},set value(e){B(e),h()},get placeholder(){return D()},set placeholder(e){D(e),h()},get inputtype(){return G()},set inputtype(e="text"){G(e),h()},get isvalid(){return K()},set isvalid(e){K(e),h()},get isinvalid(){return O()},set isinvalid(e){O(e),h()},get disabled(){return P()},set disabled(e=!1){P(e),h()},get size(){return S()},set size(e="m"){S(e),h()},get iconname(){return U()},set iconname(e){U(e),h()},get rightalign(){return W()},set rightalign(e){W(e),h()},get min(){return Y()},set min(e){Y(e),h()},get max(){return $()},set max(e){$(e),h()},get minlength(){return A()},set minlength(e){A(e),h()},get maxlength(){return H()},set maxlength(e){H(e),h()},get required(){return I()},set required(e=!1){I(e),h()},get clearlabel(){return J()},set clearlabel(e="Clear content"){J(e),h()},get isclearable(){return N()},set isclearable(e=!1){N(e),h()}})}o(["input","keydown","click"]),customElements.define("m-textinput",n(Z,{name:{},value:{},placeholder:{},inputtype:{},isvalid:{},isinvalid:{},disabled:{},size:{},iconname:{},rightalign:{},min:{},max:{},minlength:{},maxlength:{},required:{},clearlabel:{},isclearable:{}},["icon"],[],!0));export{Z as default};
+import{a5 as e,U as o,P as t,c as n,p as r,a as i,k as s,t as l,l as a,g as c,d as v,s as p,h as d,i as m,N as u,X as h,r as f}from"../../custom-element-D6iR2OWc.js";import{i as b}from"../../if-CxjAhvpF.js";import{s as x,a as j}from"../../slot-snFjRYH3.js";import{s as g,r as _}from"../../attributes-Dd-ZbJDt.js";import{c as w}from"../../input-D1i5U2EE.js";var y=l('<span class="mc-text-input__icon svelte-1ovon7j"><!></span>'),k=l('<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>'),O=l("<div><!> <input> <!></div>");const $={hash:"svelte-1ovon7j",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.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);}\n\n/* 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,\n.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;\n  /* For Blink & WebKit rendering engines */\n  /* 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);}\n\n/* stylelint-enable string-no-newline */.right-align.svelte-1ovon7j {text-align:right;}"};function z(t,n){const l=x(n);r(n,!0),i(t,$);var z=this&&this.__rest||function(e,o){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t};let L=s(n,["$$slots","$$events","$$legacy","$$host"]),{name:P,value:q,placeholder:C,inputtype:S="text",isvalid:E,isinvalid:F,disabled:M=!1,size:Z="m",iconname:B,rightalign:D,min:G,max:I,minlength:K,maxlength:N,required:U=!1,clearlabel:W="Clear content",isclearable:X=!1}=L,A=z(L,["name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","clearlabel","isclearable"]),H=h((()=>S)),J=h((()=>!(!X||!q)));function Q(){console.log(q),q=""}var R=O(),T=c(R),V=e=>{var o=y(),t=c(o);j(t,n,"icon",{}),f(o),d(e,o)};b(T,(e=>{l.icon&&e(V)}));var Y=a(T,2);let ee;_(Y),e((()=>w(Y,(()=>q),(e=>q=e)))),function(t,n,r){e((()=>{var e=o((()=>n(t,r?.())||{}));if(e?.destroy)return()=>e.destroy()}))}(Y,(e=>{e.type=u(H)}));var oe=a(Y,2),te=e=>{var o=k(),t=c(o);t.__click=Q,a(c(t),2).textContent=W,f(t),f(o),d(e,o)};b(oe,(e=>{u(J)&&e(te)})),f(R),v((e=>{p(R,1,`${e??""} `,"svelte-1ovon7j"),ee=g(Y,ee,{class:"mc-text-input__control","aria-invalid":F,name:P,id:P,placeholder:C,disabled:M,min:G,max:I,minlength:K,maxlength:N,spellcheck:"false",required:U,...A},"svelte-1ovon7j")}),[()=>function(e,o,t,n){const r=["mc-text-input","mc-field__input"];return e&&r.push("is-valid"),o&&r.push("is-invalid"),"s"===t&&r.push("mc-text-input--s"),n&&r.push("mc-left-icon-input__input"),D&&r.push("right-align"),r.join(" ")}(E,F,Z,B)]),d(t,R),m()}t(["click"]),customElements.define("m-textinput",n(z,{},["icon"],[],!0));export{z as default};
 //# sourceMappingURL=Textinput.js.map

package/public/components/textinput/Textinput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textinput.js","sources":["../../../src/components/textinput/Textinput.svelte","../../../node_modules/svelte/src/internal/client/dom/elements/actions.js"],"sourcesContent":["<svelte:options customElement=\"m-textinput\" />\n\n<script lang=\"ts\">\n import ~~{ createEventDispatcher } from 'svelte';\n\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 ~~= $bindable()~~,\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 }: Props = $props();\n ~~const dispatch = createEventDispatcher();\~~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 ~~onInput~~(~~e: Event~~) {\n ~~let value = (e~~.~~target as HTMLInputElement).value;\n if~~ (~~maxlength && inputtype === 'number') {\n (e.target as HTMLInputElement).~~value ~~= value.slice(0, maxlength~~);\n ~~}\n }\n\n function resetValue() {\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 ~~oninput=~~{~~onInput~~}\n ~~onkeydown={(event) => {\n if (event?.key === 'Enter') {\n dispatch('submit-search', value);\n }\n }}\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","/** @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"],"names":["~~resetValue~~","_","~~value~~","~~on_keydown~~","~~event~~","~~dispatch~~","~~key~~","name","~~$.prop~~","~~$$props","~~placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","clearlabel","isclearable","~~createEventDispatcher~~","inputType","displayClear","~~$$slots~~","~~icon~~","~~$$render~~","~~consequent~~","e","~~target~~","~~slice~~","dom","action","get_value","effect","payload","untrack","destroy","type","$.get","consequent_1","isValid","isInvalid","classes","push","join","getClasses"],"mappings":"~~8XA6FWA~~,~~EAAUC~~,EAAAC,~~GACjBA~~,~~EAAQ~~,~~GACV~~,~~wEAyBcC~~,~~EAAA~~,~~CAAAC~~,~~EAAUC~~,~~EAAAH~~,~~KACD~~,~~UAAfE~~,~~GAAOE~~,~~KACTD~~,~~EAAS~~,~~gBAAiBH~~,~~IAC5B,ouJA/FFK,~~EAAIC,~~EAAAC~~,~~EAAA~~,~~OAAA~~,~~GACJP~~,~~EAAKM~~,~~EAAAC~~,~~EAAA~~,~~QAAA~~,~~IACLC~~,~~EAAWF~~,~~EAAAC~~,~~EAAA~~,~~cAAA~~,~~GACXE~~,~~oBAAY~~,~~QACZC~~,~~EAAOJ~~,~~EAAAC~~,~~EAAA~~,~~UAAA~~,~~GACPI~~,~~EAASL~~,~~EAAAC~~,~~EAAA~~,~~YAAA~~,~~GACTK~~,~~oBAAW~~,~~GACXC~~,~~eAAO~~,~~KACPC~~,~~EAAQR~~,~~EAAAC~~,~~EAAA~~,~~WAAA~~,~~GACRQ~~,~~EAAUT~~,~~EAAAC~~,~~EAAA~~,~~aAAA~~,~~GACVS~~,~~EAAGV~~,~~EAAAC,~~EAAA,~~MAAA~~,~~GACHU~~,~~EAAGX~~,~~EAAAC~~,~~EAAA~~,~~MAAA~~,~~GACHW~~,~~EAASZ~~,~~EAAAC~~,~~EAAA~~,~~YAAA~~,~~GACTY~~,~~EAASb~~,~~EAAAC~~,~~EAAA,~~YAAA,~~GACTa~~,~~oBAAW~~,~~GACXC~~,~~qBAAa~~,~~iBACbC~~,~~uBAAc~~,~~GAEV~~,~~MAAAnB~~,~~EAAWoB~~,~~IACb~~,~~IAAAC~~,~~IAAqBf~~,~~GACrBgB~~,~~YAAwBH~~,~~MAAetB~~,~~uFAmDtC0B,~~EAAQC,MAAIC,EAAAC,~~GAAA~~,~~mCAbR~~,~~SAAQC~~,~~GACX,IAAA9B,EAAS8B,EAAEC,OAA4B/B,MACvCmB,KAA2B,WAAdV,MACdqB,EAAEC,OAA4B/B,MAAQA,EAAMgC,MAAM,EAAGb,KAE1D,wCC/EK,SAAgBc,~~EAAKC,EAAQC,GACnCC,GAAO,KACN,IAAIC,EAAUC,GAAQ,IAAMJ,EAAOD,EAAKE,QAAkB,KAwB1D,GAAIE,GAASE,QACZ,MAAO,IAA+BF,EAAe,SACxD,GAEA,~~YDyCSG~~,KAAIC,EAAGjB,~~wDAkDC1B~~,~~EAAUE~~,~~uDAQuBqB~~,~~kCAd3CI~~,~~IAAYG~~,~~EAAAc,~~GAAA,~~wEAnBD~~/B,~~gCAEVN~~,~~4IAZK~~,~~IAhDF~~,~~SACPsC~~,EACAC,EACA/B,EACAC,SAEM+B,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAATjC,GACFgC,EAAQC,KAAK,oBAGXhC,GACF+B,EAAQC,KAAK,6BAGX/B,~~KACF8B~~,EAAQC,KAAK,eAGRD,EAAQE,KAAK,IACtB,~~CAmBWC~~,CAAWtC,~~IAASC~~,~~IAAWE~~,~~IAAMC,oNAnElC,uKAGD,+CACJ,4WAOI,2DACE,4EACC~~","x_google_ignoreList":[1]}
1	+ {"version":3,"file":"Textinput.js","sources":["../../../src/components/textinput/Textinput.svelte","../../../node_modules/svelte/src/internal/client/dom/elements/actions.js"],"sourcesContent":["<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","/** @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"],"names":["__rest","this","s","e","_a","$.rest_props","$$props","name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","clearlabel","isclearable","events","inputType","displayClear","resetValue","console","log","$$slots","icon","$$render","consequent","dom","action","get_value","effect","payload","untrack","destroy","type","$.get","consequent_1","isValid","isInvalid","classes","push","join","getClasses"],"mappings":"2pLAEiB,IAAAA,EAAAC,MAAAA,KAAAD,QAAA,SAAAE,EAAAC,+TAuBX,IAAAC,EAAAC,EAAAC,EAAA,CAAA,UAAA,WAAA,WAAA,iBACFC,EAAIC,MACJA,EAAKC,YACLA,EAAWC,UACXA,EAAY,OAAMC,QAClBA,EAAOC,UACPA,EAASC,SACTA,GAAW,EAAKC,KAChBA,EAAO,IAAGC,SACVA,EAAQC,WACRA,EAAUC,IACVA,EAAGC,IACHA,EAAGC,UACHA,EAASC,UACTA,EAASC,SACTA,GAAW,EAAKC,WAChBA,EAAa,gBAAeC,YAC5BA,GAAc,GAAKnB,EAChBoB,EAAMxB,EAAAI,EAAA,CAlBP,OAAA,QAAA,cAAA,YAAA,UAAA,YAAA,WAAA,OAAA,WAAA,aAAA,MAAA,MAAA,YAAA,YAAA,WAAA,aAAA,gBAqBAqB,SAAqBf,IACrBgB,YAAwBH,IAAef,cAsClCmB,IACPC,QAAQC,IAAIrB,GACZA,EAAQ,EACV,gFAIKsB,EAAQC,MAAIC,EAAAC,EAAA,4DChFZ,SAAgBC,EAAKC,EAAQC,GACnCC,GAAO,KACN,IAAIC,EAAUC,GAAQ,IAAMJ,EAAOD,EAAKE,QAAkB,KAwB1D,GAAIE,GAASE,QACZ,MAAO,IAA+BF,EAAe,SACxD,GAEA,WDwCSG,KAAIC,EAAGjB,sDAuCCE,wBAQiCL,gCAd3CI,IAAYM,EAAAW,GAAA,6GAdD/B,YAEVL,gGASAiB,wBArBK,IA1CF,SACPoB,EACAC,EACA/B,EACAC,SAEM+B,EAAO,CAAI,gBAAiB,0BAE9BF,GACFE,EAAQC,KAAK,YAGXF,GACFC,EAAQC,KAAK,cAGF,MAATjC,GACFgC,EAAQC,KAAK,oBAGXhC,GACF+B,EAAQC,KAAK,6BAGX/B,GACF8B,EAAQC,KAAK,eAGRD,EAAQE,KAAK,IACtB,CAaWC,CAAWtC,EAASC,EAAWE,EAAMC","x_google_ignoreList":[1]}

package/public/components/textinput/Textinput.svelte CHANGED Viewed

@@ -1,8 +1,6 @@
 <svelte:options customElement="m-textinput" />
 <script lang="ts">
-  import { createEventDispatcher } from 'svelte';
   import type { TextInputSize, TextInputType } from './textinput.types';
   interface Props {
@@ -27,7 +25,7 @@
   let {
     name,
-    value = $bindable(),
+    value,
     placeholder,
     inputtype = 'text',
     isvalid,
@@ -43,8 +41,9 @@
     required = false,
     clearlabel = 'Clear content',
     isclearable = false,
+    ...events
   }: Props = $props();
-  const dispatch = createEventDispatcher();
   let inputType = $derived(inputtype);
   let displayClear = $derived(isclearable && value ? true : false);
@@ -84,14 +83,8 @@
     node.type = inputType;
   };
-  function onInput(e: Event) {
-    let value = (e.target as HTMLInputElement).value;
-    if (maxlength && inputtype === 'number') {
-      (e.target as HTMLInputElement).value = value.slice(0, maxlength);
-    }
-  }
   function resetValue() {
+    console.log(value);
     value = '';
   }
 </script>
@@ -117,12 +110,7 @@
     {maxlength}
     spellcheck="false"
     {required}
-    oninput={onInput}
-    onkeydown={(event) => {
-      if (event?.key === 'Enter') {
-        dispatch('submit-search', value);
-      }
-    }}
+    {...events}
   />
   <!-- Control options -->
   {#if displayClear}

package/public/components/toggle/Toggle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{O as e,c as a,p as l,a as t,b as r,P as o,t as s,g as v,k as i,d,h as g,i as c,j as h,r as n,f as m,s as p}from"../../custom-element-C0xaDU2s.js";import{i as f}from"../../if-B_xe8pYW.js";import{r as u,s as w,a as E}from"../../attributes-C2cU7aS9.js";function C(e,a,l){a(!a()),l("change",a())}var b=s('<span class="mc-toggle__label svelte-2vapv3"> </span>'),_=s('<div><label class="mc-toggle__container svelte-2vapv3"><input class="mc-toggle__input svelte-2vapv3" type="checkbox"> <!></label></div>');const k={hash:"svelte-2vapv3",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.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 x(e,a){l(a,!0),t(e,k);let s=r(a,"name",7),x=r(a,"checked",15),L=r(a,"disabled",7,!1),z=r(a,"size",7,"m"),P=r(a,"label",7),M=o();var B=_(),H=v(B),j=v(H);u(j),j.__click=[C,x,M];var y=i(j,2),$=e=>{var a=b(),l=v(a,!0);n(a),d((()=>m(l,P()))),g(e,a)};return f(y,(e=>{P()&&e($)})),n(H),n(B),d((()=>{p(B,1,`mc-toggle ${(P()?"":" mc-toggle--hide-label")??""} ${("m"===z()?" mc-toggle--m":"")??""}`,"svelte-2vapv3"),w(j,"id",s()),w(j,"name",s()),E(j,x()),j.disabled=L()})),g(e,B),c({get name(){return s()},set name(e){s(e),h()},get checked(){return x()},set checked(e){x(e),h()},get disabled(){return L()},set disabled(e=!1){L(e),h()},get size(){return z()},set size(e="m"){z(e),h()},get label(){return P()},set label(e){P(e),h()}})}e(["click"]),customElements.define("m-toggle",a(x,{name:{},checked:{},disabled:{},size:{},label:{}},[],[],!0));export{x as default};
+import{P as e,c as a,p as l,a as t,b as r,at as o,t as s,g as v,l as i,d,h as g,i as c,j as h,r as n,f as m,s as p}from"../../custom-element-D6iR2OWc.js";import{i as f}from"../../if-CxjAhvpF.js";import{r as u,a as w,b as E}from"../../attributes-Dd-ZbJDt.js";function C(e,a,l){a(!a()),l("change",a())}var b=s('<span class="mc-toggle__label svelte-2vapv3"> </span>'),_=s('<div><label class="mc-toggle__container svelte-2vapv3"><input class="mc-toggle__input svelte-2vapv3" type="checkbox"> <!></label></div>');const k={hash:"svelte-2vapv3",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.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 x(e,a){l(a,!0),t(e,k);let s=r(a,"name",7),x=r(a,"checked",15),L=r(a,"disabled",7,!1),z=r(a,"size",7,"m"),P=r(a,"label",7),M=o();var B=_(),H=v(B),j=v(H);u(j),j.__click=[C,x,M];var y=i(j,2),$=e=>{var a=b(),l=v(a,!0);n(a),d((()=>m(l,P()))),g(e,a)};return f(y,(e=>{P()&&e($)})),n(H),n(B),d((()=>{p(B,1,`mc-toggle ${(P()?"":" mc-toggle--hide-label")??""} ${("m"===z()?" mc-toggle--m":"")??""}`,"svelte-2vapv3"),w(j,"id",s()),w(j,"name",s()),E(j,x()),j.disabled=L()})),g(e,B),c({get name(){return s()},set name(e){s(e),h()},get checked(){return x()},set checked(e){x(e),h()},get disabled(){return L()},set disabled(e=!1){L(e),h()},get size(){return z()},set size(e="m"){z(e),h()},get label(){return P()},set label(e){P(e),h()}})}e(["click"]),customElements.define("m-toggle",a(x,{name:{},checked:{},disabled:{},size:{},label:{}},[],[],!0));export{x as default};
 //# sourceMappingURL=Toggle.js.map

package/public/components/toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
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":"~~0QAwBWA~~,EAAWC,EAAAC,EAAAC,GAClBD,GAAWA,KACXC,EAAS,SAAUD,IACrB,k5PAZEE,EAAIC,EAAAC,EAAA,OAAA,GACJJ,EAAOG,EAAAC,EAAA,UAAA,IACPC,oBAAW,GACXC,eAAO,KACPC,EAAKJ,EAAAC,EAAA,QAAA,GAGHH,EAAWO,4CAqBFV,EAAWE,EAAAC,0DAGYM,+BAD7BA,KAAKE,EAAAC,EAAA,0CAdOH,IAAmC,GAA3B,2BAA6B,OAAY,MAATD,IACvD,gBACA,KAAE,KAAA,0BAKEJ,qMArBK,+CACJ"}
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":"2QAwBWA,EAAWC,EAAAC,EAAAC,GAClBD,GAAWA,KACXC,EAAS,SAAUD,IACrB,k5PAZEE,EAAIC,EAAAC,EAAA,OAAA,GACJJ,EAAOG,EAAAC,EAAA,UAAA,IACPC,oBAAW,GACXC,eAAO,KACPC,EAAKJ,EAAAC,EAAA,QAAA,GAGHH,EAAWO,4CAqBFV,EAAWE,EAAAC,0DAGYM,+BAD7BA,KAAKE,EAAAC,EAAA,0CAdOH,IAAmC,GAA3B,2BAA6B,OAAY,MAATD,IACvD,gBACA,KAAE,KAAA,0BAKEJ,qMArBK,+CACJ"}

package/public/custom-element-D6iR2OWc.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "undefined"!=typeof window&&((window.__svelte??={}).v??=new Set).add("5");const e=1,t=2,n=4,r=8,o=16,s="[",l="[!",a="]",i={},u=Symbol(),c=Symbol("filename"),f=globalThis.process?.env?.NODE_ENV;var d=f&&!f.toLowerCase().startsWith("prod");const v=32,h=64,p=128,$=256,_=512,w=1024,y=2048,m=4096,g=8192,b=16384,x=65536,E=1<<18,k=1<<20,S=Symbol("$state"),O=Symbol("$state metadata"),P=Symbol("legacy props"),j=Symbol("");var C=Array.isArray,T=Array.prototype.indexOf,A=Array.from,L=Object.keys,N=Object.defineProperty,q=Object.getOwnPropertyDescriptor,M=Object.getOwnPropertyDescriptors,R=Object.prototype,D=Array.prototype,I=Object.getPrototypeOf;function B(e){return e()}function K(e){for(var t=0;t<e.length;t++)e[t]()}const W="undefined"==typeof requestIdleCallback?e=>setTimeout(e,1):requestIdleCallback;let V=[],F=[];function H(){var e=V;V=[],K(e)}function U(){var e=F;F=[],K(e)}function J(e){0===V.length&&queueMicrotask(H),V.push(e)}function z(e){0===F.length&&W(U),F.push(e)}function G(){V.length>0&&H(),F.length>0&&U()}function Q(e){return e===this.v}function X(e){return t=e,n=this.v,!(t!=t?n==n:t!==n\|\|null!==t&&"object"==typeof t\|\|"function"==typeof t);var t,n}function Y(){if(d){const e=new Error("bind_invalid_checkbox_value\nUsing `bind:value` together with a checkbox input is not allowed. Use `bind:checked` instead\nhttps://svelte.dev/e/bind_invalid_checkbox_value");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/bind_invalid_checkbox_value")}let Z=!1;function ee(){Z=!0}let te=new Set;function ne(e){te=e}function re(e,t){return{f:0,v:e,reactions:null,equals:Q,rv:0,wv:0}}function oe(e){return ae(re(e))}function se(e,t=!1){const n=re(e);return t\|\|(n.equals=X),Z&&null!==dn&&null!==dn.l&&(dn.l.s??=[]).push(n),n}function le(e,t=!1){return ae(se(e,t))}function ae(e){return null!==rt&&!ot&&2&rt.f&&(null===it?it=[e]:it.push(e)),e}function ie(e,t){return null!==rt&&!ot&&wn()&&18&rt.f&&(null===it\|\|!it.includes(e))&&function(){if(d){const e=new Error("state_unsafe_mutation\nUpdating state inside a derived or a template expression is forbidden. If the value should not be reactive, declare it without `$state`\nhttps://svelte.dev/e/state_unsafe_mutation");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/state_unsafe_mutation")}(),ue(e,t)}function ue(e,t){if(!e.equals(t)&&(e.v,e.v=t,e.wv=pt(),fe(e,y),wn()&&null!==lt&&lt.f&w&&!(96&lt.f)&&(null===ft?function(e){ft=e}([e]):ft.push(e)),d&&te.size>0)){const e=Array.from(te);for(const t of e)t.f&w&&qt(t,m),$t(t)&&Et(t);te.clear()}return t}function ce(e,t=1){var n=At(e),r=1===t?n++:n--;return ie(e,n),r}function fe(e,t){var n=e.reactions;if(null!==n)for(var r=wn(),o=n.length,s=0;s<o;s++){var l=n[s],a=l.f;a&y\|\|(r\|\|l!==lt)&&(d&&a&E?te.add(l):(qt(l,t),1280&a&&(2&a?fe(l,m):jt(l))))}}function de(e){var t=2050,n=null!==rt&&2&rt.f?rt:null;null===lt\|\|null!==n&&n.f&$?t\|=$:lt.f\|=k;return{ctx:dn,deps:null,effects:null,equals:Q,f:t,fn:e,reactions:null,rv:0,v:null,wv:0,parent:n??lt}}function ve(e){const t=de(e);return t.equals=X,t}function he(e){var t=e.effects;if(null!==t){e.effects=null;for(var n=0;n<t.length;n+=1)Yt(t[n])}}let pe=[];function $e(e){var t,n=lt;if(at(function(e){for(var t=e.parent;null!==t;){if(!(2&t.f))return t;t=t.parent}return null}(e)),d){let r=te;ne(new Set);try{pe.includes(e)&&function(){if(d){const e=new Error("derived_references_self\nA derived value cannot reference itself recursively\nhttps://svelte.dev/e/derived_references_self");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/derived_references_self")}(),pe.push(e),he(e),t=gt(e)}finally{at(n),ne(r),pe.pop()}}else try{he(e),t=gt(e)}finally{at(n)}return t}function _e(e){var t=$e(e);qt(e,(ht\|\|e.f&$)&&null!==e.deps?m:w),e.equals(t)\|\|(e.v=t,e.wv=pt())}var we="font-weight: bold",ye="font-weight: normal";function me(e,t,n){d?console.warn(`%c[svelte] hydration_attribute_changed\n%cThe \`${e}\` attribute on \`${t}\` changed its value between server and client renders. The client value, \`${n}\`, will be ignored in favour of the server value\nhttps://svelte.dev/e/hydration_attribute_changed`,we,ye):console.warn("https://svelte.dev/e/hydration_attribute_changed")}function ge(e){d?console.warn(`%c[svelte] hydration_html_changed\n%c${e?`The value of an \`{@html ...}\` block ${e} changed between server and client renders. The client value will be ignored in favour of the server value`:"The value of an `{@html ...}` block changed between server and client renders. The client value will be ignored in favour of the server value"}\nhttps://svelte.dev/e/hydration_html_changed`,we,ye):console.warn("https://svelte.dev/e/hydration_html_changed")}function be(e){d?console.warn("%c[svelte] hydration_mismatch\n%cHydration failed because the initial UI does not match what was rendered on the server\nhttps://svelte.dev/e/hydration_mismatch",we,ye):console.warn("https://svelte.dev/e/hydration_mismatch")}function xe(e,t){d?console.warn(`%c[svelte] ownership_invalid_mutation\n%c${e?`${e} mutated a value owned by ${t}. This is strongly discouraged. Consider passing values to child components with \`bind:\`, or use a callback instead`:"Mutating a value outside the component that created it is strongly discouraged. Consider passing values to child components with `bind:`, or use a callback instead"}\nhttps://svelte.dev/e/ownership_invalid_mutation`,we,ye):console.warn("https://svelte.dev/e/ownership_invalid_mutation")}function Ee(e){d?console.warn(`%c[svelte] state_proxy_equality_mismatch\n%cReactive \`$state(...)\` proxies and the values they proxy have different identities. Because of this, comparisons with \`${e}\` will produce unexpected results\nhttps://svelte.dev/e/state_proxy_equality_mismatch`,we,ye):console.warn("https://svelte.dev/e/state_proxy_equality_mismatch")}let ke,Se=!1;function Oe(e){Se=e}function Pe(e){if(null===e)throw be(),i;return ke=e}function je(){return Pe(Ve(ke))}function Ce(e){if(Se){if(null!==Ve(ke))throw be(),i;ke=e}}function Te(){for(var e=0,t=ke;;){if(8===t.nodeType){var n=t.data;if("]"===n){if(0===e)return t;e-=1}else"["!==n&&"[!"!==n\|\|(e+=1)}var r=Ve(t);t.remove(),t=r}}function Ae(e,t=null,n){if("object"!=typeof e\|\|null===e\|\|S in e)return e;const r=I(e);if(r!==R&&r!==D)return e;var o,s=new Map,l=C(e),a=re(0);return l&&s.set("length",re(e.length)),d&&((o={parent:t,owners:null}).owners=null===t?null!==dn?new Set([dn.function]):null:new Set),new Proxy(e,{defineProperty(e,t,n){"value"in n&&!1!==n.configurable&&!1!==n.enumerable&&!1!==n.writable\|\|function(){if(d){const e=new Error("state_descriptors_fixed\nProperty descriptors defined on `$state` objects must contain `value` and always be `enumerable`, `configurable` and `writable`.\nhttps://svelte.dev/e/state_descriptors_fixed");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/state_descriptors_fixed")}();var r=s.get(t);return void 0===r?(r=re(n.value),s.set(t,r)):ie(r,Ae(n.value,o)),!0},deleteProperty(e,t){var n=s.get(t);if(void 0===n)t in e&&s.set(t,re(u));else{if(l&&"string"==typeof t){var r=s.get("length"),o=Number(t);Number.isInteger(o)&&o<r.v&&ie(r,o)}ie(n,u),Le(a)}return!0},get(t,n,r){if(d&&n===O)return o;if(n===S)return e;var l=s.get(n),a=n in t;if(void 0!==l\|\|a&&!q(t,n)?.writable\|\|(l=re(Ae(a?t[n]:u,o)),s.set(n,l)),void 0!==l){var i=At(l);if(d){var c=i?.[O];c&&c?.parent!==o&&un(o,c)}return i===u?void 0:i}return Reflect.get(t,n,r)},getOwnPropertyDescriptor(e,t){var n=Reflect.getOwnPropertyDescriptor(e,t);if(n&&"value"in n){var r=s.get(t);r&&(n.value=At(r))}else if(void 0===n){var o=s.get(t),l=o?.v;if(void 0!==o&&l!==u)return{enumerable:!0,configurable:!0,value:l,writable:!0}}return n},has(e,t){if(d&&t===O)return!0;if(t===S)return!0;var n=s.get(t),r=void 0!==n&&n.v!==u\|\|Reflect.has(e,t);if((void 0!==n\|\|null!==lt&&(!r\|\|q(e,t)?.writable))&&(void 0===n&&(n=re(r?Ae(e[t],o):u),s.set(t,n)),At(n)===u))return!1;return r},set(e,t,n,r){var i=s.get(t),f=t in e;if(l&&"length"===t)for(var v=n;v<i.v;v+=1){var h=s.get(v+"");void 0!==h?ie(h,u):v in e&&(h=re(u),s.set(v+"",h))}if(void 0===i?f&&!q(e,t)?.writable\|\|(ie(i=re(void 0),Ae(n,o)),s.set(t,i)):(f=i.v!==u,ie(i,Ae(n,o))),d){var p=n?.[O];p&&p?.parent!==o&&un(o,p),function(e){const t=function(){const e=function(){const e=(new Error).stack;if(!e)return null;const t=[];for(const n of e.split("\n")){let e=ln.exec(n)??an.exec(n);e&&t.push({file:e[1],line:+e[2],column:+e[3]})}return t}()?.slice(4);if(!e)return null;for(let t=0;t<e.length;t++){const n=e[t],r=sn[n.file];if(r)for(const e of r){if(null==e.end)return null;if(e.start.line<n.line&&e.end.line>n.line)return e.component}else if(0===t)return null}return null}();if(t&&!cn(e,t)){let n=fn(e);n[c]!==t[c]?xe(t[c],n[c]):xe()}}(o)}var $=Reflect.getOwnPropertyDescriptor(e,t);if($?.set&&$.set.call(r,n),!f){if(l&&"string"==typeof t){var _=s.get("length"),w=Number(t);Number.isInteger(w)&&w>=_.v&&ie(_,w+1)}Le(a)}return!0},ownKeys(e){At(a);var t=Reflect.ownKeys(e).filter((e=>{var t=s.get(e);return void 0===t\|\|t.v!==u}));for(var[n,r]of s)r.v===u\|\|n in e\|\|t.push(n);return t},setPrototypeOf(){!function(){if(d){const e=new Error("state_prototype_fixed\nCannot set prototype of `$state` object\nhttps://svelte.dev/e/state_prototype_fixed");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/state_prototype_fixed")}()}})}function Le(e,t=1){ie(e,e.v+t)}function Ne(e){return null!==e&&"object"==typeof e&&S in e?e[S]:e}function qe(e,t){return Object.is(Ne(e),Ne(t))}var Me,Re,De,Ie;function Be(){if(void 0===Me){Me=window,Re=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype;De=q(t,"firstChild").get,Ie=q(t,"nextSibling").get,e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__styles=null,e.__e=void 0,Text.prototype.__t=void 0,d&&(e.__svelte_meta=null,function(){const e=Array.prototype,t=Array.__svelte_cleanup;t&&t();const{indexOf:n,lastIndexOf:r,includes:o}=e;e.indexOf=function(e,t){const r=n.call(this,e,t);if(-1===r)for(let n=t??0;n<this.length;n+=1)if(Ne(this[n])===e){Ee("array.indexOf(...)");break}return r},e.lastIndexOf=function(e,t){const n=r.call(this,e,t??this.length-1);if(-1===n)for(let n=0;n<=(t??this.length-1);n+=1)if(Ne(this[n])===e){Ee("array.lastIndexOf(...)");break}return n},e.includes=function(e,t){const n=o.call(this,e,t);if(!n)for(let t=0;t<this.length;t+=1)if(Ne(this[t])===e){Ee("array.includes(...)");break}return n},Array.__svelte_cleanup=()=>{e.indexOf=n,e.lastIndexOf=r,e.includes=o}}())}}function Ke(e=""){return document.createTextNode(e)}function We(e){return De.call(e)}function Ve(e){return Ie.call(e)}function Fe(e,t){if(!Se)return We(e);var n=We(ke);if(null===n)n=ke.appendChild(Ke());else if(t&&3!==n.nodeType){var r=Ke();return n?.before(r),Pe(r),r}return Pe(n),n}function He(e,t){if(!Se){var n=We(e);return n instanceof Comment&&""===n.data?Ve(n):n}return ke}function Ue(e,t=1,n=!1){let r=Se?ke:e;for(var o;t--;)o=r,r=Ve(r);if(!Se)return r;var s=r?.nodeType;if(n&&3!==s){var l=Ke();return null===r?o?.after(l):r.before(l),Pe(l),l}return Pe(r),r}function Je(e){e.textContent=""}const ze=new WeakSet;let Ge=!1,Qe=!1,Xe=null,Ye=!1,Ze=!1;function et(e){Ze=e}let tt=[],nt=[],rt=null,ot=!1;function st(e){rt=e}let lt=null;function at(e){lt=e}let it=null;let ut=null,ct=0,ft=null;let dt=1,vt=0,ht=!1;function pt(){return++dt}function $t(e){var t=e.f;if(t&y)return!0;if(t&m){var n=e.deps,r=!!(t&$);if(null!==n){var o,s,l=!!(t&_),a=r&&null!==lt&&!ht,i=n.length;if(l\|\|a){var u=e,c=u.parent;for(o=0;o<i;o++)s=n[o],!l&&s?.reactions?.includes(u)\|\|(s.reactions??=[]).push(u);l&&(u.f^=_),!a\|\|null===c\|\|c.f&$\|\|(u.f^=$)}for(o=0;o<i;o++)if($t(s=n[o])&&_e(s),s.wv>e.wv)return!0}r&&(null===lt\|\|ht)\|\|qt(e,w)}return!1}function _t(e,t){for(var n=t;null!==n;){if(n.f&p)try{return void n.fn(e)}catch{n.f^=p}n=n.parent}throw Ge=!1,e}function wt(e){return!(e.f&b\|\|null!==e.parent&&e.parent.f&p)}function yt(e,t,n,r){if(Ge){if(null===n&&(Ge=!1),wt(t))throw e;return}if(null!==n&&(Ge=!0),!d\|\|null===r\|\|!(e instanceof Error)\|\|ze.has(e))return void _t(e,t);ze.add(e);const o=[],s=t.fn?.name;s&&o.push(s);let l=r;for(;null!==l;){if(d){var a=l.function?.[c];if(a){const e=a.split("/").pop();o.push(e)}}l=l.p}const i=Re?" ":"\t";N(e,"message",{value:e.message+`\n${o.map((e=>`\n${i}in ${e}`)).join("")}\n`}),N(e,"component_stack",{value:o});const u=e.stack;if(u){const t=u.split("\n"),n=[];for(let e=0;e<t.length;e++){const r=t[e];r.includes("svelte/src/internal")\|\|n.push(r)}N(e,"stack",{value:n.join("\n")})}if(_t(e,t),wt(t))throw e}function mt(e,t,n=!0){var r=e.reactions;if(null!==r)for(var o=0;o<r.length;o++){var s=r[o];2&s.f?mt(s,t,!1):t===s&&(n?qt(s,y):s.f&w&&qt(s,m),jt(s))}}function gt(e){var t=ut,n=ct,r=ft,o=rt,s=ht,l=it,a=dn,i=ot,u=e.f;ut=null,ct=0,ft=null,ht=!!(u&$)&&(ot\|\|!Ye\|\|null===rt),rt=96&u?null:e,it=null,vn(e.ctx),ot=!1,vt++;try{var c=(0,e.fn)(),f=e.deps;if(null!==ut){var d;if(xt(e,ct),null!==f&&ct>0)for(f.length=ct+ut.length,d=0;d<ut.length;d++)f[ct+d]=ut[d];else e.deps=f=ut;if(!ht)for(d=ct;d<f.length;d++)(f[d].reactions??=[]).push(e)}else null!==f&&ct<f.length&&(xt(e,ct),f.length=ct);if(wn()&&null!==ft&&!ot&&null!==f&&!(6146&e.f))for(d=0;d<ft.length;d++)mt(ft[d],e);return null!==o&&vt++,c}finally{ut=t,ct=n,ft=r,rt=o,ht=s,it=l,vn(a),ot=i}}function bt(e,t){let n=t.reactions;if(null!==n){var r=T.call(n,e);if(-1!==r){var o=n.length-1;0===o?n=t.reactions=null:(n[r]=n[o],n.pop())}}null===n&&2&t.f&&(null===ut\|\|!ut.includes(t))&&(qt(t,m),768&t.f\|\|(t.f^=_),he(t),xt(t,0))}function xt(e,t){var n=e.deps;if(null!==n)for(var r=t;r<n.length;r++)bt(e,n[r])}function Et(e){var t=e.f;if(!(t&b)){qt(e,w);var n=lt,r=dn,o=Ye;if(lt=e,Ye=!0,d){var s=hn;pn(e.component_function)}try{16&t?function(e){var t=e.first;for(;null!==t;){var n=t.next;t.f&v\|\|Yt(t),t=n}}(e):Xt(e),Qt(e);var l=gt(e);e.teardown="function"==typeof l?l:null,e.wv=dt;e.deps;0,d&&nt.push(e)}catch(t){yt(t,e,n,r\|\|e.ctx)}finally{Ye=o,lt=n,d&&pn(s)}}}function kt(){console.error("Last ten effects were: ",nt.slice(-10).map((e=>e.fn))),nt=[]}function St(){try{!function(){if(d){const e=new Error("effect_update_depth_exceeded\nMaximum update depth exceeded. This can happen when a reactive block or effect repeatedly sets a new value. Svelte limits the number of nested updates to prevent infinite loops\nhttps://svelte.dev/e/effect_update_depth_exceeded");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}()}catch(e){if(d&&N(e,"stack",{value:""}),null===Xe)throw d&&kt(),e;if(d)try{yt(e,Xe,null,null)}catch(e){throw kt(),e}else yt(e,Xe,null,null)}}function Ot(){try{for(var e=0;tt.length>0;){e++>1e3&&St();var t=tt,n=t.length;tt=[];for(var r=0;r<n;r++){var o=t[r];o.f&w\|\|(o.f^=w),Pt(Ct(o))}}}finally{Qe=!1,Xe=null,d&&(nt=[])}}function Pt(e){var t=e.length;if(0!==t)for(var n=0;n<t;n++){var r=e[n];if(!(24576&r.f))try{$t(r)&&(Et(r),null===r.deps&&null===r.first&&null===r.nodes_start&&(null===r.teardown?Zt(r):r.fn=null))}catch(e){yt(e,r,null,r.ctx)}}}function jt(e){Qe\|\|(Qe=!0,queueMicrotask(Ot));for(var t=Xe=e;null!==t.parent;){var n=(t=t.parent).f;if(96&n){if(!(n&w))return;t.f^=w}}tt.push(t)}function Ct(e){for(var t=[],n=e.first;null!==n;){var r=n.f,o=!!(r&v);if(!(o&&!!(r&w)\|\|r&g)){if(4&r)t.push(n);else if(o)n.f^=w;else{var s=rt;try{rt=n,$t(n)&&Et(n)}catch(e){yt(e,n,null,n.ctx)}finally{rt=s}}var l=n.first;if(null!==l){n=l;continue}}var a=n.parent;for(n=n.next;null===n&&null!==a;)n=a.next,a=a.parent}return t}function Tt(e){for(G();tt.length>0;)Qe=!0,Ot(),G()}function At(e){var t=!!(2&e.f);if(null===rt\|\|ot){if(t&&null===e.deps&&null===e.effects){var n=e,r=n.parent;null===r\|\|r.f&$\|\|(n.f^=$)}}else{null!==it&&it.includes(e)&&function(){if(d){const e=new Error("state_unsafe_local_read\nReading state that was created inside the same derived is forbidden. Consider using `untrack` to read locally created state\nhttps://svelte.dev/e/state_unsafe_local_read");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/state_unsafe_local_read")}();var o=rt.deps;e.rv<vt&&(e.rv=vt,null===ut&&null!==o&&o[ct]===e?ct++:null===ut?ut=[e]:ht&&ut.includes(e)\|\|ut.push(e))}return t&&$t(n=e)&&_e(n),e.v}function Lt(e){var t=ot;try{return ot=!0,e()}finally{ot=t}}const Nt=-7169;function qt(e,t){e.f=e.f&Nt\|t}function Mt(e){if("object"==typeof e&&e&&!(e instanceof EventTarget))if(S in e)Rt(e);else if(!Array.isArray(e))for(let t in e){const n=e[t];"object"==typeof n&&n&&S in n&&Rt(n)}}function Rt(e,t=new Set){if(!("object"!=typeof e\|\|null===e\|\|e instanceof EventTarget\|\|t.has(e))){t.add(e),e instanceof Date&&e.getTime();for(let n in e)try{Rt(e[n],t)}catch(e){}const n=I(e);if(n!==Object.prototype&&n!==Array.prototype&&n!==Map.prototype&&n!==Set.prototype&&n!==Date.prototype){const t=M(n);for(let n in t){const r=t[n].get;if(r)try{r.call(e)}catch(e){}}}}}function Dt(e){null===lt&&null===rt&&function(e){if(d){const t=new Error(`effect_orphan\n\`${e}\` can only be used inside an effect (e.g. during component initialisation)\nhttps://svelte.dev/e/effect_orphan`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/effect_orphan")}(e),null!==rt&&rt.f&$&&null===lt&&function(){if(d){const e=new Error("effect_in_unowned_derived\nEffect cannot be created inside a `$derived` value that was not itself created inside an effect\nhttps://svelte.dev/e/effect_in_unowned_derived");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}(),Ze&&function(e){if(d){const t=new Error(`effect_in_teardown\n\`${e}\` cannot be used inside an effect cleanup function\nhttps://svelte.dev/e/effect_in_teardown`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/effect_in_teardown")}(e)}function It(e,t,n,r=!0){var o=!!(e&h),s=lt;if(d)for(;null!==s&&s.f&E;)s=s.parent;var l={ctx:dn,deps:null,nodes_start:null,nodes_end:null,f:e\|y,first:null,fn:t,last:null,next:null,parent:o?null:s,prev:null,teardown:null,transitions:null,wv:0};if(d&&(l.component_function=hn),n)try{Et(l),l.f\|=32768}catch(e){throw Yt(l),e}else null!==t&&jt(l);if(!(n&&null===l.deps&&null===l.first&&null===l.nodes_start&&null===l.teardown&&!(1048704&l.f))&&!o&&r&&(null!==s&&function(e,t){var n=t.last;null===n?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}(l,s),null!==rt&&2&rt.f)){var a=rt;(a.effects??=[]).push(l)}return l}function Bt(e){const t=It(8,null,!1);return qt(t,w),t.teardown=e,t}function Kt(e){Dt("$effect");var t=null!==lt&&!!(lt.f&v)&&null!==dn&&!dn.m;if(d&&N(e,"name",{value:"$effect"}),!t)return Vt(e);var n=dn;(n.e??=[]).push({fn:e,effect:lt,reaction:rt})}function Wt(e){return Dt("$effect.pre"),d&&N(e,"name",{value:"$effect.pre"}),Ut(e)}function Vt(e){return It(4,e,!1)}function Ft(e,t){var n=dn,r={effect:null,ran:!1};n.l.r1.push(r),r.effect=Ut((()=>{e(),r.ran\|\|(r.ran=!0,ie(n.l.r2,!0),Lt(t))}))}function Ht(){var e=dn;Ut((()=>{if(At(e.l.r2)){for(var t of e.l.r1){var n=t.effect;n.f&w&&qt(n,m),$t(n)&&Et(n),t.ran=!1}e.l.r2.v=!1}}))}function Ut(e){return It(8,e,!0)}function Jt(e,t=[],n=de){const r=t.map(n),o=()=>e(...r.map(At));return d&&N(o,"name",{value:"{expression}"}),zt(o)}function zt(e,t=0){return It(24\|t,e,!0)}function Gt(e,t=!0){return It(40,e,!0,t)}function Qt(e){var t=e.teardown;if(null!==t){const e=Ze,n=rt;et(!0),st(null);try{t.call(null)}finally{et(e),st(n)}}}function Xt(e,t=!1){var n=e.first;for(e.first=e.last=null;null!==n;){var r=n.next;Yt(n,t),n=r}}function Yt(e,t=!0){var n=!1;if((t\|\|524288&e.f)&&null!==e.nodes_start){for(var r=e.nodes_start,o=e.nodes_end;null!==r;){var s=r===o?null:Ve(r);r.remove(),r=s}n=!0}Xt(e,t&&!n),xt(e,0),qt(e,b);var l=e.transitions;if(null!==l)for(const e of l)e.stop();Qt(e);var a=e.parent;null!==a&&null!==a.first&&Zt(e),d&&(e.component_function=null),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes_start=e.nodes_end=null}function Zt(e){var t=e.parent,n=e.prev,r=e.next;null!==n&&(n.next=r),null!==r&&(r.prev=n),null!==t&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function en(e,t){var n=[];nn(e,n,!0),tn(n,(()=>{Yt(e),t&&t()}))}function tn(e,t){var n=e.length;if(n>0){var r=()=>--n\|\|t();for(var o of e)o.out(r)}else t()}function nn(e,t,n){if(!(e.f&g)){if(e.f^=g,null!==e.transitions)for(const r of e.transitions)(r.is_global\|\|n)&&t.push(r);for(var r=e.first;null!==r;){var o=r.next;nn(r,t,!!(!!(r.f&x)\|\|!!(r.f&v))&&n),r=o}}}function rn(e){on(e,!0)}function on(e,t){if(e.f&g){e.f^=g,e.f&w\|\|(e.f^=w),$t(e)&&(qt(e,y),jt(e));for(var n=e.first;null!==n;){var r=n.next;on(n,!!(!!(n.f&x)\|\|!!(n.f&v))&&t),n=r}if(null!==e.transitions)for(const n of e.transitions)(n.is_global\|\|t)&&n.in()}}const sn={},ln=/at (?:.+ $)?(.+):(\d+):(\d+)$?$/,an=/@(.+):(\d+):(\d+)$/;function un(e,t){if(null!==t.owners)for(;e;){if(null===e.owners){t.owners=null;break}for(const n of e.owners)t.owners.add(n);e=e.parent}}function cn(e,t){return null===e.owners\|\|(e.owners.has(t)\|\|c in t&&[...e.owners].some((e=>e[c]===t[c]))\|\|null!==e.parent&&cn(e.parent,t))}function fn(e){return e?.owners?.values().next().value??fn(e.parent)}let dn=null;function vn(e){dn=e}let hn=null;function pn(e){hn=e}function $n(e,t=!1,n){dn={p:dn,c:null,e:null,m:!1,s:e,x:null,l:null},Z&&!t&&(dn.l={s:null,u:null,r1:[],r2:re(!1)}),d&&(dn.function=n,hn=n)}function _n(e){const t=dn;if(null!==t){void 0!==e&&(t.x=e);const l=t.e;if(null!==l){var n=lt,r=rt;t.e=null;try{for(var o=0;o<l.length;o++){var s=l[o];at(s.effect),st(s.reaction),Vt(s.fn)}}finally{at(n),st(r)}}dn=t.p,d&&(hn=t.p?.function??null),t.m=!0}return e\|\|{}}function wn(){return!Z\|\|null!==dn&&null===dn.l}const yn=/\r/g;function mn(e){let t=5381,n=(e=e.replace(yn,"")).length;for(;n--;)t=(t<<5)-t^e.charCodeAt(n);return(t>>>0).toString(36)}function gn(e){return e.endsWith("capture")&&"gotpointercapture"!==e&&"lostpointercapture"!==e}const bn=["beforeinput","click","change","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"];function xn(e){return bn.includes(e)}const En={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 kn(e){return e=e.toLowerCase(),En[e]??e}const Sn=["touchstart","touchmove"];function On(e){return e?.replace(/\//g,"/")}var Pn=new Map;function jn(e,t){if(t){const t=document.body;e.autofocus=!0,J((()=>{document.activeElement===t&&e.focus()}))}}function Cn(e){Se&&null!==We(e)&&Je(e)}let Tn=!1;function An(){Tn\|\|(Tn=!0,document.addEventListener("reset",(e=>{Promise.resolve().then((()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t.__on_r?.()}))}),{capture:!0}))}function Ln(e){var t=rt,n=lt;st(null),at(null);try{return e()}finally{st(t),at(n)}}function Nn(e,t,n,r=n){e.addEventListener(t,(()=>Ln(n)));const o=e.__on_r;e.__on_r=o?()=>{o(),r(!0)}:()=>r(!0),An()}const qn=new Set,Mn=new Set;function Rn(e,t,n,r={}){function o(e){if(r.capture\|\|Bn.call(t,e),!e.cancelBubble)return Ln((()=>n?.call(this,e)))}return e.startsWith("pointer")\|\|e.startsWith("touch")\|\|"wheel"===e?J((()=>{t.addEventListener(e,o,r)})):t.addEventListener(e,o,r),o}function Dn(e,t,n,r,o){var s={capture:r,passive:o},l=Rn(e,t,n,s);t!==document.body&&t!==window&&t!==document\|\|Bt((()=>{t.removeEventListener(e,l,s)}))}function In(e){for(var t=0;t<e.length;t++)qn.add(e[t]);for(var n of Mn)n(e)}function Bn(e){var t=this,n=t.ownerDocument,r=e.type,o=e.composedPath?.()\|\|[],s=o[0]\|\|e.target,l=0,a=e.__root;if(a){var i=o.indexOf(a);if(-1!==i&&(t===document\|\|t===window))return void(e.__root=t);var u=o.indexOf(t);if(-1===u)return;i<=u&&(l=i)}if((s=o[l]\|\|e.target)!==t){N(e,"currentTarget",{configurable:!0,get:()=>s\|\|n});var c=rt,f=lt;st(null),at(null);try{for(var d,v=[];null!==s;){var h=s.assignedSlot\|\|s.parentNode\|\|s.host\|\|null;try{var p=s["__"+r];if(void 0!==p&&(!s.disabled\|\|e.target===s))if(C(p)){var[$,..._]=p;$.apply(s,[e,..._])}else p.call(s,e)}catch(e){d?v.push(e):d=e}if(e.cancelBubble\|\|h===t\|\|null===h)break;s=h}if(d){for(let e of v)queueMicrotask((()=>{throw e}));throw d}}finally{e.__root=t,delete e.currentTarget,st(c),at(f)}}}function Kn(e){var t=document.createElement("template");return t.innerHTML=e,t.content}function Wn(e,t){var n=lt;null===n.nodes_start&&(n.nodes_start=e,n.nodes_end=t)}function Vn(e,t){var n,r=!!(1&t),o=!!(2&t),s=!e.startsWith("<!>");return()=>{if(Se)return Wn(ke,null),ke;void 0===n&&(n=Kn(s?e:"<!>"+e),r\|\|(n=We(n)));var t=o\|\|Re?document.importNode(n,!0):n.cloneNode(!0);r?Wn(We(t),t.lastChild):Wn(t,t);return t}}function Fn(){if(Se)return Wn(ke,null),ke;var e=document.createDocumentFragment(),t=document.createComment(""),n=Ke();return e.append(t,n),Wn(t,n),e}function Hn(e,t){if(Se)return lt.nodes_end=ke,void je();null!==e&&e.before(t)}function Un(e,t){var n=null==t?"":"object"==typeof t?t+"":t;n!==(e.__t??=e.nodeValue)&&(e.__t=n,e.nodeValue=n+"")}function Jn(e,t){return Qn(e,t)}function zn(e,t){Be(),t.intro=t.intro??!1;const n=t.target,r=Se,o=ke;try{for(var s=We(n);s&&(8!==s.nodeType\|\|"["!==s.data);)s=Ve(s);if(!s)throw i;Oe(!0),Pe(s),je();const r=Qn(e,{...t,anchor:s});if(null===ke\|\|8!==ke.nodeType\|\|"]"!==ke.data)throw be(),i;return Oe(!1),r}catch(r){if(r===i)return!1===t.recover&&function(){if(d){const e=new Error("hydration_failed\nFailed to hydrate the application\nhttps://svelte.dev/e/hydration_failed");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/hydration_failed")}(),Be(),Je(n),Oe(!1),Jn(e,t);throw r}finally{Oe(r),Pe(o)}}const Gn=new Map;function Qn(e,{target:t,anchor:n,props:r={},events:o,context:s,intro:l=!0}){Be();var a=new Set,i=e=>{for(var n=0;n<e.length;n++){var r=e[n];if(!a.has(r)){a.add(r);var o=(l=r,Sn.includes(l));t.addEventListener(r,Bn,{passive:o});var s=Gn.get(r);void 0===s?(document.addEventListener(r,Bn,{passive:o}),Gn.set(r,1)):Gn.set(r,s+1)}}var l};i(A(qn)),Mn.add(i);var u=void 0,c=function(e){const t=It(h,e,!0);return(e={})=>new Promise((n=>{e.outro?en(t,(()=>{Yt(t),n(void 0)})):(Yt(t),n(void 0))}))}((()=>{var l=n??t.appendChild(Ke());return Gt((()=>{s&&($n({}),dn.c=s);o&&(r.$$events=o),Se&&Wn(l,null),u=e(l,r)\|\|{},Se&&(lt.nodes_end=ke),s&&_n()})),()=>{for(var e of a){t.removeEventListener(e,Bn);var r=Gn.get(e);0==--r?(document.removeEventListener(e,Bn),Gn.delete(e)):Gn.set(e,r)}Mn.delete(i),l!==n&&l.parentNode?.removeChild(l)}}));return Xn.set(u,c),u}let Xn=new WeakMap;function Yn(e,t){const n=Xn.get(e);return n?(Xn.delete(e),n(t)):(d&&(d?console.warn("%c[svelte] lifecycle_double_unmount\n%cTried to unmount a component that was not mounted\nhttps://svelte.dev/e/lifecycle_double_unmount",we,ye):console.warn("https://svelte.dev/e/lifecycle_double_unmount")),Promise.resolve())}function Zn(e,t){J((()=>{var n=e.getRootNode(),r=n.host?n:n.head??n.ownerDocument.head;if(!r.querySelector("#"+t.hash)){const e=document.createElement("style");e.id=t.hash,e.textContent=t.code,r.appendChild(e),d&&function(e,t){var n=Pn.get(e);n\|\|(n=new Set,Pn.set(e,n)),n.add(t)}(t.hash,e)}}))}function er(e){var t,n,r="";if("string"==typeof e\|\|"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=er(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function tr(e){return"object"==typeof e?function(){for(var e,t,n=0,r="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=er(e))&&(r&&(r+=" "),r+=t);return r}(e):e??""}const nr=[..." \t\n\r\f \v\ufeff"];function rr(e,t,n,r,o,s){var l=e.__className;if(Se\|\|l!==n){var a=function(e,t,n){var r=null==e?"":""+e;if(t&&(r=r?r+" "+t:t),n)for(var o in n)if(n[o])r=r?r+" "+o:o;else if(r.length)for(var s=o.length,l=0;(l=r.indexOf(o,l))>=0;){var a=l+s;0!==l&&!nr.includes(r[l-1])\|\|a!==r.length&&!nr.includes(r[a])?l=a:r=(0===l?"":r.substring(0,l))+r.substring(a+1)}return""===r?null:r}(n,r,s);Se&&a===e.getAttribute("class")\|\|(null==a?e.removeAttribute("class"):t?e.className=a:e.setAttribute("class",a)),e.__className=n}else if(s)for(var i in s){var u=!!s[i];null!=o&&u===!!o[i]\|\|e.classList.toggle(i,u)}return s}if(d){function pr(e){if(!(e in globalThis)){let t;Object.defineProperty(globalThis,e,{configurable:!0,get:()=>{if(void 0!==t)return t;!function(e){if(d){const t=new Error(`rune_outside_svelte\nThe \`${e}\` rune is only available inside \`.svelte\` and \`.svelte.js/ts\` files\nhttps://svelte.dev/e/rune_outside_svelte`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/rune_outside_svelte")}(e)},set:e=>{t=e}})}}pr("$state"),pr("$effect"),pr("$derived"),pr("$inspect"),pr("$props"),pr("$bindable")}function or(){const e=dn;return null===e&&function(e){if(d){const t=new Error(`lifecycle_outside_component\n\`${e}(...)\` can only be used during component initialisation\nhttps://svelte.dev/e/lifecycle_outside_component`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/lifecycle_outside_component")}("createEventDispatcher"),(t,n,r)=>{const o=e.s.$$events?.[t];if(o){const s=C(o)?o.slice():[o],l=function(e,t,{bubbles:n=!1,cancelable:r=!1}={}){return new CustomEvent(e,{detail:t,bubbles:n,cancelable:r})}(t,n,r);for(const t of s)t.call(e.x,l);return!l.defaultPrevented}return!0}}let sr=!1;const lr={get(e,t){if(!e.exclude.includes(t))return e.props[t]},set:(e,t)=>(d&&function(e){if(d){const t=new Error(`props_rest_readonly\nRest element properties of \`$props()\` such as \`${e}\` are readonly\nhttps://svelte.dev/e/props_rest_readonly`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/props_rest_readonly")}(`${e.name}.${String(t)}`),!1),getOwnPropertyDescriptor(e,t){if(!e.exclude.includes(t))return t in e.props?{enumerable:!0,configurable:!0,value:e.props[t]}:void 0},has:(e,t)=>!e.exclude.includes(t)&&t in e.props,ownKeys:e=>Reflect.ownKeys(e.props).filter((t=>!e.exclude.includes(t)))};function ar(e,t,n){return new Proxy(d?{props:e,exclude:t,name:n,other:{},to_proxy:[]}:{props:e,exclude:t},lr)}const ir={get(e,t){if(!e.exclude.includes(t))return At(e.version),t in e.special?e.special[t]():e.props[t]},set:(e,t,n)=>(t in e.special\|\|(e.special[t]=cr({get[t](){return e.props[t]}},t,4)),e.special[t](n),ce(e.version),!0),getOwnPropertyDescriptor(e,t){if(!e.exclude.includes(t))return t in e.props?{enumerable:!0,configurable:!0,value:e.props[t]}:void 0},deleteProperty:(e,t)=>(e.exclude.includes(t)\|\|(e.exclude.push(t),ce(e.version)),!0),has:(e,t)=>!e.exclude.includes(t)&&t in e.props,ownKeys:e=>Reflect.ownKeys(e.props).filter((t=>!e.exclude.includes(t)))};function ur(e,t){return new Proxy({props:e,exclude:t,special:{},version:re(0)},ir)}function cr(e,t,n,r){var o,s=!!(1&n),l=!Z\|\|!!(2&n),a=!!(8&n),i=!!(16&n),u=!1;a?[o,u]=function(e){var t=sr;try{return sr=!1,[e(),sr]}finally{sr=t}}((()=>e[t])):o=e[t];var c,f=S in e\|\|P in e,v=a&&(q(e,t)?.set??(f&&t in e&&(n=>e[t]=n)))\|\|void 0,h=r,p=!0,$=!1,_=()=>($=!0,p&&(p=!1,h=i?Lt(r):r),h);if(void 0===o&&void 0!==r&&(v&&l&&function(e){if(d){const t=new Error(`props_invalid_value\nCannot do \`bind:${e}={undefined}\` when \`${e}\` has a fallback value\nhttps://svelte.dev/e/props_invalid_value`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/props_invalid_value")}(t),o=_(),v&&v(o)),l)c=()=>{var n=e[t];return void 0===n?_():(p=!0,$=!1,n)};else{var w=(s?de:ve)((()=>e[t]));w.f\|=131072,c=()=>{var e=At(w);return void 0!==e&&(h=void 0),void 0===e?h:e}}if(!(4&n))return c;if(v){var y=e.$$legacy;return function(e,t){return arguments.length>0?(l&&t&&!y&&!u\|\|v(t?c():e),e):c()}}var m=!1,g=se(o),b=de((()=>{var e=c(),t=At(g);return m?(m=!1,t):g.v=e}));return s\|\|(b.equals=X),function(e,t){if(arguments.length>0){const n=t?At(b):l&&a?Ae(e):e;return b.equals(n)\|\|(m=!0,ie(g,n),$&&void 0!==h&&(h=n),Lt((()=>At(b)))),e}return At(b)}}class fr{#e;#t;constructor(e){var t=new Map,n=(e,n)=>{var r=se(n);return t.set(e,r),r};const r=new Proxy({...e.props\|\|{},$$events:{}},{get:(e,r)=>At(t.get(r)??n(r,Reflect.get(e,r))),has:(e,r)=>r===P\|\|(At(t.get(r)??n(r,Reflect.get(e,r))),Reflect.has(e,r)),set:(e,r,o)=>(ie(t.get(r)??n(r,o),o),Reflect.set(e,r,o))});this.#t=(e.hydrate?zn:Jn)(e.component,{target:e.target,anchor:e.anchor,props:r,context:e.context,intro:e.intro??!1,recover:e.recover}),e?.props?.$$host&&!1!==e.sync\|\|Tt(),this.#e=r.$$events;for(const e of Object.keys(this.#t))"$set"!==e&&"$destroy"!==e&&"$on"!==e&&N(this,e,{get(){return this.#t[e]},set(t){this.#t[e]=t},enumerable:!0});this.#t.$set=e=>{Object.assign(r,e)},this.#t.$destroy=()=>{Yn(this.#t)}}$set(e){this.#t.$set(e)}$on(e,t){this.#e[e]=this.#e[e]\|\|[];const n=(...e)=>t.call(this,...e);return this.#e[e].push(n),()=>{this.#e[e]=this.#e[e].filter((e=>e!==n))}}$destroy(){this.#t.$destroy()}}let dr;function vr(e,t,n,r){const o=n[e]?.type;if(t="Boolean"===o&&"boolean"!=typeof t?null!=t:t,!r\|\|!n[e])return t;if("toAttribute"===r)switch(o){case"Object":case"Array":return null==t?null:JSON.stringify(t);case"Boolean":return t?"":null;case"Number":return null==t?null:t;default:return t}else switch(o){case"Object":case"Array":return t&&JSON.parse(t);case"Boolean":default:return t;case"Number":return null!=t?+t:t}}function hr(e,t,n,r,o,s){let l=class extends dr{constructor(){super(e,n,o),this.$$p_d=t}static get observedAttributes(){return L(t).map((e=>(t[e].attribute\|\|e).toLowerCase()))}};return L(t).forEach((e=>{N(l.prototype,e,{get(){return this.$$c&&e in this.$$c?this.$$c[e]:this.$$d[e]},set(n){n=vr(e,n,t),this.$$d[e]=n;var r=this.$$c;if(r){var o=q(r,e)?.get;o?r[e]=n:r.$set({[e]:n})}}})})),r.forEach((e=>{N(l.prototype,e,{get(){return this.$$c?.[e]}})})),e.element=l,l}"function"==typeof HTMLElement&&(dr=class extends HTMLElement{$$ctor;$$s;$$c;$$cn=!1;$$d={};$$r=!1;$$p_d={};$$l={};$$l_u=new Map;$$me;constructor(e,t,n){super(),this.$$ctor=e,this.$$s=t,n&&this.attachShadow({mode:"open"})}addEventListener(e,t,n){if(this.$$l[e]=this.$$l[e]\|\|[],this.$$l[e].push(t),this.$$c){const n=this.$$c.$on(e,t);this.$$l_u.set(t,n)}super.addEventListener(e,t,n)}removeEventListener(e,t,n){if(super.removeEventListener(e,t,n),this.$$c){const e=this.$$l_u.get(t);e&&(e(),this.$$l_u.delete(t))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){if(await Promise.resolve(),!this.$$cn\|\|this.$$c)return;function t(e){return t=>{const n=document.createElement("slot");"default"!==e&&(n.name=e),Hn(t,n)}}const n={},r=function(e){const t={};return e.childNodes.forEach((e=>{t[e.slot\|\|"default"]=!0})),t}(this);for(const o of this.$$s)o in r&&("default"!==o\|\|this.$$d.children?n[o]=t(o):(this.$$d.children=t(o),n.default=!0));for(const s of this.attributes){const l=this.$$g_p(s.name);l in this.$$d\|\|(this.$$d[l]=vr(l,s.value,this.$$p_d,"toProp"))}for(const a in this.$$p_d)a in this.$$d\|\|void 0===this[a]\|\|(this.$$d[a]=this[a],delete this[a]);this.$$c=(e={component:this.$$ctor,target:this.shadowRoot\|\|this,props:{...this.$$d,$$slots:n,$$host:this}},new fr(e)),this.$$me=function(e){const t=It(h,e,!0);return()=>{Yt(t)}}((()=>{Ut((()=>{this.$$r=!0;for(const e of L(this.$$c)){if(!this.$$p_d[e]?.reflect)continue;this.$$d[e]=this.$$c[e];const t=vr(e,this.$$d[e],this.$$p_d,"toAttribute");null==t?this.removeAttribute(this.$$p_d[e].attribute\|\|e):this.setAttribute(this.$$p_d[e].attribute\|\|e,t)}this.$$r=!1}))}));for(const i in this.$$l)for(const u of this.$$l[i]){const c=this.$$c.$on(i,u);this.$$l_u.set(u,c)}this.$$l={}}var e}attributeChangedCallback(e,t,n){this.$$r\|\|(e=this.$$g_p(e),this.$$d[e]=vr(e,n,this.$$p_d,"toProp"),this.$$c?.$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 L(this.$$p_d).find((t=>this.$$p_d[t].attribute===e\|\|!this.$$p_d[t].attribute&&t.toLowerCase()===e))\|\|e}});export{Ft as $,ke as A,Ve as B,be as C,d as D,Pe as E,mn as F,hn as G,i as H,c as I,ge as J,On as K,oe as L,Ae as M,At as N,ie as O,In as P,dn as Q,Wt as R,Kt as S,K as T,Lt as U,B as V,Mt as W,de as X,C as Y,ee as Z,ur as _,Zn as a,Ht as a0,ve as a1,le as a2,Dn as a3,Nn as a4,Vt as a5,qe as a6,Ke as a7,rn as a8,en as a9,u as aA,s as aB,gn as aC,Rn as aD,jn as aE,kn as aF,I as aG,j as aH,xn as aI,M as aJ,z as aK,An as aL,me as aM,g as aa,A as ab,J as ac,lt as ad,e as ae,ue as af,t as ag,se as ah,re as ai,n as aj,r as ak,nn as al,Je as am,tn as an,o as ao,l as ap,Te as aq,Oe as ar,a as as,or as at,Cn as au,Ut as av,wn as aw,Y as ax,Bt as ay,x as az,cr as b,hr as c,Jt as d,tr as e,Un as f,Fe as g,Hn as h,_n as i,Tt as j,ar as k,Ue as l,Fn as m,He as n,zt as o,$n as p,Gt as q,Ce as r,rr as s,Vn as t,Kn as u,Wn as v,We as w,Yt as x,Se as y,je as z};
2	+ //# sourceMappingURL=custom-element-D6iR2OWc.js.map