@luzmo/analytics-components-kit 1.0.1-alpha.98 → 1.0.1-alpha.99

package/components/ai-interaction-textarea/ai-interaction-textarea.d.ts

@@ -7,6 +7,10 @@ import '../dataset-selector-row';
  * @fires prompt-submitted - Fired when a prompt is submitted with selected datasets
  *
  * @attr {boolean} disabled - When true, disables the entire component (opacity 60%, no interactions)
+ * @attr {boolean} single-line - When true, starts in compact single-line mode and auto-expands as needed
+ * @attr {boolean} hide-dataset-button - When true, hides the "+ Add dataset" button
+ * @attr {boolean} is-generating - When true, shows a spinning loader icon instead of the submit arrow
+ * @attr {string} value - The current value of the textarea (can be controlled from parent to clear or set text)
  *
  * @cssprop --luzmo-ai-interaction-textarea-background-color - Override for background color of the component (client customization)
  * @cssprop --ai-interaction-textarea-background-color - Background color of the component
@@ -69,6 +73,22 @@ export declare class LuzmoAiInteractionTextarea extends LitElement {
      * When true, disables the entire component (sets opacity to 60% and prevents all interactions)
      */
     disabled: boolean;
+    /**
+     * When true, starts in compact single-line mode and auto-expands as needed
+     */
+    singleLine: boolean;
+    /**
+     * When true, hides the "+ Add dataset" button
+     */
+    hideDatasetButton: boolean;
+    /**
+     * When true, shows a spinning loader icon instead of the submit arrow
+     */
+    isGenerating: boolean;
+    /**
+     * The current value of the textarea (controlled from parent)
+     */
+    value: string;
     private _promptValue;
     private _isPromptValid;
     private get _buttonDisabled();
@@ -78,6 +98,7 @@ export declare class LuzmoAiInteractionTextarea extends LitElement {
     private _submitPrompt;
     private _handleDatasetSelected;
     private _handleDatasetRemoved;
+    protected willUpdate(changedProperties: Map<string, unknown>): void;
     protected firstUpdated(): void;
     protected render(): TemplateResult;
 }

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

@@ -17,19 +17,21 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@lit/localize"),u=require("@luzmo/icons"),l=require("lit"),o=require("lit/decorators.js"),p=require("lit/directives/class-map.js");require("../dataset-selector-row/index.cjs");const m=":host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--luzmo-ai-interaction-textarea-background-color, var(--ai-interaction-textarea-background-color));border:1px solid var(--luzmo-ai-interaction-textarea-border-color, var(--ai-interaction-textarea-border-color));border-radius:var(--luzmo-ai-interaction-textarea-border-radius, var(--ai-interaction-textarea-border-radius));padding:var(--luzmo-ai-interaction-textarea-padding, var(--ai-interaction-textarea-padding));gap:var(--luzmo-ai-interaction-textarea-gap, var(--ai-interaction-textarea-gap));font-family:var(--luzmo-ai-interaction-textarea-font-family, var(--ai-interaction-textarea-font-family));font-size:var(--luzmo-ai-interaction-textarea-font-size, var(--ai-interaction-textarea-font-size))}:host:has(textarea:focus){border-color:var(--luzmo-ai-interaction-textarea-focus-border-color, var(--ai-interaction-textarea-focus-border-color));box-shadow:var(--luzmo-ai-interaction-textarea-focus-box-shadow, var(--ai-interaction-textarea-focus-box-shadow))}:host .content-wrapper{display:flex;flex-direction:column;gap:var(--luzmo-ai-interaction-textarea-gap, var(--ai-interaction-textarea-gap))}:host .content-wrapper.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host textarea{background-color:var(--luzmo-ai-interaction-textarea-textarea-background, var(--ai-interaction-textarea-textarea-background));border:none;resize:none;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;vertical-align:middle;padding:0;min-height:3rem;color:var(--luzmo-ai-interaction-textarea-textarea-color, var(--ai-interaction-textarea-textarea-color));font-family:var(--luzmo-ai-interaction-textarea-font-family, var(--ai-interaction-textarea-font-family));font-size:var(--luzmo-ai-interaction-textarea-font-size, var(--ai-interaction-textarea-font-size));line-height:1.5}:host textarea::placeholder{color:var(--luzmo-ai-interaction-textarea-textarea-placeholder-color, var(--ai-interaction-textarea-textarea-placeholder-color))}:host .button-container{text-align:var(--luzmo-ai-interaction-textarea-button-container-text-align, var(--ai-interaction-textarea-button-container-text-align))}:host .button-container button{padding:var(--luzmo-ai-interaction-textarea-button-padding, var(--ai-interaction-textarea-button-padding));min-width:var(--luzmo-ai-interaction-textarea-button-min-width, var(--ai-interaction-textarea-button-min-width));min-height:var(--luzmo-ai-interaction-textarea-button-min-height, var(--ai-interaction-textarea-button-min-height));border:none;border-radius:var(--luzmo-ai-interaction-textarea-button-border-radius, var(--ai-interaction-textarea-button-border-radius));font-size:var(--luzmo-ai-interaction-textarea-button-font-size, var(--ai-interaction-textarea-button-font-size));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}:host .button-container button:disabled{opacity:.6;cursor:not-allowed}:host .button-container button.disabled{opacity:.6;cursor:not-allowed}:host .button-container button svg{display:flex;align-items:center;justify-content:center}:host .button-container button.btn-primary{background-color:var(--luzmo-ai-interaction-textarea-button-background-color, var(--ai-interaction-textarea-button-background-color));color:var(--luzmo-ai-interaction-textarea-button-color, var(--ai-interaction-textarea-button-color))}:host .button-container button.btn-primary:hover:not(:disabled):not(.disabled){background-color:var(--luzmo-ai-interaction-textarea-button-background-color-hover, var(--ai-interaction-textarea-button-background-color-hover))}:host .button-container button.btn-primary:disabled,:host .button-container button.btn-primary.disabled{background-color:var(--luzmo-ai-interaction-textarea-button-background-color-disabled, var(--ai-interaction-textarea-button-background-color-disabled));opacity:.6}:host{--ai-interaction-textarea-background-color: var(--luzmo-background-color-alt-2);--ai-interaction-textarea-border-color: var(--luzmo-border-color);--ai-interaction-textarea-border-radius: .5rem;--ai-interaction-textarea-padding: .75rem;--ai-interaction-textarea-gap: 1rem;--ai-interaction-textarea-focus-border-color: var(--luzmo-primary);--ai-interaction-textarea-focus-box-shadow: 0 0 1rem 0 var(--luzmo-primary-50);--ai-interaction-textarea-font-family: var(--luzmo-font-family);--ai-interaction-textarea-font-size: .875rem;--ai-interaction-textarea-textarea-background: transparent;--ai-interaction-textarea-textarea-color: var(--luzmo-font-color);--ai-interaction-textarea-textarea-placeholder-color: var(--luzmo-font-color-extra-dimmed);--ai-interaction-textarea-button-container-text-align: right;--ai-interaction-textarea-button-padding: 0;--ai-interaction-textarea-button-min-width: 2rem;--ai-interaction-textarea-button-min-height: 1.875rem;--ai-interaction-textarea-button-border-radius: .5rem;--ai-interaction-textarea-button-font-size: 1rem;--ai-interaction-textarea-button-background-color: var(--luzmo-primary);--ai-interaction-textarea-button-background-color-hover: var(--luzmo-primary-hover);--ai-interaction-textarea-button-background-color-disabled: var(--luzmo-primary);--ai-interaction-textarea-button-color: var(--luzmo-primary-inverse-color)}";var b=Object.defineProperty,h=Object.getOwnPropertyDescriptor,e=(n,t,a,r)=>{for(var i=r>1?void 0:r?h(t,a):t,s=n.length-1,c;s>=0;s--)(c=n[s])&&(i=(r?c(t,a,i):c(i))||i);return r&&i&&b(t,a,i),i};exports.LuzmoAiInteractionTextarea=class extends l.LitElement{constructor(){super(...arguments),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._promptValue="",this._isPromptValid=!1}get _buttonDisabled(){return this.disabled||this.selectedDatasets.length===0||!this._isPromptValid}_autoResizeTextarea(t){t.style.height="auto";const a=2*1.5*16,r=8*1.5*16,i=Math.max(a,Math.min(t.scrollHeight,r));t.style.height=`${i}px`}_handlePromptInput(t){const a=t.target;this._promptValue=a.value,this._isPromptValid=a.value.trim().length>0,this._autoResizeTextarea(a),a.scrollTo({top:a.scrollHeight})}_handleKeyDown(t){t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),this._submitPrompt())}_submitPrompt(){if(this._buttonDisabled)return;const t=this._promptValue.trim();this.dispatchEvent(new CustomEvent("prompt-submitted",{detail:{prompt:t,selectedDatasets:this.selectedDatasets},bubbles:!0,composed:!0}))}_handleDatasetSelected(t){const a=t.detail;this.selectedDatasets.some(r=>r.id===a.id)||(this.selectedDatasets=[...this.selectedDatasets,a])}_handleDatasetRemoved(t){const a=t.detail;this.selectedDatasets=this.selectedDatasets.filter(r=>r.id!==a.id)}firstUpdated(){var a;const t=(a=this.shadowRoot)==null?void 0:a.querySelector("textarea");t&&this._autoResizeTextarea(t)}render(){const t={"content-wrapper":!0,disabled:this.disabled};return l.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@lit/localize"),l=require("@luzmo/icons"),c=require("lit"),r=require("lit/decorators.js"),p=require("lit/directives/class-map.js");require("../dataset-selector-row/index.cjs");const h=":host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--luzmo-ai-interaction-textarea-background-color, var(--ai-interaction-textarea-background-color));border:1px solid var(--luzmo-ai-interaction-textarea-border-color, var(--ai-interaction-textarea-border-color));border-radius:var(--luzmo-ai-interaction-textarea-border-radius, var(--ai-interaction-textarea-border-radius));padding:var(--luzmo-ai-interaction-textarea-padding, var(--ai-interaction-textarea-padding));gap:var(--luzmo-ai-interaction-textarea-gap, var(--ai-interaction-textarea-gap));font-family:var(--luzmo-ai-interaction-textarea-font-family, var(--ai-interaction-textarea-font-family));font-size:var(--luzmo-ai-interaction-textarea-font-size, var(--ai-interaction-textarea-font-size))}:host:has(textarea:focus){border-color:var(--luzmo-ai-interaction-textarea-focus-border-color, var(--ai-interaction-textarea-focus-border-color));box-shadow:var(--luzmo-ai-interaction-textarea-focus-box-shadow, var(--ai-interaction-textarea-focus-box-shadow))}:host .content-wrapper{display:flex;flex-direction:column;gap:var(--luzmo-ai-interaction-textarea-gap, var(--ai-interaction-textarea-gap))}:host .content-wrapper.single-line{flex-direction:row;align-items:center}:host .content-wrapper.single-line textarea{flex:1;min-height:auto}:host .content-wrapper.single-line .button-container{align-self:flex-end}:host .content-wrapper.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host textarea{background-color:var(--luzmo-ai-interaction-textarea-textarea-background, var(--ai-interaction-textarea-textarea-background));border:none;resize:none;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;vertical-align:middle;padding:0;min-height:var(--luzmo-ai-interaction-textarea-textarea-min-height, var(--ai-interaction-textarea-textarea-min-height, 3rem));color:var(--luzmo-ai-interaction-textarea-textarea-color, var(--ai-interaction-textarea-textarea-color));font-family:var(--luzmo-ai-interaction-textarea-font-family, var(--ai-interaction-textarea-font-family));font-size:var(--luzmo-ai-interaction-textarea-font-size, var(--ai-interaction-textarea-font-size));line-height:1.5}:host textarea::placeholder{color:var(--luzmo-ai-interaction-textarea-textarea-placeholder-color, var(--ai-interaction-textarea-textarea-placeholder-color))}:host .button-container{text-align:var(--luzmo-ai-interaction-textarea-button-container-text-align, var(--ai-interaction-textarea-button-container-text-align))}:host .button-container button{padding:var(--luzmo-ai-interaction-textarea-button-padding, var(--ai-interaction-textarea-button-padding));min-width:var(--luzmo-ai-interaction-textarea-button-min-width, var(--ai-interaction-textarea-button-min-width));min-height:var(--luzmo-ai-interaction-textarea-button-min-height, var(--ai-interaction-textarea-button-min-height));border:none;border-radius:var(--luzmo-ai-interaction-textarea-button-border-radius, var(--ai-interaction-textarea-button-border-radius));font-size:var(--luzmo-ai-interaction-textarea-button-font-size, var(--ai-interaction-textarea-button-font-size));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}:host .button-container button:disabled{opacity:.6;cursor:not-allowed}:host .button-container button.disabled{opacity:.6;cursor:not-allowed}:host .button-container button svg{display:flex;align-items:center;justify-content:center}:host .button-container button svg.spin{animation:spin 1s linear infinite}:host .button-container button.btn-primary{background-color:var(--luzmo-ai-interaction-textarea-button-background-color, var(--ai-interaction-textarea-button-background-color));color:var(--luzmo-ai-interaction-textarea-button-color, var(--ai-interaction-textarea-button-color))}:host .button-container button.btn-primary:hover:not(:disabled):not(.disabled){background-color:var(--luzmo-ai-interaction-textarea-button-background-color-hover, var(--ai-interaction-textarea-button-background-color-hover))}:host .button-container button.btn-primary:disabled,:host .button-container button.btn-primary.disabled{background-color:var(--luzmo-ai-interaction-textarea-button-background-color-disabled, var(--ai-interaction-textarea-button-background-color-disabled));opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}:host{--ai-interaction-textarea-background-color: var(--luzmo-background-color-alt-2);--ai-interaction-textarea-border-color: var(--luzmo-border-color);--ai-interaction-textarea-border-radius: .5rem;--ai-interaction-textarea-padding: .75rem;--ai-interaction-textarea-gap: 1rem;--ai-interaction-textarea-focus-border-color: var(--luzmo-primary);--ai-interaction-textarea-focus-box-shadow: 0 0 1rem 0 var(--luzmo-primary-50);--ai-interaction-textarea-font-family: var(--luzmo-font-family);--ai-interaction-textarea-font-size: .875rem;--ai-interaction-textarea-textarea-background: transparent;--ai-interaction-textarea-textarea-color: var(--luzmo-font-color);--ai-interaction-textarea-textarea-placeholder-color: var(--luzmo-font-color-extra-dimmed);--ai-interaction-textarea-textarea-min-height: 3rem;--ai-interaction-textarea-button-container-text-align: right;--ai-interaction-textarea-button-padding: 0;--ai-interaction-textarea-button-min-width: 2rem;--ai-interaction-textarea-button-min-height: 1.875rem;--ai-interaction-textarea-button-border-radius: .5rem;--ai-interaction-textarea-button-font-size: 1rem;--ai-interaction-textarea-button-background-color: var(--luzmo-primary);--ai-interaction-textarea-button-background-color-hover: var(--luzmo-primary-hover);--ai-interaction-textarea-button-background-color-disabled: var(--luzmo-primary);--ai-interaction-textarea-button-color: var(--luzmo-primary-inverse-color)}";var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,i)=>{for(var o=i>1?void 0:i?b(t,e):t,n=u.length-1,s;n>=0;n--)(s=u[n])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&m(t,e,o),o};exports.LuzmoAiInteractionTextarea=class extends c.LitElement{constructor(){super(...arguments),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.isGenerating=!1,this.value="",this._promptValue="",this._isPromptValid=!1}get _buttonDisabled(){return this.hideDatasetButton?this.disabled||!this._isPromptValid:this.disabled||this.selectedDatasets.length===0||!this._isPromptValid}_autoResizeTextarea(t){if(t.style.height="auto",this.singleLine){const i=Number.parseFloat(getComputedStyle(t).fontSize)||14,o=1.5*i,n=8*1.5*i,s=Math.max(o,Math.min(t.scrollHeight,n));t.style.height=`${s}px`}else{const o=Math.max(48,Math.min(t.scrollHeight,192));t.style.height=`${o}px`}}_handlePromptInput(t){const e=t.target;this._promptValue=e.value,this._isPromptValid=e.value.trim().length>0,this._autoResizeTextarea(e),e.scrollTo({top:e.scrollHeight})}_handleKeyDown(t){t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),this._submitPrompt())}_submitPrompt(){if(this._buttonDisabled)return;const t=this._promptValue.trim();this.dispatchEvent(new CustomEvent("prompt-submitted",{detail:{prompt:t,selectedDatasets:this.selectedDatasets},bubbles:!0,composed:!0}))}_handleDatasetSelected(t){const e=t.detail;this.selectedDatasets.some(i=>i.id===e.id)||(this.selectedDatasets=[...this.selectedDatasets,e])}_handleDatasetRemoved(t){const e=t.detail;this.selectedDatasets=this.selectedDatasets.filter(i=>i.id!==e.id)}willUpdate(t){t.has("value")&&(this._promptValue=this.value,this._isPromptValid=this.value.trim().length>0,requestAnimationFrame(()=>{const e=this.shadowRoot?.querySelector("textarea");e&&this._autoResizeTextarea(e)}))}firstUpdated(){const t=this.shadowRoot?.querySelector("textarea");t&&this._autoResizeTextarea(t)}render(){const t={"content-wrapper":!0,disabled:this.disabled,"single-line":this.singleLine};return c.html`
       <div class=${p.classMap(t)}>
-        <luzmo-dataset-selector-row
-          .selectedDatasets=${this.selectedDatasets}
-          auth-key=${this.authKey}
-          auth-token=${this.authToken}
-          api-url=${this.apiUrl}
-          app-server=${this.appServer}
-          ?flag-opendata=${this.flagOpendata}
-          ?disabled=${this.disabled}
-          @dataset-selected=${this._handleDatasetSelected}
-          @dataset-removed=${this._handleDatasetRemoved}
-        ></luzmo-dataset-selector-row>
+        ${this.hideDatasetButton?"":c.html`
+          <luzmo-dataset-selector-row
+            .selectedDatasets=${this.selectedDatasets}
+            auth-key=${this.authKey}
+            auth-token=${this.authToken}
+            api-url=${this.apiUrl}
+            app-server=${this.appServer}
+            ?flag-opendata=${this.flagOpendata}
+            ?disabled=${this.disabled}
+            @dataset-selected=${this._handleDatasetSelected}
+            @dataset-removed=${this._handleDatasetRemoved}
+          ></luzmo-dataset-selector-row>
+        `}
 
         <textarea
           ?autofocus=${!this.disabled}
@@ -38,7 +40,7 @@
           .value=${this._promptValue}
           @input=${this._handlePromptInput}
           @keydown=${this._handleKeyDown}
-          rows="2"
+          rows=${this.singleLine?"1":"2"}
         ></textarea>
 
         <div class="button-container">
@@ -47,8 +49,8 @@
             ?disabled=${this._buttonDisabled}
             @click=${this._submitPrompt}
           >
-            ${u.luzmoIcon(u.luzmoArrowRight)}
+            ${this.isGenerating?l.luzmoIcon(l.luzmoSpin,{className:"spin"}):l.luzmoIcon(l.luzmoArrowRight)}
           </button>
         </div>
       </div>
-    `}};exports.LuzmoAiInteractionTextarea.styles=l.unsafeCSS(m);exports.LuzmoAiInteractionTextarea.tagName="luzmo-ai-interaction-textarea";e([o.property({type:String})],exports.LuzmoAiInteractionTextarea.prototype,"placeholder",2);e([o.property({type:Array})],exports.LuzmoAiInteractionTextarea.prototype,"selectedDatasets",2);e([o.property({type:String,attribute:"auth-key"})],exports.LuzmoAiInteractionTextarea.prototype,"authKey",2);e([o.property({type:String,attribute:"auth-token"})],exports.LuzmoAiInteractionTextarea.prototype,"authToken",2);e([o.property({type:String,attribute:"api-url"})],exports.LuzmoAiInteractionTextarea.prototype,"apiUrl",2);e([o.property({type:String,attribute:"app-server"})],exports.LuzmoAiInteractionTextarea.prototype,"appServer",2);e([o.property({type:Boolean,attribute:"flag-opendata"})],exports.LuzmoAiInteractionTextarea.prototype,"flagOpendata",2);e([o.property({type:Boolean,reflect:!0,attribute:"disabled"})],exports.LuzmoAiInteractionTextarea.prototype,"disabled",2);e([o.state()],exports.LuzmoAiInteractionTextarea.prototype,"_promptValue",2);e([o.state()],exports.LuzmoAiInteractionTextarea.prototype,"_isPromptValid",2);exports.LuzmoAiInteractionTextarea=e([d.localized()],exports.LuzmoAiInteractionTextarea);customElements.get("luzmo-ai-interaction-textarea")||customElements.define("luzmo-ai-interaction-textarea",exports.LuzmoAiInteractionTextarea);
+    `}};exports.LuzmoAiInteractionTextarea.styles=c.unsafeCSS(h);exports.LuzmoAiInteractionTextarea.tagName="luzmo-ai-interaction-textarea";a([r.property({type:String})],exports.LuzmoAiInteractionTextarea.prototype,"placeholder",2);a([r.property({type:Array})],exports.LuzmoAiInteractionTextarea.prototype,"selectedDatasets",2);a([r.property({type:String,attribute:"auth-key"})],exports.LuzmoAiInteractionTextarea.prototype,"authKey",2);a([r.property({type:String,attribute:"auth-token"})],exports.LuzmoAiInteractionTextarea.prototype,"authToken",2);a([r.property({type:String,attribute:"api-url"})],exports.LuzmoAiInteractionTextarea.prototype,"apiUrl",2);a([r.property({type:String,attribute:"app-server"})],exports.LuzmoAiInteractionTextarea.prototype,"appServer",2);a([r.property({type:Boolean,attribute:"flag-opendata"})],exports.LuzmoAiInteractionTextarea.prototype,"flagOpendata",2);a([r.property({type:Boolean,reflect:!0,attribute:"disabled"})],exports.LuzmoAiInteractionTextarea.prototype,"disabled",2);a([r.property({type:Boolean,attribute:"single-line"})],exports.LuzmoAiInteractionTextarea.prototype,"singleLine",2);a([r.property({type:Boolean,attribute:"hide-dataset-button"})],exports.LuzmoAiInteractionTextarea.prototype,"hideDatasetButton",2);a([r.property({type:Boolean,attribute:"is-generating"})],exports.LuzmoAiInteractionTextarea.prototype,"isGenerating",2);a([r.property({type:String})],exports.LuzmoAiInteractionTextarea.prototype,"value",2);a([r.state()],exports.LuzmoAiInteractionTextarea.prototype,"_promptValue",2);a([r.state()],exports.LuzmoAiInteractionTextarea.prototype,"_isPromptValid",2);exports.LuzmoAiInteractionTextarea=a([d.localized()],exports.LuzmoAiInteractionTextarea);customElements.get("luzmo-ai-interaction-textarea")||customElements.define("luzmo-ai-interaction-textarea",exports.LuzmoAiInteractionTextarea);

package/components/ai-interaction-textarea/index.js

@@ -17,39 +17,43 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { localized as d } from "@lit/localize";
-import { luzmoIcon as m, luzmoArrowRight as b } from "@luzmo/icons";
-import { unsafeCSS as p, LitElement as h, html as z } from "lit";
-import { property as i, state as s } from "lit/decorators.js";
+import { localized as p } from "@lit/localize";
+import { luzmoIcon as u, luzmoSpin as h, luzmoArrowRight as b } from "@luzmo/icons";
+import { unsafeCSS as g, LitElement as z, html as d } from "lit";
+import { property as r, state as m } from "lit/decorators.js";
 import { classMap as x } from "lit/directives/class-map.js";
 import "../dataset-selector-row/index.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const o = document.createElement("style");
-    o.setAttribute("data-luzmo-vars", ""), o.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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--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: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--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: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--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(o);
+    const 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: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--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: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--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: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--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: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--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);
   }
 })();
-const g = ":host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--luzmo-ai-interaction-textarea-background-color, var(--ai-interaction-textarea-background-color));border:1px solid var(--luzmo-ai-interaction-textarea-border-color, var(--ai-interaction-textarea-border-color));border-radius:var(--luzmo-ai-interaction-textarea-border-radius, var(--ai-interaction-textarea-border-radius));padding:var(--luzmo-ai-interaction-textarea-padding, var(--ai-interaction-textarea-padding));gap:var(--luzmo-ai-interaction-textarea-gap, var(--ai-interaction-textarea-gap));font-family:var(--luzmo-ai-interaction-textarea-font-family, var(--ai-interaction-textarea-font-family));font-size:var(--luzmo-ai-interaction-textarea-font-size, var(--ai-interaction-textarea-font-size))}:host:has(textarea:focus){border-color:var(--luzmo-ai-interaction-textarea-focus-border-color, var(--ai-interaction-textarea-focus-border-color));box-shadow:var(--luzmo-ai-interaction-textarea-focus-box-shadow, var(--ai-interaction-textarea-focus-box-shadow))}:host .content-wrapper{display:flex;flex-direction:column;gap:var(--luzmo-ai-interaction-textarea-gap, var(--ai-interaction-textarea-gap))}:host .content-wrapper.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host textarea{background-color:var(--luzmo-ai-interaction-textarea-textarea-background, var(--ai-interaction-textarea-textarea-background));border:none;resize:none;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;vertical-align:middle;padding:0;min-height:3rem;color:var(--luzmo-ai-interaction-textarea-textarea-color, var(--ai-interaction-textarea-textarea-color));font-family:var(--luzmo-ai-interaction-textarea-font-family, var(--ai-interaction-textarea-font-family));font-size:var(--luzmo-ai-interaction-textarea-font-size, var(--ai-interaction-textarea-font-size));line-height:1.5}:host textarea::placeholder{color:var(--luzmo-ai-interaction-textarea-textarea-placeholder-color, var(--ai-interaction-textarea-textarea-placeholder-color))}:host .button-container{text-align:var(--luzmo-ai-interaction-textarea-button-container-text-align, var(--ai-interaction-textarea-button-container-text-align))}:host .button-container button{padding:var(--luzmo-ai-interaction-textarea-button-padding, var(--ai-interaction-textarea-button-padding));min-width:var(--luzmo-ai-interaction-textarea-button-min-width, var(--ai-interaction-textarea-button-min-width));min-height:var(--luzmo-ai-interaction-textarea-button-min-height, var(--ai-interaction-textarea-button-min-height));border:none;border-radius:var(--luzmo-ai-interaction-textarea-button-border-radius, var(--ai-interaction-textarea-button-border-radius));font-size:var(--luzmo-ai-interaction-textarea-button-font-size, var(--ai-interaction-textarea-button-font-size));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}:host .button-container button:disabled{opacity:.6;cursor:not-allowed}:host .button-container button.disabled{opacity:.6;cursor:not-allowed}:host .button-container button svg{display:flex;align-items:center;justify-content:center}:host .button-container button.btn-primary{background-color:var(--luzmo-ai-interaction-textarea-button-background-color, var(--ai-interaction-textarea-button-background-color));color:var(--luzmo-ai-interaction-textarea-button-color, var(--ai-interaction-textarea-button-color))}:host .button-container button.btn-primary:hover:not(:disabled):not(.disabled){background-color:var(--luzmo-ai-interaction-textarea-button-background-color-hover, var(--ai-interaction-textarea-button-background-color-hover))}:host .button-container button.btn-primary:disabled,:host .button-container button.btn-primary.disabled{background-color:var(--luzmo-ai-interaction-textarea-button-background-color-disabled, var(--ai-interaction-textarea-button-background-color-disabled));opacity:.6}:host{--ai-interaction-textarea-background-color: var(--luzmo-background-color-alt-2);--ai-interaction-textarea-border-color: var(--luzmo-border-color);--ai-interaction-textarea-border-radius: .5rem;--ai-interaction-textarea-padding: .75rem;--ai-interaction-textarea-gap: 1rem;--ai-interaction-textarea-focus-border-color: var(--luzmo-primary);--ai-interaction-textarea-focus-box-shadow: 0 0 1rem 0 var(--luzmo-primary-50);--ai-interaction-textarea-font-family: var(--luzmo-font-family);--ai-interaction-textarea-font-size: .875rem;--ai-interaction-textarea-textarea-background: transparent;--ai-interaction-textarea-textarea-color: var(--luzmo-font-color);--ai-interaction-textarea-textarea-placeholder-color: var(--luzmo-font-color-extra-dimmed);--ai-interaction-textarea-button-container-text-align: right;--ai-interaction-textarea-button-padding: 0;--ai-interaction-textarea-button-min-width: 2rem;--ai-interaction-textarea-button-min-height: 1.875rem;--ai-interaction-textarea-button-border-radius: .5rem;--ai-interaction-textarea-button-font-size: 1rem;--ai-interaction-textarea-button-background-color: var(--luzmo-primary);--ai-interaction-textarea-button-background-color-hover: var(--luzmo-primary-hover);--ai-interaction-textarea-button-background-color-disabled: var(--luzmo-primary);--ai-interaction-textarea-button-color: var(--luzmo-primary-inverse-color)}";
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (t, o, r, l) => {
-  for (var n = l > 1 ? void 0 : l ? v(o, r) : o, c = t.length - 1, u; c >= 0; c--)
-    (u = t[c]) && (n = (l ? u(o, r, n) : u(n)) || n);
-  return l && n && f(o, r, n), n;
+const f = ":host{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--luzmo-ai-interaction-textarea-background-color, var(--ai-interaction-textarea-background-color));border:1px solid var(--luzmo-ai-interaction-textarea-border-color, var(--ai-interaction-textarea-border-color));border-radius:var(--luzmo-ai-interaction-textarea-border-radius, var(--ai-interaction-textarea-border-radius));padding:var(--luzmo-ai-interaction-textarea-padding, var(--ai-interaction-textarea-padding));gap:var(--luzmo-ai-interaction-textarea-gap, var(--ai-interaction-textarea-gap));font-family:var(--luzmo-ai-interaction-textarea-font-family, var(--ai-interaction-textarea-font-family));font-size:var(--luzmo-ai-interaction-textarea-font-size, var(--ai-interaction-textarea-font-size))}:host:has(textarea:focus){border-color:var(--luzmo-ai-interaction-textarea-focus-border-color, var(--ai-interaction-textarea-focus-border-color));box-shadow:var(--luzmo-ai-interaction-textarea-focus-box-shadow, var(--ai-interaction-textarea-focus-box-shadow))}:host .content-wrapper{display:flex;flex-direction:column;gap:var(--luzmo-ai-interaction-textarea-gap, var(--ai-interaction-textarea-gap))}:host .content-wrapper.single-line{flex-direction:row;align-items:center}:host .content-wrapper.single-line textarea{flex:1;min-height:auto}:host .content-wrapper.single-line .button-container{align-self:flex-end}:host .content-wrapper.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host textarea{background-color:var(--luzmo-ai-interaction-textarea-textarea-background, var(--ai-interaction-textarea-textarea-background));border:none;resize:none;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;vertical-align:middle;padding:0;min-height:var(--luzmo-ai-interaction-textarea-textarea-min-height, var(--ai-interaction-textarea-textarea-min-height, 3rem));color:var(--luzmo-ai-interaction-textarea-textarea-color, var(--ai-interaction-textarea-textarea-color));font-family:var(--luzmo-ai-interaction-textarea-font-family, var(--ai-interaction-textarea-font-family));font-size:var(--luzmo-ai-interaction-textarea-font-size, var(--ai-interaction-textarea-font-size));line-height:1.5}:host textarea::placeholder{color:var(--luzmo-ai-interaction-textarea-textarea-placeholder-color, var(--ai-interaction-textarea-textarea-placeholder-color))}:host .button-container{text-align:var(--luzmo-ai-interaction-textarea-button-container-text-align, var(--ai-interaction-textarea-button-container-text-align))}:host .button-container button{padding:var(--luzmo-ai-interaction-textarea-button-padding, var(--ai-interaction-textarea-button-padding));min-width:var(--luzmo-ai-interaction-textarea-button-min-width, var(--ai-interaction-textarea-button-min-width));min-height:var(--luzmo-ai-interaction-textarea-button-min-height, var(--ai-interaction-textarea-button-min-height));border:none;border-radius:var(--luzmo-ai-interaction-textarea-button-border-radius, var(--ai-interaction-textarea-button-border-radius));font-size:var(--luzmo-ai-interaction-textarea-button-font-size, var(--ai-interaction-textarea-button-font-size));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}:host .button-container button:disabled{opacity:.6;cursor:not-allowed}:host .button-container button.disabled{opacity:.6;cursor:not-allowed}:host .button-container button svg{display:flex;align-items:center;justify-content:center}:host .button-container button svg.spin{animation:spin 1s linear infinite}:host .button-container button.btn-primary{background-color:var(--luzmo-ai-interaction-textarea-button-background-color, var(--ai-interaction-textarea-button-background-color));color:var(--luzmo-ai-interaction-textarea-button-color, var(--ai-interaction-textarea-button-color))}:host .button-container button.btn-primary:hover:not(:disabled):not(.disabled){background-color:var(--luzmo-ai-interaction-textarea-button-background-color-hover, var(--ai-interaction-textarea-button-background-color-hover))}:host .button-container button.btn-primary:disabled,:host .button-container button.btn-primary.disabled{background-color:var(--luzmo-ai-interaction-textarea-button-background-color-disabled, var(--ai-interaction-textarea-button-background-color-disabled));opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}:host{--ai-interaction-textarea-background-color: var(--luzmo-background-color-alt-2);--ai-interaction-textarea-border-color: var(--luzmo-border-color);--ai-interaction-textarea-border-radius: .5rem;--ai-interaction-textarea-padding: .75rem;--ai-interaction-textarea-gap: 1rem;--ai-interaction-textarea-focus-border-color: var(--luzmo-primary);--ai-interaction-textarea-focus-box-shadow: 0 0 1rem 0 var(--luzmo-primary-50);--ai-interaction-textarea-font-family: var(--luzmo-font-family);--ai-interaction-textarea-font-size: .875rem;--ai-interaction-textarea-textarea-background: transparent;--ai-interaction-textarea-textarea-color: var(--luzmo-font-color);--ai-interaction-textarea-textarea-placeholder-color: var(--luzmo-font-color-extra-dimmed);--ai-interaction-textarea-textarea-min-height: 3rem;--ai-interaction-textarea-button-container-text-align: right;--ai-interaction-textarea-button-padding: 0;--ai-interaction-textarea-button-min-width: 2rem;--ai-interaction-textarea-button-min-height: 1.875rem;--ai-interaction-textarea-button-border-radius: .5rem;--ai-interaction-textarea-button-font-size: 1rem;--ai-interaction-textarea-button-background-color: var(--luzmo-primary);--ai-interaction-textarea-button-background-color-hover: var(--luzmo-primary-hover);--ai-interaction-textarea-button-background-color-disabled: var(--luzmo-primary);--ai-interaction-textarea-button-color: var(--luzmo-primary-inverse-color)}";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (t, e, i, l) => {
+  for (var n = l > 1 ? void 0 : l ? y(e, i) : e, s = t.length - 1, c; s >= 0; s--)
+    (c = t[s]) && (n = (l ? c(e, i, n) : c(n)) || n);
+  return l && n && v(e, i, n), n;
 };
-let e = class extends h {
+let o = class extends z {
   constructor() {
-    super(...arguments), 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._promptValue = "", this._isPromptValid = !1;
+    super(...arguments), 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.isGenerating = !1, this.value = "", this._promptValue = "", this._isPromptValid = !1;
   }
   get _buttonDisabled() {
-    return this.disabled || this.selectedDatasets.length === 0 || !this._isPromptValid;
+    return this.hideDatasetButton ? this.disabled || !this._isPromptValid : this.disabled || this.selectedDatasets.length === 0 || !this._isPromptValid;
   }
   _autoResizeTextarea(t) {
-    t.style.height = "auto";
-    const o = 2 * 1.5 * 16, r = 8 * 1.5 * 16, l = Math.max(o, Math.min(t.scrollHeight, r));
-    t.style.height = `${l}px`;
+    if (t.style.height = "auto", this.singleLine) {
+      const i = Number.parseFloat(getComputedStyle(t).fontSize) || 14, l = 1.5 * i, n = 8 * 1.5 * i, s = Math.max(l, Math.min(t.scrollHeight, n));
+      t.style.height = `${s}px`;
+    } else {
+      const l = Math.max(48, Math.min(t.scrollHeight, 192));
+      t.style.height = `${l}px`;
+    }
   }
   _handlePromptInput(t) {
-    const o = t.target;
-    this._promptValue = o.value, this._isPromptValid = o.value.trim().length > 0, this._autoResizeTextarea(o), o.scrollTo({ top: o.scrollHeight });
+    const e = t.target;
+    this._promptValue = e.value, this._isPromptValid = e.value.trim().length > 0, this._autoResizeTextarea(e), e.scrollTo({ top: e.scrollHeight });
   }
   _handleKeyDown(t) {
     t.key === "Enter" && !t.shiftKey && (t.preventDefault(), this._submitPrompt());
@@ -70,36 +74,44 @@ let e = class extends h {
     );
   }
   _handleDatasetSelected(t) {
-    const o = t.detail;
-    this.selectedDatasets.some((r) => r.id === o.id) || (this.selectedDatasets = [...this.selectedDatasets, o]);
+    const e = t.detail;
+    this.selectedDatasets.some((i) => i.id === e.id) || (this.selectedDatasets = [...this.selectedDatasets, e]);
   }
   _handleDatasetRemoved(t) {
-    const o = t.detail;
-    this.selectedDatasets = this.selectedDatasets.filter((r) => r.id !== o.id);
+    const e = t.detail;
+    this.selectedDatasets = this.selectedDatasets.filter((i) => i.id !== e.id);
+  }
+  willUpdate(t) {
+    t.has("value") && (this._promptValue = this.value, this._isPromptValid = this.value.trim().length > 0, requestAnimationFrame(() => {
+      const e = this.shadowRoot?.querySelector("textarea");
+      e && this._autoResizeTextarea(e);
+    }));
   }
   firstUpdated() {
-    var o;
-    const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector("textarea");
+    const t = this.shadowRoot?.querySelector("textarea");
     t && this._autoResizeTextarea(t);
   }
   render() {
     const t = {
       "content-wrapper": !0,
-      disabled: this.disabled
+      disabled: this.disabled,
+      "single-line": this.singleLine
     };
-    return z`
+    return d`
       <div class=${x(t)}>
-        <luzmo-dataset-selector-row
-          .selectedDatasets=${this.selectedDatasets}
-          auth-key=${this.authKey}
-          auth-token=${this.authToken}
-          api-url=${this.apiUrl}
-          app-server=${this.appServer}
-          ?flag-opendata=${this.flagOpendata}
-          ?disabled=${this.disabled}
-          @dataset-selected=${this._handleDatasetSelected}
-          @dataset-removed=${this._handleDatasetRemoved}
-        ></luzmo-dataset-selector-row>
+        ${this.hideDatasetButton ? "" : d`
+          <luzmo-dataset-selector-row
+            .selectedDatasets=${this.selectedDatasets}
+            auth-key=${this.authKey}
+            auth-token=${this.authToken}
+            api-url=${this.apiUrl}
+            app-server=${this.appServer}
+            ?flag-opendata=${this.flagOpendata}
+            ?disabled=${this.disabled}
+            @dataset-selected=${this._handleDatasetSelected}
+            @dataset-removed=${this._handleDatasetRemoved}
+          ></luzmo-dataset-selector-row>
+        `}
 
         <textarea
           ?autofocus=${!this.disabled}
@@ -108,7 +120,7 @@ let e = class extends h {
           .value=${this._promptValue}
           @input=${this._handlePromptInput}
           @keydown=${this._handleKeyDown}
-          rows="2"
+          rows=${this.singleLine ? "1" : "2"}
         ></textarea>
 
         <div class="button-container">
@@ -117,49 +129,61 @@ let e = class extends h {
             ?disabled=${this._buttonDisabled}
             @click=${this._submitPrompt}
           >
-            ${m(b)}
+            ${this.isGenerating ? u(h, { className: "spin" }) : u(b)}
           </button>
         </div>
       </div>
     `;
   }
 };
