npm - @mozaic-ds/web-components - Versions diffs - 1.0.0-beta.1 → 1.0.0-beta.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

package/README.md CHANGED Viewed

@@ -1,26 +1,35 @@
+<p align="center">
+  <img alt="ADEO Design system - Core library" src="./.storybook/assets/images/adeo-design-system-web-component-banner.svg" />
+</p>
 <h1 align="center">
-    Mozaic-web-components
+  ADEO Design system - Web Components (Svelte)
 </h1>
-> This project contains a collection of Svelte and Web Component that implements the [Mozaic Design System](https://github.com/adeo/mozaic-design-system) guidelines.
+<p align="center">
+  A library of <a href="https://svelte.dev/">Svelte</a> and <a href="https://developer.mozilla.org/fr/docs/Web/API/Web_components">Web Component</a> implementing ADEO Design system guidelines.
+</p>
-<p>
-  <a href="https://github.com/adeo/mozaic-web-components/blob/master/.eslintrc.js">
-    <img src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)" alt="Prettier badge" />
+<p align="center">
+  <a href="https://www.npmjs.com/package/@mozaic-ds/web-components/v/beta">
+    <img src="https://img.shields.io/npm/v/@mozaic-ds/web-components/beta?label=NPM&logo=npm&color=yellow" alt="npm beta version">
   </a>
-  <a href="https://github.com/adeo/mozaic-web-components/issues">
-    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome" />
+  <a href="https://github.com/adeo/mozaic-web-components/blob/master/CONTRIBUTING.md">
+    <img src="https://img.shields.io/badge/PRs-welcome-blue.svg?logo=github" alt="PRs welcome" />
   </a>
+  <a href="https://app.slack.com/client/T4R6RCZFA/C021A2J25C4">
+    <img src="https://img.shields.io/badge/Slack-mozaic_web_components-611f69.svg?logo=slack" alt="Slack mozaic-web-components" />
+  </a>
+  <a href="https://keys.adeo.com/keys/ls/space/2583429798460717/adeo-adeo-design-system">
+    <img src="https://img.shields.io/badge/KEYS-Adeo_Design_System-4526ce.svg" alt="KEYS ADEO Design system" />
+  </a>
+</p>
-<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-35-orange.svg?style=flat-square)](#contributors-)
-<!-- ALL-CONTRIBUTORS-BADGE:END -->
+## 🎨 Getting started
-</p>
+**ADEO Design system** is a global and collaborative design system that facilitates the designer and developer experience, enabling them to create universal interfaces perfectly aligned with the business strategy of [Adeo](https://www.adeo.com/).
-# Getting Started
+## 📦 Install
 All the available components are showcased in our [Storybook](https://ubiquitous-giggle-7b5b6e33.pages.github.io/?path=/story/components-button--solid).
@@ -36,7 +45,7 @@ If you prefer `Yarn`, use the following command instead:
 yarn add @mozaic-ds/web-components
 ```
-## Usage
+## 📝 Usage
 Our library is available in a Svelte and in a Web Component version.
@@ -156,11 +165,11 @@ npm ci
 npm run start
 ```
-# Contributing
+## ✍️ Contributing
 We're always looking for contributors to help us fix bugs, build features, or help us improve the documentation. If you're intersted chec out our [Contribution Guide](https://github.com/adeo/mozaic-web-components/wiki/Contributing).
-## Contributors
+### Contributors
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 <!-- prettier-ignore-start -->

package/dist/Cross24.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{c,a as o,d as l,A as g,t as h,j as v,l as p,m as a,i as y,B as _}from"./custom-element.js";import"./legacy.js";import{s as m,c as w}from"./attributes.js";var x=g('<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z"></path></svg>');function z(u,s){o(s,!1);let i=l(s,"id",12,void 0),r=l(s,"style",12,void 0),n=l(s,"className",12,void 0),d=l(s,"fill",12,void 0),f=l(s,"size",12,"1.5rem");var t=x();return h(()=>{m(t,"id",i()),w(t,r()),y(t,0,_(n())),m(t,"fill",d())}),v(u,t),p({get id(){return i()},set id(e){i(e),a()},get style(){return r()},set style(e){r(e),a()},get className(){return n()},set className(e){n(e),a()},get fill(){return d()},set fill(e){d(e),a()},get size(){return f()},set size(e){f(e),a()}})}customElements.define("cross-24",c(z,{id:{},style:{},className:{},fill:{},size:{}},[],[],!1));export{z as C};
2	+ //# sourceMappingURL=Cross24.js.map

package/dist/Cross24.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Cross24.js","sources":["../node_modules/@mozaic-ds/icons-svelte/dist/components/Cross24/Cross24.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'cross-24', shadow: 'none' }} />\n<script>\n export let id = undefined;\n export let style = undefined;\n export let className = undefined;\n export let fill = undefined;\n export let size = \"1.5rem\";\n</script>\n\n<svg aria-hidden=\"true\" id={id} style={style} class={className} fill={fill} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\"><path fill-rule=\"evenodd\" d=\"M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586 7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 0 0 1.414-1.414L13.414 12z\"/></svg>"],"names":["id","style","className","fill","size"],"mappings":"qgBAAA,SAEa,IAAAA,cAAK,MAAS,EACdC,iBAAQ,MAAS,EACjBC,qBAAY,MAAS,EACrBC,gBAAO,MAAS,EAChBC,gBAAO,QAAQ,mCAGAJ,GAAE,MAAUC,GAAK,UAASC,EAAS,CAAA,CAAA,aAAQC,GAAI,wPAF3E","x_google_ignoreList":[0]}

