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

package/README.md

@@ -107,13 +107,10 @@ if (!customElements.get('m-button')) {
   customElements.define('m-button', Button.element);
 }
 // For icons
-import ChevronRight20 from '@mozaic-ds/icons-svelte/dist/custom-elements/ChevronRight20/ChevronRight20.js';
+import ChevronRight20 from '@mozaic-ds/icons-svelte/custom-elements/ChevronRight20/ChevronRight20.js';
 
 if (!customElements.get('ui-chevron-right-20')) {
-  customElements.define(
-    'ui-chevron-right-20',
-    ChevronRight20.element,
-  );
+  customElements.define('ui-chevron-right-20', ChevronRight20.element);
 }
 ```
 

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{z,P as C,A as B,u as O,an as D,C as T,_ as F,v as G,o as J,ao as Q,a0 as W,ap as X,aq as Z,ar as m,as as x,l as aa,at as ea,au as ra,R as ia,m as sa,av as ta,aw as ua,q as fa,ax as la,ay as oa,az as ca,aA as na,K as $,aB as da}from"./custom-element.js";function _a(a,r){var e=void 0,i;z(()=>{e!==(e=r())&&(i&&(C(i),i=null),e&&(i=B(()=>{O(()=>e(a))})))})}function p(a,r={},e,i){for(var s in e){var u=e[s];r[s]!==u&&(e[s]==null?a.style.removeProperty(s):a.style.setProperty(s,u,i))}}function va(a,r,e,i){var s=a.__style;if(T||s!==r){var u=D(r,i);(!T||u!==a.getAttribute("style"))&&(u==null?a.removeAttribute("style"):a.style.cssText=u),a.__style=r}else i&&(Array.isArray(i)?(p(a,e==null?void 0:e[0],i[0]),p(a,e==null?void 0:e[1],i[1],"important")):p(a,e,i));return i}function E(a,r,e){if(a.multiple){if(r==null)return;if(!J(r))return Q();for(var i of a.options)i.selected=r.includes(k(i));return}for(i of a.options){var s=k(i);if(W(s,r)){i.selected=!0;return}}(!e||r!==void 0)&&(a.selectedIndex=-1)}function H(a,r){let e=!0;O(()=>{r&&E(a,G(r),e),e=!1;var i=new MutationObserver(()=>{var s=a.__value;E(a,s)});return i.observe(a,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),()=>{i.disconnect()}})}function ya(a,r,e=r){var i=!0;F(a,"change",s=>{var u=s?"[selected]":":checked",_;if(a.multiple)_=[].map.call(a.querySelectorAll(u),k);else{var v=a.querySelector(u)??a.querySelector("option:not([disabled])");_=v&&k(v)}e(_)}),O(()=>{var s=r();if(E(a,s,i),i&&s===void 0){var u=a.querySelector(":checked");u!==null&&(s=k(u),e(s))}a.__value=s,i=!1}),H(a)}function k(a){return"__value"in a?a.__value:a.value}const g=Symbol("class"),S=Symbol("style"),K=Symbol("is custom element"),U=Symbol("is html");function ga(a){if(T){var r=!1,e=()=>{if(!r){if(r=!0,a.hasAttribute("value")){var i=a.value;N(a,"value",null),a.value=i}if(a.hasAttribute("checked")){var s=a.checked;N(a,"checked",null),a.checked=s}}};a.__on_r=e,ca(e),na()}}function Sa(a,r){var e=M(a);e.checked!==(e.checked=r??void 0)&&(a.checked=r)}function ba(a,r){r?a.hasAttribute("selected")||a.setAttribute("selected",""):a.removeAttribute("selected")}function N(a,r,e,i){var s=M(a);T&&(s[r]=a.getAttribute(r),r==="src"||r==="srcset"||r==="href"&&a.nodeName==="LINK")||s[r]!==(s[r]=e)&&(r==="loading"&&(a[Z]=e),e==null?a.removeAttribute(r):typeof e!="string"&&V(a).includes(r)?a[r]=e:a.setAttribute(r,e))}function ha(a,r,e,i,s=!1){var u=M(a),_=u[K],v=!u[U];let h=T&&_;h&&$(!1);var l=r||{},y=a.tagName==="OPTION";for(var b in r)b in e||(e[b]=null);e.class?e.class=ia(e.class):(i||e[g])&&(e.class=null),e[S]&&(e.style??(e.style=null));var w=V(a);for(const t in e){let f=e[t];if(y&&t==="value"&&f==null){a.value=a.__value="",l[t]=f;continue}if(t==="class"){var d=a.namespaceURI==="http://www.w3.org/1999/xhtml";sa(a,d,f,i,r==null?void 0:r[g],e[g]),l[t]=f,l[g]=e[g];continue}if(t==="style"){va(a,f,r==null?void 0:r[S],e[S]),l[t]=f,l[S]=e[S];continue}var q=l[t];if(f!==q){l[t]=f;var I=t[0]+t[1];if(I!=="$$")if(I==="on"){const c={},A="$$"+t;let o=t.slice(2);var L=da(o);if(ta(o)&&(o=o.slice(0,-7),c.capture=!0),!L&&q){if(f!=null)continue;a.removeEventListener(o,l[A],c),l[A]=null}if(f!=null)if(L)a[`__${o}`]=f,fa([o]);else{let Y=function(j){l[t].call(this,j)};l[A]=ua(o,a,Y,c)}else L&&(a[`__${o}`]=void 0)}else if(t==="style")N(a,t,f);else if(t==="autofocus")la(a,!!f);else if(!_&&(t==="__value"||t==="value"&&f!=null))a.value=a.__value=f;else if(t==="selected"&&y)ba(a,f);else{var n=t;v||(n=oa(n));var P=n==="defaultValue"||n==="defaultChecked";if(f==null&&!_&&!P)if(u[t]=null,n==="value"||n==="checked"){let c=a;const A=r===void 0;if(n==="value"){let o=c.defaultValue;c.removeAttribute(n),c.defaultValue=o,c.value=c.__value=A?o:null}else{let o=c.defaultChecked;c.removeAttribute(n),c.defaultChecked=o,c.checked=A?o:!1}}else a.removeAttribute(t);else P||w.includes(n)&&(_||typeof f!="string")?a[n]=f:typeof f!="function"&&N(a,n,f)}}}return h&&$(!0),l}function ka(a,r,e=[],i,s=!1,u=X){const _=e.map(u);var v=void 0,h={},l=a.nodeName==="SELECT",y=!1;z(()=>{var b=r(..._.map(aa));ha(a,v,b,i,s),y&&l&&"value"in b&&E(a,b.value,!1);for(let d of Object.getOwnPropertySymbols(h))b[d]||C(h[d]);for(let d of Object.getOwnPropertySymbols(b)){var w=b[d];d.description===ea&&(!v||w!==v[d])&&(h[d]&&C(h[d]),h[d]=B(()=>_a(a,()=>w)))}v=b}),l&&H(a,()=>v.value),y=!0}function M(a){return a.__attributes??(a.__attributes={[K]:a.nodeName.includes("-"),[U]:a.namespaceURI===m})}var R=new Map;function V(a){var r=R.get(a.nodeName);if(r)return r;R.set(a.nodeName,r=[]);for(var e,i=a,s=Element.prototype;s!==i;){e=ra(i);for(var u in e)e[u].set&&r.push(u);i=x(i)}return r}export{g as C,Sa as a,ka as b,va as c,ya as d,ga as r,N 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/attachments.js","../node_modules/svelte/src/internal/client/dom/elements/style.js","../node_modules/svelte/src/internal/client/dom/elements/bindings/select.js","../node_modules/svelte/src/internal/client/dom/elements/attributes.js"],"sourcesContent":["/** @import { Effect } from '#client' */\nimport { block, branch, effect, destroy_effect } from '../../reactivity/effects.js';\n\n// TODO in 6.0 or 7.0, when we remove legacy mode, we can simplify this by\n// getting rid of the block/branch stuff and just letting the effect rip.\n// see https://github.com/sveltejs/svelte/pull/15962\n\n/**\n * @param {Element} node\n * @param {() => (node: Element) => void} get_fn\n */\nexport function attach(node, get_fn) {\n\t/** @type {false | undefined | ((node: Element) => void)} */\n\tvar fn = undefined;\n\n\t/** @type {Effect | null} */\n\tvar e;\n\n\tblock(() => {\n\t\tif (fn !== (fn = get_fn())) {\n\t\t\tif (e) {\n\t\t\t\tdestroy_effect(e);\n\t\t\t\te = null;\n\t\t\t}\n\n\t\t\tif (fn) {\n\t\t\t\te = branch(() => {\n\t\t\t\t\teffect(() => /** @type {(node: Element) => void} */ (fn)(node));\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t});\n}\n","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 { effect } from '../../../reactivity/effects.js';\nimport { listen_to_event_and_reset_event } from './shared.js';\nimport { untrack } from '../../../runtime.js';\nimport { is } from '../../../proxy.js';\nimport { is_array } from '../../../../shared/utils.js';\nimport * as w from '../../../warnings.js';\n\n/**\n * Selects the correct option(s) (depending on whether this is a multiple select)\n * @template V\n * @param {HTMLSelectElement} select\n * @param {V} value\n * @param {boolean} [mounting]\n */\nexport function select_option(select, value, mounting) {\n\tif (select.multiple) {\n\t\t// If value is null or undefined, keep the selection as is\n\t\tif (value == undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If not an array, warn and keep the selection as is\n\t\tif (!is_array(value)) {\n\t\t\treturn w.select_multiple_invalid_value();\n\t\t}\n\n\t\t// Otherwise, update the selection\n\t\tfor (var option of select.options) {\n\t\t\toption.selected = value.includes(get_option_value(option));\n\t\t}\n\n\t\treturn;\n\t}\n\n\tfor (option of select.options) {\n\t\tvar option_value = get_option_value(option);\n\t\tif (is(option_value, value)) {\n\t\t\toption.selected = true;\n\t\t\treturn;\n\t\t}\n\t}\n\n\tif (!mounting || value !== undefined) {\n\t\tselect.selectedIndex = -1; // no option should be selected\n\t}\n}\n\n/**\n * Selects the correct option(s) if `value` is given,\n * and then sets up a mutation observer to sync the\n * current selection to the dom when it changes. Such\n * changes could for example occur when options are\n * inside an `#each` block.\n * @template V\n * @param {HTMLSelectElement} select\n * @param {() => V} [get_value]\n */\nexport function init_select(select, get_value) {\n\tlet mounting = true;\n\teffect(() => {\n\t\tif (get_value) {\n\t\t\tselect_option(select, untrack(get_value), mounting);\n\t\t}\n\t\tmounting = false;\n\n\t\tvar observer = new MutationObserver(() => {\n\t\t\t// @ts-ignore\n\t\t\tvar value = select.__value;\n\t\t\tselect_option(select, value);\n\t\t\t// Deliberately don't update the potential binding value,\n\t\t\t// the model should be preserved unless explicitly changed\n\t\t});\n\n\t\tobserver.observe(select, {\n\t\t\t// Listen to option element changes\n\t\t\tchildList: true,\n\t\t\tsubtree: true, // because of <optgroup>\n\t\t\t// Listen to option element value attribute changes\n\t\t\t// (doesn't get notified of select value changes,\n\t\t\t// because that property is not reflected as an attribute)\n\t\t\tattributes: true,\n\t\t\tattributeFilter: ['value']\n\t\t});\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t});\n}\n\n/**\n * @param {HTMLSelectElement} select\n * @param {() => unknown} get\n * @param {(value: unknown) => void} set\n * @returns {void}\n */\nexport function bind_select_value(select, get, set = get) {\n\tvar mounting = true;\n\n\tlisten_to_event_and_reset_event(select, 'change', (is_reset) => {\n\t\tvar query = is_reset ? '[selected]' : ':checked';\n\t\t/** @type {unknown} */\n\t\tvar value;\n\n\t\tif (select.multiple) {\n\t\t\tvalue = [].map.call(select.querySelectorAll(query), get_option_value);\n\t\t} else {\n\t\t\t/** @type {HTMLOptionElement | null} */\n\t\t\tvar selected_option =\n\t\t\t\tselect.querySelector(query) ??\n\t\t\t\t// will fall back to first non-disabled option if no option is selected\n\t\t\t\tselect.querySelector('option:not([disabled])');\n\t\t\tvalue = selected_option && get_option_value(selected_option);\n\t\t}\n\n\t\tset(value);\n\t});\n\n\t// Needs to be an effect, not a render_effect, so that in case of each loops the logic runs after the each block has updated\n\teffect(() => {\n\t\tvar value = get();\n\t\tselect_option(select, value, mounting);\n\n\t\t// Mounting and value undefined -> take selection from dom\n\t\tif (mounting && value === undefined) {\n\t\t\t/** @type {HTMLOptionElement | null} */\n\t\t\tvar selected_option = select.querySelector(':checked');\n\t\t\tif (selected_option !== null) {\n\t\t\t\tvalue = get_option_value(selected_option);\n\t\t\t\tset(value);\n\t\t\t}\n\t\t}\n\n\t\t// @ts-ignore\n\t\tselect.__value = value;\n\t\tmounting = false;\n\t});\n\n\t// don't pass get_value, we already initialize it in the effect above\n\tinit_select(select);\n}\n\n/** @param {HTMLOptionElement} option */\nfunction get_option_value(option) {\n\t// __value only exists if the <option> has a value attribute\n\tif ('__value' in option) {\n\t\treturn option.__value;\n\t} else {\n\t\treturn option.value;\n\t}\n}\n","/** @import { Effect } from '#client' */\nimport { 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\tget,\n\tset_active_effect,\n\tset_active_reaction\n} from '../../runtime.js';\nimport { attach } from './attachments.js';\nimport { clsx } from '../../../shared/attributes.js';\nimport { set_class } from './class.js';\nimport { set_style } from './style.js';\nimport { ATTACHMENT_KEY, NAMESPACE_HTML } from '../../../../constants.js';\nimport { block, branch, destroy_effect } from '../../reactivity/effects.js';\nimport { derived } from '../../reactivity/deriveds.js';\nimport { init_select, select_option } from './bindings/select.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 * @param {Element & ElementCSSInlineStyle} element\n * @param {(...expressions: any) => Record<string | symbol, any>} fn\n * @param {Array<() => any>} thunks\n * @param {string} [css_hash]\n * @param {boolean} [skip_warning]\n */\nexport function attribute_effect(\n\telement,\n\tfn,\n\tthunks = [],\n\tcss_hash,\n\tskip_warning = false,\n\td = derived\n) {\n\tconst deriveds = thunks.map(d);\n\n\t/** @type {Record<string | symbol, any> | undefined} */\n\tvar prev = undefined;\n\n\t/** @type {Record<symbol, Effect>} */\n\tvar effects = {};\n\n\tvar is_select = element.nodeName === 'SELECT';\n\tvar inited = false;\n\n\tblock(() => {\n\t\tvar next = fn(...deriveds.map(get));\n\n\t\tset_attributes(element, prev, next, css_hash, skip_warning);\n\n\t\tif (inited && is_select && 'value' in next) {\n\t\t\tselect_option(/** @type {HTMLSelectElement} */ (element), next.value, false);\n\t\t}\n\n\t\tfor (let symbol of Object.getOwnPropertySymbols(effects)) {\n\t\t\tif (!next[symbol]) destroy_effect(effects[symbol]);\n\t\t}\n\n\t\tfor (let symbol of Object.getOwnPropertySymbols(next)) {\n\t\t\tvar n = next[symbol];\n\n\t\t\tif (symbol.description === ATTACHMENT_KEY && (!prev || n !== prev[symbol])) {\n\t\t\t\tif (effects[symbol]) destroy_effect(effects[symbol]);\n\t\t\t\teffects[symbol] = branch(() => attach(element, () => n));\n\t\t\t}\n\t\t}\n\n\t\tprev = next;\n\t});\n\n\tif (is_select) {\n\t\tinit_select(\n\t\t\t/** @type {HTMLSelectElement} */ (element),\n\t\t\t() => /** @type {Record<string | symbol, any>} */ (prev).value\n\t\t);\n\t}\n\n\tinited = true;\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":["attach","node","get_fn","fn","e","block","destroy_effect","branch","effect","update_styles","dom","prev","next","priority","key","value","set_style","prev_styles","next_styles","hydrating","next_style_attr","to_style","select_option","select","mounting","is_array","w.select_multiple_invalid_value","option","get_option_value","option_value","is","init_select","get_value","untrack","observer","bind_select_value","get","set","listen_to_event_and_reset_event","is_reset","query","selected_option","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","attribute_effect","thunks","d","derived","deriveds","effects","is_select","inited","symbol","n","ATTACHMENT_KEY","NAMESPACE_HTML","setters_cache","descriptors","proto","element_proto","get_descriptors","get_prototype_of"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/bundle.js

