@mozaic-ds/web-components 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/attributes.js

@@ -0,0 +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};
+//# sourceMappingURL=attributes.js.map

package/dist/attributes.js.map

@@ -0,0 +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]}

package/dist/badge/Badge.js

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

package/dist/badge/Badge.js.map

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

package/dist/badge/Badge.svelte

@@ -0,0 +1,66 @@
+<svelte:options customElement={{ tag: 'm-badge', shadow: 'none' }} />
+
+<script lang="ts">
+  import type { BadgeStyle, BadgeSize } from './badge.types';
+  interface Props {
+    label: string;
+    style: BadgeStyle;
+    size: BadgeSize;
+  }
+
+  let { label = '', style = 'standard', size = 's' }: Props = $props();
+
+  function setClasses(style: BadgeStyle) {
+    const classes = ['mc-badge'];
+
+    if (style) {
+      classes.push(`mc-badge--${style}`);
+    }
+
+    if (size) {
+      classes.push(`mc-badge--${size}`);
+    }
+
+    return classes.join(' ');
+  }
+</script>
+
+<div class={setClasses(style)}>
+  {label}
+</div>
+
+<style>/**
+ * Do not edit directly, this file was auto-generated.
+ */
+.mc-badge {
+  color: var(--badge-color-text-standard, #ffffff);
+  background-color: var(--badge-color-background-standard, #464e63);
+  height: 1rem;
+  min-width: 1rem;
+  padding: 0 0.125rem;
+  font-size: 0.625rem;
+  border-radius: 1rem;
+  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  justify-content: center;
+}
+.mc-badge--m {
+  height: 1.5rem;
+  min-width: 1.5rem;
+  padding: 0 0.25rem;
+  font-size: 0.75rem;
+}
+.mc-badge--accent {
+  color: var(--badge-color-text-accent, #ffffff);
+  background-color: var(--badge-color-background-accent, #117f03);
+}
+.mc-badge--danger {
+  color: var(--badge-color-text-danger, #ffffff);
+  background-color: var(--badge-color-background-danger, #c61112);
+}
+.mc-badge--inverse {
+  color: var(--badge-color-text-inverse, #464e63);
+  background-color: var(--badge-color-background-inverse, #ffffff);
+}</style>

package/dist/badge/Badge.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { BadgeStyle, BadgeSize } from './badge.types';
+interface Props {
+    label: string;
+    style: BadgeStyle;
+    size: BadgeSize;
+}
+declare const Badge: import("svelte").Component<Props, {}, "">;
+type Badge = ReturnType<typeof Badge>;
+export default Badge;
+//# sourceMappingURL=Badge.svelte.d.ts.map

package/dist/badge/Badge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../src/components/badge/Badge.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEzD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB;AAgCH,QAAA,MAAM,KAAK,2CAAsC,CAAC;AAClD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/badge/badge.types.d.ts

@@ -0,0 +1,3 @@
+export type BadgeStyle = 'danger' | 'accent' | 'inverse' | 'standard';
+export type BadgeSize = 's' | 'm';
+//# sourceMappingURL=badge.types.d.ts.map

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

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

package/dist/badge/badge.types.js

@@ -0,0 +1 @@
+export {};

package/dist/bundle.js

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

package/dist/button/Button.js

@@ -0,0 +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:`/**
+ * 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));
+//# sourceMappingURL=Button.js.map

package/dist/button/Button.js.map

@@ -0,0 +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"}