@luzmo/analytics-components-kit 1.0.1-alpha.140 → 1.0.1-alpha.141

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

@@ -11,6 +11,7 @@ import '../dataset-selector-row';
  * @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)
  *
  * @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
@@ -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

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-BdeJlo0u.cjs`),require(`../dataset-selector-row-CAlRVIk_.cjs`);const e=require(`../ai-interaction-textarea-DDVKMfTQ.cjs`);Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../dataset-icon-BbNgugDA.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../dataset-selector-list-BdeJlo0u.cjs`),require(`../dataset-selector-row-CAlRVIk_.cjs`);const e=require(`../ai-interaction-textarea-BGnQbDpJ.cjs`);Object.defineProperty(exports,`LuzmoAiInteractionTextarea`,{enumerable:!0,get:function(){return e.t}});

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

@@ -28,5 +28,5 @@ import "../dataset-icon-x6Q8nhYc.js";
 import "../data-broker-cLR-t5LM.js";
 import "../dataset-selector-list-DO_ExOrO.js";
 import "../dataset-selector-row-VsvdrVDf.js";
-import { t as LuzmoAiInteractionTextarea } from "../ai-interaction-textarea-ZDQPVgXC.js";
+import { t as LuzmoAiInteractionTextarea } from "../ai-interaction-textarea-EdWcPK0w.js";
 export { LuzmoAiInteractionTextarea };

package/components/{ai-interaction-textarea-DDVKMfTQ.cjs → ai-interaction-textarea-BGnQbDpJ.cjs}

@@ -17,7 +17,7 @@
  * 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(`lit`),r=require(`lit/decorators.js`),i=require(`@lit/localize`),a=require(`@luzmo/icons`),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{gap:var(--luzmo-ai-interaction-textarea-gap,var(--ai-interaction-textarea-gap));flex-direction:column;display:flex}: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));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)}}: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)}`,c=class extends n.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._promptValue=``,this._isPromptValid=!1}static{this.styles=(0,n.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._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 n.html`
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`);let n=require(`lit`),r=require(`lit/decorators.js`),i=require(`@lit/localize`),a=require(`@luzmo/icons`),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{gap:var(--luzmo-ai-interaction-textarea-gap,var(--ai-interaction-textarea-gap));flex-direction:column;display:flex}: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));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)}}: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)}`,c=class extends n.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,n.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 n.html`
       <div class=${(0,o.classMap)({"content-wrapper":!0,disabled:this.disabled,"single-line":this.singleLine})}>
         ${this.hideDatasetButton?``:n.html`
           <luzmo-dataset-selector-row
