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

package/components/formula-display-store-DFAvw21p.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./base-kQ6cjcIZ.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-CiBWThrZ.cjs"),r=require("./load-data-fields-for-datasets-CW4Voiex.cjs");let i=require("lit/decorators.js"),a=require("@lit/localize");var o=function(e){return e.GROUP=``,e.GROUPFULL=`GROUPFULL`,e.GROUPINEX=`GROUPINEX`,e}({}),s=String.raw`[\da-f]{8}(?:-[\da-f]{4}){3}-[\da-f]{12}`,c=RegExp(`##EMPTYARG-(${s})##|{(${s}:${s})}|##AGGR-(${s})##`,`gm`),l=RegExp(`##EMPTYARG-(${s})##|{(${s}:${s})}`,`gm`),u=/((GROUPFULL|GROUPINEX)\()?(AVG|COUNT|COUNTD|COUNTR|MAX|MIN|SUM)\(/m,d=/(AVG|COUNT|COUNTD|MAX|MIN|SUM)\(\)/m,f=RegExp(`##AGGR-(${s})##`,`m`),p=/\[(.*?)\]/gm,m=RegExp(`{(${s}:${s})}`,`gm`);function h(){return typeof crypto<`u`&&typeof crypto.randomUUID==`function`?crypto.randomUUID():`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,e=>{let t=Math.random()*16|0;return(e===`x`?t:t&3|8).toString(16)})}function g(){return`##EMPTYARG-${h()}##`}function _(e){return`##AGGR-${e}##`}function v(e,t){let{aggregationFunction:n,content:r,grouping:i,includedColumns:a,excludedColumns:s}=e??{},c=`${n}(${t[n]?.arity>0?r:``})`;switch(i){case o.GROUPFULL:return`GROUPFULL(${c})`;case o.GROUPINEX:return`GROUPINEX(${c}, [${a?.map(e=>`{${e}}`).join(`, `)||``}], [${s?.map(e=>`{${e}}`).join(`, `)||``}])`;default:return c}}function y(e){let t=e.split(``),n=null;for(let e=0;e<t.length;e++){let r=t[e];n?r===n?n=null:t[e]=` `:(r===`'`||r===`"`)&&(n=r)}return t.join(``)}function b(e,t=0){let n=0,r=-1,i=null;for(let a=t,o=e.length;a<o;a++){let t=e[a];if(i){t===i&&(i=null);continue}if(t===`'`||t===`"`)i=t;else if(t===`(`)n++;else if(t===`)`){if(n===0){r=a;break}n--}}return r}function x(e){let t=e.match(p),n=t?.[0],r=t?.[1];return{includedColumns:n?.match(m)?.map(e=>e.slice(1,-1))??[],excludedColumns:r?.match(m)?.map(e=>e.slice(1,-1))??[]}}function S(e=`light`){return!e||e===`light`?[`#0E89E0`,`#F45000`,`#15BF49`,`#685AC2`,`#636363`]:[`#BDDCF9`,`#FFCFA1`,`#C1F3B7`,`#D7D7EF`,`#D7D7EF`]}function C(e){let t=S(`light`),n=e.length>1;return e.map((e,r)=>{let i=[];return`dataFields`in e&&Array.isArray(e.dataFields)&&e.dataFields.length>0?i=e.dataFields.filter(e=>!!e.columnId):`columns`in e&&Array.isArray(e.columns)&&(i=e.columns.map(t=>({...t,datasetId:e.id}))),{id:e.id,name:e.name,description:`description`in e?e.description:void 0,color:n?t[r%t.length]:void 0,columns:i}})}var w=!1,T;async function E(){if(!w){T??=Promise.resolve().then(()=>require("./formula-codemirror-CFgPlkN8.cjs"));try{await T,w=!0}catch(e){throw T=void 0,e}}}function D(){return w}var O=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`]})){constructor(){super(),this.expression=``,this.datasetsDataFields=[],this.datasetIds=[],this.apiUrl=`https://api.luzmo.com`,this.showAggregations=!0,this.contentLanguage=`en`,this.multiStageAggregation=!0,this.nestedAggregation=!0,this._datasets=[],this._codeMirrorLoaded=D(),this._rootContent=``,this._lastEmittedExpression=null,this._applyingExternalExpression=!1,this._handleWidgetsChanged=()=>{this._recomputeExpression()},this._store=this._createStore()}connectedCallback(){super.connectedCallback(),this._store.addEventListener(`widgets-changed`,this._handleWidgetsChanged)}disconnectedCallback(){super.disconnectedCallback(),this._store.removeEventListener(`widgets-changed`,this._handleWidgetsChanged),this._emitTimer&&clearTimeout(this._emitTimer)}firstUpdated(e){super.firstUpdated(e),this._pushRootContent()}updated(e){super.updated(e),e.has(`_codeMirrorLoaded`)&&this._codeMirrorLoaded&&this._pushRootContent()}_pushRootContent(){this._rootContent&&this._codeMirrorElement?.setContent(this._rootContent)}get _codeMirrorElement(){return this.renderRoot?.querySelector(`luzmo-formula-codemirror`)}async _ensureCodeMirrorLoaded(){this._codeMirrorLoaded||=(await E(),!0)}willUpdate(e){super.willUpdate(e),this._shouldLoadInput()&&this._ensureCodeMirrorLoaded(),(e.has(`multiStageAggregation`)||e.has(`nestedAggregation`)||e.has(`contentLanguage`)||e.has(`size`))&&(this._store.multiStageAggregation=this.multiStageAggregation,this._store.nestedAggregation=this.nestedAggregation,this._store.contentLanguage=this.contentLanguage,this._store.size=this.size),(e.has(`datasetsDataFields`)||e.has(`datasetIds`)||e.has(`apiUrl`)||e.has(`authKey`)||e.has(`authToken`))&&this._loadDatasets(),e.has(`showAggregations`)&&this._rebuildAutoCompletion(),e.has(`expression`)&&this._applyExternalExpression()}async _loadDatasets(){if(this.datasetsDataFields.length===0&&this.datasetIds.length===0){this._datasets=[],this._store.datasets=[],this._setLoading(!1),this._rebuildAutoCompletion();return}if(this.datasetsDataFields.length>0){this._datasets=C(this.datasetsDataFields),this._store.datasets=this._datasets,this._setLoading(!1),this._rebuildAutoCompletion();return}if(this.datasetIds.length>0){this._setLoading(!0);try{let e=await r.t(this.datasetIds,{dataBrokerConfig:{apiUrl:this.apiUrl,authKey:this.authKey,authToken:this.authToken}});this._datasets=C(e),this._store.datasets=this._datasets,this._rebuildAutoCompletion()}catch(e){console.warn(`[${this.localName}] Failed to load datasets:`,e),this.dispatchEvent(new CustomEvent(`luzmo-datasets-error`,{bubbles:!0,composed:!0,detail:{error:e}}))}finally{this._setLoading(!1)}}}_rebuildAutoCompletion(){}_syncExpressionToStore(){return this.expression===this._lastEmittedExpression?null:(this._store.clearWidgets(),this._rootContent=this.multiStageAggregation?this._store.transformToAggregationWidgetSyntax(this.expression):this.expression,this._rootContent)}_applyExternalExpression(){this._applyingExternalExpression=!0;try{this._syncExpressionToStore()}finally{this._applyingExternalExpression=!1}}_recomputeExpression(){if(this._applyingExternalExpression||!this._canEmitExpression())return;let e=this.multiStageAggregation?this._store.transformToAggregationFunctionSyntax(this._rootContent):this._rootContent;this._emitTimer&&clearTimeout(this._emitTimer),this._emitTimer=setTimeout(()=>this._onExpressionComputed(e),this._emitDebounceMs)}_emitExpressionChanged(e){this._lastEmittedExpression=e,this.dispatchEvent(new CustomEvent(`luzmo-expression-changed`,{bubbles:!0,composed:!0,detail:{expression:e}}))}_shouldLoadInput(){return!0}_canEmitExpression(){return!0}get _emitDebounceMs(){return 300}_onExpressionComputed(e){e!==this._lastEmittedExpression&&this._emitExpressionChanged(e)}_setLoading(e){}};t.t([(0,i.property)({type:String})],O.prototype,`expression`,void 0),t.t([(0,i.property)({attribute:!1})],O.prototype,`datasetsDataFields`,void 0),t.t([(0,i.property)({type:Array,attribute:`dataset-ids`})],O.prototype,`datasetIds`,void 0),t.t([(0,i.property)({type:String,attribute:`api-url`})],O.prototype,`apiUrl`,void 0),t.t([(0,i.property)({type:String,attribute:`auth-key`})],O.prototype,`authKey`,void 0),t.t([(0,i.property)({type:String,attribute:`auth-token`})],O.prototype,`authToken`,void 0),t.t([(0,i.property)({type:Boolean,attribute:`show-aggregations`,reflect:!0})],O.prototype,`showAggregations`,void 0),t.t([(0,i.property)({type:String,attribute:`content-language`,reflect:!0})],O.prototype,`contentLanguage`,void 0),t.t([(0,i.property)({type:Boolean,attribute:`multi-stage-aggregation`})],O.prototype,`multiStageAggregation`,void 0),t.t([(0,i.property)({type:Boolean,attribute:`nested-aggregation`})],O.prototype,`nestedAggregation`,void 0),t.t([(0,i.state)()],O.prototype,`_datasets`,void 0),t.t([(0,i.state)()],O.prototype,`_codeMirrorLoaded`,void 0);var k=[`AVG`,`COUNT`,`COUNTD`,`COUNTR`,`MAX`,`MIN`,`SUM`];function A(){return{AVG:{arity:1,label:()=>(0,a.msg)(`Average`,{desc:`Aggregation label`}),description:()=>(0,a.msg)(`Calculates the average of the values.`,{desc:`Formula aggregation description for AVG`}),example:()=>`AVG(⟨numeric⟩ Order Value)`,exampleHasIcons:!0},COUNT:{arity:1,label:()=>(0,a.msg)(`Count`,{desc:`Aggregation label`}),description:()=>(0,a.msg)(`Counts the number of non-empty values.`,{desc:`Formula aggregation description for COUNT`}),example:()=>`COUNT(⟨numeric⟩ Order Number)`,exampleHasIcons:!0},COUNTD:{arity:1,label:()=>(0,a.msg)(`Count distinct`,{desc:`Aggregation label`}),description:()=>(0,a.msg)(`Counts the number of distinct values.`,{desc:`Formula aggregation description for COUNTD`}),example:()=>`COUNTD(⟨numeric⟩ Customer ID)`,exampleHasIcons:!0},COUNTR:{arity:0,label:()=>(0,a.msg)(`Count rows`,{desc:`Aggregation label`}),description:()=>(0,a.msg)(`Counts the number of rows.`,{desc:`Formula aggregation description for COUNTR`}),example:()=>`COUNTR()`},MAX:{arity:1,label:()=>(0,a.msg)(`Maximum`,{desc:`Aggregation label`}),description:()=>(0,a.msg)(`Returns the largest value.`,{desc:`Formula aggregation description for MAX`}),example:()=>`MAX(⟨numeric⟩ Order Value)`,exampleHasIcons:!0},MIN:{arity:1,label:()=>(0,a.msg)(`Minimum`,{desc:`Aggregation label`}),description:()=>(0,a.msg)(`Returns the smallest value.`,{desc:`Formula aggregation description for MIN`}),example:()=>`MIN(⟨numeric⟩ Order Value)`,exampleHasIcons:!0},SUM:{arity:1,label:()=>(0,a.msg)(`Sum`,{desc:`Aggregation label`}),description:()=>(0,a.msg)(`Adds up all the values.`,{desc:`Formula aggregation description for SUM`}),example:()=>`SUM(⟨numeric⟩ Quantity Sold)`,exampleHasIcons:!0}}}function j(){return[{key:`string`,title:()=>(0,a.msg)(`String`,{desc:`Formula function category title for string functions`}),functions:[`||`,`LENGTH`,`LOWER`,`UPPER`,`LTRIM`,`RTRIM`,`TRIM`,`REPLACE`,`STRPOS`,`SUBSTR`,`SPLIT_PART`]},{key:`dateTime`,title:()=>(0,a.msg)(`Date and time`,{desc:`Formula function category title for date and time functions`}),functions:[`NOW`,`DATE_ADD`,`DATE_DIFF`,`YEAR`,`YEAR_UTC`,`QUARTER`,`QUARTER_UTC`,`MONTH`,`MONTH_UTC`,`WEEK`,`WEEK_UTC`,`DAY`,`DAY_UTC`,`DAY_OF_WEEK`,`DAY_OF_WEEK_UTC`,`DAY_OF_YEAR`,`DAY_OF_YEAR_UTC`,`YEAR_OF_WEEK`,`YEAR_OF_WEEK_UTC`,`HOUR`,`HOUR_UTC`,`MINUTE`,`MINUTE_UTC`,`SECOND`,`SECOND_UTC`]},{key:`mathematical`,title:()=>(0,a.msg)(`Mathematical`,{desc:`Formula function category title for mathematical functions`}),functions:[`+`,`-`,`*`,`/`,`%`,`ABS`,`CEIL`,`E`,`EXP`,`FLOOR`,`LN`,`LOG`,`PI`,`POW`,`RAND`,`ROUND`,`SQRT`]},{key:`conditional`,title:()=>(0,a.msg)(`Conditional`,{desc:`Formula function category title for conditional functions`}),functions:[`IF`,`COALESCE`]},{key:`conversion`,title:()=>(0,a.msg)(`Conversion`,{desc:`Formula function category title for conversion functions`}),functions:[`CAST`]},{key:`comparison`,title:()=>(0,a.msg)(`Comparison`,{desc:`Formula function category title for comparison functions`}),functions:[`>`,`<`,`<=`,`>=`,`=`,`<>`]},{key:`logical`,title:()=>(0,a.msg)(`Logical`,{desc:`Formula function category title for logical functions`}),functions:[`AND`,`OR`,`NOT`]},{key:`circular`,title:()=>(0,a.msg)(`Circular`,{desc:`Formula function category title for circular functions`}),functions:[`SIN`,`COS`,`TAN`,`ASIN`,`ACOS`,`ATAN`,`SINH`,`COSH`,`TANH`]},{key:`spatial`,title:()=>(0,a.msg)(`Spatial`,{desc:`Formula function category title for spatial functions`}),functions:[`COORDS`]}]}function M(){let e=2026;return{"+":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Addition`,{desc:`Formula function label for addition`}),description:()=>(0,a.msg)(`Adds two numeric values.`,{desc:`Formula function description for addition operator`}),example:()=>`42.0 + ⟨numeric⟩ Average burrito price`,exampleHasIcons:!0},"-":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Difference`,{desc:`Formula function label for subtraction`}),description:()=>(0,a.msg)(`Subtracts the second value from the first value.`,{desc:`Formula function description for subtraction operator`}),example:()=>`⟨numeric⟩ Burrito weight - 42`,exampleHasIcons:!0},"*":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Multiplication`,{desc:`Formula function label for multiplication`}),description:()=>(0,a.msg)(`Multiplies two numeric values.`,{desc:`Formula function description for multiplication operator`}),example:()=>`⟨numeric⟩ Number of burritos * 2`,exampleHasIcons:!0},"/":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Division`,{desc:`Formula function label for division`}),description:()=>(0,a.msg)(`Divides the first numeric value by the second numeric value.`,{desc:`Formula function description for division operator`}),example:()=>`⟨numeric⟩ Number of burritos / 2`,exampleHasIcons:!0},"%":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Modulo`,{desc:`Formula function label for modulo`}),description:()=>(0,a.msg)(`Returns the remainder after dividing the first value by the second value.`,{desc:`Formula function description for modulo operator`}),example:()=>`5 % 2`},">":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Greater than`,{desc:`Formula function label for greater than comparison`}),description:()=>(0,a.msg)(`Checks whether the first value is greater than the second value.`,{desc:`Formula function description for greater than operator`}),example:()=>`⟨numeric⟩ Burrito weight > 50`,exampleHasIcons:!0},"<":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Less than`,{desc:`Formula function label for less than comparison`}),description:()=>(0,a.msg)(`Checks whether the first value is less than the second value.`,{desc:`Formula function description for less than operator`}),example:()=>`⟨numeric⟩ Burrito weight < 50`,exampleHasIcons:!0},">=":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Greater than or equal`,{desc:`Formula function label for greater than or equal comparison`}),description:()=>(0,a.msg)(`Checks whether the first value is greater than or equal to the second value.`,{desc:`Formula function description for greater than or equal operator`}),example:()=>`⟨numeric⟩ Burrito weight >= 50`,exampleHasIcons:!0},"<=":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Less than or equal`,{desc:`Formula function label for less than or equal comparison`}),description:()=>(0,a.msg)(`Checks whether the first value is less than or equal to the second value.`,{desc:`Formula function description for less than or equal operator`}),example:()=>`⟨numeric⟩ Burrito weight <= 50`,exampleHasIcons:!0},"=":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Equal`,{desc:`Formula function label for equality comparison`}),description:()=>(0,a.msg)(`Checks whether both values are equal.`,{desc:`Formula function description for equality operator`}),example:()=>`⟨hierarchy⟩ Burrito type = 'Savoury'`,exampleHasIcons:!0},"<>":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Not equal`,{desc:`Formula function label for inequality comparison`}),description:()=>(0,a.msg)(`Checks whether two values are different.`,{desc:`Formula function description for inequality operator`}),example:()=>`⟨hierarchy⟩ Burrito type <> 'Sweet'`,exampleHasIcons:!0},ABS:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Absolute value`,{desc:`Formula function label for ABS`}),description:()=>(0,a.msg)(`Returns the absolute value of a number.`,{desc:`Formula function description for ABS`}),example:()=>`ABS(-5.0)`},CEIL:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Round up`,{desc:`Formula function label for CEIL`}),description:()=>(0,a.msg)(`Rounds a number up to the nearest integer.`,{desc:`Formula function description for CEIL`}),example:()=>`CEIL(11.3)`},E:{type:`prefix`,arity:0,label:()=>(0,a.msg)(`Euler's number`,{desc:`Formula function label for E`}),description:()=>(0,a.msg)(`Returns Euler's constant e.`,{desc:`Formula function description for E`}),example:()=>`E()`},EXP:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Exponential`,{desc:`Formula function label for EXP`}),description:()=>(0,a.msg)(`Returns e raised to the specified power.`,{desc:`Formula function description for EXP`}),example:()=>`EXP(11.3)`},FLOOR:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Round down`,{desc:`Formula function label for FLOOR`}),description:()=>(0,a.msg)(`Rounds a number down to the nearest integer.`,{desc:`Formula function description for FLOOR`}),example:()=>`FLOOR(11.7)`},LN:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Natural logarithm`,{desc:`Formula function label for LN`}),description:()=>(0,a.msg)(`Returns the natural logarithm of a number.`,{desc:`Formula function description for LN`}),example:()=>`LN(11.7)`},LOG:{type:`prefix`,arity:2,label:()=>(0,a.msg)(`Logarithm`,{desc:`Formula function label for LOG`}),description:()=>(0,a.msg)(`Returns the logarithm of a number for a specific base.`,{desc:`Formula function description for LOG`}),example:()=>`LOG(3.6, 10)`},PI:{type:`prefix`,arity:0,label:()=>(0,a.msg)(`Pi`,{desc:`Formula function label for PI`}),description:()=>(0,a.msg)(`Returns the mathematical constant pi.`,{desc:`Formula function description for PI`}),example:()=>`PI()`},POW:{type:`prefix`,arity:2,label:()=>(0,a.msg)(`Power`,{desc:`Formula function label for POW`}),description:()=>(0,a.msg)(`Raises a number to a given power.`,{desc:`Formula function description for POW`}),example:()=>`POW(2.35, 2)`},RAND:{type:`prefix`,arity:0,label:()=>(0,a.msg)(`Random number`,{desc:`Formula function label for RAND`}),description:()=>(0,a.msg)(`Returns a random number between 0 and 1.`,{desc:`Formula function description for RAND`}),example:()=>`RAND()`},ROUND:{type:`prefix`,arity:2,label:()=>(0,a.msg)(`Round`,{desc:`Formula function label for ROUND`}),description:()=>(0,a.msg)(`Rounds a number to a specified number of decimal places.`,{desc:`Formula function description for ROUND`}),example:()=>`ROUND(4.567, 1)`},SQRT:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Square root`,{desc:`Formula function label for SQRT`}),description:()=>(0,a.msg)(`Returns the square root of a number.`,{desc:`Formula function description for SQRT`}),example:()=>`SQRT(4)`},CAST:{type:`prefix`,arity:2,label:()=>(0,a.msg)(`Convert value`,{desc:`Formula function label for CAST`}),description:()=>(0,a.msg)(`Converts the first argument to the type given by the second argument. Possible types are 'hierarchy', 'numeric', 'datetime' and 'boolean'.`,{desc:`Formula function description for CAST`}),example:()=>`CAST(⟨numeric⟩ Burrito weight, hierarchy)`,exampleHasIcons:!0},IF:{type:`prefix`,arity:3,label:()=>(0,a.msg)(`If`,{desc:`Formula function label for IF`}),description:()=>(0,a.msg)(`Returns one value when a condition is true and another value when false.`,{desc:`Formula function description for IF`}),example:()=>`IF(⟨numeric⟩ Burrito weight < 200,'Small','Large')`,exampleHasIcons:!0},COALESCE:{type:`prefix`,arity:2,label:()=>(0,a.msg)(`Is empty`,{desc:`Formula function label for COALESCE`}),description:()=>(0,a.msg)(`Returns the first non-null value from the provided arguments.`,{desc:`Formula function description for COALESCE`}),example:()=>`COALESCE(⟨hierarchy⟩ Burrito type, 'Unknown type')`,exampleHasIcons:!0},AND:{type:`infix`,arity:2,label:()=>(0,a.msg)(`Logical and`,{desc:`Formula function label for AND`}),description:()=>(0,a.msg)(`Returns true when both conditions are true.`,{desc:`Formula function description for AND`}),example:()=>`Burrito weight > 50 AND Burrito weight < 75`},OR:{type:`infix`,arity:2,label:()=>(0,a.msg)(`Logical or`,{desc:`Formula function label for OR`}),description:()=>(0,a.msg)(`Returns true when at least one condition is true.`,{desc:`Formula function description for OR`}),example:()=>`Burrito price > 10.1 OR Burrito weight >= 50`},NOT:{type:`prefix_op`,arity:1,label:()=>(0,a.msg)(`Logical not`,{desc:`Formula function label for NOT`}),description:()=>(0,a.msg)(`Negates a boolean condition.`,{desc:`Formula function description for NOT`}),example:()=>`NOT (Burrito type = 'Salty')`},SIN:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Sine`,{desc:`Formula function label for SIN`}),description:()=>(0,a.msg)(`Returns the sine of an angle in radians.`,{desc:`Formula function description for SIN`}),example:()=>`SIN(3.14)`},COS:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Cosine`,{desc:`Formula function label for COS`}),description:()=>(0,a.msg)(`Returns the cosine of an angle in radians.`,{desc:`Formula function description for COS`}),example:()=>`COS(3.14)`},TAN:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Tangent`,{desc:`Formula function label for TAN`}),description:()=>(0,a.msg)(`Returns the tangent of an angle in radians.`,{desc:`Formula function description for TAN`}),example:()=>`TAN(3.14)`},ASIN:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Arcsine`,{desc:`Formula function label for ASIN`}),description:()=>(0,a.msg)(`Returns the arcsine of a number.`,{desc:`Formula function description for ASIN`}),example:()=>`ASIN(3.14)`},ACOS:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Arccosine`,{desc:`Formula function label for ACOS`}),description:()=>(0,a.msg)(`Returns the arccosine of a number.`,{desc:`Formula function description for ACOS`}),example:()=>`ACOS(3.14)`},ATAN:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Arctangent`,{desc:`Formula function label for ATAN`}),description:()=>(0,a.msg)(`Returns the arctangent of a number.`,{desc:`Formula function description for ATAN`}),example:()=>`ATAN(3.14)`},SINH:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Hyperbolic sine`,{desc:`Formula function label for SINH`}),description:()=>(0,a.msg)(`Returns the hyperbolic sine of a number.`,{desc:`Formula function description for SINH`}),example:()=>`SINH(3.14)`},COSH:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Hyperbolic cosine`,{desc:`Formula function label for COSH`}),description:()=>(0,a.msg)(`Returns the hyperbolic cosine of a number.`,{desc:`Formula function description for COSH`}),example:()=>`COSH(3.14)`},TANH:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Hyperbolic tangent`,{desc:`Formula function label for TANH`}),description:()=>(0,a.msg)(`Returns the hyperbolic tangent of a number.`,{desc:`Formula function description for TANH`}),example:()=>`TANH(3.14)`},MEAN:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Mean`,{desc:`Formula function label for MEAN`}),description:()=>(0,a.msg)(`Returns the arithmetic mean of all values in a numeric column. The value is calculated over the entire dataset and does not change when filtering.`,{desc:`Formula function description for MEAN`}),example:()=>`MEAN(⟨numeric⟩ Burrito weight)`,exampleHasIcons:!0},STDDEV:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Standard deviation`,{desc:`Aggregation label`}),description:()=>(0,a.msg)(`Returns the sample standard deviation over all values in a numeric column. The value is calculated over the entire dataset and does not change when filtering.`,{desc:`Formula function description for STDDEV`}),example:()=>`STDDEV(⟨numeric⟩ Burrito weight)`,exampleHasIcons:!0},"||":{type:`infix`,arity:2,label:()=>(0,a.msg)(`Concatenate`,{desc:`Formula function label for concatenate operator`}),description:()=>(0,a.msg)(`Concatenates two strings.`,{desc:`Formula function description for concatenate operator`}),example:()=>`'Tasty' || ' burrito'`},LENGTH:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`String length`,{desc:`Formula function label for LENGTH`}),description:()=>(0,a.msg)(`Returns the number of characters in a string.`,{desc:`Formula function description for LENGTH`}),example:()=>`LENGTH('Burrito')`},LOWER:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Lowercase`,{desc:`Formula function label for LOWER`}),description:()=>(0,a.msg)(`Converts a string to lowercase.`,{desc:`Formula function description for LOWER`}),example:()=>`LOWER('BURRITO')`},UPPER:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Uppercase`,{desc:`Formula function label for UPPER`}),description:()=>(0,a.msg)(`Converts a string to uppercase.`,{desc:`Formula function description for UPPER`}),example:()=>`UPPER('burrito')`},LTRIM:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Trim left`,{desc:`Formula function label for LTRIM`}),description:()=>(0,a.msg)(`Removes leading spaces from a string.`,{desc:`Formula function description for LTRIM`}),example:()=>`LTRIM('      Burrito')`},RTRIM:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Trim right`,{desc:`Formula function label for RTRIM`}),description:()=>(0,a.msg)(`Removes trailing spaces from a string.`,{desc:`Formula function description for RTRIM`}),example:()=>`RTRIM('Burrito      ')`},TRIM:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Trim`,{desc:`Formula function label for TRIM`}),description:()=>(0,a.msg)(`Removes leading and trailing spaces from a string.`,{desc:`Formula function description for TRIM`}),example:()=>`TRIM('Burrito      ')`},REPLACE:{type:`prefix`,arity:3,label:()=>(0,a.msg)(`Replace text`,{desc:`Formula function label for REPLACE`}),description:()=>(0,a.msg)(`Replaces occurrences of a substring with another substring.`,{desc:`Formula function description for REPLACE`}),example:()=>`REPLACE('Sweet burrito','Sweet', 'Savoury')`},STRPOS:{type:`prefix`,arity:2,label:()=>(0,a.msg)(`Find substring`,{desc:`Formula function label for STRPOS`}),description:()=>(0,a.msg)(`Returns the position of a substring in a string.`,{desc:`Formula function description for STRPOS`}),example:()=>`STRPOS('Sweet burrito','burrito')`},SUBSTR:{type:`prefix`,arity:3,label:()=>(0,a.msg)(`Take substring`,{desc:`Formula function label for SUBSTR`}),description:()=>(0,a.msg)(`Extracts part of a string. The first argument is the text, the second the starting position (the first character is 1; a negative position counts from the end), and the third the length.`,{desc:`Formula function description for SUBSTR`}),example:()=>`SUBSTR('Sweet burrito',7,3)`},SPLIT_PART:{type:`prefix`,arity:3,label:()=>(0,a.msg)(`Split part`,{desc:`Formula function label for SPLIT_PART`}),description:()=>(0,a.msg)(`Splits a string into parts using a delimiter. The first argument is the text to split, the second the delimiter, and the third the position of the part to return (starting from 1).`,{desc:`Formula function description for SPLIT_PART`}),example:()=>`SPLIT_PART('Sweet burrito', ' ', 2)`},NOW:{type:`prefix`,arity:0,label:()=>(0,a.msg)(`Current date and time`,{desc:`Formula function label for NOW`}),description:()=>(0,a.msg)(`Returns the current date and time.`,{desc:`Formula function description for NOW`}),example:()=>`NOW()`},YEAR:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Year`,{desc:`Time unit`}),description:()=>(0,a.msg)(`Extracts the year from a date value.`,{desc:`Formula function description for YEAR`}),example:()=>`YEAR('${e}-02-17')`},YEAR_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Year (UTC)`,{desc:`Formula function label for YEAR_UTC`}),description:()=>(0,a.msg)(`Extracts the year from a date value in UTC.`,{desc:`Formula function description for YEAR_UTC`}),example:()=>`YEAR_UTC('${e}-02-17')`},QUARTER:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Quarter`,{desc:`Time unit`}),description:()=>(0,a.msg)(`Extracts the quarter from a date value.`,{desc:`Formula function description for QUARTER`}),example:()=>`QUARTER('${e}-02-17')`},QUARTER_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Quarter (UTC)`,{desc:`Formula function label for QUARTER_UTC`}),description:()=>(0,a.msg)(`Extracts the quarter from a date value in UTC.`,{desc:`Formula function description for QUARTER_UTC`}),example:()=>`QUARTER_UTC('${e}-02-17')`},MONTH:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Month`,{desc:`Time unit`}),description:()=>(0,a.msg)(`Extracts the month from a date or datetime value.`,{desc:`Formula function description for MONTH`}),example:()=>`MONTH('${e}-02-17 15:36:59')`},MONTH_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Month (UTC)`,{desc:`Formula function label for MONTH_UTC`}),description:()=>(0,a.msg)(`Extracts the month from a date or datetime value in UTC.`,{desc:`Formula function description for MONTH_UTC`}),example:()=>`MONTH_UTC('${e}-02-17 15:36:59')`},WEEK:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Week`,{desc:`Time unit`}),description:()=>(0,a.msg)(`Extracts the ISO 8601 week number (1-53) from a date or datetime value.`,{desc:`Formula function description for WEEK`}),example:()=>`WEEK('${e}-02-17 15:36:59')`},WEEK_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Week (UTC)`,{desc:`Formula function label for WEEK_UTC`}),description:()=>(0,a.msg)(`Extracts the ISO 8601 week number (1-53) from a date or datetime value in UTC.`,{desc:`Formula function description for WEEK_UTC`}),example:()=>`WEEK_UTC('${e}-02-17 15:36:59')`},DAY:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Day of month`,{desc:`Formula function label for DAY`}),description:()=>(0,a.msg)(`Extracts the day of month from a date or datetime value.`,{desc:`Formula function description for DAY`}),example:()=>`DAY('${e}-02-17 15:36:59')`},DAY_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Day of month (UTC)`,{desc:`Formula function label for DAY_UTC`}),description:()=>(0,a.msg)(`Extracts the day of month from a date or datetime value in UTC.`,{desc:`Formula function description for DAY_UTC`}),example:()=>`DAY_UTC('${e}-02-17 15:36:59')`},DAY_OF_WEEK:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Day of week`,{desc:`Formula function label for DAY_OF_WEEK`}),description:()=>(0,a.msg)(`Extracts the day of week (1-7, where 1 is Monday) from a date or datetime value.`,{desc:`Formula function description for DAY_OF_WEEK`}),example:()=>`DAY_OF_WEEK('${e}-02-17 15:36:59')`},DAY_OF_WEEK_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Day of week (UTC)`,{desc:`Formula function label for DAY_OF_WEEK_UTC`}),description:()=>(0,a.msg)(`Extracts the day of week (1-7, where 1 is Monday) from a date or datetime value in UTC.`,{desc:`Formula function description for DAY_OF_WEEK_UTC`}),example:()=>`DAY_OF_WEEK_UTC('${e}-02-17 15:36:59')`},DAY_OF_YEAR:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Day of year`,{desc:`Formula function label for DAY_OF_YEAR`}),description:()=>(0,a.msg)(`Extracts the day of year from a date or datetime value.`,{desc:`Formula function description for DAY_OF_YEAR`}),example:()=>`DAY_OF_YEAR('${e}-02-17 15:36:59')`},DAY_OF_YEAR_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Day of year (UTC)`,{desc:`Formula function label for DAY_OF_YEAR_UTC`}),description:()=>(0,a.msg)(`Extracts the day of year from a date or datetime value in UTC.`,{desc:`Formula function description for DAY_OF_YEAR_UTC`}),example:()=>`DAY_OF_YEAR_UTC('${e}-02-17 15:36:59')`},YEAR_OF_WEEK:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Year of ISO week`,{desc:`Formula function label for YEAR_OF_WEEK`}),description:()=>(0,a.msg)(`Extracts the ISO week-numbering year from a date or datetime value.`,{desc:`Formula function description for YEAR_OF_WEEK`}),example:()=>`YEAR_OF_WEEK('${e}-02-17 15:36:59')`},YEAR_OF_WEEK_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Year of ISO week (UTC)`,{desc:`Formula function label for YEAR_OF_WEEK_UTC`}),description:()=>(0,a.msg)(`Extracts the ISO week-numbering year from a date or datetime value in UTC.`,{desc:`Formula function description for YEAR_OF_WEEK_UTC`}),example:()=>`YEAR_OF_WEEK_UTC('${e}-02-17 15:36:59')`},HOUR:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Hour`,{desc:`Time unit`}),description:()=>(0,a.msg)(`Extracts the hour from a datetime value.`,{desc:`Formula function description for HOUR`}),example:()=>`HOUR('${e}-02-17 15:36:59')`},HOUR_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Hour (UTC)`,{desc:`Formula function label for HOUR_UTC`}),description:()=>(0,a.msg)(`Extracts the hour from a datetime value in UTC.`,{desc:`Formula function description for HOUR_UTC`}),example:()=>`HOUR_UTC('${e}-02-17 15:36:59')`},MINUTE:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Minute`,{desc:`Time unit`}),description:()=>(0,a.msg)(`Extracts the minute from a datetime value.`,{desc:`Formula function description for MINUTE`}),example:()=>`MINUTE('${e}-02-17 15:36:59')`},MINUTE_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Minute (UTC)`,{desc:`Formula function label for MINUTE_UTC`}),description:()=>(0,a.msg)(`Extracts the minute from a datetime value in UTC.`,{desc:`Formula function description for MINUTE_UTC`}),example:()=>`MINUTE_UTC('${e}-02-17 15:36:59')`},SECOND:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Second`,{desc:`Time unit`}),description:()=>(0,a.msg)(`Extracts the second from a datetime value.`,{desc:`Formula function description for SECOND`}),example:()=>`SECOND('${e}-02-17 15:36:59')`},SECOND_UTC:{type:`prefix`,arity:1,label:()=>(0,a.msg)(`Second (UTC)`,{desc:`Formula function label for SECOND_UTC`}),description:()=>(0,a.msg)(`Extracts the second from a datetime value in UTC.`,{desc:`Formula function description for SECOND_UTC`}),example:()=>`SECOND_UTC('${e}-02-17 15:36:59')`},DATE_ADD:{type:`prefix`,arity:3,label:()=>(0,a.msg)(`Add/subtract duration`,{desc:`Formula function label for DATE_ADD`}),description:()=>(0,a.msg)(`Adds a duration to (or subtracts it from) a date or datetime value. The first argument is the unit ('millisecond', 'second', 'minute', 'hour', 'day', 'week', 'month', 'quarter' or 'year'), the second the number of units to add (negative to subtract), and the third the date or datetime to start from.`,{desc:`Formula function description for DATE_ADD`}),example:()=>`DATE_ADD('hour', 2, ⟨datetime⟩ Arrival time)`,exampleHasIcons:!0},DATE_DIFF:{type:`prefix`,arity:3,label:()=>(0,a.msg)(`Difference between dates`,{desc:`Formula function label for DATE_DIFF`}),description:()=>(0,a.msg)(`Returns the difference between two dates or datetimes in the selected unit. The first argument is the unit ('millisecond', 'second', 'minute', 'hour', 'day', 'week', 'month', 'quarter' or 'year'); the difference is calculated from the second date towards the third date.`,{desc:`Formula function description for DATE_DIFF`}),example:()=>`DATE_DIFF('day', ⟨datetime⟩ Arrival date, '${e}-02-17 15:36:59')`,exampleHasIcons:!0},COORDS:{type:`prefix`,arity:3,label:()=>(0,a.msg)(`Coordinates`,{id:`formula-function-label-coords`,desc:`Formula function label for COORDS`}),description:()=>(0,a.msg)(`Builds a geography value from latitude, longitude, and spatial reference.`,{desc:`Formula function description for COORDS`}),example:()=>`COORDS(⟨numeric⟩ Latitude, ⟨numeric⟩ Longitude, 'wgs84')`,exampleHasIcons:!0}}}var N=class extends EventTarget{constructor(...e){super(...e),this.functionDataMap=M(),this.aggregationFunctionDataMap=A(),this.multiStageAggregation=!0,this.nestedAggregation=!0,this.readonly=!1,this.contentLanguage=`en`,this.size=`m`,this.datasets=[],this.loading=!1,this.lastFocusedAggregationWidgetId=null,this.lastFocusedEmptyArgumentId=null,this.pendingFocusAggregationWidgetId=null,this._aggregationWidgets=[]}get aggregationWidgets(){return this._aggregationWidgets}addWidgets(e){!e||e.length===0||(this._aggregationWidgets=[...this._aggregationWidgets,...e],this._notifyWidgetsChanged())}removeWidgets(e){this._aggregationWidgets=this._aggregationWidgets.filter(({widgetId:t})=>!e.includes(t)),this._notifyWidgetsChanged()}updateWidget(e){this._aggregationWidgets=this._aggregationWidgets.map(t=>t.widgetId===e.widgetId?e:t),this._notifyWidgetsChanged()}getWidget(e){return this._aggregationWidgets.find(t=>t.widgetId===e)}clearWidgets(){this._aggregationWidgets.length!==0&&(this._aggregationWidgets=[],this._notifyWidgetsChanged())}_notifyWidgetsChanged(){this.dispatchEvent(new CustomEvent(`widgets-changed`))}setReadonly(e){this.readonly!==e&&(this.readonly=e,this.dispatchEvent(new CustomEvent(`widgets-changed`)))}setLoading(e){this.loading!==e&&(this.loading=e,this.dispatchEvent(new CustomEvent(`refresh-decorations`)))}_markAggregationForFocus(e){let t=e[0];t&&(this.aggregationFunctionDataMap[t.aggregationFunction]?.arity??0)>0&&(this.pendingFocusAggregationWidgetId=t.widgetId)}transformToAggregationWidgetSyntax(e){let t=y(e).match(u);if(!t)return e;let n=!!t[1],r=t.index??0,i=b(e,r+(n?t[1].length:t[0].length)-1+1),a=b(e,r+t[0].length);if(i===-1)return e;let s=e.slice(r+t[0].length,a),c=this.transformToAggregationWidgetSyntax(s),l={widgetId:h(),grouping:t[2]??o.GROUP,aggregationFunction:t[3],content:c};if(l.grouping===o.GROUPINEX){let{includedColumns:t,excludedColumns:n}=x(e.slice(a+1,i));l.includedColumns=t,l.excludedColumns=n}let d=_(l.widgetId),f=`${e.slice(0,r)}${d}${e.slice(i+1)}`;return this.addWidgets([l]),this.transformToAggregationWidgetSyntax(f)}transformToAggregationFunctionSyntax(e){let t=e.match(f);if(!t)return e;let n=t.index??0,r=n+t[0].length-1,i=t[1],a=this.getWidget(i),o=a?this.transformToAggregationFunctionSyntax(v(a,this.aggregationFunctionDataMap)):``,s=`${e.slice(0,n)}${o}${e.slice(r+1)}`;return this.transformToAggregationFunctionSyntax(s)}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return _}});