@@ -1,7 +1,7 @@
 import './components/button/Button.js';
 import './components/button/IconButton.js';
 import './components/checkbox/Checkbox.js';
-import './components/checkboxgroup/checkboxGroup.js';
+import './components/checkboxgroup/CheckboxGroup.js';
 import './components/textarea/Textarea.js';
 import './components/select/Select.js';
 import './components/toggle/Toggle.js';
@@ -14,6 +14,10 @@ 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/number-badge/NumberBadge.js';
 import './components/statusbadge/StatusBadge.js';
 import './components/statusbadge/StatusDot.js';
+import './components/togglegroup/ToggleGroup.js';
+import './components/breadcrumb/Breadcrumb.js';
+import './components/statusnotification/StatusNotification.js';
+import './components/passwordinput/PasswordInput.js';

package/dist/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,8 @@
+import{c as L,a as B,b as M,d as b,f as y,t as f,h,i as j,j as _,g as i,r as a,R as z,l as m,m as p,k as A}from"../../custom-element.js";import{e as D,i as R}from"../../each.js";import{s as g}from"../../attributes.js";var S=y('<li class="mc-breadcrumb__item svelte-1e5yl09"><a><span class="mc-link__label svelte-1e5yl09"> </span></a></li>'),q=y('<nav aria-label="Breadcrumb"><ol class="mc-breadcrumb__container svelte-1e5yl09"></ol></nav>');const F={hash:"svelte-1e5yl09",code:`/**
+ * Do not edit directly, this file was auto-generated.
+ */.mc-breadcrumb.svelte-1e5yl09 {color:var(--breadcrumb-color-text-standard, #000000);}.mc-breadcrumb__container.svelte-1e5yl09 {list-style-type:none;padding-inline-start:0;margin-block:0;display:flex;flex-wrap:wrap;gap:0.25rem;}.mc-breadcrumb__item.svelte-1e5yl09 {background-position:left center;background-repeat:no-repeat;}.mc-breadcrumb__item.svelte-1e5yl09:not(:first-child) {padding-inline-start:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--breadcrumb-color-icon-standard, %23000000)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.303a.75.75 0 0 1 1.06 0l4.167 4.167a.75.75 0 0 1 0 1.06L9.28 14.698a.75.75 0 1 1-1.06-1.06L11.856 10 8.22 6.364a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");}
+@media screen and (max-width: 679px) {.mc-breadcrumb__item.svelte-1e5yl09:nth-last-child(2) {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--breadcrumb-color-icon-standard, %23000000)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.303a.75.75 0 0 1 0 1.06L8.144 10l3.636 3.637a.75.75 0 0 1-1.06 1.06l-4.167-4.166a.75.75 0 0 1 0-1.061l4.166-4.167a.75.75 0 0 1 1.061 0'/%3E%3C/svg%3E");}.mc-breadcrumb__item.svelte-1e5yl09:not(:nth-last-child(2)) {clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;padding:0;width:1px;}
+}.mc-breadcrumb__current.svelte-1e5yl09, .mc-breadcrumb__current.mc-link.svelte-1e5yl09 {cursor:default;text-decoration:none;}.mc-breadcrumb__current.svelte-1e5yl09, .mc-breadcrumb__current.svelte-1e5yl09:active, .mc-breadcrumb__current.svelte-1e5yl09:focus, .mc-breadcrumb__current.svelte-1e5yl09:hover, .mc-breadcrumb__current.svelte-1e5yl09:visited, .mc-breadcrumb__current.mc-link.svelte-1e5yl09, .mc-breadcrumb__current.mc-link.svelte-1e5yl09:active, .mc-breadcrumb__current.mc-link.svelte-1e5yl09:focus, .mc-breadcrumb__current.mc-link.svelte-1e5yl09:hover, .mc-breadcrumb__current.mc-link.svelte-1e5yl09:visited {color:currentcolor;}.mc-breadcrumb--inverse.svelte-1e5yl09 {color:var(--breadcrumb-color-text-inverse, #ffffff);}.mc-breadcrumb--inverse.svelte-1e5yl09 .mc-breadcrumb__item:where(.svelte-1e5yl09):not(:first-child) {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--breadcrumb-color-icon-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.303a.75.75 0 0 1 1.06 0l4.167 4.167a.75.75 0 0 1 0 1.06L9.28 14.698a.75.75 0 1 1-1.06-1.06L11.856 10 8.22 6.364a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");}
+@media screen and (max-width: 679px) {.mc-breadcrumb--inverse.svelte-1e5yl09 .mc-breadcrumb__item:where(.svelte-1e5yl09):nth-last-child(2) {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--breadcrumb-color-icon-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.303a.75.75 0 0 1 0 1.06L8.144 10l3.636 3.637a.75.75 0 0 1-1.06 1.06l-4.167-4.166a.75.75 0 0 1 0-1.061l4.166-4.167a.75.75 0 0 1 1.061 0'/%3E%3C/svg%3E");}
+}.mc-link.svelte-1e5yl09 {transition:box-shadow 200ms ease;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;min-height:1.5rem;text-decoration:none;color:var(--link-color-text-primary, #000000);font-size:0.875rem;}.mc-link__label.svelte-1e5yl09 {line-height:1.3;}.mc-link__icon.svelte-1e5yl09 {display:block;height:1.25rem;width:1.25rem;flex-shrink:0;fill:currentcolor;}.mc-link.svelte-1e5yl09:hover:not(.mc-link--stand-alone, .mc-link--inline) .mc-link__label:where(.svelte-1e5yl09) {text-decoration:underline;}.mc-link.svelte-1e5yl09:focus {box-shadow:0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));outline:0.125rem solid transparent;outline-offset:0.125rem;}.mc-link--m.svelte-1e5yl09 {min-height:2rem;font-size:1rem;}.mc-link--secondary.svelte-1e5yl09 {color:var(--link-color-text-secondary, #666666);}.mc-link--accent.svelte-1e5yl09 {color:var(--link-color-text-accent, #117f03);}.mc-link--inverse.svelte-1e5yl09 {--focus-color-mid: var(--focus-color-outline-outer, #000000);--focus-color-outer: var(--focus-color-outline-mid, #ffffff);color:var(--link-color-text-inverse, #ffffff);}.mc-link--stand-alone.svelte-1e5yl09 {min-height:2rem;font-weight:600;}.mc-link--stand-alone.svelte-1e5yl09 .mc-link__label:where(.svelte-1e5yl09) {border-bottom:1px solid currentColor;}.mc-link--stand-alone.svelte-1e5yl09:hover .mc-link__label:where(.svelte-1e5yl09) {border-color:transparent;}.mc-link--inline.svelte-1e5yl09 {font-weight:inherit;text-decoration:underline;}.mc-link--inline.svelte-1e5yl09 .mc-link__label:where(.svelte-1e5yl09) {line-height:1;}.mc-link--inline.svelte-1e5yl09:hover {text-decoration:none;}`};function G(d,s){B(s,!0),M(d,F);let l=b(s,"appearance",7,"standard"),n=b(s,"links",23,()=>[]);const k=e=>e===n().length-1;function w(e){const r=["mc-link","mc-link--m","mc-link--inline"];return l()&&r.push(`mc-link--${l()}`),e&&r.push("mc-breadcrumb__current"),r.join(" ")}var c=q(),u=i(c);return D(u,21,n,R,(e,r,x)=>{var o=S(),t=i(o),v=i(t),C=i(v,!0);a(v),a(t),a(o),f(E=>{g(t,"href",m(r).href),g(t,"target",m(r).target),p(t,1,E,"svelte-1e5yl09"),A(C,m(r).label)},[()=>z(w(k(x)))]),h(e,o)}),a(u),a(c),f(()=>p(c,1,`mc-breadcrumb mc-breadcrumb--${l()}`,"svelte-1e5yl09")),h(d,c),j({get appearance(){return l()},set appearance(e="standard"){l(e),_()},get links(){return n()},set links(e=[]){n(e),_()}})}customElements.define("m-breadcrumb",L(G,{options:{attribute:"links",reflect:!0,type:"Array"},appearance:{},links:{}},[],[],!0));
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/breadcrumb/Breadcrumb.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-breadcrumb',\n    props: {\n      options: { reflect: true, type: 'Array', attribute: 'links' },\n    },\n  }}\n/>\n\n<script lang=\"ts\">\n  interface BreadcrumbLink {\n    label: string;\n    href: string;\n    target: '_blank' | '_self' | '_parent' | '_top' | undefined;\n  }\n\n  interface Props {\n    appearance?: 'standard' | 'inverse';\n    links?: BreadcrumbLink[];\n  }\n\n  let { appearance = 'standard', links = [] }: Props = $props();\n\n  const isLastLink = (index: number) => index === links.length - 1;\n\n  function setClasses(isCurrent: boolean): string {\n    const classes = ['mc-link', 'mc-link--m', 'mc-link--inline'];\n    if (appearance) {\n      classes.push(`mc-link--${appearance}`);\n    }\n    if (isCurrent) {\n      classes.push('mc-breadcrumb__current');\n    }\n    return classes.join(' ');\n  }\n</script>\n\n<nav\n  class={`mc-breadcrumb mc-breadcrumb--${appearance}`}\n  aria-label=\"Breadcrumb\"\n>\n  <ol class=\"mc-breadcrumb__container\">\n    {#each links as link, index (index)}\n      <li class=\"mc-breadcrumb__item\">\n        <a\n          href={link.href}\n          target={link.target}\n          class={setClasses(isLastLink(index))}\n        >\n          <span class=\"mc-link__label\">{link.label}</span>\n        </a>\n      </li>\n    {/each}\n  </ol>\n</nav>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/breadcrumb';\n  @use '@mozaic-ds/styles/components/link';\n</style>\n"],"names":["appearance","links","$.prop","$$props","isLastLink","index","setClasses","isCurrent","classes","$.each","ol","link","$.set_attribute","a","$.get","$.set_text","text"],"mappings":";;;;;;wvDAqBQ,IAAAA,qBAAa,UAAU,EAAEC,EAAKC,EAAAC,EAAA,QAAA,GAAA,IAAA,CAAA,CAAA,QAE9BC,EAAcC,GAAkBA,IAAUJ,EAAK,EAAC,OAAS,WAEtDK,EAAWC,EAA4B,CACxC,MAAAC,EAAW,CAAA,UAAW,aAAc,iBAAiB,EACvD,OAAAR,EAAU,GACZQ,EAAQ,KAAI,YAAaR,EAAU,CAAA,EAAA,EAEjCO,GACFC,EAAQ,KAAK,wBAAwB,EAEhCA,EAAQ,KAAK,GAAG,CACzB,kBAQSC,OAAAA,EAAAC,EAAA,GAAAT,OAASU,EAAIN,IAAA,wDAGRO,EAAAC,EAAA,OAAAC,EAAAH,CAAI,EAAC,IAAI,EACPC,EAAAC,EAAA,SAAAC,EAAAH,CAAI,EAAC,MAAM,4BAGWI,EAAAC,EAAAF,EAAAH,CAAI,EAAC,KAAK,UAFjCL,EAAWF,EAAWC,CAAK,CAAA,CAAA,mEATHL,EAAU,CAAA,GAAA,gBAAA,CAAA,0DAjB9B,WAAU"}

