@luzmo/analytics-components-kit 1.0.1-alpha.50 → 1.0.1-alpha.52

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

@@ -68,5 +68,6 @@ export declare class LuzmoDisplaySettings extends LuzmoDisplaySettings_base {
     private _toggleIds;
     private _renderDisplaySettings;
     protected render(): TemplateResult | TemplateResult<1> | undefined;
+    disconnectedCallback(): void;
 }
 export {};

package/components/display-settings/index.cjs

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

package/components/display-settings/index.js

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

package/components/display-settings-numeric/helpers/constants.d.ts

@@ -9,6 +9,7 @@ export declare const NUMERIC_SEPARATOR_FORMATS: Record<NumericSeparatorFormatKey
     label: () => string;
     thousandSeparator?: ',' | '.';
     decimalSeparator?: ',' | '.';
+    hiddenFor?: DisplayAsFormatLabel;
 }>;
 export declare const DURATION: {
     levels: {

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 n=require("../set-locale-DCPlazsZ.cjs"),A=require("../localized-decorator-DIXYZ3RL.cjs");require("../index-Dy_5M3M5.cjs");require("../index-CnP-Q5Bw.cjs");require("../index-j8UKjHqY.cjs");require("../index-tXl_aMnZ.cjs");require("../index-MPM_B4re.cjs");require("../index-Ck5VRoXN.cjs");require("../index-BoXbQm2o.cjs");const y=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("../property-Cu4Q1hS4.cjs"),p=require("../luzmo-icons-DonyjSXg.cjs"),D=require("../index-CUvucmA0.cjs");require("../index-CYeQkVeJ.cjs");const z=require("../calculate-data-item-icon-Dn-9Kd0U.cjs"),b=require("../localize-r7ALOUy_.cjs"),N=require("../state-fyl3IYMu.cjs"),g=require("../query-D5qWDopr.cjs"),w=require("../focusable-DAGGGYyz.cjs"),L=require("../sized-mixin-j_7aJM4b.cjs"),x=":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))}.dataset-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600;text-transform:uppercase;margin-bottom:.5rem;margin-top:.5rem;margin-left:1rem}.no-weight-label{margin-left:1rem}.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:60%;width:auto;font-size:.75em;line-height:1}.data-icon-type{width:1.5rem;text-align:center;position:relative;display:inline-block}: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 )}",C={sum:()=>n.msg("Sum",{desc:"Numeric Aggregation option"}),cumulativesum:()=>n.msg("Cumulative sum",{desc:"Numeric Aggregation option"}),average:()=>n.msg("Average",{desc:"Numeric Aggregation option"}),median:()=>n.msg("Median",{desc:"Numeric Aggregation option"}),count:()=>n.msg("Count",{desc:"Numeric Aggregation option"}),distinctcount:()=>n.msg("Distinct count",{desc:"Numeric Aggregation option"}),min:()=>n.msg("Minimum",{desc:"Numeric Aggregation option"}),max:()=>n.msg("Maximum",{desc:"Numeric Aggregation option"}),stddev:()=>n.msg("Standard deviation",{desc:"Numeric Aggregation option"}),rate:()=>n.msg("Rate",{desc:"Numeric Aggregation option"})},S={general:"123",percentage:"%",scientific:"SI"},F={time:()=>n.msg("Time",{desc:"Time format option"}),short:()=>n.msg("Short",{desc:"Short format option"}),long:()=>n.msg("Long",{desc:"Long format option"})},_={Auto:{auto:!0,label:()=>n.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:","}},E={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 q=Object.defineProperty,I=Object.getOwnPropertyDescriptor,l=(v,e,t,i)=>{for(var s=i>1?void 0:i?I(e,t):e,a=v.length-1,r;a>=0;a--)(r=v[a])&&(s=(i?r(e,t,s):r(s))||s);return i&&s&&q(e,t,s),s};exports.LuzmoDisplaySettingsNumeric=class extends L.SizedMixin(w.LuzmoElement,{validSizes:Object.values(L.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this.measureColumns=[],this._durationLevels=[],this._renderDurationLevelMenu=!1,this._sendEvent=()=>{const e={...this.slotContent};e.format=this._format,e.aggregationFunc=this._aggregationFunc,this._aggregationWeightColumn?e.aggregationWeight={...this._aggregationWeightColumn}:delete e.aggregationWeight,this._displayMode==="duration"?(e.duration=e.duration??{},e.duration.format=this._durationFormat,e.duration.levels=this._durationLevels):delete e.duration,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:e}}))}}static get styles(){return[o.r(x)]}_parseSavedNumericFormatSettings(){var e,t,i,s,a,r,c,u,d,h;if(this._displayMode=((e=this.slotContent)==null?void 0:e.subtype)==="duration"?((s=(i=(t=this.slotContent)==null?void 0:t.duration)==null?void 0:i.levels)==null?void 0:s.length)===1?"numeric":"duration":"numeric",this._durationFormat=((r=(a=this.slotContent)==null?void 0:a.duration)==null?void 0:r.format)??"short",this._durationLevels=((u=(c=this.slotContent)==null?void 0:c.duration)==null?void 0:u.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 m=y.decomposeNumericFormat(this._format??".0f");this._isAuto=((h=m.typeFormat)==null?void 0:h.includes("a"))??!1,["%","a%","y","ay"].includes(m.typeFormat)?this._displayAs="percentage":["s","as","w","aw"].includes(m.typeFormat)?this._displayAs="scientific":this._displayAs="general",this._precision=m.precision?Number.parseInt(m.precision.replace(".",""),10):this._displayAs==="scientific"?1:0,this._commaDecimals=["z","az","y","ay","w","aw"].includes(m.typeFormat),this._thousandSeparator=m.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 e,t;this._displayAs=((t=(e=this._displayAsElement)==null?void 0:e.selected)==null?void 0:t[0])??"general",this._displayAs==="scientific"&&(this._precision=Math.max(this._precision??0,1),this._thousandSeparator=!1),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setNumericSeparators(e){const t=_[(e==null?void 0:e.detail)??"Auto"];this._thousandSeparator=[",","."].includes((t==null?void 0:t.thousandSeparator)??""),this._commaDecimals=(t==null?void 0:t.decimalSeparator)===",",this._isAuto=t==null?void 0:t.auto,this._setNumericFormat(),this._sendEvent()}_setPrecision(){this._precision=this._precisionElement.value,this._setNumericFormat(),this._sendEvent()}_setNumericFormat(){var i;let e="f";const t=this.slotContent.subtype==="duration"?this._durationLevels&&((i=this._durationLevels)==null?void 0:i.length)===1?"numeric":"duration":"numeric";this._maxDurationLevel=Math.min(...this._durationLevels),t==="duration"?(!["time","short","long"].includes(this._durationFormat??"")||this._maxDurationLevel<6&&this._durationFormat==="time")&&(this._durationFormat="short"):(this._displayAs==="general"&&this._commaDecimals?e="z":this._displayAs==="percentage"&&this._commaDecimals?e="y":this._displayAs==="scientific"&&this._commaDecimals?e="w":this._displayAs==="percentage"?e="%":this._displayAs==="scientific"&&(e="s"),this._format=(this._thousandSeparator||this._isAuto?",":"")+"."+this._precision+(this._isAuto?"a":"")+e)}_setAggregationFunc(){var a;const e=this._aggregationElement.value,t=this._aggregationFunc,i=this.slotContent.format;if(e!==(t==="weightedaverage"?"average":t)){if(this._aggregationFunc=e==="average"&&((a=this._aggregationWeightColumn)!=null&&a.column)?"weightedaverage":e,t==="rate"){const r=y.decomposeNumericFormat(i),c=["%","y","a%","ay"].includes(r.typeFormat);this.slotContent.subtype==="currency"&&c&&this._setNumericDisplayAs()}this._sendEvent(),(this._aggregationFunc==="rate"||t==="rate")&&this.requestUpdate()}}_setAggregationWeight(){var i;const e=this._aggregationWeightElement.value,t=this._aggregationFunc;if(e==="none")this._aggregationWeightColumn=void 0,this._aggregationFunc==="weightedaverage"&&(this._aggregationFunc="average");else{let s,a;for(const r of this.measureColumns??[]){const c=(i=r.columns)==null?void 0:i.find(u=>u.id===e);if(c){s=c,a=r.datasetId;break}}s&&(this._aggregationWeightColumn={column:s.id,set:a,columnSubType:s.subtype}),this._aggregationFunc==="average"&&(this._aggregationFunc="weightedaverage")}this._sendEvent(),this.requestUpdate(),(t==="weightedaverage"&&this._aggregationFunc==="average"||t==="average"&&this._aggregationFunc==="weightedaverage")&&this.requestUpdate()}_setDurationLevels(){const e=this._durationLevels,t=this._durationLevelsElement.value.split(",").filter(i=>i!=="").map(i=>Number.parseInt(i,10));this._durationLevels=((t==null?void 0:t.length)??0)>=1?t:e,this._maxDurationLevel=Math.min(...this._durationLevels),this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setDurationFormat(){var e,t;this._durationFormat=(t=(e=this._durationFormatElement)==null?void 0:e.selected)==null?void 0:t[0],this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_fillTimeDurationLevels(){if(this._durationFormat==="time"){const e=this._durationLevels.sort().at(-1);if([7,8,9].includes(e)){const t={lev7:[6],lev8:[6,7],lev9:[6,7,8]};for(const i of t["lev"+e])this._durationLevels.includes(i)||this._durationLevels.push(i);this._durationLevels=[...this._durationLevels].sort()}}}willUpdate(e){var t,i,s,a,r;e.has("slotContent")&&(this._parseSavedNumericFormatSettings(),this._aggregationFunc=((t=this.slotContent)==null?void 0:t.aggregationFunc)??(((i=this.slotContent)==null?void 0:i.type)==="numeric"?"sum":"count"),this._aggregationWeightColumn=(s=this.slotContent)==null?void 0:s.aggregationWeight,this._isFormula=((a=this.slotContent)==null?void 0:a.formula)||((r=this.slotContent)==null?void 0:r.formulaId)),e.has("language")&&this.language!==n.getLocale()&&([...n.targetLocales].includes(this.language??"en")||this.language==="en")&&n.setLocale(this.language)}firstUpdated(){var e;(e=this.slotContent)!=null&&e.duration&&this._durationLevelsOverlay.addEventListener("slottable-request",t=>{this._renderDurationLevelMenu=t.data!==D.a})}_renderDurationLevelsSettings(){const e=E.levels.map(t=>{let i=!1;return this._durationFormat==="time"&&t.level>=6&&this._durationLevels.includes(t.level)&&t.level!==Math.max(...this._durationLevels)&&(i=!0),this._durationLevels.length===1&&this._durationLevels.includes(t.level)&&(i=!0),o.x`<luzmo-menu-item
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../set-locale-DCPlazsZ.cjs"),A=require("../localized-decorator-DIXYZ3RL.cjs");require("../index-Dy_5M3M5.cjs");require("../index-CnP-Q5Bw.cjs");require("../index-j8UKjHqY.cjs");require("../index-tXl_aMnZ.cjs");require("../index-MPM_B4re.cjs");require("../index-Ck5VRoXN.cjs");require("../index-BoXbQm2o.cjs");const f=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("../property-Cu4Q1hS4.cjs"),p=require("../luzmo-icons-DonyjSXg.cjs"),D=require("../index-CUvucmA0.cjs");require("../index-CYeQkVeJ.cjs");const y=require("../calculate-data-item-icon-Dn-9Kd0U.cjs"),z=require("../localize-r7ALOUy_.cjs"),N=require("../state-fyl3IYMu.cjs"),g=require("../query-D5qWDopr.cjs"),w=require("../focusable-DAGGGYyz.cjs"),b=require("../sized-mixin-j_7aJM4b.cjs"),x=":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))}.dataset-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600;text-transform:uppercase;margin:.5rem 1rem}.no-weight-label{margin-left:1rem}.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:60%;width:auto;font-size:.75em;line-height:1}.data-icon-type{width:1.5rem;text-align:center;position:relative;display:inline-block}: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 )}",C={sum:()=>n.msg("Sum",{desc:"Numeric Aggregation option"}),cumulativesum:()=>n.msg("Cumulative sum",{desc:"Numeric Aggregation option"}),average:()=>n.msg("Average",{desc:"Numeric Aggregation option"}),median:()=>n.msg("Median",{desc:"Numeric Aggregation option"}),count:()=>n.msg("Count",{desc:"Numeric Aggregation option"}),distinctcount:()=>n.msg("Distinct count",{desc:"Numeric Aggregation option"}),min:()=>n.msg("Minimum",{desc:"Numeric Aggregation option"}),max:()=>n.msg("Maximum",{desc:"Numeric Aggregation option"}),stddev:()=>n.msg("Standard deviation",{desc:"Numeric Aggregation option"}),rate:()=>n.msg("Rate",{desc:"Numeric Aggregation option"})},L={general:"123",percentage:"%",scientific:"SI"},F={time:()=>n.msg("Time",{desc:"Time format option"}),short:()=>n.msg("Short",{desc:"Short format option"}),long:()=>n.msg("Long",{desc:"Long format option"})},S={Auto:{auto:!0,label:()=>n.msg("Auto",{desc:"Automatic setting of the option"})},"1,000.00":{auto:!1,label:()=>"1,000.00",thousandSeparator:",",decimalSeparator:".",hiddenFor:"scientific"},"1.000,00":{auto:!1,label:()=>"1.000,00",thousandSeparator:".",decimalSeparator:",",hiddenFor:"scientific"},"1000.00":{auto:!1,label:()=>"1000.00",decimalSeparator:"."},"1000,00":{auto:!1,label:()=>"1000,00",decimalSeparator:","}},E={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 q=Object.defineProperty,I=Object.getOwnPropertyDescriptor,l=(v,e,t,i)=>{for(var s=i>1?void 0:i?I(e,t):e,a=v.length-1,r;a>=0;a--)(r=v[a])&&(s=(i?r(e,t,s):r(s))||s);return i&&s&&q(e,t,s),s};exports.LuzmoDisplaySettingsNumeric=class extends b.SizedMixin(w.LuzmoElement,{validSizes:Object.values(b.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={},this.measureColumns=[],this._durationLevels=[],this._renderDurationLevelMenu=!1,this._sendEvent=()=>{const e={...this.slotContent};e.format=this._format,e.aggregationFunc=this._aggregationFunc,this._aggregationWeightColumn?e.aggregationWeight={...this._aggregationWeightColumn}:delete e.aggregationWeight,this._displayMode==="duration"?(e.duration=e.duration??{},e.duration.format=this._durationFormat,e.duration.levels=this._durationLevels):delete e.duration,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:e}}))}}static get styles(){return[o.r(x)]}_parseSavedNumericFormatSettings(){var e,t,i,s,a,r,c,u,d,h;if(this._displayMode=((e=this.slotContent)==null?void 0:e.subtype)==="duration"?((s=(i=(t=this.slotContent)==null?void 0:t.duration)==null?void 0:i.levels)==null?void 0:s.length)===1?"numeric":"duration":"numeric",this._durationFormat=((r=(a=this.slotContent)==null?void 0:a.duration)==null?void 0:r.format)??"short",this._durationLevels=((u=(c=this.slotContent)==null?void 0:c.duration)==null?void 0:u.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 m=f.decomposeNumericFormat(this._format??".0f");this._isAuto=((h=m.typeFormat)==null?void 0:h.includes("a"))??!1,["%","a%","y","ay"].includes(m.typeFormat)?this._displayAs="percentage":["s","as","w","aw"].includes(m.typeFormat)?this._displayAs="scientific":this._displayAs="general",this._precision=m.precision?Number.parseInt(m.precision.replace(".",""),10):this._displayAs==="scientific"?1:0,this._commaDecimals=["z","az","y","ay","w","aw"].includes(m.typeFormat),this._thousandSeparator=m.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 e,t;this._displayAs=((t=(e=this._displayAsElement)==null?void 0:e.selected)==null?void 0:t[0])??"general",this._displayAs==="scientific"&&(this._precision=Math.max(this._precision??0,1),this._thousandSeparator=!1),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setNumericSeparators(e){const t=S[(e==null?void 0:e.detail)??"Auto"];this._thousandSeparator=[",","."].includes((t==null?void 0:t.thousandSeparator)??""),this._commaDecimals=(t==null?void 0:t.decimalSeparator)===",",this._isAuto=t==null?void 0:t.auto,this._setNumericFormat(),this._sendEvent()}_setPrecision(){this._precision=this._precisionElement.value,this._setNumericFormat(),this._sendEvent()}_setNumericFormat(){var i;let e="f";const t=this.slotContent.subtype==="duration"?this._durationLevels&&((i=this._durationLevels)==null?void 0:i.length)===1?"numeric":"duration":"numeric";this._maxDurationLevel=Math.min(...this._durationLevels),t==="duration"?(!["time","short","long"].includes(this._durationFormat??"")||this._maxDurationLevel<6&&this._durationFormat==="time")&&(this._durationFormat="short"):(this._displayAs==="general"&&this._commaDecimals?e="z":this._displayAs==="percentage"&&this._commaDecimals?e="y":this._displayAs==="scientific"&&this._commaDecimals?e="w":this._displayAs==="percentage"?e="%":this._displayAs==="scientific"&&(e="s"),this._format=(this._thousandSeparator||this._isAuto?",":"")+"."+this._precision+(this._isAuto?"a":"")+e)}_setAggregationFunc(){var a;const e=this._aggregationElement.value,t=this._aggregationFunc,i=this.slotContent.format;if(e!==(t==="weightedaverage"?"average":t)){if(this._aggregationFunc=e==="average"&&((a=this._aggregationWeightColumn)!=null&&a.column)?"weightedaverage":e,t==="rate"){const r=f.decomposeNumericFormat(i),c=["%","y","a%","ay"].includes(r.typeFormat);this.slotContent.subtype==="currency"&&c&&this._setNumericDisplayAs()}this._sendEvent(),(this._aggregationFunc==="rate"||t==="rate")&&this.requestUpdate()}}_setAggregationWeight(){var i;const e=this._aggregationWeightElement.value,t=this._aggregationFunc;if(e==="none")this._aggregationWeightColumn=void 0,this._aggregationFunc==="weightedaverage"&&(this._aggregationFunc="average");else{let s,a;for(const r of this.measureColumns??[]){const c=(i=r.columns)==null?void 0:i.find(u=>u.id===e);if(c){s=c,a=r.datasetId;break}}s&&(this._aggregationWeightColumn={column:s.id,set:a,columnSubType:s.subtype}),this._aggregationFunc==="average"&&(this._aggregationFunc="weightedaverage")}this._sendEvent(),this.requestUpdate(),(t==="weightedaverage"&&this._aggregationFunc==="average"||t==="average"&&this._aggregationFunc==="weightedaverage")&&this.requestUpdate()}_setDurationLevels(){const e=this._durationLevels,t=this._durationLevelsElement.value.split(",").filter(i=>i!=="").map(i=>Number.parseInt(i,10));this._durationLevels=((t==null?void 0:t.length)??0)>=1?t:e,this._maxDurationLevel=Math.min(...this._durationLevels),this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setDurationFormat(){var e,t;this._durationFormat=(t=(e=this._durationFormatElement)==null?void 0:e.selected)==null?void 0:t[0],this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_fillTimeDurationLevels(){if(this._durationFormat==="time"){const e=this._durationLevels.sort().at(-1);if([7,8,9].includes(e)){const t={lev7:[6],lev8:[6,7],lev9:[6,7,8]};for(const i of t["lev"+e])this._durationLevels.includes(i)||this._durationLevels.push(i);this._durationLevels=[...this._durationLevels].sort()}}}willUpdate(e){var t,i,s,a,r;e.has("slotContent")&&(this._parseSavedNumericFormatSettings(),this._aggregationFunc=((t=this.slotContent)==null?void 0:t.aggregationFunc)??(((i=this.slotContent)==null?void 0:i.type)==="numeric"?"sum":"count"),this._aggregationWeightColumn=(s=this.slotContent)==null?void 0:s.aggregationWeight,this._isFormula=((a=this.slotContent)==null?void 0:a.formula)||((r=this.slotContent)==null?void 0:r.formulaId)),e.has("language")&&this.language!==n.getLocale()&&([...n.targetLocales].includes(this.language??"en")||this.language==="en")&&n.setLocale(this.language)}firstUpdated(){var e;(e=this.slotContent)!=null&&e.duration&&this._durationLevelsOverlay.addEventListener("slottable-request",t=>{this._renderDurationLevelMenu=t.data!==D.a})}_renderDurationLevelsSettings(){const e=E.levels.map(t=>{let i=!1;return this._durationFormat==="time"&&t.level>=6&&this._durationLevels.includes(t.level)&&t.level!==Math.max(...this._durationLevels)&&(i=!0),this._durationLevels.length===1&&this._durationLevels.includes(t.level)&&(i=!0),o.x`<luzmo-menu-item
         value=${t.level}
         ?selected=${this._durationLevels.includes(t.level)}
         ?disabled=${i}
@@ -70,8 +70,8 @@
       >
         ${e}
       </luzmo-action-group>
-    </div>`}_renderNumericDisplayAsSettings(){const e=Object.keys(S).map(t=>o.x`<luzmo-action-button value=${t}
-          >${S[t]}</luzmo-action-button
+    </div>`}_renderNumericDisplayAsSettings(){const e=Object.keys(L).map(t=>o.x`<luzmo-action-button value=${t}
+          >${L[t]}</luzmo-action-button
         >`);return o.x`<div class="setting">
       <luzmo-field-label for="display-as">
         ${n.msg("Display as",{desc:"Label for display as setting for the datetime field"})}
@@ -87,9 +87,7 @@
       >
         ${e}
       </luzmo-action-group>
-    </div>`}_renderNumericFormatSettings(){const e=Object.keys(_).map(t=>o.x`<luzmo-menu-item value=${t}>
-          ${_[t].label()}
-        </luzmo-menu-item>`);return o.x` <div class="setting">
+    </div>`}_renderNumericFormatSettings(){const e=Object.entries(S).filter(([,{hiddenFor:t}])=>!t||t!==this._displayAs).map(([t,{label:i}])=>o.x`<luzmo-menu-item value=${t}>${i()}</luzmo-menu-item>`);return o.x` <div class="setting">
         <luzmo-field-label for="format">
           ${n.msg("Format",{desc:"Label for format setting"})}
         </luzmo-field-label>
@@ -117,16 +115,16 @@
         ></luzmo-number-field>
       </div>`}_renderAggregationSettings(){var i;const e=Object.entries(C).filter(([s])=>{var a;return["count","distinctcount"].includes(s)||((a=this.slotContent)==null?void 0:a.type)==="numeric"}).map(([s,a])=>o.x`<luzmo-menu-item value=${s}>${a()}</luzmo-menu-item>`),t=[o.x`<luzmo-menu-item value="none" class="no-weight">
         <span class="no-weight-label">No weight</span>
-      </luzmo-menu-item>`,...(this.measureColumns??[]).flatMap(s=>{const a=typeof s.datasetName=="object"?b.localize(s.datasetName,this.language):s.datasetName,r=o.x`<div class="dataset-header">
+      </luzmo-menu-item>`,...(this.measureColumns??[]).flatMap(s=>{const a=typeof s.datasetName=="object"?z.localize(s.datasetName,this.language):s.datasetName,r=o.x`<div class="dataset-header">
           ${a}
           <luzmo-tooltip self-managed placement="right" size=${this.size}>
             ${a}
           </luzmo-tooltip>
-        </div>`,c=(s.columns??[]).map(u=>{const d=typeof u.name=="object"?b.localize(u.name,this.language):u.name,h=p.y3(z.calculateDataItemIcon(u,"s")),m=u.expression?z.calculateDataItemSecondaryIcon("derived","s"):void 0,f=!!m,$=f?o.x`<span class="secondary-icon"
+        </div>`,c=(s.columns??[]).map(u=>{const d=typeof u.name=="object"?z.localize(u.name,this.language):u.name,h=p.y3(y.calculateDataItemIcon(u,"s")),m=u.expression?y.calculateDataItemSecondaryIcon("derived","s"):void 0,_=!!m,$=_?o.x`<span class="secondary-icon"
                 >${p.y3(m)}</span
               >`:o.E;return o.x`<luzmo-menu-item value=${u.id}>
             <span class="data-icon-type" slot="icon">
-              <span class=${f?"with-secondary-icon":""}
+              <span class=${_?"with-secondary-icon":""}
                 >${h}</span
               >
               ${$}
@@ -165,7 +163,15 @@
                   >
                     ${t}
                   </luzmo-picker>
-                `:o.E}
+                `:o.x`<luzmo-picker
+                  id="weighting-column"
+                  size=${this.size}
+                  variant="highlight"
+                  icons="none"
+                  value="none"
+                >
+                  <luzmo-menu-item value="none">No weight</luzmo-menu-item>
+                </luzmo-picker>`}
           </div>`:""}
     </div>`}render(){var e;return o.x`<div class="settings-container">
       <div class="settings-row">

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

@@ -26,13 +26,13 @@ import "../index-BssHAgUU.js";
 import "../index-DsP81c4M.js";
 import "../index-B2ngKWOI.js";
 import "../index-CTVNGPeT.js";
-import { d as y } from "../decompose-numeric-format-BuZcjH2k.js";
-import { r as N, x as r, E as f, n as _ } from "../property-DCzt3DR1.js";
-import { a8 as z, ac as E } from "../luzmo-icons-CVeTZ59u.js";
+import { d as _ } from "../decompose-numeric-format-BuZcjH2k.js";
+import { r as N, x as r, E as b, n as z } from "../property-DCzt3DR1.js";
+import { a8 as f, ac as E } from "../luzmo-icons-CVeTZ59u.js";
 import { a as I } from "../index-DUF6bALI.js";
 import "../index-BmshD32H.js";
 import { c as M, a as O } from "../calculate-data-item-icon-Dpvf1aLI.js";
-import { l as x } from "../localize-BX7q0S0M.js";
+import { l as y } from "../localize-BX7q0S0M.js";
 import { r as k } from "../state-nDsQPund.js";
 import { e as g } from "../query-Ddbd72Um.js";
 import { L as W } from "../focusable-BbymtxWI.js";
@@ -44,7 +44,7 @@ const L = () => {
   }
 };
 L();
-const j = ":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))}.dataset-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600;text-transform:uppercase;margin-bottom:.5rem;margin-top:.5rem;margin-left:1rem}.no-weight-label{margin-left:1rem}.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:60%;width:auto;font-size:.75em;line-height:1}.data-icon-type{width:1.5rem;text-align:center;position:relative;display:inline-block}: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 )}", P = {
+const j = ":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))}.dataset-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600;text-transform:uppercase;margin:.5rem 1rem}.no-weight-label{margin-left:1rem}.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:60%;width:auto;font-size:.75em;line-height:1}.data-icon-type{width:1.5rem;text-align:center;position:relative;display:inline-block}: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 )}", P = {
   sum: () => a("Sum", { desc: "Numeric Aggregation option" }),
   cumulativesum: () => a("Cumulative sum", { desc: "Numeric Aggregation option" }),
   average: () => a("Average", { desc: "Numeric Aggregation option" }),
@@ -55,15 +55,15 @@ const j = ":host .settings-container{display:flex;flex-direction:column;gap:var(
   max: () => a("Maximum", { desc: "Numeric Aggregation option" }),
   stddev: () => a("Standard deviation", { desc: "Numeric Aggregation option" }),
   rate: () => a("Rate", { desc: "Numeric Aggregation option" })
-}, A = {
+}, x = {
   general: "123",
   percentage: "%",
   scientific: "SI"
-}, $ = {
+}, A = {
   time: () => a("Time", { desc: "Time format option" }),
   short: () => a("Short", { desc: "Short format option" }),
   long: () => a("Long", { desc: "Long format option" })
-}, v = {
+}, $ = {
   Auto: {
     auto: !0,
     label: () => a("Auto", { desc: "Automatic setting of the option" })
@@ -72,16 +72,26 @@ const j = ":host .settings-container{display:flex;flex-direction:column;gap:var(
     auto: !1,
     label: () => "1,000.00",
     thousandSeparator: ",",
-    decimalSeparator: "."
+    decimalSeparator: ".",
+    hiddenFor: "scientific"
   },
   "1.000,00": {
     auto: !1,
     label: () => "1.000,00",
     thousandSeparator: ".",
-    decimalSeparator: ","
+    decimalSeparator: ",",
+    hiddenFor: "scientific"
   },
-  "1000.00": { auto: !1, label: () => "1000.00", decimalSeparator: "." },
-  "1000,00": { auto: !1, label: () => "1000,00", decimalSeparator: "," }
+  "1000.00": {
+    auto: !1,
+    label: () => "1000.00",
+    decimalSeparator: "."
+  },
+  "1000,00": {
+    auto: !1,
+    label: () => "1000,00",
+    decimalSeparator: ","
+  }
 }, G = {
   levels: [
     { level: 1, label: "years" },
@@ -127,7 +137,7 @@ let n = class extends T(W, {
       this._precision = 2, this._commaDecimals = !1, this._thousandSeparator = !1;
     else {
       this._format = ((h = this.slotContent) == null ? void 0 : h.format) ?? ".0f";
-      const d = y(this._format ?? ".0f");
+      const d = _(this._format ?? ".0f");
       this._isAuto = ((p = d.typeFormat) == null ? void 0 : p.includes("a")) ?? !1, ["%", "a%", "y", "ay"].includes(d.typeFormat) ? this._displayAs = "percentage" : ["s", "as", "w", "aw"].includes(d.typeFormat) ? this._displayAs = "scientific" : this._displayAs = "general", this._precision = d.precision ? Number.parseInt(d.precision.replace(".", ""), 10) : this._displayAs === "scientific" ? 1 : 0, this._commaDecimals = ["z", "az", "y", "ay", "w", "aw"].includes(
         d.typeFormat
       ), this._thousandSeparator = d.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");
@@ -138,7 +148,7 @@ let n = class extends T(W, {
     this._displayAs = ((t = (e = this._displayAsElement) == null ? void 0 : e.selected) == null ? void 0 : t[0]) ?? "general", this._displayAs === "scientific" && (this._precision = Math.max(this._precision ?? 0, 1), this._thousandSeparator = !1), this._setNumericFormat(), this._sendEvent(), this.requestUpdate();
   }
   _setNumericSeparators(e) {
-    const t = v[(e == null ? void 0 : e.detail) ?? "Auto"];
+    const t = $[(e == null ? void 0 : e.detail) ?? "Auto"];
     this._thousandSeparator = [",", "."].includes(
       (t == null ? void 0 : t.thousandSeparator) ?? ""
     ), this._commaDecimals = (t == null ? void 0 : t.decimalSeparator) === ",", this._isAuto = t == null ? void 0 : t.auto, this._setNumericFormat(), this._sendEvent();
@@ -157,7 +167,7 @@ let n = class extends T(W, {
     const e = this._aggregationElement.value, t = this._aggregationFunc, o = this.slotContent.format;
     if (e !== (t === "weightedaverage" ? "average" : t)) {
       if (this._aggregationFunc = e === "average" && ((i = this._aggregationWeightColumn) != null && i.column) ? "weightedaverage" : e, t === "rate") {
-        const l = y(o), u = ["%", "y", "a%", "ay"].includes(
+        const l = _(o), u = ["%", "y", "a%", "ay"].includes(
           l.typeFormat
         );
         this.slotContent.subtype === "currency" && u && this._setNumericDisplayAs();
@@ -278,7 +288,7 @@ let n = class extends T(W, {
         ${this._durationLevels.length}
         ${this._durationLevels.length === 1 ? "level" : "levels"} active
         <span class="duration-angle-down-icon">
-          ${z(E)}
+          ${f(E)}
         </span>
       </luzmo-action-button>
       <luzmo-overlay
@@ -303,8 +313,8 @@ let n = class extends T(W, {
     </div>`;
   }
   _renderDurationFormatSettings() {
-    const e = Object.keys($).map((t) => t === "time" && (this._maxDurationLevel ?? 1) < 6 ? "" : r`<luzmo-action-button value=${t}>
-        ${$[t]()}
+    const e = Object.keys(A).map((t) => t === "time" && (this._maxDurationLevel ?? 1) < 6 ? "" : r`<luzmo-action-button value=${t}>
+        ${A[t]()}
       </luzmo-action-button>`);
     return r` <div class="setting">
       <luzmo-field-label for="duration-format">
@@ -324,9 +334,9 @@ let n = class extends T(W, {
     </div>`;
   }
   _renderNumericDisplayAsSettings() {
-    const e = Object.keys(A).map(
+    const e = Object.keys(x).map(
       (t) => r`<luzmo-action-button value=${t}
-          >${A[t]}</luzmo-action-button
+          >${x[t]}</luzmo-action-button
         >`
     );
     return r`<div class="setting">
@@ -349,10 +359,10 @@ let n = class extends T(W, {
     </div>`;
   }
   _renderNumericFormatSettings() {
-    const e = Object.keys(v).map(
-      (t) => r`<luzmo-menu-item value=${t}>
-          ${v[t].label()}
-        </luzmo-menu-item>`
+    const e = Object.entries($).filter(
+      ([, { hiddenFor: t }]) => !t || t !== this._displayAs
+    ).map(
+      ([t, { label: o }]) => r`<luzmo-menu-item value=${t}>${o()}</luzmo-menu-item>`
     );
     return r` <div class="setting">
         <luzmo-field-label for="format">
@@ -400,7 +410,7 @@ let n = class extends T(W, {
         <span class="no-weight-label">No weight</span>
       </luzmo-menu-item>`,
       ...(this.measureColumns ?? []).flatMap((s) => {
-        const i = typeof s.datasetName == "object" ? x(
+        const i = typeof s.datasetName == "object" ? y(
           s.datasetName,
           this.language
         ) : s.datasetName, l = r`<div class="dataset-header">
@@ -409,12 +419,12 @@ let n = class extends T(W, {
             ${i}
           </luzmo-tooltip>
         </div>`, u = (s.columns ?? []).map((c) => {
-          const h = typeof c.name == "object" ? x(c.name, this.language) : c.name, p = z(M(c, "s")), d = c.expression ? O("derived", "s") : void 0, b = !!d, F = b ? r`<span class="secondary-icon"
-                >${z(d)}</span
-              >` : f;
+          const h = typeof c.name == "object" ? y(c.name, this.language) : c.name, p = f(M(c, "s")), d = c.expression ? O("derived", "s") : void 0, v = !!d, F = v ? r`<span class="secondary-icon"
+                >${f(d)}</span
+              >` : b;
           return r`<luzmo-menu-item value=${c.id}>
             <span class="data-icon-type" slot="icon">
-              <span class=${b ? "with-secondary-icon" : ""}
+              <span class=${v ? "with-secondary-icon" : ""}
                 >${p}</span
               >
               ${F}
@@ -464,7 +474,15 @@ let n = class extends T(W, {
                   >
                     ${t}
                   </luzmo-picker>
-                ` : f}
+                ` : r`<luzmo-picker
+                  id="weighting-column"
+                  size=${this.size}
+                  variant="highlight"
+                  icons="none"
+                  value="none"
+                >
+                  <luzmo-menu-item value="none">No weight</luzmo-menu-item>
+                </luzmo-picker>`}
           </div>` : ""}
     </div>`;
   }
@@ -475,19 +493,19 @@ let n = class extends T(W, {
       ${this._displayMode === "duration" ? this._renderDurationLevelsSettings() : this._renderNumericDisplayAsSettings()}
       ${((e = this._durationLevels) == null ? void 0 : e.length) > 1 ? this._renderDurationFormatSettings() : this._renderNumericFormatSettings()}
       </div>
-      ${this._isFormula ? f : this._renderAggregationSettings()}
+      ${this._isFormula ? b : this._renderAggregationSettings()}
       </div>
     </div>`;
   }
 };
 m([
-  _({ type: String, reflect: !0 })
+  z({ type: String, reflect: !0 })
 ], n.prototype, "language", 2);
 m([
-  _({ type: Object, reflect: !0 })
+  z({ type: Object, reflect: !0 })
 ], n.prototype, "slotContent", 2);
 m([
-  _({ type: Array, reflect: !1 })
+  z({ type: Array, reflect: !1 })
 ], n.prototype, "measureColumns", 2);
 m([
   g("#display-as")

package/components/draggable-data-item/draggable-data-item.d.ts

@@ -21,7 +21,6 @@ export declare class LuzmoDraggableDataItem extends LuzmoDraggableDataItem_base
     label: string;
     description: string;
     data: any;
-    linkedDatasetsIds: string[];
     protected willUpdate(changedProperties: PropertyValues): void;
     private renderSublevels;
     protected render(): TemplateResult;

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

@@ -17,24 +17,22 @@
  * 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-DIXYZ3RL.cjs"),m=require("../set-locale-DCPlazsZ.cjs"),p=require("../periods.const-7sXlqgEo.cjs"),e=require("../property-Cu4Q1hS4.cjs"),h=require("../focusable-DAGGGYyz.cjs"),v=require("../sized-mixin-j_7aJM4b.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,a=(o,l,r,i)=>{for(var t=i>1?void 0:i?D(l,r):l,d=o.length-1,g;d>=0;d--)(g=o[d])&&(t=(i?g(l,r,t):g(t))||t);return i&&t&&z(l,r,t),t};exports.LuzmoDraggableDataItem=class extends v.SizedMixin(h.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.linkedDatasetsIds=[]}willUpdate(l){l.has("language")&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language)}renderSublevels(){var r,i,t,d,g;let l;if(((r=this.data)==null?void 0:r.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-DIXYZ3RL.cjs"),m=require("../set-locale-DCPlazsZ.cjs"),v=require("../periods.const-7sXlqgEo.cjs"),e=require("../property-Cu4Q1hS4.cjs"),p=require("../focusable-DAGGGYyz.cjs"),h=require("../sized-mixin-j_7aJM4b.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,s)=>{const n=p.DATETIME_LEVELS[s].i18n(),u={...this.data,level:s+1};return e.x`<luzmo-draggable-data-item-level
+          ${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
               .data=${u}
-              .linkedDatasetsIds=${this.linkedDatasetsIds}
               .language=${this.language}
               .size=${this.size}
               .variant=${this.variant}
               .disabled=${this.disabled}
-              .label=${n}
+              .label=${d}
               ?hide-type-icon=${this.hideTypeIcon}
             ></luzmo-draggable-data-item-level>`})}
         </div>
-      `;if(((t=this.data)==null?void 0:t.type)==="hierarchy"&&((g=(d=this.data)==null?void 0:d.hierarchyLevels)==null?void 0:g.length)>2){const b=this.data.hierarchyLevels.filter(s=>(s==null?void 0:s.level)>=1).map((s,n)=>{const u={...this.data,level:n,label:s.label};return e.x`<luzmo-draggable-data-item-level
+      `;if(((a=this.data)==null?void 0:a.type)==="hierarchy"&&((o=(g=this.data)==null?void 0:g.hierarchyLevels)==null?void 0:o.length)>2){const b=this.data.hierarchyLevels.filter(r=>(r==null?void 0:r.level)>=1).map((r,d)=>{const u={...this.data,level:d,label:r.label};return e.x`<luzmo-draggable-data-item-level
             sublevel
             .data=${u}
-            .linkedDatasetsIds=${this.linkedDatasetsIds}
             .language=${this.language}
             .size=${this.size}
             .variant=${this.variant}
@@ -45,7 +43,6 @@
       `}return e.x``}render(){return e.x`
       <luzmo-draggable-data-item-level
         .data=${this.data}
-        .linkedDatasetsIds=${this.linkedDatasetsIds}
         .language=${this.language}
         .size=${this.size}
         .variant=${this.variant}
@@ -56,4 +53,4 @@
         ?hide-type-icon=${this.hideTypeIcon}
       ></luzmo-draggable-data-item-level>
       ${this.hideSublevels?"":this.renderSublevels()}
-    `}};exports.LuzmoDraggableDataItem.styles=e.r(y);a([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"variant",2);a([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"language",2);a([e.n({type:Boolean,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"disabled",2);a([e.n({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],exports.LuzmoDraggableDataItem.prototype,"hideSublevels",2);a([e.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],exports.LuzmoDraggableDataItem.prototype,"hideTypeIcon",2);a([e.n({type:String,reflect:!0,attribute:"secondary-icon-type"})],exports.LuzmoDraggableDataItem.prototype,"secondaryIconType",2);a([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"label",2);a([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"description",2);a([e.n({type:Object})],exports.LuzmoDraggableDataItem.prototype,"data",2);a([e.n({type:Array,attribute:"linked-datasets-ids"})],exports.LuzmoDraggableDataItem.prototype,"linkedDatasetsIds",2);exports.LuzmoDraggableDataItem=a([c.localized()],exports.LuzmoDraggableDataItem);customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",exports.LuzmoDraggableDataItem);
+    `}};exports.LuzmoDraggableDataItem.styles=e.r(y);t([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"variant",2);t([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"language",2);t([e.n({type:Boolean,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"disabled",2);t([e.n({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],exports.LuzmoDraggableDataItem.prototype,"hideSublevels",2);t([e.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],exports.LuzmoDraggableDataItem.prototype,"hideTypeIcon",2);t([e.n({type:String,reflect:!0,attribute:"secondary-icon-type"})],exports.LuzmoDraggableDataItem.prototype,"secondaryIconType",2);t([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"label",2);t([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"description",2);t([e.n({type:Object})],exports.LuzmoDraggableDataItem.prototype,"data",2);exports.LuzmoDraggableDataItem=t([c.localized()],exports.LuzmoDraggableDataItem);customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",exports.LuzmoDraggableDataItem);

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

@@ -20,7 +20,7 @@
 import { l as b } from "../localized-decorator-Bl5gcI6n.js";
 import { g as p, t as h, s as f } from "../set-locale-GI34z_M7.js";
 import { D as v } from "../periods.const-B7FKokcH.js";
-import { x as n, r as y, n as t } from "../property-DCzt3DR1.js";
+import { x as n, r as y, n as a } from "../property-DCzt3DR1.js";
 import { L as x } from "../focusable-BbymtxWI.js";
 import { S as $ } from "../sized-mixin-BGzkX2g1.js";
 import "../draggable-data-item-level/index.js";
@@ -32,33 +32,32 @@ const z = () => {
 };
 z();
 const w = ":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 S = Object.defineProperty, I = Object.getOwnPropertyDescriptor, l = (o, i, u, s) => {
-  for (var r = s > 1 ? void 0 : s ? I(i, u) : i, d = o.length - 1, m; d >= 0; d--)
-    (m = o[d]) && (r = (s ? m(i, u, r) : m(r)) || r);
-  return s && r && S(i, u, r), r;
+var S = Object.defineProperty, L = Object.getOwnPropertyDescriptor, r = (o, i, u, s) => {
+  for (var l = s > 1 ? void 0 : s ? L(i, u) : i, m = o.length - 1, d; m >= 0; m--)
+    (d = o[m]) && (l = (s ? d(i, u, l) : d(l)) || l);
+  return s && l && S(i, u, l), l;
 };
 let e = class extends $(x, {
   validSizes: ["s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
   constructor() {
-    super(...arguments), this.language = "en", this.data = {}, this.linkedDatasetsIds = [];
+    super(...arguments), this.language = "en", this.data = {};
   }
   willUpdate(o) {
     o.has("language") && this.language !== p() && ([...h].includes(this.language ?? "en") || this.language === "en") && f(this.language);
   }
   renderSublevels() {
-    var i, u, s, r, d;
+    var i, u, s, l, m;
     let o;
     if (((i = this.data) == null ? void 0 : i.type) === "datetime")
       return o = ((u = this.data) == null ? void 0 : u.subtype) === "date" ? this.data.lowestLevel ?? 5 : this.data.lowestLevel ?? 9, n`
         <div class="draggable-data-item-sublevels">
-          ${Array.from({ length: o }, (m, a) => {
-        const c = v[a].i18n(), g = { ...this.data, level: a + 1 };
+          ${Array.from({ length: o }, (d, t) => {
+        const c = v[t].i18n(), g = { ...this.data, level: t + 1 };
         return n`<luzmo-draggable-data-item-level
               sublevel
               .data=${g}
-              .linkedDatasetsIds=${this.linkedDatasetsIds}
               .language=${this.language}
               .size=${this.size}
               .variant=${this.variant}
@@ -69,13 +68,12 @@ let e = class extends $(x, {
       })}
         </div>
       `;
-    if (((s = this.data) == null ? void 0 : s.type) === "hierarchy" && ((d = (r = this.data) == null ? void 0 : r.hierarchyLevels) == null ? void 0 : d.length) > 2) {
-      const m = this.data.hierarchyLevels.filter((a) => (a == null ? void 0 : a.level) >= 1).map((a, c) => {
-        const g = { ...this.data, level: c, label: a.label };
+    if (((s = this.data) == null ? void 0 : s.type) === "hierarchy" && ((m = (l = this.data) == null ? void 0 : l.hierarchyLevels) == null ? void 0 : m.length) > 2) {
+      const d = this.data.hierarchyLevels.filter((t) => (t == null ? void 0 : t.level) >= 1).map((t, c) => {
+        const g = { ...this.data, level: c, label: t.label };
         return n`<luzmo-draggable-data-item-level
             sublevel
             .data=${g}
-            .linkedDatasetsIds=${this.linkedDatasetsIds}
             .language=${this.language}
             .size=${this.size}
             .variant=${this.variant}
@@ -84,7 +82,7 @@ let e = class extends $(x, {
           ></luzmo-draggable-data-item-level>`;
       });
       return n`
-        <div class="draggable-data-item-sublevels">${m}</div>
+        <div class="draggable-data-item-sublevels">${d}</div>
       `;
     }
     return n``;
@@ -93,7 +91,6 @@ let e = class extends $(x, {
     return n`
       <luzmo-draggable-data-item-level
         .data=${this.data}
-        .linkedDatasetsIds=${this.linkedDatasetsIds}
         .language=${this.language}
         .size=${this.size}
         .variant=${this.variant}
@@ -108,37 +105,34 @@ let e = class extends $(x, {
   }
 };
 e.styles = y(w);
-l([
-  t({ type: String, reflect: !0 })
+r([
+  a({ type: String, reflect: !0 })
 ], e.prototype, "variant", 2);
-l([
-  t({ type: String, reflect: !0 })
+r([
+  a({ type: String, reflect: !0 })
 ], e.prototype, "language", 2);
-l([
-  t({ type: Boolean, reflect: !0 })
+r([
+  a({ type: Boolean, reflect: !0 })
 ], e.prototype, "disabled", 2);
-l([
-  t({ type: Boolean, reflect: !0, attribute: "hide-sublevels" })
+r([
+  a({ type: Boolean, reflect: !0, attribute: "hide-sublevels" })
 ], e.prototype, "hideSublevels", 2);
-l([
-  t({ type: Boolean, reflect: !0, attribute: "hide-type-icon" })
+r([
+  a({ type: Boolean, reflect: !0, attribute: "hide-type-icon" })
 ], e.prototype, "hideTypeIcon", 2);
-l([
-  t({ type: String, reflect: !0, attribute: "secondary-icon-type" })
+r([
+  a({ type: String, reflect: !0, attribute: "secondary-icon-type" })
 ], e.prototype, "secondaryIconType", 2);
-l([
-  t({ type: String, reflect: !0 })
+r([
+  a({ type: String, reflect: !0 })
 ], e.prototype, "label", 2);
-l([
-  t({ type: String, reflect: !0 })
+r([
+  a({ type: String, reflect: !0 })
 ], e.prototype, "description", 2);
-l([
-  t({ type: Object })
+r([
+  a({ type: Object })
 ], e.prototype, "data", 2);
-l([
-  t({ type: Array, attribute: "linked-datasets-ids" })
-], e.prototype, "linkedDatasetsIds", 2);
-e = l([
+e = r([
   b()
 ], e);
 customElements.get("luzmo-draggable-data-item") || customElements.define("luzmo-draggable-data-item", e);

package/components/draggable-data-item-level/draggable-data-item-level.d.ts

@@ -22,8 +22,8 @@ export declare class LuzmoDraggableDataItemLevel extends LuzmoDraggableDataItemL
     description: string;
     secondaryIconType?: 'derived' | 'formula';
     data: any;
-    linkedDatasetsIds: string[];
     private _cleanupDraggable;
+    private _isCurrentlyHighlighted;
     private _handleHighlight;
     private _clearHighlight;
     disconnectedCallback(): void;