npm - @luzmo/analytics-components-kit - Versions diffs - 1.4.0 → 2.0.1 - Mend

@luzmo/analytics-components-kit 1.4.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (615) hide show

package/components/{item-slot-drop-CwZT8bTP.js → item-slot-drop-Db-tVAud.js} RENAMED Viewed

@@ -19,29 +19,30 @@
  * */
 import { n as e } from "./pragmatic-element-adapter-CyTyN1YC.js";
 import "./tokens-6HmQYnEP.js";
-import { i as t, n } from "./base-rAte-QzM.js";
+import { i as t, n } from "./base-BqwRKT4V.js";
 import { t as r } from "./decorate-B2TzfnLZ.js";
-import { t as i } from "./localized-mixin-FPDNaZhb.js";
+import { t as i } from "./localized-mixin-BdXrQldH.js";
 import { n as a } from "./data-broker-C1Iz71TN.js";
 import { s as o } from "./type-check-D6K_INvg.js";
 import { t as s } from "./localize-BNystXyK.js";
 import { t as c } from "./slots-config-CsKGGLNg.js";
-import { n as l } from "./display-settings-Qwp9oJo6.js";
-import { i as u } from "./ad-hoc-slot-content-DWUxMq1x.js";
-import { n as d, t as f } from "./default-acceptable-data-field-types-BNgYdork.js";
-import { n as p } from "./slot-menu-BB_nJWZx.js";
-import { n as m } from "./slot-menu-list-3QkrOWgG.js";
-import { t as h } from "./slot-labels.config-DH2Dm3Yd.js";
-import { luzmoCog as g, luzmoIcon as _, luzmoTrashOutline as v } from "@luzmo/icons";
+import { t as l } from "./period-over-period-context-CeZHXSs0.js";
+import { n as u } from "./display-settings-Bqq9iJ3L.js";
+import { i as d } from "./ad-hoc-slot-content-DWUxMq1x.js";
+import { n as f, t as p } from "./default-acceptable-data-field-types-BNgYdork.js";
+import { n as m } from "./slot-menu-DhGC4yoA.js";
+import { n as h } from "./slot-menu-list-SoDeiZE1.js";
+import { t as g } from "./slot-labels.config-DH2Dm3Yd.js";
+import { luzmoCog as _, luzmoIcon as v, luzmoTrashOutline as y } from "@luzmo/icons";
 import "@luzmo/lucero/tooltip";
-import { html as y, unsafeCSS as b } from "lit";
-import { property as x, query as S, state as C } from "lit/decorators.js";
-import { localized as w, msg as T } from "@lit/localize";
-import { ifDefined as E } from "lit/directives/if-defined.js";
-import { ContextProvider as D } from "@lit/context";
-import { Task as O } from "@lit/task";
+import { html as b, unsafeCSS as x } from "lit";
+import { property as S, query as C, state as w } from "lit/decorators.js";
+import { localized as T, msg as E } from "@lit/localize";
+import { ifDefined as D } from "lit/directives/if-defined.js";
+import { ContextProvider as O } from "@lit/context";
+import { Task as k } from "@lit/task";
 // src/components/item-slot-drop/item-slot-drop.module.scss?inline
