@luzmo/analytics-components-kit 1.0.1-alpha.137 → 1.0.1-alpha.138

package/components/slot-menu-list-DbZnXcMZ.js

@@ -0,0 +1,285 @@
+/*! * 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 { a as _defineProperty, i as dropTargetForElements, n as setCustomNativeDragPreview, r as draggable, t as getCssVariableValue } from "./get-css-variable-DpEed5QG.js";
+import { i as LuzmoElement, n as SizedMixin, t as ElementSizes } from "./base-rg2x95aL.js";
+import { t as __decorate } from "./decorate-Da6S_xrw.js";
+import { t as localize } from "./localize-Dlt3EN5i.js";
+import { html, unsafeCSS } from "lit";
+import { property, queryAll } from "lit/decorators.js";
+import { luzmoIcon, luzmoTrashOutline } from "@luzmo/icons";
+var durations = {
+	none: 0,
+	small: 100,
+	medium: 350,
+	large: 700
+}, EXITING_MOTION_MULTIPLIER = .5;
+durations.none, durations.small * EXITING_MOTION_MULTIPLIER, durations.medium * EXITING_MOTION_MULTIPLIER, durations.large * EXITING_MOTION_MULTIPLIER;
+function triggerPostMoveFlash(e) {
+	e.animate([{ backgroundColor: "var(--ds-background-selected, #E9F2FF)" }, {}], {
+		duration: durations.large,
+		easing: "cubic-bezier(0.25, 0.1, 0.25, 1.0)",
+		iterations: 1
+	});
+}
+function ownKeys(e, y) {
+	var b = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var x = Object.getOwnPropertySymbols(e);
+		y && (x = x.filter(function(y) {
+			return Object.getOwnPropertyDescriptor(e, y).enumerable;
+		})), b.push.apply(b, x);
+	}
+	return b;
+}
+function _objectSpread(y) {
+	for (var b = 1; b < arguments.length; b++) {
+		var x = arguments[b] == null ? {} : arguments[b];
+		b % 2 ? ownKeys(Object(x), !0).forEach(function(b) {
+			_defineProperty(y, b, x[b]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(y, Object.getOwnPropertyDescriptors(x)) : ownKeys(Object(x)).forEach(function(e) {
+			Object.defineProperty(y, e, Object.getOwnPropertyDescriptor(x, e));
+		});
+	}
+	return y;
+}
+var getDistanceToEdge = {
+	top: function(e, y) {
+		return Math.abs(y.y - e.top);
+	},
+	right: function(e, y) {
+		return Math.abs(e.right - y.x);
+	},
+	bottom: function(e, y) {
+		return Math.abs(e.bottom - y.y);
+	},
+	left: function(e, y) {
+		return Math.abs(y.x - e.left);
+	}
+}, uniqueKey = Symbol("closestEdge");
+function attachClosestEdge(y, b) {
+	var x = b.element, S = b.input, C = b.allowedEdges, w = {
+		x: S.clientX,
+		y: S.clientY
+	}, T = x.getBoundingClientRect(), E = C.map(function(e) {
+		return {
+			edge: e,
+			value: getDistanceToEdge[e](T, w)
+		};
+	}).sort(function(e, y) {
+		return e.value - y.value;
+	})[0]?.edge ?? null;
+	return _objectSpread(_objectSpread({}, y), {}, _defineProperty({}, uniqueKey, E));
+}
+function extractClosestEdge(e) {
+	return e[uniqueKey] ?? null;
+}
+var slot_menu_list_module_default = ":host{font-family:var(--luzmo-slot-menu-list-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size,var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color,var(--luzmo-font-color));max-height:var(--luzmo-slot-menu-list-max-height,var(--slot-menu-list-max-height));border-right:var(--luzmo-slot-menu-list-border-right-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-list-border-right-color,var(--luzmo-border-color));margin:0;padding:0;list-style:none;overflow-y:auto}:host li{cursor:pointer;position:relative}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover,var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width,var(--slot-menu-list-border-bottom-width))solid var(--luzmo-slot-menu-list-border-bottom-color,var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color,var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}.drop-indicator{height:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));position:absolute;left:0;right:0}.drop-indicator:before{content:\"\";border:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))solid var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));background:var(--luzmo-slot-menu-list-drop-indicator-background,var(--luzmo-background-color));width:100%;left:calc(-.5*(var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));top:calc(-.5*(var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));border-radius:50%;display:block;position:absolute}.drop-indicator[data-edge=top]{top:calc(-.5*var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5*var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));touch-action:none;align-items:center;display:flex}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));overflow:hidden}.draggable-slot-content .draggable-slot-content-remove{flex:none;padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding))}:host{--slot-menu-list-active-background-color:var(--luzmo-primary);--slot-menu-list-active-background-color-hover:var(--luzmo-primary-hover);--slot-menu-list-active-color:var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover:var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color:var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height:2px;--slot-menu-list-drop-indicator-circle-size:4px;--slot-menu-list-border-bottom-width:0px;--slot-menu-list-border-bottom-color:transparent;--slot-menu-list-max-height:calc(var(--luzmo-component-height)*4);--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height)*2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s)*2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l)*2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl)*2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5)}", LuzmoSlotMenuList = class extends SizedMixin(LuzmoElement, { validSizes: Object.values(ElementSizes) }) {
+	constructor(...e) {
+		super(...e), this.language = "en", this.contentLanguage = "en", this.slotContents = [], this.activeIndex = 0, this._sendChangeEvent = () => {
+			this.dispatchEvent(new CustomEvent("luzmo-slot-list-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: {
+					slotContents: structuredClone(this.slotContents),
+					activeIndex: this.activeIndex
+				}
+			}));
+		}, this._cleanupFns = [], this._attachAll = () => {
+			[...this._draggableSlotContentElements]?.forEach((e) => {
+				let C = this._sendChangeEvent.bind(this), w = this, T = draggable({
+					element: e,
+					onGenerateDragPreview({ nativeSetDragImage: y }) {
+						setCustomNativeDragPreview({
+							nativeSetDragImage: y,
+							render({ container: y }) {
+								let b = document.createElement("div");
+								b.classList.add("drag-preview");
+								let x = {};
+								[
+									[
+										"borderColor",
+										"--luzmo-slot-menu-list-border-color",
+										"--luzmo-border-color"
+									],
+									[
+										"backgroundColor",
+										"--luzmo-slot-menu-list-background-color",
+										"--luzmo-background-color"
+									],
+									[
+										"color",
+										"--luzmo-slot-menu-list-font-color",
+										"--slot-menu-list-font-color"
+									],
+									[
+										"fontSize",
+										"--luzmo-slot-menu-list-font-size",
+										"--slot-menu-list-font-size"
+									],
+									[
+										"horizontalPadding",
+										"--luzmo-slot-menu-list-item-horizontal-padding",
+										"--slot-menu-list-item-horizontal-padding"
+									],
+									[
+										"verticalPadding",
+										"--luzmo-slot-menu-list-item-vertical-padding",
+										"--slot-menu-list-item-vertical-padding"
+									],
+									[
+										"borderRadius",
+										"--luzmo-slot-menu-list-border-radius",
+										"--luzmo-border-radius"
+									],
+									[
+										"fontFamily",
+										"--luzmo-slot-menu-list-font-family",
+										"--luzmo-font-family"
+									]
+								].forEach(([y, b, C]) => {
+									x[y] = getCssVariableValue(e, b) || getCssVariableValue(e, C);
+								}), b.textContent = e.querySelector("[data-task-content]")?.textContent ?? e.textContent, Object.assign(b.style, {
+									border: `1px solid ${x.borderColor}`,
+									backgroundColor: x.backgroundColor,
+									borderRadius: x.borderRadius,
+									fontFamily: x.fontFamily,
+									fontSize: x.fontSize,
+									color: x.color,
+									paddingInline: `${x.horizontalPadding}`,
+									paddingBlock: `${x.verticalPadding}`
+								}), y.append(b);
+							}
+						});
+					},
+					getInitialData() {
+						let y = e.parentElement, b = 0;
+						return y && (b = [...y.parentElement?.children ?? []].indexOf(y)), { index: b };
+					},
+					onDragStart() {
+						e.style.opacity = "0.5";
+					},
+					onDrop() {
+						e.style.opacity = "1";
+					}
+				});
+				this._cleanupFns.push(T);
+				let E = dropTargetForElements({
+					element: e,
+					canDrop({ source: y }) {
+						return y.element === e ? !1 : y?.element?.classList.contains("draggable-slot-content");
+					},
+					getData(y) {
+						return attachClosestEdge({}, {
+							element: e,
+							input: y.input,
+							allowedEdges: ["top", "bottom"]
+						});
+					},
+					getIsSticky() {
+						return !0;
+					},
+					onDragEnter({ self: y }) {
+						let b = extractClosestEdge(y.data);
+						if (!b) return;
+						let x = document.createElement("div");
+						x.classList.add("drop-indicator"), x.dataset.edge = b, e.after(x);
+					},
+					onDrag({ self: y }) {
+						let b = extractClosestEdge(y.data);
+						if (!b) {
+							e.nextElementSibling?.remove();
+							return;
+						}
+						if (e.nextElementSibling?.getAttribute("data-edge") === b) return;
+						e.nextElementSibling?.remove();
+						let x = document.createElement("div");
+						x.classList.add("drop-indicator"), x.dataset.edge = b, e.after(x);
+					},
+					onDragLeave() {
+						e.nextElementSibling?.remove();
+					},
+					onDrop({ self: y, source: b }) {
+						e.nextElementSibling?.remove();
+						let x = extractClosestEdge(y.data), S = y.element.parentElement;
+						if (typeof b.data.index == "number" && S) {
+							let e = [...S.parentElement?.children ?? []].indexOf(S);
+							x === "bottom" && b.data.index >= e && e < (S?.parentElement?.children?.length ?? 0) - 1 ? e += 1 : x === "top" && e > b.data.index && --e;
+							let y = w.activeIndex, C = b.data.index, T = e, E = w.slotContents[C];
+							w.slotContents.splice(C, 1), w.slotContents.splice(T, 0, E), C === y ? w.activeIndex = T : C < y && T >= y ? w.activeIndex = y - 1 : C > y && T <= y && (w.activeIndex = y + 1);
+						}
+						x && (triggerPostMoveFlash(b.element), w.requestUpdate(), C());
+					}
+				});
+				this._cleanupFns.push(E);
+			});
+		}, this._detachAll = () => {
+			this._cleanupFns.forEach((e) => e()), this._cleanupFns = [];
+		};
+	}
+	static get styles() {
+		return [unsafeCSS(slot_menu_list_module_default)];
+	}
+	willUpdate() {
+		this._detachAll();
+	}
+	updated() {
+		this._attachAll();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._detachAll();
+	}
+	setActiveIndex(e) {
+		this.activeIndex = e, this._sendChangeEvent();
+	}
+	removeSlotContent(e) {
+		this.slotContents = this.slotContents.filter((y, b) => b !== e), this.activeIndex = this.slotContents.length === 0 ? 0 : Math.min(this.activeIndex, this.slotContents.length - 1), this._sendChangeEvent();
+	}
+	render() {
+		return html`<div>${this.slotContents.map((e, y) => {
+			let b = localize(e.label ?? {}, this.contentLanguage);
+			return html`<li class=${y === this.activeIndex ? "active" : ""}>
+          <div class="draggable-slot-content">
+            <div
+              class="draggable-slot-content-label"
+              @click=${this.setActiveIndex.bind(this, y)}
+            >
+              ${b}
+            </div>
+            <div
+              class="draggable-slot-content-remove"
+              @click=${this.removeSlotContent.bind(this, y)}
+            >
+              ${luzmoIcon(luzmoTrashOutline)}
+            </div>
+          </div>
+        </li>`;
+		})}</div>`;
+	}
+};
+__decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoSlotMenuList.prototype, "language", void 0), __decorate([property({
+	type: String,
+	attribute: "content-language",
+	reflect: !0
+})], LuzmoSlotMenuList.prototype, "contentLanguage", void 0), __decorate([queryAll(".draggable-slot-content")], LuzmoSlotMenuList.prototype, "_draggableSlotContentElements", void 0), __decorate([property({ type: Array })], LuzmoSlotMenuList.prototype, "slotContents", void 0), __decorate([property({ type: Number })], LuzmoSlotMenuList.prototype, "activeIndex", void 0), customElements.get("luzmo-slot-menu-list") || customElements.define("luzmo-slot-menu-list", LuzmoSlotMenuList);
+export { LuzmoSlotMenuList as t };

package/components/slot-menu-list-Dmb6s6UK.cjs

@@ -0,0 +1,35 @@
+/*! * 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-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./get-css-variable-D9AU2CIU.cjs`);let a=require(`lit`),o=require(`lit/decorators.js`),s=require(`@luzmo/icons`);var c={none:0,small:100,medium:350,large:700},l=.5,u={none:c.none,small:c.small*l,medium:c.medium*l,large:c.large*l};function d(e){e.animate([{backgroundColor:`var(--ds-background-selected, #E9F2FF)`},{}],{duration:c.large,easing:`cubic-bezier(0.25, 0.1, 0.25, 1.0)`,iterations:1})}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?f(Object(n),!0).forEach(function(t){i.a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var m={top:function(e,t){return Math.abs(t.y-e.top)},right:function(e,t){return Math.abs(e.right-t.x)},bottom:function(e,t){return Math.abs(e.bottom-t.y)},left:function(e,t){return Math.abs(t.x-e.left)}},h=Symbol(`closestEdge`);function g(e,t){var n=t.element,r=t.input,a=t.allowedEdges,o={x:r.clientX,y:r.clientY},s=n.getBoundingClientRect(),c=a.map(function(e){return{edge:e,value:m[e](s,o)}}).sort(function(e,t){return e.value-t.value})[0]?.edge??null;return p(p({},e),{},i.a({},h,c))}function _(e){return e[h]??null}var v=`:host{font-family:var(--luzmo-slot-menu-list-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size,var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color,var(--luzmo-font-color));max-height:var(--luzmo-slot-menu-list-max-height,var(--slot-menu-list-max-height));border-right:var(--luzmo-slot-menu-list-border-right-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-list-border-right-color,var(--luzmo-border-color));margin:0;padding:0;list-style:none;overflow-y:auto}:host li{cursor:pointer;position:relative}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover,var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width,var(--slot-menu-list-border-bottom-width))solid var(--luzmo-slot-menu-list-border-bottom-color,var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color,var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}.drop-indicator{height:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));position:absolute;left:0;right:0}.drop-indicator:before{content:"";border:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))solid var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));background:var(--luzmo-slot-menu-list-drop-indicator-background,var(--luzmo-background-color));width:100%;left:calc(-.5*(var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));top:calc(-.5*(var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));border-radius:50%;display:block;position:absolute}.drop-indicator[data-edge=top]{top:calc(-.5*var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5*var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));touch-action:none;align-items:center;display:flex}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));overflow:hidden}.draggable-slot-content .draggable-slot-content-remove{flex:none;padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding))}:host{--slot-menu-list-active-background-color:var(--luzmo-primary);--slot-menu-list-active-background-color-hover:var(--luzmo-primary-hover);--slot-menu-list-active-color:var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover:var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color:var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height:2px;--slot-menu-list-drop-indicator-circle-size:4px;--slot-menu-list-border-bottom-width:0px;--slot-menu-list-border-bottom-color:transparent;--slot-menu-list-max-height:calc(var(--luzmo-component-height)*4);--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height)*2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s)*2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l)*2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl)*2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5)}`,y=class extends t.n(t.i,{validSizes:Object.values(t.t)}){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-list-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements]?.forEach(e=>{let t=this._sendChangeEvent.bind(this),n=this,r=i.r({element:e,onGenerateDragPreview({nativeSetDragImage:t}){i.n({nativeSetDragImage:t,render({container:t}){let n=document.createElement(`div`);n.classList.add(`drag-preview`);let r={};[[`borderColor`,`--luzmo-slot-menu-list-border-color`,`--luzmo-border-color`],[`backgroundColor`,`--luzmo-slot-menu-list-background-color`,`--luzmo-background-color`],[`color`,`--luzmo-slot-menu-list-font-color`,`--slot-menu-list-font-color`],[`fontSize`,`--luzmo-slot-menu-list-font-size`,`--slot-menu-list-font-size`],[`horizontalPadding`,`--luzmo-slot-menu-list-item-horizontal-padding`,`--slot-menu-list-item-horizontal-padding`],[`verticalPadding`,`--luzmo-slot-menu-list-item-vertical-padding`,`--slot-menu-list-item-vertical-padding`],[`borderRadius`,`--luzmo-slot-menu-list-border-radius`,`--luzmo-border-radius`],[`fontFamily`,`--luzmo-slot-menu-list-font-family`,`--luzmo-font-family`]].forEach(([t,n,a])=>{r[t]=i.t(e,n)||i.t(e,a)}),n.textContent=e.querySelector(`[data-task-content]`)?.textContent??e.textContent,Object.assign(n.style,{border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,paddingInline:`${r.horizontalPadding}`,paddingBlock:`${r.verticalPadding}`}),t.append(n)}})},getInitialData(){let t=e.parentElement,n=0;return t&&(n=[...t.parentElement?.children??[]].indexOf(t)),{index:n}},onDragStart(){e.style.opacity=`0.5`},onDrop(){e.style.opacity=`1`}});this._cleanupFns.push(r);let a=i.i({element:e,canDrop({source:t}){return t.element===e?!1:t?.element?.classList.contains(`draggable-slot-content`)},getData(t){return g({},{element:e,input:t.input,allowedEdges:[`top`,`bottom`]})},getIsSticky(){return!0},onDragEnter({self:t}){let n=_(t.data);if(!n)return;let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDrag({self:t}){let n=_(t.data);if(!n){e.nextElementSibling?.remove();return}if(e.nextElementSibling?.getAttribute(`data-edge`)===n)return;e.nextElementSibling?.remove();let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDragLeave(){e.nextElementSibling?.remove()},onDrop({self:r,source:i}){e.nextElementSibling?.remove();let a=_(r.data),o=r.element.parentElement;if(typeof i.data.index==`number`&&o){let e=[...o.parentElement?.children??[]].indexOf(o);a===`bottom`&&i.data.index>=e&&e<(o?.parentElement?.children?.length??0)-1?e+=1:a===`top`&&e>i.data.index&&--e;let t=n.activeIndex,r=i.data.index,s=e,c=n.slotContents[r];n.slotContents.splice(r,1),n.slotContents.splice(s,0,c),r===t?n.activeIndex=s:r<t&&s>=t?n.activeIndex=t-1:r>t&&s<=t&&(n.activeIndex=t+1)}a&&(d(i.element),n.requestUpdate(),t())}});this._cleanupFns.push(a)})},this._detachAll=()=>{this._cleanupFns.forEach(e=>e()),this._cleanupFns=[]}}static get styles(){return[(0,a.unsafeCSS)(v)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}disconnectedCallback(){super.disconnectedCallback(),this._detachAll()}setActiveIndex(e){this.activeIndex=e,this._sendChangeEvent()}removeSlotContent(e){this.slotContents=this.slotContents.filter((t,n)=>n!==e),this.activeIndex=this.slotContents.length===0?0:Math.min(this.activeIndex,this.slotContents.length-1),this._sendChangeEvent()}render(){return a.html`<div>${this.slotContents.map((e,t)=>{let n=r.t(e.label??{},this.contentLanguage);return a.html`<li class=${t===this.activeIndex?`active`:``}>
+          <div class="draggable-slot-content">
+            <div
+              class="draggable-slot-content-label"
+              @click=${this.setActiveIndex.bind(this,t)}
+            >
+              ${n}
+            </div>
+            <div
+              class="draggable-slot-content-remove"
+              @click=${this.removeSlotContent.bind(this,t)}
+            >
+              ${(0,s.luzmoIcon)(s.luzmoTrashOutline)}
+            </div>
+          </div>
+        </li>`})}</div>`}};n.t([(0,o.property)({type:String,reflect:!0})],y.prototype,`language`,void 0),n.t([(0,o.property)({type:String,attribute:`content-language`,reflect:!0})],y.prototype,`contentLanguage`,void 0),n.t([(0,o.queryAll)(`.draggable-slot-content`)],y.prototype,`_draggableSlotContentElements`,void 0),n.t([(0,o.property)({type:Array})],y.prototype,`slotContents`,void 0),n.t([(0,o.property)({type:Number})],y.prototype,`activeIndex`,void 0),customElements.get(`luzmo-slot-menu-list`)||customElements.define(`luzmo-slot-menu-list`,y),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});

package/components/slots-config-DhNgWKR2.js

@@ -0,0 +1,75 @@
+/*! * 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.
+ * */
+var r$1 = {
+	"area-chart": () => import("./area-chart-slots.config--mqsjuLX.js"),
+	"bar-chart": () => import("./bar-chart-slots.config-Bzwph1ZH.js"),
+	"box-plot": () => import("./box-plot-slots.config-niR9zjuf.js"),
+	"bubble-chart": () => import("./bubble-chart-slots.config-C-dyOSVY.js"),
+	"bullet-chart": () => import("./bullet-chart-slots.config-BN8uNvzH.js"),
+	"choropleth-map": () => import("./choropleth-map-slots.config-DP05dMGc.js"),
+	"circle-pack-chart": () => import("./circle-pack-chart-slots.config-mBBQ3ChT.js"),
+	"circular-gauge": () => import("./circular-gauge-slots.config-D4CEZIkS.js"),
+	"column-chart": () => import("./column-chart-slots.config-CS5VtjTN.js"),
+	"combination-chart": () => import("./combination-chart-slots.config-CO84f8lq.js"),
+	"conditional-number": () => import("./conditional-number-slots.config-Bh4LNgTJ.js"),
+	"date-comparison-filter": () => import("./date-comparison-filter-slots.config-DPytzabB.js"),
+	"date-filter": () => import("./date-filter-slots.config-7V9B8ldl.js"),
+	"donut-chart": () => import("./donut-chart-slots.config-D9Jtl-l4.js"),
+	"dropdown-filter": () => import("./dropdown-filter-slots.config-Xbq0nSJS.js"),
+	"dynamic-imageobject": () => import("./dynamic-imageobject-slots.config-HB9ROqvB.js"),
+	"evolution-number": () => import("./evolution-number-slots.config-Qh8MeUfl.js"),
+	"funnel-chart": () => import("./funnel-chart-slots.config-D3jK-AR3.js"),
+	"heat-map": () => import("./heat-map-slots.config-CSd2BTe1.js"),
+	"heat-table": () => import("./heat-table-slots.config-CVQEBl8V.js"),
+	"hexbin-map": () => import("./hexbin-map-slots.config-CPpOOr37.js"),
+	image: () => import("./image-slots.config-Bp8qYoi0.js"),
+	"line-chart": () => import("./line-chart-slots.config-y6M5po92.js"),
+	"marker-map": () => import("./marker-map-slots.config-C4JW_0ws.js"),
+	"ohlc-chart": () => import("./ohlc-chart-slots.config-DFaEkC31.js"),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-slots.config-DI-mlKnz.js"),
+	"pivot-table": () => import("./pivot-table-slots.config-iRnE5mT8.js"),
+	"pyramid-chart": () => import("./pyramid-chart-slots.config-BfH8qKnI.js"),
+	"radar-chart": () => import("./radar-chart-slots.config-ovcfjvYX.js"),
+	"regular-table": () => import("./regular-table-slots.config-D_qdD9fM.js"),
+	"route-map": () => import("./route-map-slots.config-D2rOeLXq.js"),
+	"sankey-diagram": () => import("./sankey-diagram-slots.config-DBoBR-V8.js"),
+	"scatter-plot": () => import("./scatter-plot-slots.config-C2dc2V1z.js"),
+	"search-filter": () => import("./search-filter-slots.config-D-JHr50n.js"),
+	"slicer-filter": () => import("./slicer-filter-slots.config-CTsXTAqq.js"),
+	"slider-filter": () => import("./slider-filter-slots.config-PdFB1sn_.js"),
+	"speedometer-chart": () => import("./speedometer-chart-slots.config-5uxLKKvd.js"),
+	"spike-map": () => import("./spike-map-slots.config-DBukXLbp.js"),
+	"strip-plot": () => import("./strip-plot-slots.config-l1bfPmVL.js"),
+	"sunburst-chart": () => import("./sunburst-chart-slots.config-ClsFf2UV.js"),
+	"symbol-map": () => import("./symbol-map-slots.config-Dm34rxX1.js"),
+	text: () => import("./text-slots.config-BvO2wIlS.js"),
+	"treemap-chart": () => import("./treemap-chart-slots.config-CcopZBpV.js"),
+	"venn-diagram": () => import("./venn-diagram-slots.config-BGHqXMag.js"),
+	video: () => import("./video-slots.config-DuPoeVgT.js"),
+	"wordcloud-chart": () => import("./wordcloud-chart-slots.config-DYA4Usg5.js")
+}, r = (e) => `${e.replaceAll(/-([a-z])/g, (e, n) => n.toUpperCase())}SlotsConfig`, s = async (i) => {
+	try {
+		let a = r$1[i];
+		return a ? (await a())[r(i)] ?? null : null;
+	} catch {
+		return null;
+	}
+}, t = (e) => e ? s(e) : Promise.resolve(null);
+export { t };

