@luzmo/analytics-components-kit 1.0.4-beta.1 → 1.0.4-beta.3

package/components/base-DYkpEuMf.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-BFUFSRw6.js";
+import { t } from "./decorate-CaYbmmmm.js";
+import "./localized-mixin-BYWQe1fg.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 };

package/components/base-store-D0jbv0bE.js

@@ -0,0 +1,160 @@
+/*! * 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 { t as e } from "./v4-BK7K-jy_.js";
+import * as t from "yjs";
+//#region src/utils/store/base-store.ts
+function n() {
+	return e();
+}
+var r = {
+	mergeInterval: 300,
+	maxUndoSteps: 100
+}, i = class e {
+	static {
+		this.LOCAL_ORIGIN = "local";
+	}
+	constructor(e = {}, i) {
+		if (this.stateSubscribers = /* @__PURE__ */ new Set(), this.changeSubscribers = /* @__PURE__ */ new Set(), this.localUpdatesSubscribers = /* @__PURE__ */ new Set(), this.isDestroyed = !1, this.id = i ?? n(), this.config = {
+			...r,
+			...e
+		}, this.doc = new t.Doc(), this.config.peerId) {
+			let e = (this.config.peerId, Number(this.config.peerId));
+			this.doc.clientID = e;
+		}
+		this.setupChangeSubscription();
+	}
+	setupUndoManager(n) {
+		this.undoManager && this.undoManager.destroy(), this.undoManager = new t.UndoManager(n, {
+			captureTimeout: this.config.mergeInterval,
+			trackedOrigins: new Set([e.LOCAL_ORIGIN])
+		});
+	}
+	setupChangeSubscription() {
+		this.doc.on("update", (t, n) => {
+			for (let e of this.changeSubscribers) try {
+				e({
+					update: t,
+					origin: n
+				});
+			} catch (e) {
+				console.error("Error in change subscriber:", e);
+			}
+			if (this.notifyStateSubscribers(), n === e.LOCAL_ORIGIN) for (let e of this.localUpdatesSubscribers) try {
+				e(t);
+			} catch (e) {
+				console.error("Error in local updates subscriber:", e);
+			}
+		});
+	}
+	notifyStateSubscribers() {
+		if (this.isDestroyed) return;
+		let e = this.getState();
+		for (let t of this.stateSubscribers) try {
+			t(e);
+		} catch (e) {
+			console.error("Error in state subscriber:", e);
+		}
+	}
+	undo() {
+		return this.canUndo() ? (this.undoManager.undo(), this.notifyStateSubscribers(), !0) : !1;
+	}
+	redo() {
+		return this.canRedo() ? (this.undoManager.redo(), this.notifyStateSubscribers(), !0) : !1;
+	}
+	canUndo() {
+		return this.undoManager.undoStack.length > 0;
+	}
+	canRedo() {
+		return this.undoManager.redoStack.length > 0;
+	}
+	clearHistory() {
+		this.undoManager.clear();
+	}
+	subscribe(e, t) {
+		let { fireImmediately: n = !0 } = t ?? {};
+		return this.stateSubscribers.add(e), n && queueMicrotask(() => {
+			if (!this.isDestroyed && this.stateSubscribers.has(e)) try {
+				e(this.getState());
+			} catch (e) {
+				console.error("Error in initial state callback:", e);
+			}
+		}), () => {
+			this.stateSubscribers.delete(e);
+		};
+	}
+	subscribeToChanges(e) {
+		return this.changeSubscribers.add(e), () => {
+			this.changeSubscribers.delete(e);
+		};
+	}
+	exportUpdates(e) {
+		return e ? t.encodeStateAsUpdate(this.doc, e) : t.encodeStateAsUpdate(this.doc);
+	}
+	importUpdates(e) {
+		t.applyUpdate(this.doc, e);
+	}
+	subscribeLocalUpdates(e) {
+		return this.localUpdatesSubscribers.add(e), () => {
+			this.localUpdatesSubscribers.delete(e);
+		};
+	}
+	exportSnapshot() {
+		return t.encodeStateAsUpdate(this.doc);
+	}
+	importSnapshot(e) {
+		t.applyUpdate(this.doc, e), this.notifyStateSubscribers();
+	}
+	getVersion() {
+		return t.encodeStateVector(this.doc);
+	}
+	commit(e) {}
+	reset(e) {
+		if (this.doc.destroy(), this.doc = new t.Doc(), this.config.peerId) {
+			let e = (this.config.peerId, Number(this.config.peerId));
+			this.doc.clientID = e;
+		}
+		this.setupChangeSubscription(), this.initializeContainers(e), this.undoManager.clear(), this.notifyStateSubscribers();
+	}
+	destroy() {
+		this.isDestroyed = !0, this.stateSubscribers.clear(), this.changeSubscribers.clear(), this.localUpdatesSubscribers.clear(), this.undoManager && this.undoManager.destroy(), this.doc.destroy();
+	}
+	getDoc() {
+		return this.doc;
+	}
+	getPeerId() {
+		return this.doc.clientID.toString();
+	}
+	clone(e) {
+		return structuredClone(e);
+	}
+	setNestedValue(e, t, n) {
+		let r = this.clone(e), i = t.split("."), a = r;
+		for (let e = 0; e < i.length - 1; e++) {
+			let t = i[e];
+			(!(t in a) || typeof a[t] != "object") && (a[t] = {}), a = a[t];
+		}
+		return a[i[i.length - 1]] = n, r;
+	}
+	transact(t) {
+		return this.doc.transact(t, e.LOCAL_ORIGIN);
+	}
+};
+//#endregion
+export { i as t };

