@luzmo/analytics-components-kit 1.0.9-beta.7 → 1.0.9-beta.9

package/components/formula-editor-De9Zj-9c.cjs

@@ -1,224 +0,0 @@
-/*! * 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-BWU343D_.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./data-broker-CyMYR6w1.cjs"),r=require("./calculate-data-field-icon-DenGmW74.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./formula-display-store-BJvPYYsO.cjs"),o=require("./groupings-CvXvU4Fr.cjs"),s=require("./pragmatic-element-adapter-DdyH32ix.cjs"),c=require("./get-css-variable-CBXsAxR6.cjs");require("./data-field-DHpgI_wv.cjs");const l=require("./formula-input-base-CZih19kC.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=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}static{this.styles=(0,d.unsafeCSS)(w)}_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.t([(0,f.property)({type:String})],T.prototype,`kind`,void 0),t.t([(0,f.property)({type:String})],T.prototype,`value`,void 0),t.t([(0,f.property)({type:String})],T.prototype,`label`,void 0),t.t([(0,f.property)({type:String})],T.prototype,`description`,void 0),t.t([(0,f.property)({type:String,attribute:`tooltip-placement`})],T.prototype,`tooltipPlacement`,void 0),t.t([(0,f.property)({type:String,reflect:!0})],T.prototype,`variant`,void 0),t.t([(0,f.property)({type:Boolean,reflect:!0})],T.prototype,`disabled`,void 0),t.t([(0,f.state)()],T.prototype,`_hasIcon`,void 0),t.t([(0,f.state)()],T.prototype,`_hasTooltipSlot`,void 0),customElements.get(`luzmo-formula-draggable-field`)||customElements.define(`luzmo-formula-draggable-field`,T);var E={numeric:`numeric`,hierarchy:`hierarchy`,datetime:`datetime`};function D(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=E[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 O(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?D(t,n):d.nothing}
-    </div>
-  `}var k=a.a();function A(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 j({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=${k[r]?.label()??r}
-            .size=${e}
-            ?disabled=${n}
-          >
-            ${t?O(k[r]?.description()??``,k[r]?.example()??``,k[r]?.exampleHasIcons??!1):d.nothing}
-          </luzmo-formula-draggable-field>
-        `)}
-    </div>
-  `}function M(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?A(e.size):j(e)}
-    </div>
-  `}function N(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 P(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 F(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=N(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 I(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?P(t):F(e,o)}
-    </div>
-  `}var L={numeric:`numeric`,hierarchy:`hierarchy`,datetime:`datetime`},R=a.r(),z=a.a(),B=o.n();function V(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=L[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 H(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=B[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`?z[e.id]:R[e.id];return t?d.html`
-    <div class="description-title" part="description-title">${t.label()}</div>
-    ${V(t.example(),t.exampleHasIcons??!1)}
-    <div class="description-text" part="description-text">${t.description()}</div>
-  `:d.nothing}function U({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
-      >
-      ${H(e)}
-    </div>
-  `}var W=a.r();function G(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 K(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=${W[e]?.label()??e}
-            .size=${t}
-            ?disabled=${r}
-          >
-            ${n?O(W[e]?.description()??``,W[e]?.example()??``,W[e]?.exampleHasIcons??!1):d.nothing}
-          </luzmo-formula-draggable-field>
-        `)}
-    </div>
-  `}function q(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?G(t):K(c.functions,e)}
-    </div>
-  `}var J=`: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;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}`,Y=750,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}static{this.styles=(0,d.unsafeCSS)(J)}get _emitDebounceMs(){return Y}_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.t.configure({apiUrl:this.apiUrl,authKey:this.authKey??``,authToken:this.authToken??``});let r=await n.t.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?M({explanationTooltips:e,loading:this._loadingDatasets,size:this.size}):d.nothing}
-        ${I({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)})}
-        ${q({explanationTooltips:e,loading:this._loadingDatasets,size:this.size,selectedCategory:this._selectedCategory,onCategoryChange:e=>this._handleCategoryChange(e)})}
-        ${e?d.nothing:U({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>
-    `}};t.t([(0,f.property)({type:String,attribute:`expression-resource`,reflect:!0})],X.prototype,`expressionResource`,void 0),t.t([(0,f.property)({type:String,attribute:`explanation-display`,reflect:!0})],X.prototype,`explanationDisplay`,void 0),t.t([(0,f.state)()],X.prototype,`_loadingDatasets`,void 0),t.t([(0,f.state)()],X.prototype,`_describeTarget`,void 0),t.t([(0,f.state)()],X.prototype,`_validity`,void 0),t.t([(0,f.state)()],X.prototype,`_selectedCategory`,void 0),t.t([(0,f.state)()],X.prototype,`_searchQuery`,void 0),t.t([(0,f.state)()],X.prototype,`_collapsedDatasets`,void 0),X=t.t([(0,p.localized)()],X),customElements.get(`luzmo-formula-editor`)||customElements.define(`luzmo-formula-editor`,X),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return X}});

package/components/formula-field--gNwmTRk.cjs

@@ -1,20 +0,0 @@
-/*! * 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("./decorate-DCJt-2rt.cjs"),t=require("./formula-input-base-CZih19kC.cjs");let n=require("lit"),r=require("@lit/localize");var i=`:host{box-sizing:border-box;width:100%;font-family:var(--luzmo-font-family);color:var(--luzmo-font-color);display:inline-block}luzmo-formula-codemirror{width:100%;display:block}:host{--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))}:host([size=s]){--luzmo-formula-font-size:var(--luzmo-font-size-s);--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-s);--luzmo-formula-control-height:calc(var(--luzmo-component-height-s) - 2 * var(--luzmo-spacing-1))}:host([size=l]){--luzmo-formula-font-size:var(--luzmo-font-size-l);--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-l);--luzmo-formula-control-height:calc(var(--luzmo-component-height-l) - 2 * var(--luzmo-spacing-1))}:host([size=xl]){--luzmo-formula-font-size:var(--luzmo-font-size-xl);--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-xl);--luzmo-formula-control-height:calc(var(--luzmo-component-height-xl) - 2 * var(--luzmo-spacing-1))}`,a=class extends t.t{static{this.styles=(0,n.unsafeCSS)(i)}_canEmitExpression(){return!this.readonly}render(){return n.html`${this._renderFormulaCodeMirror({part:`input`})}`}};a=e.t([(0,r.localized)()],a),customElements.get(`luzmo-formula-field`)||customElements.define(`luzmo-formula-field`,a),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/formula-field-CQcnyXOD.js

@@ -1,41 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import "./tokens-Ov1pCR4Y.js";
-import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./formula-input-base-BdKh5O_E.js";
-import { html as n, unsafeCSS as r } from "lit";
-import { localized as i } from "@lit/localize";
-//#region src/components/formula-field/formula-field.module.scss?inline
-var a = ":host{box-sizing:border-box;width:100%;font-family:var(--luzmo-font-family);color:var(--luzmo-font-color);display:inline-block}luzmo-formula-codemirror{width:100%;display:block}:host{--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))}:host([size=s]){--luzmo-formula-font-size:var(--luzmo-font-size-s);--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-s);--luzmo-formula-control-height:calc(var(--luzmo-component-height-s) - 2 * var(--luzmo-spacing-1))}:host([size=l]){--luzmo-formula-font-size:var(--luzmo-font-size-l);--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-l);--luzmo-formula-control-height:calc(var(--luzmo-component-height-l) - 2 * var(--luzmo-spacing-1))}:host([size=xl]){--luzmo-formula-font-size:var(--luzmo-font-size-xl);--luzmo-formula-grouping-icon-size:var(--luzmo-icon-size-xl);--luzmo-formula-control-height:calc(var(--luzmo-component-height-xl) - 2 * var(--luzmo-spacing-1))}", o = class extends t {
-	static {
-		this.styles = r(a);
-	}
-	_canEmitExpression() {
-		return !this.readonly;
-	}
-	render() {
-		return n`${this._renderFormulaCodeMirror({ part: "input" })}`;
-	}
-};
-//#endregion
-//#region src/components/formula-field/index.ts
-o = e([i()], o), customElements.get("luzmo-formula-field") || customElements.define("luzmo-formula-field", o);
-//#endregion
-export { o as t };

package/components/formula-input-base-BdKh5O_E.js

@@ -1,236 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./calculate-data-field-icon-DrSg1PuD.js";
-import { t as n } from "./localize-BT7REYBY.js";
-import { d as r, g as i, i as a, l as o, o as s, t as c, u as l } from "./formula-display-store-D9MWhreP.js";
-import { a as u, i as d, n as f, t as p } from "./icon-element-_jY440X2.js";
-import { luzmoAggregation as m, luzmoFunction as h } from "@luzmo/icons";
-import { html as g } from "lit";
-import { property as _ } from "lit/decorators.js";
-import { msg as v } from "@lit/localize";
-import "@luzmo/lucero/progress-circle";
-import { ContextProvider as y, createContext as b } from "@lit/context";
-import { ifDefined as x } from "lit/directives/if-defined.js";
-//#region src/utils/formula/store/formula-editor-context.ts
-var S = b(Symbol("formula-editor-store-context")), C = "__root__", w = {
-	numeric: "numeric",
-	hierarchy: "hierarchy",
-	datetime: "datetime"
-}, T = class extends c {
-	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, a) {
-		let s = [], c = "";
-		if (e === "text") c = a ?? "";
-		else if (e === "column") n && t && (c = `{${n}:${t}}`);
-		else if (e === "function") {
-			let e = this.functionDataMap[t], n = /^[a-z]/i.test(t ?? "");
-			switch (e?.type) {
-				case "infix":
-					c = `${n ? ` ${t} ` : t}${e.arity > 1 ? r() : ""}`;
-					break;
-				case "prefix_op":
-					c = `${t}${n ? " " : ""}${r()}`;
-					break;
-				case "prefix": {
-					let n = [];
-					for (let t = 0; t < e.arity; t++) n.push(r());
-					c = `${t}(${n.join(",")})`;
-					break;
-				}
-			}
-		} else if (e === "aggregation") {
-			let e = t, n = this.aggregationFunctionDataMap[e];
-			if (this.multiStageAggregation) {
-				let t = {
-					widgetId: o(),
-					aggregationFunction: e,
-					grouping: i.GROUP,
-					content: ""
-				};
-				c = l(t.widgetId), s.push(t);
-			} else c = `${e}(${n?.arity > 0 ? r() : ""})`;
-		}
-		return {
-			expression: c,
-			aggregationWidgets: s
-		};
-	}
-	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}##`) ? u(l, s, a) : f(l, s));
-	}
-	getAutoCompletionList(e, r) {
-		let i = [], o = {
-			...this.functionDataMap,
-			...this.aggregationFunctionDataMap
-		};
-		for (let e of Object.keys(o)) {
-			let t = a.includes(e);
-			if (t && !r) continue;
-			let n = o[e];
-			i.push({
-				label: n.label(),
-				type: t ? "namespace" : "function",
-				info: () => this._buildOperationInfo(n),
-				iconDef: t ? m : h,
-				apply: (n, r, i, a) => {
-					let { expression: o, aggregationWidgets: s } = this.getDropExpression(t ? "aggregation" : "function", e);
-					this.addWidgets(s), this._markAggregationForFocus(s), n.dispatch({ changes: {
-						from: i,
-						to: a,
-						insert: o
-					} });
-				}
-			});
-		}
-		for (let r of e) for (let a of r.columns) {
-			let o = a.columnId, s = n(a.name, this.contentLanguage);
-			!o || !s || i.push({
-				label: s,
-				type: "variable",
-				info: e.length > 1 ? n(r.name, this.contentLanguage) : "",
-				iconDef: t(a),
-				apply: this.getDropExpression("column", o, r.id).expression
-			});
-		}
-		return i;
-	}
-	_buildOperationInfo(e) {
-		let n = document.createElement("div");
-		n.className = "cm-completion-info-formula";
-		let r = e.example();
-		if (r) {
-			let i = document.createElement("code");
-			if (i.className = "cm-completion-info-example", e.exampleHasIcons) for (let e of r.split(/(⟨\w+⟩)/g)) {
-				let n = e.match(/^⟨(\w+)⟩$/), r = n ? w[n[1]] : void 0;
-				if (r) {
-					let e = document.createElement("span");
-					e.className = "cm-completion-info-icon", e.appendChild(p(t({ type: r }, "s"))), i.appendChild(e);
-				} else e && i.appendChild(document.createTextNode(e));
-			}
-			else i.textContent = r;
-			n.appendChild(i);
-		}
-		let i = document.createElement("div");
-		return i.className = "cm-completion-info-desc", i.textContent = e.description(), n.appendChild(i), n;
-	}
-}, E = class extends s {
-	constructor() {
-		super(), this._autoCompletionList = [], this.readonly = !1, this.placeholder = "", this.rows = 3, this.grows = !0, new y(this, {
-			context: S,
-			initialValue: this._store
-		});
-	}
-	_createStore() {
-		return new T();
-	}
-	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 && d(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 ? g`
-      <luzmo-formula-codemirror
-        part=${x(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 g`
-      <div
-        class="formula-codemirror-loading"
-        part=${x(e.part)}
-        role="status"
-        aria-busy="true"
-        style=${r}
-      >
-        <luzmo-progress-circle
-          indeterminate
-          .size=${this.size}
-          .label=${v("Loading the formula editor", { desc: "Spinner label while the formula editor input loads" })}
-        ></luzmo-progress-circle>
-      </div>
-    `;
-	}
-};
-e([_({
-	type: Boolean,
-	reflect: !0
-})], E.prototype, "readonly", void 0), e([_({ type: String })], E.prototype, "placeholder", void 0), e([_({ type: Number })], E.prototype, "rows", void 0), e([_({
-	type: Number,
-	attribute: "max-rows"
-})], E.prototype, "maxRows", void 0), e([_({ type: Boolean })], E.prototype, "grows", void 0);
-//#endregion
-export { S as i, T as n, C as r, E as t };

package/components/formula-input-base-CZih19kC.cjs

@@ -1,49 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-DCJt-2rt.cjs"),t=require("./calculate-data-field-icon-DenGmW74.cjs"),n=require("./localize-D3i4Epy_.cjs"),r=require("./formula-display-store-BJvPYYsO.cjs"),i=require("./icon-element-DpN-9yaN.cjs");let a=require("@luzmo/icons"),o=require("lit"),s=require("lit/decorators.js"),c=require("@lit/localize");require("@luzmo/lucero/progress-circle");let l=require("@lit/context"),u=require("lit/directives/if-defined.js");var d=(0,l.createContext)(Symbol(`formula-editor-store-context`)),f=`__root__`,p={numeric:`numeric`,hierarchy:`hierarchy`,datetime:`datetime`},m=class extends r.t{constructor(...e){super(...e),this._editors=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,i){let a=[],o=``;if(e===`text`)o=i??``;else if(e===`column`)n&&t&&(o=`{${n}:${t}}`);else if(e===`function`){let e=this.functionDataMap[t],n=/^[a-z]/i.test(t??``);switch(e?.type){case`infix`:o=`${n?` ${t} `:t}${e.arity>1?r.d():``}`;break;case`prefix_op`:o=`${t}${n?` `:``}${r.d()}`;break;case`prefix`:{let n=[];for(let t=0;t<e.arity;t++)n.push(r.d());o=`${t}(${n.join(`,`)})`;break}}}else if(e===`aggregation`){let e=t,n=this.aggregationFunctionDataMap[e];if(this.multiStageAggregation){let t={widgetId:r.l(),aggregationFunction:e,grouping:r.g.GROUP,content:``};o=r.u(t.widgetId),a.push(t)}else o=`${e}(${n?.arity>0?r.d():``})`}return{expression:o,aggregationWidgets:a}}onExtendExpression(e){let{type:t,id:n,aggregationWidgetId:r,datasetId:a,targetEmptyArgumentId:o,textContent:s}=e;if(t===`aggregation`&&r&&!this.nestedAggregation)return;let{expression:c,aggregationWidgets:l}=this.getDropExpression(t,n,a,s),u=this.getEditor(r);!u||!c||(this.addWidgets(l),this._markAggregationForFocus(l),o&&u.state.doc.toString().includes(`##EMPTYARG-${o}##`)?i.a(u,c,o):i.n(u,c))}getAutoCompletionList(e,i){let o=[],s={...this.functionDataMap,...this.aggregationFunctionDataMap};for(let e of Object.keys(s)){let t=r.i.includes(e);if(t&&!i)continue;let n=s[e];o.push({label:n.label(),type:t?`namespace`:`function`,info:()=>this._buildOperationInfo(n),iconDef:t?a.luzmoAggregation:a.luzmoFunction,apply:(n,r,i,a)=>{let{expression:o,aggregationWidgets:s}=this.getDropExpression(t?`aggregation`:`function`,e);this.addWidgets(s),this._markAggregationForFocus(s),n.dispatch({changes:{from:i,to:a,insert:o}})}})}for(let r of e)for(let i of r.columns){let a=i.columnId,s=n.t(i.name,this.contentLanguage);!a||!s||o.push({label:s,type:`variable`,info:e.length>1?n.t(r.name,this.contentLanguage):``,iconDef:t.t(i),apply:this.getDropExpression(`column`,a,r.id).expression})}return o}_buildOperationInfo(e){let n=document.createElement(`div`);n.className=`cm-completion-info-formula`;let r=e.example();if(r){let a=document.createElement(`code`);if(a.className=`cm-completion-info-example`,e.exampleHasIcons)for(let e of r.split(/(⟨\w+⟩)/g)){let n=e.match(/^⟨(\w+)⟩$/),r=n?p[n[1]]:void 0;if(r){let e=document.createElement(`span`);e.className=`cm-completion-info-icon`,e.appendChild(i.t(t.t({type:r},`s`))),a.appendChild(e)}else e&&a.appendChild(document.createTextNode(e))}else a.textContent=r;n.appendChild(a)}let a=document.createElement(`div`);return a.className=`cm-completion-info-desc`,a.textContent=e.description(),n.appendChild(a),n}},h=class extends r.o{constructor(){super(),this._autoCompletionList=[],this.readonly=!1,this.placeholder=``,this.rows=3,this.grows=!0,new l.ContextProvider(this,{context:d,initialValue:this._store})}_createStore(){return new m}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&&i.i(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?o.html`
-      <luzmo-formula-codemirror
-        part=${(0,u.ifDefined)(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 o.html`
-      <div
-        class="formula-codemirror-loading"
-        part=${(0,u.ifDefined)(e.part)}
-        role="status"
-        aria-busy="true"
-        style=${r}
-      >
-        <luzmo-progress-circle
-          indeterminate
-          .size=${this.size}
-          .label=${(0,c.msg)(`Loading the formula editor`,{desc:`Spinner label while the formula editor input loads`})}
-        ></luzmo-progress-circle>
-      </div>
-    `}};e.t([(0,s.property)({type:Boolean,reflect:!0})],h.prototype,`readonly`,void 0),e.t([(0,s.property)({type:String})],h.prototype,`placeholder`,void 0),e.t([(0,s.property)({type:Number})],h.prototype,`rows`,void 0),e.t([(0,s.property)({type:Number,attribute:`max-rows`})],h.prototype,`maxRows`,void 0),e.t([(0,s.property)({type:Boolean})],h.prototype,`grows`,void 0),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});