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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.3",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {
@@ -10,20 +10,20 @@
     "type": "git",
     "url": "https://github.com/adeo/mozaic-web-components.git"
   },
-  "main": "public/bundle.js",
+  "main": "./dist/mozaic.umd.js",
   "files": [
-    "public"
+    "dist"
   ],
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "build:vite": "vite build",
     "preview": "vite preview",
-    "clean": "rm -rf public/",
+    "clean": "rm -rf dist/",
     "start": "npm-run-all --parallel build:watch storybook",
     "build": "rollup -c",
     "build:watch": "rollup -c -w",
     "build:storybook": "npm run build && storybook build --stats-json",
-    "build:lib": "npm run clean && npm run build",
+    "build:lib": "npm run clean && npm run build && npm run build:vite",
     "storybook": "storybook dev -p 6006 --stats-json",
     "check": "svelte-check --tsconfig ./tsconfig.json --compiler-warnings 'css-unused-selector:ignore'",
     "eslint": "eslint src",
@@ -31,7 +31,7 @@
     "lint": "prettier-eslint --write $PWD/'src/components/**/*.{js,ts,svelte}'",
     "lint-check": "prettier-eslint --list-different $PWD/'src/**/*.{js,ts,svelte}'",
     "lint:ci": "prettier-eslint $PWD/'src/**/*.{js,ts,svelte}",
-    "start:wc": "npx serve public",
+    "start:wc": "npx serve dist",
     "build-storybook": "npm run build:storybook",
     "chromatic": "chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
     "tokens:build": "MOZAIC_PRESET='adeo' mozaic-tokens-build && MOZAIC_PRESET='bricoman' mozaic-tokens-build && MOZAIC_PRESET='LM' mozaic-tokens-build",
@@ -40,9 +40,9 @@
     "release:beta": "release-it --preRelease=beta",
     "release:alpha": "release-it --preReleaseId=alpha --npm.tag=alpha --github.preRelease",
     "prepublishOnly": "npm run build:lib",
