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

package/dist/attributes.js

@@ -1,2 +1,2 @@
-import{au as T,B as V,k as z,av as D,aw as E,d as M,ax as R,ay as q,az as G,aA as K,aB as P,a1 as y,aC as U,aD as Y,af as N}from"./custom-element.js";const v=Symbol("class");function J(s){if(y){var a=!1,r=()=>{if(!a){if(a=!0,s.hasAttribute("value")){var c=s.value;n(s,"value",null),s.value=c}if(s.hasAttribute("checked")){var o=s.checked;n(s,"checked",null),s.checked=o}}};s.__on_r=r,U(r),Y()}}function Q(s,a){var r=s.__attributes??(s.__attributes={});r.checked!==(r.checked=a??void 0)&&(s.checked=a)}function j(s,a){a?s.hasAttribute("selected")||s.setAttribute("selected",""):s.removeAttribute("selected")}function n(s,a,r,c){var o=s.__attributes??(s.__attributes={});y&&(o[a]=s.getAttribute(a),a==="src"||a==="srcset"||a==="href"&&s.nodeName==="LINK")||o[a]!==(o[a]=r)&&(a==="style"&&"__styles"in s&&(s.__styles={}),a==="loading"&&(s[G]=r),r==null?s.removeAttribute(a):typeof r!="string"&&$(s).includes(a)?s[a]=r:s.setAttribute(a,r))}function W(s,a,r,c,o=!1,_=!1,F=!1){let k=y&&_;k&&N(!1);var l=a||{},g=s.tagName==="OPTION";for(var A in a)A in r||(r[A]=null);r.class?r.class=V(r.class):(c||r[v])&&(r.class=null);var L=$(s),B=s.__attributes??(s.__attributes={});for(const i in r){let t=r[i];if(g&&i==="value"&&t==null){s.value=s.__value="",l[i]=t;continue}if(i==="class"){var I=s.namespaceURI==="http://www.w3.org/1999/xhtml";z(s,I,t,c,a==null?void 0:a[v],r[v]),l[i]=t,l[v]=r[v];continue}var b=l[i];if(t!==b){l[i]=t;var p=i[0]+i[1];if(p!=="$$"){if(p==="on"){const u={},d="$$"+i;let f=i.slice(2);var h=K(f);if(D(f)&&(f=f.slice(0,-7),u.capture=!0),!h&&b){if(t!=null)continue;s.removeEventListener(f,l[d],u),l[d]=null}if(t!=null)if(h)s[`__${f}`]=t,M([f]);else{let O=function(S){l[i].call(this,S)};l[d]=E(f,s,O,u)}else h&&(s[`__${f}`]=void 0)}else if(i==="style"&&t!=null)s.style.cssText=t+"";else if(i==="autofocus")R(s,!!t);else if(!_&&(i==="__value"||i==="value"&&t!=null))s.value=s.__value=t;else if(i==="selected"&&g)j(s,t);else{var e=i;o||(e=q(e));var w=e==="defaultValue"||e==="defaultChecked";if(t==null&&!_&&!w)if(B[i]=null,e==="value"||e==="checked"){let u=s;const d=a===void 0;if(e==="value"){let f=u.defaultValue;u.removeAttribute(e),u.defaultValue=f,u.value=u.__value=d?f:null}else{let f=u.defaultChecked;u.removeAttribute(e),u.defaultChecked=f,u.checked=d?f:!1}}else s.removeAttribute(i);else w||L.includes(e)&&(_||typeof t!="string")?s[e]=t:typeof t!="function"&&n(s,e,t)}i==="style"&&"__styles"in s&&(s.__styles={})}}}return k&&N(!0),l}var C=new Map;function $(s){var a=C.get(s.nodeName);if(a)return a;C.set(s.nodeName,a=[]);for(var r,c=s,o=Element.prototype;o!==c;){r=P(c);for(var _ in r)r[_].set&&a.push(_);c=T(c)}return a}export{v as C,Q as a,W as b,J as r,n as s};
+import{ah as V,U as h,B as q,m as H,ai as Y,aj as j,d as z,ak as D,al as G,am as K,an as F,ao as J,ap as Q,aq as W,ar as X,as as Z,a6 as C}from"./custom-element.js";function k(s,i={},a,e){for(var u in a){var c=a[u];i[u]!==c&&(a[u]==null?s.style.removeProperty(u):s.style.setProperty(u,c,e))}}function m(s,i,a,e){var u=s.__style;if(h||u!==i){var c=V(i,e);(!h||c!==s.getAttribute("style"))&&(c==null?s.removeAttribute("style"):s.style.cssText=c),s.__style=i}else e&&(Array.isArray(e)?(k(s,a==null?void 0:a[0],e[0]),k(s,a==null?void 0:a[1],e[1],"important")):k(s,a,e));return e}const n=Symbol("class"),v=Symbol("style"),M=Symbol("is custom element"),$=Symbol("is html");function as(s){if(h){var i=!1,a=()=>{if(!i){if(i=!0,s.hasAttribute("value")){var e=s.value;g(s,"value",null),s.value=e}if(s.hasAttribute("checked")){var u=s.checked;g(s,"checked",null),s.checked=u}}};s.__on_r=a,X(a),Z()}}function is(s,i){var a=S(s);a.checked!==(a.checked=i??void 0)&&(s.checked=i)}function x(s,i){i?s.hasAttribute("selected")||s.setAttribute("selected",""):s.removeAttribute("selected")}function g(s,i,a,e){var u=S(s);h&&(u[i]=s.getAttribute(i),i==="src"||i==="srcset"||i==="href"&&s.nodeName==="LINK")||u[i]!==(u[i]=a)&&(i==="loading"&&(s[J]=a),a==null?s.removeAttribute(i):typeof a!="string"&&O(s).includes(i)?s[i]=a:s.setAttribute(i,a))}function rs(s,i,a,e,u=!1){var c=S(s),A=c[M],P=!c[$];let N=h&&A;N&&C(!1);var l=i||{},y=s.tagName==="OPTION";for(var L in i)L in a||(a[L]=null);a.class?a.class=q(a.class):(e||a[n])&&(a.class=null),a[v]&&(a.style??(a.style=null));var U=O(s);for(const r in a){let t=a[r];if(y&&r==="value"&&t==null){s.value=s.__value="",l[r]=t;continue}if(r==="class"){var p=s.namespaceURI==="http://www.w3.org/1999/xhtml";H(s,p,t,e,i==null?void 0:i[n],a[n]),l[r]=t,l[n]=a[n];continue}if(r==="style"){m(s,t,i==null?void 0:i[v],a[v]),l[r]=t,l[v]=a[v];continue}var T=l[r];if(t!==T){l[r]=t;var w=r[0]+r[1];if(w!=="$$")if(w==="on"){const o={},d="$$"+r;let f=r.slice(2);var b=Q(f);if(Y(f)&&(f=f.slice(0,-7),o.capture=!0),!b&&T){if(t!=null)continue;s.removeEventListener(f,l[d],o),l[d]=null}if(t!=null)if(b)s[`__${f}`]=t,z([f]);else{let B=function(R){l[r].call(this,R)};l[d]=j(f,s,B,o)}else b&&(s[`__${f}`]=void 0)}else if(r==="style")g(s,r,t);else if(r==="autofocus")D(s,!!t);else if(!A&&(r==="__value"||r==="value"&&t!=null))s.value=s.__value=t;else if(r==="selected"&&y)x(s,t);else{var _=r;P||(_=G(_));var E=_==="defaultValue"||_==="defaultChecked";if(t==null&&!A&&!E)if(c[r]=null,_==="value"||_==="checked"){let o=s;const d=i===void 0;if(_==="value"){let f=o.defaultValue;o.removeAttribute(_),o.defaultValue=f,o.value=o.__value=d?f:null}else{let f=o.defaultChecked;o.removeAttribute(_),o.defaultChecked=f,o.checked=d?f:!1}}else s.removeAttribute(r);else E||U.includes(_)&&(A||typeof t!="string")?s[_]=t:typeof t!="function"&&g(s,_,t)}}}return N&&C(!0),l}function S(s){return s.__attributes??(s.__attributes={[M]:s.nodeName.includes("-"),[$]:s.namespaceURI===K})}var I=new Map;function O(s){var i=I.get(s.nodeName);if(i)return i;I.set(s.nodeName,i=[]);for(var a,e=s,u=Element.prototype;u!==e;){a=W(e);for(var c in a)a[c].set&&i.push(c);e=F(e)}return i}export{n as C,is as a,rs as b,m as c,as as r,g as s};
 //# sourceMappingURL=attributes.js.map

