@luzmo/analytics-components-kit 1.0.1-alpha.141 → 1.0.1-alpha.143

package/components/{set-locale-CKjJZRH6.cjs → set-locale-BbhzBfZV.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`);let t=require(`@lit/localize`);var n=(e,t,n)=>{let r=t.lastIndexOf(`?`),i=e[r===-1||r<t.lastIndexOf(`/`)?t:t.slice(0,r)];return i?typeof i==`function`?i():Promise.resolve(i):new Promise((e,r)=>{(typeof queueMicrotask==`function`?queueMicrotask:setTimeout)(r.bind(null,Error(`Unknown variable dynamic import: `+t+(t.split(`/`).length===n?``:`. Note that variables only represent file names one level deep.`))))})};const r=`en`,i=[`de`,`es`,`fr`,`nl`];var{getLocale:a,setLocale:o}=(0,t.configureLocalization)({sourceLocale:`en`,targetLocales:i,loadLocale:e=>n(Object.assign({"../../generated/locales/de.ts":()=>Promise.resolve().then(()=>require(`./de-nxCdeqFz.cjs`)),"../../generated/locales/es.ts":()=>Promise.resolve().then(()=>require(`./es-BEBp9Wdb.cjs`)),"../../generated/locales/fr.ts":()=>Promise.resolve().then(()=>require(`./fr-BSmOmsww.cjs`)),"../../generated/locales/nl.ts":()=>Promise.resolve().then(()=>require(`./nl-BiQ2EuE6.cjs`))}),`../../generated/locales/${e}.ts`,6)});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+const e=require(`./chunk-350yNsax.cjs`);let t=require(`@lit/localize`);var n=(e,t,n)=>{let r=t.lastIndexOf(`?`),i=e[r===-1||r<t.lastIndexOf(`/`)?t:t.slice(0,r)];return i?typeof i==`function`?i():Promise.resolve(i):new Promise((e,r)=>{(typeof queueMicrotask==`function`?queueMicrotask:setTimeout)(r.bind(null,Error(`Unknown variable dynamic import: `+t+(t.split(`/`).length===n?``:`. Note that variables only represent file names one level deep.`))))})};const r=`en`,i=[`de`,`es`,`fr`,`nl`];var{getLocale:a,setLocale:o}=(0,t.configureLocalization)({sourceLocale:`en`,targetLocales:i,loadLocale:e=>n(Object.assign({"../../generated/locales/de.ts":()=>Promise.resolve().then(()=>require(`./de-D71oQ28U.cjs`)),"../../generated/locales/es.ts":()=>Promise.resolve().then(()=>require(`./es-BVpCQVYE.cjs`)),"../../generated/locales/fr.ts":()=>Promise.resolve().then(()=>require(`./fr-DW5eOlYL.cjs`)),"../../generated/locales/nl.ts":()=>Promise.resolve().then(()=>require(`./nl-CNyDzCqx.cjs`))}),`../../generated/locales/${e}.ts`,6)});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/components/{set-locale-Uv6F4uSq.js → set-locale-DmVKN5NY.js}

@@ -34,10 +34,10 @@ var { getLocale, setLocale } = configureLocalization({
 	sourceLocale: "en",
 	targetLocales,
 	loadLocale: (e) => _rolldown_dynamic_import_helper_default(/* @__PURE__ */ Object.assign({
-		"../../generated/locales/de.ts": () => import("./de-DEzbbWVL.js"),
-		"../../generated/locales/es.ts": () => import("./es-DIIjhY-_.js"),
-		"../../generated/locales/fr.ts": () => import("./fr-D9ILwOuz.js"),
-		"../../generated/locales/nl.ts": () => import("./nl-DhD5Rlf7.js")
+		"../../generated/locales/de.ts": () => import("./de-DURun-dA.js"),
+		"../../generated/locales/es.ts": () => import("./es-Dkzx8miN.js"),
+		"../../generated/locales/fr.ts": () => import("./fr-BxxnKM9J.js"),
+		"../../generated/locales/nl.ts": () => import("./nl-DDQ-Saw3.js")
 	}), `../../generated/locales/${e}.ts`, 6)
 });
 export { setLocale as n, targetLocales as r, getLocale as t };

package/components/slot-contents-picker/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../formatter-CWhf4xbq.cjs`),require(`../display-settings-rCBWD_I_.cjs`),require(`../periods.const-CX2ZWWrf.cjs`),require(`../calculate-data-field-icon-BhiGlh0u.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`),require(`../slot-menu-DyC8HQ5E.cjs`),require(`../slot-menu-list-Dmb6s6UK.cjs`),require(`../data-fields-select-DOFNOn2D.cjs`);const e=require(`../slot-contents-picker-BO5lSTDz.cjs`);Object.defineProperty(exports,`LuzmoSlotContentsPicker`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-BbhzBfZV.cjs`),require(`../localized-mixin-Cxbtsznk.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../formatter-CWhf4xbq.cjs`),require(`../display-settings-Sh4LWJgN.cjs`),require(`../periods.const-CX2ZWWrf.cjs`),require(`../calculate-data-field-icon-BhiGlh0u.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`),require(`../slot-menu-DIQ6h6Dz.cjs`),require(`../slot-menu-list-CFCvrPVt.cjs`),require(`../data-fields-select-BB9jMIZt.cjs`);const e=require(`../slot-contents-picker-CQQuh9fg.cjs`);Object.defineProperty(exports,`LuzmoSlotContentsPicker`,{enumerable:!0,get:function(){return e.t}});

package/components/slot-contents-picker/index.js

@@ -26,15 +26,15 @@
 import "../get-css-variable-DpEed5QG.js";
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-DmVKN5NY.js";
+import "../localized-mixin-DluVAteK.js";
 import "../data-broker-cLR-t5LM.js";
 import "../formatter-B21Tb3sf.js";
-import "../display-settings-BwRkE6i-.js";
+import "../display-settings-C_ubOOoF.js";
 import "../periods.const-Ch6SfeaG.js";
 import "../calculate-data-field-icon-CY7Y6fn1.js";
-import "../slot-menu-DxYruISb.js";
-import "../slot-menu-list-DbZnXcMZ.js";
-import "../data-fields-select-0-QPdj3X.js";
-import { t as LuzmoSlotContentsPicker } from "../slot-contents-picker-Bw_G1BwZ.js";
+import "../slot-menu-B3L8YEnv.js";
+import "../slot-menu-list-BLJxoLeI.js";
+import "../data-fields-select-Dc1pByjy.js";
+import { t as LuzmoSlotContentsPicker } from "../slot-contents-picker--QucgYkS.js";
 export { LuzmoSlotContentsPicker };

package/components/{slot-contents-picker-Bw_G1BwZ.js → slot-contents-picker--QucgYkS.js}

@@ -19,15 +19,15 @@
  * */
 import { i as LuzmoElement, n as SizedMixin } from "./base-rg2x95aL.js";
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
-import { t as LocalizedMixin } from "./localized-mixin-cLT0UbaF.js";
-import { n as slotContext } from "./display-settings-BwRkE6i-.js";
+import { t as LocalizedMixin } from "./localized-mixin-DluVAteK.js";
+import { n as slotContext } from "./display-settings-C_ubOOoF.js";
 import { t } from "./slots-config-DhNgWKR2.js";
 import { n as convertDataFieldToSlotContent, t as DEFAULT_ACCEPTABLE_DATA_FIELD_TYPES } from "./default-acceptable-data-field-types-B2M41jLy.js";
-import { n as SlotStore } from "./slot-menu-DxYruISb.js";
+import { n as SlotStore } from "./slot-menu-B3L8YEnv.js";
+import { luzmoCog, luzmoIcon, luzmoPlus } from "@luzmo/icons";
 import { html, unsafeCSS } from "lit";
 import { property, state } from "lit/decorators.js";
 import { localized, msg } from "@lit/localize";
-import { luzmoCog, luzmoIcon, luzmoPlus } from "@luzmo/icons";
 import "@luzmo/lucero/overlay";
 import "@luzmo/lucero/tooltip";
 import { ContextProvider } from "@lit/context";

package/components/{slot-contents-picker-BO5lSTDz.cjs → slot-contents-picker-CQQuh9fg.cjs}

@@ -17,35 +17,35 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-DTvVLuXW.cjs`),i=require(`./display-settings-rCBWD_I_.cjs`),a=require(`./slots-config-mOBA4FHK.cjs`),o=require(`./default-acceptable-data-field-types-DY4JJ1aG.cjs`),s=require(`./slot-menu-DyC8HQ5E.cjs`);let c=require(`lit`),l=require(`lit/decorators.js`),u=require(`@lit/localize`),d=require(`@luzmo/icons`),f=require(`@luzmo/lucero/overlay`);require(`@luzmo/lucero/tooltip`);let p=require(`@lit/context`),m=require(`@lit/task`);require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/action-button`);let h=require(`lit/directives/if-defined.js`);var g=`:host{--luzmo-select-inline-size:100%;font-family:var(--luzmo-slot-contents-picker-font-family,var(--luzmo-font-family))}.container{gap:var(--luzmo-slot-contents-picker-gap,var(--slot-contents-picker-gap,var(--luzmo-spacing-5)));flex-direction:column;width:fit-content;display:flex}.select-container{flex:auto;align-items:center;display:flex}luzmo-data-fields-select{flex-grow:var(--luzmo-slot-contents-picker-data-fields-select-flex-grow,var(--slot-contents-picker-data-fields-select-flex-grow))}:host([grows]){--slot-contents-picker-data-fields-select-flex-grow:1}:host([grows]) .container{width:100%}:host([grows]) .select-container{flex:auto}.extra-data-field-button-container{justify-content:center;align-items:center;display:flex}.slot-contents-picker-label{font-size:var(--luzmo-slot-contents-picker-label-font-size,var(--slot-contents-picker-label-font-size));margin-right:var(--luzmo-slot-contents-picker-text-to-controls,var(--slot-contents-picker-text-to-controls));text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.controls{align-items:center;gap:var(--luzmo-slot-contents-picker-controls-gap,var(--slot-contents-picker-controls-gap));background-color:var(--luzmo-slot-contents-picker-controls-background-color,var(--slot-contents-picker-controls-background-color));height:100%;color:var(--luzmo-slot-contents-picker-controls-color,var(--slot-contents-picker-controls-color));margin-right:var(--luzmo-slot-contents-picker-controls-to-edge,var(--slot-contents-picker-controls-to-edge));padding:0 var(--luzmo-slot-contents-picker-controls-horizontal-padding,var(--slot-contents-picker-controls-horizontal-padding));display:flex}.controls div{cursor:pointer;height:100%;padding:0 var(--luzmo-slot-contents-picker-controls-control-horizontal-padding,var(--slot-contents-picker-controls-control-horizontal-padding));align-items:center;display:flex}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-slot-contents-picker-overlay-vertical-gap,var(--slot-contents-picker-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-slot-contents-picker-overlay-horizontal-gap,var(--slot-contents-picker-overlay-horizontal-gap))}:host{--slot-contents-picker-border-width:var(--luzmo-border-width);--slot-contents-picker-border-style:dashed;--slot-contents-picker-border-color:var(--luzmo-border-color);--slot-contents-picker-accept-drag-controls-background-color:transparent;--slot-contents-picker-font-color:var(--luzmo-font-color);--slot-contents-picker-controls-background-color:transparent;--slot-contents-picker-text-to-controls:var(--luzmo-spacing-3);--slot-contents-picker-controls-to-edge:0;--slot-contents-picker-controls-gap:var(--luzmo-spacing-2);--slot-contents-picker-controls-horizontal-padding:var(--luzmo-spacing-2);--slot-contents-picker-controls-control-horizontal-padding:var(--luzmo-spacing-3);--slot-contents-picker-label-font-size:var(--luzmo-font-size);--slot-contents-picker-horizontal-padding:var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap:var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=s]){--slot-contents-picker-horizontal-padding:var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap:var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=l]),:host([size=xl]){--slot-contents-picker-horizontal-padding:var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap:var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap:var(--luzmo-spacing-5)}:host{box-sizing:border-box}`,_=e=>{if(`columnId`in e&&e.columnId)return e.columnId;if(`formulaId`in e&&e.formulaId)return e.formulaId;if(`formula`in e&&e.formula)return e.formula},v=e=>{if(e)return e.columnId??e.formulaId??e.column??e.formula},y=`::level::`,b=(e,t)=>`${e}${y}${t}`,x=class extends r.t(t.n(t.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){static{this.styles=(0,c.unsafeCSS)(g)}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}constructor(){super(),this._loadSlotsConfig=new m.Task(this,{task:async([e])=>e?e===this._itemTypeLoaded?this._slotsConfig:(this._itemTypeLoaded=e,this._slotsConfig=await a.t(e)??[],this._slotsConfig):this._slotsConfig,args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this.slotConfiguration={},this.slotContents=[],this.contentLanguage=`en`,this.disabled=!1,this.grows=!1,this.menu=`default`,this.hasLabel=!1,this.selects=`multiple`,this.search=`auto`,this.icons=`menu-only`,this.datasetsDataFields=[],this.placement=`bottom-start`,this.slotMenuPlacement=`bottom-end`,this.hideClear=!1,this._hasExtraEmptySelects=!1,this._currentSlotContents=[],this._store=new s.n,this._changedSlotContents=(e,t=[])=>{let n=new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:e,linkedDatasetsIds:t}});return this.dispatchEvent(n),n},new p.ContextProvider(this,{context:i.n,initialValue:this._store})}willUpdate(e){super.willUpdate(e),e.has(`slotContents`)&&(this._currentSlotContents=structuredClone(this.slotContents??[]),this._store?.setContents(this._currentSlotContents??[],this.slotName))}_onSlotMenuChanges(e){e.preventDefault(),e.stopPropagation(),(this.slotContents?.length??0)===(e.detail.slotContents?.length??0)?(this._currentSlotContents=structuredClone(e.detail.slotContents??[]),this.slotContents=structuredClone(e.detail.slotContents??[]),this._store?.setContents(this._currentSlotContents??[],this.slotName),this._changedSlotContents(this._currentSlotContents,e.detail.linkedDatasetsIds??[])):(this.slotContents=e.detail.slotContents??[],this._store?.setContents(this.slotContents??[],this.slotName),this._changedSlotContents(this.slotContents,e.detail.linkedDatasetsIds??[]))}_setSlotContentAtIndex(e,t){let n=e.detail?.dataFields??[],r=n.length===0;t>=this._currentSlotContents.length&&this._removeEmptySelect();for(let e=this._currentSlotContents.length;e<=t;e++)this._currentSlotContents[e]||this._currentSlotContents.push({});if(n.length>0){let e=n[0],r=_(e),i=this._currentSlotContents[t],a=v(i),s=i?.level,c=e.level;if(r&&(r!==a||s!==c)){let n=typeof e.level==`number`;this._currentSlotContents[t]=o.n(e,n)}}else r&&this._currentSlotContents.splice(t,1);this.slotContents=structuredClone(this._currentSlotContents.filter(e=>!!v(e))),this._changedSlotContents(this.slotContents)}_setSlotContents(e){let t=e.detail.dataFields??[];this.slotConfiguration?.canAcceptMultipleDataFields&&t.length>1||(t=t.slice(0,1));let n=this._getFilteredDatasetsDataFields(),r=t.map(e=>{let t=o.n(e,typeof e.level==`number`),r=this._getSelectValueForSlotContent(t,n);if(r)return{selectionValue:r,slotContent:t}}).filter(e=>!!e),i=new Set(r.map(e=>e.selectionValue));this._currentSlotContents=this._currentSlotContents?.filter(e=>{let t=this._getSelectValueForSlotContent(e,n);return t?i.has(t):!1})??[],r.forEach(({selectionValue:e,slotContent:t})=>{let r=this._currentSlotContents.findIndex(t=>this._getSelectValueForSlotContent(t,n)===e);if(r!==-1){this._currentSlotContents[r]=t;return}this._currentSlotContents.push(t)}),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this._currentSlotContents)}_renderFieldLabel(){return c.html`<luzmo-field-label for="data-field" size=${this.size}
-      >${this.label??(0,u.msg)(`Select...`)}
-    </luzmo-field-label>`}_removeEmptySelect(){this._hasExtraEmptySelects=!1}_getAcceptableDataFields(){let e=[],t=this.slotConfiguration?.acceptableDataFieldTypes?.length?this.slotConfiguration.acceptableDataFieldTypes:o.t;return this.datasetsDataFields.forEach(n=>{(n.columns?.filter(e=>t.includes(e.type??``))??[]).forEach(t=>{e.push({datasetId:n.id,type:t.type,name:t.name,columnId:t.id,description:t.description,subtype:t.subtype,format:t.format,lowestLevel:t.lowestLevel,duration_levels:t.duration_levels,duration_format:t.duration_format,expression:t.expression,hierarchyLevels:t.hierarchyLevels,currency:t.currency})}),this.slotConfiguration?.canAcceptFormula&&(n.formulas??[]).forEach(t=>{t.type&&(this._isAdHocFormula(t)?e.push({datasetId:n.id,type:t.type,name:t.label??{en:`Ad-hoc formula`},formula:t.formula,subtype:t.subtype??void 0,format:t.format}):e.push({datasetId:n.id,type:t.type,name:t.name,formulaId:t.id,description:t.description,subtype:t.subtype,format:t.format,lowestLevel:t.lowestLevel,duration_levels:t.duration_levels,duration_format:t.duration_format,expression:t.expression,currency:t.currency}))})}),e}_getFirstAvailableDataField(){let e=this._getAcceptableDataFields(),t=new Set(this._currentSlotContents.map(e=>e.columnId??e.formulaId??e.column??e.formula));return e.find(e=>{let n=_(e);return n?!t.has(n):!1})}_hasAvailableDataFields(){return!!this._getFirstAvailableDataField()}_addDataField(){let e=this._getFirstAvailableDataField();if(e){let t=o.n(e,!1);this._currentSlotContents.push(t),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this.slotContents)}else this._hasExtraEmptySelects=!0}_renderExtraDataFieldButton(){return this._hasAvailableDataFields()?c.html`<div class="extra-data-field-button-container">
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-Cxbtsznk.cjs`),i=require(`./display-settings-Sh4LWJgN.cjs`),a=require(`./slots-config-mOBA4FHK.cjs`),o=require(`./default-acceptable-data-field-types-DY4JJ1aG.cjs`),s=require(`./slot-menu-DIQ6h6Dz.cjs`);let c=require(`@luzmo/icons`),l=require(`lit`),u=require(`lit/decorators.js`),d=require(`@lit/localize`),f=require(`@luzmo/lucero/overlay`);require(`@luzmo/lucero/tooltip`);let p=require(`@lit/context`),m=require(`@lit/task`);require(`@luzmo/lucero/field-label`),require(`@luzmo/lucero/action-button`);let h=require(`lit/directives/if-defined.js`);var g=`:host{--luzmo-select-inline-size:100%;font-family:var(--luzmo-slot-contents-picker-font-family,var(--luzmo-font-family))}.container{gap:var(--luzmo-slot-contents-picker-gap,var(--slot-contents-picker-gap,var(--luzmo-spacing-5)));flex-direction:column;width:fit-content;display:flex}.select-container{flex:auto;align-items:center;display:flex}luzmo-data-fields-select{flex-grow:var(--luzmo-slot-contents-picker-data-fields-select-flex-grow,var(--slot-contents-picker-data-fields-select-flex-grow))}:host([grows]){--slot-contents-picker-data-fields-select-flex-grow:1}:host([grows]) .container{width:100%}:host([grows]) .select-container{flex:auto}.extra-data-field-button-container{justify-content:center;align-items:center;display:flex}.slot-contents-picker-label{font-size:var(--luzmo-slot-contents-picker-label-font-size,var(--slot-contents-picker-label-font-size));margin-right:var(--luzmo-slot-contents-picker-text-to-controls,var(--slot-contents-picker-text-to-controls));text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.controls{align-items:center;gap:var(--luzmo-slot-contents-picker-controls-gap,var(--slot-contents-picker-controls-gap));background-color:var(--luzmo-slot-contents-picker-controls-background-color,var(--slot-contents-picker-controls-background-color));height:100%;color:var(--luzmo-slot-contents-picker-controls-color,var(--slot-contents-picker-controls-color));margin-right:var(--luzmo-slot-contents-picker-controls-to-edge,var(--slot-contents-picker-controls-to-edge));padding:0 var(--luzmo-slot-contents-picker-controls-horizontal-padding,var(--slot-contents-picker-controls-horizontal-padding));display:flex}.controls div{cursor:pointer;height:100%;padding:0 var(--luzmo-slot-contents-picker-controls-control-horizontal-padding,var(--slot-contents-picker-controls-control-horizontal-padding));align-items:center;display:flex}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-slot-contents-picker-overlay-vertical-gap,var(--slot-contents-picker-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-slot-contents-picker-overlay-horizontal-gap,var(--slot-contents-picker-overlay-horizontal-gap))}:host{--slot-contents-picker-border-width:var(--luzmo-border-width);--slot-contents-picker-border-style:dashed;--slot-contents-picker-border-color:var(--luzmo-border-color);--slot-contents-picker-accept-drag-controls-background-color:transparent;--slot-contents-picker-font-color:var(--luzmo-font-color);--slot-contents-picker-controls-background-color:transparent;--slot-contents-picker-text-to-controls:var(--luzmo-spacing-3);--slot-contents-picker-controls-to-edge:0;--slot-contents-picker-controls-gap:var(--luzmo-spacing-2);--slot-contents-picker-controls-horizontal-padding:var(--luzmo-spacing-2);--slot-contents-picker-controls-control-horizontal-padding:var(--luzmo-spacing-3);--slot-contents-picker-label-font-size:var(--luzmo-font-size);--slot-contents-picker-horizontal-padding:var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap:var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=s]){--slot-contents-picker-horizontal-padding:var(--luzmo-spacing-4);--slot-contents-picker-overlay-horizontal-gap:var(--luzmo-spacing-4);--slot-contents-picker-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=l]),:host([size=xl]){--slot-contents-picker-horizontal-padding:var(--luzmo-spacing-5);--slot-contents-picker-overlay-horizontal-gap:var(--luzmo-spacing-5);--slot-contents-picker-overlay-vertical-gap:var(--luzmo-spacing-5)}:host{box-sizing:border-box}`,_=e=>{if(`columnId`in e&&e.columnId)return e.columnId;if(`formulaId`in e&&e.formulaId)return e.formulaId;if(`formula`in e&&e.formula)return e.formula},v=e=>{if(e)return e.columnId??e.formulaId??e.column??e.formula},y=`::level::`,b=(e,t)=>`${e}${y}${t}`,x=class extends r.t(t.n(t.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){static{this.styles=(0,l.unsafeCSS)(g)}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}constructor(){super(),this._loadSlotsConfig=new m.Task(this,{task:async([e])=>e?e===this._itemTypeLoaded?this._slotsConfig:(this._itemTypeLoaded=e,this._slotsConfig=await a.t(e)??[],this._slotsConfig):this._slotsConfig,args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this.slotConfiguration={},this.slotContents=[],this.contentLanguage=`en`,this.disabled=!1,this.grows=!1,this.menu=`default`,this.hasLabel=!1,this.selects=`multiple`,this.search=`auto`,this.icons=`menu-only`,this.datasetsDataFields=[],this.placement=`bottom-start`,this.slotMenuPlacement=`bottom-end`,this.hideClear=!1,this._hasExtraEmptySelects=!1,this._currentSlotContents=[],this._store=new s.n,this._changedSlotContents=(e,t=[])=>{let n=new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:e,linkedDatasetsIds:t}});return this.dispatchEvent(n),n},new p.ContextProvider(this,{context:i.n,initialValue:this._store})}willUpdate(e){super.willUpdate(e),e.has(`slotContents`)&&(this._currentSlotContents=structuredClone(this.slotContents??[]),this._store?.setContents(this._currentSlotContents??[],this.slotName))}_onSlotMenuChanges(e){e.preventDefault(),e.stopPropagation(),(this.slotContents?.length??0)===(e.detail.slotContents?.length??0)?(this._currentSlotContents=structuredClone(e.detail.slotContents??[]),this.slotContents=structuredClone(e.detail.slotContents??[]),this._store?.setContents(this._currentSlotContents??[],this.slotName),this._changedSlotContents(this._currentSlotContents,e.detail.linkedDatasetsIds??[])):(this.slotContents=e.detail.slotContents??[],this._store?.setContents(this.slotContents??[],this.slotName),this._changedSlotContents(this.slotContents,e.detail.linkedDatasetsIds??[]))}_setSlotContentAtIndex(e,t){let n=e.detail?.dataFields??[],r=n.length===0;t>=this._currentSlotContents.length&&this._removeEmptySelect();for(let e=this._currentSlotContents.length;e<=t;e++)this._currentSlotContents[e]||this._currentSlotContents.push({});if(n.length>0){let e=n[0],r=_(e),i=this._currentSlotContents[t],a=v(i),s=i?.level,c=e.level;if(r&&(r!==a||s!==c)){let n=typeof e.level==`number`;this._currentSlotContents[t]=o.n(e,n)}}else r&&this._currentSlotContents.splice(t,1);this.slotContents=structuredClone(this._currentSlotContents.filter(e=>!!v(e))),this._changedSlotContents(this.slotContents)}_setSlotContents(e){let t=e.detail.dataFields??[];this.slotConfiguration?.canAcceptMultipleDataFields&&t.length>1||(t=t.slice(0,1));let n=this._getFilteredDatasetsDataFields(),r=t.map(e=>{let t=o.n(e,typeof e.level==`number`),r=this._getSelectValueForSlotContent(t,n);if(r)return{selectionValue:r,slotContent:t}}).filter(e=>!!e),i=new Set(r.map(e=>e.selectionValue));this._currentSlotContents=this._currentSlotContents?.filter(e=>{let t=this._getSelectValueForSlotContent(e,n);return t?i.has(t):!1})??[],r.forEach(({selectionValue:e,slotContent:t})=>{let r=this._currentSlotContents.findIndex(t=>this._getSelectValueForSlotContent(t,n)===e);if(r!==-1){this._currentSlotContents[r]=t;return}this._currentSlotContents.push(t)}),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this._currentSlotContents)}_renderFieldLabel(){return l.html`<luzmo-field-label for="data-field" size=${this.size}
+      >${this.label??(0,d.msg)(`Select...`)}
+    </luzmo-field-label>`}_removeEmptySelect(){this._hasExtraEmptySelects=!1}_getAcceptableDataFields(){let e=[],t=this.slotConfiguration?.acceptableDataFieldTypes?.length?this.slotConfiguration.acceptableDataFieldTypes:o.t;return this.datasetsDataFields.forEach(n=>{(n.columns?.filter(e=>t.includes(e.type??``))??[]).forEach(t=>{e.push({datasetId:n.id,type:t.type,name:t.name,columnId:t.id,description:t.description,subtype:t.subtype,format:t.format,lowestLevel:t.lowestLevel,duration_levels:t.duration_levels,duration_format:t.duration_format,expression:t.expression,hierarchyLevels:t.hierarchyLevels,currency:t.currency})}),this.slotConfiguration?.canAcceptFormula&&(n.formulas??[]).forEach(t=>{t.type&&(this._isAdHocFormula(t)?e.push({datasetId:n.id,type:t.type,name:t.label??{en:`Ad-hoc formula`},formula:t.formula,subtype:t.subtype??void 0,format:t.format}):e.push({datasetId:n.id,type:t.type,name:t.name,formulaId:t.id,description:t.description,subtype:t.subtype,format:t.format,lowestLevel:t.lowestLevel,duration_levels:t.duration_levels,duration_format:t.duration_format,expression:t.expression,currency:t.currency}))})}),e}_getFirstAvailableDataField(){let e=this._getAcceptableDataFields(),t=new Set(this._currentSlotContents.map(e=>e.columnId??e.formulaId??e.column??e.formula));return e.find(e=>{let n=_(e);return n?!t.has(n):!1})}_hasAvailableDataFields(){return!!this._getFirstAvailableDataField()}_addDataField(){let e=this._getFirstAvailableDataField();if(e){let t=o.n(e,!1);this._currentSlotContents.push(t),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this.slotContents)}else this._hasExtraEmptySelects=!0}_renderExtraDataFieldButton(){return this._hasAvailableDataFields()?l.html`<div class="extra-data-field-button-container">
       <luzmo-action-button
         size="xs"
         @click=${this._addDataField}
         ?disabled=${this._hasExtraEmptySelects||this.disabled}
       >