package/components/formula-draggable-field/formula-draggable-field.d.ts

@@ -0,0 +1,53 @@
+import type { Placement } from '@luzmo/lucero';
+import '@luzmo/lucero/icon';
+import '@luzmo/lucero/tooltip';
+import { type PropertyValues, type TemplateResult } from 'lit';
+import { LuzmoElement } from '../../utils/base';
+declare const LuzmoFormulaDraggableField_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-formula-draggable-field
+ * @description A draggable field that can be dragged onto a drop target or
+ * activated (double-click / keyboard) to insert its value. An optional icon can
+ * be slotted (slot name `icon`) after the drag handle. A tooltip is shown on
+ * hover / focus when either the `description` property is set or rich content is
+ * provided via the `tooltip` slot (the slot takes precedence); its position is
+ * controlled by `tooltip-placement`. The `highlight` variant background can be
+ * themed via `--luzmo-formula-draggable-field-background`.
+ *
+ * Slots: `icon` (optional icon after the drag handle), `tooltip` (optional rich
+ * tooltip content shown on hover / focus).
+ *
+ * @fires {CustomEvent<FormulaDraggableFieldActivateEventDetail>} luzmo-formula-draggable-field-activate - Fired on double-click or keyboard activation.
+ * @fires {CustomEvent<FormulaDraggableFieldDescribeEventDetail>} luzmo-formula-draggable-field-describe - Fired on hover / focus.
+ */
+export declare class LuzmoFormulaDraggableField extends LuzmoFormulaDraggableField_base {
+    static styles: import("lit").CSSResult;
+    /** Free-form, consumer-defined category carried in the drag payload and events. */
+    kind: string;
+    /** Identifier carried in the drag payload and events. */
+    value: string;
+    label: string;
+    /** Optional explanation shown as a hover / focus tooltip on the field. */
+    description: string;
+    /** Placement of the hover / focus tooltip relative to the field. */
+    tooltipPlacement: Placement;
+    /** Visual variant: `default` (transparent) or `highlight` (filled background). */
+    variant: 'default' | 'highlight';
+    disabled: boolean;
+    private _hasIcon;
+    private _hasTooltipSlot;
+    private _cleanupDraggable;
+    private _handleIconSlotChange;
+    private _handleTooltipSlotChange;
+    disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private _buildDragPreview;
+    private _handleClick;
+    private _activate;
+    private _describe;
+    protected render(): TemplateResult;
+}
+export {};