@@ -53,4 +53,4 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`);let
           </button>
         </div>
       </div>
-    `}};t.t([(0,r.property)({type:String})],c.prototype,`placeholder`,void 0),t.t([(0,r.property)({type:Array})],c.prototype,`selectedDatasets`,void 0),t.t([(0,r.property)({type:String,attribute:`auth-key`})],c.prototype,`authKey`,void 0),t.t([(0,r.property)({type:String,attribute:`auth-token`})],c.prototype,`authToken`,void 0),t.t([(0,r.property)({type:String,attribute:`api-url`})],c.prototype,`apiUrl`,void 0),t.t([(0,r.property)({type:String,attribute:`app-server`})],c.prototype,`appServer`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`flag-opendata`})],c.prototype,`flagOpendata`,void 0),t.t([(0,r.property)({type:Boolean,reflect:!0,attribute:`disabled`})],c.prototype,`disabled`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`single-line`})],c.prototype,`singleLine`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`hide-dataset-button`})],c.prototype,`hideDatasetButton`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`is-generating`})],c.prototype,`isGenerating`,void 0),t.t([(0,r.property)({type:String})],c.prototype,`value`,void 0),t.t([(0,r.state)()],c.prototype,`_promptValue`,void 0),t.t([(0,r.state)()],c.prototype,`_isPromptValid`,void 0),c=t.t([(0,i.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}});
+    `}};t.t([(0,r.property)({type:String})],c.prototype,`placeholder`,void 0),t.t([(0,r.property)({type:Array})],c.prototype,`selectedDatasets`,void 0),t.t([(0,r.property)({type:String,attribute:`auth-key`})],c.prototype,`authKey`,void 0),t.t([(0,r.property)({type:String,attribute:`auth-token`})],c.prototype,`authToken`,void 0),t.t([(0,r.property)({type:String,attribute:`api-url`})],c.prototype,`apiUrl`,void 0),t.t([(0,r.property)({type:String,attribute:`app-server`})],c.prototype,`appServer`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`flag-opendata`})],c.prototype,`flagOpendata`,void 0),t.t([(0,r.property)({type:Boolean,reflect:!0,attribute:`disabled`})],c.prototype,`disabled`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`single-line`})],c.prototype,`singleLine`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`hide-dataset-button`})],c.prototype,`hideDatasetButton`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`is-generating`})],c.prototype,`isGenerating`,void 0),t.t([(0,r.property)({type:String})],c.prototype,`value`,void 0),t.t([(0,r.property)({type:Boolean,attribute:`retain-on-submit`})],c.prototype,`retainOnSubmit`,void 0),t.t([(0,r.state)()],c.prototype,`_promptValue`,void 0),t.t([(0,r.state)()],c.prototype,`_isPromptValid`,void 0),c=t.t([(0,i.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}});

package/components/{ai-interaction-textarea-ZDQPVgXC.js → ai-interaction-textarea-EdWcPK0w.js}

@@ -25,7 +25,7 @@ import { luzmoArrowRight, luzmoIcon, luzmoSpin } from "@luzmo/icons";
 import { classMap } from "lit/directives/class-map.js";
 var ai_interaction_textarea_module_default = ":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{gap:var(--luzmo-ai-interaction-textarea-gap,var(--ai-interaction-textarea-gap));flex-direction:column;display:flex}: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));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)}}: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)}", LuzmoAiInteractionTextarea = class extends 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._promptValue = "", this._isPromptValid = !1;
+		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 = unsafeCSS(ai_interaction_textarea_module_default);
@@ -62,7 +62,7 @@ var ai_interaction_textarea_module_default = ":host{box-sizing:border-box;backgr
 			},
 			bubbles: !0,
 			composed: !0
-		})), this._promptValue = "", this._isPromptValid = !1, requestAnimationFrame(() => {
+		})), this.retainOnSubmit || (this._promptValue = "", this._isPromptValid = !1), requestAnimationFrame(() => {
 			let e = this.shadowRoot?.querySelector("textarea");
 			e && this._autoResizeTextarea(e);
 		});
@@ -157,5 +157,8 @@ __decorate([property({ type: String })], LuzmoAiInteractionTextarea.prototype, "
 })], LuzmoAiInteractionTextarea.prototype, "hideDatasetButton", void 0), __decorate([property({
 	type: Boolean,
 	attribute: "is-generating"
-})], LuzmoAiInteractionTextarea.prototype, "isGenerating", void 0), __decorate([property({ type: String })], LuzmoAiInteractionTextarea.prototype, "value", void 0), __decorate([state()], LuzmoAiInteractionTextarea.prototype, "_promptValue", void 0), __decorate([state()], LuzmoAiInteractionTextarea.prototype, "_isPromptValid", void 0), LuzmoAiInteractionTextarea = __decorate([localized()], LuzmoAiInteractionTextarea), customElements.get("luzmo-ai-interaction-textarea") || customElements.define("luzmo-ai-interaction-textarea", LuzmoAiInteractionTextarea);
+})], LuzmoAiInteractionTextarea.prototype, "isGenerating", void 0), __decorate([property({ type: String })], LuzmoAiInteractionTextarea.prototype, "value", void 0), __decorate([property({
+	type: Boolean,
+	attribute: "retain-on-submit"
+})], LuzmoAiInteractionTextarea.prototype, "retainOnSubmit", void 0), __decorate([state()], LuzmoAiInteractionTextarea.prototype, "_promptValue", void 0), __decorate([state()], LuzmoAiInteractionTextarea.prototype, "_isPromptValid", void 0), LuzmoAiInteractionTextarea = __decorate([localized()], LuzmoAiInteractionTextarea), customElements.get("luzmo-ai-interaction-textarea") || customElements.define("luzmo-ai-interaction-textarea", LuzmoAiInteractionTextarea);
 export { LuzmoAiInteractionTextarea as t };

package/components/grid/grid.d.ts

@@ -1,4 +1,5 @@
 import '@luzmo/embed';
+import type { ThemeConfig } from '@luzmo/dashboard-contents-types';
 import type { LuzmoEmbedVizItem } from '@luzmo/embed';
 import { Placement } from '@luzmo/lucero';
 import '@luzmo/lucero/action-button';
@@ -8,6 +9,7 @@ import { LuzmoElement } from '@luzmo/lucero/utils';
 import { GridStack } from 'gridstack';
 import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
 import './grid-item-actions-menu';
+import { type GridItemLookup } from './helpers/grid-item-management';
 import type { GridItemData, GridItemRenderer, InputActionGroup } from './types';
 /**
  * @customElement luzmo-grid
@@ -80,7 +82,7 @@ export declare class LuzmoGrid extends LuzmoElement {
     /**
      * Grid options configuration
      */
-    theme?: any;
+    theme?: ThemeConfig;
     /**
      * Items to add to the grid
      */
@@ -104,7 +106,6 @@ export declare class LuzmoGrid extends LuzmoElement {
     disconnectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues): void;
     protected updated(changedProperties: PropertyValues): void;
-    private _updateLuzmoVizItemsLanguage;
     private _handleMouseover;
     private _handleMouseout;
     private _handleKeyDown;
@@ -136,12 +137,7 @@ export declare class LuzmoGrid extends LuzmoElement {
     private _renderOverlayContent;
     private _createItemActionsMenuPopover;
     private _removeItemActionsMenuPopover;
-    private _updateThemeProperties;
-    getGridItemById(id: string): {
-        item: GridItemData;
-        element: HTMLElement;
-        luzmoElement?: LuzmoEmbedVizItem;
-    } | undefined;
+    getGridItemById(id: string): GridItemLookup | undefined;
     addGridItem(newItem: GridItemData): HTMLElement;
     removeGridItem(gridItem: GridItemData): void;
     removeGridItemById(id: string): void;
@@ -163,7 +159,6 @@ export declare class LuzmoGrid extends LuzmoElement {
      * @returns The number of items that were deactivated
      */
     deactivateItems(): number;
-    private _renderItem;
     private _renderGrid;
     protected render(): TemplateResult;
 }

package/components/grid/helpers/grid-effects.d.ts

@@ -0,0 +1 @@
+export declare const updateLuzmoVizItemsLanguage: (gridItemElements: NodeListOf<HTMLElement>, contentLanguage: string) => void;

package/components/grid/helpers/grid-events.d.ts

@@ -0,0 +1,50 @@
+import type { GridStack } from 'gridstack';
+import type { GridItemData } from '../types';
+export type GridItemActionType = 'toggle' | 'button';
+type GridLifecycleEventName = 'luzmo-grid-ready' | 'luzmo-grid-changed';
+export type DispatchItemActionEvent = (action: string, actionType: GridItemActionType, active: boolean, element: HTMLElement, itemId: string, item?: GridItemData, deletedId?: string, originalElement?: HTMLElement) => void;
+export interface GridItemActionEventDetail {
+    action: string;
+    actionType: GridItemActionType;
+    active: boolean;
+    items: GridItemData[];
+    element: HTMLElement;
+    id: string;
+    type?: GridItemData['type'];
+    slots?: GridItemData['slots'];
+    options?: GridItemData['options'];
+    filters: NonNullable<GridItemData['filters']>;
+    deletedId?: string;
+    originalElement?: HTMLElement;
+}
+export interface CreateGridItemActionDetailArgs {
+    action: string;
+    actionType: GridItemActionType;
+    active: boolean;
+    items: GridItemData[];
+    element: HTMLElement;
+    itemId: string;
+    item?: GridItemData;
+    deletedId?: string;
+    originalElement?: HTMLElement;
+}
+interface EventDispatcher {
+    dispatchEvent: (event: Event) => boolean;
+}
+interface DispatchGridItemActionEventArgs extends CreateGridItemActionDetailArgs {
+    target: EventDispatcher;
+}
+interface GridLifecycleEventDetail {
+    element: HTMLElement;
+    grid?: GridStack;
+    items: GridItemData[];
+}
+interface DispatchGridLifecycleEventArgs {
+    target: EventDispatcher;
+    eventName: GridLifecycleEventName;
+    detail: GridLifecycleEventDetail;
+}
+export declare const createGridItemActionDetail: ({ action, actionType, active, items, element, itemId, item, deletedId, originalElement }: CreateGridItemActionDetailArgs) => GridItemActionEventDetail;
+export declare const dispatchGridItemActionEvent: ({ target, action, actionType, active, items, element, itemId, item, deletedId, originalElement }: DispatchGridItemActionEventArgs) => void;
+export declare const dispatchGridLifecycleEvent: ({ target, eventName, detail }: DispatchGridLifecycleEventArgs) => void;
+export {};

package/components/grid/helpers/grid-interactions.d.ts

@@ -0,0 +1,91 @@
+import type { GridItemData } from '../types';
+import type { DispatchItemActionEvent } from './grid-events';
+import type { GridItemLookup } from './grid-item-management';
+export interface GridInteractionState {
+    activeItemElement?: HTMLElement;
+    activeItemActionToggle?: string;
+}
+interface ShouldRemovePopoverOnMouseoutArgs {
+    event: Event;
+    gridItem: HTMLElement;
+}
+interface ApplyGridItemFocusArgs {
+    event: FocusEvent;
+    focusedItemElement?: HTMLElement;
+    removeItemActionsMenuPopover: (item: HTMLElement) => void;
+}
+interface ClearGridItemFocusArgs {
+    event: FocusEvent;
+    focusedItemElement?: HTMLElement;
+    removeItemActionsMenuPopover: (item: HTMLElement) => void;
+}
+interface ClearGridItemFocusResult {
+    focusedItemElement?: HTMLElement;
+    shouldFocusGrid: boolean;
+}
+interface CleanupActiveGridItemArgs {
+    item: HTMLElement;
+    activeItemElement?: HTMLElement;
+    gridElement: HTMLElement;
+    removeItemActionsMenuPopover: (item: HTMLElement) => void;
+}
+interface HandleGridActionArgs {
+    event: CustomEvent;
+    gridElement: HTMLElement;
+    items: GridItemData[];
+    state: GridInteractionState;
+    cleanupActiveItem: (item: HTMLElement) => void;
+    dispatchItemActionEvent: DispatchItemActionEvent;
+    handleDeleteItem: (event: Event) => void;
+    handleCloneItem: (event: CustomEvent) => void;
+    createItemActionsMenuPopover: (element: HTMLElement, activeAction?: string) => void;
+}
+interface HandleGridClickArgs {
+    event: MouseEvent;
+    gridElement: HTMLElement;
+    hostElement: HTMLElement;
+    items: GridItemData[];
+    activeItemActionToggle?: string;
+    cleanupActiveItem: (item: HTMLElement) => void;
+    dispatchItemActionEvent: DispatchItemActionEvent;
+}
+interface TriggerGridItemActionArgs {
+    gridElement: HTMLElement;
+    items: GridItemData[];
+    gridItemData?: GridItemLookup;
+    itemId: string;
+    action: string;
+    options?: {
+        active?: boolean;
+    };
+    state: GridInteractionState;
+    cleanupActiveItem: (item: HTMLElement) => void;
+    dispatchItemActionEvent: DispatchItemActionEvent;
+    createItemActionsMenuPopover: (element: HTMLElement, activeAction?: string) => void;
+}
+export interface TriggerGridItemActionResult {
+    result: boolean | undefined;
+    state: GridInteractionState;
+}
+interface DeactivateGridItemsArgs {
+    gridElement: HTMLElement;
+    items: GridItemData[];
+    state: GridInteractionState;
+    cleanupActiveItem: (item: HTMLElement) => void;
+    dispatchItemActionEvent: DispatchItemActionEvent;
+}
+export interface DeactivateGridItemsResult {
+    deactivatedCount: number;
+    state: GridInteractionState;
+}
+export declare const getGridItemElementFromTarget: (target: EventTarget | null) => HTMLElement | undefined;
+export declare const shouldRemovePopoverOnMouseout: ({ event, gridItem }: ShouldRemovePopoverOnMouseoutArgs) => boolean;
+export declare const applyGridItemFocus: ({ event, focusedItemElement, removeItemActionsMenuPopover }: ApplyGridItemFocusArgs) => HTMLElement | undefined;
+export declare const clearGridItemFocus: ({ event, focusedItemElement, removeItemActionsMenuPopover }: ClearGridItemFocusArgs) => ClearGridItemFocusResult;
+export declare const resolveGridItemForDelete: (event: Event, fallback?: HTMLElement) => HTMLElement | undefined;
+export declare const cleanupActiveGridItem: ({ item, activeItemElement, gridElement, removeItemActionsMenuPopover }: CleanupActiveGridItemArgs) => HTMLElement | undefined;
+export declare const handleGridAction: ({ event, gridElement, items, state, cleanupActiveItem, dispatchItemActionEvent, handleDeleteItem, handleCloneItem, createItemActionsMenuPopover }: HandleGridActionArgs) => GridInteractionState;
+export declare const handleGridClick: ({ event, gridElement, hostElement, items, activeItemActionToggle, cleanupActiveItem, dispatchItemActionEvent }: HandleGridClickArgs) => GridInteractionState;
+export declare const triggerGridItemAction: ({ gridElement, items, gridItemData, itemId, action, options, state, cleanupActiveItem, dispatchItemActionEvent, createItemActionsMenuPopover }: TriggerGridItemActionArgs) => TriggerGridItemActionResult;
+export declare const deactivateGridItems: ({ gridElement, items, state, cleanupActiveItem, dispatchItemActionEvent }: DeactivateGridItemsArgs) => DeactivateGridItemsResult;
+export {};

package/components/grid/helpers/grid-item-management.d.ts

@@ -0,0 +1,45 @@
+import type { LuzmoEmbedVizItem } from '@luzmo/embed';
+import type { GridStack } from 'gridstack';
+import type { GridItemData } from '../types';
+import type { DispatchItemActionEvent } from './grid-events';
+export interface GridItemLookup {
+    item: GridItemData;
+    element: HTMLElement;
+    luzmoElement?: LuzmoEmbedVizItem;
+}
+interface AddGridItemArgs {
+    newItem: GridItemData;
+    gridElement: HTMLElement;
+    grid?: GridStack;
+    createId: () => string;
+}
+export interface AddGridItemResult {
+    item: GridItemData;
+    element: HTMLElement;
+}
+interface RemoveGridItemByIdArgs {
+    id: string;
+    grid?: GridStack;
+    items: GridItemData[];
+    getGridItemById: (id: string) => GridItemLookup | undefined;
+    removeItemActionsMenuPopover: (gridItem: HTMLElement) => void;
+    activeItemElement?: HTMLElement;
+    cleanupActiveItem: (item: HTMLElement) => void;
+}
+interface RemoveGridItemByIdResult {
+    activeItemElement?: HTMLElement;
+    focusedItemElement?: HTMLElement;
+}
+interface HandleCloneItemArgs {
+    event: CustomEvent;
+    hasGrid: boolean;
+    items: GridItemData[];
+    createId: () => string;
+    addGridItem: (newItem: GridItemData) => HTMLElement;
+    dispatchItemActionEvent: DispatchItemActionEvent;
+}
+export declare const mapGridItems: (items: GridItemData[], gridElement: HTMLElement) => GridItemLookup[];
+export declare const addGridItem: ({ newItem, gridElement, grid, createId }: AddGridItemArgs) => AddGridItemResult;
+export declare const removeGridItemById: ({ id, grid, items, getGridItemById, removeItemActionsMenuPopover, activeItemElement, cleanupActiveItem }: RemoveGridItemByIdArgs) => RemoveGridItemByIdResult;
+export declare const handleCloneItem: ({ event, hasGrid, items, createId, addGridItem: addGridItemToComponent, dispatchItemActionEvent }: HandleCloneItemArgs) => void;
+export {};

package/components/grid/helpers/grid-item-popover.d.ts

@@ -0,0 +1,15 @@
+import type { Placement } from '@luzmo/lucero';
+import { type TemplateResult } from 'lit';
+import type { GridItemData } from '../types';
+import type { GridItemLookup } from './grid-item-management';
+interface CreateItemActionsMenuPopoverArgs {
+    element: HTMLElement;
+    activeAction?: string;
+    getGridItemById: (id: string) => GridItemLookup | undefined;
+    placementItemActionsMenu: Placement;
+    renderOverlayContent: (item?: GridItemData, activeAction?: string) => TemplateResult;
+    removeItemActionsMenuPopover: (gridItem: HTMLElement) => void;
+}
+export declare const createItemActionsMenuPopover: ({ element, activeAction, getGridItemById, placementItemActionsMenu, renderOverlayContent, removeItemActionsMenuPopover }: CreateItemActionsMenuPopoverArgs) => void;
+export declare const removeItemActionsMenuPopover: (gridItem: HTMLElement) => void;
+export {};

package/components/grid/helpers/grid-items.d.ts

@@ -0,0 +1,9 @@
+import type { GridStackWidget } from 'gridstack';
+import type { GridItemData } from '../types';
+export declare const normalizeGridItems: (items: GridItemData[], createId: () => string) => void;
+export declare const ensureGridItemId: (item: GridItemData, createId: () => string) => string;
+export declare const buildGridWidgetOptions: (item: GridItemData | undefined, id?: string) => GridStackWidget;
+export declare const createGridItemFromInput: (newItem: GridItemData, id: string) => GridItemData;
+export declare const createOrphanGridItemElement: (itemId: string) => HTMLDivElement;
+export declare const readGridItemPosition: (gridItemElement: HTMLElement) => GridItemData["position"];
+export declare const findGridItemElementById: (elements: Iterable<HTMLElement>, id: string | undefined) => HTMLElement | undefined;

package/components/grid/helpers/grid-keyboard-updates.d.ts

@@ -0,0 +1,18 @@
+export type GridArrowKey = 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'ArrowDown';
+export interface GridKeyboardNode {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export type GridKeyboardUpdate = Partial<Pick<GridKeyboardNode, 'x' | 'y' | 'w' | 'h'>>;
+export interface GridKeyboardUpdateArgs {
+    key: GridArrowKey;
+    node: GridKeyboardNode;
+    maxColumns: number;
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+}
+export declare const isGridArrowKey: (key: string) => key is GridArrowKey;
+export declare const getGridKeyboardUpdate: ({ key, node, maxColumns, shiftKey, ctrlKey, metaKey }: GridKeyboardUpdateArgs) => GridKeyboardUpdate | undefined;

package/components/grid/helpers/grid-keydown-event.d.ts

@@ -0,0 +1,18 @@
+import type { GridStack } from 'gridstack';
+export interface HandleGridKeyDownArgs {
+    event: KeyboardEvent;
+    viewMode: boolean;
+    focusedItemElement?: HTMLElement;
+    activeItemElement?: HTMLElement;
+    gridElement: HTMLElement;
+    grid?: GridStack;
+    columns: number;
+    handleDeleteItem: (event: Event) => void;
+    removeItemActionsMenuPopover: (gridItem: HTMLElement) => void;
+    createItemActionsMenuPopover: (element: HTMLElement) => void;
+}
+export interface HandleGridKeyDownResult {
+    focusedItemElement?: HTMLElement;
+    activeItemElement?: HTMLElement;
+}
+export declare const handleGridKeyDown: ({ event, viewMode, focusedItemElement, activeItemElement, gridElement, grid, columns, handleDeleteItem, removeItemActionsMenuPopover, createItemActionsMenuPopover }: HandleGridKeyDownArgs) => HandleGridKeyDownResult;

package/components/grid/helpers/grid-popover-cleanup.d.ts

@@ -0,0 +1,4 @@
+type CleanupCallback = () => void;
+export declare const setPopoverCleanup: (element: HTMLElement, cleanup: CleanupCallback) => void;
+export declare const clearPopoverCleanup: (element: HTMLElement) => void;
+export {};

package/components/grid/helpers/grid-rendering.d.ts

@@ -0,0 +1,63 @@
+import { ThemeConfig } from '@luzmo/dashboard-contents-types';
+import type { Placement } from '@luzmo/lucero';
+import { type TemplateResult } from 'lit';
+import { repeat } from 'lit/directives/repeat.js';
+import type { GridItemData, InputActionGroup } from '../types';
+interface RenderOverlayContentArgs {
+    item?: GridItemData;
+    activeAction?: string;
+    defaultItemActionsMenu?: InputActionGroup[];
+    placementItemActionsMenu: Placement;
+    language: string;
+    handleAction: (event: CustomEvent) => void;
+}
+interface RenderGridItemArgs {
+    item: GridItemData;
+    index: number;
+    initialized: boolean;
+    viewMode: boolean;
+    contentLanguage: string;
+    fullTheme?: ThemeConfig;
+    appServer?: string;
+    apiHost?: string;
+    authKey?: string;
+    authToken?: string;
+    handleMouseover: (event: Event) => void;
+    handleMouseout: (event: Event) => void;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+}
+interface RenderGridItemsArgs {
+    items: GridItemData[];
+    initialized: boolean;
+    viewMode: boolean;
+    contentLanguage: string;
+    fullTheme?: ThemeConfig;
+    appServer?: string;
+    apiHost?: string;
+    authKey?: string;
+    authToken?: string;
+    renderItem: (item: GridItemData, index: number) => TemplateResult;
+}
+interface RenderGridArgs {
+    items: GridItemData[];
+    initialized: boolean;
+    viewMode: boolean;
+    contentLanguage: string;
+    fullTheme?: ThemeConfig;
+    appServer?: string;
+    apiHost?: string;
+    authKey?: string;
+    authToken?: string;
+    columns: number;
+    ensureGridItemId: (item: GridItemData) => void;
+    handleMouseover: (event: Event) => void;
+    handleMouseout: (event: Event) => void;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+}
+export declare const renderOverlayContent: ({ item, activeAction, defaultItemActionsMenu, placementItemActionsMenu, language, handleAction }: RenderOverlayContentArgs) => TemplateResult;
+export declare const renderGridItem: ({ item, index, initialized, viewMode, contentLanguage, fullTheme, appServer, apiHost, authKey, authToken, handleMouseover, handleMouseout, handleFocus, handleBlur }: RenderGridItemArgs) => TemplateResult;
+export declare const renderGridItems: ({ items, initialized, viewMode, contentLanguage, fullTheme, appServer, apiHost, authKey, authToken, renderItem }: RenderGridItemsArgs) => ReturnType<typeof repeat>;
+export declare const renderGrid: ({ items, initialized, viewMode, contentLanguage, fullTheme, appServer, apiHost, authKey, authToken, columns, ensureGridItemId, handleMouseover, handleMouseout, handleFocus, handleBlur }: RenderGridArgs) => TemplateResult;
+export {};

package/components/grid/helpers/grid-stack-lifecycle.d.ts

@@ -0,0 +1,26 @@
+import { ThemeConfig } from '@luzmo/dashboard-contents-types';
+import { GridStack, type GridStackNode } from 'gridstack';
+import type { GridItemData } from '../types';
+interface InitializeGridStackArgs {
+    gridElement: HTMLElement;
+    gridItemElements: NodeListOf<HTMLElement>;
+    items: GridItemData[];
+    columns: number;
+    rowHeight: number;
+    viewMode: boolean;
+    fullTheme?: ThemeConfig;
+    onCreateOrUpdateDimensionsHint: (element: HTMLElement, numberOfColumns: string, numberOfRows: string) => void;
+    onRemoveDimensionsHint: (element: HTMLElement) => void;
+    onChange: (changedItems: GridStackNode[]) => void;
+}
+interface CreateOrUpdateDimensionsHintArgs {
+    element: HTMLElement;
+    numberOfColumns: string;
+    numberOfRows: string;
+    offsetHint: number;
+}
+export declare const initializeGridStack: ({ gridElement, gridItemElements, items, columns, rowHeight, viewMode, fullTheme, onCreateOrUpdateDimensionsHint, onRemoveDimensionsHint, onChange }: InitializeGridStackArgs) => GridStack;
+export declare const applyGridStackChanges: (items: GridItemData[], changedItems: GridStackNode[]) => void;
+export declare const createOrUpdateDimensionsHint: ({ element, numberOfColumns, numberOfRows, offsetHint }: CreateOrUpdateDimensionsHintArgs) => void;
+export declare const removeDimensionsHint: (element: HTMLElement) => void;
+export {};

package/components/grid/helpers/grid-theme.d.ts

@@ -0,0 +1,16 @@
+import type { ThemeConfig } from '@luzmo/dashboard-contents-types';
+export interface GridThemeResolutionArgs {
+    theme?: ThemeConfig;
+    currentTheme?: ThemeConfig;
+}
+export declare const resolveGridTheme: ({ theme, currentTheme }: GridThemeResolutionArgs) => Promise<ThemeConfig | undefined>;
+export declare const getGridHalfMargins: (theme?: {
+    margins?: number[];
+}) => [number, number];
+export declare const getDimensionsHintOffset: (theme?: {
+    margins?: number[];
+}) => number;
+export declare const getGridBoxShadow: (theme?: ThemeConfig) => string;
+export declare const getGridCssVariables: (theme?: ThemeConfig) => ReadonlyMap<string, string | undefined>;
+export declare const isGridDarkBackground: (theme?: ThemeConfig) => boolean;
+export declare const applyThemeProperties: (style: CSSStyleDeclaration, fullTheme?: ThemeConfig) => void;

package/components/grid/helpers/grid-update-cycle.d.ts

@@ -0,0 +1,24 @@
+import type { GridStack } from 'gridstack';
+import type { GridItemData } from '../types';
+interface SyncGridItemsArgs {
+    initialized: boolean;
+    grid?: GridStack;
+    hasItemsChanged: boolean;
+    hasItemAdded: boolean;
+    gridItemElements: NodeListOf<HTMLElement>;
+    items: GridItemData[];
+    gridElement: HTMLElement;
+}
+interface ApplyViewModeChangeArgs {
+    initialized: boolean;
+    grid?: GridStack;
+    hasViewModeChanged: boolean;
+    viewMode: boolean;
+    previousViewMode: unknown;
+    activeItemElement?: HTMLElement;
+    gridElement: HTMLElement;
+    cleanupActiveItem: (item: HTMLElement) => void;
+}
+export declare const syncGridItems: ({ initialized, grid, hasItemsChanged, hasItemAdded, gridItemElements, items, gridElement }: SyncGridItemsArgs) => boolean;
+export declare const applyViewModeChange: ({ initialized, grid, hasViewModeChanged, viewMode, previousViewMode, activeItemElement, gridElement, cleanupActiveItem }: ApplyViewModeChangeArgs) => HTMLElement | undefined;
+export {};

package/components/grid/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../grid-xtLaTdhb.cjs`);exports.LuzmoGrid=e.t,Object.defineProperty(exports,`LuzmoGridItemActionsMenu`,{enumerable:!0,get:function(){return e.n}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../grid-BNbbl-9p.cjs`);exports.LuzmoGrid=e.t,Object.defineProperty(exports,`LuzmoGridItemActionsMenu`,{enumerable:!0,get:function(){return e.n}});

package/components/grid/index.js

@@ -25,5 +25,5 @@
 })();
 import "../set-locale-Uv6F4uSq.js";
 import "../localized-mixin-cLT0UbaF.js";
-import { n as LuzmoGridItemActionsMenu, t as LuzmoGrid } from "../grid-BW6LPvCu.js";
+import { n as LuzmoGridItemActionsMenu, t as LuzmoGrid } from "../grid-Ca-fxUK1.js";
 export { LuzmoGrid, LuzmoGridItemActionsMenu };