@luzmo/analytics-components-kit 1.0.1-alpha.32 → 1.0.1-alpha.34

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

@@ -42,6 +42,7 @@ export declare class LuzmoDisplaySettingsNumeric extends LuzmoDisplaySettingsNum
     private _maxDurationLevel?;
     private _aggregationFunc?;
     private _aggregationWeightColumn?;
+    private _isFormula?;
     private _displayAsElement;
     private _precisionElement;
     private _aggregationElement;

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-5FFfQpVQ.cjs"),b=require("../localized-decorator-ClAOFk8M.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-j8UKjHqY.cjs");require("../index-Bafc5poK.cjs");require("../index-CBOAQ3-E.cjs");require("../index-c2uKLWDt.cjs");require("../index-BoXbQm2o.cjs");const v=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("../property-Dlf9S6Jz.cjs"),f=require("../luzmo-icons-Nyf1P71v.cjs"),S=require("../index-DF-s3cEL.cjs"),A=require("../state-CrfOw8Zp.cjs"),m=require("../query-D5qWDopr.cjs"),D=require("../focusable-_wp5pWO-.cjs"),y=require("../sized-mixin-ZTphZKLm.cjs"),F=":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,x=Object.getOwnPropertyDescriptor,r=(h,t,e,i)=>{for(var n=i>1?void 0:i?x(t,e):t,a=h.length-1,l;a>=0;a--)(l=h[a])&&(n=(i?l(t,e,n):l(n))||n);return i&&n&&C(t,e,n),n};exports.LuzmoDisplaySettingsNumeric=class extends y.SizedMixin(D.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(F)]}_parseSavedNumericFormatSettings(){var t,e,i,n,a,l,g,c,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=((l=(a=this.slotContent)==null?void 0:a.duration)==null?void 0:l.format)??"short",this._durationLevels=((c=(g=this.slotContent)==null?void 0:g.duration)==null?void 0:c.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;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),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-5FFfQpVQ.cjs"),b=require("../localized-decorator-ClAOFk8M.cjs");require("../index-C2PPSv8E.cjs");require("../index-CnpJUw_z.cjs");require("../index-j8UKjHqY.cjs");require("../index-Bafc5poK.cjs");require("../index-CBOAQ3-E.cjs");require("../index-c2uKLWDt.cjs");require("../index-BoXbQm2o.cjs");const v=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("../property-Dlf9S6Jz.cjs"),f=require("../luzmo-icons-Nyf1P71v.cjs"),S=require("../index-DF-s3cEL.cjs"),A=require("../state-CrfOw8Zp.cjs"),m=require("../query-D5qWDopr.cjs"),F=require("../focusable-_wp5pWO-.cjs"),y=require("../sized-mixin-ZTphZKLm.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,g,c,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=((c=(g=this.slotContent)==null?void 0:g.duration)==null?void 0:c.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}
@@ -115,8 +115,8 @@
           value=${this._precision??(this._displayAs==="scientific"?1:0)}
           @change=${this._setPrecision}
         ></luzmo-number-field>
-      </div>`}_renderAggregationSettings(){var i,n;const t=Object.entries($).map(([a,l])=>o.x`<luzmo-menu-item value=${a}>${l()}</luzmo-menu-item>`),e=[o.x`<luzmo-menu-item value="none">No weight</luzmo-menu-item>`,...this.measureColumns.map(a=>{var g,c,d;const l=((g=a==null?void 0:a.label)==null?void 0:g[this.language??"en"])??((d=a==null?void 0:a.label)==null?void 0:d[(c=Object.keys(a==null?void 0:a.label))==null?void 0:c[0]])??"Untitled";return o.x`<luzmo-menu-item value=${a.id}>
-          ${l}
+      </div>`}_renderAggregationSettings(){var i,n;const t=Object.entries($).map(([a,r])=>o.x`<luzmo-menu-item value=${a}>${r()}</luzmo-menu-item>`),e=[o.x`<luzmo-menu-item value="none">No weight</luzmo-menu-item>`,...this.measureColumns.map(a=>{var g,c,d;const r=((g=a==null?void 0:a.label)==null?void 0:g[this.language??"en"])??((d=a==null?void 0:a.label)==null?void 0:d[(c=Object.keys(a==null?void 0:a.label))==null?void 0:c[0]])??"Untitled";return o.x`<luzmo-menu-item value=${a.id}>
+          ${r}
         </luzmo-menu-item>`})];return o.x`<div class="settings-row">
       <div class="setting">
         <luzmo-field-label for="aggregation">
@@ -151,6 +151,6 @@
       ${this._displayMode==="duration"?this._renderDurationLevelsSettings():this._renderNumericDisplayAsSettings()}
       ${((t=this._durationLevels)==null?void 0:t.length)>1?this._renderDurationFormatSettings():this._renderNumericFormatSettings()}
       </div>
-      ${this._renderAggregationSettings()}
+      ${this._isFormula?o.E:this._renderAggregationSettings()}
       </div>
-    </div>`}};r([o.n({type:String,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"language",2);r([o.n({type:Object,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"slotContent",2);r([o.n({type:Array,reflect:!1})],exports.LuzmoDisplaySettingsNumeric.prototype,"measureColumns",2);r([m.e("#display-as")],exports.LuzmoDisplaySettingsNumeric.prototype,"_displayAsElement",2);r([m.e("#precision")],exports.LuzmoDisplaySettingsNumeric.prototype,"_precisionElement",2);r([m.e("#aggregation")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationElement",2);r([m.e("#weighting-column")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationWeightElement",2);r([m.e("#duration-levels")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsElement",2);r([m.e("#duration-format")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationFormatElement",2);r([m.e("#duration-levels-overlay")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsOverlay",2);r([A.r()],exports.LuzmoDisplaySettingsNumeric.prototype,"_renderDurationLevelMenu",2);exports.LuzmoDisplaySettingsNumeric=r([b.localized()],exports.LuzmoDisplaySettingsNumeric);customElements.get("luzmo-display-settings-numeric")||customElements.define("luzmo-display-settings-numeric",exports.LuzmoDisplaySettingsNumeric);
+    </div>`}};l([o.n({type:String,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"language",2);l([o.n({type:Object,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"slotContent",2);l([o.n({type:Array,reflect:!1})],exports.LuzmoDisplaySettingsNumeric.prototype,"measureColumns",2);l([m.e("#display-as")],exports.LuzmoDisplaySettingsNumeric.prototype,"_displayAsElement",2);l([m.e("#precision")],exports.LuzmoDisplaySettingsNumeric.prototype,"_precisionElement",2);l([m.e("#aggregation")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationElement",2);l([m.e("#weighting-column")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationWeightElement",2);l([m.e("#duration-levels")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsElement",2);l([m.e("#duration-format")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationFormatElement",2);l([m.e("#duration-levels-overlay")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsOverlay",2);l([A.r()],exports.LuzmoDisplaySettingsNumeric.prototype,"_renderDurationLevelMenu",2);exports.LuzmoDisplaySettingsNumeric=l([b.localized()],exports.LuzmoDisplaySettingsNumeric);customElements.get("luzmo-display-settings-numeric")||customElements.define("luzmo-display-settings-numeric",exports.LuzmoDisplaySettingsNumeric);

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

@@ -27,13 +27,13 @@ import "../index-Desl7GJ0.js";
 import "../index-BwsEWpIS.js";
 import "../index-CTVNGPeT.js";
 import { d as v } from "../decompose-numeric-format-BuZcjH2k.js";
-import { r as S, x as a, n as f } from "../property-CxtZroGf.js";
-import { a3 as $, a9 as D } from "../luzmo-icons-CPucBq6e.js";
-import { a as w } from "../index-BCBLJ-ei.js";
-import { r as C } from "../state-BVYsk_HZ.js";
+import { r as S, x as a, E as $, n as f } from "../property-CxtZroGf.js";
+import { a3 as D, a9 as w } from "../luzmo-icons-CPucBq6e.js";
+import { a as C } from "../index-BCBLJ-ei.js";
+import { r as N } from "../state-BVYsk_HZ.js";
 import { e as d } from "../query-Ddbd72Um.js";
-import { L as N } from "../focusable-DB6Uhr-C.js";
-import { S as E, E as M } from "../sized-mixin-C7R5uRbF.js";
+import { L as E } from "../focusable-DB6Uhr-C.js";
+import { S as M, E as O } from "../sized-mixin-C7R5uRbF.js";
 const y = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const t = document.createElement("style");
@@ -41,7 +41,7 @@ const y = () => {
   }
 };
 y();
-const O = ":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 )}", I = {
+const I = ":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 )}", k = {
   sum: () => s("Sum", { desc: "Numeric Aggregation option" }),
   cumulativesum: () => s("Cumulative sum", { desc: "Numeric Aggregation option" }),
   average: () => s("Average", { desc: "Numeric Aggregation option" }),
@@ -80,7 +80,7 @@ const O = ":host .settings-container{display:flex;flex-direction:column;gap:var(
   },
   "1000.00": { auto: !1, label: () => "1000.00", decimalSeparator: "." },
   "1000,00": { auto: !1, label: () => "1000,00", decimalSeparator: "," }
-}, k = {
+}, T = {
   levels: [
     { level: 1, label: "years" },
     { level: 2, label: "quarters" },
@@ -93,13 +93,13 @@ const O = ":host .settings-container{display:flex;flex-direction:column;gap:var(
     { level: 9, label: "milliseconds" }
   ]
 };
-var T = Object.defineProperty, W = Object.getOwnPropertyDescriptor, n = (t, e, o, r) => {
-  for (var i = r > 1 ? void 0 : r ? W(e, o) : e, u = t.length - 1, m; u >= 0; u--)
-    (m = t[u]) && (i = (r ? m(e, o, i) : m(i)) || i);
-  return r && i && T(e, o, i), i;
+var W = Object.defineProperty, U = Object.getOwnPropertyDescriptor, u = (t, e, o, r) => {
+  for (var i = r > 1 ? void 0 : r ? U(e, o) : e, n = t.length - 1, m; n >= 0; n--)
+    (m = t[n]) && (i = (r ? m(e, o, i) : m(i)) || i);
+  return r && i && W(e, o, i), i;
 };
-let l = class extends E(N, {
-  validSizes: Object.values(M)
+let l = class extends M(E, {
+  validSizes: Object.values(O)
 }) {
   constructor() {
     super(...arguments), this.language = "en", this.slotContent = {}, this.measureColumns = [], this._durationLevels = [], this._renderDurationLevelMenu = !1, this._sendEvent = () => {
@@ -117,11 +117,11 @@ let l = class extends E(N, {
     };
   }
   static get styles() {
-    return [S(O)];
+    return [S(I)];
   }
   _parseSavedNumericFormatSettings() {
-    var t, e, o, r, i, u, m, g, h, z;
-    if (this._displayMode = ((t = this.slotContent) == null ? void 0 : t.subtype) === "duration" ? ((r = (o = (e = this.slotContent) == null ? void 0 : e.duration) == null ? void 0 : o.levels) == null ? void 0 : r.length) === 1 ? "numeric" : "duration" : "numeric", this._durationFormat = ((u = (i = this.slotContent) == null ? void 0 : i.duration) == null ? void 0 : u.format) ?? "short", this._durationLevels = ((g = (m = this.slotContent) == null ? void 0 : m.duration) == null ? void 0 : g.levels) ?? [1], this._displayMode === "duration")
+    var t, e, o, r, i, n, m, g, h, z;
+    if (this._displayMode = ((t = this.slotContent) == null ? void 0 : t.subtype) === "duration" ? ((r = (o = (e = this.slotContent) == null ? void 0 : e.duration) == null ? void 0 : o.levels) == null ? void 0 : r.length) === 1 ? "numeric" : "duration" : "numeric", this._durationFormat = ((n = (i = this.slotContent) == null ? void 0 : i.duration) == null ? void 0 : n.format) ?? "short", this._durationLevels = ((g = (m = this.slotContent) == null ? void 0 : m.duration) == null ? void 0 : g.levels) ?? [1], this._displayMode === "duration")
       this._precision = 2, this._commaDecimals = !1, this._thousandSeparator = !1;
     else {
       this._format = ((h = this.slotContent) == null ? void 0 : h.format) ?? ".0f";
@@ -238,20 +238,20 @@ let l = class extends E(N, {
       }
     } */
   willUpdate(t) {
-    var e, o, r;
-    t.has("slotContent") && (this._parseSavedNumericFormatSettings(), this._aggregationFunc = ((e = this.slotContent) == null ? void 0 : e.aggregationFunc) ?? ((o = this.slotContent) == null ? void 0 : o.type) === "numeric" ? "sum" : "count", this._aggregationWeightColumn = (r = this.slotContent) == null ? void 0 : r.aggregationWeight), t.has("language") && this.language !== x() && ([...A].includes(this.language ?? "en") || this.language === "en") && L(this.language);
+    var e, o, r, i, n;
+    t.has("slotContent") && (this._parseSavedNumericFormatSettings(), this._aggregationFunc = ((e = this.slotContent) == null ? void 0 : e.aggregationFunc) ?? ((o = this.slotContent) == null ? void 0 : o.type) === "numeric" ? "sum" : "count", this._aggregationWeightColumn = (r = this.slotContent) == null ? void 0 : r.aggregationWeight, this._isFormula = ((i = this.slotContent) == null ? void 0 : i.formula) || ((n = this.slotContent) == null ? void 0 : n.formulaId)), t.has("language") && this.language !== x() && ([...A].includes(this.language ?? "en") || this.language === "en") && L(this.language);
   }
   firstUpdated() {
     var t;
     (t = this.slotContent) != null && t.duration && this._durationLevelsOverlay.addEventListener(
       "slottable-request",
       (e) => {
-        this._renderDurationLevelMenu = e.data !== w;
+        this._renderDurationLevelMenu = e.data !== C;
       }
     );
   }
   _renderDurationLevelsSettings() {
-    const t = k.levels.map((e) => {
+    const t = T.levels.map((e) => {
       let o = !1;
       return this._durationFormat === "time" && e.level >= 6 && this._durationLevels.includes(e.level) && e.level !== Math.max(...this._durationLevels) && (o = !0), this._durationLevels.length === 1 && this._durationLevels.includes(e.level) && (o = !0), a`<luzmo-menu-item
         value=${e.level}
@@ -269,7 +269,7 @@ let l = class extends E(N, {
         ${this._durationLevels.length}
         ${this._durationLevels.length === 1 ? "level" : "levels"} active
         <span class="duration-angle-down-icon">
-          ${$(D)}
+          ${D(w)}
         </span>
       </luzmo-action-button>
       <luzmo-overlay
@@ -379,15 +379,15 @@ let l = class extends E(N, {
   }
   _renderAggregationSettings() {
     var o, r;
-    const t = Object.entries(I).map(
-      ([i, u]) => a`<luzmo-menu-item value=${i}>${u()}</luzmo-menu-item>`
+    const t = Object.entries(k).map(
+      ([i, n]) => a`<luzmo-menu-item value=${i}>${n()}</luzmo-menu-item>`
     ), e = [
       a`<luzmo-menu-item value="none">No weight</luzmo-menu-item>`,
       ...this.measureColumns.map((i) => {
         var m, g, h;
-        const u = ((m = i == null ? void 0 : i.label) == null ? void 0 : m[this.language ?? "en"]) ?? ((h = i == null ? void 0 : i.label) == null ? void 0 : h[(g = Object.keys(i == null ? void 0 : i.label)) == null ? void 0 : g[0]]) ?? "Untitled";
+        const n = ((m = i == null ? void 0 : i.label) == null ? void 0 : m[this.language ?? "en"]) ?? ((h = i == null ? void 0 : i.label) == null ? void 0 : h[(g = Object.keys(i == null ? void 0 : i.label)) == null ? void 0 : g[0]]) ?? "Untitled";
         return a`<luzmo-menu-item value=${i.id}>
-          ${u}
+          ${n}
         </luzmo-menu-item>`;
       })
     ];
@@ -429,45 +429,45 @@ let l = class extends E(N, {
       ${this._displayMode === "duration" ? this._renderDurationLevelsSettings() : this._renderNumericDisplayAsSettings()}
       ${((t = this._durationLevels) == null ? void 0 : t.length) > 1 ? this._renderDurationFormatSettings() : this._renderNumericFormatSettings()}
       </div>
-      ${this._renderAggregationSettings()}
+      ${this._isFormula ? $ : this._renderAggregationSettings()}
       </div>
     </div>`;
   }
 };
-n([
+u([
   f({ type: String, reflect: !0 })
 ], l.prototype, "language", 2);
-n([
+u([
   f({ type: Object, reflect: !0 })
 ], l.prototype, "slotContent", 2);
-n([
+u([
   f({ type: Array, reflect: !1 })
 ], l.prototype, "measureColumns", 2);
-n([
+u([
   d("#display-as")
 ], l.prototype, "_displayAsElement", 2);
-n([
+u([
   d("#precision")
 ], l.prototype, "_precisionElement", 2);
-n([
+u([
   d("#aggregation")
 ], l.prototype, "_aggregationElement", 2);
-n([
+u([
   d("#weighting-column")
 ], l.prototype, "_aggregationWeightElement", 2);
-n([
+u([
   d("#duration-levels")
 ], l.prototype, "_durationLevelsElement", 2);
-n([
+u([
   d("#duration-format")
 ], l.prototype, "_durationFormatElement", 2);
-n([
+u([
   d("#duration-levels-overlay")
 ], l.prototype, "_durationLevelsOverlay", 2);
-n([
-  C()
+u([
+  N()
 ], l.prototype, "_renderDurationLevelMenu", 2);
-l = n([
+l = u([
   F()
 ], l);
 customElements.get("luzmo-display-settings-numeric") || customElements.define(

package/components/edit-item/index.cjs

@@ -79,7 +79,7 @@
       ?open=${e.open}
     >
       ${t(e.children)}
-    </luzmo-accordion-item>`},this.changedOptions=e=>{var r;const t=(r=e==null?void 0:e.detail)==null?void 0:r.options;e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new CustomEvent("options-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{options:t}}))},this.renderOptionControl=e=>{var i,n;let t,r;return this._isCustomOptionsConfiguration&&(t=k.getControlByKey(e,this.customOptionsConfiguration,!0),r=(n=(i=this._translations)==null?void 0:i.options)==null?void 0:n[e]),s.x`<luzmo-edit-option
+    </luzmo-accordion-item>`},this.changedOptions=e=>{var r,i;const t=(r=e==null?void 0:e.detail)==null?void 0:r.options;this.options=(i=e==null?void 0:e.detail)==null?void 0:i.options,e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new CustomEvent("options-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{options:t}}))},this.renderOptionControl=e=>{var i,n;let t,r;return this._isCustomOptionsConfiguration&&(t=k.getControlByKey(e,this.customOptionsConfiguration,!0),r=(n=(i=this._translations)==null?void 0:i.options)==null?void 0:n[e]),s.x`<luzmo-edit-option
       class="control"
       .itemType=${this.itemType}
       .optionKey=${e}

package/components/edit-item/index.js

@@ -569,9 +569,9 @@ const b = class b extends A {
       ${e(o.children)}
     </luzmo-accordion-item>`;
     }, this.changedOptions = (o) => {
-      var r;
+      var r, i;
       const e = (r = o == null ? void 0 : o.detail) == null ? void 0 : r.options;
-      o.preventDefault(), o.stopPropagation(), this.dispatchEvent(
+      this.options = (i = o == null ? void 0 : o.detail) == null ? void 0 : i.options, o.preventDefault(), o.stopPropagation(), this.dispatchEvent(
         new CustomEvent("options-changed", {
           bubbles: !0,
           composed: !0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.1-alpha.32",
+  "version": "1.0.1-alpha.34",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",