-        ${(0,d.luzmoIcon)(d.luzmoPlus)}
+        ${(0,c.luzmoIcon)(c.luzmoPlus)}
       </luzmo-action-button>
       <luzmo-tooltip self-managed placement="top" size=${this.size}>
         Add data field
       </luzmo-tooltip>
-    </div>`:c.html`
+    </div>`:l.html`
         
-      `}_renderSingleSelect(){let e=this._renderFieldLabel(),t=this._currentSlotContents.length>0;if(!t&&!this._hasExtraEmptySelects)return c.html`<div class="select-container">
+      `}_renderSingleSelect(){let e=this._renderFieldLabel(),t=this._currentSlotContents.length>0;if(!t&&!this._hasExtraEmptySelects)return l.html`<div class="select-container">
         ${this.hasLabel?e:``}
         ${this._renderSelectMenu(0)}
-      </div>`;let n=this._currentSlotContents.map((t,n)=>c.html` <div class="select-container">
+      </div>`;let n=this._currentSlotContents.map((t,n)=>l.html` <div class="select-container">
           ${this.hasLabel&&n===0?e:``}
           ${this._renderSelectMenu(n)}
-          ${this.slotContents?.length>0&&!this.hideConfiguration?c.html`<div class="controls">
+          ${this.slotContents?.length>0&&!this.hideConfiguration?l.html`<div class="controls">
                 <luzmo-action-button
                   .size=${this.size}
                   quiet
                   id=${`trigger-${n}`}
                   ?disabled=${this.disabled}
                 >
-                  ${(0,d.luzmoIcon)(d.luzmoCog)}
+                  ${(0,c.luzmoIcon)(c.luzmoCog)}
                   <luzmo-tooltip
                     self-managed
                     placement="top"
@@ -55,7 +55,7 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
                   </luzmo-tooltip>
                 </luzmo-action-button>
               </div>`:``}
-          ${this.slotContents?.length>0?c.html`<luzmo-overlay
+          ${this.slotContents?.length>0?l.html`<luzmo-overlay
                 trigger=${`trigger-${n}@click`}
                 .placement=${this.slotMenuPlacement}
               >
@@ -71,19 +71,19 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
                   @luzmo-slot-contents-changed=${this._onSlotMenuChanges}
                 ></luzmo-slot-menu>
               </luzmo-overlay>`:``}
-        </div>`);return this._hasExtraEmptySelects&&n.push(c.html`<div class="select-container">
+        </div>`);return this._hasExtraEmptySelects&&n.push(l.html`<div class="select-container">
           ${this._renderSelectMenu(this._currentSlotContents.length)}
-        </div>`),t&&this.slotConfiguration?.canAcceptMultipleDataFields&&n.push(this._renderExtraDataFieldButton()),n}_renderMultipleSelect(){let e=this._renderFieldLabel();return c.html`<div class="select-container">
+        </div>`),t&&this.slotConfiguration?.canAcceptMultipleDataFields&&n.push(this._renderExtraDataFieldButton()),n}_renderMultipleSelect(){let e=this._renderFieldLabel();return l.html`<div class="select-container">
       ${this.hasLabel?e:``} ${this._renderSelectMenu()}
-      ${this.slotContents?.length>0&&!this.hideConfiguration?c.html`<div class="controls">
+      ${this.slotContents?.length>0&&!this.hideConfiguration?l.html`<div class="controls">
             <luzmo-action-button .size=${this.size} quiet id="trigger" ?disabled=${this.disabled}>
-              ${(0,d.luzmoIcon)(d.luzmoCog)}
+              ${(0,c.luzmoIcon)(c.luzmoCog)}
               <luzmo-tooltip self-managed placement="top" size=${this.size}>
                 edit
               </luzmo-tooltip>
             </luzmo-action-button>
           </div>`:``}
-      ${this.slotContents?.length>0?c.html`<luzmo-overlay
+      ${this.slotContents?.length>0?l.html`<luzmo-overlay
             trigger="trigger@click"
             .placement=${this.slotMenuPlacement}
           >
@@ -98,12 +98,12 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
               @luzmo-slot-contents-changed=${this._onSlotMenuChanges}
             ></luzmo-slot-menu>
           </luzmo-overlay>`:``}
-    </div>`}_getSelectValueForSlotContent(e,t){let n=v(e);if(!n)return;let r=e.columnId,i=e.level;if(!r||typeof i!=`number`||Number.isNaN(i))return n;let a;for(let e of t)if(a=e.columns?.find(e=>e.id===r),a)break;return a&&(Array.isArray(a.hierarchyLevels)&&a.hierarchyLevels.length>2&&a.hierarchy_enabled===!0&&i>=1||(a.type===`datetime`||a.type===`array[datetime]`)&&typeof a.lowestLevel==`number`&&i!==a.lowestLevel)?b(r,i):n}_getFilteredDatasetsDataFields(){let e=this.slotConfiguration?.acceptableDataFieldTypes?.length?this.slotConfiguration.acceptableDataFieldTypes:o.t;return this.datasetsDataFields.map(t=>({...t,columns:t.columns?.filter(t=>e.includes(t.type??``))??[],formulas:this.slotConfiguration?.canAcceptFormula?t.formulas??[]:[]}))}_renderSelectMenu(e){let t=[],n=this._getFilteredDatasetsDataFields();if(e!==void 0&&e>=this._currentSlotContents.length)t=[];else if(t=this._currentSlotContents.map(e=>this._getSelectValueForSlotContent(e,n)).filter(e=>typeof e==`string`&&e.length>0),this.selects===`single`&&t?.length>0){let n=t[e??0];t=n?[n]:[]}return c.html`<luzmo-data-fields-select
+    </div>`}_getSelectValueForSlotContent(e,t){let n=v(e);if(!n)return;let r=e.columnId,i=e.level;if(!r||typeof i!=`number`||Number.isNaN(i))return n;let a;for(let e of t)if(a=e.columns?.find(e=>e.id===r),a)break;return a&&(Array.isArray(a.hierarchyLevels)&&a.hierarchyLevels.length>2&&a.hierarchy_enabled===!0&&i>=1||(a.type===`datetime`||a.type===`array[datetime]`)&&typeof a.lowestLevel==`number`&&i!==a.lowestLevel)?b(r,i):n}_getFilteredDatasetsDataFields(){let e=this.slotConfiguration?.acceptableDataFieldTypes?.length?this.slotConfiguration.acceptableDataFieldTypes:o.t;return this.datasetsDataFields.map(t=>({...t,columns:t.columns?.filter(t=>e.includes(t.type??``))??[],formulas:this.slotConfiguration?.canAcceptFormula?t.formulas??[]:[]}))}_renderSelectMenu(e){let t=[],n=this._getFilteredDatasetsDataFields();if(e!==void 0&&e>=this._currentSlotContents.length)t=[];else if(t=this._currentSlotContents.map(e=>this._getSelectValueForSlotContent(e,n)).filter(e=>typeof e==`string`&&e.length>0),this.selects===`single`&&t?.length>0){let n=t[e??0];t=n?[n]:[]}return l.html`<luzmo-data-fields-select
       .language=${this.language}
       .contentLanguage=${this.contentLanguage}
       .size=${this.size}
       .icons=${this.icons}
-      .placeholder=${this.placeholder??(0,u.msg)(`Select...`)}
+      .placeholder=${this.placeholder??(0,d.msg)(`Select...`)}
       .placement=${this.placement}
       .search=${this.search}
       ?disabled=${this.disabled}
@@ -115,15 +115,15 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
       data-index=${e??0}
       @luzmo-data-fields-selected=${this._handleSelectChange}
     >
-    </luzmo-data-fields-select>`}_handleSelectChange(e){if(this.selects===`single`){let t=e.currentTarget?.dataset?.index,n=t?Number.parseInt(t,10):0;this._setSlotContentAtIndex(e,Number.isNaN(n)?0:n)}else this._setSlotContents(e)}_slotContentsPickerMarkup(){return c.html`
+    </luzmo-data-fields-select>`}_handleSelectChange(e){if(this.selects===`single`){let t=e.currentTarget?.dataset?.index,n=t?Number.parseInt(t,10):0;this._setSlotContentAtIndex(e,Number.isNaN(n)?0:n)}else this._setSlotContents(e)}_slotContentsPickerMarkup(){return l.html`
       <div class="container">
         ${this.selects===`multiple`?this._renderMultipleSelect():this._renderSingleSelect()}
       </div>
-    `}render(){return this._loadSlotsConfig.render({pending:()=>c.html`
+    `}render(){return this._loadSlotsConfig.render({pending:()=>l.html`
           <p>Loading...</p>
-        `,complete:e=>{if(this.slotName&&this.itemType&&e){let t=e.find(e=>e.name===this.slotName);t&&(this.slotConfiguration=t)}return this._slotContentsPickerMarkup()},error:e=>c.html`
+        `,complete:e=>{if(this.slotName&&this.itemType&&e){let t=e.find(e=>e.name===this.slotName);t&&(this.slotConfiguration=t)}return this._slotContentsPickerMarkup()},error:e=>l.html`
         <div>
           Could not load slot-contents-picker: '${this.slotName}' of chart
           '${this.itemType}': ${e}.
         </div>
-      `})}};n.t([(0,l.property)({type:String,reflect:!0,attribute:`item-type`})],x.prototype,`itemType`,void 0),n.t([(0,l.property)({type:String,reflect:!0,attribute:`slot-name`})],x.prototype,`slotName`,void 0),n.t([(0,l.property)({type:Object})],x.prototype,`slotConfiguration`,void 0),n.t([(0,l.property)({type:Array})],x.prototype,`slotContents`,void 0),n.t([(0,l.property)({type:String,attribute:`content-language`,reflect:!0})],x.prototype,`contentLanguage`,void 0),n.t([(0,l.property)({type:Boolean,attribute:`disabled`,reflect:!0})],x.prototype,`disabled`,void 0),n.t([(0,l.property)({type:Boolean,attribute:`grows`,reflect:!0})],x.prototype,`grows`,void 0),n.t([(0,l.property)({type:String,reflect:!0})],x.prototype,`menu`,void 0),n.t([(0,l.property)({type:Boolean,attribute:`has-label`,reflect:!0})],x.prototype,`hasLabel`,void 0),n.t([(0,l.property)({type:String,reflect:!0})],x.prototype,`label`,void 0),n.t([(0,l.property)({type:String,reflect:!0})],x.prototype,`selects`,void 0),n.t([(0,l.property)({type:String,reflect:!0})],x.prototype,`search`,void 0),n.t([(0,l.property)({type:String,reflect:!0})],x.prototype,`icons`,void 0),n.t([(0,l.property)({type:String,attribute:`placeholder`,reflect:!0})],x.prototype,`placeholder`,void 0),n.t([(0,l.property)({type:Array,reflect:!1})],x.prototype,`datasetsDataFields`,void 0),n.t([(0,l.property)({type:String,reflect:!0})],x.prototype,`placement`,void 0),n.t([(0,l.property)({type:String,reflect:!0,attribute:`slot-menu-placement`})],x.prototype,`slotMenuPlacement`,void 0),n.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`hide-configuration`})],x.prototype,`hideConfiguration`,void 0),n.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`hide-clear`})],x.prototype,`hideClear`,void 0),n.t([(0,l.state)()],x.prototype,`_hasExtraEmptySelects`,void 0),x=n.t([(0,u.localized)()],x),customElements.get(`luzmo-slot-contents-picker`)||customElements.define(`luzmo-slot-contents-picker`,x),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});
+      `})}};n.t([(0,u.property)({type:String,reflect:!0,attribute:`item-type`})],x.prototype,`itemType`,void 0),n.t([(0,u.property)({type:String,reflect:!0,attribute:`slot-name`})],x.prototype,`slotName`,void 0),n.t([(0,u.property)({type:Object})],x.prototype,`slotConfiguration`,void 0),n.t([(0,u.property)({type:Array})],x.prototype,`slotContents`,void 0),n.t([(0,u.property)({type:String,attribute:`content-language`,reflect:!0})],x.prototype,`contentLanguage`,void 0),n.t([(0,u.property)({type:Boolean,attribute:`disabled`,reflect:!0})],x.prototype,`disabled`,void 0),n.t([(0,u.property)({type:Boolean,attribute:`grows`,reflect:!0})],x.prototype,`grows`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],x.prototype,`menu`,void 0),n.t([(0,u.property)({type:Boolean,attribute:`has-label`,reflect:!0})],x.prototype,`hasLabel`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],x.prototype,`label`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],x.prototype,`selects`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],x.prototype,`search`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],x.prototype,`icons`,void 0),n.t([(0,u.property)({type:String,attribute:`placeholder`,reflect:!0})],x.prototype,`placeholder`,void 0),n.t([(0,u.property)({type:Array,reflect:!1})],x.prototype,`datasetsDataFields`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],x.prototype,`placement`,void 0),n.t([(0,u.property)({type:String,reflect:!0,attribute:`slot-menu-placement`})],x.prototype,`slotMenuPlacement`,void 0),n.t([(0,u.property)({type:Boolean,reflect:!0,attribute:`hide-configuration`})],x.prototype,`hideConfiguration`,void 0),n.t([(0,u.property)({type:Boolean,reflect:!0,attribute:`hide-clear`})],x.prototype,`hideClear`,void 0),n.t([(0,u.state)()],x.prototype,`_hasExtraEmptySelects`,void 0),x=n.t([(0,d.localized)()],x),customElements.get(`luzmo-slot-contents-picker`)||customElements.define(`luzmo-slot-contents-picker`,x),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});

