@luzmo/analytics-components-kit 1.0.1-alpha.3 → 1.0.1-alpha.30

package/components/de-iM39JlAt.js

@@ -0,0 +1,109 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e = {
+  decimal: ",",
+  thousands: ".",
+  grouping: [3],
+  currency: ["", " €"],
+  dateTime: "%A, der %e. %B %Y, %X",
+  date: "%d.%m.%Y",
+  dateSeparator: ".",
+  time: "%H:%M:%S",
+  periods: ["AM", "PM"],
+  days: [
+    "Sonntag",
+    "Montag",
+    "Dienstag",
+    "Mittwoch",
+    "Donnerstag",
+    "Freitag",
+    "Samstag"
+  ],
+  shortDays: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
+  months: [
+    "Januar",
+    "Februar",
+    "März",
+    "April",
+    "Mai",
+    "Juni",
+    "Juli",
+    "August",
+    "September",
+    "Oktober",
+    "November",
+    "Dezember"
+  ],
+  shortMonths: [
+    "Jan",
+    "Feb",
+    "Mrz",
+    "Apr",
+    "Mai",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Okt",
+    "Nov",
+    "Dez"
+  ],
+  levels: [
+    "Alles",
+    "Jahr",
+    "Quartal",
+    "Monat",
+    "Woche",
+    "Tag",
+    "Stunden",
+    "Minute",
+    "Sekunde",
+    "Millisekunde"
+  ],
+  shortLevels: [
+    "Alles",
+    "Jahr",
+    "Qtl",
+    "Mnt",
+    "Woche",
+    "Tag",
+    "St",
+    "Min",
+    "Sek",
+    "Msek"
+  ],
+  durationLongSuffix: [
+    "",
+    "Jahre",
+    "Quartalen",
+    "Monate",
+    "Wochen",
+    "Tage",
+    "Stunden",
+    "Minuten",
+    "Sekunden",
+    "Millisekunden"
+  ],
+  durationShortSuffix: ["", "j", "q", "mo", "w", "t", "st", "m", "s", "ms"],
+  multi: [".%L", ":%S", "%I:%M", "%I %p", "%a %d", "W%G", "%b %d", "%B", "%Y"]
+};
+export {
+  e as default
+};

package/components/decompose-numeric-format-B3rVVHpO.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";function t(o){const e=/(?:([^{])?([<>=^]))?([+\- \()])?([$#])?(0)?(\d+)?([,_])?(\.-?\d+)?([a-z%]{1,2})?/i.exec(o)??[];return{fill:e[1]||" ",align:e[2]||">",sign:e[3]||"-",symbol:e[4]||"",zfill:e[5],width:+e[6],comma:e[7],precision:e[8],typeFormat:e[9]}}exports.decomposeNumericFormat=t;

package/components/decompose-numeric-format-BuZcjH2k.js

