@luzmo/analytics-components-kit 1.0.1-alpha.98 → 1.0.1-alpha.99

package/components/{hexbin-map-options.config-F-7uCqxb.js → hexbin-map-options.config-BguV1w8q.js}

@@ -17,9 +17,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { g as r, a as s } from "./color-palettes-BqH2Fv19.js";
-import { m as o } from "./index-t45_zv93.js";
-const y = [
+import { g as o, a } from "./color-palettes-BqH2Fv19.js";
+import { m as s } from "./index-t45_zv93.js";
+const c = [
   {
     key: "general",
     type: "group",
@@ -88,8 +88,8 @@ const y = [
             "Voyager",
             "No Tiles"
           ],
-          parseValue: (e) => (e == null ? void 0 : e.name) || "Basic",
-          toValue: (e) => o[e] ?? {}
+          parseValue: (e) => e?.name || "Basic",
+          toValue: (e) => s[e] ?? {}
         }
       }
     ]
@@ -117,7 +117,7 @@ const y = [
           label: "Number of classes",
           default: "5",
           enum: ["3", "4", "5", "6", "7", "8", "9"],
-          parseValue: (e) => (e == null ? void 0 : e.toString()) ?? "5",
+          parseValue: (e) => e?.toString() ?? "5",
           toValue: (e) => Number.parseInt(e, 10) ?? 5
         }
       },
@@ -164,20 +164,13 @@ const y = [
           label: "Colors type",
           default: "sequential",
           enum: ["sequential", "divergent"],
-          calculateValue: ({ options: e }) => {
-            var t;
-            if ((e == null ? void 0 : e.colorsClass) === "manual")
-              return "manual";
-            const l = r();
-            return ((t = l == null ? void 0 : l[e == null ? void 0 : e.colorsClass]) == null ? void 0 : t.type) ?? "sequential";
-          },
-          toOptions: ({ options: e, value: l }) => {
-            var c;
-            if (l === "manual")
+          calculateValue: ({ options: e }) => e?.colorsClass === "manual" ? "manual" : o()?.[e?.colorsClass]?.type ?? "sequential",
+          toOptions: ({ options: e, value: t }) => {
+            if (t === "manual")
               return { ...e, colorsClass: "manual" };
-            let a = e.colorClass;
-            const t = r(), n = (c = t == null ? void 0 : t[e == null ? void 0 : e.colorsClass]) == null ? void 0 : c.type;
-            return l !== n && (a = s(l ?? "sequential")[0]), { ...e, colorsClass: a };
+            let l = e.colorClass;
+            const r = o()?.[e?.colorsClass]?.type;
+            return t !== r && (l = a(t ?? "sequential")[0]), { ...e, colorsClass: l };
           }
         }
       },
@@ -188,14 +181,12 @@ const y = [
           label: "Color palette",
           hideLabel: !0,
           default: ({ options: e }) => {
-            var t;
-            const l = r(), a = (t = l == null ? void 0 : l[e == null ? void 0 : e.colorsClass]) == null ? void 0 : t.type;
-            return s(a ?? "sequential")[0];
+            const l = o()?.[e?.colorsClass]?.type;
+            return a(l ?? "sequential")[0];
           },
           enum: ({ options: e }) => {
-            var t;
-            const l = r(), a = (t = l == null ? void 0 : l[e == null ? void 0 : e.colorsClass]) == null ? void 0 : t.type;
-            return s(a ?? "sequential");
+            const l = o()?.[e?.colorsClass]?.type;
+            return a(l ?? "sequential");
           }
         }
       }
@@ -214,10 +205,7 @@ const y = [
           default: "bar",
           enum: ["bar", "list"]
         },
-        visibleIf: ({ options: e }) => {
-          var l;
-          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1;
-        }
+        visibleIf: ({ options: e }) => e?.display?.legend !== !1
       },
       {
         key: "legend.size",
@@ -232,10 +220,7 @@ const y = [
           },
           selects: "single"
         },
