@luzmo/analytics-components-kit 1.0.1-alpha.42 → 1.0.1-alpha.44

package/components/{calculate-data-item-icon-BFpVWXnR.js → calculate-data-item-icon-DKjZwr-x.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { m as l, c as u, _ as D, Y as v, x as n, w as I, f as S, Q as i, O as Y, q as _, W as m, L as c, u as k, A as q, p, H as w, Z as A, D as o, k as B, S as E, a as y, b as F, X as H, V as f, s as L, M, t as x, d as O, e as P, l as h, h as Q, n as U, B as b, F as V, g as W, U as g, E as X, P as Z } from "./luzmo-icons-B2K7AcCF.js";
+import { m as l, c as u, _ as D, Y as v, x as n, w as I, f as S, Q as i, O as Y, q as _, W as m, L as c, u as k, A as q, p, H as w, Z as A, D as o, k as B, S as E, a as y, b as F, X as H, V as f, s as L, M, t as x, d as O, e as P, l as h, h as Q, n as U, B as b, F as V, g as W, U as g, E as X, P as Z } from "./luzmo-icons-DnAqAQCX.js";
 const s = {
   array: {
     s: S,

package/components/{calculate-data-item-icon-C_3QUGmB.cjs → calculate-data-item-icon-DlfbBvFN.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const e=require("./luzmo-icons-CP__dRRM.cjs"),m={array:{s:e.f0,m:e.w0,l:e.x0,xl:e.x0},coordinates:{s:e.A0,m:e.u0,l:e.L0,xl:e.L0},currency:{s:e.Z0,m:e.H0,l:e.p0,xl:e.p0},date:{s:e.a0,m:e.m0,l:e.t,xl:e.t},datetime:{s:e.n0,m:e.h0,l:e.l0,xl:e.l0},derived:{s:e.Y1,m:e._1,l:e.c0,xl:e.c0},duration:{s:e.S0,m:e.k0,l:e.D0,xl:e.D0},hierarchy:{s:e.P0,m:e.E0,l:e.U0,xl:e.U0},image:{s:e.q0,m:e.O0,l:e.Q0,xl:e.Q0},numeric:{s:e.X0,m:e.Y0,l:e._0,xl:e._0},time:{s:e.M2,m:e.s2,l:e.V2,xl:e.V2},topography:{s:e.W1,m:e.W1,l:e.W1,xl:e.W1},ipaddress:{s:e.x2,m:e.F2,l:e.B2,xl:e.B2},formula:{s:e.m3,m:e.m3,l:e.m3,xl:e.m3}},u=(r,l="m")=>{if(r==="formula")return m.formula[l];if(r==="derived")return m.derived[l]},n=(r,l="m")=>(r==null?void 0:r.type)==="array"?m.array[l]:(r==null?void 0:r.type)==="image"?m.image[l]:(r==null?void 0:r.type)==="spatial"?(r==null?void 0:r.subtype)==="topography"?m.topography[l]:m.coordinates[l]:(r==null?void 0:r.type)==="numeric"?(r==null?void 0:r.subtype)==="currency"?m.currency[l]:(r==null?void 0:r.subtype)==="duration"?m.duration[l]:m.numeric[l]:(r==null?void 0:r.type)==="datetime"?(r==null?void 0:r.subtype)==="time"?m.time[l]:(r==null?void 0:r.subtype)==="date"?m.date[l]:m.datetime[l]:(r==null?void 0:r.type)==="hierarchy"&&(r==null?void 0:r.subtype)==="ipaddress"?m.ipaddress[l]:m.hierarchy[l];exports.calculateDataItemIcon=n;exports.calculateDataItemSecondaryIcon=u;
+"use strict";const e=require("./luzmo-icons-Bvm-_ECi.cjs"),m={array:{s:e.f0,m:e.w0,l:e.x0,xl:e.x0},coordinates:{s:e.A0,m:e.u0,l:e.L0,xl:e.L0},currency:{s:e.Z0,m:e.H0,l:e.p0,xl:e.p0},date:{s:e.a0,m:e.m0,l:e.t,xl:e.t},datetime:{s:e.n0,m:e.h0,l:e.l0,xl:e.l0},derived:{s:e.Y1,m:e._1,l:e.c0,xl:e.c0},duration:{s:e.S0,m:e.k0,l:e.D0,xl:e.D0},hierarchy:{s:e.P0,m:e.E0,l:e.U0,xl:e.U0},image:{s:e.q0,m:e.O0,l:e.Q0,xl:e.Q0},numeric:{s:e.X0,m:e.Y0,l:e._0,xl:e._0},time:{s:e.M2,m:e.s2,l:e.V2,xl:e.V2},topography:{s:e.W1,m:e.W1,l:e.W1,xl:e.W1},ipaddress:{s:e.x2,m:e.F2,l:e.B2,xl:e.B2},formula:{s:e.m3,m:e.m3,l:e.m3,xl:e.m3}},u=(r,l="m")=>{if(r==="formula")return m.formula[l];if(r==="derived")return m.derived[l]},n=(r,l="m")=>(r==null?void 0:r.type)==="array"?m.array[l]:(r==null?void 0:r.type)==="image"?m.image[l]:(r==null?void 0:r.type)==="spatial"?(r==null?void 0:r.subtype)==="topography"?m.topography[l]:m.coordinates[l]:(r==null?void 0:r.type)==="numeric"?(r==null?void 0:r.subtype)==="currency"?m.currency[l]:(r==null?void 0:r.subtype)==="duration"?m.duration[l]:m.numeric[l]:(r==null?void 0:r.type)==="datetime"?(r==null?void 0:r.subtype)==="time"?m.time[l]:(r==null?void 0:r.subtype)==="date"?m.date[l]:m.datetime[l]:(r==null?void 0:r.type)==="hierarchy"&&(r==null?void 0:r.subtype)==="ipaddress"?m.ipaddress[l]:m.hierarchy[l];exports.calculateDataItemIcon=n;exports.calculateDataItemSecondaryIcon=u;

package/components/display-settings/display-settings.d.ts

@@ -59,6 +59,7 @@ export declare class LuzmoDisplaySettings extends LuzmoDisplaySettings_base {
     private _multiLanguageFieldElement;
     private _settingsTypeLoaded;
     private _currentSlotContent;
+    private _store;
     protected willUpdate(changedProperties: PropertyValues): void;
     private _onSlotContentChange;
     private _onLabelChange;

package/components/display-settings/index.cjs

@@ -17,89 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../task-qPJdeXO1.cjs");require("../index-DtohCwyO.cjs");require("../index-j8UKjHqY.cjs");require("../index-DSQyBS9Z.cjs");require("../index-Tx5oQjbt.cjs");require("../index-BKwbYw6x.cjs");require("../index-cHKqEi5-.cjs");require("../index-CYeQkVeJ.cjs");const t=require("../property-BCb4Kybn.cjs"),c=require("../state-BxZEcclm.cjs"),m=require("../query-D5qWDopr.cjs"),a=require("../luzmo-icons-CP__dRRM.cjs"),v=require("../focusable-BTJYY_Mf.cjs"),g=require("../sized-mixin-BNtmplgF.cjs"),h=":host{font-family:var(--luzmo-display-settings-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}.settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap))}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin, var(--display-settings-ids-container-vertical-margin)) 0}.setting{display:flex;align-items:center}.label-action-container{display:flex;align-items:center;justify-content:space-between;gap:var(--luzmo-display-settings-info-to-remove-icon-gap, var(--display-settings-info-to-remove-icon-gap))}.id-button,.remove-button{outline:none;cursor:pointer;border:none;background:none;font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.remove-button{display:block;width:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));height:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));border-radius:var(--luzmo-display-settings-remove-button-border-radius, 50%)}.remove-button:hover{background-color:var(--luzmo-display-settings-remove-button-background-color-hover, var(--luzmo-background-color-hover))}.remove-button:active,.remove-button:focus{background-color:var(--luzmo-display-settings-remove-button-background-color-down, var(--luzmo-background-color-down))}.remove-button:focus-visible{box-shadow:0 0 0 var(--luzmo-display-settings-remove-button-indicator-thickness, var(--display-settings-remove-button-indicator-thickness)) var(--highcontrast-remove-button-indicator-color, var(--luzmo-display-settings-remove-button-indicator-color, var(--display-settings-remove-button-indicator-color)))}.ids-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap));border-radius:50%}.id-label{text-transform:var(--luzmo-display-settings-id-label-text-transform, var(--display-settings-id-label-text-transform));font-size:var(--luzmo-display-settings-id-label-font-size, var(--display-settings-id-label-font-size));color:var(--luzmo-display-settings-id-label-color, var(--display-settings-id-label-color))}:host{--display-settings-font-family: var(--luzmo-font-family);--display-settings-id-label-text-transform: uppercase;--display-settings-id-label-color: var(--luzmo-secondary);--display-settings-remove-button-indicator-color: var(--luzmo-primary);--display-settings-remove-button-indicator-thickness: var( --luzmo-border-width )}:host{--display-settings-font-size: var(--luzmo-font-size);--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-4);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-5);--display-settings-remove-button-size: var(--luzmo-component-height)}:host([size=s]){--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-3);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-4);--display-settings-remove-button-size: var(--luzmo-component-height-s)}:host([size=l]){--display-settings-id-label-font-size: var(--luzmo-font-size);--display-settings-font-size: var(--luzmo-font-size-l);--display-settings-gap: var(--luzmo-spacing-4);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-5);--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-remove-button-size: var(--luzmo-component-height-l)}:host([size=xl]){--display-settings-id-label-font-size: var(--luzmo-font-size-l);--display-settings-font-size: var(--luzmo-font-size-xl);--display-settings-gap: var(--luzmo-spacing-5);--display-settings-ids-container-vertical-margin: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--display-settings-remove-button-size: var(--luzmo-component-height-xl)}";var y=Object.defineProperty,n=(l,e,o,d)=>{for(var i=void 0,r=l.length-1,u;r>=0;r--)(u=l[r])&&(i=u(e,o,i)||i);return i&&y(e,o,i),i};class s extends g.SizedMixin(v.LuzmoElement,{validSizes:Object.values(g.ElementSizes)}){constructor(){super(...arguments),this._loadDisplaySettings=new p.h(this,{task:async([e,o,d])=>{const i=[];this.grandTotals&&i.push("grandTotals"),this.periodOverPeriod&&i.push("periodOverPeriod"),(o==="numeric"||o==="mixed"&&(e==null?void 0:e.type)==="numeric")&&i.push("numeric"),o!=="numeric"&&(e==null?void 0:e.type)==="datetime"&&i.push("datetime"),!["numeric","mixed"].includes(o??"")&&(e==null?void 0:e.type)==="numeric"&&!this.binningDisabled&&i.push("binning"),i.length>0&&!d&&(i.includes("numeric")&&!this._settingsTypeLoaded.numeric?(await Promise.resolve().then(()=>require("../display-settings-numeric/index.cjs")),this._settingsTypeLoaded.numeric=!0,i.includes("periodOverPeriod")&&!this._settingsTypeLoaded.periodOverPeriod&&(await Promise.resolve().then(()=>require("../display-settings-period-over-period/index.cjs")),this._settingsTypeLoaded.periodOverPeriod=!0)):i.includes("datetime")&&!this._settingsTypeLoaded.datetime?(await Promise.resolve().then(()=>require("../display-settings-datetime/index.cjs")),this._settingsTypeLoaded.datetime=!0):i.includes("binning")&&!this._settingsTypeLoaded.binning?(await Promise.resolve().then(()=>require("../display-settings-binning/index.cjs")),this._settingsTypeLoaded.binning=!0):i.includes("grandTotals")&&!this._settingsTypeLoaded.grandTotals&&(await Promise.resolve().then(()=>require("../display-settings-grand-totals/index.cjs")),this._settingsTypeLoaded.grandTotals=!0))},args:()=>[this.slotContent,this.slotType,this.hideDisplaySettings]}),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.slotContent={},this._showIds=!1,this.measureColumns=[],this._settingsTypeLoaded={binning:!1,datetime:!1,numeric:!1,grandTotals:!1,periodOverPeriod:!1,hierarchy:!0},this._currentSlotContent={}}static get styles(){return[t.r(h)]}willUpdate(e){e.has("slotContent")&&(this._currentSlotContent=structuredClone(this.slotContent))}_onSlotContentChange(e){e.stopPropagation(),e.preventDefault(),this._currentSlotContent=structuredClone(e.detail.slotContent),this._sendEvent()}_onLabelChange(){this._currentSlotContent=structuredClone(this._currentSlotContent),this._currentSlotContent.label=this._multiLanguageFieldElement.value||{},this._sendEvent()}_sendEvent(){this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this._currentSlotContent}}}))}_removeEvent(){this.dispatchEvent(new CustomEvent("remove-slot-content",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}_toggleIds(){this._showIds=!this._showIds}_renderDisplaySettings(){return t.x`<div class="settings-container">
-        <div class="settings-row">
-          <div class="setting">
-            <div class="label-container">
-              <luzmo-field-label side-aligned="start" .size=${this.size}
-                >Label:</luzmo-field-label
-              >
-              <luzmo-multi-language-field
-                .language=${this.language}
-                .value=${this._currentSlotContent.label}
-                .size=${this.size}
-                debounce="200"
-                @change=${this._onLabelChange}
-              ></luzmo-multi-language-field>
-            </div>
-            <div class="label-action-container">
-              <button class="id-button" @click=${this._toggleIds}>
-                ${a.y3(a.p1)}
-                <luzmo-tooltip self-managed placement="top" size=${this.size}>
-                  Show dataset and column id's
-                </luzmo-tooltip>
-              </button>
-              ${this.showRemoveButton?t.x`<button
-                    class="remove-button"
-                    @click=${this._removeEvent}
-                  >
-                    ${a.y3(a.C1)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement="top"
-                      size=${this.size}
-                    >
-                      Remove
-                    </luzmo-tooltip>
-                  </button>`:""}
-            </div>
-          </div>
-        </div>
-        ${this.grandTotals?t.x`<luzmo-display-settings-grand-totals
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-grand-totals>`:""}
-        ${this.slotType==="numeric"||this.slotType==="mixed"&&this.slotContent.type==="numeric"?t.x`<luzmo-display-settings-numeric
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              .measureColumns=${this.measureColumns}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-numeric>`:""}
-        ${this.slotType!=="numeric"&&this.slotContent.type==="datetime"?t.x`<luzmo-display-settings-datetime
-              .language=${this.language}
-              .contentLanguage=${this.contentLanguage}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-datetime>`:""}
-        ${!["numeric","mixed"].includes(this.slotType??"")&&this.slotContent.type==="numeric"&&!this.binningDisabled?t.x`<luzmo-display-settings-binning
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-binning>`:""}
-        ${this.periodOverPeriod?t.x`<luzmo-display-settings-period-over-period
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-period-over-period>`:""}
-      </div>
-      ${this._showIds?t.x` <luzmo-divider></luzmo-divider>
-            <div class="ids-container">
-              <div>
-                <span class="id-label">Column: </span>
-                ${this._currentSlotContent.columnId??this._currentSlotContent.column}
-              </div>
-              <div>
-                <span class="id-label">Dataset: </span>
-                ${this._currentSlotContent.datasetId??this._currentSlotContent.set}
-              </div>
-              <div></div>
-            </div>`:""}`}render(){return this._loadDisplaySettings.render({pending:()=>t.x`<luzmo-progress-circle
-          indeterminate
-          .size=${this.size}
-        ></luzmo-progress-circle>`,complete:()=>this._renderDisplaySettings(),error:()=>this._renderDisplaySettings()})}}n([t.n({type:String})],s.prototype,"language");n([t.n({type:String,attribute:"content-language"})],s.prototype,"contentLanguage");n([t.n({type:Boolean,attribute:"hide-display-settings"})],s.prototype,"hideDisplaySettings");n([t.n({type:Boolean,attribute:"binning-disabled"})],s.prototype,"binningDisabled");n([t.n({type:Boolean,attribute:"grand-totals"})],s.prototype,"grandTotals");n([t.n({type:Boolean,attribute:"period-over-period"})],s.prototype,"periodOverPeriod");n([t.n({type:Boolean,attribute:"show-remove-button"})],s.prototype,"showRemoveButton");n([t.n({type:String,attribute:"slot-type"})],s.prototype,"slotType");n([t.n()],s.prototype,"slotContent");n([c.r()],s.prototype,"_showIds");n([t.n({type:Array,reflect:!1})],s.prototype,"measureColumns");n([m.e("luzmo-multi-language-field")],s.prototype,"_multiLanguageFieldElement");customElements.get("luzmo-display-settings")||customElements.define("luzmo-display-settings",s);exports.LuzmoDisplaySettings=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-BqMMcuLX.cjs");exports.LuzmoDisplaySettings=e.LuzmoDisplaySettings;

package/components/display-settings/index.js

@@ -17,224 +17,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { h as g } from "../task-PQaVY8Iw.js";
-import "../index-CskV_bXp.js";
-import "../index-CsDgk_sj.js";
-import "../index-BC1LV3vH.js";
-import "../index-CbuHBIDB.js";
-import "../index-C3N6qTxJ.js";
-import "../index-DE3d0E0P.js";
-import "../index-BmshD32H.js";
-import { r as p, x as n, n as s } from "../property-Dn4zSyxu.js";
-import { r as z } from "../state-vVJlsarL.js";
-import { e as h } from "../query-Ddbd72Um.js";
-import { a7 as m, a9 as v, aa as b } from "../luzmo-icons-B2K7AcCF.js";
-import { L as f } from "../focusable-BXhQz3_k.js";
-import { S as y, E as x } from "../sized-mixin-BR_Ii7le.js";
-const c = () => {
+import { L as u } from "../index-Cw_HnduG.js";
+const l = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
-    const l = document.createElement("style");
-    l.setAttribute("data-luzmo-vars", ""), l.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(l);
+    const o = document.createElement("style");
+    o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
   }
 };
-c();
-const _ = ":host{font-family:var(--luzmo-display-settings-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}.settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap))}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin, var(--display-settings-ids-container-vertical-margin)) 0}.setting{display:flex;align-items:center}.label-action-container{display:flex;align-items:center;justify-content:space-between;gap:var(--luzmo-display-settings-info-to-remove-icon-gap, var(--display-settings-info-to-remove-icon-gap))}.id-button,.remove-button{outline:none;cursor:pointer;border:none;background:none;font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.remove-button{display:block;width:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));height:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));border-radius:var(--luzmo-display-settings-remove-button-border-radius, 50%)}.remove-button:hover{background-color:var(--luzmo-display-settings-remove-button-background-color-hover, var(--luzmo-background-color-hover))}.remove-button:active,.remove-button:focus{background-color:var(--luzmo-display-settings-remove-button-background-color-down, var(--luzmo-background-color-down))}.remove-button:focus-visible{box-shadow:0 0 0 var(--luzmo-display-settings-remove-button-indicator-thickness, var(--display-settings-remove-button-indicator-thickness)) var(--highcontrast-remove-button-indicator-color, var(--luzmo-display-settings-remove-button-indicator-color, var(--display-settings-remove-button-indicator-color)))}.ids-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap));border-radius:50%}.id-label{text-transform:var(--luzmo-display-settings-id-label-text-transform, var(--display-settings-id-label-text-transform));font-size:var(--luzmo-display-settings-id-label-font-size, var(--display-settings-id-label-font-size));color:var(--luzmo-display-settings-id-label-color, var(--display-settings-id-label-color))}:host{--display-settings-font-family: var(--luzmo-font-family);--display-settings-id-label-text-transform: uppercase;--display-settings-id-label-color: var(--luzmo-secondary);--display-settings-remove-button-indicator-color: var(--luzmo-primary);--display-settings-remove-button-indicator-thickness: var( --luzmo-border-width )}:host{--display-settings-font-size: var(--luzmo-font-size);--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-4);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-5);--display-settings-remove-button-size: var(--luzmo-component-height)}:host([size=s]){--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-3);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-4);--display-settings-remove-button-size: var(--luzmo-component-height-s)}:host([size=l]){--display-settings-id-label-font-size: var(--luzmo-font-size);--display-settings-font-size: var(--luzmo-font-size-l);--display-settings-gap: var(--luzmo-spacing-4);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-5);--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-remove-button-size: var(--luzmo-component-height-l)}:host([size=xl]){--display-settings-id-label-font-size: var(--luzmo-font-size-l);--display-settings-font-size: var(--luzmo-font-size-xl);--display-settings-gap: var(--luzmo-spacing-5);--display-settings-ids-container-vertical-margin: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--display-settings-remove-button-size: var(--luzmo-component-height-xl)}";
-var C = Object.defineProperty, i = (l, o, r, u) => {
-  for (var t = void 0, a = l.length - 1, d; a >= 0; a--)
-    (d = l[a]) && (t = d(o, r, t) || t);
-  return t && C(o, r, t), t;
-};
-class e extends y(f, {
-  validSizes: Object.values(x)
-}) {
-  constructor() {
-    super(...arguments), this._loadDisplaySettings = new g(this, {
-      task: async ([o, r, u]) => {
-        const t = [];
-        this.grandTotals && t.push("grandTotals"), this.periodOverPeriod && t.push("periodOverPeriod"), (r === "numeric" || r === "mixed" && (o == null ? void 0 : o.type) === "numeric") && t.push("numeric"), r !== "numeric" && (o == null ? void 0 : o.type) === "datetime" && t.push("datetime"), !["numeric", "mixed"].includes(r ?? "") && (o == null ? void 0 : o.type) === "numeric" && !this.binningDisabled && t.push("binning"), t.length > 0 && !u && (t.includes("numeric") && !this._settingsTypeLoaded.numeric ? (await import("../display-settings-numeric/index.js"), this._settingsTypeLoaded.numeric = !0, t.includes("periodOverPeriod") && !this._settingsTypeLoaded.periodOverPeriod && (await import("../display-settings-period-over-period/index.js"), this._settingsTypeLoaded.periodOverPeriod = !0)) : t.includes("datetime") && !this._settingsTypeLoaded.datetime ? (await import("../display-settings-datetime/index.js"), this._settingsTypeLoaded.datetime = !0) : t.includes("binning") && !this._settingsTypeLoaded.binning ? (await import("../display-settings-binning/index.js"), this._settingsTypeLoaded.binning = !0) : t.includes("grandTotals") && !this._settingsTypeLoaded.grandTotals && (await import("../display-settings-grand-totals/index.js"), this._settingsTypeLoaded.grandTotals = !0));
-      },
-      args: () => [this.slotContent, this.slotType, this.hideDisplaySettings]
-    }), this.language = "en", this.contentLanguage = "en", this.slotType = "numeric", this.slotContent = {}, this._showIds = !1, this.measureColumns = [], this._settingsTypeLoaded = {
-      binning: !1,
-      datetime: !1,
-      numeric: !1,
-      grandTotals: !1,
-      periodOverPeriod: !1,
-      hierarchy: !0
-    }, this._currentSlotContent = {};
-  }
-  static get styles() {
-    return [p(_)];
-  }
-  willUpdate(o) {
-    o.has("slotContent") && (this._currentSlotContent = structuredClone(this.slotContent));
-  }
-  _onSlotContentChange(o) {
-    o.stopPropagation(), o.preventDefault(), this._currentSlotContent = structuredClone(o.detail.slotContent), this._sendEvent();
-  }
-  _onLabelChange() {
-    this._currentSlotContent = structuredClone(this._currentSlotContent), this._currentSlotContent.label = this._multiLanguageFieldElement.value || {}, this._sendEvent();
-  }
-  _sendEvent() {
-    this.dispatchEvent(
-      new CustomEvent("slot-content-changed", {
-        bubbles: !0,
-        composed: !0,
-        cancelable: !0,
-        detail: {
-          slotContent: { ...this._currentSlotContent }
-        }
-      })
-    );
-  }
-  _removeEvent() {
-    this.dispatchEvent(
-      new CustomEvent("remove-slot-content", {
-        bubbles: !0,
-        composed: !0,
-        cancelable: !0,
-        detail: {
-          slotContent: this._currentSlotContent
-        }
-      })
-    );
-  }
-  _toggleIds() {
-    this._showIds = !this._showIds;
-  }
-  _renderDisplaySettings() {
-    return n`<div class="settings-container">
-        <div class="settings-row">
-          <div class="setting">
-            <div class="label-container">
-              <luzmo-field-label side-aligned="start" .size=${this.size}
-                >Label:</luzmo-field-label
-              >
-              <luzmo-multi-language-field
-                .language=${this.language}
-                .value=${this._currentSlotContent.label}
-                .size=${this.size}
-                debounce="200"
-                @change=${this._onLabelChange}
-              ></luzmo-multi-language-field>
-            </div>
-            <div class="label-action-container">
-              <button class="id-button" @click=${this._toggleIds}>
-                ${m(v)}
-                <luzmo-tooltip self-managed placement="top" size=${this.size}>
-                  Show dataset and column id's
-                </luzmo-tooltip>
-              </button>
-              ${this.showRemoveButton ? n`<button
-                    class="remove-button"
-                    @click=${this._removeEvent}
-                  >
-                    ${m(b)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement="top"
-                      size=${this.size}
-                    >
-                      Remove
-                    </luzmo-tooltip>
-                  </button>` : ""}
-            </div>
-          </div>
-        </div>
-        ${this.grandTotals ? n`<luzmo-display-settings-grand-totals
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-grand-totals>` : ""}
-        ${this.slotType === "numeric" || this.slotType === "mixed" && this.slotContent.type === "numeric" ? n`<luzmo-display-settings-numeric
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              .measureColumns=${this.measureColumns}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-numeric>` : ""}
-        ${this.slotType !== "numeric" && this.slotContent.type === "datetime" ? n`<luzmo-display-settings-datetime
-              .language=${this.language}
-              .contentLanguage=${this.contentLanguage}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-datetime>` : ""}
-        ${!["numeric", "mixed"].includes(this.slotType ?? "") && this.slotContent.type === "numeric" && !this.binningDisabled ? n`<luzmo-display-settings-binning
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-binning>` : ""}
-        ${this.periodOverPeriod ? n`<luzmo-display-settings-period-over-period
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-period-over-period>` : ""}
-      </div>
-      ${this._showIds ? n` <luzmo-divider></luzmo-divider>
-            <div class="ids-container">
-              <div>
-                <span class="id-label">Column: </span>
-                ${this._currentSlotContent.columnId ?? this._currentSlotContent.column}
-              </div>
-              <div>
-                <span class="id-label">Dataset: </span>
-                ${this._currentSlotContent.datasetId ?? this._currentSlotContent.set}
-              </div>
-              <div></div>
-            </div>` : ""}`;
-  }
-  render() {
-    return this._loadDisplaySettings.render({
-      pending: () => n`<luzmo-progress-circle
-          indeterminate
-          .size=${this.size}
-        ></luzmo-progress-circle>`,
-      complete: () => this._renderDisplaySettings(),
-      error: () => this._renderDisplaySettings()
-    });
-  }
-}
-i([
-  s({ type: String })
-], e.prototype, "language");
-i([
-  s({ type: String, attribute: "content-language" })
-], e.prototype, "contentLanguage");
-i([
-  s({ type: Boolean, attribute: "hide-display-settings" })
-], e.prototype, "hideDisplaySettings");
-i([
-  s({ type: Boolean, attribute: "binning-disabled" })
-], e.prototype, "binningDisabled");
-i([
-  s({ type: Boolean, attribute: "grand-totals" })
-], e.prototype, "grandTotals");
-i([
-  s({ type: Boolean, attribute: "period-over-period" })
-], e.prototype, "periodOverPeriod");
-i([
-  s({ type: Boolean, attribute: "show-remove-button" })
-], e.prototype, "showRemoveButton");
-i([
-  s({ type: String, attribute: "slot-type" })
-], e.prototype, "slotType");
-i([
-  s()
-], e.prototype, "slotContent");
-i([
-  z()
-], e.prototype, "_showIds");
-i([
-  s({ type: Array, reflect: !1 })
-], e.prototype, "measureColumns");
-i([
-  h("luzmo-multi-language-field")
-], e.prototype, "_multiLanguageFieldElement");
-customElements.get("luzmo-display-settings") || customElements.define("luzmo-display-settings", e);
+l();
 export {
-  e as LuzmoDisplaySettings
+  u as LuzmoDisplaySettings
 };

package/components/display-settings-binning/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-C2PPSv8E.cjs");require("../index-j8UKjHqY.cjs");require("../index-DSQyBS9Z.cjs");require("../index-CBOAQ3-E.cjs");const a=require("../property-BCb4Kybn.cjs"),t=require("../set-locale-Cam8nRIW.cjs"),c=require("../localized-decorator-SOrjcPab.cjs"),d=require("../luzmo-icons-CP__dRRM.cjs"),h=require("../state-BxZEcclm.cjs"),b=require("../query-D5qWDopr.cjs"),p=require("../focusable-BTJYY_Mf.cjs"),u=require("../sized-mixin-BNtmplgF.cjs"),m=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap, var(--display-settings-binning-gap))}:host{--display-settings-binning-gap: var(--luzmo-spacing-3)}:host([size=s]){--display-settings-binning-gap: var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap: var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap: var(--luzmo-spacing-5)}";var z=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(g,e,s,n)=>{for(var i=n>1?void 0:n?v(e,s):e,l=g.length-1,r;l>=0;l--)(r=g[l])&&(i=(n?r(e,s,i):r(i))||i);return n&&i&&z(e,s,i),i};exports.LuzmoDisplaySettingsBinning=class extends u.SizedMixin(p.LuzmoElement,{validSizes:Object.values(u.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[a.r(m)]}willUpdate(e){var s,n,i,l;e.has("slotContent")&&(this._enabled=((n=(s=this.slotContent)==null?void 0:s.bins)==null?void 0:n.enabled)??!1,this._binWidth=((l=(i=this.slotContent)==null?void 0:i.bins)==null?void 0:l.number)??10),e.has("language")&&this.language!==t.getLocale()&&([...t.targetLocales].includes(this.language??"en")||this.language==="en")&&t.setLocale(this.language)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){const e={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:e}}}))}renderBinWidth(){return a.x`<div class="setting">
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-C2PPSv8E.cjs");require("../index-j8UKjHqY.cjs");require("../index-DSQyBS9Z.cjs");require("../index-CBOAQ3-E.cjs");const a=require("../property-BV1QaY8E.cjs"),t=require("../set-locale-Cam8nRIW.cjs"),c=require("../localized-decorator-SOrjcPab.cjs"),d=require("../luzmo-icons-Bvm-_ECi.cjs"),h=require("../state-CuE7TJCY.cjs"),b=require("../query-D5qWDopr.cjs"),p=require("../focusable-B8t8a-WJ.cjs"),u=require("../sized-mixin-C48t6K7U.cjs"),m=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap, var(--display-settings-binning-gap))}:host{--display-settings-binning-gap: var(--luzmo-spacing-3)}:host([size=s]){--display-settings-binning-gap: var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap: var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap: var(--luzmo-spacing-5)}";var z=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(g,e,s,n)=>{for(var i=n>1?void 0:n?v(e,s):e,l=g.length-1,r;l>=0;l--)(r=g[l])&&(i=(n?r(e,s,i):r(i))||i);return n&&i&&z(e,s,i),i};exports.LuzmoDisplaySettingsBinning=class extends u.SizedMixin(p.LuzmoElement,{validSizes:Object.values(u.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[a.r(m)]}willUpdate(e){var s,n,i,l;e.has("slotContent")&&(this._enabled=((n=(s=this.slotContent)==null?void 0:s.bins)==null?void 0:n.enabled)??!1,this._binWidth=((l=(i=this.slotContent)==null?void 0:i.bins)==null?void 0:l.number)??10),e.has("language")&&this.language!==t.getLocale()&&([...t.targetLocales].includes(this.language??"en")||this.language==="en")&&t.setLocale(this.language)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){const e={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:e}}}))}renderBinWidth(){return a.x`<div class="setting">
       <luzmo-field-label for="bin-width"
         >${t.msg("Bin width",{desc:"The width of each bin in the histogram"})}</luzmo-field-label
       >

package/components/display-settings-binning/index.js

@@ -21,14 +21,14 @@ import "../index-rQxtPaJl.js";
 import "../index-CsDgk_sj.js";
 import "../index-BC1LV3vH.js";
 import "../index-Desl7GJ0.js";
-import { r as z, x as m, n as c } from "../property-Dn4zSyxu.js";
+import { r as z, x as m, n as c } from "../property-BFMfZY1k.js";
 import { g, t as b, s as p, m as s } from "../set-locale-DbEAMqUs.js";
 import { l as h } from "../localized-decorator-DNr1P1m0.js";
-import { v as f, z as v } from "../luzmo-icons-B2K7AcCF.js";
-import { r as x } from "../state-vVJlsarL.js";
+import { v as f, z as v } from "../luzmo-icons-DnAqAQCX.js";
+import { r as x } from "../state-BSTa7W6f.js";
 import { e as y } from "../query-Ddbd72Um.js";
-import { L as w } from "../focusable-BXhQz3_k.js";
-import { S as _, E } from "../sized-mixin-BR_Ii7le.js";
+import { L as w } from "../focusable-Bhf_beoW.js";
+import { S as _, E } from "../sized-mixin-CkdMApAU.js";
 const d = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/display-settings-datetime/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../task-qPJdeXO1.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-j8UKjHqY.cjs");require("../index-DSQyBS9Z.cjs");require("../index-CBOAQ3-E.cjs");require("../index-EXO-Hsj2.cjs");require("../index-BKwbYw6x.cjs");const s=require("../property-BCb4Kybn.cjs"),i=require("../set-locale-Cam8nRIW.cjs"),f=require("../localized-decorator-SOrjcPab.cjs"),d=require("../luzmo-icons-CP__dRRM.cjs"),m=require("../formatter-DiJYkB6b.cjs"),h=require("../periods.const-CfXsouLz.cjs"),l=require("../query-D5qWDopr.cjs"),y=require("../focusable-BTJYY_Mf.cjs"),p=require("../sized-mixin-BNtmplgF.cjs"),c={"~":()=>i.msg("Auto",{desc:"Automatic setting of the option"}),"/":()=>"/","-":()=>"-",".":()=>"."},z=":host{font-family:var(--luzmo-display-settings-datetime-font-family, var(--luzmo-font-family))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap, var(--display-settings-datetime-gap))}:host .example-container{line-height:var(--luzmo-display-settings-datetime-example-height, var(--display-settings-datetime-example-height));font-size:var(--luzmo-display-settings-datetime-example-font-size, var(--display-settings-datetime-example-font-size));color:var(--luzmo-display-settings-datetime-example-color, var(--display-settings-datetime-example-color))}:host .example-container .example-label{font-weight:var(--luzmo-display-settings-datetime-example-label-font-weight, var(--display-settings-datetime-example-label-font-weight));color:var(--luzmo-display-settings-datetime-example-label-color, var(--display-settings-datetime-example-label-color))}:host .example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-datetime-example-language-color, var(--display-settings-datetime-example-language-color))}:host{--display-settings-datetime-example-font-size: var(--luzmo-font-size);--display-settings-datetime-example-color: var(--luzmo-font-color);--display-settings-datetime-example-label-font-weight: bold;--display-settings-datetime-example-label-color: var(--luzmo-primary);--display-settings-datetime-example-language-color: var(--luzmo-primary)}:host{--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=s]){--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height-s);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-datetime-gap: var(--luzmo-spacing-4);--display-settings-datetime-example-height: var(--luzmo-component-height-l);--display-settings-datetime-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-datetime-gap: var(--luzmo-spacing-5);--display-settings-datetime-example-height: var(--luzmo-component-height-xl);--display-settings-datetime-example-font-size: var(--luzmo-font-size-l)}";var v=Object.defineProperty,S=Object.getOwnPropertyDescriptor,r=(u,e,t,o)=>{for(var a=o>1?void 0:o?S(e,t):e,n=u.length-1,_;n>=0;n--)(_=u[n])&&(a=(o?_(e,t,a):_(a))||a);return o&&a&&v(e,t,a),a};exports.LuzmoDisplaySettingsDatetime=class extends p.SizedMixin(y.LuzmoElement,{validSizes:Object.values(p.ElementSizes)}){constructor(){super(...arguments),this._loadLocaleFormatsConfig=new g.h(this,{task:async([e])=>{if(e&&e!==this._contentLanguageLoaded){const t=Object.assign({"../../utils/formatter/formats/cs.ts":()=>Promise.resolve().then(()=>require("../cs-I9E81keK.cjs")),"../../utils/formatter/formats/da.ts":()=>Promise.resolve().then(()=>require("../da-QkdvupDg.cjs")),"../../utils/formatter/formats/de.ts":()=>Promise.resolve().then(()=>require("../de-Dn5mUzha.cjs")),"../../utils/formatter/formats/en-GB.ts":()=>Promise.resolve().then(()=>require("../en-GB-Dd11ROdW.cjs")),"../../utils/formatter/formats/en-US.ts":()=>Promise.resolve().then(()=>D),"../../utils/formatter/formats/en.ts":()=>Promise.resolve().then(()=>F),"../../utils/formatter/formats/es.ts":()=>Promise.resolve().then(()=>require("../es-CwyPlN5d.cjs")),"../../utils/formatter/formats/fi.ts":()=>Promise.resolve().then(()=>require("../fi-rijeZE5V.cjs")),"../../utils/formatter/formats/fr.ts":()=>Promise.resolve().then(()=>require("../fr-BcgE-6S_.cjs")),"../../utils/formatter/formats/he.ts":()=>Promise.resolve().then(()=>require("../he-O6Ih8Bqh.cjs")),"../../utils/formatter/formats/hu.ts":()=>Promise.resolve().then(()=>require("../hu-BnZ8y3xQ.cjs")),"../../utils/formatter/formats/it.ts":()=>Promise.resolve().then(()=>require("../it-PshtLMkq.cjs")),"../../utils/formatter/formats/ja.ts":()=>Promise.resolve().then(()=>require("../ja-KIS2HdaG.cjs")),"../../utils/formatter/formats/ko.ts":()=>Promise.resolve().then(()=>require("../ko--l4qmjLV.cjs")),"../../utils/formatter/formats/mk.ts":()=>Promise.resolve().then(()=>require("../mk-DZlj-edb.cjs")),"../../utils/formatter/formats/nl.ts":()=>Promise.resolve().then(()=>require("../nl-BKlDqOXb.cjs")),"../../utils/formatter/formats/no.ts":()=>Promise.resolve().then(()=>require("../no-D_SzxhTu.cjs")),"../../utils/formatter/formats/pl.ts":()=>Promise.resolve().then(()=>require("../pl-PIK23rK_.cjs")),"../../utils/formatter/formats/pt.ts":()=>Promise.resolve().then(()=>require("../pt-Dqlu4MS5.cjs")),"../../utils/formatter/formats/ru.ts":()=>Promise.resolve().then(()=>require("../ru-zyNDTB04.cjs")),"../../utils/formatter/formats/sv.ts":()=>Promise.resolve().then(()=>require("../sv-1DPTltNQ.cjs")),"../../utils/formatter/formats/tr.ts":()=>Promise.resolve().then(()=>require("../tr-BkmWvOG2.cjs")),"../../utils/formatter/formats/zh-CN.ts":()=>Promise.resolve().then(()=>require("../zh-CN-DTZ4OmdP.cjs")),"../../utils/formatter/formats/zh-TW.ts":()=>Promise.resolve().then(()=>require("../zh-TW-DTZ4OmdP.cjs"))});if(t[`../../utils/formatter/formats/${e}.ts`]){const o=await t[`../../utils/formatter/formats/${e}.ts`]();this._localeFormats=(o==null?void 0:o.default)??{}}return this._contentLanguageLoaded=e,this._localeFormats}},args:()=>[this.contentLanguage]}),this.language="en",this.contentLanguage="en",this.size="m",this.slotContent={},this._dateLevel=5,this._displayAs="default",this._weekStart="monday",this._weekDayAndMonthInYearFormat="long",this._dateFormat="auto",this._dateSeparator="~",this._sendEvent=()=>{this._calculateSlotContent(),this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}}static get styles(){return[s.r(z)]}_parseSlotContent(){var e,t;this._dateLevel=this.slotContent.level??((e=this.slotContent)==null?void 0:e.lowestLevel)??5,this._displayAs=((t=this.slotContent)==null?void 0:t.datetimeDisplayMode)??"default",this._displayAs==="weekday_number"&&(this._displayAs="day_in_week",this._weekDayAndMonthInYearFormat="number"),this._displayAs==="weekday_name"&&(this._displayAs="day_in_week"),this._displayAs==="month_number"&&(this._displayAs="month_in_year",this._weekDayAndMonthInYearFormat="number"),this._displayAs==="month_name"&&(this._displayAs="month_in_year")}_calculateFormat(){var o;let e;const t=((o=this._localeFormats)==null?void 0:o.smartDateFormats)??m.SMART_DATE_FORMATS;this._monthName?(e=t.filter(a=>a.monthType==="name"&&a.longText===(this._monthNameFormat==="long")&&a.weekday===this._weekDay),e.length>0?this._format=e[0].key:(this._weekDayAndMonthInYearFormat="short",this._weekDay=!0,this._format="%a %e %B %Y")):(e=this._dateLevel&&this._dateLevel===4?t.filter(a=>a.monthType==="number"&&a.mmdd===(this._weekFormat==="mmdd"?!0:this._weekFormat==="ddmm"?!1:null)&&a.separator===this._dateSeparator):t.filter(a=>a.monthType==="number"&&a.mmdd===(this._dateFormat==="mmdd"?!0:this._dateFormat==="ddmm"?!1:null)&&a.separator===this._dateSeparator),this._dateFormat==="auto"&&this._dateLevel&&this._dateLevel!==4?this._format="%amd"+this._dateSeparator+"%Y":e.length>0?this._format=e[0].key:(this._dateFormat="ddmm",this._dateSeparator="/",this._format="%d/%m/%Y")),this._dateLevel&&this._dateLevel>5&&(this._format+=this._24hFormat?" %H:%M:%S.%L":" %I:%M:%S.%L %p")}_setWeekStartsOn(){this._weekStart=this._weekStartElement.value,this._sendEvent(),this.requestUpdate()}_setDisplayAs(){this._displayAs=this._displayAsElement.value,this._sendEvent(),this.requestUpdate()}_setWeekdayAndMonthInYearFormat(){var e;this._weekDayAndMonthInYearFormat=((e=this._weekDayAndMonthInYearFormatElement.selected)==null?void 0:e[0])??"long",this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){var e;this._monthNameFormat=(e=this._monthNameFormatElement.selected)==null?void 0:e[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){var e;this._weekFormat=(e=this._weekFormatElement.selected)==null?void 0:e[0],this._sendEvent(),this.requestUpdate()}_setDateFormat(){this._dateFormat=this._dateFormatElement.value,this._sendEvent(),this.requestUpdate()}_setDateSeparator(){this._dateSeparator=this._dateSeparatorElement.value,this._sendEvent(),this.requestUpdate()}_set24hFormat(){this._24hFormat=this._format24hElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekday(){this._weekDay=this._weekDayElement.selected,this._sendEvent(),this.requestUpdate()}_calculateSlotContent(){this._currentSlotContent={...this.slotContent},this._calculateFormat(),this._currentSlotContent.format=this._format,this._displayAs==="default"?delete this._currentSlotContent.datetimeDisplayMode:(this._currentSlotContent.datetimeDisplayMode=this._displayAs,this._displayAs==="week_in_year"?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"week_number":"week_name":this._displayAs==="month_in_year"?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"month_number":"month_name":this._displayAs==="day_in_week"&&(this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"weekday_number":"weekday_name",this._currentSlotContent.weekStart=this._weekStart),this._weekDayAndMonthInYearFormat&&(this._dateLevel===3?this._currentSlotContent.monthNameFormat=this._weekDayAndMonthInYearFormat:this._dateLevel===5&&(this._currentSlotContent.weekDayNameFormat=this._weekDayAndMonthInYearFormat)))}willUpdate(e){e.has("slotContent")&&(this._parseSlotContent(),this._calculateSlotContent()),e.has("language")&&this.language!==i.getLocale()&&([...i.targetLocales].includes(this.language??"en")||this.language==="en")&&i.setLocale(this.language)}_renderDisplaySettings(){var t,o;const e=(o=(t=h.DATETIME_AS_STRING_FORMATS_PER_LEVEL)==null?void 0:t[`level${this._dateLevel??0}`])==null?void 0:o.map(a=>s.x`<luzmo-menu-item value=${a.key}>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../task-0B-FC3rj.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-j8UKjHqY.cjs");require("../index-DSQyBS9Z.cjs");require("../index-CBOAQ3-E.cjs");require("../index-EXO-Hsj2.cjs");require("../index-BKwbYw6x.cjs");const s=require("../property-BV1QaY8E.cjs"),i=require("../set-locale-Cam8nRIW.cjs"),f=require("../localized-decorator-SOrjcPab.cjs"),d=require("../luzmo-icons-Bvm-_ECi.cjs"),m=require("../formatter-DiJYkB6b.cjs"),h=require("../periods.const-CfXsouLz.cjs"),l=require("../query-D5qWDopr.cjs"),y=require("../focusable-B8t8a-WJ.cjs"),p=require("../sized-mixin-C48t6K7U.cjs"),c={"~":()=>i.msg("Auto",{desc:"Automatic setting of the option"}),"/":()=>"/","-":()=>"-",".":()=>"."},z=":host{font-family:var(--luzmo-display-settings-datetime-font-family, var(--luzmo-font-family))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap, var(--display-settings-datetime-gap))}:host .example-container{line-height:var(--luzmo-display-settings-datetime-example-height, var(--display-settings-datetime-example-height));font-size:var(--luzmo-display-settings-datetime-example-font-size, var(--display-settings-datetime-example-font-size));color:var(--luzmo-display-settings-datetime-example-color, var(--display-settings-datetime-example-color))}:host .example-container .example-label{font-weight:var(--luzmo-display-settings-datetime-example-label-font-weight, var(--display-settings-datetime-example-label-font-weight));color:var(--luzmo-display-settings-datetime-example-label-color, var(--display-settings-datetime-example-label-color))}:host .example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-datetime-example-language-color, var(--display-settings-datetime-example-language-color))}:host{--display-settings-datetime-example-font-size: var(--luzmo-font-size);--display-settings-datetime-example-color: var(--luzmo-font-color);--display-settings-datetime-example-label-font-weight: bold;--display-settings-datetime-example-label-color: var(--luzmo-primary);--display-settings-datetime-example-language-color: var(--luzmo-primary)}:host{--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=s]){--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height-s);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-datetime-gap: var(--luzmo-spacing-4);--display-settings-datetime-example-height: var(--luzmo-component-height-l);--display-settings-datetime-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-datetime-gap: var(--luzmo-spacing-5);--display-settings-datetime-example-height: var(--luzmo-component-height-xl);--display-settings-datetime-example-font-size: var(--luzmo-font-size-l)}";var v=Object.defineProperty,S=Object.getOwnPropertyDescriptor,r=(u,e,t,o)=>{for(var a=o>1?void 0:o?S(e,t):e,n=u.length-1,_;n>=0;n--)(_=u[n])&&(a=(o?_(e,t,a):_(a))||a);return o&&a&&v(e,t,a),a};exports.LuzmoDisplaySettingsDatetime=class extends p.SizedMixin(y.LuzmoElement,{validSizes:Object.values(p.ElementSizes)}){constructor(){super(...arguments),this._loadLocaleFormatsConfig=new g.h(this,{task:async([e])=>{if(e&&e!==this._contentLanguageLoaded){const t=Object.assign({"../../utils/formatter/formats/cs.ts":()=>Promise.resolve().then(()=>require("../cs-I9E81keK.cjs")),"../../utils/formatter/formats/da.ts":()=>Promise.resolve().then(()=>require("../da-QkdvupDg.cjs")),"../../utils/formatter/formats/de.ts":()=>Promise.resolve().then(()=>require("../de-Dn5mUzha.cjs")),"../../utils/formatter/formats/en-GB.ts":()=>Promise.resolve().then(()=>require("../en-GB-Dd11ROdW.cjs")),"../../utils/formatter/formats/en-US.ts":()=>Promise.resolve().then(()=>D),"../../utils/formatter/formats/en.ts":()=>Promise.resolve().then(()=>F),"../../utils/formatter/formats/es.ts":()=>Promise.resolve().then(()=>require("../es-CwyPlN5d.cjs")),"../../utils/formatter/formats/fi.ts":()=>Promise.resolve().then(()=>require("../fi-rijeZE5V.cjs")),"../../utils/formatter/formats/fr.ts":()=>Promise.resolve().then(()=>require("../fr-BcgE-6S_.cjs")),"../../utils/formatter/formats/he.ts":()=>Promise.resolve().then(()=>require("../he-O6Ih8Bqh.cjs")),"../../utils/formatter/formats/hu.ts":()=>Promise.resolve().then(()=>require("../hu-BnZ8y3xQ.cjs")),"../../utils/formatter/formats/it.ts":()=>Promise.resolve().then(()=>require("../it-PshtLMkq.cjs")),"../../utils/formatter/formats/ja.ts":()=>Promise.resolve().then(()=>require("../ja-KIS2HdaG.cjs")),"../../utils/formatter/formats/ko.ts":()=>Promise.resolve().then(()=>require("../ko--l4qmjLV.cjs")),"../../utils/formatter/formats/mk.ts":()=>Promise.resolve().then(()=>require("../mk-DZlj-edb.cjs")),"../../utils/formatter/formats/nl.ts":()=>Promise.resolve().then(()=>require("../nl-BKlDqOXb.cjs")),"../../utils/formatter/formats/no.ts":()=>Promise.resolve().then(()=>require("../no-D_SzxhTu.cjs")),"../../utils/formatter/formats/pl.ts":()=>Promise.resolve().then(()=>require("../pl-PIK23rK_.cjs")),"../../utils/formatter/formats/pt.ts":()=>Promise.resolve().then(()=>require("../pt-Dqlu4MS5.cjs")),"../../utils/formatter/formats/ru.ts":()=>Promise.resolve().then(()=>require("../ru-zyNDTB04.cjs")),"../../utils/formatter/formats/sv.ts":()=>Promise.resolve().then(()=>require("../sv-1DPTltNQ.cjs")),"../../utils/formatter/formats/tr.ts":()=>Promise.resolve().then(()=>require("../tr-BkmWvOG2.cjs")),"../../utils/formatter/formats/zh-CN.ts":()=>Promise.resolve().then(()=>require("../zh-CN-DTZ4OmdP.cjs")),"../../utils/formatter/formats/zh-TW.ts":()=>Promise.resolve().then(()=>require("../zh-TW-DTZ4OmdP.cjs"))});if(t[`../../utils/formatter/formats/${e}.ts`]){const o=await t[`../../utils/formatter/formats/${e}.ts`]();this._localeFormats=(o==null?void 0:o.default)??{}}return this._contentLanguageLoaded=e,this._localeFormats}},args:()=>[this.contentLanguage]}),this.language="en",this.contentLanguage="en",this.size="m",this.slotContent={},this._dateLevel=5,this._displayAs="default",this._weekStart="monday",this._weekDayAndMonthInYearFormat="long",this._dateFormat="auto",this._dateSeparator="~",this._sendEvent=()=>{this._calculateSlotContent(),this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}}static get styles(){return[s.r(z)]}_parseSlotContent(){var e,t;this._dateLevel=this.slotContent.level??((e=this.slotContent)==null?void 0:e.lowestLevel)??5,this._displayAs=((t=this.slotContent)==null?void 0:t.datetimeDisplayMode)??"default",this._displayAs==="weekday_number"&&(this._displayAs="day_in_week",this._weekDayAndMonthInYearFormat="number"),this._displayAs==="weekday_name"&&(this._displayAs="day_in_week"),this._displayAs==="month_number"&&(this._displayAs="month_in_year",this._weekDayAndMonthInYearFormat="number"),this._displayAs==="month_name"&&(this._displayAs="month_in_year")}_calculateFormat(){var o;let e;const t=((o=this._localeFormats)==null?void 0:o.smartDateFormats)??m.SMART_DATE_FORMATS;this._monthName?(e=t.filter(a=>a.monthType==="name"&&a.longText===(this._monthNameFormat==="long")&&a.weekday===this._weekDay),e.length>0?this._format=e[0].key:(this._weekDayAndMonthInYearFormat="short",this._weekDay=!0,this._format="%a %e %B %Y")):(e=this._dateLevel&&this._dateLevel===4?t.filter(a=>a.monthType==="number"&&a.mmdd===(this._weekFormat==="mmdd"?!0:this._weekFormat==="ddmm"?!1:null)&&a.separator===this._dateSeparator):t.filter(a=>a.monthType==="number"&&a.mmdd===(this._dateFormat==="mmdd"?!0:this._dateFormat==="ddmm"?!1:null)&&a.separator===this._dateSeparator),this._dateFormat==="auto"&&this._dateLevel&&this._dateLevel!==4?this._format="%amd"+this._dateSeparator+"%Y":e.length>0?this._format=e[0].key:(this._dateFormat="ddmm",this._dateSeparator="/",this._format="%d/%m/%Y")),this._dateLevel&&this._dateLevel>5&&(this._format+=this._24hFormat?" %H:%M:%S.%L":" %I:%M:%S.%L %p")}_setWeekStartsOn(){this._weekStart=this._weekStartElement.value,this._sendEvent(),this.requestUpdate()}_setDisplayAs(){this._displayAs=this._displayAsElement.value,this._sendEvent(),this.requestUpdate()}_setWeekdayAndMonthInYearFormat(){var e;this._weekDayAndMonthInYearFormat=((e=this._weekDayAndMonthInYearFormatElement.selected)==null?void 0:e[0])??"long",this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){var e;this._monthNameFormat=(e=this._monthNameFormatElement.selected)==null?void 0:e[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){var e;this._weekFormat=(e=this._weekFormatElement.selected)==null?void 0:e[0],this._sendEvent(),this.requestUpdate()}_setDateFormat(){this._dateFormat=this._dateFormatElement.value,this._sendEvent(),this.requestUpdate()}_setDateSeparator(){this._dateSeparator=this._dateSeparatorElement.value,this._sendEvent(),this.requestUpdate()}_set24hFormat(){this._24hFormat=this._format24hElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekday(){this._weekDay=this._weekDayElement.selected,this._sendEvent(),this.requestUpdate()}_calculateSlotContent(){this._currentSlotContent={...this.slotContent},this._calculateFormat(),this._currentSlotContent.format=this._format,this._displayAs==="default"?delete this._currentSlotContent.datetimeDisplayMode:(this._currentSlotContent.datetimeDisplayMode=this._displayAs,this._displayAs==="week_in_year"?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"week_number":"week_name":this._displayAs==="month_in_year"?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"month_number":"month_name":this._displayAs==="day_in_week"&&(this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"weekday_number":"weekday_name",this._currentSlotContent.weekStart=this._weekStart),this._weekDayAndMonthInYearFormat&&(this._dateLevel===3?this._currentSlotContent.monthNameFormat=this._weekDayAndMonthInYearFormat:this._dateLevel===5&&(this._currentSlotContent.weekDayNameFormat=this._weekDayAndMonthInYearFormat)))}willUpdate(e){e.has("slotContent")&&(this._parseSlotContent(),this._calculateSlotContent()),e.has("language")&&this.language!==i.getLocale()&&([...i.targetLocales].includes(this.language??"en")||this.language==="en")&&i.setLocale(this.language)}_renderDisplaySettings(){var t,o;const e=(o=(t=h.DATETIME_AS_STRING_FORMATS_PER_LEVEL)==null?void 0:t[`level${this._dateLevel??0}`])==null?void 0:o.map(a=>s.x`<luzmo-menu-item value=${a.key}>
           ${a.i18n()}
         </luzmo-menu-item>`);return s.x`<div class="setting">
       <luzmo-field-label for="display-as"

