@luzmo/analytics-components-kit 1.0.1-alpha.82 → 1.0.1-alpha.83

package/components/display-settings/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-CP1Czufc.cjs");exports.LuzmoDisplaySettings=e.LuzmoDisplaySettings;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-CXn67vdn.cjs");exports.LuzmoDisplaySettings=e.LuzmoDisplaySettings;

package/components/display-settings/index.js

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as u } from "../index-B3EAkLRo.js";
+import { L as u } from "../index-Do7O9azB.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/display-settings-binning/index.js

@@ -27,7 +27,7 @@ import { luzmoCheckboxChecked as g, luzmoCheckbox as b } from "@luzmo/icons";
 import { property as c, state as p, query as h } from "lit/decorators.js";
 import { L as f } from "../focusable-DCIFkpiW.js";
 import { S as v, E as x } from "../sized-mixin-cJbo3PKR.js";
-import { g as y, t as w, s as _ } from "../set-locale-Dp3N_gXN.js";
+import { g as y, t as w, s as _ } from "../set-locale-B-Tz2sdI.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/display-settings-datetime/index.js

@@ -33,7 +33,7 @@ import { a as w, b as z, W as g } from "../periods.const-CjHXYn-w.js";
 import { property as d, query as n } from "lit/decorators.js";
 import { L as F } from "../focusable-DCIFkpiW.js";
 import { S as $, E as x } from "../sized-mixin-cJbo3PKR.js";
-import { g as A, t as L, s as D } from "../set-locale-Dp3N_gXN.js";
+import { g as A, t as L, s as D } from "../set-locale-B-Tz2sdI.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");

package/components/display-settings-grand-totals/index.js

@@ -27,7 +27,7 @@ import { property as m, state as b } from "lit/decorators.js";
 import { ifDefined as f } from "lit/directives/if-defined.js";
 import { L as h } from "../focusable-DCIFkpiW.js";
 import { S as v, E as x } from "../sized-mixin-cJbo3PKR.js";
-import { g as y, t as w, s as C } from "../set-locale-Dp3N_gXN.js";
+import { g as y, t as w, s as C } from "../set-locale-B-Tz2sdI.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/display-settings-numeric/index.js

@@ -35,7 +35,7 @@ import { l as b } from "../localize-BX7q0S0M.js";
 import { property as g, query as d, state as E } from "lit/decorators.js";
 import { L as I } from "../focusable-DCIFkpiW.js";
 import { S as M, E as O } from "../sized-mixin-cJbo3PKR.js";
-import { g as k, t as W, s as T } from "../set-locale-Dp3N_gXN.js";
+import { g as k, t as W, s as T } from "../set-locale-B-Tz2sdI.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");

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

@@ -55,6 +55,7 @@ export declare class LuzmoDisplaySettingsPeriodOverPeriod extends LuzmoDisplaySe
     private incompletePeriodsSetting;
     private relativeOffsetSetting;
     private rangeTypeSetting;
+    private _handleRangeTypeClick;
     private offsetDateColumnSetting;
     private typeOfComparisonSetting;
     private renderPeriodSettings;

