@luzmo/analytics-components-kit 1.0.6 → 1.0.8-beta.1

package/components/bar-chart-positioning.config-BIIRV0eK.js

@@ -0,0 +1,59 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { n as e } from "./item-slot-drop-panel-DwNCcxm1.js";
+//#region node_modules/@luzmo/dashboard-contents-types/bar-chart/bar-chart-positioning.config.js
+var t = {
+	grid: {
+		columns: 3,
+		rows: 1,
+		columnSizes: [
+			e,
+			"1fr",
+			e
+		],
+		rowSizes: ["1fr"],
+		gap: "0"
+	},
+	slots: {
+		"y-axis": {
+			column: 1,
+			row: 1,
+			align: "center",
+			justify: "center",
+			rotate: !0
+		},
+		measure: {
+			column: 2,
+			row: 1,
+			align: "end",
+			justify: "center",
+			rotate: !1
+		},
+		legend: {
+			column: 3,
+			row: 1,
+			align: "center",
+			justify: "center",
+			rotate: !0
+		}
+	}
+};
+//#endregion
+export { t as barChartPositioningConfig };

package/components/bar-chart-positioning.config-CuZ6-d9P.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./item-slot-drop-panel-BjOPdyYH.cjs");var t={grid:{columns:3,rows:1,columnSizes:[e.n,`1fr`,e.n],rowSizes:[`1fr`],gap:`0`},slots:{"y-axis":{column:1,row:1,align:`center`,justify:`center`,rotate:!0},measure:{column:2,row:1,align:`end`,justify:`center`,rotate:!1},legend:{column:3,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.barChartPositioningConfig=t;

package/components/bar-chart-slots.config-BnbZRLIr.js

@@ -0,0 +1,50 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
+//#region node_modules/@luzmo/dashboard-contents-types/bar-chart/bar-chart-slots.config.js
+var t = /* @__PURE__ */ e({ barChartSlotsConfig: () => n }), n = [
+	{
+		name: "y-axis",
+		label: "Category",
+		type: "categorical",
+		rotate: !0,
+		options: { areDatetimeOptionsEnabled: !0 }
+	},
+	{
+		name: "measure",
+		label: "Measure",
+		type: "numeric",
+		rotate: !1,
+		options: { isCumulativeSumEnabled: !0 },
+		canAcceptMultipleDataFields: !0,
+		canAcceptFormula: !0,
+		keepOnlyFirstWhenOtherSlotFilled: ["legend"]
+	},
+	{
+		name: "legend",
+		label: "Group by",
+		type: "categorical",
+		rotate: !0,
+		options: { areDatetimeOptionsEnabled: !0 },
+		clearWhenOtherSlotHasMultipleItems: ["measure"]
+	}
+];
+//#endregion
+export { n, t };