package/dist/attributes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{z,P as C,A as B,u as O,an as D,C as T,_ as F,v as G,o as J,ao as Q,a0 as W,ap as X,aq as Z,ar as m,as as x,l as aa,at as ea,au as ra,R as ia,m as sa,av as ta,aw as ua,q as fa,ax as la,ay as oa,az as ca,aA as na,K as $,aB as da}from"./custom-element.js";function _a(a,r){var e=void 0,i;z(()=>{e!==(e=r())&&(i&&(C(i),i=null),e&&(i=B(()=>{O(()=>e(a))})))})}function p(a,r={},e,i){for(var s in e){var u=e[s];r[s]!==u&&(e[s]==null?a.style.removeProperty(s):a.style.setProperty(s,u,i))}}function va(a,r,e,i){var s=a.__style;if(T||s!==r){var u=D(r,i);(!T||u!==a.getAttribute("style"))&&(u==null?a.removeAttribute("style"):a.style.cssText=u),a.__style=r}else i&&(Array.isArray(i)?(p(a,e==null?void 0:e[0],i[0]),p(a,e==null?void 0:e[1],i[1],"important")):p(a,e,i));return i}function E(a,r,e){if(a.multiple){if(r==null)return;if(!J(r))return Q();for(var i of a.options)i.selected=r.includes(k(i));return}for(i of a.options){var s=k(i);if(W(s,r)){i.selected=!0;return}}(!e||r!==void 0)&&(a.selectedIndex=-1)}function H(a,r){let e=!0;O(()=>{r&&E(a,G(r),e),e=!1;var i=new MutationObserver(()=>{var s=a.__value;E(a,s)});return i.observe(a,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),()=>{i.disconnect()}})}function ya(a,r,e=r){var i=!0;F(a,"change",s=>{var u=s?"[selected]":":checked",_;if(a.multiple)_=[].map.call(a.querySelectorAll(u),k);else{var v=a.querySelector(u)??a.querySelector("option:not([disabled])");_=v&&k(v)}e(_)}),O(()=>{var s=r();if(E(a,s,i),i&&s===void 0){var u=a.querySelector(":checked");u!==null&&(s=k(u),e(s))}a.__value=s,i=!1}),H(a)}function k(a){return"__value"in a?a.__value:a.value}const g=Symbol("class"),S=Symbol("style"),K=Symbol("is custom element"),U=Symbol("is html");function ga(a){if(T){var r=!1,e=()=>{if(!r){if(r=!0,a.hasAttribute("value")){var i=a.value;N(a,"value",null),a.value=i}if(a.hasAttribute("checked")){var s=a.checked;N(a,"checked",null),a.checked=s}}};a.__on_r=e,ca(e),na()}}function Sa(a,r){var e=M(a);e.checked!==(e.checked=r??void 0)&&(a.checked=r)}function ba(a,r){r?a.hasAttribute("selected")||a.setAttribute("selected",""):a.removeAttribute("selected")}function N(a,r,e,i){var s=M(a);T&&(s[r]=a.getAttribute(r),r==="src"||r==="srcset"||r==="href"&&a.nodeName==="LINK")||s[r]!==(s[r]=e)&&(r==="loading"&&(a[Z]=e),e==null?a.removeAttribute(r):typeof e!="string"&&V(a).includes(r)?a[r]=e:a.setAttribute(r,e))}function ha(a,r,e,i,s=!1){var u=M(a),_=u[K],v=!u[U];let h=T&&_;h&&$(!1);var l=r||{},y=a.tagName==="OPTION";for(var b in r)b in e||(e[b]=null);e.class?e.class=ia(e.class):(i||e[g])&&(e.class=null),e[S]&&(e.style??(e.style=null));var w=V(a);for(const t in e){let f=e[t];if(y&&t==="value"&&f==null){a.value=a.__value="",l[t]=f;continue}if(t==="class"){var d=a.namespaceURI==="http://www.w3.org/1999/xhtml";sa(a,d,f,i,r==null?void 0:r[g],e[g]),l[t]=f,l[g]=e[g];continue}if(t==="style"){va(a,f,r==null?void 0:r[S],e[S]),l[t]=f,l[S]=e[S];continue}var q=l[t];if(f!==q){l[t]=f;var I=t[0]+t[1];if(I!=="$$")if(I==="on"){const c={},A="$$"+t;let o=t.slice(2);var L=da(o);if(ta(o)&&(o=o.slice(0,-7),c.capture=!0),!L&&q){if(f!=null)continue;a.removeEventListener(o,l[A],c),l[A]=null}if(f!=null)if(L)a[`__${o}`]=f,fa([o]);else{let Y=function(j){l[t].call(this,j)};l[A]=ua(o,a,Y,c)}else L&&(a[`__${o}`]=void 0)}else if(t==="style")N(a,t,f);else if(t==="autofocus")la(a,!!f);else if(!_&&(t==="__value"||t==="value"&&f!=null))a.value=a.__value=f;else if(t==="selected"&&y)ba(a,f);else{var n=t;v||(n=oa(n));var P=n==="defaultValue"||n==="defaultChecked";if(f==null&&!_&&!P)if(u[t]=null,n==="value"||n==="checked"){let c=a;const A=r===void 0;if(n==="value"){let o=c.defaultValue;c.removeAttribute(n),c.defaultValue=o,c.value=c.__value=A?o:null}else{let o=c.defaultChecked;c.removeAttribute(n),c.defaultChecked=o,c.checked=A?o:!1}}else a.removeAttribute(t);else P||w.includes(n)&&(_||typeof f!="string")?a[n]=f:typeof f!="function"&&N(a,n,f)}}}return h&&$(!0),l}function ka(a,r,e=[],i,s=!1,u=X){const _=e.map(u);var v=void 0,h={},l=a.nodeName==="SELECT",y=!1;z(()=>{var b=r(..._.map(aa));ha(a,v,b,i,s),y&&l&&"value"in b&&E(a,b.value,!1);for(let d of Object.getOwnPropertySymbols(h))b[d]||C(h[d]);for(let d of Object.getOwnPropertySymbols(b)){var w=b[d];d.description===ea&&(!v||w!==v[d])&&(h[d]&&C(h[d]),h[d]=B(()=>_a(a,()=>w)))}v=b}),l&&H(a,()=>v.value),y=!0}function M(a){return a.__attributes??(a.__attributes={[K]:a.nodeName.includes("-"),[U]:a.namespaceURI===m})}var R=new Map;function V(a){var r=R.get(a.nodeName);if(r)return r;R.set(a.nodeName,r=[]);for(var e,i=a,s=Element.prototype;s!==i;){e=ra(i);for(var u in e)e[u].set&&r.push(u);i=x(i)}return r}export{g as C,Sa as a,ka as b,va as c,ya as d,ga as r,N as s};
+import{E as B,X as M,H as U,v as p,au as F,L as N,q as G,av as K,a7 as X,a3 as Z,a4 as J,aw as Q,h as W,ax as m,B as x,i as aa,ay as ea,az as ra,u as ia,aA as sa,aB as ta,a9 as ua,aC as fa,aD as la,aE as oa,aF as ca,aG as na,aH as da,aI as _a,T as $}from"./custom-element.js";function va(a,e){var r=void 0,i;B(()=>{r!==(r=e())&&(i&&(M(i),i=null),r&&(i=U(()=>{p(()=>r(a))})))})}function O(a,e={},r,i){for(var s in r){var u=r[s];e[s]!==u&&(r[s]==null?a.style.removeProperty(s):a.style.setProperty(s,u,i))}}function ba(a,e,r,i){var s=a.__style;if(N||s!==e){var u=F(e,i);(!N||u!==a.getAttribute("style"))&&(u==null?a.removeAttribute("style"):a.style.cssText=u),a.__style=e}else i&&(Array.isArray(i)?(O(a,r==null?void 0:r[0],i[0]),O(a,r==null?void 0:r[1],i[1],"important")):O(a,r,i));return i}function I(a,e,r=!1){if(a.multiple){if(e==null)return;if(!G(e))return K();for(var i of a.options)i.selected=e.includes(k(i));return}for(i of a.options){var s=k(i);if(X(s,e)){i.selected=!0;return}}(!r||e!==void 0)&&(a.selectedIndex=-1)}function D(a){var e=new MutationObserver(()=>{I(a,a.__value)});e.observe(a,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),Z(()=>{e.disconnect()})}function ga(a,e,r=e){var i=!0;J(a,"change",s=>{var u=s?"[selected]":":checked",_;if(a.multiple)_=[].map.call(a.querySelectorAll(u),k);else{var v=a.querySelector(u)??a.querySelector("option:not([disabled])");_=v&&k(v)}r(_)}),p(()=>{var s=e();if(I(a,s,i),i&&s===void 0){var u=a.querySelector(":checked");u!==null&&(s=k(u),r(s))}a.__value=s,i=!1}),D(a)}function k(a){return"__value"in a?a.__value:a.value}const E=Symbol("class"),T=Symbol("style"),R=Symbol("is custom element"),V=Symbol("is html");function Sa(a){if(N){var e=!1,r=()=>{if(!e){if(e=!0,a.hasAttribute("value")){var i=a.value;L(a,"value",null),a.value=i}if(a.hasAttribute("checked")){var s=a.checked;L(a,"checked",null),a.checked=s}}};a.__on_r=r,da(r),_a()}}function Ea(a,e){var r=q(a);r.checked!==(r.checked=e??void 0)&&(a.checked=e)}function ha(a,e){e?a.hasAttribute("selected")||a.setAttribute("selected",""):a.removeAttribute("selected")}function L(a,e,r,i){var s=q(a);N&&(s[e]=a.getAttribute(e),e==="src"||e==="srcset"||e==="href"&&a.nodeName==="LINK")||s[e]!==(s[e]=r)&&(e==="loading"&&(a[oa]=r),r==null?a.removeAttribute(e):typeof r!="string"&&Y(a).includes(e)?a[e]=r:a.setAttribute(e,r))}function Aa(a,e,r,i,s=!1){var u=q(a),_=u[R],v=!u[V];let b=N&&_;b&&$(!1);var l=e||{},g=a.tagName==="OPTION";for(var S in e)S in r||(r[S]=null);r.class?r.class=x(r.class):(i||r[E])&&(r.class=null),r[T]&&(r.style??(r.style=null));var h=Y(a);for(const t in r){let f=r[t];if(g&&t==="value"&&f==null){a.value=a.__value="",l[t]=f;continue}if(t==="class"){var w=a.namespaceURI==="http://www.w3.org/1999/xhtml";aa(a,w,f,i,e==null?void 0:e[E],r[E]),l[t]=f,l[E]=r[E];continue}if(t==="style"){ba(a,f,e==null?void 0:e[T],r[T]),l[t]=f,l[T]=r[T];continue}var A=l[t];if(!(f===A&&!(f===void 0&&a.hasAttribute(t)))){l[t]=f;var n=t[0]+t[1];if(n!=="$$")if(n==="on"){const d={},y="$$"+t;let o=t.slice(2);var C=ca(o);if(ea(o)&&(o=o.slice(0,-7),d.capture=!0),!C&&A){if(f!=null)continue;a.removeEventListener(o,l[y],d),l[y]=null}if(f!=null)if(C)a[`__${o}`]=f,ia([o]);else{let j=function(z){l[t].call(this,z)};l[y]=ra(o,a,j,d)}else C&&(a[`__${o}`]=void 0)}else if(t==="style")L(a,t,f);else if(t==="autofocus")sa(a,!!f);else if(!_&&(t==="__value"||t==="value"&&f!=null))a.value=a.__value=f;else if(t==="selected"&&g)ha(a,f);else{var c=t;v||(c=ta(c));var P=c==="defaultValue"||c==="defaultChecked";if(f==null&&!_&&!P)if(u[t]=null,c==="value"||c==="checked"){let d=a;const y=e===void 0;if(c==="value"){let o=d.defaultValue;d.removeAttribute(c),d.defaultValue=o,d.value=d.__value=y?o:null}else{let o=d.defaultChecked;d.removeAttribute(c),d.defaultChecked=o,d.checked=y?o:!1}}else a.removeAttribute(t);else P||h.includes(c)&&(_||typeof f!="string")?(a[c]=f,c in u&&(u[c]=ua)):typeof f!="function"&&L(a,c,f)}}}return b&&$(!0),l}function Ta(a,e,r=[],i=[],s,u=!1){Q(r,i,_=>{var v=void 0,b={},l=a.nodeName==="SELECT",g=!1;if(B(()=>{var h=e(..._.map(W)),w=Aa(a,v,h,s,u);g&&l&&"value"in h&&I(a,h.value);for(let n of Object.getOwnPropertySymbols(b))h[n]||M(b[n]);for(let n of Object.getOwnPropertySymbols(h)){var A=h[n];n.description===m&&(!v||A!==v[n])&&(b[n]&&M(b[n]),b[n]=U(()=>va(a,()=>A))),w[n]=A}v=w}),l){var S=a;p(()=>{I(S,v.value,!0),D(S)})}g=!0})}function q(a){return a.__attributes??(a.__attributes={[R]:a.nodeName.includes("-"),[V]:a.namespaceURI===fa})}var H=new Map;function Y(a){var e=H.get(a.nodeName);if(e)return e;H.set(a.nodeName,e=[]);for(var r,i=a,s=Element.prototype;s!==i;){r=na(i);for(var u in r)r[u].set&&e.push(u);i=la(i)}return e}export{E as C,Ea as a,Ta as b,ba as c,ga as d,ha as e,Sa as r,L as s};
 //# sourceMappingURL=attributes.js.map

