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

package/components/default-acceptable-data-field-types-BG14xGlz.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-DKzm5lUB.cjs`),t=require(`./default-local-formats-CDKiEEVJ.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-DCVuC5mh.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-CaxKCgGC.js";
+import { t } from "./default-local-formats-Di9cShp9.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/default-dark-DKzOVdRm.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.
+ * */
+var e={background:`rgb(61,61,61)`,itemsBackground:`rgb(38,38,38)`,boxShadow:{size:`none`,color:`rgb(0, 0, 0)`},title:{align:`left`,bold:!1,italic:!1,underline:!1,border:!1},font:{fontFamily:`Lato`,"font-style":`normal`,"font-weight":400,fontSize:15},colors:[`rgb(48,36,179)`,`rgb(105,93,255)`,`rgb(199,194,255)`,`rgb(134,4,129)`,`rgb(204,55,198)`,`rgb(236,180,234)`,`rgb(220,141,0)`,`rgb(249,206,61)`,`rgb(253,237,182)`,`rgb(6,142,84)`,`rgb(58,213,147)`,`rgb(181,239,215)`,`rgb(85,78,78)`,`rgb(149,141,141)`,`rgb(215,212,212)`],borders:{"border-color":`rgba(216,216,216,1)`,"border-style":`none`,"border-radius":`12px`,"border-top-width":`0px`,"border-left-width":`0px`,"border-right-width":`0px`,"border-bottom-width":`0px`},margins:[16,16],mainColor:`rgb(123,144,255)`,axis:{},legend:{type:`circle`},tooltip:{background:`rgb(248,248,248)`},itemSpecific:{rounding:8,padding:4}};exports.defaultDarkTheme=e;

package/components/default-dark-uhpYIpZ2.js

@@ -0,0 +1,78 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+//#region src/utils/themes/default-dark.ts
+var e = {
+	background: "rgb(61,61,61)",
+	itemsBackground: "rgb(38,38,38)",
+	boxShadow: {
+		size: "none",
+		color: "rgb(0, 0, 0)"
+	},
+	title: {
+		align: "left",
+		bold: !1,
+		italic: !1,
+		underline: !1,
+		border: !1
+	},
+	font: {
+		fontFamily: "Lato",
+		"font-style": "normal",
+		"font-weight": 400,
+		fontSize: 15
+	},
+	colors: [
+		"rgb(48,36,179)",
+		"rgb(105,93,255)",
+		"rgb(199,194,255)",
+		"rgb(134,4,129)",
+		"rgb(204,55,198)",
+		"rgb(236,180,234)",
+		"rgb(220,141,0)",
+		"rgb(249,206,61)",
+		"rgb(253,237,182)",
+		"rgb(6,142,84)",
+		"rgb(58,213,147)",
+		"rgb(181,239,215)",
+		"rgb(85,78,78)",
+		"rgb(149,141,141)",
+		"rgb(215,212,212)"
+	],
+	borders: {
+		"border-color": "rgba(216,216,216,1)",
+		"border-style": "none",
+		"border-radius": "12px",
+		"border-top-width": "0px",
+		"border-left-width": "0px",
+		"border-right-width": "0px",
+		"border-bottom-width": "0px"
+	},
+	margins: [16, 16],
+	mainColor: "rgb(123,144,255)",
+	axis: {},
+	legend: { type: "circle" },
+	tooltip: { background: "rgb(248,248,248)" },
+	itemSpecific: {
+		rounding: 8,
+		padding: 4
+	}
+};
+//#endregion
+export { e as defaultDarkTheme };

package/components/default-local-formats-CDKiEEVJ.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.
+ * */
+var e={decimal:`.`,thousands:`,`,grouping:[3],currency:[`$`,``],dateTime:`%a %b %e %X %Y`,date:`%m/%d/%Y`,dateSeparator:`/`,time:`%H:%M:%S`,periods:[`AM`,`PM`],days:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`],shortDays:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],months:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`],shortMonths:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],levels:[`All`,`Year`,`Quarter`,`Month`,`Week`,`Date`,`Hour`,`Minute`,`Second`,`Millisecond`],shortLevels:[`All`,`Yr`,`Qtr`,`Mth`,`Wk`,`Date`,`Hr`,`Min`,`Sec`,`Msec`],durationLongSuffix:[``,`years`,`quarters`,`months`,`weeks`,`days`,`hours`,`minutes`,`seconds`,`milliseconds`],durationShortSuffix:[``,`y`,`q`,`mo`,`w`,`d`,`h`,`m`,`s`,`ms`],multi:[`.%L`,`:%S`,`%I:%M`,`%I %p`,`%a %d`,`W%G`,`%b %d`,`%B`,`%Y`]};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/components/default-local-formats-Di9cShp9.js

