@mozaic-ds/web-components 1.5.1 → 1.7.0

package/dist/media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-query.js","sources":["../node_modules/svelte/src/reactivity/reactive-value.js","../node_modules/svelte/src/reactivity/media-query.js"],"sourcesContent":["import { createSubscriber } from './create-subscriber.js';\n\n/**\n * @template T\n */\nexport class ReactiveValue {\n\t#fn;\n\t#subscribe;\n\n\t/**\n\t *\n\t * @param {() => T} fn\n\t * @param {(update: () => void) => void} onsubscribe\n\t */\n\tconstructor(fn, onsubscribe) {\n\t\tthis.#fn = fn;\n\t\tthis.#subscribe = createSubscriber(onsubscribe);\n\t}\n\n\tget current() {\n\t\tthis.#subscribe();\n\t\treturn this.#fn();\n\t}\n}\n","import { on } from '../events/index.js';\nimport { ReactiveValue } from './reactive-value.js';\n\nconst parenthesis_regex = /\\(.+\\)/;\n\n// these keywords are valid media queries but they need to be without parenthesis\n//\n// eg: new MediaQuery('screen')\n//\n// however because of the auto-parenthesis logic in the constructor since there's no parenthesis\n// in the media query they'll be surrounded by parenthesis\n//\n// however we can check if the media query is only composed of these keywords\n// and skip the auto-parenthesis\n//\n// https://github.com/sveltejs/svelte/issues/15930\nconst non_parenthesized_keywords = new Set(['all', 'print', 'screen', 'and', 'or', 'not', 'only']);\n\n/**\n * Creates a media query and provides a `current` property that reflects whether or not it matches.\n *\n * Use it carefully — during server-side rendering, there is no way to know what the correct value should be, potentially causing content to change upon hydration.\n * If you can use the media query in CSS to achieve the same effect, do that.\n *\n * ```svelte\n * <script>\n * \timport { MediaQuery } from 'svelte/reactivity';\n *\n * \tconst large = new MediaQuery('min-width: 800px');\n * </script>\n *\n * <h1>{large.current ? 'large screen' : 'small screen'}</h1>\n * ```\n * @extends {ReactiveValue<boolean>}\n * @since 5.7.0\n */\nexport class MediaQuery extends ReactiveValue {\n\t/**\n\t * @param {string} query A media query string\n\t * @param {boolean} [fallback] Fallback value for the server\n\t */\n\tconstructor(query, fallback) {\n\t\tlet final_query =\n\t\t\tparenthesis_regex.test(query) ||\n\t\t\t// we need to use `some` here because technically this `window.matchMedia('random,screen')` still returns true\n\t\t\tquery.split(/[\\s,]+/).some((keyword) => non_parenthesized_keywords.has(keyword.trim()))\n\t\t\t\t? query\n\t\t\t\t: `(${query})`;\n\t\tconst q = window.matchMedia(final_query);\n\t\tsuper(\n\t\t\t() => q.matches,\n\t\t\t(update) => on(q, 'change', update)\n\t\t);\n\t}\n}\n"],"names":["ReactiveValue","#fn","#subscribe","fn","onsubscribe","createSubscriber","parenthesis_regex","non_parenthesized_keywords","MediaQuery","query","fallback","final_query","keyword","q","update","on"],"mappings":"+CAKO,MAAMA,CAAc,CAC1BC,GACAC,GAOA,YAAYC,EAAIC,EAAa,CAC5B,KAAKH,GAAME,EACX,KAAKD,GAAaG,EAAiBD,CAAW,CAC/C,CAEA,IAAI,SAAU,CACb,YAAKF,GAAU,EACR,KAAKD,GAAG,CAChB,CACD,CCpBA,MAAMK,EAAoB,SAapBC,EAA6B,IAAI,IAAI,CAAC,MAAO,QAAS,SAAU,MAAO,KAAM,MAAO,MAAM,CAAC,EAoB1F,MAAMC,UAAmBR,CAAc,CAK7C,YAAYS,EAAOC,EAAU,CAC5B,IAAIC,EACHL,EAAkB,KAAKG,CAAK,GAE5BA,EAAM,MAAM,QAAQ,EAAE,KAAMG,GAAYL,EAA2B,IAAIK,EAAQ,MAAM,CAAC,EACnFH,EACA,IAAIA,CAAK,IACb,MAAMI,EAAI,OAAO,WAAWF,CAAW,EACvC,MACC,IAAME,EAAE,QACPC,GAAWC,EAAGF,EAAG,SAAUC,CAAM,CACrC,CACC,CACD","x_google_ignoreList":[0,1]}

package/dist/sidebar-state.svelte.js

@@ -0,0 +1,2 @@
+import{E as d}from"./custom-element.js";function u({setExpanded:t}){return()=>{const n=document.querySelector("m-sidebar");t(n?.hasAttribute("expanded")??!1);const e=r=>{t(r.detail)};return document.addEventListener("update:expanded",e),()=>document.removeEventListener("update:expanded",e)}}function s({setState:t}){return()=>{const n=document.querySelector("m-sortcuts");t(n?.hasAttribute("stacked")??!1);const e=r=>{t(r.detail)};return document.addEventListener("update:stacked",e),()=>document.removeEventListener("update:stacked",e)}}function o(t){return()=>{d("SUB_ITEM",!0),document.querySelectorAll("m-sidebar-nav-item").forEach(e=>{e.parentNode?.nodeName===t&&(e.sub=!0)})}}export{s as a,u as g,o as s};
+//# sourceMappingURL=sidebar-state.svelte.js.map

package/dist/sidebar-state.svelte.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-state.svelte.js","sources":["../src/components/sidebar/sidebar-state.svelte.ts"],"sourcesContent":["import { setContext } from 'svelte';\nimport type { Attachment } from 'svelte/attachments';\n\nexport function getSidebarState({\n  setExpanded,\n}: {\n  setExpanded: (value: boolean) => void;\n}): Attachment {\n  return () => {\n    const sidebar = document.querySelector('m-sidebar');\n    setExpanded(sidebar?.hasAttribute('expanded') ?? false);\n\n    const updateExpanded = (e: Event) => {\n      setExpanded((e as CustomEvent<boolean>).detail);\n    };\n\n    document.addEventListener('update:expanded', updateExpanded);\n\n    return () => document.removeEventListener('update:expanded', updateExpanded);\n  };\n}\n\nexport function getShortcutsState({\n  setState,\n}: {\n  setState: (value: boolean) => void;\n}): Attachment {\n  return () => {\n    const shortcuts = document.querySelector('m-sortcuts');\n    setState(shortcuts?.hasAttribute('stacked') ?? false);\n\n    const updateState = (e: Event) => {\n      setState((e as CustomEvent<boolean>).detail);\n    };\n\n    document.addEventListener('update:stacked', updateState);\n\n    return () => document.removeEventListener('update:stacked', updateState);\n  };\n}\n\nexport function setSubItems(tagName: string): Attachment {\n  return () => {\n    // Works only for Svelte components\n    setContext('SUB_ITEM', true);\n\n    // Works only for custom-elements\n    const children = document.querySelectorAll('m-sidebar-nav-item');\n    children.forEach((el) => {\n      if (el.parentNode?.nodeName === tagName) {\n        (el as Element & { sub: boolean }).sub = true;\n      }\n    });\n  };\n}\n"],"names":["getSidebarState","setExpanded","sidebar","updateExpanded","e","getShortcutsState","setState","shortcuts","updateState","setSubItems","tagName","setContext","el"],"mappings":"iDAGgBA,EAAA,CACd,YAAAC,GAGa,WACA,CACL,MAAAC,EAAU,SAAS,cAAc,WAAW,EAClDD,EAAYC,GAAS,aAAa,UAAU,GAAK,EAAK,QAEhDC,EAAkBC,GAAa,CACnCH,EAAaG,EAA2B,MAAM,CAChD,EAEA,gBAAS,iBAAiB,kBAAmBD,CAAc,EAE9C,IAAA,SAAS,oBAAoB,kBAAmBA,CAAc,CAC7E,CACF,UAEgBE,EAAA,CACd,SAAAC,GAGa,WACA,CACL,MAAAC,EAAY,SAAS,cAAc,YAAY,EACrDD,EAASC,GAAW,aAAa,SAAS,GAAK,EAAK,QAE9CC,EAAeJ,GAAa,CAChCE,EAAUF,EAA2B,MAAM,CAC7C,EAEA,gBAAS,iBAAiB,iBAAkBI,CAAW,EAE1C,IAAA,SAAS,oBAAoB,iBAAkBA,CAAW,CACzE,CACF,UAEgBC,EAAYC,EAA6B,WAC1C,CAEXC,EAAW,WAAY,EAAI,EAGV,SAAS,iBAAiB,oBAAoB,EACtD,QAASC,GAAO,CACnBA,EAAG,YAAY,WAAaF,IAC7BE,EAAkC,IAAM,GAE7C,CAAC,CACH,CACF"}

package/dist/slot.js

@@ -1,2 +1,2 @@
-import{C as u,D as l}from"./custom-element.js";function d(e,t,i,n,r){u&&l();var s=t.$$slots?.[i],f=!1;s===!0&&(s=t[i==="default"?"children":i],f=!0),s===void 0?r!==null&&r(e):s(e,f?()=>n:n)}function o(e){const t={};e.children&&(t.default=!0);for(const i in e.$$slots)t[i]=!0;return t}export{o as a,d as s};
+import{H as u,I as l}from"./custom-element.js";function d(e,t,i,n,r){u&&l();var s=t.$$slots?.[i],f=!1;s===!0&&(s=t[i==="default"?"children":i],f=!0),s===void 0?r!==null&&r(e):s(e,f?()=>n:n)}function o(e){const t={};e.children&&(t.default=!0);for(const i in e.$$slots)t[i]=!0;return t}export{o as a,d as s};
 //# sourceMappingURL=slot.js.map

package/dist/svelte-component.js

@@ -1,2 +1,2 @@
-import{a7 as s,a8 as c,C as m,D as i}from"./custom-element.js";import{B as p}from"./branches.js";function l(n,r,o){m&&i();var e=new p(n);s(()=>{var a=r()??null;e.ensure(a,a&&(t=>o(t,a)))},c)}export{l as c};
+import{ad as f,ae as v,H as o,I as y,af as l,ag as m,ah as p,a8 as i,aO as T,ai as g}from"./custom-element.js";import{B as A}from"./branches.js";function N(d,_,e){var s;o&&(s=g,y());var r=new A(d);f(()=>{var a=_()??null;if(o){var h=l(s),c=h===T,u=a!==null;if(c!==u){var t=m();p(t),r.anchor=t,i(!1),r.ensure(a,a&&(n=>e(n,a))),i(!0);return}}r.ensure(a,a&&(n=>e(n,a)))},v)}export{N as c};
 //# sourceMappingURL=svelte-component.js.map

package/dist/svelte-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"svelte-component.js","sources":["../node_modules/svelte/src/internal/client/dom/blocks/svelte-component.js"],"sourcesContent":["/** @import { TemplateNode, Dom } from '#client' */\nimport { EFFECT_TRANSPARENT } from '#client/constants';\nimport { block } from '../../reactivity/effects.js';\nimport { hydrate_next, hydrating } from '../hydration.js';\nimport { BranchManager } from './branches.js';\n\n/**\n * @template P\n * @template {(props: P) => void} C\n * @param {TemplateNode} node\n * @param {() => C} get_component\n * @param {(anchor: TemplateNode, component: C) => Dom | void} render_fn\n * @returns {void}\n */\nexport function component(node, get_component, render_fn) {\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar branches = new BranchManager(node);\n\n\tblock(() => {\n\t\tvar component = get_component() ?? null;\n\t\tbranches.ensure(component, component && ((target) => render_fn(target, component)));\n\t}, EFFECT_TRANSPARENT);\n}\n"],"names":["component","node","get_component","render_fn","hydrating","hydrate_next","branches","BranchManager","block","target","EFFECT_TRANSPARENT"],"mappings":"iGAcO,SAASA,EAAUC,EAAMC,EAAeC,EAAW,CACrDC,GACHC,EAAY,EAGb,IAAIC,EAAW,IAAIC,EAAcN,CAAI,EAErCO,EAAM,IAAM,CACX,IAAIR,EAAYE,EAAa,GAAM,KACnCI,EAAS,OAAON,EAAWA,IAAeS,GAAWN,EAAUM,EAAQT,CAAS,EAAE,CACnF,EAAGU,CAAkB,CACtB","x_google_ignoreList":[0]}
+{"version":3,"file":"svelte-component.js","sources":["../node_modules/svelte/src/internal/client/dom/blocks/svelte-component.js"],"sourcesContent":["/** @import { TemplateNode, Dom } from '#client' */\nimport { EFFECT_TRANSPARENT } from '#client/constants';\nimport { block } from '../../reactivity/effects.js';\nimport {\n\thydrate_next,\n\thydrate_node,\n\thydrating,\n\tread_hydration_instruction,\n\tset_hydrate_node,\n\tset_hydrating,\n\tskip_nodes\n} from '../hydration.js';\nimport { BranchManager } from './branches.js';\nimport { HYDRATION_START, HYDRATION_START_ELSE } from '../../../../constants.js';\n\n/**\n * @template P\n * @template {(props: P) => void} C\n * @param {TemplateNode} node\n * @param {() => C} get_component\n * @param {(anchor: TemplateNode, component: C) => Dom | void} render_fn\n * @returns {void}\n */\nexport function component(node, get_component, render_fn) {\n\t/** @type {TemplateNode | undefined} */\n\tvar hydration_start_node;\n\n\tif (hydrating) {\n\t\thydration_start_node = hydrate_node;\n\t\thydrate_next();\n\t}\n\n\tvar branches = new BranchManager(node);\n\n\tblock(() => {\n\t\tvar component = get_component() ?? null;\n\n\t\tif (hydrating) {\n\t\t\tvar data = read_hydration_instruction(/** @type {TemplateNode} */ (hydration_start_node));\n\n\t\t\tvar server_had_component = data === HYDRATION_START;\n\t\t\tvar client_has_component = component !== null;\n\n\t\t\tif (server_had_component !== client_has_component) {\n\t\t\t\t// Hydration mismatch: skip the server-rendered nodes and render fresh\n\t\t\t\tvar anchor = skip_nodes();\n\n\t\t\t\tset_hydrate_node(anchor);\n\t\t\t\tbranches.anchor = anchor;\n\n\t\t\t\tset_hydrating(false);\n\t\t\t\tbranches.ensure(component, component && ((target) => render_fn(target, component)));\n\t\t\t\tset_hydrating(true);\n\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tbranches.ensure(component, component && ((target) => render_fn(target, component)));\n\t}, EFFECT_TRANSPARENT);\n}\n"],"names":["component","node","get_component","render_fn","hydration_start_node","hydrating","hydrate_node","hydrate_next","branches","BranchManager","block","data","read_hydration_instruction","server_had_component","HYDRATION_START","client_has_component","anchor","skip_nodes","set_hydrate_node","set_hydrating","target","EFFECT_TRANSPARENT"],"mappings":"iJAuBO,SAASA,EAAUC,EAAMC,EAAeC,EAAW,CAEzD,IAAIC,EAEAC,IACHD,EAAuBE,EACvBC,EAAY,GAGb,IAAIC,EAAW,IAAIC,EAAcR,CAAI,EAErCS,EAAM,IAAM,CACX,IAAIV,EAAYE,EAAa,GAAM,KAEnC,GAAIG,EAAW,CACd,IAAIM,EAAOC,EAAwDR,CAAoB,EAEnFS,EAAuBF,IAASG,EAChCC,EAAuBf,IAAc,KAEzC,GAAIa,IAAyBE,EAAsB,CAElD,IAAIC,EAASC,EAAU,EAEvBC,EAAiBF,CAAM,EACvBR,EAAS,OAASQ,EAElBG,EAAc,EAAK,EACnBX,EAAS,OAAOR,EAAWA,IAAeoB,GAAWjB,EAAUiB,EAAQpB,CAAS,EAAE,EAClFmB,EAAc,EAAI,EAElB,MACD,CACD,CAEAX,EAAS,OAAOR,EAAWA,IAAeoB,GAAWjB,EAAUiB,EAAQpB,CAAS,EAAE,CACnF,EAAGqB,CAAkB,CACtB","x_google_ignoreList":[0]}

package/dist/svelte-element.js

@@ -1,2 +1,2 @@
-import{a7 as g,a8 as p,aI as v,aJ as y,ad as h,a6 as N,M as w,aw as s,C as a,D as _,aK as x,aL as C,av as T,a2 as u,ac as r}from"./custom-element.js";import{B as A}from"./branches.js";function F(m,c,M,l,S,b){let E=a;a&&_();var e=null;a&&s.nodeType===x&&(e=s,_());var i=a?s:m,o=new A(i,!1);g(()=>{const t=c()||null;var d=t==="svg"?v:null;if(t===null){o.ensure(null,null);return}return o.ensure(t,f=>{if(t){if(e=a?e:d?document.createElementNS(d,t):document.createElement(t),y(e,e),l){a&&C(t)&&e.append(document.createComment(""));var n=a?T(e):e.appendChild(h());a&&(n===null?u(!1):r(n)),l(e,n)}N.nodes.end=e,f.before(e)}a&&r(f)}),()=>{}},p),w(()=>{}),E&&(u(!0),r(i))}export{F as e};
+import{ad as E,ae as p,aR as v,aS as h,aT as y,aj as T,ac as x,R as N,ai as s,H as a,I as _,aU as w,aV as A,aE as C,a8 as o,ah as r}from"./custom-element.js";import{B as R}from"./branches.js";function P(u,m,S,i,b,M){let c=a;a&&_();var e=null;a&&s.nodeType===w&&(e=s,_());var l=a?s:u,f=new R(l,!1);E(()=>{const t=m()||null;var g=t==="svg"?h:void 0;if(t===null){f.ensure(null,null);return}return f.ensure(t,d=>{if(t){if(e=a?e:v(t,g),y(e,e),i){a&&A(t)&&e.append(document.createComment(""));var n=a?C(e):e.appendChild(T());a&&(n===null?o(!1):r(n)),i(e,n)}x.nodes.end=e,d.before(e)}a&&r(d)}),()=>{}},p),N(()=>{}),c&&(o(!0),r(l))}export{P as e};
 //# sourceMappingURL=svelte-element.js.map

package/dist/svelte-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"svelte-element.js","sources":["../node_modules/svelte/src/internal/client/dom/blocks/svelte-element.js"],"sourcesContent":["/** @import { Effect, EffectNodes, TemplateNode } from '#client' */\nimport { FILENAME, NAMESPACE_SVG } from '../../../../constants.js';\nimport {\n\thydrate_next,\n\thydrate_node,\n\thydrating,\n\tset_hydrate_node,\n\tset_hydrating\n} from '../hydration.js';\nimport { create_text, get_first_child } from '../operations.js';\nimport { block, teardown } from '../../reactivity/effects.js';\nimport { set_should_intro } from '../../render.js';\nimport { active_effect } from '../../runtime.js';\nimport { component_context, dev_stack } from '../../context.js';\nimport { DEV } from 'esm-env';\nimport { EFFECT_TRANSPARENT, ELEMENT_NODE } from '#client/constants';\nimport { assign_nodes } from '../template.js';\nimport { is_raw_text_element } from '../../../../utils.js';\nimport { BranchManager } from './branches.js';\nimport { set_animation_effect_override } from '../elements/transitions.js';\n\n/**\n * @param {Comment | Element} node\n * @param {() => string} get_tag\n * @param {boolean} is_svg\n * @param {undefined | ((element: Element, anchor: Node | null) => void)} render_fn,\n * @param {undefined | (() => string)} get_namespace\n * @param {undefined | [number, number]} location\n * @returns {void}\n */\nexport function element(node, get_tag, is_svg, render_fn, get_namespace, location) {\n\tlet was_hydrating = hydrating;\n\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar filename = DEV && location && component_context?.function[FILENAME];\n\n\t/** @type {null | Element} */\n\tvar element = null;\n\n\tif (hydrating && hydrate_node.nodeType === ELEMENT_NODE) {\n\t\telement = /** @type {Element} */ (hydrate_node);\n\t\thydrate_next();\n\t}\n\n\tvar anchor = /** @type {TemplateNode} */ (hydrating ? hydrate_node : node);\n\n\t/**\n\t * We track this so we can set it when changing the element, allowing any\n\t * `animate:` directive to bind itself to the correct block\n\t */\n\tvar parent_effect = /** @type {Effect} */ (active_effect);\n\n\tvar branches = new BranchManager(anchor, false);\n\n\tblock(() => {\n\t\tconst next_tag = get_tag() || null;\n\t\tvar ns = get_namespace ? get_namespace() : is_svg || next_tag === 'svg' ? NAMESPACE_SVG : null;\n\n\t\tif (next_tag === null) {\n\t\t\tbranches.ensure(null, null);\n\t\t\tset_should_intro(true);\n\t\t\treturn;\n\t\t}\n\n\t\tbranches.ensure(next_tag, (anchor) => {\n\t\t\tif (next_tag) {\n\t\t\t\telement = hydrating\n\t\t\t\t\t? /** @type {Element} */ (element)\n\t\t\t\t\t: ns\n\t\t\t\t\t\t? document.createElementNS(ns, next_tag)\n\t\t\t\t\t\t: document.createElement(next_tag);\n\n\t\t\t\tif (DEV && location) {\n\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\telement.__svelte_meta = {\n\t\t\t\t\t\tparent: dev_stack,\n\t\t\t\t\t\tloc: {\n\t\t\t\t\t\t\tfile: filename,\n\t\t\t\t\t\t\tline: location[0],\n\t\t\t\t\t\t\tcolumn: location[1]\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tassign_nodes(element, element);\n\n\t\t\t\tif (render_fn) {\n\t\t\t\t\tif (hydrating && is_raw_text_element(next_tag)) {\n\t\t\t\t\t\t// prevent hydration glitches\n\t\t\t\t\t\telement.append(document.createComment(''));\n\t\t\t\t\t}\n\n\t\t\t\t\t// If hydrating, use the existing ssr comment as the anchor so that the\n\t\t\t\t\t// inner open and close methods can pick up the existing nodes correctly\n\t\t\t\t\tvar child_anchor = hydrating\n\t\t\t\t\t\t? get_first_child(element)\n\t\t\t\t\t\t: element.appendChild(create_text());\n\n\t\t\t\t\tif (hydrating) {\n\t\t\t\t\t\tif (child_anchor === null) {\n\t\t\t\t\t\t\tset_hydrating(false);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tset_hydrate_node(child_anchor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tset_animation_effect_override(parent_effect);\n\n\t\t\t\t\t// `child_anchor` is undefined if this is a void element, but we still\n\t\t\t\t\t// need to call `render_fn` in order to run actions etc. If the element\n\t\t\t\t\t// contains children, it's a user error (which is warned on elsewhere)\n\t\t\t\t\t// and the DOM will be silently discarded\n\t\t\t\t\trender_fn(element, child_anchor);\n\n\t\t\t\t\tset_animation_effect_override(null);\n\t\t\t\t}\n\n\t\t\t\t// we do this after calling `render_fn` so that child effects don't override `nodes.end`\n\t\t\t\t/** @type {Effect & { nodes: EffectNodes }} */ (active_effect).nodes.end = element;\n\n\t\t\t\tanchor.before(element);\n\t\t\t}\n\n\t\t\tif (hydrating) {\n\t\t\t\tset_hydrate_node(anchor);\n\t\t\t}\n\t\t});\n\n\t\t// revert to the default state after the effect has been created\n\t\tset_should_intro(true);\n\n\t\treturn () => {\n\t\t\tif (next_tag) {\n\t\t\t\t// if we're in this callback because we're re-running the effect,\n\t\t\t\t// disable intros (unless no element is currently displayed)\n\t\t\t\tset_should_intro(false);\n\t\t\t}\n\t\t};\n\t}, EFFECT_TRANSPARENT);\n\n\tteardown(() => {\n\t\tset_should_intro(true);\n\t});\n\n\tif (was_hydrating) {\n\t\tset_hydrating(true);\n\t\tset_hydrate_node(anchor);\n\t}\n}\n"],"names":["element","node","get_tag","is_svg","render_fn","get_namespace","location","was_hydrating","hydrating","hydrate_next","hydrate_node","ELEMENT_NODE","anchor","branches","BranchManager","block","next_tag","ns","NAMESPACE_SVG","assign_nodes","is_raw_text_element","child_anchor","get_first_child","create_text","set_hydrating","set_hydrate_node","active_effect","EFFECT_TRANSPARENT","teardown"],"mappings":"wLA8BO,SAASA,EAAQC,EAAMC,EAASC,EAAQC,EAAWC,EAAeC,EAAU,CAClF,IAAIC,EAAgBC,EAEhBA,GACHC,EAAY,EAMb,IAAIT,EAAU,KAEVQ,GAAaE,EAAa,WAAaC,IAC1CX,EAAkCU,EAClCD,EAAY,GAGb,IAAIG,EAAsCJ,EAAYE,EAAeT,EAQjEY,EAAW,IAAIC,EAAcF,EAAQ,EAAK,EAE9CG,EAAM,IAAM,CACX,MAAMC,EAAWd,EAAO,GAAM,KAC9B,IAAIe,EAAiDD,IAAa,MAAQE,EAAgB,KAE1F,GAAIF,IAAa,KAAM,CACtBH,EAAS,OAAO,KAAM,IAAI,EAE1B,MACD,CAEA,OAAAA,EAAS,OAAOG,EAAWJ,GAAW,CACrC,GAAII,EAAU,CAqBb,GApBAhB,EAAUQ,EACiBR,EACxBiB,EACC,SAAS,gBAAgBA,EAAID,CAAQ,EACrC,SAAS,cAAcA,CAAQ,EAcnCG,EAAanB,EAASA,CAAO,EAEzBI,EAAW,CACVI,GAAaY,EAAoBJ,CAAQ,GAE5ChB,EAAQ,OAAO,SAAS,cAAc,EAAE,CAAC,EAK1C,IAAIqB,EAAeb,EAChBc,EAAgBtB,CAAO,EACvBA,EAAQ,YAAYuB,GAAa,EAEhCf,IACCa,IAAiB,KACpBG,EAAc,EAAK,EAEnBC,EAAiBJ,CAAY,GAU/BjB,EAAUJ,EAASqB,CAAY,CAGhC,CAGgDK,EAAe,MAAM,IAAM1B,EAE3EY,EAAO,OAAOZ,CAAO,CACtB,CAEIQ,GACHiB,EAAiBb,CAAM,CAEzB,CAAC,EAKM,IAAM,CAMb,CACD,EAAGe,CAAkB,EAErBC,EAAS,IAAM,CAEf,CAAC,EAEGrB,IACHiB,EAAc,EAAI,EAClBC,EAAiBb,CAAM,EAEzB","x_google_ignoreList":[0]}
+{"version":3,"file":"svelte-element.js","sources":["../node_modules/svelte/src/internal/client/dom/blocks/svelte-element.js"],"sourcesContent":["/** @import { Effect, EffectNodes, TemplateNode } from '#client' */\nimport { FILENAME, NAMESPACE_SVG } from '../../../../constants.js';\nimport {\n\thydrate_next,\n\thydrate_node,\n\thydrating,\n\tset_hydrate_node,\n\tset_hydrating\n} from '../hydration.js';\nimport { create_element, create_text, get_first_child } from '../operations.js';\nimport { block, teardown } from '../../reactivity/effects.js';\nimport { set_should_intro } from '../../render.js';\nimport { active_effect } from '../../runtime.js';\nimport { component_context, dev_stack } from '../../context.js';\nimport { DEV } from 'esm-env';\nimport { EFFECT_TRANSPARENT, ELEMENT_NODE } from '#client/constants';\nimport { assign_nodes } from '../template.js';\nimport { is_raw_text_element } from '../../../../utils.js';\nimport { BranchManager } from './branches.js';\nimport { set_animation_effect_override } from '../elements/transitions.js';\n\n/**\n * @param {Comment | Element} node\n * @param {() => string} get_tag\n * @param {boolean} is_svg\n * @param {undefined | ((element: Element, anchor: Node | null) => void)} render_fn,\n * @param {undefined | (() => string)} get_namespace\n * @param {undefined | [number, number]} location\n * @returns {void}\n */\nexport function element(node, get_tag, is_svg, render_fn, get_namespace, location) {\n\tlet was_hydrating = hydrating;\n\n\tif (hydrating) {\n\t\thydrate_next();\n\t}\n\n\tvar filename = DEV && location && component_context?.function[FILENAME];\n\n\t/** @type {null | Element} */\n\tvar element = null;\n\n\tif (hydrating && hydrate_node.nodeType === ELEMENT_NODE) {\n\t\telement = /** @type {Element} */ (hydrate_node);\n\t\thydrate_next();\n\t}\n\n\tvar anchor = /** @type {TemplateNode} */ (hydrating ? hydrate_node : node);\n\n\t/**\n\t * We track this so we can set it when changing the element, allowing any\n\t * `animate:` directive to bind itself to the correct block\n\t */\n\tvar parent_effect = /** @type {Effect} */ (active_effect);\n\n\tvar branches = new BranchManager(anchor, false);\n\n\tblock(() => {\n\t\tconst next_tag = get_tag() || null;\n\t\tvar ns = get_namespace\n\t\t\t? get_namespace()\n\t\t\t: is_svg || next_tag === 'svg'\n\t\t\t\t? NAMESPACE_SVG\n\t\t\t\t: undefined;\n\n\t\tif (next_tag === null) {\n\t\t\tbranches.ensure(null, null);\n\t\t\tset_should_intro(true);\n\t\t\treturn;\n\t\t}\n\n\t\tbranches.ensure(next_tag, (anchor) => {\n\t\t\tif (next_tag) {\n\t\t\t\telement = hydrating ? /** @type {Element} */ (element) : create_element(next_tag, ns);\n\n\t\t\t\tif (DEV && location) {\n\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\telement.__svelte_meta = {\n\t\t\t\t\t\tparent: dev_stack,\n\t\t\t\t\t\tloc: {\n\t\t\t\t\t\t\tfile: filename,\n\t\t\t\t\t\t\tline: location[0],\n\t\t\t\t\t\t\tcolumn: location[1]\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t}\n\n\t\t\t\tassign_nodes(element, element);\n\n\t\t\t\tif (render_fn) {\n\t\t\t\t\tif (hydrating && is_raw_text_element(next_tag)) {\n\t\t\t\t\t\t// prevent hydration glitches\n\t\t\t\t\t\telement.append(document.createComment(''));\n\t\t\t\t\t}\n\n\t\t\t\t\t// If hydrating, use the existing ssr comment as the anchor so that the\n\t\t\t\t\t// inner open and close methods can pick up the existing nodes correctly\n\t\t\t\t\tvar child_anchor = hydrating\n\t\t\t\t\t\t? get_first_child(element)\n\t\t\t\t\t\t: element.appendChild(create_text());\n\n\t\t\t\t\tif (hydrating) {\n\t\t\t\t\t\tif (child_anchor === null) {\n\t\t\t\t\t\t\tset_hydrating(false);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tset_hydrate_node(child_anchor);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tset_animation_effect_override(parent_effect);\n\n\t\t\t\t\t// `child_anchor` is undefined if this is a void element, but we still\n\t\t\t\t\t// need to call `render_fn` in order to run actions etc. If the element\n\t\t\t\t\t// contains children, it's a user error (which is warned on elsewhere)\n\t\t\t\t\t// and the DOM will be silently discarded\n\t\t\t\t\trender_fn(element, child_anchor);\n\n\t\t\t\t\tset_animation_effect_override(null);\n\t\t\t\t}\n\n\t\t\t\t// we do this after calling `render_fn` so that child effects don't override `nodes.end`\n\t\t\t\t/** @type {Effect & { nodes: EffectNodes }} */ (active_effect).nodes.end = element;\n\n\t\t\t\tanchor.before(element);\n\t\t\t}\n\n\t\t\tif (hydrating) {\n\t\t\t\tset_hydrate_node(anchor);\n\t\t\t}\n\t\t});\n\n\t\t// revert to the default state after the effect has been created\n\t\tset_should_intro(true);\n\n\t\treturn () => {\n\t\t\tif (next_tag) {\n\t\t\t\t// if we're in this callback because we're re-running the effect,\n\t\t\t\t// disable intros (unless no element is currently displayed)\n\t\t\t\tset_should_intro(false);\n\t\t\t}\n\t\t};\n\t}, EFFECT_TRANSPARENT);\n\n\tteardown(() => {\n\t\tset_should_intro(true);\n\t});\n\n\tif (was_hydrating) {\n\t\tset_hydrating(true);\n\t\tset_hydrate_node(anchor);\n\t}\n}\n"],"names":["element","node","get_tag","is_svg","render_fn","get_namespace","location","was_hydrating","hydrating","hydrate_next","hydrate_node","ELEMENT_NODE","anchor","branches","BranchManager","block","next_tag","ns","NAMESPACE_SVG","create_element","assign_nodes","is_raw_text_element","child_anchor","get_first_child","create_text","set_hydrating","set_hydrate_node","active_effect","EFFECT_TRANSPARENT","teardown"],"mappings":"gMA8BO,SAASA,EAAQC,EAAMC,EAASC,EAAQC,EAAWC,EAAeC,EAAU,CAClF,IAAIC,EAAgBC,EAEhBA,GACHC,EAAY,EAMb,IAAIT,EAAU,KAEVQ,GAAaE,EAAa,WAAaC,IAC1CX,EAAkCU,EAClCD,EAAY,GAGb,IAAIG,EAAsCJ,EAAYE,EAAeT,EAQjEY,EAAW,IAAIC,EAAcF,EAAQ,EAAK,EAE9CG,EAAM,IAAM,CACX,MAAMC,EAAWd,EAAO,GAAM,KAC9B,IAAIe,EAESD,IAAa,MACtBE,EACA,OAEJ,GAAIF,IAAa,KAAM,CACtBH,EAAS,OAAO,KAAM,IAAI,EAE1B,MACD,CAEA,OAAAA,EAAS,OAAOG,EAAWJ,GAAW,CACrC,GAAII,EAAU,CAiBb,GAhBAhB,EAAUQ,EAAoCR,EAAWmB,EAAeH,EAAUC,CAAE,EAcpFG,EAAapB,EAASA,CAAO,EAEzBI,EAAW,CACVI,GAAaa,EAAoBL,CAAQ,GAE5ChB,EAAQ,OAAO,SAAS,cAAc,EAAE,CAAC,EAK1C,IAAIsB,EAAed,EAChBe,EAAgBvB,CAAO,EACvBA,EAAQ,YAAYwB,GAAa,EAEhChB,IACCc,IAAiB,KACpBG,EAAc,EAAK,EAEnBC,EAAiBJ,CAAY,GAU/BlB,EAAUJ,EAASsB,CAAY,CAGhC,CAGgDK,EAAe,MAAM,IAAM3B,EAE3EY,EAAO,OAAOZ,CAAO,CACtB,CAEIQ,GACHkB,EAAiBd,CAAM,CAEzB,CAAC,EAKM,IAAM,CAMb,CACD,EAAGgB,CAAkB,EAErBC,EAAS,IAAM,CAEf,CAAC,EAEGtB,IACHkB,EAAc,EAAI,EAClBC,EAAiBd,CAAM,EAEzB","x_google_ignoreList":[0]}

package/dist/this.js

@@ -1,2 +1,2 @@
-import{H as h,aB as k,aA as A,a0 as B,aF as S}from"./custom-element.js";function u(r,a){return r===a||r?.[S]===a}function c(r={},a,f,b){return h(()=>{var i,s;return k(()=>{i=s,s=b?.()||[],A(()=>{r!==f(...s)&&(a(r,...s),i&&u(f(...i),r)&&a(null,...i))})}),()=>{B(()=>{s&&u(f(...s),r)&&a(null,...s)})}}),r}export{c as b};
+import{M as h,aK as k,aJ as M,a6 as S,aP as T}from"./custom-element.js";function u(r,a){return r===a||r?.[T]===a}function d(r={},a,f,b){return h(()=>{var i,s;return k(()=>{i=s,s=b?.()||[],M(()=>{r!==f(...s)&&(a(r,...s),i&&u(f(...i),r)&&a(null,...i))})}),()=>{S(()=>{s&&u(f(...s),r)&&a(null,...s)})}}),r}export{d as b};
 //# sourceMappingURL=this.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/web-components",
-  "version": "1.5.1",
+  "version": "1.7.0",
   "description": "Web component Mozaic DS implementation",
   "license": "MIT",
   "engines": {
@@ -55,7 +55,7 @@
   },
   "dependencies": {
     "@mozaic-ds/icons-svelte": "^2.3.1",
-    "@mozaic-ds/styles": "^2.6.0",
+    "@mozaic-ds/styles": "^2.13.0",
     "@mozaic-ds/web-fonts": "1.65.0",
     "libphonenumber-js": "^1.12.31",
     "svelte": "^5.38.0"
@@ -76,6 +76,7 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/svelte": "^5.2.8",
     "@tsconfig/svelte": "^5.0.4",
+    "@types/lodash": "^4.17.23",
     "@vitest/coverage-v8": "^4.0.7",
     "eslint": "^9.38.0",
     "eslint-config-prettier": "^10.1.8",