-var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-font-family));--slot-height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height))}.item-slot-drop-wrapper{width:var(--slot-height);min-width:var(--slot-height);height:auto;position:relative;overflow:visible}.item-slot-drop[filled]{border:var(--luzmo-item-slot-drop-filled-border-width,var(--item-slot-drop-filled-border-width)) var(--luzmo-item-slot-drop-filled-border-style,var(--item-slot-drop-filled-border-style)) var(--luzmo-item-slot-drop-filled-border-color,var(--item-slot-drop-filled-border-color));background-color:var(--luzmo-item-slot-drop-filled-background-color,var(--item-slot-drop-filled-background-color));color:var(--luzmo-item-slot-drop-filled-color,var(--item-slot-drop-filled-color));gap:var(--luzmo-item-slot-drop-filled-gap,var(--item-slot-drop-filled-gap));padding-right:0}.item-slot-drop[filled]>:not(luzmo-overlay){cursor:pointer}.item-slot-drop{background-color:var(--luzmo-item-slot-drop-background-color,var(--item-slot-drop-background-color));color:var(--luzmo-item-slot-drop-font-color,var(--item-slot-drop-font-color));border:var(--luzmo-item-slot-drop-border-width,var(--item-slot-drop-border-width)) var(--luzmo-item-slot-drop-border-style,var(--item-slot-drop-border-style)) var(--luzmo-item-slot-drop-border-color,var(--item-slot-drop-border-color));padding-left:var(--luzmo-item-slot-drop-edge-to-label,var(--item-slot-drop-edge-to-label));padding-right:var(--luzmo-item-slot-drop-label-to-controls,var(--item-slot-drop-label-to-controls));border-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height));justify-content:space-between;align-items:center;display:flex}:host(.pulse) .item-slot-drop{animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .item-slot-drop{background-color:var(--luzmo-item-slot-drop-accept-drag-background-color,var(--item-slot-drop-accept-drag-background-color));color:var(--luzmo-item-slot-drop-accept-drag-font-color,var(--item-slot-drop-accept-drag-font-color));border-color:var(--luzmo-item-slot-drop-accept-drag-border-color,var(--item-slot-drop-accept-drag-border-color));animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .controls{background-color:var(--luzmo-item-slot-drop-accept-drag-controls-background-color,var(--item-slot-drop-accept-drag-controls-background-color));color:var(--luzmo-item-slot-drop-accept-drag-controls-color,var(--item-slot-drop-accept-drag-controls-color))}:host([would-accept-drag]) .item-slot-drop:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation,none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-item-slot-drop-pulse-color,var(--item-slot-drop-pulse-color)), 0 0 0 0 var(--luzmo-item-slot-drop-pulse-color,var(--item-slot-drop-pulse-color))}to{box-shadow:0 0 0 1rem #0000,0 0 0 1rem #0000}}@media (prefers-reduced-motion:reduce){:host(.pulse) .item-slot-drop,:host([accept-drag]) .item-slot-drop,:host([would-accept-drag]) .item-slot-drop:not([filled]){animation:none}}:host([disabled]) .item-slot-drop{background-color:var(--luzmo-item-slot-drop-background-color-disabled,var(--item-slot-drop-background-color-disabled));color:var(--luzmo-item-slot-drop-color-disabled,var(--item-slot-drop-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.item-slot-drop-label{font-size:var(--luzmo-item-slot-drop-label-font-size,var(--item-slot-drop-label-font-size));padding-top:var(--luzmo-item-slot-drop-label-padding-top,var(--item-slot-drop-label-padding-top));padding-bottom:var(--luzmo-item-slot-drop-label-padding-bottom,var(--item-slot-drop-label-padding-bottom));max-width:var(--luzmo-item-slot-drop-label-max-width);margin-right:var(--luzmo-item-slot-drop-text-to-controls,var(--item-slot-drop-text-to-controls));text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.calculation-label{align-items:center;gap:var(--luzmo-spacing-3);display:inline-flex}.calculation-label-icon{flex:none;display:inline-flex}.controls{align-items:center;gap:var(--luzmo-item-slot-drop-controls-gap,var(--item-slot-drop-controls-gap));background-color:var(--luzmo-item-slot-drop-controls-background-color,var(--item-slot-drop-controls-background-color));height:100%;color:var(--luzmo-item-slot-drop-controls-color,var(--item-slot-drop-controls-color));margin-right:var(--luzmo-item-slot-drop-controls-to-edge,var(--item-slot-drop-controls-to-edge));padding:0 var(--luzmo-item-slot-drop-controls-horizontal-padding,var(--item-slot-drop-controls-horizontal-padding));font-size:var(--luzmo-item-slot-drop-controls-font-size);border-top-right-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));border-bottom-right-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));display:flex}.controls button{cursor:pointer;height:100%;padding:0 var(--luzmo-item-slot-drop-controls-control-horizontal-padding,var(--item-slot-drop-controls-control-horizontal-padding));font:inherit;color:inherit;border-radius:var(--luzmo-border-radius);background:0 0;border:none;align-items:center;display:flex}.controls button:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-item-slot-drop-controls-color,var(--item-slot-drop-controls-color));outline-offset:-1px}.item-slot-drop.rotate{transform-origin:50%;max-width:15rem;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-90deg)}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-item-slot-drop-overlay-vertical-gap,var(--item-slot-drop-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-item-slot-drop-overlay-horizontal-gap,var(--item-slot-drop-overlay-horizontal-gap))}:host{--item-slot-drop-border-width:var(--luzmo-border-width);--item-slot-drop-border-style:dashed;--item-slot-drop-border-color:var(--luzmo-border-color);--item-slot-drop-background-color:transparent;--item-slot-drop-accept-drag-background-color:var(--luzmo-positive-color);--item-slot-drop-accept-drag-color:white;--item-slot-drop-accept-drag-border-color:var(--luzmo-positive-color-down);--item-slot-drop-accept-drag-controls-background-color:var(--luzmo-positive-color-down);--item-slot-drop-accept-drag-controls-color:white;--item-slot-drop-accept-drag-font-color:white;--item-slot-drop-font-color:var(--luzmo-font-color);--item-slot-drop-controls-background-color:var(--luzmo-primary-down);--item-slot-drop-controls-color:var(--luzmo-primary-inverse-color);--item-slot-drop-text-to-controls:var(--luzmo-spacing-3);--item-slot-drop-controls-to-edge:0;--item-slot-drop-controls-gap:var(--luzmo-spacing-2);--item-slot-drop-controls-horizontal-padding:var(--luzmo-spacing-2);--item-slot-drop-controls-control-horizontal-padding:var(--luzmo-spacing-3);--item-slot-drop-filled-background-color:var(--luzmo-primary);--item-slot-drop-filled-color:var(--luzmo-primary-inverse-color);--item-slot-drop-filled-border-width:var(--luzmo-border-width);--item-slot-drop-filled-border-style:solid;--item-slot-drop-filled-border-color:var(--luzmo-primary-down);--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height));--item-slot-drop-label-font-size:var(--luzmo-font-size);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size);--item-slot-drop-edge-to-label:var(--luzmo-spacing-5);--item-slot-drop-label-to-controls:var(--luzmo-spacing-5);--item-slot-drop-color-disabled:var(--luzmo-color-disabled);--item-slot-drop-background-color-disabled:var(--luzmo-background-color-disabled);--item-slot-drop-pulse-color:rgba(var(--luzmo-positive-color-rgb), .2);--item-slot-drop-border-radius:var(--luzmo-border-radius);--item-slot-drop-filled-gap:var(--luzmo-spacing-5);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-4);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=s]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-s));--item-slot-drop-label-font-size:var(--luzmo-font-size-s);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-s);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-4);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=l]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-l));--item-slot-drop-label-font-size:var(--luzmo-font-size-l);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-l);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-5);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-5)}:host([size=xl]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-xl));--item-slot-drop-label-font-size:var(--luzmo-font-size-xl);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-xl);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-5);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-5)}:host{box-sizing:border-box}", A = class extends i(n(t, {
+var A = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-font-family));--slot-height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height))}.item-slot-drop-wrapper{width:var(--slot-height);min-width:var(--slot-height);height:auto;position:relative;overflow:visible}.item-slot-drop[filled]{border:var(--luzmo-item-slot-drop-filled-border-width,var(--item-slot-drop-filled-border-width)) var(--luzmo-item-slot-drop-filled-border-style,var(--item-slot-drop-filled-border-style)) var(--luzmo-item-slot-drop-filled-border-color,var(--item-slot-drop-filled-border-color));background-color:var(--luzmo-item-slot-drop-filled-background-color,var(--item-slot-drop-filled-background-color));color:var(--luzmo-item-slot-drop-filled-color,var(--item-slot-drop-filled-color));gap:var(--luzmo-item-slot-drop-filled-gap,var(--item-slot-drop-filled-gap));padding-right:0}.item-slot-drop[filled]>:not(luzmo-overlay){cursor:pointer}.item-slot-drop{background-color:var(--luzmo-item-slot-drop-background-color,var(--item-slot-drop-background-color));color:var(--luzmo-item-slot-drop-font-color,var(--item-slot-drop-font-color));border:var(--luzmo-item-slot-drop-border-width,var(--item-slot-drop-border-width)) var(--luzmo-item-slot-drop-border-style,var(--item-slot-drop-border-style)) var(--luzmo-item-slot-drop-border-color,var(--item-slot-drop-border-color));padding-left:var(--luzmo-item-slot-drop-edge-to-label,var(--item-slot-drop-edge-to-label));padding-right:var(--luzmo-item-slot-drop-label-to-controls,var(--item-slot-drop-label-to-controls));border-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));height:var(--luzmo-item-slot-drop-height,var(--item-slot-drop-height));justify-content:space-between;align-items:center;display:flex}:host(.pulse) .item-slot-drop{animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .item-slot-drop{background-color:var(--luzmo-item-slot-drop-accept-drag-background-color,var(--item-slot-drop-accept-drag-background-color));color:var(--luzmo-item-slot-drop-accept-drag-font-color,var(--item-slot-drop-accept-drag-font-color));border-color:var(--luzmo-item-slot-drop-accept-drag-border-color,var(--item-slot-drop-accept-drag-border-color));animation:1s ease-in-out infinite dropelementpulse}:host([accept-drag]) .controls{background-color:var(--luzmo-item-slot-drop-accept-drag-controls-background-color,var(--item-slot-drop-accept-drag-controls-background-color));color:var(--luzmo-item-slot-drop-accept-drag-controls-color,var(--item-slot-drop-accept-drag-controls-color))}:host([would-accept-drag]) .item-slot-drop:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation,none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-item-slot-drop-pulse-color,var(--item-slot-drop-pulse-color)), 0 0 0 0 var(--luzmo-item-slot-drop-pulse-color,var(--item-slot-drop-pulse-color))}to{box-shadow:0 0 0 1rem #0000,0 0 0 1rem #0000}}@media (prefers-reduced-motion:reduce){:host(.pulse) .item-slot-drop,:host([accept-drag]) .item-slot-drop,:host([would-accept-drag]) .item-slot-drop:not([filled]){animation:none}}:host([disabled]) .item-slot-drop{background-color:var(--luzmo-item-slot-drop-background-color-disabled,var(--item-slot-drop-background-color-disabled));color:var(--luzmo-item-slot-drop-color-disabled,var(--item-slot-drop-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.item-slot-drop-label{font-size:var(--luzmo-item-slot-drop-label-font-size,var(--item-slot-drop-label-font-size));padding-top:var(--luzmo-item-slot-drop-label-padding-top,var(--item-slot-drop-label-padding-top));padding-bottom:var(--luzmo-item-slot-drop-label-padding-bottom,var(--item-slot-drop-label-padding-bottom));max-width:var(--luzmo-item-slot-drop-label-max-width);margin-right:var(--luzmo-item-slot-drop-text-to-controls,var(--item-slot-drop-text-to-controls));text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.calculation-label{align-items:center;gap:var(--luzmo-spacing-3);display:inline-flex}.calculation-label-icon{flex:none;display:inline-flex}.controls{align-items:center;gap:var(--luzmo-item-slot-drop-controls-gap,var(--item-slot-drop-controls-gap));background-color:var(--luzmo-item-slot-drop-controls-background-color,var(--item-slot-drop-controls-background-color));height:100%;color:var(--luzmo-item-slot-drop-controls-color,var(--item-slot-drop-controls-color));margin-right:var(--luzmo-item-slot-drop-controls-to-edge,var(--item-slot-drop-controls-to-edge));padding:0 var(--luzmo-item-slot-drop-controls-horizontal-padding,var(--item-slot-drop-controls-horizontal-padding));font-size:var(--luzmo-item-slot-drop-controls-font-size);border-top-right-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));border-bottom-right-radius:var(--luzmo-item-slot-drop-border-radius,var(--item-slot-drop-border-radius));display:flex}.controls button{cursor:pointer;height:100%;padding:0 var(--luzmo-item-slot-drop-controls-control-horizontal-padding,var(--item-slot-drop-controls-control-horizontal-padding));font:inherit;color:inherit;border-radius:var(--luzmo-border-radius);background:0 0;border:none;align-items:center;display:flex}.controls button:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-item-slot-drop-controls-color,var(--item-slot-drop-controls-color));outline-offset:-1px}.item-slot-drop.rotate{transform-origin:50%;max-width:15rem;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-90deg)}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-item-slot-drop-overlay-vertical-gap,var(--item-slot-drop-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-item-slot-drop-overlay-horizontal-gap,var(--item-slot-drop-overlay-horizontal-gap))}:host{--item-slot-drop-border-width:var(--luzmo-border-width);--item-slot-drop-border-style:dashed;--item-slot-drop-border-color:var(--luzmo-border-color);--item-slot-drop-background-color:transparent;--item-slot-drop-accept-drag-background-color:var(--luzmo-positive-color);--item-slot-drop-accept-drag-color:white;--item-slot-drop-accept-drag-border-color:var(--luzmo-positive-color-down);--item-slot-drop-accept-drag-controls-background-color:var(--luzmo-positive-color-down);--item-slot-drop-accept-drag-controls-color:white;--item-slot-drop-accept-drag-font-color:white;--item-slot-drop-font-color:var(--luzmo-font-color);--item-slot-drop-controls-background-color:var(--luzmo-primary-down);--item-slot-drop-controls-color:var(--luzmo-primary-inverse-color);--item-slot-drop-text-to-controls:var(--luzmo-spacing-3);--item-slot-drop-controls-to-edge:0;--item-slot-drop-controls-gap:var(--luzmo-spacing-2);--item-slot-drop-controls-horizontal-padding:var(--luzmo-spacing-2);--item-slot-drop-controls-control-horizontal-padding:var(--luzmo-spacing-3);--item-slot-drop-filled-background-color:var(--luzmo-primary);--item-slot-drop-filled-color:var(--luzmo-primary-inverse-color);--item-slot-drop-filled-border-width:var(--luzmo-border-width);--item-slot-drop-filled-border-style:solid;--item-slot-drop-filled-border-color:var(--luzmo-primary-down);--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height));--item-slot-drop-label-font-size:var(--luzmo-font-size);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size);--item-slot-drop-edge-to-label:var(--luzmo-spacing-5);--item-slot-drop-label-to-controls:var(--luzmo-spacing-5);--item-slot-drop-color-disabled:var(--luzmo-color-disabled);--item-slot-drop-background-color-disabled:var(--luzmo-background-color-disabled);--item-slot-drop-pulse-color:rgba(var(--luzmo-positive-color-rgb), .2);--item-slot-drop-border-radius:var(--luzmo-border-radius);--item-slot-drop-filled-gap:var(--luzmo-spacing-5);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-4);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=s]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-s));--item-slot-drop-label-font-size:var(--luzmo-font-size-s);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-s);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-4);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=l]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-l));--item-slot-drop-label-font-size:var(--luzmo-font-size-l);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-l);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-5);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-5)}:host([size=xl]){--item-slot-drop-height:var(--luzmo-item-slot-drop-height,var(--luzmo-component-height-xl));--item-slot-drop-label-font-size:var(--luzmo-font-size-xl);--item-slot-drop-icon-type-font-size:var(--luzmo-font-size-xl);--item-slot-drop-horizontal-padding:var(--luzmo-spacing-5);--item-slot-drop-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-drop-overlay-vertical-gap:var(--luzmo-spacing-5)}:host{box-sizing:border-box}", j = class extends i(n(t, {
 	validSizes: [
 		"s",
 		"m",
@@ -51,7 +52,7 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
 	noDefaultSize: !0
 })) {
 	constructor() {
-		super(), this._loadSlotsConfig = new O(this, {
+		super(), this._loadSlotsConfig = new k(this, {
 			task: async ([e]) => {
 				if (e && e !== this._itemTypeLoaded) {
 					this._itemTypeLoaded = e;
@@ -60,11 +61,11 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
 				}
 			},
 			args: () => [this.itemType, this.language]
-		}), this._slotsConfig = [], this.slotConfiguration = {}, this.slotsContents = [], this.contentLanguage = "en", this.rotate = !1, this.apiUrl = "https://api.luzmo.com", this.authKey = "", this.authToken = "", this.menu = "default", this.placement = "bottom-end", this._slotContents = [], this._overlayReady = !1, this._overlayOpen = !1, this._store = new p(), this._currentSlotContents = [], this._lastFetchedDatasetId = null, this._linkedDatasetsIds = [], this._attachDroppable = () => {
+		}), this._slotsConfig = [], this.hasConnectedComparisonFilter = !1, this.slotConfiguration = {}, this.slotsContents = [], this.contentLanguage = "en", this.rotate = !1, this.apiUrl = "https://api.luzmo.com", this.authKey = "", this.authToken = "", this.menu = "default", this.placement = "bottom-end", this._slotContents = [], this._overlayReady = !1, this._overlayOpen = !1, this._store = new m(), this._currentSlotContents = [], this._lastFetchedDatasetId = null, this._linkedDatasetsIds = [], this._attachDroppable = () => {
 			this._cleanupDroppable ||= e({
 				element: this,
 				onDrop: async (e) => {
-					let t = { ...e.source?.data }, n = e?.source?.element?.hasAttribute("sublevel") ?? !1, r = this._slotContents?.length === 0, i = t.datasetId, o = d(t, n), s = this.slotConfiguration?.canAcceptMultipleDataFields ? [...this._slotContents ?? [], o] : [o];
+					let t = { ...e.source?.data }, n = e?.source?.element?.hasAttribute("sublevel") ?? !1, r = this._slotContents?.length === 0, i = t.datasetId, o = f(t, n), s = this.slotConfiguration?.canAcceptMultipleDataFields ? [...this._slotContents ?? [], o] : [o];
 					this.removeAttribute("accept-drag"), i && i !== this._lastFetchedDatasetId && (this._lastFetchedDatasetId = i, await a.fetchDatasetsRecursive([i]), this._linkedDatasetsIds = a.getLinkedDatasetsIds(i)), this.changedSlotContents(s, this._linkedDatasetsIds).defaultPrevented || (this._slotContents = s, this._currentSlotContents = [...this._slotContents], r ? (this._overlayReady = !1, setTimeout(() => {
 						this._overlayReady = !0;
 					}, 200)) : this._overlayReady = !0), this.classList.remove("pulse");
@@ -80,9 +81,10 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
 			});
 		}, this._canDropField = ({ source: e }) => {
 			if (!["LUZMO-DATA-FIELD-LEVEL", "LUZMO-DATA-FIELD"].includes(e.element?.tagName) || !this.slotConfiguration?.canAcceptFormula && (e?.data?.formulaId || e?.data?.formula || e?.data?.entity === "formula")) return !1;
-			let { acceptableDataFieldTypes: t, acceptableColumnSubtypes: n } = this.slotConfiguration ?? {}, r = Array.isArray(t) && t.length > 0 ? t : f;
+			let { acceptableDataFieldTypes: t, acceptableColumnSubtypes: n } = this.slotConfiguration ?? {}, r = Array.isArray(t) && t.length > 0 ? t : p;
 			return !(e?.data?.type && !r.includes(e?.data?.type) || e?.data?.subtype && Array.isArray(n) && n.length > 0 && !n.includes(e?.data?.subtype));
 		}, this.changedSlotContents = (e, t = []) => {
+			e = e.map((e) => l(e, this.slotsContents, this.itemType));
 			let n = new CustomEvent("luzmo-slot-contents-changed", {
 				bubbles: !0,
 				composed: !0,
@@ -105,8 +107,8 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
 			this.removeAttribute("would-accept-drag");
 		}, this._handleOverlayClick = (e) => {
 			e.detail > 0 && e.target === this._overlayElement ? this._overlayElement.open = !1 : e.stopPropagation();
-		}, new D(this, {
-			context: l,
+		}, new O(this, {
+			context: u,
 			initialValue: this._store
 		});
 	}
@@ -142,6 +144,7 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
 		this._overlayOpen = !0;
 		let t = e.overlay;
 		if (this._slotMenuElement && t === this._overlayElement) {
+			this._slotMenuElement.requestUpdate();
 			let e = this._store?.activeIndex.get?.() ?? 0, t = this._slotContents?.[e] ?? this._slotContents?.[0];
 			if (t) {
 				let e = t?.column ?? t?.columnId, n = t?.set ?? t?.datasetId, r = t?.formulaId ?? (o(t?.formula) ? t.formula : void 0);
@@ -173,7 +176,7 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
 		this.dispatchEvent(new CustomEvent("luzmo-info-visibility-changed", { detail: e.detail }));
 	}
 	get _fullLabel() {
-		let e = "", t = h[this.slotConfiguration?.label] ? h[this.slotConfiguration?.label]() : this.slotConfiguration?.label;
+		let e = "", t = g[this.slotConfiguration?.label] ? g[this.slotConfiguration?.label]() : this.slotConfiguration?.label;
 		this._currentSlotContents?.length === 1 ? e = s(this._currentSlotContents?.[0]?.label, this.contentLanguage) ?? "Untitled" : this._currentSlotContents?.length > 1 && (e = `${this._currentSlotContents.length} items`);
 		let n = this.label || t || "Untitled";
 		return this._currentSlotContents?.length > 0 && (n += this._currentSlotContents?.length > 1 ? `: ${this._currentSlotContents.length} items` : `: ${e}`), n;
@@ -183,43 +186,43 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
 	}
 	_renderSlotLabel() {
 		let e = this._currentSlotContents[0];
-		return this._currentSlotContents.length !== 1 || !u(e, this.slotConfiguration) ? this._fullLabel : m(e);
+		return this._currentSlotContents.length !== 1 || !d(e, this.slotConfiguration) ? this._fullLabel : h(e);
 	}
 	itemSlotDropMarkup() {
-		let e = y`
+		let e = b`
       <div
         class="item-slot-drop ${this.rotate ? "rotate" : ""}"
         ?filled=${this._slotContents?.length > 0}
       >
         <div class="item-slot-drop-label" tabindex="-1" @click=${this._onLabelClick}>${this._renderSlotLabel()}</div>
-        ${this._slotContents?.length > 0 && !(this.hideConfiguration && this.hideDelete) ? y`<div class="controls">
-              ${this.hideConfiguration ? "" : y`<button
+        ${this._slotContents?.length > 0 && !(this.hideConfiguration && this.hideDelete) ? b`<div class="controls">
+              ${this.hideConfiguration ? "" : b`<button
                     id="edit-trigger"
-                    aria-label=${T("Edit", { desc: "Edit action label" })}
+                    aria-label=${E("Edit", { desc: "Edit action label" })}
                     aria-haspopup="dialog"
                     aria-expanded=${this._overlayOpen ? "true" : "false"}
                   >
-                    ${_(g)}
+                    ${v(_)}
                     <luzmo-tooltip
                       self-managed
                       placement=${this.rotate ? "right" : "top"}
                       size=${this.size}
                     >
-                      ${T("Edit", { desc: "Edit action label" })}
+                      ${E("Edit", { desc: "Edit action label" })}
                     </luzmo-tooltip>
                   </button> `}
-              ${this.hideDelete ? "" : y`<button aria-label=${T("Delete", { desc: "Delete action label" })} @click=${this.emptySlotContents}>
-                    ${_(v)}
+              ${this.hideDelete ? "" : b`<button aria-label=${E("Delete", { desc: "Delete action label" })} @click=${this.emptySlotContents}>
+                    ${v(y)}
                     <luzmo-tooltip
                       self-managed
                       placement=${this.rotate ? "right" : "top"}
                       size=${this.size}
                     >
-                      ${T("Delete", { desc: "Delete action label" })}
+                      ${E("Delete", { desc: "Delete action label" })}
                     </luzmo-tooltip>
                   </button>`}
             </div>` : ""}
-        ${this._slotContents?.length > 0 && this._overlayReady && !this.hideConfiguration ? y`<luzmo-overlay
+        ${this._slotContents?.length > 0 && this._overlayReady && !this.hideConfiguration ? b`<luzmo-overlay
               trigger="edit-trigger@click"
               .placement=${this.placement}
               offset=${this.rotate ? "-100" : "0"}
@@ -230,10 +233,12 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
               <luzmo-slot-menu
                 language=${this.language}
                 content-language=${this.contentLanguage}
-                drag-boundary=${E(this.dragBoundary)}
-                slot-type=${E(this.slotConfiguration?.type)}
-                slot-name=${E(this.slotName)}
-                item-type=${E(this.itemType)}
+                drag-boundary=${D(this.dragBoundary)}
+                slot-type=${D(this.slotConfiguration?.type)}
+                slot-name=${D(this.slotName)}
+                item-type=${D(this.itemType)}
+                .hasConnectedComparisonFilter=${this.hasConnectedComparisonFilter}
+                .slotsContents=${this.slotsContents}
                 .areGrandTotalsEnabled=${this.slotConfiguration?.options?.areGrandTotalsEnabled}
                 .areDatetimeOptionsEnabled=${this.slotConfiguration?.options?.areDatetimeOptionsEnabled}
                 .isBinningDisabled=${this.slotConfiguration?.options?.isBinningDisabled}
@@ -242,20 +247,20 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
                 .slotContents=${this._slotContents}
                 variant=${this.menu === "draggable" ? "draggable" : "popup"}
                 .size=${this.size}
-                api-url=${E(this.apiUrl)}
-                auth-key=${E(this.authKey)}
-                auth-token=${E(this.authToken)}
+                api-url=${D(this.apiUrl)}
+                auth-key=${D(this.authKey)}
+                auth-token=${D(this.authToken)}
                 @luzmo-slot-contents-changed=${this._onSlotMenuChanges}
                 @luzmo-info-visibility-changed=${this._onInfoVisibilityChanged}
               ></luzmo-slot-menu>
             </luzmo-overlay>` : ""}
       </div>
     `;
-		return this.rotate ? y`<div class="item-slot-drop-wrapper">${e}</div>` : e;
+		return this.rotate ? b`<div class="item-slot-drop-wrapper">${e}</div>` : e;
 	}
 	render() {
 		return this.slotConfiguration && Object.keys(this.slotConfiguration).length > 0 ? this.itemSlotDropMarkup() : this._loadSlotsConfig.render({
-			pending: () => y`
+			pending: () => b`
           <p>Loading...</p>
         `,
 			complete: (e) => {
@@ -265,7 +270,7 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
 				}
 				return this.itemSlotDropMarkup();
 			},
-			error: (e) => y`
+			error: (e) => b`
         <div>
           Could not load item slot drop: '${this.slotName}' of chart
           '${this.itemType}': ${e}.
@@ -273,55 +278,59 @@ var k = ":host{font-family:var(--luzmo-item-slot-drop-font-family,var(--luzmo-fo
       `
 		});
 	}
-}, j = (A.styles = b(k), A);
+}, M = (j.styles = x(A), j);
 // src/components/item-slot-drop/index.ts
-r([x({
+r([S({
+	type: Boolean,
+	attribute: "has-connected-comparison-filter",
+	reflect: !0
+})], M.prototype, "hasConnectedComparisonFilter", void 0), r([S({
 	type: String,
 	reflect: !0,
 	attribute: "item-type"
-})], j.prototype, "itemType", void 0), r([x({
+})], M.prototype, "itemType", void 0), r([S({
 	type: String,
 	reflect: !0,
 	attribute: "slot-name"
-})], j.prototype, "slotName", void 0), r([x({ type: Object })], j.prototype, "slotConfiguration", void 0), r([x({ type: Object })], j.prototype, "slotsContents", void 0), r([x({
+})], M.prototype, "slotName", void 0), r([S({ type: Object })], M.prototype, "slotConfiguration", void 0), r([S({ type: Object })], M.prototype, "slotsContents", void 0), r([S({
 	type: String,
 	reflect: !0
-})], j.prototype, "label", void 0), r([x({
+})], M.prototype, "label", void 0), r([S({
 	type: String,
 	attribute: "content-language",
 	reflect: !0
-})], j.prototype, "contentLanguage", void 0), r([x({
+})], M.prototype, "contentLanguage", void 0), r([S({
 	type: String,
 	reflect: !0,
 	attribute: "drag-boundary"
-})], j.prototype, "dragBoundary", void 0), r([x({
+})], M.prototype, "dragBoundary", void 0), r([S({
 	type: Boolean,
 	reflect: !0
-})], j.prototype, "rotate", void 0), r([x({
+})], M.prototype, "rotate", void 0), r([S({
 	type: String,
 	attribute: "api-url",
 	reflect: !0
-})], j.prototype, "apiUrl", void 0), r([x({
+})], M.prototype, "apiUrl", void 0), r([S({
 	type: String,
 	attribute: "auth-key",
 	reflect: !0
-})], j.prototype, "authKey", void 0), r([x({
+})], M.prototype, "authKey", void 0), r([S({
 	type: String,
 	attribute: "auth-token",
 	reflect: !0
-})], j.prototype, "authToken", void 0), r([x({
+})], M.prototype, "authToken", void 0), r([S({
 	type: String,
 	reflect: !0
-})], j.prototype, "menu", void 0), r([x({
+})], M.prototype, "menu", void 0), r([S({
 	type: String,
 	reflect: !0
-})], j.prototype, "placement", void 0), r([x({
+})], M.prototype, "placement", void 0), r([S({
 	type: Boolean,
 	reflect: !0,
 	attribute: "hide-delete"
-})], j.prototype, "hideDelete", void 0), r([x({
+})], M.prototype, "hideDelete", void 0), r([S({
 	type: Boolean,
 	reflect: !0,
 	attribute: "hide-configuration"
-})], j.prototype, "hideConfiguration", void 0), r([S("luzmo-slot-menu")], j.prototype, "_slotMenuElement", void 0), r([S("luzmo-overlay")], j.prototype, "_overlayElement", void 0), r([C()], j.prototype, "_slotContents", void 0), r([C()], j.prototype, "_overlayReady", void 0), r([C()], j.prototype, "_overlayOpen", void 0), j = r([w()], j), customElements.get("luzmo-item-slot-drop") || customElements.define("luzmo-item-slot-drop", j);
-export { j as t };
+})], M.prototype, "hideConfiguration", void 0), r([C("luzmo-slot-menu")], M.prototype, "_slotMenuElement", void 0), r([C("luzmo-overlay")], M.prototype, "_overlayElement", void 0), r([w()], M.prototype, "_slotContents", void 0), r([w()], M.prototype, "_overlayReady", void 0), r([w()], M.prototype, "_overlayOpen", void 0), M = r([T()], M), customElements.get("luzmo-item-slot-drop") || customElements.define("luzmo-item-slot-drop", M);
+export { M as t };

package/components/item-slot-drop-panel/index.cjs CHANGED Viewed

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-slot-drop-panel-Oh8zdKJH.cjs");Object.defineProperty(exports,"LuzmoItemSlotDropPanel",{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../item-slot-drop-panel-D2_1yWHs.cjs");Object.defineProperty(exports,"LuzmoItemSlotDropPanel",{enumerable:!0,get:function(){return e.t}});

package/components/item-slot-drop-panel/index.js CHANGED Viewed

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-export { t as LuzmoItemSlotDropPanel } from "../item-slot-drop-panel-o5UdVrY_.js";
+export { t as LuzmoItemSlotDropPanel } from "../item-slot-drop-panel-D-g4H1Rp.js";

package/components/item-slot-drop-panel/item-slot-drop-panel.d.ts CHANGED Viewed

@@ -25,6 +25,8 @@ export declare class LuzmoItemSlotDropPanel extends LuzmoItemSlotDropPanel_base
     private _itemTypeLoaded?;
     private _slotsConfig;
     private _positioningConfig;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter: boolean;
     /**
      * The type of the item (e.g., 'bar-chart', 'line-chart', 'area-chart')
      */