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

package/components/{formula-codemirror-CxRJdjY0.js → formula-codemirror-CQonNhmd.js}

@@ -17,12 +17,16 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { i as e } from "./get-css-variable-DV0s58yn.js";
-import { i as t } from "./base-DoCXVulO.js";
-import { n, t as r } from "./localized-mixin-DoA4mVsP.js";
+import { n as e } from "./pragmatic-element-adapter-D0LRKx5U.js";
+import { i as t } from "./base-B_wdCOxV.js";
+import { t as n } from "./decorate-DyMgX_Uh.js";
+import { t as r } from "./localized-mixin-EpweDrTk.js";
 import { t as i } from "./calculate-data-field-icon-DrSg1PuD.js";
 import { t as a } from "./localize-BT7REYBY.js";
-import { _ as o, b as s, c, g as l, i as u, l as d, o as f, r as p, s as m, t as h, u as g, v as _, y as v } from "./icon-element-BBvOmuv7.js";
+import { a as o, c as s, g as c, h as l, i as u, m as d, s as f } from "./formula-display-store-BGzj13Cs.js";
+import { n as p, t as m } from "./groupings-CrE-yp0S.js";
+import { t as h } from "./resolve-column-presentation-BaEP1mvs.js";
+import { i as g, r as _, t as v } from "./icon-element-_jY440X2.js";
 import { luzmoAngleDown as y, luzmoAngleLeft as ee, luzmoArrowDown as b, luzmoArrowUp as te, luzmoClose as ne, luzmoIcon as x, luzmoScopeFixed as re } from "@luzmo/icons";
 import "@luzmo/lucero/overlay";
 import "@luzmo/lucero/popover";
@@ -11138,53 +11142,53 @@ function gp(e) {
 	}
 	n.title = e.text;
 	let r = document.createElement("span");