@@ -0,0 +1,138 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+//#region src/utils/formatter/default-local-formats.ts
+var e = {
+	decimal: ".",
+	thousands: ",",
+	grouping: [3],
+	currency: ["$", ""],
+	dateTime: "%a %b %e %X %Y",
+	date: "%m/%d/%Y",
+	dateSeparator: "/",
+	time: "%H:%M:%S",
+	periods: ["AM", "PM"],
+	days: [
+		"Sunday",
+		"Monday",
+		"Tuesday",
+		"Wednesday",
+		"Thursday",
+		"Friday",
+		"Saturday"
+	],
+	shortDays: [
+		"Sun",
+		"Mon",
+		"Tue",
+		"Wed",
+		"Thu",
+		"Fri",
+		"Sat"
+	],
+	months: [
+		"January",
+		"February",
+		"March",
+		"April",
+		"May",
+		"June",
+		"July",
+		"August",
+		"September",
+		"October",
+		"November",
+		"December"
+	],
+	shortMonths: [
+		"Jan",
+		"Feb",
+		"Mar",
+		"Apr",
+		"May",
+		"Jun",
+		"Jul",
+		"Aug",
+		"Sep",
+		"Oct",
+		"Nov",
+		"Dec"
+	],
+	levels: [
+		"All",
+		"Year",
+		"Quarter",
+		"Month",
+		"Week",
+		"Date",
+		"Hour",
+		"Minute",
+		"Second",
+		"Millisecond"
+	],
+	shortLevels: [
+		"All",
+		"Yr",
+		"Qtr",
+		"Mth",
+		"Wk",
+		"Date",
+		"Hr",
+		"Min",
+		"Sec",
+		"Msec"
+	],
+	durationLongSuffix: [
+		"",
+		"years",
+		"quarters",
+		"months",
+		"weeks",
+		"days",
+		"hours",
+		"minutes",
+		"seconds",
+		"milliseconds"
+	],
+	durationShortSuffix: [
+		"",
+		"y",
+		"q",
+		"mo",
+		"w",
+		"d",
+		"h",
+		"m",
+		"s",
+		"ms"
+	],
+	multi: [
+		".%L",
+		":%S",
+		"%I:%M",
+		"%I %p",
+		"%a %d",
+		"W%G",
+		"%b %d",
+		"%B",
+		"%Y"
+	]
+};
+//#endregion
+export { e as t };

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

