@luzmo/analytics-components-kit 1.0.8-beta.7 → 1.0.8

package/components/{data-field-level-DR_dXjnL.js → data-field-yTJb-R63.js}

@@ -18,23 +18,24 @@
  * SOFTWARE.
  * */
 import { t as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
-import { i as t, n } from "./base-DSeXdW9S.js";
-import { t as r } from "./decorate-DyMgX_Uh.js";
-import { n as i, t as a } from "./calculate-data-field-icon-DrSg1PuD.js";
-import { t as o } from "./localize-BT7REYBY.js";
-import { n as s, t as c } from "./get-css-variable-r1spgqX0.js";
-import { luzmoArrows as l, luzmoDragLines as u, luzmoIcon as d, luzmoInfoCircleOutline as f } from "@luzmo/icons";
+import { i as t, n } from "./base-IE9Qxmub.js";
+import { n as r, t as i } from "./localized-mixin-DhiGdPMj.js";
+import { n as a, t as o } from "./calculate-data-field-icon-DrSg1PuD.js";
+import { t as s } from "./localize-BT7REYBY.js";
+import { n as c } from "./periods.const-NCTkxnvG.js";
+import { n as l, t as u } from "./get-css-variable-r1spgqX0.js";
+import { luzmoArrows as d, luzmoDragLines as f, luzmoIcon as p, luzmoInfoCircleOutline as m } from "@luzmo/icons";
 import "@luzmo/lucero/icon";
-import { html as p, unsafeCSS as m } from "lit";
-import { property as h } from "lit/decorators.js";
-import { msg as g } from "@lit/localize";
+import { html as h, unsafeCSS as g } from "lit";
+import { property as _ } from "lit/decorators.js";
+import { localized as v, msg as y } from "@lit/localize";
 import "@luzmo/lucero/tooltip";
 //#region src/components/data-field-level/data-field-level.module.scss?inline
-var _ = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-font-family));color:var(--luzmo-data-field-level-font-color,var(--data-field-level-font-color))}.data-field-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-data-field-level-background-color,var(--data-field-level-background-color));grid-template-columns:var(--luzmo-data-field-level-drag-handle-width,var(--data-field-level-drag-handle-width)) var(--luzmo-data-field-level-data-icon-width,var(--data-field-level-data-icon-width)) 1fr var(--luzmo-data-field-level-description-width,var(--data-field-level-description-width,auto));gap:var(--luzmo-data-field-level-gap,var(--data-field-level-gap));padding:0 var(--luzmo-data-field-level-horizontal-padding,var(--data-field-level-horizontal-padding));border-radius:var(--luzmo-data-field-level-border-radius,var(--data-field-level-border-radius));border-width:var(--luzmo-data-field-level-border-width,var(--data-field-level-border-width));border-style:var(--luzmo-data-field-level-border-style,var(--data-field-level-border-style));border-color:var(--luzmo-data-field-level-border-color,var(--data-field-level-border-color));align-items:center;display:grid}.data-field-level:hover{background-color:var(--luzmo-data-field-level-background-color-hover,var(--data-field-level-background-color-hover));color:var(--luzmo-data-field-level-font-color-hover,var(--data-field-level-font-color-hover));border-color:var(--luzmo-data-field-level-border-color-hover,var(--data-field-level-border-color-hover))}.data-field-level:hover .data-description{color:var(--luzmo-data-field-level-font-color-hover,var(--data-field-level-font-color-hover))}.data-field-level .data-label{font-size:var(--luzmo-data-field-level-label-font-size,var(--data-field-level-label-font-size));white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.data-field-level .data-description{height:100%;color:var(--luzmo-data-field-level-font-color,var(--data-field-level-font-color));font-size:var(--luzmo-data-field-level-label-font-size,var(--data-field-level-label-font-size));background-color:#0000;border:none;outline:none;align-items:center;display:flex}.data-field-level{height:var(--luzmo-data-field-level-height,var(--data-field-level-height));cursor:move}.data-field-level:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:calc(-1 * var(--luzmo-indicator-width))}:host([sublevel]) .data-field-level{height:var(--luzmo-data-field-level-sublevel-height,var(--data-field-level-sublevel-height));background-color:var(--luzmo-data-field-level-sublevel-background-color,var(--data-field-level-sublevel-background-color));border-color:var(--luzmo-data-field-level-sublevel-border-color,var(--data-field-level-sublevel-border-color));grid-template-columns:var(--luzmo-data-field-level-sublevel-drag-handle-width,var(--luzmo-data-field-level-drag-handle-width)) 1fr;margin-inline-start:var(--luzmo-data-field-level-sublevel-margin-inline-start,var(--data-field-level-sublevel-margin-inline-start))}:host([sublevel]) .data-field-level:hover{background-color:var(--luzmo-data-field-level-sublevel-background-color-hover,var(--data-field-level-sublevel-background-color-hover));color:var(--luzmo-data-field-level-sublevel-font-color-hover,var(--data-field-level-sublevel-font-color-hover))}:host([sublevel]) .data-field-level .drag-handle-icon{width:var(--luzmo-data-field-level-sublevel-drag-handle-width,var(--data-field-level-sublevel-drag-handle-width));text-align:center}:host(.highlighted) .data-field-level:not(:hover){background-color:var(--luzmo-data-field-level-background-color-highlighted,var(--data-field-level-background-color-highlighted));color:var(--luzmo-data-field-level-font-color-highlighted,var(--data-field-level-font-color-highlighted));border-color:var(--luzmo-data-field-level-border-color-highlighted,var(--data-field-level-border-color-highlighted))}:host(.highlighted) .data-field-level:not(:hover) .data-description{color:var(--luzmo-data-field-level-font-color-highlighted,var(--data-field-level-font-color-highlighted))}:host([disabled]) .data-field-level{background-color:var(--luzmo-data-field-level-background-color-disabled,var(--data-field-level-background-color-disabled));color:var(--luzmo-data-field-level-color-disabled,var(--data-field-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .data-field-level{background-color:var(--luzmo-data-field-level-sublevel-background-color-disabled,var(--data-field-level-sublevel-background-color-disabled))}:host(.pulse) .data-field-level{box-shadow:0 0 0 0 var(--luzmo-data-field-level-pulse-color,var(--data-field-level-pulse-color)), 0 0 0 0 var(--luzmo-data-field-level-pulse-color,var(--data-field-level-pulse-color));animation:1.5s cubic-bezier(.66,.33,0,1) infinite dataFieldLevelPulse}:host(.focus) .data-field-level{background-color:var(--luzmo-data-field-level-background-color-focus,var(--data-field-level-background-color-focus));color:var(--luzmo-data-field-level-font-color-focus,var(--data-field-level-font-color-focus));border-color:var(--luzmo-data-field-level-border-color-focus,var(--data-field-level-border-color-focus))}:host(.focus) .data-field-level .data-description{color:var(--luzmo-data-field-level-font-color-focus,var(--data-field-level-font-color-focus))}@keyframes dataFieldLevelPulse{0%{box-shadow:0 0 0 0 var(--luzmo-data-field-level-pulse-color,var(--data-field-level-pulse-color)), 0 0 0 0 var(--luzmo-data-field-level-pulse-color,var(--data-field-level-pulse-color))}to{box-shadow:0 0 0 .5rem #0000,0 0 0 .5rem #0000}}@media (prefers-reduced-motion:reduce){.data-field-level{transition:none}:host(.pulse) .data-field-level{animation:none}}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-data-field-level-drag-handle-size,var(--luzmo-data-field-level-drag-handle-size));width:var(--luzmo-data-field-level-drag-handle-width,var(--luzmo-data-field-level-drag-handle-width));text-align:center;justify-self:center}.data-icon-type{width:var(--luzmo-data-field-level-data-icon-width,var(--luzmo-data-field-level-data-icon-width));text-align:center;justify-self:center;position:relative}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{width:auto;font-size:.75em;line-height:1;position:absolute;bottom:45%;left:70%}:host([variant=highlight]){--data-field-level-background-color:var(--luzmo-background-color-highlight);--data-field-level-border-color:var(--luzmo-background-color-highlight);--data-field-level-background-color-hover:var(--luzmo-background-color-highlight-hover);--data-field-level-font-color-hover:var(--luzmo-font-color-hover);--data-field-level-border-color-hover:var(--luzmo-background-color-highlight-hover)}:host{--data-field-level-height:var(--luzmo-component-height);--data-field-level-label-font-size:var(--luzmo-font-size);--data-field-level-icon-type-size:var(--luzmo-font-size);--data-field-level-horizontal-padding:var(--luzmo-spacing-5);--data-field-level-border-width:var(--luzmo-border-width);--data-field-level-border-style:solid;--data-field-level-border-color:var(--luzmo-border-color-hover);--data-field-level-border-radius:var(--luzmo-border-radius);--data-field-level-gap:var(--luzmo-spacing-4);--data-field-level-font-color:var(--luzmo-font-color);--data-field-level-color-disabled:var(--luzmo-color-disabled);--data-field-level-background-color-disabled:var(--luzmo-background-color-disabled);--luzmo-data-field-level-drag-handle-size:var(--luzmo-font-size-s);--luzmo-data-field-level-drag-handle-width:var(--data-field-level-icon-type-size);--luzmo-data-field-level-data-icon-width:calc(var(--data-field-level-icon-type-size) + var(--luzmo-spacing-3));--luzmo-data-field-level-description-width:calc(var(--data-field-level-icon-type-size) + var(--luzmo-spacing-2));--data-field-level-sublevel-height:var(--luzmo-component-height-s);--data-field-level-sublevel-border-color:transparent;--data-field-level-sublevel-background-color:transparent;--data-field-level-sublevel-background-color-disabled:transparent;--data-field-level-sublevel-margin-inline-start:calc(var(--data-field-level-gap) + var(--luzmo-data-field-level-drag-handle-width));--luzmo-data-field-level-sublevel-drag-handle-width:var(--luzmo-data-field-level-data-icon-width);--data-field-level-sublevel-background-color-hover:rgba(var(--luzmo-border-color-rgb), .05)}:host([hide-type-icon]){--data-field-level-sublevel-margin-inline-start:var(--data-field-level-gap)}:host(.highlighted){--data-field-level-background-color-highlighted:var(--luzmo-primary);--data-field-level-font-color-highlighted:var(--luzmo-primary-inverse-color);--data-field-level-border-color-highlighted:var(--luzmo-border-color)}:host(.focus){--data-field-level-background-color-focus:var(--luzmo-background-color-focus,var(--luzmo-primary));--data-field-level-font-color-focus:var(--luzmo-font-color-focus,var(--luzmo-primary-inverse-color));--data-field-level-border-color-focus:var(--luzmo-border-color-focus,var(--luzmo-primary))}:host(.pulse){--data-field-level-pulse-color:rgba(var(--luzmo-primary-rgb), .4)}:host([size=s]){--data-field-level-height:var(--luzmo-component-height-s);--data-field-level-label-font-size:var(--luzmo-font-size-s);--data-field-level-icon-type-size:var(--luzmo-font-size-s);--data-field-level-horizontal-padding:var(--luzmo-spacing-4);--data-field-level-border-radius:var(--luzmo-border-radius);--data-field-level-gap:var(--luzmo-spacing-3);--data-field-level-sublevel-height:var(--luzmo-component-height-xs);--luzmo-data-field-level-drag-handle-size:var(--luzmo-font-size-xs)}:host([size=l]){--data-field-level-height:var(--luzmo-component-height-l);--data-field-level-label-font-size:var(--luzmo-font-size-l);--data-field-level-icon-type-size:var(--luzmo-font-size-l);--data-field-level-horizontal-padding:var(--luzmo-spacing-5);--data-field-level-border-radius:var(--luzmo-border-radius-l);--data-field-level-gap:var(--luzmo-spacing-5);--data-field-level-sublevel-height:var(--luzmo-component-height);--luzmo-data-field-level-drag-handle-size:var(--luzmo-font-size)}:host([size=xl]){--data-field-level-height:var(--luzmo-component-height-xl);--data-field-level-label-font-size:var(--luzmo-font-size-xl);--data-field-level-icon-type-size:var(--luzmo-font-size-xl);--data-field-level-horizontal-padding:var(--luzmo-spacing-5);--data-field-level-border-radius:var(--luzmo-border-radius-xl);--data-field-level-gap:var(--luzmo-spacing-5);--data-field-level-sublevel-height:var(--luzmo-component-height-l);--luzmo-data-field-level-drag-handle-size:var(--luzmo-font-size-l)}:host{box-sizing:border-box}", v = (e) => {
-	let t = e.source.element, n = e.source.data, r = t.renderRoot?.querySelector(".data-label")?.textContent || o(n.name, t.language) || "Untitled", i = n.type, s = n.subtype, l = a({
+var b = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-font-family));color:var(--luzmo-data-field-level-font-color,var(--data-field-level-font-color))}.data-field-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-data-field-level-background-color,var(--data-field-level-background-color));grid-template-columns:var(--luzmo-data-field-level-drag-handle-width,var(--data-field-level-drag-handle-width)) var(--luzmo-data-field-level-data-icon-width,var(--data-field-level-data-icon-width)) 1fr var(--luzmo-data-field-level-description-width,var(--data-field-level-description-width,auto));gap:var(--luzmo-data-field-level-gap,var(--data-field-level-gap));padding:0 var(--luzmo-data-field-level-horizontal-padding,var(--data-field-level-horizontal-padding));border-radius:var(--luzmo-data-field-level-border-radius,var(--data-field-level-border-radius));border-width:var(--luzmo-data-field-level-border-width,var(--data-field-level-border-width));border-style:var(--luzmo-data-field-level-border-style,var(--data-field-level-border-style));border-color:var(--luzmo-data-field-level-border-color,var(--data-field-level-border-color));align-items:center;display:grid}.data-field-level:hover{background-color:var(--luzmo-data-field-level-background-color-hover,var(--data-field-level-background-color-hover));color:var(--luzmo-data-field-level-font-color-hover,var(--data-field-level-font-color-hover));border-color:var(--luzmo-data-field-level-border-color-hover,var(--data-field-level-border-color-hover))}.data-field-level:hover .data-description{color:var(--luzmo-data-field-level-font-color-hover,var(--data-field-level-font-color-hover))}.data-field-level .data-label{font-size:var(--luzmo-data-field-level-label-font-size,var(--data-field-level-label-font-size));white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.data-field-level .data-description{height:100%;color:var(--luzmo-data-field-level-font-color,var(--data-field-level-font-color));font-size:var(--luzmo-data-field-level-label-font-size,var(--data-field-level-label-font-size));background-color:#0000;border:none;outline:none;align-items:center;display:flex}.data-field-level{height:var(--luzmo-data-field-level-height,var(--data-field-level-height));cursor:move}.data-field-level:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:calc(-1 * var(--luzmo-indicator-width))}:host([sublevel]) .data-field-level{height:var(--luzmo-data-field-level-sublevel-height,var(--data-field-level-sublevel-height));background-color:var(--luzmo-data-field-level-sublevel-background-color,var(--data-field-level-sublevel-background-color));border-color:var(--luzmo-data-field-level-sublevel-border-color,var(--data-field-level-sublevel-border-color));grid-template-columns:var(--luzmo-data-field-level-sublevel-drag-handle-width,var(--luzmo-data-field-level-drag-handle-width)) 1fr;margin-inline-start:var(--luzmo-data-field-level-sublevel-margin-inline-start,var(--data-field-level-sublevel-margin-inline-start))}:host([sublevel]) .data-field-level:hover{background-color:var(--luzmo-data-field-level-sublevel-background-color-hover,var(--data-field-level-sublevel-background-color-hover));color:var(--luzmo-data-field-level-sublevel-font-color-hover,var(--data-field-level-sublevel-font-color-hover))}:host([sublevel]) .data-field-level .drag-handle-icon{width:var(--luzmo-data-field-level-sublevel-drag-handle-width,var(--data-field-level-sublevel-drag-handle-width));text-align:center}:host(.highlighted) .data-field-level:not(:hover){background-color:var(--luzmo-data-field-level-background-color-highlighted,var(--data-field-level-background-color-highlighted));color:var(--luzmo-data-field-level-font-color-highlighted,var(--data-field-level-font-color-highlighted));border-color:var(--luzmo-data-field-level-border-color-highlighted,var(--data-field-level-border-color-highlighted))}:host(.highlighted) .data-field-level:not(:hover) .data-description{color:var(--luzmo-data-field-level-font-color-highlighted,var(--data-field-level-font-color-highlighted))}:host([disabled]) .data-field-level{background-color:var(--luzmo-data-field-level-background-color-disabled,var(--data-field-level-background-color-disabled));color:var(--luzmo-data-field-level-color-disabled,var(--data-field-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .data-field-level{background-color:var(--luzmo-data-field-level-sublevel-background-color-disabled,var(--data-field-level-sublevel-background-color-disabled))}:host(.pulse) .data-field-level{box-shadow:0 0 0 0 var(--luzmo-data-field-level-pulse-color,var(--data-field-level-pulse-color)), 0 0 0 0 var(--luzmo-data-field-level-pulse-color,var(--data-field-level-pulse-color));animation:1.5s cubic-bezier(.66,.33,0,1) infinite dataFieldLevelPulse}:host(.focus) .data-field-level{background-color:var(--luzmo-data-field-level-background-color-focus,var(--data-field-level-background-color-focus));color:var(--luzmo-data-field-level-font-color-focus,var(--data-field-level-font-color-focus));border-color:var(--luzmo-data-field-level-border-color-focus,var(--data-field-level-border-color-focus))}:host(.focus) .data-field-level .data-description{color:var(--luzmo-data-field-level-font-color-focus,var(--data-field-level-font-color-focus))}@keyframes dataFieldLevelPulse{0%{box-shadow:0 0 0 0 var(--luzmo-data-field-level-pulse-color,var(--data-field-level-pulse-color)), 0 0 0 0 var(--luzmo-data-field-level-pulse-color,var(--data-field-level-pulse-color))}to{box-shadow:0 0 0 .5rem #0000,0 0 0 .5rem #0000}}@media (prefers-reduced-motion:reduce){.data-field-level{transition:none}:host(.pulse) .data-field-level{animation:none}}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-data-field-level-drag-handle-size,var(--luzmo-data-field-level-drag-handle-size));width:var(--luzmo-data-field-level-drag-handle-width,var(--luzmo-data-field-level-drag-handle-width));text-align:center;justify-self:center}.data-icon-type{width:var(--luzmo-data-field-level-data-icon-width,var(--luzmo-data-field-level-data-icon-width));text-align:center;justify-self:center;position:relative}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{width:auto;font-size:.75em;line-height:1;position:absolute;bottom:45%;left:70%}:host([variant=highlight]){--data-field-level-background-color:var(--luzmo-background-color-highlight);--data-field-level-border-color:var(--luzmo-background-color-highlight);--data-field-level-background-color-hover:var(--luzmo-background-color-highlight-hover);--data-field-level-font-color-hover:var(--luzmo-font-color-hover);--data-field-level-border-color-hover:var(--luzmo-background-color-highlight-hover)}:host{--data-field-level-height:var(--luzmo-component-height);--data-field-level-label-font-size:var(--luzmo-font-size);--data-field-level-icon-type-size:var(--luzmo-font-size);--data-field-level-horizontal-padding:var(--luzmo-spacing-5);--data-field-level-border-width:var(--luzmo-border-width);--data-field-level-border-style:solid;--data-field-level-border-color:var(--luzmo-border-color-hover);--data-field-level-border-radius:var(--luzmo-border-radius);--data-field-level-gap:var(--luzmo-spacing-4);--data-field-level-font-color:var(--luzmo-font-color);--data-field-level-color-disabled:var(--luzmo-color-disabled);--data-field-level-background-color-disabled:var(--luzmo-background-color-disabled);--luzmo-data-field-level-drag-handle-size:var(--luzmo-font-size-s);--luzmo-data-field-level-drag-handle-width:var(--data-field-level-icon-type-size);--luzmo-data-field-level-data-icon-width:calc(var(--data-field-level-icon-type-size) + var(--luzmo-spacing-3));--luzmo-data-field-level-description-width:calc(var(--data-field-level-icon-type-size) + var(--luzmo-spacing-2));--data-field-level-sublevel-height:var(--luzmo-component-height-s);--data-field-level-sublevel-border-color:transparent;--data-field-level-sublevel-background-color:transparent;--data-field-level-sublevel-background-color-disabled:transparent;--data-field-level-sublevel-margin-inline-start:calc(var(--data-field-level-gap) + var(--luzmo-data-field-level-drag-handle-width));--luzmo-data-field-level-sublevel-drag-handle-width:var(--luzmo-data-field-level-data-icon-width);--data-field-level-sublevel-background-color-hover:rgba(var(--luzmo-border-color-rgb), .05)}:host([hide-type-icon]){--data-field-level-sublevel-margin-inline-start:var(--data-field-level-gap)}:host(.highlighted){--data-field-level-background-color-highlighted:var(--luzmo-primary);--data-field-level-font-color-highlighted:var(--luzmo-primary-inverse-color);--data-field-level-border-color-highlighted:var(--luzmo-border-color)}:host(.focus){--data-field-level-background-color-focus:var(--luzmo-background-color-focus,var(--luzmo-primary));--data-field-level-font-color-focus:var(--luzmo-font-color-focus,var(--luzmo-primary-inverse-color));--data-field-level-border-color-focus:var(--luzmo-border-color-focus,var(--luzmo-primary))}:host(.pulse){--data-field-level-pulse-color:rgba(var(--luzmo-primary-rgb), .4)}:host([size=s]){--data-field-level-height:var(--luzmo-component-height-s);--data-field-level-label-font-size:var(--luzmo-font-size-s);--data-field-level-icon-type-size:var(--luzmo-font-size-s);--data-field-level-horizontal-padding:var(--luzmo-spacing-4);--data-field-level-border-radius:var(--luzmo-border-radius);--data-field-level-gap:var(--luzmo-spacing-3);--data-field-level-sublevel-height:var(--luzmo-component-height-xs);--luzmo-data-field-level-drag-handle-size:var(--luzmo-font-size-xs)}:host([size=l]){--data-field-level-height:var(--luzmo-component-height-l);--data-field-level-label-font-size:var(--luzmo-font-size-l);--data-field-level-icon-type-size:var(--luzmo-font-size-l);--data-field-level-horizontal-padding:var(--luzmo-spacing-5);--data-field-level-border-radius:var(--luzmo-border-radius-l);--data-field-level-gap:var(--luzmo-spacing-5);--data-field-level-sublevel-height:var(--luzmo-component-height);--luzmo-data-field-level-drag-handle-size:var(--luzmo-font-size)}:host([size=xl]){--data-field-level-height:var(--luzmo-component-height-xl);--data-field-level-label-font-size:var(--luzmo-font-size-xl);--data-field-level-icon-type-size:var(--luzmo-font-size-xl);--data-field-level-horizontal-padding:var(--luzmo-spacing-5);--data-field-level-border-radius:var(--luzmo-border-radius-xl);--data-field-level-gap:var(--luzmo-spacing-5);--data-field-level-sublevel-height:var(--luzmo-component-height-l);--luzmo-data-field-level-drag-handle-size:var(--luzmo-font-size-l)}:host{box-sizing:border-box}", x = (e) => {
+	let t = e.source.element, n = e.source.data, r = t.renderRoot?.querySelector(".data-label")?.textContent || s(n.name, t.language) || "Untitled", i = n.type, a = n.subtype, c = o({
 		type: i,
-		subtype: s
-	}, t.size), u = {};
+		subtype: a
+	}, t.size), l = {};
 	[
 		[
 			"borderColor",
@@ -82,8 +83,8 @@ var _ = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-
 			"--data-field-level-gap"
 		]
 	].forEach(([e, n, r]) => {
-		let i = c(t, n) || c(t, r);
-		u[e] = i;
+		let i = u(t, n) || u(t, r);
+		l[e] = i;
 	});
 	let d = document.createElement("div"), f = document.createElement("div");
 	if (d.innerHTML = r, Object.assign(d.style, {
@@ -93,24 +94,24 @@ var _ = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-
 		whiteSpace: "nowrap"
 	}), !t.sublevel) {
 		let e = document.createElement("luzmo-icon");
-		e.icon = l, f.append(e);
+		e.icon = c, f.append(e);
 	}
 	return f.append(d), Object.assign(f.style, {
 		display: "flex",
 		alignItems: "center",
 		maxWidth: "12rem",
 		lineHeight: "1",
-		height: u.height,
-		border: `1px solid ${u.borderColor}`,
-		backgroundColor: u.backgroundColor,
-		borderRadius: u.borderRadius,
-		fontFamily: u.fontFamily,
-		fontSize: u.fontSize,
-		color: u.color,
-		padding: `0 ${u.horizontalPadding}`,
-		gap: u.gap
+		height: l.height,
+		border: `1px solid ${l.borderColor}`,
+		backgroundColor: l.backgroundColor,
+		borderRadius: l.borderRadius,
+		fontFamily: l.fontFamily,
+		fontSize: l.fontSize,
+		color: l.color,
+		padding: `0 ${l.horizontalPadding}`,
+		gap: l.gap
 	}), f;
