@mozaic-ds/web-components 1.0.0-alpha.9 → 1.0.0-beta.0

package/dist/components/radiogroup/RadioGroup.svelte

@@ -73,6 +73,7 @@
   align-items: center;
   display: flex;
   gap: 0.5rem;
+  padding: 0.375rem;
 }
 .mc-radio__label {
   font-size: 1rem;
@@ -150,11 +151,7 @@
   color: var(--field-color-label, #000000);
 }
 .mc-field__legend {
-  padding-left: 0;
-  padding-right: 0;
-}
-.mc-field__legend + .mc-field__container, .mc-field__help + .mc-field__container {
-  margin-top: 0.5rem;
+  padding-inline: 0;
 }
 .mc-field__requirement, .mc-field__help {
   font-size: 0.75rem;
@@ -170,21 +167,6 @@
 .mc-field__content {
   margin-top: 0.5rem;
 }
-.mc-field__container--inline, .mc-field__element--inline {
-  display: flex;
-  flex-wrap: wrap;
-}
-.mc-field__container--inline__item:not(:last-child), .mc-field__element--inline__item:not(:last-child) {
-  margin-bottom: 0.25rem;
-  margin-right: 1rem;
-}
-.mc-field__item {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
-.mc-field__item:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
 .mc-field__validation-message {
   font-size: 0.875rem;
   line-height: 1.5;
@@ -210,10 +192,19 @@
   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(--field-color-validation-invalid, %23c61112)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E");
 }
 .mc-field--group {
-  border: none;
-  margin-left: 0;
-  margin-right: 0;
+  border-width: 0;
+  margin-inline: 0;
   padding: 0;
 }
+.mc-field--group .mc-field__content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.mc-field--group .mc-field__content:where(.mc-field__content--inline) {
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 0.25rem 1rem;
+}
 
 /* stylelint-enable string-no-newline */</style>

package/dist/components/select/Select.js

@@ -1,7 +1,7 @@
-import{x as M,l as E,y as j,c as O,p as D,a as F,b as u,z as I,A as G,t as w,f as g,k as H,B as J,m,g as p,h as K,i as v,e as _,s as N,r as x,C as P,j as C}from"../../custom-element.js";import{i as Q}from"../../if.js";import{e as R,i as T}from"../../each.js";import{s as U}from"../../attributes.js";function S(e,o,t){if(e.multiple)return X(e,o);for(var l of e.options){var a=b(l);if(j(a,o)){l.selected=!0;return}}(!t||o!==void 0)&&(e.selectedIndex=-1)}function V(e,o){E(()=>{var t=new MutationObserver(()=>{var l=e.__value;S(e,l)});return t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),()=>{t.disconnect()}})}function W(e,o,t=o){var l=!0;M(e,"change",a=>{var n=a?"[selected]":":checked",d;if(e.multiple)d=[].map.call(e.querySelectorAll(n),b);else{var f=e.querySelector(n)??e.querySelector("option:not([disabled])");d=f&&b(f)}t(d)}),E(()=>{var a=o();if(S(e,a,l),l&&a===void 0){var n=e.querySelector(":checked");n!==null&&(a=b(n),t(a))}e.__value=a,l=!1}),V(e)}function X(e,o){for(var t of e.options)t.selected=~o.indexOf(b(t))}function b(e){return"__value"in e?e.__value:e.value}var Y=w("<option disabled selected> </option>"),Z=w("<option> </option>"),$=w("<select><!><!></select>");const ee={hash:"svelte-i0s2u",code:`/**
+import{x as M,n as E,y as j,a as O,p as D,b as F,e as u,z as I,A as G,t as w,g,B as H,m as J,o as m,h as p,j as K,k as v,f as _,s as N,r as x,C as P,l as C}from"../../custom-element.js";import{i as Q}from"../../if.js";import{e as R,i as T}from"../../each.js";import{s as U}from"../../attributes.js";function S(e,o,t){if(e.multiple)return X(e,o);for(var l of e.options){var a=b(l);if(j(a,o)){l.selected=!0;return}}(!t||o!==void 0)&&(e.selectedIndex=-1)}function V(e,o){E(()=>{var t=new MutationObserver(()=>{var l=e.__value;S(e,l)});return t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),()=>{t.disconnect()}})}function W(e,o,t=o){var l=!0;M(e,"change",a=>{var n=a?"[selected]":":checked",d;if(e.multiple)d=[].map.call(e.querySelectorAll(n),b);else{var f=e.querySelector(n)??e.querySelector("option:not([disabled])");d=f&&b(f)}t(d)}),E(()=>{var a=o();if(S(e,a,l),l&&a===void 0){var n=e.querySelector(":checked");n!==null&&(a=b(n),t(a))}e.__value=a,l=!1}),V(e)}function X(e,o){for(var t of e.options)t.selected=~o.indexOf(b(t))}function b(e){return"__value"in e?e.__value:e.value}var Y=w("<option disabled selected> </option>"),Z=w("<option> </option>"),$=w("<select><!><!></select>");const ee={hash:"svelte-i0s2u",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */.mc-select.svelte-i0s2u {appearance:none;font-family:inherit;transition:box-shadow 200ms ease;font-size:1rem;line-height:1.3;height:3rem;padding:0 3rem 0 0.75rem;background-position:right 1rem center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-interactive, %23000000)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E");border:1px solid var(--forms-color-border-default, #666666);border-radius:0.25rem;display:block;width:100%;color:var(--forms-color-text-default, #000000);background-color:var(--forms-color-background-default, #ffffff);text-overflow:ellipsis;background-repeat:no-repeat;background-size:1rem;}.mc-select.svelte-i0s2u:hover {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 1px var(--forms-color-border-hover, #4d4d4d);}.mc-select.svelte-i0s2u:focus {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-select.svelte-i0s2u:disabled {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z'/%3E%3C/svg%3E");background-color:var(--forms-color-background-disabled, #d9d9d9);border-color:transparent;cursor:not-allowed;box-shadow:none;color:var(--forms-color-text-disabled, #737373);}.mc-select--readonly.svelte-i0s2u {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-select.is-invalid.svelte-i0s2u {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 1px var(--forms-color-border-invalid, #ea302d);}.mc-select.is-invalid.svelte-i0s2u:hover {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 1px var(--forms-color-border-invalid-hover, #c61112);}.mc-select--s.svelte-i0s2u {font-size:0.875rem;line-height:1.3;height:2rem;padding:0 2rem 0 0.5rem;background-position:right 0.5rem center;}
 
-/* stylelint-enable string-no-newline */`};function re(e,o){D(o,!0),F(e,ee);let t=u(o,"id",7),l=u(o,"valueselected",7,""),a=u(o,"placeholder",7),n=u(o,"size",7,"m"),d=u(o,"isinvalid",7,!1),f=u(o,"disabled",7,!1),h=u(o,"options",7),y=I(G(l()));function q(r,s){const i=["mc-select"];return r&&i.push("is-invalid"),s&&i.push(`mc-select--${s}`),i.join(" ")}var c=$(),k=_(c);{var A=r=>{var s=Y();s.value=((s.__value="")==null,"");var i=_(s);x(s),g(()=>C(i,`-- ${a()??""} --`)),p(r,s)};Q(k,r=>{a()&&r(A)})}var B=N(k);return R(B,17,h,T,(r,s)=>{var i=Z(),z={},L=_(i,!0);x(i),g(()=>{i.disabled=m(s).disabled,z!==(z=m(s).value)&&(i.value=(i.__value=m(s).value)==null?"":m(s).value),C(L,m(s).text)}),p(r,i)}),x(c),g(r=>{U(c,"id",t()),H(c,1,J(r),"svelte-i0s2u"),c.disabled=f()},[()=>q(d(),n())]),W(c,()=>m(y),r=>P(y,r)),p(e,c),K({get id(){return t()},set id(r){t(r),v()},get valueselected(){return l()},set valueselected(r=""){l(r),v()},get placeholder(){return a()},set placeholder(r){a(r),v()},get size(){return n()},set size(r="m"){n(r),v()},get isinvalid(){return d()},set isinvalid(r=!1){d(r),v()},get disabled(){return f()},set disabled(r=!1){f(r),v()},get options(){return h()},set options(r){h(r),v()}})}customElements.define("m-select",O(re,{options:{attribute:"options",type:"Array"},id:{},valueselected:{},placeholder:{},size:{},isinvalid:{},disabled:{}},[],[],!1));
+/* stylelint-enable string-no-newline */`};function re(e,o){D(o,!0),F(e,ee);let t=u(o,"id",7),l=u(o,"valueselected",7,""),a=u(o,"placeholder",7),n=u(o,"size",7,"m"),d=u(o,"isinvalid",7,!1),f=u(o,"disabled",7,!1),h=u(o,"options",7),y=I(G(l()));function q(r,s){const i=["mc-select"];return r&&i.push("is-invalid"),s&&i.push(`mc-select--${s}`),i.join(" ")}var c=$(),k=_(c);{var A=r=>{var s=Y();s.value=s.__value="";var i=_(s);x(s),g(()=>C(i,`-- ${a()??""} --`)),p(r,s)};Q(k,r=>{a()&&r(A)})}var B=N(k);return R(B,17,h,T,(r,s)=>{var i=Z(),z={},L=_(i,!0);x(i),g(()=>{i.disabled=m(s).disabled,z!==(z=m(s).value)&&(i.value=(i.__value=m(s).value)??""),C(L,m(s).text)}),p(r,i)}),x(c),g(r=>{U(c,"id",t()),J(c,1,r,"svelte-i0s2u"),c.disabled=f()},[()=>H(q(d(),n()))]),W(c,()=>m(y),r=>P(y,r)),p(e,c),K({get id(){return t()},set id(r){t(r),v()},get valueselected(){return l()},set valueselected(r=""){l(r),v()},get placeholder(){return a()},set placeholder(r){a(r),v()},get size(){return n()},set size(r="m"){n(r),v()},get isinvalid(){return d()},set isinvalid(r=!1){d(r),v()},get disabled(){return f()},set disabled(r=!1){f(r),v()},get options(){return h()},set options(r){h(r),v()}})}customElements.define("m-select",O(re,{options:{attribute:"options",type:"Array"},id:{},valueselected:{},placeholder:{},size:{},isinvalid:{},disabled:{}},[],[],!1));
 //# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../node_modules/svelte/src/internal/client/dom/elements/bindings/select.js","../../../src/components/select/Select.svelte"],"sourcesContent":["import { effect } from '../../../reactivity/effects.js';\nimport { listen_to_event_and_reset_event } from './shared.js';\nimport { untrack } from '../../../runtime.js';\nimport { is } from '../../../proxy.js';\n\n/**\n * Selects the correct option(s) (depending on whether this is a multiple select)\n * @template V\n * @param {HTMLSelectElement} select\n * @param {V} value\n * @param {boolean} [mounting]\n */\nexport function select_option(select, value, mounting) {\n\tif (select.multiple) {\n\t\treturn select_options(select, value);\n\t}\n\n\tfor (var option of select.options) {\n\t\tvar option_value = get_option_value(option);\n\t\tif (is(option_value, value)) {\n\t\t\toption.selected = true;\n\t\t\treturn;\n\t\t}\n\t}\n\n\tif (!mounting || value !== undefined) {\n\t\tselect.selectedIndex = -1; // no option should be selected\n\t}\n}\n\n/**\n * Selects the correct option(s) if `value` is given,\n * and then sets up a mutation observer to sync the\n * current selection to the dom when it changes. Such\n * changes could for example occur when options are\n * inside an `#each` block.\n * @template V\n * @param {HTMLSelectElement} select\n * @param {() => V} [get_value]\n */\nexport function init_select(select, get_value) {\n\tlet mounting = true;\n\teffect(() => {\n\t\tif (get_value) {\n\t\t\tselect_option(select, untrack(get_value), mounting);\n\t\t}\n\t\tmounting = false;\n\n\t\tvar observer = new MutationObserver(() => {\n\t\t\t// @ts-ignore\n\t\t\tvar value = select.__value;\n\t\t\tselect_option(select, value);\n\t\t\t// Deliberately don't update the potential binding value,\n\t\t\t// the model should be preserved unless explicitly changed\n\t\t});\n\n\t\tobserver.observe(select, {\n\t\t\t// Listen to option element changes\n\t\t\tchildList: true,\n\t\t\tsubtree: true, // because of <optgroup>\n\t\t\t// Listen to option element value attribute changes\n\t\t\t// (doesn't get notified of select value changes,\n\t\t\t// because that property is not reflected as an attribute)\n\t\t\tattributes: true,\n\t\t\tattributeFilter: ['value']\n\t\t});\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t});\n}\n\n/**\n * @param {HTMLSelectElement} select\n * @param {() => unknown} get\n * @param {(value: unknown) => void} set\n * @returns {void}\n */\nexport function bind_select_value(select, get, set = get) {\n\tvar mounting = true;\n\n\tlisten_to_event_and_reset_event(select, 'change', (is_reset) => {\n\t\tvar query = is_reset ? '[selected]' : ':checked';\n\t\t/** @type {unknown} */\n\t\tvar value;\n\n\t\tif (select.multiple) {\n\t\t\tvalue = [].map.call(select.querySelectorAll(query), get_option_value);\n\t\t} else {\n\t\t\t/** @type {HTMLOptionElement | null} */\n\t\t\tvar selected_option =\n\t\t\t\tselect.querySelector(query) ??\n\t\t\t\t// will fall back to first non-disabled option if no option is selected\n\t\t\t\tselect.querySelector('option:not([disabled])');\n\t\t\tvalue = selected_option && get_option_value(selected_option);\n\t\t}\n\n\t\tset(value);\n\t});\n\n\t// Needs to be an effect, not a render_effect, so that in case of each loops the logic runs after the each block has updated\n\teffect(() => {\n\t\tvar value = get();\n\t\tselect_option(select, value, mounting);\n\n\t\t// Mounting and value undefined -> take selection from dom\n\t\tif (mounting && value === undefined) {\n\t\t\t/** @type {HTMLOptionElement | null} */\n\t\t\tvar selected_option = select.querySelector(':checked');\n\t\t\tif (selected_option !== null) {\n\t\t\t\tvalue = get_option_value(selected_option);\n\t\t\t\tset(value);\n\t\t\t}\n\t\t}\n\n\t\t// @ts-ignore\n\t\tselect.__value = value;\n\t\tmounting = false;\n\t});\n\n\t// don't pass get_value, we already initialize it in the effect above\n\tinit_select(select);\n}\n\n/**\n * @template V\n * @param {HTMLSelectElement} select\n * @param {V} value\n */\nfunction select_options(select, value) {\n\tfor (var option of select.options) {\n\t\t// @ts-ignore\n\t\toption.selected = ~value.indexOf(get_option_value(option));\n\t}\n}\n\n/** @param {HTMLOptionElement} option */\nfunction get_option_value(option) {\n\t// __value only exists if the <option> has a value attribute\n\tif ('__value' in option) {\n\t\treturn option.__value;\n\t} else {\n\t\treturn option.value;\n\t}\n}\n","<svelte:options\n  customElement={{\n    tag: 'm-select',\n    props: {\n      options: { type: 'Array', attribute: 'options' },\n    },\n    shadow: 'none',\n  }}\n/>\n\n<script lang=\"ts\">\n  import { createEventDispatcher } from 'svelte';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  interface Props {\n    id: string;\n    name: string;\n    valueselected?: string;\n    placeholder: string;\n    size?: SelectSize;\n    isinvalid?: boolean;\n    disabled?: boolean;\n    options: Array<SelectOption>;\n    [key: string]: any;\n  }\n\n  let {\n    id,\n    valueselected = '',\n    placeholder,\n    size = 'm',\n    isinvalid = false,\n    disabled = false,\n    options,\n  }: Props = $props();\n  let valueSelected = $state(valueselected);\n\n  function setClasses(isinvalid: boolean, size: SelectSize): string {\n    const classes = ['mc-select'];\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y_no_onchange -->\n<select\n  {id}\n  class={setClasses(isinvalid, size)}\n  {disabled}\n  bind:value={valueSelected}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each options as opt}\n    <option disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/select';\n</style>\n"],"names":["select_option","select","value","mounting","select_options","option","option_value","get_option_value","is","init_select","get_value","effect","observer","bind_select_value","get","set","listen_to_event_and_reset_event","is_reset","query","selected_option","id","$.prop","$$props","valueselected","placeholder","size","isinvalid","disabled","options","valueSelected","setClasses","classes","$$render","consequent","$.each","node_1","opt","option_1","$.get","option_1_value","$.set_text","text_1","$.bind_select_value","$$value"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Select.js","sources":["../../../node_modules/svelte/src/internal/client/dom/elements/bindings/select.js","../../../src/components/select/Select.svelte"],"sourcesContent":["import { effect } from '../../../reactivity/effects.js';\nimport { listen_to_event_and_reset_event } from './shared.js';\nimport { untrack } from '../../../runtime.js';\nimport { is } from '../../../proxy.js';\n\n/**\n * Selects the correct option(s) (depending on whether this is a multiple select)\n * @template V\n * @param {HTMLSelectElement} select\n * @param {V} value\n * @param {boolean} [mounting]\n */\nexport function select_option(select, value, mounting) {\n\tif (select.multiple) {\n\t\treturn select_options(select, value);\n\t}\n\n\tfor (var option of select.options) {\n\t\tvar option_value = get_option_value(option);\n\t\tif (is(option_value, value)) {\n\t\t\toption.selected = true;\n\t\t\treturn;\n\t\t}\n\t}\n\n\tif (!mounting || value !== undefined) {\n\t\tselect.selectedIndex = -1; // no option should be selected\n\t}\n}\n\n/**\n * Selects the correct option(s) if `value` is given,\n * and then sets up a mutation observer to sync the\n * current selection to the dom when it changes. Such\n * changes could for example occur when options are\n * inside an `#each` block.\n * @template V\n * @param {HTMLSelectElement} select\n * @param {() => V} [get_value]\n */\nexport function init_select(select, get_value) {\n\tlet mounting = true;\n\teffect(() => {\n\t\tif (get_value) {\n\t\t\tselect_option(select, untrack(get_value), mounting);\n\t\t}\n\t\tmounting = false;\n\n\t\tvar observer = new MutationObserver(() => {\n\t\t\t// @ts-ignore\n\t\t\tvar value = select.__value;\n\t\t\tselect_option(select, value);\n\t\t\t// Deliberately don't update the potential binding value,\n\t\t\t// the model should be preserved unless explicitly changed\n\t\t});\n\n\t\tobserver.observe(select, {\n\t\t\t// Listen to option element changes\n\t\t\tchildList: true,\n\t\t\tsubtree: true, // because of <optgroup>\n\t\t\t// Listen to option element value attribute changes\n\t\t\t// (doesn't get notified of select value changes,\n\t\t\t// because that property is not reflected as an attribute)\n\t\t\tattributes: true,\n\t\t\tattributeFilter: ['value']\n\t\t});\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t});\n}\n\n/**\n * @param {HTMLSelectElement} select\n * @param {() => unknown} get\n * @param {(value: unknown) => void} set\n * @returns {void}\n */\nexport function bind_select_value(select, get, set = get) {\n\tvar mounting = true;\n\n\tlisten_to_event_and_reset_event(select, 'change', (is_reset) => {\n\t\tvar query = is_reset ? '[selected]' : ':checked';\n\t\t/** @type {unknown} */\n\t\tvar value;\n\n\t\tif (select.multiple) {\n\t\t\tvalue = [].map.call(select.querySelectorAll(query), get_option_value);\n\t\t} else {\n\t\t\t/** @type {HTMLOptionElement | null} */\n\t\t\tvar selected_option =\n\t\t\t\tselect.querySelector(query) ??\n\t\t\t\t// will fall back to first non-disabled option if no option is selected\n\t\t\t\tselect.querySelector('option:not([disabled])');\n\t\t\tvalue = selected_option && get_option_value(selected_option);\n\t\t}\n\n\t\tset(value);\n\t});\n\n\t// Needs to be an effect, not a render_effect, so that in case of each loops the logic runs after the each block has updated\n\teffect(() => {\n\t\tvar value = get();\n\t\tselect_option(select, value, mounting);\n\n\t\t// Mounting and value undefined -> take selection from dom\n\t\tif (mounting && value === undefined) {\n\t\t\t/** @type {HTMLOptionElement | null} */\n\t\t\tvar selected_option = select.querySelector(':checked');\n\t\t\tif (selected_option !== null) {\n\t\t\t\tvalue = get_option_value(selected_option);\n\t\t\t\tset(value);\n\t\t\t}\n\t\t}\n\n\t\t// @ts-ignore\n\t\tselect.__value = value;\n\t\tmounting = false;\n\t});\n\n\t// don't pass get_value, we already initialize it in the effect above\n\tinit_select(select);\n}\n\n/**\n * @template V\n * @param {HTMLSelectElement} select\n * @param {V} value\n */\nfunction select_options(select, value) {\n\tfor (var option of select.options) {\n\t\t// @ts-ignore\n\t\toption.selected = ~value.indexOf(get_option_value(option));\n\t}\n}\n\n/** @param {HTMLOptionElement} option */\nfunction get_option_value(option) {\n\t// __value only exists if the <option> has a value attribute\n\tif ('__value' in option) {\n\t\treturn option.__value;\n\t} else {\n\t\treturn option.value;\n\t}\n}\n","<svelte:options\n  customElement={{\n    tag: 'm-select',\n    props: {\n      options: { type: 'Array', attribute: 'options' },\n    },\n    shadow: 'none',\n  }}\n/>\n\n<script lang=\"ts\">\n  import { createEventDispatcher } from 'svelte';\n\n  import type { SelectOption, SelectSize } from './select.types';\n\n  interface Props {\n    id: string;\n    name: string;\n    valueselected?: string;\n    placeholder: string;\n    size?: SelectSize;\n    isinvalid?: boolean;\n    disabled?: boolean;\n    options: Array<SelectOption>;\n    [key: string]: any;\n  }\n\n  let {\n    id,\n    valueselected = '',\n    placeholder,\n    size = 'm',\n    isinvalid = false,\n    disabled = false,\n    options,\n  }: Props = $props();\n  let valueSelected = $state(valueselected);\n\n  function setClasses(isinvalid: boolean, size: SelectSize): string {\n    const classes = ['mc-select'];\n\n    if (isinvalid) {\n      classes.push('is-invalid');\n    }\n    if (size) {\n      classes.push(`mc-select--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<!-- svelte-ignore a11y_no_onchange -->\n<select\n  {id}\n  class={setClasses(isinvalid, size)}\n  {disabled}\n  bind:value={valueSelected}\n>\n  {#if placeholder}\n    <option value=\"\" disabled selected>\n      -- {placeholder} --\n    </option>\n  {/if}\n\n  {#each options as opt}\n    <option disabled={opt.disabled} value={opt.value}>\n      {opt.text}\n    </option>\n  {/each}\n</select>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/select';\n</style>\n"],"names":["select_option","select","value","mounting","select_options","option","option_value","get_option_value","is","init_select","get_value","effect","observer","bind_select_value","get","set","listen_to_event_and_reset_event","is_reset","query","selected_option","id","$.prop","$$props","valueselected","placeholder","size","isinvalid","disabled","options","valueSelected","setClasses","classes","$$render","consequent","$.each","node_1","opt","option_1","$.get","option_1_value","$.set_text","text_1","$.bind_select_value","$$value"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/components/statusbadge/StatusBadge.js

@@ -1,4 +1,4 @@
-import{c as u,p as m,a as g,b as i,t as b,e as c,f as v,g as f,h as p,i as k,s as h,r as d,k as x}from"../../custom-element.js";import{a as w}from"../../slot.js";import{S as _}from"./StatusDot.js";var y=b('<div><!> <span class="mc-status-badge__label svelte-1x1mo7s"><!></span></div>');const S={hash:"svelte-1x1mo7s",code:`/**
+import{a as u,p as m,b as g,e as i,t as b,f as c,g as v,h as p,j as f,k,s as h,r as d,m as x}from"../../custom-element.js";import{s as w}from"../../slot.js";import{S as _}from"./StatusDot.js";var y=b('<div><!> <span class="mc-status-badge__label svelte-1x1mo7s"><!></span></div>');const S={hash:"svelte-1x1mo7s",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-status-badge.svelte-1x1mo7s {background-color:var(--status-badge-color-background-information, #e1f3f9);border-radius:0.25rem;font-weight:400;font-size:0.875rem;display:inline-flex;align-items:center;gap:0.25rem;padding-right:0.5rem;padding-left:0.5rem;text-transform:lowercase;white-space:nowrap;min-height:1.5rem;}.mc-status-badge__label.svelte-1x1mo7s {color:var(--status-badge-color-label, #000000);}.mc-status-badge__label.svelte-1x1mo7s::first-letter {text-transform:uppercase;}.mc-status-badge--success.svelte-1x1mo7s {background-color:var(--status-badge-color-background-success, #ebf5de);}.mc-status-badge--danger.svelte-1x1mo7s {background-color:var(--status-badge-color-background-danger, #fdeaea);}.mc-status-badge--warning.svelte-1x1mo7s {background-color:var(--status-badge-color-background-warning, #fdf1e8);}.mc-status-badge--neutral.svelte-1x1mo7s {background-color:var(--status-badge-color-background-neutral, #e6e6e6);}.mc-status-dot.svelte-1x1mo7s {background-color:var(--status-dot-color-background-information, #0074aa);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-1x1mo7s {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-1x1mo7s {height:1rem;width:1rem;}.mc-status-dot--success.svelte-1x1mo7s {background-color:var(--status-dot-color-background-success, #117f03);}.mc-status-dot--danger.svelte-1x1mo7s {background-color:var(--status-dot-color-background-danger, #c61112);}.mc-status-dot--warning.svelte-1x1mo7s {background-color:var(--status-dot-color-background-warning, #b64f00);}.mc-status-dot--neutral.svelte-1x1mo7s {background-color:var(--status-dot-color-background-neutral, #666666);}`};function z(a,e){m(e,!0),g(a,S);let t=i(e,"style",7);var s=y(),o=c(s);_(o,{get style(){return t()},size:"m"});var r=h(o,2),l=c(r);return w(l,e,"default",{}),d(r),d(s),v(()=>x(s,1,`mc-status-badge ${(t()?`mc-status-badge--${t()}`:"")??""}`,"svelte-1x1mo7s")),f(a,s),p({get style(){return t()},set style(n){t(n),k()}})}customElements.define("m-status-badge",u(z,{style:{}},["default"],[],!0));
+ */.mc-status-badge.svelte-1x1mo7s {background-color:var(--status-badge-color-background-information, #e1f3f9);border-radius:0.25rem;font-weight:400;font-size:0.875rem;display:inline-flex;align-items:center;gap:0.25rem;padding-right:0.5rem;padding-left:0.5rem;text-transform:lowercase;white-space:nowrap;min-height:1.5rem;}.mc-status-badge__label.svelte-1x1mo7s {color:var(--status-badge-color-label, #000000);}.mc-status-badge__label.svelte-1x1mo7s::first-letter {text-transform:uppercase;}.mc-status-badge--success.svelte-1x1mo7s {background-color:var(--status-badge-color-background-success, #ebf5de);}.mc-status-badge--danger.svelte-1x1mo7s {background-color:var(--status-badge-color-background-danger, #fdeaea);}.mc-status-badge--warning.svelte-1x1mo7s {background-color:var(--status-badge-color-background-warning, #fdf1e8);}.mc-status-badge--neutral.svelte-1x1mo7s {background-color:var(--status-badge-color-background-neutral, #e6e6e6);}.mc-status-dot.svelte-1x1mo7s {background-color:var(--status-dot-color-background-information, #0074aa);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-1x1mo7s {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-1x1mo7s {height:1rem;width:1rem;}.mc-status-dot--success.svelte-1x1mo7s {background-color:var(--status-dot-color-background-success, #117f03);}.mc-status-dot--danger.svelte-1x1mo7s {background-color:var(--status-dot-color-background-danger, #c61112);}.mc-status-dot--warning.svelte-1x1mo7s {background-color:var(--status-dot-color-background-warning, #b64f00);}.mc-status-dot--neutral.svelte-1x1mo7s {background-color:var(--status-dot-color-background-neutral, #666666);}`};function z(t,s){m(s,!0),g(t,S);let a=i(s,"appearance",7);var e=y(),o=c(e);_(o,{get appearance(){return a()},size:"m"});var r=h(o,2),n=c(r);return w(n,s,"default",{}),d(r),d(e),v(()=>x(e,1,`mc-status-badge ${a()?`mc-status-badge--${a()}`:""}`,"svelte-1x1mo7s")),p(t,e),f({get appearance(){return a()},set appearance(l){a(l),k()}})}customElements.define("m-status-badge",u(z,{appearance:{}},["default"],[],!0));
 //# sourceMappingURL=StatusBadge.js.map

package/dist/components/statusbadge/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","sources":["../../../src/components/statusbadge/StatusBadge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-badge' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle } from './badge.types';\n  import StatusDot from './StatusDot.svelte';\n\n  interface Props {\n    style: BadgeStyle;\n  }\n\n  let { style }: Props = $props();\n</script>\n\n<div class=\"mc-status-badge {style ? `mc-status-badge--${style}` : ''}\">\n  <StatusDot {style} size=\"m\" />\n  <span class=\"mc-status-badge__label\"><slot /></span>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-badge';\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["style","$.prop","$$props"],"mappings":";;mrDAUQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,oJAGgBF,EAAK,EAAA,oBAAuBA,EAAK,CAAA,GAAK,KAAE,EAAA,GAAA,gBAAA,CAAA"}
+{"version":3,"file":"StatusBadge.js","sources":["../../../src/components/statusbadge/StatusBadge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-badge' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle } from './badge.types';\n  import StatusDot from './StatusDot.svelte';\n\n  interface Props {\n    appearance: BadgeStyle;\n  }\n\n  let { appearance }: Props = $props();\n</script>\n\n<div\n  class=\"mc-status-badge {appearance ? `mc-status-badge--${appearance}` : ''}\"\n>\n  <StatusDot {appearance} size=\"m\" />\n  <span class=\"mc-status-badge__label\"><slot /></span>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-badge';\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["appearance","$.prop","$$props"],"mappings":";;mrDAUQA,EAAUC,EAAAC,EAAA,aAAA,CAAA,wJAIQF,EAAU,EAAA,oBAAuBA,EAAU,CAAA,GAAK,EAAE,GAAA,gBAAA,CAAA"}

package/dist/components/statusbadge/StatusBadge.svelte

@@ -5,14 +5,16 @@
   import StatusDot from './StatusDot.svelte';
 
   interface Props {
-    style: BadgeStyle;
+    appearance: BadgeStyle;
   }
 
-  let { style }: Props = $props();
+  let { appearance }: Props = $props();
 </script>
 
-<div class="mc-status-badge {style ? `mc-status-badge--${style}` : ''}">
-  <StatusDot {style} size="m" />
+<div
+  class="mc-status-badge {appearance ? `mc-status-badge--${appearance}` : ''}"
+>
+  <StatusDot {appearance} size="m" />
   <span class="mc-status-badge__label"><slot /></span>
 </div>
 

package/dist/components/statusbadge/StatusBadge.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { BadgeStyle } from './badge.types';
 interface Props {
-    style: BadgeStyle;
+    appearance: BadgeStyle;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/components/statusbadge/StatusBadge.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/StatusBadge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI9C,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAC;CACnB;AAoBH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;;;;;;UAAmF,CAAC;AACnF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"StatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/StatusBadge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI9C,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;CACxB;AAoBH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;;;;;;UAAmF,CAAC;AACnF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/components/statusbadge/StatusDot.js

@@ -1,4 +1,4 @@
-import{c as u,p as l,a as n,b as c,t as m,f as i,g as b,h as g,i as d,k as v}from"../../custom-element.js";var w=m("<div></div>");const h={hash:"svelte-bwqsm9",code:`/**
+import{a as n,p as u,b as l,e as c,t as m,g as i,h as b,j as g,k as d,m as p}from"../../custom-element.js";var v=m("<div></div>");const w={hash:"svelte-bwqsm9",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-status-dot.svelte-bwqsm9 {background-color:var(--status-dot-color-background-information, #0074aa);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-bwqsm9 {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-bwqsm9 {height:1rem;width:1rem;}.mc-status-dot--success.svelte-bwqsm9 {background-color:var(--status-dot-color-background-success, #117f03);}.mc-status-dot--danger.svelte-bwqsm9 {background-color:var(--status-dot-color-background-danger, #c61112);}.mc-status-dot--warning.svelte-bwqsm9 {background-color:var(--status-dot-color-background-warning, #b64f00);}.mc-status-dot--neutral.svelte-bwqsm9 {background-color:var(--status-dot-color-background-neutral, #666666);}`};function f(o,e){l(e,!0),n(o,h);let t=c(e,"style",7),s=c(e,"size",7);var r=w();return i(()=>v(r,1,`mc-status-dot ${(s()?`mc-status-dot--${s()}`:"")??""}  ${(t()?`mc-status-dot--${t()}`:"")??""}`,"svelte-bwqsm9")),b(o,r),g({get style(){return t()},set style(a){t(a),d()},get size(){return s()},set size(a){s(a),d()}})}customElements.define("m-status-dot",u(f,{style:{},size:{}},[],[],!1));export{f as S};
+ */.mc-status-dot.svelte-bwqsm9 {background-color:var(--status-dot-color-background-information, #0074aa);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-bwqsm9 {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-bwqsm9 {height:1rem;width:1rem;}.mc-status-dot--success.svelte-bwqsm9 {background-color:var(--status-dot-color-background-success, #117f03);}.mc-status-dot--danger.svelte-bwqsm9 {background-color:var(--status-dot-color-background-danger, #c61112);}.mc-status-dot--warning.svelte-bwqsm9 {background-color:var(--status-dot-color-background-warning, #b64f00);}.mc-status-dot--neutral.svelte-bwqsm9 {background-color:var(--status-dot-color-background-neutral, #666666);}`};function h(o,e){u(e,!0),l(o,w);let t=c(e,"size",7),s=c(e,"appearance",7);var r=v();return i(()=>p(r,1,`mc-status-dot ${t()?`mc-status-dot--${t()}`:""}  ${s()?`mc-status-dot--${s()}`:""}`,"svelte-bwqsm9")),b(o,r),g({get size(){return t()},set size(a){t(a),d()},get appearance(){return s()},set appearance(a){s(a),d()}})}customElements.define("m-status-dot",n(h,{size:{},appearance:{}},[],[],!1));export{h as S};
 //# sourceMappingURL=StatusDot.js.map

package/dist/components/statusbadge/StatusDot.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusDot.js","sources":["../../../src/components/statusbadge/StatusDot.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-dot', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n\n  interface Props {\n    style: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { style, size }: Props = $props();\n</script>\n\n<div\n  class=\"mc-status-dot {size ? `mc-status-dot--${size}` : ''}  {style\n    ? `mc-status-dot--${style}`\n    : ''}\"\n></div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["style","$.prop","$$props","size"],"mappings":";;8vBAUQA,EAAKC,EAAAC,EAAA,QAAA,CAAA,EAAEC,EAAIF,EAAAC,EAAA,OAAA,CAAA,iDAIKC,EAAI,EAAA,kBAAqBA,EAAI,CAAK,GAAA,aAAMH,EACxC,EAAA,kBAAAA,MAClB,KAAE,EAAA,GAAA,eAAA,CAAA"}
+{"version":3,"file":"StatusDot.js","sources":["../../../src/components/statusbadge/StatusDot.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-status-dot', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n\n  interface Props {\n    appearance: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { size, appearance }: Props = $props();\n</script>\n\n<div\n  class=\"mc-status-dot {size ? `mc-status-dot--${size}` : ''}  {appearance\n    ? `mc-status-dot--${appearance}`\n    : ''}\"\n></div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["size","$.prop","$$props","appearance"],"mappings":";;8vBAUQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAUF,EAAAC,EAAA,aAAA,CAAA,gDAIAF,IAAI,kBAAqBA,GAAS,GAAA,EAAE,KAAIG,IACxC,kBAAAA,MAClB,EAAE,GAAA,eAAA,CAAA"}

package/dist/components/statusbadge/StatusDot.svelte

@@ -4,16 +4,16 @@
   import type { BadgeStyle, BadgeSize } from './badge.types';
 
   interface Props {
-    style: BadgeStyle;
+    appearance: BadgeStyle;
     size: BadgeSize;
   }
 
-  let { style, size }: Props = $props();
+  let { size, appearance }: Props = $props();
 </script>
 
 <div
-  class="mc-status-dot {size ? `mc-status-dot--${size}` : ''}  {style
-    ? `mc-status-dot--${style}`
+  class="mc-status-dot {size ? `mc-status-dot--${size}` : ''}  {appearance
+    ? `mc-status-dot--${appearance}`
     : ''}"
 ></div>
 

package/dist/components/statusbadge/StatusDot.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { BadgeStyle, BadgeSize } from './badge.types';
 interface Props {
-    style: BadgeStyle;
+    appearance: BadgeStyle;
     size: BadgeSize;
 }
 declare const StatusDot: import("svelte").Component<Props, {}, "">;

package/dist/components/statusbadge/StatusDot.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusDot.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/StatusDot.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGzD,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB;AAkBH,QAAA,MAAM,SAAS,2CAAsC,CAAC;AACtD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"StatusDot.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/StatusDot.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAGzD,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;CACjB;AAkBH,QAAA,MAAM,SAAS,2CAAsC,CAAC;AACtD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/textarea/Textarea.js

@@ -1,7 +1,7 @@
-import{d as w,c as y,p as _,a as k,b as o,t as D,f as E,g as q,h as z,i as t,q as I,k as O}from"../../custom-element.js";import{s as l}from"../../attributes.js";import{b as S}from"../../input.js";import{c as T}from"../../index-client.js";var j=D('<textarea spellcheck="false"></textarea>');const A={hash:"svelte-15vrvs3",code:`/**
+import{a as b,p as x,b as w,e as a,t as y,g as p,v as j,h as _,j as k,k as o,w as S}from"../../custom-element.js";import{b as C,C as z}from"../../attributes.js";import{b as A}from"../../input.js";var D=y("<textarea></textarea>");const E={hash:"svelte-1i0gjil",code:`/**
  * Do not edit directly, this file was auto-generated.
  */
 /* stylelint-disable string-no-newline */
 
-/* stylelint-enable string-no-newline */.mc-textarea.svelte-15vrvs3 {font-family:inherit;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%;font-size:1rem;line-height:1.5;min-height:4rem;padding:0.5rem 0.75rem;}.mc-textarea.svelte-15vrvs3::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-textarea.svelte-15vrvs3:hover {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 1px var(--forms-color-border-hover, #4d4d4d);}.mc-textarea.svelte-15vrvs3:focus {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-textarea.svelte-15vrvs3: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);}.mc-textarea[readonly].svelte-15vrvs3 {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-textarea.is-invalid.svelte-15vrvs3 {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 1px var(--forms-color-border-invalid, #ea302d);}.mc-textarea.is-invalid.svelte-15vrvs3:hover {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 1px var(--forms-color-border-invalid-hover, #c61112);}`};function B(h,a){_(a,!0),k(h,A);let s=o(a,"name",7),d=o(a,"value",15),i=o(a,"placeholder",7),c=o(a,"rows",7,2),n=o(a,"isinvalid",7),v=o(a,"disabled",7,!1),m=o(a,"minlength",7),f=o(a,"maxlength",7),u=o(a,"readonly",7);const g=T();function x(e){let p=e.target.value;g("on-input",p)}var r=j();I(r);let b;return r.__input=x,E(()=>{b=O(r,1,"mc-textarea svelte-15vrvs3",null,b,{"is-invalid":n()}),l(r,"aria-invalid",n()),l(r,"name",s()),l(r,"id",s()),l(r,"placeholder",i()),l(r,"rows",c()),r.disabled=v(),l(r,"minlength",m()),l(r,"maxlength",f()),r.readOnly=u()}),S(r,d),q(h,r),z({get name(){return s()},set name(e){s(e),t()},get value(){return d()},set value(e){d(e),t()},get placeholder(){return i()},set placeholder(e){i(e),t()},get rows(){return c()},set rows(e=2){c(e),t()},get isinvalid(){return n()},set isinvalid(e){n(e),t()},get disabled(){return v()},set disabled(e=!1){v(e),t()},get minlength(){return m()},set minlength(e){m(e),t()},get maxlength(){return f()},set maxlength(e){f(e),t()},get readonly(){return u()},set readonly(e){u(e),t()}})}w(["input"]);customElements.define("m-textarea",y(B,{name:{},value:{},placeholder:{},rows:{},isinvalid:{},disabled:{},minlength:{},maxlength:{},readonly:{}},[],[],!0));
+/* stylelint-enable string-no-newline */.mc-textarea.svelte-1i0gjil {font-family:inherit;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%;font-size:1rem;line-height:1.5;min-height:4rem;padding:0.5rem 0.75rem;}.mc-textarea.svelte-1i0gjil::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-textarea.svelte-1i0gjil:hover {border-color:var(--forms-color-border-hover, #4d4d4d);box-shadow:0 0 0 1px var(--forms-color-border-hover, #4d4d4d);}.mc-textarea.svelte-1i0gjil:focus {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-textarea.svelte-1i0gjil: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);}.mc-textarea[readonly].svelte-1i0gjil {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-textarea.is-invalid.svelte-1i0gjil {border-color:var(--forms-color-border-invalid, #ea302d);box-shadow:0 0 0 1px var(--forms-color-border-invalid, #ea302d);}.mc-textarea.is-invalid.svelte-1i0gjil:hover {border-color:var(--forms-color-border-invalid-hover, #c61112);box-shadow:0 0 0 1px var(--forms-color-border-invalid-hover, #c61112);}`};function L(h,r){x(r,!0),w(h,E);let l=a(r,"name",7),i=a(r,"value",15),n=a(r,"placeholder",7),d=a(r,"rows",7,2),t=a(r,"isinvalid",7),c=a(r,"disabled",7,!1),m=a(r,"minlength",7),v=a(r,"maxlength",7),f=a(r,"readonly",7),g=j(r,["$$slots","$$events","$$legacy","$$host","name","value","placeholder","rows","isinvalid","disabled","minlength","maxlength","readonly"]);var s=D();S(s);let u;return p(e=>u=C(s,u,{class:"mc-textarea","aria-invalid":t(),name:l(),id:l(),placeholder:n(),rows:d(),disabled:c(),minlength:m(),maxlength:v(),readonly:f(),spellcheck:"false",...g,[z]:e},"svelte-1i0gjil"),[()=>({"is-invalid":t()})]),A(s,i),_(h,s),k({get name(){return l()},set name(e){l(e),o()},get value(){return i()},set value(e){i(e),o()},get placeholder(){return n()},set placeholder(e){n(e),o()},get rows(){return d()},set rows(e=2){d(e),o()},get isinvalid(){return t()},set isinvalid(e){t(e),o()},get disabled(){return c()},set disabled(e=!1){c(e),o()},get minlength(){return m()},set minlength(e){m(e),o()},get maxlength(){return v()},set maxlength(e){v(e),o()},get readonly(){return f()},set readonly(e){f(e),o()}})}customElements.define("m-textarea",b(L,{name:{},value:{},placeholder:{},rows:{},isinvalid:{},disabled:{},minlength:{},maxlength:{},readonly:{}},[],[],!0));
 //# sourceMappingURL=Textarea.js.map

package/dist/components/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options customElement=\"m-textarea\" />\n\n<script lang=\"ts\">\n  import { createEventDispatcher } from 'svelte';\n\n  interface Props {\n    name: string;\n    value: string;\n    placeholder: string;\n    rows?: number;\n    isinvalid: boolean;\n    disabled?: boolean;\n    minlength: number;\n    maxlength: number;\n    readonly: boolean;\n  }\n\n  let {\n    name,\n    value = $bindable(),\n    placeholder,\n    rows = 2,\n    isinvalid,\n    disabled = false,\n    minlength,\n    maxlength,\n    readonly,\n  }: Props = $props();\n\n  const dispatch = createEventDispatcher();\n\n  function onInput(e: Event) {\n    let value = (e.target as HTMLInputElement).value;\n    dispatch('on-input', value);\n  }\n</script>\n\n<textarea\n  bind:value\n  class=\"mc-textarea\"\n  class:is-invalid={isinvalid}\n  aria-invalid={isinvalid}\n  {name}\n  id={name}\n  {placeholder}\n  {rows}\n  {disabled}\n  {minlength}\n  {maxlength}\n  {readonly}\n  spellcheck=\"false\"\n  oninput={onInput}\n></textarea>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/field';\n  @use '@mozaic-ds/styles/components/textarea';\n</style>\n"],"names":["name","$.prop","$$props","value","placeholder","rows","isinvalid","disabled","minlength","maxlength","readonly","dispatch","createEventDispatcher","onInput"],"mappings":";;;;;snDAkBIA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,EAAKF,EAAAC,EAAA,QAAA,EAAA,EACLE,EAAWH,EAAAC,EAAA,cAAA,CAAA,EACXG,eAAO,CAAC,EACRC,EAASL,EAAAC,EAAA,YAAA,CAAA,EACTK,mBAAW,EAAK,EAChBC,EAASP,EAAAC,EAAA,YAAA,CAAA,EACTO,EAASR,EAAAC,EAAA,YAAA,CAAA,EACTQ,EAAQT,EAAAC,EAAA,WAAA,CAAA,EAGJ,MAAAS,EAAWC,EAAqB,WAE7BC,EAAQ,EAAU,CACrB,IAAAV,EAAS,EAAE,OAA4B,MAC3CQ,EAAS,WAAYR,CAAK,CAC5B,uCAiBSU,mEAXSP,EAAS,EAAA,qBACbA,GAAS,2BAEnBN,GAAI,6TAtBC,EAAC,4GAEG,GAAK"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.svelte"],"sourcesContent":["<svelte:options customElement=\"m-textarea\" />\n\n<script lang=\"ts\">\n  interface Props {\n    name: string;\n    value: string;\n    placeholder: string;\n    rows?: number;\n    isinvalid: boolean;\n    disabled?: boolean;\n    minlength: number;\n    maxlength: number;\n    readonly: boolean;\n  }\n\n  let {\n    name,\n    value = $bindable(),\n    placeholder,\n    rows = 2,\n    isinvalid,\n    disabled = false,\n    minlength,\n    maxlength,\n    readonly,\n    ...events\n  }: Props = $props();\n</script>\n\n<textarea\n  bind:value\n  class=\"mc-textarea\"\n  class:is-invalid={isinvalid}\n  aria-invalid={isinvalid}\n  {name}\n  id={name}\n  {placeholder}\n  {rows}\n  {disabled}\n  {minlength}\n  {maxlength}\n  {readonly}\n  spellcheck=\"false\"\n  {...events}\n></textarea>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/field';\n  @use '@mozaic-ds/styles/components/textarea';\n</style>\n"],"names":["name","$.prop","$$props","value","placeholder","rows","isinvalid","disabled","minlength","maxlength","readonly","events","$.rest_props"],"mappings":";;;;;snDAgBIA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJC,EAAKF,EAAAC,EAAA,QAAA,EAAA,EACLE,EAAWH,EAAAC,EAAA,cAAA,CAAA,EACXG,eAAO,CAAC,EACRC,EAASL,EAAAC,EAAA,YAAA,CAAA,EACTK,mBAAW,EAAK,EAChBC,EAASP,EAAAC,EAAA,YAAA,CAAA,EACTO,EAASR,EAAAC,EAAA,YAAA,CAAA,EACTQ,EAAQT,EAAAC,EAAA,WAAA,CAAA,EACLS,EAAAC,EAAAV,EAAA,uNAQSI,EAAS,cAEnBN,EAAI,uGAQJW,+CAXcL,EAAS,GAAA,6MAblB,EAAC,4GAEG,GAAK"}

package/dist/components/textarea/Textarea.svelte

@@ -1,8 +1,6 @@
 <svelte:options customElement="m-textarea" />
 
 <script lang="ts">
-  import { createEventDispatcher } from 'svelte';
-
   interface Props {
     name: string;
     value: string;
@@ -25,14 +23,8 @@
     minlength,
     maxlength,
     readonly,
+    ...events
   }: Props = $props();
-
-  const dispatch = createEventDispatcher();
-
-  function onInput(e: Event) {
-    let value = (e.target as HTMLInputElement).value;
-    dispatch('on-input', value);
-  }
 </script>
 
 <textarea
@@ -49,7 +41,7 @@
   {maxlength}
   {readonly}
   spellcheck="false"
-  oninput={onInput}
+  {...events}
 ></textarea>
 
 <style>/**
@@ -63,11 +55,7 @@
   color: var(--field-color-label, #000000);
 }
 .mc-field__legend {
-  padding-left: 0;
-  padding-right: 0;
-}
-.mc-field__legend + .mc-field__container, .mc-field__help + .mc-field__container {
-  margin-top: 0.5rem;
+  padding-inline: 0;
 }
 .mc-field__requirement, .mc-field__help {
   font-size: 0.75rem;
@@ -83,21 +71,6 @@
 .mc-field__content {
   margin-top: 0.5rem;
 }
-.mc-field__container--inline, .mc-field__element--inline {
-  display: flex;
-  flex-wrap: wrap;
-}
-.mc-field__container--inline__item:not(:last-child), .mc-field__element--inline__item:not(:last-child) {
-  margin-bottom: 0.25rem;
-  margin-right: 1rem;
-}
-.mc-field__item {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
-}
-.mc-field__item:not(:last-child) {
-  margin-bottom: 0.25rem;
-}
 .mc-field__validation-message {
   font-size: 0.875rem;
   line-height: 1.5;
@@ -123,11 +96,20 @@
   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(--field-color-validation-invalid, %23c61112)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 3.25c-3.72792 0-6.75 3.02208-6.75 6.75 0 3.7279 3.02208 6.75 6.75 6.75 3.7279 0 6.75-3.0221 6.75-6.75 0-3.72792-3.0221-6.75-6.75-6.75ZM1.75 10c0-4.55635 3.69365-8.25 8.25-8.25 4.5563 0 8.25 3.69365 8.25 8.25 0 4.5563-3.6937 8.25-8.25 8.25-4.55635 0-8.25-3.6937-8.25-8.25ZM10 5.91667c.4142 0 .75.33578.75.75v4.16663c0 .4142-.3358.75-.75.75-.41421 0-.75-.3358-.75-.75V6.66667c0-.41422.33579-.75.75-.75Zm0 8.25003c.4602 0 .8333-.3731.8333-.8334 0-.4602-.3731-.8333-.8333-.8333-.46024 0-.83333.3731-.83333.8333 0 .4603.37309.8334.83333.8334Z'/%3E%3C/svg%3E");
 }
 .mc-field--group {
-  border: none;
-  margin-left: 0;
-  margin-right: 0;
+  border-width: 0;
+  margin-inline: 0;
   padding: 0;
 }
+.mc-field--group .mc-field__content {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.mc-field--group .mc-field__content:where(.mc-field__content--inline) {
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 0.25rem 1rem;
+}
 
 /* stylelint-enable string-no-newline */
 .mc-textarea {

package/dist/components/textarea/Textarea.svelte.d.ts

@@ -9,24 +9,7 @@ interface Props {
     maxlength: number;
     readonly: boolean;
 }
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Textarea: $$__sveltets_2_IsomorphicComponent<Props, {
-    'on-input': CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "value">;
-type Textarea = InstanceType<typeof Textarea>;
+declare const Textarea: import("svelte").Component<Props, {}, "value">;
+type Textarea = ReturnType<typeof Textarea>;
 export default Textarea;
 //# sourceMappingURL=Textarea.svelte.d.ts.map

package/dist/components/textarea/Textarea.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAiCH,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,QAAQ;;;;mBAA6E,CAAC;AAC1E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/Textarea.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AA0BH,QAAA,MAAM,QAAQ,gDAAsC,CAAC;AACrD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/textinput/Textinput.js

@@ -1,11 +1,10 @@
-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:`/**
+import{n as H,u as U,d as X,a as Y,p as $,b as ee,e as n,t as E,g as T,h as B,j as te,f as d,s as D,o as V,q as W,r as p,m as ne,v as ie,k as i,l as re}from"../../custom-element.js";import{i as A}from"../../if.js";import{s as oe}from"../../slot.js";import{r as le,b as ae}from"../../attributes.js";import{b as se}from"../../input.js";function ce(c,t,r){H(()=>{var o=U(()=>t(c,r==null?void 0:r())||{});if(o!=null&&o.destroy)return()=>o.destroy()})}function me(c,t,r){t(""),r()("onclear")}var de=E('<span class="mc-text-input__icon svelte-pjmfn3"><!></span>'),pe=E('<div class="mc-controls-options js-control-options svelte-pjmfn3"><button type="button" class="mc-controls-options__button svelte-pjmfn3"><svg class="mc-controls-options__icon svelte-pjmfn3" 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-pjmfn3"></path></svg> <span class="mc-controls-options__label svelte-pjmfn3"> </span></button></div>'),ue=E("<div><!> <input> <!></div>");const fe={hash:"svelte-pjmfn3",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);}
+ */.mc-controls-options.svelte-pjmfn3 {align-items:center;display:inline-flex;justify-content:center;gap:0.5rem;}.mc-controls-options__button.svelte-pjmfn3 {background-color:transparent;border-width:0;color:initial;font-family:inherit;outline:none;appearance:none;cursor:pointer;padding:0;}.mc-controls-options__icon.svelte-pjmfn3 {fill:var(--forms-color-icon-clear, #666666);}.mc-controls-options__button.svelte-pjmfn3, .mc-controls-options__icon.svelte-pjmfn3 {height:1.5rem;width:1.5rem;}.mc-controls-options__label.svelte-pjmfn3 {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-pjmfn3 {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;
+/* stylelint-disable string-no-newline */.mc-text-input.svelte-pjmfn3 {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;box-sizing:border-box;display:flex;align-items:center;gap:0.5rem;}.mc-text-input__control.svelte-pjmfn3 {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);}
+  /* 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-pjmfn3::-webkit-inner-spin-button, .mc-text-input__control[type=number].svelte-pjmfn3::-webkit-outer-spin-button {appearance:none;margin:0;}.mc-text-input__control[type=number].svelte-pjmfn3 {appearance:textfield;}.mc-text-input__control[type=search].svelte-pjmfn3::-webkit-search-decoration, .mc-text-input__control[type=search].svelte-pjmfn3::-webkit-search-cancel-button {appearance:none;}.mc-text-input__control.svelte-pjmfn3::placeholder {color:var(--forms-color-placeholder, #666666);}.mc-text-input__icon.svelte-pjmfn3 {fill:var(--forms-color-icon-default, #666666);height:1.5rem;width:1.5rem;}.mc-text-input.svelte-pjmfn3: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-pjmfn3: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-pjmfn3:has(input:where(.svelte-pjmfn3):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-pjmfn3:has(input[readonly]:where(.svelte-pjmfn3)) {border-color:var(--forms-color-border-read-only, #cccccc);pointer-events:none;}.mc-text-input.svelte-pjmfn3:has(.mc-text-input__icon:where(.svelte-pjmfn3)) {padding-inline-start:0.6875rem;}.mc-text-input.svelte-pjmfn3:has(.mc-text-input__icon:where(.svelte-pjmfn3)) .mc-text-input__control:where(.svelte-pjmfn3) {padding-inline-start:0;}.mc-text-input.svelte-pjmfn3:has(.mc-controls-options:where(.svelte-pjmfn3)) {padding-inline-end:0.6875rem;}.mc-text-input.svelte-pjmfn3:has(.mc-controls-options:where(.svelte-pjmfn3)) .mc-text-input__control:where(.svelte-pjmfn3) {padding-inline-end:0;}.mc-text-input--s.svelte-pjmfn3 {height:2rem;}.mc-text-input--s.svelte-pjmfn3 .mc-text-input__control:where(.svelte-pjmfn3) {padding:0.375rem 0.6875rem;font-size:0.875rem;line-height:1.3;}.mc-text-input--s.svelte-pjmfn3:has(.mc-text-input__icon:where(.svelte-pjmfn3)) {padding-inline-start:0.4375rem;}.mc-text-input--s.svelte-pjmfn3:has(.mc-controls-options:where(.svelte-pjmfn3)) {padding-inline-end:0.4375rem;}.mc-text-input.is-invalid.svelte-pjmfn3 {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-pjmfn3: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);}.mc-text-input.svelte-pjmfn3 :where(.svelte-pjmfn3) {box-sizing:border-box;}
 
-/* 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));
+/* stylelint-enable string-no-newline */.right-align.svelte-pjmfn3 {text-align:right;}`};function ve(c,t){$(t,!0),ee(c,fe);let r=n(t,"name",7),o=n(t,"value",7),h=n(t,"placeholder",7),g=n(t,"inputtype",7,"text"),b=n(t,"isvalid",7),u=n(t,"isinvalid",7),x=n(t,"disabled",7,!1),_=n(t,"size",7,"m"),j=n(t,"iconname",7),w=n(t,"rightalign",7),y=n(t,"min",7),k=n(t,"max",7),z=n(t,"minlength",7),q=n(t,"maxlength",7),C=n(t,"required",7,!1),L=n(t,"clearlabel",7,"Clear content"),F=n(t,"isclearable",7,!1),M=n(t,"onclear",7),S=n(t,"hasicon",7,!1),I=ie(t,["$$slots","$$events","$$legacy","$$host","name","value","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","clearlabel","isclearable","onclear","hasicon"]),J=W(g),N=W(()=>!!(F()&&o()));function O(e,l,s,v){const a=["mc-text-input","mc-field__input"];return e&&a.push("is-valid"),l&&a.push("is-invalid"),s==="s"&&a.push("mc-text-input--s"),v&&a.push("mc-left-icon-input__input"),w()&&a.push("right-align"),a.join(" ")}const Z=e=>{e.type=V(J)};var f=ue(),G=d(f);{var P=e=>{var l=de(),s=d(l);oe(s,t,"icon",{}),p(l),B(e,l)};A(G,e=>{S()&&e(P)})}var m=D(G,2);le(m);let K;H(()=>se(m,o)),ce(m,e=>Z==null?void 0:Z(e));var Q=D(m,2);{var R=e=>{var l=pe(),s=d(l);s.__click=[me,o,M];var v=D(d(s),2),a=d(v,!0);p(v),p(s),p(l),T(()=>re(a,L())),B(e,l)};A(Q,e=>{V(N)&&e(R)})}return p(f),T(e=>{ne(f,1,`${e??""} `,"svelte-pjmfn3"),K=ae(m,K,{class:"mc-text-input__control","aria-invalid":u(),name:r(),id:r(),placeholder:h(),disabled:x(),min:y(),max:k(),minlength:z(),maxlength:q(),spellcheck:"false",required:C(),...I},"svelte-pjmfn3")},[()=>O(b(),u(),_(),j())]),B(c,f),te({get name(){return r()},set name(e){r(e),i()},get value(){return o()},set value(e){o(e),i()},get placeholder(){return h()},set placeholder(e){h(e),i()},get inputtype(){return g()},set inputtype(e="text"){g(e),i()},get isvalid(){return b()},set isvalid(e){b(e),i()},get isinvalid(){return u()},set isinvalid(e){u(e),i()},get disabled(){return x()},set disabled(e=!1){x(e),i()},get size(){return _()},set size(e="m"){_(e),i()},get iconname(){return j()},set iconname(e){j(e),i()},get rightalign(){return w()},set rightalign(e){w(e),i()},get min(){return y()},set min(e){y(e),i()},get max(){return k()},set max(e){k(e),i()},get minlength(){return z()},set minlength(e){z(e),i()},get maxlength(){return q()},set maxlength(e){q(e),i()},get required(){return C()},set required(e=!1){C(e),i()},get clearlabel(){return L()},set clearlabel(e="Clear content"){L(e),i()},get isclearable(){return F()},set isclearable(e=!1){F(e),i()},get onclear(){return M()},set onclear(e){M(e),i()},get hasicon(){return S()},set hasicon(e=!1){S(e),i()}})}X(["click"]);customElements.define("m-textinput",Y(ve,{name:{},value:{},placeholder:{},inputtype:{},isvalid:{},isinvalid:{},disabled:{},size:{},iconname:{},rightalign:{},min:{},max:{},minlength:{},maxlength:{},required:{},clearlabel:{},isclearable:{},onclear:{},hasicon:{}},["icon"],[],!0));
 //# sourceMappingURL=Textinput.js.map

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

@@ -1 +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]}
+{"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    hasicon?: boolean;\n    onclear?: (arg: string) => void;\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    onclear,\n    hasicon = 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    value = '';\n    onclear('onclear');\n  }\n</script>\n\n{#snippet icon()}\n  <span class=\"mc-text-input__icon\">\n    <slot name=\"icon\" />\n  </span>\n{/snippet}\n<div class=\"{getClasses(isvalid, isinvalid, size, iconname)} \">\n  {#if hasicon}\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","onclear","name","$.prop","$$props","placeholder","inputtype","isvalid","isinvalid","disabled","size","iconname","rightalign","min","max","minlength","maxlength","required","clearlabel","isclearable","hasicon","events","$.rest_props","inputType","displayClear","getClasses","isValid","isInvalid","classes","setType","node","$.get","$$render","consequent","consequent_1"],"mappings":"8UAYO,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,CC+CW,SAAAE,GAAaC,EAAAC,EAAAC,EAAA,CACpBD,EAAQ,EAAE,EACVC,EAAO,EAAC,SAAS,CACnB;;;;;;;;+HAhEEC,EAAIC,EAAAC,EAAA,OAAA,CAAA,EACJJ,EAAKG,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,EACnBlB,EAAOE,EAAAC,EAAA,UAAA,CAAA,EACPgB,kBAAU,EAAK,EACZC,EAAAC,GAAAlB,EAAA,mPAGDmB,IAAqBjB,CAAS,EAC9BkB,QAAwB,GAAAL,EAAW,GAAInB,EAAQ,EAAY,WAEtDyB,EACPC,EACAC,EACAjB,EACAC,EACQ,OACFiB,EAAO,CAAI,gBAAiB,iBAAiB,EAE/C,OAAAF,GACFE,EAAQ,KAAK,UAAU,EAGrBD,GACFC,EAAQ,KAAK,YAAY,EAGvBlB,IAAS,KACXkB,EAAQ,KAAK,kBAAkB,EAG7BjB,GACFiB,EAAQ,KAAK,2BAA2B,EAGtChB,EAAU,GACZgB,EAAQ,KAAK,aAAa,EAGrBA,EAAQ,KAAK,GAAG,CACzB,OAEMC,EAAWC,GAAc,CAE7BA,EAAK,KAAIC,EAAGR,CAAS,CACtB,wFAcIH,EAAO,GAAAY,EAAAC,CAAA,8HA6BGnC,GAAUE,EAAAC,CAAA,sDAQuBiB,EAAU,CAAA,CAAA,oBAdrDM,CAAY,GAAAQ,EAAAE,CAAA,kHAdD1B,EAAS,cAEnBN,EAAI,8GASJmB,sBArBK,IAAAI,EAAWlB,EAAO,EAAEC,EAAS,EAAEE,IAAMC,EAAQ,CAAA,kNArE1C,OAAM,+JAGP,GAAK,6CACT,IAAG,uWAOC,GAAK,yDACH,gBAAe,2DACd,GAAK,sGAET,GAAK","x_google_ignoreList":[0]}