@luzmo/analytics-components-kit 1.0.1-alpha.24 → 1.0.1-alpha.25

package/components/edit-item/index.js

@@ -25,7 +25,7 @@ import { m as y } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
 import { O, k as E } from "../luzmo-icons-BE2T8vWu.js";
 import { o as j } from "../when-CDK1Tt5Y-C6ViXC43.js";
 import "../index-BVX_ozT9.js";
-import { g as A } from "../index-5yuxnZFm.js";
+import { g as A } from "../index-Dn7LyFPv.js";
 const k = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const a = document.createElement("style");
@@ -223,44 +223,44 @@ const b = class b extends v {
           const s = /* @__PURE__ */ Object.assign({
             "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("../area-chart-options.config-7NUkgEdr.js"),
             "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("../bar-chart-options.config-BdbbHUJZ.js"),
-            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("../box-plot-options.config-RAhd--7J.js"),
+            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("../box-plot-options.config-vlz5qeNq.js"),
             "../../item-definitions/bubble-chart/bubble-chart-options.config.ts": () => import("../bubble-chart-options.config-BacgXkJ_.js"),
             "../../item-definitions/bullet-chart/bullet-chart-options.config.ts": () => import("../bullet-chart-options.config-Bsw7N7Wl.js"),
-            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("../choropleth-map-options.config-DHQu69ib.js"),
+            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("../choropleth-map-options.config-CeKXtnYB.js"),
             "../../item-definitions/circle-pack-chart/circle-pack-chart-options.config.ts": () => import("../circle-pack-chart-options.config-DEYL3DMK.js"),
-            "../../item-definitions/circular-gauge/circular-gauge-options.config.ts": () => import("../circular-gauge-options.config-D7FdVupw.js"),
+            "../../item-definitions/circular-gauge/circular-gauge-options.config.ts": () => import("../circular-gauge-options.config-Kd_WK_w-.js"),
             "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("../column-chart-options.config-BqSQ1Sl9.js"),
             "../../item-definitions/combination-chart/combination-chart-options.config.ts": () => import("../combination-chart-options.config-CApdgFvv.js"),
             "../../item-definitions/conditional-number/conditional-number-options.config.ts": () => import("../conditional-number-options.config-BzzAnCOB.js"),
-            "../../item-definitions/date-filter/date-filter-options.config.ts": () => import("../date-filter-options.config-KiuizKhg.js"),
-            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("../donut-chart-options.config-NPwNtLDW.js"),
+            "../../item-definitions/date-filter/date-filter-options.config.ts": () => import("../date-filter-options.config-DBRxlTWy.js"),
+            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("../donut-chart-options.config-BulUEiaH.js"),
             "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("../dropdown-filter-options.config-D9dvPypF.js"),
-            "../../item-definitions/evolution-number/evolution-number-options.config.ts": () => import("../evolution-number-options.config-FlQ0IH6f.js"),
-            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("../funnel-chart-options.config-CrlHKd36.js"),
-            "../../item-definitions/heat-map/heat-map-options.config.ts": () => import("../heat-map-options.config-B0FtmOXM.js"),
-            "../../item-definitions/heat-table/heat-table-options.config.ts": () => import("../heat-table-options.config-C0L9ZJHP.js"),
-            "../../item-definitions/hexbin-map/hexbin-map-options.config.ts": () => import("../hexbin-map-options.config-BJaPYxgd.js"),
+            "../../item-definitions/evolution-number/evolution-number-options.config.ts": () => import("../evolution-number-options.config-DzkfeoIN.js"),
+            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("../funnel-chart-options.config-CIOrejfS.js"),
+            "../../item-definitions/heat-map/heat-map-options.config.ts": () => import("../heat-map-options.config-BAuSJV3_.js"),
+            "../../item-definitions/heat-table/heat-table-options.config.ts": () => import("../heat-table-options.config-DSu_18VG.js"),
+            "../../item-definitions/hexbin-map/hexbin-map-options.config.ts": () => import("../hexbin-map-options.config-DaaC88d8.js"),
             "../../item-definitions/image/image-options.config.ts": () => import("../image-options.config-CBfeq5Zw.js"),
             "../../item-definitions/line-chart/line-chart-options.config.ts": () => import("../line-chart-options.config-DB3IsXXr.js"),
-            "../../item-definitions/marker-map/marker-map-options.config.ts": () => import("../marker-map-options.config-DlJhJQFX.js"),
+            "../../item-definitions/marker-map/marker-map-options.config.ts": () => import("../marker-map-options.config-CYoq89Oz.js"),
             "../../item-definitions/ohlc-chart/ohlc-chart-options.config.ts": () => import("../ohlc-chart-options.config-D9npwajt.js"),
             "../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-options.config.ts": () => import("../parallel-coordinates-plot-options.config-DxB4kd58.js"),
             "../../item-definitions/pivot-table/pivot-table-options.config.ts": () => import("../pivot-table-options.config-DNK_AIG7.js"),
-            "../../item-definitions/pyramid-chart/pyramid-chart-options.config.ts": () => import("../pyramid-chart-options.config-senv4pUq.js"),
+            "../../item-definitions/pyramid-chart/pyramid-chart-options.config.ts": () => import("../pyramid-chart-options.config-CcVMatYx.js"),
             "../../item-definitions/radar-chart/radar-chart-options.config.ts": () => import("../radar-chart-options.config-CUZn_3Fd.js"),
-            "../../item-definitions/regular-table/regular-table-options.config.ts": () => import("../regular-table-options.config-CAb4esiC.js"),
-            "../../item-definitions/route-map/route-map-options.config.ts": () => import("../route-map-options.config-BmrbNMnQ.js"),
+            "../../item-definitions/regular-table/regular-table-options.config.ts": () => import("../regular-table-options.config-BoLZsBry.js"),
+            "../../item-definitions/route-map/route-map-options.config.ts": () => import("../route-map-options.config-u0hQqmDh.js"),
             "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("../sankey-diagram-options.config-tVLKy_Zn.js"),
             "../../item-definitions/scatter-plot/scatter-plot-options.config.ts": () => import("../scatter-plot-options.config-lrkd9qj4.js"),
             "../../item-definitions/search-filter/search-filter-options.config.ts": () => import("../search-filter-options.config-BE3JhR-F.js"),
-            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("../slicer-filter-options.config-DcUkjMck.js"),
+            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("../slicer-filter-options.config-3JZZcw5C.js"),
             "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("../slider-filter-options.config-DH4SS8wH.js"),
             "../../item-definitions/spacer/spacer-options.config.ts": () => import("../spacer-options.config-IpwUxDyU.js"),
             "../../item-definitions/speedometer-chart/speedometer-chart-options.config.ts": () => import("../speedometer-chart-options.config-Dt2feQYV.js"),
-            "../../item-definitions/spike-map/spike-map-options.config.ts": () => import("../spike-map-options.config-DwUz-EkV.js"),
+            "../../item-definitions/spike-map/spike-map-options.config.ts": () => import("../spike-map-options.config-pdbV_vwg.js"),
             "../../item-definitions/strip-plot/strip-plot-options.config.ts": () => import("../strip-plot-options.config-Bdr8yQJu.js"),
             "../../item-definitions/sunburst-chart/sunburst-chart-options.config.ts": () => import("../sunburst-chart-options.config-CNauGQJv.js"),
-            "../../item-definitions/symbol-map/symbol-map-options.config.ts": () => import("../symbol-map-options.config-CKd-phmw.js"),
+            "../../item-definitions/symbol-map/symbol-map-options.config.ts": () => import("../symbol-map-options.config-Bj-UuL9m.js"),
             "../../item-definitions/text/text-options.config.ts": () => import("../text-options.config-BWaJoeG2.js"),
             "../../item-definitions/treemap-chart/treemap-chart-options.config.ts": () => import("../treemap-chart-options.config-D5AJaF_u.js"),
             "../../item-definitions/video/video-options.config.ts": () => import("../video-options.config-Dk36zJ1B.js"),

package/components/edit-option/helpers/get-value-by-key.d.ts

@@ -1 +1 @@
-export declare const getValueByKey: (options: any, key: string) => any;
+export declare const getValueByKey: (args: any, key: string) => any;

package/components/edit-option/index.cjs

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

package/components/edit-option/index.js

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

package/components/edit-option-multi-language-field/edit-option-multi-language-field.d.ts

@@ -7,8 +7,8 @@ export declare class LuzmoEditOptionMultiLangField extends LuzmoEditOptionBase {
     readonly: boolean;
     language?: string;
     placeholder?: Record<string, string>;
-    fromOptionValue?: (value: any, language: string) => any;
-    toOptionValue?: (value: any, language: string) => any;
+    parseValue?: (value: any, language: string) => any;
+    toValue?: (value: any, language: string) => any;
     debounce: number;
     private multiLangFieldElement;
     debounceTimeout: any;

package/components/edit-option-multi-language-field/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";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(a,t,n)=>c(d(a),n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-86cIx1Ql.cjs");const l=require("../property-0L4eB11h.cjs"),h=require("../query-D5qWDopr.cjs"),m=require("../edit-option-base-Boz7TNRZ.cjs");var f=Object.defineProperty,i=(a,t,n,g)=>{for(var o=void 0,r=a.length-1,s;r>=0;r--)(s=a[r])&&(o=s(t,n,o)||o);return o&&f(t,n,o),o};const u=class u extends m.LuzmoEditOptionBase{constructor(){super(...arguments),this.value={},this.invalid=!1,this.readonly=!1,this.language="en",this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var t,n;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(((t=this.multiLangFieldElement)==null?void 0:t.value)??{},this.language??"en"):((n=this.multiLangFieldElement)==null?void 0:n.value)??{}}}))},this.debounce??200)}renderController(){const t=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value,this.language??"en"):this.value;return l.x`
+"use strict";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(o,t,n)=>c(d(o),n,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-86cIx1Ql.cjs");const l=require("../property-0L4eB11h.cjs"),h=require("../query-D5qWDopr.cjs"),g=require("../edit-option-base-Boz7TNRZ.cjs");var m=Object.defineProperty,i=(o,t,n,f)=>{for(var u=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(u=s(t,n,u)||u);return u&&m(t,n,u),u};const a=class a extends g.LuzmoEditOptionBase{constructor(){super(...arguments),this.value={},this.invalid=!1,this.readonly=!1,this.language="en",this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var t,n;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(((t=this.multiLangFieldElement)==null?void 0:t.value)??{},this.language??"en"):((n=this.multiLangFieldElement)==null?void 0:n.value)??{}}}))},this.debounce??200)}renderController(){const t=typeof this.parseValue=="function"?this.parseValue(this.value,this.language??"en"):this.value;return l.x`
       <luzmo-multi-language-field
         .value=${t}
         .language=${this.language??"en"}
