@luzmo/analytics-components-kit 1.0.8-beta.2 → 1.0.8-beta.3

package/components/ai-interaction-textarea-CMz5ixwt.cjs

@@ -0,0 +1,95 @@
+/*! * 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("./set-locale-8XQ-p5_N.cjs"),n=require("./data-broker-CyMYR6w1.cjs"),r=require("./calculate-data-field-icon-DenGmW74.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./get-dataset-name-CIt7of_Z.cjs");require("./dataset-icon-BAV0S4sZ.cjs"),require("./dataset-selector-row-BjyeiTVy.cjs");let o=require("@luzmo/icons");require("@luzmo/lucero/icon");let s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/prompt-box");let u=require("lit/directives/class-map.js");var d=20,f=[`image/png`,`image/jpeg`,`image/webp`,`image/gif`],p=new Set(f),m={png:`image/png`,jpg:`image/jpeg`,jpeg:`image/jpeg`,webp:`image/webp`,gif:`image/gif`};function h(e){try{return new URL(e).pathname.match(/\.([a-z0-9]+)$/i)?.[1]?.toLowerCase()}catch{return}}function g(e){try{let t=new URL(e);return t.protocol===`http:`||t.protocol===`https:`}catch{return!1}}function _(e){return p.has(e.toLowerCase())}function v(e){if(e.type)return _(e.type);let t=e.name.split(`.`).pop()?.toLowerCase();return!!(t&&m[t])}function y(e){if(!g(e))return!1;let t=h(e);return!!(t&&m[t])}function b(e){if(e.length>20)throw Error(`Too many image inputs: received ${e.length}, but the maximum is 20 per request.`);for(let t of e){if(!t.trim())throw Error(`Image input URL must be a non-empty string.`);if(!g(t))throw Error(`Image input URL must be an absolute http(s) URL. Received "${t}".`);let e=h(t);if(e&&!m[e])throw Error(`Unsupported image input URL "${t}". Only PNG, JPEG, WebP, and GIF image URLs are accepted.`)}}function x(e){if(e.length>20)throw Error(`Too many image inputs: received ${e.length}, but the maximum is 20 per request.`);for(let t of e){if(!v(t))throw Error(`Unsupported image attachment "${t.name}" (${t.type||`unknown type`}). Only PNG, JPEG, WebP, and GIF images are accepted.`);if(t.size===0)throw Error(`Image "${t.name}" is empty.`);if(t.size>15728640)throw Error(`Image "${t.name}" is too large. Maximum size is 15 MB.`)}}function S(e,t=`0.1.0`){return`${e.replace(/\/+$/,``)}/${t.replace(/^\/+|\/+$/g,``)}/upload`}function C(e){let{files:t,authKey:n,authToken:r,apiUrl:i,apiVersion:a=`0.1.0`,signal:o,fetchImpl:s=fetch}=e;if(!n||!r)return Promise.reject(Error(`Image upload requires authKey and authToken.`));let c=S(i,a),l=a.replace(/^\/+|\/+$/g,``)||`0.1.0`;return Promise.all(t.map(e=>w(e,{url:c,authKey:n,authToken:r,version:l,signal:o,fetchImpl:s})))}async function w(e,t){let{url:n,authKey:r,authToken:i,version:a,signal:o,fetchImpl:s}=t,c=new FormData;c.append(`key`,r),c.append(`token`,i),c.append(`version`,a),c.append(`action`,`create`),c.append(`properties.type`,`image`),c.append(`file`,e,e.name);let l=await s(n,{method:`POST`,body:c,signal:o,redirect:`error`});if(!l.ok){let t=await T(l);throw Error(`Image upload failed for "${e.name}" (${l.status})${t?`: ${t}`:`.`}`)}let u=await l.json(),d=typeof u?.url==`string`?u.url.trim():``;if(!d)throw Error(`Image upload for "${e.name}" did not return a url.`);return d}async function T(e){try{return(await e.text()).trim().slice(0,200)}catch{return``}}function E(e,t=`0.1.0`){return`${e.replace(/\/+$/,``)}/${t.replace(/^\/+|\/+$/g,``)}/aidictation`}function D(e){let{authKey:t,authToken:n,audioBase64:r,mimeType:i,apiVersion:a=`0.1.0`,stream:o=!0,language:s}=e;return{key:t,token:n,action:`create`,version:a,properties:{audio:r,mimetype:i,stream:o,...s?{language:s}:{}}}}async function O(e){let t=await e.arrayBuffer(),n=new Uint8Array(t),r=32768,i=``;for(let e=0;e<n.length;e+=r){let t=n.subarray(e,e+r);i+=String.fromCharCode(...t)}return btoa(i)}async function k(e){let{audioBlob:t,mimeType:n,authKey:r,authToken:i,apiUrl:a,apiVersion:o=`0.1.0`,language:s,signal:c,onDelta:l,fetchImpl:u=fetch}=e;if(!r||!i)throw Error(`Voice transcription requires authKey and authToken.`);if(!t||t.size===0)throw Error(`Voice transcription requires a non-empty audio recording.`);let d=await O(t),f=E(a,o),p=D({authKey:r,authToken:i,audioBase64:d,mimeType:n||t.type||`audio/webm`,apiVersion:o,stream:!0,language:s}),m=await u(f,{method:`POST`,headers:{"Content-Type":`application/json`},mode:`cors`,redirect:`error`,body:JSON.stringify(p),signal:c});if(!m.ok){let e=await F(m);throw Error(`Voice transcription failed (${m.status})${e?`: ${e}`:`.`}`)}if(!m.body)throw Error(`Voice transcription response body is not readable.`);await N(m.body,e=>{let t=A(e);t&&l(t)})}function A(e){return e.type===`text_delta`&&typeof e.delta==`string`?e.delta:typeof e.text_delta==`string`?e.text_delta:``}var j=/^[a-z]+:/i;function M(e){let t=e.trim();if(!t||t.startsWith(`:`))return null;let n=t;if(n.startsWith(`data:`))n=n.slice(5).trimStart();else if(j.test(n))return null;return!n||n===`[DONE]`?null:JSON.parse(n)}async function N(e,t){let n=e.getReader(),r=new TextDecoder,i=``;try{for(;;){let{done:e,value:a}=await n.read();if(e)break;i+=r.decode(a,{stream:!0});let o=i.split(/\r?\n/);i=o.pop()??``;for(let e of o)P(e,t)}i+=r.decode();let e=i.trim();e&&P(e,t)}finally{n.releaseLock()}}function P(e,t){let n=M(e);n&&t(n)}async function F(e){try{return(await e.text()).trim().slice(0,200)}catch{return``}}var I=`:host{box-sizing:border-box;display:block}:host .content-wrapper{flex-direction:column;display:flex}:host .content-wrapper.single-line{align-items:stretch}:host .content-wrapper.disabled{opacity:var(--luzmo-ai-interaction-textarea-disabled-opacity,var(--ai-interaction-textarea-disabled-opacity));pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host luzmo-prompt-box{--luzmo-prompt-box-attachments-gap:var(--luzmo-spacing-3,8px);--luzmo-prompt-box-border-radius:var(--ai-interaction-textarea-prompt-box-border-radius);inline-size:100%}:host .attachment-error{color:var(--luzmo-negative-color,#ca221c);font-size:var(--luzmo-font-size-s,12px);margin-block-start:var(--luzmo-spacing-2,4px);line-height:1.4}:host{--ai-interaction-textarea-disabled-opacity:.6;--ai-interaction-textarea-prompt-box-border-radius:var(--luzmo-prompt-box-border-radius,var(--luzmo-border-radius-l,8px))}`,L=3e3,R=6e4,z=class extends s.LitElement{constructor(...e){super(...e),this.placeholder=`Type your prompt here...`,this.selectedDatasets=[],this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.includePublicDatasets=!1,this.disabled=!1,this.singleLine=!1,this.hideDatasetButton=!1,this.hideDatasetIcons=!1,this.maxVisibleSelectedDatasets=5,this.disableDatasetModification=!1,this.hideSelectedDatasets=!1,this.disableColumnMentions=!1,this.isGenerating=!1,this.stoppable=!1,this.value=``,this.retainOnSubmit=!1,this.requireDataset=!1,this.allowImages=!1,this.allowVoiceInput=!1,this.acceptedFileTypes=[],this.apiVersion=`0.1.0`,this.fileIcons={},this._promptValue=``,this._isPromptValid=!1,this._fieldTriggerOptions=[],this._datasetsFieldConfig=[],this._attachmentError=null,this._isRecording=!1,this._isTranscribing=!1,this._activeFieldRequestId=0,this._attachmentUploads=new Map,this._pendingAttachmentSync=null,this._attachmentSyncScheduled=!1,this._attachmentErrorClearHandle=0,this._submitInProgress=!1,this._voiceSessionActive=!1,this._preRecordingValue=``,this._voicePrefix=``,this._voiceSuffix=``,this._streamedTranscript=``,this._transcriptionController=null,this._renderFieldTriggerIcon=e=>{let t=e.data?.datasetInfo;return e.header&&t?s.html`
+        <span>
+          ${this.hideDatasetIcons?s.html`<luzmo-icon .icon=${o.luzmoPlugin} size="s"></luzmo-icon>`:s.html`
+                  <luzmo-dataset-icon
+                    .datasetInfo=${t}
+                    size="16px"
+                    app-url=${this.appServer}
+                  ></luzmo-dataset-icon>
+                `}
+        </span>
+      `:e.icon?s.html`
+      <span>
+        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+      </span>
+    `:s.nothing},this._handleAttachClick=()=>{this.openFilePicker()},this._handleAttachmentsChange=e=>{this._pendingAttachmentSync=e.detail?.attachments??this.getAttachments(),!this._attachmentSyncScheduled&&(this._attachmentSyncScheduled=!0,queueMicrotask(()=>{if(this._attachmentSyncScheduled=!1,!this.isConnected){this._pendingAttachmentSync=null;return}let e=this._pendingAttachmentSync??this.getAttachments();this._pendingAttachmentSync=null,this._syncAttachments(e)}))},this._handleVoiceKeydown=e=>{e.key===`Escape`&&this._isTranscribing&&(e.preventDefault(),e.stopPropagation(),this._cancelVoiceSession())},this._handleRecord=e=>{if(e.stopPropagation(),e.detail?.isRecording){this._captureVoiceInsertPoint(),this._isRecording=!0,this._isTranscribing=!1;return}this._isRecording=!1},this._handleRecordCancel=e=>{e.stopPropagation(),this._cancelVoiceSession()},this._handleRecordError=e=>{e.stopPropagation(),this._abortTranscription(),this._resetVoiceSessionState();let t=e.detail?.error?.trim()||(0,l.msg)(`Voice recording failed`,{desc:`Error when microphone recording fails in the AI prompt`});this._showAttachmentError(t)},this._handleRecordingComplete=e=>{e.stopPropagation();let{audioBlob:t,mimeType:n}=e.detail??{};if(!t){this._resetVoiceSessionState();return}this._transcribeRecording(t,n||t.type||`audio/webm`)}}static{this.styles=(0,s.unsafeCSS)(I)}static{this.tagName=`luzmo-ai-interaction-textarea`}get flagOpendata(){return this.includePublicDatasets}set flagOpendata(e){this.includePublicDatasets=e}get _voiceBusy(){return this._isRecording||this._isTranscribing}get _buttonDisabled(){return this.disabled||this.isGenerating||this._voiceBusy||!this._isPromptValid?!0:this.requireDataset&&this.selectedDatasets.length===0}get _promptPending(){return this.isGenerating||this._isTranscribing}get _promptReadonly(){return this._voiceBusy}get _actionsDisabled(){return this.disabled||this.isGenerating||this._voiceBusy}get _fieldTriggers(){return this.disableColumnMentions?[]:[{key:`@`,options:this._fieldTriggerOptions,highlightSearch:!0,iconTemplate:this._renderFieldTriggerIcon}]}connectedCallback(){super.connectedCallback(),this._configureBroker(),this._refreshDatasetsFieldConfig(),this.addEventListener(`keydown`,this._handleVoiceKeydown)}disconnectedCallback(){window.clearTimeout(this._attachmentErrorClearHandle),this._abortAllAttachmentUploads(),this._abortTranscription(),this.removeEventListener(`keydown`,this._handleVoiceKeydown),super.disconnectedCallback()}_configureBroker(){n.t.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}_handlePromptInput(e){let t=e.target.value??``;this._promptValue=t,this._isPromptValid=t.trim().length>0}openFilePicker(){this._promptBox?.openFilePicker()}addFiles(e){return this._promptBox?.addFiles(e)??[]}removeAttachment(e){this._cleanupAttachmentUpload(e),this._promptBox?.removeAttachment(e)}setAttachmentLoading(e,t){this._promptBox?.setAttachmentLoading(e,t)}clearAttachments(){this._abortAllAttachmentUploads(),this._promptBox?.clearAttachments()}getAttachments(){return this._promptBox?.getAttachments()??[]}getAttachmentUrls(e=this.getAttachments()){return e.map(e=>this._attachmentUploads.get(e.id)?.url).filter(e=>typeof e==`string`&&e.length>0)}_showAttachmentError(e){this._attachmentError=e,window.clearTimeout(this._attachmentErrorClearHandle),this._attachmentErrorClearHandle=window.setTimeout(()=>{this._attachmentError=null},L)}_cleanupAttachmentUpload(e){this._attachmentUploads.get(e)?.controller?.abort(),this._attachmentUploads.delete(e)}_abortAllAttachmentUploads(){for(let e of this._attachmentUploads.values())e.controller?.abort();this._attachmentUploads.clear()}async _uploadSingleFile(e,t){let n=``;if(typeof this.uploadAttachments==`function`){let r=await this.uploadAttachments([e],{signal:t});n=Array.isArray(r)?r[0]?.trim()??``:``}else{if(!this.authKey||!this.authToken)throw Error(`Image upload requires authKey and authToken.`);let[r]=await C({files:[e],authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl,apiVersion:this.apiVersion,signal:t});n=r?.trim()??``}if(!n)throw Error(`Image upload for "${e.name}" did not return a url.`);return b([n]),n}_startAttachmentUpload(e){let{id:t,file:n}=e;if(!n){this.removeAttachment(t);return}if(!v(n)){this.removeAttachment(t),this._showAttachmentError((0,l.msg)(`Only PNG, JPEG, WebP, and GIF images can be attached.`,{desc:`Error when the user attaches an unsupported image type to the AI prompt`}));return}if(n.size===0){this.removeAttachment(t),this._showAttachmentError((0,l.msg)(`Failed to attach image`,{desc:`Error when an AI prompt image upload fails`}));return}if(n.size>15728640){this.removeAttachment(t),this._showAttachmentError((0,l.msg)(`Image is too large. Maximum size is 15 MB.`,{desc:`Error when an attached AI prompt image exceeds the 15 MB upload limit`}));return}this.setAttachmentLoading(t,!0);let r=new AbortController,i={controller:r};this._attachmentUploads.set(t,i);let a=window.setTimeout(()=>r.abort(),R),o=()=>{this.removeAttachment(t),this._showAttachmentError((0,l.msg)(`Failed to attach image`,{desc:`Error when an AI prompt image upload fails`}))};i.promise=(async()=>{try{let e=await this._uploadSingleFile(n,r.signal);window.clearTimeout(a);let i=this._attachmentUploads.get(t);if(!i||i.controller!==r)return;i.url=e,i.controller=void 0,i.promise=void 0,this.setAttachmentLoading(t,!1)}catch(e){if(window.clearTimeout(a),r.signal.aborted||e?.name===`AbortError`){this._attachmentUploads.get(t)?.controller===r&&o();return}o()}})()}_syncAttachments(e){let t=new Set(e.map(e=>e.id));for(let e of Array.from(this._attachmentUploads.keys()))t.has(e)||this._cleanupAttachmentUpload(e);let n=!1;for(let t of e)if(!this._attachmentUploads.has(t.id)){if(this._attachmentUploads.size>=20){n=!0,this._promptBox?.removeAttachment(t.id);continue}this._startAttachmentUpload(t)}n&&this._showAttachmentError((0,l.msg)(l.str`You can attach up to ${20} images.`,{desc:`Error when the user tries to attach more images than the AI prompt allows`}))}async _waitForAttachmentUploads(e){let t=e.map(e=>this._attachmentUploads.get(e.id)?.promise).filter(e=>!!e);t.length!==0&&await Promise.all(t)}async _submitPrompt(e=this._promptValue,t=[]){if(this._promptValue=e,this._isPromptValid=e.trim().length>0,!(this._buttonDisabled||this._submitInProgress)){this._submitInProgress=!0;try{let n=e.trim(),r=t.length>0?[...t]:this.getAttachments(),i=r.filter(e=>!!e.file&&v(e.file));await this._waitForAttachmentUploads(i);let a=[];for(let e of i){let t=this._attachmentUploads.get(e.id)?.url;if(!t){this._showAttachmentError((0,l.msg)(`Failed to attach image`,{desc:`Error when an AI prompt image upload fails`}));return}a.push(t)}this.retainOnSubmit||(this._promptValue=``,this._isPromptValid=!1,this._abortAllAttachmentUploads(),this._promptBox?.clear()),this.dispatchEvent(new CustomEvent(`prompt-submitted`,{detail:{prompt:n,selectedDatasets:this.selectedDatasets,attachments:r,attachmentUrls:a},bubbles:!0,composed:!0}))}finally{this._submitInProgress=!1}}}_handleDatasetSelected(e){let t=e.detail;this.selectedDatasets.some(e=>e.id===t.id)||(this.selectedDatasets=[...this.selectedDatasets,t])}_handleDatasetRemoved(e){let t=e.detail;this.selectedDatasets=this.selectedDatasets.filter(e=>e.id!==t.id)}_getLocalizedFieldLabel(e){if(e)return typeof e==`string`?e:i.t(e,t.t())}_mapColumnToTriggerOption(e,t){return t.id?{label:this._getLocalizedFieldLabel(t.name)||t.id,value:`${e}:column:${t.id}`,icon:r.t(t,`s`),elementType:`data-field`,data:{datasetId:e,columnId:t.id,type:t.type,subtype:t.subtype}}:null}_mapFormulaToTriggerOption(e,t){return t.id?{label:this._getLocalizedFieldLabel(t.name)||t.id,value:`${e}:formula:${t.id}`,icon:r.r.formula[r.i(`s`)],elementType:`data-field`,data:{datasetId:e,formulaId:t.id,type:t.type,subtype:t.subtype}}:null}_updateFieldTriggerOptionsFromConfig(){let e=new Map(this._datasetsFieldConfig.map(e=>[e.id,e])),t=[];for(let n of this.selectedDatasets){let r=e.get(n.id),i=[],o=r?.columns?.filter(e=>!e.hidden)??[];for(let e of o){let t=this._mapColumnToTriggerOption(n.id,e);t&&i.push(t)}let s=r?.formulas?.filter(e=>!e.hidden)??[];for(let e of s){let t=this._mapFormulaToTriggerOption(n.id,e);t&&i.push(t)}i.length!==0&&(t.push({label:a.t(n),value:`dataset-header:${n.id}`,header:!0,data:{datasetInfo:n}}),t.push(...i))}this._fieldTriggerOptions=t}async _refreshDatasetsFieldConfig(){if(this.disableColumnMentions){this._datasetsFieldConfig=[],this._fieldTriggerOptions=[];return}let e=[...new Set(this.selectedDatasets.map(e=>e.id).filter(Boolean))];if(e.length===0){this._datasetsFieldConfig=[],this._fieldTriggerOptions=[];return}let t=++this._activeFieldRequestId;this._updateFieldTriggerOptionsFromConfig();try{let r=await n.t.fetchDatasetsWithColumnsAndFormulas(e);if(t!==this._activeFieldRequestId)return;this._datasetsFieldConfig=r,this._updateFieldTriggerOptionsFromConfig()}catch(e){console.error(`Error loading dataset fields for prompt triggers:`,e),t===this._activeFieldRequestId&&(this._datasetsFieldConfig=[],this._updateFieldTriggerOptionsFromConfig())}}_handlePromptSubmit(e){this._submitPrompt(e.detail?.value??this._promptValue,e.detail?.attachments??[])}_handlePromptStop(e){if(e.stopPropagation(),this._isTranscribing){this._cancelVoiceSession();return}this.dispatchEvent(new CustomEvent(`prompt-stopped`,{bubbles:!0,composed:!0}))}_getCaretTextOffset(){let e=this._promptBox?.shadowRoot;if(!e)return this._promptValue.length;let t=e.querySelector(`.rich-input`)??e.querySelector(`luzmo-text-field`);if(!t)return this._promptValue.length;let n=e.getSelection?.()??document.getSelection();if(!n||n.rangeCount===0)return this._promptValue.length;let r=n.getRangeAt(0);if(!t.contains(r.startContainer))return this._promptValue.length;let i=r.cloneRange();return i.selectNodeContents(t),i.setEnd(r.startContainer,r.startOffset),i.toString().length}_setPromptText(e){this._promptValue=e,this._isPromptValid=e.trim().length>0,this._syncControlledValueToPromptBox()}_captureVoiceInsertPoint(){let e=Math.min(Math.max(this._getCaretTextOffset(),0),this._promptValue.length);this._preRecordingValue=this._promptValue,this._voicePrefix=this._promptValue.slice(0,e),this._voiceSuffix=this._promptValue.slice(e),this._streamedTranscript=``,this._voiceSessionActive=!0}_applyStreamedTranscript(){this._setPromptText(`${this._voicePrefix}${this._streamedTranscript}${this._voiceSuffix}`)}_resetVoiceSessionState(){this._isRecording=!1,this._isTranscribing=!1,this._streamedTranscript=``,this._voicePrefix=``,this._voiceSuffix=``,this._preRecordingValue=``,this._voiceSessionActive=!1}_abortTranscription(){this._transcriptionController?.abort(),this._transcriptionController=null}_cancelVoiceSession(){if(!this._voiceSessionActive){this._abortTranscription(),this._resetVoiceSessionState();return}let e=this._preRecordingValue;this._abortTranscription(),this._resetVoiceSessionState(),this._setPromptText(e)}async _transcribeRecording(e,t){this._abortTranscription();let n=new AbortController;this._transcriptionController=n,this._isRecording=!1,this._isTranscribing=!0,this._streamedTranscript=``;try{if(await k({audioBlob:e,mimeType:t,authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl,apiVersion:this.apiVersion,signal:n.signal,onDelta:e=>{n.signal.aborted||(this._streamedTranscript+=e,this._applyStreamedTranscript())}}),n.signal.aborted)return;this._resetVoiceSessionState()}catch(e){if(n.signal.aborted)return;console.error(`Voice transcription failed:`,e),this._setPromptText(this._preRecordingValue),this._resetVoiceSessionState(),this._showAttachmentError((0,l.msg)(`Failed to transcribe audio`,{desc:`Error when AI prompt voice transcription fails`}))}finally{this._transcriptionController===n&&(this._transcriptionController=null)}}_syncControlledValueToPromptBox(){let e=this._promptBox;if(!e?.allowElements){e&&(e.value=this._promptValue);return}e.segments=this._promptValue?[{type:`text`,value:this._promptValue}]:[]}willUpdate(e){e.has(`value`)&&(this._promptValue=this.value,this._isPromptValid=this.value.trim().length>0);let t=e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`);t&&this._configureBroker(),(t||e.has(`selectedDatasets`)||e.has(`disableColumnMentions`))&&this._refreshDatasetsFieldConfig()}updated(e){super.updated(e),e.has(`value`)&&this._syncControlledValueToPromptBox()}render(){return s.html`
+      <div class=${(0,u.classMap)({"content-wrapper":!0,disabled:this.disabled,"single-line":this.singleLine})} aria-busy=${this.isGenerating||this._voiceBusy?`true`:`false`}>
+        <luzmo-prompt-box
+          ?single-line=${this.singleLine}
+          ?pending=${this._promptPending}
+          ?stoppable=${this.stoppable&&this.isGenerating||this._isTranscribing}
+          ?disabled=${this.disabled}
+          ?readonly=${this._promptReadonly}
+          ?disable-submit=${this._buttonDisabled}
+          ?allow-images=${this.allowImages}
+          ?recording=${this.allowVoiceInput}
+          .acceptedFileTypes=${this.acceptedFileTypes}
+          .fileIcons=${this.fileIcons}
+          grows
+          allow-elements
+          .placeholder=${this.placeholder}
+          .value=${this._promptValue}
+          .triggers=${this._fieldTriggers}
+          @input=${this._handlePromptInput}
+          @luzmo-submit=${this._handlePromptSubmit}
+          @luzmo-stop=${this._handlePromptStop}
+          @luzmo-attachments-change=${this._handleAttachmentsChange}
+          @luzmo-record=${this._handleRecord}
+          @luzmo-recording-complete=${this._handleRecordingComplete}
+          @luzmo-record-cancel=${this._handleRecordCancel}
+          @luzmo-record-error=${this._handleRecordError}
+        >
+        ${this.hideSelectedDatasets||this.hideDatasetButton?``:s.html`
+          <luzmo-dataset-selector-row
+            slot="top-actions"
+            .selectedDatasets=${this.selectedDatasets}
+            .maxVisibleSelectedDatasets=${this.maxVisibleSelectedDatasets}
+            auth-key=${this.authKey}
+            auth-token=${this.authToken}
+            api-url=${this.apiUrl}
+            app-server=${this.appServer}
+            ?include-public-datasets=${this.includePublicDatasets}
+            ?hide-dataset-icons=${this.hideDatasetIcons}
+            ?disabled=${this._actionsDisabled}
+            ?disable-dataset-modification=${this.disableDatasetModification}
+            @dataset-selected=${this._handleDatasetSelected}
+            @dataset-removed=${this._handleDatasetRemoved}
+          ></luzmo-dataset-selector-row>
+        `}
+        ${this.allowImages?s.html`
+              <luzmo-action-button
+                slot="bottom-actions"
+                size="m"
+                quiet
+                ?disabled=${this._actionsDisabled}
+                label=${(0,l.msg)(`Add attachments`,{desc:`Accessible label for the AI prompt attachment button`})}
+                @click=${this._handleAttachClick}
+              >
+                <luzmo-icon slot="icon" size="m" .icon=${o.luzmoPaperclip}></luzmo-icon>
+              </luzmo-action-button>
+            `:s.nothing}
+        </luzmo-prompt-box>
+        ${this._attachmentError?s.html`
+                <div class="attachment-error" role="alert">${this._attachmentError}</div>
+              `:s.nothing}
+      </div>
+    `}};e.t([(0,c.property)({type:String})],z.prototype,`placeholder`,void 0),e.t([(0,c.property)({type:Array})],z.prototype,`selectedDatasets`,void 0),e.t([(0,c.property)({type:String,attribute:`auth-key`})],z.prototype,`authKey`,void 0),e.t([(0,c.property)({type:String,attribute:`auth-token`})],z.prototype,`authToken`,void 0),e.t([(0,c.property)({type:String,attribute:`api-url`})],z.prototype,`apiUrl`,void 0),e.t([(0,c.property)({type:String,attribute:`app-server`})],z.prototype,`appServer`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`include-public-datasets`})],z.prototype,`includePublicDatasets`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`flag-opendata`})],z.prototype,`flagOpendata`,null),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`disabled`})],z.prototype,`disabled`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`single-line`})],z.prototype,`singleLine`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-dataset-button`})],z.prototype,`hideDatasetButton`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-dataset-icons`})],z.prototype,`hideDatasetIcons`,void 0),e.t([(0,c.property)({type:Number,reflect:!0,useDefault:!0,attribute:`max-visible-selected-datasets`})],z.prototype,`maxVisibleSelectedDatasets`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`disable-dataset-modification`})],z.prototype,`disableDatasetModification`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-selected-datasets`})],z.prototype,`hideSelectedDatasets`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`disable-column-mentions`})],z.prototype,`disableColumnMentions`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`is-generating`})],z.prototype,`isGenerating`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],z.prototype,`stoppable`,void 0),e.t([(0,c.property)({type:String})],z.prototype,`value`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`retain-on-submit`})],z.prototype,`retainOnSubmit`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`require-dataset`})],z.prototype,`requireDataset`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`allow-images`})],z.prototype,`allowImages`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`allow-voice-input`})],z.prototype,`allowVoiceInput`,void 0),e.t([(0,c.property)({type:Array,attribute:`accepted-file-types`})],z.prototype,`acceptedFileTypes`,void 0),e.t([(0,c.property)({type:String,attribute:`api-version`})],z.prototype,`apiVersion`,void 0),e.t([(0,c.property)({attribute:!1})],z.prototype,`uploadAttachments`,void 0),e.t([(0,c.property)({attribute:!1})],z.prototype,`fileIcons`,void 0),e.t([(0,c.state)()],z.prototype,`_promptValue`,void 0),e.t([(0,c.state)()],z.prototype,`_isPromptValid`,void 0),e.t([(0,c.state)()],z.prototype,`_fieldTriggerOptions`,void 0),e.t([(0,c.state)()],z.prototype,`_datasetsFieldConfig`,void 0),e.t([(0,c.state)()],z.prototype,`_attachmentError`,void 0),e.t([(0,c.state)()],z.prototype,`_isRecording`,void 0),e.t([(0,c.state)()],z.prototype,`_isTranscribing`,void 0),e.t([(0,c.query)(`luzmo-prompt-box`)],z.prototype,`_promptBox`,void 0),z=e.t([(0,l.localized)()],z),customElements.get(`luzmo-ai-interaction-textarea`)||customElements.define(`luzmo-ai-interaction-textarea`,z),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return x}});

package/components/{ai-interaction-textarea-DMT8RNUP.js → ai-interaction-textarea-uc14Goa4.js}

@@ -24,7 +24,7 @@ import { i as r, r as i, t as a } from "./calculate-data-field-icon-DrSg1PuD.js"
 import { t as o } from "./localize-BT7REYBY.js";
 import { t as s } from "./get-dataset-name-CXdZ2oH_.js";
 import "./dataset-icon-CWT5Ju8w.js";
-import "./dataset-selector-row-eb2fUxMB.js";
+import "./dataset-selector-row-pEM8hLyJ.js";
 import { luzmoPaperclip as c, luzmoPlugin as l } from "@luzmo/icons";
 import "@luzmo/lucero/icon";
 import { LitElement as u, html as d, nothing as f, unsafeCSS as p } from "lit";
@@ -236,7 +236,7 @@ async function G(e) {
 //#region src/components/ai-interaction-textarea/ai-interaction-textarea.module.scss?inline
 var K = ":host{box-sizing:border-box;display:block}:host .content-wrapper{flex-direction:column;display:flex}:host .content-wrapper.single-line{align-items:stretch}:host .content-wrapper.disabled{opacity:var(--luzmo-ai-interaction-textarea-disabled-opacity,var(--ai-interaction-textarea-disabled-opacity));pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host luzmo-prompt-box{--luzmo-prompt-box-attachments-gap:var(--luzmo-spacing-3,8px);--luzmo-prompt-box-border-radius:var(--ai-interaction-textarea-prompt-box-border-radius);inline-size:100%}:host .attachment-error{color:var(--luzmo-negative-color,#ca221c);font-size:var(--luzmo-font-size-s,12px);margin-block-start:var(--luzmo-spacing-2,4px);line-height:1.4}:host{--ai-interaction-textarea-disabled-opacity:.6;--ai-interaction-textarea-prompt-box-border-radius:var(--luzmo-prompt-box-border-radius,var(--luzmo-border-radius-l,8px))}", q = 3e3, J = 6e4, Y = class extends u {
 	constructor(...e) {
-		super(...e), this.placeholder = "Type your prompt here...", this.selectedDatasets = [], this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.flagOpendata = !1, this.disabled = !1, this.singleLine = !1, this.hideDatasetButton = !1, this.hideDatasetIcons = !1, this.maxVisibleSelectedDatasets = 5, this.disableDatasetModification = !1, this.hideSelectedDatasets = !1, this.disableColumnMentions = !1, this.isGenerating = !1, this.stoppable = !1, this.value = "", this.retainOnSubmit = !1, this.requireDataset = !1, this.allowImages = !1, this.allowVoiceInput = !1, this.acceptedFileTypes = [], this.apiVersion = "0.1.0", this.fileIcons = {}, this._promptValue = "", this._isPromptValid = !1, this._fieldTriggerOptions = [], this._datasetsFieldConfig = [], this._attachmentError = null, this._isRecording = !1, this._isTranscribing = !1, this._activeFieldRequestId = 0, this._attachmentUploads = /* @__PURE__ */ new Map(), this._pendingAttachmentSync = null, this._attachmentSyncScheduled = !1, this._attachmentErrorClearHandle = 0, this._submitInProgress = !1, this._voiceSessionActive = !1, this._preRecordingValue = "", this._voicePrefix = "", this._voiceSuffix = "", this._streamedTranscript = "", this._transcriptionController = null, this._renderFieldTriggerIcon = (e) => {
+		super(...e), this.placeholder = "Type your prompt here...", this.selectedDatasets = [], this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.includePublicDatasets = !1, this.disabled = !1, this.singleLine = !1, this.hideDatasetButton = !1, this.hideDatasetIcons = !1, this.maxVisibleSelectedDatasets = 5, this.disableDatasetModification = !1, this.hideSelectedDatasets = !1, this.disableColumnMentions = !1, this.isGenerating = !1, this.stoppable = !1, this.value = "", this.retainOnSubmit = !1, this.requireDataset = !1, this.allowImages = !1, this.allowVoiceInput = !1, this.acceptedFileTypes = [], this.apiVersion = "0.1.0", this.fileIcons = {}, this._promptValue = "", this._isPromptValid = !1, this._fieldTriggerOptions = [], this._datasetsFieldConfig = [], this._attachmentError = null, this._isRecording = !1, this._isTranscribing = !1, this._activeFieldRequestId = 0, this._attachmentUploads = /* @__PURE__ */ new Map(), this._pendingAttachmentSync = null, this._attachmentSyncScheduled = !1, this._attachmentErrorClearHandle = 0, this._submitInProgress = !1, this._voiceSessionActive = !1, this._preRecordingValue = "", this._voicePrefix = "", this._voiceSuffix = "", this._streamedTranscript = "", this._transcriptionController = null, this._renderFieldTriggerIcon = (e) => {
 			let t = e.data?.datasetInfo;
 			return e.header && t ? d`
         <span>
@@ -294,6 +294,12 @@ var K = ":host{box-sizing:border-box;display:block}:host .content-wrapper{flex-d
 	static {
 		this.tagName = "luzmo-ai-interaction-textarea";
 	}
+	get flagOpendata() {
+		return this.includePublicDatasets;
+	}
+	set flagOpendata(e) {
+		this.includePublicDatasets = e;
+	}
 	get _voiceBusy() {
 		return this._isRecording || this._isTranscribing;
 	}
@@ -689,7 +695,7 @@ var K = ":host{box-sizing:border-box;display:block}:host .content-wrapper{flex-d
             auth-token=${this.authToken}
             api-url=${this.apiUrl}
             app-server=${this.appServer}
-            ?flag-opendata=${this.flagOpendata}
+            ?include-public-datasets=${this.includePublicDatasets}
             ?hide-dataset-icons=${this.hideDatasetIcons}
             ?disabled=${this._actionsDisabled}
             ?disable-dataset-modification=${this.disableDatasetModification}
@@ -732,9 +738,13 @@ e([m({ type: String })], Y.prototype, "placeholder", void 0), e([m({ type: Array
 	type: String,
 	attribute: "app-server"
 })], Y.prototype, "appServer", void 0), e([m({
+	type: Boolean,
+	reflect: !0,
+	attribute: "include-public-datasets"
+})], Y.prototype, "includePublicDatasets", void 0), e([m({
 	type: Boolean,
 	attribute: "flag-opendata"
-})], Y.prototype, "flagOpendata", void 0), e([m({
+})], Y.prototype, "flagOpendata", null), e([m({
 	type: Boolean,
 	reflect: !0,
 	attribute: "disabled"

package/components/area-chart-options.config-CiPCKvh7.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("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./helpers-B2IWxa9q.cjs"),n=require("./axis-options.config-s-Js3ug-.cjs"),r=require("./guidelines-options.config-D-ZuReR_.cjs"),i=require("./info-tooltip-options.config-B9T0cwSM.cjs");var a=e.n({default:()=>s}),o=({slots:e})=>Array.isArray(e)&&e?.length>0?(e?.find(e=>e?.name===`legend`)?.content?.length??0)>0||(e?.find(e=>e?.name===`measure`)?.content?.length??0)>1:!1,s=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{label:`Title`,type:`switch`,default:!0}},{type:`divider`},{key:`mode`,control:{label:`Mode`,type:`picker`,default:`stacked`,enum:[`100`,`unstacked`,`stacked`,`stream`]},visibleIf:o},{key:`interpolation`,control:{label:`Interpolation`,type:`picker`,default:`linear`,enum:[`linear`,`step-before`,`step-after`,`monotone`]}},{key:`display.legend`,control:{label:`Legend`,type:`switch`,default:!0},visibleIf:o},{key:`display.modeOption`,control:{label:`Mode option`,type:`switch`,default:!0},visibleIf:o},{key:`missingValue.type`,control:{label:`Fill missing values`,type:`picker`,default:`no`,enum:[`no`,`break`,`manual`]},visibleIf:({slots:e})=>Array.isArray(e)&&e?.find(e=>e?.name===`x-axis`)?.content?.[0]?.type===`datetime`},{key:`missingValue.value`,control:{label:`Value`,type:`number-field`,default:0,min:1},visibleIf:({options:e,slots:t})=>Array.isArray(t)&&t?.find(e=>e?.name===`x-axis`)?.content?.[0]?.type===`datetime`&&e?.missingValue?.type===`manual`},{key:`color`,control:{label:`Area color`,type:`color-picker`,default:({theme:e})=>t.u(e),extraLabel:({options:e,theme:n})=>t.a(e,n,`color`),extraLabelHasClickAction:({options:e,theme:n})=>t.t(e,n,`color`),extraLabelClickAction:({options:e,theme:n})=>t.c(e,n,`color`)},visibleIf:({slots:e})=>Array.isArray(e)&&e?.length>0?!((e?.find(e=>e?.name===`legend`)?.content?.length??0)>0)&&(e?.find(e=>e?.name===`measure`)?.content?.length??0)<=1:!0}]},n.t([{axis:`x`,role:`category`,color:!0,label:!0,tickMode:!0,gridlines:!0,datetimeTickStyle:!0},{axis:`y`,role:`measure`,scale:!0,manualRange:{key:`axis.y.manualAxesRange`,discriminatorKey:`axis.y.type`},color:!0,label:!0,tickDensity:!0,tickMode:!0,gridlines:!0}]),{key:`legend`,type:`group`,open:!1,children:[{key:`legend.position`,control:{label:`Position`,type:`position-picker`,default:`topRight`,enum:[`topLeft`,`top`,`topRight`,`right`,`bottomRight`,`bottom`,`bottomLeft`,`left`]}},{key:`legend.customOrder`,control:{label:`Custom order`,description:`Drag items in the chart legend to set the order.`,type:`switch`,default:!1}},{key:`interactivity.legendReorder`,control:{label:`Allow viewers to reorder`,type:`switch`,default:!1},visibleIf:({options:e})=>e?.legend?.customOrder===!0}],visibleIf:o},r.r(r.t),i.t()];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/{area-chart-options.config-Dc4P64YS.js → area-chart-options.config-HaYA8gPC.js}

@@ -19,8 +19,11 @@
  * */
 import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
 import { a as t, c as n, t as r, u as i } from "./helpers-irnB2xbq.js";
+import { t as a } from "./axis-options.config-BCP0Z8VI.js";
+import { r as o, t as s } from "./guidelines-options.config-DyedEeX2.js";
+import { t as c } from "./info-tooltip-options.config-BmSMkirf.js";
 //#region node_modules/@luzmo/dashboard-contents-types/area-chart/area-chart-options.config.js
-var a = /* @__PURE__ */ e({ default: () => s }), o = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "legend")?.content?.length ?? 0) > 0 || (e?.find((e) => e?.name === "measure")?.content?.length ?? 0) > 1 : !1, s = [
+var l = /* @__PURE__ */ e({ default: () => d }), u = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? (e?.find((e) => e?.name === "legend")?.content?.length ?? 0) > 0 || (e?.find((e) => e?.name === "measure")?.content?.length ?? 0) > 1 : !1, d = [
 	{
 		key: "general",
 		type: "group",
@@ -48,7 +51,7 @@ var a = /* @__PURE__ */ e({ default: () => s }), o = ({ slots: e }) => Array.isA
 						"stream"
 					]
 				},
-				visibleIf: o
+				visibleIf: u
 			},
 			{
 				key: "interpolation",
@@ -71,7 +74,7 @@ var a = /* @__PURE__ */ e({ default: () => s }), o = ({ slots: e }) => Array.isA
 					type: "switch",
 					default: !0
 				},
-				visibleIf: o
+				visibleIf: u
 			},
 			{
 				key: "display.modeOption",
@@ -80,7 +83,7 @@ var a = /* @__PURE__ */ e({ default: () => s }), o = ({ slots: e }) => Array.isA
 					type: "switch",
 					default: !0
 				},
-				visibleIf: o
+				visibleIf: u
 			},
 			{
 				key: "missingValue.type",
@@ -120,66 +123,28 @@ var a = /* @__PURE__ */ e({ default: () => s }), o = ({ slots: e }) => Array.isA
 			}
 		]
 	},
-	{
-		key: "axes",
-		type: "group",
-		open: !1,
-		children: [{
-			key: "xAxisLabels",
-			type: "group",
-			label: "X-axis label",
-			collapsible: !0,
-			open: !0,
-			children: [{
-				key: "axislabels.x.enabled",
-				control: {
-					type: "switch",
-					label: "Enabled",
-					default: !1
-				}
-			}, {
-				key: "axislabels.x.position",
-				control: {
-					type: "picker",
-					label: "Position",
-					default: "center",
-					enum: [
-						"left",
-						"center",
-						"right"
-					]
-				},
-				visibleIf: ({ options: e }) => e?.axislabels?.x?.enabled === !0
-			}]
-		}, {
-			key: "yAxisLabels",
-			type: "group",
-			label: "Y-axis label",
-			collapsible: !0,
-			open: !0,
-			children: [{
-				key: "axislabels.y.enabled",
-				control: {
-					type: "switch",
-					label: "Enabled",
-					default: !1
-				}
-			}, {
-				key: "axislabels.y.position",
-				control: {
-					type: "picker",
-					label: "Position",
-					default: "middle",
-					enum: [
-						"top",
-						"middle",
-						"bottom"
-					]
-				},
-				visibleIf: ({ options: e }) => e?.axislabels?.y?.enabled === !0
-			}]
-		}]
-	},
+	a([{
+		axis: "x",
+		role: "category",
+		color: !0,
+		label: !0,
+		tickMode: !0,
+		gridlines: !0,
+		datetimeTickStyle: !0
+	}, {
+		axis: "y",
+		role: "measure",
+		scale: !0,
+		manualRange: {
+			key: "axis.y.manualAxesRange",
+			discriminatorKey: "axis.y.type"
+		},
+		color: !0,
+		label: !0,
+		tickDensity: !0,
+		tickMode: !0,
+		gridlines: !0
+	}]),
 	{
 		key: "legend",
 		type: "group",
@@ -222,8 +187,10 @@ var a = /* @__PURE__ */ e({ default: () => s }), o = ({ slots: e }) => Array.isA
 				visibleIf: ({ options: e }) => e?.legend?.customOrder === !0
 			}
 		],
-		visibleIf: o
-	}
+		visibleIf: u
+	},
+	o(s),
+	c()
 ];
 //#endregion
-export { a as n, s as t };
+export { d as n, l as t };

package/components/area-chart-options.de-_tPBzxvf.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.
+ * */
+var e={name:`Flächendiagramm`,groups:{general:{label:`Allgemein`},legend:{label:`Legende`},axes:{label:`Achsen`},guidelines:{label:`Hilfslinien`},xAxisLabels:{label:`X-Achsen-Beschriftung`},yAxisLabels:{label:`Y-Achsen-Beschriftung`}},options:{guidelines:{label:`Hilfslinien`},"display.title":{label:`Titel`},mode:{label:`Modus`,description:`Der Modus des Diagramms`,enum:{unstacked:`Nicht gestapelt`,stacked:`Gestapelt`,100:`100% gestapelt`,stream:`Strom`}},interpolation:{label:`Linieninterpolation`,enum:{linear:`Linear`,"step-before":`Stufe davor`,"step-after":`Stufe danach`,monotone:`Monoton`}},"display.legend":{label:`Legende`},"display.modeOption":{label:`Modus-Option`},"missingValue.type":{label:`Fehlende Werte füllen`,enum:{no:`Nein`,break:`Bereich unterbrechen`,manual:`Manueller Wert`}},"missingValue.value":{label:`Wert`},color:{label:`Flächenfarbe`},"legend.position":{label:`Position`},"axislabels.x.enabled":{label:`Aktiviert`},"axislabels.x.position":{label:`Position`,enum:{left:`Links`,center:`Mitte`,right:`Rechts`}},"axislabels.y.enabled":{label:`Aktiviert`},"axislabels.y.position":{label:`Position`,enum:{top:`Oben`,middle:`Mitte`,bottom:`Unten`}}}};exports.default=e;

package/components/{area-chart-options.de-DY-fWkTJ.js → area-chart-options.de-pUCTG-s0.js}

@@ -24,10 +24,12 @@ var e = {
 		general: { label: "Allgemein" },
 		legend: { label: "Legende" },
 		axes: { label: "Achsen" },
+		guidelines: { label: "Hilfslinien" },
 		xAxisLabels: { label: "X-Achsen-Beschriftung" },
 		yAxisLabels: { label: "Y-Achsen-Beschriftung" }
 	},
 	options: {
+		guidelines: { label: "Hilfslinien" },
 		"display.title": { label: "Titel" },
 		mode: {
 			label: "Modus",

package/components/{area-chart-options.en-Dnm4crib.cjs → area-chart-options.en-AuSHs27k.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-var e={name:`Area chart`,groups:{general:{label:`General`},legend:{label:`Legend`},axes:{label:`Axes`},xAxisLabels:{label:`X-axis label`},yAxisLabels:{label:`Y-axis label`}},options:{"display.title":{label:`Title`},mode:{label:`Mode`,description:`The mode of the chart`,enum:{unstacked:`Unstacked`,stacked:`Stacked`,100:`100% Stacked`,stream:`Stream`}},interpolation:{label:`Line interpolation`,enum:{linear:`Linear`,"step-before":`Step Before`,"step-after":`Step After`,monotone:`Monotone`}},"display.legend":{label:`Legend`},"display.modeOption":{label:`Mode Option`},"missingValue.type":{label:`Fill missing values`,enum:{no:`No`,break:`Break area`,manual:`Manual value`}},"missingValue.value":{label:`Value`},color:{label:`Area color`},"legend.position":{label:`Position`},"axislabels.x.enabled":{label:`Enabled`},"axislabels.x.position":{label:`Position`,enum:{left:`Left`,center:`Center`,right:`Right`}},"axislabels.y.enabled":{label:`Enabled`},"axislabels.y.position":{label:`Position`,enum:{top:`Top`,middle:`Middle`,bottom:`Bottom`}}}};exports.default=e;
+var e={name:`Area chart`,groups:{general:{label:`General`},legend:{label:`Legend`},axes:{label:`Axes`},guidelines:{label:`Guidelines`},xAxisLabels:{label:`X-axis label`},yAxisLabels:{label:`Y-axis label`}},options:{guidelines:{label:`Guidelines`},"display.title":{label:`Title`},mode:{label:`Mode`,description:`The mode of the chart`,enum:{unstacked:`Unstacked`,stacked:`Stacked`,100:`100% Stacked`,stream:`Stream`}},interpolation:{label:`Line interpolation`,enum:{linear:`Linear`,"step-before":`Step Before`,"step-after":`Step After`,monotone:`Monotone`}},"display.legend":{label:`Legend`},"display.modeOption":{label:`Mode Option`},"missingValue.type":{label:`Fill missing values`,enum:{no:`No`,break:`Break area`,manual:`Manual value`}},"missingValue.value":{label:`Value`},color:{label:`Area color`},"legend.position":{label:`Position`},"axislabels.x.enabled":{label:`Enabled`},"axislabels.x.position":{label:`Position`,enum:{left:`Left`,center:`Center`,right:`Right`}},"axislabels.y.enabled":{label:`Enabled`},"axislabels.y.position":{label:`Position`,enum:{top:`Top`,middle:`Middle`,bottom:`Bottom`}}}};exports.default=e;

package/components/{area-chart-options.en-BwX3W0Rz.js → area-chart-options.en-YNsUeMwN.js}

@@ -24,10 +24,12 @@ var e = {
 		general: { label: "General" },
 		legend: { label: "Legend" },
 		axes: { label: "Axes" },
+		guidelines: { label: "Guidelines" },
 		xAxisLabels: { label: "X-axis label" },
 		yAxisLabels: { label: "Y-axis label" }
 	},
 	options: {
+		guidelines: { label: "Guidelines" },
 		"display.title": { label: "Title" },
 		mode: {
 			label: "Mode",

package/components/{area-chart-options.es-DcNoi7rP.js → area-chart-options.es-2styw_Fz.js}

@@ -24,10 +24,12 @@ var e = {
 		general: { label: "General" },
 		legend: { label: "Leyenda" },
 		axes: { label: "Ejes" },
+		guidelines: { label: "Líneas guía" },
 		xAxisLabels: { label: "Etiqueta eje X" },
 		yAxisLabels: { label: "Etiqueta eje Y" }
 	},
 	options: {
+		guidelines: { label: "Líneas guía" },
 		"display.title": { label: "Título" },
 		mode: {
 			label: "Modo",

package/components/area-chart-options.es-BzRHGbo6.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.
+ * */
+var e={name:`Gráfico de área`,groups:{general:{label:`General`},legend:{label:`Leyenda`},axes:{label:`Ejes`},guidelines:{label:`Líneas guía`},xAxisLabels:{label:`Etiqueta eje X`},yAxisLabels:{label:`Etiqueta eje Y`}},options:{guidelines:{label:`Líneas guía`},"display.title":{label:`Título`},mode:{label:`Modo`,description:`El modo del gráfico`,enum:{unstacked:`No apilado`,stacked:`Apilado`,100:`Apilado 100%`,stream:`Flujo`}},interpolation:{label:`Interpolación de línea`,enum:{linear:`Lineal`,"step-before":`Escalón anterior`,"step-after":`Escalón posterior`,monotone:`Monótono`}},"display.legend":{label:`Leyenda`},"display.modeOption":{label:`Opción de modo`},"missingValue.type":{label:`Rellenar valores faltantes`,enum:{no:`No`,break:`Romper área`,manual:`Valor manual`}},"missingValue.value":{label:`Valor`},color:{label:`Color del área`},"legend.position":{label:`Posición`},"axislabels.x.enabled":{label:`Habilitado`},"axislabels.x.position":{label:`Posición`,enum:{left:`Izquierda`,center:`Centro`,right:`Derecha`}},"axislabels.y.enabled":{label:`Habilitado`},"axislabels.y.position":{label:`Posición`,enum:{top:`Superior`,middle:`Medio`,bottom:`Inferior`}}}};exports.default=e;

package/components/{area-chart-options.fr-T_BWw6Rr.js → area-chart-options.fr--WzQVf2z.js}

@@ -24,10 +24,12 @@ var e = {
 		general: { label: "Général" },
 		legend: { label: "Légende" },
 		axes: { label: "Axes" },
+		guidelines: { label: "Lignes directrices" },
 		xAxisLabels: { label: "Étiquette axe X" },
 		yAxisLabels: { label: "Étiquette axe Y" }
 	},
 	options: {
+		guidelines: { label: "Lignes directrices" },
 		"display.title": { label: "Titre" },
 		mode: {
 			label: "Mode",

package/components/area-chart-options.fr-DYxUQE3x.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.
+ * */
+var e={name:`Graphique en aires`,groups:{general:{label:`Général`},legend:{label:`Légende`},axes:{label:`Axes`},guidelines:{label:`Lignes directrices`},xAxisLabels:{label:`Étiquette axe X`},yAxisLabels:{label:`Étiquette axe Y`}},options:{guidelines:{label:`Lignes directrices`},"display.title":{label:`Titre`},mode:{label:`Mode`,description:`Le mode du graphique`,enum:{unstacked:`Non empilé`,stacked:`Empilé`,100:`Empilé 100%`,stream:`Flux`}},interpolation:{label:`Interpolation de ligne`,enum:{linear:`Linéaire`,"step-before":`Palier avant`,"step-after":`Palier après`,monotone:`Monotone`}},"display.legend":{label:`Légende`},"display.modeOption":{label:`Option de mode`},"missingValue.type":{label:`Remplir les valeurs manquantes`,enum:{no:`Non`,break:`Interrompre la zone`,manual:`Valeur manuelle`}},"missingValue.value":{label:`Valeur`},color:{label:`Couleur de la zone`},"legend.position":{label:`Position`},"axislabels.x.enabled":{label:`Activé`},"axislabels.x.position":{label:`Position`,enum:{left:`Gauche`,center:`Centre`,right:`Droite`}},"axislabels.y.enabled":{label:`Activé`},"axislabels.y.position":{label:`Position`,enum:{top:`Haut`,middle:`Milieu`,bottom:`Bas`}}}};exports.default=e;

package/components/{area-chart-options.nl-CbumBws7.js → area-chart-options.nl-BTEIqBtE.js}

@@ -24,10 +24,12 @@ var e = {
 		general: { label: "Algemeen" },
 		legend: { label: "Legende" },
 		axes: { label: "Assen" },
+		guidelines: { label: "Richtlijnen" },
 		xAxisLabels: { label: "X-as label" },
 		yAxisLabels: { label: "Y-as label" }
 	},
 	options: {
+		guidelines: { label: "Richtlijnen" },
 		"display.title": { label: "Titel" },
 		mode: {
 			label: "Modus",

package/components/area-chart-options.nl-M0xQQ_la.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.
+ * */
+var e={name:`Staafdiagram`,groups:{general:{label:`Algemeen`},legend:{label:`Legende`},axes:{label:`Assen`},guidelines:{label:`Richtlijnen`},xAxisLabels:{label:`X-as label`},yAxisLabels:{label:`Y-as label`}},options:{guidelines:{label:`Richtlijnen`},"display.title":{label:`Titel`},mode:{label:`Modus`,description:`De modus van de grafiek`,enum:{unstacked:`Niet gestapeld`,stacked:`Gestapeld`,100:`100% Gestapeld`,stream:`Stroom`}},interpolation:{label:`Lijn interpolatie`,enum:{linear:`Lineair`,"step-before":`Stap Voor`,"step-after":`Stap Na`,monotone:`Monotoon`}},"display.legend":{label:`Legende`},"display.modeOption":{label:`Modus Optie`},"missingValue.type":{label:`Ontbrekende waarden invullen`,enum:{no:`Nee`,break:`Onderbreek gebied`,manual:`Handmatige waarde`}},"missingValue.value":{label:`Waarde`},color:{label:`Gebiedskleur`},"legend.position":{label:`Positie`},"axislabels.x.enabled":{label:`Ingeschakeld`},"axislabels.x.position":{label:`Positie`,enum:{left:`Links`,center:`Midden`,right:`Rechts`}},"axislabels.y.enabled":{label:`Ingeschakeld`},"axislabels.y.position":{label:`Positie`,enum:{top:`Boven`,middle:`Midden`,bottom:`Onder`}}}};exports.default=e;