package/components/formula-draggable-field/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoFormulaDraggableField } from './formula-draggable-field';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-formula-draggable-field': LuzmoFormulaDraggableField;
+    }
+}
+export { LuzmoFormulaDraggableField } from './formula-draggable-field';
+export type { FormulaDraggableFieldPayload, FormulaDraggableFieldActivateEventDetail, FormulaDraggableFieldDescribeEventDetail } from './types';

package/components/formula-draggable-field/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Payload carried by a draggable field while it is being dragged. `kind` is a
+ * free-form, consumer-defined category and `value` identifies the dragged item.
+ */
+export interface FormulaDraggableFieldPayload {
+    kind: string;
+    value: string;
+}
+/**
+ * Detail of the `luzmo-formula-draggable-field-activate` event, fired when the
+ * field is activated (double-click or keyboard Enter / Space).
+ */
+export interface FormulaDraggableFieldActivateEventDetail {
+    kind: string;
+    value: string;
+}
+/**
+ * Detail of the `luzmo-formula-draggable-field-describe` event, fired when the
+ * field is highlighted for description (mouse enter or focus).
+ */
+export interface FormulaDraggableFieldDescribeEventDetail {
+    kind: string;
+    value: string;
+}

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

@@ -0,0 +1,21 @@
+import '../formula-draggable-field';
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/progress-circle';
+import { type TemplateResult } from 'lit';
+import type { ElementSize } from '../../utils/base';
+export interface AggregationsListParams {
+    /** Size of the surrounding editor; forwarded to the interactive rows. */
+    size?: ElementSize;
+    /** When true, shows a loading spinner instead of the list. */
+    loading?: boolean;
+    /** When true, each aggregation shows its explanation as a hover tooltip (used when there is no description). */
+    explanationTooltips?: boolean;
+    /** Renders the rows non-interactive. */
+    disabled?: boolean;
+}
+/**
+ * Renders the aggregation-functions list (draggable / insertable pills) inside
+ * the formula editor. Replaces the former `luzmo-formula-aggregations-list`
+ * element: stateless markup driven entirely by the editor.
+ */
+export declare function renderAggregationsList(params: AggregationsListParams): TemplateResult;

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

