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

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

@@ -1,40 +1,41 @@
 import { LitElement, TemplateResult } from 'lit';
-import { Dataset } from '../../types';
+import type { Dataset } from '../../types/dataset.types';
 import '../dataset-selector-row';
 /**
- * @element luzmo-ai-interaction-textarea
+ * @customElement luzmo-ai-interaction-textarea
  * @summary A textarea component for AI interaction with dataset selection
  * @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)
+ * @property {boolean} disabled - When true, disables the entire component (opacity 60%, no interactions)
+ * @property {boolean} single-line - When true, starts in compact single-line mode and auto-expands as needed
+ * @property {boolean} hide-dataset-button - When true, hides the "+ Add dataset" button
+ * @property {boolean} is-generating - When true, shows a spinning loader icon instead of the submit arrow
+ * @property {string} value - The current value of the textarea (can be controlled from parent to clear or set text)
+ * @property {boolean} retain-on-submit - When true, retains the input value after submission (default: false, clears on submit)
  *
- * @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
- * @cssprop --ai-interaction-textarea-border-color - Border color of the component
- * @cssprop --ai-interaction-textarea-border-radius - Border radius of the component
- * @cssprop --ai-interaction-textarea-padding - Padding of the component
- * @cssprop --ai-interaction-textarea-gap - Gap between elements
- * @cssprop --ai-interaction-textarea-font-family - Font family of the component
- * @cssprop --ai-interaction-textarea-font-size - Font size of the component
- * @cssprop --ai-interaction-textarea-focus-border-color - Border color when focused
- * @cssprop --ai-interaction-textarea-focus-box-shadow - Box shadow when focused
- * @cssprop --ai-interaction-textarea-textarea-background - Background color of the textarea
- * @cssprop --ai-interaction-textarea-textarea-color - Text color of the textarea
- * @cssprop --ai-interaction-textarea-textarea-placeholder-color - Placeholder color of the textarea
- * @cssprop --ai-interaction-textarea-button-container-text-align - Text alignment of the button container
- * @cssprop --ai-interaction-textarea-button-padding - Padding of the submit button
- * @cssprop --ai-interaction-textarea-button-min-width - Minimum width of the submit button
- * @cssprop --ai-interaction-textarea-button-min-height - Minimum height of the submit button
- * @cssprop --ai-interaction-textarea-button-border-radius - Border radius of the submit button
- * @cssprop --ai-interaction-textarea-button-font-size - Font size of the submit button
- * @cssprop --ai-interaction-textarea-button-background-color - Background color of the button
- * @cssprop --ai-interaction-textarea-button-background-color-hover - Background color of the button on hover
- * @cssprop --ai-interaction-textarea-button-background-color-disabled - Background color of the button when disabled
- * @cssprop --ai-interaction-textarea-button-color - Text color of the button
+ * @property {string} --luzmo-ai-interaction-textarea-background-color - Override for background color of the component (client customization)
+ * @property {string} --ai-interaction-textarea-background-color - Background color of the component
+ * @property {string} --ai-interaction-textarea-border-color - Border color of the component
+ * @property {string} --ai-interaction-textarea-border-radius - Border radius of the component
+ * @property {string} --ai-interaction-textarea-padding - Padding of the component
+ * @property {string} --ai-interaction-textarea-gap - Gap between elements
+ * @property {string} --ai-interaction-textarea-font-family - Font family of the component
+ * @property {string} --ai-interaction-textarea-font-size - Font size of the component
+ * @property {string} --ai-interaction-textarea-focus-border-color - Border color when focused
+ * @property {string} --ai-interaction-textarea-focus-box-shadow - Box shadow when focused
+ * @property {string} --ai-interaction-textarea-textarea-background - Background color of the textarea
+ * @property {string} --ai-interaction-textarea-textarea-color - Text color of the textarea
+ * @property {string} --ai-interaction-textarea-textarea-placeholder-color - Placeholder color of the textarea
+ * @property {string} --ai-interaction-textarea-button-container-text-align - Text alignment of the button container
+ * @property {string} --ai-interaction-textarea-button-padding - Padding of the submit button
+ * @property {string} --ai-interaction-textarea-button-min-width - Minimum width of the submit button
+ * @property {string} --ai-interaction-textarea-button-min-height - Minimum height of the submit button
+ * @property {string} --ai-interaction-textarea-button-border-radius - Border radius of the submit button
+ * @property {string} --ai-interaction-textarea-button-font-size - Font size of the submit button
+ * @property {string} --ai-interaction-textarea-button-background-color - Background color of the button
+ * @property {string} --ai-interaction-textarea-button-background-color-hover - Background color of the button on hover
+ * @property {string} --ai-interaction-textarea-button-background-color-disabled - Background color of the button when disabled
+ * @property {string} --ai-interaction-textarea-button-color - Text color of the button
  */
 export declare class LuzmoAiInteractionTextarea extends LitElement {
     static styles: import("lit").CSSResult;
@@ -89,6 +90,11 @@ export declare class LuzmoAiInteractionTextarea extends LitElement {
      * The current value of the textarea (controlled from parent)
      */
     value: string;
+    /**
+     * When true, retains the input value after submitting a prompt (default: false)
+     * When false (default), clears the textarea value after submission
+     */
+    retainOnSubmit: boolean;
     private _promptValue;
     private _isPromptValid;
     private get _buttonDisabled();

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

@@ -1,6 +1,6 @@
 /*! * A kit of modern Luzmo Web Components for analytics in your web application.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 Luzmo
  * All rights reserved.
  * Luzmo web components (“Luzmo Web Components”)
  * must be used according to the Luzmo Terms of Service.
@@ -17,40 +17,4 @@
  * 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"),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)}>
-        ${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}
-          ?disabled=${this.disabled}
-          .placeholder=${this.placeholder}
-          .value=${this._promptValue}
-          @input=${this._handlePromptInput}
-          @keydown=${this._handleKeyDown}
-          rows=${this.singleLine?"1":"2"}
-        ></textarea>
-
-        <div class="button-container">
-          <button
-            class="btn btn-primary"
-            ?disabled=${this._buttonDisabled}
-            @click=${this._submitPrompt}
-          >
-            ${this.isGenerating?l.luzmoIcon(l.luzmoSpin,{className:"spin"}):l.luzmoIcon(l.luzmoArrowRight)}
-          </button>
-        </div>
-      </div>
-    `}};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);
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-D5e2qb1S.cjs`),require(`../dataset-icon-C0cID-ra.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-BAVVjwhm.cjs`),require(`../dataset-selector-row-DYtnQ3pl.cjs`);const e=require(`../ai-interaction-textarea--nS2Fx9t.cjs`);Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return e.t}});

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

@@ -1,6 +1,6 @@
 /*! * A kit of modern Luzmo Web Components for analytics in your web application.
  * 
- * Copyright © 2025 Luzmo
+ * Copyright © 2026 Luzmo
  * All rights reserved.
  * Luzmo web components (“Luzmo Web Components”)
  * must be used according to the Luzmo Terms of Service.
@@ -17,173 +17,16 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-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 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);
-  }
+	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+		let e = document.createElement("style");
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: 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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #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 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 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.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, 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 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 d`
-      <div class=${x(t)}>
-        ${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}
-          ?disabled=${this.disabled}
-          .placeholder=${this.placeholder}
-          .value=${this._promptValue}
-          @input=${this._handlePromptInput}
-          @keydown=${this._handleKeyDown}
-          rows=${this.singleLine ? "1" : "2"}
-        ></textarea>
-
-        <div class="button-container">
-          <button
-            class="btn btn-primary"
-            ?disabled=${this._buttonDisabled}
-            @click=${this._submitPrompt}
-          >
-            ${this.isGenerating ? u(h, { className: "spin" }) : u(b)}
-          </button>
-        </div>
-      </div>
-    `;
-  }
-};
-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([
-  r({ type: String, attribute: "api-url" })
-], o.prototype, "apiUrl", 2);
-a([
-  r({ type: String, attribute: "app-server" })
-], o.prototype, "appServer", 2);
-a([
-  r({ type: Boolean, attribute: "flag-opendata" })
-], o.prototype, "flagOpendata", 2);
-a([
-  r({ type: Boolean, reflect: !0, attribute: "disabled" })
-], o.prototype, "disabled", 2);
-a([
-  r({ type: Boolean, attribute: "single-line" })
-], o.prototype, "singleLine", 2);
-a([
-  r({ type: Boolean, attribute: "hide-dataset-button" })
-], o.prototype, "hideDatasetButton", 2);
-a([
-  r({ type: Boolean, attribute: "is-generating" })
-], o.prototype, "isGenerating", 2);
-a([
-  r({ type: String })
-], o.prototype, "value", 2);
-a([
-  m()
-], o.prototype, "_promptValue", 2);
-a([
-  m()
-], o.prototype, "_isPromptValid", 2);
-o = a([
-  p()
-], o);
-customElements.get("luzmo-ai-interaction-textarea") || customElements.define("luzmo-ai-interaction-textarea", o);
-export {
-  o as LuzmoAiInteractionTextarea
-};
+import "../set-locale-DcalLjdU.js";
+import "../dataset-icon-DhF21dXC.js";
+import "../data-broker-cLR-t5LM.js";
+import "../dataset-selector-list-DRFMR_p_.js";
+import "../dataset-selector-row-DWG_fdC-.js";
+import { t as LuzmoAiInteractionTextarea } from "../ai-interaction-textarea-CjBbcYSp.js";
+export { LuzmoAiInteractionTextarea };

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

@@ -0,0 +1,62 @@
+/*! * 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(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`);let n=require(`@luzmo/icons`),r=require(`lit`),i=require(`lit/decorators.js`),a=require(`@lit/localize`),o=require(`lit/directives/class-map.js`);var s=`:host{box-sizing:border-box;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));flex-direction:column;display:flex}: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,:host form.content-wrapper{gap:var(--luzmo-ai-interaction-textarea-gap,var(--ai-interaction-textarea-gap));flex-direction:column;display:flex}:host .content-wrapper.single-line,:host form.content-wrapper.single-line{flex-direction:row;align-items:center}:host .content-wrapper.single-line textarea,:host form.content-wrapper.single-line textarea{flex:1;min-height:auto}:host .content-wrapper.single-line .button-container,:host form.content-wrapper.single-line .button-container{align-self:flex-end}:host .content-wrapper.disabled,:host form.content-wrapper.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *,:host form.content-wrapper.disabled *{pointer-events:none}:host textarea{background-color:var(--luzmo-ai-interaction-textarea-textarea-background,var(--ai-interaction-textarea-textarea-background));resize:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;vertical-align:middle;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));border:none;outline:none;padding:0;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-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;border:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}:host .button-container button:disabled,:host .button-container button.disabled{opacity:.6;cursor:not-allowed}:host .button-container button svg{justify-content:center;align-items:center;display:flex}:host .button-container button svg.spin{animation:1s linear infinite spin}: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)}}@media (prefers-reduced-motion:reduce){:host .button-container button{transition:none}:host .button-container button svg.spin{animation:none}}: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 rgba(var(--luzmo-primary-rgb),.2);--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)}`,c=class extends r.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.flagOpendata=!1,this.disabled=!1,this.singleLine=!1,this.hideDatasetButton=!1,this.isGenerating=!1,this.value=``,this.retainOnSubmit=!1,this._promptValue=``,this._isPromptValid=!1}static{this.styles=(0,r.unsafeCSS)(s)}static{this.tagName=`luzmo-ai-interaction-textarea`}get _buttonDisabled(){return this.hideDatasetButton?this.disabled||!this._isPromptValid:this.disabled||this.selectedDatasets.length===0||!this._isPromptValid}_autoResizeTextarea(e){if(e.style.height=`auto`,this.singleLine){let t=1.5,n=Number.parseFloat(getComputedStyle(e).fontSize)||14,r=t*n,i=8*t*n,a=Math.max(r,Math.min(e.scrollHeight,i));e.style.height=`${a}px`}else{let t=Math.max(2*1.5*16,Math.min(e.scrollHeight,8*1.5*16));e.style.height=`${t}px`}}_handlePromptInput(e){let t=e.target;this._promptValue=t.value,this._isPromptValid=t.value.trim().length>0,this._autoResizeTextarea(t),t.scrollTo({top:t.scrollHeight})}_handleKeyDown(e){e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),this._submitPrompt())}_submitPrompt(){if(this._buttonDisabled)return;let e=this._promptValue.trim();this.dispatchEvent(new CustomEvent(`prompt-submitted`,{detail:{prompt:e,selectedDatasets:this.selectedDatasets},bubbles:!0,composed:!0})),this.retainOnSubmit||(this._promptValue=``,this._isPromptValid=!1),requestAnimationFrame(()=>{let e=this.shadowRoot?.querySelector(`textarea`);e&&this._autoResizeTextarea(e)})}_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)}willUpdate(e){e.has(`value`)&&(this._promptValue=this.value,this._isPromptValid=this.value.trim().length>0,requestAnimationFrame(()=>{let e=this.shadowRoot?.querySelector(`textarea`);e&&this._autoResizeTextarea(e)}))}firstUpdated(){let e=this.shadowRoot?.querySelector(`textarea`);e&&this._autoResizeTextarea(e)}render(){return r.html`
+      <form
+        class=${(0,o.classMap)({"content-wrapper":!0,disabled:this.disabled,"single-line":this.singleLine})}
+        aria-busy=${this.isGenerating?`true`:`false`}
+        @submit=${e=>{e.preventDefault(),this._submitPrompt()}}
+      >
+        ${this.hideDatasetButton?``:r.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}
+          ?disabled=${this.disabled}
+          .placeholder=${this.placeholder}
+          .value=${this._promptValue}
+          aria-label=${this.placeholder}
+          @input=${this._handlePromptInput}
+          @keydown=${this._handleKeyDown}
+          rows=${this.singleLine?`1`:`2`}
+        ></textarea>
+
+        <div class="button-container">
+          <button
+            type="submit"
+            class="btn btn-primary"
+            ?disabled=${this._buttonDisabled}
+            aria-label=${this.isGenerating?(0,a.msg)(`Generating...`,{desc:`Aria label for submit button while generating`}):(0,a.msg)(`Submit prompt`,{desc:`Aria label for submit button`})}
+          >
+            ${this.isGenerating?(0,n.luzmoIcon)(n.luzmoSpin,{className:`spin`}):(0,n.luzmoIcon)(n.luzmoArrowRight)}
+          </button>
+        </div>
+      </form>
+    `}};t.t([(0,i.property)({type:String})],c.prototype,`placeholder`,void 0),t.t([(0,i.property)({type:Array})],c.prototype,`selectedDatasets`,void 0),t.t([(0,i.property)({type:String,attribute:`auth-key`})],c.prototype,`authKey`,void 0),t.t([(0,i.property)({type:String,attribute:`auth-token`})],c.prototype,`authToken`,void 0),t.t([(0,i.property)({type:String,attribute:`api-url`})],c.prototype,`apiUrl`,void 0),t.t([(0,i.property)({type:String,attribute:`app-server`})],c.prototype,`appServer`,void 0),t.t([(0,i.property)({type:Boolean,attribute:`flag-opendata`})],c.prototype,`flagOpendata`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`disabled`})],c.prototype,`disabled`,void 0),t.t([(0,i.property)({type:Boolean,attribute:`single-line`})],c.prototype,`singleLine`,void 0),t.t([(0,i.property)({type:Boolean,attribute:`hide-dataset-button`})],c.prototype,`hideDatasetButton`,void 0),t.t([(0,i.property)({type:Boolean,attribute:`is-generating`})],c.prototype,`isGenerating`,void 0),t.t([(0,i.property)({type:String})],c.prototype,`value`,void 0),t.t([(0,i.property)({type:Boolean,attribute:`retain-on-submit`})],c.prototype,`retainOnSubmit`,void 0),t.t([(0,i.state)()],c.prototype,`_promptValue`,void 0),t.t([(0,i.state)()],c.prototype,`_isPromptValid`,void 0),c=t.t([(0,a.localized)()],c),customElements.get(`luzmo-ai-interaction-textarea`)||customElements.define(`luzmo-ai-interaction-textarea`,c),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});