@@ -28,4 +28,4 @@
         @change=${this._handleEvent}
       >
       </luzmo-multi-language-field>
-    `}};u.styles=[p(u,u,"styles")];let e=u;i([l.n({type:Object,reflect:!0})],e.prototype,"value");i([l.n({type:Boolean,reflect:!0})],e.prototype,"invalid");i([l.n({type:Boolean,reflect:!0})],e.prototype,"readonly");i([l.n({type:String,reflect:!0})],e.prototype,"language");i([l.n({type:Object,reflect:!0})],e.prototype,"placeholder");i([l.n()],e.prototype,"fromOptionValue");i([l.n()],e.prototype,"toOptionValue");i([l.n({type:Number,reflect:!0})],e.prototype,"debounce");i([h.e("luzmo-multi-language-field")],e.prototype,"multiLangFieldElement");customElements.get("luzmo-edit-option-multi-language-field")||customElements.define("luzmo-edit-option-multi-language-field",e);exports.LuzmoEditOptionMultiLangField=e;
+    `}};a.styles=[p(a,a,"styles")];let e=a;i([l.n({type:Object,reflect:!0})],e.prototype,"value");i([l.n({type:Boolean,reflect:!0})],e.prototype,"invalid");i([l.n({type:Boolean,reflect:!0})],e.prototype,"readonly");i([l.n({type:String,reflect:!0})],e.prototype,"language");i([l.n({type:Object,reflect:!0})],e.prototype,"placeholder");i([l.n()],e.prototype,"parseValue");i([l.n()],e.prototype,"toValue");i([l.n({type:Number,reflect:!0})],e.prototype,"debounce");i([h.e("luzmo-multi-language-field")],e.prototype,"multiLangFieldElement");customElements.get("luzmo-edit-option-multi-language-field")||customElements.define("luzmo-edit-option-multi-language-field",e);exports.LuzmoEditOptionMultiLangField=e;