package/dist/attributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"attributes.js","sources":["../node_modules/svelte/src/internal/client/dom/elements/attributes.js"],"sourcesContent":["import { DEV } from 'esm-env';\nimport { hydrating, set_hydrating } from '../hydration.js';\nimport { get_descriptors, get_prototype_of } from '../../../shared/utils.js';\nimport { create_event, delegate } from './events.js';\nimport { add_form_reset_listener, autofocus } from './misc.js';\nimport * as w from '../../warnings.js';\nimport { LOADING_ATTR_SYMBOL } from '../../constants.js';\nimport { queue_idle_task } from '../task.js';\nimport { is_capture_event, is_delegated, normalize_attribute } from '../../../../utils.js';\nimport {\n\tactive_effect,\n\tactive_reaction,\n\tset_active_effect,\n\tset_active_reaction\n} from '../../runtime.js';\nimport { clsx } from '../../../shared/attributes.js';\nimport { set_class } from './class.js';\n\nexport const CLASS = Symbol('class');\nexport const STYLE = Symbol('style');\n\n/**\n * The value/checked attribute in the template actually corresponds to the defaultValue property, so we need\n * to remove it upon hydration to avoid a bug when someone resets the form value.\n * @param {HTMLInputElement} input\n * @returns {void}\n */\nexport function remove_input_defaults(input) {\n\tif (!hydrating) return;\n\n\tvar already_removed = false;\n\n\t// We try and remove the default attributes later, rather than sync during hydration.\n\t// Doing it sync during hydration has a negative impact on performance, but deferring the\n\t// work in an idle task alleviates this greatly. If a form reset event comes in before\n\t// the idle callback, then we ensure the input defaults are cleared just before.\n\tvar remove_defaults = () => {\n\t\tif (already_removed) return;\n\t\talready_removed = true;\n\n\t\t// Remove the attributes but preserve the values\n\t\tif (input.hasAttribute('value')) {\n\t\t\tvar value = input.value;\n\t\t\tset_attribute(input, 'value', null);\n\t\t\tinput.value = value;\n\t\t}\n\n\t\tif (input.hasAttribute('checked')) {\n\t\t\tvar checked = input.checked;\n\t\t\tset_attribute(input, 'checked', null);\n\t\t\tinput.checked = checked;\n\t\t}\n\t};\n\n\t// @ts-expect-error\n\tinput.__on_r = remove_defaults;\n\tqueue_idle_task(remove_defaults);\n\tadd_form_reset_listener();\n}\n\n/**\n * @param {Element} element\n * @param {any} value\n */\nexport function set_value(element, value) {\n\t// @ts-expect-error\n\tvar attributes = (element.__attributes ??= {});\n\n\tif (\n\t\tattributes.value ===\n\t\t\t(attributes.value =\n\t\t\t\t// treat null and undefined the same for the initial value\n\t\t\t\tvalue ?? undefined) ||\n\t\t// @ts-expect-error\n\t\t// `progress` elements always need their value set when it's `0`\n\t\t(element.value === value && (value !== 0 || element.nodeName !== 'PROGRESS'))\n\t) {\n\t\treturn;\n\t}\n\n\t// @ts-expect-error\n\telement.value = value ?? '';\n}\n\n/**\n * @param {Element} element\n * @param {boolean} checked\n */\nexport function set_checked(element, checked) {\n\t// @ts-expect-error\n\tvar attributes = (element.__attributes ??= {});\n\n\tif (\n\t\tattributes.checked ===\n\t\t(attributes.checked =\n\t\t\t// treat null and undefined the same for the initial value\n\t\t\tchecked ?? undefined)\n\t) {\n\t\treturn;\n\t}\n\n\t// @ts-expect-error\n\telement.checked = checked;\n}\n\n/**\n * Sets the `selected` attribute on an `option` element.\n * Not set through the property because that doesn't reflect to the DOM,\n * which means it wouldn't be taken into account when a form is reset.\n * @param {HTMLOptionElement} element\n * @param {boolean} selected\n */\nexport function set_selected(element, selected) {\n\tif (selected) {\n\t\t// The selected option could've changed via user selection, and\n\t\t// setting the value without this check would set it back.\n\t\tif (!element.hasAttribute('selected')) {\n\t\t\telement.setAttribute('selected', '');\n\t\t}\n\t} else {\n\t\telement.removeAttribute('selected');\n\t}\n}\n\n/**\n * Applies the default checked property without influencing the current checked property.\n * @param {HTMLInputElement} element\n * @param {boolean} checked\n */\nexport function set_default_checked(element, checked) {\n\tconst existing_value = element.checked;\n\telement.defaultChecked = checked;\n\telement.checked = existing_value;\n}\n\n/**\n * Applies the default value property without influencing the current value property.\n * @param {HTMLInputElement | HTMLTextAreaElement} element\n * @param {string} value\n */\nexport function set_default_value(element, value) {\n\tconst existing_value = element.value;\n\telement.defaultValue = value;\n\telement.value = existing_value;\n}\n\n/**\n * @param {Element} element\n * @param {string} attribute\n * @param {string | null} value\n * @param {boolean} [skip_warning]\n */\nexport function set_attribute(element, attribute, value, skip_warning) {\n\t// @ts-expect-error\n\tvar attributes = (element.__attributes ??= {});\n\n\tif (hydrating) {\n\t\tattributes[attribute] = element.getAttribute(attribute);\n\n\t\tif (\n\t\t\tattribute === 'src' ||\n\t\t\tattribute === 'srcset' ||\n\t\t\t(attribute === 'href' && element.nodeName === 'LINK')\n\t\t) {\n\t\t\tif (!skip_warning) {\n\t\t\t\tcheck_src_in_dev_hydration(element, attribute, value ?? '');\n\t\t\t}\n\n\t\t\t// If we reset these attributes, they would result in another network request, which we want to avoid.\n\t\t\t// We assume they are the same between client and server as checking if they are equal is expensive\n\t\t\t// (we can't just compare the strings as they can be different between client and server but result in the\n\t\t\t// same url, so we would need to create hidden anchor elements to compare them)\n\t\t\treturn;\n\t\t}\n\t}\n\n\tif (attributes[attribute] === (attributes[attribute] = value)) return;\n\n\tif (attribute === 'style' && '__styles' in element) {\n\t\t// reset styles to force style: directive to update\n\t\telement.__styles = {};\n\t}\n\n\tif (attribute === 'loading') {\n\t\t// @ts-expect-error\n\t\telement[LOADING_ATTR_SYMBOL] = value;\n\t}\n\n\tif (value == null) {\n\t\telement.removeAttribute(attribute);\n\t} else if (typeof value !== 'string' && get_setters(element).includes(attribute)) {\n\t\t// @ts-ignore\n\t\telement[attribute] = value;\n\t} else {\n\t\telement.setAttribute(attribute, value);\n\t}\n}\n\n/**\n * @param {Element} dom\n * @param {string} attribute\n * @param {string} value\n */\nexport function set_xlink_attribute(dom, attribute, value) {\n\tdom.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\n\n/**\n * @param {HTMLElement} node\n * @param {string} prop\n * @param {any} value\n */\nexport function set_custom_element_data(node, prop, value) {\n\t// We need to ensure that setting custom element props, which can\n\t// invoke lifecycle methods on other custom elements, does not also\n\t// associate those lifecycle methods with the current active reaction\n\t// or effect\n\tvar previous_reaction = active_reaction;\n\tvar previous_effect = active_effect;\n\t// If we're hydrating but the custom element is from Svelte, and it already scaffolded,\n\t// then it might run block logic in hydration mode, which we have to prevent.\n\tlet was_hydrating = hydrating;\n\tif (hydrating) {\n\t\tset_hydrating(false);\n\t}\n\n\tset_active_reaction(null);\n\tset_active_effect(null);\n\ttry {\n\t\tif (\n\t\t\t// Don't compute setters for custom elements while they aren't registered yet,\n\t\t\t// because during their upgrade/instantiation they might add more setters.\n\t\t\t// Instead, fall back to a simple \"an object, then set as property\" heuristic.\n\t\t\tsetters_cache.has(node.nodeName) ||\n\t\t\t// customElements may not be available in browser extension contexts\n\t\t\t!customElements ||\n\t\t\tcustomElements.get(node.tagName.toLowerCase())\n\t\t\t\t? get_setters(node).includes(prop)\n\t\t\t\t: value && typeof value === 'object'\n\t\t) {\n\t\t\t// @ts-expect-error\n\t\t\tnode[prop] = value;\n\t\t} else {\n\t\t\t// We did getters etc checks already, stringify before passing to set_attribute\n\t\t\t// to ensure it doesn't invoke the same logic again, and potentially populating\n\t\t\t// the setters cache too early.\n\t\t\tset_attribute(node, prop, value == null ? value : String(value));\n\t\t}\n\t} finally {\n\t\tset_active_reaction(previous_reaction);\n\t\tset_active_effect(previous_effect);\n\t\tif (was_hydrating) {\n\t\t\tset_hydrating(true);\n\t\t}\n\t}\n}\n\n/**\n * Spreads attributes onto a DOM element, taking into account the currently set attributes\n * @param {Element & ElementCSSInlineStyle} element\n * @param {Record<string | symbol, any> | undefined} prev\n * @param {Record<string | symbol, any>} next New attributes - this function mutates this object\n * @param {string} [css_hash]\n * @param {boolean} [preserve_attribute_case]\n * @param {boolean} [is_custom_element]\n * @param {boolean} [skip_warning]\n * @returns {Record<string, any>}\n */\nexport function set_attributes(\n\telement,\n\tprev,\n\tnext,\n\tcss_hash,\n\tpreserve_attribute_case = false,\n\tis_custom_element = false,\n\tskip_warning = false\n) {\n\t// If we're hydrating but the custom element is from Svelte, and it already scaffolded,\n\t// then it might run block logic in hydration mode, which we have to prevent.\n\tlet is_hydrating_custom_element = hydrating && is_custom_element;\n\tif (is_hydrating_custom_element) {\n\t\tset_hydrating(false);\n\t}\n\n\tvar current = prev || {};\n\tvar is_option_element = element.tagName === 'OPTION';\n\n\tfor (var key in prev) {\n\t\tif (!(key in next)) {\n\t\t\tnext[key] = null;\n\t\t}\n\t}\n\n\tif (next.class) {\n\t\tnext.class = clsx(next.class);\n\t} else if (css_hash || next[CLASS]) {\n\t\tnext.class = null; /* force call to set_class() */\n\t}\n\n\tvar setters = get_setters(element);\n\n\t// @ts-expect-error\n\tvar attributes = /** @type {Record<string, unknown>} **/ (element.__attributes ??= {});\n\n\t// since key is captured we use const\n\tfor (const key in next) {\n\t\t// let instead of var because referenced in a closure\n\t\tlet value = next[key];\n\n\t\t// Up here because we want to do this for the initial value, too, even if it's undefined,\n\t\t// and this wouldn't be reached in case of undefined because of the equality check below\n\t\tif (is_option_element && key === 'value' && value == null) {\n\t\t\t// The <option> element is a special case because removing the value attribute means\n\t\t\t// the value is set to the text content of the option element, and setting the value\n\t\t\t// to null or undefined means the value is set to the string \"null\" or \"undefined\".\n\t\t\t// To align with how we handle this case in non-spread-scenarios, this logic is needed.\n\t\t\t// There's a super-edge-case bug here that is left in in favor of smaller code size:\n\t\t\t// Because of the \"set missing props to null\" logic above, we can't differentiate\n\t\t\t// between a missing value and an explicitly set value of null or undefined. That means\n\t\t\t// that once set, the value attribute of an <option> element can't be removed. This is\n\t\t\t// a very rare edge case, and removing the attribute altogether isn't possible either\n\t\t\t// for the <option value={undefined}> case, so we're not losing any functionality here.\n\t\t\t// @ts-ignore\n\t\t\telement.value = element.__value = '';\n\t\t\tcurrent[key] = value;\n\t\t\tcontinue;\n\t\t}\n\n\t\tif (key === 'class') {\n\t\t\tvar is_html = element.namespaceURI === 'http://www.w3.org/1999/xhtml';\n\t\t\tset_class(element, is_html, value, css_hash, prev?.[CLASS], next[CLASS]);\n\t\t\tcurrent[key] = value;\n\t\t\tcurrent[CLASS] = next[CLASS];\n\t\t\tcontinue;\n\t\t}\n\n\t\tvar prev_value = current[key];\n\t\tif (value === prev_value) continue;\n\n\t\tcurrent[key] = value;\n\n\t\tvar prefix = key[0] + key[1]; // this is faster than key.slice(0, 2)\n\t\tif (prefix === '$$') continue;\n\n\t\tif (prefix === 'on') {\n\t\t\t/** @type {{ capture?: true }} */\n\t\t\tconst opts = {};\n\t\t\tconst event_handle_key = '$$' + key;\n\t\t\tlet event_name = key.slice(2);\n\t\t\tvar delegated = is_delegated(event_name);\n\n\t\t\tif (is_capture_event(event_name)) {\n\t\t\t\tevent_name = event_name.slice(0, -7);\n\t\t\t\topts.capture = true;\n\t\t\t}\n\n\t\t\tif (!delegated && prev_value) {\n\t\t\t\t// Listening to same event but different handler -> our handle function below takes care of this\n\t\t\t\t// If we were to remove and add listeners in this case, it could happen that the event is \"swallowed\"\n\t\t\t\t// (the browser seems to not know yet that a new one exists now) and doesn't reach the handler\n\t\t\t\t// https://github.com/sveltejs/svelte/issues/11903\n\t\t\t\tif (value != null) continue;\n\n\t\t\t\telement.removeEventListener(event_name, current[event_handle_key], opts);\n\t\t\t\tcurrent[event_handle_key] = null;\n\t\t\t}\n\n\t\t\tif (value != null) {\n\t\t\t\tif (!delegated) {\n\t\t\t\t\t/**\n\t\t\t\t\t * @this {any}\n\t\t\t\t\t * @param {Event} evt\n\t\t\t\t\t */\n\t\t\t\t\tfunction handle(evt) {\n\t\t\t\t\t\tcurrent[key].call(this, evt);\n\t\t\t\t\t}\n\n\t\t\t\t\tcurrent[event_handle_key] = create_event(event_name, element, handle, opts);\n\t\t\t\t} else {\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\telement[`__${event_name}`] = value;\n\t\t\t\t\tdelegate([event_name]);\n\t\t\t\t}\n\t\t\t} else if (delegated) {\n\t\t\t\t// @ts-ignore\n\t\t\t\telement[`__${event_name}`] = undefined;\n\t\t\t}\n\t\t} else if (key === 'style' && value != null) {\n\t\t\telement.style.cssText = value + '';\n\t\t} else if (key === 'autofocus') {\n\t\t\tautofocus(/** @type {HTMLElement} */ (element), Boolean(value));\n\t\t} else if (!is_custom_element && (key === '__value' || (key === 'value' && value != null))) {\n\t\t\t// @ts-ignore We're not running this for custom elements because __value is actually\n\t\t\t// how Lit stores the current value on the element, and messing with that would break things.\n\t\t\telement.value = element.__value = value;\n\t\t} else if (key === 'selected' && is_option_element) {\n\t\t\tset_selected(/** @type {HTMLOptionElement} */ (element), value);\n\t\t} else {\n\t\t\tvar name = key;\n\t\t\tif (!preserve_attribute_case) {\n\t\t\t\tname = normalize_attribute(name);\n\t\t\t}\n\n\t\t\tvar is_default = name === 'defaultValue' || name === 'defaultChecked';\n\n\t\t\tif (value == null && !is_custom_element && !is_default) {\n\t\t\t\tattributes[key] = null;\n\n\t\t\t\tif (name === 'value' || name === 'checked') {\n\t\t\t\t\t// removing value/checked also removes defaultValue/defaultChecked — preserve\n\t\t\t\t\tlet input = /** @type {HTMLInputElement} */ (element);\n\t\t\t\t\tconst use_default = prev === undefined;\n\t\t\t\t\tif (name === 'value') {\n\t\t\t\t\t\tlet previous = input.defaultValue;\n\t\t\t\t\t\tinput.removeAttribute(name);\n\t\t\t\t\t\tinput.defaultValue = previous;\n\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\tinput.value = input.__value = use_default ? previous : null;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlet previous = input.defaultChecked;\n\t\t\t\t\t\tinput.removeAttribute(name);\n\t\t\t\t\t\tinput.defaultChecked = previous;\n\t\t\t\t\t\tinput.checked = use_default ? previous : false;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\telement.removeAttribute(key);\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\tis_default ||\n\t\t\t\t(setters.includes(name) && (is_custom_element || typeof value !== 'string'))\n\t\t\t) {\n\t\t\t\t// @ts-ignore\n\t\t\t\telement[name] = value;\n\t\t\t} else if (typeof value !== 'function') {\n\t\t\t\tset_attribute(element, name, value);\n\t\t\t}\n\t\t}\n\t\tif (key === 'style' && '__styles' in element) {\n\t\t\t// reset styles to force style: directive to update\n\t\t\telement.__styles = {};\n\t\t}\n\t}\n\n\tif (is_hydrating_custom_element) {\n\t\tset_hydrating(true);\n\t}\n\n\treturn current;\n}\n\n/** @type {Map<string, string[]>} */\nvar setters_cache = new Map();\n\n/** @param {Element} element */\nfunction get_setters(element) {\n\tvar setters = setters_cache.get(element.nodeName);\n\tif (setters) return setters;\n\tsetters_cache.set(element.nodeName, (setters = []));\n\n\tvar descriptors;\n\tvar proto = element; // In the case of custom elements there might be setters on the instance\n\tvar element_proto = Element.prototype;\n\n\t// Stop at Element, from there on there's only unnecessary setters we're not interested in\n\t// Do not use contructor.name here as that's unreliable in some browser environments\n\twhile (element_proto !== proto) {\n\t\tdescriptors = get_descriptors(proto);\n\n\t\tfor (var key in descriptors) {\n\t\t\tif (descriptors[key].set) {\n\t\t\t\tsetters.push(key);\n\t\t\t}\n\t\t}\n\n\t\tproto = get_prototype_of(proto);\n\t}\n\n\treturn setters;\n}\n\n/**\n * @param {any} element\n * @param {string} attribute\n * @param {string} value\n */\nfunction check_src_in_dev_hydration(element, attribute, value) {\n\tif (!DEV) return;\n\tif (attribute === 'srcset' && srcset_url_equal(element, value)) return;\n\tif (src_url_equal(element.getAttribute(attribute) ?? '', value)) return;\n\n\tw.hydration_attribute_changed(\n\t\tattribute,\n\t\telement.outerHTML.replace(element.innerHTML, element.innerHTML && '...'),\n\t\tString(value)\n\t);\n}\n\n/**\n * @param {string} element_src\n * @param {string} url\n * @returns {boolean}\n */\nfunction src_url_equal(element_src, url) {\n\tif (element_src === url) return true;\n\treturn new URL(element_src, document.baseURI).href === new URL(url, document.baseURI).href;\n}\n\n/** @param {string} srcset */\nfunction split_srcset(srcset) {\n\treturn srcset.split(',').map((src) => src.trim().split(' ').filter(Boolean));\n}\n\n/**\n * @param {HTMLSourceElement | HTMLImageElement} element\n * @param {string} srcset\n * @returns {boolean}\n */\nfunction srcset_url_equal(element, srcset) {\n\tvar element_urls = split_srcset(element.srcset);\n\tvar urls = split_srcset(srcset);\n\n\treturn (\n\t\turls.length === element_urls.length &&\n\t\turls.every(\n\t\t\t([url, width], i) =>\n\t\t\t\twidth === element_urls[i][1] &&\n\t\t\t\t// We need to test both ways because Vite will create an a full URL with\n\t\t\t\t// `new URL(asset, import.meta.url).href` for the client when `base: './'`, and the\n\t\t\t\t// relative URLs inside srcset are not automatically resolved to absolute URLs by\n\t\t\t\t// browsers (in contrast to img.src). This means both SSR and DOM code could\n\t\t\t\t// contain relative or absolute URLs.\n\t\t\t\t(src_url_equal(element_urls[i][0], url) || src_url_equal(url, element_urls[i][0]))\n\t\t)\n\t);\n}\n"],"names":["CLASS","remove_input_defaults","input","hydrating","already_removed","remove_defaults","value","set_attribute","checked","queue_idle_task","add_form_reset_listener","set_checked","element","attributes","set_selected","selected","attribute","skip_warning","LOADING_ATTR_SYMBOL","get_setters","set_attributes","prev","next","css_hash","preserve_attribute_case","is_custom_element","is_hydrating_custom_element","set_hydrating","current","is_option_element","key","clsx","setters","is_html","set_class","prev_value","prefix","opts","event_handle_key","event_name","delegated","is_delegated","is_capture_event","delegate","handle","evt","create_event","autofocus","name","normalize_attribute","is_default","use_default","previous","setters_cache","descriptors","proto","element_proto","get_descriptors","get_prototype_of"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"attributes.js","sources":["../node_modules/svelte/src/internal/client/dom/elements/style.js","../node_modules/svelte/src/internal/client/dom/elements/attributes.js"],"sourcesContent":["import { to_style } from '../../../shared/attributes.js';\nimport { hydrating } from '../hydration.js';\n\n/**\n * @param {Element & ElementCSSInlineStyle} dom\n * @param {Record<string, any>} prev\n * @param {Record<string, any>} next\n * @param {string} [priority]\n */\nfunction update_styles(dom, prev = {}, next, priority) {\n\tfor (var key in next) {\n\t\tvar value = next[key];\n\n\t\tif (prev[key] !== value) {\n\t\t\tif (next[key] == null) {\n\t\t\t\tdom.style.removeProperty(key);\n\t\t\t} else {\n\t\t\t\tdom.style.setProperty(key, value, priority);\n\t\t\t}\n\t\t}\n\t}\n}\n\n/**\n * @param {Element & ElementCSSInlineStyle} dom\n * @param {string | null} value\n * @param {Record<string, any> | [Record<string, any>, Record<string, any>]} [prev_styles]\n * @param {Record<string, any> | [Record<string, any>, Record<string, any>]} [next_styles]\n */\nexport function set_style(dom, value, prev_styles, next_styles) {\n\t// @ts-expect-error\n\tvar prev = dom.__style;\n\n\tif (hydrating || prev !== value) {\n\t\tvar next_style_attr = to_style(value, next_styles);\n\n\t\tif (!hydrating || next_style_attr !== dom.getAttribute('style')) {\n\t\t\tif (next_style_attr == null) {\n\t\t\t\tdom.removeAttribute('style');\n\t\t\t} else {\n\t\t\t\tdom.style.cssText = next_style_attr;\n\t\t\t}\n\t\t}\n\n\t\t// @ts-expect-error\n\t\tdom.__style = value;\n\t} else if (next_styles) {\n\t\tif (Array.isArray(next_styles)) {\n\t\t\tupdate_styles(dom, prev_styles?.[0], next_styles[0]);\n\t\t\tupdate_styles(dom, prev_styles?.[1], next_styles[1], 'important');\n\t\t} else {\n\t\t\tupdate_styles(dom, prev_styles, next_styles);\n\t\t}\n\t}\n\n\treturn next_styles;\n}\n","import { DEV } from 'esm-env';\nimport { hydrating, set_hydrating } from '../hydration.js';\nimport { get_descriptors, get_prototype_of } from '../../../shared/utils.js';\nimport { create_event, delegate } from './events.js';\nimport { add_form_reset_listener, autofocus } from './misc.js';\nimport * as w from '../../warnings.js';\nimport { LOADING_ATTR_SYMBOL } from '#client/constants';\nimport { queue_idle_task } from '../task.js';\nimport { is_capture_event, is_delegated, normalize_attribute } from '../../../../utils.js';\nimport {\n\tactive_effect,\n\tactive_reaction,\n\tset_active_effect,\n\tset_active_reaction\n} from '../../runtime.js';\nimport { clsx } from '../../../shared/attributes.js';\nimport { set_class } from './class.js';\nimport { set_style } from './style.js';\nimport { NAMESPACE_HTML } from '../../../../constants.js';\n\nexport const CLASS = Symbol('class');\nexport const STYLE = Symbol('style');\n\nconst IS_CUSTOM_ELEMENT = Symbol('is custom element');\nconst IS_HTML = Symbol('is html');\n\n/**\n * The value/checked attribute in the template actually corresponds to the defaultValue property, so we need\n * to remove it upon hydration to avoid a bug when someone resets the form value.\n * @param {HTMLInputElement} input\n * @returns {void}\n */\nexport function remove_input_defaults(input) {\n\tif (!hydrating) return;\n\n\tvar already_removed = false;\n\n\t// We try and remove the default attributes later, rather than sync during hydration.\n\t// Doing it sync during hydration has a negative impact on performance, but deferring the\n\t// work in an idle task alleviates this greatly. If a form reset event comes in before\n\t// the idle callback, then we ensure the input defaults are cleared just before.\n\tvar remove_defaults = () => {\n\t\tif (already_removed) return;\n\t\talready_removed = true;\n\n\t\t// Remove the attributes but preserve the values\n\t\tif (input.hasAttribute('value')) {\n\t\t\tvar value = input.value;\n\t\t\tset_attribute(input, 'value', null);\n\t\t\tinput.value = value;\n\t\t}\n\n\t\tif (input.hasAttribute('checked')) {\n\t\t\tvar checked = input.checked;\n\t\t\tset_attribute(input, 'checked', null);\n\t\t\tinput.checked = checked;\n\t\t}\n\t};\n\n\t// @ts-expect-error\n\tinput.__on_r = remove_defaults;\n\tqueue_idle_task(remove_defaults);\n\tadd_form_reset_listener();\n}\n\n/**\n * @param {Element} element\n * @param {any} value\n */\nexport function set_value(element, value) {\n\tvar attributes = get_attributes(element);\n\n\tif (\n\t\tattributes.value ===\n\t\t\t(attributes.value =\n\t\t\t\t// treat null and undefined the same for the initial value\n\t\t\t\tvalue ?? undefined) ||\n\t\t// @ts-expect-error\n\t\t// `progress` elements always need their value set when it's `0`\n\t\t(element.value === value && (value !== 0 || element.nodeName !== 'PROGRESS'))\n\t) {\n\t\treturn;\n\t}\n\n\t// @ts-expect-error\n\telement.value = value ?? '';\n}\n\n/**\n * @param {Element} element\n * @param {boolean} checked\n */\nexport function set_checked(element, checked) {\n\tvar attributes = get_attributes(element);\n\n\tif (\n\t\tattributes.checked ===\n\t\t(attributes.checked =\n\t\t\t// treat null and undefined the same for the initial value\n\t\t\tchecked ?? undefined)\n\t) {\n\t\treturn;\n\t}\n\n\t// @ts-expect-error\n\telement.checked = checked;\n}\n\n/**\n * Sets the `selected` attribute on an `option` element.\n * Not set through the property because that doesn't reflect to the DOM,\n * which means it wouldn't be taken into account when a form is reset.\n * @param {HTMLOptionElement} element\n * @param {boolean} selected\n */\nexport function set_selected(element, selected) {\n\tif (selected) {\n\t\t// The selected option could've changed via user selection, and\n\t\t// setting the value without this check would set it back.\n\t\tif (!element.hasAttribute('selected')) {\n\t\t\telement.setAttribute('selected', '');\n\t\t}\n\t} else {\n\t\telement.removeAttribute('selected');\n\t}\n}\n\n/**\n * Applies the default checked property without influencing the current checked property.\n * @param {HTMLInputElement} element\n * @param {boolean} checked\n */\nexport function set_default_checked(element, checked) {\n\tconst existing_value = element.checked;\n\telement.defaultChecked = checked;\n\telement.checked = existing_value;\n}\n\n/**\n * Applies the default value property without influencing the current value property.\n * @param {HTMLInputElement | HTMLTextAreaElement} element\n * @param {string} value\n */\nexport function set_default_value(element, value) {\n\tconst existing_value = element.value;\n\telement.defaultValue = value;\n\telement.value = existing_value;\n}\n\n/**\n * @param {Element} element\n * @param {string} attribute\n * @param {string | null} value\n * @param {boolean} [skip_warning]\n */\nexport function set_attribute(element, attribute, value, skip_warning) {\n\tvar attributes = get_attributes(element);\n\n\tif (hydrating) {\n\t\tattributes[attribute] = element.getAttribute(attribute);\n\n\t\tif (\n\t\t\tattribute === 'src' ||\n\t\t\tattribute === 'srcset' ||\n\t\t\t(attribute === 'href' && element.nodeName === 'LINK')\n\t\t) {\n\t\t\tif (!skip_warning) {\n\t\t\t\tcheck_src_in_dev_hydration(element, attribute, value ?? '');\n\t\t\t}\n\n\t\t\t// If we reset these attributes, they would result in another network request, which we want to avoid.\n\t\t\t// We assume they are the same between client and server as checking if they are equal is expensive\n\t\t\t// (we can't just compare the strings as they can be different between client and server but result in the\n\t\t\t// same url, so we would need to create hidden anchor elements to compare them)\n\t\t\treturn;\n\t\t}\n\t}\n\n\tif (attributes[attribute] === (attributes[attribute] = value)) return;\n\n\tif (attribute === 'loading') {\n\t\t// @ts-expect-error\n\t\telement[LOADING_ATTR_SYMBOL] = value;\n\t}\n\n\tif (value == null) {\n\t\telement.removeAttribute(attribute);\n\t} else if (typeof value !== 'string' && get_setters(element).includes(attribute)) {\n\t\t// @ts-ignore\n\t\telement[attribute] = value;\n\t} else {\n\t\telement.setAttribute(attribute, value);\n\t}\n}\n\n/**\n * @param {Element} dom\n * @param {string} attribute\n * @param {string} value\n */\nexport function set_xlink_attribute(dom, attribute, value) {\n\tdom.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\n\n/**\n * @param {HTMLElement} node\n * @param {string} prop\n * @param {any} value\n */\nexport function set_custom_element_data(node, prop, value) {\n\t// We need to ensure that setting custom element props, which can\n\t// invoke lifecycle methods on other custom elements, does not also\n\t// associate those lifecycle methods with the current active reaction\n\t// or effect\n\tvar previous_reaction = active_reaction;\n\tvar previous_effect = active_effect;\n\n\t// If we're hydrating but the custom element is from Svelte, and it already scaffolded,\n\t// then it might run block logic in hydration mode, which we have to prevent.\n\tlet was_hydrating = hydrating;\n\tif (hydrating) {\n\t\tset_hydrating(false);\n\t}\n\n\tset_active_reaction(null);\n\tset_active_effect(null);\n\n\ttry {\n\t\tif (\n\t\t\t// `style` should use `set_attribute` rather than the setter\n\t\t\tprop !== 'style' &&\n\t\t\t// Don't compute setters for custom elements while they aren't registered yet,\n\t\t\t// because during their upgrade/instantiation they might add more setters.\n\t\t\t// Instead, fall back to a simple \"an object, then set as property\" heuristic.\n\t\t\t(setters_cache.has(node.nodeName) ||\n\t\t\t// customElements may not be available in browser extension contexts\n\t\t\t!customElements ||\n\t\t\tcustomElements.get(node.tagName.toLowerCase())\n\t\t\t\t? get_setters(node).includes(prop)\n\t\t\t\t: value && typeof value === 'object')\n\t\t) {\n\t\t\t// @ts-expect-error\n\t\t\tnode[prop] = value;\n\t\t} else {\n\t\t\t// We did getters etc checks already, stringify before passing to set_attribute\n\t\t\t// to ensure it doesn't invoke the same logic again, and potentially populating\n\t\t\t// the setters cache too early.\n\t\t\tset_attribute(node, prop, value == null ? value : String(value));\n\t\t}\n\t} finally {\n\t\tset_active_reaction(previous_reaction);\n\t\tset_active_effect(previous_effect);\n\t\tif (was_hydrating) {\n\t\t\tset_hydrating(true);\n\t\t}\n\t}\n}\n\n/**\n * Spreads attributes onto a DOM element, taking into account the currently set attributes\n * @param {Element & ElementCSSInlineStyle} element\n * @param {Record<string | symbol, any> | undefined} prev\n * @param {Record<string | symbol, any>} next New attributes - this function mutates this object\n * @param {string} [css_hash]\n * @param {boolean} [skip_warning]\n * @returns {Record<string, any>}\n */\nexport function set_attributes(element, prev, next, css_hash, skip_warning = false) {\n\tvar attributes = get_attributes(element);\n\n\tvar is_custom_element = attributes[IS_CUSTOM_ELEMENT];\n\tvar preserve_attribute_case = !attributes[IS_HTML];\n\n\t// If we're hydrating but the custom element is from Svelte, and it already scaffolded,\n\t// then it might run block logic in hydration mode, which we have to prevent.\n\tlet is_hydrating_custom_element = hydrating && is_custom_element;\n\tif (is_hydrating_custom_element) {\n\t\tset_hydrating(false);\n\t}\n\n\tvar current = prev || {};\n\tvar is_option_element = element.tagName === 'OPTION';\n\n\tfor (var key in prev) {\n\t\tif (!(key in next)) {\n\t\t\tnext[key] = null;\n\t\t}\n\t}\n\n\tif (next.class) {\n\t\tnext.class = clsx(next.class);\n\t} else if (css_hash || next[CLASS]) {\n\t\tnext.class = null; /* force call to set_class() */\n\t}\n\n\tif (next[STYLE]) {\n\t\tnext.style ??= null; /* force call to set_style() */\n\t}\n\n\tvar setters = get_setters(element);\n\n\t// since key is captured we use const\n\tfor (const key in next) {\n\t\t// let instead of var because referenced in a closure\n\t\tlet value = next[key];\n\n\t\t// Up here because we want to do this for the initial value, too, even if it's undefined,\n\t\t// and this wouldn't be reached in case of undefined because of the equality check below\n\t\tif (is_option_element && key === 'value' && value == null) {\n\t\t\t// The <option> element is a special case because removing the value attribute means\n\t\t\t// the value is set to the text content of the option element, and setting the value\n\t\t\t// to null or undefined means the value is set to the string \"null\" or \"undefined\".\n\t\t\t// To align with how we handle this case in non-spread-scenarios, this logic is needed.\n\t\t\t// There's a super-edge-case bug here that is left in in favor of smaller code size:\n\t\t\t// Because of the \"set missing props to null\" logic above, we can't differentiate\n\t\t\t// between a missing value and an explicitly set value of null or undefined. That means\n\t\t\t// that once set, the value attribute of an <option> element can't be removed. This is\n\t\t\t// a very rare edge case, and removing the attribute altogether isn't possible either\n\t\t\t// for the <option value={undefined}> case, so we're not losing any functionality here.\n\t\t\t// @ts-ignore\n\t\t\telement.value = element.__value = '';\n\t\t\tcurrent[key] = value;\n\t\t\tcontinue;\n\t\t}\n\n\t\tif (key === 'class') {\n\t\t\tvar is_html = element.namespaceURI === 'http://www.w3.org/1999/xhtml';\n\t\t\tset_class(element, is_html, value, css_hash, prev?.[CLASS], next[CLASS]);\n\t\t\tcurrent[key] = value;\n\t\t\tcurrent[CLASS] = next[CLASS];\n\t\t\tcontinue;\n\t\t}\n\n\t\tif (key === 'style') {\n\t\t\tset_style(element, value, prev?.[STYLE], next[STYLE]);\n\t\t\tcurrent[key] = value;\n\t\t\tcurrent[STYLE] = next[STYLE];\n\t\t\tcontinue;\n\t\t}\n\n\t\tvar prev_value = current[key];\n\t\tif (value === prev_value) continue;\n\n\t\tcurrent[key] = value;\n\n\t\tvar prefix = key[0] + key[1]; // this is faster than key.slice(0, 2)\n\t\tif (prefix === '$$') continue;\n\n\t\tif (prefix === 'on') {\n\t\t\t/** @type {{ capture?: true }} */\n\t\t\tconst opts = {};\n\t\t\tconst event_handle_key = '$$' + key;\n\t\t\tlet event_name = key.slice(2);\n\t\t\tvar delegated = is_delegated(event_name);\n\n\t\t\tif (is_capture_event(event_name)) {\n\t\t\t\tevent_name = event_name.slice(0, -7);\n\t\t\t\topts.capture = true;\n\t\t\t}\n\n\t\t\tif (!delegated && prev_value) {\n\t\t\t\t// Listening to same event but different handler -> our handle function below takes care of this\n\t\t\t\t// If we were to remove and add listeners in this case, it could happen that the event is \"swallowed\"\n\t\t\t\t// (the browser seems to not know yet that a new one exists now) and doesn't reach the handler\n\t\t\t\t// https://github.com/sveltejs/svelte/issues/11903\n\t\t\t\tif (value != null) continue;\n\n\t\t\t\telement.removeEventListener(event_name, current[event_handle_key], opts);\n\t\t\t\tcurrent[event_handle_key] = null;\n\t\t\t}\n\n\t\t\tif (value != null) {\n\t\t\t\tif (!delegated) {\n\t\t\t\t\t/**\n\t\t\t\t\t * @this {any}\n\t\t\t\t\t * @param {Event} evt\n\t\t\t\t\t */\n\t\t\t\t\tfunction handle(evt) {\n\t\t\t\t\t\tcurrent[key].call(this, evt);\n\t\t\t\t\t}\n\n\t\t\t\t\tcurrent[event_handle_key] = create_event(event_name, element, handle, opts);\n\t\t\t\t} else {\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\telement[`__${event_name}`] = value;\n\t\t\t\t\tdelegate([event_name]);\n\t\t\t\t}\n\t\t\t} else if (delegated) {\n\t\t\t\t// @ts-ignore\n\t\t\t\telement[`__${event_name}`] = undefined;\n\t\t\t}\n\t\t} else if (key === 'style') {\n\t\t\t// avoid using the setter\n\t\t\tset_attribute(element, key, value);\n\t\t} else if (key === 'autofocus') {\n\t\t\tautofocus(/** @type {HTMLElement} */ (element), Boolean(value));\n\t\t} else if (!is_custom_element && (key === '__value' || (key === 'value' && value != null))) {\n\t\t\t// @ts-ignore We're not running this for custom elements because __value is actually\n\t\t\t// how Lit stores the current value on the element, and messing with that would break things.\n\t\t\telement.value = element.__value = value;\n\t\t} else if (key === 'selected' && is_option_element) {\n\t\t\tset_selected(/** @type {HTMLOptionElement} */ (element), value);\n\t\t} else {\n\t\t\tvar name = key;\n\t\t\tif (!preserve_attribute_case) {\n\t\t\t\tname = normalize_attribute(name);\n\t\t\t}\n\n\t\t\tvar is_default = name === 'defaultValue' || name === 'defaultChecked';\n\n\t\t\tif (value == null && !is_custom_element && !is_default) {\n\t\t\t\tattributes[key] = null;\n\n\t\t\t\tif (name === 'value' || name === 'checked') {\n\t\t\t\t\t// removing value/checked also removes defaultValue/defaultChecked — preserve\n\t\t\t\t\tlet input = /** @type {HTMLInputElement} */ (element);\n\t\t\t\t\tconst use_default = prev === undefined;\n\t\t\t\t\tif (name === 'value') {\n\t\t\t\t\t\tlet previous = input.defaultValue;\n\t\t\t\t\t\tinput.removeAttribute(name);\n\t\t\t\t\t\tinput.defaultValue = previous;\n\t\t\t\t\t\t// @ts-ignore\n\t\t\t\t\t\tinput.value = input.__value = use_default ? previous : null;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlet previous = input.defaultChecked;\n\t\t\t\t\t\tinput.removeAttribute(name);\n\t\t\t\t\t\tinput.defaultChecked = previous;\n\t\t\t\t\t\tinput.checked = use_default ? previous : false;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\telement.removeAttribute(key);\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\tis_default ||\n\t\t\t\t(setters.includes(name) && (is_custom_element || typeof value !== 'string'))\n\t\t\t) {\n\t\t\t\t// @ts-ignore\n\t\t\t\telement[name] = value;\n\t\t\t} else if (typeof value !== 'function') {\n\t\t\t\tset_attribute(element, name, value, skip_warning);\n\t\t\t}\n\t\t}\n\t}\n\n\tif (is_hydrating_custom_element) {\n\t\tset_hydrating(true);\n\t}\n\n\treturn current;\n}\n\n/**\n *\n * @param {Element} element\n */\nfunction get_attributes(element) {\n\treturn /** @type {Record<string | symbol, unknown>} **/ (\n\t\t// @ts-expect-error\n\t\telement.__attributes ??= {\n\t\t\t[IS_CUSTOM_ELEMENT]: element.nodeName.includes('-'),\n\t\t\t[IS_HTML]: element.namespaceURI === NAMESPACE_HTML\n\t\t}\n\t);\n}\n\n/** @type {Map<string, string[]>} */\nvar setters_cache = new Map();\n\n/** @param {Element} element */\nfunction get_setters(element) {\n\tvar setters = setters_cache.get(element.nodeName);\n\tif (setters) return setters;\n\tsetters_cache.set(element.nodeName, (setters = []));\n\n\tvar descriptors;\n\tvar proto = element; // In the case of custom elements there might be setters on the instance\n\tvar element_proto = Element.prototype;\n\n\t// Stop at Element, from there on there's only unnecessary setters we're not interested in\n\t// Do not use contructor.name here as that's unreliable in some browser environments\n\twhile (element_proto !== proto) {\n\t\tdescriptors = get_descriptors(proto);\n\n\t\tfor (var key in descriptors) {\n\t\t\tif (descriptors[key].set) {\n\t\t\t\tsetters.push(key);\n\t\t\t}\n\t\t}\n\n\t\tproto = get_prototype_of(proto);\n\t}\n\n\treturn setters;\n}\n\n/**\n * @param {any} element\n * @param {string} attribute\n * @param {string} value\n */\nfunction check_src_in_dev_hydration(element, attribute, value) {\n\tif (!DEV) return;\n\tif (attribute === 'srcset' && srcset_url_equal(element, value)) return;\n\tif (src_url_equal(element.getAttribute(attribute) ?? '', value)) return;\n\n\tw.hydration_attribute_changed(\n\t\tattribute,\n\t\telement.outerHTML.replace(element.innerHTML, element.innerHTML && '...'),\n\t\tString(value)\n\t);\n}\n\n/**\n * @param {string} element_src\n * @param {string} url\n * @returns {boolean}\n */\nfunction src_url_equal(element_src, url) {\n\tif (element_src === url) return true;\n\treturn new URL(element_src, document.baseURI).href === new URL(url, document.baseURI).href;\n}\n\n/** @param {string} srcset */\nfunction split_srcset(srcset) {\n\treturn srcset.split(',').map((src) => src.trim().split(' ').filter(Boolean));\n}\n\n/**\n * @param {HTMLSourceElement | HTMLImageElement} element\n * @param {string} srcset\n * @returns {boolean}\n */\nfunction srcset_url_equal(element, srcset) {\n\tvar element_urls = split_srcset(element.srcset);\n\tvar urls = split_srcset(srcset);\n\n\treturn (\n\t\turls.length === element_urls.length &&\n\t\turls.every(\n\t\t\t([url, width], i) =>\n\t\t\t\twidth === element_urls[i][1] &&\n\t\t\t\t// We need to test both ways because Vite will create an a full URL with\n\t\t\t\t// `new URL(asset, import.meta.url).href` for the client when `base: './'`, and the\n\t\t\t\t// relative URLs inside srcset are not automatically resolved to absolute URLs by\n\t\t\t\t// browsers (in contrast to img.src). This means both SSR and DOM code could\n\t\t\t\t// contain relative or absolute URLs.\n\t\t\t\t(src_url_equal(element_urls[i][0], url) || src_url_equal(url, element_urls[i][0]))\n\t\t)\n\t);\n}\n"],"names":["update_styles","dom","prev","next","priority","key","value","set_style","prev_styles","next_styles","hydrating","next_style_attr","to_style","CLASS","STYLE","IS_CUSTOM_ELEMENT","IS_HTML","remove_input_defaults","input","already_removed","remove_defaults","set_attribute","checked","queue_idle_task","add_form_reset_listener","set_checked","element","attributes","get_attributes","set_selected","selected","attribute","skip_warning","LOADING_ATTR_SYMBOL","get_setters","set_attributes","css_hash","is_custom_element","preserve_attribute_case","is_hydrating_custom_element","set_hydrating","current","is_option_element","clsx","setters","is_html","set_class","prev_value","prefix","opts","event_handle_key","event_name","delegated","is_delegated","is_capture_event","delegate","handle","evt","create_event","autofocus","name","normalize_attribute","is_default","use_default","previous","NAMESPACE_HTML","setters_cache","descriptors","proto","element_proto","get_descriptors","get_prototype_of"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/bundle.js

@@ -1,31 +1,19 @@
-
-import Button from './components/button/Button.js';
-import IconButton from './components/button/IconButton.js';
-
-import Checkbox from './components/checkbox/Checkbox.js';
-import CheckboxGroup from './components/checkboxgroup/checkboxGroup.js';
-import Textarea from './components/textarea/Textarea.js';
-import Select from './components/select/Select.js';
-
-import Toggle from './components/toggle/Toggle.js';
-
-import Field from './components/field/Field.js';
-
-import Link from './components/link/Link.js';
-
-import Loader from './components/loader/Loader.js';
-
-import Textinput from './components/textinput/Textinput.js';
-
-import Overlay from './components/overlay/Overlay.js';
-import OverlayLoader from './components/overlay/OverlayLoader.js';
-
-import Radio from './components/radio/Radio.js';
-import RadioGroup from './components/radiogroup/RadioGroup.js';
-
-import QuantitySelector from './components/quantityselector/QuantitySelector.js';
-
-import Badge from './components/badge/Badge.js';
-import StatusBadge from './components/statusbadge/StatusBadge.js';
-import StatusDot from './components/statusbadge/StatusDot.js';
-
+import './components/button/Button.js';
+import './components/button/IconButton.js';
+import './components/checkbox/Checkbox.js';
+import './components/checkboxgroup/checkboxGroup.js';
+import './components/textarea/Textarea.js';
+import './components/select/Select.js';
+import './components/toggle/Toggle.js';
+import './components/field/Field.js';
+import './components/link/Link.js';
+import './components/loader/Loader.js';
+import './components/textinput/Textinput.js';
+import './components/overlay/Overlay.js';
+import './components/overlay/OverlayLoader.js';
+import './components/radio/Radio.js';
+import './components/radiogroup/RadioGroup.js';
+import './components/quantityselector/QuantitySelector.js';
+import './components/badge/Badge.js';
+import './components/statusbadge/StatusBadge.js';
+import './components/statusbadge/StatusDot.js';

package/dist/components/badge/Badge.js

@@ -1,4 +1,4 @@
-import{c as g,p as b,a as u,b as d,t as m,f as v,k as h,B as p,j as w,e as x,g as k,h as y,i as n,r as z}from"../../custom-element.js";var _=m("<div> </div>");const j={hash:"svelte-1hwtfua",code:`/**
+import{a as g,p as b,b as u,e as c,t as m,g as v,B as h,m as p,l as w,f as x,h as k,j as y,k as l,r as z}from"../../custom-element.js";var _=m("<div> </div>");const j={hash:"svelte-1hwtfua",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-badge.svelte-1hwtfua {color:var(--badge-color-text-standard, #ffffff);background-color:var(--badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding:0 0.125rem;font-size:0.625rem;border-radius:1rem;font-weight:600;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;}.mc-badge--m.svelte-1hwtfua {height:1.5rem;min-width:1.5rem;padding:0 0.25rem;font-size:0.75rem;}.mc-badge--accent.svelte-1hwtfua {color:var(--badge-color-text-accent, #ffffff);background-color:var(--badge-color-background-accent, #117f03);}.mc-badge--danger.svelte-1hwtfua {color:var(--badge-color-text-danger, #ffffff);background-color:var(--badge-color-background-danger, #c61112);}.mc-badge--inverse.svelte-1hwtfua {color:var(--badge-color-text-inverse, #464e63);background-color:var(--badge-color-background-inverse, #ffffff);}`};function B(l,a){b(a,!0),u(l,j);let s=d(a,"label",7,""),o=d(a,"style",7,"standard"),t=d(a,"size",7,"s");function f(e){const c=["mc-badge"];return e&&c.push(`mc-badge--${e}`),t()&&c.push(`mc-badge--${t()}`),c.join(" ")}var r=_(),i=x(r,!0);return z(r),v(e=>{h(r,1,p(e),"svelte-1hwtfua"),w(i,s())},[()=>f(o())]),k(l,r),y({get label(){return s()},set label(e=""){s(e),n()},get style(){return o()},set style(e="standard"){o(e),n()},get size(){return t()},set size(e="s"){t(e),n()}})}customElements.define("m-badge",g(B,{label:{},style:{},size:{}},[],[],!1));
+ */.mc-badge.svelte-1hwtfua {color:var(--badge-color-text-standard, #ffffff);background-color:var(--badge-color-background-standard, #464e63);height:1rem;min-width:1rem;padding:0 0.125rem;font-size:0.625rem;border-radius:1rem;font-weight:600;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;}.mc-badge--m.svelte-1hwtfua {height:1.5rem;min-width:1.5rem;padding:0 0.25rem;font-size:0.75rem;}.mc-badge--accent.svelte-1hwtfua {color:var(--badge-color-text-accent, #ffffff);background-color:var(--badge-color-background-accent, #117f03);}.mc-badge--danger.svelte-1hwtfua {color:var(--badge-color-text-danger, #ffffff);background-color:var(--badge-color-background-danger, #c61112);}.mc-badge--inverse.svelte-1hwtfua {color:var(--badge-color-text-inverse, #464e63);background-color:var(--badge-color-background-inverse, #ffffff);}`};function B(n,a){b(a,!0),u(n,j);let s=c(a,"label",7,""),o=c(a,"style",7,"standard"),t=c(a,"size",7,"s");function f(e){const d=["mc-badge"];return e&&d.push(`mc-badge--${e}`),t()&&d.push(`mc-badge--${t()}`),d.join(" ")}var r=_(),i=x(r,!0);return z(r),v(e=>{p(r,1,e,"svelte-1hwtfua"),w(i,s())},[()=>h(f(o()))]),k(n,r),y({get label(){return s()},set label(e=""){s(e),l()},get style(){return o()},set style(e="standard"){o(e),l()},get size(){return t()},set size(e="s"){t(e),l()}})}customElements.define("m-badge",g(B,{label:{},style:{},size:{}},[],[],!1));
 //# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-badge', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n  interface Props {\n    label: string;\n    style: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { label = '', style = 'standard', size = 's' }: Props = $props();\n\n  function setClasses(style: BadgeStyle) {\n    const classes = ['mc-badge'];\n\n    if (style) {\n      classes.push(`mc-badge--${style}`);\n    }\n\n    if (size) {\n      classes.push(`mc-badge--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div class={setClasses(style)}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/badge';\n</style>\n"],"names":["label","style","size","setClasses","classes"],"mappings":";;63BAUQ,IAAAA,gBAAQ,EAAE,EAAEC,gBAAQ,UAAU,EAAEC,eAAO,GAAG,WAEvCC,EAAWF,EAAmB,CAC/B,MAAAG,GAAW,UAAU,EAEvB,OAAAH,GACFG,EAAQ,KAAI,aAAcH,CAAK,EAAA,EAG7BC,EAAI,GACNE,EAAQ,KAAI,aAAcF,EAAI,CAAA,EAAA,EAGzBE,EAAQ,KAAK,GAAG,CACzB,wEAICJ,GAAK,GADI,CAAA,IAAAG,EAAWF,GAAK,CAAA,iDAjBZ,GAAE,+CAAU,WAAU,6CAAS,IAAG"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-badge', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n  interface Props {\n    label: string;\n    style: BadgeStyle;\n    size: BadgeSize;\n  }\n\n  let { label = '', style = 'standard', size = 's' }: Props = $props();\n\n  function setClasses(style: BadgeStyle) {\n    const classes = ['mc-badge'];\n\n    if (style) {\n      classes.push(`mc-badge--${style}`);\n    }\n\n    if (size) {\n      classes.push(`mc-badge--${size}`);\n    }\n\n    return classes.join(' ');\n  }\n</script>\n\n<div class={setClasses(style)}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/badge';\n</style>\n"],"names":["label","style","size","setClasses","classes","$.clsx"],"mappings":";;63BAUQ,IAAAA,gBAAQ,EAAE,EAAEC,gBAAQ,UAAU,EAAEC,eAAO,GAAG,WAEvCC,EAAWF,EAAmB,CAC/B,MAAAG,GAAW,UAAU,EAEvB,OAAAH,GACFG,EAAQ,KAAI,aAAcH,CAAK,EAAA,EAG7BC,EAAI,GACNE,EAAQ,KAAI,aAAcF,EAAI,CAAA,EAAA,EAGzBE,EAAQ,KAAK,GAAG,CACzB,qEAICJ,GAAK,GADI,CAAA,IAAAK,EAAAF,EAAWF,EAAK,CAAA,CAAA,CAAA,iDAjBZ,GAAE,+CAAU,WAAU,6CAAS,IAAG"}

package/dist/components/button/Button.js

@@ -1,5 +1,5 @@
-import{c as W,p as X,a as Y,b as g,t as x,s as N,e as y,f as K,g as d,h as Z,i as m,r as z,k as $,o as oo,al as h,am as _}from"../../custom-element.js";import{i}from"../../if.js";import{h as O}from"../../html.js";import{s as to,a as L}from"../../slot.js";import{b as eo,C as ro}from"../../attributes.js";import{L as no}from"../loader/Loader.js";var ao=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),lo=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),co=x("<span><!></span>"),so=x('<span class="mc-button__icon svelte-jolktj"><!></span>'),bo=x("<button><!> <!> <!> <!></button>");const uo={hash:"svelte-jolktj",code:`/**
+import{a as N,p as O,b as P,e as n,t as f,s as C,f as g,g as E,v as Q,h as d,j as R,k as a,r as m,m as T,ac as q,ad as F}from"../../custom-element.js";import{i as b}from"../../if.js";import{s as L}from"../../slot.js";import{b as U,C as V}from"../../attributes.js";import{L as W}from"../loader/Loader.js";var X=f('<span class="mc-button__icon svelte-rkyik7"><!></span>'),Y=f("<span><!></span>"),Z=f('<span class="mc-button__icon svelte-rkyik7"><!></span>'),$=f("<button><!> <!> <!> <!></button>");const oo={hash:"svelte-rkyik7",code:`/**
  * Do not edit directly, this file was auto-generated.
- */.mc-button.svelte-jolktj {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);font-weight:600;padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:0.25rem;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button.svelte-jolktj:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-jolktj:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-jolktj .mc-button__label:where(.svelte-jolktj) {font-size:1rem;}.mc-button--s.svelte-jolktj {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--s.svelte-jolktj .mc-button__label:where(.svelte-jolktj) {font-size:0.875rem;}.mc-button--s.svelte-jolktj .mc-button__icon:where(.svelte-jolktj) {width:1.25rem;height:1.25rem;}.mc-button--s.svelte-jolktj .mc-button__icon:where(.svelte-jolktj):only-child {width:1.25rem;height:1.25rem;}.mc-button--m.svelte-jolktj {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--m.svelte-jolktj .mc-button__label:where(.svelte-jolktj) {font-size:1rem;}.mc-button--m.svelte-jolktj .mc-button__icon:where(.svelte-jolktj) {width:1.5rem;height:1.5rem;}.mc-button--m.svelte-jolktj .mc-button__icon:where(.svelte-jolktj):only-child {width:1.5rem;height:1.5rem;}.mc-button--l.svelte-jolktj {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button--l.svelte-jolktj .mc-button__label:where(.svelte-jolktj) {font-size:1.125rem;}.mc-button--l.svelte-jolktj .mc-button__icon:where(.svelte-jolktj) {width:2rem;height:2rem;}.mc-button--l.svelte-jolktj .mc-button__icon:where(.svelte-jolktj):only-child {width:2rem;height:2rem;}.mc-button__label.svelte-jolktj {font-size:1rem;}.mc-button__icon.svelte-jolktj {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-jolktj:focus-visible {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-button--icon-only.svelte-jolktj {padding:0.25rem;}.mc-button--outlined.svelte-jolktj {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-jolktj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-jolktj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-jolktj {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-jolktj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-jolktj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-jolktj {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-jolktj:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-jolktj:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-jolktj {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-jolktj:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-jolktj:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-jolktj {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-jolktj:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-jolktj:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-jolktj {border-radius:100%;padding:0;}.mc-button--loading.svelte-jolktj .mc-button__label:where(.svelte-jolktj),
-.mc-button--loading.svelte-jolktj .mc-button__icon:where(.svelte-jolktj) {visibility:hidden;}.mc-button--outlined.mc-button--standard.svelte-jolktj {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-jolktj:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-jolktj:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-jolktj {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-jolktj:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-jolktj:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-jolktj {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-jolktj:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-jolktj:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-jolktj {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-jolktj:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-jolktj:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-jolktj {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-jolktj:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-jolktj:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-jolktj {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-jolktj:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-jolktj:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-jolktj {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-jolktj:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-jolktj:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-jolktj {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-jolktj:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-jolktj:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-jolktj:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button__icon.svelte-jolktj {pointer-events:none;}.hidden.svelte-jolktj {visibility:hidden;}.loader-style.svelte-jolktj {color:currentColor;position:absolute;}`};function io(q,r){const f=to(r);X(r,!0),Y(q,uo);let C=g(r,"appearance",7,"standard"),j=g(r,"size",7,"m"),I=g(r,"ghost",7,!1),A=g(r,"outlined",7,!1),a=g(r,"iconname",7),v=g(r,"iconmode",7),B=g(r,"disabled",7,!1),D=g(r,"type",7,"button"),p=g(r,"isloading",7,!1),M=oo(r,["$$slots","$$events","$$legacy","$$host","appearance","size","ghost","outlined","iconname","iconmode","disabled","type","isloading"]);function E(o,e,s){const b=e==="only";let u;switch(o){case"s":u="24px";break;case"m":u=b?"32px":"24px";break;case"l":u=b?"100%":"32px";break}return`${s} size="${u}" `}var S=bo();let F;var G=y(S);{var P=o=>{no(o,{theme:"standard",style:"color: currentColor; position: absolute;",size:"m",text:""})};i(G,o=>{p()&&o(P)})}var H=N(G,2);{var Q=o=>{var e=ao(),s=y(e);{var b=t=>{var n=h(),l=_(n);L(l,r,"icon",{}),d(t,n)},u=(t,n)=>{{var l=c=>{var k=h(),w=_(k);O(w,()=>`<${E(j(),v(),a())} />`),d(c,k)};i(t,c=>{a()&&c(l)},n)}};i(s,t=>{f.icon?t(b):t(u,!1)})}z(e),d(o,e)};i(H,o=>{(a()||f.icon)&&v()==="left"&&o(Q)})}var J=N(H,2);{var R=o=>{var e=lo(),s=y(e);{var b=t=>{var n=h(),l=_(n);L(l,r,"icon",{}),d(t,n)},u=(t,n)=>{{var l=c=>{var k=h(),w=_(k);O(w,()=>`<${E(j(),v(),a())} />`),d(c,k)};i(t,c=>{a()&&c(l)},n)}};i(s,t=>{f.icon?t(b):t(u,!1)})}z(e),d(o,e)},T=o=>{var e=co();let s;var b=y(e);L(b,r,"default",{}),z(e),K(()=>s=$(e,1,"mc-button__label svelte-jolktj",null,s,{hidden:p()})),d(o,e)};i(J,o=>{(a()||f.icon)&&v()==="only"?o(R):o(T,!1)})}var U=N(J,2);{var V=o=>{var e=so(),s=y(e);{var b=t=>{var n=h(),l=_(n);L(l,r,"icon",{}),d(t,n)},u=(t,n)=>{{var l=c=>{var k=h(),w=_(k);O(w,()=>`<${E(j(),v(),a())} />`),d(c,k)};i(t,c=>{a()&&c(l)},n)}};i(s,t=>{f.icon?t(b):t(u,!1)})}z(e),d(o,e)};i(U,o=>{(a()||f.icon)&&v()==="right"&&o(V)})}return z(S),K(()=>F=eo(S,F,{class:`mc-button ${(j()?`mc-button--${j()}`:"")??""} ${(C()?`mc-button--${C()}`:"")??""}`,disabled:B(),type:D(),...M,[ro]:{"mc-button--ghost":I(),"mc-button--outlined":A(),"mc-button--icon-only":v()=="only","mc-button--loading":p()}},"svelte-jolktj")),d(q,S),Z({get appearance(){return C()},set appearance(o="standard"){C(o),m()},get size(){return j()},set size(o="m"){j(o),m()},get ghost(){return I()},set ghost(o=!1){I(o),m()},get outlined(){return A()},set outlined(o=!1){A(o),m()},get iconname(){return a()},set iconname(o){a(o),m()},get iconmode(){return v()},set iconmode(o){v(o),m()},get disabled(){return B()},set disabled(o=!1){B(o),m()},get type(){return D()},set type(o="button"){D(o),m()},get isloading(){return p()},set isloading(o=!1){p(o),m()}})}customElements.define("m-button",W(io,{appearance:{},size:{},ghost:{},outlined:{},iconname:{},iconmode:{},disabled:{},type:{},isloading:{}},["icon","default"],[],!0));
+ */.mc-button.svelte-rkyik7 {color:var(--button-color-filled-standard-font, #ffffff);background-color:var(--button-color-filled-standard-background, #464e63);font-weight:600;padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;display:inline-flex;justify-content:center;vertical-align:middle;text-align:center;border:2px solid transparent;border-radius:0.25rem;transition:all ease 200ms;transition:box-shadow 200ms ease;align-items:center;box-sizing:border-box;font-family:inherit;fill:currentcolor;gap:0.25rem;cursor:pointer;}.mc-button.svelte-rkyik7:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-rkyik7:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-rkyik7 .mc-button__label:where(.svelte-rkyik7) {font-size:1rem;}.mc-button__label.svelte-rkyik7 {font-size:1rem;}.mc-button__icon.svelte-rkyik7 {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button.svelte-rkyik7:focus-visible {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-button--s.svelte-rkyik7 {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--s.svelte-rkyik7 .mc-button__label:where(.svelte-rkyik7) {font-size:0.875rem;}.mc-button--s.svelte-rkyik7 .mc-button__icon:where(.svelte-rkyik7) {width:1.25rem;height:1.25rem;}.mc-button--s.svelte-rkyik7 .mc-button__icon:where(.svelte-rkyik7):only-child {width:1.25rem;height:1.25rem;}.mc-button--m.svelte-rkyik7 {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--m.svelte-rkyik7 .mc-button__label:where(.svelte-rkyik7) {font-size:1rem;}.mc-button--m.svelte-rkyik7 .mc-button__icon:where(.svelte-rkyik7) {width:1.5rem;height:1.5rem;}.mc-button--m.svelte-rkyik7 .mc-button__icon:where(.svelte-rkyik7):only-child {width:1.5rem;height:1.5rem;}.mc-button--l.svelte-rkyik7 {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button--l.svelte-rkyik7 .mc-button__label:where(.svelte-rkyik7) {font-size:1.125rem;}.mc-button--l.svelte-rkyik7 .mc-button__icon:where(.svelte-rkyik7) {width:2rem;height:2rem;}.mc-button--l.svelte-rkyik7 .mc-button__icon:where(.svelte-rkyik7):only-child {width:2rem;height:2rem;}.mc-button--icon-only.svelte-rkyik7 {padding:0.25rem;}.mc-button--outlined.svelte-rkyik7 {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.svelte-rkyik7:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-rkyik7:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.svelte-rkyik7 {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.svelte-rkyik7:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-rkyik7:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--accent.svelte-rkyik7 {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-rkyik7:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-rkyik7:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--danger.svelte-rkyik7 {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-rkyik7:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-rkyik7:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--inverse.svelte-rkyik7 {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--button-color-filled-inverse-font, #242938);background-color:var(--button-color-filled-inverse-background, #ffffff);}.mc-button--inverse.svelte-rkyik7:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-rkyik7:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--icon-button.svelte-rkyik7 {border-radius:100%;padding:0;}.mc-button--loading.svelte-rkyik7 .mc-button__label:where(.svelte-rkyik7),
+.mc-button--loading.svelte-rkyik7 .mc-button__icon:where(.svelte-rkyik7) {visibility:hidden;}.mc-button--outlined.mc-button--standard.svelte-rkyik7 {color:var(--button-color-outlined-standard-font, #242938);border-color:var(--button-color-outlined-standard-border, #8891aa);background-color:var(--button-color-outlined-standard-background, #ffffff);}.mc-button--outlined.mc-button--standard.svelte-rkyik7:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-rkyik7:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--accent.svelte-rkyik7 {color:var(--button-color-outlined-accent-font, #117f03);border-color:var(--button-color-outlined-accent-border, #78be20);background-color:var(--button-color-outlined-accent-background, #ffffff);}.mc-button--outlined.mc-button--accent.svelte-rkyik7:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-rkyik7:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--danger.svelte-rkyik7 {color:var(--button-color-outlined-danger-font, #c61112);border-color:var(--button-color-outlined-danger-border, #ef5f5c);background-color:var(--button-color-outlined-danger-background, #ffffff);}.mc-button--outlined.mc-button--danger.svelte-rkyik7:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-rkyik7:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--outlined.mc-button--inverse.svelte-rkyik7 {color:var(--button-color-outlined-inverse-font, #ffffff);border-color:var(--button-color-outlined-inverse-border, #ffffff);background-color:var(--button-color-outlined-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--outlined.mc-button--inverse.svelte-rkyik7:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-rkyik7:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--standard.svelte-rkyik7 {color:var(--button-color-ghost-standard-font, #242938);background-color:var(--button-color-ghost-standard-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--standard.svelte-rkyik7:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-rkyik7:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--accent.svelte-rkyik7 {color:var(--button-color-ghost-accent-font, #117f03);background-color:var(--button-color-ghost-accent-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--accent.svelte-rkyik7:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-rkyik7:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--danger.svelte-rkyik7 {color:var(--button-color-ghost-danger-font, #c61112);background-color:var(--button-color-ghost-danger-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--danger.svelte-rkyik7:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-rkyik7:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--ghost.mc-button--inverse.svelte-rkyik7 {color:var(--button-color-ghost-inverse-font, #ffffff);background-color:var(--button-color-ghost-inverse-background, rgba(255, 255, 255, 0.01));}.mc-button--ghost.mc-button--inverse.svelte-rkyik7:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-rkyik7:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-rkyik7:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button__icon.svelte-rkyik7 {pointer-events:none;}.hidden.svelte-rkyik7 {visibility:hidden;}.loader-style.svelte-rkyik7 {color:currentColor;position:absolute;}`};function to(S,t){O(t,!0),P(S,oo);let h=n(t,"appearance",7,"standard"),y=n(t,"size",7,"m"),_=n(t,"ghost",7,!1),p=n(t,"outlined",7,!1),c=n(t,"iconmode",7),w=n(t,"disabled",7,!1),z=n(t,"type",7,"button"),s=n(t,"isloading",7,!1),k=n(t,"hasiconslot",7,!1),G=Q(t,["$$slots","$$events","$$legacy","$$host","appearance","size","ghost","outlined","iconmode","disabled","type","isloading","hasiconslot"]);var v=$();let j;var A=g(v);{var H=o=>{W(o,{theme:"standard",style:"color: currentColor; position: absolute;",size:"m",text:""})};b(A,o=>{s()&&o(H)})}var B=C(A,2);{var I=o=>{var r=X(),l=g(r);{var u=e=>{var i=q(),x=F(i);L(x,t,"icon",{}),d(e,i)};b(l,e=>{k()&&e(u)})}m(r),d(o,r)};b(B,o=>{(c()==="left"||c()==="only")&&o(I)})}var D=C(B,2);{var J=o=>{var r=Y();let l;var u=g(r);L(u,t,"default",{}),m(r),E(e=>l=T(r,1,"mc-button__label svelte-rkyik7",null,l,e),[()=>({hidden:s()})]),d(o,r)};b(D,o=>{c()!=="only"&&o(J)})}var K=C(D,2);{var M=o=>{var r=Z(),l=g(r);{var u=e=>{var i=q(),x=F(i);L(x,t,"icon",{}),d(e,i)};b(l,e=>{k()&&e(u)})}m(r),d(o,r)};b(K,o=>{c()==="right"&&o(M)})}return m(v),E(o=>j=U(v,j,{class:`mc-button mc-button--${y()} mc-button--${h()}`,disabled:w(),type:z(),...G,[V]:o},"svelte-rkyik7"),[()=>({"mc-button--ghost":_(),"mc-button--outlined":p(),"mc-button--icon-only":c()==="only","mc-button--loading":s()})]),d(S,v),R({get appearance(){return h()},set appearance(o="standard"){h(o),a()},get size(){return y()},set size(o="m"){y(o),a()},get ghost(){return _()},set ghost(o=!1){_(o),a()},get outlined(){return p()},set outlined(o=!1){p(o),a()},get iconmode(){return c()},set iconmode(o){c(o),a()},get disabled(){return w()},set disabled(o=!1){w(o),a()},get type(){return z()},set type(o="button"){z(o),a()},get isloading(){return s()},set isloading(o=!1){s(o),a()},get hasiconslot(){return k()},set hasiconslot(o=!1){k(o),a()}})}customElements.define("m-button",N(to,{appearance:{},size:{},ghost:{},outlined:{},iconmode:{},disabled:{},type:{},isloading:{},hasiconslot:{}},["icon","default"],[],!0));
 //# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-button' }} />\n\n<script lang=\"ts\">\n  import type {\n    ButtonIconMode,\n    ButtonSize,\n    ButtonStyle,\n    ButtonType,\n  } from './button.types';\n\n  import Loader from '../loader/Loader.svelte';\n\n  interface Props {\n    appearance?: ButtonStyle | undefined;\n    size?: ButtonSize;\n    ghost?: boolean;\n    outlined?: boolean;\n    iconname: string | undefined;\n    iconmode: ButtonIconMode | undefined;\n    disabled?: boolean;\n    type?: ButtonType;\n    isloading?: boolean;\n    [key: string]: any;\n  }\n\n  let {\n    appearance = 'standard',\n    size = 'm',\n    ghost = false,\n    outlined = false,\n    iconname,\n    iconmode,\n    disabled = false,\n    type = 'button',\n    isloading = false,\n    ...events\n  }: Props = $props();\n\n  function generateIconName(\n    size: ButtonSize,\n    iconMode: ButtonIconMode,\n    iconName: string,\n  ): string {\n    const isIconOnly = iconMode === 'only';\n    let iconSize: string;\n\n    switch (size) {\n      case 's':\n        iconSize = '24px';\n        break;\n      case 'm':\n        iconSize = isIconOnly ? '32px' : '24px';\n        break;\n      case 'l':\n        iconSize = isIconOnly ? '100%' : '32px';\n        break;\n    }\n\n    return `${iconName} size=\"${iconSize}\" `;\n  }\n</script>\n\n<button\n  class=\"mc-button {size ? `mc-button--${size}` : ''} {appearance\n    ? `mc-button--${appearance}`\n    : ''}\"\n  class:mc-button--ghost={ghost}\n  class:mc-button--outlined={outlined}\n  class:mc-button--icon-only={iconmode == 'only'}\n  class:mc-button--loading={isloading}\n  {disabled}\n  {type}\n  {...events}\n>\n  {#if isloading}\n    <Loader\n      theme=\"standard\"\n      style=\"color: currentColor; position: absolute;\"\n      size=\"m\"\n      text=\"\"\n    />\n  {/if}\n  {#if (iconname || $$slots.icon) && iconmode === 'left'}\n    <span class=\"mc-button__icon\">\n      {#if $$slots.icon}\n        <slot name=\"icon\" />\n      {:else if iconname}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n\n  {#if (iconname || $$slots.icon) && iconmode === 'only'}\n    <span class=\"mc-button__icon\">\n      {#if $$slots.icon}\n        <slot name=\"icon\" />\n      {:else if iconname}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {:else}\n    <span class=\"mc-button__label\" class:hidden={isloading}>\n      <slot />\n    </span>\n  {/if}\n\n  {#if (iconname || $$slots.icon) && iconmode === 'right'}\n    <span class=\"mc-button__icon\">\n      {#if $$slots.icon}\n        <slot name=\"icon\" />\n      {:else if iconname}\n        {@html `<${generateIconName(size, iconmode, iconname)} />`}\n      {/if}\n    </span>\n  {/if}\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/button';\n\n  .mc-button__icon {\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n\n  .loader-style {\n    color: currentColor;\n    position: absolute;\n  }\n</style>\n"],"names":["appearance","size","ghost","outlined","iconname","$.prop","$$props","iconmode","disabled","type","isloading","events","$.rest_props","generateIconName","iconMode","iconName","isIconOnly","iconSize","$$render","consequent","$.html","node_4","consequent_2","$$slots","consequent_1","alternate","consequent_3","node_8","consequent_5","consequent_4","alternate_1","consequent_6","alternate_2","node_13","consequent_8","consequent_7","alternate_3","consequent_9"],"mappings":";;;4oMA0BI,IAAAA,qBAAa,UAAU,EACvBC,eAAO,GAAG,EACVC,gBAAQ,EAAK,EACbC,mBAAW,EAAK,EAChBC,EAAQC,EAAAC,EAAA,WAAA,CAAA,EACRC,EAAQF,EAAAC,EAAA,WAAA,CAAA,EACRE,mBAAW,EAAK,EAChBC,eAAO,QAAQ,EACfC,oBAAY,EAAK,EACdC,EAAAC,GAAAN,EAAA,uIAGI,SAAAO,EACPZ,EACAa,EACAC,EACQ,OACFC,EAAaF,IAAa,WAC5BG,SAEIhB,EAAI,KACL,IACHgB,EAAW,iBAER,IACHA,EAAWD,EAAa,OAAS,iBAE9B,IACHC,EAAWD,EAAa,OAAS,aAI3B,MAAA,GAAAD,CAAQ,UAAUE,CAAQ,IACtC,4IAeKP,EAAS,GAAAQ,EAAAC,CAAA,yIAaGC,EAAAC,EAAA,IAAA,IAAAR,EAAiBZ,IAAMM,IAAUH,GAAQ,CAAA,KAAA,kBAD5CA,EAAQ,GAAAc,EAAAI,CAAA,gBAFbC,EAAQ,KAAIL,EAAAM,CAAA,EAAAN,EAAAO,EAAA,EAAA,0BAFfrB,KAAYmB,EAAQ,OAAShB,MAAa,QAAMW,EAAAQ,CAAA,yIAerCN,EAAAO,EAAA,IAAA,IAAAd,EAAiBZ,IAAMM,IAAUH,GAAQ,CAAA,KAAA,kBAD5CA,EAAQ,GAAAc,EAAAU,CAAA,gBAFbL,EAAQ,KAAIL,EAAAW,CAAA,EAAAX,EAAAY,EAAA,EAAA,0IAO0BpB,EAAS,CAAA,CAAA,CAAA,mBATlDN,KAAYmB,EAAQ,OAAShB,MAAa,OAAMW,EAAAa,CAAA,EAAAb,EAAAc,EAAA,EAAA,yIAmBrCZ,EAAAa,EAAA,IAAA,IAAApB,EAAiBZ,IAAMM,IAAUH,GAAQ,CAAA,KAAA,kBAD5CA,EAAQ,GAAAc,EAAAgB,CAAA,gBAFbX,EAAQ,KAAIL,EAAAiB,CAAA,EAAAjB,EAAAkB,EAAA,EAAA,0BAFfhC,KAAYmB,EAAQ,OAAShB,MAAa,SAAOW,EAAAmB,CAAA,oDA3CrCpC,EAAI,EAAA,cAAiBA,GAAS,GAAA,YAAKD,EACnC,EAAA,cAAAA,EAAU,IACxB,KAAE,EAAA,4BAOFW,2BANoBT,EAAK,wBACFC,EAAQ,EACP,uBAAAI,EAAQ,GAAI,4BACdG,EAAS,8EA3CpB,WAAU,6CAChB,IAAG,+CACF,GAAK,qDACF,GAAK,+JAGL,GAAK,6CACT,SAAQ,uDACH,GAAK"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-button' }} />\n\n<script lang=\"ts\">\n  import type {\n    ButtonIconMode,\n    ButtonSize,\n    ButtonStyle,\n    ButtonType,\n  } from './button.types';\n\n  import Loader from '../loader/Loader.svelte';\n\n  interface Props {\n    appearance?: ButtonStyle;\n    size?: ButtonSize;\n    ghost?: boolean;\n    outlined?: boolean;\n    iconmode?: ButtonIconMode;\n    disabled?: boolean;\n    type?: ButtonType;\n    isloading?: boolean;\n    hasiconslot?: boolean;\n    [key: string]: any;\n  }\n\n  let {\n    appearance = 'standard',\n    size = 'm',\n    ghost = false,\n    outlined = false,\n    iconmode,\n    disabled = false,\n    type = 'button',\n    isloading = false,\n    hasiconslot = false,\n    ...events\n  }: Props = $props();\n</script>\n\n<button\n  class={`mc-button mc-button--${size} mc-button--${appearance}`}\n  class:mc-button--ghost={ghost}\n  class:mc-button--outlined={outlined}\n  class:mc-button--icon-only={iconmode === 'only'}\n  class:mc-button--loading={isloading}\n  {disabled}\n  {type}\n  {...events}\n>\n  {#if isloading}\n    <Loader\n      theme=\"standard\"\n      style=\"color: currentColor; position: absolute;\"\n      size=\"m\"\n      text=\"\"\n    />\n  {/if}\n\n  {#if iconmode === 'left' || iconmode === 'only'}\n    <span class=\"mc-button__icon\">\n      {#if hasiconslot}\n        <slot name=\"icon\" />\n      {/if}\n    </span>\n  {/if}\n\n  {#if iconmode !== 'only'}\n    <span class=\"mc-button__label\" class:hidden={isloading}>\n      <slot />\n    </span>\n  {/if}\n\n  {#if iconmode === 'right'}\n    <span class=\"mc-button__icon\">\n      {#if hasiconslot}\n        <slot name=\"icon\" />\n      {/if}\n    </span>\n  {/if}\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/button';\n\n  .mc-button__icon {\n    pointer-events: none;\n  }\n\n  .hidden {\n    visibility: hidden;\n  }\n\n  .loader-style {\n    color: currentColor;\n    position: absolute;\n  }\n</style>\n"],"names":["appearance","size","ghost","outlined","iconmode","$.prop","$$props","disabled","type","isloading","hasiconslot","events","$.rest_props","$$render","consequent","consequent_1","consequent_2","consequent_3","consequent_4","consequent_5"],"mappings":";;;8nMA0BI,IAAAA,qBAAa,UAAU,EACvBC,eAAO,GAAG,EACVC,gBAAQ,EAAK,EACbC,mBAAW,EAAK,EAChBC,EAAQC,EAAAC,EAAA,WAAA,CAAA,EACRC,mBAAW,EAAK,EAChBC,eAAO,QAAQ,EACfC,oBAAY,EAAK,EACjBC,sBAAc,EAAK,EAChBC,EAAAC,EAAAN,EAAA,mRAcAG,EAAS,GAAAI,EAAAC,CAAA,0GAWLJ,EAAW,GAAAG,EAAAE,CAAA,0BAFfX,EAAa,IAAA,QAAUA,MAAa,SAAMS,EAAAG,CAAA,sJASAP,EAAS,CAAA,EAAA,CAAA,kBADnDL,MAAa,QAAMS,EAAAI,CAAA,0GAQfP,EAAW,GAAAG,EAAAK,CAAA,yBAFfd,MAAa,SAAOS,EAAAM,CAAA,8BAhCM,MAAA,wBAAAlB,kBAAmBD,EAAU,CAAA,4BAOxDW,oDANoBT,EAAK,wBACFC,EAAQ,EACP,uBAAAC,EAAQ,IAAK,4BACfK,EAAS,8DAlBpB,WAAU,6CAChB,IAAG,+CACF,GAAK,qDACF,GAAK,0GAEL,GAAK,6CACT,SAAQ,uDACH,GAAK,2DACH,GAAK"}

package/dist/components/button/Button.svelte

@@ -11,15 +11,15 @@
   import Loader from '../loader/Loader.svelte';
 
   interface Props {
-    appearance?: ButtonStyle | undefined;
+    appearance?: ButtonStyle;
     size?: ButtonSize;
     ghost?: boolean;
     outlined?: boolean;
-    iconname: string | undefined;
-    iconmode: ButtonIconMode | undefined;
+    iconmode?: ButtonIconMode;
     disabled?: boolean;
     type?: ButtonType;
     isloading?: boolean;
+    hasiconslot?: boolean;
     [key: string]: any;
   }
 
@@ -28,45 +28,20 @@
     size = 'm',
     ghost = false,
     outlined = false,
-    iconname,
     iconmode,
     disabled = false,
     type = 'button',
     isloading = false,
+    hasiconslot = false,
     ...events
   }: Props = $props();
-
-  function generateIconName(
-    size: ButtonSize,
-    iconMode: ButtonIconMode,
-    iconName: string,
-  ): string {
-    const isIconOnly = iconMode === 'only';
-    let iconSize: string;
-
-    switch (size) {
-      case 's':
-        iconSize = '24px';
-        break;
-      case 'm':
-        iconSize = isIconOnly ? '32px' : '24px';
-        break;
-      case 'l':
-        iconSize = isIconOnly ? '100%' : '32px';
-        break;
-    }
-
-    return `${iconName} size="${iconSize}" `;
-  }
 </script>
 
 <button
-  class="mc-button {size ? `mc-button--${size}` : ''} {appearance
-    ? `mc-button--${appearance}`
-    : ''}"
+  class={`mc-button mc-button--${size} mc-button--${appearance}`}
   class:mc-button--ghost={ghost}
   class:mc-button--outlined={outlined}
-  class:mc-button--icon-only={iconmode == 'only'}
+  class:mc-button--icon-only={iconmode === 'only'}
   class:mc-button--loading={isloading}
   {disabled}
   {type}
@@ -80,36 +55,25 @@
       text=""
     />
   {/if}
-  {#if (iconname || $$slots.icon) && iconmode === 'left'}
+
+  {#if iconmode === 'left' || iconmode === 'only'}
     <span class="mc-button__icon">
-      {#if $$slots.icon}
+      {#if hasiconslot}
         <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
       {/if}
     </span>
   {/if}
 
-  {#if (iconname || $$slots.icon) && iconmode === 'only'}
-    <span class="mc-button__icon">
-      {#if $$slots.icon}
-        <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
-      {/if}
-    </span>
-  {:else}
+  {#if iconmode !== 'only'}
     <span class="mc-button__label" class:hidden={isloading}>
       <slot />
     </span>
   {/if}
 
-  {#if (iconname || $$slots.icon) && iconmode === 'right'}
+  {#if iconmode === 'right'}
     <span class="mc-button__icon">
-      {#if $$slots.icon}
+      {#if hasiconslot}
         <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
       {/if}
     </span>
   {/if}
@@ -135,6 +99,7 @@
   transition: box-shadow 200ms ease;
   align-items: center;
   box-sizing: border-box;
+  font-family: inherit;
   fill: currentcolor;
   gap: 0.25rem;
   cursor: pointer;
@@ -154,6 +119,25 @@
 .mc-button .mc-button__label {
   font-size: 1rem;
 }
+.mc-button__label {
+  font-size: 1rem;
+}
+.mc-button__icon {
+  flex-shrink: 0;
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.mc-button:disabled {
+  background-color: var(--button-state-disabled-background, #d9d9d9);
+  border-color: transparent;
+  color: var(--button-state-disabled-color, #737373);
+  cursor: not-allowed;
+}
+.mc-button:focus-visible {
+  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-button--s {
   padding: 0 calc(0.75rem - 0.125rem);
   min-height: 2rem;
@@ -202,25 +186,6 @@
   width: 2rem;
   height: 2rem;
 }
-.mc-button__label {
-  font-size: 1rem;
-}
-.mc-button__icon {
-  flex-shrink: 0;
-  width: 1.5rem;
-  height: 1.5rem;
-}
-.mc-button:disabled {
-  background-color: var(--button-state-disabled-background, #d9d9d9);
-  border-color: transparent;
-  color: var(--button-state-disabled-color, #737373);
-  cursor: not-allowed;
-}
-.mc-button:focus-visible {
-  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-button--icon-only {
   padding: 0.25rem;
 }

package/dist/components/button/Button.svelte.d.ts

@@ -1,14 +1,14 @@
 import type { ButtonIconMode, ButtonSize, ButtonStyle, ButtonType } from './button.types';
 interface Props {
-    appearance?: ButtonStyle | undefined;
+    appearance?: ButtonStyle;
     size?: ButtonSize;
     ghost?: boolean;
     outlined?: boolean;
-    iconname: string | undefined;
-    iconmode: ButtonIconMode | undefined;
+    iconmode?: ButtonIconMode;
     disabled?: boolean;
     type?: ButtonType;
     isloading?: boolean;
+    hasiconslot?: boolean;
     [key: string]: any;
 }
 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> {

package/dist/components/button/Button.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACX,MAAM,gBAAgB,CAAC;AAKxB,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA2FH,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,MAAM;;;;;;;;UAAmF,CAAC;AAC9E,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACR,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACX,MAAM,gBAAgB,CAAC;AAKxB,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAuDH,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,MAAM;;;;;;;;UAAmF,CAAC;AAC9E,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}