@@ -0,0 +1,37 @@
+import '@luzmo/lucero/field-label';
+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 type { DatasetDataField } from '../../types/dataset-data-field.types';
+import type { FormulaEditorDataset } from '../../types/formula.types';
+export interface DatasetsListParams {
+    /** The datasets whose columns are listed. */
+    datasets: FormulaEditorDataset[];
+    /** Language used to localize column / dataset names. */
+    contentLanguage: string;
+    /** Size of the surrounding editor; forwarded to the interactive rows. */
+    size?: ElementSize;
+    /** When true, the columns are still being fetched; shows a loading spinner. */
+    loading?: boolean;
+    /** Renders the rows non-interactive. */
+    disabled?: boolean;
+    /** Current search query (owned by the editor). */
+    searchQuery: string;
+    /** Ids of the collapsed dataset groups (owned by the editor). */
+    collapsed: Set<string>;
+    /** Fired on every keystroke in the search box. */
+    onSearchInput: (event: Event) => void;
+    /** Toggles the collapsed state of a dataset group. */
+    onToggleCollapse: (datasetId: string) => void;
+    /** Inserts a column into the expression (double-click). */
+    onInsertColumn: (field: DatasetDataField) => void;
+}
+/**
+ * Renders the datasets list (searchable, grouped, draggable columns) inside the
+ * formula editor. Replaces the former `luzmo-formula-datasets-list` element; the
+ * search query and collapsed groups live on the editor and are passed back in.
+ */
+export declare function renderDatasetsList(params: DatasetsListParams): TemplateResult;

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

