@luzmo/analytics-components-kit 1.0.9-beta.10 → 1.0.9-beta.12

package/components/interactive-viz-item-CQz2XYj8.cjs

@@ -0,0 +1,261 @@
+/*! * 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.
+ * */
+require("./tokens-BWMfo_w4.cjs");const e=require("./base-BdkFbMZR.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-DceE4W-d.cjs"),r=require("./chart-helpers-ufZ6VbXs.cjs"),i=require("./create-lazy-loader-DYPgQh0L.cjs");let a=require("@luzmo/icons");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/icon"),require("@luzmo/lucero/overlay"),require("@luzmo/lucero/popover");let o=require("lit"),s=require("lit/decorators.js"),c=require("@lit/localize");require("@luzmo/embed"),require("@luzmo/lucero/action-group"),require("@luzmo/lucero/field-label"),require("@luzmo/lucero/number-field"),require("@luzmo/lucero/picker"),require("@luzmo/lucero/progress-circle"),require("@luzmo/lucero/tabs");var l=`:host{box-sizing:border-box;display:block;container-type:inline-size}.answer{width:100%;display:block}.chart-actions-bar{justify-content:space-between;align-items:flex-start;gap:var(--luzmo-interactive-viz-item-actions-gap,var(--interactive-viz-item-actions-gap));padding-block:var(--luzmo-interactive-viz-item-actions-padding-block,var(--interactive-viz-item-actions-padding-block));flex-wrap:nowrap;margin-block-start:var(--luzmo-interactive-viz-item-actions-margin-block-start,var(--interactive-viz-item-actions-margin-block-start));display:flex}.chart-actions-primary{gap:var(--luzmo-interactive-viz-item-actions-gap,var(--interactive-viz-item-actions-gap));flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex}.ranking-content{gap:var(--luzmo-spacing-3);padding:var(--luzmo-spacing-3);flex-direction:column;display:flex}.ranking-row{gap:var(--luzmo-spacing-3);align-items:center;display:flex}.ranking-number{width:4rem}.icon-flipped{transform:scaleY(-1)}.chart-container{border-radius:var(--luzmo-interactive-viz-item-chart-border-radius,var(--interactive-viz-item-chart-border-radius));height:var(--luzmo-interactive-viz-item-chart-height,var(--interactive-viz-item-chart-height));overflow:hidden}.chart-container luzmo-embed-viz-item{width:100%;height:100%;display:block}.feedback-row{padding-block:var(--luzmo-interactive-viz-item-feedback-padding-block,var(--interactive-viz-item-feedback-padding-block));justify-content:space-between;align-items:center;display:flex}.rating-btn-positive{--luzmo-action-button-content-color-default-selected:var(--luzmo-interactive-viz-item-rating-positive-color,var(--interactive-viz-item-rating-positive-color));--luzmo-action-button-content-color-hover-selected:var(--luzmo-interactive-viz-item-rating-positive-color,var(--interactive-viz-item-rating-positive-color));--luzmo-action-button-content-color-down-selected:var(--luzmo-interactive-viz-item-rating-positive-color,var(--interactive-viz-item-rating-positive-color));--luzmo-action-button-content-color-focus-selected:var(--luzmo-interactive-viz-item-rating-positive-color,var(--interactive-viz-item-rating-positive-color));--luzmo-action-button-background-color-default-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-hover-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-down-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-focus-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background))}.rating-btn-negative{--luzmo-action-button-content-color-default-selected:var(--luzmo-interactive-viz-item-rating-negative-color,var(--interactive-viz-item-rating-negative-color));--luzmo-action-button-content-color-hover-selected:var(--luzmo-interactive-viz-item-rating-negative-color,var(--interactive-viz-item-rating-negative-color));--luzmo-action-button-content-color-down-selected:var(--luzmo-interactive-viz-item-rating-negative-color,var(--interactive-viz-item-rating-negative-color));--luzmo-action-button-content-color-focus-selected:var(--luzmo-interactive-viz-item-rating-negative-color,var(--interactive-viz-item-rating-negative-color));--luzmo-action-button-background-color-default-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-hover-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-down-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background));--luzmo-action-button-background-color-focus-selected:var(--luzmo-interactive-viz-item-rating-selected-background,var(--interactive-viz-item-rating-selected-background))}.config-toggle{--luzmo-action-button-border-radius:32px;margin-inline-start:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.config-panel{border:1px solid var(--luzmo-interactive-viz-item-config-panel-border-color,var(--interactive-viz-item-config-panel-border-color));border-radius:var(--luzmo-interactive-viz-item-config-panel-border-radius,var(--interactive-viz-item-config-panel-border-radius));padding:var(--luzmo-interactive-viz-item-config-panel-padding,var(--interactive-viz-item-config-panel-padding));background:var(--luzmo-interactive-viz-item-config-panel-background,var(--interactive-viz-item-config-panel-background));margin-block-start:var(--luzmo-spacing-2)}.config-panel luzmo-tab-panel[selected]{padding-block-start:var(--luzmo-spacing-4);display:block}.config-panel luzmo-item-option-panel,.config-panel luzmo-item-slot-picker-panel,.config-panel luzmo-filters{width:100%;max-height:15rem;scrollbar-width:thin;scrollbar-color:var(--luzmo-interactive-viz-item-config-panel-border-color,var(--interactive-viz-item-config-panel-border-color)) transparent;padding-inline-end:var(--luzmo-spacing-3);overflow-y:auto}.edit-grid{min-height:12.5rem;display:flex}.edit-column{gap:var(--luzmo-spacing-3);flex-direction:column;display:flex}.edit-column:first-child{flex-shrink:0;max-width:15rem}.edit-column-filters{border-inline-start:1px solid var(--luzmo-interactive-viz-item-config-panel-border-color,var(--interactive-viz-item-config-panel-border-color));flex:1;min-width:18.75rem;padding-inline-start:var(--luzmo-spacing-5)}@container (width<=520px){.edit-grid{flex-direction:column}.edit-column,.edit-column:first-child{width:100%;min-width:0;max-width:100%}.edit-column-filters{border-inline-start:none;border-block-start:1px solid var(--luzmo-interactive-viz-item-config-panel-border-color,var(--interactive-viz-item-config-panel-border-color));min-width:0;margin-block-start:var(--luzmo-spacing-3);padding-block-start:var(--luzmo-spacing-4);padding-inline-start:0}}@container (width<=768px){.chart-container{height:calc(var(--luzmo-interactive-viz-item-chart-height,var(--interactive-viz-item-chart-height)) - var(--luzmo-interactive-viz-item-chart-narrow-offset,var(--interactive-viz-item-chart-narrow-offset)))}}:host{--interactive-viz-item-actions-gap:var(--luzmo-spacing-3);--interactive-viz-item-actions-padding-block:var(--luzmo-spacing-3);--interactive-viz-item-actions-margin-block-start:var(--luzmo-spacing-5);--interactive-viz-item-chart-height:20rem;--interactive-viz-item-chart-narrow-offset:2.5rem;--interactive-viz-item-chart-border-radius:var(--luzmo-border-radius);--interactive-viz-item-feedback-padding-block:var(--luzmo-spacing-4);--interactive-viz-item-config-panel-padding:var(--luzmo-spacing-5);--interactive-viz-item-config-panel-border-color:var(--luzmo-border-color);--interactive-viz-item-config-panel-border-radius:var(--luzmo-border-radius);--interactive-viz-item-config-panel-background:var(--luzmo-background-color);--interactive-viz-item-rating-positive-color:var(--luzmo-positive-color,#12855a);--interactive-viz-item-rating-negative-color:var(--luzmo-negative-color,#ca221c);--interactive-viz-item-rating-selected-background:var(--luzmo-background-color-focus,#0000000f)}:host([size=s]){--interactive-viz-item-chart-height:17.5rem}:host([size=l]){--interactive-viz-item-chart-height:22rem}:host([size=xl]){--interactive-viz-item-chart-height:24rem}`,u=i.t(()=>Promise.resolve().then(()=>require("./add-to-dashboard/index.cjs"))).load,d=[`luzmo-filters`,`luzmo-item-option-panel`,`luzmo-item-slot-picker-panel`],f=i.t(()=>Promise.all([Promise.resolve().then(()=>require("./filters/index.cjs")),Promise.resolve().then(()=>require("./item-option-panel/index.cjs")),Promise.resolve().then(()=>require("./item-slot-picker-panel/index.cjs"))])),p=f.load,m=()=>f.isLoaded()||d.every(e=>customElements.get(e)!==void 0),h=0,g=class extends n.t(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this.chart=null,this.feedback=null,this.messageId=``,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.contentLanguage=``,this.hideActions=!1,this.hideFeedback=!1,this.hideConfigPanel=!1,this.addToDashboard=!1,this.dashboardActions=null,this.controlled=!1,this._configPanelOpen=!1,this._configPanelPending=!1,this._configPanelLoadFailed=!1,this._rankingTriggerId=`interactive-viz-item-ranking-${++h}`,this._handleSlotsChanged=e=>{this.chart&&this._emitChart({...this.chart,slots:e.detail.slotsContents})},this._handleFiltersChanged=e=>{this.chart&&this._emitChart({...this.chart,filters:e.detail.filters})},this._handleOptionsChanged=e=>{if(!this.chart)return;let t=e.detail.options;if(!t)return;let n=this.chart.options.theme??{};this._emitChart({...this.chart,options:{...t,theme:{...n}}})}}static get styles(){return[(0,o.unsafeCSS)(l)]}get _effectiveContentLanguage(){return this.contentLanguage||this.language}_dispatch(e,t){let n=new CustomEvent(e,{detail:t,bubbles:!0,composed:!0});this.dispatchEvent(n)}get _chartActions(){return this.chart?r.n(r.o(this.chart)):[]}get _rating(){return this.feedback?.rating??0}get _canShowConfigPanel(){return!!this.chart&&!this.hideConfigPanel}async _toggleConfigPanel(){if(this._configPanelLoadFailed=!1,this._configPanelOpen){this._configPanelOpen=!1;return}if(!this._configPanelPending){if(!m()){this._configPanelPending=!0;try{await p()}catch(e){console.warn(`Failed to load the chart configuration panel:`,e),this._configPanelLoadFailed=!0;return}finally{this._configPanelPending=!1}}!this.isConnected||!this._canShowConfigPanel||(this._configPanelOpen=!0)}}willUpdate(e){super.willUpdate(e),e.has(`addToDashboard`)&&this.addToDashboard&&u().catch(e=>console.warn(`Failed to load add to dashboard:`,e))}_emitOptions(e){!this.controlled&&this.chart&&(this.chart={...this.chart,options:e}),this._dispatch(`luzmo-chart-options-changed`,{options:e})}_emitChart(e){this.controlled||(this.chart=e),this._dispatch(`luzmo-chart-changed`,{chart:e})}_handleDropdownChange(e,t){if(!this.chart)return;t.stopPropagation();let n=t.detail,i=typeof n==`string`?n:n?.value??t.target?.value;if(!i)return;let a=r.t({...r.o(this.chart),options:this.chart.options},{type:`chartAction`,actionType:e.mutationType,key:i});this._emitOptions(a.options)}_currentRanking(e){return e.ranking??{active:!1,number:5,direction:r.c.Top}}_currentSort(e){return e.sort??{direction:r.u.Desc,by:r.l.Measure}}_emitRankAndSort(e,t){this.chart&&this._emitOptions({...this.chart.options,ranking:e,sort:t})}_renderOptionDropdown(e){let t=e.values??[],n=e.currentValue||t[0]?.key||``;return o.html`
+      <luzmo-picker
+        size=${this.size}
+        variant="highlight"
+        value=${n}
+        @change=${t=>this._handleDropdownChange(e,t)}
+      >
+        ${t.map(e=>o.html`<luzmo-menu-item value=${e.key}>${e.label}</luzmo-menu-item>`)}
+      </luzmo-picker>
+    `}_renderRankingPicker(e){let t=this._currentRanking(e),n=this._currentSort(e);if(!t.active)return o.html`
+        <luzmo-action-button
+          size=${this.size}
+          @click=${()=>this._emitRankAndSort({active:!0,number:5,direction:r.c.Top},n)}
+        >
+          <luzmo-icon slot="icon" size="xs" .icon=${a.luzmoAlignLeft}></luzmo-icon>
+          ${(0,c.msg)(`Show top 5`,{desc:`Label to activate top-N ranking on a chart`})}
+        </luzmo-action-button>
+      `;let i=t.direction===r.c.Bottom?(0,c.msg)(`Bottom`,{desc:`Ranking direction: keep the lowest values`}):(0,c.msg)(`Top`,{desc:`Ranking direction: keep the highest values`});return o.html`
+      <luzmo-action-button size=${this.size} id=${this._rankingTriggerId}>
+        <luzmo-icon slot="icon" size="xs" .icon=${a.luzmoAlignLeft}></luzmo-icon>
+        ${i} ${t.number||5}
+      </luzmo-action-button>
+
+      <luzmo-overlay type="auto" placement="bottom-start" trigger=${`${this._rankingTriggerId}@click`}>
+        <luzmo-popover>
+          <div class="ranking-content">
+            <div class="ranking-row">
+              <luzmo-action-group
+                size=${this.size}
+                compact
+                selects="single"
+                .selected=${[t.direction]}
+                @change=${t=>this._handleDirectionChange(e,t)}
+              >
+                <luzmo-action-button value="top" emphasized
+                  >${(0,c.msg)(`Top`,{desc:`Ranking direction: keep the highest values`})}</luzmo-action-button
+                >
+                <luzmo-action-button value="bottom" emphasized
+                  >${(0,c.msg)(`Bottom`,{desc:`Ranking direction: keep the lowest values`})}</luzmo-action-button
+                >
+              </luzmo-action-group>
+
+              <luzmo-number-field
+                class="ranking-number"
+                size=${this.size}
+                hide-stepper
+                min="1"
+                max="100"
+                step="1"
+                .value=${t.number}
+                @change=${t=>this._handleNumberChange(e,t)}
+                @input=${t=>this._handleNumberChange(e,t)}
+              ></luzmo-number-field>
+            </div>
+
+            <div class="ranking-row">
+              <luzmo-action-group
+                size=${this.size}
+                compact
+                selects="single"
+                .selected=${[n.by]}
+                @change=${t=>this._handleSortByChange(e,t)}
+              >
+                <luzmo-action-button value="measure" emphasized>123</luzmo-action-button>
+                <luzmo-action-button value="category" emphasized>ABC</luzmo-action-button>
+              </luzmo-action-group>
+
+              <luzmo-action-group
+                size=${this.size}
+                compact
+                selects="single"
+                .selected=${[n.direction]}
+                @change=${t=>this._handleSortDirectionChange(e,t)}
+              >
+                <luzmo-action-button
+                  value="desc"
+                  emphasized
+                  label=${(0,c.msg)(`Sort descending`,{desc:`Sort chart values in descending order`})}
+                >
+                  <luzmo-icon slot="icon" size="xs" .icon=${a.luzmoAlignLeft}></luzmo-icon>
+                </luzmo-action-button>
+                <luzmo-action-button
+                  value="asc"
+                  emphasized
+                  label=${(0,c.msg)(`Sort ascending`,{desc:`Sort chart values in ascending order`})}
+                >
+                  <luzmo-icon slot="icon" size="xs" class="icon-flipped" .icon=${a.luzmoAlignLeft}></luzmo-icon>
+                </luzmo-action-button>
+              </luzmo-action-group>
+            </div>
+          </div>
+        </luzmo-popover>
+      </luzmo-overlay>
+    `}_handleDirectionChange(e,t){t.stopPropagation();let n=t.target?.selected;n?.length&&this._emitRankAndSort({...this._currentRanking(e),direction:n[0]},this._currentSort(e))}_handleNumberChange(e,t){t.stopPropagation();let n=t.target?.value,r=typeof n==`number`?n:Number.parseInt(String(n),10);!Number.isNaN(r)&&r>=1&&this._emitRankAndSort({...this._currentRanking(e),number:r},this._currentSort(e))}_handleSortByChange(e,t){t.stopPropagation();let n=t.target?.selected;n?.length&&this._emitRankAndSort(this._currentRanking(e),{...this._currentSort(e),by:n[0]})}_handleSortDirectionChange(e,t){t.stopPropagation();let n=t.target?.selected;n?.length&&this._emitRankAndSort(this._currentRanking(e),{...this._currentSort(e),direction:n[0]})}_renderAddToDashboard(){return this.addToDashboard?o.html`
+      <luzmo-add-to-dashboard
+        size=${this.size}
+        language=${this.language}
+        .chart=${this.chart}
+        .dashboardActions=${this.dashboardActions}
+        .authKey=${this.authKey}
+        .authToken=${this.authToken}
+        .apiUrl=${this.apiUrl}
+      ></luzmo-add-to-dashboard>
+    `:o.nothing}_renderActions(){return this.hideActions?o.html`
+        <div class="chart-actions-bar">
+          <div class="chart-actions-primary"></div>
+          <slot name="chart-actions-extra"></slot>
+          ${this._renderAddToDashboard()}
+        </div>
+      `:o.html`
+      <div class="chart-actions-bar">
+        <div class="chart-actions-primary">
+          ${this._chartActions.map(e=>e.type===`optionDropdown`?this._renderOptionDropdown(e):this._renderRankingPicker(e))}
+        </div>
+        <slot name="chart-actions-extra"></slot>
+        ${this._renderAddToDashboard()}
+      </div>
+    `}_renderChart(){if(!this.chart)return o.nothing;let e=r.o(this.chart);return o.html`
+      <div class="chart-container" part="chart-container">
+        <luzmo-embed-viz-item
+          .type=${e.type}
+          .options=${e.options}
+          .slots=${e.slots}
+          .filters=${e.filters??[]}
+          .authKey=${this.authKey}
+          .authToken=${this.authToken}
+          .apiHost=${this.apiUrl}
+          .appServer=${this.appServer}
+          .language=${this._effectiveContentLanguage}
+          .canFilter=${this.canFilter??!1}
+        ></luzmo-embed-viz-item>
+      </div>
+    `}_renderFeedback(){let e=!this.hideFeedback&&!!this.messageId,t=this._canShowConfigPanel,n=(0,c.msg)(`Loading`,{desc:`Loading spinner label`});return!e&&!t?o.nothing:o.html`
+      <div class="feedback-row">
+        ${e?o.html`
+                <luzmo-action-group quiet size=${this.size}>
+                  <luzmo-action-button
+                    class="rating-btn-positive"
+                    value="positive"
+                    quiet
+                    label=${(0,c.msg)(`Good response`,{desc:`Accessible label for the positive feedback button`})}
+                    ?selected=${this._rating===1}
+                    @click=${()=>this._toggleRating(!0)}
+                  >
+                    <luzmo-icon slot="icon" size="s" .icon=${a.luzmoThumbsUp}></luzmo-icon>
+                  </luzmo-action-button>
+                  <luzmo-action-button
+                    class="rating-btn-negative"
+                    value="negative"
+                    quiet
+                    label=${(0,c.msg)(`Bad response`,{desc:`Accessible label for the negative feedback button`})}
+                    ?selected=${this._rating===-1}
+                    @click=${()=>this._toggleRating(!1)}
+                  >
+                    <luzmo-icon slot="icon" size="s" .icon=${a.luzmoThumbsDown}></luzmo-icon>
+                  </luzmo-action-button>
+                </luzmo-action-group>
+              `:o.nothing}
+        ${t?o.html`
+                <luzmo-action-button
+                  class="config-toggle"
+                  size=${this.size}
+                  quiet
+                  ?selected=${this._configPanelOpen}
+                  aria-expanded=${this._configPanelOpen}
+                  aria-label=${this._configPanelPending?n:(0,c.msg)(`Configure chart`,{desc:`Accessible label for the chart config toggle`})}
+                  @click=${()=>this._toggleConfigPanel()}
+                >
+                  ${this._configPanelPending?o.html`<luzmo-progress-circle slot="icon" size="s" indeterminate .label=${n}></luzmo-progress-circle>`:o.html`<luzmo-icon slot="icon" size="s" .icon=${a.luzmoInfoCircle}></luzmo-icon>`}
+                </luzmo-action-button>
+                <span class="sr-only" role="status" aria-live="polite">${this._configPanelPending?n:``}</span>
+                <span class="sr-only" role="alert">${this._configPanelLoadFailed?(0,c.msg)(`Failed to load the chart configuration. Please try again.`,{desc:`Error message when the chart config panel fails to load`}):``}</span>
+              `:o.nothing}
+      </div>
+    `}_toggleRating(e){let t=e?1:-1,n=this._rating===t?0:t;this._dispatch(`luzmo-feedback-changed`,{rating:n,comment:this.feedback?.comment})}_renderConfigPanel(){if(!this.chart||this.hideConfigPanel||!this._configPanelOpen)return o.nothing;let e=this.chart,t=r.r(e.slots??[]),n=r.i(t),i=e.options.theme??{};return o.html`
+      <div class="config-panel" part="config-panel">
+        <luzmo-tabs selected="data" size=${this.size}>
+          <luzmo-tab value="data">${(0,c.msg)(`Data`,{desc:`Label for the data section`})}</luzmo-tab>
+          <luzmo-tab value="options">${(0,c.msg)(`Options`,{desc:`Label for the options section`})}</luzmo-tab>
+
+          <luzmo-tab-panel value="data">
+            <div class="edit-grid">
+              <div class="edit-column">
+                <luzmo-item-slot-picker-panel
+                  size=${this.size}
+                  slot-menu-placement="bottom-end"
+                  .itemType=${e.type}
+                  .slotsContents=${t}
+                  .datasetIds=${n}
+                  .authKey=${this.authKey}
+                  .authToken=${this.authToken}
+                  .apiUrl=${this.apiUrl}
+                  .language=${this.language}
+                  .contentLanguage=${this._effectiveContentLanguage}
+                  @luzmo-slots-contents-changed=${this._handleSlotsChanged}
+                ></luzmo-item-slot-picker-panel>
+              </div>
+              <div class="edit-column edit-column-filters">
+                <luzmo-field-label size=${this.size}
+                  >${(0,c.msg)(`Filters`,{desc:`Label for the filters section`})}</luzmo-field-label
+                >
+                <luzmo-filters
+                  size=${this.size}
+                  .datasetIds=${n}
+                  .filters=${e.filters??[]}
+                  .authKey=${this.authKey}
+                  .authToken=${this.authToken}
+                  .apiUrl=${this.apiUrl}
+                  .language=${this.language}
+                  .contentLanguage=${this._effectiveContentLanguage}
+                  @luzmo-filters-changed=${this._handleFiltersChanged}
+                ></luzmo-filters>
+              </div>
+            </div>
+          </luzmo-tab-panel>
+
+          <luzmo-tab-panel value="options">
+            <luzmo-item-option-panel
+              size=${this.size}
+              .itemType=${e.type}
+              .options=${e.options||{}}
+              .slots=${t}
+              .theme=${i}
+              .authKey=${this.authKey}
+              .authToken=${this.authToken}
+              .apiUrl=${this.apiUrl}
+              .language=${this.language}
+              @luzmo-options-changed=${this._handleOptionsChanged}
+            ></luzmo-item-option-panel>
+          </luzmo-tab-panel>
+        </luzmo-tabs>
+      </div>
+    `}render(){return this.chart?o.html`
+      <div class="answer" part="container">
+        ${this._renderActions()} ${this._renderChart()} ${this._renderFeedback()} ${this._renderConfigPanel()}
+      </div>
+    `:o.html`
+        <div
+          class="answer"
+          part="container"
+        ></div>
+      `}};t.t([(0,s.property)({type:Object})],g.prototype,`chart`,void 0),t.t([(0,s.property)({type:Object})],g.prototype,`feedback`,void 0),t.t([(0,s.property)({type:String,attribute:`message-id`})],g.prototype,`messageId`,void 0),t.t([(0,s.property)({type:String,attribute:`auth-key`})],g.prototype,`authKey`,void 0),t.t([(0,s.property)({type:String,attribute:`auth-token`})],g.prototype,`authToken`,void 0),t.t([(0,s.property)({type:String,attribute:`api-url`})],g.prototype,`apiUrl`,void 0),t.t([(0,s.property)({type:String,attribute:`app-server`})],g.prototype,`appServer`,void 0),t.t([(0,s.property)({type:String,attribute:`content-language`})],g.prototype,`contentLanguage`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`hide-actions`,reflect:!0})],g.prototype,`hideActions`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`hide-feedback`,reflect:!0})],g.prototype,`hideFeedback`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`hide-config-panel`,reflect:!0})],g.prototype,`hideConfigPanel`,void 0),t.t([(0,s.property)({type:Boolean,attribute:`add-to-dashboard`,reflect:!0})],g.prototype,`addToDashboard`,void 0),t.t([(0,s.property)({attribute:!1})],g.prototype,`dashboardActions`,void 0),t.t([(0,s.property)({type:Boolean,reflect:!0})],g.prototype,`controlled`,void 0),t.t([(0,s.property)({attribute:`can-filter`,converter:{fromAttribute:e=>e===null?void 0:`all`}})],g.prototype,`canFilter`,void 0),t.t([(0,s.state)()],g.prototype,`_configPanelOpen`,void 0),t.t([(0,s.state)()],g.prototype,`_configPanelPending`,void 0),t.t([(0,s.state)()],g.prototype,`_configPanelLoadFailed`,void 0),customElements.get(`luzmo-interactive-viz-item`)||customElements.define(`luzmo-interactive-viz-item`,g),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});

package/components/interactivity-options.config-BjEGNaIz.js

@@ -1,21 +1,21 @@
-/*! * 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.
+/*! * 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.
  * */
 //#region node_modules/@luzmo/dashboard-contents-types/shared/utils/interactivity-options.config.js
 var e = (e) => typeof e == "object" && !!e && !Array.isArray(e), t = (t) => {

package/components/interactivity-options.config-Bzk2L-qh.cjs

@@ -1,20 +1,20 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  * */
 var e=e=>typeof e==`object`&&!!e&&!Array.isArray(e),t=t=>{let n=t.urlConfig;return e(n)&&e(n.url)&&Object.keys(n.url).length>0},n=t=>{let n=t.customEvents;return e(n)&&Array.isArray(n.events)&&n.events.length>0},r=(r,i,a)=>{let o=e(r)?r:{},s=o.interactivity,c={...e(s)?s:{},brush:i};return a&&i===!0&&(t(c)&&(c.urlConfig={...c.urlConfig,url:{}}),n(c)&&delete c.customEvents),{...o,interactivity:c}},i=`When true, selecting (clicking) a data point in this chart filters the other items on the dashboard.`,a=`When true, dragging over a range in this chart (brushing) filters the other items on the dashboard.`,o=`${a} Enabling it turns off Go to URL and custom events on this chart, because they share the same pointer interaction.`,s=({select:e,brush:t})=>{let n=[];if(e&&n.push({key:`interactivity.select`,control:{type:`switch`,label:`Filter on select`,default:e.default,description:i},...e.visibleIf?{visibleIf:e.visibleIf}:{}}),t){let e=t.excludesClickActions??!1;n.push({key:`interactivity.brush`,control:{type:`switch`,label:`Enable brush filter`,default:t.default,description:e?o:a,...e?{toOptions:({options:e,value:t})=>r(e,t,!0)}:{}}})}let s=n.every(e=>e.visibleIf)?e=>n.some(t=>t.visibleIf?.(e)):void 0;return{key:`interactivity`,type:`group`,open:!1,children:n,...s?{visibleIf:s}:{}}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/interactivity-options.i18n-BsYv4Rh9.cjs

@@ -1,20 +1,20 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  * */
 var e={de:{groups:{interactivity:{label:`Interaktivität`}},options:{"interactivity.select":{label:`Filtern nach Auswahl`},"interactivity.brush":{label:`Pinselfilter aktivieren`}}},en:{groups:{interactivity:{label:`Interactivity`}},options:{"interactivity.select":{label:`Filter on select`},"interactivity.brush":{label:`Enable brush filter`}}},es:{groups:{interactivity:{label:`Interactividad`}},options:{"interactivity.select":{label:`Filtrar al seleccionar`},"interactivity.brush":{label:`Habilitar filtro de pincel`}}},fr:{groups:{interactivity:{label:`Interactivité`}},options:{"interactivity.select":{label:`Filtrer sur sélection`},"interactivity.brush":{label:`Activer le filtre de brosse`}}},nl:{groups:{interactivity:{label:`Interactiviteit`}},options:{"interactivity.select":{label:`Filteren bij selectie`},"interactivity.brush":{label:`Borstelfilter inschakelen`}}}},t=t=>e[t]??e.en;exports.getInteractivityTranslations=t;

package/components/interactivity-options.i18n-UhOnnlBC.js

@@ -1,21 +1,21 @@
-/*! * 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.
+/*! * 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.
  * */
 //#region node_modules/@luzmo/dashboard-contents-types/shared/utils/interactivity-options.i18n.js
 var e = {

package/components/it-BZF7oRfg.cjs

@@ -1,20 +1,20 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2026 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  * */
 var e={decimal:`,`,thousands:`.`,grouping:[3],currency:[`€`,``],dateTime:`%A %e %B %Y, %X`,date:`%d/%m/%Y`,dateSeparator:`/`,time:`%H:%M:%S`,periods:[`AM`,`PM`],days:[`Domenica`,`Lunedì`,`Martedì`,`Mercoledì`,`Giovedì`,`Venerdì`,`Sabato`],shortDays:[`Dom`,`Lun`,`Mar`,`Mer`,`Gio`,`Ven`,`Sab`],months:[`Gennaio`,`Febbraio`,`Marzo`,`Aprile`,`Maggio`,`Giugno`,`Luglio`,`Agosto`,`Settembre`,`Ottobre`,`Novembre`,`Dicembre`],shortMonths:[`Gen`,`Feb`,`Mar`,`Apr`,`Mag`,`Giu`,`Lug`,`Ago`,`Set`,`Ott`,`Nov`,`Dic`],levels:[`Tutti`,`Anno`,`Trimestre`,`Mese`,`Settimana`,`Data`,`Ora`,`Minuto`,`Secondo`,`Millisecondo`],shortLevels:[`Tutti`,`Anno`,`Trim`,`Mese`,`Set`,`Data`,`Ora`,`Min`,`Sec`,`Msec`],durationLongSuffix:[``,`anni`,`trimestri`,`mesi`,`settimane`,`giorni`,`ore`,`minuti`,`secondi`,`millisecondi`],durationShortSuffix:[``,`a`,`tr`,`me`,`set`,`g`,`o`,`m`,`s`,`ms`],multi:[`.%L`,`:%S`,`%I:%M`,`%I %p`,`%a %d`,`W%G`,`%b %d`,`%B`,`%Y`],smartDateFormats:[{key:`%a %e %b %Y`,lev1:`%Y`,lev2:`T%q-%Y`,lev3:`%b %Y`,lev4:`Se %V-%G`,lev5:`%a %e %b %Y`,monthType:`name`,longText:!1,weekday:!0},{key:`%e %b %Y`,lev1:`%Y`,lev2:`T%q-%Y`,lev3:`%b %Y`,lev4:`Se %V-%G`,lev5:`%e %b %Y`,monthType:`name`,longText:!1,weekday:!1},{key:`%a %e %B %Y`,lev1:`%Y`,lev2:`T%q-%Y`,lev3:`%B %Y`,lev4:`Settimana %V, %G`,lev5:`%a %e %B %Y`,monthType:`name`,longText:!0,weekday:!0},{key:`%e %B %Y`,lev1:`%Y`,lev2:`T%q-%Y`,lev3:`%B %Y`,lev4:`Settimana %V, %G`,lev5:`%e %B %Y`,monthType:`name`,longText:!0,weekday:!1},{key:`%d/%m/%Y`,lev1:`%Y`,lev2:`T%q/%Y`,lev3:`%m/%Y`,lev4:`S%V/%G`,lev5:`%d/%m/%Y`,monthType:`number`,mmdd:!1,separator:`/`},{key:`%d-%m-%Y`,lev1:`%Y`,lev2:`T%q-%Y`,lev3:`%m-%Y`,lev4:`S%V-%G`,lev5:`%d-%m-%Y`,monthType:`number`,mmdd:!1,separator:`-`},{key:`%d.%m.%Y`,lev1:`%Y`,lev2:`T%q.%Y`,lev3:`%m.%Y`,lev4:`S%V.%G`,lev5:`%d.%m.%Y`,monthType:`number`,mmdd:!1,separator:`.`},{key:`%d~%m~%Y`,lev1:`%Y`,lev2:`T%q~%Y`,lev3:`%m~%Y`,lev4:`S%V~%G`,lev5:`%d~%m~%Y`,monthType:`number`,mmdd:!1,separator:`~`},{key:`%m/%d/%Y`,lev1:`%Y`,lev2:`T%q/%Y`,lev3:`%m/%Y`,lev4:`%G/S%V`,lev5:`%m/%d/%Y`,monthType:`number`,mmdd:!0,separator:`/`},{key:`%m-%d-%Y`,lev1:`%Y`,lev2:`T%q-%Y`,lev3:`%m-%Y`,lev4:`%G-S%V`,lev5:`%m-%d-%Y`,monthType:`number`,mmdd:!0,separator:`-`},{key:`%m.%d.%Y`,lev1:`%Y`,lev2:`T%q.%Y`,lev3:`%m.%Y`,lev4:`%G.S%V`,lev5:`%m.%d.%Y`,monthType:`number`,mmdd:!0,separator:`.`},{key:`%m~%d~%Y`,lev1:`%Y`,lev2:`T%q~%Y`,lev3:`%m~%Y`,lev4:`%G~S%V`,lev5:`%m~%d~%Y`,monthType:`number`,mmdd:!0,separator:`~`},{key:`%amd/%Y`,lev1:`%Y`,lev2:`T%q/%Y`,lev3:`%m/%Y`,lev4:`%G/S%V`,lev5:`%amd/%Y`,monthType:`number`,mmdd:!0,separator:`/`},{key:`%amd-%Y`,lev1:`%Y`,lev2:`T%q-%Y`,lev3:`%m-%Y`,lev4:`%G-S%V`,lev5:`%amd-%Y`,monthType:`number`,mmdd:!0,separator:`-`},{key:`%amd.%Y`,lev1:`%Y`,lev2:`T%q.%Y`,lev3:`%m.%Y`,lev4:`%G.S%V`,lev5:`%amd.%Y`,monthType:`number`,mmdd:!0,separator:`.`},{key:`%amd~%Y`,lev1:`%Y`,lev2:`T%q~%Y`,lev3:`%m~%Y`,lev4:`%G~S%V`,lev5:`%amd~%Y`,monthType:`number`,mmdd:!0,separator:`~`}],smartTimeFormats:[{key:`%H:%M:%S.%L`,lev6:`%H:00`,lev7:`%H:%M`,lev8:`%H:%M:%S`,lev9:`%H:%M:%S.%L`,ampm:!1},{key:`%I:%M:%S.%L %p`,lev6:`%I:00 %p`,lev7:`%I:%M %p`,lev8:`%I:%M:%S %p`,lev9:`%I:%M:%S.%L %p`,ampm:!0}]};exports.default=e;

package/components/it-BoudiwDn.js

@@ -1,21 +1,21 @@
-/*! * 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.
+/*! * 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.
  * */
 //#region src/utils/formatter/formats/it.ts
 var e = {

package/components/item-context-configs.cjs

@@ -1,21 +1,21 @@
-/*! * 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.
+/*! * 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.
  * */
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`The column used as measure in the chart. If an aggregation is asked like average, min, max, sum, count, distinctcount, median or weightedaverage, the aggregationType needs to be applied to the measure.`,t={name:`area-chart`,label:`Area Chart`,synonyms:[`area chart`,`areachart`,`area plot`,`areaplot`],defaultSize:{width:580,height:250},variants:[{subtype:`area`,defaultSize:{width:580,height:250}},{subtype:`area-stack`,defaultSize:{width:580,height:250}},{subtype:`area-100`,defaultSize:{width:580,height:250}},{subtype:`area-stream`,defaultSize:{width:580,height:300}}],description:`Creates an area chart. An area chart can consist of multiple lines by using a legend.
     Each line or area represents a category. Legends are mostly columns with a type of hierarchy.

package/components/item-context-configs.js

@@ -1,21 +1,21 @@
-/*! * 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.
+/*! * 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.
  * */
 //#region node_modules/@luzmo/dashboard-contents-types/shared/configs/context-helpers.config.js
 var e = "The column used as measure in the chart. If an aggregation is asked like average, min, max, sum, count, distinctcount, median or weightedaverage, the aggregationType needs to be applied to the measure.", t = {

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

@@ -0,0 +1,12 @@
+import type { ThemeConfig } from '@luzmo/dashboard-contents-types';
+import { type TemplateResult } from 'lit';
+import type { GridItemData } from '../types';
+export interface GridChartContext {
+    appServer?: string;
+    apiHost?: string;
+    authKey?: string;
+    authToken?: string;
+    contentLanguage: string;
+    fullTheme?: ThemeConfig;
+}
+export declare const renderGridChart: (item: GridItemData, { appServer, apiHost, authKey, authToken, contentLanguage, fullTheme }: GridChartContext) => TemplateResult;