-e.styles = p(g);
-e.tagName = "luzmo-ai-interaction-textarea";
+o.styles = g(f);
+o.tagName = "luzmo-ai-interaction-textarea";
+a([
+  r({ type: String })
+], o.prototype, "placeholder", 2);
+a([
+  r({ type: Array })
+], o.prototype, "selectedDatasets", 2);
+a([
+  r({ type: String, attribute: "auth-key" })
+], o.prototype, "authKey", 2);
+a([
+  r({ type: String, attribute: "auth-token" })
+], o.prototype, "authToken", 2);
 a([
-  i({ type: String })
-], e.prototype, "placeholder", 2);
+  r({ type: String, attribute: "api-url" })
+], o.prototype, "apiUrl", 2);
 a([
-  i({ type: Array })
-], e.prototype, "selectedDatasets", 2);
+  r({ type: String, attribute: "app-server" })
+], o.prototype, "appServer", 2);
 a([
-  i({ type: String, attribute: "auth-key" })
-], e.prototype, "authKey", 2);
+  r({ type: Boolean, attribute: "flag-opendata" })
+], o.prototype, "flagOpendata", 2);
 a([
-  i({ type: String, attribute: "auth-token" })
-], e.prototype, "authToken", 2);
+  r({ type: Boolean, reflect: !0, attribute: "disabled" })
+], o.prototype, "disabled", 2);
 a([
-  i({ type: String, attribute: "api-url" })
-], e.prototype, "apiUrl", 2);
+  r({ type: Boolean, attribute: "single-line" })
+], o.prototype, "singleLine", 2);
 a([
-  i({ type: String, attribute: "app-server" })
-], e.prototype, "appServer", 2);
+  r({ type: Boolean, attribute: "hide-dataset-button" })
+], o.prototype, "hideDatasetButton", 2);
 a([
-  i({ type: Boolean, attribute: "flag-opendata" })
-], e.prototype, "flagOpendata", 2);
+  r({ type: Boolean, attribute: "is-generating" })
+], o.prototype, "isGenerating", 2);
 a([
-  i({ type: Boolean, reflect: !0, attribute: "disabled" })
-], e.prototype, "disabled", 2);
+  r({ type: String })
+], o.prototype, "value", 2);
 a([
-  s()
-], e.prototype, "_promptValue", 2);
+  m()
+], o.prototype, "_promptValue", 2);
 a([
-  s()
-], e.prototype, "_isPromptValid", 2);
-e = a([
-  d()
-], e);
-customElements.get("luzmo-ai-interaction-textarea") || customElements.define("luzmo-ai-interaction-textarea", e);
+  m()
+], o.prototype, "_isPromptValid", 2);
+o = a([
+  p()
+], o);
+customElements.get("luzmo-ai-interaction-textarea") || customElements.define("luzmo-ai-interaction-textarea", o);
 export {
-  e as LuzmoAiInteractionTextarea
+  o as LuzmoAiInteractionTextarea
 };