-        visibleIf: ({ options: e }) => {
-          var l;
-          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1;
-        }
+        visibleIf: ({ options: e }) => e?.display?.legend !== !1
       },
       {
         key: "legend.position",
@@ -254,14 +239,11 @@ const y = [
             "left"
           ]
         },
-        visibleIf: ({ options: e }) => {
-          var l;
-          return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.legend) !== !1;
-        }
+        visibleIf: ({ options: e }) => e?.display?.legend !== !1
       }
     ]
   }
 ];
 export {
-  y as default
+  c as default
 };

package/components/hexbin-map-options.config-CKnn3VAB.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./color-palettes-DhNHcib8.cjs"),r=require("./index-DhDgy1sp.cjs"),s=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!0}},{key:"display.legend",control:{type:"switch",label:"Legend",default:!0}},{key:"enabled.zoom",control:{type:"switch",label:"Zoom",default:!0}},{key:"enabled.pan",control:{type:"switch",label:"Pan",default:!0}},{key:"enabled.pitchBearing",control:{type:"switch",label:"Pitch & Rotate",default:!1}},{type:"divider"},{key:"vectorTileProvider",control:{type:"picker",label:"Map style",default:"Basic",enum:["Basic","Bright","Dark","Fiord","Liberty","Pastel","Positron","Streets","Toner","Topographique","Voyager","No Tiles"],parseValue:e=>e?.name||"Basic",toValue:e=>r.mapVectorTileProviders[e]??{}}}]},{key:"classification",type:"group",open:!0,children:[{key:"radius",control:{type:"slider",label:"Radius",default:16,min:4,max:100,step:1}},{key:"numberClasses",control:{type:"picker",label:"Number of classes",default:"5",enum:["3","4","5","6","7","8","9"],parseValue:e=>e?.toString()??"5",toValue:e=>Number.parseInt(e,10)??5}},{key:"aggregationType",control:{type:"picker",label:"Hexbin aggregation",default:"count",enum:["count","sum","mean","median","minimum","maximum"]}},{key:"classification",control:{type:"picker",label:"Color Method",default:"interval",enum:["interval","quantile"]}}]},{key:"colors",type:"group",open:!0,children:[{key:"opacity",control:{type:"slider",label:"Opacity",default:.85,min:0,max:1,step:.01}},{key:"colorsClassType",control:{type:"picker",label:"Colors type",default:"sequential",enum:["sequential","divergent"],calculateValue:({options:e})=>e?.colorsClass==="manual"?"manual":t.getColorMaps()?.[e?.colorsClass]?.type??"sequential",toOptions:({options:e,value:o})=>{if(o==="manual")return{...e,colorsClass:"manual"};let l=e.colorClass;const a=t.getColorMaps()?.[e?.colorsClass]?.type;return o!==a&&(l=t.getColorMapKeys(o??"sequential")[0]),{...e,colorsClass:l}}}},{key:"colorsClass",control:{type:"color-palette-picker",label:"Color palette",hideLabel:!0,default:({options:e})=>{const l=t.getColorMaps()?.[e?.colorsClass]?.type;return t.getColorMapKeys(l??"sequential")[0]},enum:({options:e})=>{const l=t.getColorMaps()?.[e?.colorsClass]?.type;return t.getColorMapKeys(l??"sequential")}}}]},{key:"legend",type:"group",open:!1,children:[{key:"legend.type",control:{type:"picker",label:"Type",default:"bar",enum:["bar","list"]},visibleIf:({options:e})=>e?.display?.legend!==!1},{key:"legend.size",control:{type:"action-button-group",label:"Size",default:["M"],values:{S:{buttonText:"S",label:"Small"},M:{buttonText:"M",label:"Medium"},L:{buttonText:"L",label:"Large"}},selects:"single"},visibleIf:({options:e})=>e?.display?.legend!==!1},{key:"legend.position",control:{type:"position-picker",label:"Position",default:"bottomLeft",enum:["topLeft","top","topRight","right","bottomRight","bottom","bottomLeft","left"]},visibleIf:({options:e})=>e?.display?.legend!==!1}]}];exports.default=s;