package/components/display-settings-datetime/index.js

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { h as S } from "../task-PQaVY8Iw.js";
+import { h as S } from "../task-CDsB8Kbr.js";
 import "../index-rQxtPaJl.js";
 import "../index-BHJH1eGn.js";
 import "../index-CsDgk_sj.js";
@@ -25,15 +25,15 @@ import "../index-BC1LV3vH.js";
 import "../index-Desl7GJ0.js";
 import "../index-CDpuEf8W.js";
 import "../index-C3N6qTxJ.js";
-import { r as k, x as a, n as d } from "../property-Dn4zSyxu.js";
+import { r as k, x as a, n as d } from "../property-BFMfZY1k.js";
 import { m as i, g as x, t as w, s as F } from "../set-locale-DbEAMqUs.js";
 import { l as $ } from "../localized-decorator-DNr1P1m0.js";
-import { v as p, z as c } from "../luzmo-icons-B2K7AcCF.js";
+import { v as p, z as c } from "../luzmo-icons-DnAqAQCX.js";
 import { S as _, f, D as v } from "../formatter-CQDms6fU.js";
 import { a as A, b as z, W as g } from "../periods.const-C89NNRX-.js";
 import { e as n } from "../query-Ddbd72Um.js";
-import { L } from "../focusable-BXhQz3_k.js";
-import { S as D, E } from "../sized-mixin-BR_Ii7le.js";
+import { L } from "../focusable-Bhf_beoW.js";
+import { S as D, E } from "../sized-mixin-CkdMApAU.js";
 const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");

