@luzmo/analytics-components-kit 1.0.4-beta.2 → 1.0.4-beta.4

package/components/formula-input-base-CGe2ABn6.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-DFAvw21p.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"),l=require("@lit/context");require("@luzmo/lucero/progress-circle");let 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}});