package/components/slot-menu/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../formatter-CWhf4xbq.cjs`),require(`../display-settings-rCBWD_I_.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`);const e=require(`../slot-menu-DyC8HQ5E.cjs`);require(`../slot-menu-list-Dmb6s6UK.cjs`),exports.LuzmoSlotMenu=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-BbhzBfZV.cjs`),require(`../localized-mixin-Cxbtsznk.cjs`),require(`../data-broker-BUIUM5hr.cjs`),require(`../formatter-CWhf4xbq.cjs`),require(`../display-settings-Sh4LWJgN.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`);const e=require(`../slot-menu-DIQ6h6Dz.cjs`);require(`../slot-menu-list-CFCvrPVt.cjs`),exports.LuzmoSlotMenu=e.t;

package/components/slot-menu/index.js

@@ -26,11 +26,11 @@
 import "../get-css-variable-DpEed5QG.js";
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-DmVKN5NY.js";
+import "../localized-mixin-DluVAteK.js";
 import "../data-broker-cLR-t5LM.js";
 import "../formatter-B21Tb3sf.js";
-import "../display-settings-BwRkE6i-.js";
-import { t as LuzmoSlotMenu } from "../slot-menu-DxYruISb.js";
-import "../slot-menu-list-DbZnXcMZ.js";
+import "../display-settings-C_ubOOoF.js";
+import { t as LuzmoSlotMenu } from "../slot-menu-B3L8YEnv.js";
+import "../slot-menu-list-BLJxoLeI.js";
 export { LuzmoSlotMenu };

