@pnx-mixtape/mxds 0.1.0-rc.4 → 0.1.0-rc.5

package/dist/build/elements.js

@@ -1 +1,147 @@
-import{n as e,t}from"./chunks/cookie-compliance-Bbm-0vpj.js";import{a as n,c as r,i,l as a,n as o,o as s,r as c,s as l,t as u}from"./chunks/utilities-_Bq3TxAQ.js";import{n as d,t as f}from"./chunks/Navigation-hOrfLq7h.js";import{t as p}from"./chunks/GlobalToggle-B52fdBQu.js";import{t as m}from"./chunks/Autocomplete-B4RtkAyh.js";import{t as h}from"./chunks/DropMenu-1baQc8Yc.js";import{t as g}from"./chunks/Tabs-DYy1YTdU.js";import{t as _}from"./chunks/Sticky-BGCuuEJK.js";import{t as v}from"./chunks/InPageNavigation-Dyn2TR-N.js";import{t as y}from"./chunks/ClosableAlert-DEhj8Nxm.js";import{n as b,t as x}from"./chunks/Gallery-D8NGXy2Q.js";import{t as S}from"./chunks/Dialog-Haahn-Yn.js";import{t as C}from"./chunks/Accordion-GN0sME4W.js";import{t as w}from"./chunks/AccordionMobile-DG5jSe8Q.js";import{t as T}from"./chunks/CookieConsent-BkCMRVST.js";import{t as E}from"./chunks/AccordionGroup-Bzqp5__q.js";var D=class e{el;callback;controller;observer;fallbackBtn;errorMsg;constructor(e,t){this.el=e,this.callback=t,this.fallbackBtn=this.el.querySelector(`[data-load-fallback]`),this.errorMsg=this.el.querySelector(`[data-load-error]`),this.controller=new AbortController}init=()=>{this.observer=new IntersectionObserver(e=>{e.forEach(({isIntersecting:e})=>{e&&this.load().catch(e=>this.handleError(e))})}),this.observer.observe(this.el);let{signal:e}=this.controller;this.fallbackBtn?.addEventListener(`click`,this.handleClick,{signal:e})};load=async()=>{try{await this.callback()}catch(e){this.handleError(e)}finally{this.destroy()}};destroy=()=>{this.observer.disconnect(),this.controller.abort()};handleClick=()=>{this.load().catch(e=>this.handleError(e))};handleError=e=>{this.errorMsg?.removeAttribute(`hidden`)};static create=(t,n)=>{Object.hasOwn(window,`once`)&&window.once(`intersection-loader`,t)?.forEach(t=>{new e(t,n).init()})}},O=class e{el;callback;controller;breakpoint;options;fallbackBtn;errorMsg;constructor(e,t,n={mediaQuery:`(max-width: 720px)`}){if(!e)throw Error(`Element is null or empty.`);this.el=e,this.callback=t,this.breakpoint=window.matchMedia(n.mediaQuery),this.options={...n},this.fallbackBtn=this.el.querySelector(`[data-load-fallback]`),this.errorMsg=this.el.querySelector(`[data-load-error]`),this.controller=new AbortController}init=()=>{this.responsiveCheck(this.breakpoint);let{signal:e}=this.controller;this.breakpoint.addEventListener(`change`,this.responsiveCheck,{signal:e}),this.fallbackBtn?.addEventListener(`click`,this.handleClick,{signal:e})};responsiveCheck=({matches:e})=>{e&&this.load().catch(e=>this.handleError(e))};load=async()=>{try{await this.callback()}catch(e){this.handleError(e)}finally{this.destroy()}};destroy=()=>{this.controller.abort()};handleClick=()=>{this.load().catch(e=>this.handleError(e))};handleError=e=>{this.errorMsg?.removeAttribute(`hidden`)};static create=(t,n,r={})=>{Object.hasOwn(window,`once`)&&window.once(`breakpoint-loader`,t)?.forEach(t=>{new e(t,n,r).init()})}},k=class extends HTMLElement{internals_;controller;widget;static observedAttributes=[`open`];constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(!this.trigger||!this.content)return;this.content?.setAttribute(`inert`,``),this.content?.setAttribute(`role`,`region`),this.widget=new a(this.trigger,this,{attribute:`open`,setInitialAttribute:!1}),this.widget.init();let{signal:e}=this.controller;this.handleHash(),document.addEventListener(`hashchange`,this.handleHash,{signal:e})}disconnectedCallback(){this.content?.removeAttribute(`inert`),this.widget.detach(),this.controller.abort()}attributeChangedCallback(e,t,n){let r=n===null;this.content?.toggleAttribute(`inert`,r)}handleHash=()=>{let{hash:e}=window.location;e&&e===`#${this.id}`&&!this.hasAttribute(`open`)&&this.widget.handleToggle()};get trigger(){let e=this.querySelector(`:scope > button`);if(!e)throw Error(`${this.localName} must contain a <button> element.`);return e}get content(){let e=this.trigger?.nextElementSibling;if(!e)throw Error(`${this.localName} must contain a <div> element after the <button>.`);return e}};customElements.get(`mx-accordiondiv`)||customElements.define(`mx-accordiondiv`,k);export{C as Accordion,k as AccordionDiv,E as AccordionGroup,w as AccordionMobile,m as Autocomplete,O as BreakpointLoader,b as Carousel,y as ClosableAlert,t as CookieCompliance,T as CookieConsent,S as Dialog,a as DisclosureWidget,h as DropMenu,x as Gallery,p as GlobalToggle,v as InPageNavigation,D as IntersectionLoader,d as Keyboard,f as Navigation,_ as Sticky,g as Tabs,u as createElement,o as getElementBox,c as handleEscape,i as handleOutsideClick,n as isInternalLink,s as loadOnReady,l as makeAnchor,r as makeCamelCase,e as validators};
+import { n as e, t } from "./chunks/cookie-compliance-CG6x-TcV.js";
+import { a as n, c as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./chunks/utilities-Dd-08SW6.js";
+import { n as f, t as p } from "./chunks/Navigation-CDQnN61h.js";
+import { t as m } from "./chunks/GlobalToggle-CzlkpLpc.js";
+import { t as h } from "./chunks/FeedbackForm-BochXEDx.js";
+import { t as g } from "./chunks/Autocomplete-kRo8RNbC.js";
+import { t as _ } from "./chunks/DropMenu-CSTZq0Zt.js";
+import { t as v } from "./chunks/Translate-bmM38j6z.js";
+import { t as y } from "./chunks/Tabs-BDlxCDNh.js";
+import { t as b } from "./chunks/Sticky-DoVndENm.js";
+import { t as x } from "./chunks/InPageNavigation-D1Kk-rCm.js";
+import { t as S } from "./chunks/ClosableAlert-yy84gae6.js";
+import { n as C, t as w } from "./chunks/Gallery-Rkfv7Mbb.js";
+import { t as T } from "./chunks/Dialog-DWoXW-7Z.js";
+import { t as E } from "./chunks/Accordion-D2wp8hBG.js";
+import { t as D } from "./chunks/AccordionMobile-D3sTeiM5.js";
+import { t as O } from "./chunks/CookieConsent-wd8gQ2Oe.js";
+import { t as k } from "./chunks/BackToTop-4M-Wl7z3.js";
+import { t as A } from "./chunks/AccordionGroup-BYtoAFxg.js";
+//#region src/Utility/Elements/io-loader.ts
+var j = class e {
+	el;
+	callback;
+	controller;
+	observer;
+	fallbackBtn;
+	errorMsg;
+	constructor(e, t) {
+		this.el = e, this.callback = t, this.fallbackBtn = this.el.querySelector("[data-load-fallback]"), this.errorMsg = this.el.querySelector("[data-load-error]"), this.controller = new AbortController();
+	}
+	init = () => {
+		this.observer = new IntersectionObserver((e) => {
+			e.forEach(({ isIntersecting: e }) => {
+				e && this.load().catch((e) => this.handleError(e));
+			});
+		}), this.observer.observe(this.el);
+		let { signal: e } = this.controller;
+		this.fallbackBtn?.addEventListener("click", this.handleClick, { signal: e });
+	};
+	load = async () => {
+		try {
+			await this.callback();
+		} catch (e) {
+			this.handleError(e);
+		} finally {
+			this.destroy();
+		}
+	};
+	destroy = () => {
+		this.observer.disconnect(), this.controller.abort();
+	};
+	handleClick = () => {
+		this.load().catch((e) => this.handleError(e));
+	};
+	handleError = (e) => {
+		this.errorMsg?.removeAttribute("hidden");
+	};
+	static create = (t, n) => {
+		Object.hasOwn(window, "once") && window.once("intersection-loader", t)?.forEach((t) => {
+			new e(t, n).init();
+		});
+	};
+}, M = class e {
+	el;
+	callback;
+	controller;
+	breakpoint;
+	options;
+	fallbackBtn;
+	errorMsg;
+	constructor(e, t, n = { mediaQuery: "(max-width: 720px)" }) {
+		if (!e) throw Error("Element is null or empty.");
+		this.el = e, this.callback = t, this.breakpoint = window.matchMedia(n.mediaQuery), this.options = { ...n }, this.fallbackBtn = this.el.querySelector("[data-load-fallback]"), this.errorMsg = this.el.querySelector("[data-load-error]"), this.controller = new AbortController();
+	}
+	init = () => {
+		this.responsiveCheck(this.breakpoint);
+		let { signal: e } = this.controller;
+		this.breakpoint.addEventListener("change", this.responsiveCheck, { signal: e }), this.fallbackBtn?.addEventListener("click", this.handleClick, { signal: e });
+	};
+	responsiveCheck = ({ matches: e }) => {
+		e && this.load().catch((e) => this.handleError(e));
+	};
+	load = async () => {
+		try {
+			await this.callback();
+		} catch (e) {
+			this.handleError(e);
+		} finally {
+			this.destroy();
+		}
+	};
+	destroy = () => {
+		this.controller.abort();
+	};
+	handleClick = () => {
+		this.load().catch((e) => this.handleError(e));
+	};
+	handleError = (e) => {
+		this.errorMsg?.removeAttribute("hidden");
+	};
+	static create = (t, n, r = {}) => {
+		Object.hasOwn(window, "once") && window.once("breakpoint-loader", t)?.forEach((t) => {
+			new e(t, n, r).init();
+		});
+	};
+}, N = class extends HTMLElement {
+	internals_;
+	controller;
+	widget;
+	static observedAttributes = ["open"];
+	constructor() {
+		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
+	}
+	connectedCallback() {
+		if (!this.trigger || !this.content) return;
+		this.content?.setAttribute("inert", ""), this.content?.setAttribute("role", "region"), this.widget = new d(this.trigger, this, {
+			attribute: "open",
+			setInitialAttribute: !1
+		}), this.widget.init();
+		let { signal: e } = this.controller;
+		this.handleHash(), document.addEventListener("hashchange", this.handleHash, { signal: e });
+	}
+	disconnectedCallback() {
+		this.content?.removeAttribute("inert"), this.widget.detach(), this.controller.abort();
+	}
+	attributeChangedCallback(e, t, n) {
+		let r = n === null;
+		this.content?.toggleAttribute("inert", r);
+	}
+	handleHash = () => {
+		let { hash: e } = window.location;
+		e && e === `#${this.id}` && !this.hasAttribute("open") && this.widget.handleToggle();
+	};
+	get trigger() {
+		let e = this.querySelector(":scope > button");
+		if (!e) throw Error(`${this.localName} must contain a <button> element.`);
+		return e;
+	}
+	get content() {
+		let e = this.trigger?.nextElementSibling;
+		if (!e) throw Error(`${this.localName} must contain a <div> element after the <button>.`);
+		return e;
+	}
+};
+customElements.get("mx-accordiondiv") || customElements.define("mx-accordiondiv", N);
+//#endregion
+export { E as Accordion, N as AccordionDiv, A as AccordionGroup, D as AccordionMobile, g as Autocomplete, k as BackToTop, M as BreakpointLoader, C as Carousel, S as ClosableAlert, t as CookieCompliance, O as CookieConsent, T as Dialog, d as DisclosureWidget, _ as DropMenu, h as FeedbackForm, w as Gallery, m as GlobalToggle, a as GoogleTranslateWidget, x as InPageNavigation, j as IntersectionLoader, f as Keyboard, p as Navigation, b as Sticky, y as Tabs, v as Translate, u as createElement, o as getElementBox, c as handleEscape, i as handleOutsideClick, n as isInternalLink, s as loadOnReady, l as makeAnchor, r as makeCamelCase, e as validators };

package/dist/build/feedback-form.css

@@ -0,0 +1 @@
+@layer popover-polyfill;@layer design-system.defaults{mx-feedback-form{display:block}}@layer design-system.atoms,design-system.layout,design-system.utilities;@layer design-system.components{.mx-feedback-form{display:block;& form{gap:var(--flow-gap,var(--gap));display:grid}& .mx-error-message{margin-block-end:unset}& .mx-form-actions{margin-block-start:var(--flow-gap,var(--gap))}}.mx-feedback-form__rating{gap:var(--spacing-s);flex-wrap:wrap;display:flex}.mx-feedback-form__option .mx-icon{--icon-size:var(--feedback-form-icon-size,var(--spacing-m))}.mx-feedback-form__option label{cursor:pointer}.mx-feedback-form__option:has(input:checked) label{--button-bg:var(--button-dark-bg,var(--link-colour,var(--colour-link)));--button-fg:var(--button-dark-fg,var(--colour-foreground-reverse))}.mx-feedback-form__option:has(input:focus-visible) label{outline:var(--outline-size,2px) var(--outline-style,solid) var(--outline-color,currentcolor);outline-offset:var(--outline-offset,2px)}.mx-feedback-form.is-enhanced .mx-feedback-form__reveal{display:none}.mx-feedback-form.is-enhanced:has(.mx-feedback-form__rating input:checked) .mx-feedback-form__reveal{display:block}}

package/dist/build/feedback-form.entry.js

@@ -0,0 +1 @@
+import "./chunks/FeedbackForm-BochXEDx.js";

package/dist/build/filters.entry.js

@@ -1 +1,145 @@
-import{n as e}from"./chunks/cookie-compliance-Bbm-0vpj.js";import"./chunks/utilities-_Bq3TxAQ.js";import"./chunks/Accordion-GN0sME4W.js";import"./chunks/AccordionMobile-DG5jSe8Q.js";import"./chunks/enums-DLV_1NAf.js";import{createFocusTrap as t}from"focus-trap";var n=class extends HTMLElement{internals_;controller;entries;timeout;mq;focusTrap;rafId;focusTrapTimeout;scrollLockClass=`body--scroll-lock`;isRight;isInstant;instantDebounce;static observedAttributes=[`count`];constructor(){super(),this.internals_=this.attachInternals(),this.controller=new AbortController,this.mq=this.getAttribute(`mq`)||`(max-width: 720px)`,this.isRight=this.classList.contains(`mx-filters--right`),this.isInstant=this.classList.contains(`mx-filters--auto`)}connectedCallback(){if(!this.items)return;let{signal:e}=this.controller;this.closeBtn?.addEventListener(`click`,this.handleClose,{signal:e}),this.showBtn?.previousElementSibling.setAttribute(`hidden`,`until-found`),this.showBtn?.addEventListener(`click`,this.handleShow,{signal:e}),this.resetBtn?.setAttribute(`disabled`,``),this.submitBtn?.setAttribute(`disabled`,``),this.handleCounters(),this.addEventListener(`change`,this.handleCounters,{signal:e}),this.form?.addEventListener(`submit`,this.handleCounters,{signal:e}),this.form?.addEventListener(`reset`,this.handleReset,{signal:e}),this.isInstant&&(this.addEventListener(`change`,this.handleInstantSubmit,{signal:e}),this.addEventListener(`input`,this.handleInstantSubmit,{signal:e})),this.isRight&&(this.handleBreakpoint(this.breakpoint),this.breakpoint.addEventListener(`change`,this.handleBreakpoint,{signal:e}),this.focusTrap=t(this.form,{escapeDeactivates:!1,setReturnFocus:this.details,allowOutsideClick:!0,onActivate:()=>document.body.classList.add(this.scrollLockClass),onDeactivate:()=>document.body.classList.remove(this.scrollLockClass),checkCanFocusTrap:([e])=>new Promise(t=>{this.focusTrapTimeout=setTimeout(()=>{this.rafId&&=(cancelAnimationFrame(this.rafId),null),t()},2e3);let n=()=>{getComputedStyle(e).display===`none`?this.rafId=requestAnimationFrame(n):(this.focusTrapTimeout&&=(clearTimeout(this.focusTrapTimeout),null),this.rafId=null,t())};this.rafId=requestAnimationFrame(n)})}))}disconnectedCallback(){this.controller.abort(),this.timeout&&=(clearTimeout(this.timeout),null),this.instantDebounce&&=(clearTimeout(this.instantDebounce),null),this.rafId&&=(cancelAnimationFrame(this.rafId),null),this.focusTrapTimeout&&=(clearTimeout(this.focusTrapTimeout),null),this.focusTrap?.deactivate(),document.body.classList.remove(this.scrollLockClass)}attributeChangedCallback(t,n,r){if(t===`count`&&n!==r){let t=e.integer(r,1);if(this.resetBtn?.toggleAttribute(`disabled`,!t),this.submitBtn?.toggleAttribute(`disabled`,!t),!this.allCounter)return;this.allCounter.textContent=t?r:``}}handleClose=e=>{this.details&&(this.details.open=!1,e.preventDefault())};handleShow=e=>{e.preventDefault();let t=this.showBtn.previousElementSibling;t.removeAttribute(`hidden`);let n=t.previousElementSibling.querySelector(`input`);n&&(n.focus({preventScroll:!0}),this.timeout=setTimeout(()=>{this.showBtn.setAttribute(`hidden`,``)},100))};handleReset=()=>{this.entries.forEach((e,t)=>{this.entries.set(t,{...e,count:null}),e.counter&&(e.counter.textContent=``)}),this.setAttribute(`count`,`0`),this.instantDebounce&&=(clearTimeout(this.instantDebounce),null),this.isInstant&&(this.instantDebounce=setTimeout(()=>this.form?.requestSubmit(),0))};handleInstantSubmit=e=>{let t=e.target,n=t instanceof HTMLSelectElement||t instanceof HTMLInputElement&&[`checkbox`,`radio`].includes(t.type);n===(e.type===`change`)&&(this.instantDebounce&&=(clearTimeout(this.instantDebounce),null),n?this.form?.requestSubmit():this.instantDebounce=setTimeout(()=>this.form?.requestSubmit(),400))};handleCounters=()=>{let e=new FormData(this.form,this.submitBtn);this.entries.forEach((t,n)=>{let{length:r}=e.getAll(n).filter(Boolean),i=r>0?r:null;this.entries.set(n,{...t,count:i}),t.counter&&(t.counter.textContent=i?.toString()||``)});let t=[...this.entries].filter(([,e])=>e.count).length;this.setAttribute(`count`,t.toString())};handleBreakpoint=({matches:e})=>{if(!this.details)return;let{signal:t}=this.controller;e?this.details.addEventListener(`toggle`,this.handleToggle,{signal:t}):(this.details.removeEventListener(`toggle`,this.handleToggle),document.body.classList.remove(this.scrollLockClass),this.focusTrap?.deactivate())};handleToggle=async()=>{if(this.details.open)try{await this.focusTrap?.activate()}catch{}else this.focusTrap?.deactivate()};get items(){let e=this.querySelectorAll(`.mx-filter-item`);if(!e)throw Error(`${this.localName} must contain a .mx-filter-item element.`);return this.entries=/* @__PURE__ */ new Map,e.forEach(e=>{let t=e.querySelector(`input, select`)?.getAttribute(`name`);this.entries.set(t,{item:e,counter:e.querySelector(`[data-counter]`)})}),e}get details(){return this.querySelector(`mx-accordionmobile > details`)}get closeBtn(){return this.details?.querySelector(`button[data-close]`)}get form(){return this.querySelector(`form`)}get resetBtn(){return this.querySelector(`button[type='reset']`)}get submitBtn(){return this.querySelector(`button[type='submit']`)}get showBtn(){return this.querySelector(`button[data-show]`)}get allCounter(){return this.querySelector(`[data-counters]`)}get breakpoint(){return window.matchMedia(this.mq)}get pending(){return this.form?.getAttribute(`aria-busy`)===`true`}set pending(e){this.form?.setAttribute(`aria-busy`,String(e))}};customElements.get(`mx-filters`)||customElements.define(`mx-filters`,n);
+import { n as e } from "./chunks/cookie-compliance-CG6x-TcV.js";
+import "./chunks/utilities-Dd-08SW6.js";
+import "./chunks/Accordion-D2wp8hBG.js";
+import "./chunks/AccordionMobile-D3sTeiM5.js";
+import "./chunks/enums-BrHxPZZ_.js";
+import { createFocusTrap as t } from "focus-trap";
+//#region src/Component/Filters/Elements/Filters.ts
+var n = class extends HTMLElement {
+	internals_;
+	controller;
+	entries;
+	timeout;
+	mq;
+	focusTrap;
+	rafId;
+	focusTrapTimeout;
+	scrollLockClass = "body--scroll-lock";
+	isRight;
+	isInstant;
+	instantDebounce;
+	static observedAttributes = ["count"];
+	constructor() {
+		super(), this.internals_ = this.attachInternals(), this.controller = new AbortController(), this.mq = this.getAttribute("mq") || "(max-width: 720px)", this.isRight = this.classList.contains("mx-filters--right"), this.isInstant = this.classList.contains("mx-filters--auto");
+	}
+	connectedCallback() {
+		if (!this.items) return;
+		let { signal: e } = this.controller;
+		this.closeBtn?.addEventListener("click", this.handleClose, { signal: e }), this.showBtn?.previousElementSibling.setAttribute("hidden", "until-found"), this.showBtn?.addEventListener("click", this.handleShow, { signal: e }), this.resetBtn?.setAttribute("disabled", ""), this.submitBtn?.setAttribute("disabled", ""), this.handleCounters(), this.addEventListener("change", this.handleCounters, { signal: e }), this.form?.addEventListener("submit", this.handleCounters, { signal: e }), this.form?.addEventListener("reset", this.handleReset, { signal: e }), this.isInstant && (this.addEventListener("change", this.handleInstantSubmit, { signal: e }), this.addEventListener("input", this.handleInstantSubmit, { signal: e })), this.isRight && (this.handleBreakpoint(this.breakpoint), this.breakpoint.addEventListener("change", this.handleBreakpoint, { signal: e }), this.focusTrap = t(this.form, {
+			escapeDeactivates: !1,
+			setReturnFocus: this.details,
+			allowOutsideClick: !0,
+			onActivate: () => document.body.classList.add(this.scrollLockClass),
+			onDeactivate: () => document.body.classList.remove(this.scrollLockClass),
+			checkCanFocusTrap: ([e]) => new Promise((t) => {
+				this.focusTrapTimeout = setTimeout(() => {
+					this.rafId &&= (cancelAnimationFrame(this.rafId), null), t();
+				}, 2e3);
+				let n = () => {
+					getComputedStyle(e).display === "none" ? this.rafId = requestAnimationFrame(n) : (this.focusTrapTimeout &&= (clearTimeout(this.focusTrapTimeout), null), this.rafId = null, t());
+				};
+				this.rafId = requestAnimationFrame(n);
+			})
+		}));
+	}
+	disconnectedCallback() {
+		this.controller.abort(), this.timeout &&= (clearTimeout(this.timeout), null), this.instantDebounce &&= (clearTimeout(this.instantDebounce), null), this.rafId &&= (cancelAnimationFrame(this.rafId), null), this.focusTrapTimeout &&= (clearTimeout(this.focusTrapTimeout), null), this.focusTrap?.deactivate(), document.body.classList.remove(this.scrollLockClass);
+	}
+	attributeChangedCallback(t, n, r) {
+		if (t === "count" && n !== r) {
+			let t = e.integer(r, 1);
+			if (this.resetBtn?.toggleAttribute("disabled", !t), this.submitBtn?.toggleAttribute("disabled", !t), !this.allCounter) return;
+			this.allCounter.textContent = t ? r : "";
+		}
+	}
+	handleClose = (e) => {
+		this.details && (this.details.open = !1, e.preventDefault());
+	};
+	handleShow = (e) => {
+		e.preventDefault();
+		let t = this.showBtn.previousElementSibling;
+		t.removeAttribute("hidden");
+		let n = t.previousElementSibling.querySelector("input");
+		n && (n.focus({ preventScroll: !0 }), this.timeout = setTimeout(() => {
+			this.showBtn.setAttribute("hidden", "");
+		}, 100));
+	};
+	handleReset = () => {
+		this.entries.forEach((e, t) => {
+			this.entries.set(t, {
+				...e,
+				count: null
+			}), e.counter && (e.counter.textContent = "");
+		}), this.setAttribute("count", "0"), this.instantDebounce &&= (clearTimeout(this.instantDebounce), null), this.isInstant && (this.instantDebounce = setTimeout(() => this.form?.requestSubmit(), 0));
+	};
+	handleInstantSubmit = (e) => {
+		let t = e.target, n = t instanceof HTMLSelectElement || t instanceof HTMLInputElement && ["checkbox", "radio"].includes(t.type);
+		n === (e.type === "change") && (this.instantDebounce &&= (clearTimeout(this.instantDebounce), null), n ? this.form?.requestSubmit() : this.instantDebounce = setTimeout(() => this.form?.requestSubmit(), 400));
+	};
+	handleCounters = () => {
+		let e = new FormData(this.form, this.submitBtn);
+		this.entries.forEach((t, n) => {
+			let { length: r } = e.getAll(n).filter(Boolean), i = r > 0 ? r : null;
+			this.entries.set(n, {
+				...t,
+				count: i
+			}), t.counter && (t.counter.textContent = i?.toString() || "");
+		});
+		let t = [...this.entries].filter(([, e]) => e.count).length;
+		this.setAttribute("count", t.toString());
+	};
+	handleBreakpoint = ({ matches: e }) => {
+		if (!this.details) return;
+		let { signal: t } = this.controller;
+		e ? this.details.addEventListener("toggle", this.handleToggle, { signal: t }) : (this.details.removeEventListener("toggle", this.handleToggle), document.body.classList.remove(this.scrollLockClass), this.focusTrap?.deactivate());
+	};
+	handleToggle = async () => {
+		if (this.details.open) try {
+			await this.focusTrap?.activate();
+		} catch {}
+		else this.focusTrap?.deactivate();
+	};
+	get items() {
+		let e = this.querySelectorAll(".mx-filter-item");
+		if (!e) throw Error(`${this.localName} must contain a .mx-filter-item element.`);
+		return this.entries = /* @__PURE__ */ new Map(), e.forEach((e) => {
+			let t = e.querySelector("input, select")?.getAttribute("name");
+			this.entries.set(t, {
+				item: e,
+				counter: e.querySelector("[data-counter]")
+			});
+		}), e;
+	}
+	get details() {
+		return this.querySelector("mx-accordionmobile > details");
+	}
+	get closeBtn() {
+		return this.details?.querySelector("button[data-close]");
+	}
+	get form() {
+		return this.querySelector("form");
+	}
+	get resetBtn() {
+		return this.querySelector("button[type='reset']");
+	}
+	get submitBtn() {
+		return this.querySelector("button[type='submit']");
+	}
+	get showBtn() {
+		return this.querySelector("button[data-show]");
+	}
+	get allCounter() {
+		return this.querySelector("[data-counters]");
+	}
+	get breakpoint() {
+		return window.matchMedia(this.mq);
+	}
+	get pending() {
+		return this.form?.getAttribute("aria-busy") === "true";
+	}
+	set pending(e) {
+		this.form?.setAttribute("aria-busy", String(e));
+	}
+};
+customElements.get("mx-filters") || customElements.define("mx-filters", n);
+//#endregion

package/dist/build/gallery.entry.js

@@ -1 +1 @@
-import"./chunks/Gallery-D8NGXy2Q.js";
+import "./chunks/Gallery-Rkfv7Mbb.js";

package/dist/build/global-alert.entry.js

@@ -1 +1 @@
-import"./chunks/ClosableAlert-DEhj8Nxm.js";
+import "./chunks/ClosableAlert-yy84gae6.js";

package/dist/build/header.css

@@ -1 +1 @@
-@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.layouts{.mx-header__toggles{gap:var(--toggle-gap,var(--spacing-xs));z-index:var(--toggle-index,3);align-self:var(--toggle-align,start);padding-inline-end:2px;display:flex;position:relative;@media (width>=720px){display:none}& .mx-button--secondary{border-color:#0000}& [hidden]{display:none}}.mx-header__collapse-toggle{opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}inline-size:100%;z-index:var(--collapse-index,2);align-items:center;display:grid;position:fixed;inset:0;@starting-style{opacity:0;display:grid}@media (width<720px){padding-inline:var(--gutter,var(--spacing-l));grid-template-columns:inherit;& .mx-header__nav-inner{grid-column:full}}@media (width>=720px){block-size:auto;inline-size:auto;position:relative}&[inert]{opacity:0;transition-duration:.4s;display:none}}.global-nav-up-only{@media (width<720px){display:none}}.mx-header__inner{grid-template-columns:minmax(var(--brand-logo-width,120px), 1fr) auto;align-items:center;gap:var(--header-gap,var(--spacing-xxxs));display:grid}.mx-header__brand{gap:var(--brand-gap,var(--spacing-xxxs) var(--gap));flex-wrap:wrap;align-items:center;margin-inline-end:auto;display:flex}.mx-header__name{display:grid}.mx-header__main{gap:var(--main-gap,var(--gap));align-items:center;display:flex}.mx-header__search{& form{margin-block:var(--spacing-m)}& input{@media (width>=720px){max-inline-size:150px}}}.mx-header__nav-inner{@media (width>=720px){display:flex}}.mx-header__nav-right{margin-block:var(--spacing-m);@media (width>=720px){margin-block:0;margin-inline-start:auto;padding-block:4px}}}
+@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.layouts{.mx-header__toggles{gap:var(--toggle-gap,var(--spacing-xs));z-index:var(--toggle-index,3);align-self:var(--toggle-align,start);padding-inline-end:2px;display:flex;position:relative;@media (width>=720px){display:none}& .mx-button--secondary{border-color:#0000}& [hidden]{display:none}}.mx-header__collapse-toggle{inline-size:100%;z-index:var(--collapse-index,2);align-items:center;display:grid;position:fixed;inset:0;@media (width<720px){opacity:1;transition-property:var(--transition-property,opacity, color, background-color, border-color, transform, rotate, display, overlay);transition-duration:var(--transition-duration,.5s);transition-timing-function:var(--ease);transition-behavior:allow-discrete;@starting-style{opacity:0}padding-inline:var(--gutter,var(--spacing-l));grid-template-columns:inherit;@starting-style{opacity:0;display:grid}& .mx-header__nav-inner{grid-column:full}}@media (width>=720px){block-size:auto;inline-size:auto;position:relative}&[inert]{opacity:0;transition-duration:.4s;display:none}}.global-nav-up-only{@media (width<720px){display:none}}.mx-header__inner{grid-template-columns:minmax(var(--brand-logo-width,120px), 1fr) auto;align-items:center;gap:var(--header-gap,var(--spacing-xxxs));display:grid}.mx-header__brand{gap:var(--brand-gap,var(--spacing-xxxs) var(--gap));flex-wrap:wrap;align-items:center;margin-inline-end:auto;display:flex}.mx-header__name{display:grid}.mx-header__main{gap:var(--main-gap,var(--gap));align-items:center;display:flex}.mx-header__search{& form{margin-block:var(--spacing-m)}& input{@media (width>=720px){max-inline-size:150px}}}.mx-header__nav-inner{@media (width>=720px){display:flex}}.mx-header__nav-right{margin-block:var(--spacing-m);@media (width>=720px){margin-block:0;margin-inline-start:auto;padding-block:4px}}}

package/dist/build/header.entry.js

@@ -1 +1 @@
-import"./chunks/GlobalToggle-B52fdBQu.js";
+import "./chunks/GlobalToggle-CzlkpLpc.js";