package/components/slots-config-mOBA4FHK.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.
+ * */
+var e={"area-chart":()=>Promise.resolve().then(()=>require(`./area-chart-slots.config-DwhLv5VD.cjs`)),"bar-chart":()=>Promise.resolve().then(()=>require(`./bar-chart-slots.config-DhN80-re.cjs`)),"box-plot":()=>Promise.resolve().then(()=>require(`./box-plot-slots.config-CnDRGy6E.cjs`)),"bubble-chart":()=>Promise.resolve().then(()=>require(`./bubble-chart-slots.config-wfccaql8.cjs`)),"bullet-chart":()=>Promise.resolve().then(()=>require(`./bullet-chart-slots.config-CPhAWoAn.cjs`)),"choropleth-map":()=>Promise.resolve().then(()=>require(`./choropleth-map-slots.config-2Mp0f5X6.cjs`)),"circle-pack-chart":()=>Promise.resolve().then(()=>require(`./circle-pack-chart-slots.config-1dvFsIi6.cjs`)),"circular-gauge":()=>Promise.resolve().then(()=>require(`./circular-gauge-slots.config-KBFvKcov.cjs`)),"column-chart":()=>Promise.resolve().then(()=>require(`./column-chart-slots.config-BOrEQ9zB.cjs`)),"combination-chart":()=>Promise.resolve().then(()=>require(`./combination-chart-slots.config-IEqa3vNU.cjs`)),"conditional-number":()=>Promise.resolve().then(()=>require(`./conditional-number-slots.config-D4vkmOkJ.cjs`)),"date-comparison-filter":()=>Promise.resolve().then(()=>require(`./date-comparison-filter-slots.config-D7ruNdYO.cjs`)),"date-filter":()=>Promise.resolve().then(()=>require(`./date-filter-slots.config-GGBGAdF3.cjs`)),"donut-chart":()=>Promise.resolve().then(()=>require(`./donut-chart-slots.config-sEKS4wOs.cjs`)),"dropdown-filter":()=>Promise.resolve().then(()=>require(`./dropdown-filter-slots.config-Bzv_8Nkf.cjs`)),"dynamic-imageobject":()=>Promise.resolve().then(()=>require(`./dynamic-imageobject-slots.config-CGSDLvF-.cjs`)),"evolution-number":()=>Promise.resolve().then(()=>require(`./evolution-number-slots.config-CrPnyLAD.cjs`)),"funnel-chart":()=>Promise.resolve().then(()=>require(`./funnel-chart-slots.config-4u6xdUPI.cjs`)),"heat-map":()=>Promise.resolve().then(()=>require(`./heat-map-slots.config-PzaZKwv3.cjs`)),"heat-table":()=>Promise.resolve().then(()=>require(`./heat-table-slots.config-B1voae2c.cjs`)),"hexbin-map":()=>Promise.resolve().then(()=>require(`./hexbin-map-slots.config-iz7cNf0-.cjs`)),image:()=>Promise.resolve().then(()=>require(`./image-slots.config-BZbHNLrN.cjs`)),"line-chart":()=>Promise.resolve().then(()=>require(`./line-chart-slots.config-BT4trOg7.cjs`)),"marker-map":()=>Promise.resolve().then(()=>require(`./marker-map-slots.config-ZAUjcRXo.cjs`)),"ohlc-chart":()=>Promise.resolve().then(()=>require(`./ohlc-chart-slots.config-D-Gp6K96.cjs`)),"parallel-coordinates-plot":()=>Promise.resolve().then(()=>require(`./parallel-coordinates-plot-slots.config-D73ojZtD.cjs`)),"pivot-table":()=>Promise.resolve().then(()=>require(`./pivot-table-slots.config-Bnx0oV5c.cjs`)),"pyramid-chart":()=>Promise.resolve().then(()=>require(`./pyramid-chart-slots.config-D-dDAKOP.cjs`)),"radar-chart":()=>Promise.resolve().then(()=>require(`./radar-chart-slots.config-B-FNTfMO.cjs`)),"regular-table":()=>Promise.resolve().then(()=>require(`./regular-table-slots.config-oJmx7Ebd.cjs`)),"route-map":()=>Promise.resolve().then(()=>require(`./route-map-slots.config-CFwbGZ7m.cjs`)),"sankey-diagram":()=>Promise.resolve().then(()=>require(`./sankey-diagram-slots.config-Ckys_gjj.cjs`)),"scatter-plot":()=>Promise.resolve().then(()=>require(`./scatter-plot-slots.config-BYpyd8sh.cjs`)),"search-filter":()=>Promise.resolve().then(()=>require(`./search-filter-slots.config-BSx1jeGF.cjs`)),"slicer-filter":()=>Promise.resolve().then(()=>require(`./slicer-filter-slots.config-DvDtGYos.cjs`)),"slider-filter":()=>Promise.resolve().then(()=>require(`./slider-filter-slots.config-C-q6m_yF.cjs`)),"speedometer-chart":()=>Promise.resolve().then(()=>require(`./speedometer-chart-slots.config-AXYqta1F.cjs`)),"spike-map":()=>Promise.resolve().then(()=>require(`./spike-map-slots.config-BlgyHXbl.cjs`)),"strip-plot":()=>Promise.resolve().then(()=>require(`./strip-plot-slots.config--eyMKDiM.cjs`)),"sunburst-chart":()=>Promise.resolve().then(()=>require(`./sunburst-chart-slots.config-5PYTtNUW.cjs`)),"symbol-map":()=>Promise.resolve().then(()=>require(`./symbol-map-slots.config-CALS50ZS.cjs`)),text:()=>Promise.resolve().then(()=>require(`./text-slots.config-fioLVKtx.cjs`)),"treemap-chart":()=>Promise.resolve().then(()=>require(`./treemap-chart-slots.config-C16w76hV.cjs`)),"venn-diagram":()=>Promise.resolve().then(()=>require(`./venn-diagram-slots.config-UdBbq7hK.cjs`)),video:()=>Promise.resolve().then(()=>require(`./video-slots.config-fHuA9NOm.cjs`)),"wordcloud-chart":()=>Promise.resolve().then(()=>require(`./wordcloud-chart-slots.config-BSkly0sL.cjs`))},t=e=>`${e.replaceAll(/-([a-z])/g,(e,t)=>t.toUpperCase())}SlotsConfig`,n=async n=>{try{let r=e[n];return r?(await r())[t(n)]??null:null}catch{return null}},r=e=>e?n(e):Promise.resolve(null);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/components/speedometer-chart-options.config-C5RjM3UD.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(`./speedometer-chart-options.config-CkTYPPzr.cjs`);exports.default=e.t;