package/components/{slot-menu-DxYruISb.js → slot-menu-B3L8YEnv.js}

@@ -21,12 +21,12 @@ import { i as LuzmoElement, n as SizedMixin, t as ElementSizes } from "./base-rg
 import { t as __decorate } from "./decorate-Da6S_xrw.js";
 import { t as localize } from "./localize-Dlt3EN5i.js";
 import { t as dataBroker } from "./data-broker-cLR-t5LM.js";
-import { n as slotContext } from "./display-settings-BwRkE6i-.js";
+import { n as slotContext } from "./display-settings-C_ubOOoF.js";
 import { t as PeriodOverPeriodCondition } from "./period-over-period-condition.const-DasWQHju.js";
 import { t as validate_default } from "./validate-mtIcbiOa.js";
+import { luzmoArrows, luzmoClose12, luzmoIcon, luzmoTrashOutline } from "@luzmo/icons";
 import { html, unsafeCSS } from "lit";
 import { property, query, state } from "lit/decorators.js";
-import { luzmoArrows, luzmoClose12, luzmoIcon, luzmoTrashOutline } from "@luzmo/icons";
 import { SignalWatcher, computed, signal } from "@lit-labs/signals";
 import { ContextProvider, consume } from "@lit/context";
 import "@luzmo/lucero/divider";

package/components/{slot-menu-DyC8HQ5E.cjs → slot-menu-DIQ6h6Dz.cjs}