package/components/display-settings-grand-totals/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-C2PPSv8E.cjs");require("../index-j8UKjHqY.cjs");require("../index-DSQyBS9Z.cjs");const l=require("../property-BCb4Kybn.cjs"),n=require("../set-locale-Cam8nRIW.cjs"),c=require("../localized-decorator-SOrjcPab.cjs"),g=require("../luzmo-icons-CP__dRRM.cjs"),p=require("../state-BxZEcclm.cjs"),m=require("../if-defined-Bulnuz1A.cjs"),z=require("../focusable-BTJYY_Mf.cjs"),u=require("../sized-mixin-BNtmplgF.cjs"),h=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-grand-totals-gap, var(--display-settings-grand-totals-gap))}:host{--display-settings-grand-totals-gap: var(--luzmo-spacing-3)}:host([size=s]){--display-settings-grand-totals-gap: var(--luzmo-spacing-3)}:host([size=l]){--display-settings-grand-totals-gap: var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-grand-totals-gap: var(--luzmo-spacing-5)}";var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(o,t,a,e)=>{for(var s=e>1?void 0:e?v(t,a):t,r=o.length-1,d;r>=0;r--)(d=o[r])&&(s=(e?d(t,a,s):d(s))||s);return e&&s&&b(t,a,s),s};exports.LuzmoDisplaySettingsGrandTotals=class extends u.SizedMixin(z.LuzmoElement,{validSizes:Object.values(u.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={}}static get styles(){return[l.r(h)]}willUpdate(t){var a,e;t.has("slotContent")&&(this._enabled=((e=(a=this.slotContent)==null?void 0:a.grandTotals)==null?void 0:e.enabled)??!1),t.has("language")&&this.language!==n.getLocale()&&([...n.targetLocales].includes(this.language??"en")||this.language==="en")&&n.setLocale(this.language)}toggleGrandTotals(){this._enabled=!this._enabled,this.sendEvent()}sendEvent(){const t={enabled:!!this._enabled};this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,grandTotals:t}}}))}render(){return l.x`<div class="settings-container">
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-C2PPSv8E.cjs");require("../index-j8UKjHqY.cjs");require("../index-DSQyBS9Z.cjs");const l=require("../property-BV1QaY8E.cjs"),n=require("../set-locale-Cam8nRIW.cjs"),c=require("../localized-decorator-SOrjcPab.cjs"),g=require("../luzmo-icons-Bvm-_ECi.cjs"),p=require("../state-CuE7TJCY.cjs"),m=require("../if-defined-DjdbEoAa.cjs"),z=require("../focusable-B8t8a-WJ.cjs"),u=require("../sized-mixin-C48t6K7U.cjs"),h=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-grand-totals-gap, var(--display-settings-grand-totals-gap))}:host{--display-settings-grand-totals-gap: var(--luzmo-spacing-3)}:host([size=s]){--display-settings-grand-totals-gap: var(--luzmo-spacing-3)}:host([size=l]){--display-settings-grand-totals-gap: var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-grand-totals-gap: var(--luzmo-spacing-5)}";var b=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(o,t,a,e)=>{for(var s=e>1?void 0:e?v(t,a):t,r=o.length-1,d;r>=0;r--)(d=o[r])&&(s=(e?d(t,a,s):d(s))||s);return e&&s&&b(t,a,s),s};exports.LuzmoDisplaySettingsGrandTotals=class extends u.SizedMixin(z.LuzmoElement,{validSizes:Object.values(u.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={}}static get styles(){return[l.r(h)]}willUpdate(t){var a,e;t.has("slotContent")&&(this._enabled=((e=(a=this.slotContent)==null?void 0:a.grandTotals)==null?void 0:e.enabled)??!1),t.has("language")&&this.language!==n.getLocale()&&([...n.targetLocales].includes(this.language??"en")||this.language==="en")&&n.setLocale(this.language)}toggleGrandTotals(){this._enabled=!this._enabled,this.sendEvent()}sendEvent(){const t={enabled:!!this._enabled};this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,grandTotals:t}}}))}render(){return l.x`<div class="settings-container">
       <div class="settings-row">
         <div class="setting">
           <luzmo-field-label for="grand-totals"

package/components/display-settings-grand-totals/index.js

@@ -20,14 +20,14 @@
 import "../index-rQxtPaJl.js";
 import "../index-CsDgk_sj.js";
 import "../index-BC1LV3vH.js";
-import { r as d, x as z, n as m } from "../property-Dn4zSyxu.js";
+import { r as d, x as z, n as m } from "../property-BFMfZY1k.js";
 import { g, t as p, s as b, m as u } from "../set-locale-DbEAMqUs.js";
 import { l as f } from "../localized-decorator-DNr1P1m0.js";
-import { v as h, z as v } from "../luzmo-icons-B2K7AcCF.js";
-import { r as x } from "../state-vVJlsarL.js";
-import { o as y } from "../if-defined-CTc4c9nr.js";
-import { L as w } from "../focusable-BXhQz3_k.js";
-import { S as _, E as C } from "../sized-mixin-BR_Ii7le.js";
+import { v as h, z as v } from "../luzmo-icons-DnAqAQCX.js";
+import { r as x } from "../state-BSTa7W6f.js";
+import { o as y } from "../if-defined-Dg09naf2.js";
+import { L as w } from "../focusable-Bhf_beoW.js";
+import { S as _, E as C } from "../sized-mixin-CkdMApAU.js";
 const c = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");