package/components/speedometer-chart-options.config-CkTYPPzr.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(`./helpers-4m3wrbUG.cjs`);var t=e=>e?.find(e=>e?.name===`target`)?.content?.length===0&&e?.find(e=>e?.name===`measure`)?.content?.length>0,n=[{color:`#ff0000`,value:0},{color:`#ffa500`,value:25},{color:`#ffff00`,value:50},{color:`#008000`,value:75},{color:`#006400`,value:100}],r=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!1}},{key:`display.meterValue`,control:{type:`switch`,label:`Value`,default:!0}},{key:`display.meterLabel`,control:{type:`switch`,label:`Label`,default:!0}},{key:`display.ticks`,control:{type:`switch`,label:`Ticks`,default:!0}},{key:`degrees`,control:{type:`slider`,label:`Arc size`,default:230,min:180,max:360,step:1}},{key:`arcWidth`,control:{type:`slider`,label:`Gauge width`,default:.08,min:.02,max:.7,step:.01}},{type:`divider`},{key:`manualValues.display`,control:{type:`picker`,label:`Ticks display`,default:`absolute`,enum:[`absolute`,`percentage`]}},{key:`manualValues.mode`,control:{type:`picker`,label:`Range type`,default:`relative`,enum:[`relative`,`absolute`],toOptions:({options:e,value:t})=>{let n=e?.manualValues?.mode??`relative`,r={...e,manualValues:{...e.manualValues,mode:t}};return t===`absolute`&&n===`relative`&&r.manualValues?.ranges&&r.manualValues?.target?r.manualValues.ranges=r.manualValues.ranges.map(e=>({...e,val:e.val*r.manualValues.target/100})):t===`relative`&&n===`absolute`&&r.manualValues?.ranges?.length&&(r.manualValues.target=r.manualValues.ranges.at(-1)?.val,r.manualValues.ranges=r.manualValues.ranges.map(e=>({...e,value:e.val*100/r.manualValues.target}))),r}}},{key:`manualValues.target`,control:{type:`number-field`,label:`Manual target`,placeholder:`Target value`,minWidthInputField:`150px`},visibleIf:({options:e,slots:n})=>e?.manualValues?.mode!==`absolute`&&t(n)},{key:`manualValues.ranges`,control:{type:`color-range`,editRangeSize:!0,minimumRangeSize:2,percentage:({options:e})=>e?.manualValues?.mode!==`absolute`,noAlphaChannel:!0,hideLabel:!0,label:`Color ranges`,default:()=>structuredClone(n),parseValue:e=>e?.map(e=>({color:e?.color,value:e?.value??e?.val})),toValue:e=>e?.map(e=>({color:e?.color,val:e?.value}))}}]},{key:`marker`,type:`group`,open:!1,children:[{key:`marker.type`,control:{type:`picker`,label:`Marker type`,default:`innerBand`,enum:[`needle`,`line`,`inside`,`outside`,`centerBand`,`innerBand`]}},{key:`marker.color`,control:{type:`color-picker`,label:`Marker color`,default:({theme:t})=>e.n(t),extraLabel:({options:t,theme:n})=>e.f(t,n,`marker.color`),extraLabelHasClickAction:({options:t,theme:n})=>e.r(t,n,`marker.color`),extraLabelClickAction:({options:t,theme:n})=>e.o(t,n,`marker.color`)},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type!==`innerBand`},{key:`marker.centerBandWidth`,control:{type:`slider`,label:`Marker width`,default:.34,min:.1,max:1,step:.01},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type===`centerBand`},{key:`marker.lineWidth`,control:{type:`slider`,label:`Line width`,default:2,min:1,max:10,step:1},visibleIf:({options:e})=>e?.marker?.type&&e?.marker?.type===`line`},{key:`marker.arrowSize`,control:{type:`slider`,label:`Arrow size`,default:.05,min:.05,max:.2,step:.01},visibleIf:({options:e})=>e?.marker?.type&&[`inside`,`outside`].includes(e?.marker?.type)}]}];Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/components/speedometer-chart-options.config-DbjW1AsO.js

@@ -0,0 +1,21 @@
+/*! * 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 d } from "./speedometer-chart-options.config-HTdzjvTi.js";
+export { d as default };