@luzmo/analytics-components-kit 1.0.2-beta.2 → 1.0.3-beta.1

package/components/de-DMnvmNFg.js

@@ -0,0 +1,259 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { str as e } from "@lit/localize";
+//#region src/generated/locales/de.ts
+var t = {
+	"close-action": "Schließen",
+	s00decbd8fed4f501: "Maximum",
+	s0218a6cc95bc9386: "Bereichstyp",
+	s0456d2ad905847d9: "letzte",
+	s079a052719914d71: "Kategorie",
+	s088e3b07b5394bc3: "gleich",
+	s091d3407b5b2f824: "ODER",
+	s095140a7d22730b7: "Kategorien",
+	s099b18e1bd8a1154: "Stunden",
+	s09c2b609dff29061: "Kumulative Summe",
+	s0b5cefc4c510193d: "Farbbereich",
+	s0bb151c9319a6813: "X-Achse",
+	s0bca0c91195d8d6d: "enth",
+	s0d5c4bb195a222f8: "Menge",
+	s0e6fcbb074f690d0: "Datenfeld hinzufügen",
+	s1125d159f7e64df5: "Anzeigen",
+	s11326fd2590f4e5e: "Standard",
+	s122f7f3f1a22ea50: "nicht gleich",
+	s13f5793e33ebda4f: "zwischen",
+	s146475c4daa430ed: "Dezimalstellen",
+	s1525a3512765bd52: "Zeiteinheit",
+	s16d507740d87045d: "Ad-hoc-Formel",
+	s173bffc4bc8fdb40: "Quartalsnummer",
+	s178b06f4d02cfd40: "fehlt nicht",
+	s184501a399a815dc: "Quartale",
+	s18498398aeb37b07: "Woche beginnt am",
+	s187528426100c44e: "Keine Daten",
+	s1cdb6b07fe827486: "Wochennummer",
+	s1e20d0d47c1c09c4: "Rasterelement",
+	s1e593719b55d60c0: "MTD",
+	s1e7745005c37315c: "Relativer Versatz",
+	s1f0916624a87d415: "Tag im Jahr",
+	s1f7698c061c208c9: "Eröffnung",
+	s23a368c93d7e6a90: "Schieberegler-Metrik",
+	s2454d1f117573457: "Genauigkeit",
+	s247d110f13a3a288: "Tag in der Woche",
+	s24f3a319b88552c1: "Tief",
+	s25e13c6d08776558: "Synchronisation umschalten",
+	s26273c258ddde0e1: "Auswählen...",
+	s2695506122ffd614: "Sekunde in der Minute",
+	s2718cebf7de190e1: "ist zwischen",
+	s2798d16f4e04857e: "Minute in der Stunde",
+	s29e9a2758d0ffdc3: "Dimension",
+	s2ba5f4d8f3bd7c57: "Reihenfolge",
+	s2d4d8b099a73e46a: "Ebenen",
+	s2dcbfb305c43f0d4: "Option konnte nicht geladen werden",
+	s2ea38ce3da088075: "Perioden",
+	s2f56fa0428bad0c9: "Elementaktionen",
+	s2fa05f91c1baa29b: e`${0} entfernen`,
+	s2fb2a49481123d6a: "Wochen",
+	s2fedf26ef08343d4: "ist gleich",
+	s303f51ebddb596d4: "Slot-Menü",
+	s31f1afc1bfe1cb3a: "Mehr erfahren",
+	s344ea8f4939cdc98: "Farbe",
+	s354ae458a550da1f: "Ziel",
+	s360896d6e6234cc4: "Element wird aktualisiert...",
+	s3924c3d773a80312: "letzte verfügbar",
+	s3c6455b19fb1c3e4: "Absoluter Wechsel",
+	s3dcf7b255596a2c3: "Standardabweichung",
+	s41f303448d636dfd: "Dashboard-Raster",
+	s4406e2a8264d6a3e: "Route",
+	s441accd1cd3484c9: "Minute",
+	s463b8c4e92751ba5: "Optionen",
+	s467b030b9a34b3c8: "Durchschnitt",
+	s48e186fb300e5464: "Zeit",
+	s496c60f73bdf5725: "Aggregation",
+	s4b30fad1c34464e1: "größer oder gleich",
+	s4b58c01e2578f5e4: "Legende",
+	s4e585eeea351a038: "enthält",
+	s4efbcab48a433013: "Lang",
+	s4f27f6b48a68b5c2: "Sperren",
+	s50d9e1b0c1636e99: "Geografie",
+	s517acbf1f96324f9: "Gewicht",
+	s519d0aa80bbafd42: "Woche bis heute",
+	s55e343865792fc47: "Datenfelder des Datensatzes können nicht abgerufen werden",
+	s5758683fdb7446a9: "Filterdatum",
+	s57ace73e7c6e719f: "ist nicht in",
+	s58ec693e33483873: "kleiner als",
+	s5a801360c0e7cc6e: "Kreise",
+	s5b5005aae2ab472d: e`${0} entfernt`,
+	s5d73a3b3b68e6cba: "Benutzerdefiniert",
+	s5d929ff1619ac0c9: "Suchen",
+	s5e2654fb8587f442: "Duplizieren",
+	s5e8250fb85d64c23: "Schluss",
+	s5f43af3669b1e098: "Quelle",
+	s602805b1eb3106c6: "Y-Achse",
+	s6031881827829901: "24h",
+	s60b34c3c17dc35bd: "Jahre",
+	s6361bdb1b0dc327b: "Anzahl der Perioden",
+	s64ef2a6c2dd1d3d1: "Bearbeiten",
+	s6580790b036f0c6f: "aktiv",
+	s66722bc2ea775e05: "Deaktiviert",
+	s669b18c6d2d9c95b: "Keine",
+	s66dcbbc0355c2759: "Sonntag",
+	s680f01021b5e339d: "Woche",
+	s6b0bffd88024372f: "Stunde",
+	s6d2c233e1a4f6a2c: "Datensatz hinzufügen",
+	s6de3d6e9660857a1: "Beispiel",
+	s708bbac083d05109: "beginnt nicht mit",
+	s709a09b6edea9d90: "Datum/Zeit",
+	s70a773eb3133e5fa: "Monat bis heute",
+	s716a6024e3fe999c: "Zeigen",
+	s736157452e7fc7af: "Etwas ist schiefgelaufen. Bitte versuche es erneut.",
+	s7468e87263dfff7e: "Kennung",
+	s74c00d5f85cc6da9: "Beschreiben Sie, wie Sie dieses Element bearbeiten möchten…",
+	s74dcd519e6563a26: "WTD",
+	s750a2c8ca7ec9e95: "Slot-Inhalt",
+	s7632fc9aa12bf382: "Monate",
+	s782f286a79cca35d: "Relativ",
+	s78789724e789221c: "Größe",
+	s7a6878d41ffac284: "letzte abgeschl",
+	s7c95876637f6a9d7: "Filter",
+	s7cb5d294ed7634e3: "Datensatz",
+	s7dacc1388e15a544: "Positionswerte",
+	s7e357543a7b769f4: "Versatz-Datums-Spalte",
+	s846876f9b712e843: "ist nicht gleich",
+	s862f5319f0256b94: "QTD",
+	s8665d029b5cb8b24: "Gesamtsummen",
+	s898a5d3aef872ea2: "Filterbedingung umschalten, derzeit ",
+	s898eb5552843fe54: "Zustand wiederherstellen",
+	s8a56a8c8bd19c9c7: "fehlt",
+	s8b1883cb3a3a94e2: "Mehr erfahren (öffnet in neuem Tab)",
+	s8ba2b22eee9bb57e: "Filter hinzufügen",
+	s8d0259032729869d: "Sekunde",
+	s8d77a3cb03eea446: "Daten werden geladen...",
+	s8de2a5b227e80c95: "(x) Perioden oder länger her",
+	s9094c0cde8fb5058: "Keine Ergebnisse gefunden",
+	s92ab9b834d8fd1fc: "Untergruppe",
+	s92c8c8ca61f1e379: "Datensatz auswählen...",
+	s965c503c3e42fdfe: "Aktiviert",
+	s9689e928323dc124: "letzte abgeschlossene (Periode)",
+	s981f232bd33ec927: "Rate",
+	s9854300ef4a37d18: "endet nicht mit",
+	s987abe19fac8d108: "Summe",
+	s98b1cb8fb62909ec: "Gruppe",
+	s98c337186f2d57c6: "Bin-Breite",
+	s98db41a3eb532203: "Jahr bis heute",
+	s991d216e6efc157c: "Keine Ergebnisse",
+	s996319f23f6cf0b5: "endet mit",
+	s9b9009d4a5004fb8: "Binning",
+	s9b9d6ce29d05a298: "kleiner oder gleich",
+	s9deeefd89ca8a81d: "Hoch",
+	s9e40e59654c8ad67: "Spalte",
+	s9eacba092932f5ee: "Filterbedingung",
+	sa26d7a273074cbf9: "Keine Daten verfügbar",
+	sa3c9339de23c1752: "Format",
+	sa696721931eda01a: "Filterwert",
+	sa6ab5184d6315895: "Von",
+	sa6f2645578b2d2bc: "Jahr",
+	sa7effa06c0f6784c: "größer als",
+	sa8beb6b1182241ac: "Filter",
+	sa91d4991fca9514e: "mehr als her",
+	saa8b48fefe67c4e3: "Dataset- und Spalten-IDs anzeigen",
+	sac8256732f2ee1e5: "Daten",
+	sac8b59943205b14f: "nächste volle (Periode)",
+	sac94bb71f7737997: "Median",
+	sacae74732f544fca: "Tage",
+	saf2a19f4eaf00f68: "oder länger her",
+	sb06a3310a509f99a: "Farbstopp entfernen",
+	sb0f3327210fe18fc: "Spalten",
+	sb1f654608a3eea75: "Wochentag",
+	sb3b793ff5cc1bc39: "nächste (x) Perioden",
+	sb47daaf9e1c4a905: "Monat",
+	sb569204089b4cac3: "KI-Chat",
+	sb5803460fed8e45e: "Beschreibung anzeigen",
+	sb59d68ed12d46377: "Laden",
+	sb5b295e3a7500b9c: "Dauerstufen",
+	sb6513caf69971fb5: "Kurz",
+	sb70671db5700ff60: "endet nicht mit",
+	sb93e5af29aca2e3d: "fehlt",
+	sb9f1339b3a61604a: "Ebenen",
+	sbbb97b1c63507dc0: "Zahl",
+	sbeebe911264bed23: "letzte (x) verfügbare Perioden",
+	sc056cc14a35b3e61: "Filter entfernen",
+	sc1bf67624fa6d498: "% Änderung",
+	sc4842e5b8b90466a: "Sekunden",
+	sc592307ea80f16b9: "Unbekannt",
+	sc6e49f3d37e54030: "Stunde im Tag",
+	sc6f5a4fc0583d734: "ist in",
+	sc70ad8207db856a8: "Koordinaten",
+	sc86e72c4fdd4e0ec: "Zählen unterschiedlich",
+	sc8a98cb006054d7b: "Filterausdruck",
+	sc8d21540b3d89a69: "Farbstopp hinzufügen",
+	scace072bef961918: "Zeilen",
+	scb7bab1a17663a6c: "YTD",
+	scbaef981909d487e: "Entwicklung",
+	scf2bb2b0de9cdb8a: "Millisekunde",
+	sd05671183b4fe913: "Daten konnten nicht abgerufen werden",
+	sd237be440de38cc7: "Quartal",
+	sd28141a332dc31fa: "Tag im Monat",
+	sd3ec39c275aec063: "Nenner",
+	sd5b1040899eb149d: "nächste voll",
+	sd66a74fff07a11fb: "{count} elemente ausgewählt",
+	sd7ebafacf602c9bd: "Brief",
+	sdb73788b3c975f16: "Automatisch",
+	sdc673e73b5c13aea: "Löschen",
+	sdebe99a43259a451: "Zeilen zählen",
+	sdfeb2151b9e78d4d: "enthält nicht",
+	se01bc9eea39688ad: "Monat im Jahr",
+	se0955919920ee87d: "Tag",
+	se211e3d21bbf3bff: "Maß",
+	se2b7530e30fa607d: "Periodenvergleich",
+	se2d6ee866b592a9f: "mehr als (x) Perioden her",
+	se3a1aa0525f22ee4: "Kennzahlen",
+	se415bbea6c976fb1: "Gruppieren nach",
+	se5316cbaa025f028: "nächste",
+	se715be190539325a: "vor",
+	se8ddc90a9d7c709d: "Ebene",
+	se9e535bb9591039e: "Ausdruck auswählen",
+	se9ff6e9a514d8cf9: "Montag",
+	sea4f08110bb8f15d: "Entfernen",
+	seb4eae68d45315b7: "Minimum",
+	seb9c440de1ce6044: "beginnt mit",
+	sec2f608650e36ac5: "letzte abgeschlossene Periode",
+	secf42ec1c7c47be2: "fehlt nicht",
+	sed1e9f2d0f29e036: "Kein Gewicht",
+	sed522484748a787d: "Element wird erstellt...",
+	see0ec27fb03d880e: "Minuten",
+	sef49aec68fd1dc66: "Name",
+	sf095cc47a4ff9c3d: "Formel",
+	sf518b78d9734f57b: "beginnt nicht mit",
+	sf6cda8263b3170af: "Verwenden Sie den Zeitraum bis heute für unvollständige Zeiträume",
+	sf70eaf9ab4c93082: "nicht enth",
+	sf9c10516a62a23db: "Anzeigen als",
+	sfa069719a050be66: "UND",
+	sfa2d0aa30ee5aa58: "letzte (x) Perioden",
+	sfad9ed343e97551c: "Vergangener Wert",
+	sfb9e6d0c6baa99f5: "Passt dem Datumsbereich, der in der Tabelle oder im Diagramm sichtbar ist",
+	sfbac36245480ddbc: "Trennzeichen",
+	sfda1c9d0be35cec8: "Quartal bis heute",
+	sff5bb7742c2896c8: "Zielwert",
+	sffa721bb6aa3128d: "Suchen...",
+	"slot-label-name": "Name",
+	"slot-label-time": "Zeit"
+};
+//#endregion
+export { t as templates };