@@ -0,0 +1,97 @@
+import '@luzmo/lucero/action-button';
+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 '@luzmo/lucero/tooltip';
+import { CSSResultArray, TemplateResult } from 'lit';
+import type { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+import { LuzmoElement } from '@utils/base';
+import type { PeriodOverPeriodCondition } from '@utils/time/period-over-period-condition.const';
+import { MeasureColumnsItem } from '../slot-menu/types';
+declare const LuzmoDisplaySettings_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @customElement luzmo-display-settings
+ * @fires luzmo-slot-content-changed - Event that is fired when the slot content is changed
+ * @fires luzmo-remove-slot-content - Event that is fired when the remove button is clicked
+ * @fires luzmo-info-visibility-changed - Event that is fired when the info button is clicked, includes the visibility state and ID values
+ */
+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 to show the displaySettings. Is used to hide display Settings in cases where there are multiple columns
+     */
+    hideDisplaySettings?: boolean;
+    /**
+     * Whether to show the binning in numeric
+     */
+    isBinningDisabled?: boolean;
+    /**
+     * Whether to show the datetime options
+     */
+    areDatetimeOptionsEnabled?: boolean;
+    /**
+     * Whether to show the grand totals
+     */
+    areGrandTotalsEnabled?: boolean;
+    /**
+     * Whether to show the aggregation options
+     */
+    isAggregationDisabled?: boolean;
+    /**
+     * Whether to show the cumulative sum options
+     */
+    isCumulativeSumEnabled?: boolean;
+    /**
+     * Whether to show the period-over-period in numeric
+     */
+    periodOverPeriodUiType?: PeriodOverPeriodCondition | null;
+    /**
+     * Whether to show the trash button next to the label
+     */
+    showRemoveButton?: boolean;
+    /**
+     * The slot type
+     */
+    slotType?: string;
+    slotContent: GenericSlotContent;
+    private _showIds;
+    /**
+     * The list of columns that can be used for the rate aggregation
+     */
+    measureColumns: MeasureColumnsItem[];
+    private _multiLanguageFieldElement;
+    private _settingsTypeLoaded;
+    private _currentSlotContent;
+    private _lastStoreContent;
+    private _store;
+    private _datasetDatetimeColumns;
+    protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
+    private get datasetId();
+    private get formulaOrColumnId();
+    resetInfoVisibility(shouldEmitEvent: boolean): void;
+    private _onSlotContentChange;
+    private _onLabelChange;
+    private _sendEvent;
+    private _removeEvent;
+    private _toggleIds;
+    private _renderExampleRow;
+    private _renderDisplaySettings;
+    protected render(): TemplateResult | TemplateResult<1> | undefined;
+    disconnectedCallback(): void;
+}
+export {};