package/components/edit-option-multi-language-field/index.js

@@ -22,8 +22,8 @@ var d = Reflect.get;
 var c = (r, e, u) => d(s(r), u, e);
 import "../index-DVAsMiOm.js";
 import { x as f, n as t } from "../property-B2F7x7Cz.js";
-import { e as p } from "../query-Ddbd72Um.js";
-import { L as g } from "../edit-option-base-qePiIQWd.js";
+import { e as g } from "../query-Ddbd72Um.js";
+import { L as p } from "../edit-option-base-qePiIQWd.js";
 const z = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");
@@ -32,11 +32,11 @@ const z = () => {
 };
 z();
 var b = Object.defineProperty, l = (r, e, u, h) => {
-  for (var i = void 0, n = r.length - 1, a; n >= 0; n--)
-    (a = r[n]) && (i = a(e, u, i) || i);
+  for (var i = void 0, a = r.length - 1, n; a >= 0; a--)
+    (n = r[a]) && (i = n(e, u, i) || i);
   return i && b(e, u, i), i;
 };
-const m = class m extends g {
+const m = class m extends p {
   constructor() {
     super(...arguments), this.value = {}, this.invalid = !1, this.readonly = !1, this.language = "en", this.debounce = 200;
   }
@@ -49,7 +49,7 @@ const m = class m extends g {
           composed: !0,
           cancelable: !0,
           detail: {
-            value: typeof this.toOptionValue == "function" ? this.toOptionValue(
+            value: typeof this.toValue == "function" ? this.toValue(
               ((e = this.multiLangFieldElement) == null ? void 0 : e.value) ?? {},
               this.language ?? "en"
             ) : ((u = this.multiLangFieldElement) == null ? void 0 : u.value) ?? {}
@@ -59,7 +59,7 @@ const m = class m extends g {
     }, this.debounce ?? 200);
   }
   renderController() {
-    const e = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.value, this.language ?? "en") : this.value;
+    const e = typeof this.parseValue == "function" ? this.parseValue(this.value, this.language ?? "en") : this.value;
     return f`
       <luzmo-multi-language-field
         .value=${e}
@@ -93,15 +93,15 @@ l([
 ], o.prototype, "placeholder");
 l([
   t()
-], o.prototype, "fromOptionValue");
+], o.prototype, "parseValue");
 l([
   t()
-], o.prototype, "toOptionValue");
+], o.prototype, "toValue");
 l([
   t({ type: Number, reflect: !0 })
 ], o.prototype, "debounce");
 l([
-  p("luzmo-multi-language-field")
+  g("luzmo-multi-language-field")
 ], o.prototype, "multiLangFieldElement");
 customElements.get("luzmo-edit-option-multi-language-field") || customElements.define(
   "luzmo-edit-option-multi-language-field",

package/components/edit-option-number-field/edit-option-number-field.d.ts

@@ -10,8 +10,8 @@ export declare class LuzmoEditOptionNumberField extends LuzmoEditOptionBase {
     step: number;
     unit: boolean;
     debounce: number;
-    fromOptionValue?: (value?: string | number) => number;
-    toOptionValue?: (value?: number) => string | number | any;
+    parseValue?: (value?: string | number) => number;
+    toValue?: (value?: number) => string | number | any;
     private numberField;
     debounceTimeout: any;
     private _handleEvent;

package/components/edit-option-number-field/index.cjs

@@ -17,9 +17,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var f=Object.getPrototypeOf;var d=Reflect.get;var a=(s,i,u)=>d(f(s),u,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-iYpAy-Kg.cjs");const t=require("../property-0L4eB11h.cjs"),m=require("../query-D5qWDopr.cjs"),c=require("../edit-option-base-Boz7TNRZ.cjs");var h=Object.defineProperty,o=(s,i,u,b)=>{for(var r=void 0,l=s.length-1,p;l>=0;l--)(p=s[l])&&(r=p(i,u,r)||r);return r&&h(i,u,r),r};const n=class n extends c.LuzmoEditOptionBase{constructor(){super(...arguments),this.disabled=!1,this.step=1,this.unit=!1,this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const i=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,u=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return t.x`
+"use strict";var d=Object.getPrototypeOf;var c=Reflect.get;var p=(n,r,s)=>c(d(n),s,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-iYpAy-Kg.cjs");const t=require("../property-0L4eB11h.cjs"),h=require("../query-D5qWDopr.cjs"),f=require("../edit-option-base-Boz7TNRZ.cjs");var m=Object.defineProperty,u=(n,r,s,b)=>{for(var i=void 0,l=n.length-1,a;l>=0;l--)(a=n[l])&&(i=a(r,s,i)||i);return i&&m(r,s,i),i};const o=class o extends f.LuzmoEditOptionBase{constructor(){super(...arguments),this.disabled=!1,this.step=1,this.unit=!1,this.debounce=200}_handleEvent(){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const r=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,s=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return t.x`
       <luzmo-number-field
-        .value=${i??u??0}
+        .value=${r??s??0}
         .size=${this.size}
         .step=${this.step}
         .min=${this.min}
@@ -29,4 +29,4 @@
         @change=${this._handleEvent}
       >
       </luzmo-number-field>
-    `}};n.styles=[a(n,n,"styles")];let e=n;o([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");o([t.n({type:Number,reflect:!0})],e.prototype,"min");o([t.n({type:Number,reflect:!0})],e.prototype,"max");o([t.n({type:Number,reflect:!0})],e.prototype,"default");o([t.n({type:Number,reflect:!0})],e.prototype,"value");o([t.n({type:Number,reflect:!0})],e.prototype,"step");o([t.n({type:String,reflect:!0})],e.prototype,"unit");o([t.n({type:Number,reflect:!0})],e.prototype,"debounce");o([t.n()],e.prototype,"fromOptionValue");o([t.n()],e.prototype,"toOptionValue");o([m.e("luzmo-number-field")],e.prototype,"numberField");customElements.get("luzmo-edit-option-number-field")||customElements.define("luzmo-edit-option-number-field",e);exports.LuzmoEditOptionNumberField=e;
+    `}};o.styles=[p(o,o,"styles")];let e=o;u([t.n({type:Boolean,reflect:!0})],e.prototype,"disabled");u([t.n({type:Number,reflect:!0})],e.prototype,"min");u([t.n({type:Number,reflect:!0})],e.prototype,"max");u([t.n({type:Number,reflect:!0})],e.prototype,"default");u([t.n({type:Number,reflect:!0})],e.prototype,"value");u([t.n({type:Number,reflect:!0})],e.prototype,"step");u([t.n({type:String,reflect:!0})],e.prototype,"unit");u([t.n({type:Number,reflect:!0})],e.prototype,"debounce");u([t.n()],e.prototype,"parseValue");u([t.n()],e.prototype,"toValue");u([h.e("luzmo-number-field")],e.prototype,"numberField");customElements.get("luzmo-edit-option-number-field")||customElements.define("luzmo-edit-option-number-field",e);exports.LuzmoEditOptionNumberField=e;

package/components/edit-option-number-field/index.js

@@ -32,11 +32,11 @@ const z = () => {
 };
 z();
 var h = Object.defineProperty, e = (r, t, u, g) => {
-  for (var i = void 0, n = r.length - 1, c; n >= 0; n--)
-    (c = r[n]) && (i = c(t, u, i) || i);
-  return i && h(t, u, i), i;
+  for (var m = void 0, n = r.length - 1, c; n >= 0; n--)
+    (c = r[n]) && (m = c(t, u, m) || m);
+  return m && h(t, u, m), m;
 };
-const m = class m extends b {
+const i = class i extends b {
   constructor() {
     super(...arguments), this.disabled = !1, this.step = 1, this.unit = !1, this.debounce = 200;
   }
@@ -48,14 +48,14 @@ const m = class m extends b {
           composed: !0,
           cancelable: !0,
           detail: {
-            value: typeof this.toOptionValue == "function" ? this.toOptionValue(this.numberField.value) : this.numberField.value
+            value: typeof this.toValue == "function" ? this.toValue(this.numberField.value) : this.numberField.value
           }
         })
       );
     }, this.debounce ?? 200);
   }
   renderController() {
-    const t = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.value) : this.value, u = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.default) : this.default;
+    const t = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, u = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
     return f`
       <luzmo-number-field
         .value=${t ?? u ?? 0}
@@ -71,8 +71,8 @@ const m = class m extends b {
     `;
   }
 };