package/components/area-chart-options.config-Bl8bhhOo.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 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.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./helpers-9I0oLoUB.cjs"),l=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(t=>t?.name==="legend")?.content?.length>0||e?.find(t=>t?.name==="measure")?.content?.length>1:!1,i=({slots:e})=>Array.isArray(e)&&e?.length>0?!(e?.find(t=>t?.name==="legend")?.content?.length>0)&&e?.find(t=>t?.name==="measure")?.content?.length<=1:!0,r=({slots:e})=>Array.isArray(e)&&e?.find(t=>t?.name==="x-axis")?.content?.[0]?.type==="datetime",o=({options:e,slots:t})=>Array.isArray(t)&&t?.find(a=>a?.name==="x-axis")?.content?.[0]?.type==="datetime"&&e?.missingValue?.type==="manual",c=[{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:l},{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:l},{key:"display.modeOption",control:{label:"Mode option",type:"switch",default:!0},visibleIf:l},{key:"missingValue.type",control:{label:"Fill missing values",type:"picker",default:"no",enum:["no","break","manual"]},visibleIf:r},{key:"missingValue.value",control:{label:"Value",type:"number-field",default:"no",min:1},visibleIf:o},{key:"color",control:{label:"Area color",type:"color-picker",default:({theme:e})=>n.getThemeMainColor(e),extraLabel:({options:e,theme:t})=>n.getThemeMainColorResetLabel(e,t,"color"),extraLabelHasClickAction:({options:e,theme:t})=>n.getThemeMainColorExtraLabelHasClickAction(e,t,"color"),extraLabelClickAction:({options:e,theme:t})=>n.getThemeMainColorExtraLabelClickAction(e,t,"color")},visibleIf:i}]},{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"]}}],visibleIf:l}];exports.default=c;