package/components/display-settings/index.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.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../display-settings-DqiWTZ6n.cjs`);exports.LuzmoDisplaySettings=e.t;

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

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

package/components/display-settings/index.js

@@ -0,0 +1,28 @@
+/*! * 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.
+ * */
+// Auto-generated initialization code
+(function() {
+	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+		let e = document.createElement("style");
+		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";
+export { e as LuzmoDisplaySettings };

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

@@ -0,0 +1,5 @@
+import { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+export interface InfoVisibilityChangedEventDetail {
+    isVisible: boolean;
+    slotContent: GenericSlotContent;
+}

package/components/display-settings-DqiWTZ6n.cjs

@@ -0,0 +1,120 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-CIApn5dX.cjs`),t=require(`./decorate-BfLyr4NV.cjs`),n=require(`./formatter-BLebrd-Z.cjs`);let r=require(`@luzmo/icons`),i=require(`lit`),a=require(`lit/decorators.js`),o=require(`@lit/localize`);require(`@luzmo/lucero/tooltip`);let s=require(`@lit-labs/signals`),c=require(`@lit/context`),l=require(`@lit/task`);require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/divider`),require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/multi-language-field`),require(`@luzmo/lucero/progress-circle`),require(`@luzmo/lucero/text-field`);var u=(0,c.createContext)(Symbol(`slot-store-context`)),d=`: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)}`,f=class extends (0,s.SignalWatcher)(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this._loadDisplaySettings=new l.Task(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 Promise.resolve().then(()=>require(`./display-settings-period-over-period/index.cjs`)),this._settingsTypeLoaded.periodOverPeriod=!0),o.length>0&&!t&&(o.includes(`numeric`)&&!this._settingsTypeLoaded.numeric?(await Promise.resolve().then(()=>require(`./display-settings-numeric/index.cjs`)),this._settingsTypeLoaded.numeric=!0):o.includes(`datetime`)&&!this._settingsTypeLoaded.datetime&&i?(await Promise.resolve().then(()=>require(`./display-settings-datetime/index.cjs`)),this._settingsTypeLoaded.datetime=!0):o.includes(`binning`)&&!this._settingsTypeLoaded.binning?(await Promise.resolve().then(()=>require(`./display-settings-binning/index.cjs`)),this._settingsTypeLoaded.binning=!0):o.includes(`grandTotals`)&&!this._settingsTypeLoaded.grandTotals&&(await Promise.resolve().then(()=>require(`./display-settings-grand-totals/index.cjs`)),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[(0,i.unsafeCSS)(d)]}_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 i.nothing;let r=!this._currentSlotContent.datetimeDisplayMode||this._currentSlotContent.datetimeDisplayMode===`default`,a=e?1234.56:r?new Date:1,s=n.t({...this._currentSlotContent,type:e?`numeric`:`datetime`},{locale:this.contentLanguage,level:this._currentSlotContent.level})(a);return i.html`<div class="settings-row example-container">
+      <span class="example-label"
+        >${(0,o.msg)(`Example`,{desc:`Label for example`})}:</span
+      >
+      <span class="example">${s}</span>
+    </div>`}_renderDisplaySettings(){return i.html`<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=${(0,o.msg)(`Show dataset and column IDs`,{desc:`Show IDs button label`})} aria-expanded=${this._showIds} @click=${this._toggleIds}>
+                ${(0,r.luzmoIcon)(r.luzmoInfoCircleOutline)}
+                <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                  ${(0,o.msg)(`Show dataset and column IDs`,{desc:`Show IDs button label`})}
+                </luzmo-tooltip>
+              </luzmo-action-button>
+              ${this.showRemoveButton?i.html`<luzmo-action-button quiet .size=${this.size} .label=${(0,o.msg)(`Remove`,{desc:`Remove button label`})} @click=${this._removeEvent}>
+                    ${(0,r.luzmoIcon)(r.luzmoTrashOutline)}
+                    <luzmo-tooltip
+                      self-managed
+                      placement="top"
+                      size=${this.size}
+                    >
+                      ${(0,o.msg)(`Remove`,{desc:`Remove button label`})}
+                    </luzmo-tooltip>
+                  </luzmo-action-button>`:``}
+            </div>
+          </div>
+        </div>
+        ${this.areGrandTotalsEnabled?i.html`<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`?i.html`<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?i.html`<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?i.html`<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?i.html`<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?i.html` <luzmo-divider></luzmo-divider>
+            <div class="ids-container">
+              <div>
+                <span class="id-label"
+                  >${this._currentSlotContent.formula?(0,o.msg)(`Formula`,{desc:`Label for formula type`}):(0,o.msg)(`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:()=>i.html`<luzmo-progress-circle
+          indeterminate
+          .label=${(0,o.msg)(`Loading`,{desc:`Loading spinner label`})}
+          .size=${this.size}
+        ></luzmo-progress-circle>`,complete:()=>this._renderDisplaySettings(),error:()=>this._renderDisplaySettings()})}disconnectedCallback(){super.disconnectedCallback?.(),this._loadDisplaySettings.abort?.()}};t.t([(0,a.property)({type:String})],f.prototype,`language`,void 0),t.t([(0,a.property)({type:String,attribute:`content-language`})],f.prototype,`contentLanguage`,void 0),t.t([(0,a.property)({type:Boolean,attribute:`hide-display-settings`})],f.prototype,`hideDisplaySettings`,void 0),t.t([(0,a.property)({type:Boolean})],f.prototype,`isBinningDisabled`,void 0),t.t([(0,a.property)({type:Boolean})],f.prototype,`areDatetimeOptionsEnabled`,void 0),t.t([(0,a.property)({type:Boolean})],f.prototype,`areGrandTotalsEnabled`,void 0),t.t([(0,a.property)({type:Boolean})],f.prototype,`isAggregationDisabled`,void 0),t.t([(0,a.property)({type:Boolean})],f.prototype,`isCumulativeSumEnabled`,void 0),t.t([(0,a.property)({type:String})],f.prototype,`periodOverPeriodUiType`,void 0),t.t([(0,a.property)({type:Boolean,attribute:`show-remove-button`})],f.prototype,`showRemoveButton`,void 0),t.t([(0,a.property)({type:String,attribute:`slot-type`})],f.prototype,`slotType`,void 0),t.t([(0,a.property)({type:Object,attribute:!1})],f.prototype,`slotContent`,void 0),t.t([(0,a.state)()],f.prototype,`_showIds`,void 0),t.t([(0,a.property)({type:Array,reflect:!1})],f.prototype,`measureColumns`,void 0),t.t([(0,a.query)(`luzmo-multi-language-field`)],f.prototype,`_multiLanguageFieldElement`,void 0),t.t([(0,c.consume)({context:u,subscribe:!0})],f.prototype,`_store`,void 0),customElements.get(`luzmo-display-settings`)||customElements.define(`luzmo-display-settings`,f),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});