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

package/components/{formula-editor-DeYzzLDr.js → formula-editor-HkD4KWnN.js}

@@ -17,64 +17,269 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./pragmatic-element-adapter-BFUFSRw6.js";
-import { i as t, n } from "./base-DYkpEuMf.js";
-import { t as r } from "./decorate-CaYbmmmm.js";
+import { t as e } from "./pragmatic-element-adapter-e5LbH_lv.js";
+import { i as t, n } from "./base-p2I4mVSW.js";
+import { n as r } from "./localized-mixin-CBMYHOPv.js";
 import { t as i } from "./data-broker-CVDImE1j.js";
 import { t as a } from "./calculate-data-field-icon-DrSg1PuD.js";
 import { t as o } from "./localize-BT7REYBY.js";
-import { n as s, t as c } from "./get-css-variable-Bpma6ZOo.js";
-import "./data-field-RzkD37hR.js";
-import { a as l, i as u, n as d, p as f, r as p } from "./formula-display-store-BYa910x_.js";
-import { n as m } from "./groupings-okwLJKoG.js";
-import { t as h } from "./formula-input-base-Dok5ujvH.js";
-import { luzmoAlertOutline as g, luzmoAngleDown as ee, luzmoAngleRight as te, luzmoArrows as ne, luzmoIcon as _ } from "@luzmo/icons";
-import { html as v, nothing as y, unsafeCSS as b } from "lit";
-import { property as x, state as S } from "lit/decorators.js";
-import { localized as re, msg as C, str as w } from "@lit/localize";
+import { _ as s, a as c, d as l, i as u, l as d, n as f, o as p, p as m, r as h, t as g, u as _, v } from "./formula-display-store-ycPV0gru.js";
+import { n as y, t as b } from "./get-css-variable-COcan5CX.js";
+import "./data-field-ll2oFVG2.js";
+import { a as x, i as ee, n as te, t as ne } from "./icon-element-_jY440X2.js";
+import { luzmoAggregation as re, luzmoAlertOutline as ie, luzmoAngleDown as ae, luzmoAngleRight as oe, luzmoArrows as S, luzmoFunction as C, luzmoIcon as w } from "@luzmo/icons";
 import "@luzmo/lucero/icon";
+import { html as T, nothing as E, unsafeCSS as D } from "lit";
+import { property as O, state as k } from "lit/decorators.js";
+import { localized as A, msg as j, str as M } from "@lit/localize";
 import "@luzmo/lucero/select";
 import "@luzmo/lucero/tooltip";
-import { repeat as T } from "lit/directives/repeat.js";
+import { repeat as N } from "lit/directives/repeat.js";
 import "@luzmo/lucero/field-label";
+import { ifDefined as P } from "lit/directives/if-defined.js";
+import { ContextProvider as F, createContext as I } from "@lit/context";
 import "@luzmo/lucero/progress-circle";
 import "@luzmo/lucero/search";
+//#region src/utils/formula/store/formula-editor-context.ts
+var L = I(Symbol("formula-editor-store-context")), R = "__root__", z = {
+	numeric: "numeric",
+	hierarchy: "hierarchy",
+	datetime: "datetime"
+}, B = class extends g {
+	constructor(...e) {
+		super(...e), this._editors = /* @__PURE__ */ new Map();
+	}
+	registerEditor(e, t) {
+		this._editors.set(e ?? "__root__", t);
+	}
+	unregisterEditor(e) {
+		this._editors.delete(e ?? "__root__");
+	}
+	getEditor(e = null) {
+		return this._editors.get(e ?? "__root__");
+	}
+	getDropExpression(e, t, n, r) {
+		let i = [], a = "";
+		if (e === "text") a = r ?? "";
+		else if (e === "column") n && t && (a = `{${n}:${t}}`);
+		else if (e === "function") {
+			let e = this.functionDataMap[t], n = /^[a-z]/i.test(t ?? "");
+			switch (e?.type) {
+				case "infix":
+					a = `${n ? ` ${t} ` : t}${e.arity > 1 ? l() : ""}`;
+					break;
+				case "prefix_op":
+					a = `${t}${n ? " " : ""}${l()}`;
+					break;
+				case "prefix": {
+					let n = [];
+					for (let t = 0; t < e.arity; t++) n.push(l());
+					a = `${t}(${n.join(",")})`;
+					break;
+				}
+			}
+		} else if (e === "aggregation") {
+			let e = t, n = this.aggregationFunctionDataMap[e];
+			if (this.multiStageAggregation) {
+				let t = {
+					widgetId: d(),
+					aggregationFunction: e,
+					grouping: v.GROUP,
+					content: ""
+				};
+				a = _(t.widgetId), i.push(t);
+			} else a = `${e}(${n?.arity > 0 ? l() : ""})`;
+		}
+		return {
+			expression: a,
+			aggregationWidgets: i
+		};
+	}
+	onExtendExpression(e) {
+		let { type: t, id: n, aggregationWidgetId: r, datasetId: i, targetEmptyArgumentId: a, textContent: o } = e;
+		if (t === "aggregation" && r && !this.nestedAggregation) return;
+		let { expression: s, aggregationWidgets: c } = this.getDropExpression(t, n, i, o), l = this.getEditor(r);
+		!l || !s || (this.addWidgets(c), this._markAggregationForFocus(c), a && l.state.doc.toString().includes(`##EMPTYARG-${a}##`) ? x(l, s, a) : te(l, s));
+	}
+	getAutoCompletionList(e, t) {
+		let n = [], r = {
+			...this.functionDataMap,
+			...this.aggregationFunctionDataMap
+		};
+		for (let e of Object.keys(r)) {
+			let i = u.includes(e);
+			if (i && !t) continue;
+			let a = r[e];
+			n.push({
+				label: a.label(),
+				type: i ? "namespace" : "function",
+				info: () => this._buildOperationInfo(a),
+				iconDef: i ? re : C,
+				apply: (t, n, r, a) => {
+					let { expression: o, aggregationWidgets: s } = this.getDropExpression(i ? "aggregation" : "function", e);
+					this.addWidgets(s), this._markAggregationForFocus(s), t.dispatch({ changes: {
+						from: r,
+						to: a,
+						insert: o
+					} });
+				}
+			});
+		}
+		for (let t of e) for (let r of t.columns) {
+			let i = r.columnId, s = o(r.name, this.contentLanguage);
+			!i || !s || n.push({
+				label: s,
+				type: "variable",
+				info: e.length > 1 ? o(t.name, this.contentLanguage) : "",
+				iconDef: a(r),
+				apply: this.getDropExpression("column", i, t.id).expression
+			});
+		}
+		return n;
+	}
+	_buildOperationInfo(e) {
+		let t = document.createElement("div");
+		t.className = "cm-completion-info-formula";
+		let n = e.example();
+		if (n) {
+			let r = document.createElement("code");
+			if (r.className = "cm-completion-info-example", e.exampleHasIcons) for (let e of n.split(/(⟨\w+⟩)/g)) {
+				let t = e.match(/^⟨(\w+)⟩$/), n = t ? z[t[1]] : void 0;
+				if (n) {
+					let e = document.createElement("span");
+					e.className = "cm-completion-info-icon", e.appendChild(ne(a({ type: n }, "s"))), r.appendChild(e);
+				} else e && r.appendChild(document.createTextNode(e));
+			}
+			else r.textContent = n;
+			t.appendChild(r);
+		}
+		let r = document.createElement("div");
+		return r.className = "cm-completion-info-desc", r.textContent = e.description(), t.appendChild(r), t;
+	}
+}, V = class extends p {
+	constructor() {
+		super(), this._autoCompletionList = [], this.readonly = !1, this.placeholder = "", this.rows = 3, this.grows = !0, new F(this, {
+			context: L,
+			initialValue: this._store
+		});
+	}
+	_createStore() {
+		return new B();
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("readonly") && this._store.setReadonly(this.readonly);
+	}
+	_rebuildAutoCompletion() {
+		this._autoCompletionList = this._store.getAutoCompletionList(this._datasets, this.showAggregations);
+	}
+	_applyExternalExpression() {
+		this._applyingExternalExpression = !0;
+		try {
+			let e = this._syncExpressionToStore();
+			if (e === null) return;
+			let t = this._store.getEditor(null), n = this._codeMirrorElement;
+			t ? t.state.doc.toString() !== e && ee(t, e) : n && n.setContent(e);
+		} finally {
+			this._applyingExternalExpression = !1;
+		}
+	}
+	_handleInputContentChanged(e) {
+		e.stopPropagation(), !this.readonly && (this._rootContent = e.detail.content, this._recomputeExpression());
+	}
+	_renderFormulaCodeMirror(e = {}) {
+		return this._codeMirrorLoaded ? T`
+      <luzmo-formula-codemirror
+        part=${P(e.part)}
+        .store=${this._store}
+        .datasets=${this._datasets}
+        content-language=${this.contentLanguage}
+        .placeholder=${this.placeholder}
+        .rows=${this.rows}
+        .maxRows=${this.maxRows}
+        .grows=${this.grows}
+        ?readonly=${this.readonly}
+        ?has-error=${e.hasError ?? !1}
+        .autoCompletionList=${this._autoCompletionList}
+        @luzmo-input-content-changed=${this._handleInputContentChanged}
+      ></luzmo-formula-codemirror>
+    ` : this._renderInputLoadingPlaceholder(e);
+	}
+	_renderInputLoadingPlaceholder(e) {
+		let t = `calc(${this.rows} * 1.5 * var(--luzmo-formula-font-size, var(--luzmo-font-size)) + 2 * var(--luzmo-spacing-3) + 2px)`, n = e.hasError ? "var(--luzmo-negative-color, #ca221c)" : "var(--luzmo-border-color, rgba(0, 0, 0, 0.1))", r = [
+			"box-sizing: border-box",
+			"display: flex",
+			"align-items: flex-start",
+			"justify-content: flex-start",
+			"padding: var(--luzmo-spacing-3) var(--luzmo-spacing-4)",
+			"width: 100%",
+			`min-height: ${t}`,
+			`border: 1px solid ${n}`,
+			"border-radius: var(--luzmo-border-radius)",
+			"border-end-start-radius: var(--luzmo-formula-field-bottom-radius, var(--luzmo-border-radius))",
+			"border-end-end-radius: var(--luzmo-formula-field-bottom-radius, var(--luzmo-border-radius))",
+			"background: var(--luzmo-background-color, #ffffff)"
+		].join("; ");
+		return T`
+      <div
+        class="formula-codemirror-loading"
+        part=${P(e.part)}
+        role="status"
+        aria-busy="true"
+        style=${r}
+      >
+        <luzmo-progress-circle
+          indeterminate
+          .size=${this.size}
+          .label=${j("Loading the formula editor", { desc: "Spinner label while the formula editor input loads" })}
+        ></luzmo-progress-circle>
+      </div>
+    `;
+	}
+};
+r([O({
+	type: Boolean,
+	reflect: !0
+})], V.prototype, "readonly", void 0), r([O({ type: String })], V.prototype, "placeholder", void 0), r([O({ type: Number })], V.prototype, "rows", void 0), r([O({
+	type: Number,
+	attribute: "max-rows"
+})], V.prototype, "maxRows", void 0), r([O({ type: Boolean })], V.prototype, "grows", void 0);
+//#endregion
 //#region src/utils/formula/config/validate-expression.ts