@@ -17,32 +17,32 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./data-broker-BUIUM5hr.cjs`),a=require(`./display-settings-rCBWD_I_.cjs`),o=require(`./period-over-period-condition.const-wVwKUthh.cjs`),s=require(`./validate-DGy5i56l.cjs`);let c=require(`lit`),l=require(`lit/decorators.js`),u=require(`@luzmo/icons`),d=require(`@lit-labs/signals`),f=require(`@lit/context`);require(`@luzmo/lucero/divider`);let p=require(`lit/directives/guard.js`);var m=class{constructor(){this.slotContents=(0,d.signal)([]),this.slotsContents=(0,d.signal)([]),this.periodOverPeriodUiType=(0,d.signal)(null),this.linkedDataset=(0,d.signal)([]),this._popEnabledChartTypes=[`area-chart`,`bar-chart`,`combination-chart`,`column-chart`,`line-chart`],this.activeSlotContents=(0,d.computed)(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=(0,d.signal)(0)}isArrayColumnType(e){return e.startsWith(`array[`)}setPeriodOverPeriodCondition(e,t){if(!t?.periodOverPeriod?.newUi){this.periodOverPeriodUiType.set(this.oldConditionalLogic(e));return}this.periodOverPeriodUiType.set(this.getUiConditionToApply(t))}getUiConditionToApply(e){let t=this.hasDatetimeColumnOnCategoryOrXAxis(),n=e?.periodOverPeriod?.hasConnectedComparisonFilter,r=this.linkedDataset.get().some(({columns:e})=>e?.some(e=>e.type===`datetime`));return!t&&!n&&!r?null:t&&n?o.t.HasDatetimeColumnAndComparisonFilters:t&&!n?o.t.HasDatetimeColumnAndNoComparisonFilters:!t&&n?o.t.NoDatetimeColumnButComparisonFilters:o.t.NoDatetimeColumnAndNoComparisonFilters}oldConditionalLogic(e){let t=this.slotsContents.get()??[],n=(t.find(e=>[`y-axis`,`x-axis`,`row`].includes(e.name))?.content??[])?.[0]??null,r=t.find(e=>e.name===`measure`)?.content??[];return n&&this._popEnabledChartTypes.includes(e)&&n.type===`datetime`&&!this.isArrayColumnType(n.type)&&!n.datetimeDisplayMode&&n.level!==4&&r.length>0?o.t.OldImplementation:null}hasDatetimeColumnOnCategoryOrXAxis(){let e=((this.slotsContents.get()??[]).find(e=>[`y-axis`,`x-axis`].includes(e.name))?.content??[])?.[0]??null;return!!(e&&e.type===`datetime`&&!this.isArrayColumnType(e.type))}setContents(e,t){if(this.slotContents.set(e),this.activeIndex.get()>=e.length&&this.activeIndex.set(e.length>0?e.length-1:0),t){let n=structuredClone(this.slotsContents.get())??[],r=n.find(e=>e.name===t);r&&(r.content=e),this.setFullContents(n)}}setFullContents(e){this.slotsContents.set(e)}updateActive(e){e>=0&&e<this.slotContents.get().length&&this.activeIndex.set(e)}updateContent(e,t=this.activeIndex.get()){if(t<0||t>=this.slotContents.get().length)return;let n=[...this.slotContents.get()];n[t]=structuredClone(e),this.slotContents.set(n)}removeContent(e){if(e<0||e>=this.slotContents.get().length)return;let t=this.slotContents.get().filter((t,n)=>n!==e);this.slotContents.set(t),this.activeIndex.get()>=t.length&&this.activeIndex.set(t.length>0?t.length-1:0)}};function h({element:e,handle:t,boundary:n=document.documentElement,onDragStart:r,onDragEnd:i}){if(!e||!t)throw Error(`makeDraggable: element and handle are required`);let a=e.ownerDocument??document,o=-1,s=0,c=0,l=0,u=0,d=0,f=0,p=0,m=0,h=t=>{if(t.pointerId!==o)return;let r=t.clientX-s,i=t.clientY-c,a=(n??document.documentElement).getBoundingClientRect(),h=l+r,g=u+i;h=Math.min(Math.max(h,a.left),a.right-d),g=Math.min(Math.max(g,a.top),a.bottom-f);let _=h-l,v=g-u,y=p+_,b=m+v;e.style.transform=`translate3d(${y}px, ${b}px, 0)`},g=e=>{e.pointerId===o&&(a.removeEventListener(`pointermove`,h),a.removeEventListener(`pointerup`,g),o=-1,i?.())},_=n=>{if(n.button!==0)return;o=n.pointerId;let i=e.getBoundingClientRect();l=i.left,u=i.top,d=i.width,f=i.height,s=n.clientX,c=n.clientY;try{let t=a.defaultView?.getComputedStyle(e);if(t){let e=new DOMMatrixReadOnly(t.transform);p=e.m41,m=e.m42}}catch{p=0,m=0}t.setPointerCapture(o),a.addEventListener(`pointermove`,h),a.addEventListener(`pointerup`,g),r?.()};return t.addEventListener(`pointerdown`,_),()=>{t.removeEventListener(`pointerdown`,_),a.removeEventListener(`pointermove`,h),a.removeEventListener(`pointerup`,g)}}var g=`:host{font-family:var(--luzmo-slot-menu-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size,var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color,var(--luzmo-font-color));width:fit-content;display:block}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width,var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width,var(--slot-menu-list-max-width));background-color:var(--luzmo-slot-menu-list-background-color,var(--slot-menu-list-background-color));border-bottom-left-radius:var(--luzmo-slot-menu-list-border-radius,var(--slot-menu-list-border-radius))}.slot-contents-container{border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color,var(--luzmo-background-color));--slot-menu-popup-filter:drop-shadow(var(--luzmo-slot-menu-popup-shadow-horizontal,var(--slot-menu-popup-shadow-horizontal))var(--luzmo-slot-menu-popup-shadow-vertical,var(--slot-menu-popup-shadow-vertical))var(--luzmo-slot-menu-popup-shadow-blur,var(--slot-menu-popup-shadow-blur))var(--luzmo-slot-menu-popup-shadow-color,var(--slot-menu-popup-shadow-color)));filter:var(--luzmo-slot-menu-popup-filter,var(--slot-menu-popup-filter));border-top-left-radius:0;position:relative}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width,var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding,var(--slot-menu-display-settings-vertical-padding))var(--luzmo-slot-menu-display-settings-horizontal-padding,var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{border-top-left-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));overflow:hidden}.slot-menu-top-menu{border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;width:fit-content;display:flex;overflow:hidden}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color,var(--luzmo-background-color-highlight));cursor:move;border:var(--luzmo-slot-menu-drag-handle-border-width,var(--slot-menu-drag-handle-border-width))solid var(--luzmo-slot-menu-border-color,var(--luzmo-background-color-highlight));width:fit-content;font-size:var(--luzmo-slot-menu-drag-handle-size,var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding))var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover,var(--luzmo-background-color-highlight-hover))}.slot-content-action{max-width:var(--luzmo-slot-menu-top-menu-label-max-width,var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color,var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color,var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-content-label-border-color,var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding))var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding));flex:0 auto;display:flex}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover,var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus,var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.slot-content-action .slot-content-remove{cursor:pointer;flex:none}.close{right:var(--luzmo-slot-menu-close-icon-right,var(--slot-menu-close-icon-right));cursor:pointer;top:calc(-2*var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color,var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size,var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));padding:var(--luzmo-slot-menu-close-button-vertical-padding,var(--slot-menu-close-button-vertical-padding))var(--luzmo-slot-menu-close-button-horizontal-padding,var(--slot-menu-close-button-horizontal-padding));border-top-left-radius:0;border-top-right-radius:0;position:absolute}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover,var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height)*2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width:12rem;--slot-menu-list-min-width:8rem;--slot-menu-list-max-width:12rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3);--slot-menu-drag-handle-size:var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-border-width:var(--luzmo-border-width)--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-popup-shadow-horizontal:0;--slot-menu-popup-shadow-vertical:1px;--slot-menu-popup-shadow-blur:4px;--slot-menu-popup-shadow-color:var(--luzmo-border-color);--slot-menu-popup-box-shadow:var(--slot-menu-popup-shadow-horizontal)var(--slot-menu-popup-shadow-vertical)var(--slot-menu-popup-shadow-blur)var(--slot-menu-popup-shadow-color);--slot-menu-close-icon-right:1rem;--slot-menu-list-border-radius:var(--luzmo-border-radius)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s)*2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width:10rem;--slot-menu-list-min-width:6rem;--slot-menu-list-max-width:10rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2);--slot-menu-drag-handle-size:var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l)*2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:14rem;--slot-menu-list-min-width:9rem;--slot-menu-list-max-width:14rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4);--slot-menu-drag-handle-size:var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size);--slot-menu-close-button-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl)*2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:16rem;--slot-menu-list-min-width:10rem;--slot-menu-list-max-width:16rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5);--slot-menu-drag-handle-size:var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-close-button-size:var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}`,_=class extends (0,d.SignalWatcher)(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotType=`numeric`,this.variant=`draggable`,this._periodOverPeriodUiType=null,this.measureColumns=[],this.apiUrl=`https://api.luzmo.com`,this.authKey=``,this.authToken=``,this._slotContents=[],this._activeIndex=this.slotIndex??0,this._linkedDatasetsIds=[]}static get styles(){return[(0,c.unsafeCSS)(g)]}get _store(){return this._consumedStore?this._consumedStore:(this._ownStore||(this._ownStore=new m,new f.ContextProvider(this,{context:a.n,initialValue:this._ownStore})),this._ownStore)}get _currentSlotContent(){return this._slotContents[this.slotIndex??this._activeIndex]??{}}get _currentLabel(){return r.t(this._currentSlotContent.label,this.contentLanguage)??`Untitled`}connectedCallback(){let e={};this.apiUrl&&(e.apiUrl=this.apiUrl),this.authKey&&this.authToken&&(e.authKey=this.authKey,e.authToken=this.authToken),i.t.configure(e),super.connectedCallback(),this._attachDragHandle()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDrag&&=(this._cleanupDrag(),void 0)}_attachDragHandle(){if(this._cleanupDrag||this.variant!==`draggable`||this.noDrag)return;let e=this.renderRoot.querySelector(`.drag-handle`);if(!e)return;let t=this.dragBoundary?document.querySelector(this.dragBoundary):document.documentElement;this._cleanupDrag=h({element:this,handle:e,boundary:t})}_sendChangeEvent(){let e=this._store.slotContents.get();this.dispatchEvent(new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(e),linkedDatasetsIds:[...this._linkedDatasetsIds]}}))}resetInfoVisibility(){this.displaySettingsElement?.resetInfoVisibility&&this.displaySettingsElement.resetInfoVisibility(!1)}_sendCloseEvent(){this.dispatchEvent(new CustomEvent(`luzmo-close`,{bubbles:!0,composed:!0,cancelable:!0}))}isArrayColumnType(e){return e.startsWith(`array[`)}async willUpdate(e){let t=this._store,n=t.slotContents.get(),r=e.has(`slotContents`);Array.isArray(this.slotContents)&&(n.length===0||r)&&t.setContents(structuredClone(this.slotContents),this.slotName);let a=t.slotContents.get();if(a!==this._slotContents){this._slotContents=a;let{set:e,column:n}=this._currentSlotContent;if(e&&s.t(e)&&e!==this._lastFetchedDatasetId){if(this._lastFetchedDatasetId=e,await i.t.fetchDatasetsRecursive([e]),!this.isConnected)return;this._linkedDatasetsIds=i.t.getLinkedDatasetsIds(e)}let r=i.t.getAvailableDatasets();this.measureColumns=r.map(e=>({datasetId:e.id,datasetName:e.name,columns:e.columns?.filter(e=>e.type===`numeric`&&e.id!==n)})),t.activeIndex.get()!==this._activeIndex&&t.updateActive(this._activeIndex),this.slotName===`measure`&&(t.linkedDataset.set(r.filter(t=>t.id===e)),t.setPeriodOverPeriodCondition(this.itemType,this._currentSlotContent),this._periodOverPeriodUiType=this._currentSlotContent.subtype===`duration`&&this.isArrayColumnType(this._currentSlotContent.type)?null:t.periodOverPeriodUiType.get())}}updated(){this.displaySettingsElement&&(this.displaySettingsElement.periodOverPeriodUiType=this._periodOverPeriodUiType,this.displaySettingsElement.measureColumns=this.measureColumns,this.displaySettingsElement.showRemoveButton=this.variant===`popup`&&(typeof this.slotIndex==`number`||this._slotContents?.length===1))}_handleSlotListChange(e){let t=this._store,n=structuredClone(e.detail.slotContents),r=e.detail.activeIndex;r!==this._activeIndex&&(this._activeIndex=r,t.updateActive(r)),t.setContents(n,this.slotName),this._slotContents=t.slotContents.get();let i=this._slotContents[this._activeIndex],a=i?.column??i?.columnId,o=i?.set??i?.datasetId,s=i?.formula;(a||s)&&o&&(this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-active`,{bubbles:!0,composed:!0,detail:{datasetId:o}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-highlight`,{bubbles:!0,composed:!0,detail:{datasetId:o,level:i?.level??0,...a&&{columnId:a},...s&&{formulaId:s}}}))})),this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(e){let t=this._store,n=this.slotIndex??this._activeIndex;t.updateContent(structuredClone(e.detail.slotContent),n),this._slotContents=t.slotContents.get(),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotContents),this._sendChangeEvent()}removeSlotContent(e){let t=this._store;t.removeContent(e),this._slotContents=t.slotContents.get(),this._slotContents.length===0&&this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-inactive`,{bubbles:!0,composed:!0})),this._sendChangeEvent(),this.close(),this.requestUpdate()}close(){this._sendCloseEvent(),this.resetInfoVisibility()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}_handleInfoVisibilityChanged(e){this.dispatchEvent(new CustomEvent(`luzmo-info-visibility-changed`,{detail:e.detail}))}render(){let e=`${this.slotType}-${this._currentSlotContent?.type??``}`;return c.html`<div class="slot-menu-top-menu">
-        ${this.variant===`draggable`?c.html`<div class="drag-handle">${(0,u.luzmoIcon)(u.luzmoArrows)}</div>`:``}
-        ${this._slotContents&&this._slotContents.length===1&&this.variant!==`popup`?c.html` <div class="slot-content-action">
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./data-broker-BUIUM5hr.cjs`),a=require(`./display-settings-Sh4LWJgN.cjs`),o=require(`./period-over-period-condition.const-wVwKUthh.cjs`),s=require(`./validate-DGy5i56l.cjs`);let c=require(`@luzmo/icons`),l=require(`lit`),u=require(`lit/decorators.js`),d=require(`@lit-labs/signals`),f=require(`@lit/context`);require(`@luzmo/lucero/divider`);let p=require(`lit/directives/guard.js`);var m=class{constructor(){this.slotContents=(0,d.signal)([]),this.slotsContents=(0,d.signal)([]),this.periodOverPeriodUiType=(0,d.signal)(null),this.linkedDataset=(0,d.signal)([]),this._popEnabledChartTypes=[`area-chart`,`bar-chart`,`combination-chart`,`column-chart`,`line-chart`],this.activeSlotContents=(0,d.computed)(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=(0,d.signal)(0)}isArrayColumnType(e){return e.startsWith(`array[`)}setPeriodOverPeriodCondition(e,t){if(!t?.periodOverPeriod?.newUi){this.periodOverPeriodUiType.set(this.oldConditionalLogic(e));return}this.periodOverPeriodUiType.set(this.getUiConditionToApply(t))}getUiConditionToApply(e){let t=this.hasDatetimeColumnOnCategoryOrXAxis(),n=e?.periodOverPeriod?.hasConnectedComparisonFilter,r=this.linkedDataset.get().some(({columns:e})=>e?.some(e=>e.type===`datetime`));return!t&&!n&&!r?null:t&&n?o.t.HasDatetimeColumnAndComparisonFilters:t&&!n?o.t.HasDatetimeColumnAndNoComparisonFilters:!t&&n?o.t.NoDatetimeColumnButComparisonFilters:o.t.NoDatetimeColumnAndNoComparisonFilters}oldConditionalLogic(e){let t=this.slotsContents.get()??[],n=(t.find(e=>[`y-axis`,`x-axis`,`row`].includes(e.name))?.content??[])?.[0]??null,r=t.find(e=>e.name===`measure`)?.content??[];return n&&this._popEnabledChartTypes.includes(e)&&n.type===`datetime`&&!this.isArrayColumnType(n.type)&&!n.datetimeDisplayMode&&n.level!==4&&r.length>0?o.t.OldImplementation:null}hasDatetimeColumnOnCategoryOrXAxis(){let e=((this.slotsContents.get()??[]).find(e=>[`y-axis`,`x-axis`].includes(e.name))?.content??[])?.[0]??null;return!!(e&&e.type===`datetime`&&!this.isArrayColumnType(e.type))}setContents(e,t){if(this.slotContents.set(e),this.activeIndex.get()>=e.length&&this.activeIndex.set(e.length>0?e.length-1:0),t){let n=structuredClone(this.slotsContents.get())??[],r=n.find(e=>e.name===t);r&&(r.content=e),this.setFullContents(n)}}setFullContents(e){this.slotsContents.set(e)}updateActive(e){e>=0&&e<this.slotContents.get().length&&this.activeIndex.set(e)}updateContent(e,t=this.activeIndex.get()){if(t<0||t>=this.slotContents.get().length)return;let n=[...this.slotContents.get()];n[t]=structuredClone(e),this.slotContents.set(n)}removeContent(e){if(e<0||e>=this.slotContents.get().length)return;let t=this.slotContents.get().filter((t,n)=>n!==e);this.slotContents.set(t),this.activeIndex.get()>=t.length&&this.activeIndex.set(t.length>0?t.length-1:0)}};function h({element:e,handle:t,boundary:n=document.documentElement,onDragStart:r,onDragEnd:i}){if(!e||!t)throw Error(`makeDraggable: element and handle are required`);let a=e.ownerDocument??document,o=-1,s=0,c=0,l=0,u=0,d=0,f=0,p=0,m=0,h=t=>{if(t.pointerId!==o)return;let r=t.clientX-s,i=t.clientY-c,a=(n??document.documentElement).getBoundingClientRect(),h=l+r,g=u+i;h=Math.min(Math.max(h,a.left),a.right-d),g=Math.min(Math.max(g,a.top),a.bottom-f);let _=h-l,v=g-u,y=p+_,b=m+v;e.style.transform=`translate3d(${y}px, ${b}px, 0)`},g=e=>{e.pointerId===o&&(a.removeEventListener(`pointermove`,h),a.removeEventListener(`pointerup`,g),o=-1,i?.())},_=n=>{if(n.button!==0)return;o=n.pointerId;let i=e.getBoundingClientRect();l=i.left,u=i.top,d=i.width,f=i.height,s=n.clientX,c=n.clientY;try{let t=a.defaultView?.getComputedStyle(e);if(t){let e=new DOMMatrixReadOnly(t.transform);p=e.m41,m=e.m42}}catch{p=0,m=0}t.setPointerCapture(o),a.addEventListener(`pointermove`,h),a.addEventListener(`pointerup`,g),r?.()};return t.addEventListener(`pointerdown`,_),()=>{t.removeEventListener(`pointerdown`,_),a.removeEventListener(`pointermove`,h),a.removeEventListener(`pointerup`,g)}}var g=`:host{font-family:var(--luzmo-slot-menu-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size,var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color,var(--luzmo-font-color));width:fit-content;display:block}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width,var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width,var(--slot-menu-list-max-width));background-color:var(--luzmo-slot-menu-list-background-color,var(--slot-menu-list-background-color));border-bottom-left-radius:var(--luzmo-slot-menu-list-border-radius,var(--slot-menu-list-border-radius))}.slot-contents-container{border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color,var(--luzmo-background-color));--slot-menu-popup-filter:drop-shadow(var(--luzmo-slot-menu-popup-shadow-horizontal,var(--slot-menu-popup-shadow-horizontal))var(--luzmo-slot-menu-popup-shadow-vertical,var(--slot-menu-popup-shadow-vertical))var(--luzmo-slot-menu-popup-shadow-blur,var(--slot-menu-popup-shadow-blur))var(--luzmo-slot-menu-popup-shadow-color,var(--slot-menu-popup-shadow-color)));filter:var(--luzmo-slot-menu-popup-filter,var(--slot-menu-popup-filter));border-top-left-radius:0;position:relative}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width,var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding,var(--slot-menu-display-settings-vertical-padding))var(--luzmo-slot-menu-display-settings-horizontal-padding,var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{border-top-left-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));overflow:hidden}.slot-menu-top-menu{border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;width:fit-content;display:flex;overflow:hidden}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color,var(--luzmo-background-color-highlight));cursor:move;border:var(--luzmo-slot-menu-drag-handle-border-width,var(--slot-menu-drag-handle-border-width))solid var(--luzmo-slot-menu-border-color,var(--luzmo-background-color-highlight));width:fit-content;font-size:var(--luzmo-slot-menu-drag-handle-size,var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding))var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover,var(--luzmo-background-color-highlight-hover))}.slot-content-action{max-width:var(--luzmo-slot-menu-top-menu-label-max-width,var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color,var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color,var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-content-label-border-color,var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding))var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding));flex:0 auto;display:flex}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover,var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus,var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.slot-content-action .slot-content-remove{cursor:pointer;flex:none}.close{right:var(--luzmo-slot-menu-close-icon-right,var(--slot-menu-close-icon-right));cursor:pointer;top:calc(-2*var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color,var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size,var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));padding:var(--luzmo-slot-menu-close-button-vertical-padding,var(--slot-menu-close-button-vertical-padding))var(--luzmo-slot-menu-close-button-horizontal-padding,var(--slot-menu-close-button-horizontal-padding));border-top-left-radius:0;border-top-right-radius:0;position:absolute}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover,var(--luzmo-background-color-highlight-hover))}:host{--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height)*2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width:12rem;--slot-menu-list-min-width:8rem;--slot-menu-list-max-width:12rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3);--slot-menu-drag-handle-size:var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-border-width:var(--luzmo-border-width)--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-popup-shadow-horizontal:0;--slot-menu-popup-shadow-vertical:1px;--slot-menu-popup-shadow-blur:4px;--slot-menu-popup-shadow-color:var(--luzmo-border-color);--slot-menu-popup-box-shadow:var(--slot-menu-popup-shadow-horizontal)var(--slot-menu-popup-shadow-vertical)var(--slot-menu-popup-shadow-blur)var(--slot-menu-popup-shadow-color);--slot-menu-close-icon-right:1rem;--slot-menu-list-border-radius:var(--luzmo-border-radius)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s)*2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width:10rem;--slot-menu-list-min-width:6rem;--slot-menu-list-max-width:10rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2);--slot-menu-drag-handle-size:var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l)*2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:14rem;--slot-menu-list-min-width:9rem;--slot-menu-list-max-width:14rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4);--slot-menu-drag-handle-size:var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size);--slot-menu-close-button-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl)*2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:16rem;--slot-menu-list-min-width:10rem;--slot-menu-list-max-width:16rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5);--slot-menu-drag-handle-size:var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-close-button-size:var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}`,_=class extends (0,d.SignalWatcher)(t.n(t.i,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotType=`numeric`,this.variant=`draggable`,this._periodOverPeriodUiType=null,this.measureColumns=[],this.apiUrl=`https://api.luzmo.com`,this.authKey=``,this.authToken=``,this._slotContents=[],this._activeIndex=this.slotIndex??0,this._linkedDatasetsIds=[]}static get styles(){return[(0,l.unsafeCSS)(g)]}get _store(){return this._consumedStore?this._consumedStore:(this._ownStore||(this._ownStore=new m,new f.ContextProvider(this,{context:a.n,initialValue:this._ownStore})),this._ownStore)}get _currentSlotContent(){return this._slotContents[this.slotIndex??this._activeIndex]??{}}get _currentLabel(){return r.t(this._currentSlotContent.label,this.contentLanguage)??`Untitled`}connectedCallback(){let e={};this.apiUrl&&(e.apiUrl=this.apiUrl),this.authKey&&this.authToken&&(e.authKey=this.authKey,e.authToken=this.authToken),i.t.configure(e),super.connectedCallback(),this._attachDragHandle()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDrag&&=(this._cleanupDrag(),void 0)}_attachDragHandle(){if(this._cleanupDrag||this.variant!==`draggable`||this.noDrag)return;let e=this.renderRoot.querySelector(`.drag-handle`);if(!e)return;let t=this.dragBoundary?document.querySelector(this.dragBoundary):document.documentElement;this._cleanupDrag=h({element:this,handle:e,boundary:t})}_sendChangeEvent(){let e=this._store.slotContents.get();this.dispatchEvent(new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(e),linkedDatasetsIds:[...this._linkedDatasetsIds]}}))}resetInfoVisibility(){this.displaySettingsElement?.resetInfoVisibility&&this.displaySettingsElement.resetInfoVisibility(!1)}_sendCloseEvent(){this.dispatchEvent(new CustomEvent(`luzmo-close`,{bubbles:!0,composed:!0,cancelable:!0}))}isArrayColumnType(e){return e.startsWith(`array[`)}async willUpdate(e){let t=this._store,n=t.slotContents.get(),r=e.has(`slotContents`);Array.isArray(this.slotContents)&&(n.length===0||r)&&t.setContents(structuredClone(this.slotContents),this.slotName);let a=t.slotContents.get();if(a!==this._slotContents){this._slotContents=a;let{set:e,column:n}=this._currentSlotContent;if(e&&s.t(e)&&e!==this._lastFetchedDatasetId){if(this._lastFetchedDatasetId=e,await i.t.fetchDatasetsRecursive([e]),!this.isConnected)return;this._linkedDatasetsIds=i.t.getLinkedDatasetsIds(e)}let r=i.t.getAvailableDatasets();this.measureColumns=r.map(e=>({datasetId:e.id,datasetName:e.name,columns:e.columns?.filter(e=>e.type===`numeric`&&e.id!==n)})),t.activeIndex.get()!==this._activeIndex&&t.updateActive(this._activeIndex),this.slotName===`measure`&&(t.linkedDataset.set(r.filter(t=>t.id===e)),t.setPeriodOverPeriodCondition(this.itemType,this._currentSlotContent),this._periodOverPeriodUiType=this._currentSlotContent.subtype===`duration`&&this.isArrayColumnType(this._currentSlotContent.type)?null:t.periodOverPeriodUiType.get())}}updated(){this.displaySettingsElement&&(this.displaySettingsElement.periodOverPeriodUiType=this._periodOverPeriodUiType,this.displaySettingsElement.measureColumns=this.measureColumns,this.displaySettingsElement.showRemoveButton=this.variant===`popup`&&(typeof this.slotIndex==`number`||this._slotContents?.length===1))}_handleSlotListChange(e){let t=this._store,n=structuredClone(e.detail.slotContents),r=e.detail.activeIndex;r!==this._activeIndex&&(this._activeIndex=r,t.updateActive(r)),t.setContents(n,this.slotName),this._slotContents=t.slotContents.get();let i=this._slotContents[this._activeIndex],a=i?.column??i?.columnId,o=i?.set??i?.datasetId,s=i?.formula;(a||s)&&o&&(this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-active`,{bubbles:!0,composed:!0,detail:{datasetId:o}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-highlight`,{bubbles:!0,composed:!0,detail:{datasetId:o,level:i?.level??0,...a&&{columnId:a},...s&&{formulaId:s}}}))})),this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(e){let t=this._store,n=this.slotIndex??this._activeIndex;t.updateContent(structuredClone(e.detail.slotContent),n),this._slotContents=t.slotContents.get(),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotContents),this._sendChangeEvent()}removeSlotContent(e){let t=this._store;t.removeContent(e),this._slotContents=t.slotContents.get(),this._slotContents.length===0&&this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-inactive`,{bubbles:!0,composed:!0})),this._sendChangeEvent(),this.close(),this.requestUpdate()}close(){this._sendCloseEvent(),this.resetInfoVisibility()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}_handleInfoVisibilityChanged(e){this.dispatchEvent(new CustomEvent(`luzmo-info-visibility-changed`,{detail:e.detail}))}render(){let e=`${this.slotType}-${this._currentSlotContent?.type??``}`;return l.html`<div class="slot-menu-top-menu">
+        ${this.variant===`draggable`?l.html`<div class="drag-handle">${(0,c.luzmoIcon)(c.luzmoArrows)}</div>`:``}
+        ${this._slotContents&&this._slotContents.length===1&&this.variant!==`popup`?l.html` <div class="slot-content-action">
               <div class="slot-content-label">${this._currentLabel}</div>
               <div
                 class="slot-content-remove"
                 @click=${this.removeSlotContent.bind(this,0)}
               >
-                ${(0,u.luzmoIcon)(u.luzmoTrashOutline)}
+                ${(0,c.luzmoIcon)(c.luzmoTrashOutline)}
               </div>
             </div>`:``}
       </div>
       <div
         class="slot-contents-container ${this._slotContents?.length>1?`multiple`:``}"
       >
-        ${this.variant===`popup`?``:c.html`<div class="close" @click=${this.close}>
-              ${(0,u.luzmoIcon)(u.luzmoClose12)}
+        ${this.variant===`popup`?``:l.html`<div class="close" @click=${this.close}>
+              ${(0,c.luzmoIcon)(c.luzmoClose12)}
             </div>`}
         <div class="inner-container">
-          ${this._slotContents?.length>1&&typeof this.slotIndex!=`number`?c.html`<luzmo-slot-menu-list
+          ${this._slotContents?.length>1&&typeof this.slotIndex!=`number`?l.html`<luzmo-slot-menu-list
                 .slotContents=${this._slotContents}
                 .contentLanguage=${this.contentLanguage}
                 .activeIndex=${this.slotIndex??this._activeIndex}
                 @luzmo-slot-list-changed=${this._handleSlotListChange}
               ></luzmo-slot-menu-list>`:``}
-          ${(0,p.guard)([this.variant,this.language,this.contentLanguage,this._periodOverPeriodUiType,this._activeIndex,this.size,e],()=>c.html`<luzmo-display-settings
+          ${(0,p.guard)([this.variant,this.language,this.contentLanguage,this._periodOverPeriodUiType,this._activeIndex,this.size,e],()=>l.html`<luzmo-display-settings
                 .size=${this.size}
                 .language=${this.language}
                 .contentLanguage=${this.contentLanguage}
@@ -60,4 +60,4 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
                 @luzmo-info-visibility-changed=${this._handleInfoVisibilityChanged}
               ></luzmo-display-settings>`)}
         </div>
-      </div>`}firstUpdated(){this._attachDragHandle()}resetPosition(){this.style.transform=``}};n.t([(0,l.property)({type:String,reflect:!0})],_.prototype,`language`,void 0),n.t([(0,l.property)({type:String,attribute:`content-language`,reflect:!0})],_.prototype,`contentLanguage`,void 0),n.t([(0,l.property)({type:String,attribute:`slot-type`,reflect:!0})],_.prototype,`slotType`,void 0),n.t([(0,l.property)({type:String,attribute:`slot-name`,reflect:!0})],_.prototype,`slotName`,void 0),n.t([(0,l.property)({type:String,attribute:`item-type`,reflect:!0})],_.prototype,`itemType`,void 0),n.t([(0,l.property)({type:Boolean,attribute:`no-drag`,reflect:!0})],_.prototype,`noDrag`,void 0),n.t([(0,l.property)({type:Boolean,attribute:`no-close`,reflect:!0})],_.prototype,`noClose`,void 0),n.t([(0,l.property)({type:String,reflect:!0})],_.prototype,`variant`,void 0),n.t([(0,l.property)({type:Boolean,attribute:`no-top-menu-label`,reflect:!0})],_.prototype,`noTopMenuLabel`,void 0),n.t([(0,f.consume)({context:a.n,subscribe:!0})],_.prototype,`_consumedStore`,void 0),n.t([(0,l.property)({type:String,attribute:`drag-boundary`,reflect:!1})],_.prototype,`dragBoundary`,void 0),n.t([(0,l.property)({type:Boolean})],_.prototype,`areGrandTotalsEnabled`,void 0),n.t([(0,l.property)({type:Boolean})],_.prototype,`areDatetimeOptionsEnabled`,void 0),n.t([(0,l.property)({type:Boolean})],_.prototype,`isBinningDisabled`,void 0),n.t([(0,l.property)({type:Boolean})],_.prototype,`isAggregationDisabled`,void 0),n.t([(0,l.property)({type:Boolean})],_.prototype,`isCumulativeSumEnabled`,void 0),n.t([(0,l.property)({type:Array,reflect:!1,attribute:`slot-contents`})],_.prototype,`slotContents`,void 0),n.t([(0,l.state)()],_.prototype,`_periodOverPeriodUiType`,void 0),n.t([(0,l.state)()],_.prototype,`measureColumns`,void 0),n.t([(0,l.property)({type:Number,reflect:!1,attribute:`slot-index`})],_.prototype,`slotIndex`,void 0),n.t([(0,l.query)(`luzmo-display-settings`)],_.prototype,`displaySettingsElement`,void 0),n.t([(0,l.query)(`luzmo-slot-menu-list`)],_.prototype,`slotMenuListElement`,void 0),n.t([(0,l.property)({type:String,attribute:`api-url`,reflect:!0})],_.prototype,`apiUrl`,void 0),n.t([(0,l.property)({type:String,attribute:`auth-key`,reflect:!0})],_.prototype,`authKey`,void 0),n.t([(0,l.property)({type:String,attribute:`auth-token`,reflect:!0})],_.prototype,`authToken`,void 0),n.t([(0,l.state)()],_.prototype,`_slotContents`,void 0),customElements.get(`luzmo-slot-menu`)||customElements.define(`luzmo-slot-menu`,_),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
+      </div>`}firstUpdated(){this._attachDragHandle()}resetPosition(){this.style.transform=``}};n.t([(0,u.property)({type:String,reflect:!0})],_.prototype,`language`,void 0),n.t([(0,u.property)({type:String,attribute:`content-language`,reflect:!0})],_.prototype,`contentLanguage`,void 0),n.t([(0,u.property)({type:String,attribute:`slot-type`,reflect:!0})],_.prototype,`slotType`,void 0),n.t([(0,u.property)({type:String,attribute:`slot-name`,reflect:!0})],_.prototype,`slotName`,void 0),n.t([(0,u.property)({type:String,attribute:`item-type`,reflect:!0})],_.prototype,`itemType`,void 0),n.t([(0,u.property)({type:Boolean,attribute:`no-drag`,reflect:!0})],_.prototype,`noDrag`,void 0),n.t([(0,u.property)({type:Boolean,attribute:`no-close`,reflect:!0})],_.prototype,`noClose`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],_.prototype,`variant`,void 0),n.t([(0,u.property)({type:Boolean,attribute:`no-top-menu-label`,reflect:!0})],_.prototype,`noTopMenuLabel`,void 0),n.t([(0,f.consume)({context:a.n,subscribe:!0})],_.prototype,`_consumedStore`,void 0),n.t([(0,u.property)({type:String,attribute:`drag-boundary`,reflect:!1})],_.prototype,`dragBoundary`,void 0),n.t([(0,u.property)({type:Boolean})],_.prototype,`areGrandTotalsEnabled`,void 0),n.t([(0,u.property)({type:Boolean})],_.prototype,`areDatetimeOptionsEnabled`,void 0),n.t([(0,u.property)({type:Boolean})],_.prototype,`isBinningDisabled`,void 0),n.t([(0,u.property)({type:Boolean})],_.prototype,`isAggregationDisabled`,void 0),n.t([(0,u.property)({type:Boolean})],_.prototype,`isCumulativeSumEnabled`,void 0),n.t([(0,u.property)({type:Array,reflect:!1,attribute:`slot-contents`})],_.prototype,`slotContents`,void 0),n.t([(0,u.state)()],_.prototype,`_periodOverPeriodUiType`,void 0),n.t([(0,u.state)()],_.prototype,`measureColumns`,void 0),n.t([(0,u.property)({type:Number,reflect:!1,attribute:`slot-index`})],_.prototype,`slotIndex`,void 0),n.t([(0,u.query)(`luzmo-display-settings`)],_.prototype,`displaySettingsElement`,void 0),n.t([(0,u.query)(`luzmo-slot-menu-list`)],_.prototype,`slotMenuListElement`,void 0),n.t([(0,u.property)({type:String,attribute:`api-url`,reflect:!0})],_.prototype,`apiUrl`,void 0),n.t([(0,u.property)({type:String,attribute:`auth-key`,reflect:!0})],_.prototype,`authKey`,void 0),n.t([(0,u.property)({type:String,attribute:`auth-token`,reflect:!0})],_.prototype,`authToken`,void 0),n.t([(0,u.state)()],_.prototype,`_slotContents`,void 0),customElements.get(`luzmo-slot-menu`)||customElements.define(`luzmo-slot-menu`,_),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});

package/components/slot-menu-list/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`);const e=require(`../slot-menu-list-Dmb6s6UK.cjs`);exports.LuzmoSlotMenuList=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-BbhzBfZV.cjs`),require(`../localized-mixin-Cxbtsznk.cjs`),require(`../get-css-variable-D9AU2CIU.cjs`);const e=require(`../slot-menu-list-CFCvrPVt.cjs`);exports.LuzmoSlotMenuList=e.t;

package/components/slot-menu-list/index.js

@@ -26,7 +26,7 @@
 import "../get-css-variable-DpEed5QG.js";
 import "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import "../localized-mixin-cLT0UbaF.js";
-import { t as LuzmoSlotMenuList } from "../slot-menu-list-DbZnXcMZ.js";
+import "../set-locale-DmVKN5NY.js";
+import "../localized-mixin-DluVAteK.js";
+import { t as LuzmoSlotMenuList } from "../slot-menu-list-BLJxoLeI.js";
 export { LuzmoSlotMenuList };

package/components/{slot-menu-list-Dmb6s6UK.cjs → slot-menu-list-CFCvrPVt.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./get-css-variable-D9AU2CIU.cjs`);let a=require(`lit`),o=require(`lit/decorators.js`),s=require(`@luzmo/icons`);var c={none:0,small:100,medium:350,large:700},l=.5,u={none:c.none,small:c.small*l,medium:c.medium*l,large:c.large*l};function d(e){e.animate([{backgroundColor:`var(--ds-background-selected, #E9F2FF)`},{}],{duration:c.large,easing:`cubic-bezier(0.25, 0.1, 0.25, 1.0)`,iterations:1})}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?f(Object(n),!0).forEach(function(t){i.a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var m={top:function(e,t){return Math.abs(t.y-e.top)},right:function(e,t){return Math.abs(e.right-t.x)},bottom:function(e,t){return Math.abs(e.bottom-t.y)},left:function(e,t){return Math.abs(t.x-e.left)}},h=Symbol(`closestEdge`);function g(e,t){var n=t.element,r=t.input,a=t.allowedEdges,o={x:r.clientX,y:r.clientY},s=n.getBoundingClientRect(),c=a.map(function(e){return{edge:e,value:m[e](s,o)}}).sort(function(e,t){return e.value-t.value})[0]?.edge??null;return p(p({},e),{},i.a({},h,c))}function _(e){return e[h]??null}var v=`:host{font-family:var(--luzmo-slot-menu-list-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size,var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color,var(--luzmo-font-color));max-height:var(--luzmo-slot-menu-list-max-height,var(--slot-menu-list-max-height));border-right:var(--luzmo-slot-menu-list-border-right-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-list-border-right-color,var(--luzmo-border-color));margin:0;padding:0;list-style:none;overflow-y:auto}:host li{cursor:pointer;position:relative}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover,var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width,var(--slot-menu-list-border-bottom-width))solid var(--luzmo-slot-menu-list-border-bottom-color,var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color,var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}.drop-indicator{height:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));position:absolute;left:0;right:0}.drop-indicator:before{content:"";border:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))solid var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));background:var(--luzmo-slot-menu-list-drop-indicator-background,var(--luzmo-background-color));width:100%;left:calc(-.5*(var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));top:calc(-.5*(var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));border-radius:50%;display:block;position:absolute}.drop-indicator[data-edge=top]{top:calc(-.5*var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5*var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));touch-action:none;align-items:center;display:flex}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));overflow:hidden}.draggable-slot-content .draggable-slot-content-remove{flex:none;padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding))}:host{--slot-menu-list-active-background-color:var(--luzmo-primary);--slot-menu-list-active-background-color-hover:var(--luzmo-primary-hover);--slot-menu-list-active-color:var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover:var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color:var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height:2px;--slot-menu-list-drop-indicator-circle-size:4px;--slot-menu-list-border-bottom-width:0px;--slot-menu-list-border-bottom-color:transparent;--slot-menu-list-max-height:calc(var(--luzmo-component-height)*4);--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height)*2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s)*2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l)*2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl)*2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5)}`,y=class extends t.n(t.i,{validSizes:Object.values(t.t)}){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-list-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements]?.forEach(e=>{let t=this._sendChangeEvent.bind(this),n=this,r=i.r({element:e,onGenerateDragPreview({nativeSetDragImage:t}){i.n({nativeSetDragImage:t,render({container:t}){let n=document.createElement(`div`);n.classList.add(`drag-preview`);let r={};[[`borderColor`,`--luzmo-slot-menu-list-border-color`,`--luzmo-border-color`],[`backgroundColor`,`--luzmo-slot-menu-list-background-color`,`--luzmo-background-color`],[`color`,`--luzmo-slot-menu-list-font-color`,`--slot-menu-list-font-color`],[`fontSize`,`--luzmo-slot-menu-list-font-size`,`--slot-menu-list-font-size`],[`horizontalPadding`,`--luzmo-slot-menu-list-item-horizontal-padding`,`--slot-menu-list-item-horizontal-padding`],[`verticalPadding`,`--luzmo-slot-menu-list-item-vertical-padding`,`--slot-menu-list-item-vertical-padding`],[`borderRadius`,`--luzmo-slot-menu-list-border-radius`,`--luzmo-border-radius`],[`fontFamily`,`--luzmo-slot-menu-list-font-family`,`--luzmo-font-family`]].forEach(([t,n,a])=>{r[t]=i.t(e,n)||i.t(e,a)}),n.textContent=e.querySelector(`[data-task-content]`)?.textContent??e.textContent,Object.assign(n.style,{border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,paddingInline:`${r.horizontalPadding}`,paddingBlock:`${r.verticalPadding}`}),t.append(n)}})},getInitialData(){let t=e.parentElement,n=0;return t&&(n=[...t.parentElement?.children??[]].indexOf(t)),{index:n}},onDragStart(){e.style.opacity=`0.5`},onDrop(){e.style.opacity=`1`}});this._cleanupFns.push(r);let a=i.i({element:e,canDrop({source:t}){return t.element===e?!1:t?.element?.classList.contains(`draggable-slot-content`)},getData(t){return g({},{element:e,input:t.input,allowedEdges:[`top`,`bottom`]})},getIsSticky(){return!0},onDragEnter({self:t}){let n=_(t.data);if(!n)return;let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDrag({self:t}){let n=_(t.data);if(!n){e.nextElementSibling?.remove();return}if(e.nextElementSibling?.getAttribute(`data-edge`)===n)return;e.nextElementSibling?.remove();let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDragLeave(){e.nextElementSibling?.remove()},onDrop({self:r,source:i}){e.nextElementSibling?.remove();let a=_(r.data),o=r.element.parentElement;if(typeof i.data.index==`number`&&o){let e=[...o.parentElement?.children??[]].indexOf(o);a===`bottom`&&i.data.index>=e&&e<(o?.parentElement?.children?.length??0)-1?e+=1:a===`top`&&e>i.data.index&&--e;let t=n.activeIndex,r=i.data.index,s=e,c=n.slotContents[r];n.slotContents.splice(r,1),n.slotContents.splice(s,0,c),r===t?n.activeIndex=s:r<t&&s>=t?n.activeIndex=t-1:r>t&&s<=t&&(n.activeIndex=t+1)}a&&(d(i.element),n.requestUpdate(),t())}});this._cleanupFns.push(a)})},this._detachAll=()=>{this._cleanupFns.forEach(e=>e()),this._cleanupFns=[]}}static get styles(){return[(0,a.unsafeCSS)(v)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}disconnectedCallback(){super.disconnectedCallback(),this._detachAll()}setActiveIndex(e){this.activeIndex=e,this._sendChangeEvent()}removeSlotContent(e){this.slotContents=this.slotContents.filter((t,n)=>n!==e),this.activeIndex=this.slotContents.length===0?0:Math.min(this.activeIndex,this.slotContents.length-1),this._sendChangeEvent()}render(){return a.html`<div>${this.slotContents.map((e,t)=>{let n=r.t(e.label??{},this.contentLanguage);return a.html`<li class=${t===this.activeIndex?`active`:``}>
+const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localize-BBuZJf_h.cjs`),i=require(`./get-css-variable-D9AU2CIU.cjs`);let a=require(`@luzmo/icons`),o=require(`lit`),s=require(`lit/decorators.js`);var c={none:0,small:100,medium:350,large:700},l=.5,u={none:c.none,small:c.small*l,medium:c.medium*l,large:c.large*l};function d(e){e.animate([{backgroundColor:`var(--ds-background-selected, #E9F2FF)`},{}],{duration:c.large,easing:`cubic-bezier(0.25, 0.1, 0.25, 1.0)`,iterations:1})}function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?f(Object(n),!0).forEach(function(t){i.a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var m={top:function(e,t){return Math.abs(t.y-e.top)},right:function(e,t){return Math.abs(e.right-t.x)},bottom:function(e,t){return Math.abs(e.bottom-t.y)},left:function(e,t){return Math.abs(t.x-e.left)}},h=Symbol(`closestEdge`);function g(e,t){var n=t.element,r=t.input,a=t.allowedEdges,o={x:r.clientX,y:r.clientY},s=n.getBoundingClientRect(),c=a.map(function(e){return{edge:e,value:m[e](s,o)}}).sort(function(e,t){return e.value-t.value})[0]?.edge??null;return p(p({},e),{},i.a({},h,c))}function _(e){return e[h]??null}var v=`:host{font-family:var(--luzmo-slot-menu-list-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size,var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color,var(--luzmo-font-color));max-height:var(--luzmo-slot-menu-list-max-height,var(--slot-menu-list-max-height));border-right:var(--luzmo-slot-menu-list-border-right-width,var(--luzmo-border-width))solid var(--luzmo-slot-menu-list-border-right-color,var(--luzmo-border-color));margin:0;padding:0;list-style:none;overflow-y:auto}:host li{cursor:pointer;position:relative}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover,var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width,var(--slot-menu-list-border-bottom-width))solid var(--luzmo-slot-menu-list-border-bottom-color,var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color,var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}.drop-indicator{height:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));position:absolute;left:0;right:0}.drop-indicator:before{content:"";border:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))solid var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));background:var(--luzmo-slot-menu-list-drop-indicator-background,var(--luzmo-background-color));width:100%;left:calc(-.5*(var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));top:calc(-.5*(var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));border-radius:50%;display:block;position:absolute}.drop-indicator[data-edge=top]{top:calc(-.5*var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5*var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));touch-action:none;align-items:center;display:flex}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));overflow:hidden}.draggable-slot-content .draggable-slot-content-remove{flex:none;padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding))}:host{--slot-menu-list-active-background-color:var(--luzmo-primary);--slot-menu-list-active-background-color-hover:var(--luzmo-primary-hover);--slot-menu-list-active-color:var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover:var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color:var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height:2px;--slot-menu-list-drop-indicator-circle-size:4px;--slot-menu-list-border-bottom-width:0px;--slot-menu-list-border-bottom-color:transparent;--slot-menu-list-max-height:calc(var(--luzmo-component-height)*4);--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height)*2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s)*2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l)*2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl)*2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5)}`,y=class extends t.n(t.i,{validSizes:Object.values(t.t)}){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-list-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements]?.forEach(e=>{let t=this._sendChangeEvent.bind(this),n=this,r=i.r({element:e,onGenerateDragPreview({nativeSetDragImage:t}){i.n({nativeSetDragImage:t,render({container:t}){let n=document.createElement(`div`);n.classList.add(`drag-preview`);let r={};[[`borderColor`,`--luzmo-slot-menu-list-border-color`,`--luzmo-border-color`],[`backgroundColor`,`--luzmo-slot-menu-list-background-color`,`--luzmo-background-color`],[`color`,`--luzmo-slot-menu-list-font-color`,`--slot-menu-list-font-color`],[`fontSize`,`--luzmo-slot-menu-list-font-size`,`--slot-menu-list-font-size`],[`horizontalPadding`,`--luzmo-slot-menu-list-item-horizontal-padding`,`--slot-menu-list-item-horizontal-padding`],[`verticalPadding`,`--luzmo-slot-menu-list-item-vertical-padding`,`--slot-menu-list-item-vertical-padding`],[`borderRadius`,`--luzmo-slot-menu-list-border-radius`,`--luzmo-border-radius`],[`fontFamily`,`--luzmo-slot-menu-list-font-family`,`--luzmo-font-family`]].forEach(([t,n,a])=>{r[t]=i.t(e,n)||i.t(e,a)}),n.textContent=e.querySelector(`[data-task-content]`)?.textContent??e.textContent,Object.assign(n.style,{border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,paddingInline:`${r.horizontalPadding}`,paddingBlock:`${r.verticalPadding}`}),t.append(n)}})},getInitialData(){let t=e.parentElement,n=0;return t&&(n=[...t.parentElement?.children??[]].indexOf(t)),{index:n}},onDragStart(){e.style.opacity=`0.5`},onDrop(){e.style.opacity=`1`}});this._cleanupFns.push(r);let a=i.i({element:e,canDrop({source:t}){return t.element===e?!1:t?.element?.classList.contains(`draggable-slot-content`)},getData(t){return g({},{element:e,input:t.input,allowedEdges:[`top`,`bottom`]})},getIsSticky(){return!0},onDragEnter({self:t}){let n=_(t.data);if(!n)return;let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDrag({self:t}){let n=_(t.data);if(!n){e.nextElementSibling?.remove();return}if(e.nextElementSibling?.getAttribute(`data-edge`)===n)return;e.nextElementSibling?.remove();let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDragLeave(){e.nextElementSibling?.remove()},onDrop({self:r,source:i}){e.nextElementSibling?.remove();let a=_(r.data),o=r.element.parentElement;if(typeof i.data.index==`number`&&o){let e=[...o.parentElement?.children??[]].indexOf(o);a===`bottom`&&i.data.index>=e&&e<(o?.parentElement?.children?.length??0)-1?e+=1:a===`top`&&e>i.data.index&&--e;let t=n.activeIndex,r=i.data.index,s=e,c=n.slotContents[r];n.slotContents.splice(r,1),n.slotContents.splice(s,0,c),r===t?n.activeIndex=s:r<t&&s>=t?n.activeIndex=t-1:r>t&&s<=t&&(n.activeIndex=t+1)}a&&(d(i.element),n.requestUpdate(),t())}});this._cleanupFns.push(a)})},this._detachAll=()=>{this._cleanupFns.forEach(e=>e()),this._cleanupFns=[]}}static get styles(){return[(0,o.unsafeCSS)(v)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}disconnectedCallback(){super.disconnectedCallback(),this._detachAll()}setActiveIndex(e){this.activeIndex=e,this._sendChangeEvent()}removeSlotContent(e){this.slotContents=this.slotContents.filter((t,n)=>n!==e),this.activeIndex=this.slotContents.length===0?0:Math.min(this.activeIndex,this.slotContents.length-1),this._sendChangeEvent()}render(){return o.html`<div>${this.slotContents.map((e,t)=>{let n=r.t(e.label??{},this.contentLanguage);return o.html`<li class=${t===this.activeIndex?`active`:``}>
           <div class="draggable-slot-content">
             <div
               class="draggable-slot-content-label"
@@ -29,7 +29,7 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=requi
               class="draggable-slot-content-remove"
               @click=${this.removeSlotContent.bind(this,t)}
             >
-              ${(0,s.luzmoIcon)(s.luzmoTrashOutline)}
+              ${(0,a.luzmoIcon)(a.luzmoTrashOutline)}
             </div>
           </div>
-        </li>`})}</div>`}};n.t([(0,o.property)({type:String,reflect:!0})],y.prototype,`language`,void 0),n.t([(0,o.property)({type:String,attribute:`content-language`,reflect:!0})],y.prototype,`contentLanguage`,void 0),n.t([(0,o.queryAll)(`.draggable-slot-content`)],y.prototype,`_draggableSlotContentElements`,void 0),n.t([(0,o.property)({type:Array})],y.prototype,`slotContents`,void 0),n.t([(0,o.property)({type:Number})],y.prototype,`activeIndex`,void 0),customElements.get(`luzmo-slot-menu-list`)||customElements.define(`luzmo-slot-menu-list`,y),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});
+        </li>`})}</div>`}};n.t([(0,s.property)({type:String,reflect:!0})],y.prototype,`language`,void 0),n.t([(0,s.property)({type:String,attribute:`content-language`,reflect:!0})],y.prototype,`contentLanguage`,void 0),n.t([(0,s.queryAll)(`.draggable-slot-content`)],y.prototype,`_draggableSlotContentElements`,void 0),n.t([(0,s.property)({type:Array})],y.prototype,`slotContents`,void 0),n.t([(0,s.property)({type:Number})],y.prototype,`activeIndex`,void 0),customElements.get(`luzmo-slot-menu-list`)||customElements.define(`luzmo-slot-menu-list`,y),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});