@@ -0,0 +1,39 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+function i(o) {
+  const e = /(?:([^{])?([<>=^]))?([+\- \()])?([$#])?(0)?(\d+)?([,_])?(\.-?\d+)?([a-z%]{1,2})?/i.exec(o) ?? [];
+  return {
+    fill: e[1] || " ",
+    align: e[2] || ">",
+    sign: e[3] || "-",
+    symbol: e[4] || "",
+    // added option '(' for negative notation with () //TO-DO implement
+    zfill: e[5],
+    width: +e[6],
+    comma: e[7],
+    // added option _ for thousand separator ' '
+    precision: e[8],
+    typeFormat: e[9]
+    // z = general formal with comma, y = percentage with comma, w = scientific with comma
+  };
+}
+export {
+  i as d
+};

package/components/directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs

@@ -0,0 +1,80 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const i=require("./base-D76d76ww-BEIhYtgV.cjs");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * 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.
+ * *//**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function n(s){return i.Dt({...s,state:!0,attribute:!1})}/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * 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.
+ * *//**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const u={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4},_=s=>(...t)=>({_$litDirective$:s,values:t});class ${constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,r,e){this._$Ct=t,this._$AM=r,this._$Ci=e}_$AS(t,r){return this.update(t,r)}update(t,r){return this.render(...r)}}/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * 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.
+ * *//**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const A=s=>s.strings===void 0,c={},a=(s,t=c)=>s._$AH=t;exports.$=$;exports._=_;exports.f=a;exports.n=n;exports.r=A;exports.s=u;

package/components/directive-helpers-Bx_ey3Gk-Csi4AxXe.js

@@ -0,0 +1,115 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { D as i } from "./base-D76d76ww-D0dTUBua.js";
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * 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.
+ * */
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function $(r) {
+  return i({ ...r, state: !0, attribute: !1 });
+}
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * 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.
+ * */
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const u = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4 }, A = (r) => (...t) => ({ _$litDirective$: r, values: t });
+class o {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, s, e) {
+    this._$Ct = t, this._$AM = s, this._$Ci = e;
+  }
+  _$AS(t, s) {
+    return this.update(t, s);
+  }
+  update(t, s) {
+    return this.render(...s);
+  }
+}
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * 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.
+ * */
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const a = (r) => r.strings === void 0, n = {}, T = (r, t = n) => r._$AH = t;
+export {
+  o as $,
+  A as _,
+  T as f,
+  $ as n,
+  a as r,
+  u as s
+};

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

@@ -0,0 +1,70 @@
+import '@luzmo/lucero/divider';
+import '@luzmo/lucero/field-label';
+import '@luzmo/lucero/icon';
+import '@luzmo/lucero/multi-language-field';
+import '@luzmo/lucero/progress-circle';
+import '@luzmo/lucero/text-field';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '../../utils/base';
+declare const LuzmoDisplaySettings_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @element luzmo-display-settings
+ * @fires slot-content-changed - Event that is fired when the slot content is changed
+ */
+export declare class LuzmoDisplaySettings extends LuzmoDisplaySettings_base {
+    static get styles(): CSSResultArray;
+    private _loadDisplaySettings;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    /**
+     * Whether or not to show the displaySettings. Is used to hide display Settings in cases where there are multiple columns
+     */
+    hideDisplaySettings?: boolean;
+    /**
+     * Whether or not to show the binning in numeric
+     */
+    binningDisabled?: boolean;
+    /**
+     * Whether or not to show the grand totals
+     */
+    grandTotals?: boolean;
+    /**
+     * Whether or not to show the period-over-period in numeric
+     */
+    periodOverPeriod?: boolean;
+    /**
+     * Whether or not to show the trash button next to the label
+     */
+    showRemoveButton?: boolean;
+    /**
+     * The slot type
+     */
+    slotType?: string;
+    slotContent: any;
+    private _showIds;
+    /**
+     * The list of columns that can be used for the rate aggregation
+     */
+    measureColumns: any[];
+    private _multiLanguageFieldElement;
+    private _settingsTypeLoaded;
+    private _currentSlotContent;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    private _onSlotContentChange;
+    private _onLabelChange;
+    private _sendEvent;
+    private _removeEvent;
+    private _toggleIds;
+    private _renderDisplaySettings;
+    protected render(): TemplateResult | TemplateResult<1> | undefined;
+}
+export {};

package/components/display-settings/index.cjs

@@ -0,0 +1,105 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../task-fQFUVV8e.cjs");require("../index-0HUnZcem.cjs");require("../index-C9-QEfA9.cjs");require("../index-CVuJ-LUO.cjs");require("../index-BkCJwWm3.cjs");require("../index-C2-2RrwB.cjs");require("../index-_McOOiwL.cjs");const t=require("../focusable-Cu_m_GTh.cjs"),c=require("../state-QgHgNZLe.cjs"),m=require("../query-D5qWDopr.cjs"),a=require("../luzmo-icons-BDClm1AE.cjs"),g=require("../sized-mixin-Cqlxwicw.cjs"),v=":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 h=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&&h(e,o,i),i};class s extends g.SizedMixin(t.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("datetime")&&!this._settingsTypeLoaded.datetime?(await Promise.resolve().then(()=>require("../display-settings-datetime/index.cjs")),this._settingsTypeLoaded.periodOverPeriod=!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):i.includes("periodOverPeriod")&&!this._settingsTypeLoaded.periodOverPeriod&&(await Promise.resolve().then(()=>require("../display-settings-period-over-period/index.cjs")),this._settingsTypeLoaded.periodOverPeriod=!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(v)]}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.O2(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.O2(a.v1)}
+                    <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;

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

@@ -0,0 +1,7 @@
+import { LuzmoDisplaySettings } from './display-settings';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-display-settings': LuzmoDisplaySettings;
+    }
+}
+export { LuzmoDisplaySettings } from './display-settings';