package/components/display-settings-period-over-period/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@lit/localize");require("@luzmo/lucero/accordion");require("@luzmo/lucero/action-button");require("@luzmo/lucero/action-group");require("@luzmo/lucero/checkbox");require("@luzmo/lucero/field-label");require("@luzmo/lucero/menu");require("@luzmo/lucero/number-field");require("@luzmo/lucero/picker");const q=require("../focusable-B3E_hQmm.cjs"),w=require("../sized-mixin-DcvJLFeo.cjs"),I=require("../decompose-numeric-format-B3rVVHpO.cjs"),N=require("../localize-r7ALOUy_.cjs"),y=require("../set-locale-BRRalqne.cjs"),o=require("lit"),l=require("lit/decorators.js"),p=require("../types-VPf7E5dD.cjs"),f={none:()=>t.msg("None"),past:()=>t.msg("Past value",{desc:"Period option"}),absoluteChange:()=>t.msg("Absolute change",{desc:"Period option"}),percentageChange:()=>t.msg("% change",{desc:"Period option"})},h=[{key:"periods",i18n:()=>t.msg("Periods",{desc:"Period option"})},{key:"years",i18n:()=>t.msg("Years",{desc:"Period option"})},{key:"quarters",i18n:()=>t.msg("Quarters",{desc:"Period option"})},{key:"months",i18n:()=>t.msg("Months",{desc:"Period option"})},{key:"weeks",i18n:()=>t.msg("Weeks",{desc:"Period option"})},{key:"days",i18n:()=>t.msg("Days",{desc:"Period option"})},{key:"hours",i18n:()=>t.msg("Hours",{desc:"Period option"})},{key:"minutes",i18n:()=>t.msg("Minutes",{desc:"Period option"})},{key:"seconds",i18n:()=>t.msg("Seconds",{desc:"Period option"})}];var z=(m=>(m.Relative="relative",m.UserDefined="user-defined",m))(z||{});const U=[{key:"relative",i18n:()=>t.msg("Relative",{desc:"Range type option"})},{key:"user-defined",i18n:()=>t.msg("User-defined",{desc:"Range type option"})}],F=":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-gap, 0)}:host .settings-container:first-of-type{margin-right:var(--luzmo-spacing-4)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host .wrap{flex-wrap:wrap}:host .setting.period-number-setting{display:flex;align-items:center}:host .dynamic-settings-container{max-width:var(--luzmo-display-setting-period-over-period-dynamic-max-width, var(--display-setting-period-over-period-dynamic-max-width))}:host luzmo-accordion{--luzmo-accordion-item-content-area-top-to-content: 0;--luzmo-accordion-item-content-padding-left: var(--luzmo-spacing-1);--luzmo-accordion-item-header-bottom-margin: 0;--luzmo-accordion-item-content-area-bottom-to-content: var(--luzmo-spacing-2);--accordion-item-header-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--accordion-item-content-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--field-label-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}:host .label-container{display:flex;align-items:center;gap:var(--luzmo-spacing-2)}:host .academy-link{color:var(--luzmo-link-color);text-decoration:none;font-size:var(--luzmo-font-size-s);margin-left:var(--luzmo-spacing-2)}:host .academy-link:hover{color:var(--luzmo-link-color-hover)}:host(:focus){--luzmo-menu-item-label-icon-color-focus: var( --luzmo-menu-item-label-icon-color-focus, var(--luzmo-font-color) )}luzmo-menu-item{--luzmo-menu-item-tooltip-font-size: var( --luzmo-display-settings-tooltip-font-size )}luzmo-field-label{--field-label-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-checkbox{--checkbox-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-picker{--picker-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-number-field{--text-field-placeholder-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--stepper-button-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size);--display-setting-period-over-period-dynamic-max-width: 22rem}:host([size=xs]){--display-settings-period-over-period-gap: var(--luzmo-spacing-2);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xs);--display-setting-period-over-period-dynamic-max-width: 17rem}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size-s);--display-setting-period-over-period-dynamic-max-width: 19rem}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4);--display-settings-period-over-period-font-size: var(--luzmo-font-size-l);--display-setting-period-over-period-dynamic-max-width: 26rem}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xl);--display-setting-period-over-period-dynamic-max-width: 30rem}";var R=Object.defineProperty,j=Object.getOwnPropertyDescriptor,n=(m,i,e,s)=>{for(var r=s>1?void 0:s?j(i,e):i,a=m.length-1,d;a>=0;a--)(d=m[a])&&(r=(s?d(i,e,r):d(r))||r);return s&&r&&R(i,e,r),r};exports.LuzmoDisplaySettingsPeriodOverPeriod=class extends w.SizedMixin(q.LuzmoElement,{validSizes:Object.values(w.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this.linkedDatasetDatetimeColumns=[],this.needsOffsetDatetimeColumn=()=>this.periodOverPeriodUiType===p.PeriodOverPeriodCondition.NoDatetimeColumnButComparisonFilters||this.periodOverPeriodUiType===p.PeriodOverPeriodCondition.NoDatetimeColumnAndNoComparisonFilters}static get styles(){return[o.unsafeCSS(F)]}willUpdate(i){var e,s,r,a,d,u,c,v,P,C,b,$,_,O,D,S,L,k,x,E,T;if(i.has("slotContent")){this._periodComparison=(s=(e=this.slotContent)==null?void 0:e.periodOverPeriod)==null?void 0:s.type,this._numberPeriods=(a=(r=this.slotContent)==null?void 0:r.periodOverPeriod)==null?void 0:a.quantity;const g=(u=(d=this.slotContent)==null?void 0:d.periodOverPeriod)==null?void 0:u.level;this._periodLevel=typeof g=="number"&&g>=0&&g<h.length?h[g].key:((v=(c=this.slotContent)==null?void 0:c.periodOverPeriod)==null?void 0:v.level)||"periods",this._incompletePeriods=(C=(P=this.slotContent)==null?void 0:P.periodOverPeriod)==null?void 0:C.periodToDate,this._offsetDateColumn=($=(b=this.slotContent)==null?void 0:b.periodOverPeriod)==null?void 0:$.offsetDateColumn,this._minLevel=((O=(_=this.slotContent)==null?void 0:_.periodOverPeriod)==null?void 0:O.minLevel)??((L=(S=(D=this.slotContent)==null?void 0:D.periodOverPeriod)==null?void 0:S.offsetDateColumn)==null?void 0:L.lowestLevel)??((k=this.slotContent)==null?void 0:k.lowestLevel)??(((x=this.slotContent)==null?void 0:x.subtype)==="date"?5:9),this._rangeType=(T=(E=this.slotContent)==null?void 0:E.periodOverPeriod)==null?void 0:T.rangeType}this._periodComparison=this._periodComparison??"none",this._numberPeriods=this._numberPeriods??1,this._periodLevel=this._periodLevel??"periods",this._incompletePeriods=this._incompletePeriods??!1,this._minLevel=this._minLevel??9,this._rangeType=this._rangeType??z.Relative,this._offsetDateColumn=this._offsetDateColumn||void 0,i.has("language")&&this.language!==y.getLocale()&&([...y.targetLocales].includes(this.language??"en")||this.language==="en")&&y.setLocale(this.language)}setPeriodComparison(){var v;const i={...this.slotContent};this.setInitialOffsetDateColumn(i),this._periodComparison=this._periodComparisonElement.value;const e=I.decomposeNumericFormat((v=this.slotContent)==null?void 0:v.format),s=["%","y","a%","ay"].includes(e.typeFormat),r=e.typeFormat.includes("a"),a=r?"a":"",d=e.comma===","||r?",":"",u=e.precision?Number.parseInt(e.precision.replace(".",""),10):0,c=["z","az","y","ay","w","aw"].includes(e.typeFormat);this._periodComparison==="percentageChange"&&!s?i.format=`${d}.${u}${a}${c?"y":"%"}`:this._periodComparison!=="percentageChange"&&i.subtype==="currency"&&s&&(i.format=`${d}.${u}${a}${c?"z":"f"}`),this.sendEvent(i)}setNumberOfPeriods(){this._numberPeriods=Number.parseInt(this._numberPeriodsElement.value,10);const i={...this.slotContent};this.sendEvent(i)}setPeriodLevel(){this._periodLevel=this._periodLevelElement.value;const i={...this.slotContent};this.sendEvent(i)}setOffsetDateColumn(){this._offsetDateColumn=this.linkedDatasetDatetimeColumns.find(e=>e.id===this._offsetDateColumnElement.value);const i={...this.slotContent};this.sendEvent(i)}setIncompletePeriods(){this._incompletePeriods=this._incompletePeriodsElement.checked;const i={...this.slotContent};this.sendEvent(i)}setRangeType(i){this._rangeType=i;const e={...this.slotContent};this.setInitialOffsetDateColumn(e),this.sendEvent(e)}sendEvent(i){const e={...i},s=h.findIndex(r=>r.key===this._periodLevel);e.periodOverPeriod={...i.periodOverPeriod,type:this._periodComparison,level:Math.max(s,0),quantity:this._numberPeriods,periodToDate:this._incompletePeriods,minLevel:this._minLevel,rangeType:this._rangeType,offsetDateColumn:this._offsetDateColumn},this._periodComparison==="none"&&delete e.periodOverPeriod,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:e}}))}incompletePeriodsSetting(){return o.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@lit/localize");require("@luzmo/lucero/accordion");require("@luzmo/lucero/action-button");require("@luzmo/lucero/action-group");require("@luzmo/lucero/checkbox");require("@luzmo/lucero/field-label");require("@luzmo/lucero/menu");require("@luzmo/lucero/number-field");require("@luzmo/lucero/picker");const q=require("../focusable-B3E_hQmm.cjs"),w=require("../sized-mixin-DcvJLFeo.cjs"),I=require("../decompose-numeric-format-B3rVVHpO.cjs"),N=require("../localize-r7ALOUy_.cjs"),y=require("../set-locale-BRRalqne.cjs"),o=require("lit"),l=require("lit/decorators.js"),p=require("../types-VPf7E5dD.cjs"),f={none:()=>t.msg("None"),past:()=>t.msg("Past value",{desc:"Period option"}),absoluteChange:()=>t.msg("Absolute change",{desc:"Period option"}),percentageChange:()=>t.msg("% change",{desc:"Period option"})},g=[{key:"periods",i18n:()=>t.msg("Periods",{desc:"Period option"})},{key:"years",i18n:()=>t.msg("Years",{desc:"Period option"})},{key:"quarters",i18n:()=>t.msg("Quarters",{desc:"Period option"})},{key:"months",i18n:()=>t.msg("Months",{desc:"Period option"})},{key:"weeks",i18n:()=>t.msg("Weeks",{desc:"Period option"})},{key:"days",i18n:()=>t.msg("Days",{desc:"Period option"})},{key:"hours",i18n:()=>t.msg("Hours",{desc:"Period option"})},{key:"minutes",i18n:()=>t.msg("Minutes",{desc:"Period option"})},{key:"seconds",i18n:()=>t.msg("Seconds",{desc:"Period option"})}];var z=(m=>(m.Relative="relative",m.UserDefined="user-defined",m))(z||{});const R=[{key:"relative",i18n:()=>t.msg("Relative",{desc:"Range type option"})},{key:"user-defined",i18n:()=>t.msg("User-defined",{desc:"Range type option"})}],U=":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-gap, 0)}:host .settings-container:first-of-type{margin-right:var(--luzmo-spacing-4)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host .wrap{flex-wrap:wrap}:host .setting.period-number-setting{display:flex;align-items:center}:host .dynamic-settings-container{max-width:var(--luzmo-display-setting-period-over-period-dynamic-max-width, var(--display-setting-period-over-period-dynamic-max-width))}:host luzmo-accordion{--luzmo-accordion-item-content-area-top-to-content: 0;--luzmo-accordion-item-content-padding-left: var(--luzmo-spacing-1);--luzmo-accordion-item-header-bottom-margin: 0;--luzmo-accordion-item-content-area-bottom-to-content: var(--luzmo-spacing-2);--accordion-item-header-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--accordion-item-content-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--field-label-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}:host .label-container{display:flex;align-items:center;gap:var(--luzmo-spacing-2)}:host .academy-link{color:var(--luzmo-link-color);text-decoration:none;font-size:var(--luzmo-font-size-s);margin-left:var(--luzmo-spacing-2)}:host .academy-link:hover{color:var(--luzmo-link-color-hover)}:host(:focus){--luzmo-menu-item-label-icon-color-focus: var( --luzmo-menu-item-label-icon-color-focus, var(--luzmo-font-color) )}luzmo-menu-item{--luzmo-menu-item-tooltip-font-size: var( --luzmo-display-settings-tooltip-font-size )}luzmo-field-label{--field-label-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-checkbox{--checkbox-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-picker{--picker-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-number-field{--text-field-placeholder-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--stepper-button-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size);--display-setting-period-over-period-dynamic-max-width: 22rem}:host([size=xs]){--display-settings-period-over-period-gap: var(--luzmo-spacing-2);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xs);--display-setting-period-over-period-dynamic-max-width: 17rem}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size-s);--display-setting-period-over-period-dynamic-max-width: 19rem}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4);--display-settings-period-over-period-font-size: var(--luzmo-font-size-l);--display-setting-period-over-period-dynamic-max-width: 26rem}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xl);--display-setting-period-over-period-dynamic-max-width: 30rem}";var F=Object.defineProperty,j=Object.getOwnPropertyDescriptor,n=(m,i,e,s)=>{for(var r=s>1?void 0:s?j(i,e):i,a=m.length-1,d;a>=0;a--)(d=m[a])&&(r=(s?d(i,e,r):d(r))||r);return s&&r&&F(i,e,r),r};exports.LuzmoDisplaySettingsPeriodOverPeriod=class extends w.SizedMixin(q.LuzmoElement,{validSizes:Object.values(w.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this.linkedDatasetDatetimeColumns=[],this.needsOffsetDatetimeColumn=()=>this.periodOverPeriodUiType===p.PeriodOverPeriodCondition.NoDatetimeColumnButComparisonFilters||this.periodOverPeriodUiType===p.PeriodOverPeriodCondition.NoDatetimeColumnAndNoComparisonFilters}static get styles(){return[o.unsafeCSS(U)]}willUpdate(i){var e,s,r,a,d,c,u,h,P,C,b,$,_,O,D,S,k,L,x,T,E;if(i.has("slotContent")){this._periodComparison=(s=(e=this.slotContent)==null?void 0:e.periodOverPeriod)==null?void 0:s.type,this._numberPeriods=(a=(r=this.slotContent)==null?void 0:r.periodOverPeriod)==null?void 0:a.quantity;const v=(c=(d=this.slotContent)==null?void 0:d.periodOverPeriod)==null?void 0:c.level;this._periodLevel=typeof v=="number"&&v>=0&&v<g.length?g[v].key:((h=(u=this.slotContent)==null?void 0:u.periodOverPeriod)==null?void 0:h.level)||"periods",this._incompletePeriods=(C=(P=this.slotContent)==null?void 0:P.periodOverPeriod)==null?void 0:C.periodToDate,this._offsetDateColumn=($=(b=this.slotContent)==null?void 0:b.periodOverPeriod)==null?void 0:$.offsetDateColumn,this._minLevel=((O=(_=this.slotContent)==null?void 0:_.periodOverPeriod)==null?void 0:O.minLevel)??((k=(S=(D=this.slotContent)==null?void 0:D.periodOverPeriod)==null?void 0:S.offsetDateColumn)==null?void 0:k.lowestLevel)??((L=this.slotContent)==null?void 0:L.lowestLevel)??(((x=this.slotContent)==null?void 0:x.subtype)==="date"?5:9),this._rangeType=(E=(T=this.slotContent)==null?void 0:T.periodOverPeriod)==null?void 0:E.rangeType}this._periodComparison=this._periodComparison??"none",this._numberPeriods=this._numberPeriods??1,this._periodLevel=this._periodLevel??"periods",this._incompletePeriods=this._incompletePeriods??!1,this._minLevel=this._minLevel??9,this._rangeType=this._rangeType??z.Relative,this._offsetDateColumn=this._offsetDateColumn||void 0,i.has("language")&&this.language!==y.getLocale()&&([...y.targetLocales].includes(this.language??"en")||this.language==="en")&&y.setLocale(this.language)}setPeriodComparison(){var h;const i={...this.slotContent};this.setInitialOffsetDateColumn(i),this._periodComparison=this._periodComparisonElement.value;const e=I.decomposeNumericFormat((h=this.slotContent)==null?void 0:h.format),s=["%","y","a%","ay"].includes(e.typeFormat),r=e.typeFormat.includes("a"),a=r?"a":"",d=e.comma===","||r?",":"",c=e.precision?Number.parseInt(e.precision.replace(".",""),10):0,u=["z","az","y","ay","w","aw"].includes(e.typeFormat);this._periodComparison==="percentageChange"&&!s?i.format=`${d}.${c}${a}${u?"y":"%"}`:this._periodComparison!=="percentageChange"&&i.subtype==="currency"&&s&&(i.format=`${d}.${c}${a}${u?"z":"f"}`),this.sendEvent(i)}setNumberOfPeriods(){this._numberPeriods=Number.parseInt(this._numberPeriodsElement.value,10);const i={...this.slotContent};this.sendEvent(i)}setPeriodLevel(){this._periodLevel=this._periodLevelElement.value;const i={...this.slotContent};this.sendEvent(i)}setOffsetDateColumn(){this._offsetDateColumn=this.linkedDatasetDatetimeColumns.find(e=>e.id===this._offsetDateColumnElement.value);const i={...this.slotContent};this.sendEvent(i)}setIncompletePeriods(){this._incompletePeriods=this._incompletePeriodsElement.checked;const i={...this.slotContent};this.sendEvent(i)}setRangeType(i){this._rangeType=i;const e={...this.slotContent};this.setInitialOffsetDateColumn(e),this.sendEvent(e)}sendEvent(i){const e={...i},s=g.findIndex(r=>r.key===this._periodLevel);e.periodOverPeriod={...i.periodOverPeriod,type:this._periodComparison,level:Math.max(s,0),quantity:this._numberPeriods,periodToDate:this._incompletePeriods,minLevel:this._minLevel,rangeType:this._rangeType,offsetDateColumn:this._offsetDateColumn},this._periodComparison==="none"&&delete e.periodOverPeriod,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:e}}))}incompletePeriodsSetting(){return o.html`
       <div class="settings-row">
         <div class="setting">
           <luzmo-checkbox
@@ -31,7 +31,7 @@
           </luzmo-checkbox>
         </div>
       </div>
-    `}relativeOffsetSetting(){const i=h.slice(this.needsOffsetDatetimeColumn()?1:0,(this._minLevel??0)+1).map(e=>o.html`<luzmo-menu-item
+    `}relativeOffsetSetting(){const i=g.slice(this.needsOffsetDatetimeColumn()?1:0,(this._minLevel??0)+1).map(e=>o.html`<luzmo-menu-item
         value=${e.key}
         tooltip=${e.key==="periods"?t.msg("Matches the date range visible in the chart or table",{desc:"Tooltip for periods"}):""}
       >
@@ -67,9 +67,9 @@
           </div>
         </div>
       </div>
-    `}rangeTypeSetting(){const i=U.map(e=>o.html`<luzmo-action-button
-        value=${e.key}
-        @click=${()=>this.setRangeType(e.key)}
+    `}rangeTypeSetting(){const i=R.map(e=>o.html`<luzmo-action-button
+        data-range-type=${e.key}
+        @click=${this._handleRangeTypeClick}
       >
         ${e.i18n()}
       </luzmo-action-button>`);return o.html`
@@ -88,7 +88,7 @@
           ${i}
         </luzmo-action-group>
       </div>
-    `}offsetDateColumnSetting(){var e;const i=this.linkedDatasetDatetimeColumns.map(s=>o.html`<luzmo-menu-item value=${s.id}>
+    `}_handleRangeTypeClick(i){var r;const e=i.currentTarget,s=(r=e==null?void 0:e.dataset)==null?void 0:r.rangeType;s&&this.setRangeType(s)}offsetDateColumnSetting(){var e;const i=this.linkedDatasetDatetimeColumns.map(s=>o.html`<luzmo-menu-item value=${s.id}>
           ${N.localize(s.name,this.language)}
         </luzmo-menu-item>`);return o.html`
       <div class="settings-container">
@@ -132,7 +132,7 @@
           ${this.incompletePeriodsSetting()} `:o.html` ${this.rangeTypeSetting()} `,[p.PeriodOverPeriodCondition.NoDatetimeColumnButComparisonFilters]:()=>this._rangeType===z.Relative?o.html`
             ${this.rangeTypeSetting()} ${this.relativeOffsetSetting()}
             ${this.offsetDateColumnSetting()} ${this.incompletePeriodsSetting()}
-          `:o.html` ${this.rangeTypeSetting()} `,[p.PeriodOverPeriodCondition.OldImplementation]:()=>""};return((e=i[this.periodOverPeriodUiType])==null?void 0:e.call(i))??""}renderOldUiPeriodSettings(){const i=h.slice(0,(this._minLevel??0)+1).map(e=>o.html`<luzmo-menu-item
+          `:o.html` ${this.rangeTypeSetting()} `,[p.PeriodOverPeriodCondition.OldImplementation]:()=>""};return((e=i[this.periodOverPeriodUiType])==null?void 0:e.call(i))??""}renderOldUiPeriodSettings(){const i=g.slice(0,(this._minLevel??0)+1).map(e=>o.html`<luzmo-menu-item
           value=${e.key}
           tooltip=${e.key==="periods"?t.msg("Matches the date range visible in the chart or table",{desc:"Tooltip for periods"}):""}
         >

package/components/display-settings-period-over-period/index.js

@@ -27,12 +27,12 @@ import "@luzmo/lucero/menu";
 import "@luzmo/lucero/number-field";
 import "@luzmo/lucero/picker";
 import { L as N } from "../focusable-DCIFkpiW.js";
-import { S as U, E as F } from "../sized-mixin-cJbo3PKR.js";
-import { d as R } from "../decompose-numeric-format-BuZcjH2k.js";
+import { S as U, E as R } from "../sized-mixin-cJbo3PKR.js";
+import { d as F } from "../decompose-numeric-format-BuZcjH2k.js";
 import { l as A } from "../localize-BX7q0S0M.js";
-import { g as j, t as M, s as q } from "../set-locale-Dp3N_gXN.js";
+import { g as j, t as M, s as q } from "../set-locale-B-Tz2sdI.js";
 import { unsafeCSS as H, html as t } from "lit";
-import { property as y, query as z, state as T } from "lit/decorators.js";
+import { property as y, query as g, state as E } from "lit/decorators.js";
 import { P as p } from "../types-RxAJdtVT.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -40,7 +40,7 @@ import { P as p } from "../types-RxAJdtVT.js";
     e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(e);
   }
 })();
-const g = {
+const z = {
   none: () => i("None"),
   past: () => i("Past value", { desc: "Period option" }),
   absoluteChange: () => i("Absolute change", { desc: "Period option" }),
@@ -67,15 +67,15 @@ const V = [
     i18n: () => i("User-defined", { desc: "Range type option" })
   }
 ], B = ":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-gap, 0)}:host .settings-container:first-of-type{margin-right:var(--luzmo-spacing-4)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host .wrap{flex-wrap:wrap}:host .setting.period-number-setting{display:flex;align-items:center}:host .dynamic-settings-container{max-width:var(--luzmo-display-setting-period-over-period-dynamic-max-width, var(--display-setting-period-over-period-dynamic-max-width))}:host luzmo-accordion{--luzmo-accordion-item-content-area-top-to-content: 0;--luzmo-accordion-item-content-padding-left: var(--luzmo-spacing-1);--luzmo-accordion-item-header-bottom-margin: 0;--luzmo-accordion-item-content-area-bottom-to-content: var(--luzmo-spacing-2);--accordion-item-header-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--accordion-item-content-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--field-label-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}:host .label-container{display:flex;align-items:center;gap:var(--luzmo-spacing-2)}:host .academy-link{color:var(--luzmo-link-color);text-decoration:none;font-size:var(--luzmo-font-size-s);margin-left:var(--luzmo-spacing-2)}:host .academy-link:hover{color:var(--luzmo-link-color-hover)}:host(:focus){--luzmo-menu-item-label-icon-color-focus: var( --luzmo-menu-item-label-icon-color-focus, var(--luzmo-font-color) )}luzmo-menu-item{--luzmo-menu-item-tooltip-font-size: var( --luzmo-display-settings-tooltip-font-size )}luzmo-field-label{--field-label-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-checkbox{--checkbox-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-picker{--picker-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}luzmo-number-field{--text-field-placeholder-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) );--stepper-button-font-size: var( --luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size) )}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size);--display-setting-period-over-period-dynamic-max-width: 22rem}:host([size=xs]){--display-settings-period-over-period-gap: var(--luzmo-spacing-2);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xs);--display-setting-period-over-period-dynamic-max-width: 17rem}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size-s);--display-setting-period-over-period-dynamic-max-width: 19rem}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4);--display-settings-period-over-period-font-size: var(--luzmo-font-size-l);--display-setting-period-over-period-dynamic-max-width: 26rem}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xl);--display-setting-period-over-period-dynamic-max-width: 30rem}";
-var G = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, a = (o, e, r, l) => {
-  for (var n = l > 1 ? void 0 : l ? Y(e, r) : e, d = o.length - 1, m; d >= 0; d--)
-    (m = o[d]) && (n = (l ? m(e, r, n) : m(n)) || n);
-  return l && n && G(e, r, n), n;
+var G = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, a = (o, e, r, s) => {
+  for (var l = s > 1 ? void 0 : s ? Y(e, r) : e, d = o.length - 1, m; d >= 0; d--)
+    (m = o[d]) && (l = (s ? m(e, r, l) : m(l)) || l);
+  return s && l && G(e, r, l), l;
 };
-let s = class extends U(
+let n = class extends U(
   N,
   {
-    validSizes: Object.values(F)
+    validSizes: Object.values(R)
   }
 ) {
   constructor() {
@@ -85,24 +85,24 @@ let s = class extends U(
     return [H(B)];
   }
   willUpdate(o) {
-    var e, r, l, n, d, m, u, c, b, C, x, $, P, _, k, O, D, S, w, L, E;
+    var e, r, s, l, d, m, c, u, b, C, x, $, P, _, k, O, D, S, w, L, T;
     if (o.has("slotContent")) {
-      this._periodComparison = (r = (e = this.slotContent) == null ? void 0 : e.periodOverPeriod) == null ? void 0 : r.type, this._numberPeriods = (n = (l = this.slotContent) == null ? void 0 : l.periodOverPeriod) == null ? void 0 : n.quantity;
+      this._periodComparison = (r = (e = this.slotContent) == null ? void 0 : e.periodOverPeriod) == null ? void 0 : r.type, this._numberPeriods = (l = (s = this.slotContent) == null ? void 0 : s.periodOverPeriod) == null ? void 0 : l.quantity;
       const h = (m = (d = this.slotContent) == null ? void 0 : d.periodOverPeriod) == null ? void 0 : m.level;
-      this._periodLevel = typeof h == "number" && h >= 0 && h < f.length ? f[h].key : ((c = (u = this.slotContent) == null ? void 0 : u.periodOverPeriod) == null ? void 0 : c.level) || "periods", this._incompletePeriods = (C = (b = this.slotContent) == null ? void 0 : b.periodOverPeriod) == null ? void 0 : C.periodToDate, this._offsetDateColumn = ($ = (x = this.slotContent) == null ? void 0 : x.periodOverPeriod) == null ? void 0 : $.offsetDateColumn, this._minLevel = ((_ = (P = this.slotContent) == null ? void 0 : P.periodOverPeriod) == null ? void 0 : _.minLevel) ?? ((D = (O = (k = this.slotContent) == null ? void 0 : k.periodOverPeriod) == null ? void 0 : O.offsetDateColumn) == null ? void 0 : D.lowestLevel) ?? ((S = this.slotContent) == null ? void 0 : S.lowestLevel) ?? (((w = this.slotContent) == null ? void 0 : w.subtype) === "date" ? 5 : 9), this._rangeType = (E = (L = this.slotContent) == null ? void 0 : L.periodOverPeriod) == null ? void 0 : E.rangeType;
+      this._periodLevel = typeof h == "number" && h >= 0 && h < f.length ? f[h].key : ((u = (c = this.slotContent) == null ? void 0 : c.periodOverPeriod) == null ? void 0 : u.level) || "periods", this._incompletePeriods = (C = (b = this.slotContent) == null ? void 0 : b.periodOverPeriod) == null ? void 0 : C.periodToDate, this._offsetDateColumn = ($ = (x = this.slotContent) == null ? void 0 : x.periodOverPeriod) == null ? void 0 : $.offsetDateColumn, this._minLevel = ((_ = (P = this.slotContent) == null ? void 0 : P.periodOverPeriod) == null ? void 0 : _.minLevel) ?? ((D = (O = (k = this.slotContent) == null ? void 0 : k.periodOverPeriod) == null ? void 0 : O.offsetDateColumn) == null ? void 0 : D.lowestLevel) ?? ((S = this.slotContent) == null ? void 0 : S.lowestLevel) ?? (((w = this.slotContent) == null ? void 0 : w.subtype) === "date" ? 5 : 9), this._rangeType = (T = (L = this.slotContent) == null ? void 0 : L.periodOverPeriod) == null ? void 0 : T.rangeType;
     }
     this._periodComparison = this._periodComparison ?? "none", this._numberPeriods = this._numberPeriods ?? 1, this._periodLevel = this._periodLevel ?? "periods", this._incompletePeriods = this._incompletePeriods ?? !1, this._minLevel = this._minLevel ?? 9, this._rangeType = this._rangeType ?? v.Relative, this._offsetDateColumn = this._offsetDateColumn || void 0, o.has("language") && this.language !== j() && ([...M].includes(this.language ?? "en") || this.language === "en") && q(this.language);
   }
   setPeriodComparison() {
-    var c;
+    var u;
     const o = { ...this.slotContent };
     this.setInitialOffsetDateColumn(o), this._periodComparison = this._periodComparisonElement.value;
-    const e = R((c = this.slotContent) == null ? void 0 : c.format), r = ["%", "y", "a%", "ay"].includes(
+    const e = F((u = this.slotContent) == null ? void 0 : u.format), r = ["%", "y", "a%", "ay"].includes(
       e.typeFormat
-    ), l = e.typeFormat.includes("a"), n = l ? "a" : "", d = e.comma === "," || l ? "," : "", m = e.precision ? Number.parseInt(e.precision.replace(".", ""), 10) : 0, u = ["z", "az", "y", "ay", "w", "aw"].includes(
+    ), s = e.typeFormat.includes("a"), l = s ? "a" : "", d = e.comma === "," || s ? "," : "", m = e.precision ? Number.parseInt(e.precision.replace(".", ""), 10) : 0, c = ["z", "az", "y", "ay", "w", "aw"].includes(
       e.typeFormat
     );
-    this._periodComparison === "percentageChange" && !r ? o.format = `${d}.${m}${n}${u ? "y" : "%"}` : this._periodComparison !== "percentageChange" && o.subtype === "currency" && r && (o.format = `${d}.${m}${n}${u ? "z" : "f"}`), this.sendEvent(o);
+    this._periodComparison === "percentageChange" && !r ? o.format = `${d}.${m}${l}${c ? "y" : "%"}` : this._periodComparison !== "percentageChange" && o.subtype === "currency" && r && (o.format = `${d}.${m}${l}${c ? "z" : "f"}`), this.sendEvent(o);
   }
   setNumberOfPeriods() {
     this._numberPeriods = Number.parseInt(this._numberPeriodsElement.value, 10);
@@ -133,7 +133,7 @@ let s = class extends U(
   }
   sendEvent(o) {
     const e = { ...o }, r = f.findIndex(
-      (l) => l.key === this._periodLevel
+      (s) => s.key === this._periodLevel
     );
     e.periodOverPeriod = {
       ...o.periodOverPeriod,
@@ -224,8 +224,8 @@ let s = class extends U(
   }
   rangeTypeSetting() {
     const o = V.map((e) => t`<luzmo-action-button
-        value=${e.key}
-        @click=${() => this.setRangeType(e.key)}
+        data-range-type=${e.key}
+        @click=${this._handleRangeTypeClick}
       >
         ${e.i18n()}
       </luzmo-action-button>`);
@@ -249,6 +249,11 @@ let s = class extends U(
       </div>
     `;
   }
+  _handleRangeTypeClick(o) {
+    var s;
+    const e = o.currentTarget, r = (s = e == null ? void 0 : e.dataset) == null ? void 0 : s.rangeType;
+    r && this.setRangeType(r);
+  }
   offsetDateColumnSetting() {
     var e;
     const o = this.linkedDatasetDatetimeColumns.map(
@@ -279,9 +284,9 @@ let s = class extends U(
     `;
   }
   typeOfComparisonSetting() {
-    const o = Object.keys(g).map(
+    const o = Object.keys(z).map(
       (e) => t`<luzmo-menu-item value=${e}>
-          ${g[e]()}
+          ${z[e]()}
         </luzmo-menu-item>`
     );
     return t`<div class="settings-container">
@@ -376,9 +381,9 @@ let s = class extends U(
       </div>`;
   }
   renderOldUi() {
-    const o = Object.keys(g).map(
+    const o = Object.keys(z).map(
       (e) => t`<luzmo-menu-item value=${e}>
-          ${g[e]()}
+          ${z[e]()}
         </luzmo-menu-item>`
     );
     return t`<div class="settings-container">
@@ -441,44 +446,44 @@ let s = class extends U(
 };
 a([
   y({ type: String, reflect: !0 })
-], s.prototype, "language", 2);
+], n.prototype, "language", 2);
 a([
   y({ type: Object, attribute: "slot-content" })
-], s.prototype, "slotContent", 2);
+], n.prototype, "slotContent", 2);
 a([
   y({ type: String, attribute: "period-over-period-type" })
-], s.prototype, "periodOverPeriodUiType", 2);
+], n.prototype, "periodOverPeriodUiType", 2);
 a([
   y({ type: Array, attribute: "linked-dataset-datetime-columns" })
-], s.prototype, "linkedDatasetDatetimeColumns", 2);
+], n.prototype, "linkedDatasetDatetimeColumns", 2);
 a([
-  z("#period-comparison")
-], s.prototype, "_periodComparisonElement", 2);
+  g("#period-comparison")
+], n.prototype, "_periodComparisonElement", 2);
 a([
-  z("#number-periods")
-], s.prototype, "_numberPeriodsElement", 2);
+  g("#number-periods")
+], n.prototype, "_numberPeriodsElement", 2);
 a([
-  z("#period-level")
-], s.prototype, "_periodLevelElement", 2);
+  g("#period-level")
+], n.prototype, "_periodLevelElement", 2);
 a([
-  z("#offset-date-column")
-], s.prototype, "_offsetDateColumnElement", 2);
+  g("#offset-date-column")
+], n.prototype, "_offsetDateColumnElement", 2);
 a([
-  z("#incomplete-periods")
-], s.prototype, "_incompletePeriodsElement", 2);
+  g("#incomplete-periods")
+], n.prototype, "_incompletePeriodsElement", 2);
 a([
-  T()
-], s.prototype, "_periodComparison", 2);
+  E()
+], n.prototype, "_periodComparison", 2);
 a([
-  T()
-], s.prototype, "_rangeType", 2);
-s = a([
+  E()
+], n.prototype, "_rangeType", 2);
+n = a([
   I()
-], s);
+], n);
 customElements.get("luzmo-display-settings-period-over-period") || customElements.define(
   "luzmo-display-settings-period-over-period",
-  s
+  n
 );
 export {
-  s as LuzmoDisplaySettingsPeriodOverPeriod
+  n as LuzmoDisplaySettingsPeriodOverPeriod
 };

