@luzmo/analytics-components-kit 1.0.1-alpha.42 → 1.0.1-alpha.44

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

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../set-locale-Cam8nRIW.cjs"),b=require("../localized-decorator-SOrjcPab.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-j8UKjHqY.cjs");require("../index-CHFwXYcm.cjs");require("../index-CBOAQ3-E.cjs");require("../index-EXO-Hsj2.cjs");require("../index-BoXbQm2o.cjs");const v=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("../property-BCb4Kybn.cjs"),f=require("../luzmo-icons-CP__dRRM.cjs"),S=require("../index-CUvucmA0.cjs"),A=require("../state-BxZEcclm.cjs"),m=require("../query-D5qWDopr.cjs"),F=require("../focusable-BTJYY_Mf.cjs"),y=require("../sized-mixin-BNtmplgF.cjs"),D=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-numeric-gap, var(--display-settings-numeric-gap))}.duration-angle-down-icon{margin-inline-start:var(--luzmo-numeric-duration-levels-dropdown-icon-margin-inline-start, var(--numeric-duration-levels-dropdown-icon-margin-inline-start))}:host{--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-2 )}:host([size=s]){--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-1 )}:host([size=l]){--display-settings-numeric-gap: var(--luzmo-spacing-4);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-3 )}:host([size=xl]){--display-settings-numeric-gap: var(--luzmo-spacing-5);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-4 )}",$={sum:()=>s.msg("Sum",{desc:"Numeric Aggregation option"}),cumulativesum:()=>s.msg("Cumulative sum",{desc:"Numeric Aggregation option"}),average:()=>s.msg("Average",{desc:"Numeric Aggregation option"}),weightedaverage:()=>s.msg("Weighted average",{desc:"Numeric Aggregation option"}),median:()=>s.msg("Median",{desc:"Numeric Aggregation option"}),count:()=>s.msg("Count",{desc:"Numeric Aggregation option"}),distinctcount:()=>s.msg("Distinct count",{desc:"Numeric Aggregation option"}),min:()=>s.msg("Minimum",{desc:"Numeric Aggregation option"}),max:()=>s.msg("Maximum",{desc:"Numeric Aggregation option"}),stddev:()=>s.msg("Standard deviation",{desc:"Numeric Aggregation option"}),rate:()=>s.msg("Rate",{desc:"Numeric Aggregation option"})},z={general:"123",percentage:"%",scientific:"SI"},L={time:()=>s.msg("Time",{desc:"Time format option"}),short:()=>s.msg("Short",{desc:"Short format option"}),long:()=>s.msg("Long",{desc:"Long format option"})},p={Auto:{auto:!0,label:()=>s.msg("Auto",{desc:"Automatic setting of the option"})},"1,000.00":{auto:!1,label:()=>"1,000.00",thousandSeparator:",",decimalSeparator:"."},"1.000,00":{auto:!1,label:()=>"1.000,00",thousandSeparator:".",decimalSeparator:","},"1000.00":{auto:!1,label:()=>"1000.00",decimalSeparator:"."},"1000,00":{auto:!1,label:()=>"1000,00",decimalSeparator:","}},N={levels:[{level:1,label:"years"},{level:2,label:"quarters"},{level:3,label:"months"},{level:4,label:"weeks"},{level:5,label:"days"},{level:6,label:"hours"},{level:7,label:"minutes"},{level:8,label:"seconds"},{level:9,label:"milliseconds"}]};var C=Object.defineProperty,E=Object.getOwnPropertyDescriptor,l=(h,t,e,i)=>{for(var n=i>1?void 0:i?E(t,e):t,a=h.length-1,r;a>=0;a--)(r=h[a])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&C(t,e,n),n};exports.LuzmoDisplaySettingsNumeric=class extends y.SizedMixin(F.LuzmoElement,{validSizes:Object.values(y.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this.measureColumns=[],this._durationLevels=[],this._renderDurationLevelMenu=!1,this._sendEvent=()=>{const t={...this.slotContent};t.format=this._format,t.aggregationFunc=this._aggregationFunc,this._aggregationWeightColumn?t.aggregationWeight={...this._aggregationWeightColumn}:this._aggregationFunc==="rate"&&(t.aggregationFunc="average"),this._displayMode==="duration"?(t.duration=t.duration??{},t.duration.format=this._durationFormat,t.duration.levels=this._durationLevels):delete t.duration,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:t}}))}}static get styles(){return[o.r(D)]}_parseSavedNumericFormatSettings(){var t,e,i,n,a,r,c,g,d,_;if(this._displayMode=((t=this.slotContent)==null?void 0:t.subtype)==="duration"?((n=(i=(e=this.slotContent)==null?void 0:e.duration)==null?void 0:i.levels)==null?void 0:n.length)===1?"numeric":"duration":"numeric",this._durationFormat=((r=(a=this.slotContent)==null?void 0:a.duration)==null?void 0:r.format)??"short",this._durationLevels=((g=(c=this.slotContent)==null?void 0:c.duration)==null?void 0:g.levels)??[1],this._displayMode==="duration")this._precision=2,this._commaDecimals=!1,this._thousandSeparator=!1;else{this._format=((d=this.slotContent)==null?void 0:d.format)??".0f";const u=v.decomposeNumericFormat(this._format??".0f");this._isAuto=((_=u.typeFormat)==null?void 0:_.includes("a"))??!1,["%","a%","y","ay"].includes(u.typeFormat)?this._displayAs="percentage":["s","as","w","aw"].includes(u.typeFormat)?this._displayAs="scientific":this._displayAs="general",this._precision=u.precision?Number.parseInt(u.precision.replace(".",""),10):this._displayAs==="scientific"?1:0,this._commaDecimals=["z","az","y","ay","w","aw"].includes(u.typeFormat),this._thousandSeparator=u.comma===",",this._isAuto?this._numericFormatGroup="Auto":this._commaDecimals&&this._thousandSeparator?this._numericFormatGroup="1.000,00":!this._commaDecimals&&this._thousandSeparator?this._numericFormatGroup="1,000.00":this._commaDecimals&&!this._thousandSeparator?this._numericFormatGroup="1000,00":!this._commaDecimals&&!this._thousandSeparator&&(this._numericFormatGroup="1000.00")}}_setNumericDisplayAs(){var t,e;this._displayAs=((e=(t=this._displayAsElement)==null?void 0:t.selected)==null?void 0:e[0])??"general",this._displayAs==="scientific"&&(this._precision=Math.max(this._precision??0,1),this._thousandSeparator=!1),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setNumericSeparators(t){const e=p[(t==null?void 0:t.detail)??"Auto"];this._thousandSeparator=[",","."].includes((e==null?void 0:e.thousandSeparator)??""),this._commaDecimals=(e==null?void 0:e.decimalSeparator)===",",this._isAuto=e==null?void 0:e.auto,this._setNumericFormat(),this._sendEvent()}_setPrecision(){this._precision=this._precisionElement.value,this._setNumericFormat(),this._sendEvent()}_setNumericFormat(){var i;let t="f";const e=this.slotContent.subtype==="duration"?this._durationLevels&&((i=this._durationLevels)==null?void 0:i.length)===1?"numeric":"duration":"numeric";this._maxDurationLevel=Math.min(...this._durationLevels),e==="duration"?(!["time","short","long"].includes(this._durationFormat??"")||this._maxDurationLevel<6&&this._durationFormat==="time")&&(this._durationFormat="short"):(this._displayAs==="general"&&this._commaDecimals?t="z":this._displayAs==="percentage"&&this._commaDecimals?t="y":this._displayAs==="scientific"&&this._commaDecimals?t="w":this._displayAs==="percentage"?t="%":this._displayAs==="scientific"&&(t="s"),this._format=(this._thousandSeparator||this._isAuto?",":"")+"."+this._precision+(this._isAuto?"a":"")+t)}_setAggregationFunc(){const t=this._aggregationFunc,e=this.slotContent.format;if(this._aggregationElement.value!==t){if(this._aggregationFunc=this._aggregationElement.value,t==="rate"){const i=v.decomposeNumericFormat(e),n=["%","y","a%","ay"].includes(i.typeFormat);this.slotContent.subtype==="currency"&&n&&this._setNumericDisplayAs()}this._sendEvent(),(this._aggregationFunc==="rate"||t==="rate")&&this.requestUpdate()}}_setAggregationWeight(){const t=this._aggregationWeightElement.value;if(t==="none")this._aggregationWeightColumn=void 0;else{const e=this.measureColumns.find(i=>i.columnId===t);this._aggregationWeightColumn={column:e==null?void 0:e.columnId,set:e==null?void 0:e.datasetId,columnSubType:e==null?void 0:e.subtype}}this._sendEvent()}_setDurationLevels(){const t=this._durationLevels,e=this._durationLevelsElement.value.split(",").filter(i=>i!=="").map(i=>Number.parseInt(i,10));this._durationLevels=((e==null?void 0:e.length)??0)>=1?e:t,this._maxDurationLevel=Math.min(...this._durationLevels),this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setDurationFormat(){var t,e;this._durationFormat=(e=(t=this._durationFormatElement)==null?void 0:t.selected)==null?void 0:e[0],this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_fillTimeDurationLevels(){if(this._durationFormat==="time"){const t=this._durationLevels.sort().at(-1);if([7,8,9].includes(t)){const e={lev7:[6],lev8:[6,7],lev9:[6,7,8]};for(const i of e["lev"+t])this._durationLevels.includes(i)||this._durationLevels.push(i);this._durationLevels=[...this._durationLevels].sort()}}}willUpdate(t){var e,i,n,a,r;t.has("slotContent")&&(this._parseSavedNumericFormatSettings(),this._aggregationFunc=((e=this.slotContent)==null?void 0:e.aggregationFunc)??(((i=this.slotContent)==null?void 0:i.type)==="numeric"?"sum":"count"),this._aggregationWeightColumn=(n=this.slotContent)==null?void 0:n.aggregationWeight,this._isFormula=((a=this.slotContent)==null?void 0:a.formula)||((r=this.slotContent)==null?void 0:r.formulaId)),t.has("language")&&this.language!==s.getLocale()&&([...s.targetLocales].includes(this.language??"en")||this.language==="en")&&s.setLocale(this.language)}firstUpdated(){var t;(t=this.slotContent)!=null&&t.duration&&this._durationLevelsOverlay.addEventListener("slottable-request",e=>{this._renderDurationLevelMenu=e.data!==S.a})}_renderDurationLevelsSettings(){const t=N.levels.map(e=>{let i=!1;return this._durationFormat==="time"&&e.level>=6&&this._durationLevels.includes(e.level)&&e.level!==Math.max(...this._durationLevels)&&(i=!0),this._durationLevels.length===1&&this._durationLevels.includes(e.level)&&(i=!0),o.x`<luzmo-menu-item
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../set-locale-Cam8nRIW.cjs"),b=require("../localized-decorator-SOrjcPab.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-j8UKjHqY.cjs");require("../index-CHFwXYcm.cjs");require("../index-CBOAQ3-E.cjs");require("../index-EXO-Hsj2.cjs");require("../index-BoXbQm2o.cjs");const v=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("../property-BV1QaY8E.cjs"),f=require("../luzmo-icons-Bvm-_ECi.cjs"),S=require("../index-CUvucmA0.cjs"),A=require("../state-CuE7TJCY.cjs"),m=require("../query-D5qWDopr.cjs"),F=require("../focusable-B8t8a-WJ.cjs"),y=require("../sized-mixin-C48t6K7U.cjs"),D=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-numeric-gap, var(--display-settings-numeric-gap))}.duration-angle-down-icon{margin-inline-start:var(--luzmo-numeric-duration-levels-dropdown-icon-margin-inline-start, var(--numeric-duration-levels-dropdown-icon-margin-inline-start))}:host{--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-2 )}:host([size=s]){--display-settings-numeric-gap: var(--luzmo-spacing-3);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-1 )}:host([size=l]){--display-settings-numeric-gap: var(--luzmo-spacing-4);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-3 )}:host([size=xl]){--display-settings-numeric-gap: var(--luzmo-spacing-5);--numeric-duration-levels-dropdown-icon-margin-inline-start: var( --luzmo-spacing-4 )}",$={sum:()=>s.msg("Sum",{desc:"Numeric Aggregation option"}),cumulativesum:()=>s.msg("Cumulative sum",{desc:"Numeric Aggregation option"}),average:()=>s.msg("Average",{desc:"Numeric Aggregation option"}),weightedaverage:()=>s.msg("Weighted average",{desc:"Numeric Aggregation option"}),median:()=>s.msg("Median",{desc:"Numeric Aggregation option"}),count:()=>s.msg("Count",{desc:"Numeric Aggregation option"}),distinctcount:()=>s.msg("Distinct count",{desc:"Numeric Aggregation option"}),min:()=>s.msg("Minimum",{desc:"Numeric Aggregation option"}),max:()=>s.msg("Maximum",{desc:"Numeric Aggregation option"}),stddev:()=>s.msg("Standard deviation",{desc:"Numeric Aggregation option"}),rate:()=>s.msg("Rate",{desc:"Numeric Aggregation option"})},z={general:"123",percentage:"%",scientific:"SI"},L={time:()=>s.msg("Time",{desc:"Time format option"}),short:()=>s.msg("Short",{desc:"Short format option"}),long:()=>s.msg("Long",{desc:"Long format option"})},p={Auto:{auto:!0,label:()=>s.msg("Auto",{desc:"Automatic setting of the option"})},"1,000.00":{auto:!1,label:()=>"1,000.00",thousandSeparator:",",decimalSeparator:"."},"1.000,00":{auto:!1,label:()=>"1.000,00",thousandSeparator:".",decimalSeparator:","},"1000.00":{auto:!1,label:()=>"1000.00",decimalSeparator:"."},"1000,00":{auto:!1,label:()=>"1000,00",decimalSeparator:","}},N={levels:[{level:1,label:"years"},{level:2,label:"quarters"},{level:3,label:"months"},{level:4,label:"weeks"},{level:5,label:"days"},{level:6,label:"hours"},{level:7,label:"minutes"},{level:8,label:"seconds"},{level:9,label:"milliseconds"}]};var C=Object.defineProperty,E=Object.getOwnPropertyDescriptor,l=(h,t,e,i)=>{for(var n=i>1?void 0:i?E(t,e):t,a=h.length-1,r;a>=0;a--)(r=h[a])&&(n=(i?r(t,e,n):r(n))||n);return i&&n&&C(t,e,n),n};exports.LuzmoDisplaySettingsNumeric=class extends y.SizedMixin(F.LuzmoElement,{validSizes:Object.values(y.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this.measureColumns=[],this._durationLevels=[],this._renderDurationLevelMenu=!1,this._sendEvent=()=>{const t={...this.slotContent};t.format=this._format,t.aggregationFunc=this._aggregationFunc,this._aggregationWeightColumn?t.aggregationWeight={...this._aggregationWeightColumn}:this._aggregationFunc==="rate"&&(t.aggregationFunc="average"),this._displayMode==="duration"?(t.duration=t.duration??{},t.duration.format=this._durationFormat,t.duration.levels=this._durationLevels):delete t.duration,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:t}}))}}static get styles(){return[o.r(D)]}_parseSavedNumericFormatSettings(){var t,e,i,n,a,r,c,g,d,_;if(this._displayMode=((t=this.slotContent)==null?void 0:t.subtype)==="duration"?((n=(i=(e=this.slotContent)==null?void 0:e.duration)==null?void 0:i.levels)==null?void 0:n.length)===1?"numeric":"duration":"numeric",this._durationFormat=((r=(a=this.slotContent)==null?void 0:a.duration)==null?void 0:r.format)??"short",this._durationLevels=((g=(c=this.slotContent)==null?void 0:c.duration)==null?void 0:g.levels)??[1],this._displayMode==="duration")this._precision=2,this._commaDecimals=!1,this._thousandSeparator=!1;else{this._format=((d=this.slotContent)==null?void 0:d.format)??".0f";const u=v.decomposeNumericFormat(this._format??".0f");this._isAuto=((_=u.typeFormat)==null?void 0:_.includes("a"))??!1,["%","a%","y","ay"].includes(u.typeFormat)?this._displayAs="percentage":["s","as","w","aw"].includes(u.typeFormat)?this._displayAs="scientific":this._displayAs="general",this._precision=u.precision?Number.parseInt(u.precision.replace(".",""),10):this._displayAs==="scientific"?1:0,this._commaDecimals=["z","az","y","ay","w","aw"].includes(u.typeFormat),this._thousandSeparator=u.comma===",",this._isAuto?this._numericFormatGroup="Auto":this._commaDecimals&&this._thousandSeparator?this._numericFormatGroup="1.000,00":!this._commaDecimals&&this._thousandSeparator?this._numericFormatGroup="1,000.00":this._commaDecimals&&!this._thousandSeparator?this._numericFormatGroup="1000,00":!this._commaDecimals&&!this._thousandSeparator&&(this._numericFormatGroup="1000.00")}}_setNumericDisplayAs(){var t,e;this._displayAs=((e=(t=this._displayAsElement)==null?void 0:t.selected)==null?void 0:e[0])??"general",this._displayAs==="scientific"&&(this._precision=Math.max(this._precision??0,1),this._thousandSeparator=!1),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setNumericSeparators(t){const e=p[(t==null?void 0:t.detail)??"Auto"];this._thousandSeparator=[",","."].includes((e==null?void 0:e.thousandSeparator)??""),this._commaDecimals=(e==null?void 0:e.decimalSeparator)===",",this._isAuto=e==null?void 0:e.auto,this._setNumericFormat(),this._sendEvent()}_setPrecision(){this._precision=this._precisionElement.value,this._setNumericFormat(),this._sendEvent()}_setNumericFormat(){var i;let t="f";const e=this.slotContent.subtype==="duration"?this._durationLevels&&((i=this._durationLevels)==null?void 0:i.length)===1?"numeric":"duration":"numeric";this._maxDurationLevel=Math.min(...this._durationLevels),e==="duration"?(!["time","short","long"].includes(this._durationFormat??"")||this._maxDurationLevel<6&&this._durationFormat==="time")&&(this._durationFormat="short"):(this._displayAs==="general"&&this._commaDecimals?t="z":this._displayAs==="percentage"&&this._commaDecimals?t="y":this._displayAs==="scientific"&&this._commaDecimals?t="w":this._displayAs==="percentage"?t="%":this._displayAs==="scientific"&&(t="s"),this._format=(this._thousandSeparator||this._isAuto?",":"")+"."+this._precision+(this._isAuto?"a":"")+t)}_setAggregationFunc(){const t=this._aggregationFunc,e=this.slotContent.format;if(this._aggregationElement.value!==t){if(this._aggregationFunc=this._aggregationElement.value,t==="rate"){const i=v.decomposeNumericFormat(e),n=["%","y","a%","ay"].includes(i.typeFormat);this.slotContent.subtype==="currency"&&n&&this._setNumericDisplayAs()}this._sendEvent(),(this._aggregationFunc==="rate"||t==="rate")&&this.requestUpdate()}}_setAggregationWeight(){const t=this._aggregationWeightElement.value;if(t==="none")this._aggregationWeightColumn=void 0;else{const e=this.measureColumns.find(i=>i.columnId===t);this._aggregationWeightColumn={column:e==null?void 0:e.columnId,set:e==null?void 0:e.datasetId,columnSubType:e==null?void 0:e.subtype}}this._sendEvent()}_setDurationLevels(){const t=this._durationLevels,e=this._durationLevelsElement.value.split(",").filter(i=>i!=="").map(i=>Number.parseInt(i,10));this._durationLevels=((e==null?void 0:e.length)??0)>=1?e:t,this._maxDurationLevel=Math.min(...this._durationLevels),this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setDurationFormat(){var t,e;this._durationFormat=(e=(t=this._durationFormatElement)==null?void 0:t.selected)==null?void 0:e[0],this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_fillTimeDurationLevels(){if(this._durationFormat==="time"){const t=this._durationLevels.sort().at(-1);if([7,8,9].includes(t)){const e={lev7:[6],lev8:[6,7],lev9:[6,7,8]};for(const i of e["lev"+t])this._durationLevels.includes(i)||this._durationLevels.push(i);this._durationLevels=[...this._durationLevels].sort()}}}willUpdate(t){var e,i,n,a,r;t.has("slotContent")&&(this._parseSavedNumericFormatSettings(),this._aggregationFunc=((e=this.slotContent)==null?void 0:e.aggregationFunc)??(((i=this.slotContent)==null?void 0:i.type)==="numeric"?"sum":"count"),this._aggregationWeightColumn=(n=this.slotContent)==null?void 0:n.aggregationWeight,this._isFormula=((a=this.slotContent)==null?void 0:a.formula)||((r=this.slotContent)==null?void 0:r.formulaId)),t.has("language")&&this.language!==s.getLocale()&&([...s.targetLocales].includes(this.language??"en")||this.language==="en")&&s.setLocale(this.language)}firstUpdated(){var t;(t=this.slotContent)!=null&&t.duration&&this._durationLevelsOverlay.addEventListener("slottable-request",e=>{this._renderDurationLevelMenu=e.data!==S.a})}_renderDurationLevelsSettings(){const t=N.levels.map(e=>{let i=!1;return this._durationFormat==="time"&&e.level>=6&&this._durationLevels.includes(e.level)&&e.level!==Math.max(...this._durationLevels)&&(i=!0),this._durationLevels.length===1&&this._durationLevels.includes(e.level)&&(i=!0),o.x`<luzmo-menu-item
         value=${e.level}
         ?selected=${this._durationLevels.includes(e.level)}
         ?disabled=${i}

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

@@ -27,13 +27,13 @@ import "../index-Desl7GJ0.js";
 import "../index-CDpuEf8W.js";
 import "../index-CTVNGPeT.js";
 import { d as v } from "../decompose-numeric-format-BuZcjH2k.js";
-import { r as S, x as l, E as $, n as f } from "../property-Dn4zSyxu.js";
-import { a7 as D, af as w } from "../luzmo-icons-B2K7AcCF.js";
+import { r as S, x as l, E as $, n as f } from "../property-BFMfZY1k.js";
+import { a7 as D, ac as w } from "../luzmo-icons-DnAqAQCX.js";
 import { a as C } from "../index-DUF6bALI.js";
-import { r as N } from "../state-vVJlsarL.js";
+import { r as N } from "../state-BSTa7W6f.js";
 import { e as d } from "../query-Ddbd72Um.js";
-import { L as E } from "../focusable-BXhQz3_k.js";
-import { S as M, E as O } from "../sized-mixin-BR_Ii7le.js";
+import { L as E } from "../focusable-Bhf_beoW.js";
+import { S as M, E as O } from "../sized-mixin-CkdMApAU.js";
 const y = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");

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

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../set-locale-Cam8nRIW.cjs"),E=require("../localized-decorator-SOrjcPab.cjs"),x=require("../luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),i=require("../base-D76d76ww-tT6yr8eb.cjs"),$=require("../checkbox-mixin-Do7EgtpQ-D3m-dMTI.cjs");require("../index-j8UKjHqY.cjs");require("../index-CHFwXYcm.cjs");require("../index-CBOAQ3-E.cjs");require("../index-EXO-Hsj2.cjs");const S=require("../decompose-numeric-format-B3rVVHpO.cjs"),s=require("../property-BCb4Kybn.cjs"),D=require("../state-BxZEcclm.cjs"),g=require("../query-D5qWDopr.cjs"),I=require("../focusable-BTJYY_Mf.cjs"),_=require("../sized-mixin-BNtmplgF.cjs");/*! * Lucero - The design system for Luzmo.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../set-locale-Cam8nRIW.cjs"),E=require("../localized-decorator-SOrjcPab.cjs"),x=require("../luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs"),i=require("../base-D76d76ww-tT6yr8eb.cjs"),$=require("../checkbox-mixin-Do7EgtpQ-D3m-dMTI.cjs");require("../index-j8UKjHqY.cjs");require("../index-CHFwXYcm.cjs");require("../index-CBOAQ3-E.cjs");require("../index-EXO-Hsj2.cjs");const S=require("../decompose-numeric-format-B3rVVHpO.cjs"),s=require("../property-BV1QaY8E.cjs"),D=require("../state-CuE7TJCY.cjs"),g=require("../query-D5qWDopr.cjs"),I=require("../focusable-B8t8a-WJ.cjs"),_=require("../sized-mixin-C48t6K7U.cjs");/*! * Lucero - The design system for Luzmo.
  * 
  * Copyright © 2025 Luzmo
  * All rights reserved.

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

@@ -27,11 +27,11 @@ import "../index-Bdy8Bz-n.js";
 import "../index-Desl7GJ0.js";
 import "../index-CDpuEf8W.js";
 import { d as R } from "../decompose-numeric-format-BuZcjH2k.js";
-import { r as U, x as z, n as L } from "../property-Dn4zSyxu.js";
-import { r as M } from "../state-vVJlsarL.js";
+import { r as U, x as z, n as L } from "../property-BFMfZY1k.js";
+import { r as M } from "../state-BSTa7W6f.js";
 import { e as f } from "../query-Ddbd72Um.js";
-import { L as q } from "../focusable-BXhQz3_k.js";
-import { S as V, E as G } from "../sized-mixin-BR_Ii7le.js";
+import { L as q } from "../focusable-Bhf_beoW.js";
+import { S as V, E as G } from "../sized-mixin-CkdMApAU.js";
 const S = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");

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

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../localized-decorator-SOrjcPab.cjs"),m=require("../set-locale-Cam8nRIW.cjs"),v=require("../periods.const-CfXsouLz.cjs"),e=require("../property-BCb4Kybn.cjs"),p=require("../focusable-BTJYY_Mf.cjs"),h=require("../sized-mixin-BNtmplgF.cjs");require("../draggable-data-item-level/index.cjs");const y=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var z=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(n,l,s,i)=>{for(var a=i>1?void 0:i?D(l,s):l,g=n.length-1,o;g>=0;g--)(o=n[g])&&(a=(i?o(l,s,a):o(a))||a);return i&&a&&z(l,s,a),a};exports.LuzmoDraggableDataItem=class extends h.SizedMixin(p.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(l){l.has("language")&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language)}renderSublevels(){var s,i,a,g,o;let l;if(((s=this.data)==null?void 0:s.type)==="datetime")return l=((i=this.data)==null?void 0:i.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,e.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../localized-decorator-SOrjcPab.cjs"),m=require("../set-locale-Cam8nRIW.cjs"),v=require("../periods.const-CfXsouLz.cjs"),e=require("../property-BV1QaY8E.cjs"),p=require("../focusable-B8t8a-WJ.cjs"),h=require("../sized-mixin-C48t6K7U.cjs");require("../draggable-data-item-level/index.cjs");const y=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var z=Object.defineProperty,D=Object.getOwnPropertyDescriptor,t=(n,l,s,i)=>{for(var a=i>1?void 0:i?D(l,s):l,g=n.length-1,o;g>=0;g--)(o=n[g])&&(a=(i?o(l,s,a):o(a))||a);return i&&a&&z(l,s,a),a};exports.LuzmoDraggableDataItem=class extends h.SizedMixin(p.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(l){l.has("language")&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language)}renderSublevels(){var s,i,a,g,o;let l;if(((s=this.data)==null?void 0:s.type)==="datetime")return l=((i=this.data)==null?void 0:i.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,e.x`
         <div class="draggable-data-item-sublevels">
           ${Array.from({length:l},(b,r)=>{const d=v.DATETIME_LEVELS[r].i18n(),u={...this.data,level:r+1};return e.x`<luzmo-draggable-data-item-level
               sublevel

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

@@ -20,9 +20,9 @@
 import { l as b } from "../localized-decorator-DNr1P1m0.js";
 import { g as p, t as h, s as f } from "../set-locale-DbEAMqUs.js";
 import { D as v } from "../periods.const-C89NNRX-.js";
-import { x as n, r as y, n as a } from "../property-Dn4zSyxu.js";
-import { L as x } from "../focusable-BXhQz3_k.js";
-import { S as $ } from "../sized-mixin-BR_Ii7le.js";
+import { x as n, r as y, n as a } from "../property-BFMfZY1k.js";
+import { L as x } from "../focusable-Bhf_beoW.js";
+import { S as $ } from "../sized-mixin-CkdMApAU.js";
 import "../draggable-data-item-level/index.js";
 const z = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {

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

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../get-css-variable-DLiZYZEi.cjs"),n=require("../luzmo-icons-CP__dRRM.cjs");require("../index-DSQyBS9Z.cjs");require("../index-CYeQkVeJ.cjs");const t=require("../property-BCb4Kybn.cjs"),V=require("../focusable-BTJYY_Mf.cjs"),L=require("../sized-mixin-BNtmplgF.cjs"),f=require("../calculate-data-item-icon-C_3QUGmB.cjs"),M=require("../localize-r7ALOUy_.cjs"),B=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover));color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-color-hover));border-color:var(--luzmo-draggable-data-item-level-border-color-hover, var(--draggable-data-item-level-border-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center;position:relative}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{position:absolute;bottom:45%;left:70%;width:auto;font-size:.75em;line-height:1}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color));font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover );--draggable-data-item-level-font-color-hover: var(--luzmo-font-color-hover);--draggable-data-item-level-border-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",F=e=>{var m,c,u,h,z,w,x,I,S,D,C,$,q,E,P,T,j;const d=e.source.element;let a="";(h=(u=(c=(m=e.source)==null?void 0:m.element)==null?void 0:c.renderRoot)==null?void 0:u.querySelector(".data-label"))!=null&&h.textContent&&(a=(x=(w=(z=e.source)==null?void 0:z.element)==null?void 0:w.renderRoot)==null?void 0:x.querySelector(".data-label").textContent),a||(a=M.localize((S=(I=e==null?void 0:e.source)==null?void 0:I.data)==null?void 0:S.label,(C=(D=e==null?void 0:e.source)==null?void 0:D.element)==null?void 0:C.language),a=a||"Untitled");const v=(q=($=e==null?void 0:e.source)==null?void 0:$.data)==null?void 0:q.type,r=(P=(E=e==null?void 0:e.source)==null?void 0:E.data)==null?void 0:P.subtype,i=f.calculateDataItemIcon({type:v,subtype:r},d.size),l={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([p,O,_])=>{const R=y.getCssVariableValue(d,O)||y.getCssVariableValue(d,_);l[p]=R});const s=document.createElement("div"),b=document.createElement("div");if(s.innerHTML=a,!((j=(T=e==null?void 0:e.source)==null?void 0:T.element)!=null&&j.sublevel)){const p=document.createElement("luzmo-icon");p.icon=i,b.append(p)}return b.append(s),Object.assign(b.style,{display:"flex",alignItems:"center",height:l.height,border:`1px solid ${l.borderColor}`,backgroundColor:l.backgroundColor,borderRadius:l.borderRadius,fontFamily:l.fontFamily,fontSize:l.fontSize,color:l.color,padding:`0 ${l.horizontalPadding}`,gap:l.gap}),b};var U=Object.defineProperty,g=(e,d,a,v)=>{for(var r=void 0,i=e.length-1,l;i>=0;i--)(l=e[i])&&(r=l(d,a,r)||r);return r&&U(d,a,r),r};const k=class k extends L.SizedMixin(V.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=d=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:d}}))},this.dataItemLevelDragStarted=()=>{this.dispatchEvent(new CustomEvent("data-item-drag-started",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:this.data}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(d){this._cleanupDraggable=y.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5",this.dataItemLevelDragStarted()},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const a={...this.data};return this.label&&this.language&&!this.sublevel&&(a.label={},a.label[this.language]=this.label),this.description&&this.language&&(a.description={},a.description[this.language]=this.description),a},onGenerateDragPreview:a=>{const v=a.nativeSetDragImage;y.setCustomNativeDragPreview({render({container:r}){const i=F(a);r.append(i)},nativeSetDragImage:v})}})}render(){var r,i,l,s,b,m,c,u,h,z;const d=this.label??((i=(r=this.data)==null?void 0:r.label)==null?void 0:i[this.language])??((b=(l=this.data)==null?void 0:l.label)==null?void 0:b[Object.keys((s=this.data)==null?void 0:s.label)[0]])??"Untitled",a=this.description??((c=(m=this.data)==null?void 0:m.description)==null?void 0:c[this.language])??((z=(u=this.data)==null?void 0:u.description)==null?void 0:z[Object.keys((h=this.data)==null?void 0:h.description)[0]]),v=this.secondaryIconType?f.calculateDataItemSecondaryIcon(this.secondaryIconType,this.size):void 0;return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../get-css-variable-DLiZYZEi.cjs"),n=require("../luzmo-icons-Bvm-_ECi.cjs");require("../index-DSQyBS9Z.cjs");require("../index-CYeQkVeJ.cjs");const t=require("../property-BV1QaY8E.cjs"),V=require("../focusable-B8t8a-WJ.cjs"),L=require("../sized-mixin-C48t6K7U.cjs"),f=require("../calculate-data-item-icon-DlfbBvFN.cjs"),M=require("../localize-r7ALOUy_.cjs"),B=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover));color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-color-hover));border-color:var(--luzmo-draggable-data-item-level-border-color-hover, var(--draggable-data-item-level-border-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center;position:relative}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{position:absolute;bottom:45%;left:70%;width:auto;font-size:.75em;line-height:1}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color));font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover );--draggable-data-item-level-font-color-hover: var(--luzmo-font-color-hover);--draggable-data-item-level-border-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",F=e=>{var m,c,u,h,z,w,x,I,S,D,C,$,q,E,P,T,j;const d=e.source.element;let a="";(h=(u=(c=(m=e.source)==null?void 0:m.element)==null?void 0:c.renderRoot)==null?void 0:u.querySelector(".data-label"))!=null&&h.textContent&&(a=(x=(w=(z=e.source)==null?void 0:z.element)==null?void 0:w.renderRoot)==null?void 0:x.querySelector(".data-label").textContent),a||(a=M.localize((S=(I=e==null?void 0:e.source)==null?void 0:I.data)==null?void 0:S.label,(C=(D=e==null?void 0:e.source)==null?void 0:D.element)==null?void 0:C.language),a=a||"Untitled");const v=(q=($=e==null?void 0:e.source)==null?void 0:$.data)==null?void 0:q.type,r=(P=(E=e==null?void 0:e.source)==null?void 0:E.data)==null?void 0:P.subtype,i=f.calculateDataItemIcon({type:v,subtype:r},d.size),l={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([p,O,_])=>{const R=y.getCssVariableValue(d,O)||y.getCssVariableValue(d,_);l[p]=R});const s=document.createElement("div"),b=document.createElement("div");if(s.innerHTML=a,!((j=(T=e==null?void 0:e.source)==null?void 0:T.element)!=null&&j.sublevel)){const p=document.createElement("luzmo-icon");p.icon=i,b.append(p)}return b.append(s),Object.assign(b.style,{display:"flex",alignItems:"center",height:l.height,border:`1px solid ${l.borderColor}`,backgroundColor:l.backgroundColor,borderRadius:l.borderRadius,fontFamily:l.fontFamily,fontSize:l.fontSize,color:l.color,padding:`0 ${l.horizontalPadding}`,gap:l.gap}),b};var U=Object.defineProperty,g=(e,d,a,v)=>{for(var r=void 0,i=e.length-1,l;i>=0;i--)(l=e[i])&&(r=l(d,a,r)||r);return r&&U(d,a,r),r};const k=class k extends L.SizedMixin(V.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=d=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:d}}))},this.dataItemLevelDragStarted=()=>{this.dispatchEvent(new CustomEvent("data-item-drag-started",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:this.data}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(d){this._cleanupDraggable=y.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5",this.dataItemLevelDragStarted()},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const a={...this.data};return this.label&&this.language&&!this.sublevel&&(a.label={},a.label[this.language]=this.label),this.description&&this.language&&(a.description={},a.description[this.language]=this.description),a},onGenerateDragPreview:a=>{const v=a.nativeSetDragImage;y.setCustomNativeDragPreview({render({container:r}){const i=F(a);r.append(i)},nativeSetDragImage:v})}})}render(){var r,i,l,s,b,m,c,u,h,z;const d=this.label??((i=(r=this.data)==null?void 0:r.label)==null?void 0:i[this.language])??((b=(l=this.data)==null?void 0:l.label)==null?void 0:b[Object.keys((s=this.data)==null?void 0:s.label)[0]])??"Untitled",a=this.description??((c=(m=this.data)==null?void 0:m.description)==null?void 0:c[this.language])??((z=(u=this.data)==null?void 0:u.description)==null?void 0:z[Object.keys((h=this.data)==null?void 0:h.description)[0]]),v=this.secondaryIconType?f.calculateDataItemSecondaryIcon(this.secondaryIconType,this.size):void 0;return t.x`
       <div class="draggable-data-item-level">
         <div class="drag-handle-icon">
           ${this.sublevel?n.y3(n.b0):n.y3(n.W)}

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

@@ -18,13 +18,13 @@
  * SOFTWARE.
  * */
 import { g as O, d as L, s as q } from "../get-css-variable-YlLiVgo8.js";
-import { a7 as h, ag as H, ad as M, a9 as V } from "../luzmo-icons-B2K7AcCF.js";
+import { a7 as h, ad as H, ae as M, af as V } from "../luzmo-icons-DnAqAQCX.js";
 import "../index-BC1LV3vH.js";
 import "../index-BmshD32H.js";
-import { r as A, x as f, n as i } from "../property-Dn4zSyxu.js";
-import { L as G } from "../focusable-BXhQz3_k.js";
-import { S as N } from "../sized-mixin-BR_Ii7le.js";
-import { c as R, a as W } from "../calculate-data-item-icon-BFpVWXnR.js";
+import { r as A, x as f, n as i } from "../property-BFMfZY1k.js";
+import { L as G } from "../focusable-Bhf_beoW.js";
+import { S as N } from "../sized-mixin-CkdMApAU.js";
+import { c as R, a as W } from "../calculate-data-item-icon-DKjZwr-x.js";
 import { l as J } from "../localize-BX7q0S0M.js";
 const F = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {

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

@@ -2,6 +2,7 @@ import { Placement } from '@floating-ui/dom';
 import '@luzmo/lucero/tooltip';
 import { PropertyValues } from 'lit';
 import { LuzmoElement } from '../../utils/base';
+import { SlotContent } from '../../utils/store/slot-store';
 import './../slot-menu';
 declare const LuzmoDroppableSlot_base: typeof LuzmoElement & {
     new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
@@ -19,9 +20,10 @@ export declare class LuzmoDroppableSlot extends LuzmoDroppableSlot_base {
     itemType?: string;
     slotName?: string;
     slotConfiguration: any;
-    slotContents: any;
+    slotContents: SlotContent[];
     label?: string;
     language: string;
+    dragBoundary?: string;
     /**
      * The type of config interaction
      */
@@ -33,9 +35,11 @@ export declare class LuzmoDroppableSlot extends LuzmoDroppableSlot_base {
     hideDelete?: boolean;
     hideConfiguration?: boolean;
     private _droppableSlotLabelElement;
+    private readonly _store;
+    private _currentSlotContents;
+    constructor();
     private changedSlotContents;
     private _cleanupDroppable;
-    private _currentSlotContents;
     disconnectedCallback(): void;
     private emptySlotContents;
     protected willUpdate(_changedProperties: PropertyValues): void;

package/components/droppable-slot/index.cjs

@@ -17,16 +17,77 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../get-css-variable-DLiZYZEi.cjs"),C=require("../localized-decorator-SOrjcPab.cjs"),n=require("../set-locale-Cam8nRIW.cjs"),S=require("../task-qPJdeXO1.cjs"),h=require("../luzmo-icons-CP__dRRM.cjs");require("../index-CYeQkVeJ.cjs");const q=require("../localize-r7ALOUy_.cjs"),r=require("../property-BCb4Kybn.cjs"),P=require("../query-D5qWDopr.cjs"),L=require("../focusable-BTJYY_Mf.cjs"),D=require("../sized-mixin-BNtmplgF.cjs");require("../slot-menu/index.cjs");const x=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color, var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color, var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color, var(--droppable-slot-accept-drag-border-color))}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color, var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color, var(--droppable-slot-accept-drag-controls-color))}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-accept-drag-background-color: var(--luzmo-positive-color);--droppable-slot-accept-drag-color: white;--droppable-slot-accept-drag-border-color: var(--luzmo-positive-color-down);--droppable-slot-accept-drag-font-color: white;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-accept-drag-controls-background-color: var( --luzmo-positive-color-down );--droppable-slot-accept-drag-controls-color: white;--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",z={Category:()=>n.msg("Category",{desc:"Category label"}),Measure:()=>n.msg("Measure",{desc:"Measure label"}),Legend:()=>n.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>n.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>n.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>n.msg("Group by",{desc:"Group by label"})};var k=Object.defineProperty,w=Object.getOwnPropertyDescriptor,a=(f,t,o,e)=>{for(var l=e>1?void 0:e?w(t,o):t,s=f.length-1,i;s>=0;s--)(i=f[s])&&(l=(e?i(t,o,l):i(l))||l);return e&&l&&k(t,o,l),l};exports.LuzmoDroppableSlot=class extends D.SizedMixin(L.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this._loadSlotsConfig=new S.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const o=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(o[`../../item-definitions/${t}/${t}-slots.config.ts`]){const e=await o[`../../item-definitions/${t}/${t}-slots.config.ts`]();this._slotsConfig=(e==null?void 0:e.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.menu="default",this.placement="bottom-end",this.changedSlotContents=t=>{this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))},this._currentSlotContents=[]}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents)),t.has("language")&&this.language!==n.getLocale()&&([...n.targetLocales].includes(this.language??"en")||this.language==="en")&&n.setLocale(this.language)}firstUpdated(t){this._cleanupDroppable||(this._cleanupDroppable=y.dropTargetForElements({element:this,onDrop:o=>{var i,p,d,c;const e={...(i=o.source)==null?void 0:i.data},l={...(e==null?void 0:e.label)??{en:"Untitled"}},s=e==null?void 0:e.type;if(s==="datetime"&&!e.level&&(e.level=e.lowestLevel??(e.subtype==="date"?5:9)),s==="datetime"&&((d=(p=o==null?void 0:o.source)==null?void 0:p.element)!=null&&d.hasAttribute("sublevel"))){const u=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],m=(e==null?void 0:e.level)??1,b=Object.keys(l);for(const g of b)l[g]=`${l[g]} ${u[m-1]}`;e.label=l}this.slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleDataItems?[...this.slotContents??[],e]:[e],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:o})=>{var l,s,i,p,d,c,u,m,b,g,v;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((l=o.element)==null?void 0:l.tagName)||!((s=this.slotConfiguration)!=null&&s.canAcceptFormula)&&((i=o==null?void 0:o.data)!=null&&i.formulaId))return!1;const e=((d=(p=this.slotConfiguration)==null?void 0:p.acceptableDataItemTypes)==null?void 0:d.length)>0?this.slotConfiguration.acceptableDataItemTypes:["datetime","hierarchy","numeric","array[datetime]","array[numeric]","array[hierarchy]"];return(c=o==null?void 0:o.data)!=null&&c.type&&!e.includes((u=o==null?void 0:o.data)==null?void 0:u.type)?!1:!((m=o==null?void 0:o.data)!=null&&m.subtype&&((g=(b=this.slotConfiguration)==null?void 0:b.acceptableColumnSubtypes)==null?void 0:g.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((v=o==null?void 0:o.data)==null?void 0:v.subtype))},getDropEffect:()=>"move",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_onSlotMenuChanges(t){var o;t.preventDefault(),t.stopPropagation(),this.slotContents.length===((o=t.detail.slotContents)==null?void 0:o.length)?(this._currentSlotContents=t.detail.slotContents,this.createFullLabel(),this.changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents,this.changedSlotContents(this.slotContents))}createFullLabel(){var l,s,i,p,d,c,u,m,b;let t="";const o=z[(l=this.slotConfiguration)==null?void 0:l.label]?z[(s=this.slotConfiguration)==null?void 0:s.label]():(i=this.slotConfiguration)==null?void 0:i.label;((p=this._currentSlotContents)==null?void 0:p.length)===1?t=q.localize((c=(d=this._currentSlotContents)==null?void 0:d[0])==null?void 0:c.label,this.language)??"Untitled":((u=this._currentSlotContents)==null?void 0:u.length)>1&&(t=`${this._currentSlotContents.length} items`);let e="";this.label?e=this.label:o&&(e=o),e=e||"Untitled",((m=this._currentSlotContents)==null?void 0:m.length)>0&&(e+=((b=this._currentSlotContents)==null?void 0:b.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=e)}droppableSlotMarkup(){var t,o,e,l;return r.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("../get-css-variable-DLiZYZEi.cjs"),Y=require("../index-BqMMcuLX.cjs"),se=require("../localized-decorator-SOrjcPab.cjs"),y=require("../set-locale-Cam8nRIW.cjs"),ie=require("../task-0B-FC3rj.cjs"),L=require("../luzmo-icons-Bvm-_ECi.cjs");require("../index-CYeQkVeJ.cjs");const ne=require("../localize-r7ALOUy_.cjs"),f=require("../property-BV1QaY8E.cjs"),ae=require("../query-D5qWDopr.cjs"),ce=require("../focusable-B8t8a-WJ.cjs"),pe=require("../sized-mixin-C48t6K7U.cjs");require("../slot-menu/index.cjs");/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class ue{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,o=!1){const r=o||!Object.is(t,this.o);this.o=t,r&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(const[o,{disposer:r}]of this.subscriptions)o(this.o,r)},t!==void 0&&(this.value=t)}addCallback(t,o,r){if(!r)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:o});const{disposer:l}=this.subscriptions.get(t);t(this.value,l)}clearCallbacks(){this.subscriptions.clear()}}/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class de extends Event{constructor(t,o){super("context-provider",{bubbles:!0,composed:!0}),this.context=t,this.contextTarget=o}}class he extends ue{constructor(t,o,r){var l,d;super(o.context!==void 0?o.initialValue:r),this.onContextRequest=a=>{if(a.context!==this.context)return;const i=a.contextTarget??a.composedPath()[0];i!==this.host&&(a.stopPropagation(),this.addCallback(a.callback,i,a.subscribe))},this.onProviderRequest=a=>{if(a.context!==this.context||(a.contextTarget??a.composedPath()[0])===this.host)return;const i=new Set;for(const[h,{consumerHost:n}]of this.subscriptions)i.has(h)||(i.add(h),n.dispatchEvent(new Y.s(this.context,n,h,!0)));a.stopPropagation()},this.host=t,o.context!==void 0?this.context=o.context:this.context=o,this.attachListeners(),(d=(l=this.host).addController)==null||d.call(l,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new de(this.context,this.host))}}var me=Object.defineProperty,fe=(e,t,o)=>t in e?me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,k=(e,t,o)=>(fe(e,typeof t!="symbol"?t+"":t,o),o),ge=(e,t,o)=>{if(!t.has(e))throw TypeError("Cannot "+o)},A=(e,t)=>{if(Object(t)!==t)throw TypeError('Cannot use the "in" operator on this value');return e.has(t)},E=(e,t,o)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,o)},j=(e,t,o)=>(ge(e,t,"access private method"),o);/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */function H(e,t){return Object.is(e,t)}/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */let m=null,P=!1,T=1;const D=Symbol("SIGNAL");function x(e){const t=m;return m=e,t}function ve(){return m}function be(){return P}const V={version:0,lastCleanEpoch:0,dirty:!1,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:!1,consumerIsAlwaysLive:!1,producerMustRecompute:()=>!1,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function I(e){if(P)throw new Error(typeof ngDevMode<"u"&&ngDevMode?"Assertion error: signal read during notification phase":"");if(m===null)return;m.consumerOnSignalRead(e);const t=m.nextProducerIndex++;if(S(m),t<m.producerNode.length&&m.producerNode[t]!==e&&R(m)){const o=m.producerNode[t];O(o,m.producerIndexOfThis[t])}m.producerNode[t]!==e&&(m.producerNode[t]=e,m.producerIndexOfThis[t]=R(m)?Q(e,m,t):0),m.producerLastReadVersion[t]=e.version}function ze(){T++}function X(e){if(!(!e.dirty&&e.lastCleanEpoch===T)){if(!e.producerMustRecompute(e)&&!Se(e)){e.dirty=!1,e.lastCleanEpoch=T;return}e.producerRecomputeValue(e),e.dirty=!1,e.lastCleanEpoch=T}}function Z(e){if(e.liveConsumerNode===void 0)return;const t=P;P=!0;try{for(const o of e.liveConsumerNode)o.dirty||ye(o)}finally{P=t}}function Ce(){return(m==null?void 0:m.consumerAllowSignalWrites)!==!1}function ye(e){var t;e.dirty=!0,Z(e),(t=e.consumerMarkedDirty)==null||t.call(e.wrapper??e)}function we(e){return e&&(e.nextProducerIndex=0),x(e)}function xe(e,t){if(x(t),!(!e||e.producerNode===void 0||e.producerIndexOfThis===void 0||e.producerLastReadVersion===void 0)){if(R(e))for(let o=e.nextProducerIndex;o<e.producerNode.length;o++)O(e.producerNode[o],e.producerIndexOfThis[o]);for(;e.producerNode.length>e.nextProducerIndex;)e.producerNode.pop(),e.producerLastReadVersion.pop(),e.producerIndexOfThis.pop()}}function Se(e){S(e);for(let t=0;t<e.producerNode.length;t++){const o=e.producerNode[t],r=e.producerLastReadVersion[t];if(r!==o.version||(X(o),r!==o.version))return!0}return!1}function Q(e,t,o){var r;if(G(e),S(e),e.liveConsumerNode.length===0){(r=e.watched)==null||r.call(e.wrapper);for(let l=0;l<e.producerNode.length;l++)e.producerIndexOfThis[l]=Q(e.producerNode[l],e,l)}return e.liveConsumerIndexOfThis.push(o),e.liveConsumerNode.push(t)-1}function O(e,t){var o;if(G(e),S(e),typeof ngDevMode<"u"&&ngDevMode&&t>=e.liveConsumerNode.length)throw new Error(`Assertion error: active consumer index ${t} is out of bounds of ${e.liveConsumerNode.length} consumers)`);if(e.liveConsumerNode.length===1){(o=e.unwatched)==null||o.call(e.wrapper);for(let l=0;l<e.producerNode.length;l++)O(e.producerNode[l],e.producerIndexOfThis[l])}const r=e.liveConsumerNode.length-1;if(e.liveConsumerNode[t]=e.liveConsumerNode[r],e.liveConsumerIndexOfThis[t]=e.liveConsumerIndexOfThis[r],e.liveConsumerNode.length--,e.liveConsumerIndexOfThis.length--,t<e.liveConsumerNode.length){const l=e.liveConsumerIndexOfThis[t],d=e.liveConsumerNode[t];S(d),d.producerIndexOfThis[l]=t}}function R(e){var t;return e.consumerIsAlwaysLive||(((t=e==null?void 0:e.liveConsumerNode)==null?void 0:t.length)??0)>0}function S(e){e.producerNode??(e.producerNode=[]),e.producerIndexOfThis??(e.producerIndexOfThis=[]),e.producerLastReadVersion??(e.producerLastReadVersion=[])}function G(e){e.liveConsumerNode??(e.liveConsumerNode=[]),e.liveConsumerIndexOfThis??(e.liveConsumerIndexOfThis=[])}/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */function J(e){if(X(e),I(e),e.value===W)throw e.error;return e.value}function Pe(e){const t=Object.create(qe);t.computation=e;const o=()=>J(t);return o[D]=t,o}const M=Symbol("UNSET"),$=Symbol("COMPUTING"),W=Symbol("ERRORED"),qe={...V,value:M,dirty:!0,error:null,equal:H,producerMustRecompute(e){return e.value===M||e.value===$},producerRecomputeValue(e){if(e.value===$)throw new Error("Detected cycle in computations.");const t=e.value;e.value=$;const o=we(e);let r,l=!1;try{r=e.computation.call(e.wrapper),l=t!==M&&t!==W&&e.equal.call(e.wrapper,t,r)}catch(d){r=W,e.error=d}finally{xe(e,o)}if(l){e.value=t;return}e.value=r,e.version++}};/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */function Ne(){throw new Error}let _e=Ne;function Le(){_e()}/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */function Ee(e){const t=Object.create(Ie);t.value=e;const o=()=>(I(t),t.value);return o[D]=t,o}function Te(){return I(this),this.value}function De(e,t){Ce()||Le(),e.equal.call(e.wrapper,e.value,t)||(e.value=t,Oe(e))}const Ie={...V,equal:H,value:void 0};function Oe(e){e.version++,ze(),Z(e)}/**
+ * @license
+ * Copyright 2024 Bloomberg Finance L.P.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */const g=Symbol("node");var q;(e=>{var t,o,r,l;class d{constructor(h,n={}){E(this,o),k(this,t);const u=Ee(h)[D];if(this[g]=u,u.wrapper=this,n){const v=n.equals;v&&(u.equal=v),u.watched=n[e.subtle.watched],u.unwatched=n[e.subtle.unwatched]}}get(){if(!(0,e.isState)(this))throw new TypeError("Wrong receiver type for Signal.State.prototype.get");return Te.call(this[g])}set(h){if(!(0,e.isState)(this))throw new TypeError("Wrong receiver type for Signal.State.prototype.set");if(be())throw new Error("Writes to signals not permitted during Watcher callback");const n=this[g];De(n,h)}}t=g,o=new WeakSet,e.isState=i=>typeof i=="object"&&A(o,i),e.State=d;class a{constructor(h,n){E(this,l),k(this,r);const u=Pe(h)[D];if(u.consumerAllowSignalWrites=!0,this[g]=u,u.wrapper=this,n){const v=n.equals;v&&(u.equal=v),u.watched=n[e.subtle.watched],u.unwatched=n[e.subtle.unwatched]}}get(){if(!(0,e.isComputed)(this))throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");return J(this[g])}}r=g,l=new WeakSet,e.isComputed=i=>typeof i=="object"&&A(l,i),e.Computed=a,(i=>{var h,n,b,u;function v(p){let c,s=null;try{s=x(null),c=p()}finally{x(s)}return c}i.untrack=v;function w(p){var c;if(!(0,e.isComputed)(p)&&!(0,e.isWatcher)(p))throw new TypeError("Called introspectSources without a Computed or Watcher argument");return((c=p[g].producerNode)==null?void 0:c.map(s=>s.wrapper))??[]}i.introspectSources=w;function N(p){var c;if(!(0,e.isComputed)(p)&&!(0,e.isState)(p))throw new TypeError("Called introspectSinks without a Signal argument");return((c=p[g].liveConsumerNode)==null?void 0:c.map(s=>s.wrapper))??[]}i.introspectSinks=N;function K(p){if(!(0,e.isComputed)(p)&&!(0,e.isState)(p))throw new TypeError("Called hasSinks without a Signal argument");const c=p[g].liveConsumerNode;return c?c.length>0:!1}i.hasSinks=K;function ee(p){if(!(0,e.isComputed)(p)&&!(0,e.isWatcher)(p))throw new TypeError("Called hasSources without a Computed or Watcher argument");const c=p[g].producerNode;return c?c.length>0:!1}i.hasSources=ee;class te{constructor(c){E(this,n),E(this,b),k(this,h);let s=Object.create(V);s.wrapper=this,s.consumerMarkedDirty=c,s.consumerIsAlwaysLive=!0,s.consumerAllowSignalWrites=!1,s.producerNode=[],this[g]=s}watch(...c){if(!(0,e.isWatcher)(this))throw new TypeError("Called unwatch without Watcher receiver");j(this,b,u).call(this,c);const s=this[g];s.dirty=!1;const z=x(s);for(const _ of c)I(_[g]);x(z)}unwatch(...c){if(!(0,e.isWatcher)(this))throw new TypeError("Called unwatch without Watcher receiver");j(this,b,u).call(this,c);const s=this[g];S(s);for(let z=s.producerNode.length-1;z>=0;z--)if(c.includes(s.producerNode[z].wrapper)){O(s.producerNode[z],s.producerIndexOfThis[z]);const _=s.producerNode.length-1;if(s.producerNode[z]=s.producerNode[_],s.producerIndexOfThis[z]=s.producerIndexOfThis[_],s.producerNode.length--,s.producerIndexOfThis.length--,s.nextProducerIndex--,z<s.producerNode.length){const re=s.producerIndexOfThis[z],U=s.producerNode[z];G(U),U.liveConsumerIndexOfThis[re]=z}}}getPending(){if(!(0,e.isWatcher)(this))throw new TypeError("Called getPending without Watcher receiver");return this[g].producerNode.filter(s=>s.dirty).map(s=>s.wrapper)}}h=g,n=new WeakSet,b=new WeakSet,u=function(p){for(const c of p)if(!(0,e.isComputed)(c)&&!(0,e.isState)(c))throw new TypeError("Called watch/unwatch without a Computed or State argument")},e.isWatcher=p=>A(n,p),i.Watcher=te;function oe(){var p;return(p=ve())==null?void 0:p.wrapper}i.currentComputed=oe,i.watched=Symbol("watched"),i.unwatched=Symbol("unwatched")})(e.subtle||(e.subtle={}))})(q||(q={}));/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */new FinalizationRegistry(({watcher:e,signal:t})=>{e.unwatch(t)});/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */q.State;q.Computed;const F=(e,t)=>new q.State(e,t);class ke{constructor(){this.slotContents=F([]),this.activeIndex=F(0)}get activeContent(){return this.slotContents.get()[this.activeIndex.get()]}setContents(t){this.slotContents.set(t),this.activeIndex.get()>=t.length&&this.activeIndex.set(t.length>0?t.length-1:0)}updateActive(t){t>=0&&t<this.slotContents.get().length&&this.activeIndex.set(t)}updateContent(t,o=this.activeIndex.get()){if(o<0||o>=this.slotContents.get().length)return;const r=[...this.slotContents.get()];r[o]=structuredClone(t),this.slotContents.set(r)}removeContent(t){if(t<0||t>=this.slotContents.get().length)return;const o=this.slotContents.get().filter((r,l)=>l!==t);this.slotContents.set(o),this.activeIndex.get()>=o.length&&this.activeIndex.set(o.length>0?o.length-1:0)}}const Ae=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color, var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color, var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color, var(--droppable-slot-accept-drag-border-color))}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color, var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color, var(--droppable-slot-accept-drag-controls-color))}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-accept-drag-background-color: var(--luzmo-positive-color);--droppable-slot-accept-drag-color: white;--droppable-slot-accept-drag-border-color: var(--luzmo-positive-color-down);--droppable-slot-accept-drag-font-color: white;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-accept-drag-controls-background-color: var( --luzmo-positive-color-down );--droppable-slot-accept-drag-controls-color: white;--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",B={Category:()=>y.msg("Category",{desc:"Category label"}),Measure:()=>y.msg("Measure",{desc:"Measure label"}),Legend:()=>y.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>y.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>y.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>y.msg("Group by",{desc:"Group by label"})};var Me=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,C=(e,t,o,r)=>{for(var l=r>1?void 0:r?$e(t,o):t,d=e.length-1,a;d>=0;d--)(a=e[d])&&(l=(r?a(t,o,l):a(l))||l);return r&&l&&Me(t,o,l),l};exports.LuzmoDroppableSlot=class extends pe.SizedMixin(ce.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._loadSlotsConfig=new ie.h(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const o=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))});if(o[`../../item-definitions/${t}/${t}-slots.config.ts`]){const r=await o[`../../item-definitions/${t}/${t}-slots.config.ts`]();this._slotsConfig=(r==null?void 0:r.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this.slotConfiguration={},this.slotContents=[],this.language="en",this.menu="default",this.placement="bottom-end",this._store=new ke,this._currentSlotContents=[],this.changedSlotContents=t=>{this._store.setContents(t),this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t}}))},new he(this,{context:Y.slotContext,initialValue:this._store})}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable()}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this.slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotContents")&&(this._currentSlotContents=structuredClone(this.slotContents),this._store.setContents(this.slotContents??[])),t.has("language")&&this.language!==y.getLocale()&&([...y.targetLocales].includes(this.language??"en")||this.language==="en")&&y.setLocale(this.language)}firstUpdated(t){this._cleanupDroppable||(this._cleanupDroppable=le.dropTargetForElements({element:this,onDrop:o=>{var a,i,h,n;const r={...(a=o.source)==null?void 0:a.data},l={...(r==null?void 0:r.label)??{en:"Untitled"}},d=r==null?void 0:r.type;if(d==="datetime"&&!r.level&&(r.level=r.lowestLevel??(r.subtype==="date"?5:9)),d==="datetime"&&((h=(i=o==null?void 0:o.source)==null?void 0:i.element)!=null&&h.hasAttribute("sublevel"))){const b=["(Yr)","(Qtr)","(Mth)","(Wk)","(Date)","(Hr)","(Min)","(Sec)","(Msec)"],u=(r==null?void 0:r.level)??1,v=Object.keys(l);for(const w of v)l[w]=`${l[w]} ${b[u-1]}`;r.label=l}this.slotContents=(n=this.slotConfiguration)!=null&&n.canAcceptMultipleDataItems?[...this.slotContents??[],r]:[r],this.removeAttribute("accept-drag"),this.changedSlotContents(this.slotContents)},canDrop:({source:o})=>{var l,d,a,i,h,n,b,u,v,w,N;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((l=o.element)==null?void 0:l.tagName)||!((d=this.slotConfiguration)!=null&&d.canAcceptFormula)&&((a=o==null?void 0:o.data)!=null&&a.formulaId))return!1;const r=((h=(i=this.slotConfiguration)==null?void 0:i.acceptableDataItemTypes)==null?void 0:h.length)>0?this.slotConfiguration.acceptableDataItemTypes:["datetime","hierarchy","numeric","array[datetime]","array[numeric]","array[hierarchy]"];return(n=o==null?void 0:o.data)!=null&&n.type&&!r.includes((b=o==null?void 0:o.data)==null?void 0:b.type)?!1:!((u=o==null?void 0:o.data)!=null&&u.subtype&&((w=(v=this.slotConfiguration)==null?void 0:v.acceptableColumnSubtypes)==null?void 0:w.length)>0&&!this.slotConfiguration.acceptableColumnSubtypes.includes((N=o==null?void 0:o.data)==null?void 0:N.subtype))},getDropEffect:()=>"move",onDragEnter:()=>{this.setAttribute("accept-drag","")},onDragLeave:()=>{this.removeAttribute("accept-drag")}}))}updated(){this.createFullLabel()}_onSlotMenuChanges(t){var o;t.preventDefault(),t.stopPropagation(),this.slotContents.length===((o=t.detail.slotContents)==null?void 0:o.length)?(this._currentSlotContents=t.detail.slotContents,this.createFullLabel(),this.changedSlotContents(this._currentSlotContents)):(this.slotContents=t.detail.slotContents,this.changedSlotContents(this.slotContents))}createFullLabel(){var l,d,a,i,h,n,b,u,v;let t="";const o=B[(l=this.slotConfiguration)==null?void 0:l.label]?B[(d=this.slotConfiguration)==null?void 0:d.label]():(a=this.slotConfiguration)==null?void 0:a.label;((i=this._currentSlotContents)==null?void 0:i.length)===1?t=ne.localize((n=(h=this._currentSlotContents)==null?void 0:h[0])==null?void 0:n.label,this.language)??"Untitled":((b=this._currentSlotContents)==null?void 0:b.length)>1&&(t=`${this._currentSlotContents.length} items`);let r="";this.label?r=this.label:o&&(r=o),r=r||"Untitled",((u=this._currentSlotContents)==null?void 0:u.length)>0&&(r+=((v=this._currentSlotContents)==null?void 0:v.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),this._droppableSlotLabelElement&&(this._droppableSlotLabelElement.textContent=r)}droppableSlotMarkup(){var t,o,r,l;return f.x`
       <div
         class="droppable-slot"
         ?filled=${((t=this.slotContents)==null?void 0:t.length)>0}
         id="trigger"
       >
         <div class="droppable-slot-label"></div>
-        ${((o=this.slotContents)==null?void 0:o.length)>0&&!(this.hideConfiguration&&this.hideDelete)?r.x`<div class="controls">
-              ${this.hideConfiguration?"":r.x`<div>
-                    ${h.y3(h.M1)}
+        ${((o=this.slotContents)==null?void 0:o.length)>0&&!(this.hideConfiguration&&this.hideDelete)?f.x`<div class="controls">
+              ${this.hideConfiguration?"":f.x`<div>
+                    ${L.y3(L.M1)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -35,8 +96,8 @@
                       edit
                     </luzmo-tooltip>
                   </div> `}
-              ${this.hideDelete?"":r.x`<div @click=${this.emptySlotContents}>
-                    ${h.y3(h.C1)}
+              ${this.hideDelete?"":f.x`<div @click=${this.emptySlotContents}>
+                    ${L.y3(L.C1)}
                     <luzmo-tooltip
                       self-managed
                       placement="top"
@@ -46,24 +107,24 @@
                     </luzmo-tooltip>
                   </div>`}
             </div>`:""}
-        ${((e=this.slotContents)==null?void 0:e.length)>0?r.x`<luzmo-overlay
+        ${((r=this.slotContents)==null?void 0:r.length)>0?f.x`<luzmo-overlay
               trigger="trigger@click"
               .placement=${this.placement}
             >
               <luzmo-slot-menu
                 language=${this.language}
                 content-language=${this.language}
+                drag-boundary=${this.dragBoundary}
                 slot-type=${(l=this.slotConfiguration)==null?void 0:l.type}
-                .slotContents=${this._currentSlotContents}
                 variant=${this.menu==="draggable"?"draggable":"popup"}
                 .size=${this.size}
                 @slot-contents-changed=${this._onSlotMenuChanges}
               ></luzmo-slot-menu>
             </luzmo-overlay>`:""}
       </div>
-    `}render(){return this._loadSlotsConfig.render({pending:()=>r.x`<p>Loading...</p>`,complete:t=>{if(this.slotName&&this.itemType&&t){const o=t.find(e=>e.name===this.slotName);o&&!this.slotConfiguration&&(this.slotConfiguration=o)}return this.droppableSlotMarkup()},error:t=>r.x`
+    `}render(){return this._loadSlotsConfig.render({pending:()=>f.x`<p>Loading...</p>`,complete:t=>{if(this.slotName&&this.itemType&&t){const o=t.find(r=>r.name===this.slotName);o&&!this.slotConfiguration&&(this.slotConfiguration=o)}return this.droppableSlotMarkup()},error:t=>f.x`
         <div>
           Could not load droppable slot: '${this.slotName}' of chart
           '${this.itemType}': ${t}.
         </div>
-      `})}};exports.LuzmoDroppableSlot.styles=r.r(x);a([r.n({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoDroppableSlot.prototype,"itemType",2);a([r.n({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoDroppableSlot.prototype,"slotName",2);a([r.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotConfiguration",2);a([r.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotContents",2);a([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"label",2);a([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"language",2);a([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"menu",2);a([r.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"placement",2);a([r.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoDroppableSlot.prototype,"hideDelete",2);a([r.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoDroppableSlot.prototype,"hideConfiguration",2);a([P.e(".droppable-slot-label")],exports.LuzmoDroppableSlot.prototype,"_droppableSlotLabelElement",2);exports.LuzmoDroppableSlot=a([C.localized()],exports.LuzmoDroppableSlot);customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",exports.LuzmoDroppableSlot);
+      `})}};exports.LuzmoDroppableSlot.styles=f.r(Ae);C([f.n({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoDroppableSlot.prototype,"itemType",2);C([f.n({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoDroppableSlot.prototype,"slotName",2);C([f.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotConfiguration",2);C([f.n({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotContents",2);C([f.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"label",2);C([f.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"language",2);C([f.n({type:String,reflect:!0,attribute:"drag-boundary"})],exports.LuzmoDroppableSlot.prototype,"dragBoundary",2);C([f.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"menu",2);C([f.n({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"placement",2);C([f.n({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoDroppableSlot.prototype,"hideDelete",2);C([f.n({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoDroppableSlot.prototype,"hideConfiguration",2);C([ae.e(".droppable-slot-label")],exports.LuzmoDroppableSlot.prototype,"_droppableSlotLabelElement",2);exports.LuzmoDroppableSlot=C([se.localized()],exports.LuzmoDroppableSlot);customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",exports.LuzmoDroppableSlot);