package/components/{area-chart-options.config-_J0sG4NF.js → area-chart-options.config-u8itidsi.js}

@@ -17,20 +17,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as c, a as u, b as d, c as p } from "./helpers-v1bPALRP.js";
-const l = ({ slots: e }) => {
-  var a, i, r, t;
-  return Array.isArray(e) && (e == null ? void 0 : e.length) > 0 ? ((i = (a = e == null ? void 0 : e.find((n) => (n == null ? void 0 : n.name) === "legend")) == null ? void 0 : a.content) == null ? void 0 : i.length) > 0 || ((t = (r = e == null ? void 0 : e.find((n) => (n == null ? void 0 : n.name) === "measure")) == null ? void 0 : r.content) == null ? void 0 : t.length) > 1 : !1;
-}, y = ({ slots: e }) => {
-  var a, i, r, t;
-  return Array.isArray(e) && (e == null ? void 0 : e.length) > 0 ? !(((i = (a = e == null ? void 0 : e.find((n) => (n == null ? void 0 : n.name) === "legend")) == null ? void 0 : a.content) == null ? void 0 : i.length) > 0) && ((t = (r = e == null ? void 0 : e.find((n) => (n == null ? void 0 : n.name) === "measure")) == null ? void 0 : r.content) == null ? void 0 : t.length) <= 1 : !0;
-}, m = ({ slots: e }) => {
-  var a, i, r;
-  return Array.isArray(e) && ((r = (i = (a = e == null ? void 0 : e.find((t) => (t == null ? void 0 : t.name) === "x-axis")) == null ? void 0 : a.content) == null ? void 0 : i[0]) == null ? void 0 : r.type) === "datetime";
-}, f = ({ options: e, slots: a }) => {
-  var i, r, t, n;
-  return Array.isArray(a) && ((t = (r = (i = a == null ? void 0 : a.find((o) => (o == null ? void 0 : o.name) === "x-axis")) == null ? void 0 : i.content) == null ? void 0 : r[0]) == null ? void 0 : t.type) === "datetime" && ((n = e == null ? void 0 : e.missingValue) == null ? void 0 : n.type) === "manual";
-}, b = [
+import { g as l, a as i, b as o, c as r } from "./helpers-bR8Ibjqh.js";
+const n = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? e?.find((t) => t?.name === "legend")?.content?.length > 0 || e?.find((t) => t?.name === "measure")?.content?.length > 1 : !1, c = ({ slots: e }) => Array.isArray(e) && e?.length > 0 ? !(e?.find((t) => t?.name === "legend")?.content?.length > 0) && e?.find((t) => t?.name === "measure")?.content?.length <= 1 : !0, s = ({ slots: e }) => Array.isArray(e) && e?.find((t) => t?.name === "x-axis")?.content?.[0]?.type === "datetime", p = ({ options: e, slots: t }) => Array.isArray(t) && t?.find((a) => a?.name === "x-axis")?.content?.[0]?.type === "datetime" && e?.missingValue?.type === "manual", d = [
   {
     key: "general",
     type: "group",
@@ -55,7 +43,7 @@ const l = ({ slots: e }) => {
           default: "stacked",
           enum: ["100", "unstacked", "stacked", "stream"]
         },
-        visibleIf: l
+        visibleIf: n
       },
       {
         key: "interpolation",
@@ -73,7 +61,7 @@ const l = ({ slots: e }) => {
           type: "switch",
           default: !0
         },
-        visibleIf: l
+        visibleIf: n
       },
       {
         key: "display.modeOption",
@@ -82,7 +70,7 @@ const l = ({ slots: e }) => {
           type: "switch",
           default: !0
         },
-        visibleIf: l
+        visibleIf: n
       },
       {
         key: "missingValue.type",
@@ -92,7 +80,7 @@ const l = ({ slots: e }) => {
           default: "no",
           enum: ["no", "break", "manual"]
         },
-        visibleIf: m
+        visibleIf: s
       },
       {
         key: "missingValue.value",
@@ -102,19 +90,19 @@ const l = ({ slots: e }) => {
           default: "no",
           min: 1
         },
-        visibleIf: f
+        visibleIf: p
       },
       {
         key: "color",
         control: {
           label: "Area color",
           type: "color-picker",
-          default: ({ theme: e }) => p(e),
-          extraLabel: ({ options: e, theme: a }) => d(e, a, "color"),
-          extraLabelHasClickAction: ({ options: e, theme: a }) => u(e, a, "color"),
-          extraLabelClickAction: ({ options: e, theme: a }) => c(e, a, "color")
+          default: ({ theme: e }) => r(e),
+          extraLabel: ({ options: e, theme: t }) => o(e, t, "color"),
+          extraLabelHasClickAction: ({ options: e, theme: t }) => i(e, t, "color"),
+          extraLabelClickAction: ({ options: e, theme: t }) => l(e, t, "color")
         },
-        visibleIf: y
+        visibleIf: c
       }
     ]
   },