package/dist/attributes.js.map CHANGED Viewed

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

package/dist/bundle.js CHANGED Viewed

@@ -21,3 +21,13 @@ import './components/togglegroup/ToggleGroup.js';
 import './components/breadcrumb/Breadcrumb.js';
 import './components/statusnotification/StatusNotification.js';
 import './components/passwordinput/PasswordInput.js';
+import './components/modal/Modal.js';
+import './components/tags/Tag.js';
+import './components/tags/TagContextualised.js';
+import './components/tags/TagInteractive.js';
+import './components/tags/TagSelectable.js';
+import './components/tags/TagRemovable.js';
+import './components/pagination/Pagination.js';
+import './components/tabs/Tab.js';
+import './components/tabs/Tabs.js';
+import './components/drawer/Drawer.js';

package/dist/components/breadcrumb/Breadcrumb.js CHANGED Viewed

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

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

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

package/dist/components/breadcrumb/Breadcrumb.svelte CHANGED Viewed

@@ -156,10 +156,10 @@
 }
 .mc-link--stand-alone {
   min-height: 2rem;
-  font-weight: 600;
+  font-weight: var(--link-font-weight, 600);
 }
 .mc-link--stand-alone .mc-link__label {
-  border-bottom: 1px solid currentColor;
+  border-bottom: var(--border-s, 1px) solid currentColor;
 }
 .mc-link--stand-alone:hover .mc-link__label {
   border-color: transparent;

package/dist/components/button/Button.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-button' }} />\n\n<script lang=\"ts\">\n import type {\n ButtonIconMode,\n ButtonSize,\n ButtonStyle,\n ButtonType,\n } from './button.types';\n\n import Loader from '../loader/Loader.svelte';\n\n interface Props {\n appearance?: ButtonStyle;\n size?: ButtonSize;\n ghost?: boolean;\n outlined?: boolean;\n iconmode?: ButtonIconMode;\n disabled?: boolean;\n type?: ButtonType;\n isloading?: boolean;\n hasiconslot?: boolean;\n [key: string]: any;\n }\n\n let {\n appearance = 'standard',\n size = 'm',\n ghost = false,\n outlined = false,\n iconmode,\n disabled = false,\n type = 'button',\n isloading = false,\n hasiconslot = false,\n ...events\n }: Props = $props();\n</script>\n\n<button\n class={`mc-button mc-button--${size} mc-button--${appearance}`}\n class:mc-button--ghost={ghost}\n class:mc-button--outlined={outlined}\n class:mc-button--icon-only={iconmode === 'only'}\n class:mc-button--loading={isloading}\n {disabled}\n {type}\n {...events}\n>\n {#if isloading}\n <Loader\n theme=\"standard\"\n style=\"color: currentColor; position: absolute;\"\n size=\"m\"\n text=\"\"\n />\n {/if}\n\n {#if iconmode === 'left' \|\| iconmode === 'only'}\n <span class=\"mc-button__icon\">\n {#if hasiconslot}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n\n {#if iconmode !== 'only'}\n <span class=\"mc-button__label\" class:hidden={isloading}>\n <slot />\n </span>\n {/if}\n\n {#if iconmode === 'right'}\n <span class=\"mc-button__icon\">\n {#if hasiconslot}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n</button>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/button';\n\n .mc-button__icon {\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n .loader-style {\n color: currentColor;\n position: absolute;\n }\n</style>\n"],"names":["appearance","size","ghost","outlined","iconmode","$.prop","$$props","disabled","type","isloading","hasiconslot","events","$.rest_props","$$render","consequent","consequent_1","consequent_2","consequent_3","consequent_4","consequent_5"],"mappings":";;;~~6nMA0BI~~,IAAAA,qBAAa,UAAU,EACvBC,eAAO,GAAG,EACVC,gBAAQ,EAAK,EACbC,mBAAW,EAAK,EAChBC,EAAQC,EAAAC,EAAA,WAAA,CAAA,EACRC,mBAAW,EAAK,EAChBC,eAAO,QAAQ,EACfC,oBAAY,EAAK,EACjBC,sBAAc,EAAK,EAChBC,EAAAC,EAAAN,EAAA,6JAK0B,MAAA,wBAAAL,kBAAmBD,EAAU,CAAA,4BAOxDW,oCANoBT,EAAK,wBACFC,EAAQ,EACP,uBAAAC,EAAQ,IAAK,4BACfK,EAAS~~,+IAK9BA~~,EAAS,GAAAI,EAAAC,CAAA,0GAWLJ,EAAW,GAAAG,EAAAE,CAAA,0BAFfX,EAAa,IAAA,QAAUA,MAAa,SAAMS,EAAAG,CAAA,~~sJASAP~~,EAAS,CAAA,EAAA,CAAA,kBADnDL,MAAa,QAAMS,EAAAI,CAAA,0GAQfP,EAAW,GAAAG,EAAAK,CAAA,yBAFfd,MAAa,SAAOS,EAAAM,CAAA,wEA9CV,WAAU,6CAChB,IAAG,+CACF,GAAK,qDACF,GAAK,0GAEL,GAAK,6CACT,SAAQ,uDACH,GAAK,2DACH,GAAK"}
1	+ {"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.svelte"],"sourcesContent":["<svelte:options customElement={{ tag: 'm-button' }} />\n\n<script lang=\"ts\">\n import type {\n ButtonIconMode,\n ButtonSize,\n ButtonStyle,\n ButtonType,\n } from './button.types';\n\n import Loader from '../loader/Loader.svelte';\n\n interface Props {\n appearance?: ButtonStyle;\n size?: ButtonSize;\n ghost?: boolean;\n outlined?: boolean;\n iconmode?: ButtonIconMode;\n disabled?: boolean;\n type?: ButtonType;\n isloading?: boolean;\n hasiconslot?: boolean;\n [key: string]: any;\n }\n\n let {\n appearance = 'standard',\n size = 'm',\n ghost = false,\n outlined = false,\n iconmode,\n disabled = false,\n type = 'button',\n isloading = false,\n hasiconslot = false,\n ...events\n }: Props = $props();\n</script>\n\n<button\n class={`mc-button mc-button--${size} mc-button--${appearance}`}\n class:mc-button--ghost={ghost}\n class:mc-button--outlined={outlined}\n class:mc-button--icon-only={iconmode === 'only'}\n class:mc-button--loading={isloading}\n {disabled}\n {type}\n {...events}\n>\n {#if isloading}\n <Loader\n theme=\"standard\"\n style=\"color: currentColor; position: absolute;\"\n size=\"m\"\n text=\"\"\n />\n {/if}\n\n {#if iconmode === 'left' \|\| iconmode === 'only'}\n <span class=\"mc-button__icon\">\n {#if hasiconslot}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n\n {#if iconmode !== 'only'}\n <span class=\"mc-button__label\" class:hidden={isloading}>\n <slot />\n </span>\n {/if}\n\n {#if iconmode === 'right'}\n <span class=\"mc-button__icon\">\n {#if hasiconslot}\n <slot name=\"icon\" />\n {/if}\n </span>\n {/if}\n</button>\n\n<style lang=\"scss\">\n @use '@mozaic-ds/styles/components/button';\n\n .mc-button__icon {\n pointer-events: none;\n }\n\n .hidden {\n visibility: hidden;\n }\n\n .loader-style {\n color: currentColor;\n position: absolute;\n }\n</style>\n"],"names":["appearance","size","ghost","outlined","iconmode","$.prop","$$props","disabled","type","isloading","hasiconslot","events","$.rest_props","$$render","consequent","consequent_1","consequent_2","consequent_3","consequent_4","consequent_5"],"mappings":";;;kpMAAA,gBA0BI,IAAAA,qBAAa,UAAU,EACvBC,eAAO,GAAG,EACVC,gBAAQ,EAAK,EACbC,mBAAW,EAAK,EAChBC,EAAQC,EAAAC,EAAA,WAAA,CAAA,EACRC,mBAAW,EAAK,EAChBC,eAAO,QAAQ,EACfC,oBAAY,EAAK,EACjBC,sBAAc,EAAK,EAChBC,EAAAC,EAAAN,EAAA,6JAK0B,MAAA,wBAAAL,kBAAmBD,EAAU,CAAA,4BAOxDW,oCANoBT,EAAK,wBACFC,EAAQ,EACP,uBAAAC,EAAQ,IAAK,4BACfK,EAAS,uJAK9BA,EAAS,GAAAI,EAAAC,CAAA,0GAWLJ,EAAW,GAAAG,EAAAE,CAAA,0BAFfX,EAAa,IAAA,QAAUA,MAAa,SAAMS,EAAAG,CAAA,uJASAP,EAAS,CAAA,EAAA,CAAA,kBADnDL,MAAa,QAAMS,EAAAI,CAAA,0GAQfP,EAAW,GAAAG,EAAAK,CAAA,yBAFfd,MAAa,SAAOS,EAAAM,CAAA,wEA9CV,WAAU,6CAChB,IAAG,+CACF,GAAK,qDACF,GAAK,0GAEL,GAAK,6CACT,SAAQ,uDACH,GAAK,2DACH,GAAK,YAGvB"}

package/dist/components/button/Button.svelte CHANGED Viewed

@@ -85,7 +85,7 @@
 .mc-button {
   color: var(--button-color-filled-standard-font, #ffffff);
   background-color: var(--button-color-filled-standard-background, #464e63);
-  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold, 600);
   padding: 0 calc(1rem - 0.125rem);
   min-height: 3rem;
   min-width: 3rem;
@@ -94,7 +94,7 @@
   vertical-align: middle;
   text-align: center;
   border: 2px solid transparent;
-  border-radius: 0.25rem;
+  border-radius: var(--button-radius, 0.25rem);
   transition: all ease 200ms;
   transition: box-shadow 200ms ease;
   align-items: center;
@@ -117,10 +117,10 @@
   cursor: not-allowed;
 }
 .mc-button .mc-button__label {
-  font-size: 1rem;
+  font-size: var(--font-size-150, 1rem);
 }
 .mc-button__label {
-  font-size: 1rem;
+  font-size: var(--font-size-150, 1rem);
 }
 .mc-button__icon {
   flex-shrink: 0;
@@ -144,7 +144,7 @@
   min-width: 2rem;
 }
 .mc-button--s .mc-button__label {
-  font-size: 0.875rem;
+  font-size: var(--font-size-100, 0.875rem);
 }
 .mc-button--s .mc-button__icon {
   width: 1.25rem;
@@ -160,7 +160,7 @@
   min-width: 3rem;
 }
 .mc-button--m .mc-button__label {
-  font-size: 1rem;
+  font-size: var(--font-size-150, 1rem);
 }
 .mc-button--m .mc-button__icon {
   width: 1.5rem;
@@ -176,7 +176,7 @@
   min-width: 4rem;
 }
 .mc-button--l .mc-button__label {
-  font-size: 1.125rem;
+  font-size: var(--font-size-200, 1.125rem);
 }
 .mc-button--l .mc-button__icon {
   width: 2rem;
@@ -273,7 +273,7 @@
   cursor: not-allowed;
 }
 .mc-button--icon-button {
-  border-radius: 100%;
+  border-radius: var(--radius-full, 100%);
   padding: 0;
 }
 .mc-button--loading .mc-button__loader {