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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {
@@ -14,7 +14,10 @@
   "files": [
     "public"
   ],
+  "type": "module",
   "scripts": {
+    "dev": "vite",
+    "preview": "vite preview",
     "clean": "rm -rf public/",
     "start": "npm-run-all --parallel build:watch storybook",
     "build": "rollup -c",
@@ -35,7 +38,7 @@
     "package": "svelte-kit package",
     "release": "release-it",
     "release:beta": "release-it --preRelease=beta",
-    "release:alpha": "release-it premajor --preReleaseId=alpha --npm.tag=alpha --github.preRelease",
+    "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",
@@ -60,28 +63,27 @@
     "@commitlint/config-conventional": "^12.1.4",
     "@geometricpanda/storybook-addon-badges": "^2.0.5",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "^8.3.5",
-    "@storybook/addon-actions": "^8.3.5",
-    "@storybook/addon-docs": "^8.3.5",
-    "@storybook/addon-essentials": "^8.3.5",
-    "@storybook/addon-interactions": "^8.3.5",
-    "@storybook/addon-links": "^8.3.5",
-    "@storybook/addon-mdx-gfm": "^8.3.5",
+    "@storybook/addon-a11y": "^8.4.2",
+    "@storybook/addon-actions": "^8.4.2",
+    "@storybook/addon-docs": "^8.4.2",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-mdx-gfm": "^8.4.2",
     "@storybook/addon-themes": "8.3.4",
-    "@storybook/addon-viewport": "^8.3.5",
+    "@storybook/addon-viewport": "^8.4.2",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/cli": "^8.3.5",
-    "@storybook/html": "^8.3.5",
-    "@storybook/html-webpack5": "^8.3.5",
-    "@storybook/test": "^8.3.5",
-    "@storybook/theming": "^8.3.5",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@storybook/cli": "^8.4.2",
+    "@storybook/html": "^8.4.2",
+    "@storybook/html-webpack5": "^8.4.2",
+    "@storybook/test": "^8.4.2",
+    "@storybook/theming": "^8.4.2",
+    "@sveltejs/vite-plugin-svelte": "^4.0.4",
     "@tsconfig/svelte": "^5.0.4",
-    "@types/d3": "^7.4.3",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@whitespace/storybook-addon-html": "^6.1.1",
@@ -89,10 +91,9 @@
     "babel-loader": "^8.3.0",
     "chromatic": "^6.3.3",
     "css-loader": "^5.2.7",
-    "d3": "^7.9.0",
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^0.9.0",
-    "eslint-plugin-svelte": "^2.37.0",
+    "eslint-plugin-svelte": "^2.45.1",
     "husky": "^6.0.0",
     "lint-staged": "^11.2.6",
     "mdx-mermaid": "^1.3.2",
@@ -105,26 +106,24 @@
     "prettier-eslint-cli": "^8.0.1",
     "prettier-plugin-svelte": "^3.2.7",
     "release-it": "^17.1.1",
-    "rollup": "^2.79.1",
+    "rollup": "^4.34.9",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-copy-assets": "^2.0.3",
-    "rollup-plugin-css-only": "^3.1.0",
-    "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-multi-input": "^1.4.1",
-    "rollup-plugin-svelte": "^7.2.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "sass": "^1.74.1",
-    "sass-loader": "^10.5.2",
-    "storybook": "^8.3.5",
-    "style-loader": "^2.0.0",
-    "svelte": "^4.0.0",
-    "svelte-check": "^4.0.0",
-    "svelte-kit": "^1.2.0",
+    "rollup-plugin-multi-input": "^1.5.0",
+    "rollup-plugin-svelte": "^7.2.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "sass": "^1.85.1",
+    "sass-loader": "^16.0.5",
+    "storybook": "^8.4.2",
+    "style-loader": "4.0.0",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.1.4",
+    "@sveltejs/kit": "^2.17.3",
     "svelte-loader": "^3.2.3",
     "svelte-preprocess": "^6.0.2",
     "ts-dedent": "^2.2.0",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "typescript": "5.4.5"
+    "typescript": "^5.5.0",
+    "vite": "^5.4.14"
   },
   "lint-staged": {
     "src/**/*.{js,ts,svelte}": [

package/public/attributes-C2cU7aS9.js

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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,299 +1,31 @@
-// import Accordion from './components/accordion/Accordion.js';
-// import Autocomplete from './components/autocomplete/Autocomplete.js';
+
 import Button from './components/button/Button.js';
 import IconButton from './components/button/IconButton.js';
-// import Card from './components/card/Card.js';
-// import Breadcrumb from './components/breadcrumb/Breadcrumb.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 Price from './components/price/Price.js';
+
 import Toggle from './components/toggle/Toggle.js';
-// import FileUploader from './components/fileuploader/FileUploader.js';
-// import Dropdown from './components/dropdown/Dropdown.js';
+
 import Field from './components/field/Field.js';
-// import Flag from './components/flag/Flag.js';
+
 import Link from './components/link/Link.js';
-// import Listbox from './components/listbox/Listbox.js';
+
 import Loader from './components/loader/Loader.js';
-// import ProgressBar from './components/progressbar/ProgressBar.js';
+
 import Textinput from './components/textinput/Textinput.js';
-// import Notification from './components/notification/Notification.js';
+
 import Overlay from './components/overlay/Overlay.js';
 import OverlayLoader from './components/overlay/OverlayLoader.js';
-// import Hero from './components/hero/Hero.js';
+
 import Radio from './components/radio/Radio.js';
 import RadioGroup from './components/radiogroup/RadioGroup.js';
-// import Tabs from './components/tabs/Tabs.js';
-// import Tag from './components/tag/Tag.js';
-// import Tooltip from './components/tooltip/Tooltip.js';
+
 import QuantitySelector from './components/quantityselector/QuantitySelector.js';
-// import Layer from './components/layer/Layer.js';
-// import Modal from './components/modal/Modal.js';
-// import Pagination from './components/pagination/Pagination.js';
-// import PasswordInput from './components/passwordinput/PasswordInput.js';
-// import Stepper from './components/stepper/Stepper.js';
+
 import Badge from './components/badge/Badge.js';
 import StatusBadge from './components/statusbadge/StatusBadge.js';
 import StatusDot from './components/statusbadge/StatusDot.js';
-// import Donut from './components/chart/Donut.js';
-// import Radar from './components/chart/Radar.js';
-// import StarsResult from './components/ratings/StarsResult.js';
-// import StarsInput from './components/ratings/StarsInput.js';
-// import DataTable from './components/datatable/DataTable.js';
-// import GroupedBarChart from './components/chart/GroupedBarChart.js';
-// import PhoneNumber from './components/phonenumber/PhoneNumber.js';
-// import BarChart from './components/chart/BarChart.js';
-// import StackedBarChart from './components/chart/StackedBarChart.js';
-// import LineChart from './components/chart/LineChart.js';
-// import Sidebar from './components/sidebar/Sidebar.js';
-// import OptionButton from './components/optionbutton/OptionButton.js';
-// import Header from './components/header/Header.js';
-// import TagList from './components/taglist/TagList.js';
-// import Kpi from './components/kpi/Kpi.js';
-// import Carousel from './components/carousel/Carousel.js';
-// import SegmentedControl from './components/segmentedcontrol/SegmentedControl.js';
-// import Menu from './components/menu/Menu.js';
-// import BottomBar from './components/bottombar/BottomBar.js';
-// import ActionBar from './components/actionbar/ActionBar.js';
-// import StepperBar from './components/stepperbar/StepperBar.js';
-
-// if (!customElements.get('m-carousel')) {
-//   customElements.define('m-carousel', Carousel.element);
-// }
-
-// if (!customElements.get('m-accordion')) {
-//   customElements.define('m-accordion', Accordion.element);
-// }
-
-// if (!customElements.get('m-autocomplete')) {
-//   customElements.define('m-autocomplete', Autocomplete.element);
-// }
-
-if (!customElements.get('m-button')) {
-  customElements.define('m-button', Button.element);
-}
-
-if (!customElements.get('m-icon-button')) {
-  customElements.define('m-icon-button', IconButton.element);
-}
-
-// if (!customElements.get('m-card')) {
-//   customElements.define('m-card', Card.element);
-// }
-
-// if (!customElements.get('m-breadcrumb')) {
-//   customElements.define('m-breadcrumb', Breadcrumb.element);
-// }
-
-if (!customElements.get('m-checkbox')) {
-  customElements.define('m-checkbox', Checkbox.element);
-}
-
-if (!customElements.get('m-checkbox-group')) {
-  customElements.define('m-checkbox-group', CheckboxGroup.element);
-}
-
-if (!customElements.get('m-textarea')) {
-  customElements.define('m-textarea', Textarea.element);
-}
-
-if (!customElements.get('m-select')) {
-  customElements.define('m-select', Select.element);
-}
-
-// if (!customElements.get('m-stars-input')) {
-//   customElements.define('m-stars-input', StarsInput.element);
-// }
-// if (!customElements.get('m-price')) {
-//   customElements.define('m-price', Price.element);
-// }
-
-if (!customElements.get('m-toggle')) {
-  customElements.define('m-toggle', Toggle.element);
-}
-
-// if (!customElements.get('m-fileuploader')) {
-//   customElements.define('m-fileuploader', FileUploader.element);
-// }
-
-if (!customElements.get('m-field')) {
-  customElements.define('m-field', Field.element);
-}
-
-// if (!customElements.get('m-dropdown')) {
-//   customElements.define('m-dropdown', Dropdown.element);
-// }
-
-// if (!customElements.get('m-flag')) {
-//   customElements.define('m-flag', Flag.element);
-// }
-
-if (!customElements.get('m-link')) {
-  customElements.define('m-link', Link.element);
-}
-
-// if (!customElements.get('m-listbox')) {
-//   customElements.define('m-listbox', Listbox.element);
-// }
-
-if (!customElements.get('m-loader')) {
-  customElements.define('m-loader', Loader.element);
-}
-
-// if (!customElements.get('m-progressbar')) {
-//   customElements.define('m-progressbar', ProgressBar.element);
-// }
-
-if (!customElements.get('m-textinput')) {
-  customElements.define('m-textinput', Textinput.element);
-}
-
-// if (!customElements.get('m-notification')) {
-//   customElements.define('m-notification', Notification.element);
-// }
-
-if (!customElements.get('m-overlay')) {
-  customElements.define('m-overlay', Overlay.element);
-}
-
-if (!customElements.get('m-overlay-loader')) {
-  customElements.define('m-overlay-loader', OverlayLoader.element);
-}
-
-// if (!customElements.get('m-hero')) {
-//   customElements.define('m-hero', Hero.element);
-// }
-
-if (!customElements.get('m-radio')) {
-  customElements.define('m-radio', Radio.element);
-}
-
-if (!customElements.get('m-radio-group')) {
-  customElements.define('m-radio-group', RadioGroup.element);
-}
-
-// if (!customElements.get('m-tabs')) {
-//   customElements.define('m-tabs', Tabs.element);
-// }
-
-// if (!customElements.get('m-tag')) {
-//   customElements.define('m-tag', Tag.element);
-// }
-
-// if (!customElements.get('m-tooltip')) {
-//   customElements.define('m-tooltip', Tooltip.element);
-// }
-
-if (!customElements.get('m-qty-selector')) {
-  customElements.define('m-qty-selector', QuantitySelector.element);
-}
-
-// if (!customElements.get('m-layer')) {
-//   customElements.define('m-layer', Layer.element);
-// }
-
-// if (!customElements.get('m-modal')) {
-//   customElements.define('m-modal', Modal.element);
-// }
-
-// if (!customElements.get('m-pagination')) {
-//   customElements.define('m-pagination', Pagination.element);
-// }
-
-// if (!customElements.get('m-password-input')) {
-//   customElements.define('m-password-input', PasswordInput.element);
-// }
-
-// if (!customElements.get('m-stepper')) {
-//   customElements.define('m-stepper', Stepper.element);
-// }
-
-if (!customElements.get('m-badge')) {
-  customElements.define('m-badge', Badge.element);
-}
-
-if (!customElements.get('m-status-badge')) {
-  customElements.define('m-status-badge', StatusBadge.element);
-}
-
-if (!customElements.get('m-status-dot')) {
-  customElements.define('m-status-dot', StatusDot.element);
-}
-
-// if (!customElements.get('m-donut')) {
-//   customElements.define('m-donut', Donut.element);
-// }
-
-// if (!customElements.get('m-radar')) {
-//   customElements.define('m-radar', Radar.element);
-// }
-
-// if (!customElements.get('m-stars-result')) {
-//   customElements.define('m-stars-result', StarsResult.element);
-// }
-
-// if (!customElements.get('m-datatable')) {
-//   customElements.define('m-datatable', DataTable.element);
-// }
-
-// if (!customElements.get('m-grouped-bar-chart')) {
-//   customElements.define('m-grouped-bar-chart', GroupedBarChart.element);
-// }
-
-// if (!customElements.get('m-phone-number')) {
-//   customElements.define('m-phone-number', PhoneNumber.element);
-// }
-
-// if (!customElements.get('m-bar-chart')) {
-//   customElements.define('m-bar-chart', BarChart.element);
-// }
-
-// if (!customElements.get('m-stacked-bar-chart')) {
-//   customElements.define('m-stacked-bar-chart', StackedBarChart.element);
-// }
-
-// if (!customElements.get('m-line-chart')) {
-//   customElements.define('m-line-chart', LineChart.element);
-// }
-
-// if (!customElements.get('m-sidebar')) {
-//   customElements.define('m-sidebar', Sidebar.element);
-// }
-
-// if (!customElements.get('m-option-button')) {
-//   customElements.define('m-option-button', OptionButton.element);
-// }
-
-// if (!customElements.get('m-header')) {
-//   customElements.define('m-header', Header.element);
-// }
-
-// if (!customElements.get('m-taglist')) {
-//   customElements.define('m-taglist', TagList.element);
-// }
-
-// if (!customElements.get('m-kpi')) {
-//   customElements.define('m-kpi', Kpi.element);
-// }
-
-// if (!customElements.get('m-segmented-control')) {
-//   customElements.define('m-segmented-control', SegmentedControl.element);
-// }
-
-// if (!customElements.get('m-menu')) {
-//   customElements.define('m-menu', Menu.element);
-// }
-
-// if (!customElements.get('m-bottom-bar')) {
-//   customElements.define('m-bottom-bar', BottomBar.element);
-// }
-
-// if (!customElements.get('m-action-bar')) {
-//   customElements.define('m-action-bar', ActionBar.element);
-// }
 
-// if (!customElements.get('m-stepper-bar')) {
-//   customElements.define('m-stepper-bar', StepperBar.element);
-// }

package/public/components/badge/Badge.js

@@ -1,2 +1,2 @@
-import{c as e,S as t,i as a,f as s,s as r,a as l,p as o,e as c,F as n,E as i,t as d,g as f,h as b,I as g,J as u,y as m,m as h,n as v,K as $,q as p}from"../../index-c0bfe08f.js";import{g as x}from"../../spread-ed04f539.js";import{c as y}from"../../EventForward-bb916157.js";function w(e){l(e,"svelte-1hwtfua",".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 z(e){let t,a,s,r,l,v=[{class:s=e[5](e[1])+" "+e[3]},e[2]],$={};for(let e=0;e<v.length;e+=1)$=o($,v[e]);return{c(){t=c("div"),a=n(e[0]),i(t,$),d(t,"svelte-1hwtfua",!0)},m(s,o){f(s,t,o),b(t,a),r||(l=g(e[4].call(null,t)),r=!0)},p(e,[r]){1&r&&u(a,e[0],$.contenteditable),i(t,$=x(v,[10&r&&s!==(s=e[5](e[1])+" "+e[3])&&{class:s},4&r&&e[2]])),d(t,"svelte-1hwtfua",!0)},i:m,o:m,d(e){e&&h(t),r=!1,l()}}}function k(e,t,a){let s,r;const l=["label","style","size"];let c=v(t,l),{label:n}=t,{style:i}=t,{size:d}=t;const f=y($());return e.$$set=e=>{a(8,t=o(o({},t),p(e))),a(7,c=v(t,l)),"label"in e&&a(0,n=e.label),"style"in e&&a(1,i=e.style),"size"in e&&a(6,d=e.size)},e.$$.update=()=>{a(3,s=t.class),a(2,r=Object.assign({},c)),4&e.$$.dirty&&delete r.class},t=p(t),[n,i,r,s,f,function(e){const t=["mc-badge"];return e&&t.push(`mc-badge--${e}`),d&&t.push(`mc-badge--${d}`),t.join(" ")},d]}class j extends t{constructor(e){super(),a(this,e,k,z,r,{label:0,style:1,size:6},w)}get label(){return this.$$.ctx[0]}set label(e){this.$$set({label:e}),s()}get style(){return this.$$.ctx[1]}set style(e){this.$$set({style:e}),s()}get size(){return this.$$.ctx[6]}set size(e){this.$$set({size:e}),s()}}e(j,{label:{},style:{},size:{}},[],[],!1);export{j as default};
+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 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: '', shadow: 'none' }} />\n\n<script lang=\"ts\">\n  import type { BadgeStyle, BadgeSize } from './badge.types';\n  import { createEventForwarder } from '../../utilities/EventForward';\n  // @ts-ignore Need to use internal Svelte function\n  import { get_current_component } from 'svelte/internal';\n  export let label: string;\n  export let style: BadgeStyle;\n  export let size: BadgeSize;\n  const forwardEvents = createEventForwarder(get_current_component());\n  $: userClass = $$props.class;\n  $: attributes = { ...$$restProps };\n  $: delete attributes.class;\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 use:forwardEvents class=\"{setClasses(style)} {userClass}\" {...attributes}>\n  {label}\n</div>\n\n<style lang=\"scss\">\n  @use '@mozaic-ds/styles/components/badge';\n</style>\n"],"names":["ctx","insert","target","div","anchor","div_data","class","div_class_value","label","$$props","style","size","forwardEvents","createEventForwarder","get_current_component","$$invalidate","userClass","attributes","Object","assign","$$restProps","classes","push","join"],"mappings":"8qCA8B+BA,EAAU,GAACA,EAAK,IAAA,IAAIA,EAAS,IAAOA,EAAU,2EAC1EA,EAAK,4CADRC,EAEKC,EAAAC,EAAAC,8DADFJ,EAAK,GAAAK,EAAA,yCADuBL,EAAU,GAACA,EAAK,IAAA,IAAIA,EAAS,KAAA,CAAAM,MAAAC,QAAOP,EAAU,+IAvBhEQ,GAAaC,SACbC,GAAiBD,QACjBE,GAAeF,QACpBG,EAAgBC,EAAqBC,iKACxCC,EAAA,EAAAC,EAAYP,EAAQH,OACtBS,EAAA,EAAEE,EAAUC,OAAAC,OAAA,CAAA,EAAQC,yBACXH,EAAWX,yBAEZ,SAAWI,GACZ,MAAAW,GAAW,mBAEbX,GACFW,EAAQC,KAAI,aAAcZ,KAGxBC,GACFU,EAAQC,KAAI,aAAcX,KAGrBU,EAAQE,KAAK"}
+{"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,17 +1,14 @@
-<svelte:options customElement={{ tag: '', shadow: 'none' }} />
+<svelte:options customElement={{ tag: 'm-badge', shadow: 'none' }} />
 
 <script lang="ts">
   import type { BadgeStyle, BadgeSize } from './badge.types';
-  import { createEventForwarder } from '../../utilities/EventForward';
-  // @ts-ignore Need to use internal Svelte function
-  import { get_current_component } from 'svelte/internal';
-  export let label: string;
-  export let style: BadgeStyle;
-  export let size: BadgeSize;
-  const forwardEvents = createEventForwarder(get_current_component());
-  $: userClass = $$props.class;
-  $: attributes = { ...$$restProps };
-  $: delete attributes.class;
+  interface Props {
+    label: string;
+    style: BadgeStyle;
+    size: BadgeSize;
+  }
+
+  let { label = '', style = 'standard', size = 's' }: Props = $props();
 
   function setClasses(style: BadgeStyle) {
     const classes = ['mc-badge'];
@@ -28,7 +25,7 @@
   }
 </script>
 
-<div use:forwardEvents class="{setClasses(style)} {userClass}" {...attributes}>
+<div class={setClasses(style)}>
   {label}
 </div>