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

package/dist/components/radiogroup/RadioGroup.svelte

@@ -4,11 +4,12 @@
     props: {
       options: { type: 'Array', attribute: 'options' },
     },
-    shadow: 'none',
+    extend: customElementForwardEvents,
   }}
 />
 
 <script lang="ts">
+  import { customElementForwardEvents } from '../../utils';
   import type { RadioGroupOption } from './radioGroup.types';
 
   interface Props {
@@ -33,7 +34,6 @@
 
   function onChange(value: string) {
     selectedValue = value;
-    // dispatch('change', selectedValue);
   }
 </script>
 
@@ -73,6 +73,7 @@
   align-items: center;
   display: flex;
   gap: 0.5rem;
+  padding: 0.375rem;
 }
 .mc-radio__label {
   font-size: 1rem;
@@ -84,6 +85,7 @@
   appearance: none;
   margin: 0;
   cursor: pointer;
+  flex-shrink: 0;
   transition: box-shadow 200ms ease;
   background-color: var(--forms-color-background-default, #ffffff);
   border: 0.125rem solid var(--forms-color-border-default, #666666);
@@ -150,11 +152,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 +168,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;
@@ -192,7 +175,7 @@
   gap: 0.25rem;
   margin-top: 0.25rem;
 }
-.mc-field__validation-message::before {
+.mc-field__validation-message.is-valid::before, .mc-field__validation-message.is-invalid::before {
   content: "";
   height: 1.25rem;
   width: 1.25rem;
@@ -209,11 +192,23 @@
 .mc-field__validation-message.is-invalid::before {
   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__validation-message.is-loading {
+  color: var(--field-color-validation-loading, #666666);
+}
 .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;
+  flex-shrink: 0;
+  gap: 0.25rem;
+}
+.mc-field--group .mc-field__content:where(.mc-field__content--inline) {
+  flex-flow: row wrap;
+  gap: 0.25rem 1rem;
+}
 
 /* stylelint-enable string-no-newline */</style>

package/dist/components/radiogroup/RadioGroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/radiogroup/RadioGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAqDH,QAAA,MAAM,UAAU,2CAAsC,CAAC;AACvD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/radiogroup/RadioGroup.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAqDH,QAAA,MAAM,UAAU,2CAAsC,CAAC;AACvD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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{c as L,a as M,b as A,d as t,S as D,e as F,f as p,w as W,l as i,h as b,i as q,j as a,g as h,s as G,r as g,W as H,t as y,k as z}from"../../custom-element.js";import{i as I}from"../../if.js";import{e as J,i as K}from"../../each.js";import{b as N,d as O}from"../../attributes.js";import{c as P}from"../../custom-element-forward-events.js";var Q=p("<option disabled selected> </option>"),R=p("<option> </option>"),T=p("<select><!><!></select>");const U={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 V(w,s){M(s,!0),A(w,U);let n=t(s,"id",7),c=t(s,"valueselected",7,""),d=t(s,"placeholder",7),v=t(s,"size",7,"m"),u=t(s,"isinvalid",7,!1),m=t(s,"disabled",7,!1),f=t(s,"options",7),E=W(s,["$$slots","$$events","$$legacy","$$host","id","valueselected","placeholder","size","isinvalid","disabled","options"]),x=D(F(c()));function C(e,r){const o=["mc-select"];return e&&o.push("is-invalid"),r&&o.push(`mc-select--${r}`),o.join(" ")}var l=T();N(l,e=>({id:n(),class:e,disabled:m(),...E}),[()=>C(u(),v())],"svelte-i0s2u");var _=h(l);{var S=e=>{var r=Q();r.value=r.__value="";var o=h(r);g(r),y(()=>z(o,`-- ${d()??""} --`)),b(e,r)};I(_,e=>{d()&&e(S)})}var j=G(_);return J(j,17,f,K,(e,r)=>{var o=R(),k={},B=h(o,!0);g(o),y(()=>{o.disabled=i(r).disabled,k!==(k=i(r).value)&&(o.value=(o.__value=i(r).value)??""),z(B,i(r).text)}),b(e,o)}),g(l),O(l,()=>i(x),e=>H(x,e)),b(w,l),q({get id(){return n()},set id(e){n(e),a()},get valueselected(){return c()},set valueselected(e=""){c(e),a()},get placeholder(){return d()},set placeholder(e){d(e),a()},get size(){return v()},set size(e="m"){v(e),a()},get isinvalid(){return u()},set isinvalid(e=!1){u(e),a()},get disabled(){return m()},set disabled(e=!1){m(e),a()},get options(){return f()},set options(e){f(e),a()}})}customElements.define("m-select",L(V,{options:{attribute:"options",type:"Array"},id:{},valueselected:{},placeholder:{},size:{},isinvalid:{},disabled:{}},[],[],!0,P));
 //# 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":["../../../src/components/select/Select.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-select',\n    props: {\n      options: { type: 'Array', attribute: 'options' },\n    },\n    extend: customElementForwardEvents,\n  }}\n/>\n\n<script lang=\"ts\">\n  import { customElementForwardEvents } from '../../utils';\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    ...events\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<select\n  {id}\n  class={setClasses(isinvalid, size)}\n  {disabled}\n  bind:value={valueSelected}\n  {...events}\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":["id","$.prop","$$props","valueselected","placeholder","size","isinvalid","disabled","options","events","$.rest_props","valueSelected","setClasses","classes","$$render","consequent","$.each","node_1","opt","option_1","$.get","option_1_value","$.set_text","text_1","$.bind_select_value","select","$$value","customElementForwardEvents"],"mappings":";;;;;8EA2BIA,EAAEC,EAAAC,EAAA,KAAA,CAAA,EACFC,wBAAgB,EAAE,EAClBC,EAAWH,EAAAC,EAAA,cAAA,CAAA,EACXG,eAAO,GAAG,EACVC,oBAAY,EAAK,EACjBC,mBAAW,EAAK,EAChBC,EAAOP,EAAAC,EAAA,UAAA,CAAA,EACJO,EAAAC,EAAAR,EAAA,uHAEDS,MAAuBR,EAAa,CAAA,CAAA,EAE/B,SAAAS,EAAWN,EAAoBD,EAA0B,CAC1D,MAAAQ,GAAW,WAAW,EAExB,OAAAP,GACFO,EAAQ,KAAK,YAAY,EAEvBR,GACFQ,EAAQ,KAAI,cAAeR,CAAI,EAAA,EAG1BQ,EAAQ,KAAK,GAAG,CACzB,mDAQIJ,SAHGG,EAAWN,EAAS,EAAED,EAAI,CAAA,wGAOzBD,KAAW,EAAA,KAAA,CAAA,kBAFdA,EAAW,GAAAU,EAAAC,CAAA,eAMTC,OAAAA,EAAAC,EAAA,GAAAT,OAAWU,IAAG,sCACDC,EAAA,SAAAC,EAAAF,CAAG,EAAC,SAAiBG,KAAAA,EAAAD,EAAAF,CAAG,EAAC,SAAJC,EAAA,OAAAA,EAAA,QAAAC,EAAAF,CAAG,EAAC,QAAK,IAC7CI,EAAAC,EAAAH,EAAAF,CAAG,EAAC,IAAI,kBAXDM,EAAAC,EAAA,IAAAL,EAAAT,CAAa,OAAbA,EAAae,CAAA,CAAA,yGA5BP,GAAE,wGAEX,IAAG,uDACE,GAAK,qDACN,GAAK,kOA1BRC"}

package/dist/components/select/Select.svelte

@@ -4,13 +4,12 @@
     props: {
       options: { type: 'Array', attribute: 'options' },
     },
-    shadow: 'none',
+    extend: customElementForwardEvents,
   }}
 />
 
 <script lang="ts">
-  import { createEventDispatcher } from 'svelte';
-
+  import { customElementForwardEvents } from '../../utils';
   import type { SelectOption, SelectSize } from './select.types';
 
   interface Props {
@@ -33,6 +32,7 @@
     isinvalid = false,
     disabled = false,
     options,
+    ...events
   }: Props = $props();
   let valueSelected = $state(valueselected);
 
@@ -50,12 +50,12 @@
   }
 </script>
 
-<!-- svelte-ignore a11y_no_onchange -->
 <select
   {id}
   class={setClasses(isinvalid, size)}
   {disabled}
   bind:value={valueSelected}
+  {...events}
 >
   {#if placeholder}
     <option value="" disabled selected>

package/dist/components/select/Select.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG7D,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA2DH,QAAA,MAAM,MAAM,2CAAsC,CAAC;AACnD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/select/Select.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG7D,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA0DH,QAAA,MAAM,MAAM,2CAAsC,CAAC;AACnD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

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{c as n,a as b,b as g,d as i,f as m,g as d,t as p,h as v,i as f,j as w,s as h,r as c,m as k}from"../../custom-element.js";import{s as z}from"../../slot.js";import{S as _}from"./StatusDot.js";var x=m('<div><!> <span class="mc-status-badge__label svelte-1swzp5e"><!></span></div>');const y={hash:"svelte-1swzp5e",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-1swzp5e {background-color:var(--status-badge-color-background-information, #e1f3f9);border:1px solid var(--status-badge-color-border-information, #a7d9ed);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-1swzp5e {color:var(--status-badge-color-label, #000000);}.mc-status-badge__label.svelte-1swzp5e::first-letter {text-transform:uppercase;}.mc-status-badge--success.svelte-1swzp5e {background-color:var(--status-badge-color-background-success, #ebf5de);border:1px solid var(--status-badge-color-border-success, #c5e39e);}.mc-status-badge--error.svelte-1swzp5e {background-color:var(--status-badge-color-background-error, #fdeaea);border:1px solid var(--status-badge-color-border-error, #f8bcbb);}.mc-status-badge--warning.svelte-1swzp5e {background-color:var(--status-badge-color-background-warning, #fdf1e8);border:1px solid var(--status-badge-color-border-warning, #f8d2b3);}.mc-status-badge--neutral.svelte-1swzp5e {background-color:var(--status-badge-color-background-neutral, #f2f2f2);border:1px solid var(--status-badge-color-border-neutral, #cccccc);}.mc-status-dot.svelte-1swzp5e {background-color:var(--status-dot-color-background-information, #0b96cc);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-1swzp5e {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-1swzp5e {height:1rem;width:1rem;}.mc-status-dot--success.svelte-1swzp5e {background-color:var(--status-dot-color-background-success, #3f9e10);}.mc-status-dot--error.svelte-1swzp5e {background-color:var(--status-dot-color-background-error, #ea302d);}.mc-status-dot--warning.svelte-1swzp5e {background-color:var(--status-dot-color-background-warning, #ea7315);}.mc-status-dot--neutral.svelte-1swzp5e {background-color:var(--status-dot-color-background-neutral, #808080);}`};function S(a,t){b(t,!0),g(a,y);let e=i(t,"status",7);var s=x(),r=d(s);_(r,{get status(){return e()},size:"m"});var o=h(r,2),l=d(o);return z(l,t,"default",{}),c(o),c(s),p(()=>k(s,1,`mc-status-badge ${e()?`mc-status-badge--${e()}`:""}`,"svelte-1swzp5e")),v(a,s),f({get status(){return e()},set status(u){e(u),w()}})}customElements.define("m-status-badge",n(S,{status:{}},["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    status: BadgeStyle;\n  }\n\n  let { status }: Props = $props();\n</script>\n\n<div class=\"mc-status-badge {status ? `mc-status-badge--${status}` : ''}\">\n  <StatusDot {status} 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":["status","$.prop","$$props"],"mappings":";;ggEAUQA,EAAMC,EAAAC,EAAA,SAAA,CAAA,oJAGeF,EAAM,EAAA,oBAAuBA,EAAM,CAAA,GAAK,EAAE,GAAA,gBAAA,CAAA"}

package/dist/components/statusbadge/StatusBadge.svelte

@@ -5,14 +5,14 @@
   import StatusDot from './StatusDot.svelte';
 
   interface Props {
-    style: BadgeStyle;
+    status: BadgeStyle;
   }
 
-  let { style }: Props = $props();
+  let { status }: Props = $props();
 </script>
 
-<div class="mc-status-badge {style ? `mc-status-badge--${style}` : ''}">
-  <StatusDot {style} size="m" />
+<div class="mc-status-badge {status ? `mc-status-badge--${status}` : ''}">
+  <StatusDot {status} size="m" />
   <span class="mc-status-badge__label"><slot /></span>
 </div>
 
@@ -21,6 +21,7 @@
  */
 .mc-status-badge {
   background-color: var(--status-badge-color-background-information, #e1f3f9);
+  border: 1px solid var(--status-badge-color-border-information, #a7d9ed);
   border-radius: 0.25rem;
   font-weight: 400;
   font-size: 0.875rem;
@@ -41,19 +42,23 @@
 }
 .mc-status-badge--success {
   background-color: var(--status-badge-color-background-success, #ebf5de);
+  border: 1px solid var(--status-badge-color-border-success, #c5e39e);
 }
-.mc-status-badge--danger {
-  background-color: var(--status-badge-color-background-danger, #fdeaea);
+.mc-status-badge--error {
+  background-color: var(--status-badge-color-background-error, #fdeaea);
+  border: 1px solid var(--status-badge-color-border-error, #f8bcbb);
 }
 .mc-status-badge--warning {
   background-color: var(--status-badge-color-background-warning, #fdf1e8);
+  border: 1px solid var(--status-badge-color-border-warning, #f8d2b3);
 }
 .mc-status-badge--neutral {
-  background-color: var(--status-badge-color-background-neutral, #e6e6e6);
+  background-color: var(--status-badge-color-background-neutral, #f2f2f2);
+  border: 1px solid var(--status-badge-color-border-neutral, #cccccc);
 }
 
 .mc-status-dot {
-  background-color: var(--status-dot-color-background-information, #0074aa);
+  background-color: var(--status-dot-color-background-information, #0b96cc);
   height: 0.5rem;
   width: 0.5rem;
   border-radius: 100%;
@@ -68,14 +73,14 @@
   width: 1rem;
 }
 .mc-status-dot--success {
-  background-color: var(--status-dot-color-background-success, #117f03);
+  background-color: var(--status-dot-color-background-success, #3f9e10);
 }
-.mc-status-dot--danger {
-  background-color: var(--status-dot-color-background-danger, #c61112);
+.mc-status-dot--error {
+  background-color: var(--status-dot-color-background-error, #ea302d);
 }
 .mc-status-dot--warning {
-  background-color: var(--status-dot-color-background-warning, #b64f00);
+  background-color: var(--status-dot-color-background-warning, #ea7315);
 }
 .mc-status-dot--neutral {
-  background-color: var(--status-dot-color-background-neutral, #666666);
+  background-color: var(--status-dot-color-background-neutral, #808080);
 }</style>

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

@@ -1,6 +1,6 @@
 import type { BadgeStyle } from './badge.types';
 interface Props {
-    style: BadgeStyle;
+    status: 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,MAAM,EAAE,UAAU,CAAC;CACpB;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{c as d,a as n,b as l,d as u,f as i,t as m,h as v,i as g,j as c,m as p}from"../../custom-element.js";var h=i("<div></div>");const b={hash:"svelte-uxnpzo",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-uxnpzo {background-color:var(--status-dot-color-background-information, #0b96cc);height:0.5rem;width:0.5rem;border-radius:100%;display:inline-block;}.mc-status-dot--s.svelte-uxnpzo {height:0.25rem;width:0.25rem;}.mc-status-dot--l.svelte-uxnpzo {height:1rem;width:1rem;}.mc-status-dot--success.svelte-uxnpzo {background-color:var(--status-dot-color-background-success, #3f9e10);}.mc-status-dot--error.svelte-uxnpzo {background-color:var(--status-dot-color-background-error, #ea302d);}.mc-status-dot--warning.svelte-uxnpzo {background-color:var(--status-dot-color-background-warning, #ea7315);}.mc-status-dot--neutral.svelte-uxnpzo {background-color:var(--status-dot-color-background-neutral, #808080);}`};function z(a,e){n(e,!0),l(a,b);let t=u(e,"size",7),s=u(e,"status",7);var r=h();return m(()=>p(r,1,`mc-status-dot ${t()?`mc-status-dot--${t()}`:""}  ${s()?`mc-status-dot--${s()}`:""}`,"svelte-uxnpzo")),v(a,r),g({get size(){return t()},set size(o){t(o),c()},get status(){return s()},set status(o){s(o),c()}})}customElements.define("m-status-dot",d(z,{size:{},status:{}},[],[],!0));export{z 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' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n\n  interface Props {\n    status: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { size, status }: Props = $props();\n</script>\n\n<div\n  class=\"mc-status-dot {size ? `mc-status-dot--${size}` : ''}  {status\n    ? `mc-status-dot--${status}`\n    : ''}\"\n></div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-dot';\n</style>\n"],"names":["size","$.prop","$$props","status"],"mappings":";;4vBAUQA,EAAIC,EAAAC,EAAA,OAAA,CAAA,EAAEC,EAAMF,EAAAC,EAAA,SAAA,CAAA,gDAIIF,IAAI,kBAAqBA,GAAS,GAAA,EAAE,KAAIG,IACxC,kBAAAA,MAClB,EAAE,GAAA,eAAA,CAAA"}

package/dist/components/statusbadge/StatusDot.svelte

@@ -1,19 +1,19 @@
-<svelte:options customElement={{ tag: 'm-status-dot', shadow: 'none' }} />
+<svelte:options customElement={{ tag: 'm-status-dot' }} />
 
 <script lang="ts">
   import type { BadgeStyle, BadgeSize } from './badge.types';
 
   interface Props {
-    style: BadgeStyle;
+    status: BadgeStyle;
     size: BadgeSize;
   }
 
-  let { style, size }: Props = $props();
+  let { size, status }: 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}` : ''}  {status
+    ? `mc-status-dot--${status}`
     : ''}"
 ></div>
 
@@ -21,7 +21,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 .mc-status-dot {
-  background-color: var(--status-dot-color-background-information, #0074aa);
+  background-color: var(--status-dot-color-background-information, #0b96cc);
   height: 0.5rem;
   width: 0.5rem;
   border-radius: 100%;
@@ -36,14 +36,14 @@
   width: 1rem;
 }
 .mc-status-dot--success {
-  background-color: var(--status-dot-color-background-success, #117f03);
+  background-color: var(--status-dot-color-background-success, #3f9e10);
 }
-.mc-status-dot--danger {
-  background-color: var(--status-dot-color-background-danger, #c61112);
+.mc-status-dot--error {
+  background-color: var(--status-dot-color-background-error, #ea302d);
 }
 .mc-status-dot--warning {
-  background-color: var(--status-dot-color-background-warning, #b64f00);
+  background-color: var(--status-dot-color-background-warning, #ea7315);
 }
 .mc-status-dot--neutral {
-  background-color: var(--status-dot-color-background-neutral, #666666);
+  background-color: var(--status-dot-color-background-neutral, #808080);
 }</style>

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

@@ -1,6 +1,6 @@
 import type { BadgeStyle, BadgeSize } from './badge.types';
 interface Props {
-    style: BadgeStyle;
+    status: 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,MAAM,EAAE,UAAU,CAAC;IACnB,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/statusbadge/badge.types.d.ts

@@ -1,3 +1,3 @@
-export type BadgeStyle = 'danger' | 'success' | 'warning' | 'neutral' | 'info';
+export type BadgeStyle = 'error' | 'success' | 'warning' | 'neutral' | 'info';
 export type BadgeSize = 's' | 'm' | 'l';
 //# sourceMappingURL=badge.types.d.ts.map

package/dist/components/statusbadge/badge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/badge.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC"}
+{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/statusbadge/badge.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAC9E,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC"}

package/dist/components/statusnotification/StatusNotification.js

@@ -0,0 +1,7 @@
+import{z as O,E as Q,A as U,B as W,C as h,D as G,F as P,N as ce,G as fe,H as ue,I as de,J as me,K as J,L as K,M as ge,O as ve,P as he,c as q,a as C,d as a,Q as M,t as w,h as _,i as S,j as l,m as k,R as L,b as _e,S as ye,e as we,f as I,w as be,g as N,l as xe,r as z,s as E,T as Ne,U as ze,k as j,V as pe}from"../../custom-element.js";import{i as D}from"../../if.js";import{s as qe}from"../../slot.js";import{s as u,c as A,b as Ce,C as Se}from"../../attributes.js";import"../../legacy.js";function ke(d,t,f){h&&G();var r=d,i,c;O(()=>{i!==(i=t())&&(c&&(W(c),c=null),i&&(c=U(()=>f(r,i))))},Q),h&&(r=P)}function Ze(d,t,f,r,i,c){let o=h;h&&G();var s,e,g=null;h&&P.nodeType===1&&(g=P,G());var Z=h?P:d,y;O(()=>{const v=t()||null;var b=v==="svg"?ce:null;v!==s&&(y&&(v===null?W(y,()=>{y=null,e=null}):v===e?ve(y):he(y)),v&&v!==e&&(y=U(()=>{if(g=h?g:b?document.createElementNS(b,v):document.createElement(v),fe(g,g),r){h&&ue(v)&&g.append(document.createComment(""));var x=h?de(g):g.appendChild(me());h&&(x===null?J(!1):K(x)),r(g,x)}ge.nodes_end=g,Z.before(g)})),s=v,s&&(e=s))},Q),o&&(J(!0),K(Z))}var Ee=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><g clip-path="url(#a)"><path fill-rule="evenodd" d="M16.364 4.697a.75.75 0 1 0-1.061-1.06L10 8.938 4.697 3.636a.75.75 0 0 0-1.06 1.06L8.938 10l-5.303 5.303a.75.75 0 0 0 1.061 1.06L10 11.06l5.303 5.303a.75.75 0 0 0 1.06-1.06L11.062 10l5.303-5.303Z"></path></g><defs><clipPath id="a"><rect width="20" height="20" fill="#fff"></rect></clipPath></defs></svg>');function X(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"1.25rem");var s=Ee();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-cross-20",q(X,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Me=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-2.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1ZM16 12a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12Z"></path></svg>');function Y(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"2rem");var s=Me();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-info-circle-32",q(Y,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Le=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1Zm0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667Z"></path></svg>');function $(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"2rem");var s=Le();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-warning-circle-32",q($,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Ae=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm-3.293 8.293a1 1 0 0 0-1.414 1.414L14.586 16l-3.293 3.293a1 1 0 0 0 1.414 1.414L16 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L17.414 16l3.293-3.293a1 1 0 0 0-1.414-1.414L16 14.586l-3.293-3.293Z"></path></svg>');function ee(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"2rem");var s=Ae();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-cross-circle-32",q(ee,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Be=M('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" d="M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm6.707 10.374a1 1 0 0 0-1.414-1.414l-6.626 6.626-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.333-7.333Z"></path></svg>');function te(d,t){C(t,!1);let f=a(t,"id",12,void 0),r=a(t,"style",12,void 0),i=a(t,"className",12,void 0),c=a(t,"fill",12,void 0),o=a(t,"size",12,"2rem");var s=Be();return w(()=>{u(s,"width",o()),u(s,"height",o()),u(s,"id",f()),A(s,r()),k(s,0,L(i())),u(s,"fill",c())}),_(d,s),S({get id(){return f()},set id(e){f(e),l()},get style(){return r()},set style(e){r(e),l()},get className(){return i()},set className(e){i(e),l()},get fill(){return c()},set fill(e){c(e),l()},get size(){return o()},set size(e){o(e),l()}})}customElements.define("ui-check-circle-32",q(te,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));var Pe=I('<div class="mc-status-notification__footer svelte-1qc7gyl"><!></div>'),Te=I('<button class="mc-status-notification-closable__close svelte-1qc7gyl"><!> <span class="mc-status-notification-closable__text svelte-1qc7gyl"> </span></button>'),Fe=I('<section><span class="mc-status-notification__icon svelte-1qc7gyl" aria-hidden="true"><!></span> <div class="mc-status-notification__content svelte-1qc7gyl"><!> <p class="mc-status-notification__message svelte-1qc7gyl"> </p> <!></div> <!></section>');const Re={hash:"svelte-1qc7gyl",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */
+/* create columns */
+/* create columns */
+/* create custom named columns with custom content */.mc-status-notification.svelte-1qc7gyl {border-radius:0.5rem;display:flex;flex-flow:row wrap;align-items:flex-start;background:var(--status-notification-color-background-information, #e1f3f9);box-shadow:inset 0 0 0 1px var(--status-notification-color-border-information, #3facd7);position:relative;box-sizing:border-box;color:var(--status-notification-color-text, #000000);}.mc-status-notification__icon.svelte-1qc7gyl {width:2rem;height:2rem;margin:0.75rem;fill:var(--status-notification-color-icon-information, #0b96cc);}.mc-status-notification__content.svelte-1qc7gyl {flex:1 1 0;padding:0.75rem 1rem 0.75rem 0;}.mc-status-notification__title.svelte-1qc7gyl, .mc-status-notification__message.svelte-1qc7gyl {line-height:1.3;margin-block:0;}.mc-status-notification__title.svelte-1qc7gyl {font-weight:600;font-size:1rem;margin-block-end:0.25rem;}.mc-status-notification__message.svelte-1qc7gyl {font-size:0.875rem;}.mc-status-notification__footer.svelte-1qc7gyl {align-items:flex-start;display:flex;flex-flow:row wrap;gap:0.5rem;margin-top:0.75rem;margin-bottom:0.5rem;}.mc-status-notification--success.svelte-1qc7gyl {background:var(--status-notification-color-background-success, #ebf5de);box-shadow:inset 0 0 0 1px var(--status-notification-color-border-success, #78be20);}.mc-status-notification--success.svelte-1qc7gyl .mc-status-notification__icon:where(.svelte-1qc7gyl) {fill:var(--status-notification-color-icon-success, #3f9e10);}.mc-status-notification--warning.svelte-1qc7gyl {background:var(--status-notification-color-background-warning, #fdf1e8);box-shadow:inset 0 0 0 1px var(--status-notification-color-border-warning, #ef934a);}.mc-status-notification--warning.svelte-1qc7gyl .mc-status-notification__icon:where(.svelte-1qc7gyl) {fill:var(--status-notification-color-icon-warning, #ea7315);}.mc-status-notification--error.svelte-1qc7gyl {background:var(--status-notification-color-background-error, #fdeaea);box-shadow:inset 0 0 0 1px var(--status-notification-color-border-error, #ef5f5c);}.mc-status-notification--error.svelte-1qc7gyl .mc-status-notification__icon:where(.svelte-1qc7gyl) {fill:var(--status-notification-color-icon-error, #ea302d);}.mc-status-notification-closable__close.svelte-1qc7gyl {border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0.25rem;outline:0;background:transparent;}.mc-status-notification-closable__text.svelte-1qc7gyl {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}`};function je(d,t){C(t,!0),_e(d,Re);let f=a(t,"title",7),r=a(t,"description",7),i=a(t,"status",7,"information"),c=a(t,"closable",7,!1),o=a(t,"hasfooter",7,!1),s=a(t,"closelabel",7,"Close"),e=a(t,"titletag",7,"h2"),g=be(t,["$$slots","$$events","$$legacy","$$host","title","description","status","closable","hasfooter","closelabel","titletag"]);const Z=[{status:"information",component:Y},{status:"success",component:te},{status:"warning",component:$},{status:"error",component:ee}];function y(n){return Z.find(m=>m.status===n)||Z[0]}let v=ye(we(y(i())));var b=Fe();Ce(b,n=>({class:"mc-status-notification",role:"status",...g,[Se]:n}),[()=>({"mc-status-notification--success":i()==="success","mc-status-notification--warning":i()==="warning","mc-status-notification--error":i()==="error"})],"svelte-1qc7gyl");var x=N(b),se=N(x);ke(se,()=>xe(v).component,(n,m)=>{m(n,{class:"mc-status-notification__icon","aria-hidden":"true"})}),z(x);var T=E(x,2),V=N(T);{var ie=n=>{var m=Ne(),p=ze(m);Ze(p,e,!1,(B,R)=>{k(B,0,"mc-status-notification__title svelte-1qc7gyl");var H=pe();w(()=>j(H,f())),_(R,H)}),_(n,m)};D(V,n=>{f()&&n(ie)})}var F=E(V,2),ae=N(F,!0);z(F);var le=E(F,2);{var ne=n=>{var m=Pe(),p=N(m);qe(p,t,"footer",{}),z(m),_(n,m)};D(le,n=>{o()&&n(ne)})}z(T);var oe=E(T,2);{var re=n=>{var m=Te(),p=N(m);X(p,{class:"mc-status-notification-closable__icon","aria-hidden":"true"});var B=E(p,2),R=N(B,!0);z(B),z(m),w(()=>j(R,s())),_(n,m)};D(oe,n=>{c()&&n(re)})}return z(b),w(()=>j(ae,r())),_(d,b),S({get title(){return f()},set title(n){f(n),l()},get description(){return r()},set description(n){r(n),l()},get status(){return i()},set status(n="information"){i(n),l()},get closable(){return c()},set closable(n=!1){c(n),l()},get hasfooter(){return o()},set hasfooter(n=!1){o(n),l()},get closelabel(){return s()},set closelabel(n="Close"){s(n),l()},get titletag(){return e()},set titletag(n="h2"){e(n),l()}})}customElements.define("m-status-notification",q(je,{title:{},description:{},status:{},closable:{},hasfooter:{},closelabel:{},titletag:{}},["footer"],[],!0));
+//# sourceMappingURL=StatusNotification.js.map

package/dist/components/statusnotification/StatusNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusNotification.js","sources":["../../../node_modules/svelte/src/internal/client/dom/blocks/svelte-component.js","../../../node_modules/svelte/src/internal/client/dom/blocks/svelte-element.js","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/Cross20/Cross20.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/InfoCircle32/InfoCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/WarningCircle32/WarningCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/CrossCircle32/CrossCircle32.svelte","../../../node_modules/@mozaic-ds/icons-svelte/dist/components/CheckCircle32/CheckCircle32.svelte","../../../src/components/statusnotification/StatusNotification.svelte"],"sourcesContent":["/** @import { TemplateNode, Dom, Effect } from '#client' */\nimport { EFFECT_TRANSPARENT } from '#client/constants';\nimport { block, branch, pause_effect } from '../../reactivity/effects.js';\nimport { hydrate_next, hydrate_node, hydrating } from '../hydration.js';\n\n/**\n * @template P\n * @template {(props: P) => void} C\n * @param {TemplateNode} node\n * @param {() => C} get_component\n * @param {(anchor: TemplateNode, component: C) => Dom | void} render_fn\n * @returns {void}\n */\nexport function component(node, get_component, render_fn) {\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar anchor = node;\n\n\t/** @type {C} */\n\tvar component;\n\n\t/** @type {Effect | null} */\n\tvar effect;\n\n\tblock(() => {\n\t\tif (component === (component = get_component())) return;\n\n\t\tif (effect) {\n\t\t\tpause_effect(effect);\n\t\t\teffect = null;\n\t\t}\n\n\t\tif (component) {\n\t\t\teffect = branch(() => render_fn(anchor, component));\n\t\t}\n\t}, EFFECT_TRANSPARENT);\n\n\tif (hydrating) {\n\t\tanchor = hydrate_node;\n\t}\n}\n","/** @import { Effect, TemplateNode } from '#client' */\nimport { FILENAME, NAMESPACE_SVG } from '../../../../constants.js';\nimport {\n\thydrate_next,\n\thydrate_node,\n\thydrating,\n\tset_hydrate_node,\n\tset_hydrating\n} from '../hydration.js';\nimport { create_text, get_first_child } from '../operations.js';\nimport {\n\tblock,\n\tbranch,\n\tdestroy_effect,\n\tpause_effect,\n\tresume_effect\n} from '../../reactivity/effects.js';\nimport { set_should_intro } from '../../render.js';\nimport { current_each_item, set_current_each_item } from './each.js';\nimport { active_effect } from '../../runtime.js';\nimport { component_context } from '../../context.js';\nimport { DEV } from 'esm-env';\nimport { EFFECT_TRANSPARENT } from '#client/constants';\nimport { assign_nodes } from '../template.js';\nimport { is_raw_text_element } from '../../../../utils.js';\n\n/**\n * @param {Comment | Element} node\n * @param {() => string} get_tag\n * @param {boolean} is_svg\n * @param {undefined | ((element: Element, anchor: Node | null) => void)} render_fn,\n * @param {undefined | (() => string)} get_namespace\n * @param {undefined | [number, number]} location\n * @returns {void}\n */\nexport function element(node, get_tag, is_svg, render_fn, get_namespace, location) {\n\tlet was_hydrating = hydrating;\n\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar filename = DEV && location && component_context?.function[FILENAME];\n\n\t/** @type {string | null} */\n\tvar tag;\n\n\t/** @type {string | null} */\n\tvar current_tag;\n\n\t/** @type {null | Element} */\n\tvar element = null;\n\n\tif (hydrating && hydrate_node.nodeType === 1) {\n\t\telement = /** @type {Element} */ (hydrate_node);\n\t\thydrate_next();\n\t}\n\n\tvar anchor = /** @type {TemplateNode} */ (hydrating ? hydrate_node : node);\n\n\t/** @type {Effect | null} */\n\tvar effect;\n\n\t/**\n\t * The keyed `{#each ...}` item block, if any, that this element is inside.\n\t * We track this so we can set it when changing the element, allowing any\n\t * `animate:` directive to bind itself to the correct block\n\t */\n\tvar each_item_block = current_each_item;\n\n\tblock(() => {\n\t\tconst next_tag = get_tag() || null;\n\t\tvar ns = get_namespace ? get_namespace() : is_svg || next_tag === 'svg' ? NAMESPACE_SVG : null;\n\n\t\t// Assumption: Noone changes the namespace but not the tag (what would that even mean?)\n\t\tif (next_tag === tag) return;\n\n\t\t// See explanation of `each_item_block` above\n\t\tvar previous_each_item = current_each_item;\n\t\tset_current_each_item(each_item_block);\n\n\t\tif (effect) {\n\t\t\tif (next_tag === null) {\n\t\t\t\t// start outro\n\t\t\t\tpause_effect(effect, () => {\n\t\t\t\t\teffect = null;\n\t\t\t\t\tcurrent_tag = null;\n\t\t\t\t});\n\t\t\t} else if (next_tag === current_tag) {\n\t\t\t\t// same tag as is currently rendered — abort outro\n\t\t\t\tresume_effect(effect);\n\t\t\t} else {\n\t\t\t\t// tag is changing — destroy immediately, render contents without intro transitions\n\t\t\t\tdestroy_effect(effect);\n\t\t\t\tset_should_intro(false);\n\t\t\t}\n\t\t}\n\n\t\tif (next_tag && next_tag !== current_tag) {\n\t\t\teffect = branch(() => {\n\t\t\t\telement = hydrating\n\t\t\t\t\t? /** @type {Element} */ (element)\n\t\t\t\t\t: ns\n\t\t\t\t\t\t? document.createElementNS(ns, next_tag)\n\t\t\t\t\t\t: document.createElement(next_tag);\n\n\t\t\t\tif (DEV && location) {\n\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\telement.__svelte_meta = {\n\t\t\t\t\t\tloc: {\n\t\t\t\t\t\t\tfile: filename,\n\t\t\t\t\t\t\tline: location[0],\n\t\t\t\t\t\t\tcolumn: location[1]\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tassign_nodes(element, element);\n\n\t\t\t\tif (render_fn) {\n\t\t\t\t\tif (hydrating && is_raw_text_element(next_tag)) {\n\t\t\t\t\t\t// prevent hydration glitches\n\t\t\t\t\t\telement.append(document.createComment(''));\n\t\t\t\t\t}\n\n\t\t\t\t\t// If hydrating, use the existing ssr comment as the anchor so that the\n\t\t\t\t\t// inner open and close methods can pick up the existing nodes correctly\n\t\t\t\t\tvar child_anchor = /** @type {TemplateNode} */ (\n\t\t\t\t\t\thydrating ? get_first_child(element) : element.appendChild(create_text())\n\t\t\t\t\t);\n\n\t\t\t\t\tif (hydrating) {\n\t\t\t\t\t\tif (child_anchor === null) {\n\t\t\t\t\t\t\tset_hydrating(false);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tset_hydrate_node(child_anchor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// `child_anchor` is undefined if this is a void element, but we still\n\t\t\t\t\t// need to call `render_fn` in order to run actions etc. If the element\n\t\t\t\t\t// contains children, it's a user error (which is warned on elsewhere)\n\t\t\t\t\t// and the DOM will be silently discarded\n\t\t\t\t\trender_fn(element, child_anchor);\n\t\t\t\t}\n\n\t\t\t\t// we do this after calling `render_fn` so that child effects don't override `nodes.end`\n\t\t\t\t/** @type {Effect} */ (active_effect).nodes_end = element;\n\n\t\t\t\tanchor.before(element);\n\t\t\t});\n\t\t}\n\n\t\ttag = next_tag;\n\t\tif (tag) current_tag = tag;\n\t\tset_should_intro(true);\n\n\t\tset_current_each_item(previous_each_item);\n\t}, EFFECT_TRANSPARENT);\n\n\tif (was_hydrating) {\n\t\tset_hydrating(true);\n\t\tset_hydrate_node(anchor);\n\t}\n}\n","<svelte:options customElement={{ tag: 'ui-cross-20', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"1.25rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n  <g clip-path=\"url(#a)\">\n    <path fill-rule=\"evenodd\" d=\"M16.364 4.697a.75.75 0 1 0-1.061-1.06L10 8.938 4.697 3.636a.75.75 0 0 0-1.06 1.06L8.938 10l-5.303 5.303a.75.75 0 0 0 1.061 1.06L10 11.06l5.303 5.303a.75.75 0 0 0 1.06-1.06L11.062 10l5.303-5.303Z\"/>\n  </g>\n  <defs>\n    <clipPath id=\"a\">\n      <rect width=\"20\" height=\"20\" fill=\"#fff\"/>\n    </clipPath>\n  </defs>\n</svg>\n","<svelte:options customElement={{ tag: 'ui-info-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\">\n  <path fill-rule=\"evenodd\" d=\"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-2.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1ZM16 12a1.333 1.333 0 1 0 0-2.667A1.333 1.333 0 0 0 16 12Z\"/>\n</svg>\n","<svelte:options customElement={{ tag: 'ui-warning-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\">\n  <path fill-rule=\"evenodd\" d=\"M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5ZM3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16Zm13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1Zm0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667Z\"/>\n</svg>\n","<svelte:options customElement={{ tag: 'ui-cross-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\">\n  <path fill-rule=\"evenodd\" d=\"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm-3.293 8.293a1 1 0 0 0-1.414 1.414L14.586 16l-3.293 3.293a1 1 0 0 0 1.414 1.414L16 17.414l3.293 3.293a1 1 0 0 0 1.414-1.414L17.414 16l3.293-3.293a1 1 0 0 0-1.414-1.414L16 14.586l-3.293-3.293Z\"/>\n</svg>\n","<svelte:options customElement={{ tag: 'ui-check-circle-32', shadow: 'none' }} />\n<script>\n  export let id = undefined;\n  export let style = undefined;\n  export let className = undefined;\n  export let fill = undefined;\n  export let size = \"2rem\";\n</script>\n\n<svg aria-hidden=\"true\" width={size} height={size} id={id}  style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\">\n  <path fill-rule=\"evenodd\" d=\"M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm6.707 10.374a1 1 0 0 0-1.414-1.414l-6.626 6.626-3.293-3.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l7.333-7.333Z\"/>\n</svg>\n","<svelte:options customElement={{ tag: 'm-status-notification' }} />\n\n<script lang=\"ts\">\n  import Cross20 from '@mozaic-ds/icons-svelte/svelte/Cross20/Cross20.svelte';\n  import InfoCircle32 from '@mozaic-ds/icons-svelte/svelte/InfoCircle32/InfoCircle32.svelte';\n  import WarningCircle32 from '@mozaic-ds/icons-svelte/svelte/WarningCircle32/WarningCircle32.svelte';\n  import CrossCircle32 from '@mozaic-ds/icons-svelte/svelte/CrossCircle32/CrossCircle32.svelte';\n  import CheckCircle32 from '@mozaic-ds/icons-svelte/svelte/CheckCircle32/CheckCircle32.svelte';\n\n  interface Props {\n    title: string;\n    description: string;\n    status?: 'information' | 'success' | 'warning' | 'error';\n    closable?: boolean;\n    hasfooter?: boolean;\n    closelabel?: string;\n    titletag?: string;\n    [key: string]: any;\n  }\n\n  let {\n    title,\n    description,\n    status = 'information',\n    closable = false,\n    hasfooter = false,\n    closelabel = 'Close',\n    titletag = 'h2',\n    ...events\n  }: Props = $props();\n\n  const iconMap = [\n    { status: 'information', component: InfoCircle32 },\n    { status: 'success', component: CheckCircle32 },\n    { status: 'warning', component: WarningCircle32 },\n    { status: 'error', component: CrossCircle32 },\n  ];\n\n  function getSelected(status: string) {\n    return iconMap.find((icon) => icon.status === status) || iconMap[0];\n  }\n\n  let selected = $state(getSelected(status));\n</script>\n\n<section\n  class=\"mc-status-notification\"\n  role=\"status\"\n  class:mc-status-notification--success={status === 'success'}\n  class:mc-status-notification--warning={status === 'warning'}\n  class:mc-status-notification--error={status === 'error'}\n  {...events}\n>\n  <span class=\"mc-status-notification__icon\" aria-hidden=\"true\">\n    <selected.component\n      class=\"mc-status-notification__icon\"\n      aria-hidden=\"true\"\n    />\n  </span>\n\n  <div class=\"mc-status-notification__content\">\n    {#if title}\n      <svelte:element this={titletag} class=\"mc-status-notification__title\"\n        >{title}</svelte:element\n      >\n    {/if}\n    <p class=\"mc-status-notification__message\">{description}</p>\n\n    {#if hasfooter}\n      <div class=\"mc-status-notification__footer\">\n        <slot name=\"footer\" />\n      </div>\n    {/if}\n  </div>\n\n  {#if closable}\n    <button class=\"mc-status-notification-closable__close\">\n      <Cross20\n        class=\"mc-status-notification-closable__icon\"\n        aria-hidden=\"true\"\n      />\n      <span class=\"mc-status-notification-closable__text\">{closelabel}</span>\n    </button>\n  {/if}\n</section>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/status-notification';\n</style>\n"],"names":["component","node","get_component","render_fn","hydrating","hydrate_next","anchor","effect","block","pause_effect","branch","EFFECT_TRANSPARENT","hydrate_node","element","get_tag","is_svg","get_namespace","location","was_hydrating","tag","current_tag","next_tag","ns","NAMESPACE_SVG","resume_effect","destroy_effect","assign_nodes","is_raw_text_element","child_anchor","get_first_child","create_text","set_hydrating","set_hydrate_node","active_effect","id","style","className","fill","size","title","$.prop","$$props","description","status","closable","hasfooter","closelabel","titletag","events","$.rest_props","iconMap","InfoCircle32","CheckCircle32","WarningCircle32","CrossCircle32","getSelected","icon","selected","$.state","$.proxy","$$element","$$anchor","$$render","consequent","consequent_1","consequent_2"],"mappings":"ueAaO,SAASA,GAAUC,EAAMC,EAAeC,EAAW,CACrDC,GACHC,EAAc,EAGf,IAAIC,EAASL,EAGTD,EAGAO,EAEJC,EAAM,IAAM,CACPR,KAAeA,EAAYE,EAAa,KAExCK,IACHE,EAAaF,CAAM,EACnBA,EAAS,MAGNP,IACHO,EAASG,EAAO,IAAMP,EAAUG,EAAQN,CAAS,CAAC,GAEnD,EAAEW,CAAkB,EAEjBP,IACHE,EAASM,EAEX,CCPO,SAASC,GAAQZ,EAAMa,EAASC,EAAQZ,EAAWa,EAAeC,EAAU,CAClF,IAAIC,EAAgBd,EAEhBA,GACHC,EAAc,EAMf,IAAIc,EAGAC,EAGAP,EAAU,KAEVT,GAAaQ,EAAa,WAAa,IAC1CC,EAAkCD,EAClCP,EAAc,GAGf,IAAIC,EAAsCF,EAAYQ,EAAeX,EAGjEM,EASJC,EAAM,IAAM,CACX,MAAMa,EAAWP,EAAO,GAAM,KAC9B,IAAIQ,EAAiDD,IAAa,MAAQE,GAAgB,KAGtFF,IAAaF,IAMbZ,IACCc,IAAa,KAEhBZ,EAAaF,EAAQ,IAAM,CAC1BA,EAAS,KACTa,EAAc,IACnB,CAAK,EACSC,IAAaD,EAEvBI,GAAcjB,CAAM,EAGpBkB,GAAelB,CAAM,GAKnBc,GAAYA,IAAaD,IAC5Bb,EAASG,EAAO,IAAM,CAoBrB,GAnBAG,EAAUT,EACiBS,EACxBS,EACC,SAAS,gBAAgBA,EAAID,CAAQ,EACrC,SAAS,cAAcA,CAAQ,EAanCK,GAAab,EAASA,CAAO,EAEzBV,EAAW,CACVC,GAAauB,GAAoBN,CAAQ,GAE5CR,EAAQ,OAAO,SAAS,cAAc,EAAE,CAAC,EAK1C,IAAIe,EACHxB,EAAYyB,GAAgBhB,CAAO,EAAIA,EAAQ,YAAYiB,GAAa,CAAA,EAGrE1B,IACCwB,IAAiB,KACpBG,EAAc,EAAK,EAEnBC,EAAiBJ,CAAY,GAQ/BzB,EAAUU,EAASe,CAAY,CACpC,CAG2BK,GAAe,UAAYpB,EAElDP,EAAO,OAAOO,CAAO,CACzB,CAAI,GAGFM,EAAME,EACFF,IAAKC,EAAcD,GAIvB,EAAER,CAAkB,EAEjBO,IACHa,EAAc,EAAI,EAClBC,EAAiB1B,CAAM,EAEzB,udClKa,IAAA4B,cAAK,MAAS,EACdC,iBAAQ,MAAS,EACjBC,qBAAY,MAAS,EACrBC,gBAAO,MAAS,EAChBC,gBAAO,SAAS,uCAGEA,GAAI,eAAUA,GAAI,WAAMJ,GAAE,MAAUC,GAAK,UAASC,EAAS,CAAA,CAAA,aAAQC,GAAI,6vBCPzF,IAAAH,cAAK,MAAS,EACdC,iBAAQ,MAAS,EACjBC,qBAAY,MAAS,EACrBC,gBAAO,MAAS,EAChBC,gBAAO,MAAM,uCAGKA,GAAI,eAAUA,GAAI,WAAMJ,GAAE,MAAUC,GAAK,UAASC,EAAS,CAAA,CAAA,aAAQC,GAAI,kwBCPzF,IAAAH,cAAK,MAAS,EACdC,iBAAQ,MAAS,EACjBC,qBAAY,MAAS,EACrBC,gBAAO,MAAS,EAChBC,gBAAO,MAAM,uCAGKA,GAAI,eAAUA,GAAI,WAAMJ,GAAE,MAAUC,GAAK,UAASC,EAAS,CAAA,CAAA,aAAQC,GAAI,60BCPzF,IAAAH,cAAK,MAAS,EACdC,iBAAQ,MAAS,EACjBC,qBAAY,MAAS,EACrBC,gBAAO,MAAS,EAChBC,gBAAO,MAAM,uCAGKA,GAAI,eAAUA,GAAI,WAAMJ,GAAE,MAAUC,GAAK,UAASC,EAAS,CAAA,CAAA,aAAQC,GAAI,iwBCPzF,IAAAH,cAAK,MAAS,EACdC,iBAAQ,MAAS,EACjBC,qBAAY,MAAS,EACrBC,gBAAO,MAAS,EAChBC,gBAAO,MAAM,uCAGKA,GAAI,eAAUA,GAAI,WAAMJ,GAAE,MAAUC,GAAK,UAASC,EAAS,CAAA,CAAA,aAAQC,GAAI;;;;;+mFCYlGE,EAAKC,EAAAC,EAAA,QAAA,CAAA,EACLC,EAAWF,EAAAC,EAAA,cAAA,CAAA,EACXE,iBAAS,aAAa,EACtBC,mBAAW,EAAK,EAChBC,oBAAY,EAAK,EACjBC,qBAAa,OAAO,EACpBC,mBAAW,IAAI,EACZC,EAAAC,GAAAR,EAAA,gIAGCS,EAAO,EACT,OAAQ,cAAe,UAAWC,GAClC,CAAA,OAAQ,UAAW,UAAWC,EAAa,EAC3C,CAAA,OAAQ,UAAW,UAAWC,CAAe,EAC7C,CAAA,OAAQ,QAAS,UAAWC,EAAa,YAGpCC,EAAYZ,EAAgB,CAC5B,OAAAO,EAAQ,KAAMM,GAASA,EAAK,SAAWb,CAAM,GAAKO,EAAQ,CAAC,CACpE,KAEIO,EAAQC,GAAAC,GAAUJ,EAAYZ,EAAM,CAAA,CAAA,CAAA,uEASpCK,kBAHmC,kCAAAL,EAAM,IAAK,UACX,kCAAAA,EAAM,IAAK,UACb,gCAAAA,EAAM,IAAK,kNAYtBI,EAAQ,GAAA,CAAAa,EAAAC,IAAA,4EAC1BtB,EAAK,CAAA,CAAA,2BAFNA,EAAK,GAAAuB,EAAAC,EAAA,uHAOLlB,EAAS,GAAAiB,EAAAE,EAAA,0KAayClB,EAAU,CAAA,CAAA,mBAN9DF,EAAQ,GAAAkB,EAAAG,EAAA,2BATiCvB,EAAW,CAAA,CAAA,4JA3C9C,cAAa,qDACX,GAAK,uDACJ,GAAK,yDACJ,QAAO,qDACT,KAAI","x_google_ignoreList":[0,1,2,3,4,5,6]}