@@ -0,0 +1,17 @@
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/icon';
+import { type TemplateResult } from 'lit';
+import type { ElementSize } from '../../utils/base';
+import { type FormulaDescribeTarget } from '../../types/formula.types';
+export interface DescriptionParams {
+    /** The hovered / selected function, aggregation or grouping to describe. */
+    target: FormulaDescribeTarget | null;
+    /** Size of the surrounding editor. */
+    size?: ElementSize;
+}
+/**
+ * Renders the description region (label, description and example for the hovered
+ * / selected function, aggregation or grouping) inside the formula editor.
+ * Replaces the former `luzmo-formula-description` element.
+ */
+export declare function renderDescription({ target, size }: DescriptionParams): TemplateResult;

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

@@ -0,0 +1,70 @@
+import '@luzmo/lucero/icon';
+import { type TemplateResult } from 'lit';
+import { LuzmoFormulaInputBase } from '../../utils/formula/base/formula-input-base';
+import type { ValidityChangedEventDetail } from '../../types/formula.types';
+/**
+ * @customElement luzmo-formula-editor
+ * @description A rich formula editor: a CodeMirror-backed expression input with
+ * inline column / empty-argument / aggregation pills, supporting lists for functions,
+ * aggregations and dataset columns. Designed as a drop-in replacement for the
+ * legacy Angular formula editor.
+ *
+ * Datasets can be provided directly via `datasetsDataFields` or fetched from the
+ * Luzmo API via `dataset-ids` + auth attributes.
+ *
+ * @fires {CustomEvent<ExpressionChangedEventDetail>} luzmo-expression-changed - Fired (debounced) when the expression changes.
+ * @fires {CustomEvent<ValidityChangedEventDetail>} luzmo-validity-changed - Fired when expression validity changes.
+ * @fires {CustomEvent<DatasetsErrorEventDetail>} luzmo-datasets-error - Fired when fetching datasets by id fails.
+ */
+export declare class LuzmoFormulaEditor extends LuzmoFormulaInputBase {
+    static styles: import("lit").CSSResult;
+    /** Whether the expression is validated as a column or a formula. */
+    expressionResource: 'column' | 'formula';
+    /**
+     * How function / aggregation explanations are surfaced: as hover `tooltip`s on
+     * the list items (default), or in a dedicated `description` region. With
+     * `tooltip` there is no description, so the remaining lists spread across
+     * the full width.
+     */
+    explanationDisplay: 'tooltip' | 'description';
+    private _loadingDatasets;
+    private _describeTarget;
+    private _hasError;
+    private _errorMessage;
+    /** Selected function category for the functions list (hoisted from the list). */
+    private _selectedCategory;
+    /** Current search query for the datasets list (hoisted from the list). */
+    private _searchQuery;
+    /** Ids of the collapsed dataset groups in the datasets list (hoisted from the list). */
+    private _collapsedDatasets;
+    private readonly _validWordIdentifiers;
+    private _validationSequence;
+    /** The editor uses a longer debounce than the bare formula field. */
+    protected get _emitDebounceMs(): number;
+    /** Emits the change and validates the resulting expression. */
+    protected _onExpressionComputed(output: string): void;
+    /** Surfaces the dataset-loading state on the lists (spinners) via the store. */
+    protected _setLoading(value: boolean): void;
+    /**
+     * Validates the expression: local pre-checks first, then the DataBroker-backed
+     * backend validation when auth credentials are available.
+     */
+    private _validate;
+    private _runBackendValidation;
+    protected _localValidity(output: string): ValidityChangedEventDetail;
+    /**
+     * Local-only structural validity used when no backend is configured: flags the
+     * first bare word that is not a column, function, aggregation or literal (free
+     * text that never resolved into a token).
+     */
+    protected _offlineValidity(output: string): ValidityChangedEventDetail;
+    protected _emitValidity(validity: ValidityChangedEventDetail): void;
+    private _insertColumn;
+    private _handleCategoryChange;
+    private _handleSearchInput;
+    private _toggleCollapse;
+    private _handleDraggableActivate;
+    private _handleDraggableDescribe;
+    private _renderLists;
+    protected render(): TemplateResult;
+}

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