-var E = [
+var H = [
 	"numeric",
 	"hierarchy",
 	"datetime",
 	"spatial"
-], D = [
+], U = [
 	"true",
 	"false",
 	"null"
-], O = [
+], W = [
 	"GROUP",
 	"GROUPFULL",
 	"GROUPINEX"
-], k = /'(?:[^']|'')*'|"(?:[^"]|"")*"/g, A = /\{[^}]*\}/g, j = /[A-Za-z_][A-Za-z0-9_]*/g;
-function M(e, t) {
+], G = /'(?:[^']|'')*'|"(?:[^"]|"")*"/g, K = /\{[^}]*\}/g, q = /[A-Za-z_][A-Za-z0-9_]*/g;
+function se(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	for (let t of Object.keys(e)) /^[A-Za-z_]/.test(t) && n.add(t.toUpperCase());
 	for (let e of Object.keys(t)) n.add(e.toUpperCase());
 	for (let e of [
-		...O,
-		...E,
-		...D
+		...W,
+		...H,
+		...U
 	]) n.add(e.toUpperCase());
 	return n;
 }
-function N(e, t) {
-	let n = e.replace(k, " ").replace(A, " ");
-	j.lastIndex = 0;
+function ce(e, t) {
+	let n = e.replace(G, " ").replace(K, " ");
+	q.lastIndex = 0;
 	let r;
-	for (; (r = j.exec(n)) !== null;) if (!t.has(r[0].toUpperCase())) return r[0];
+	for (; (r = q.exec(n)) !== null;) if (!t.has(r[0].toUpperCase())) return r[0];
 	return null;
 }
 //#endregion
 //#region node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/public-utils/element/custom-native-drag-preview/pointer-outside-of-preview.js
-function P(e) {
+function le(e) {
 	return function(t) {
 		var n = t.container;
 		return Object.assign(n.style, {
@@ -88,7 +293,7 @@ function P(e) {
 }
 //#endregion
 //#region src/components/formula-draggable-field/formula-draggable-field.module.scss?inline
-var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:border-box;width:100%;min-height:var(--formula-draggable-field-height);padding:0 var(--luzmo-spacing-3);border-radius:var(--luzmo-border-radius);background-color:var(--formula-draggable-field-background);color:var(--luzmo-font-color);font-family:var(--luzmo-font-family);font-size:var(--formula-draggable-field-font-size);text-align:start;cursor:grab;-webkit-user-select:none;user-select:none;border:none;display:flex}.draggable:hover{background-color:var(--luzmo-background-color-highlight)}.draggable:focus-visible{outline:2px solid var(--luzmo-primary);outline-offset:-2px}:host([disabled]) .draggable{opacity:.5;cursor:not-allowed}.draggable-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drag-icon{color:var(--luzmo-font-color-extra-dimmed);font-size:var(--luzmo-formula-draggable-field-drag-icon-size,var(--formula-draggable-field-drag-icon-size));flex:none;align-items:center;display:inline-flex}.icon-slot{flex:none;align-items:center;display:none}.icon-slot.has-icon{display:inline-flex}.tooltip-content{gap:var(--luzmo-spacing-2);text-align:start;flex-direction:column;display:flex}:host{width:100%;font-family:var(--luzmo-font-family);--formula-draggable-field-height:var(--luzmo-component-height);--formula-draggable-field-font-size:var(--luzmo-font-size);--formula-draggable-field-background:transparent;--formula-draggable-field-drag-icon-size:var(--luzmo-font-size-s);font-size:var(--formula-draggable-field-font-size);display:flex}:host([size=s]){--formula-draggable-field-height:var(--luzmo-component-height-s);--formula-draggable-field-font-size:var(--luzmo-font-size-s);--formula-draggable-field-drag-icon-size:var(--luzmo-font-size-xs)}:host([size=l]){--formula-draggable-field-height:var(--luzmo-component-height-l);--formula-draggable-field-font-size:var(--luzmo-font-size-l);--formula-draggable-field-drag-icon-size:var(--luzmo-font-size)}:host([size=xl]){--formula-draggable-field-height:var(--luzmo-component-height-xl);--formula-draggable-field-font-size:var(--luzmo-font-size-xl);--formula-draggable-field-drag-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]){--formula-draggable-field-background:var(--luzmo-formula-draggable-field-background,var(--luzmo-background-color-highlight))}", I = class extends n(t, {
+var ue = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:border-box;width:100%;min-height:var(--formula-draggable-field-height);padding:0 var(--luzmo-spacing-3);border-radius:var(--luzmo-border-radius);background-color:var(--formula-draggable-field-background);color:var(--luzmo-font-color);font-family:var(--luzmo-font-family);font-size:var(--formula-draggable-field-font-size);text-align:start;cursor:grab;-webkit-user-select:none;user-select:none;border:none;display:flex}.draggable:hover{background-color:var(--luzmo-background-color-highlight)}.draggable:focus-visible{outline:2px solid var(--luzmo-primary);outline-offset:-2px}:host([disabled]) .draggable{opacity:.5;cursor:not-allowed}.draggable-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drag-icon{color:var(--luzmo-font-color-extra-dimmed);font-size:var(--luzmo-formula-draggable-field-drag-icon-size,var(--formula-draggable-field-drag-icon-size));flex:none;align-items:center;display:inline-flex}.icon-slot{flex:none;align-items:center;display:none}.icon-slot.has-icon{display:inline-flex}.tooltip-content{gap:var(--luzmo-spacing-2);text-align:start;flex-direction:column;display:flex}:host{width:100%;font-family:var(--luzmo-font-family);--formula-draggable-field-height:var(--luzmo-component-height);--formula-draggable-field-font-size:var(--luzmo-font-size);--formula-draggable-field-background:transparent;--formula-draggable-field-drag-icon-size:var(--luzmo-font-size-s);font-size:var(--formula-draggable-field-font-size);display:flex}:host([size=s]){--formula-draggable-field-height:var(--luzmo-component-height-s);--formula-draggable-field-font-size:var(--luzmo-font-size-s);--formula-draggable-field-drag-icon-size:var(--luzmo-font-size-xs)}:host([size=l]){--formula-draggable-field-height:var(--luzmo-component-height-l);--formula-draggable-field-font-size:var(--luzmo-font-size-l);--formula-draggable-field-drag-icon-size:var(--luzmo-font-size)}:host([size=xl]){--formula-draggable-field-height:var(--luzmo-component-height-xl);--formula-draggable-field-font-size:var(--luzmo-font-size-xl);--formula-draggable-field-drag-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]){--formula-draggable-field-background:var(--luzmo-formula-draggable-field-background,var(--luzmo-background-color-highlight))}", J = class extends n(t, {
 	validSizes: [
 		"s",
 		"m",
@@ -101,7 +306,7 @@ var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:bor
 		super(...e), this.kind = "", this.value = "", this.label = "", this.description = "", this.tooltipPlacement = "right", this.variant = "default", this.disabled = !1, this._hasIcon = !1, this._hasTooltipSlot = !1;
 	}
 	static {
-		this.styles = b(F);
+		this.styles = D(ue);
 	}
 	_handleIconSlotChange(e) {
 		this._hasIcon = e.target.assignedNodes({ flatten: !0 }).length > 0;
@@ -127,9 +332,9 @@ var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:bor
 				value: this.value
 			}),
 			onGenerateDragPreview: ({ nativeSetDragImage: e }) => {
-				s({
+				y({
 					nativeSetDragImage: e,
-					getOffset: P({
+					getOffset: le({
 						x: "8px",
 						y: "8px"
 					}),
@@ -141,7 +346,7 @@ var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:bor
 		});
 	}
 	_buildDragPreview() {
-		let e = document.createElement("div"), t = this.variant === "highlight" ? c(this, "--luzmo-formula-draggable-field-background") || c(this, "--luzmo-background-color-highlight") : c(this, "--luzmo-background-color");
+		let e = document.createElement("div"), t = this.variant === "highlight" ? b(this, "--luzmo-formula-draggable-field-background") || b(this, "--luzmo-background-color-highlight") : b(this, "--luzmo-background-color");
 		return e.textContent = this.label, Object.assign(e.style, {
 			display: "inline-flex",
 			alignItems: "center",
@@ -150,14 +355,14 @@ var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:bor
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap",
 			padding: "4px 8px",
-			borderRadius: c(this, "--luzmo-border-radius") || "6px",
-			border: `1px solid ${c(this, "--luzmo-border-color")}`,
+			borderRadius: b(this, "--luzmo-border-radius") || "6px",
+			border: `1px solid ${b(this, "--luzmo-border-color")}`,
 			background: t,
-			color: c(this, "--luzmo-font-color"),
-			fontFamily: c(this, "--luzmo-font-family"),
+			color: b(this, "--luzmo-font-color"),
+			fontFamily: b(this, "--luzmo-font-family"),
 			fontSize: getComputedStyle(this).fontSize,
 			lineHeight: "1",
-			boxShadow: c(this, "--luzmo-box-shadow") || "0 1px 4px rgb(0 0 0 / 15%)"
+			boxShadow: b(this, "--luzmo-box-shadow") || "0 1px 4px rgb(0 0 0 / 15%)"
 		}), e;
 	}
 	_handleClick(e) {
@@ -185,7 +390,7 @@ var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:bor
 	}
 	render() {
 		let e = this._hasTooltipSlot || !!this.description;
-		return v`
+		return T`
       <button
         class="draggable"
         type="button"
@@ -196,7 +401,7 @@ var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:bor
         @mouseenter=${this._describe}
         @focus=${this._describe}
       >
-        <span class="drag-icon" aria-hidden="true">${_(ne)}</span>
+        <span class="drag-icon" aria-hidden="true">${w(S)}</span>
         <slot
           name="icon"
           class="icon-slot ${this._hasIcon ? "has-icon" : ""}"
@@ -210,7 +415,7 @@ var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:bor
           ?disabled=${!e}
         >
           <div class="tooltip-content">
-            ${this._hasTooltipSlot ? y : this.description ? v`<span>${this.description}</span>` : y}
+            ${this._hasTooltipSlot ? E : this.description ? T`<span>${this.description}</span>` : E}
             <slot name="tooltip" @slotchange=${this._handleTooltipSlotChange}></slot>
           </div>
         </luzmo-tooltip>
@@ -220,109 +425,109 @@ var F = ".draggable{align-items:center;gap:var(--luzmo-spacing-3);box-sizing:bor
 };
 //#endregion
 //#region src/components/formula-draggable-field/index.ts
-r([x({ type: String })], I.prototype, "kind", void 0), r([x({ type: String })], I.prototype, "value", void 0), r([x({ type: String })], I.prototype, "label", void 0), r([x({ type: String })], I.prototype, "description", void 0), r([x({
+r([O({ type: String })], J.prototype, "kind", void 0), r([O({ type: String })], J.prototype, "value", void 0), r([O({ type: String })], J.prototype, "label", void 0), r([O({ type: String })], J.prototype, "description", void 0), r([O({
 	type: String,
 	attribute: "tooltip-placement"
-})], I.prototype, "tooltipPlacement", void 0), r([x({
+})], J.prototype, "tooltipPlacement", void 0), r([O({
 	type: String,
 	reflect: !0
-})], I.prototype, "variant", void 0), r([x({
+})], J.prototype, "variant", void 0), r([O({
 	type: Boolean,
 	reflect: !0
-})], I.prototype, "disabled", void 0), r([S()], I.prototype, "_hasIcon", void 0), r([S()], I.prototype, "_hasTooltipSlot", void 0), customElements.get("luzmo-formula-draggable-field") || customElements.define("luzmo-formula-draggable-field", I);
+})], J.prototype, "disabled", void 0), r([k()], J.prototype, "_hasIcon", void 0), r([k()], J.prototype, "_hasTooltipSlot", void 0), customElements.get("luzmo-formula-draggable-field") || customElements.define("luzmo-formula-draggable-field", J);
 //#endregion
 //#region src/utils/formula/render-explanation-tooltip.ts
-var L = {
+var de = {
 	numeric: "numeric",
 	hierarchy: "hierarchy",
 	datetime: "datetime"
 };
-function R(e, t) {
-	return t ? v`<code class="tooltip-example">${e.split(/(⟨\w+⟩)/g).map((e) => {
+function fe(e, t) {
+	return t ? T`<code class="tooltip-example">${e.split(/(⟨\w+⟩)/g).map((e) => {
 		let t = e.match(/^⟨(\w+)⟩$/);
 		if (t) {
-			let e = L[t[1]];
-			if (e) return v`<span class="example-icon" aria-hidden="true">${_(a({ type: e }, "s"))}</span>`;
+			let e = de[t[1]];
+			if (e) return T`<span class="example-icon" aria-hidden="true">${w(a({ type: e }, "s"))}</span>`;
 		}
 		return e;
-	})}</code>` : v`<code class="tooltip-example">${e}</code>`;
+	})}</code>` : T`<code class="tooltip-example">${e}</code>`;
 }
-function z(e, t, n) {
-	return !e && !t ? y : v`
+function Y(e, t, n) {
+	return !e && !t ? E : T`
     <div slot="tooltip" class="explanation-tooltip">
-      ${e ? v`<span>${e}</span>` : y}
-      ${t ? R(t, n) : y}
+      ${e ? T`<span>${e}</span>` : E}
+      ${t ? fe(t, n) : E}
     </div>
   `;
 }
 //#endregion
 //#region src/components/formula-editor/formula-aggregations-list.ts
-var B = l();
-function V(e) {
-	return v`
+var X = c();
+function pe(e) {
+	return T`
     <div class="list-loading" role="status" part="list-loading">
       <luzmo-progress-circle
         indeterminate
-        .label=${C("Loading aggregations", { desc: "Formula editor aggregations list loading spinner label" })}
+        .label=${j("Loading aggregations", { desc: "Formula editor aggregations list loading spinner label" })}
         .size=${e}
       ></luzmo-progress-circle>
     </div>
   `;
 }
-function H({ size: e, explanationTooltips: t, disabled: n }) {
-	return v`
+function me({ size: e, explanationTooltips: t, disabled: n }) {
+	return T`
     <div class="list-items" part="list-items" role="list">
-      ${T(u, (e) => e, (r) => v`
+      ${N(u, (e) => e, (r) => T`
           <luzmo-formula-draggable-field
             role="listitem"
             kind="aggregation"
             value=${r}
-            .label=${B[r]?.label() ?? r}
+            .label=${X[r]?.label() ?? r}
             .size=${e}
             ?disabled=${n}
           >
-            ${t ? z(B[r]?.description() ?? "", B[r]?.example() ?? "", B[r]?.exampleHasIcons ?? !1) : y}
+            ${t ? Y(X[r]?.description() ?? "", X[r]?.example() ?? "", X[r]?.exampleHasIcons ?? !1) : E}
           </luzmo-formula-draggable-field>
         `)}
     </div>
   `;
 }
-function U(e) {
-	return v`
+function he(e) {
+	return T`
     <div class="list" part="list aggregations-list">
       <luzmo-field-label class="list-header" part="list-header" .size=${e.size}
-        >${C("Aggregations", { desc: "Formula editor aggregations list title" })}</luzmo-field-label
+        >${j("Aggregations", { desc: "Formula editor aggregations list title" })}</luzmo-field-label
       >
-      ${e.loading ? V(e.size) : H(e)}
+      ${e.loading ? pe(e.size) : me(e)}
     </div>
   `;
 }
 //#endregion
 //#region src/components/formula-editor/formula-datasets-list.ts
-function W(e, t, n) {
+function ge(e, t, n) {
 	let r = t.trim().toLowerCase();
 	return r ? e.columns.filter((e) => o(e.name, n).toLowerCase().includes(r)) : e.columns;
 }
-function G(e) {
-	return v`
+function _e(e) {
+	return T`
     <div class="list-loading" role="status" part="list-loading">
       <luzmo-progress-circle
         indeterminate
-        .label=${C("Loading columns", { desc: "Formula editor datasets list loading spinner label" })}
+        .label=${j("Loading columns", { desc: "Formula editor datasets list loading spinner label" })}
         .size=${e}
       ></luzmo-progress-circle>
     </div>
   `;
 }
-function K(e, t) {
+function ve(e, t) {
 	let { datasets: n, contentLanguage: r, size: i, disabled: a, searchQuery: s, collapsed: c, onToggleCollapse: l, onInsertColumn: u } = e;
-	return v`
+	return T`
     <div class="list-scroll" part="list-scroll">
-        ${T(n, (e) => e.id, (e) => {
-		let n = W(e, s, r), d = c.has(e.id);
-		return n.length === 0 ? y : v`
+        ${N(n, (e) => e.id, (e) => {
+		let n = ge(e, s, r), d = c.has(e.id);
+		return n.length === 0 ? E : T`
               <div class="dataset-group" part="dataset-group">
-                ${t ? v`<button
+                ${t ? T`<button
                         class="dataset-group-header"
                         part="dataset-group-header"
                         type="button"
@@ -330,12 +535,12 @@ function K(e, t) {
                         @click=${() => l(e.id)}
                       >
                         <span class="dataset-group-icon" aria-hidden="true"
-                          >${_(d ? te : ee)}</span
+                          >${w(d ? oe : ae)}</span
                         >
                         <span class="dataset-group-label">${o(e.name, r) || e.id}</span>
-                      </button>` : y}
-                ${d ? y : v`<div class="dataset-group-fields" role="list">
-                        ${T(n, (e) => `${e.datasetId}:${e.columnId}`, (e) => v`
+                      </button>` : E}
+                ${d ? E : T`<div class="dataset-group-fields" role="list">
+                        ${N(n, (e) => `${e.datasetId}:${e.columnId}`, (e) => T`
                             <luzmo-data-field
                               role="listitem"
                               hide-sublevels
@@ -353,115 +558,115 @@ function K(e, t) {
       </div>
   `;
 }
-function q(e) {
+function ye(e) {
 	let { size: t, loading: n = !1, disabled: r = !1, searchQuery: i, onSearchInput: a } = e, o = e.datasets.length > 1;
-	return v`
+	return T`
     <div class="list" part="list datasets-list">
       <luzmo-field-label class="list-header" part="list-header" .size=${t}
-        >${C("Data", {
+        >${j("Data", {
 		id: "formula-datasets-list-title",
 		desc: "Formula editor datasets list title"
 	})}</luzmo-field-label
       >
       <luzmo-search
         .size=${t}
-        .placeholder=${C("Search columns...", { desc: "Formula editor datasets list search placeholder" })}
+        .placeholder=${j("Search columns...", { desc: "Formula editor datasets list search placeholder" })}
         .value=${i}
         ?disabled=${r || n}
         @input=${a}
       ></luzmo-search>
-      ${n ? G(t) : K(e, o)}
+      ${n ? _e(t) : ve(e, o)}
     </div>
   `;
 }
 //#endregion
 //#region src/components/formula-editor/formula-description.ts
-var J = {
+var be = {
 	numeric: "numeric",
 	hierarchy: "hierarchy",
 	datetime: "datetime"
-}, Y = p(), X = l(), ie = m();
-function ae(e, t) {
-	return t ? v`<code class="example-code">${e.split(/(⟨\w+⟩)/g).map((e) => {
+}, xe = h(), Se = c(), Ce = s();
+function Z(e, t) {
+	return t ? T`<code class="example-code">${e.split(/(⟨\w+⟩)/g).map((e) => {
 		let t = e.match(/^⟨(\w+)⟩$/);
 		if (t) {
-			let e = J[t[1]];
-			if (e) return v`<span class="example-icon" aria-hidden="true">${_(a({ type: e }, "s"))}</span>`;
+			let e = be[t[1]];
+			if (e) return T`<span class="example-icon" aria-hidden="true">${w(a({ type: e }, "s"))}</span>`;
 		}
 		return e;
-	})}</code>` : v`<code class="example-code">${e}</code>`;
+	})}</code>` : T`<code class="example-code">${e}</code>`;
 }
-function oe(e) {
-	if (!e) return v`
+function we(e) {
+	if (!e) return T`
       <div class="description-empty" part="description-empty">
-        ${C("Hover a function or aggregation to see its description.", { desc: "Formula editor description empty state" })}
+        ${j("Hover a function or aggregation to see its description.", { desc: "Formula editor description empty state" })}
       </div>
     `;
 	if (e.kind === "grouping") {
-		let t = ie[e.id];
-		return v`
+		let t = Ce[e.id];
+		return T`
       <div class="description-title" part="description-title">${t?.label() ?? e.id}</div>
       <div class="description-text" part="description-text">${t?.description() ?? ""}</div>
     `;
 	}
-	let t = e.kind === "aggregation" ? X[e.id] : Y[e.id];
-	return t ? v`
+	let t = e.kind === "aggregation" ? Se[e.id] : xe[e.id];
+	return t ? T`
     <div class="description-title" part="description-title">${t.label()}</div>
-    ${ae(t.example(), t.exampleHasIcons ?? !1)}
+    ${Z(t.example(), t.exampleHasIcons ?? !1)}
     <div class="description-text" part="description-text">${t.description()}</div>
-  ` : y;
+  ` : E;
 }
-function se({ target: e, size: t }) {
-	return v`
+function Te({ target: e, size: t }) {
+	return T`
     <div class="list description" part="list description-list">
       <luzmo-field-label class="list-header" part="list-header" .size=${t}
-        >${C("Description", { desc: "Formula editor description title" })}</luzmo-field-label
+        >${j("Description", { desc: "Formula editor description title" })}</luzmo-field-label
       >
-      ${oe(e)}
+      ${we(e)}
     </div>
   `;
 }
 //#endregion
 //#region src/components/formula-editor/formula-functions-list.ts
-var Z = p();
-function Q(e) {
-	return v`
+var Q = h();
+function Ee(e) {
+	return T`
     <div class="list-loading" role="status" part="list-loading">
       <luzmo-progress-circle
         indeterminate
-        .label=${C("Loading functions", { desc: "Formula editor functions list loading spinner label" })}
+        .label=${j("Loading functions", { desc: "Formula editor functions list loading spinner label" })}
         .size=${e}
       ></luzmo-progress-circle>
     </div>
   `;
 }
-function ce(e, { size: t, explanationTooltips: n, disabled: r }) {
-	return v`
+function De(e, { size: t, explanationTooltips: n, disabled: r }) {
+	return T`
     <div class="list-items" part="list-items" role="list">
-      ${T(e, (e) => e, (e) => v`
+      ${N(e, (e) => e, (e) => T`
           <luzmo-formula-draggable-field
             role="listitem"
             kind="function"
             value=${e}
-            .label=${Z[e]?.label() ?? e}
+            .label=${Q[e]?.label() ?? e}
             .size=${t}
             ?disabled=${r}
           >
-            ${n ? z(Z[e]?.description() ?? "", Z[e]?.example() ?? "", Z[e]?.exampleHasIcons ?? !1) : y}
+            ${n ? Y(Q[e]?.description() ?? "", Q[e]?.example() ?? "", Q[e]?.exampleHasIcons ?? !1) : E}
           </luzmo-formula-draggable-field>
         `)}
     </div>
   `;
 }
-function le(e) {
-	let { size: t, loading: n = !1, disabled: r = !1, selectedCategory: i, onCategoryChange: a } = e, o = d(), s = o.find((e) => e.key === i) ?? o[0], c = o.map((e) => ({
+function Oe(e) {
+	let { size: t, loading: n = !1, disabled: r = !1, selectedCategory: i, onCategoryChange: a } = e, o = f(), s = o.find((e) => e.key === i) ?? o[0], c = o.map((e) => ({
 		value: e.key,
 		label: e.title()
 	}));
-	return v`
+	return T`
     <div class="list" part="list functions-list">
       <luzmo-field-label class="list-header" part="list-header" .size=${t}
-        >${C("Functions", { desc: "Formula editor functions list title" })}</luzmo-field-label
+        >${j("Functions", { desc: "Formula editor functions list title" })}</luzmo-field-label
       >
       <luzmo-select
         selects="single"
@@ -469,25 +674,25 @@ function le(e) {
         .size=${t}
         .options=${c}
         .value=${[s.key]}
-        aria-label=${C("Function category", { desc: "Accessible label for the function category selector" })}
+        aria-label=${j("Function category", { desc: "Accessible label for the function category selector" })}
         ?disabled=${r || n}
         @change=${a}
       ></luzmo-select>
-      ${n ? Q(t) : ce(s.functions, e)}
+      ${n ? Ee(t) : De(s.functions, e)}
     </div>
   `;
 }
 //#endregion
 //#region src/components/formula-editor/formula-editor.module.scss?inline
-var ue = ":host{--luzmo-formula-editor-error-color:var(--luzmo-negative-color);--luzmo-formula-editor-error-background:color-mix(in srgb, var(--luzmo-negative-color) 10%, var(--luzmo-background-color) 90%);--luzmo-formula-editor-error-text-color:var(--luzmo-font-color);--luzmo-formula-font-size:var(--luzmo-font-size);--luzmo-formula-pill-disclosure-icon-size:var(--luzmo-font-size);--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-m);--luzmo-formula-control-height:calc(var(--luzmo-component-height) - 2 * var(--luzmo-spacing-1));--formula-editor-lists-height:24rem}:host([size=s]){--luzmo-formula-font-size:var(--luzmo-font-size-s);--luzmo-formula-control-height:calc(var(--luzmo-component-height-s) - 2 * var(--luzmo-spacing-1));--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-s);--formula-editor-lists-height:20rem}:host([size=l]){--luzmo-formula-font-size:var(--luzmo-font-size-l);--luzmo-formula-control-height:calc(var(--luzmo-component-height-l) - 2 * var(--luzmo-spacing-1));--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-l);--formula-editor-lists-height:28rem}:host([size=xl]){--luzmo-formula-font-size:var(--luzmo-font-size-xl);--luzmo-formula-control-height:calc(var(--luzmo-component-height-xl) - 2 * var(--luzmo-spacing-1));--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-xl);--formula-editor-lists-height:32rem}:host{box-sizing:border-box;width:100%;max-width:100%;font-family:var(--luzmo-font-family);color:var(--luzmo-font-color);display:block}.formula-editor{flex-direction:column;width:100%;display:flex}luzmo-formula-codemirror,.formula-codemirror-loading{--luzmo-formula-field-bottom-radius:0;z-index:1;width:100%;position:relative}.error{align-items:flex-start;gap:var(--luzmo-spacing-2);padding:var(--luzmo-spacing-2) var(--luzmo-spacing-3);border:1px solid var(--luzmo-formula-editor-error-color,var(--luzmo-negative-color));background:var(--luzmo-formula-editor-error-background,color-mix(in srgb, var(--luzmo-negative-color) 10%, var(--luzmo-background-color) 90%));color:var(--luzmo-formula-editor-error-text-color,var(--luzmo-font-color));font-size:var(--luzmo-font-size-s);border-block-start:0;line-height:1.4;display:flex}.error svg{flex:none;margin-block-start:.2em}.lists{box-sizing:border-box;min-height:0;border:1px solid var(--luzmo-border-color);border-block-start:0;border-end-end-radius:var(--luzmo-border-radius);border-end-start-radius:var(--luzmo-border-radius);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;padding-block-start:var(--luzmo-formula-editor-gap,0);display:grid}:host([show-aggregations]) .lists,:host([explanation-display=description]) .lists{grid-template-columns:repeat(3,minmax(0,1fr))}:host([show-aggregations][explanation-display=description]) .lists{grid-template-columns:repeat(4,minmax(0,1fr))}.lists>*{min-width:0;padding:var(--luzmo-formula-editor-list-padding,var(--luzmo-spacing-3));--luzmo-formula-list-height:var(--luzmo-formula-editor-lists-height,var(--formula-editor-lists-height,16rem))}.lists>:not(:last-child){border-inline-end:1px solid var(--luzmo-border-color)}.lists{--list-text-font-size:var(--luzmo-font-size)}:host([size=s]) .lists{--list-text-font-size:var(--luzmo-font-size-s)}:host([size=l]) .lists{--list-text-font-size:var(--luzmo-font-size-l)}:host([size=xl]) .lists{--list-text-font-size:var(--luzmo-font-size-xl)}.lists .list{gap:var(--luzmo-spacing-2);min-height:0;height:var(--luzmo-formula-list-height,100%);box-sizing:border-box;flex-direction:column;display:flex}.lists .list-header{flex-shrink:0;margin-block-end:var(--luzmo-spacing-1);display:block}.lists .list-items{gap:var(--luzmo-spacing-1);flex-direction:column;align-content:flex-start;min-height:0;display:flex;overflow-y:auto}.lists .list-items::-webkit-scrollbar{width:var(--luzmo-scrollbar-width,6px)}.lists .list-items::-webkit-scrollbar-track{background:var(--luzmo-scrollbar-track-background,transparent);border-radius:var(--luzmo-scrollbar-track-border-radius,4px)}.lists .list-items::-webkit-scrollbar-thumb{background:var(--luzmo-scrollbar-thumb-background,#0003);border-radius:var(--luzmo-scrollbar-thumb-border-radius,4px)}.lists .list-items::-webkit-scrollbar-thumb:hover{background:var(--luzmo-scrollbar-thumb-hover-background,#00000059)}.lists .list-items{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-scrollbar-thumb-background,#0003) var(--luzmo-scrollbar-track-background,transparent)}.lists .list-scroll{gap:var(--luzmo-spacing-2,.5rem);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.lists .list-scroll::-webkit-scrollbar{width:var(--luzmo-scrollbar-width,6px)}.lists .list-scroll::-webkit-scrollbar-track{background:var(--luzmo-scrollbar-track-background,transparent);border-radius:var(--luzmo-scrollbar-track-border-radius,4px)}.lists .list-scroll::-webkit-scrollbar-thumb{background:var(--luzmo-scrollbar-thumb-background,#0003);border-radius:var(--luzmo-scrollbar-thumb-border-radius,4px)}.lists .list-scroll::-webkit-scrollbar-thumb:hover{background:var(--luzmo-scrollbar-thumb-hover-background,#00000059)}.lists .list-scroll{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-scrollbar-thumb-background,#0003) var(--luzmo-scrollbar-track-background,transparent)}.lists luzmo-select,.lists luzmo-search{width:100%}.lists .list-loading{min-height:0;padding:var(--luzmo-spacing-4);flex:1;justify-content:center;align-items:center;display:flex}.lists .dataset-group{gap:var(--luzmo-spacing-1);flex-direction:column;display:flex}.lists .dataset-group-header{align-items:center;gap:var(--luzmo-spacing-1);width:100%;padding:var(--luzmo-spacing-1) 0;color:var(--luzmo-font-color-extra-dimmed);font:inherit;font-size:var(--list-text-font-size);font-weight:var(--luzmo-font-weight-bold);text-align:start;cursor:pointer;background:0 0;border:none;display:flex}.lists .dataset-group-fields{gap:var(--luzmo-spacing-1);flex-direction:column;display:flex}.lists .dataset-group-fields luzmo-data-field{--luzmo-data-field-level-border-width:0;--luzmo-data-field-level-background-color:transparent;--luzmo-data-field-level-horizontal-padding:var(--luzmo-spacing-3);--luzmo-data-field-level-gap:var(--luzmo-spacing-3);--luzmo-data-field-level-background-color-hover:var(--luzmo-formula-editor-data-field-background-color-hover,var(--luzmo-background-color-highlight));--luzmo-data-field-level-border-color-hover:var(--luzmo-formula-editor-data-field-border-color-hover,var(--luzmo-background-color-highlight));--luzmo-data-field-level-background-color-active:var(--luzmo-formula-editor-data-field-background-color-active,var(--luzmo-background-color-highlight-down));--luzmo-data-field-level-border-color-active:var(--luzmo-formula-editor-data-field-border-color-active,var(--luzmo-background-color-highlight-down));--luzmo-data-field-level-background-color-focus-visible:var(--luzmo-formula-editor-data-field-background-color-focus,var(--luzmo-background-color-highlight-focus))}.lists .description{gap:var(--luzmo-spacing-2)}.lists .description-title{font-weight:var(--luzmo-font-weight-bold);font-size:var(--list-text-font-size)}.lists .description-text{font-size:var(--list-text-font-size);color:var(--luzmo-font-color-extra-dimmed);line-height:1.4}.lists .description-empty{font-size:var(--list-text-font-size);color:var(--luzmo-font-color-tertiary,#767676);font-style:italic}.lists .example-code{align-items:center;gap:var(--luzmo-spacing-1);padding:var(--luzmo-spacing-2);border-radius:var(--luzmo-border-radius-s);background-color:var(--luzmo-background-color-highlight);font-family:var(--luzmo-font-family-mono,monospace);font-size:var(--list-text-font-size);flex-wrap:wrap;display:inline-flex}.lists .example-icon{vertical-align:middle;display:inline-flex}.lists .explanation-tooltip{gap:var(--luzmo-spacing-2);text-align:start;flex-direction:column;display:flex}.lists .explanation-tooltip .tooltip-example{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-weight:var(--luzmo-font-weight-bold,700);white-space:pre-wrap;display:block}.lists .explanation-tooltip .example-icon{display:inline}", de = 750, $ = class extends h {
+var ke = ":host{--luzmo-formula-editor-error-color:var(--luzmo-negative-color);--luzmo-formula-editor-error-background:color-mix(in srgb, var(--luzmo-negative-color) 10%, var(--luzmo-background-color) 90%);--luzmo-formula-editor-error-text-color:var(--luzmo-font-color);--luzmo-formula-font-size:var(--luzmo-font-size);--luzmo-formula-pill-disclosure-icon-size:var(--luzmo-font-size);--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-m);--luzmo-formula-control-height:calc(var(--luzmo-component-height) - 2 * var(--luzmo-spacing-1));--formula-editor-lists-height:24rem}:host([size=s]){--luzmo-formula-font-size:var(--luzmo-font-size-s);--luzmo-formula-control-height:calc(var(--luzmo-component-height-s) - 2 * var(--luzmo-spacing-1));--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-s);--formula-editor-lists-height:20rem}:host([size=l]){--luzmo-formula-font-size:var(--luzmo-font-size-l);--luzmo-formula-control-height:calc(var(--luzmo-component-height-l) - 2 * var(--luzmo-spacing-1));--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-l);--formula-editor-lists-height:28rem}:host([size=xl]){--luzmo-formula-font-size:var(--luzmo-font-size-xl);--luzmo-formula-control-height:calc(var(--luzmo-component-height-xl) - 2 * var(--luzmo-spacing-1));--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-xl);--formula-editor-lists-height:32rem}:host{box-sizing:border-box;width:100%;max-width:100%;font-family:var(--luzmo-font-family);color:var(--luzmo-font-color);display:block}.formula-editor{flex-direction:column;width:100%;display:flex}luzmo-formula-codemirror,.formula-codemirror-loading{--luzmo-formula-field-bottom-radius:0;z-index:1;width:100%;position:relative}.error{align-items:flex-start;gap:var(--luzmo-spacing-2);padding:var(--luzmo-spacing-2) var(--luzmo-spacing-3);border:1px solid var(--luzmo-formula-editor-error-color,var(--luzmo-negative-color));background:var(--luzmo-formula-editor-error-background,color-mix(in srgb, var(--luzmo-negative-color) 10%, var(--luzmo-background-color) 90%));color:var(--luzmo-formula-editor-error-text-color,var(--luzmo-font-color));font-size:var(--luzmo-font-size-s);border-block-start:0;line-height:1.4;display:flex}.error svg{flex:none;margin-block-start:.2em}.lists{box-sizing:border-box;min-height:0;border:1px solid var(--luzmo-border-color);border-block-start:0;border-end-end-radius:var(--luzmo-border-radius);border-end-start-radius:var(--luzmo-border-radius);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;padding-block-start:var(--luzmo-formula-editor-gap,0);display:grid}:host([show-aggregations]) .lists,:host([explanation-display=description]) .lists{grid-template-columns:repeat(3,minmax(0,1fr))}:host([show-aggregations][explanation-display=description]) .lists{grid-template-columns:repeat(4,minmax(0,1fr))}.lists>*{min-width:0;padding:var(--luzmo-formula-editor-list-padding,var(--luzmo-spacing-3));--luzmo-formula-list-height:var(--luzmo-formula-editor-lists-height,var(--formula-editor-lists-height,16rem))}.lists>:not(:last-child){border-inline-end:1px solid var(--luzmo-border-color)}.lists{--list-text-font-size:var(--luzmo-font-size)}:host([size=s]) .lists{--list-text-font-size:var(--luzmo-font-size-s)}:host([size=l]) .lists{--list-text-font-size:var(--luzmo-font-size-l)}:host([size=xl]) .lists{--list-text-font-size:var(--luzmo-font-size-xl)}.lists .list{gap:var(--luzmo-spacing-2);min-height:0;height:var(--luzmo-formula-list-height,100%);box-sizing:border-box;flex-direction:column;display:flex}.lists .list-header{flex-shrink:0;margin-block-end:var(--luzmo-spacing-1);display:block}.lists .list-items{gap:var(--luzmo-spacing-1);flex-direction:column;align-content:flex-start;min-height:0;display:flex;overflow-y:auto}.lists .list-items::-webkit-scrollbar{width:var(--luzmo-scrollbar-width,6px)}.lists .list-items::-webkit-scrollbar-track{background:var(--luzmo-scrollbar-track-background,transparent);border-radius:var(--luzmo-scrollbar-track-border-radius,4px)}.lists .list-items::-webkit-scrollbar-thumb{background:var(--luzmo-scrollbar-thumb-background,#0003);border-radius:var(--luzmo-scrollbar-thumb-border-radius,4px)}.lists .list-items::-webkit-scrollbar-thumb:hover{background:var(--luzmo-scrollbar-thumb-hover-background,#00000059)}.lists .list-items{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-scrollbar-thumb-background,#0003) var(--luzmo-scrollbar-track-background,transparent)}.lists .list-scroll{gap:var(--luzmo-spacing-2,.5rem);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.lists .list-scroll::-webkit-scrollbar{width:var(--luzmo-scrollbar-width,6px)}.lists .list-scroll::-webkit-scrollbar-track{background:var(--luzmo-scrollbar-track-background,transparent);border-radius:var(--luzmo-scrollbar-track-border-radius,4px)}.lists .list-scroll::-webkit-scrollbar-thumb{background:var(--luzmo-scrollbar-thumb-background,#0003);border-radius:var(--luzmo-scrollbar-thumb-border-radius,4px)}.lists .list-scroll::-webkit-scrollbar-thumb:hover{background:var(--luzmo-scrollbar-thumb-hover-background,#00000059)}.lists .list-scroll{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-scrollbar-thumb-background,#0003) var(--luzmo-scrollbar-track-background,transparent)}.lists luzmo-select,.lists luzmo-search{width:100%}.lists .list-loading{min-height:0;padding:var(--luzmo-spacing-4);flex:1;justify-content:center;align-items:center;display:flex}.lists .dataset-group{gap:var(--luzmo-spacing-1);flex-direction:column;display:flex}.lists .dataset-group-header{align-items:center;gap:var(--luzmo-spacing-1);width:100%;padding:var(--luzmo-spacing-1) 0;color:var(--luzmo-font-color-extra-dimmed);font:inherit;font-size:var(--list-text-font-size);font-weight:var(--luzmo-font-weight-bold);text-align:start;cursor:pointer;background:0 0;border:none;display:flex}.lists .dataset-group-fields{gap:var(--luzmo-spacing-1);flex-direction:column;display:flex}.lists .dataset-group-fields luzmo-data-field{--luzmo-data-field-level-border-width:0;--luzmo-data-field-level-background-color:transparent;--luzmo-data-field-level-horizontal-padding:var(--luzmo-spacing-3);--luzmo-data-field-level-gap:var(--luzmo-spacing-3);--luzmo-data-field-level-background-color-hover:var(--luzmo-formula-editor-data-field-background-color-hover,var(--luzmo-background-color-highlight));--luzmo-data-field-level-border-color-hover:var(--luzmo-formula-editor-data-field-border-color-hover,var(--luzmo-background-color-highlight));--luzmo-data-field-level-background-color-active:var(--luzmo-formula-editor-data-field-background-color-active,var(--luzmo-background-color-highlight-down));--luzmo-data-field-level-border-color-active:var(--luzmo-formula-editor-data-field-border-color-active,var(--luzmo-background-color-highlight-down));--luzmo-data-field-level-background-color-focus-visible:var(--luzmo-formula-editor-data-field-background-color-focus,var(--luzmo-background-color-highlight-focus))}.lists .description{gap:var(--luzmo-spacing-2)}.lists .description-title{font-weight:var(--luzmo-font-weight-bold);font-size:var(--list-text-font-size)}.lists .description-text{font-size:var(--list-text-font-size);color:var(--luzmo-font-color-extra-dimmed);line-height:1.4}.lists .description-empty{font-size:var(--list-text-font-size);color:var(--luzmo-font-color-tertiary,#767676);font-style:italic}.lists .example-code{align-items:center;gap:var(--luzmo-spacing-1);padding:var(--luzmo-spacing-2);border-radius:var(--luzmo-border-radius-s);background-color:var(--luzmo-background-color-highlight);font-family:var(--luzmo-font-family-mono,monospace);font-size:var(--list-text-font-size);flex-wrap:wrap;display:inline-flex}.lists .example-icon{vertical-align:middle;display:inline-flex}.lists .explanation-tooltip{gap:var(--luzmo-spacing-2);text-align:start;flex-direction:column;display:flex}.lists .explanation-tooltip .tooltip-example{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-weight:var(--luzmo-font-weight-bold,700);white-space:pre-wrap;display:block}.lists .explanation-tooltip .example-icon{display:inline}", Ae = 750, $ = class extends V {
 	constructor(...e) {
-		super(...e), this.expressionResource = "formula", this.explanationDisplay = "tooltip", this._loadingDatasets = !1, this._describeTarget = null, this._hasError = !1, this._errorMessage = null, this._selectedCategory = "string", this._searchQuery = "", this._collapsedDatasets = /* @__PURE__ */ new Set(), this._validWordIdentifiers = M(this._store.functionDataMap, this._store.aggregationFunctionDataMap), this._validationSequence = 0;
+		super(...e), this.expressionResource = "formula", this.explanationDisplay = "tooltip", this._loadingDatasets = !1, this._describeTarget = null, this._hasError = !1, this._errorMessage = null, this._selectedCategory = "string", this._searchQuery = "", this._collapsedDatasets = /* @__PURE__ */ new Set(), this._validWordIdentifiers = se(this._store.functionDataMap, this._store.aggregationFunctionDataMap), this._validationSequence = 0;
 	}
 	static {
-		this.styles = b(ue);
+		this.styles = D(ke);
 	}
 	get _emitDebounceMs() {
-		return de;
+		return Ae;
 	}
 	_onExpressionComputed(e) {
 		e !== this._lastEmittedExpression && (this._validate(e), this._emitExpressionChanged(e));
@@ -531,10 +736,10 @@ var ue = ":host{--luzmo-formula-editor-error-color:var(--luzmo-negative-color);-
 	_localValidity(e) {
 		return e.trim() ? e.includes("##EMPTYARG-") ? {
 			valid: !1,
-			error: C("Complete all empty arguments.", { desc: "Formula editor validation error for empty arguments" })
-		} : f.test(e) ? {
+			error: j("Complete all empty arguments.", { desc: "Formula editor validation error for empty arguments" })
+		} : m.test(e) ? {
 			valid: !1,
-			error: C("Provide a value for every aggregation.", { desc: "Formula editor validation error for empty aggregations" })
+			error: j("Provide a value for every aggregation.", { desc: "Formula editor validation error for empty aggregations" })
 		} : {
 			valid: !0,
 			error: null
@@ -544,10 +749,10 @@ var ue = ":host{--luzmo-formula-editor-error-color:var(--luzmo-negative-color);-
 		};
 	}
 	_offlineValidity(e) {
-		let t = N(e, this._validWordIdentifiers);
+		let t = ce(e, this._validWordIdentifiers);
 		return t ? {
 			valid: !1,
-			error: C(w`'${t}' is not a valid column, function, or value.`, { desc: "Formula editor validation error for unresolved free text in the expression" })
+			error: j(M`'${t}' is not a valid column, function, or value.`, { desc: "Formula editor validation error for unresolved free text in the expression" })
 		} : {
 			valid: !0,
 			error: null
@@ -599,21 +804,21 @@ var ue = ":host{--luzmo-formula-editor-error-color:var(--luzmo-negative-color);-
 		} : null;
 	}
 	_renderLists() {
-		if (this.readonly) return y;
+		if (this.readonly) return E;
 		let e = this.explanationDisplay === "tooltip";
-		return v`
+		return T`
       <div
         class="lists"
         part="lists"
         @luzmo-formula-draggable-field-activate=${this._handleDraggableActivate}
         @luzmo-formula-draggable-field-describe=${this._handleDraggableDescribe}
       >
-        ${this.showAggregations ? U({
+        ${this.showAggregations ? he({
 			explanationTooltips: e,
 			loading: this._loadingDatasets,
 			size: this.size
-		}) : y}
-        ${q({
+		}) : E}
+        ${ye({
 			datasets: this._datasets,
 			loading: this._loadingDatasets,
 			contentLanguage: this.contentLanguage,
@@ -624,14 +829,14 @@ var ue = ":host{--luzmo-formula-editor-error-color:var(--luzmo-negative-color);-
 			onToggleCollapse: (e) => this._toggleCollapse(e),
 			onInsertColumn: (e) => this._insertColumn(e)
 		})}
-        ${le({
+        ${Oe({
 			explanationTooltips: e,
 			loading: this._loadingDatasets,
 			size: this.size,
 			selectedCategory: this._selectedCategory,
 			onCategoryChange: (e) => this._handleCategoryChange(e)
 		})}
-        ${e ? y : se({
+        ${e ? E : Te({
 			target: this._describeTarget,
 			size: this.size
 		})}
@@ -639,13 +844,13 @@ var ue = ":host{--luzmo-formula-editor-error-color:var(--luzmo-negative-color);-
     `;
 	}
 	render() {
-		return v`
+		return T`
       <div class="formula-editor" part="formula-editor">
         ${this._renderFormulaCodeMirror({ hasError: this._hasError })}
-        ${this._hasError && this._errorMessage ? v`<div class="error" part="error" role="alert">
-                ${_(g)}
+        ${this._hasError && this._errorMessage ? T`<div class="error" part="error" role="alert">
+                ${w(ie)}
                 <span>${this._errorMessage}</span>
-              </div>` : y}
+              </div>` : E}
         ${this._renderLists()}
       </div>
     `;
@@ -653,14 +858,14 @@ var ue = ":host{--luzmo-formula-editor-error-color:var(--luzmo-negative-color);-
 };
 //#endregion
 //#region src/components/formula-editor/index.ts
-r([x({
+r([O({
 	type: String,
 	attribute: "expression-resource",
 	reflect: !0
-})], $.prototype, "expressionResource", void 0), r([x({
+})], $.prototype, "expressionResource", void 0), r([O({
 	type: String,
 	attribute: "explanation-display",
 	reflect: !0
-})], $.prototype, "explanationDisplay", void 0), r([S()], $.prototype, "_loadingDatasets", void 0), r([S()], $.prototype, "_describeTarget", void 0), r([S()], $.prototype, "_hasError", void 0), r([S()], $.prototype, "_errorMessage", void 0), r([S()], $.prototype, "_selectedCategory", void 0), r([S()], $.prototype, "_searchQuery", void 0), r([S()], $.prototype, "_collapsedDatasets", void 0), $ = r([re()], $), customElements.get("luzmo-formula-editor") || customElements.define("luzmo-formula-editor", $);
+})], $.prototype, "explanationDisplay", void 0), r([k()], $.prototype, "_loadingDatasets", void 0), r([k()], $.prototype, "_describeTarget", void 0), r([k()], $.prototype, "_hasError", void 0), r([k()], $.prototype, "_errorMessage", void 0), r([k()], $.prototype, "_selectedCategory", void 0), r([k()], $.prototype, "_searchQuery", void 0), r([k()], $.prototype, "_collapsedDatasets", void 0), $ = r([A()], $), customElements.get("luzmo-formula-editor") || customElements.define("luzmo-formula-editor", $);
 //#endregion
-export { $ as t };
+export { L as a, R as i, V as n, B as r, $ as t };