-	r.className = "column-pill-icon", r.appendChild(h(e.icon));
+	r.className = "column-pill-icon", r.appendChild(v(e.icon));
 	let i = document.createElement("span");
 	return i.className = "column-pill-label", i.textContent = e.text, n.append(r, i), t;
 }
 //#endregion
 //#region src/utils/formula/codemirror/parser.ts
 function _p(e, t) {
-	let { store: n, datasets: r, contentLanguage: i, parentAggregationWidgetId: a, multiStageAggregation: s } = t, c = [], u = s ? o : l;
-	u.lastIndex = 0;
-	let d;
-	for (; (d = u.exec(e)) !== null;) {
-		d.index === u.lastIndex && u.lastIndex++;
-		let e = d.index, t = e + d[0].length, o = d[1], s = d[2], l = d[3];
-		if (l) c.push(R.replace({ widget: new hp({
+	let { store: n, datasets: r, contentLanguage: i, parentAggregationWidgetId: a, multiStageAggregation: o } = t, s = [], c = o ? l : d;
+	c.lastIndex = 0;
+	let u;
+	for (; (u = c.exec(e)) !== null;) {
+		u.index === c.lastIndex && c.lastIndex++;
+		let e = u.index, t = e + u[0].length, o = u[1], l = u[2], d = u[3];
+		if (d) s.push(R.replace({ widget: new hp({
 			widgetType: "aggregation",
 			data: {
-				aggregationWidgetId: l,
+				aggregationWidgetId: d,
 				linkedDatasets: r,
 				contentLanguage: i,
 				parentAggregationWidgetId: a
 			}
 		}, n) }).range(e, t));
-		else if (o) c.push(R.replace({ widget: new hp({
+		else if (o) s.push(R.replace({ widget: new hp({
 			widgetType: "emptyArgument",
 			data: {
 				emptyArgumentId: o,
 				parentAggregationWidgetId: a
 			}
 		}, n) }).range(e, t));
-		else if (s) {
-			let [a, o] = s.split(":"), l = r.find((e) => e.id === a)?.columns.find((e) => e.columnId === o), { icon: u, label: d } = g(l, i, o);
-			c.push(R.replace({ widget: new hp({
+		else if (l) {
+			let [a, o] = l.split(":"), c = r.find((e) => e.id === a)?.columns.find((e) => e.columnId === o), { icon: u, label: d } = h(c, i, o);
+			s.push(R.replace({ widget: new hp({
 				widgetType: "column",
 				data: {
 					columnId: o,
 					datasetId: a,
-					type: l?.type ?? "hierarchy",
-					subtype: l?.subtype,
-					lowestLevel: l?.lowestLevel,
+					type: c?.type ?? "hierarchy",
+					subtype: c?.subtype,
+					lowestLevel: c?.lowestLevel,
 					text: d,
 					icon: u,
-					pending: n.loading && !l
+					pending: n.loading && !c
 				}
 			}, n) }).range(e, t));
 		}
 	}
-	return c;
+	return s;
 }
 //#endregion
 //#region src/utils/formula/codemirror/theme.ts
@@ -11575,7 +11579,7 @@ function zp(e) {
 //#region src/components/formula-codemirror/pills/formula-aggregation/formula-aggregation.module.scss?inline
 var Bp = ":host{vertical-align:middle;padding-inline:var(--luzmo-spacing-1);font-family:var(--luzmo-font-family);white-space:normal;display:inline-flex}.aggregation-pill{gap:var(--luzmo-spacing-1);padding-block:var(--luzmo-spacing-1);border-radius:var(--luzmo-border-radius);background-color:var(--aggregation-accent,var(--luzmo-primary));color:var(--luzmo-primary-inverse-color);font-size:var(--luzmo-formula-font-size,var(--luzmo-font-size));vertical-align:middle;--luzmo-option-highlight-selected-label-background-color:var(--aggregation-accent,var(--luzmo-primary));--luzmo-option-focus-indicator-color:var(--aggregation-accent,var(--luzmo-primary));--luzmo-l-hover:color-mix(in srgb, var(--aggregation-accent,var(--luzmo-primary)) 12%, transparent);--luzmo-l-key-focus:color-mix(in srgb, var(--aggregation-accent,var(--luzmo-primary)) 12%, transparent);--luzmo-l-down:color-mix(in srgb, var(--aggregation-accent,var(--luzmo-primary)) 22%, transparent);flex-direction:column;padding-inline:0;display:inline-flex}.aggregation-pill-row{min-height:var(--luzmo-formula-control-height,1.375rem);align-items:stretch;gap:var(--luzmo-spacing-1);display:inline-flex}luzmo-select{height:var(--luzmo-formula-control-height,1.375rem);color:inherit;flex:none;align-self:center}.aggregation-select{--luzmo-select-font-color-default:var(--luzmo-primary-inverse-color);--luzmo-select-font-color-default-open:var(--luzmo-primary-inverse-color);--luzmo-select-font-color-hover:var(--luzmo-primary-inverse-color);--luzmo-select-font-color-hover-open:var(--luzmo-primary-inverse-color);--luzmo-select-font-color-active:var(--luzmo-primary-inverse-color);--luzmo-select-font-color-key-focus:var(--luzmo-primary-inverse-color);--luzmo-select-icon-color-default:var(--luzmo-primary-inverse-color);--luzmo-select-icon-color-default-open:var(--luzmo-primary-inverse-color);--luzmo-select-icon-color-hover:var(--luzmo-primary-inverse-color);--luzmo-select-icon-color-hover-open:var(--luzmo-primary-inverse-color);--luzmo-select-icon-color-active:var(--luzmo-primary-inverse-color);--luzmo-select-icon-color-key-focus:var(--luzmo-primary-inverse-color);--luzmo-select-font-weight:var(--luzmo-font-weight-bold);--luzmo-select-font-size:calc(.85 * var(--luzmo-formula-font-size,var(--luzmo-font-size)));--luzmo-select-inline-edge-to-content-quiet:var(--luzmo-spacing-3);--luzmo-select-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-2);--luzmo-select-button-block-size:var(--luzmo-formula-control-height,1.375rem);--luzmo-select-button-line-height:var(--luzmo-formula-control-height,1.375rem);--luzmo-select-spacing-label-to-select-quiet:-1px}.function-select{margin-block:calc(-1 * var(--luzmo-spacing-1));--luzmo-select-focus-indicator-width:0px;border-start-start-radius:var(--luzmo-border-radius);border-end-start-radius:var(--luzmo-border-radius);align-self:stretch;align-items:center;display:inline-flex}.function-select.keyboard-focus:focus-within{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:var(--luzmo-indicator-gap)}.aggregation-pill.readonly .aggregation-select{pointer-events:none}.aggregation-pill.readonly .function-select.keyboard-focus:focus-within{outline:none}.function-trigger-angle{color:var(--luzmo-primary-inverse-color);font-size:var(--luzmo-formula-pill-disclosure-icon-size,var(--luzmo-font-size));pointer-events:none;align-items:center;margin-inline-start:calc(-1 * var(--luzmo-spacing-1));padding-inline-end:var(--luzmo-spacing-2);display:inline-flex}.grouping-trigger{align-items:center;gap:var(--luzmo-spacing-1);margin-inline:0;margin-block:calc(-1 * var(--luzmo-spacing-1));padding:0 var(--luzmo-spacing-3);color:var(--luzmo-primary-inverse-color);font-family:inherit;font-size:var(--luzmo-formula-font-size,var(--luzmo-font-size));cursor:pointer;background:0 0;border:none;border-start-end-radius:var(--luzmo-border-radius);border-end-end-radius:var(--luzmo-border-radius);align-self:stretch;display:inline-flex}.grouping-trigger[disabled]{cursor:default}.grouping-trigger:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:var(--luzmo-indicator-gap)}.grouping-trigger-icon{font-size:var(--luzmo-formula-grouping-icon-size,var(--luzmo-icon-size-m));align-items:center;display:inline-flex}.grouping-trigger-angle{padding-inline:var(--luzmo-spacing-1);font-size:var(--luzmo-formula-pill-disclosure-icon-size,var(--luzmo-font-size));align-items:center;display:inline-flex}.grouping-trigger-count{border-radius:var(--luzmo-border-radius-full,999rem);background:var(--luzmo-primary-inverse-color);min-width:1.25em;color:var(--aggregation-accent,var(--luzmo-primary));font-size:.75em;font-weight:var(--luzmo-font-weight-bold);justify-content:center;align-items:center;padding:0 .25em;line-height:1.4;display:inline-flex}luzmo-popover.grouping-popover{--luzmo-popover-content-area-spacing-vertical:0}.grouping-menu{border-radius:var(--luzmo-popover-border-radius,var(--luzmo-border-radius));min-width:15rem;max-width:18rem;min-height:0;max-height:100%;font-family:var(--luzmo-font-family);font-size:var(--luzmo-formula-font-size,var(--luzmo-font-size));color:var(--luzmo-font-color);flex-direction:column;display:flex;overflow:hidden}.grouping-option{column-gap:var(--luzmo-spacing-3);row-gap:var(--luzmo-spacing-2);width:100%;padding:var(--luzmo-spacing-3) var(--luzmo-spacing-4);border:none;border-bottom:var(--luzmo-border-width) solid var(--luzmo-border-color);color:inherit;font-family:inherit;font-size:inherit;text-align:start;cursor:pointer;background:0 0;grid-template-columns:auto 1fr;align-items:center;display:grid}.grouping-option:last-child{border-bottom:none}.grouping-option:hover,.grouping-option:focus-visible{outline:none}.grouping-option:not([aria-checked=true]):hover,.grouping-option:not([aria-checked=true]):focus-visible{background-color:var(--luzmo-background-color-highlight)}.grouping-option[aria-checked=true]{background-color:var(--grouping-option-accent,var(--luzmo-background-color-highlight));color:var(--luzmo-primary-inverse-color)}.grouping-option-icon{font-size:var(--luzmo-formula-grouping-icon-size,var(--luzmo-icon-size-m));grid-area:1/1;align-items:center;display:inline-flex}.grouping-option-label{font-weight:var(--luzmo-font-weight-bold);grid-area:1/2}.grouping-option-desc{white-space:normal;opacity:.85;grid-area:2/1/auto/-1;font-size:.85em}.include-exclude-panel{background-color:var(--luzmo-background-color);min-width:14rem;min-height:0;max-height:100%;color:var(--luzmo-font-color);font-family:var(--luzmo-font-family);white-space:normal;--luzmo-formula-include-exclude-icon-size:var(--luzmo-formula-grouping-icon-size,var(--luzmo-icon-size-m));--luzmo-primary:var(--luzmo-formula-grouping-color-include-exclude,#f00f65);--luzmo-indicator-color:var(--luzmo-primary);--luzmo-option-icon-width:calc(var(--luzmo-font-size) * 1.4);flex-direction:column;display:flex}.include-exclude-panel .panel-header{align-items:center;gap:var(--luzmo-spacing-2);width:100%;padding:var(--luzmo-spacing-3) var(--luzmo-spacing-4);background-color:var(--luzmo-formula-grouping-color-include-exclude,#f00f65);color:var(--luzmo-primary-inverse-color);font-family:inherit;font-size:.6875rem;font-weight:var(--luzmo-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;text-align:start;flex:none;display:flex}.include-exclude-panel .panel-header.is-clickable{cursor:pointer;border:none}.include-exclude-panel .panel-header.is-clickable:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-primary-inverse-color);outline-offset:calc(-1 * var(--luzmo-indicator-width))}.include-exclude-panel .panel-header-icon{font-size:var(--luzmo-formula-include-exclude-icon-size);align-items:center;display:inline-flex}.include-exclude-panel .panel-back{margin-inline:calc(-1 * var(--luzmo-spacing-1)) var(--luzmo-spacing-2);color:inherit;font-size:var(--luzmo-formula-include-exclude-icon-size);justify-content:center;align-items:center;display:inline-flex}.include-exclude-panel .panel-body{gap:var(--luzmo-spacing-3);padding:var(--luzmo-spacing-4);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.include-exclude-panel .field{gap:var(--luzmo-spacing-2);flex-direction:column;display:flex}.include-exclude-panel .divider{border:none;border-top:var(--luzmo-border-width) solid var(--luzmo-border-color);width:100%;margin:0}.include-exclude-panel luzmo-select{width:100%}.include-exclude-panel .tags{gap:var(--luzmo-spacing-2);max-height:var(--luzmo-formula-include-exclude-tags-max-height,11rem);padding:var(--luzmo-spacing-2);margin-inline:calc(-1 * var(--luzmo-spacing-2));flex-direction:column;display:flex;overflow:hidden auto}.include-exclude-panel .column{align-items:center;gap:var(--luzmo-spacing-1);outline:none;width:100%;display:flex}.include-exclude-panel .column-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.include-exclude-panel .column-action{flex:none}.include-exclude-panel .column-action-icon{align-items:center;display:inline-flex}.include-exclude-panel .empty{color:var(--luzmo-font-color-extra-dimmed,#888);font-size:var(--luzmo-font-size-s);margin:0}.include-exclude-panel[data-size=s]{--luzmo-option-icon-width:calc(var(--luzmo-font-size-s) * 1.4)}.include-exclude-panel[data-size=l]{--luzmo-option-icon-width:calc(var(--luzmo-font-size-l) * 1.4)}.include-exclude-panel[data-size=xl]{--luzmo-option-icon-width:calc(var(--luzmo-font-size-xl) * 1.4)}.include-exclude-panel[data-size=s] .panel-header{padding:var(--luzmo-spacing-2) var(--luzmo-spacing-3);font-size:.625rem}.include-exclude-panel[data-size=s] .panel-body{padding:var(--luzmo-spacing-3)}.include-exclude-panel[data-size=l] .panel-header{padding:var(--luzmo-spacing-4) var(--luzmo-spacing-5);font-size:.75rem}.include-exclude-panel[data-size=xl] .panel-header{padding:var(--luzmo-spacing-4) var(--luzmo-spacing-5);font-size:.8125rem}.include-exclude-panel[data-size=l] .panel-body,.include-exclude-panel[data-size=xl] .panel-body{padding:var(--luzmo-spacing-5)}luzmo-formula-codemirror{box-sizing:border-box;min-width:2.5rem;min-height:var(--luzmo-formula-control-height,1.375rem);padding:0 var(--luzmo-spacing-2);border-radius:var(--luzmo-border-radius-s);background-color:var(--luzmo-background-color);color:var(--luzmo-font-color);--luzmo-formula-column-pill-background:transparent;--luzmo-formula-column-pill-padding-inline:0px;--luzmo-formula-column-pill-trailing-space:0px;flex:0 auto;align-self:center;align-items:center;line-height:1;display:inline-flex;overflow:visible}", Vp = class extends r(t) {
 	constructor(...e) {
-		super(...e), this._groupingPageOverride = null, this._autoCompletionList = [], this._codeMirrorLoaded = d(), this._functionKeyboardFocus = !1, this._groupingTriggerId = `formula-grouping-${Math.random().toString(36).slice(2)}`, this._aggregationDataMap = m(), this._groupingDataMap = v(), this._handleFunctionFocus = (e) => {
+		super(...e), this._groupingPageOverride = null, this._autoCompletionList = [], this._codeMirrorLoaded = s(), this._functionKeyboardFocus = !1, this._groupingTriggerId = `formula-grouping-${Math.random().toString(36).slice(2)}`, this._aggregationDataMap = o(), this._groupingDataMap = p(), this._handleFunctionFocus = (e) => {
 			if (!this._functionSelect) return;
 			let t = e.composedPath();
 			if (t.includes(this._functionSelect)) {
@@ -11619,13 +11623,13 @@ var Bp = ":host{vertical-align:middle;padding-inline:var(--luzmo-spacing-1);font
 		return this.store?.getWidget(this.config?.aggregationWidgetId);
 	}
 	get _groupingPage() {
-		return this._groupingPageOverride ? this._groupingPageOverride : this._widget?.grouping === s.GROUPINEX ? "includeExclude" : "types";
+		return this._groupingPageOverride ? this._groupingPageOverride : this._widget?.grouping === c.GROUPINEX ? "includeExclude" : "types";
 	}
 	willUpdate(e) {
 		this._ensureCodeMirrorLoaded(), (e.has("store") || e.has("config")) && this._recomputeAutoCompletion();
 	}
 	async _ensureCodeMirrorLoaded() {
-		this._codeMirrorLoaded ||= (await c(), !0);
+		this._codeMirrorLoaded ||= (await f(), !0);
 	}
 	firstUpdated() {
 		this._bindFunctionFocusListeners(), this._focusNestedIfPending();
@@ -11659,11 +11663,11 @@ var Bp = ":host{vertical-align:middle;padding-inline:var(--luzmo-spacing-1);font
 	_handleGroupingOptionClick(e) {
 		this._updateWidget({
 			grouping: e,
-			...e === s.GROUPINEX ? {} : {
+			...e === c.GROUPINEX ? {} : {
 				includedColumns: [],
 				excludedColumns: []
 			}
-		}), e === s.GROUPINEX ? this._groupingPageOverride = null : this._closeGroupingMenu();
+		}), e === c.GROUPINEX ? this._groupingPageOverride = null : this._closeGroupingMenu();
 	}
 	_handleGroupingBack() {
 		this._groupingPageOverride = "types";
@@ -11692,7 +11696,7 @@ var Bp = ":host{vertical-align:middle;padding-inline:var(--luzmo-spacing-1);font
 	_renderGroupingTypesPage(e) {
 		return S`
       <div class="grouping-menu" role="menu">
-        ${_.map((t) => {
+        ${m.map((t) => {
 			let n = this._groupingDataMap[t];
 			return S`<button
             class="grouping-option"
@@ -11731,11 +11735,11 @@ var Bp = ":host{vertical-align:middle;padding-inline:var(--luzmo-spacing-1);font
 		if (!e) return S`
         
       `;
-		let t = this._aggregationDataMap[e.aggregationFunction]?.arity ?? 0, n = this._groupingDataMap[e.grouping], r = f.map((e) => ({
+		let t = this._aggregationDataMap[e.aggregationFunction]?.arity ?? 0, n = this._groupingDataMap[e.grouping], r = u.map((e) => ({
 			value: e,
 			shortLabel: e,
 			label: this._aggregationDataMap[e]?.label() ?? e
-		})), i = n?.color ?? "", a = this.store?.readonly ?? !1, o = n?.label() ?? w("Aggregation grouping scope", { desc: "Accessible label for the aggregation grouping scope selector" }), c = e.grouping === s.GROUPINEX ? (e.includedColumns?.length ?? 0) + (e.excludedColumns?.length ?? 0) : 0;
+		})), i = n?.color ?? "", a = this.store?.readonly ?? !1, o = n?.label() ?? w("Aggregation grouping scope", { desc: "Accessible label for the aggregation grouping scope selector" }), s = e.grouping === c.GROUPINEX ? (e.includedColumns?.length ?? 0) + (e.excludedColumns?.length ?? 0) : 0;
 		return S`
       <span class=${`aggregation-pill${a ? " readonly" : ""}`} style=${i ? `--aggregation-accent: ${i}` : ""}>
         <span class="aggregation-pill-row">
@@ -11777,7 +11781,7 @@ var Bp = ":host{vertical-align:middle;padding-inline:var(--luzmo-spacing-1);font
             ?disabled=${a}
           >
             <span class="grouping-trigger-icon" aria-hidden="true">${n?.icon ? x(n.icon) : ie}</span>
-            ${c > 0 ? S`<span class="grouping-trigger-count">${c}</span>` : ie}
+            ${s > 0 ? S`<span class="grouping-trigger-count">${s}</span>` : ie}
             ${a ? ie : S`<span class="grouping-trigger-angle" aria-hidden="true">${x(y)}</span>`}
           </button>
           ${a ? ie : S`<luzmo-overlay
@@ -11807,7 +11811,7 @@ var Hp = ":host{font-family:var(--luzmo-font-family);display:block}.editor{width
 //#region src/components/formula-codemirror/formula-codemirror.ts
 function Up(e) {
 	let t = document.createElement("span");
-	return t.className = "cm-completionIcon", t.setAttribute("aria-hidden", "true"), t.appendChild(h(e)), t;
+	return t.className = "cm-completionIcon", t.setAttribute("aria-hidden", "true"), t.appendChild(v(e)), t;
 }
 var Wp = vt.define(), $ = class extends r(t) {
 	constructor(...e) {
@@ -11822,7 +11826,7 @@ var Wp = vt.define(), $ = class extends r(t) {
 		return this._view?.state.doc.toString() ?? this._pendingContent;
 	}
 	setContent(e) {
-		this._pendingContent = e, this._view && this._view.state.doc.toString() !== e && u(this._view, e);
+		this._pendingContent = e, this._view && this._view.state.doc.toString() !== e && g(this._view, e);
 	}
 	focusEditor() {
 		this._view?.focus();
@@ -11949,7 +11953,7 @@ var Wp = vt.define(), $ = class extends r(t) {
 				this.toggleAttribute("dragover", !1), this._view && mp(this._view);
 			},
 			onDrop: ({ source: e, location: t }) => {
-				this.toggleAttribute("dragover", !1), this._view && (mp(this._view), p(this._view, {
+				this.toggleAttribute("dragover", !1), this._view && (mp(this._view), _(this._view, {
 					x: t.current.input.clientX,
 					y: t.current.input.clientY
 				})), this._handleDrop(e.element?.tagName, e.data);