-m.styles = [s(m, m, "styles")];
-let o = m;
+i.styles = [s(i, i, "styles")];
+let o = i;
 e([
   l({ type: Boolean, reflect: !0 })
 ], o.prototype, "disabled");
@@ -99,10 +99,10 @@ e([
 ], o.prototype, "debounce");
 e([
   l()
-], o.prototype, "fromOptionValue");
+], o.prototype, "parseValue");
 e([
   l()
-], o.prototype, "toOptionValue");
+], o.prototype, "toValue");
 e([
   p("luzmo-number-field")
 ], o.prototype, "numberField");

package/components/edit-option-picker/edit-option-picker.d.ts

@@ -13,8 +13,8 @@ export declare class LuzmoEditOptionPicker extends LuzmoEditOptionBase {
      */
     placement: Placement;
     value?: string;
-    fromOptionValue?: (value: string | number | any) => string;
-    toOptionValue?: (value: string) => string | number | any;
+    parseValue?: (value: string | number | any) => string;
+    toValue?: (value: string) => string | number | any;
     default?: string;
     private _handleEvent;
     private generateMenuItems;

package/components/edit-option-picker/index.cjs

@@ -17,13 +17,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var h=Object.getPrototypeOf;var c=Reflect.get;var p=(r,e,o)=>c(h(r),o,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-w3j1USKK.cjs");require("../index-DrLPC6eG.cjs");const n=require("../property-0L4eB11h.cjs"),d=require("../edit-option-base-Boz7TNRZ.cjs");var m=Object.defineProperty,i=(r,e,o,f)=>{for(var s=void 0,a=r.length-1,u;a>=0;a--)(u=r[a])&&(s=u(e,o,s)||s);return s&&m(e,o,s),s};const l=class l extends d.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1,this.placement="bottom-end"}_handleEvent(e){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(e.detail):e.detail}}))}generateMenuItems(){return n.x`
-      ${Object.entries(this.values).map(([e,o])=>n.x`
-          <luzmo-menu-item value=${e}> ${o} </luzmo-menu-item>
+"use strict";var h=Object.getPrototypeOf;var c=Reflect.get;var p=(i,e,l)=>c(h(i),l,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-w3j1USKK.cjs");require("../index-DrLPC6eG.cjs");const s=require("../property-0L4eB11h.cjs"),d=require("../edit-option-base-Boz7TNRZ.cjs");var m=Object.defineProperty,a=(i,e,l,f)=>{for(var n=void 0,u=i.length-1,o;u>=0;u--)(o=i[u])&&(n=o(e,l,n)||n);return n&&m(e,l,n),n};const r=class r extends d.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1,this.placement="bottom-end"}_handleEvent(e){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue(e.detail):e.detail}}))}generateMenuItems(){return s.x`
+      ${Object.entries(this.values).map(([e,l])=>s.x`
+          <luzmo-menu-item value=${e}> ${l} </luzmo-menu-item>
         `)}
-    `}renderController(){const e=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,o=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return n.x`
+    `}renderController(){const e=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,l=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return s.x`
       <luzmo-picker
-        .value=${e!=null&&e.length?e:o??""}
+        .value=${e!=null&&e.length?e:l??""}
         .size=${this.size}
         variant="highlight"
         .placement=${this.placement}
@@ -32,4 +32,4 @@
       >
         ${this.generateMenuItems()}
       </luzmo-picker>
-    `}};l.styles=[p(l,l,"styles")];let t=l;i([n.n({type:Object})],t.prototype,"values");i([n.n({type:Boolean,reflect:!0})],t.prototype,"disabled");i([n.n()],t.prototype,"placement");i([n.n({type:String,reflect:!0})],t.prototype,"value");i([n.n()],t.prototype,"fromOptionValue");i([n.n()],t.prototype,"toOptionValue");i([n.n({type:String})],t.prototype,"default");customElements.get("luzmo-edit-option-picker")||customElements.define("luzmo-edit-option-picker",t);exports.LuzmoEditOptionPicker=t;
+    `}};r.styles=[p(r,r,"styles")];let t=r;a([s.n({type:Object})],t.prototype,"values");a([s.n({type:Boolean,reflect:!0})],t.prototype,"disabled");a([s.n()],t.prototype,"placement");a([s.n({type:String,reflect:!0})],t.prototype,"value");a([s.n()],t.prototype,"parseValue");a([s.n()],t.prototype,"toValue");a([s.n({type:String})],t.prototype,"default");customElements.get("luzmo-edit-option-picker")||customElements.define("luzmo-edit-option-picker",t);exports.LuzmoEditOptionPicker=t;

package/components/edit-option-picker/index.js

@@ -22,7 +22,7 @@ var d = Reflect.get;
 var s = (l, o, r) => d(z(l), r, o);
 import "../index-D5LI0odG.js";
 import "../index-DM_2d78G.js";
-import { x as c, n as t } from "../property-B2F7x7Cz.js";
+import { x as n, n as t } from "../property-B2F7x7Cz.js";
 import { L as f } from "../edit-option-base-qePiIQWd.js";
 const p = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -32,8 +32,8 @@ const p = () => {
 };
 p();
 var b = Object.defineProperty, u = (l, o, r, g) => {
-  for (var m = void 0, n = l.length - 1, a; n >= 0; n--)
-    (a = l[n]) && (m = a(o, r, m) || m);
+  for (var m = void 0, a = l.length - 1, c; a >= 0; a--)
+    (c = l[a]) && (m = c(o, r, m) || m);
   return m && b(o, r, m), m;
 };
 const i = class i extends f {
@@ -47,23 +47,23 @@ const i = class i extends f {
         composed: !0,
         cancelable: !0,
         detail: {
-          value: typeof this.toOptionValue == "function" ? this.toOptionValue(o.detail) : o.detail
+          value: typeof this.toValue == "function" ? this.toValue(o.detail) : o.detail
         }
       })
     );
   }
   generateMenuItems() {
-    return c`
+    return n`
       ${Object.entries(this.values).map(
-      ([o, r]) => c`
+      ([o, r]) => n`
           <luzmo-menu-item value=${o}> ${r} </luzmo-menu-item>
         `
     )}
     `;
   }
   renderController() {
-    const o = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.value) : this.value, r = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.default) : this.default;
-    return c`
+    const o = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, r = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
+    return n`
       <luzmo-picker
         .value=${o != null && o.length ? o : r ?? ""}
         .size=${this.size}
@@ -93,10 +93,10 @@ u([
 ], e.prototype, "value");
 u([
   t()
-], e.prototype, "fromOptionValue");
+], e.prototype, "parseValue");
 u([
   t()
-], e.prototype, "toOptionValue");
+], e.prototype, "toValue");
 u([
   t({ type: String })
 ], e.prototype, "default");