package/components/base-B0frB7oV.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./decorate-DCJt-2rt.cjs");require("./localized-mixin-BbOPy_BO.cjs");let n=require("lit"),r=require("lit/decorators.js");var i=new Set;new MutationObserver(()=>{let e=document.documentElement.dir===`rtl`?document.documentElement.dir:`ltr`;i.forEach(t=>{t.setAttribute(`dir`,e)})}).observe(document.documentElement,{attributes:!0,attributeFilter:[`dir`]});var a=e=>e.startManagingContentDirection!==void 0||e.tagName===`LUZMO-THEME`,o=(e=document)=>{let t=e.activeElement;for(;t?.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;let n=t?[t]:[];for(;t;){let e=t.assignedSlot||t.parentElement||t.getRootNode()?.host;e&&n.push(e),t=e}return n};function s(e){class t extends e{get isLTR(){return this.dir===`ltr`}hasVisibleFocusInTree(){let e=o(this.getRootNode())[0];if(!e)return!1;try{return e.matches(`:focus-visible`)||e.matches(`.focus-visible`)}catch{return e.matches(`.focus-visible`)}}connectedCallback(){if(super.connectedCallback(),!this.hasAttribute(`dir`)){let e=this.assignedSlot||this.parentNode;for(;e!==document.documentElement&&!a(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir===`rtl`?e.dir:this.dir||`ltr`,e===document.documentElement)i.add(this);else{let{localName:t}=e;t.search(`-`)>-1&&!customElements.get(t)?customElements.whenDefined(t).then(()=>{typeof e.startManagingContentDirection==`function`&&e.startManagingContentDirection(this)}):typeof e.startManagingContentDirection==`function`&&e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document.documentElement?i.delete(this):typeof this._dirParent.stopManagingContentDirection==`function`&&this._dirParent.stopManagingContentDirection(this),this.removeAttribute(`dir`))}}return t}var c=class extends s(n.LitElement){},l=e.n({FocusVisiblePolyfillMixin:()=>f}),u=!0;try{document.body.querySelector(`:focus-visible`)}catch{u=!1,Promise.resolve().then(()=>l)}var d=e=>{if(e.shadowRoot==null||Object.hasOwn(e.dataset,`jsFocusVisible`))return()=>{};if(self.applyFocusVisiblePolyfill)self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus();else{let t=()=>{self.applyFocusVisiblePolyfill&&e.shadowRoot&&self.applyFocusVisiblePolyfill(e.shadowRoot),e.manageAutoFocus&&e.manageAutoFocus()};return self.addEventListener(`focus-visible-polyfill-ready`,t,{once:!0}),()=>{self.removeEventListener(`focus-visible-polyfill-ready`,t)}}return()=>{}},f=e=>{let t=Symbol(`endPolyfillCoordination`);class n extends e{constructor(...e){super(...e),this[t]=null}connectedCallback(){super.connectedCallback&&super.connectedCallback(),u||requestAnimationFrame(()=>{this[t]??(this[t]=d(this))})}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),u||requestAnimationFrame(()=>{this[t]!=null&&(this[t](),this[t]=null)})}}return n};function p(){return new Promise(e=>requestAnimationFrame(()=>e()))}var m=class extends f(c){constructor(...e){super(...e),this.disabled=!1,this.autofocus=!1,this._tabIndex=0,this.manipulatingTabindex=!1,this.autofocusReady=Promise.resolve()}get tabIndex(){if(this.focusElement===this){let e=this.hasAttribute(`tabindex`)?Number(this.getAttribute(`tabindex`)):NaN;return Number.isNaN(e)?-1:e}let e=Number.parseFloat(this.hasAttribute(`tabindex`)&&this.getAttribute(`tabindex`)||`0`);return this.disabled||e<0?-1:this.focusElement?this._tabIndex:e}set tabIndex(e){if(this.manipulatingTabindex){this.manipulatingTabindex=!1;return}if(this.focusElement===this){if(this.disabled)this._tabIndex=e;else if(e!==this._tabIndex){this._tabIndex=e;let t=``+e;this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,t)}return}if(e===-1?this.addEventListener(`pointerdown`,this.onPointerdownManagementOfTabIndex):(this.manipulatingTabindex=!0,this.removeEventListener(`pointerdown`,this.onPointerdownManagementOfTabIndex)),e===-1||this.disabled){if(this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,`-1`),this.removeAttribute(`focusable`),this.selfManageFocusElement)return;e===-1?this.focusElement?.removeAttribute(`tabindex`):(this._tabIndex=e,this.manageFocusElementTabindex(e));return}this.setAttribute(`focusable`,``),this.hasAttribute(`tabindex`)?this.removeAttribute(`tabindex`):this.manipulatingTabindex=!1,this._tabIndex=e,this.manageFocusElementTabindex(e)}onPointerdownManagementOfTabIndex(){this.tabIndex===-1&&setTimeout(()=>{this.tabIndex=0,this.focus({preventScroll:!0}),this.tabIndex=-1})}async manageFocusElementTabindex(e){this.focusElement||await this.updateComplete,e===null?this.focusElement.removeAttribute(`tabindex`):this.focusElement!==this&&(this.focusElement.tabIndex=e)}get focusElement(){throw Error(`Must implement focusElement getter!`)}get selfManageFocusElement(){return!1}focus(e){this.disabled||!this.focusElement||(this.focusElement===this?Reflect.apply(HTMLElement.prototype.focus,this,[e]):this.focusElement.focus(e))}blur(){let e=this.focusElement||this;e===this?HTMLElement.prototype.blur.apply(this):e.blur()}click(){if(this.disabled)return;let e=this.focusElement||this;e===this?HTMLElement.prototype.click.apply(this):e.click()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent(`keydown`,{code:`Tab`})),this.focusElement.focus())}firstUpdated(e){super.firstUpdated(e),(!this.hasAttribute(`tabindex`)||this.getAttribute(`tabindex`)!==`-1`)&&this.setAttribute(`focusable`,``)}update(e){e.has(`disabled`)&&this.handleDisabledChanged(this.disabled,e.get(`disabled`)),super.update(e)}updated(e){super.updated(e),e.has(`disabled`)&&this.disabled&&this.blur()}async handleDisabledChanged(e,t){let n=()=>this.focusElement!==this&&this.focusElement.disabled!==void 0;e?(this.manipulatingTabindex=!0,this.setAttribute(`tabindex`,`-1`),await this.updateComplete,n()?this.focusElement.disabled=!0:this.setAttribute(`aria-disabled`,`true`)):t&&(this.manipulatingTabindex=!0,this.focusElement===this?this.setAttribute(`tabindex`,``+this._tabIndex):this.removeAttribute(`tabindex`),await this.updateComplete,n()?this.focusElement.disabled=!1:this.removeAttribute(`aria-disabled`))}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.autofocusReady,e}connectedCallback(){super.connectedCallback(),this.autofocus&&(this.autofocusReady=(async()=>{await p(),await p()})(),this.updateComplete.then(()=>this.manageAutoFocus()))}};t.t([(0,r.property)({type:Boolean,reflect:!0})],m.prototype,`disabled`,void 0),t.t([(0,r.property)({type:Boolean})],m.prototype,`autofocus`,void 0),t.t([(0,r.property)({type:Number})],m.prototype,`tabIndex`,null);var h={xxs:`xxs`,xs:`xs`,s:`s`,m:`m`,l:`l`,xl:`xl`,xxl:`xxl`};function g(e,{validSizes:n=[`s`,`m`,`l`,`xl`],noDefaultSize:i,defaultSize:a=`m`}={}){class o extends e{constructor(...e){super(...e),this._size=a}get size(){return this._size||a}set size(e){let t=i?null:a,r=e&&e.toLocaleLowerCase(),o=n.includes(r)?r:t;if(o&&this.setAttribute(`size`,o),this._size===o)return;let s=this._size;this._size=o,this.requestUpdate(`size`,s)}update(e){!this.hasAttribute(`size`)&&!i&&this.setAttribute(`size`,this.size),super.update(e)}}return t.t([(0,r.property)({type:String})],o.prototype,`size`,null),o}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/components/base-DPqRkMth.js