package/components/default-acceptable-data-field-types-CrLMBH0o.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require(`./type-check-DUUUyiLI.cjs`),t=require(`./default-local-formats-CxwL543r.cjs`);var n=(n,r)=>{let i={type:n.type,datasetId:n.datasetId,set:n.datasetId};`columnId`in n&&!e.n(n.columnId)&&n.columnId!==``?(i.columnId=n.columnId,i.column=n.columnId):`formulaId`in n&&!e.n(n.formulaId)&&n.formulaId!==``?(i.formulaId=n.formulaId,i.formula=n.formulaId):`formula`in n&&typeof n.formula==`string`&&n.formula!==``&&(i.formula=n.formula);let a=n.type===`datetime`||n.type===`array[datetime]`,o={...n.name??{en:`Untitled`}},s=n.level;if(a&&(s=s??n.lowestLevel??9,r)){let e=t.t.shortLevels?.filter(e=>e!==`All`)??[],n=e[Math.max(0,Math.min(e.length-1,(s??1)-1))];if(n){let e=`(${n})`,t=Object.keys(o);for(let n of t)o[n]=`${o[n]} ${e}`}}return i.label=o,e.n(n.subtype)||(i.subtype=n.subtype),`lowestLevel`in n&&!e.n(n.lowestLevel)&&(i.lowestLevel=n.lowestLevel),e.n(n.format)||(i.format=n.format),e.n(s)||(i.level=s),e.n(n.lowestLevel)||(i.lowestLevel=n.lowestLevel),n.type===`numeric`&&n.subtype===`currency`&&n.currency?.symbol&&(i.currency=n.currency.symbol),Array.isArray(n.duration_levels)&&n.duration_format&&(i.duration={levels:n.duration_levels,format:n.duration_format}),i},r=[`datetime`,`hierarchy`,`numeric`,`spatial`,`array[datetime]`,`array[numeric]`,`array[hierarchy]`,`array[spatial]`];Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/components/default-acceptable-data-field-types-uWz9Zitf.js