package/components/base-store-ab2wBsBE.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("./chunk-mLOUI7ql.cjs"),t=require("./v4-Dyp-SQ1c.cjs");let n=require("yjs");n=e.r(n,1);function r(){return t.t()}var i={mergeInterval:300,maxUndoSteps:100},a=class e{static{this.LOCAL_ORIGIN=`local`}constructor(e={},t){if(this.stateSubscribers=new Set,this.changeSubscribers=new Set,this.localUpdatesSubscribers=new Set,this.isDestroyed=!1,this.id=t??r(),this.config={...i,...e},this.doc=new n.Doc,this.config.peerId){let e=(this.config.peerId,Number(this.config.peerId));this.doc.clientID=e}this.setupChangeSubscription()}setupUndoManager(t){this.undoManager&&this.undoManager.destroy(),this.undoManager=new n.UndoManager(t,{captureTimeout:this.config.mergeInterval,trackedOrigins:new Set([e.LOCAL_ORIGIN])})}setupChangeSubscription(){this.doc.on(`update`,(t,n)=>{for(let e of this.changeSubscribers)try{e({update:t,origin:n})}catch(e){console.error(`Error in change subscriber:`,e)}if(this.notifyStateSubscribers(),n===e.LOCAL_ORIGIN)for(let e of this.localUpdatesSubscribers)try{e(t)}catch(e){console.error(`Error in local updates subscriber:`,e)}})}notifyStateSubscribers(){if(this.isDestroyed)return;let e=this.getState();for(let t of this.stateSubscribers)try{t(e)}catch(e){console.error(`Error in state subscriber:`,e)}}undo(){return this.canUndo()?(this.undoManager.undo(),this.notifyStateSubscribers(),!0):!1}redo(){return this.canRedo()?(this.undoManager.redo(),this.notifyStateSubscribers(),!0):!1}canUndo(){return this.undoManager.undoStack.length>0}canRedo(){return this.undoManager.redoStack.length>0}clearHistory(){this.undoManager.clear()}subscribe(e,t){let{fireImmediately:n=!0}=t??{};return this.stateSubscribers.add(e),n&&queueMicrotask(()=>{if(!this.isDestroyed&&this.stateSubscribers.has(e))try{e(this.getState())}catch(e){console.error(`Error in initial state callback:`,e)}}),()=>{this.stateSubscribers.delete(e)}}subscribeToChanges(e){return this.changeSubscribers.add(e),()=>{this.changeSubscribers.delete(e)}}exportUpdates(e){return e?n.encodeStateAsUpdate(this.doc,e):n.encodeStateAsUpdate(this.doc)}importUpdates(e){n.applyUpdate(this.doc,e)}subscribeLocalUpdates(e){return this.localUpdatesSubscribers.add(e),()=>{this.localUpdatesSubscribers.delete(e)}}exportSnapshot(){return n.encodeStateAsUpdate(this.doc)}importSnapshot(e){n.applyUpdate(this.doc,e),this.notifyStateSubscribers()}getVersion(){return n.encodeStateVector(this.doc)}commit(e){}reset(e){if(this.doc.destroy(),this.doc=new n.Doc,this.config.peerId){let e=(this.config.peerId,Number(this.config.peerId));this.doc.clientID=e}this.setupChangeSubscription(),this.initializeContainers(e),this.undoManager.clear(),this.notifyStateSubscribers()}destroy(){this.isDestroyed=!0,this.stateSubscribers.clear(),this.changeSubscribers.clear(),this.localUpdatesSubscribers.clear(),this.undoManager&&this.undoManager.destroy(),this.doc.destroy()}getDoc(){return this.doc}getPeerId(){return this.doc.clientID.toString()}clone(e){return structuredClone(e)}setNestedValue(e,t,n){let r=this.clone(e),i=t.split(`.`),a=r;for(let e=0;e<i.length-1;e++){let t=i[e];(!(t in a)||typeof a[t]!=`object`)&&(a[t]={}),a=a[t]}return a[i[i.length-1]]=n,r}transact(t){return this.doc.transact(t,e.LOCAL_ORIGIN)}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});