@luzmo/analytics-components-kit 1.0.1-alpha.94 → 1.0.1-alpha.97

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

@@ -17,21 +17,21 @@
  * 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("@lit/localize");require("@luzmo/lucero/action-button");require("@luzmo/lucero/action-group");require("@luzmo/lucero/field-label");require("@luzmo/lucero/menu");require("@luzmo/lucero/number-field");require("@luzmo/lucero/picker");require("@luzmo/lucero/popover");const f=require("../decompose-numeric-format-B3rVVHpO.cjs"),o=require("lit"),g=require("@luzmo/icons"),$=require("@luzmo/lucero/overlay");require("@luzmo/lucero/tooltip");const D=require("../calculate-data-item-icon-CEa82-5u.cjs"),y=require("../localize-r7ALOUy_.cjs"),m=require("lit/decorators.js"),N=require("../focusable-B3E_hQmm.cjs"),z=require("../sized-mixin-DcvJLFeo.cjs"),h=require("../set-locale-BRRalqne.cjs"),w=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-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{max-width:100%;font-weight:600;text-transform:uppercase;margin:.5rem 1rem;color:var(--luzmo-font-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.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 rows",{desc:"Numeric Aggregation option"}),distinctcount:()=>n.msg("Count distinct",{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"})},b={general:"123",percentage:"%",scientific:"SI"},L={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:","}},q={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 E=Object.defineProperty,I=Object.getOwnPropertyDescriptor,u=(d,t,e,i)=>{for(var s=i>1?void 0:i?I(t,e):t,a=d.length-1,r;a>=0;a--)(r=d[a])&&(s=(i?r(t,e,s):r(s))||s);return i&&s&&E(t,e,s),s};exports.LuzmoDisplaySettingsNumeric=class extends z.SizedMixin(N.LuzmoElement,{validSizes:Object.values(z.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}:delete t.aggregationWeight,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.unsafeCSS(w)]}_parseSavedNumericFormatSettings(){var t,e,i,s,a,r,c;if(this._displayMode=((t=this.slotContent)==null?void 0:t.subtype)==="duration"?"duration":"numeric",this._durationFormat=((i=(e=this.slotContent)==null?void 0:e.duration)==null?void 0:i.format)??"short",this._durationLevels=((a=(s=this.slotContent)==null?void 0:s.duration)==null?void 0:a.levels)??[1],this._displayMode==="duration")this._precision=2,this._commaDecimals=!1,this._thousandSeparator=!1;else{this._format=((r=this.slotContent)==null?void 0:r.format)??".0f";const l=f.decomposeNumericFormat(this._format??".0f");this._isAuto=((c=l.typeFormat)==null?void 0:c.includes("a"))??!1,["%","a%","y","ay"].includes(l.typeFormat)?this._displayAs="percentage":["s","as","w","aw"].includes(l.typeFormat)?this._displayAs="scientific":this._displayAs="general",this._precision=l.precision?Number.parseInt(l.precision.replace(".",""),10):this._displayAs==="scientific"?1:0,this._commaDecimals=["z","az","y","ay","w","aw"].includes(l.typeFormat),this._thousandSeparator=l.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=S[(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(){var a;const t=this._aggregationElement.value,e=this._aggregationFunc,i=this.slotContent.format;if(t!==(e==="weightedaverage"?"average":e)){if(this._aggregationFunc=t==="average"&&((a=this._aggregationWeightColumn)!=null&&a.column)?"weightedaverage":t,e==="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"||e==="rate")&&this.requestUpdate()}}_setAggregationWeight(){var i;const t=this._aggregationWeightElement.value,e=this._aggregationFunc;if(t==="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(l=>l.id===t);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(),(e==="weightedaverage"&&this._aggregationFunc==="average"||e==="average"&&this._aggregationFunc==="weightedaverage")&&this.requestUpdate()}_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,s,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=(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)),t.has("language")&&this.language!==h.getLocale()&&([...h.targetLocales].includes(this.language??"en")||this.language==="en")&&h.setLocale(this.language)}firstUpdated(){var t;(t=this.slotContent)!=null&&t.duration&&this._durationLevelsOverlay.addEventListener("slottable-request",e=>{this._renderDurationLevelMenu=e.data!==$.removeSlottableRequest})}_renderDurationLevelsSettings(){const t=q.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.html`<luzmo-menu-item
-        value=${e.level}
-        ?selected=${this._durationLevels.includes(e.level)}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@lit/localize");require("@luzmo/lucero/action-button");require("@luzmo/lucero/action-group");require("@luzmo/lucero/field-label");require("@luzmo/lucero/menu");require("@luzmo/lucero/number-field");require("@luzmo/lucero/picker");require("@luzmo/lucero/popover");const _=require("../decompose-numeric-format-B3rVVHpO.cjs"),s=require("lit"),c=require("@luzmo/icons"),F=require("@luzmo/lucero/overlay");require("@luzmo/lucero/tooltip");const $=require("../calculate-data-item-icon-DtVGbet3.cjs"),f=require("../localize-C4zNlrwK.cjs"),r=require("lit/decorators.js"),D=require("../focusable-QLh-LlNt.cjs"),y=require("../sized-mixin-DcvJLFeo.cjs"),d=require("../set-locale-BRRalqne.cjs"),N=":host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-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{max-width:100%;font-weight:600;text-transform:uppercase;margin:.5rem 1rem;color:var(--luzmo-font-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.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 )}",w={sum:()=>a.msg("Sum",{desc:"Numeric Aggregation option"}),cumulativesum:()=>a.msg("Cumulative sum",{desc:"Numeric Aggregation option"}),average:()=>a.msg("Average",{desc:"Numeric Aggregation option"}),median:()=>a.msg("Median",{desc:"Numeric Aggregation option"}),count:()=>a.msg("Count rows",{desc:"Numeric Aggregation option"}),distinctcount:()=>a.msg("Count distinct",{desc:"Numeric Aggregation option"}),min:()=>a.msg("Minimum",{desc:"Numeric Aggregation option"}),max:()=>a.msg("Maximum",{desc:"Numeric Aggregation option"}),stddev:()=>a.msg("Standard deviation",{desc:"Numeric Aggregation option"}),rate:()=>a.msg("Rate",{desc:"Numeric Aggregation option"})},z={general:"123",percentage:"%",scientific:"SI"},b={time:()=>a.msg("Time",{desc:"Time format option"}),short:()=>a.msg("Short",{desc:"Short format option"}),long:()=>a.msg("Long",{desc:"Long format option"})},L={Auto:{auto:!0,label:()=>a.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:","}},C={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,E=Object.getOwnPropertyDescriptor,n=(g,e,t,i)=>{for(var o=i>1?void 0:i?E(e,t):e,l=g.length-1,u;l>=0;l--)(u=g[l])&&(o=(i?u(e,t,o):u(o))||o);return i&&o&&q(e,t,o),o};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._handleSlottableRequest=e=>{this._renderDurationLevelMenu=e.data!==F.removeSlottableRequest},this._sendEvent=()=>{const e={...this.slotContent,format:this._format,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[s.unsafeCSS(N)]}_parseSavedNumericFormatSettings(){if(this._displayMode=this.slotContent?.subtype==="duration"?"duration":"numeric",this._durationFormat=this.slotContent?.duration?.format??"short",this._durationLevels=this.slotContent?.duration?.levels??[1],this._displayMode==="duration")this._precision=2,this._commaDecimals=!1,this._thousandSeparator=!1;else{this._format=this.slotContent?.format??".0f";const e=_.decomposeNumericFormat(this._format??".0f");this._isAuto=e.typeFormat?.includes("a")??!1,["%","a%","y","ay"].includes(e.typeFormat)?this._displayAs="percentage":["s","as","w","aw"].includes(e.typeFormat)?this._displayAs="scientific":this._displayAs="general",this._precision=e.precision?Number.parseInt(e.precision.replace(".",""),10):this._displayAs==="scientific"?1:0,this._commaDecimals=["z","az","y","ay","w","aw"].includes(e.typeFormat),this._thousandSeparator=e.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(){this._displayAs=this._displayAsElement?.selected?.[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=L[e?.detail??"Auto"];this._thousandSeparator=[",","."].includes(t?.thousandSeparator??""),this._commaDecimals=t?.decimalSeparator===",",this._isAuto=t?.auto,this._setNumericFormat(),this._sendEvent()}_setPrecision(){this._precision=this._precisionElement.value,this._setNumericFormat(),this._sendEvent()}_setNumericFormat(){let e="f";const t=this.slotContent.subtype==="duration"?this._durationLevels&&this._durationLevels?.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(){const e=this._aggregationElement.value,t=this._aggregationFunc,i=this.slotContent.format;if(e!==(t==="weightedaverage"?"average":t)){if(this._aggregationFunc=e==="average"&&this._aggregationWeightColumn?.column?"weightedaverage":e,t==="rate"){const l=_.decomposeNumericFormat(i),u=["%","y","a%","ay"].includes(l.typeFormat);this.slotContent.subtype==="currency"&&u&&this._setNumericDisplayAs()}this._sendEvent(),(this._aggregationFunc==="rate"||t==="rate")&&this.requestUpdate()}}_setAggregationWeight(){const e=this._aggregationWeightElement.value,t=this._aggregationFunc;if(e==="none")this._aggregationWeightColumn=void 0,this._aggregationFunc==="weightedaverage"&&(this._aggregationFunc="average");else{let i,o;for(const l of this.measureColumns??[]){const u=l.columns?.find(m=>m.id===e);if(u){i=u,o=l.datasetId;break}}i&&(this._aggregationWeightColumn={column:i.id,set:o,columnSubType:i.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?.length??0)>=1?t:e,this._maxDurationLevel=Math.min(...this._durationLevels),this._fillTimeDurationLevels(),this._setNumericFormat(),this._sendEvent(),this.requestUpdate()}_setDurationFormat(){this._durationFormat=this._durationFormatElement?.selected?.[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){e.has("slotContent")&&(this._parseSavedNumericFormatSettings(),this._aggregationFunc=this.slotContent?.aggregationFunc??(this.slotContent?.type==="numeric"?"sum":"count"),this._aggregationWeightColumn=this.slotContent?.aggregationWeight,this._isFormula=this.slotContent?.formula||this.slotContent?.formulaId),e.has("language")&&this.language!==d.getLocale()&&([...d.targetLocales].includes(this.language??"en")||this.language==="en")&&d.setLocale(this.language)}_renderDurationLevelsSettings(){const e=C.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),s.html`<luzmo-menu-item
+        value=${t.level}
+        ?selected=${this._durationLevels.includes(t.level)}
         ?disabled=${i}
       >
-        ${e.label}
-      </luzmo-menu-item>`});return o.html` <div class="setting">
+        ${t.label}
+      </luzmo-menu-item>`});return s.html` <div class="setting">
       <luzmo-field-label for="duration-levels">
-        ${n.msg("Duration levels",{desc:"Label for duration levels setting"})}
+        ${a.msg("Duration levels",{desc:"Label for duration levels setting"})}
       </luzmo-field-label>
       <luzmo-action-button id="duration-levels-trigger" size=${this.size}>
         ${this._durationLevels.length}
         ${this._durationLevels.length===1?"level":"levels"} active
         <span class="duration-angle-down-icon">
-          ${g.luzmoIcon(g.luzmoAngleDown)}
+          ${c.luzmoIcon(c.luzmoAngleDown)}
         </span>
       </luzmo-action-button>
       <luzmo-overlay
@@ -40,24 +40,25 @@
         type="auto"
         placement="bottom-start"
         type="page"
+        @slottable-request=${this._handleSlottableRequest}
       >
         <luzmo-popover style="position: relative">
-          ${this._renderDurationLevelMenu?o.html` <luzmo-menu
+          ${this._renderDurationLevelMenu?s.html` <luzmo-menu
                 id="duration-levels"
                 size=${this.size}
                 selects="multiple"
                 .value=${this._durationLevels.join(",")}
                 @change=${this._setDurationLevels}
               >
-                ${t}
+                ${e}
               </luzmo-menu>`:""}
         </luzmo-popover>
       </luzmo-overlay>
-    </div>`}_renderDurationFormatSettings(){const t=Object.keys(L).map(e=>e==="time"&&(this._maxDurationLevel??1)<6?"":o.html`<luzmo-action-button value=${e}>
-        ${L[e]()}
-      </luzmo-action-button>`);return o.html` <div class="setting">
+    </div>`}_renderDurationFormatSettings(){const e=Object.keys(b).map(t=>t==="time"&&(this._maxDurationLevel??1)<6?"":s.html`<luzmo-action-button value=${t}>
+        ${b[t]()}
+      </luzmo-action-button>`);return s.html` <div class="setting">
       <luzmo-field-label for="duration-format">
-        ${n.msg("Format",{desc:"Label for format setting"})}
+        ${a.msg("Format",{desc:"Label for format setting"})}
       </luzmo-field-label>
       <luzmo-action-group
         emphasized
@@ -68,13 +69,13 @@
         selects="single"
         @change=${this._setDurationFormat}
       >
-        ${t}
+        ${e}
       </luzmo-action-group>
-    </div>`}_renderNumericDisplayAsSettings(){const t=Object.keys(b).filter(e=>{var i;return e!=="percentage"||(this.slotContent.subtype!=="currency"||this.slotContent.aggregationFunc==="rate")&&((i=this.slotContent.periodOverPeriod)==null?void 0:i.type)!=="percentageChange"}).map(e=>o.html`<luzmo-action-button value=${e}
-            >${b[e]}</luzmo-action-button
-          >`);return o.html`<div class="setting">
+    </div>`}_renderNumericDisplayAsSettings(){const e=Object.keys(z).filter(t=>t!=="percentage"||(this.slotContent.subtype!=="currency"||this.slotContent.aggregationFunc==="rate")&&this.slotContent.periodOverPeriod?.type!=="percentageChange").map(t=>s.html`<luzmo-action-button value=${t}
+            >${z[t]}</luzmo-action-button
+          >`);return s.html`<div class="setting">
       <luzmo-field-label for="display-as">
-        ${n.msg("Display as",{desc:"Label for display as setting for the datetime field"})}
+        ${a.msg("Display as",{desc:"Label for display as setting for the datetime field"})}
       </luzmo-field-label>
       <luzmo-action-group
         emphasized
@@ -85,11 +86,11 @@
         selects="single"
         @change=${this._setNumericDisplayAs}
       >
-        ${t}
+        ${e}
       </luzmo-action-group>
-    </div>`}_renderNumericFormatSettings(){const t=Object.entries(S).filter(([,{hiddenFor:e}])=>!e||e!==this._displayAs).map(([e,{label:i}])=>o.html`<luzmo-menu-item value=${e}>${i()}</luzmo-menu-item>`);return o.html` <div class="setting">
+    </div>`}_renderNumericFormatSettings(){const e=Object.entries(L).filter(([,{hiddenFor:t}])=>!t||t!==this._displayAs).map(([t,{label:i}])=>s.html`<luzmo-menu-item value=${t}>${i()}</luzmo-menu-item>`);return s.html` <div class="setting">
         <luzmo-field-label for="format">
-          ${n.msg("Format",{desc:"Label for format setting"})}
+          ${a.msg("Format",{desc:"Label for format setting"})}
         </luzmo-field-label>
         <luzmo-picker
           id="format"
@@ -98,12 +99,12 @@
           value=${this._numericFormatGroup??"Auto"}
           @change=${this._setNumericSeparators}
         >
-          ${t}
+          ${e}
         </luzmo-picker>
       </div>
       <div class="setting">
         <luzmo-field-label for="precision" id="precision-label">
-          ${this._displayAs==="scientific"?n.msg("Precision",{desc:"Label for precision setting"}):n.msg("Decimals",{desc:"Label for decimals setting"})}
+          ${this._displayAs==="scientific"?a.msg("Precision",{desc:"Label for precision setting"}):a.msg("Decimals",{desc:"Label for decimals setting"})}
         </luzmo-field-label>
         <luzmo-number-field
           id="precision"
@@ -113,57 +114,57 @@
           value=${this._precision??(this._displayAs==="scientific"?1:0)}
           @change=${this._setPrecision}
         ></luzmo-number-field>
-      </div>`}_renderAggregationSettings(){var i;const t=Object.entries(C).filter(([s])=>{var a;return["count","distinctcount"].includes(s)||((a=this.slotContent)==null?void 0:a.type)==="numeric"}).filter(([s])=>s!=="cumulativesum"||this.isCumulativeSumEnabled).map(([s,a])=>o.html`<luzmo-menu-item value=${s}>${a()}</luzmo-menu-item>`),e=[o.html`<luzmo-menu-item value="none" class="no-weight">
+      </div>`}_renderAggregationSettings(){const e=Object.entries(w).filter(([i])=>["count","distinctcount"].includes(i)||this.slotContent?.type==="numeric").filter(([i])=>i!=="cumulativesum"||this.isCumulativeSumEnabled).map(([i,o])=>s.html`<luzmo-menu-item value=${i}>${o()}</luzmo-menu-item>`),t=[s.html`<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"?y.localize(s.datasetName,this.language):s.datasetName,r=o.html`<div class="dataset-header">
-          ${a}
+      </luzmo-menu-item>`,...(this.measureColumns??[]).flatMap(i=>{const o=typeof i.datasetName=="object"?f.localize(i.datasetName,this.language):i.datasetName,l=s.html`<div class="dataset-header">
+          ${o}
           <luzmo-tooltip self-managed placement="right" size=${this.size}>
-            ${a}
+            ${o}
           </luzmo-tooltip>
-        </div>`,c=(s.columns??[]).map(l=>{const p=typeof l.name=="object"?y.localize(l.name,this.language):l.name,A=g.luzmoIcon(D.calculateDataItemIcon(l,"s")),v=l.expression?g.luzmoTypeDerived12:void 0,_=!!v,F=_?o.html`<span class="secondary-icon"
-                >${g.luzmoIcon(v)}</span
-              >`:o.nothing;return o.html`<luzmo-menu-item value=${l.id}>
+        </div>`,u=(i.columns??[]).map(m=>{const h=typeof m.name=="object"?f.localize(m.name,this.language):m.name,S=c.luzmoIcon($.calculateDataItemIcon(m,"s")),p=m.expression?c.luzmoTypeDerived12:void 0,v=!!p,A=v?s.html`<span class="secondary-icon"
+                >${c.luzmoIcon(p)}</span
+              >`:s.nothing;return s.html`<luzmo-menu-item value=${m.id}>
             <span class="data-icon-type" slot="icon">
-              <span class=${_?"with-secondary-icon":""}
-                >${A}</span
+              <span class=${v?"with-secondary-icon":""}
+                >${S}</span
               >
-              ${F}
+              ${A}
             </span>
-            <span class="column-label text-truncate">${p}</span>
+            <span class="column-label text-truncate">${h}</span>
             <luzmo-tooltip self-managed placement="right" size=${this.size}>
-              ${p}
+              ${h}
             </luzmo-tooltip>
-          </luzmo-menu-item>`});return[r,...c]})];return o.html`<div class="settings-row">
+          </luzmo-menu-item>`});return[l,...u]})];return s.html`<div class="settings-row">
       <div class="setting">
         <luzmo-field-label for="aggregation">
-          ${n.msg("Aggregation",{desc:"Label for aggregation setting"})}
+          ${a.msg("Aggregation",{desc:"Label for aggregation setting"})}
         </luzmo-field-label>
         <luzmo-picker
           id="aggregation"
           size=${this.size}
           variant="highlight"
-          value=${(()=>{var a;const s=((a=this.slotContent)==null?void 0:a.type)==="numeric"?"sum":"count";return this._aggregationFunc==="weightedaverage"?"average":this._aggregationFunc??s})()}
+          value=${(()=>{const i=this.slotContent?.type==="numeric"?"sum":"count";return this._aggregationFunc==="weightedaverage"?"average":this._aggregationFunc??i})()}
           @change=${this._setAggregationFunc}
         >
-          ${t}
+          ${e}
         </luzmo-picker>
       </div>
-      ${["rate","average","weightedaverage"].includes(this._aggregationFunc??"")?o.html`<div class="setting">
+      ${["rate","average","weightedaverage"].includes(this._aggregationFunc??"")?s.html`<div class="setting">
             <luzmo-field-label for="weighting-column">
               ${this._aggregationFunc==="rate"?"Denominator":"Weight"}
             </luzmo-field-label>
-            ${this.measureColumns.length>0?o.html`
+            ${this.measureColumns.length>0?s.html`
                   <luzmo-picker
                     id="weighting-column"
                     size=${this.size}
                     variant="highlight"
                     icons="none"
-                    value=${((i=this._aggregationWeightColumn)==null?void 0:i.column)??"none"}
+                    value=${this._aggregationWeightColumn?.column??"none"}
                     @change=${this._setAggregationWeight}
                   >
-                    ${e}
+                    ${t}
                   </luzmo-picker>
-                `:o.html`<luzmo-picker
+                `:s.html`<luzmo-picker
                   id="weighting-column"
                   size=${this.size}
                   variant="highlight"
@@ -173,11 +174,11 @@
                   <luzmo-menu-item value="none">No weight</luzmo-menu-item>
                 </luzmo-picker>`}
           </div>`:""}
-    </div>`}render(){var t;return o.html`<div class="settings-container">
+    </div>`}render(){return s.html`<div class="settings-container">
       <div class="settings-row">
       ${this._displayMode==="duration"?this._renderDurationLevelsSettings():this._renderNumericDisplayAsSettings()}
-      ${((t=this._durationLevels)==null?void 0:t.length)>1?this._renderDurationFormatSettings():this._renderNumericFormatSettings()}
+      ${this._durationLevels?.length>1?this._renderDurationFormatSettings():this._renderNumericFormatSettings()}
       </div>
-      ${this._isFormula||this.isAggregationDisabled?o.nothing:this._renderAggregationSettings()}
+      ${this._isFormula||this.isAggregationDisabled?s.nothing:this._renderAggregationSettings()}
       </div>
-    </div>`}};u([m.property({type:String,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"language",2);u([m.property({type:Object,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"slotContent",2);u([m.property({type:Array,reflect:!1})],exports.LuzmoDisplaySettingsNumeric.prototype,"measureColumns",2);u([m.property({type:Boolean})],exports.LuzmoDisplaySettingsNumeric.prototype,"isAggregationDisabled",2);u([m.property({type:Boolean})],exports.LuzmoDisplaySettingsNumeric.prototype,"isCumulativeSumEnabled",2);u([m.query("#display-as")],exports.LuzmoDisplaySettingsNumeric.prototype,"_displayAsElement",2);u([m.query("#precision")],exports.LuzmoDisplaySettingsNumeric.prototype,"_precisionElement",2);u([m.query("#aggregation")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationElement",2);u([m.query("#weighting-column")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationWeightElement",2);u([m.query("#duration-levels")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsElement",2);u([m.query("#duration-format")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationFormatElement",2);u([m.query("#duration-levels-overlay")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsOverlay",2);u([m.state()],exports.LuzmoDisplaySettingsNumeric.prototype,"_renderDurationLevelMenu",2);exports.LuzmoDisplaySettingsNumeric=u([n.localized()],exports.LuzmoDisplaySettingsNumeric);customElements.get("luzmo-display-settings-numeric")||customElements.define("luzmo-display-settings-numeric",exports.LuzmoDisplaySettingsNumeric);
+    </div>`}};n([r.property({type:String,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"language",2);n([r.property({type:Object,reflect:!0})],exports.LuzmoDisplaySettingsNumeric.prototype,"slotContent",2);n([r.property({type:Array,reflect:!1})],exports.LuzmoDisplaySettingsNumeric.prototype,"measureColumns",2);n([r.property({type:Boolean})],exports.LuzmoDisplaySettingsNumeric.prototype,"isAggregationDisabled",2);n([r.property({type:Boolean})],exports.LuzmoDisplaySettingsNumeric.prototype,"isCumulativeSumEnabled",2);n([r.query("#display-as")],exports.LuzmoDisplaySettingsNumeric.prototype,"_displayAsElement",2);n([r.query("#precision")],exports.LuzmoDisplaySettingsNumeric.prototype,"_precisionElement",2);n([r.query("#aggregation")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationElement",2);n([r.query("#weighting-column")],exports.LuzmoDisplaySettingsNumeric.prototype,"_aggregationWeightElement",2);n([r.query("#duration-levels")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationLevelsElement",2);n([r.query("#duration-format")],exports.LuzmoDisplaySettingsNumeric.prototype,"_durationFormatElement",2);n([r.state()],exports.LuzmoDisplaySettingsNumeric.prototype,"_renderDurationLevelMenu",2);exports.LuzmoDisplaySettingsNumeric=n([a.localized()],exports.LuzmoDisplaySettingsNumeric);customElements.get("luzmo-display-settings-numeric")||customElements.define("luzmo-display-settings-numeric",exports.LuzmoDisplaySettingsNumeric);