package/components/edit-option-radio-button-group/edit-option-radio-button-group.d.ts

@@ -8,8 +8,8 @@ export declare class LuzmoEditOptionRadioButtonGroup extends LuzmoEditOptionBase
     disabled: boolean;
     value: string;
     default: string;
-    fromOptionValue?: (value?: string | number | any) => string;
-    toOptionValue?: (value?: string) => string | number | any;
+    parseValue?: (value?: string | number | any) => string;
+    toValue?: (value?: string) => string | number | any;
     private actionGroup;
     debounceTimeout: any;
     private generateRadioButtons;

package/components/edit-option-radio-button-group/index.cjs

@@ -17,11 +17,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";var d=Object.getPrototypeOf;var h=Reflect.get;var c=(u,e,t)=>h(d(u),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-zuArOtOt.cjs");require("../index-DUO13KGl.cjs");const i=require("../property-0L4eB11h.cjs"),f=require("../query-D5qWDopr.cjs"),v=require("../edit-option-base-Boz7TNRZ.cjs");var y=Object.defineProperty,n=(u,e,t,r)=>{for(var s=void 0,l=u.length-1,p;l>=0;l--)(p=u[l])&&(s=p(e,t,s)||s);return s&&y(e,t,s),s};const a=class a extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,r])=>i.x`
+"use strict";var d=Object.getPrototypeOf;var h=Reflect.get;var c=(l,e,t)=>h(d(l),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-zuArOtOt.cjs");require("../index-DUO13KGl.cjs");const a=require("../property-0L4eB11h.cjs"),v=require("../query-D5qWDopr.cjs"),y=require("../edit-option-base-Boz7TNRZ.cjs");var f=Object.defineProperty,i=(l,e,t,r)=>{for(var o=void 0,n=l.length-1,p;n>=0;n--)(p=l[n])&&(o=p(e,t,o)||o);return o&&f(e,t,o),o};const u=class u extends y.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,r])=>a.x`
         <luzmo-action-button value=${t} ?disabled=${this.disabled}>
           ${r}
         </luzmo-action-button>