-}, y = class extends n(t, {
+}, S = class extends n(t, {
 	validSizes: [
 		"s",
 		"m",
@@ -150,7 +151,7 @@ var _ = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-
 		};
 	}
 	static {
-		this.styles = m(_);
+		this.styles = g(b);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this._cleanupDraggable &&= (this._cleanupDraggable(), void 0), window.removeEventListener("luzmo-slot-menu-highlight", this._handleHighlight), window.removeEventListener("luzmo-slot-menu-inactive", this._clearHighlight);
@@ -171,9 +172,9 @@ var _ = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-
 			getInitialData: () => ({ ...this.data }),
 			onGenerateDragPreview: (e) => {
 				let t = e.nativeSetDragImage;
-				s({
+				l({
 					render({ container: t }) {
-						let n = v(e);
+						let n = x(e);
 						t.append(n);
 					},
 					nativeSetDragImage: t
@@ -182,7 +183,7 @@ var _ = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-
 		});
 	}
 	render() {
-		if (!this.data) return p`
+		if (!this.data) return h`
         <div
           class="data-field-level"
           tabindex="0"
@@ -190,23 +191,23 @@ var _ = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-
       `;
 		let e = (e) => {
 			if (e) return e[this.language] ?? e[Object.keys(e)[0]];
-		}, t = this.data, n = (this.sublevel && t.sublevelLabel ? t.sublevelLabel : void 0) ?? e(this.data.name) ?? "Untitled", r = e(this.data.description), o = i(this.data, this.size);
-		return p`
+		}, t = this.data, n = (this.sublevel && t.sublevelLabel ? t.sublevelLabel : void 0) ?? e(this.data.name) ?? "Untitled", r = e(this.data.description), i = a(this.data, this.size);
+		return h`
       <div class="data-field-level" tabindex="0">
         <div class="drag-handle-icon">
-          ${this.sublevel ? d(u) : d(l)}
+          ${this.sublevel ? p(f) : p(d)}
         </div>
-        ${this.sublevel || this.hideTypeIcon ? "" : p`<div class="data-icon-type">
-              <div class=${o ? "with-secondary-icon" : ""}>
-                ${d(a(this.data, this.size))}
+        ${this.sublevel || this.hideTypeIcon ? "" : h`<div class="data-icon-type">
+              <div class=${i ? "with-secondary-icon" : ""}>
+                ${p(o(this.data, this.size))}
               </div>
-              ${o ? p`<div class="secondary-icon">
-                    ${d(o)}
+              ${i ? h`<div class="secondary-icon">
+                    ${p(i)}
                   </div>` : ""}
             </div>`}
         <div class="data-label">${n}</div>
-        ${!this.sublevel && r ? p`<button class="data-description" aria-label=${g("Show description", { desc: "Aria label for data field description button" })}>
-              ${d(f)}
+        ${!this.sublevel && r ? h`<button class="data-description" aria-label=${y("Show description", { desc: "Aria label for data field description button" })}>
+              ${p(m)}
               <luzmo-tooltip self-managed placement="top" size=${this.size}>
                 ${r}
               </luzmo-tooltip>
@@ -226,22 +227,115 @@ var _ = ":host{font-family:var(--luzmo-data-field-level-font-family,var(--luzmo-
 };
 //#endregion
 //#region src/components/data-field-level/index.ts
-r([h({
+r([_({
 	type: String,
 	reflect: !0
-})], y.prototype, "variant", void 0), r([h({
+})], S.prototype, "variant", void 0), r([_({
 	type: Boolean,
 	reflect: !0,
 	attribute: "hide-type-icon"
-})], y.prototype, "hideTypeIcon", void 0), r([h({
+})], S.prototype, "hideTypeIcon", void 0), r([_({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "sublevel", void 0), r([h({
+})], S.prototype, "sublevel", void 0), r([_({
 	type: String,
 	reflect: !0
-})], y.prototype, "language", void 0), r([h({
+})], S.prototype, "language", void 0), r([_({
 	type: Boolean,
 	reflect: !0
-})], y.prototype, "disabled", void 0), r([h({ type: Object })], y.prototype, "data", void 0), customElements.get("luzmo-data-field-level") || customElements.define("luzmo-data-field-level", y);
+})], S.prototype, "disabled", void 0), r([_({ type: Object })], S.prototype, "data", void 0), customElements.get("luzmo-data-field-level") || customElements.define("luzmo-data-field-level", S);
 //#endregion
-export { y as t };
+//#region src/components/data-field/data-field.module.scss?inline
+var C = ":host{--data-field-sublevels-margin-vertical:var(--luzmo-spacing-1);--data-field-sublevels-gap:0}:host([size=s]){--data-field-sublevels-margin-vertical:var(--luzmo-spacing-1)}:host([size=l]){--data-field-sublevels-margin-vertical:var(--luzmo-spacing-2)}:host([size=xl]){--data-field-sublevels-margin-vertical:var(--luzmo-spacing-3)}:host{display:block}.data-field-sublevels{gap:var(--luzmo-data-field-sublevels-gap,var(--data-field-sublevels-gap));margin:var(--luzmo-data-field-sublevels-margin-vertical,var(--data-field-sublevels-margin-vertical)) 0;flex-direction:column;display:flex}:host{box-sizing:border-box}", w = (e) => "formulaId" in e, T = class extends i(n(t, {
+	validSizes: [
+		"s",
+		"m",
+		"l",
+		"xl"
+	],
+	noDefaultSize: !0
+})) {
+	constructor(...e) {
+		super(...e), this.variant = "normal", this.data = {};
+	}
+	static {
+		this.styles = g(C);
+	}
+	renderSublevels() {
+		if (!this.data) return h`
+        
+      `;
+		let e = this.data?.type, t = e === "datetime" || e === "array[datetime]", n = [];
+		if ("hierarchyLevels" in this.data && Array.isArray(this.data.hierarchyLevels) && this.data.hierarchyLevels.length > 2 && this.data.hierarchy_enabled && n.push(...this.data.hierarchyLevels.filter((e) => e?.level >= 1).map((e) => h`<luzmo-data-field-level
+            sublevel
+            .data=${{
+			...this.data,
+			level: e.level,
+			name: e.name
+		}}
+            .language=${this.language}
+            .size=${this.size}
+            .variant=${this.variant}
+            .disabled=${this.disabled}
+            ?hide-type-icon=${this.hideTypeIcon}
+          ></luzmo-data-field-level>`)), !w(this.data) && t && this.data.lowestLevel) {
+			let e = Math.min(Math.max(this.data.lowestLevel, 1), c.length), t = Math.min(Math.max(this.data.highestLevel ?? 1, 1), c.length);
+			for (let r = t; r <= e; r++) {
+				let e = c[r - 1]?.i18n(), t = {
+					...this.data,
+					level: r,
+					name: this.data.name,
+					sublevelLabel: e
+				};
+				n.push(h`<luzmo-data-field-level
+              sublevel
+              .data=${t}
+              .language=${this.language}
+              .size=${this.size}
+              .variant=${this.variant}
+              .disabled=${this.disabled}
+              ?hide-type-icon=${this.hideTypeIcon}
+            ></luzmo-data-field-level>`);
+			}
+		}
+		return n.length > 0 ? h`
+        <div class="data-field-sublevels">${n}</div>
+      ` : h`
+          
+        `;
+	}
+	render() {
+		return this.data ? h`
+      <luzmo-data-field-level
+        .data=${this.data}
+        .language=${this.language}
+        .size=${this.size}
+        .variant=${this.variant}
+        .disabled=${this.disabled}
+        ?hide-type-icon=${this.hideTypeIcon}
+      ></luzmo-data-field-level>
+      ${this.hideSublevels ? "" : this.renderSublevels()}
+    ` : h`
+        
+      `;
+	}
+};
+//#endregion
+//#region src/components/data-field/index.ts
+r([_({
+	type: String,
+	reflect: !0
+})], T.prototype, "variant", void 0), r([_({
+	type: Boolean,
+	reflect: !0
+})], T.prototype, "disabled", void 0), r([_({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-sublevels"
+})], T.prototype, "hideSublevels", void 0), r([_({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-type-icon"
+})], T.prototype, "hideTypeIcon", void 0), r([_({ type: Object })], T.prototype, "data", void 0), T = r([v()], T), customElements.get("luzmo-data-field") || customElements.define("luzmo-data-field", T);
+//#endregion
+export { S as n, T as t };

package/components/{data-fields-select-BYhAzdA6.js → data-fields-select-Bb1HXwlO.js}

@@ -17,11 +17,10 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./localized-mixin-DBUkUh0o.js";
+import { n as e, t } from "./localized-mixin-DhiGdPMj.js";
 import { t as n } from "./calculate-data-field-icon-DrSg1PuD.js";
 import { t as r } from "./localize-BT7REYBY.js";
-import { n as i, r as a } from "./convert-datasets-to-data-fields-PmQzeVLG.js";
+import { i, r as a } from "./load-data-fields-for-datasets-B76UR0sG.js";
 import { n as o } from "./periods.const-NCTkxnvG.js";
 import { luzmoFormula as s } from "@luzmo/icons";
 import { html as c, unsafeCSS as l } from "lit";
@@ -56,7 +55,7 @@ var g = ":host{font-family:var(--luzmo-font-family)}luzmo-select{--luzmo-option-
 		})));
 	}
 	_toDataFieldData(e, t, n = !1) {
-		return n ? a(t, e, { includeHidden: !0 }) : i(t, e, { includeHidden: !0 });
+		return n ? i(t, e, { includeHidden: !0 }) : a(t, e, { includeHidden: !0 });
 	}
 	_toAdHocFormulaFieldData(e, t) {
 		return {

package/components/data-fields-select-Cor6sfzL.cjs

@@ -0,0 +1,41 @@
+/*! * 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("./localized-mixin-DfpurTYo.cjs"),t=require("./calculate-data-field-icon-DenGmW74.cjs"),n=require("./localize-D3i4Epy_.cjs"),r=require("./load-data-fields-for-datasets-DFYeACsu.cjs"),i=require("./periods.const-Db0nXrwr.cjs");let a=require("@luzmo/icons"),o=require("lit"),s=require("lit/decorators.js"),c=require("@lit/localize");require("@luzmo/lucero/select");let l=require("@luzmo/lucero/utils");var u=`:host{font-family:var(--luzmo-font-family)}luzmo-select{--luzmo-option-icon-width:var(--data-fields-select-option-icon-width);width:100%}:host{--data-fields-select-option-icon-width:calc(var(--luzmo-font-size) * 1.4)}:host([size=xxs]),:host([size=xs]),:host([size=s]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-s) * 1.4)}:host([size=l]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-l) * 1.4)}:host([size=xl]),:host([size=xxl]){--data-fields-select-option-icon-width:calc(var(--luzmo-font-size-xl) * 1.4)}`,d=`::level::`,f=(e,t)=>`${e}${d}${t}`,p=e=>{let t=e.indexOf(d);return t===-1?null:{columnId:e.slice(0,t),level:Number(e.slice(t+9))}},m=class extends e.t((0,l.SizedMixin)(l.LuzmoElement,{validSizes:Object.values(l.ElementSizes)})){constructor(...e){super(...e),this.contentLanguage=`en`,this.icons=`menu-only`,this.levels=`on`,this.allowEmpty=!1,this.selects=`single`,this.value=[],this.retrieving=!1,this.invalid=!1,this.clearable=!1,this.pending=!1,this.disabled=!1,this.search=`auto`,this.placement=`bottom-start`,this.datasetsDataFields=[],this._dataFieldsSelected=[],this._lastEmittedValue=`[]`,this._pendingAutoSelectEvent=!1}static get styles(){return[(0,o.unsafeCSS)(u)]}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}_sendChangeEvent(){let e=JSON.stringify(this.value);e!==this._lastEmittedValue&&(this._lastEmittedValue=e,this.dispatchEvent(new CustomEvent(`luzmo-data-fields-selected`,{bubbles:!0,composed:!0,cancelable:!0,detail:{dataFields:this._dataFieldsSelected}})))}_toDataFieldData(e,t,n=!1){return n?r.i(t,e,{includeHidden:!0}):r.r(t,e,{includeHidden:!0})}_toAdHocFormulaFieldData(e,t){return{datasetId:t,formula:e.formula,type:e.type,name:e.label??{en:`Ad-hoc formula`},subtype:e.subtype??void 0,format:e.format}}_findFormulaMatch(e,t,n){for(let r of e)if(this._isAdHocFormula(r)){if(r.formula===t)return this._toAdHocFormulaFieldData(r,n)}else if(r.id===t)return this._toDataFieldData(r,n,!0);return null}_resolveDataFieldFromValue(e,t){let n=p(e),r=n?n.columnId:e;for(let i of t){let t=i.columns??[],a=i.formulas??[],o=t.find(e=>e.id===r);if(o){let e=this._toDataFieldData(o,i.id,!1);if(e&&n&&(e.level=n.level,this._isExpandableHierarchy(o))){let t=o.hierarchyLevels?.find(e=>e.level===n.level);t&&(e.name=t.name)}return e}let s=this._findFormulaMatch(a,e,i.id);if(s)return s}return null}setDataField(e){let t=e?.detail?.value??[];this._dataFieldsSelected=[];for(let e of t){let t=this._resolveDataFieldFromValue(e,this.datasetsDataFields);t&&this._dataFieldsSelected.push(t)}this.value=t,this._sendChangeEvent()}_normalizeValueForLevels(e){if(this.levels!==`off`)return e;let t=[];for(let n of e){let e=p(n)?.columnId??n;t.includes(e)||t.push(e)}return t}_findDataFieldsInDatasetsDataFields(e){this._dataFieldsSelected=[];for(let t of e){let e=this._resolveDataFieldFromValue(t,this.datasetsDataFields);e&&this._dataFieldsSelected.push(e)}}_getAutoSelectValue(){for(let e of this.datasetsDataFields){if(e?.columns?.length>0){let t=e.columns[0];return this._isExpandableDatetime(t)?this._buildDatetimeChildren(t)[0]?.value??null:this._isExpandableHierarchy(t)?this._buildHierarchyChildren(t)[0]?.value??null:t.id}for(let t of e?.formulas??[])if(!this._isAdHocFormula(t))return t.id}return null}_autoSelectInitialDataField(){if(this.value.length>0||this.allowEmpty||this.retrieving)return;let e=this._getAutoSelectValue();e&&this._resolveDataFieldFromValue(e,this.datasetsDataFields)&&(this._pendingAutoSelectEvent=!0,this.value=[e])}willUpdate(e){if(super.willUpdate(e),(e.has(`value`)||e.has(`datasetsDataFields`)||e.has(`allowEmpty`)||e.has(`retrieving`)||e.has(`levels`))&&this._autoSelectInitialDataField(),e.has(`value`)||e.has(`datasetsDataFields`)||e.has(`levels`)){if(e.has(`levels`)&&this.levels===`off`){let e=this._normalizeValueForLevels(this.value);JSON.stringify(e)!==JSON.stringify(this.value)&&(this._pendingAutoSelectEvent=!0,this.value=e)}this._findDataFieldsInDatasetsDataFields(this.value)}}updated(e){super.updated(e),this._pendingAutoSelectEvent&&e.has(`value`)&&this._dataFieldsSelected.length>0?(this._pendingAutoSelectEvent=!1,this._sendChangeEvent()):e.has(`value`)&&(this._lastEmittedValue=JSON.stringify(this.value))}_buildDatetimeChildren(e){let t=[],n=Math.min(Math.max(e.lowestLevel??1,1),i.n.length),r=Math.min(Math.max(e.highestLevel??1,1),i.n.length);for(let a=r;a<=n;a++)t.push({value:f(e.id,a),label:i.n[a-1]?.i18n()??``});return t}_buildHierarchyChildren(e){let t=[],r=e.hierarchyLevels??[];for(let i of r)i.level<1||t.push({value:f(e.id,i.level),label:n.t(i.name??{},this.contentLanguage)??``});return t}_isExpandableDatetime(e){let t=e.type;return this.levels!==`off`&&(t===`datetime`||t===`array[datetime]`)&&typeof e.lowestLevel==`number`}_isExpandableHierarchy(e){return this.levels!==`off`&&Array.isArray(e.hierarchyLevels)&&e.hierarchyLevels.length>2&&e.hierarchy_enabled===!0}render(){let e=[],r=this.icons!==`none`;for(let i of this.datasetsDataFields??[]){let o=i?.columns??[],s=i?.formulas??[];for(let i of o){let a={value:i.id,label:n.t(i?.name??{},this.contentLanguage)??``};r&&(a.icon=t.t(i,this.size)),this._isExpandableDatetime(i)?a.children=this._buildDatetimeChildren(i):this._isExpandableHierarchy(i)&&(a.children=this._buildHierarchyChildren(i)),e.push(a)}for(let i of s)if(this._isAdHocFormula(i)){let t=i.label?n.t(i.label,this.contentLanguage):(0,c.msg)(`Ad-hoc formula`),o={value:i.formula,label:t??(0,c.msg)(`Ad-hoc formula`)};r&&(o.icon=a.luzmoFormula),e.push(o)}else{let a={value:i.id,label:n.t(i?.name??{},this.contentLanguage)??``};r&&(a.icon=t.t(i,this.size)),e.push(a)}}let i=(0,c.msg)(`Select...`),s=this.pending?``:this.label||this.placeholder||i,l=this.pending||this.value.length===0?[]:this.value,u=this.icons===`none`||this.icons===`menu-only`?`none`:void 0;return o.html`<luzmo-select
+        id="data-fields"
+        .size=${this.size}
+        .label=${s}
+        .pendingLabel=${this.label||this.placeholder||i}
+        .retrieving=${this.retrieving}
+        .icons=${u}
+        .selects=${this.selects}
+        .variant=${this.selects===`multiple`?`checkmarks`:`highlight`}
+        .placement=${this.placement}
+        .search=${this.search}
+        emphasized
+        no-wrap
+        ?invalid=${this.invalid}
+        ?clearable=${this.clearable&&this.allowEmpty}
+        ?pending=${this.pending}
+        ?disabled=${this.disabled}
+        .options=${e}
+        .value=${l}
+        @change=${this.setDataField}
+      >
+      </luzmo-select>`}};e.n([(0,s.property)({type:String,attribute:`content-language`,reflect:!0})],m.prototype,`contentLanguage`,void 0),e.n([(0,s.property)({type:String,reflect:!0})],m.prototype,`label`,void 0),e.n([(0,s.property)({type:String,reflect:!0})],m.prototype,`icons`,void 0),e.n([(0,s.property)({type:String,reflect:!0})],m.prototype,`levels`,void 0),e.n([(0,s.property)({type:Boolean,attribute:`allow-empty`,reflect:!0})],m.prototype,`allowEmpty`,void 0),e.n([(0,s.property)({type:String,attribute:`placeholder`,reflect:!0})],m.prototype,`placeholder`,void 0),e.n([(0,s.property)({type:String,reflect:!0})],m.prototype,`selects`,void 0),e.n([(0,s.property)({type:Array,reflect:!0})],m.prototype,`value`,void 0),e.n([(0,s.property)({type:Boolean,attribute:`retrieving`,reflect:!0})],m.prototype,`retrieving`,void 0),e.n([(0,s.property)({type:Boolean,attribute:`invalid`,reflect:!0})],m.prototype,`invalid`,void 0),e.n([(0,s.property)({type:Boolean,attribute:`clearable`,reflect:!0})],m.prototype,`clearable`,void 0),e.n([(0,s.property)({type:Boolean,attribute:`pending`,reflect:!0})],m.prototype,`pending`,void 0),e.n([(0,s.property)({type:Boolean,attribute:`disabled`,reflect:!0})],m.prototype,`disabled`,void 0),e.n([(0,s.property)({type:String,attribute:`search`,reflect:!0})],m.prototype,`search`,void 0),e.n([(0,s.property)({type:String,reflect:!0})],m.prototype,`placement`,void 0),e.n([(0,s.property)({type:Array,reflect:!1})],m.prototype,`datasetsDataFields`,void 0),m=e.n([(0,c.localized)()],m),customElements.get(`luzmo-data-fields-select`)||customElements.define(`luzmo-data-fields-select`,m),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});

package/components/{display-settings-binning-GIE6ww1Q.js → display-settings-binning-CaE87u3h.js}

@@ -17,24 +17,24 @@
  * 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-DSeXdW9S.js";
-import { t as r } from "./decorate-DyMgX_Uh.js";
-import { t as i } from "./localized-mixin-DBUkUh0o.js";
-import { luzmoCheckbox as a, luzmoCheckboxChecked as o } from "@luzmo/icons";
+import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
+import { i as t, n, t as r } from "./base-IE9Qxmub.js";
+import { n as i, t as a } from "./localized-mixin-DhiGdPMj.js";
+import { luzmoCheckbox as o, luzmoCheckboxChecked as s } from "@luzmo/icons";
 import "@luzmo/lucero/icon";
-import { html as s, unsafeCSS as c } from "lit";
-import { property as l, query as u, state as d } from "lit/decorators.js";
-import { localized as f, msg as p } from "@lit/localize";
+import { html as c, unsafeCSS as l } from "lit";
+import { property as u, query as d, state as f } from "lit/decorators.js";
+import { localized as p, msg as m } from "@lit/localize";
 import "@luzmo/lucero/action-button";
 import "@luzmo/lucero/field-label";
 import "@luzmo/lucero/number-field";
 //#region src/components/display-settings-binning/display-settings-binning.module.scss?inline
-var m = ":host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap,var(--display-settings-binning-gap));display:flex}:host,:host([size=s]){--display-settings-binning-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap:var(--luzmo-spacing-5)}", h = class extends i(t(e, { validSizes: Object.values(n) })) {
+var h = ":host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap,var(--display-settings-binning-gap));display:flex}:host,:host([size=s]){--display-settings-binning-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap:var(--luzmo-spacing-5)}", g = class extends a(n(t, { validSizes: Object.values(r) })) {
 	constructor(...e) {
 		super(...e), this.slotContent = {}, this._enabled = !1, this._binWidth = 10;
 	}
 	static get styles() {
-		return [c(m)];
+		return [l(h)];
 	}
 	willUpdate(e) {
 		super.willUpdate(e), e.has("slotContent") && (this._enabled = this.slotContent?.bins?.enabled ?? !1, this._binWidth = this.slotContent?.bins?.number ?? 10);
@@ -61,9 +61,9 @@ var m = ":host .settings-container{gap:var(--luzmo-display-settings-vertical-gap
 		}));
 	}
 	renderBinWidth() {
-		return s`<div class="setting">
+		return c`<div class="setting">
       <luzmo-field-label .size=${this.size} for="bin-width"
-        >${p("Bin width", { desc: "The width of each bin in the histogram" })}</luzmo-field-label
+        >${m("Bin width", { desc: "The width of each bin in the histogram" })}</luzmo-field-label
       >
       <luzmo-number-field
         id="bin-width"
@@ -75,11 +75,11 @@ var m = ":host .settings-container{gap:var(--luzmo-display-settings-vertical-gap
     </div>`;
 	}
 	render() {
-		return s`<div class="settings-container">
+		return c`<div class="settings-container">
       <div class="settings-row">
         <div class="setting">
           <luzmo-field-label .size=${this.size} for="binning"
-            >${p("Binning", { desc: "Grouping numeric data into intervals or \"bins\" for analysis and visualization" })}</luzmo-field-label
+            >${m("Binning", { desc: "Grouping numeric data into intervals or \"bins\" for analysis and visualization" })}</luzmo-field-label
           >
           <luzmo-action-button
             id="binning"
@@ -93,9 +93,9 @@ var m = ":host .settings-container{gap:var(--luzmo-display-settings-vertical-gap
             <luzmo-icon
               slot="icon"
               .size=${this.size}
-              .icon=${this._enabled ? o : a}
+              .icon=${this._enabled ? s : o}
             ></luzmo-icon>
-            ${this._enabled ? p("Enabled", { desc: "Option set to enabled" }) : p("Disabled", { desc: "Option set to disabled" })}
+            ${this._enabled ? m("Enabled", { desc: "Option set to enabled" }) : m("Disabled", { desc: "Option set to disabled" })}
           </luzmo-action-button>
         </div>
         ${this._enabled ? this.renderBinWidth() : ""}
@@ -103,8 +103,10 @@ var m = ":host .settings-container{gap:var(--luzmo-display-settings-vertical-gap
     </div>`;
 	}
 };
+i([u()], g.prototype, "slotContent", void 0), i([f()], g.prototype, "_enabled", void 0), i([d("#bin-width")], g.prototype, "binWidthElement", void 0), g = i([p()], g);
 //#endregion
 //#region src/components/display-settings-binning/index.ts
-r([l()], h.prototype, "slotContent", void 0), r([d()], h.prototype, "_enabled", void 0), r([u("#bin-width")], h.prototype, "binWidthElement", void 0), h = r([f()], h), customElements.get("luzmo-display-settings-binning") || customElements.define("luzmo-display-settings-binning", h);
+var _ = /* @__PURE__ */ e({ LuzmoDisplaySettingsBinning: () => g });
+customElements.get("luzmo-display-settings-binning") || customElements.define("luzmo-display-settings-binning", g);
 //#endregion
-export { h as t };
+export { g as n, _ as t };

package/components/{display-settings-binning-HrXOdGwO.cjs → display-settings-binning-CjvB12ds.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./base-D6QPZnpu.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-CtNoCjjI.cjs");let r=require("@luzmo/icons");require("@luzmo/lucero/icon");let i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/field-label"),require("@luzmo/lucero/number-field");var s=`:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap,var(--display-settings-binning-gap));display:flex}:host,:host([size=s]){--display-settings-binning-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap:var(--luzmo-spacing-5)}`,c=class extends n.t(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[(0,i.unsafeCSS)(s)]}willUpdate(e){super.willUpdate(e),e.has(`slotContent`)&&(this._enabled=this.slotContent?.bins?.enabled??!1,this._binWidth=this.slotContent?.bins?.number??10)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){let e={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:e}}}))}renderBinWidth(){return i.html`<div class="setting">
+const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./base-BtRS5vm6.cjs"),n=require("./localized-mixin-DfpurTYo.cjs");let r=require("@luzmo/icons");require("@luzmo/lucero/icon");let i=require("lit"),a=require("lit/decorators.js"),o=require("@lit/localize");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/field-label"),require("@luzmo/lucero/number-field");var s=`:host .settings-container{gap:var(--luzmo-display-settings-vertical-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}:host .settings-row{justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-binning-gap,var(--display-settings-binning-gap));display:flex}:host,:host([size=s]){--display-settings-binning-gap:var(--luzmo-spacing-3)}:host([size=l]){--display-settings-binning-gap:var(--luzmo-spacing-4)}:host([size=xl]){--display-settings-binning-gap:var(--luzmo-spacing-5)}`,c=class extends n.t(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.slotContent={},this._enabled=!1,this._binWidth=10}static get styles(){return[(0,i.unsafeCSS)(s)]}willUpdate(e){super.willUpdate(e),e.has(`slotContent`)&&(this._enabled=this.slotContent?.bins?.enabled??!1,this._binWidth=this.slotContent?.bins?.number??10)}toggleBinning(){this._enabled=!this._enabled,this.sendEvent()}setBinning(){this._binWidth=this.binWidthElement.value,this.sendEvent()}sendEvent(){let e={enabled:!!this._enabled,number:this._binWidth??10};this.dispatchEvent(new CustomEvent(`luzmo-slot-content-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this.slotContent,bins:e}}}))}renderBinWidth(){return i.html`<div class="setting">
       <luzmo-field-label .size=${this.size} for="bin-width"
         >${(0,o.msg)(`Bin width`,{desc:`The width of each bin in the histogram`})}</luzmo-field-label
       >
@@ -53,4 +53,4 @@ const e=require("./base-D6QPZnpu.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=re
         </div>
         ${this._enabled?this.renderBinWidth():``}
       </div>
-    </div>`}};t.t([(0,a.property)()],c.prototype,`slotContent`,void 0),t.t([(0,a.state)()],c.prototype,`_enabled`,void 0),t.t([(0,a.query)(`#bin-width`)],c.prototype,`binWidthElement`,void 0),c=t.t([(0,o.localized)()],c),customElements.get(`luzmo-display-settings-binning`)||customElements.define(`luzmo-display-settings-binning`,c),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
+    </div>`}};n.n([(0,a.property)()],c.prototype,`slotContent`,void 0),n.n([(0,a.state)()],c.prototype,`_enabled`,void 0),n.n([(0,a.query)(`#bin-width`)],c.prototype,`binWidthElement`,void 0),c=n.n([(0,o.localized)()],c);var l=e.n({LuzmoDisplaySettingsBinning:()=>c});customElements.get(`luzmo-display-settings-binning`)||customElements.define(`luzmo-display-settings-binning`,c),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});