@luzmo/analytics-components-kit 1.0.9-beta.1 → 1.0.9-beta.11

package/components/formula-editor/formula-aggregations-list.d.ts

@@ -1,8 +1,8 @@
-import '../formula-draggable-field';
+import '../formula-draggable-field/index.js';
 import '@luzmo/lucero/field-label';
 import '@luzmo/lucero/progress-circle';
 import { type TemplateResult } from 'lit';
-import type { ElementSize } from '../../utils/base';
+import type { ElementSize } from '../../utils/base/index.js';
 export interface AggregationsListParams {
     /** Size of the surrounding editor; forwarded to the interactive rows. */
     size?: ElementSize;

package/components/formula-editor/formula-datasets-list.d.ts

@@ -3,8 +3,8 @@ import '@luzmo/lucero/icon';
 import '@luzmo/lucero/progress-circle';
 import '@luzmo/lucero/search';
 import { type TemplateResult } from 'lit';
-import '../data-field';
-import type { ElementSize } from '../../utils/base';
+import '../data-field/index.js';
+import type { ElementSize } from '../../utils/base/index.js';
 import type { DatasetDataField } from '../../types/dataset-data-field.types';
 import type { FormulaEditorDataset } from '../../types/formula.types';
 export interface DatasetsListParams {

package/components/formula-editor/formula-description.d.ts

@@ -1,7 +1,7 @@
 import '@luzmo/lucero/field-label';
 import '@luzmo/lucero/icon';
 import { type TemplateResult } from 'lit';
-import type { ElementSize } from '../../utils/base';
+import type { ElementSize } from '../../utils/base/index.js';
 import { type FormulaDescribeTarget } from '../../types/formula.types';
 export interface DescriptionParams {
     /** The hovered / selected function, aggregation or grouping to describe. */

package/components/formula-editor/formula-editor.d.ts

@@ -1,7 +1,7 @@
 import '@luzmo/lucero/icon';
 import '@luzmo/lucero/progress-circle';
 import { type TemplateResult } from 'lit';
-import { LuzmoFormulaInputBase } from '../../utils/formula/base/formula-input-base';
+import { LuzmoFormulaInputBase } from '../../utils/formula/base/formula-input-base.js';
 import type { ValidityChangedEventDetail } from '../../types/formula.types';
 /**
  * @customElement luzmo-formula-editor

package/components/formula-editor/formula-functions-list.d.ts

@@ -1,9 +1,9 @@
-import '../formula-draggable-field';
+import '../formula-draggable-field/index.js';
 import '@luzmo/lucero/field-label';
 import '@luzmo/lucero/progress-circle';
 import '@luzmo/lucero/select';
 import { type TemplateResult } from 'lit';
-import type { ElementSize } from '../../utils/base';
+import type { ElementSize } from '../../utils/base/index.js';
 import type { FormulaFunctionCategoryKey } from '../../types/formula.types';
 export interface FunctionsListParams {
     /** Size of the surrounding editor; forwarded to the interactive rows. */

package/components/formula-editor/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../formula-display-store-8hohve9v.cjs"),t=require("../formula-input-base-BCQXmd1P.cjs"),n=require("../formula-editor-CkW-JfyT.cjs");exports.FormulaAggregationGrouping=e.g,exports.FormulaEditorStore=t.n,Object.defineProperty(exports,"LuzmoFormulaEditor",{enumerable:!0,get:function(){return n.t}}),exports.ROOT_EDITOR_ID=t.r,exports.ensureFormulaCodeMirrorLoaded=e.s,exports.formulaEditorContext=t.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../formula-display-store-B0ifmvCi.cjs"),t=require("../formula-input-base-KSmmN1uI.cjs"),n=require("../formula-editor-B9ikCsLK.cjs");exports.FormulaAggregationGrouping=e.g,exports.FormulaEditorStore=t.n,Object.defineProperty(exports,"LuzmoFormulaEditor",{enumerable:!0,get:function(){return n.t}}),exports.ROOT_EDITOR_ID=t.r,exports.ensureFormulaCodeMirrorLoaded=e.s,exports.formulaEditorContext=t.i;

package/components/formula-editor/index.d.ts

@@ -6,7 +6,7 @@ declare global {
 }
 export { LuzmoFormulaEditor } from './formula-editor';
 export type { LuzmoFormulaCodeMirror } from '../formula-codemirror';
-export { ensureFormulaCodeMirrorLoaded } from '../../utils/formula/load-formula-codemirror';
-export { FormulaEditorStore, ROOT_EDITOR_ID } from '../../utils/formula/store/formula-editor-store';
-export { formulaEditorContext } from '../../utils/formula/store/formula-editor-context';
+export { ensureFormulaCodeMirrorLoaded } from '../../utils/formula/load-formula-codemirror.js';
+export { FormulaEditorStore, ROOT_EDITOR_ID } from '../../utils/formula/store/formula-editor-store.js';
+export { formulaEditorContext } from '../../utils/formula/store/formula-editor-context.js';
 export { FormulaAggregationGrouping } from '../../types/formula.types';

package/components/formula-editor/index.js

@@ -17,14 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-// Auto-generated initialization code
-(function() {
-	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-		let e = document.createElement("style");
-		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
-	}
-})();
-import { g as e, s as t } from "../formula-display-store-JAaWuYNB.js";
-import { i as n, n as r, r as i } from "../formula-input-base-HL0Fg74x.js";
-import { t as a } from "../formula-editor-DN87mT8q.js";
+import { g as e, s as t } from "../formula-display-store-CfObcBCd.js";
+import { i as n, n as r, r as i } from "../formula-input-base-Dple-9bo.js";
+import { t as a } from "../formula-editor-DJ-0AVCl.js";
 export { e as FormulaAggregationGrouping, r as FormulaEditorStore, a as LuzmoFormulaEditor, i as ROOT_EDITOR_ID, t as ensureFormulaCodeMirrorLoaded, n as formulaEditorContext };

package/components/formula-editor-B9ikCsLK.cjs

@@ -0,0 +1,224 @@
+/*! * 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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./base-BmvsQ-s1.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./data-broker-Cb-Fq9xy.cjs"),r=require("./calculate-data-field-icon-DenGmW74.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./formula-display-store-B0ifmvCi.cjs"),o=require("./groupings-DEpTt8DV.cjs"),s=require("./pragmatic-element-adapter-DdyH32ix.cjs"),c=require("./get-css-variable-CBXsAxR6.cjs");require("./data-field-Hi-ITTzx.cjs");const l=require("./formula-input-base-KSmmN1uI.cjs");let u=require("@luzmo/icons");require("@luzmo/lucero/icon");let d=require("lit"),f=require("lit/decorators.js"),p=require("@lit/localize");require("@luzmo/lucero/select"),require("@luzmo/lucero/tooltip");let m=require("lit/directives/repeat.js");require("@luzmo/lucero/field-label"),require("@luzmo/lucero/progress-circle"),require("@luzmo/lucero/search");var h=[`numeric`,`hierarchy`,`datetime`,`spatial`],g=[`true`,`false`,`null`],_=[`GROUP`,`GROUPFULL`,`GROUPINEX`],v=/'(?:[^']|'')*'|"(?:[^"]|"")*"/g,y=/\{[^}]*\}/g,b=/[A-Za-z_][A-Za-z0-9_]*/g;function x(e,t){let n=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[..._,...h,...g])n.add(e.toUpperCase());return n}function S(e,t){let n=e.replace(v,` `).replace(y,` `);b.lastIndex=0;let r;for(;(r=b.exec(n))!==null;)if(!t.has(r[0].toUpperCase()))return r[0];return null}function C(e){return function(t){var n=t.container;return Object.assign(n.style,{borderLeft:`${e.x} solid transparent`,borderTop:`${e.y} solid transparent`}),{x:0,y:0}}}var w=`.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))}`,T,E=class extends e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){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}_handleIconSlotChange(e){this._hasIcon=e.target.assignedNodes({flatten:!0}).length>0}_handleTooltipSlotChange(e){this._hasTooltipSlot=e.target.assignedNodes({flatten:!0}).length>0}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable?.(),this._cleanupDraggable=void 0}firstUpdated(e){this._cleanupDraggable=s.t({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity=`0.5`},onDrop:()=>{this.style.opacity=`1`},getInitialData:()=>({kind:this.kind,value:this.value}),onGenerateDragPreview:({nativeSetDragImage:e})=>{c.n({nativeSetDragImage:e,getOffset:C({x:`8px`,y:`8px`}),render:({container:e})=>{e.append(this._buildDragPreview())}})}})}_buildDragPreview(){let e=document.createElement(`div`),t=this.variant===`highlight`?c.t(this,`--luzmo-formula-draggable-field-background`)||c.t(this,`--luzmo-background-color-highlight`):c.t(this,`--luzmo-background-color`);return e.textContent=this.label,Object.assign(e.style,{display:`inline-flex`,alignItems:`center`,maxWidth:`14rem`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,padding:`4px 8px`,borderRadius:c.t(this,`--luzmo-border-radius`)||`6px`,border:`1px solid ${c.t(this,`--luzmo-border-color`)}`,background:t,color:c.t(this,`--luzmo-font-color`),fontFamily:c.t(this,`--luzmo-font-family`),fontSize:getComputedStyle(this).fontSize,lineHeight:`1`,boxShadow:c.t(this,`--luzmo-box-shadow`)||`0 1px 4px rgb(0 0 0 / 15%)`}),e}_handleClick(e){e.detail===0&&this._activate()}_activate(){this.disabled||this.dispatchEvent(new CustomEvent(`luzmo-formula-draggable-field-activate`,{bubbles:!0,composed:!0,detail:{kind:this.kind,value:this.value}}))}_describe(){this.dispatchEvent(new CustomEvent(`luzmo-formula-draggable-field-describe`,{bubbles:!0,composed:!0,detail:{kind:this.kind,value:this.value}}))}render(){let e=this._hasTooltipSlot||!!this.description;return d.html`
+      <button
+        class="draggable"
+        type="button"
+        aria-label=${this.label}
+        ?disabled=${this.disabled}
+        @click=${this._handleClick}
+        @dblclick=${this._activate}
+        @mouseenter=${this._describe}
+        @focus=${this._describe}
+      >
+        <span class="drag-icon" aria-hidden="true">${(0,u.luzmoIcon)(u.luzmoArrows)}</span>
+        <slot
+          name="icon"
+          class="icon-slot ${this._hasIcon?`has-icon`:``}"
+          @slotchange=${this._handleIconSlotChange}
+        ></slot>
+        <span class="draggable-label">${this.label}</span>
+        <luzmo-tooltip
+          self-managed
+          placement=${this.tooltipPlacement}
+          .size=${this.size}
+          ?disabled=${!e}
+        >
+          <div class="tooltip-content">
+            ${this._hasTooltipSlot?d.nothing:this.description?d.html`<span>${this.description}</span>`:d.nothing}
+            <slot name="tooltip" @slotchange=${this._handleTooltipSlotChange}></slot>
+          </div>
+        </luzmo-tooltip>
+      </button>
+    `}};T=E,T.styles=(0,d.unsafeCSS)(w),t.t([(0,f.property)({type:String})],E.prototype,`kind`,void 0),t.t([(0,f.property)({type:String})],E.prototype,`value`,void 0),t.t([(0,f.property)({type:String})],E.prototype,`label`,void 0),t.t([(0,f.property)({type:String})],E.prototype,`description`,void 0),t.t([(0,f.property)({type:String,attribute:`tooltip-placement`})],E.prototype,`tooltipPlacement`,void 0),t.t([(0,f.property)({type:String,reflect:!0})],E.prototype,`variant`,void 0),t.t([(0,f.property)({type:Boolean,reflect:!0})],E.prototype,`disabled`,void 0),t.t([(0,f.state)()],E.prototype,`_hasIcon`,void 0),t.t([(0,f.state)()],E.prototype,`_hasTooltipSlot`,void 0),customElements.get(`luzmo-formula-draggable-field`)||customElements.define(`luzmo-formula-draggable-field`,E);var D={numeric:`numeric`,hierarchy:`hierarchy`,datetime:`datetime`};function O(e,t){return t?d.html`<code class="tooltip-example">${e.split(/(⟨\w+⟩)/g).map(e=>{let t=e.match(/^⟨(\w+)⟩$/);if(t){let e=D[t[1]];if(e)return d.html`<span class="example-icon" aria-hidden="true">${(0,u.luzmoIcon)(r.t({type:e},`s`))}</span>`}return e})}</code>`:d.html`<code class="tooltip-example">${e}</code>`}function k(e,t,n){return!e&&!t?d.nothing:d.html`
+    <div slot="tooltip" class="explanation-tooltip">
+      ${e?d.html`<span>${e}</span>`:d.nothing}
+      ${t?O(t,n):d.nothing}
+    </div>
+  `}var A=a.a();function j(e){return d.html`
+    <div class="list-loading" role="status" part="list-loading">
+      <luzmo-progress-circle
+        indeterminate
+        .label=${(0,p.msg)(`Loading aggregations`,{desc:`Formula editor aggregations list loading spinner label`})}
+        .size=${e}
+      ></luzmo-progress-circle>
+    </div>
+  `}function M({size:e,explanationTooltips:t,disabled:n}){return d.html`
+    <div class="list-items" part="list-items" role="list">
+      ${(0,m.repeat)(a.i,e=>e,r=>d.html`
+          <luzmo-formula-draggable-field
+            role="listitem"
+            kind="aggregation"
+            value=${r}
+            .label=${A[r]?.label()??r}
+            .size=${e}
+            ?disabled=${n}
+          >
+            ${t?k(A[r]?.description()??``,A[r]?.example()??``,A[r]?.exampleHasIcons??!1):d.nothing}
+          </luzmo-formula-draggable-field>
+        `)}
+    </div>
+  `}function N(e){return d.html`
+    <div class="list" part="list aggregations-list">
+      <luzmo-field-label class="list-header" part="list-header" .size=${e.size}
+        >${(0,p.msg)(`Aggregations`,{desc:`Formula editor aggregations list title`})}</luzmo-field-label
+      >
+      ${e.loading?j(e.size):M(e)}
+    </div>
+  `}function P(e,t,n){let r=t.trim().toLowerCase();return r?e.columns.filter(e=>i.t(e.name,n).toLowerCase().includes(r)):e.columns}function F(e){return d.html`
+    <div class="list-loading" role="status" part="list-loading">
+      <luzmo-progress-circle
+        indeterminate
+        .label=${(0,p.msg)(`Loading columns`,{desc:`Formula editor datasets list loading spinner label`})}
+        .size=${e}
+      ></luzmo-progress-circle>
+    </div>
+  `}function I(e,t){let{datasets:n,contentLanguage:r,size:a,disabled:o,searchQuery:s,collapsed:c,onToggleCollapse:l,onInsertColumn:f}=e;return d.html`
+    <div class="list-scroll" part="list-scroll">
+        ${(0,m.repeat)(n,e=>e.id,e=>{let n=P(e,s,r),p=c.has(e.id);return n.length===0?d.nothing:d.html`
+              <div class="dataset-group" part="dataset-group">
+                ${t?d.html`<button
+                        class="dataset-group-header"
+                        part="dataset-group-header"
+                        type="button"
+                        aria-expanded=${!p}
+                        @click=${()=>l(e.id)}
+                      >
+                        <span class="dataset-group-icon" aria-hidden="true"
+                          >${(0,u.luzmoIcon)(p?u.luzmoAngleRight:u.luzmoAngleDown)}</span
+                        >
+                        <span class="dataset-group-label">${i.t(e.name,r)||e.id}</span>
+                      </button>`:d.nothing}
+                ${p?d.nothing:d.html`<div class="dataset-group-fields" role="list">
+                        ${(0,m.repeat)(n,e=>`${e.datasetId}:${e.columnId}`,e=>d.html`
+                            <luzmo-data-field
+                              role="listitem"
+                              hide-sublevels
+                              .data=${e}
+                              .language=${r}
+                              .size=${a}
+                              ?disabled=${o}
+                              @dblclick=${()=>f(e)}
+                            ></luzmo-data-field>
+                          `)}
+                      </div>`}
+              </div>
+            `})}
+      </div>
+  `}function L(e){let{size:t,loading:n=!1,disabled:r=!1,searchQuery:i,onSearchInput:a}=e,o=e.datasets.length>1;return d.html`
+    <div class="list" part="list datasets-list">
+      <luzmo-field-label class="list-header" part="list-header" .size=${t}
+        >${(0,p.msg)(`Data`,{id:`formula-datasets-list-title`,desc:`Formula editor datasets list title`})}</luzmo-field-label
+      >
+      <luzmo-search
+        .size=${t}
+        .placeholder=${(0,p.msg)(`Search columns...`,{desc:`Formula editor datasets list search placeholder`})}
+        .value=${i}
+        ?disabled=${r||n}
+        @input=${a}
+      ></luzmo-search>
+      ${n?F(t):I(e,o)}
+    </div>
+  `}var R={numeric:`numeric`,hierarchy:`hierarchy`,datetime:`datetime`},z=a.r(),B=a.a(),V=o.n();function H(e,t){return t?d.html`<code class="example-code">${e.split(/(⟨\w+⟩)/g).map(e=>{let t=e.match(/^⟨(\w+)⟩$/);if(t){let e=R[t[1]];if(e)return d.html`<span class="example-icon" aria-hidden="true">${(0,u.luzmoIcon)(r.t({type:e},`s`))}</span>`}return e})}</code>`:d.html`<code class="example-code">${e}</code>`}function U(e){if(!e)return d.html`
+      <div class="description-empty" part="description-empty">
+        ${(0,p.msg)(`Hover a function or aggregation to see its description.`,{desc:`Formula editor description empty state`})}
+      </div>
+    `;if(e.kind===`grouping`){let t=V[e.id];return d.html`
+      <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`?B[e.id]:z[e.id];return t?d.html`
+    <div class="description-title" part="description-title">${t.label()}</div>
+    ${H(t.example(),t.exampleHasIcons??!1)}
+    <div class="description-text" part="description-text">${t.description()}</div>
+  `:d.nothing}function W({target:e,size:t}){return d.html`
+    <div class="list description" part="list description-list">
+      <luzmo-field-label class="list-header" part="list-header" .size=${t}
+        >${(0,p.msg)(`Description`,{desc:`Formula editor description title`})}</luzmo-field-label
+      >
+      ${U(e)}
+    </div>
+  `}var G=a.r();function K(e){return d.html`
+    <div class="list-loading" role="status" part="list-loading">
+      <luzmo-progress-circle
+        indeterminate
+        .label=${(0,p.msg)(`Loading functions`,{desc:`Formula editor functions list loading spinner label`})}
+        .size=${e}
+      ></luzmo-progress-circle>
+    </div>
+  `}function q(e,{size:t,explanationTooltips:n,disabled:r}){return d.html`
+    <div class="list-items" part="list-items" role="list">
+      ${(0,m.repeat)(e,e=>e,e=>d.html`
+          <luzmo-formula-draggable-field
+            role="listitem"
+            kind="function"
+            value=${e}
+            .label=${G[e]?.label()??e}
+            .size=${t}
+            ?disabled=${r}
+          >
+            ${n?k(G[e]?.description()??``,G[e]?.example()??``,G[e]?.exampleHasIcons??!1):d.nothing}
+          </luzmo-formula-draggable-field>
+        `)}
+    </div>
+  `}function J(e){let{size:t,loading:n=!1,disabled:r=!1,selectedCategory:i,onCategoryChange:o}=e,s=a.n(),c=s.find(e=>e.key===i)??s[0],l=s.map(e=>({value:e.key,label:e.title()}));return d.html`
+    <div class="list" part="list functions-list">
+      <luzmo-field-label class="list-header" part="list-header" .size=${t}
+        >${(0,p.msg)(`Functions`,{desc:`Formula editor functions list title`})}</luzmo-field-label
+      >
+      <luzmo-select
+        selects="single"
+        variant="highlight"
+        .size=${t}
+        .options=${l}
+        .value=${[c.key]}
+        aria-label=${(0,p.msg)(`Function category`,{desc:`Accessible label for the function category selector`})}
+        ?disabled=${r||n}
+        @change=${o}
+      ></luzmo-select>
+      ${n?K(t):q(c.functions,e)}
+    </div>
+  `}var Y=`: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}.validating{align-items:center;gap:var(--luzmo-spacing-2);padding:var(--luzmo-spacing-2) var(--luzmo-spacing-3);border:1px solid var(--luzmo-border-color);background:var(--luzmo-background-color);color:var(--luzmo-font-color-extra-dimmed);font-size:var(--luzmo-font-size-s);border-block-start:0;line-height:1.4;display:flex}.lists{box-sizing:border-box;min-height:0;border:1px solid var(--luzmo-border-color);border-block-start:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;padding-block-start:var(--luzmo-formula-editor-gap,0);display:grid}.lists:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--luzmo-border-radius);border-bottom-left-radius:var(--luzmo-border-radius)}.lists:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--luzmo-border-radius);border-bottom-left-radius:var(--luzmo-border-radius)}.lists:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--luzmo-border-radius);border-bottom-right-radius:var(--luzmo-border-radius)}.lists:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--luzmo-border-radius);border-bottom-right-radius:var(--luzmo-border-radius)}: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}`,X,Z=750,Q=(X=class extends l.t{constructor(...e){super(...e),this.expressionResource=`formula`,this.explanationDisplay=`tooltip`,this._loadingDatasets=!1,this._describeTarget=null,this._validity={valid:!0,error:null,validating:!1},this._selectedCategory=`string`,this._searchQuery=``,this._collapsedDatasets=new Set,this._validWordIdentifiers=x(this._store.functionDataMap,this._store.aggregationFunctionDataMap),this._validationSequence=0}get _emitDebounceMs(){return Z}_onExpressionComputed(e){e!==this._lastEmittedExpression&&(this._validate(e),this._emitExpressionChanged(e))}_setLoading(e){this._loadingDatasets=e,this._store.setLoading(e)}_validate(e){let t=this._localValidity(e),n=++this._validationSequence;if(!t.valid){this._emitValidity(t);return}if(!this.authKey||!this.authToken){this._emitValidity(this._offlineValidity(e));return}this._runBackendValidation(e,n)}async _runBackendValidation(e,t){this._emitValidity({...this._validity,validating:!0});try{n.n.configure({apiUrl:this.apiUrl,authKey:this.authKey??``,authToken:this.authToken??``});let r=await n.n.validate(this.expressionResource,{expression:e,explain_error:!0});if(t!==this._validationSequence)return;this._emitValidity({valid:r.valid,error:r.valid?null:r.explanation??r.reason??null,validating:!1})}catch(n){console.warn(`[luzmo-formula-editor] Expression validation failed, falling back to local validation:`,n),t===this._validationSequence&&this._emitValidity(this._offlineValidity(e))}}_localValidity(e){return e.trim()?e.includes(`##EMPTYARG-`)?{valid:!1,error:(0,p.msg)(`Complete all empty arguments.`,{desc:`Formula editor validation error for empty arguments`}),validating:!1}:a.p.test(e)?{valid:!1,error:(0,p.msg)(`Provide a value for every aggregation.`,{desc:`Formula editor validation error for empty aggregations`}),validating:!1}:{valid:!0,error:null,validating:!1}:{valid:!1,error:null,validating:!1}}_offlineValidity(e){let t=S(e,this._validWordIdentifiers);return t?{valid:!1,error:(0,p.msg)(p.str`'${t}' is not a valid column, function, or value.`,{desc:`Formula editor validation error for unresolved free text in the expression`}),validating:!1}:{valid:!0,error:null,validating:!1}}_emitValidity(e){this._validity=e,this.dispatchEvent(new CustomEvent(`luzmo-validity-changed`,{bubbles:!0,composed:!0,detail:e}))}_insertColumn(e){this.readonly||!e.columnId||this._store.onExtendExpression({type:`column`,id:e.columnId,datasetId:e.datasetId,aggregationWidgetId:this._store.lastFocusedAggregationWidgetId,targetEmptyArgumentId:this._store.lastFocusedEmptyArgumentId??void 0})}_handleCategoryChange(e){let t=e.detail?.value?.[0];t&&(this._selectedCategory=t)}_handleSearchInput(e){this._searchQuery=e.target.value}_toggleCollapse(e){let t=new Set(this._collapsedDatasets);t.has(e)?t.delete(e):t.add(e),this._collapsedDatasets=t}_handleDraggableActivate(e){if(e.stopPropagation(),this.readonly)return;let{kind:t,value:n}=e.detail;this._store.onExtendExpression({type:t,id:n,aggregationWidgetId:this._store.lastFocusedAggregationWidgetId,targetEmptyArgumentId:this._store.lastFocusedEmptyArgumentId??void 0})}_handleDraggableDescribe(e){e.stopPropagation();let{kind:t,value:n}=e.detail;this._describeTarget=n?{kind:t,id:n}:null}_renderLists(){if(this.readonly)return d.nothing;let e=this.explanationDisplay===`tooltip`;return d.html`
+      <div
+        class="lists"
+        part="lists"
+        @luzmo-formula-draggable-field-activate=${this._handleDraggableActivate}
+        @luzmo-formula-draggable-field-describe=${this._handleDraggableDescribe}
+      >
+        ${this.showAggregations?N({explanationTooltips:e,loading:this._loadingDatasets,size:this.size}):d.nothing}
+        ${L({datasets:this._datasets,loading:this._loadingDatasets,contentLanguage:this.contentLanguage,size:this.size,searchQuery:this._searchQuery,collapsed:this._collapsedDatasets,onSearchInput:e=>this._handleSearchInput(e),onToggleCollapse:e=>this._toggleCollapse(e),onInsertColumn:e=>this._insertColumn(e)})}
+        ${J({explanationTooltips:e,loading:this._loadingDatasets,size:this.size,selectedCategory:this._selectedCategory,onCategoryChange:e=>this._handleCategoryChange(e)})}
+        ${e?d.nothing:W({target:this._describeTarget,size:this.size})}
+      </div>
+    `}_renderValidationFeedback(){return this._validity.validating?d.html`<div class="validating" part="validating" role="status" aria-live="polite">
+        <luzmo-progress-circle
+          indeterminate
+          size="s"
+          .label=${(0,p.msg)(`Validating formula`,{desc:`Formula editor spinner label shown while the expression is being validated`})}
+        ></luzmo-progress-circle>
+        <span>${(0,p.msg)(`Validating…`,{desc:`Formula editor status text shown while the expression is being validated`})}</span>
+      </div>`:!this._validity.valid&&this._validity.error?d.html`<div class="error" part="error" role="alert">
+        ${(0,u.luzmoIcon)(u.luzmoAlertOutline)}
+        <span>${this._validity.error}</span>
+      </div>`:d.nothing}render(){let e=!this._validity.valid&&!!this._validity.error&&!this._validity.validating;return d.html`
+      <div class="formula-editor" part="formula-editor">
+        ${this._renderFormulaCodeMirror({hasError:e})} ${this._renderValidationFeedback()}
+        ${this._renderLists()}
+      </div>
+    `}},X.styles=(0,d.unsafeCSS)(Y),X);t.t([(0,f.property)({type:String,attribute:`expression-resource`,reflect:!0})],Q.prototype,`expressionResource`,void 0),t.t([(0,f.property)({type:String,attribute:`explanation-display`,reflect:!0})],Q.prototype,`explanationDisplay`,void 0),t.t([(0,f.state)()],Q.prototype,`_loadingDatasets`,void 0),t.t([(0,f.state)()],Q.prototype,`_describeTarget`,void 0),t.t([(0,f.state)()],Q.prototype,`_validity`,void 0),t.t([(0,f.state)()],Q.prototype,`_selectedCategory`,void 0),t.t([(0,f.state)()],Q.prototype,`_searchQuery`,void 0),t.t([(0,f.state)()],Q.prototype,`_collapsedDatasets`,void 0),Q=t.t([(0,p.localized)()],Q),customElements.get(`luzmo-formula-editor`)||customElements.define(`luzmo-formula-editor`,Q),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Q}});