-      `);return i.x` ${e} `}_handleEvent(){var e,t,r,s;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue((t=(e=this.actionGroup)==null?void 0:e.selected)==null?void 0:t[0]):(s=(r=this.actionGroup)==null?void 0:r.selected)==null?void 0:s[0]}}))}renderController(){const e=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,t=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return i.x`
+      `);return a.x` ${e} `}_handleEvent(){var e,t,r,o;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue=="function"?this.toValue((t=(e=this.actionGroup)==null?void 0:e.selected)==null?void 0:t[0]):(o=(r=this.actionGroup)==null?void 0:r.selected)==null?void 0:o[0]}}))}renderController(){const e=typeof this.parseValue=="function"?this.parseValue(this.value):this.value,t=typeof this.parseValue=="function"?this.parseValue(this.default):this.default;return a.x`
       <luzmo-action-group
         compact
         selects="single"
@@ -33,4 +33,4 @@
       >
         ${this.generateRadioButtons()}
       </luzmo-action-group>
-    `}};a.styles=[c(a,a,"styles")];let o=a;n([i.n({type:Array})],o.prototype,"values");n([i.n({type:Boolean,reflect:!0})],o.prototype,"disabled");n([i.n({type:String})],o.prototype,"value");n([i.n({type:String})],o.prototype,"default");n([i.n()],o.prototype,"fromOptionValue");n([i.n()],o.prototype,"toOptionValue");n([f.e("luzmo-action-group")],o.prototype,"actionGroup");customElements.get("luzmo-edit-option-radio-button-group")||customElements.define("luzmo-edit-option-radio-button-group",o);exports.LuzmoEditOptionRadioButtonGroup=o;
+    `}};u.styles=[c(u,u,"styles")];let s=u;i([a.n({type:Array})],s.prototype,"values");i([a.n({type:Boolean,reflect:!0})],s.prototype,"disabled");i([a.n({type:String})],s.prototype,"value");i([a.n({type:String})],s.prototype,"default");i([a.n()],s.prototype,"parseValue");i([a.n()],s.prototype,"toValue");i([v.e("luzmo-action-group")],s.prototype,"actionGroup");customElements.get("luzmo-edit-option-radio-button-group")||customElements.define("luzmo-edit-option-radio-button-group",s);exports.LuzmoEditOptionRadioButtonGroup=s;