package/components/draggable-data-item/index.js

@@ -23,7 +23,7 @@ import { html as d, unsafeCSS as f } from "lit";
 import { property as t } from "lit/decorators.js";
 import { L as v } from "../focusable-DCIFkpiW.js";
 import { S as y } from "../sized-mixin-cJbo3PKR.js";
-import { g as x, t as $, s as w } from "../set-locale-Dp3N_gXN.js";
+import { g as x, t as $, s as w } from "../set-locale-B-Tz2sdI.js";
 import "../draggable-data-item-level/index.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {

package/components/draggable-data-item-level/index.js

@@ -175,6 +175,7 @@ const D = class D extends G(A, {
   connectedCallback() {
     super.connectedCallback(), window.addEventListener("slot-menu-highlight", this._handleHighlight), window.addEventListener("slot-menu-inactive", this._clearHighlight);
   }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   firstUpdated(o) {
     this._cleanupDraggable = V({
       element: this,

package/components/droppable-slot/droppable-slot.d.ts

@@ -56,6 +56,7 @@ export declare class LuzmoDroppableSlot extends LuzmoDroppableSlot_base {
     private _currentSlotContents;
     private _lastFetchedDatasetId;
     private _linkedDatasetsIds;
+    private readonly _acceptableColumnTypes;
     constructor();
     private _attachDroppable;
     private _canDropItem;

package/components/droppable-slot/index.cjs

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../get-css-variable-DLiZYZEi.cjs"),A=require("@lit/context"),v=require("@lit/localize"),$=require("@lit/task"),_=require("@luzmo/icons");require("@luzmo/lucero/tooltip");const E=require("../index-cfj52IbK.cjs"),O=require("../localize-r7ALOUy_.cjs"),h=require("lit"),p=require("lit/decorators.js"),T=require("../focusable-B3E_hQmm.cjs"),I=require("../sized-mixin-DcvJLFeo.cjs"),M=require("../index-CP1Czufc.cjs"),z=require("@lit-labs/signals"),y=require("../types-VPf7E5dD.cjs"),D=require("../set-locale-BRRalqne.cjs");require("../slot-menu/index.cjs");class U{constructor(){this.slotContents=z.signal([]),this.slotsContents=z.signal([]),this.periodOverPeriodUiType=z.signal(null),this.linkedDataset=z.signal([]),this._popEnabledChartTypes=["area-chart","bar-chart","combination-chart","column-chart","line-chart"],this.activeSlotContents=z.computed(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=z.signal(0)}isArrayColumnType(t){return new Set(["array[numeric]","array[spatial]","array[datetime]","array[hierarchy]"]).has(t)}setPeriodOverPeriodCondition(t,e){var o;if(!((o=e==null?void 0:e.periodOverPeriod)!=null&&o.newUi)){this.periodOverPeriodUiType.set(this.oldConditionalLogic(t));return}this.periodOverPeriodUiType.set(this.getUiConditionToApply(e))}getUiConditionToApply(t){var s;const e=this.hasDatetimeColumnOnCategoryOrXAxis(),o=(s=t==null?void 0:t.periodOverPeriod)==null?void 0:s.hasConnectedComparisonFilter,l=this.linkedDataset.get().some(({columns:i})=>i==null?void 0:i.some(a=>a.type==="datetime"));return!e&&!o&&!l?null:e&&o?y.PeriodOverPeriodCondition.HasDatetimeColumnAndComparisonFilters:e&&!o?y.PeriodOverPeriodCondition.HasDatetimeColumnAndNoComparisonFilters:!e&&o?y.PeriodOverPeriodCondition.NoDatetimeColumnButComparisonFilters:y.PeriodOverPeriodCondition.NoDatetimeColumnAndNoComparisonFilters}oldConditionalLogic(t){var a,d;const e=this.slotsContents.get()??[],o=((a=e.find(r=>["y-axis","x-axis","row"].includes(r.name)))==null?void 0:a.content)??[],l=(o==null?void 0:o[0])??null,s=((d=e.find(r=>r.name==="measure"))==null?void 0:d.content)??[];return l&&this._popEnabledChartTypes.includes(t)&&l.type==="datetime"&&!this.isArrayColumnType(l.type)&&!l.datetimeDisplayMode&&l.level!==4&&s.length>0?y.PeriodOverPeriodCondition.OldImplementation:null}hasDatetimeColumnOnCategoryOrXAxis(){var l;const e=((l=(this.slotsContents.get()??[]).find(s=>["y-axis","x-axis"].includes(s.name)))==null?void 0:l.content)??[],o=(e==null?void 0:e[0])??null;return!!(o&&o.type==="datetime"&&!this.isArrayColumnType(o.type))}setContents(t,e){if(this.slotContents.set(t),this.activeIndex.get()>=t.length&&this.activeIndex.set(t.length>0?t.length-1:0),e){const o=structuredClone(this.slotsContents.get())??[],l=o.find(s=>s.name===e);l&&(l.content=t),this.setFullContents(o)}}setFullContents(t){this.slotsContents.set(t)}updateActive(t){t>=0&&t<this.slotContents.get().length&&this.activeIndex.set(t)}updateContent(t,e=this.activeIndex.get()){if(e<0||e>=this.slotContents.get().length)return;const o=[...this.slotContents.get()];o[e]=structuredClone(t),this.slotContents.set(o)}removeContent(t){if(t<0||t>=this.slotContents.get().length)return;const e=this.slotContents.get().filter((o,l)=>l!==t);this.slotContents.set(e),this.activeIndex.get()>=e.length&&this.activeIndex.set(e.length>0?e.length-1:0)}}const B=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family));--slot-height: var( --luzmo-droppable-slot-height, var(--droppable-slot-height) )}.droppable-slot-wrapper{position:relative;width:var(--slot-height);min-width:var(--slot-height);height:auto;overflow:visible}.droppable-slot[filled]{border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color));padding-right:0;gap:var(--luzmo-droppable-slot-filled-gap, var(--droppable-slot-filled-gap))}.droppable-slot[filled]>*:not(luzmo-overlay){cursor:pointer}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));padding-right:var(--luzmo-droppable-slot-label-to-controls, var(--droppable-slot-label-to-controls));border-radius:var(--luzmo-droppable-slot-border-radius, var(--droppable-slot-border-radius));height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height))}:host(.pulse) .droppable-slot{animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color, var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color, var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color, var(--droppable-slot-accept-drag-border-color));animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color, var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color, var(--droppable-slot-accept-drag-controls-color))}:host([would-accept-drag]) .droppable-slot:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation, none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color)),0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color))}to{box-shadow:0 0 0 1rem transparent,0 0 0 1rem transparent}}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));padding-top:var(--luzmo-droppable-slot-label-padding-top, var(--droppable-slot-label-padding-top));padding-bottom:var(--luzmo-droppable-slot-label-padding-bottom, var(--droppable-slot-label-padding-bottom));flex-grow:1;max-width:var(--luzmo-droppable-slot-label-max-width);margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding));font-size:var(--luzmo-droppable-slot-controls-font-size)}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}.droppable-slot.rotate{position:absolute;top:0;left:50%;transform-origin:center;max-width:15rem;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-droppable-slot-overlay-vertical-gap, var(--droppable-slot-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-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-accept-drag-background-color: var(--luzmo-positive-color);--droppable-slot-accept-drag-color: white;--droppable-slot-accept-drag-border-color: var(--luzmo-positive-color-down);--droppable-slot-accept-drag-font-color: white;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-accept-drag-controls-background-color: var( --luzmo-positive-color-down );--droppable-slot-accept-drag-controls-color: white;--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height) );--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-label-to-controls: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled );--droppable-slot-pulse-color: var(--luzmo-secondary-outline);--droppable-slot-border-radius: var(--luzmo-border-radius);--droppable-slot-filled-gap: var(--luzmo-spacing-5)}:host{--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height) );--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-s) );--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-l) );--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-xl) );--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",w={Category:()=>v.msg("Category",{desc:"Category label"}),Measure:()=>v.msg("Measure",{desc:"Measure label"}),Legend:()=>v.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>v.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>v.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>v.msg("Group by",{desc:"Group by label"})};var G=Object.defineProperty,F=Object.getOwnPropertyDescriptor,n=(C,t,e,o)=>{for(var l=o>1?void 0:o?F(t,e):t,s=C.length-1,i;s>=0;s--)(i=C[s])&&(l=(o?i(t,e,l):i(l))||l);return o&&l&&G(t,e,l),l};exports.LuzmoDroppableSlot=class extends I.SizedMixin(T.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._loadSlotsConfig=new $.Task(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-comparison-filter/date-comparison-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-comparison-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))}),o=`../../item-definitions/${t}/${t}-slots.config.ts`;if(e[o]){const l=await e[o]();this._itemTypeLoaded=t,this._slotsConfig=(l==null?void 0:l.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotsContents=[],this.language="en",this.apiUrl="https://api.luzmo.com",this.authKey="",this.authToken="",this.menu="default",this.placement="bottom-end",this._slotContents=[],this._overlayReady=!1,this._store=new U,this._currentSlotContents=[],this._lastFetchedDatasetId=null,this._linkedDatasetsIds=[],this._attachDroppable=()=>{this._cleanupDroppable||(this._cleanupDroppable=x.dropTargetForElements({element:this,onDrop:async t=>{var a,d,r,u,c;const e={...(a=t.source)==null?void 0:a.data},o={...(e==null?void 0:e.label)??{en:"Untitled"}},l=e==null?void 0:e.type;if(l==="datetime"&&!e.level&&(e.level=e.lowestLevel??(e.subtype==="date"?5:9)),l==="datetime"&&((r=(d=t==null?void 0:t.source)==null?void 0:d.element)!=null&&r.hasAttribute("sublevel"))){const m=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],b=(e==null?void 0:e.level)??1,f=Object.keys(o);for(const g of f)o[g]=`${o[g]} ${m[b-1]}`;e.label=e.name=o}const{securable_id:s}=e;s&&s!==this._lastFetchedDatasetId&&(this._lastFetchedDatasetId=s,await E.dataBroker.fetchDatasetsRecursive([s]),this._linkedDatasetsIds=E.dataBroker.getLinkedDatasetsIds(s));const i=((u=this._slotContents)==null?void 0:u.length)===0;this._slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleDataItems?[...this._slotContents??[],e]:[e],this.removeAttribute("accept-drag"),i?(this._overlayReady=!1,setTimeout(()=>{this._overlayReady=!0},200)):this._overlayReady=!0,this.changedSlotContents(this._slotContents,this._linkedDatasetsIds)},canDrop:({source:t})=>this._canDropItem({source:t}),getDropEffect:()=>"move",onDragEnter:()=>{this.setAttribute("accept-drag",""),this.classList.add("pulse")},onDragLeave:()=>{this.removeAttribute("accept-drag"),this.classList.remove("pulse")}}))},this._canDropItem=({source:t})=>{var o,l,s,i,a,d,r,u,c,m,b,f,g;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((o=t.element)==null?void 0:o.tagName)||!((l=this.slotConfiguration)!=null&&l.canAcceptFormula)&&((s=t==null?void 0:t.data)!=null&&s.formulaId||(i=t==null?void 0:t.data)!=null&&i.formula||((a=t==null?void 0:t.data)==null?void 0:a.entity)==="formula"))return!1;const e=((r=(d=this.slotConfiguration)==null?void 0:d.acceptableDataItemTypes)==null?void 0:r.length)>0?this.slotConfiguration.acceptableDataItemTypes:["datetime","hierarchy","numeric","array[datetime]","array[numeric]","array[hierarchy]"];return(u=t==null?void 0:t.data)!=null&&u.type&&!e.includes((c=t==null?void 0:t.data)==null?void 0:c.type)?!1:!((m=t==null?void 0:t.data)!=null&&m.subtype&&((f=(b=this.slotConfiguration)==null?void 0:b.acceptableColumnSubtypes)==null?void 0:f.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((g=t==null?void 0:t.data)==null?void 0:g.subtype))},this.changedSlotContents=(t,e=[])=>{var o;(o=this._store)==null||o.setContents(t,this.slotName),this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t,linkedDatasetsIds:e}}))},this._handleDragStart=t=>{var i;const e=t,o=(i=e.detail)==null?void 0:i.data;if(this._overlayElement&&(this._overlayElement.open=!1),!o)return;const l={data:o,element:{tagName:e.target instanceof HTMLElement&&e.target.tagName==="LUZMO-DRAGGABLE-DATA-ITEM-LEVEL"?"LUZMO-DRAGGABLE-DATA-ITEM-LEVEL":"LUZMO-DRAGGABLE-DATA-ITEM"}};this._canDropItem({source:l})&&this.setAttribute("would-accept-drag","")},this._handleDragEnd=()=>{this.removeAttribute("would-accept-drag")},this._handleOverlayClick=t=>{t.detail>0&&t.target===this._overlayElement?this._overlayElement.open=!1:t.stopPropagation()},new A.ContextProvider(this,{context:M.slotContext,initialValue:this._store})}connectedCallback(){super.connectedCallback(),this._attachDroppable(),document.addEventListener("data-item-drag-started",this._handleDragStart),document.addEventListener("data-item-dropped",this._handleDragEnd)}disconnectedCallback(){var t,e;super.disconnectedCallback(),this._cleanupDroppable&&(this._cleanupDroppable(),this._cleanupDroppable=void 0),(e=(t=this._loadSlotsConfig).abort)==null||e.call(t),document.removeEventListener("data-item-drag-started",this._handleDragStart),document.removeEventListener("data-item-dropped",this._handleDragEnd)}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this._slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotConfiguration")&&(this._cleanupDroppable&&(this._cleanupDroppable(),this._cleanupDroppable=void 0),this._attachDroppable()),t.has("slotsContents")&&this._processSlotsContents(),t.has("language")&&this.language!==D.getLocale()&&([...D.targetLocales].includes(this.language??"en")||this.language==="en")&&D.setLocale(this.language)}_processSlotsContents(){var t,e,o,l,s;(t=this._store)==null||t.setFullContents(this.slotsContents),this._slotContents=((o=(e=this.slotsContents)==null?void 0:e.find(i=>i.name===this.slotName))==null?void 0:o.content)??[],this._currentSlotContents=[...this._slotContents],((l=this._slotContents)==null?void 0:l.length)>0&&(this._overlayReady=!0),(s=this._store)==null||s.setContents(this._slotContents)}firstUpdated(){this._attachDroppable()}_onOverlayClosed(t){const e=t.overlay;this._slotMenuElement&&e===this._overlayElement&&(setTimeout(()=>{this._slotMenuElement.resetPosition()},500),this.dispatchEvent(new CustomEvent("slot-menu-inactive",{bubbles:!0,composed:!0})))}_onOverlayOpened(t){var o,l,s,i,a;const e=t.overlay;if(this._slotMenuElement&&e===this._overlayElement){const d=((s=(o=this._store)==null?void 0:(l=o.activeIndex).get)==null?void 0:s.call(l))??0,r=((i=this._slotContents)==null?void 0:i[d])??((a=this._slotContents)==null?void 0:a[0]);if(!r)return;const u=(r==null?void 0:r.column)??(r==null?void 0:r.columnId),c=(r==null?void 0:r.set)??(r==null?void 0:r.datasetId),m=r==null?void 0:r.formula;(u||m)&&c&&(this.dispatchEvent(new CustomEvent("slot-menu-active",{bubbles:!0,composed:!0,detail:{securableId:c}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent("slot-menu-highlight",{bubbles:!0,composed:!0,detail:{columnId:u,securableId:c,formulaId:m,level:(r==null?void 0:r.level)??0}}))}))}}_onSlotMenuChanges(t){var o;t.preventDefault(),t.stopPropagation();const e=t.detail.linkedDatasetsIds;this._slotContents.length===((o=t.detail.slotContents)==null?void 0:o.length)?(this._currentSlotContents=t.detail.slotContents,this.changedSlotContents(this._currentSlotContents,e)):(this._slotContents=t.detail.slotContents,this.changedSlotContents(this._slotContents,e))}get _fullLabel(){var l,s,i,a,d,r,u,c,m;let t="";const e=w[(l=this.slotConfiguration)==null?void 0:l.label]?w[(s=this.slotConfiguration)==null?void 0:s.label]():(i=this.slotConfiguration)==null?void 0:i.label;((a=this._currentSlotContents)==null?void 0:a.length)===1?t=O.localize((r=(d=this._currentSlotContents)==null?void 0:d[0])==null?void 0:r.label,this.language)??"Untitled":((u=this._currentSlotContents)==null?void 0:u.length)>1&&(t=`${this._currentSlotContents.length} items`);let o=this.label||e||"Untitled";return((c=this._currentSlotContents)==null?void 0:c.length)>0&&(o+=((m=this._currentSlotContents)==null?void 0:m.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),o}droppableSlotMarkup(){var e,o,l,s,i,a,d,r,u,c,m,b,f,g,S,L,P,k,q;const t=h.html`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../get-css-variable-DLiZYZEi.cjs"),A=require("@lit/context"),v=require("@lit/localize"),$=require("@lit/task"),_=require("@luzmo/icons");require("@luzmo/lucero/tooltip");const E=require("../index-cfj52IbK.cjs"),O=require("../localize-r7ALOUy_.cjs"),h=require("lit"),p=require("lit/decorators.js"),T=require("../focusable-B3E_hQmm.cjs"),I=require("../sized-mixin-DcvJLFeo.cjs"),M=require("../index-CXn67vdn.cjs"),y=require("@lit-labs/signals"),z=require("../types-VPf7E5dD.cjs"),D=require("../set-locale-BRRalqne.cjs");require("../slot-menu/index.cjs");class U{constructor(){this.slotContents=y.signal([]),this.slotsContents=y.signal([]),this.periodOverPeriodUiType=y.signal(null),this.linkedDataset=y.signal([]),this._popEnabledChartTypes=["area-chart","bar-chart","combination-chart","column-chart","line-chart"],this.activeSlotContents=y.computed(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=y.signal(0)}isArrayColumnType(t){return new Set(["array[numeric]","array[spatial]","array[datetime]","array[hierarchy]"]).has(t)}setPeriodOverPeriodCondition(t,e){var o;if(!((o=e==null?void 0:e.periodOverPeriod)!=null&&o.newUi)){this.periodOverPeriodUiType.set(this.oldConditionalLogic(t));return}this.periodOverPeriodUiType.set(this.getUiConditionToApply(e))}getUiConditionToApply(t){var s;const e=this.hasDatetimeColumnOnCategoryOrXAxis(),o=(s=t==null?void 0:t.periodOverPeriod)==null?void 0:s.hasConnectedComparisonFilter,l=this.linkedDataset.get().some(({columns:i})=>i==null?void 0:i.some(a=>a.type==="datetime"));return!e&&!o&&!l?null:e&&o?z.PeriodOverPeriodCondition.HasDatetimeColumnAndComparisonFilters:e&&!o?z.PeriodOverPeriodCondition.HasDatetimeColumnAndNoComparisonFilters:!e&&o?z.PeriodOverPeriodCondition.NoDatetimeColumnButComparisonFilters:z.PeriodOverPeriodCondition.NoDatetimeColumnAndNoComparisonFilters}oldConditionalLogic(t){var a,d;const e=this.slotsContents.get()??[],o=((a=e.find(r=>["y-axis","x-axis","row"].includes(r.name)))==null?void 0:a.content)??[],l=(o==null?void 0:o[0])??null,s=((d=e.find(r=>r.name==="measure"))==null?void 0:d.content)??[];return l&&this._popEnabledChartTypes.includes(t)&&l.type==="datetime"&&!this.isArrayColumnType(l.type)&&!l.datetimeDisplayMode&&l.level!==4&&s.length>0?z.PeriodOverPeriodCondition.OldImplementation:null}hasDatetimeColumnOnCategoryOrXAxis(){var l;const e=((l=(this.slotsContents.get()??[]).find(s=>["y-axis","x-axis"].includes(s.name)))==null?void 0:l.content)??[],o=(e==null?void 0:e[0])??null;return!!(o&&o.type==="datetime"&&!this.isArrayColumnType(o.type))}setContents(t,e){if(this.slotContents.set(t),this.activeIndex.get()>=t.length&&this.activeIndex.set(t.length>0?t.length-1:0),e){const o=structuredClone(this.slotsContents.get())??[],l=o.find(s=>s.name===e);l&&(l.content=t),this.setFullContents(o)}}setFullContents(t){this.slotsContents.set(t)}updateActive(t){t>=0&&t<this.slotContents.get().length&&this.activeIndex.set(t)}updateContent(t,e=this.activeIndex.get()){if(e<0||e>=this.slotContents.get().length)return;const o=[...this.slotContents.get()];o[e]=structuredClone(t),this.slotContents.set(o)}removeContent(t){if(t<0||t>=this.slotContents.get().length)return;const e=this.slotContents.get().filter((o,l)=>l!==t);this.slotContents.set(e),this.activeIndex.get()>=e.length&&this.activeIndex.set(e.length>0?e.length-1:0)}}const B=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family));--slot-height: var( --luzmo-droppable-slot-height, var(--droppable-slot-height) )}.droppable-slot-wrapper{position:relative;width:var(--slot-height);min-width:var(--slot-height);height:auto;overflow:visible}.droppable-slot[filled]{border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color));padding-right:0;gap:var(--luzmo-droppable-slot-filled-gap, var(--droppable-slot-filled-gap))}.droppable-slot[filled]>*:not(luzmo-overlay){cursor:pointer}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));padding-right:var(--luzmo-droppable-slot-label-to-controls, var(--droppable-slot-label-to-controls));border-radius:var(--luzmo-droppable-slot-border-radius, var(--droppable-slot-border-radius));height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height))}:host(.pulse) .droppable-slot{animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color, var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color, var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color, var(--droppable-slot-accept-drag-border-color));animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color, var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color, var(--droppable-slot-accept-drag-controls-color))}:host([would-accept-drag]) .droppable-slot:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation, none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color)),0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color))}to{box-shadow:0 0 0 1rem transparent,0 0 0 1rem transparent}}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));padding-top:var(--luzmo-droppable-slot-label-padding-top, var(--droppable-slot-label-padding-top));padding-bottom:var(--luzmo-droppable-slot-label-padding-bottom, var(--droppable-slot-label-padding-bottom));flex-grow:1;max-width:var(--luzmo-droppable-slot-label-max-width);margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding));font-size:var(--luzmo-droppable-slot-controls-font-size)}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}.droppable-slot.rotate{position:absolute;top:0;left:50%;transform-origin:center;max-width:15rem;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-droppable-slot-overlay-vertical-gap, var(--droppable-slot-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-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-accept-drag-background-color: var(--luzmo-positive-color);--droppable-slot-accept-drag-color: white;--droppable-slot-accept-drag-border-color: var(--luzmo-positive-color-down);--droppable-slot-accept-drag-font-color: white;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-accept-drag-controls-background-color: var( --luzmo-positive-color-down );--droppable-slot-accept-drag-controls-color: white;--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height) );--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-label-to-controls: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled );--droppable-slot-pulse-color: var(--luzmo-secondary-outline);--droppable-slot-border-radius: var(--luzmo-border-radius);--droppable-slot-filled-gap: var(--luzmo-spacing-5)}:host{--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height) );--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-s) );--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-l) );--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-xl) );--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",w={Category:()=>v.msg("Category",{desc:"Category label"}),Measure:()=>v.msg("Measure",{desc:"Measure label"}),Legend:()=>v.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>v.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>v.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>v.msg("Group by",{desc:"Group by label"})};var G=Object.defineProperty,F=Object.getOwnPropertyDescriptor,n=(C,t,e,o)=>{for(var l=o>1?void 0:o?F(t,e):t,s=C.length-1,i;s>=0;s--)(i=C[s])&&(l=(o?i(t,e,l):i(l))||l);return o&&l&&G(t,e,l),l};exports.LuzmoDroppableSlot=class extends I.SizedMixin(T.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._loadSlotsConfig=new $.Task(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-comparison-filter/date-comparison-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-comparison-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))}),o=`../../item-definitions/${t}/${t}-slots.config.ts`;if(e[o]){const l=await e[o]();this._itemTypeLoaded=t,this._slotsConfig=(l==null?void 0:l.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotsContents=[],this.language="en",this.apiUrl="https://api.luzmo.com",this.authKey="",this.authToken="",this.menu="default",this.placement="bottom-end",this._slotContents=[],this._overlayReady=!1,this._store=new U,this._currentSlotContents=[],this._lastFetchedDatasetId=null,this._linkedDatasetsIds=[],this._acceptableColumnTypes=["datetime","hierarchy","numeric","spatial","array[datetime]","array[numeric]","array[hierarchy]","array[spatial]"],this._attachDroppable=()=>{this._cleanupDroppable||(this._cleanupDroppable=x.dropTargetForElements({element:this,onDrop:async t=>{var a,d,r,u,c;const e={...(a=t.source)==null?void 0:a.data},o={...(e==null?void 0:e.label)??{en:"Untitled"}},l=e==null?void 0:e.type;if(l==="datetime"&&!e.level&&(e.level=e.lowestLevel??(e.subtype==="date"?5:9)),l==="datetime"&&((r=(d=t==null?void 0:t.source)==null?void 0:d.element)!=null&&r.hasAttribute("sublevel"))){const m=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],b=(e==null?void 0:e.level)??1,f=Object.keys(o);for(const g of f)o[g]=`${o[g]} ${m[b-1]}`;e.label=e.name=o}const{securable_id:s}=e;s&&s!==this._lastFetchedDatasetId&&(this._lastFetchedDatasetId=s,await E.dataBroker.fetchDatasetsRecursive([s]),this._linkedDatasetsIds=E.dataBroker.getLinkedDatasetsIds(s));const i=((u=this._slotContents)==null?void 0:u.length)===0;this._slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleDataItems?[...this._slotContents??[],e]:[e],this.removeAttribute("accept-drag"),i?(this._overlayReady=!1,setTimeout(()=>{this._overlayReady=!0},200)):this._overlayReady=!0,this.changedSlotContents(this._slotContents,this._linkedDatasetsIds),this.classList.remove("pulse")},canDrop:({source:t})=>this._canDropItem({source:t}),getDropEffect:()=>"move",onDragEnter:()=>{this.setAttribute("accept-drag",""),this.classList.add("pulse")},onDragLeave:()=>{this.removeAttribute("accept-drag"),this.classList.remove("pulse")}}))},this._canDropItem=({source:t})=>{var o,l,s,i,a,d,r,u,c,m,b,f,g;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((o=t.element)==null?void 0:o.tagName)||!((l=this.slotConfiguration)!=null&&l.canAcceptFormula)&&((s=t==null?void 0:t.data)!=null&&s.formulaId||(i=t==null?void 0:t.data)!=null&&i.formula||((a=t==null?void 0:t.data)==null?void 0:a.entity)==="formula"))return!1;const e=((r=(d=this.slotConfiguration)==null?void 0:d.acceptableDataItemTypes)==null?void 0:r.length)>0?this.slotConfiguration.acceptableDataItemTypes:this._acceptableColumnTypes;return(u=t==null?void 0:t.data)!=null&&u.type&&!e.includes((c=t==null?void 0:t.data)==null?void 0:c.type)?!1:!((m=t==null?void 0:t.data)!=null&&m.subtype&&((f=(b=this.slotConfiguration)==null?void 0:b.acceptableColumnSubtypes)==null?void 0:f.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((g=t==null?void 0:t.data)==null?void 0:g.subtype))},this.changedSlotContents=(t,e=[])=>{var o;(o=this._store)==null||o.setContents(t,this.slotName),this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t,linkedDatasetsIds:e}}))},this._handleDragStart=t=>{var i;const e=t,o=(i=e.detail)==null?void 0:i.data;if(this._overlayElement&&(this._overlayElement.open=!1),!o)return;const l={data:o,element:{tagName:e.target instanceof HTMLElement&&e.target.tagName==="LUZMO-DRAGGABLE-DATA-ITEM-LEVEL"?"LUZMO-DRAGGABLE-DATA-ITEM-LEVEL":"LUZMO-DRAGGABLE-DATA-ITEM"}};this._canDropItem({source:l})&&this.setAttribute("would-accept-drag","")},this._handleDragEnd=()=>{this.removeAttribute("would-accept-drag")},this._handleOverlayClick=t=>{t.detail>0&&t.target===this._overlayElement?this._overlayElement.open=!1:t.stopPropagation()},new A.ContextProvider(this,{context:M.slotContext,initialValue:this._store})}connectedCallback(){super.connectedCallback(),this._attachDroppable(),document.addEventListener("data-item-drag-started",this._handleDragStart),document.addEventListener("data-item-dropped",this._handleDragEnd)}disconnectedCallback(){var t,e;super.disconnectedCallback(),this._cleanupDroppable&&(this._cleanupDroppable(),this._cleanupDroppable=void 0),(e=(t=this._loadSlotsConfig).abort)==null||e.call(t),document.removeEventListener("data-item-drag-started",this._handleDragStart),document.removeEventListener("data-item-dropped",this._handleDragEnd)}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this._slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotConfiguration")&&(this._cleanupDroppable&&(this._cleanupDroppable(),this._cleanupDroppable=void 0),this._attachDroppable()),t.has("slotsContents")&&this._processSlotsContents(),t.has("language")&&this.language!==D.getLocale()&&([...D.targetLocales].includes(this.language??"en")||this.language==="en")&&D.setLocale(this.language)}_processSlotsContents(){var t,e,o,l,s;(t=this._store)==null||t.setFullContents(this.slotsContents),this._slotContents=((o=(e=this.slotsContents)==null?void 0:e.find(i=>i.name===this.slotName))==null?void 0:o.content)??[],this._currentSlotContents=[...this._slotContents],((l=this._slotContents)==null?void 0:l.length)>0&&(this._overlayReady=!0),(s=this._store)==null||s.setContents(this._slotContents)}firstUpdated(){this._attachDroppable()}_onOverlayClosed(t){const e=t.overlay;this._slotMenuElement&&e===this._overlayElement&&(setTimeout(()=>{this._slotMenuElement.resetPosition()},500),this.dispatchEvent(new CustomEvent("slot-menu-inactive",{bubbles:!0,composed:!0})))}_onOverlayOpened(t){var o,l,s,i,a;const e=t.overlay;if(this._slotMenuElement&&e===this._overlayElement){const d=((s=(o=this._store)==null?void 0:(l=o.activeIndex).get)==null?void 0:s.call(l))??0,r=((i=this._slotContents)==null?void 0:i[d])??((a=this._slotContents)==null?void 0:a[0]);if(!r)return;const u=(r==null?void 0:r.column)??(r==null?void 0:r.columnId),c=(r==null?void 0:r.set)??(r==null?void 0:r.datasetId),m=r==null?void 0:r.formula;(u||m)&&c&&(this.dispatchEvent(new CustomEvent("slot-menu-active",{bubbles:!0,composed:!0,detail:{securableId:c}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent("slot-menu-highlight",{bubbles:!0,composed:!0,detail:{columnId:u,securableId:c,formulaId:m,level:(r==null?void 0:r.level)??0}}))}))}}_onSlotMenuChanges(t){var o;t.preventDefault(),t.stopPropagation();const e=t.detail.linkedDatasetsIds;this._slotContents.length===((o=t.detail.slotContents)==null?void 0:o.length)?(this._currentSlotContents=t.detail.slotContents,this.changedSlotContents(this._currentSlotContents,e)):(this._slotContents=t.detail.slotContents,this.changedSlotContents(this._slotContents,e))}get _fullLabel(){var l,s,i,a,d,r,u,c,m;let t="";const e=w[(l=this.slotConfiguration)==null?void 0:l.label]?w[(s=this.slotConfiguration)==null?void 0:s.label]():(i=this.slotConfiguration)==null?void 0:i.label;((a=this._currentSlotContents)==null?void 0:a.length)===1?t=O.localize((r=(d=this._currentSlotContents)==null?void 0:d[0])==null?void 0:r.label,this.language)??"Untitled":((u=this._currentSlotContents)==null?void 0:u.length)>1&&(t=`${this._currentSlotContents.length} items`);let o=this.label||e||"Untitled";return((c=this._currentSlotContents)==null?void 0:c.length)>0&&(o+=((m=this._currentSlotContents)==null?void 0:m.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),o}droppableSlotMarkup(){var e,o,l,s,i,a,d,r,u,c,m,b,f,g,S,L,P,k,q;const t=h.html`
       <div
         id="trigger"
         class="droppable-slot ${(e=this.slotConfiguration)!=null&&e.rotate?"rotate":""}"
@@ -36,7 +36,7 @@
                     </luzmo-tooltip>
                   </div> `}
               ${this.hideDelete?"":h.html`<div @click=${this.emptySlotContents}>
-                    ${_.luzmoIcon(_.luzmoTrash)}
+                    ${_.luzmoIcon(_.luzmoTrashOutline)}
                     <luzmo-tooltip
                       self-managed
                       placement=${(i=this.slotConfiguration)!=null&&i.rotate?"right":"top"}