@@ -0,0 +1,53 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { n as e } from "./type-check-CbtYOkh7.js";
+import { t } from "./default-local-formats-CjPRUFK_.js";
+//#region src/utils/transformations/convert-data-field-to-slot-content.ts
+var n = (n, r) => {
+	let i = {
+		type: n.type,
+		datasetId: n.datasetId,
+		set: n.datasetId
+	};
+	"columnId" in n && !e(n.columnId) && n.columnId !== "" ? (i.columnId = n.columnId, i.column = n.columnId) : "formulaId" in n && !e(n.formulaId) && n.formulaId !== "" ? (i.formulaId = n.formulaId, i.formula = n.formulaId) : "formula" in n && typeof n.formula == "string" && n.formula !== "" && (i.formula = n.formula);
+	let a = n.type === "datetime" || n.type === "array[datetime]", o = { ...n.name ?? { en: "Untitled" } }, s = n.level;
+	if (a && (s = s ?? n.lowestLevel ?? 9, r)) {
+		let e = t.shortLevels?.filter((e) => e !== "All") ?? [], n = e[Math.max(0, Math.min(e.length - 1, (s ?? 1) - 1))];
+		if (n) {
+			let e = `(${n})`, t = Object.keys(o);
+			for (let n of t) o[n] = `${o[n]} ${e}`;
+		}
+	}
+	return i.label = o, e(n.subtype) || (i.subtype = n.subtype), "lowestLevel" in n && !e(n.lowestLevel) && (i.lowestLevel = n.lowestLevel), e(n.format) || (i.format = n.format), e(s) || (i.level = s), e(n.lowestLevel) || (i.lowestLevel = n.lowestLevel), n.type === "numeric" && n.subtype === "currency" && n.currency?.symbol && (i.currency = n.currency.symbol), Array.isArray(n.duration_levels) && n.duration_format && (i.duration = {
+		levels: n.duration_levels,
+		format: n.duration_format
+	}), i;
+}, r = [
+	"datetime",
+	"hierarchy",
+	"numeric",
+	"spatial",
+	"array[datetime]",
+	"array[numeric]",
+	"array[hierarchy]",
+	"array[spatial]"
+];
+//#endregion
+export { n, r as t };