package/components/index-BekTY3Em.cjs

@@ -0,0 +1,121 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const v=require("@lit-labs/signals"),h=require("@lit/context"),z=require("@lit/task");require("@luzmo/lucero/divider");require("@luzmo/lucero/field-label");require("@luzmo/lucero/icon");require("@luzmo/lucero/multi-language-field");require("@luzmo/lucero/progress-circle");require("@luzmo/lucero/text-field");require("@luzmo/lucero/tooltip");const n=require("lit"),i=require("lit/decorators.js"),g=require("@lit/localize"),d=require("@luzmo/icons"),f=require("./focusable-QLh-LlNt.cjs"),c=require("./sized-mixin-DcvJLFeo.cjs"),b=require("./en-DZcn_iz_.cjs"),y=h.createContext(Symbol("slot-store-context")),_=":host{font-family:var(--luzmo-display-settings-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.settings-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-vertical-gap, var(--luzmo-spacing-2))}.settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap))}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin, var(--display-settings-ids-container-vertical-margin)) 0}luzmo-tooltip{--tooltip-font-size: var( --luzmo-display-settings-tooltip-font-size, var(--tooltip-font-size) )}.setting{display:flex;align-items:center}.label-action-container{display:flex;align-items:center;justify-content:space-between;gap:var(--luzmo-display-settings-info-to-remove-icon-gap, var(--display-settings-info-to-remove-icon-gap))}.id-button,.remove-button{outline:none;cursor:pointer;border:none;background:none;font-size:var(--luzmo-display-settings-id-button-font-size, var(--luzmo-display-settings-font-size, var(--display-settings-font-size)));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.remove-button{display:block;width:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));height:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));border-radius:var(--luzmo-display-settings-remove-button-border-radius, 50%)}.remove-button:hover{background-color:var(--luzmo-display-settings-remove-button-background-color-hover, var(--luzmo-background-color-hover))}.remove-button:active,.remove-button:focus{background-color:var(--luzmo-display-settings-remove-button-background-color-down, var(--luzmo-background-color-down))}.remove-button:focus-visible{box-shadow:0 0 0 var(--luzmo-display-settings-remove-button-indicator-thickness, var(--display-settings-remove-button-indicator-thickness)) var(--highcontrast-remove-button-indicator-color, var(--luzmo-display-settings-remove-button-indicator-color, var(--display-settings-remove-button-indicator-color)))}.ids-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-ids-container-gap, var(--luzmo-spacing-2));border-radius:50%}.id-label{text-transform:var(--luzmo-display-settings-id-label-text-transform, var(--display-settings-id-label-text-transform));font-size:var(--luzmo-display-settings-id-label-font-size, var(--display-settings-id-label-font-size));color:var(--luzmo-display-settings-id-label-color, var(--display-settings-id-label-color))}.id-value{-webkit-user-select:text;user-select:text;cursor:text}.example-container{line-height:var(--luzmo-display-settings-example-height, var(--display-settings-example-height));font-size:var(--luzmo-display-settings-example-font-size, var(--display-settings-example-font-size));color:var(--luzmo-display-settings-example-color, var(--display-settings-example-color))}.example-container .example-label{font-weight:var(--luzmo-display-settings-example-label-font-weight, var(--display-settings-example-label-font-weight));color:var(--luzmo-display-settings-example-label-color, var(--display-settings-example-label-color))}.example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-example-language-color, var(--display-settings-example-language-color))}.example-container{gap:var(--luzmo-display-settings-example-container-gap, var(--luzmo-spacing-2))}:host{--display-settings-font-family: var(--luzmo-font-family);--display-settings-id-label-text-transform: uppercase;--display-settings-id-label-color: var(--luzmo-secondary);--display-settings-remove-button-indicator-color: var(--luzmo-primary);--display-settings-remove-button-indicator-thickness: var( --luzmo-border-width )}:host{--display-settings-font-size: var(--luzmo-font-size);--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-4);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-5);--display-settings-remove-button-size: var(--luzmo-component-height)}:host([size=s]){--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-3);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-4);--display-settings-remove-button-size: var(--luzmo-component-height-s)}:host([size=l]){--display-settings-id-label-font-size: var(--luzmo-font-size);--display-settings-font-size: var(--luzmo-font-size-l);--display-settings-gap: var(--luzmo-spacing-4);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-5);--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-remove-button-size: var(--luzmo-component-height-l)}:host([size=xl]){--display-settings-id-label-font-size: var(--luzmo-font-size-l);--display-settings-font-size: var(--luzmo-font-size-xl);--display-settings-gap: var(--luzmo-spacing-5);--display-settings-ids-container-vertical-margin: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--display-settings-remove-button-size: var(--luzmo-component-height-xl)}:host{--display-settings-example-font-size: var(--luzmo-font-size);--display-settings-example-color: var(--luzmo-font-color);--display-settings-example-label-font-weight: bold;--display-settings-example-label-color: var(--luzmo-primary);--display-settings-example-language-color: var(--luzmo-primary)}:host{--display-settings-example-height: var(--luzmo-component-height)}:host([size=s]){--display-settings-example-height: var(--luzmo-component-height-s);--display-settings-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-example-height: var(--luzmo-component-height-l);--display-settings-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-example-height: var(--luzmo-component-height-xl);--display-settings-example-font-size: var(--luzmo-font-size-l)}";var C=Object.defineProperty,s=(m,t,o,p)=>{for(var a=void 0,r=m.length-1,u;r>=0;r--)(u=m[r])&&(a=u(t,o,a)||a);return a&&C(t,o,a),a};class e extends v.SignalWatcher(c.SizedMixin(f.LuzmoElement,{validSizes:Object.values(c.ElementSizes)})){constructor(){super(...arguments),this._loadDisplaySettings=new z.Task(this,{task:async([t,o,p,a,r,u])=>{const l=[];u&&l.push("grandTotals"),p&&l.push("periodOverPeriod"),(t==="numeric"||t==="mixed"&&this._currentSlotContent?.type==="numeric")&&l.push("numeric"),t!=="numeric"&&this._currentSlotContent?.type==="datetime"&&l.push("datetime"),!["numeric","mixed"].includes(t??"")&&this._currentSlotContent?.type==="numeric"&&!a&&l.push("binning"),p&&!this._settingsTypeLoaded.periodOverPeriod&&(await Promise.resolve().then(()=>require("./display-settings-period-over-period/index.cjs")),this._settingsTypeLoaded.periodOverPeriod=!0),l.length>0&&!o&&(l.includes("numeric")&&!this._settingsTypeLoaded.numeric?(await Promise.resolve().then(()=>require("./display-settings-numeric/index.cjs")),this._settingsTypeLoaded.numeric=!0):l.includes("datetime")&&!this._settingsTypeLoaded.datetime&&r?(await Promise.resolve().then(()=>require("./display-settings-datetime/index.cjs")),this._settingsTypeLoaded.datetime=!0):l.includes("binning")&&!this._settingsTypeLoaded.binning?(await Promise.resolve().then(()=>require("./display-settings-binning/index.cjs")),this._settingsTypeLoaded.binning=!0):l.includes("grandTotals")&&!this._settingsTypeLoaded.grandTotals&&(await Promise.resolve().then(()=>require("./display-settings-grand-totals/index.cjs")),this._settingsTypeLoaded.grandTotals=!0))},args:()=>[this.slotType,this.hideDisplaySettings,this._store?.periodOverPeriodUiType.get(),this.isBinningDisabled,this.areDatetimeOptionsEnabled,this.areGrandTotalsEnabled,this.slotContent]}),this.language="en",this.contentLanguage="en",this.slotType="numeric",this.slotContent={},this._showIds=!1,this.measureColumns=[],this._settingsTypeLoaded={binning:!1,datetime:!1,numeric:!1,grandTotals:!1,periodOverPeriod:!1,hierarchy:!0},this._currentSlotContent={}}static get styles(){return[n.unsafeCSS(_)]}_datasetDatetimeColumns(){return this._store?.linkedDataset.get().flatMap(t=>t.columns?.filter(o=>o.type==="datetime").map(o=>({...o,datasetId:t.id})))}willUpdate(){const t=this._store?.activeSlotContents.get(),o=this._store?.periodOverPeriodUiType.get();this.periodOverPeriodUiType!==o&&(this.periodOverPeriodUiType=o),t&&t!==this._currentSlotContent&&(this._currentSlotContent=structuredClone(t))}_onSlotContentChange(t){t.stopPropagation(),t.preventDefault(),this._currentSlotContent=structuredClone(t.detail.slotContent),this._sendEvent(),this.requestUpdate()}_onLabelChange(){this._currentSlotContent=structuredClone(this._currentSlotContent),this._currentSlotContent.label=this._multiLanguageFieldElement.value||{},this._sendEvent(),this.requestUpdate()}_sendEvent(){this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:{...this._currentSlotContent}}})),this._store&&this._store.updateContent({...this._currentSlotContent})}_removeEvent(){this.dispatchEvent(new CustomEvent("remove-slot-content",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}_toggleIds(){this._showIds=!this._showIds}_renderExampleRow(){const t=this.slotType==="numeric"||this.slotType==="mixed"&&this._currentSlotContent.type==="numeric",o=this.slotType!=="datetime"&&this._currentSlotContent.type==="datetime"&&this.areDatetimeOptionsEnabled;if(!(t||o))return n.nothing;const p=!this._currentSlotContent.datetimeDisplayMode||this._currentSlotContent.datetimeDisplayMode==="default",a=t?1234.56:p?new Date:1,r=b.formatter({...this._currentSlotContent,type:t?"numeric":"datetime"},{locale:this.contentLanguage,level:this._currentSlotContent?.level})(a);return n.html`<div class="settings-row example-container">
+      <span class="example-label"
+        >${g.msg("Example",{desc:"Label for example"})}:</span
+      >
+      <span class="example">${r}</span>
+    </div>`}_renderDisplaySettings(){return n.html`<div class="settings-container">
+        <div class="settings-row">
+          <div class="setting">
+            <div class="label-container">
+              <luzmo-field-label side-aligned="start" .size=${this.size}
+                >Label:</luzmo-field-label
+              >
+              <luzmo-multi-language-field
+                .language=${this.language}
+                .value=${this._currentSlotContent.label}
+                .size=${this.size}
+                debounce="200"
+                @change=${this._onLabelChange}
+              ></luzmo-multi-language-field>
+            </div>
+            <div class="label-action-container">
+              <button class="id-button" @click=${this._toggleIds}>
+                ${d.luzmoIcon(d.luzmoInfoCircleOutline)}
+                <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                  Show dataset and column id's
+                </luzmo-tooltip>
+              </button>
+              ${this.showRemoveButton?n.html`<button
+                    class="remove-button"
+                    @click=${this._removeEvent}
+                  >
+                    ${d.luzmoIcon(d.luzmoTrashOutline)}
+                    <luzmo-tooltip
+                      self-managed
+                      placement="top"
+                      size=${this.size}
+                    >
+                      Remove
+                    </luzmo-tooltip>
+                  </button>`:""}
+            </div>
+          </div>
+        </div>
+        ${this.areGrandTotalsEnabled?n.html`<luzmo-display-settings-grand-totals
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-grand-totals>`:""}
+        ${this.slotType==="numeric"||this.slotType==="mixed"&&this._currentSlotContent.type==="numeric"?n.html`<luzmo-display-settings-numeric
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              .measureColumns=${this.measureColumns}
+              .isAggregationDisabled=${this.isAggregationDisabled}
+              .isCumulativeSumEnabled=${this.isCumulativeSumEnabled}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-numeric>`:""}
+        ${this.slotType!=="numeric"&&this._currentSlotContent.type==="datetime"&&this.areDatetimeOptionsEnabled?n.html`<luzmo-display-settings-datetime
+              .language=${this.language}
+              .contentLanguage=${this.contentLanguage}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-datetime>`:""}
+        ${!["numeric","mixed"].includes(this.slotType??"")&&this._currentSlotContent.type==="numeric"&&!this.isBinningDisabled?n.html`<luzmo-display-settings-binning
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-binning>`:""}
+        ${this.periodOverPeriodUiType?n.html`<luzmo-display-settings-period-over-period
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              .periodOverPeriodUiType=${this.periodOverPeriodUiType}
+              .linkedDatasetDatetimeColumns=${this._datasetDatetimeColumns()}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-period-over-period>`:""}
+        ${this._renderExampleRow()}
+      </div>
+      ${this._showIds?n.html` <luzmo-divider></luzmo-divider>
+            <div class="ids-container">
+              <div>
+                <span class="id-label"
+                  >${this._currentSlotContent.formula?g.msg("Formula",{desc:"Label for formula type"}):g.msg("Column",{desc:"Label for column type"})}:
+                </span>
+                <span class="id-value">
+                  ${this._currentSlotContent.formula??this._currentSlotContent.columnId??this._currentSlotContent.column}
+                </span>
+              </div>
+              <div>
+                <span class="id-label">Dataset: </span>
+                <span class="id-value">
+                  ${this._currentSlotContent.datasetId??this._currentSlotContent.set}
+                </span>
+              </div>
+              <div></div>
+            </div>`:""}`}render(){return this._loadDisplaySettings.render({pending:()=>n.html`<luzmo-progress-circle
+          indeterminate
+          .size=${this.size}
+        ></luzmo-progress-circle>`,complete:()=>this._renderDisplaySettings(),error:()=>this._renderDisplaySettings()})}disconnectedCallback(){super.disconnectedCallback?.(),this._loadDisplaySettings.abort?.()}}s([i.property({type:String})],e.prototype,"language");s([i.property({type:String,attribute:"content-language"})],e.prototype,"contentLanguage");s([i.property({type:Boolean,attribute:"hide-display-settings"})],e.prototype,"hideDisplaySettings");s([i.property({type:Boolean})],e.prototype,"isBinningDisabled");s([i.property({type:Boolean})],e.prototype,"areDatetimeOptionsEnabled");s([i.property({type:Boolean})],e.prototype,"areGrandTotalsEnabled");s([i.property({type:Boolean})],e.prototype,"isAggregationDisabled");s([i.property({type:Boolean})],e.prototype,"isCumulativeSumEnabled");s([i.property({type:String})],e.prototype,"periodOverPeriodUiType");s([i.property({type:Boolean,attribute:"show-remove-button"})],e.prototype,"showRemoveButton");s([i.property({type:String,attribute:"slot-type"})],e.prototype,"slotType");s([i.property()],e.prototype,"slotContent");s([i.state()],e.prototype,"_showIds");s([i.property({type:Array,reflect:!1})],e.prototype,"measureColumns");s([i.query("luzmo-multi-language-field")],e.prototype,"_multiLanguageFieldElement");s([h.consume({context:y,subscribe:!0})],e.prototype,"_store");customElements.get("luzmo-display-settings")||customElements.define("luzmo-display-settings",e);exports.LuzmoDisplaySettings=e;exports.slotContext=y;