-    "npm:publish": "npm publish --access public",
-    "npm:publishBeta": "npm publish --tag beta --access public",
-    "npm:publishAlpha": "npm publish --tag alpha --access public"
+    "npm:publish": "npm publish --access dist",
+    "npm:publishBeta": "npm publish --tag beta --access dist",
+    "npm:publishAlpha": "npm publish --tag alpha --access dist"
   },
   "dependencies": {
     "@mozaic-ds/css-dev-tools": "1.70.0",

package/public/attributes-C2cU7aS9.js

@@ -1,2 +0,0 @@
-import{e,s as t,aC as a,aD as l,O as s,aE as n,aF as r,aG as u,aH as i,aI as c,aJ as o,x as f,aK as v,aL as d,as as _,D as h,aM as m}from"./custom-element-C0xaDU2s.js";const b=Symbol("class");function p(e){if(f){var t=!1,a=()=>{if(!t){if(t=!0,e.hasAttribute("value")){var a=e.value;A(e,"value",null),e.value=a}if(e.hasAttribute("checked")){var l=e.checked;A(e,"checked",null),e.checked=l}}};e.__on_r=a,v(a),d()}}function y(e,t){var a=e.__attributes??={};a.checked!==(a.checked=t??void 0)&&(e.checked=t)}function k(e,t){t?e.hasAttribute("selected")||e.setAttribute("selected",""):e.removeAttribute("selected")}function A(e,t,a,l){var s=e.__attributes??={};f&&(s[t]=e.getAttribute(t),"src"===t||"srcset"===t||"href"===t&&"LINK"===e.nodeName)?function(e,t,a){if(!h)return;if("srcset"===t&&function(e,t){var a=N(e.srcset),l=N(t);return l.length===a.length&&l.every((([e,t],l)=>t===a[l][1]&&(I(a[l][0],e)||I(e,a[l][0]))))}(e,a))return;if(I(e.getAttribute(t)??"",a))return;m(t,e.outerHTML.replace(e.innerHTML,e.innerHTML&&"..."),String(a))}(e,t,a??""):s[t]!==(s[t]=a)&&("style"===t&&"__styles"in e&&(e.__styles={}),"loading"===t&&(e[i]=a),null==a?e.removeAttribute(t):"string"!=typeof a&&w(e).includes(t)?e[t]=a:e.setAttribute(t,a))}function g(u,i,o,v,d=!1,h=!1,m=!1){let p=f&&h;p&&_(!1);var y=i||{},g="OPTION"===u.tagName;for(var L in i)L in o||(o[L]=null);o.class?o.class=e(o.class):o.class=null;var I=w(u),N=u.__attributes??={};for(const C in o){let H=o[C];if(g&&"value"===C&&null==H)u.value=u.__value="",y[C]=H;else if("class"!==C){var $=y[C];if(H!==$){y[C]=H;var M=C[0]+C[1];if("$$"!==M){if("on"===M){const E={},O="$$"+C;let V=C.slice(2);var R=c(V);if(a(V)&&(V=V.slice(0,-7),E.capture=!0),!R&&$){if(null!=H)continue;u.removeEventListener(V,y[O],E),y[O]=null}if(null!=H)if(R)u[`__${V}`]=H,s([V]);else{function B(e){y[C].call(this,e)}y[O]=l(V,u,B,E)}else R&&(u[`__${V}`]=void 0)}else if("style"===C&&null!=H)u.style.cssText=H+"";else if("autofocus"===C)n(u,Boolean(H));else if(h||"__value"!==C&&("value"!==C||null==H))if("selected"===C&&g)k(u,H);else{var T=C;d||(T=r(T));var U="defaultValue"===T||"defaultChecked"===T;if(null!=H||h||U)U||I.includes(T)&&(h||"string"!=typeof H)?u[T]=H:"function"!=typeof H&&A(u,T,H);else if(N[C]=null,"value"===T||"checked"===T){let D=u;const K=void 0===i;if("value"===T){let S=D.defaultValue;D.removeAttribute(T),D.defaultValue=S,D.value=D.__value=K?S:null}else{let j=D.defaultChecked;D.removeAttribute(T),D.defaultChecked=j,D.checked=!!K&&j}}else u.removeAttribute(C)}else u.value=u.__value=H;"style"===C&&"__styles"in u&&(u.__styles={})}}}else{var x="http://www.w3.org/1999/xhtml"===u.namespaceURI;t(u,x,H,v,i?.[b],o[b]),y[C]=H,y[b]=o[b]}}return p&&_(!0),y}var L=new Map;function w(e){var t,a=L.get(e.nodeName);if(a)return a;L.set(e.nodeName,a=[]);for(var l=e,s=Element.prototype;s!==l;){for(var n in t=o(l))t[n].set&&a.push(n);l=u(l)}return a}function I(e,t){return e===t||new URL(e,document.baseURI).href===new URL(t,document.baseURI).href}function N(e){return e.split(",").map((e=>e.trim().split(" ").filter(Boolean)))}export{y as a,g as b,p as r,A as s};
-//# sourceMappingURL=attributes-C2cU7aS9.js.map

package/public/attributes-C2cU7aS9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attributes-C2cU7aS9.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","Symbol","remove_input_defaults","input","hydrating","already_removed","remove_defaults","hasAttribute","value","set_attribute","checked","__on_r","queue_idle_task","add_form_reset_listener","set_checked","element","attributes","__attributes","undefined","set_selected","selected","setAttribute","removeAttribute","attribute","skip_warning","getAttribute","nodeName","DEV","srcset","element_urls","split_srcset","urls","length","every","url","width","i","src_url_equal","srcset_url_equal","w.hydration_attribute_changed","outerHTML","replace","innerHTML","String","check_src_in_dev_hydration","__styles","LOADING_ATTR_SYMBOL","get_setters","includes","set_attributes","prev","next","css_hash","preserve_attribute_case","is_custom_element","is_hydrating_custom_element","set_hydrating","current","is_option_element","tagName","key","class","clsx","setters","__value","prev_value","prefix","opts","event_handle_key","event_name","slice","delegated","is_delegated","is_capture_event","capture","removeEventListener","delegate","handle","evt","call","this","create_event","style","cssText","autofocus","Boolean","name","normalize_attribute","is_default","use_default","previous","defaultValue","defaultChecked","is_html","namespaceURI","set_class","setters_cache","Map","descriptors","get","set","proto","element_proto","Element","prototype","get_descriptors","push","get_prototype_of","element_src","URL","document","baseURI","href","split","map","src","trim","filter"],"mappings":"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","x_google_ignoreList":[0]}

package/public/bundle.js

@@ -1,31 +0,0 @@
-
-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/public/components/badge/Badge.js

@@ -1,2 +0,0 @@
-import{c as e,p as a,a as t,b as r,t as o,d as s,s as d,e as n,f as c,g as l,h as f,i as g,j as i,r as b}from"../../custom-element-C0xaDU2s.js";var u=o("<div> </div>");const m={hash:"svelte-1hwtfua",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.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 v(e,o){a(o,!0),t(e,m);let v=r(o,"label",7,""),h=r(o,"style",7,"standard"),w=r(o,"size",7,"s");var k=u(),p=l(k,!0);return b(k),s((e=>{d(k,1,n(e),"svelte-1hwtfua"),c(p,v())}),[()=>function(e){const a=["mc-badge"];return e&&a.push(`mc-badge--${e}`),w()&&a.push(`mc-badge--${w()}`),a.join(" ")}(h())]),f(e,k),g({get label(){return v()},set label(e=""){v(e),i()},get style(){return h()},set style(e="standard"){h(e),i()},get size(){return w()},set size(e="s"){w(e),i()}})}customElements.define("m-badge",e(v,{label:{},style:{},size:{}},[],[],!1));export{v as default};
-//# sourceMappingURL=Badge.js.map

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

@@ -1 +0,0 @@
-{"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","classes","push","join","setClasses"],"mappings":"uoCAUQ,IAAAA,gBAAQ,IAAIC,gBAAQ,YAAYC,eAAO,6EAkB5CF,IAAK,GADI,CAAA,IAfD,SAAWC,GACZ,MAAAE,GAAW,mBAEbF,GACFE,EAAQC,KAAI,aAAcH,KAGxBC,KACFC,EAAQC,KAAI,aAAcF,OAGrBC,EAAQE,KAAK,IACtB,CAGUC,CAAWL,qDAjBP,kDAAY,wDAAmB"}

package/public/components/badge/Badge.svelte

@@ -1,34 +0,0 @@
-<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 lang="scss">
-  @use '@mozaic-ds/styles/components/badge';
-</style>

package/public/components/badge/badge.types.d.ts

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

package/public/components/badge/badge.types.d.ts.map

@@ -1 +0,0 @@
-{"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/public/components/button/Button.js

@@ -1,2 +0,0 @@
-import{c as o,p as t,a as e,b as r,t as n,d as l,h as c,i as a,k as d,g as b,j as u,r as s,s as i,l as v,m as g}from"../../custom-element-C0xaDU2s.js";import{i as m}from"../../if-B_xe8pYW.js";import{h as f}from"../../html-h1-V2s6a.js";import{s as h,a as k}from"../../slot-DQF0Tqfq.js";import{s as q}from"../../attributes-C2cU7aS9.js";var p=n('<span class="mc-button__icon svelte-q2e18l"><!></span>'),w=n('<span class="mc-button__icon svelte-q2e18l"><!></span>'),_=n("<span><!></span>"),y=n('<span class="mc-button__icon svelte-q2e18l"><!></span>'),x=n("<button><!> <!> <!> <!></button>");const z={hash:"svelte-q2e18l",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.mc-button.svelte-q2e18l {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-q2e18l:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-q2e18l:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-q2e18l: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-q2e18l .mc-button__label:where(.svelte-q2e18l) {font-size:1rem;}.mc-button--s.svelte-q2e18l {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--s.svelte-q2e18l .mc-button__label:where(.svelte-q2e18l) {font-size:0.875rem;}.mc-button--s.svelte-q2e18l .mc-button__icon:where(.svelte-q2e18l) {width:1.25rem;height:1.25rem;}.mc-button--s.svelte-q2e18l .mc-button__icon:where(.svelte-q2e18l):only-child {width:1.25rem;height:1.25rem;}.mc-button--m.svelte-q2e18l {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--m.svelte-q2e18l .mc-button__label:where(.svelte-q2e18l) {font-size:1rem;}.mc-button--m.svelte-q2e18l .mc-button__icon:where(.svelte-q2e18l) {width:1.5rem;height:1.5rem;}.mc-button--m.svelte-q2e18l .mc-button__icon:where(.svelte-q2e18l):only-child {width:1.5rem;height:1.5rem;}.mc-button--l.svelte-q2e18l {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button--l.svelte-q2e18l .mc-button__label:where(.svelte-q2e18l) {font-size:1.125rem;}.mc-button--l.svelte-q2e18l .mc-button__icon:where(.svelte-q2e18l) {width:2rem;height:2rem;}.mc-button--l.svelte-q2e18l .mc-button__icon:where(.svelte-q2e18l):only-child {width:2rem;height:2rem;}.mc-button__label.svelte-q2e18l {font-size:1rem;}.mc-button__icon.svelte-q2e18l {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-q2e18l: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-q2e18l: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-q2e18l {padding:0.25rem;}.mc-button--outlined.svelte-q2e18l {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-q2e18l:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-q2e18l:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-q2e18l: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-q2e18l {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-q2e18l:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-q2e18l:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-q2e18l: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-q2e18l {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-q2e18l:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-q2e18l:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-q2e18l: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-q2e18l {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-q2e18l:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-q2e18l:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-q2e18l: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-q2e18l {--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-q2e18l:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-q2e18l:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-q2e18l: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-q2e18l {border-radius:100%;padding:0;}.mc-button--loading.svelte-q2e18l .mc-button__label:where(.svelte-q2e18l),\n.mc-button--loading.svelte-q2e18l .mc-button__icon:where(.svelte-q2e18l) {visibility:hidden;}.mc-button--outlined.mc-button--standard.svelte-q2e18l {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-q2e18l:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-q2e18l:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-q2e18l: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-q2e18l {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-q2e18l:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-q2e18l:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-q2e18l: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-q2e18l {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-q2e18l:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-q2e18l:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-q2e18l: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-q2e18l {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-q2e18l:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-q2e18l:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-q2e18l: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-q2e18l {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-q2e18l:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-q2e18l:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-q2e18l: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-q2e18l {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-q2e18l:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-q2e18l:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-q2e18l: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-q2e18l {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-q2e18l:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-q2e18l:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-q2e18l: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-q2e18l {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-q2e18l:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-q2e18l:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-q2e18l: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-q2e18l {pointer-events:none;}.hidden.svelte-q2e18l {visibility:hidden;}"};function $(o,n){const $=h(n);t(n,!0),e(o,z);let j=r(n,"style",7,"standard"),C=r(n,"size",7,"m"),D=r(n,"ghost",7,!1),E=r(n,"outlined",7,!1),L=r(n,"iconname",7),A=r(n,"iconmode",7),B=r(n,"disabled",7,!1),F=r(n,"type",7,"button"),G=r(n,"isloading",7,!1);function H(o,t,e){const r="only"===t;let n;switch(o){case"s":n="24px";break;case"m":n=r?"32px":"24px";break;case"l":n=r?"100%":"32px"}return`${e} size="${n}" `}var I=x();let J;var K=b(I),M=o=>{Loader(o,{theme:"standard",style:"color: currentColor; position: absolute;",size:"m",text:""})};m(K,(o=>{G()&&o(M)}));var N=d(K,2),O=o=>{var t=p(),e=b(t),r=o=>{var t=v(),e=g(t);k(e,n,"icon",{}),c(o,t)},l=(o,t)=>{var e=o=>{var t=v(),e=g(t);f(e,(()=>`<${H(C(),A(),L())} />`)),c(o,t)};m(o,(o=>{L()&&o(e)}),t)};m(e,(o=>{$.icon?o(r):o(l,!1)})),s(t),c(o,t)};m(N,(o=>{(L()||$.icon)&&"left"===A()&&o(O)}));var P=d(N,2),Q=o=>{var t=w(),e=b(t),r=o=>{var t=v(),e=g(t);k(e,n,"icon",{}),c(o,t)},l=(o,t)=>{var e=o=>{var t=v(),e=g(t);f(e,(()=>`<${H(C(),A(),L())} />`)),c(o,t)};m(o,(o=>{L()&&o(e)}),t)};m(e,(o=>{$.icon?o(r):o(l,!1)})),s(t),c(o,t)},R=o=>{var t=_();let e;var r=b(t);k(r,n,"default",{}),s(t),l((()=>e=i(t,1,"mc-button__label svelte-q2e18l",null,e,{hidden:G()}))),c(o,t)};m(P,(o=>{(L()||$.icon)&&"only"===A()?o(Q):o(R,!1)}));var S=d(P,2),T=o=>{var t=y(),e=b(t),r=o=>{var t=v(),e=g(t);k(e,n,"icon",{}),c(o,t)},l=(o,t)=>{var e=o=>{var t=v(),e=g(t);f(e,(()=>`<${H(C(),A(),L())} />`)),c(o,t)};m(o,(o=>{L()&&o(e)}),t)};m(e,(o=>{$.icon?o(r):o(l,!1)})),s(t),c(o,t)};return m(S,(o=>{(L()||$.icon)&&"right"===A()&&o(T)})),s(I),l((()=>{J=i(I,1,`mc-button ${(C()?`mc-button--${C()}`:"")??""} ${(j()?`mc-button--${j()}`:"")??""}`,"svelte-q2e18l",J,{"mc-button--ghost":D(),"mc-button--outlined":E(),"mc-button--icon-only":"only"==A(),"mc-button--loading":G()}),I.disabled=B(),q(I,"type",F())})),c(o,I),a({get style(){return j()},set style(o="standard"){j(o),u()},get size(){return C()},set size(o="m"){C(o),u()},get ghost(){return D()},set ghost(o=!1){D(o),u()},get outlined(){return E()},set outlined(o=!1){E(o),u()},get iconname(){return L()},set iconname(o){L(o),u()},get iconmode(){return A()},set iconmode(o){A(o),u()},get disabled(){return B()},set disabled(o=!1){B(o),u()},get type(){return F()},set type(o="button"){F(o),u()},get isloading(){return G()},set isloading(o=!1){G(o),u()}})}customElements.define("m-button",o($,{style:{},size:{},ghost:{},outlined:{},iconname:{},iconmode:{},disabled:{},type:{},isloading:{}},["icon","default"],[],!0));export{$ as default};
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-button' }} />\n\n<script lang=\"ts\">\n  // @ts-ignore Need to use internal Svelte function\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    style?: 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    style = 'standard',\n    size = 'm',\n    ghost = false,\n    outlined = false,\n    iconname,\n    iconmode,\n    disabled = false,\n    type = 'button',\n    isloading = false,\n  }: Props = $props();\n\n  let attributes = $derived({ ...rest });\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}` : ''} {style\n    ? `mc-button--${style}`\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>\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</style>\n"],"names":["style","size","ghost","outlined","iconname","$.prop","$$props","iconmode","disabled","type","isloading","generateIconName","iconMode","iconName","isIconOnly","iconSize","$$render","consequent","$.html","node_4","consequent_2","$$slots","icon","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","classes"],"mappings":"q1ZA2BI,IAAAA,gBAAQ,YACRC,eAAO,KACPC,iBAAQ,GACRC,oBAAW,GACXC,EAAQC,EAAAC,EAAA,WAAA,GACRC,EAAQF,EAAAC,EAAA,WAAA,GACRE,oBAAW,GACXC,eAAO,UACPC,qBAAY,GAKL,SAAAC,EACPV,EACAW,EACAC,SAEMC,EAA0B,SAAbF,MACfG,SAEId,OACD,IACHc,EAAW,iBAER,IACHA,EAAWD,EAAa,OAAS,iBAE9B,IACHC,EAAWD,EAAa,OAAS,OAI3B,MAAA,GAAAD,WAAkBE,KAC9B,2IAcKL,KAASM,EAAAC,EAAA,6HAaGC,EAAAC,GAAA,IAAA,IAAAR,EAAiBV,IAAMM,IAAUH,6BADpCA,KAAQY,EAAAI,EAAA,gBAFbC,EAAQC,KAAIN,EAAAO,GAAAP,EAAAQ,GAAA,EAAA,2BAFfpB,KAAYiB,EAAQC,OAAsB,SAAbf,KAAmBS,EAAAS,EAAA,6HAerCP,EAAAQ,GAAA,IAAA,IAAAf,EAAiBV,IAAMM,IAAUH,6BADpCA,KAAQY,EAAAW,EAAA,gBAFbN,EAAQC,KAAIN,EAAAY,GAAAZ,EAAAa,GAAA,EAAA,0IAO0BnB,0BATzCN,KAAYiB,EAAQC,OAAsB,SAAbf,IAAmBS,EAAAc,GAAAd,EAAAe,GAAA,EAAA,6HAmBrCb,EAAAc,GAAA,IAAA,IAAArB,EAAiBV,IAAMM,IAAUH,6BADpCA,KAAQY,EAAAiB,EAAA,gBAFbZ,EAAQC,KAAIN,EAAAkB,GAAAlB,EAAAmB,GAAA,EAAA,kCAFf/B,KAAYiB,EAAQC,OAAsB,UAAbf,KAAoBS,EAAAoB,EAAA,uCA1CrCnC,IAAI,cAAiBA,MAAS,YAAKD,IACnC,cAAAA,MACd,KAAE,KAAA,gBAAAqC,EAAA,oBACkBnC,0BACGC,IACC,uBAAY,QAAZI,yBACFG,sFA5ChB,wDACD,oDACC,wDACG,kKAGA,+CACJ,iEACK"}

package/public/components/button/Button.svelte

@@ -1,129 +0,0 @@
-<svelte:options customElement={{ tag: 'm-button' }} />
-
-<script lang="ts">
-  // @ts-ignore Need to use internal Svelte function
-  import type {
-    ButtonIconMode,
-    ButtonSize,
-    ButtonStyle,
-    ButtonType,
-  } from './button.types';
-
-  // import Loader from '../loader/Loader.svelte';
-
-  interface Props {
-    style?: ButtonStyle | undefined;
-    size?: ButtonSize;
-    ghost?: boolean;
-    outlined?: boolean;
-    iconname: string | undefined;
-    iconmode: ButtonIconMode | undefined;
-    disabled?: boolean;
-    type?: ButtonType;
-    isloading?: boolean;
-    [key: string]: any;
-  }
-
-  let {
-    style = 'standard',
-    size = 'm',
-    ghost = false,
-    outlined = false,
-    iconname,
-    iconmode,
-    disabled = false,
-    type = 'button',
-    isloading = false,
-  }: Props = $props();
-
-  let attributes = $derived({ ...rest });
-
-  function generateIconName(
-    size: ButtonSize,
-    iconMode: ButtonIconMode,
-    iconName: string,
-  ): string {
-    const isIconOnly = iconMode === 'only';
-    let iconSize: string;
-
-    switch (size) {
-      case 's':
-        iconSize = '24px';
-        break;
-      case 'm':
-        iconSize = isIconOnly ? '32px' : '24px';
-        break;
-      case 'l':
-        iconSize = isIconOnly ? '100%' : '32px';
-        break;
-    }
-
-    return `${iconName} size="${iconSize}" `;
-  }
-</script>
-
-<button
-  class="mc-button {size ? `mc-button--${size}` : ''} {style
-    ? `mc-button--${style}`
-    : ''}"
-  class:mc-button--ghost={ghost}
-  class:mc-button--outlined={outlined}
-  class:mc-button--icon-only={iconmode == 'only'}
-  class:mc-button--loading={isloading}
-  {disabled}
-  {type}
->
-  {#if isloading}
-    <Loader
-      theme="standard"
-      style="color: currentColor; position: absolute;"
-      size="m"
-      text=""
-    />
-  {/if}
-  {#if (iconname || $$slots.icon) && iconmode === 'left'}
-    <span class="mc-button__icon">
-      {#if $$slots.icon}
-        <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
-      {/if}
-    </span>
-  {/if}
-
-  {#if (iconname || $$slots.icon) && iconmode === 'only'}
-    <span class="mc-button__icon">
-      {#if $$slots.icon}
-        <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
-      {/if}
-    </span>
-  {:else}
-    <span class="mc-button__label" class:hidden={isloading}>
-      <slot />
-    </span>
-  {/if}
-
-  {#if (iconname || $$slots.icon) && iconmode === 'right'}
-    <span class="mc-button__icon">
-      {#if $$slots.icon}
-        <slot name="icon" />
-      {:else if iconname}
-        {@html `<${generateIconName(size, iconmode, iconname)} />`}
-      {/if}
-    </span>
-  {/if}
-</button>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/button';
-
-  .mc-button__icon {
-    pointer-events: none;
-  }
-
-  .hidden {
-    visibility: hidden;
-  }
-</style>

package/public/components/button/IconButton.js

@@ -1,2 +0,0 @@
-import{c as o,p as t,a as r,b as e,t as a,d as c,h as n,i as d,j as l,g as b,r as u,s}from"../../custom-element-C0xaDU2s.js";import{h as i}from"../../html-h1-V2s6a.js";import{s as v}from"../../attributes-C2cU7aS9.js";var g=a("<button><!></button>");const f={hash:"svelte-afhc2k",code:"/**\n * Do not edit directly, this file was auto-generated.\n */.mc-button.svelte-afhc2k {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-afhc2k:hover {background-color:var(--button-color-filled-standard-hover-background, #343b4c);}.mc-button.svelte-afhc2k:active {background-color:var(--button-color-filled-standard-active-background, #242938);}.mc-button.svelte-afhc2k:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}.mc-button--s.svelte-afhc2k {padding:0 calc(0.75rem - 0.125rem);min-height:2rem;min-width:2rem;}.mc-button--m.svelte-afhc2k {padding:0 calc(1rem - 0.125rem);min-height:3rem;min-width:3rem;}.mc-button--l.svelte-afhc2k {padding:0 calc(1.25rem - 0.125rem);min-height:4rem;min-width:4rem;}.mc-button__label.svelte-afhc2k {font-size:1rem;}.mc-button__icon.svelte-afhc2k {flex-shrink:0;width:1.5rem;height:1.5rem;}.mc-button.svelte-afhc2k: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-afhc2k: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-afhc2k {padding:0.25rem;}.mc-button--outlined.svelte-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.svelte-afhc2k:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.svelte-afhc2k:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.svelte-afhc2k: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-afhc2k {color:var(--button-color-filled-accent-font, #ffffff);background-color:var(--button-color-filled-accent-background, #117f03);}.mc-button--accent.svelte-afhc2k:hover {background-color:var(--button-color-filled-accent-hover-background, #006902);}.mc-button--accent.svelte-afhc2k:active {background-color:var(--button-color-filled-accent-active-background, #035010);}.mc-button--accent.svelte-afhc2k: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-afhc2k {color:var(--button-color-filled-danger-font, #ffffff);background-color:var(--button-color-filled-danger-background, #c61112);}.mc-button--danger.svelte-afhc2k:hover {background-color:var(--button-color-filled-danger-hover-background, #8c0003);}.mc-button--danger.svelte-afhc2k:active {background-color:var(--button-color-filled-danger-active-background, #530000);}.mc-button--danger.svelte-afhc2k: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-afhc2k {--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-afhc2k:hover {background-color:var(--button-color-filled-inverse-hover-background, #e6e6e6);}.mc-button--inverse.svelte-afhc2k:active {background-color:var(--button-color-filled-inverse-active-background, #cccccc);}.mc-button--inverse.svelte-afhc2k: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-afhc2k {border-radius:100%;padding:0;}.mc-button--outlined.mc-button--standard.svelte-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-standard-hover-background, #eff1f6);}.mc-button--outlined.mc-button--standard.svelte-afhc2k:active {background-color:var(--button-color-outlined-standard-active-background, #c9d0de);}.mc-button--outlined.mc-button--standard.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-accent-hover-background, #ebf5de);}.mc-button--outlined.mc-button--accent.svelte-afhc2k:active {background-color:var(--button-color-outlined-accent-active-background, #c5e39e);}.mc-button--outlined.mc-button--accent.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-danger-hover-background, #fdeaea);}.mc-button--outlined.mc-button--danger.svelte-afhc2k:active {background-color:var(--button-color-outlined-danger-active-background, #f8bcbb);}.mc-button--outlined.mc-button--danger.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-outlined-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--outlined.mc-button--inverse.svelte-afhc2k:active {background-color:var(--button-color-outlined-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--outlined.mc-button--inverse.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-standard-hover-background, rgba(70, 78, 99, 0.1));}.mc-button--ghost.mc-button--standard.svelte-afhc2k:active {background-color:var(--button-color-ghost-standard-active-background, rgba(70, 78, 99, 0.2));}.mc-button--ghost.mc-button--standard.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-accent-hover-background, rgba(17, 127, 3, 0.1));}.mc-button--ghost.mc-button--accent.svelte-afhc2k:active {background-color:var(--button-color-ghost-accent-active-background, rgba(17, 127, 3, 0.2));}.mc-button--ghost.mc-button--accent.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-danger-hover-background, rgba(198, 17, 18, 0.1));}.mc-button--ghost.mc-button--danger.svelte-afhc2k:active {background-color:var(--button-color-ghost-danger-active-background, rgba(198, 17, 18, 0.2));}.mc-button--ghost.mc-button--danger.svelte-afhc2k: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-afhc2k {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-afhc2k:hover {background-color:var(--button-color-ghost-inverse-hover-background, rgba(255, 255, 255, 0.1));}.mc-button--ghost.mc-button--inverse.svelte-afhc2k:active {background-color:var(--button-color-ghost-inverse-active-background, rgba(255, 255, 255, 0.2));}.mc-button--ghost.mc-button--inverse.svelte-afhc2k:disabled {background-color:var(--button-state-disabled-background, #d9d9d9);border-color:transparent;color:var(--button-state-disabled-color, #737373);cursor:not-allowed;}"};function k(o,a){t(a,!0),r(o,f);let k=e(a,"style",7,"standard"),h=e(a,"size",7,"m"),m=e(a,"ghost",7,!1),p=e(a,"outlined",7,!1),w=e(a,"iconname",7),y=e(a,"disabled",7,!1),x=e(a,"type",7,"button");var z=g();let $;var j=b(z);return i(j,(()=>`<${function(o,t){let r;switch(o){case"s":r="20px";break;case"m":r="24px";break;case"l":r="32px"}return`${t} size="${r}" `}(h(),w())} />`)),u(z),c((()=>{$=s(z,1,`mc-button mc-button--icon-button ${(h()?`mc-button--${h()}`:"")??""} ${(k()?`mc-button--${k()}`:"")??""}`,"svelte-afhc2k",$,{"mc-button--ghost":m(),"mc-button--outlined":p()}),z.disabled=y(),v(z,"type",x())})),n(o,z),d({get style(){return k()},set style(o="standard"){k(o),l()},get size(){return h()},set size(o="m"){h(o),l()},get ghost(){return m()},set ghost(o=!1){m(o),l()},get outlined(){return p()},set outlined(o=!1){p(o),l()},get iconname(){return w()},set iconname(o){w(o),l()},get disabled(){return y()},set disabled(o=!1){y(o),l()},get type(){return x()},set type(o="button"){x(o),l()}})}customElements.define("m-icon-button",o(k,{style:{},size:{},ghost:{},outlined:{},iconname:{},disabled:{},type:{}},[],[],!1));export{k as default};
-//# sourceMappingURL=IconButton.js.map

package/public/components/button/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-icon-button', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  import type { ButtonSize, ButtonStyle, ButtonType } from './button.types';\n\n  interface Props {\n    style?: ButtonStyle | undefined;\n    size?: ButtonSize;\n    ghost?: boolean;\n    outlined?: boolean;\n    iconname: string;\n    disabled?: boolean;\n    type?: ButtonType;\n    [key: string]: any;\n  }\n\n  let {\n    style = 'standard',\n    size = 'm',\n    ghost = false,\n    outlined = false,\n    iconname,\n    disabled = false,\n    type = 'button',\n  }: Props = $props();\n\n  function generateIconName(size: ButtonSize, iconName: string): string {\n    let iconSize: string;\n\n    switch (size) {\n      case 's':\n        iconSize = '20px';\n        break;\n      case 'm':\n        iconSize = '24px';\n        break;\n      case 'l':\n        iconSize = '32px';\n        break;\n    }\n\n    return `${iconName} size=\"${iconSize}\" `;\n  }\n</script>\n\n<button\n  class=\"mc-button mc-button--icon-button {size\n    ? `mc-button--${size}`\n    : ''} {style ? `mc-button--${style}` : ''}\"\n  class:mc-button--ghost={ghost}\n  class:mc-button--outlined={outlined}\n  {disabled}\n  {type}\n>\n  {@html `<${generateIconName(size, iconname)} />`}\n</button>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/button';\n</style>\n"],"names":["style","size","ghost","outlined","iconname","$.prop","$$props","disabled","type","iconName","iconSize","generateIconName","classes"],"mappings":"uzWAiBI,IAAAA,gBAAQ,YACRC,eAAO,KACPC,iBAAQ,GACRC,oBAAW,GACXC,EAAQC,EAAAC,EAAA,WAAA,GACRC,oBAAW,GACXC,eAAO,kEAGiBP,EAAkBQ,OACtCC,SAEIT,OACD,IACHS,EAAW,iBAER,IACHA,EAAW,iBAER,IACHA,EAAW,OAIL,MAAA,GAAAD,WAAkBC,KAC9B,CAYWC,CAAiBV,IAAMG,sEAROH,IACvB,cAAAA,MACd,KAAE,OAAGD,IAAsB,cAAAA,MAAU,KAAE,KAAA,gBAAAY,EAAA,oBACnBV,0BACGC,sFAjCjB,wDACD,oDACC,wDACG,6GAEA,+CACJ"}

package/public/components/button/button.types.d.ts

@@ -1,13 +0,0 @@
-export type ButtonStyle = 'standard' | 'accent' | 'danger' | 'inverse' | undefined;
-export type ButtonSize = 's' | 'm' | 'l';
-export type ButtonResponsiveSize = 's@from-m' | 's@from-l' | 's@from-xl' | 's@from-xxl' | 'm@from-m' | 'm@from-l' | 'm@from-xl' | 'm@from-xxl' | 'l@from-m' | 'l@from-l' | 'l@from-xl' | 'l@from-xxl' | undefined;
-export type ButtonResponsiveWidth = 'fit@from-m' | 'fit@from-l' | 'fit@from-xl' | 'fit@from-xxl' | 'full' | 'full@from-m' | 'full@from-l' | 'full@from-xl' | 'full@from-xxl' | undefined;
-export type ButtonIconMode = 'left' | 'right' | 'only' | undefined;
-export type ButtonType = 'button' | 'reset' | 'submit' | null | undefined;
-export type LoaderTheme = 'primary' | 'dark' | 'light' | undefined;
-export type ButtonLoader = {
-    enabled: boolean;
-    position: 'left' | 'right' | undefined;
-    theme: LoaderTheme;
-};
-//# sourceMappingURL=button.types.d.ts.map

package/public/components/button/button.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GACnB,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACzC,MAAM,MAAM,oBAAoB,GAC5B,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,WAAW,GACX,YAAY,GACZ,SAAS,CAAC;AACd,MAAM,MAAM,qBAAqB,GAC7B,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,cAAc,GACd,MAAM,GACN,aAAa,GACb,aAAa,GACb,cAAc,GACd,eAAe,GACf,SAAS,CAAC;AAEd,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACvC,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC"}

package/public/components/checkbox/Checkbox.js

@@ -1,2 +0,0 @@
-import{c as e,p as r,a as o,b as t,K as i,L as l,t as n,d as a,M as s,h as c,i as d,j as v,g as b,k as m,N as h,r as u,f as p,s as f}from"../../custom-element-C0xaDU2s.js";import{i as g}from"../../if-B_xe8pYW.js";import{r as k,s as x}from"../../attributes-C2cU7aS9.js";import{b as _}from"../../input-B-lhkJUW.js";var w=n('<label class="mc-checkbox__label svelte-1vlbnyp"> </label>'),y=n('<div class="mc-checkbox svelte-1vlbnyp"><input type="checkbox"> <!></div>');const E={hash:"svelte-1vlbnyp",code:"/**\n * Do not edit directly, this file was auto-generated.\n */\n/* stylelint-disable string-no-newline */.mc-checkbox.svelte-1vlbnyp {align-items:center;display:flex;gap:0.5rem;}.mc-checkbox__label.svelte-1vlbnyp {font-size:1rem;line-height:1.3;color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-checkbox__input.svelte-1vlbnyp {appearance:none;margin:0;cursor:pointer;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:0.125rem solid var(--forms-color-border-default, #666666);border-radius:0.25rem;transition:all ease 200ms;height:1.25rem;width:1.25rem;}.mc-checkbox__input.svelte-1vlbnyp:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-1vlbnyp: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-checkbox__input.svelte-1vlbnyp:checked {background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");}.mc-checkbox__input.svelte-1vlbnyp:indeterminate {background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\");}.mc-checkbox__input.svelte-1vlbnyp:checked, .mc-checkbox__input.svelte-1vlbnyp:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-1vlbnyp:checked, .mc-checkbox__input.svelte-1vlbnyp:indeterminate, .mc-checkbox__input.svelte-1vlbnyp:disabled {border-color:transparent;}.mc-checkbox__input.svelte-1vlbnyp:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-1vlbnyp:disabled:checked {background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");}.mc-checkbox__input.svelte-1vlbnyp:disabled:indeterminate {background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\");}.mc-checkbox__input.svelte-1vlbnyp:disabled + .mc-checkbox__label:where(.svelte-1vlbnyp) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-1vlbnyp:not(:disabled):checked:hover, .mc-checkbox__input.svelte-1vlbnyp:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-1vlbnyp:not(:checked):not(:indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-1vlbnyp:not(:checked):not(:indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}\n\n/* stylelint-enable string-no-newline */\n/* stylelint-disable string-no-newline */\n\n/* stylelint-enable string-no-newline */"};function C(e,n){r(n,!0),o(e,E);let C=t(n,"name",7,"checkbox"),z=t(n,"id",7),j=t(n,"indeterminate",7),M=t(n,"disabled",7,!1),B=t(n,"isinvalid",7,!1),H=t(n,"label",7),D=t(n,"ischecked",7),K=i(l(D()));var L=y(),N=b(L);let q;k(N);var A=m(N,2),F=e=>{var r=w(),o=b(r,!0);u(r),a((()=>{x(r,"for",C()),p(o,H())})),c(e,r)};return g(A,(e=>{H()&&e(F)})),u(L),a((()=>{x(N,"id",z()),q=f(N,1,"mc-checkbox__input svelte-1vlbnyp",null,q,{"is-invalid":B()}),x(N,"aria-invalid",B()),x(N,"name",C()),N.disabled=M(),N.indeterminate=j()})),_(N,(()=>s(K)),(e=>h(K,e))),c(e,L),d({get name(){return C()},set name(e="checkbox"){C(e),v()},get id(){return z()},set id(e){z(e),v()},get indeterminate(){return j()},set indeterminate(e){j(e),v()},get disabled(){return M()},set disabled(e=!1){M(e),v()},get isinvalid(){return B()},set isinvalid(e=!1){B(e),v()},get label(){return H()},set label(e){H(e),v()},get ischecked(){return D()},set ischecked(e){D(e),v()}})}customElements.define("m-checkbox",e(C,{name:{},id:{},indeterminate:{},disabled:{},isinvalid:{},label:{},ischecked:{}},[],[],!0));export{C as default};
-//# sourceMappingURL=Checkbox.js.map

package/public/components/checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/checkbox/Checkbox.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-checkbox',\n  }}\n/>\n\n<script lang=\"ts\">\n  interface Props {\n    name: string;\n    id: string;\n    checked: boolean;\n    indeterminate: boolean;\n    disabled?: boolean;\n    isinvalid?: boolean;\n    label: string;\n    ischecked: boolean;\n  }\n\n  let {\n    name = 'checkbox',\n    id,\n    indeterminate,\n    disabled = false,\n    isinvalid = false,\n    label,\n    ischecked,\n  }: Props = $props();\n\n  let isChecked = $state(ischecked);\n</script>\n\n<div class=\"mc-checkbox\">\n  <input\n    {id}\n    type=\"checkbox\"\n    class=\"mc-checkbox__input\"\n    class:is-invalid={isinvalid}\n    aria-invalid={isinvalid}\n    {name}\n    {disabled}\n    {indeterminate}\n    bind:checked={isChecked}\n  />\n  {#if label}\n    <label for={name} class=\"mc-checkbox__label\">{label}</label>\n  {/if}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/checkbox';\n  @use '@mozaic-ds/styles/components/field';\n</style>\n"],"names":["name","id","$.prop","$$props","indeterminate","disabled","isinvalid","label","ischecked","isChecked","$$render","consequent","$.bind_checked","input","$.get","$$value"],"mappings":"soIAmBI,IAAAA,eAAO,YACPC,EAAEC,EAAAC,EAAA,KAAA,GACFC,EAAaF,EAAAC,EAAA,gBAAA,GACbE,oBAAW,GACXC,qBAAY,GACZC,EAAKL,EAAAC,EAAA,QAAA,GACLK,EAASN,EAAAC,EAAA,YAAA,GAGPM,MAAmBD,gGAgBTR,SAAkCO,IAAK,4BADhDA,KAAKG,EAAAC,EAAA,gGAPUL,yBACJA,2DAIAM,EAAAC,GAAA,IAAAC,EAAAL,UAAAA,EAASM,iDAtBhB,yKAGI,0DACC"}

package/public/components/checkbox/Checkbox.svelte

@@ -1,52 +0,0 @@
-<svelte:options
-  customElement={{
-    tag: 'm-checkbox',
-  }}
-/>
-
-<script lang="ts">
-  interface Props {
-    name: string;
-    id: string;
-    checked: boolean;
-    indeterminate: boolean;
-    disabled?: boolean;
-    isinvalid?: boolean;
-    label: string;
-    ischecked: boolean;
-  }
-
-  let {
-    name = 'checkbox',
-    id,
-    indeterminate,
-    disabled = false,
-    isinvalid = false,
-    label,
-    ischecked,
-  }: Props = $props();
-
-  let isChecked = $state(ischecked);
-</script>
-
-<div class="mc-checkbox">
-  <input
-    {id}
-    type="checkbox"
-    class="mc-checkbox__input"
-    class:is-invalid={isinvalid}
-    aria-invalid={isinvalid}
-    {name}
-    {disabled}
-    {indeterminate}
-    bind:checked={isChecked}
-  />
-  {#if label}
-    <label for={name} class="mc-checkbox__label">{label}</label>
-  {/if}
-</div>
-
-<style lang="scss">
-  @use '@mozaic-ds/styles/components/checkbox';
-  @use '@mozaic-ds/styles/components/field';
-</style>

package/public/components/checkboxgroup/checkboxGroup.js

@@ -1,2 +0,0 @@
-import{O as e,c as l,p as r,a as o,b as n,P as i,Q as t,t as a,d as c,h as s,i as d,j as v,k as m,g as b,r as h,f as p,M as g,s as f}from"../../custom-element-C0xaDU2s.js";import{i as u}from"../../if-B_xe8pYW.js";import{e as _}from"../../each-6TetsjSv.js";import{r as k,s as x,a as y}from"../../attributes-C2cU7aS9.js";var w=a('<legend class="mc-field__legend svelte-1vlbnyp"> </legend>'),E=(e,l,r)=>l(g(r).value),C=a('<label class="mc-checkbox__label svelte-1vlbnyp"> </label>'),j=a('<div class="mc-checkbox mc-field__item svelte-1vlbnyp"><input type="checkbox"> <!></div>'),z=a('<div class="checkbox-group-container"><fieldset class="mc-field mc-field--group svelte-1vlbnyp"><!> <div class="mc-field__container svelte-1vlbnyp"></div></fieldset></div>');const M={hash:"svelte-1vlbnyp",code:"/**\n * Do not edit directly, this file was auto-generated.\n */\n/* stylelint-disable string-no-newline */.mc-checkbox.svelte-1vlbnyp {align-items:center;display:flex;gap:0.5rem;}.mc-checkbox__label.svelte-1vlbnyp {font-size:1rem;line-height:1.3;color:var(--forms-color-text-default, #000000);cursor:pointer;}.mc-checkbox__input.svelte-1vlbnyp {appearance:none;margin:0;cursor:pointer;transition:box-shadow 200ms ease;background-color:var(--forms-color-background-default, #ffffff);border:0.125rem solid var(--forms-color-border-default, #666666);border-radius:0.25rem;transition:all ease 200ms;height:1.25rem;width:1.25rem;}.mc-checkbox__input.svelte-1vlbnyp:hover {border-color:var(--forms-color-border-hover, #4d4d4d);}.mc-checkbox__input.svelte-1vlbnyp: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-checkbox__input.svelte-1vlbnyp:checked {background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");}.mc-checkbox__input.svelte-1vlbnyp:indeterminate {background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-inverse, %23ffffff)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\");}.mc-checkbox__input.svelte-1vlbnyp:checked, .mc-checkbox__input.svelte-1vlbnyp:indeterminate {background-color:var(--forms-color-background-checked, #117f03);background-size:1rem 1rem;background-position:center;}.mc-checkbox__input.svelte-1vlbnyp:checked, .mc-checkbox__input.svelte-1vlbnyp:indeterminate, .mc-checkbox__input.svelte-1vlbnyp:disabled {border-color:transparent;}.mc-checkbox__input.svelte-1vlbnyp:disabled {background-color:var(--forms-color-background-disabled, #d9d9d9);cursor:not-allowed;}.mc-checkbox__input.svelte-1vlbnyp:disabled:checked {background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");}.mc-checkbox__input.svelte-1vlbnyp:disabled:indeterminate {background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' height='1rem' width='1rem' fill='var(--forms-color-icon-disabled, %23737373)' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\");}.mc-checkbox__input.svelte-1vlbnyp:disabled + .mc-checkbox__label:where(.svelte-1vlbnyp) {color:var(--forms-color-text-disabled, #737373);cursor:not-allowed;}.mc-checkbox__input.svelte-1vlbnyp:not(:disabled):checked:hover, .mc-checkbox__input.svelte-1vlbnyp:not(:disabled):indeterminate:hover {background-color:var(--forms-color-background-checked-hover, #006902);}.mc-checkbox__input.is-invalid.svelte-1vlbnyp:not(:checked):not(:indeterminate) {border-color:var(--forms-color-border-invalid, #ea302d);}.mc-checkbox__input.is-invalid.svelte-1vlbnyp:not(:checked):not(:indeterminate):hover {border-color:var(--forms-color-border-invalid-hover, #c61112);}\n\n/* stylelint-enable string-no-newline */\n/* stylelint-disable string-no-newline */ .mc-field__legend.svelte-1vlbnyp {font-size:0.875rem;line-height:1.3;font-weight:400;color:var(--field-color-label, #000000);}.mc-field__legend.svelte-1vlbnyp {padding-left:0;padding-right:0;}.mc-field__legend.svelte-1vlbnyp + .mc-field__container:where(.svelte-1vlbnyp) {margin-top:0.5rem;}.mc-field__item.svelte-1vlbnyp {padding-top:0.375rem;padding-bottom:0.375rem;}.mc-field__item.svelte-1vlbnyp:not(:last-child) {margin-bottom:0.25rem;}.mc-field--group.svelte-1vlbnyp {border:none;margin-left:0;margin-right:0;padding:0;}\n\n/* stylelint-enable string-no-newline */"};function B(e,l){r(l,!0),o(e,M);let a=n(l,"id",7),B=n(l,"options",7),O=n(l,"legend",7),H=i();function A(e){B()&&B().length&&(B(B().map((l=>{const r=l.value===e?!l.checked:l.checked;return Object.assign(Object.assign({},l),{checked:r})}))),H("change",e))}t((()=>{A("")}));var D=z(),P=b(D),Q=b(P),$=e=>{var l=w(),r=b(l,!0);h(l),c((()=>p(r,O()))),s(e,l)};u(Q,(e=>{O()&&O().length&&e($)}));var q=m(Q,2);return _(q,21,B,(e=>e.id),((e,l)=>{var r=j(),o=b(r);k(o),o.__change=[E,A,l];var n=m(o,2),i=e=>{var r=C(),o=b(r,!0);h(r),c((()=>{x(r,"for",g(l).id),p(o,g(l).label)})),s(e,r)};u(n,(e=>{g(l).label&&e(i)})),h(r),c((()=>{f(o,1,`mc-checkbox__input ${(g(l).isinvalid?" is-invalid":"")??""}`,"svelte-1vlbnyp"),x(o,"id",g(l).id),x(o,"name",g(l).name),y(o,g(l).checked),o.disabled=g(l).disabled,o.indeterminate=g(l).indeterminate,x(o,"aria-invalid",g(l).isinvalid)})),s(e,r)})),h(q),h(P),h(D),c((()=>x(D,"id",a()))),s(e,D),d({get id(){return a()},set id(e){a(e),v()},get options(){return B()},set options(e){B(e),v()},get legend(){return O()},set legend(e){O(e),v()}})}e(["change"]),customElements.define("m-checkbox-group",l(B,{options:{attribute:"options",reflect:!0,type:"Array"},id:{},legend:{}},[],[],!1));export{B as default};
-//# sourceMappingURL=checkboxGroup.js.map

package/public/components/checkboxgroup/checkboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkboxGroup.js","sources":["../../../src/components/checkboxgroup/checkboxGroup.svelte"],"sourcesContent":["<svelte:options\n  customElement={{\n    tag: 'm-checkbox-group',\n    props: {\n      options: { reflect: true, type: 'Array', attribute: 'options' },\n    },\n    shadow: 'none',\n  }}\n/>\n\n<script lang=\"ts\">\n  import { createEventDispatcher, onMount } from 'svelte';\n  import type { CheckboxGroupOption } from './checkboxgroup.types';\n\n  interface Props {\n    id: string;\n    options: Array<CheckboxGroupOption>;\n    legend: string;\n  }\n\n  let { id, options, legend }: Props = $props();\n  let dispatch = createEventDispatcher();\n\n  function selectValue(value?: string) {\n    if (!options || !options.length) {\n      return;\n    }\n    options = options.map((opt) => {\n      const checked = opt.value === value ? !opt.checked : opt.checked;\n      return { ...opt, checked };\n    });\n    dispatch('change', value);\n  }\n\n  onMount(() => {\n    selectValue('');\n  });\n</script>\n\n<div class=\"checkbox-group-container\" {id}>\n  <fieldset class=\"mc-field mc-field--group\">\n    {#if legend && legend.length}\n      <legend class=\"mc-field__legend\">\n        {legend}\n      </legend>\n    {/if}\n    <div class=\"mc-field__container\">\n      {#each options as opt (opt.id)}\n        <div class=\"mc-checkbox mc-field__item\">\n          <input\n            type=\"checkbox\"\n            class=\"mc-checkbox__input {opt.isinvalid ? ' is-invalid' : ''}\"\n            id={opt.id}\n            name={opt.name}\n            checked={opt.checked}\n            disabled={opt.disabled}\n            indeterminate={opt.indeterminate}\n            aria-invalid={opt.isinvalid}\n            onchange={() => selectValue(opt.value)}\n          />\n          {#if opt.label}\n            <label for={opt.id} class=\"mc-checkbox__label\">{opt.label}</label>\n          {/if}\n        </div>\n      {/each}\n    </div>\n  </fieldset>\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/checkbox';\n  @use '@mozaic-ds/styles/components/field';\n</style>\n"],"names":["selectValue","$.get","opt","value","id","$.prop","$$props","options","legend","dispatch","createEventDispatcher","length","map","checked","Object","assign","onMount","$$render","consequent","$.each","div_1","$.set_attribute","label","$.set_text","text_1","consequent_1","$.set_class","input","isinvalid","name","$.set_checked","disabled","indeterminate"],"mappings":"gZA0D4BA,EAAWC,EAACC,GAAIC,qiJAtCpCC,EAAEC,EAAAC,EAAA,KAAA,GAAEC,EAAOF,EAAAC,EAAA,UAAA,GAAEE,EAAMH,EAAAC,EAAA,SAAA,GACrBG,EAAWC,IAEN,SAAAV,EAAYG,GACdI,KAAYA,IAAQI,SAGzBJ,EAAUA,IAAQK,KAAKV,IACf,MAAAW,EAAUX,EAAIC,QAAUA,GAASD,EAAIW,QAAUX,EAAIW,eACzDC,OAAYC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,IAAKW,WAAO,KAE1BJ,EAAS,SAAUN,GACrB,CAEAa,GAAa,KACXhB,EAAY,GAAE,sEAQTQ,wBAFAA,KAAUA,IAAOG,QAAMM,EAAAC,EAAA,wBAMnBC,EAAAC,EAAA,GAAAb,GAAWL,GAAKA,EAAIE,QAATF,kGAcAmB,EAAAC,EAAA,MAAArB,EAAAC,GAAIE,IAAgCmB,EAAAC,EAAAvB,EAAAC,GAAIoB,MAAK,qBADtDrB,EAAAC,GAAIoB,OAAKL,EAAAQ,EAAA,iBATeC,EAAAC,EAAA,EAAA,uBAAA1B,EAAAC,GAAI0B,UAAY,cAAgB,KAAE,KAAA,kBACzDP,EAAAM,EAAA,KAAA1B,EAAAC,GAAIE,IACFiB,EAAAM,EAAA,OAAA1B,EAAAC,GAAI2B,MACDC,EAAAH,EAAA1B,EAAAC,GAAIW,SACHc,EAAAI,SAAA9B,EAAAC,GAAI6B,SACCJ,EAAAK,cAAA/B,EAAAC,GAAI8B,cACLX,EAAAM,EAAA,eAAA1B,EAAAC,GAAI0B,UAAS"}