@@ -0,0 +1,249 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
+import { t } from "./decorate-DyMgX_Uh.js";
+import "./localized-mixin-D1ss6vE4.js";
+import { LitElement as n } from "lit";
+import { property as r } from "lit/decorators.js";
+//#region src/utils/base/base.ts
+var i = /* @__PURE__ */ new Set();
+new MutationObserver(() => {
+	let e = document.documentElement.dir === "rtl" ? document.documentElement.dir : "ltr";
+	i.forEach((t) => {
+		t.setAttribute("dir", e);
+	});
+}).observe(document.documentElement, {
+	attributes: !0,
+	attributeFilter: ["dir"]
+});
+var a = (e) => e.startManagingContentDirection !== void 0 || e.tagName === "LUZMO-THEME", o = (e = document) => {
+	let t = e.activeElement;
+	for (; t?.shadowRoot && t.shadowRoot.activeElement;) t = t.shadowRoot.activeElement;
+	let n = t ? [t] : [];
+	for (; t;) {
+		let e = t.assignedSlot || t.parentElement || t.getRootNode()?.host;
+		e && n.push(e), t = e;
+	}
+	return n;
+};
+function s(e) {
+	class t extends e {
+		get isLTR() {
+			return this.dir === "ltr";
+		}
+		hasVisibleFocusInTree() {
+			let e = o(this.getRootNode())[0];
+			if (!e) return !1;
+			try {
+				return e.matches(":focus-visible") || e.matches(".focus-visible");
+			} catch {
+				return e.matches(".focus-visible");
+			}
+		}
+		connectedCallback() {
+			if (super.connectedCallback(), !this.hasAttribute("dir")) {
+				let e = this.assignedSlot || this.parentNode;
+				for (; e !== document.documentElement && !a(e);) e = e.assignedSlot || e.parentNode || e.host;
+				if (this.dir = e.dir === "rtl" ? e.dir : this.dir || "ltr", e === document.documentElement) i.add(this);
+				else {
+					let { localName: t } = e;
+					t.search("-") > -1 && !customElements.get(t) ? customElements.whenDefined(t).then(() => {
+						typeof e.startManagingContentDirection == "function" && e.startManagingContentDirection(this);
+					}) : typeof e.startManagingContentDirection == "function" && e.startManagingContentDirection(this);
+				}
+				this._dirParent = e;
+			}
+			super.connectedCallback();
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback(), this._dirParent && (this._dirParent === document.documentElement ? i.delete(this) : typeof this._dirParent.stopManagingContentDirection == "function" && this._dirParent.stopManagingContentDirection(this), this.removeAttribute("dir"));
+		}
+	}
+	return t;
+}
+var c = class extends s(n) {}, l = /* @__PURE__ */ e({ FocusVisiblePolyfillMixin: () => f }), u = !0;
+try {
+	document.body.querySelector(":focus-visible");
+} catch {
+	u = !1, Promise.resolve().then(() => l);
+}
+var d = (e) => {
+	if (e.shadowRoot == null || Object.hasOwn(e.dataset, "jsFocusVisible")) return () => {};
+	if (self.applyFocusVisiblePolyfill) self.applyFocusVisiblePolyfill(e.shadowRoot), e.manageAutoFocus && e.manageAutoFocus();
+	else {
+		let t = () => {
+			self.applyFocusVisiblePolyfill && e.shadowRoot && self.applyFocusVisiblePolyfill(e.shadowRoot), e.manageAutoFocus && e.manageAutoFocus();
+		};
+		return self.addEventListener("focus-visible-polyfill-ready", t, { once: !0 }), () => {
+			self.removeEventListener("focus-visible-polyfill-ready", t);
+		};
+	}
+	return () => {};
+}, f = (e) => {
+	let t = Symbol("endPolyfillCoordination");
+	class n extends e {
+		constructor(...e) {
+			super(...e), this[t] = null;
+		}
+		connectedCallback() {
+			super.connectedCallback && super.connectedCallback(), u || requestAnimationFrame(() => {
+				this[t] ?? (this[t] = d(this));
+			});
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback && super.disconnectedCallback(), u || requestAnimationFrame(() => {
+				this[t] != null && (this[t](), this[t] = null);
+			});
+		}
+	}
+	return n;
+};
+//#endregion
+//#region src/utils/base/focusable.ts
+function p() {
+	return new Promise((e) => requestAnimationFrame(() => e()));
+}
+var m = class extends f(c) {
+	constructor(...e) {
+		super(...e), this.disabled = !1, this.autofocus = !1, this._tabIndex = 0, this.manipulatingTabindex = !1, this.autofocusReady = Promise.resolve();
+	}
+	get tabIndex() {
+		if (this.focusElement === this) {
+			let e = this.hasAttribute("tabindex") ? Number(this.getAttribute("tabindex")) : NaN;
+			return Number.isNaN(e) ? -1 : e;
+		}
+		let e = Number.parseFloat(this.hasAttribute("tabindex") && this.getAttribute("tabindex") || "0");
+		return this.disabled || e < 0 ? -1 : this.focusElement ? this._tabIndex : e;
+	}
+	set tabIndex(e) {
+		if (this.manipulatingTabindex) {
+			this.manipulatingTabindex = !1;
+			return;
+		}
+		if (this.focusElement === this) {
+			if (this.disabled) this._tabIndex = e;
+			else if (e !== this._tabIndex) {
+				this._tabIndex = e;
+				let t = "" + e;
+				this.manipulatingTabindex = !0, this.setAttribute("tabindex", t);
+			}
+			return;
+		}
+		if (e === -1 ? this.addEventListener("pointerdown", this.onPointerdownManagementOfTabIndex) : (this.manipulatingTabindex = !0, this.removeEventListener("pointerdown", this.onPointerdownManagementOfTabIndex)), e === -1 || this.disabled) {
+			if (this.manipulatingTabindex = !0, this.setAttribute("tabindex", "-1"), this.removeAttribute("focusable"), this.selfManageFocusElement) return;
+			e === -1 ? this.focusElement?.removeAttribute("tabindex") : (this._tabIndex = e, this.manageFocusElementTabindex(e));
+			return;
+		}
+		this.setAttribute("focusable", ""), this.hasAttribute("tabindex") ? this.removeAttribute("tabindex") : this.manipulatingTabindex = !1, this._tabIndex = e, this.manageFocusElementTabindex(e);
+	}
+	onPointerdownManagementOfTabIndex() {
+		this.tabIndex === -1 && setTimeout(() => {
+			this.tabIndex = 0, this.focus({ preventScroll: !0 }), this.tabIndex = -1;
+		});
+	}
+	async manageFocusElementTabindex(e) {
+		this.focusElement || await this.updateComplete, e === null ? this.focusElement.removeAttribute("tabindex") : this.focusElement !== this && (this.focusElement.tabIndex = e);
+	}
+	get focusElement() {
+		throw Error("Must implement focusElement getter!");
+	}
+	get selfManageFocusElement() {
+		return !1;
+	}
+	focus(e) {
+		this.disabled || !this.focusElement || (this.focusElement === this ? Reflect.apply(HTMLElement.prototype.focus, this, [e]) : this.focusElement.focus(e));
+	}
+	blur() {
+		let e = this.focusElement || this;
+		e === this ? HTMLElement.prototype.blur.apply(this) : e.blur();
+	}
+	click() {
+		if (this.disabled) return;
+		let e = this.focusElement || this;
+		e === this ? HTMLElement.prototype.click.apply(this) : e.click();
+	}
+	manageAutoFocus() {
+		this.autofocus && (this.dispatchEvent(new KeyboardEvent("keydown", { code: "Tab" })), this.focusElement.focus());
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e), (!this.hasAttribute("tabindex") || this.getAttribute("tabindex") !== "-1") && this.setAttribute("focusable", "");
+	}
+	update(e) {
+		e.has("disabled") && this.handleDisabledChanged(this.disabled, e.get("disabled")), super.update(e);
+	}
+	updated(e) {
+		super.updated(e), e.has("disabled") && this.disabled && this.blur();
+	}
+	async handleDisabledChanged(e, t) {
+		let n = () => this.focusElement !== this && this.focusElement.disabled !== void 0;
+		e ? (this.manipulatingTabindex = !0, this.setAttribute("tabindex", "-1"), await this.updateComplete, n() ? this.focusElement.disabled = !0 : this.setAttribute("aria-disabled", "true")) : t && (this.manipulatingTabindex = !0, this.focusElement === this ? this.setAttribute("tabindex", "" + this._tabIndex) : this.removeAttribute("tabindex"), await this.updateComplete, n() ? this.focusElement.disabled = !1 : this.removeAttribute("aria-disabled"));
+	}
+	async getUpdateComplete() {
+		let e = await super.getUpdateComplete();
+		return await this.autofocusReady, e;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.autofocus && (this.autofocusReady = (async () => {
+			await p(), await p();
+		})(), this.updateComplete.then(() => this.manageAutoFocus()));
+	}
+};
+t([r({
+	type: Boolean,
+	reflect: !0
+})], m.prototype, "disabled", void 0), t([r({ type: Boolean })], m.prototype, "autofocus", void 0), t([r({ type: Number })], m.prototype, "tabIndex", null);
+//#endregion
+//#region src/utils/base/sized-mixin.ts
+var h = {
+	xxs: "xxs",
+	xs: "xs",
+	s: "s",
+	m: "m",
+	l: "l",
+	xl: "xl",
+	xxl: "xxl"
+};
+function g(e, { validSizes: n = [
+	"s",
+	"m",
+	"l",
+	"xl"
+], noDefaultSize: i, defaultSize: a = "m" } = {}) {
+	class o extends e {
+		constructor(...e) {
+			super(...e), this._size = a;
+		}
+		get size() {
+			return this._size || a;
+		}
+		set size(e) {
+			let t = i ? null : a, r = e && e.toLocaleLowerCase(), o = n.includes(r) ? r : t;
+			if (o && this.setAttribute("size", o), this._size === o) return;
+			let s = this._size;
+			this._size = o, this.requestUpdate("size", s);
+		}
+		update(e) {
+			!this.hasAttribute("size") && !i && this.setAttribute("size", this.size), super.update(e);
+		}
+	}
+	return t([r({ type: String })], o.prototype, "size", null), o;
+}
+//#endregion
+export { s as a, c as i, g as n, m as r, h as t };