@@ -142,9 +130,9 @@ const l = ({ slots: e }) => {
         }
       }
     ],
-    visibleIf: l
+    visibleIf: n
   }
 ];
 export {
-  b as default
+  d as default
 };

package/components/bar-chart-options.config-CePAqM83.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 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.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./helpers-9I0oLoUB.cjs"),r=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(t=>t?.name==="legend")?.content?.length>0||e?.find(t=>t?.name==="measure")?.content?.length>1:!1,o=({slots:e})=>Array.isArray(e)&&e?.length>0?e?.find(t=>t?.name==="legend")?.content?.length===0&&e?.find(t=>t?.name==="measure")?.content?.length<=1:!0,i=[{key:"general",type:"group",open:!0,children:[{key:"mode",control:{type:"picker",default:"grouped",enum:["grouped","stacked","100"]},visibleIf:r},{type:"divider",visibleIf:r},{key:"display.title",control:{type:"switch",default:!0}},{key:"display.legend",control:{type:"switch",default:!0},visibleIf:r},{key:"display.modeOption",control:{type:"switch",default:!1},visibleIf:r},{key:"bars.label",control:{type:"picker",default:"none",enum:["none","absolute","percentage","percentageLegend","percentageCategory","percentageMax"]}},{key:"categories.colored",control:{type:"switch",default:!1},visibleIf:o},{key:"bars.roundedCorners",control:{type:"slider",default:({theme:e})=>e?.itemSpecific?.rounding,min:0,max:20,step:1,extraLabel:({options:e,theme:t})=>{if(typeof t?.itemSpecific?.rounding=="number")return typeof e?.bars?.roundedCorners!="number"?"auto":"reset"},extraLabelHasClickAction:({options:e,theme:t})=>!(typeof t?.itemSpecific?.rounding!="number"||typeof e?.bars?.roundedCorners!="number"),extraLabelClickAction:({options:e})=>{const t={...e};return delete t?.bars?.roundedCorners,{value:null,options:t}}}},{key:"color",control:{type:"color-picker",label:"Bar color",default:({theme:e})=>n.getThemeMainColor(e),extraLabel:({options:e,theme:t})=>n.getThemeMainColorResetLabel(e,t,"color"),extraLabelHasClickAction:({options:e,theme:t})=>n.getThemeMainColorExtraLabelHasClickAction(e,t,"color"),extraLabelClickAction:({options:e,theme:t})=>n.getThemeMainColorExtraLabelClickAction(e,t,"color")},visibleIf:o}]},{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"]}}],visibleIf:r}];exports.default=i;