package/components/utils/base.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../base-C_azywlB.cjs`);require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-CKjJZRH6.cjs`);const t=require(`../localized-mixin-DTvVLuXW.cjs`);exports.ElementSizes=e.t,exports.Focusable=e.r,exports.LocalizedMixin=t.t,exports.LuzmoElement=e.i,exports.LuzmoMixin=e.a,exports.SizedMixin=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../base-C_azywlB.cjs`);require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-BbhzBfZV.cjs`);const t=require(`../localized-mixin-Cxbtsznk.cjs`);exports.ElementSizes=e.t,exports.Focusable=e.r,exports.LocalizedMixin=t.t,exports.LuzmoElement=e.i,exports.LuzmoMixin=e.a,exports.SizedMixin=e.n;

package/components/utils/base.js

@@ -19,6 +19,6 @@
  * */
 import { a as LuzmoMixin, i as LuzmoElement, n as SizedMixin, r as Focusable, t as ElementSizes } from "../base-rg2x95aL.js";
 import "../focus-visible-D1pJhWEh.js";
-import "../set-locale-Uv6F4uSq.js";
-import { t as LocalizedMixin } from "../localized-mixin-cLT0UbaF.js";
+import "../set-locale-DmVKN5NY.js";
+import { t as LocalizedMixin } from "../localized-mixin-DluVAteK.js";
 export { ElementSizes, Focusable, LocalizedMixin, LuzmoElement, LuzmoMixin, SizedMixin };