package/components/edit-option-radio-button-group/index.js

@@ -22,7 +22,7 @@ var p = Reflect.get;
 var d = (t, o, e) => p(z(t), e, o);
 import "../index-CdCtJpK9.js";
 import "../index-Bee1uunR.js";
-import { x as s, n as i } from "../property-B2F7x7Cz.js";
+import { x as m, n as i } from "../property-B2F7x7Cz.js";
 import { e as b } from "../query-Ddbd72Um.js";
 import { L as g } from "../edit-option-base-qePiIQWd.js";
 const f = () => {
@@ -32,41 +32,41 @@ const f = () => {
   }
 };
 f();
-var h = Object.defineProperty, u = (t, o, e, m) => {
-  for (var r = void 0, c = t.length - 1, a; c >= 0; c--)
-    (a = t[c]) && (r = a(o, e, r) || r);
+var h = Object.defineProperty, u = (t, o, e, s) => {
+  for (var r = void 0, c = t.length - 1, n; c >= 0; c--)
+    (n = t[c]) && (r = n(o, e, r) || r);
   return r && h(o, e, r), r;
 };
-const n = class n extends g {
+const a = class a extends g {
   constructor() {
     super(...arguments), this.values = {}, this.disabled = !1;
   }
   generateRadioButtons() {
     const o = Object.entries(this.values).map(
-      ([e, m]) => s`
+      ([e, s]) => m`
         <luzmo-action-button value=${e} ?disabled=${this.disabled}>
-          ${m}
+          ${s}
         </luzmo-action-button>
       `
     );
-    return s` ${o} `;
+    return m` ${o} `;
   }
   _handleEvent() {
-    var o, e, m, r;
+    var o, e, s, r;
     this.dispatchEvent(
       new CustomEvent("option-changed", {
         bubbles: !0,
         composed: !0,
         cancelable: !0,
         detail: {
-          value: typeof this.toOptionValue == "function" ? this.toOptionValue((e = (o = this.actionGroup) == null ? void 0 : o.selected) == null ? void 0 : e[0]) : (r = (m = this.actionGroup) == null ? void 0 : m.selected) == null ? void 0 : r[0]
+          value: typeof this.toValue == "function" ? this.toValue((e = (o = this.actionGroup) == null ? void 0 : o.selected) == null ? void 0 : e[0]) : (r = (s = this.actionGroup) == null ? void 0 : s.selected) == null ? void 0 : r[0]
         }
       })
     );
   }
   renderController() {
-    const o = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.value) : this.value, e = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.default) : this.default;
-    return s`
+    const o = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, e = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
+    return m`
       <luzmo-action-group
         compact
         selects="single"
@@ -81,8 +81,8 @@ const n = class n extends g {
     `;
   }
 };
-n.styles = [d(n, n, "styles")];
-let l = n;
+a.styles = [d(a, a, "styles")];
+let l = a;
 u([
   i({ type: Array })
 ], l.prototype, "values");
@@ -97,10 +97,10 @@ u([
 ], l.prototype, "default");
 u([
   i()
-], l.prototype, "fromOptionValue");
+], l.prototype, "parseValue");
 u([
   i()
-], l.prototype, "toOptionValue");
+], l.prototype, "toValue");
 u([
   b("luzmo-action-group")
 ], l.prototype, "actionGroup");

package/components/edit-option-slider/edit-option-slider.d.ts

@@ -8,8 +8,8 @@ export declare class LuzmoEditOptionSlider extends LuzmoEditOptionBase {
     max: number;
     step: number;
     debounce: number;
-    fromOptionValue?: (value?: string | number | any) => number;
-    toOptionValue?: (value?: number) => string | number | any;
+    parseValue?: (value?: string | number | any) => number;
+    toValue?: (value?: number) => string | number | any;
     private _handleEvent;
     protected renderController(): import("lit-html").TemplateResult<1>;
 }