@@ -0,0 +1,28 @@
+import '../formula-draggable-field';
+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 { FormulaFunctionCategoryKey } from '../../types/formula.types';
+export interface FunctionsListParams {
+    /** Size of the surrounding editor; forwarded to the interactive rows. */
+    size?: ElementSize;
+    /** When true, shows a loading spinner instead of the list. */
+    loading?: boolean;
+    /** When true, each function shows its explanation as a hover tooltip (used when there is no description). */
+    explanationTooltips?: boolean;
+    /** Renders the rows non-interactive. */
+    disabled?: boolean;
+    /** The currently selected function category (owned by the editor). */
+    selectedCategory: FormulaFunctionCategoryKey;
+    /** Fired when the user picks another category. */
+    onCategoryChange: (event: CustomEvent) => void;
+}
+/**
+ * Renders the functions list (category selector + draggable / insertable
+ * functions) inside the formula editor. Replaces the former
+ * `luzmo-formula-functions-list` element; the selected category lives on the
+ * editor and is passed back in.
+ */
+export declare function renderFunctionsList(params: FunctionsListParams): TemplateResult;

package/components/formula-editor/index.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../formula-display-store-DFAvw21p.cjs"),t=require("../formula-input-base-CGe2ABn6.cjs"),n=require("../formula-editor-CtCvJkyS.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

@@ -0,0 +1,12 @@
+import { LuzmoFormulaEditor } from './formula-editor';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-formula-editor': LuzmoFormulaEditor;
+    }
+}
+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 { FormulaAggregationGrouping } from '../../types/formula.types';

package/components/formula-editor/index.js

@@ -0,0 +1,30 @@
+/*! * 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.
+ * */
+// 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-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-BGzj13Cs.js";
+import { i as n, n as r, r as i } from "../formula-input-base-CQPGmISj.js";
+import { t as a } from "../formula-editor-KXxQlh2n.js";
+export { e as FormulaAggregationGrouping, r as FormulaEditorStore, a as LuzmoFormulaEditor, i as ROOT_EDITOR_ID, t as ensureFormulaCodeMirrorLoaded, n as formulaEditorContext };