package/components/utils.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./set-locale-CKjJZRH6.cjs`),t=require(`./localize-BBuZJf_h.cjs`);require(`./data-broker-BUIUM5hr.cjs`);const n=require(`./formatter-CWhf4xbq.cjs`),r=require(`./decompose-numeric-format-Bp_e62qP.cjs`),i=require(`./period-over-period-condition.const-wVwKUthh.cjs`),a=require(`./convert-datasets-to-data-fields-BV57XueO.cjs`),o=require(`./load-data-fields-for-datasets-B6cGgPld.cjs`),s=require(`./themes-BZL9NfRc.cjs`),c=require(`./utils-Dzbml7oI.cjs`);exports.PeriodOverPeriodCondition=i.t,exports.convertDatasetsToDataFields=a.t,exports.decomposeNumericFormat=r.t,exports.formatter=n.t,exports.getLocale=e.t,exports.getTheme=s.t,exports.loadDataFieldsForDatasets=o.t,exports.localize=t.t,exports.setLocale=e.n,exports.switchItem=c.t,exports.systemThemeIds=s.n,exports.targetLocales=e.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./set-locale-BbhzBfZV.cjs`),t=require(`./localize-BBuZJf_h.cjs`);require(`./data-broker-BUIUM5hr.cjs`);const n=require(`./formatter-CWhf4xbq.cjs`),r=require(`./decompose-numeric-format-Bp_e62qP.cjs`),i=require(`./period-over-period-condition.const-wVwKUthh.cjs`),a=require(`./convert-datasets-to-data-fields-BV57XueO.cjs`),o=require(`./load-data-fields-for-datasets-B6cGgPld.cjs`),s=require(`./themes-BZL9NfRc.cjs`),c=require(`./utils-Dzbml7oI.cjs`);exports.PeriodOverPeriodCondition=i.t,exports.convertDatasetsToDataFields=a.t,exports.decomposeNumericFormat=r.t,exports.formatter=n.t,exports.getLocale=e.t,exports.getTheme=s.t,exports.loadDataFieldsForDatasets=o.t,exports.localize=t.t,exports.setLocale=e.n,exports.switchItem=c.t,exports.systemThemeIds=s.n,exports.targetLocales=e.r;

package/components/utils.js

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as setLocale, r as targetLocales, t as getLocale } from "./set-locale-Uv6F4uSq.js";
+import { n as setLocale, r as targetLocales, t as getLocale } from "./set-locale-DmVKN5NY.js";
 import { t as localize } from "./localize-Dlt3EN5i.js";
 import "./data-broker-cLR-t5LM.js";
 import { t as formatter } from "./formatter-B21Tb3sf.js";

package/components/viz-item-menu/index.cjs

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-CKjJZRH6.cjs`),require(`../localized-mixin-DTvVLuXW.cjs`);const e=require(`../viz-item-menu-D18d77aP.cjs`);Object.defineProperty(exports,`LuzmoVizItemMenu`,{enumerable:!0,get:function(){return e.t}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../set-locale-BbhzBfZV.cjs`),require(`../localized-mixin-Cxbtsznk.cjs`);const e=require(`../viz-item-menu-BZp_MMRO.cjs`);Object.defineProperty(exports,`LuzmoVizItemMenu`,{enumerable:!0,get:function(){return e.t}});