package/dist/components/breadcrumb/Breadcrumb.svelte

@@ -0,0 +1,176 @@
+<svelte:options
+  customElement={{
+    tag: 'm-breadcrumb',
+    props: {
+      options: { reflect: true, type: 'Array', attribute: 'links' },
+    },
+  }}
+/>
+
+<script lang="ts">
+  interface BreadcrumbLink {
+    label: string;
+    href: string;
+    target: '_blank' | '_self' | '_parent' | '_top' | undefined;
+  }
+
+  interface Props {
+    appearance?: 'standard' | 'inverse';
+    links?: BreadcrumbLink[];
+  }
+
+  let { appearance = 'standard', links = [] }: Props = $props();
+
+  const isLastLink = (index: number) => index === links.length - 1;
+
+  function setClasses(isCurrent: boolean): string {
+    const classes = ['mc-link', 'mc-link--m', 'mc-link--inline'];
+    if (appearance) {
+      classes.push(`mc-link--${appearance}`);
+    }
+    if (isCurrent) {
+      classes.push('mc-breadcrumb__current');
+    }
+    return classes.join(' ');
+  }
+</script>
+
+<nav
+  class={`mc-breadcrumb mc-breadcrumb--${appearance}`}
+  aria-label="Breadcrumb"
+>
+  <ol class="mc-breadcrumb__container">
+    {#each links as link, index (index)}
+      <li class="mc-breadcrumb__item">
+        <a
+          href={link.href}
+          target={link.target}
+          class={setClasses(isLastLink(index))}
+        >
+          <span class="mc-link__label">{link.label}</span>
+        </a>
+      </li>
+    {/each}
+  </ol>
+</nav>
+
+<style>/**
+ * Do not edit directly, this file was auto-generated.
+ */
+.mc-breadcrumb {
+  color: var(--breadcrumb-color-text-standard, #000000);
+}
+.mc-breadcrumb__container {
+  list-style-type: none;
+  padding-inline-start: 0;
+  margin-block: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+}
+.mc-breadcrumb__item {
+  background-position: left center;
+  background-repeat: no-repeat;
+}
+.mc-breadcrumb__item:not(:first-child) {
+  padding-inline-start: 1.5rem;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--breadcrumb-color-icon-standard, %23000000)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.303a.75.75 0 0 1 1.06 0l4.167 4.167a.75.75 0 0 1 0 1.06L9.28 14.698a.75.75 0 1 1-1.06-1.06L11.856 10 8.22 6.364a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");
+}
+@media screen and (max-width: 679px) {
+  .mc-breadcrumb__item:nth-last-child(2) {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--breadcrumb-color-icon-standard, %23000000)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.303a.75.75 0 0 1 0 1.06L8.144 10l3.636 3.637a.75.75 0 0 1-1.06 1.06l-4.167-4.166a.75.75 0 0 1 0-1.061l4.166-4.167a.75.75 0 0 1 1.061 0'/%3E%3C/svg%3E");
+  }
+  .mc-breadcrumb__item:not(:nth-last-child(2)) {
+    clip-path: inset(100%);
+    clip: rect(1px, 1px, 1px, 1px);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    padding: 0;
+    width: 1px;
+  }
+}
+.mc-breadcrumb__current, .mc-breadcrumb__current.mc-link {
+  cursor: default;
+  text-decoration: none;
+}
+.mc-breadcrumb__current, .mc-breadcrumb__current:active, .mc-breadcrumb__current:focus, .mc-breadcrumb__current:hover, .mc-breadcrumb__current:visited, .mc-breadcrumb__current.mc-link, .mc-breadcrumb__current.mc-link:active, .mc-breadcrumb__current.mc-link:focus, .mc-breadcrumb__current.mc-link:hover, .mc-breadcrumb__current.mc-link:visited {
+  color: currentcolor;
+}
+.mc-breadcrumb--inverse {
+  color: var(--breadcrumb-color-text-inverse, #ffffff);
+}
+.mc-breadcrumb--inverse .mc-breadcrumb__item:not(:first-child) {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--breadcrumb-color-icon-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M8.22 5.303a.75.75 0 0 1 1.06 0l4.167 4.167a.75.75 0 0 1 0 1.06L9.28 14.698a.75.75 0 1 1-1.06-1.06L11.856 10 8.22 6.364a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");
+}
+@media screen and (max-width: 679px) {
+  .mc-breadcrumb--inverse .mc-breadcrumb__item:nth-last-child(2) {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1.25rem' width='1.25rem' fill='var(--breadcrumb-color-icon-inverse, %23ffffff)' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M11.78 5.303a.75.75 0 0 1 0 1.06L8.144 10l3.636 3.637a.75.75 0 0 1-1.06 1.06l-4.167-4.166a.75.75 0 0 1 0-1.061l4.166-4.167a.75.75 0 0 1 1.061 0'/%3E%3C/svg%3E");
+  }
+}
+
+.mc-link {
+  transition: box-shadow 200ms ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  min-height: 1.5rem;
+  text-decoration: none;
+  color: var(--link-color-text-primary, #000000);
+  font-size: 0.875rem;
+}
+.mc-link__label {
+  line-height: 1.3;
+}
+.mc-link__icon {
+  display: block;
+  height: 1.25rem;
+  width: 1.25rem;
+  flex-shrink: 0;
+  fill: currentcolor;
+}
+.mc-link:hover:not(.mc-link--stand-alone, .mc-link--inline) .mc-link__label {
+  text-decoration: underline;
+}
+.mc-link:focus {
+  box-shadow: 0 0 0 0.125rem var(--focus-color-mid, var(--focus-color-outline-mid, #ffffff)), 0 0 0 0.25rem var(--focus-color-outer, var(--focus-color-outline-outer, #000000));
+  outline: 0.125rem solid transparent;
+  outline-offset: 0.125rem;
+}
+.mc-link--m {
+  min-height: 2rem;
+  font-size: 1rem;
+}
+.mc-link--secondary {
+  color: var(--link-color-text-secondary, #666666);
+}
+.mc-link--accent {
+  color: var(--link-color-text-accent, #117f03);
+}
+.mc-link--inverse {
+  --focus-color-mid: var(--focus-color-outline-outer, #000000);
+  --focus-color-outer: var(--focus-color-outline-mid, #ffffff);
+  color: var(--link-color-text-inverse, #ffffff);
+}
+.mc-link--stand-alone {
+  min-height: 2rem;
+  font-weight: 600;
+}
+.mc-link--stand-alone .mc-link__label {
+  border-bottom: 1px solid currentColor;
+}
+.mc-link--stand-alone:hover .mc-link__label {
+  border-color: transparent;
+}
+.mc-link--inline {
+  font-weight: inherit;
+  text-decoration: underline;
+}
+.mc-link--inline .mc-link__label {
+  line-height: 1;
+}
+.mc-link--inline:hover {
+  text-decoration: none;
+}</style>

package/dist/components/breadcrumb/Breadcrumb.svelte.d.ts

@@ -0,0 +1,13 @@
+interface BreadcrumbLink {
+    label: string;
+    href: string;
+    target: '_blank' | '_self' | '_parent' | '_top' | undefined;
+}
+interface Props {
+    appearance?: 'standard' | 'inverse';
+    links?: BreadcrumbLink[];
+}
+declare const Breadcrumb: import("svelte").Component<Props, {}, "">;
+type Breadcrumb = ReturnType<typeof Breadcrumb>;
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.svelte.d.ts.map

package/dist/components/breadcrumb/Breadcrumb.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7D;AAED,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AA4CH,QAAA,MAAM,UAAU,2CAAsC,CAAC;AACvD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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{c as I,a as J,b as K,d as n,f,w as M,s as C,g,h as d,i as N,j as a,r as m,t as O,m as P,T as D,U as E}from"../../custom-element.js";import{i as b}from"../../if.js";import{s as L}from"../../slot.js";import{b as Q,C as R}from"../../attributes.js";import{L as V}from"../loader/Loader.js";var W=f('<span class="mc-button__icon svelte-rkyik7"><!></span>'),X=f("<span><!></span>"),Y=f('<span class="mc-button__icon svelte-rkyik7"><!></span>'),Z=f("<button><!> <!> <!> <!></button>");const $={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 oo(S,t){J(t,!0),K(S,$);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),T=M(t,["$$slots","$$events","$$legacy","$$host","appearance","size","ghost","outlined","iconmode","disabled","type","isloading","hasiconslot"]);var v=Z();Q(v,o=>({class:`mc-button mc-button--${y()} mc-button--${h()}`,disabled:w(),type:z(),...T,[R]:o}),[()=>({"mc-button--ghost":_(),"mc-button--outlined":p(),"mc-button--icon-only":c()==="only","mc-button--loading":s()})],"svelte-rkyik7");var j=g(v);{var U=o=>{V(o,{theme:"standard",style:"color: currentColor; position: absolute;",size:"m",text:""})};b(j,o=>{s()&&o(U)})}var B=C(j,2);{var q=o=>{var r=W(),l=g(r);{var u=e=>{var i=D(),x=E(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(q)})}var A=C(B,2);{var F=o=>{var r=X();let l;var u=g(r);L(u,t,"default",{}),m(r),O(e=>l=P(r,1,"mc-button__label svelte-rkyik7",null,l,e),[()=>({hidden:s()})]),d(o,r)};b(A,o=>{c()!=="only"&&o(F)})}var G=C(A,2);{var H=o=>{var r=Y(),l=g(r);{var u=e=>{var i=D(),x=E(i);L(x,t,"icon",{}),d(e,i)};b(l,e=>{k()&&e(u)})}m(r),d(o,r)};b(G,o=>{c()==="right"&&o(H)})}return m(v),d(S,v),N({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",I(oo,{appearance:{},size:{},ghost:{},outlined:{},iconmode:{},disabled:{},type:{},isloading:{},hasiconslot:{}},["icon","default"],[],!0));export{oo as B};
 //# 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":";;;6nMA0BI,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,6JAK0B,MAAA,wBAAAL,kBAAmBD,EAAU,CAAA,4BAOxDW,oCANoBT,EAAK,wBACFC,EAAQ,EACP,uBAAAC,EAAQ,IAAK,4BACfK,EAAS,+IAK9BA,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,wEA9CV,WAAU,6CAChB,IAAG,+CACF,GAAK,qDACF,GAAK,0GAEL,GAAK,6CACT,SAAQ,uDACH,GAAK,2DACH,GAAK"}