package/components/display-settings/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../display-settings-DqiWTZ6n.cjs`);exports.LuzmoDisplaySettings=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../display-settings-BLf7lBww.cjs`);exports.LuzmoDisplaySettings=e.t;

package/components/display-settings/index.js

@@ -24,5 +24,5 @@
 		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../display-settings-ITXXpLzo.js";
+import { t as e } from "../display-settings-BLMrlvMS.js";
 export { e as LuzmoDisplaySettings };

package/components/display-settings-BLMrlvMS.js

@@ -0,0 +1,272 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { i as e, n as t, t as n } from "./base-BAzY-whv.js";
+import { t as r } from "./decorate-DKLaHs_w.js";
+import { t as i } from "./formatter-B-7UHTKd.js";
+import { luzmoIcon as a, luzmoInfoCircleOutline as o, luzmoTrashOutline as s } from "@luzmo/icons";
+import { html as c, nothing as l, unsafeCSS as u } from "lit";
+import { property as d, query as f, state as p } from "lit/decorators.js";
+import { msg as m } from "@lit/localize";
+import "@luzmo/lucero/icon";
+import "@luzmo/lucero/tooltip";
+import { SignalWatcher as h } from "@lit-labs/signals";
+import { consume as g, createContext as _ } from "@lit/context";
+import { Task as v } from "@lit/task";
+import "@luzmo/lucero/action-button";
+import "@luzmo/lucero/divider";
+import "@luzmo/lucero/field-label";
+import "@luzmo/lucero/multi-language-field";
+import "@luzmo/lucero/progress-circle";
+import "@luzmo/lucero/text-field";
+//#region src/utils/slot-state/slot-context.ts
+var y = _(Symbol("slot-store-context")), b = ":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{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}.settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap,var(--display-settings-gap));display:flex}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin,var(--display-settings-ids-container-vertical-margin)) 0}luzmo-tooltip{--tooltip-font-size:var(--luzmo-display-settings-tooltip-font-size,var(--tooltip-font-size))}.setting{align-items:center;display:flex}.label-action-container{justify-content:space-between;align-items:center;gap:var(--luzmo-display-settings-info-to-remove-icon-gap,var(--display-settings-info-to-remove-icon-gap));display:flex}.label-action-container luzmo-action-button{margin-inline-start:var(--luzmo-spacing-2)}.ids-container{gap:var(--luzmo-display-settings-ids-container-gap,var(--luzmo-spacing-2));border-radius:50%;flex-direction:column;display:flex}.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))}.id-value{-webkit-user-select:text;user-select:text;cursor:text}.example-container{line-height:var(--luzmo-display-settings-example-height,var(--display-settings-example-height));font-size:var(--luzmo-display-settings-example-font-size,var(--display-settings-example-font-size));color:var(--luzmo-display-settings-example-color,var(--display-settings-example-color))}.example-container .example-label{font-weight:var(--luzmo-display-settings-example-label-font-weight,var(--display-settings-example-label-font-weight));color:var(--luzmo-display-settings-example-label-color,var(--display-settings-example-label-color))}.example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-example-language-color,var(--display-settings-example-language-color))}.example-container{gap:var(--luzmo-display-settings-example-container-gap,var(--luzmo-spacing-2))}: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-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)}: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)}: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))}: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))}:host{--display-settings-example-font-size:var(--luzmo-font-size);--display-settings-example-color:var(--luzmo-font-color);--display-settings-example-label-font-weight:bold;--display-settings-example-label-color:var(--luzmo-primary);--display-settings-example-language-color:var(--luzmo-primary);--display-settings-example-height:var(--luzmo-component-height)}:host([size=s]){--display-settings-example-height:var(--luzmo-component-height-s);--display-settings-example-font-size:var(--luzmo-font-size-s)}:host([size=l]){--display-settings-example-height:var(--luzmo-component-height-l);--display-settings-example-font-size:var(--luzmo-font-size)}:host([size=xl]){--display-settings-example-height:var(--luzmo-component-height-xl);--display-settings-example-font-size:var(--luzmo-font-size-l)}", x = class extends h(t(e, { validSizes: Object.values(n) })) {
+	constructor(...e) {
+		super(...e), this._loadDisplaySettings = new v(this, {
+			task: async ([e, t, n, r, i, a]) => {
+				let o = [];
+				a && o.push("grandTotals"), n && o.push("periodOverPeriod"), (e === "numeric" || e === "mixed" && this._currentSlotContent?.type === "numeric") && o.push("numeric"), e !== "numeric" && this._currentSlotContent?.type === "datetime" && o.push("datetime"), !["numeric", "mixed"].includes(e ?? "") && this._currentSlotContent?.type === "numeric" && !r && o.push("binning"), n && !this._settingsTypeLoaded.periodOverPeriod && (await import("./display-settings-period-over-period/index.js"), this._settingsTypeLoaded.periodOverPeriod = !0), o.length > 0 && !t && (o.includes("numeric") && !this._settingsTypeLoaded.numeric ? (await import("./display-settings-numeric/index.js"), this._settingsTypeLoaded.numeric = !0) : o.includes("datetime") && !this._settingsTypeLoaded.datetime && i ? (await import("./display-settings-datetime/index.js"), this._settingsTypeLoaded.datetime = !0) : o.includes("binning") && !this._settingsTypeLoaded.binning ? (await import("./display-settings-binning/index.js"), this._settingsTypeLoaded.binning = !0) : o.includes("grandTotals") && !this._settingsTypeLoaded.grandTotals && (await import("./display-settings-grand-totals/index.js"), this._settingsTypeLoaded.grandTotals = !0));
+			},
+			args: () => [
+				this.slotType,
+				this.hideDisplaySettings,
+				this._store?.periodOverPeriodUiType.get(),
+				this.isBinningDisabled,
+				this.areDatetimeOptionsEnabled,
+				this.areGrandTotalsEnabled,
+				this.slotContent
+			]
+		}), 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 [u(b)];
+	}
+	_datasetDatetimeColumns() {
+		return this._store?.linkedDataset.get().flatMap((e) => e.columns?.filter((e) => e.type === "datetime").map((t) => ({
+			...t,
+			datasetId: e.id
+		})));
+	}
+	willUpdate(e) {
+		let t = this._store?.activeSlotContents.get(), n = this._store?.periodOverPeriodUiType.get();
+		if (this.periodOverPeriodUiType !== n && (this.periodOverPeriodUiType = n), this._store) {
+			t !== this._lastStoreContent && (this._lastStoreContent = t, this._currentSlotContent = t ? structuredClone(t) : {});
+			return;
+		}
+		if (e.has("slotContent") || Object.keys(this._currentSlotContent).length === 0) {
+			let e = this.slotContent;
+			e && (this._currentSlotContent = structuredClone(e));
+		}
+	}
+	get datasetId() {
+		return this._currentSlotContent.datasetId ?? this._currentSlotContent.set;
+	}
+	get formulaOrColumnId() {
+		return this._currentSlotContent.formula ?? this._currentSlotContent.columnId ?? this._currentSlotContent.column;
+	}
+	resetInfoVisibility(e) {
+		this._showIds && this._toggleIds(e);
+	}
+	_onSlotContentChange(e) {
+		e.stopPropagation(), e.preventDefault(), this._currentSlotContent = structuredClone(e.detail.slotContent), this._sendEvent(), this.requestUpdate();
+	}
+	_onLabelChange() {
+		this._currentSlotContent = structuredClone(this._currentSlotContent), this._currentSlotContent.label = this._multiLanguageFieldElement.value || {}, this._sendEvent(), this.requestUpdate();
+	}
+	_sendEvent() {
+		this.dispatchEvent(new CustomEvent("luzmo-slot-content-changed", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { slotContent: { ...this._currentSlotContent } }
+		})), this._store && (this._store.updateContent({ ...this._currentSlotContent }), this._lastStoreContent = this._store.activeSlotContents.get());
+	}
+	_removeEvent() {
+		this.dispatchEvent(new CustomEvent("luzmo-remove-slot-content", {
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0,
+			detail: { slotContent: this._currentSlotContent }
+		}));
+	}
+	_toggleIds(e = !0) {
+		this._showIds = !this._showIds, e && this.dispatchEvent(new CustomEvent("luzmo-info-visibility-changed", { detail: {
+			isVisible: this._showIds,
+			slotContent: { ...this._currentSlotContent }
+		} }));
+	}
+	_renderExampleRow() {
+		let e = this.slotType === "numeric" || this.slotType === "mixed" && this._currentSlotContent.type === "numeric", t = this.slotType !== "datetime" && this._currentSlotContent.type === "datetime" && this.areDatetimeOptionsEnabled;
+		if (!(e || t)) return l;
+		let n = !this._currentSlotContent.datetimeDisplayMode || this._currentSlotContent.datetimeDisplayMode === "default", r = e ? 1234.56 : n ? /* @__PURE__ */ new Date() : 1, a = i({
+			...this._currentSlotContent,
+			type: e ? "numeric" : "datetime"
+		}, {
+			locale: this.contentLanguage,
+			level: this._currentSlotContent.level
+		})(r);
+		return c`<div class="settings-row example-container">
+      <span class="example-label"
+        >${m("Example", { desc: "Label for example" })}:</span
+      >
+      <span class="example">${a}</span>
+    </div>`;
+	}
+	_renderDisplaySettings() {
+		return c`<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
+                label="Label"
+                .language=${this.contentLanguage}
+                .value=${this._currentSlotContent.label ?? {}}
+                .size=${this.size}
+                debounce="200"
+                @change=${this._onLabelChange}
+              ></luzmo-multi-language-field>
+            </div>
+            <div class="label-action-container">
+              <luzmo-action-button quiet .size=${this.size} .label=${m("Show dataset and column IDs", { desc: "Show IDs button label" })} aria-expanded=${this._showIds} @click=${this._toggleIds}>
+                ${a(o)}
+                <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                  ${m("Show dataset and column IDs", { desc: "Show IDs button label" })}
+                </luzmo-tooltip>
+              </luzmo-action-button>
+              ${this.showRemoveButton ? c`<luzmo-action-button quiet .size=${this.size} .label=${m("Remove", { desc: "Remove button label" })} @click=${this._removeEvent}>
+                    ${a(s)}
+                    <luzmo-tooltip
+                      self-managed
+                      placement="top"
+                      size=${this.size}
+                    >
+                      ${m("Remove", { desc: "Remove button label" })}
+                    </luzmo-tooltip>
+                  </luzmo-action-button>` : ""}
+            </div>
+          </div>
+        </div>
+        ${this.areGrandTotalsEnabled ? c`<luzmo-display-settings-grand-totals
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-grand-totals>` : ""}
+        ${this.slotType === "numeric" || this.slotType === "mixed" && this._currentSlotContent.type === "numeric" ? c`<luzmo-display-settings-numeric
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              .measureColumns=${this.measureColumns}
+              .isAggregationDisabled=${this.isAggregationDisabled}
+              .isCumulativeSumEnabled=${this.isCumulativeSumEnabled}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-numeric>` : ""}
+        ${this.slotType !== "numeric" && this._currentSlotContent.type === "datetime" && this.areDatetimeOptionsEnabled ? c`<luzmo-display-settings-datetime
+              .language=${this.language}
+              .contentLanguage=${this.contentLanguage}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-datetime>` : ""}
+        ${!["numeric", "mixed"].includes(this.slotType ?? "") && this._currentSlotContent.type === "numeric" && !this.isBinningDisabled ? c`<luzmo-display-settings-binning
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-binning>` : ""}
+        ${this.periodOverPeriodUiType ? c`<luzmo-display-settings-period-over-period
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              .periodOverPeriodUiType=${this.periodOverPeriodUiType}
+              .linkedDatasetDatetimeColumns=${this._datasetDatetimeColumns()}
+              @luzmo-slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-period-over-period>` : ""}
+        ${this._renderExampleRow()}
+      </div>
+      ${this._showIds ? c` <luzmo-divider></luzmo-divider>
+            <div class="ids-container">
+              <div>
+                <span class="id-label"
+                  >${this._currentSlotContent.formula ? m("Formula", { desc: "Label for formula type" }) : m("Column", { desc: "Label for column type" })}:
+                </span>
+                <span class="id-value">
+                  ${this.formulaOrColumnId}
+                </span>
+              </div>
+              <div>
+                <span class="id-label">Dataset: </span>
+                <span class="id-value">
+                  ${this.datasetId}
+                </span>
+              </div>
+              <div></div>
+            </div>` : ""}`;
+	}
+	render() {
+		return this._loadDisplaySettings.render({
+			pending: () => c`<luzmo-progress-circle
+          indeterminate
+          .label=${m("Loading", { desc: "Loading spinner label" })}
+          .size=${this.size}
+        ></luzmo-progress-circle>`,
+			complete: () => this._renderDisplaySettings(),
+			error: () => this._renderDisplaySettings()
+		});
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback?.(), this._loadDisplaySettings.abort?.();
+	}
+};
+//#endregion
+//#region src/components/display-settings/index.ts
+r([d({ type: String })], x.prototype, "language", void 0), r([d({
+	type: String,
+	attribute: "content-language"
+})], x.prototype, "contentLanguage", void 0), r([d({
+	type: Boolean,
+	attribute: "hide-display-settings"
+})], x.prototype, "hideDisplaySettings", void 0), r([d({ type: Boolean })], x.prototype, "isBinningDisabled", void 0), r([d({ type: Boolean })], x.prototype, "areDatetimeOptionsEnabled", void 0), r([d({ type: Boolean })], x.prototype, "areGrandTotalsEnabled", void 0), r([d({ type: Boolean })], x.prototype, "isAggregationDisabled", void 0), r([d({ type: Boolean })], x.prototype, "isCumulativeSumEnabled", void 0), r([d({ type: String })], x.prototype, "periodOverPeriodUiType", void 0), r([d({
+	type: Boolean,
+	attribute: "show-remove-button"
+})], x.prototype, "showRemoveButton", void 0), r([d({
+	type: String,
+	attribute: "slot-type"
+})], x.prototype, "slotType", void 0), r([d({
+	type: Object,
+	attribute: !1
+})], x.prototype, "slotContent", void 0), r([p()], x.prototype, "_showIds", void 0), r([d({
+	type: Array,
+	reflect: !1
+})], x.prototype, "measureColumns", void 0), r([f("luzmo-multi-language-field")], x.prototype, "_multiLanguageFieldElement", void 0), r([g({
+	context: y,
+	subscribe: !0
+})], x.prototype, "_store", void 0), customElements.get("luzmo-display-settings") || customElements.define("luzmo-display-settings", x);
+//#endregion
+export { y as n, x as t };