@luzmo/analytics-components-kit 1.0.2 → 1.0.3-beta.1

package/components/item-option-Buxnv89s.js

@@ -0,0 +1,969 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 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.
+ * */
+import { i as e } from "./base-BAzY-whv.js";
+import { t } from "./decorate-DKLaHs_w.js";
+import { t as n } from "./data-broker-CW4ZQUct.js";
+import { n as r, t as i } from "./themes-CzAQg_23.js";
+import { html as a, unsafeCSS as o } from "lit";
+import { property as s } from "lit/decorators.js";
+import { msg as c } from "@lit/localize";
+import { Task as l } from "@lit/task";
+import { ifDefined as u } from "lit/directives/if-defined.js";
+//#region node_modules/@luzmo/dashboard-contents-types/src/lib/shared/utils/options-registry.generated.js
+var d = {
+	"area-chart": () => import("./area-chart-options.config-BUHjb7Bk.js").then((e) => e.t),
+	"bar-chart": () => import("./bar-chart-options.config-AMHDb2It.js").then((e) => e.t),
+	"box-plot": () => import("./box-plot-options.config-3VF9Ffkn.js").then((e) => e.t),
+	"bubble-chart": () => import("./bubble-chart-options.config-l0ueCukf.js").then((e) => e.n),
+	"bullet-chart": () => import("./bullet-chart-options.config-BQNJrMl3.js").then((e) => e.t),
+	"choropleth-map": () => import("./choropleth-map-options.config-DhAdPcc2.js").then((e) => e.t),
+	"circle-pack-chart": () => import("./circle-pack-chart-options.config-DOJGc7Np.js").then((e) => e.t),
+	"circular-gauge": () => import("./circular-gauge-options.config-xz9LLSt2.js").then((e) => e.t),
+	"column-chart": () => import("./column-chart-options.config-RxfBQiPF.js").then((e) => e.t),
+	"combination-chart": () => import("./combination-chart-options.config-DzcWIp-7.js").then((e) => e.t),
+	"conditional-number": () => import("./conditional-number-options.config-DdrC2VCC.js").then((e) => e.t),
+	"date-comparison-filter": () => import("./date-comparison-filter-options.config-CWAlfcUv.js").then((e) => e.t),
+	"date-filter": () => import("./date-filter-options.config-dReQr-A6.js").then((e) => e.n),
+	"donut-chart": () => import("./donut-chart-options.config-BICFvGZz.js").then((e) => e.t),
+	"dropdown-filter": () => import("./dropdown-filter-options.config-DmYDu2BM.js").then((e) => e.t),
+	"evolution-number": () => import("./evolution-number-options.config-DXHlpKC3.js").then((e) => e.t),
+	"funnel-chart": () => import("./funnel-chart-options.config-B5HjVyUm.js").then((e) => e.t),
+	"heat-map": () => import("./heat-map-options.config-CA2d2rzv.js").then((e) => e.n),
+	"heat-table": () => import("./heat-table-options.config-ChHQhm1k.js").then((e) => e.n),
+	"hexbin-map": () => import("./hexbin-map-options.config-BNxDjIdK.js").then((e) => e.n),
+	image: () => import("./image-options.config-CpDMEDEw.js").then((e) => e.n),
+	"line-chart": () => import("./line-chart-options.config-CmMT8RHt.js").then((e) => e.t),
+	"marker-map": () => import("./marker-map-options.config-BnUPaTFv.js").then((e) => e.n),
+	"ohlc-chart": () => import("./ohlc-chart-options.config-DizRyUVs.js").then((e) => e.n),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-options.config-B9yYabBP.js").then((e) => e.n),
+	"pivot-table": () => import("./pivot-table-options.config-BO9rWRUX.js").then((e) => e.t),
+	"pyramid-chart": () => import("./pyramid-chart-options.config-Cm6Deui7.js").then((e) => e.n),
+	"radar-chart": () => import("./radar-chart-options.config-Cn4pNvbw.js").then((e) => e.n),
+	"regular-table": () => import("./regular-table-options.config-CtkOoj_l.js").then((e) => e.n),
+	"route-map": () => import("./route-map-options.config-Cypf0okc.js").then((e) => e.n),
+	"sankey-diagram": () => import("./sankey-diagram-options.config-CSTpHGJL.js").then((e) => e.n),
+	"scatter-plot": () => import("./scatter-plot-options.config-D8bKMmZ1.js").then((e) => e.n),
+	"search-filter": () => import("./search-filter-options.config-DRQ618sw.js").then((e) => e.n),
+	"slicer-filter": () => import("./slicer-filter-options.config-Dj8faIRf.js").then((e) => e.n),
+	"slider-filter": () => import("./slider-filter-options.config-Dz_G_3fi.js").then((e) => e.n),
+	spacer: () => import("./spacer-options.config-ULrZRrQk.js"),
+	"speedometer-chart": () => import("./speedometer-chart-options.config-B4EnHOGA.js").then((e) => e.n),
+	"spike-map": () => import("./spike-map-options.config-SJYSo7vN.js").then((e) => e.n),
+	"strip-plot": () => import("./strip-plot-options.config-ByczJvlp.js").then((e) => e.n),
+	"sunburst-chart": () => import("./sunburst-chart-options.config-CIEZVgKe.js").then((e) => e.n),
+	"symbol-map": () => import("./symbol-map-options.config-CDJCPRzC.js").then((e) => e.n),
+	text: () => import("./text-options.config-CiSSxk_m.js").then((e) => e.n),
+	"treemap-chart": () => import("./treemap-chart-options.config-BuRbdZLH.js").then((e) => e.t),
+	"venn-diagram": () => import("./venn-diagram-options.config-CARU54Qf.js").then((e) => e.n),
+	video: () => import("./video-options.config-0isnqE2h.js").then((e) => e.n),
+	"wordcloud-chart": () => import("./wordcloud-chart-options.config-Cy0ApHB0.js").then((e) => e.n)
+}, f = {
+	"area-chart:de": () => import("./area-chart-options.de-lrxB_n7z.js"),
+	"area-chart:en": () => import("./area-chart-options.en-CNjqRPJU.js"),
+	"area-chart:es": () => import("./area-chart-options.es-DJM-pOGH.js"),
+	"area-chart:fr": () => import("./area-chart-options.fr-CAdhv7PY.js"),
+	"area-chart:nl": () => import("./area-chart-options.nl-BI7vOaej.js"),
+	"bar-chart:de": () => import("./bar-chart-options.de-BsFNQZXw.js"),
+	"bar-chart:en": () => import("./bar-chart-options.en-4lDyvOc3.js"),
+	"bar-chart:es": () => import("./bar-chart-options.es-BYp-aqwt.js"),
+	"bar-chart:fr": () => import("./bar-chart-options.fr-BKlgYbMq.js"),
+	"bar-chart:nl": () => import("./bar-chart-options.nl-CB1ehR_E.js"),
+	"box-plot:de": () => import("./box-plot-options.de-DeBtoOkG.js"),
+	"box-plot:en": () => import("./box-plot-options.en-DRn8vrJE.js"),
+	"box-plot:es": () => import("./box-plot-options.es-CsddpApL.js"),
+	"box-plot:fr": () => import("./box-plot-options.fr-CIOKeLQw.js"),
+	"box-plot:nl": () => import("./box-plot-options.nl-BwvF-rji.js"),
+	"bubble-chart:de": () => import("./bubble-chart-options.de--tx4hdXk.js"),
+	"bubble-chart:en": () => import("./bubble-chart-options.en-CX4HEuE9.js"),
+	"bubble-chart:es": () => import("./bubble-chart-options.es-BV2xD2Zj.js"),
+	"bubble-chart:fr": () => import("./bubble-chart-options.fr-DVV2iIVV.js"),
+	"bubble-chart:nl": () => import("./bubble-chart-options.nl-DD1lTDcb.js"),
+	"bullet-chart:de": () => import("./bullet-chart-options.de-dGV-_Z2f.js"),
+	"bullet-chart:en": () => import("./bullet-chart-options.en-CRZVaOHc.js"),
+	"bullet-chart:es": () => import("./bullet-chart-options.es-oG93KyF8.js"),
+	"bullet-chart:fr": () => import("./bullet-chart-options.fr-CbMcb_H4.js"),
+	"bullet-chart:nl": () => import("./bullet-chart-options.nl-Dusa4mjB.js"),
+	"choropleth-map:de": () => import("./choropleth-map-options.de-BBYY4TxU.js"),
+	"choropleth-map:en": () => import("./choropleth-map-options.en-BWfgWtNO.js"),
+	"choropleth-map:es": () => import("./choropleth-map-options.es-CILmkfRl.js"),
+	"choropleth-map:fr": () => import("./choropleth-map-options.fr-RRTR0_Rw.js"),
+	"choropleth-map:nl": () => import("./choropleth-map-options.nl-D_G5lVVI.js"),
+	"circle-pack-chart:de": () => import("./circle-pack-chart-options.de-MS3GvWtI.js"),
+	"circle-pack-chart:en": () => import("./circle-pack-chart-options.en-Bad5GrPL.js"),
+	"circle-pack-chart:es": () => import("./circle-pack-chart-options.es-DU9JAYds.js"),
+	"circle-pack-chart:fr": () => import("./circle-pack-chart-options.fr-Dpiz1SuY.js"),
+	"circle-pack-chart:nl": () => import("./circle-pack-chart-options.nl-BBqxzzfY.js"),
+	"circular-gauge:de": () => import("./circular-gauge-options.de-x_xEWT5U.js"),
+	"circular-gauge:en": () => import("./circular-gauge-options.en-BETjzieQ.js"),
+	"circular-gauge:es": () => import("./circular-gauge-options.es-CxyS1Ulk.js"),
+	"circular-gauge:fr": () => import("./circular-gauge-options.fr-BHEXTYDS.js"),
+	"circular-gauge:nl": () => import("./circular-gauge-options.nl-B9IxtpW1.js"),
+	"column-chart:de": () => import("./column-chart-options.de-C_M8nlHm.js"),
+	"column-chart:en": () => import("./column-chart-options.en-DlWiNfJV.js"),
+	"column-chart:es": () => import("./column-chart-options.es-C6dn3WAo.js"),
+	"column-chart:fr": () => import("./column-chart-options.fr-OUnuJpH9.js"),
+	"column-chart:nl": () => import("./column-chart-options.nl-CNFPRZkJ.js"),
+	"combination-chart:de": () => import("./combination-chart-options.de-DLh61lPu.js"),
+	"combination-chart:en": () => import("./combination-chart-options.en-DiGErmxq.js"),
+	"combination-chart:es": () => import("./combination-chart-options.es-DCR2HOoi.js"),
+	"combination-chart:fr": () => import("./combination-chart-options.fr-BqpEPQ97.js"),
+	"combination-chart:nl": () => import("./combination-chart-options.nl-B1_VQT_R.js"),
+	"conditional-number:de": () => import("./conditional-number-options.de-CEX3hNuK.js"),
+	"conditional-number:en": () => import("./conditional-number-options.en-DCUI-8UJ.js"),
+	"conditional-number:es": () => import("./conditional-number-options.es-Cepit7Sa.js"),
+	"conditional-number:fr": () => import("./conditional-number-options.fr-CInZH6GS.js"),
+	"conditional-number:nl": () => import("./conditional-number-options.nl-DiC9i5Jn.js"),
+	"date-comparison-filter:de": () => import("./date-comparison-filter-options.de-DDZA_K3t.js"),
+	"date-comparison-filter:en": () => import("./date-comparison-filter-options.en-C1z_Z_RK.js"),
+	"date-comparison-filter:es": () => import("./date-comparison-filter-options.es-CqC-_Dwk.js"),
+	"date-comparison-filter:fr": () => import("./date-comparison-filter-options.fr-fQeNqwOo.js"),
+	"date-comparison-filter:nl": () => import("./date-comparison-filter-options.nl-DLjSTGFZ.js"),
+	"date-filter:de": () => import("./date-filter-options.de-B2gV2W05.js"),
+	"date-filter:en": () => import("./date-filter-options.en-4UV3LUV9.js"),
+	"date-filter:es": () => import("./date-filter-options.es-SE2Hj17p.js"),
+	"date-filter:fr": () => import("./date-filter-options.fr-B9wnVf2q.js"),
+	"date-filter:nl": () => import("./date-filter-options.nl-BCGJG7PW.js"),
+	"donut-chart:de": () => import("./donut-chart-options.de-9CrN8r79.js"),
+	"donut-chart:en": () => import("./donut-chart-options.en-BmJC8jM_.js"),
+	"donut-chart:es": () => import("./donut-chart-options.es-Di__Bqi1.js"),
+	"donut-chart:fr": () => import("./donut-chart-options.fr-d_G4oZzG.js"),
+	"donut-chart:nl": () => import("./donut-chart-options.nl-CM5PGIJT.js"),
+	"dropdown-filter:de": () => import("./dropdown-filter-options.de-BUp2KLDf.js"),
+	"dropdown-filter:en": () => import("./dropdown-filter-options.en-I9s3u10Z.js"),
+	"dropdown-filter:es": () => import("./dropdown-filter-options.es-CAH1NRjW.js"),
+	"dropdown-filter:fr": () => import("./dropdown-filter-options.fr-Bo-ltFVG.js"),
+	"dropdown-filter:nl": () => import("./dropdown-filter-options.nl-BeYfLOhq.js"),
+	"evolution-number:de": () => import("./evolution-number-options.de-B5OwwcCs.js"),
+	"evolution-number:en": () => import("./evolution-number-options.en-H7JRJmgW.js"),
+	"evolution-number:es": () => import("./evolution-number-options.es-7dXA_IwM.js"),
+	"evolution-number:fr": () => import("./evolution-number-options.fr-DkvSSku3.js"),
+	"evolution-number:nl": () => import("./evolution-number-options.nl-DYs7NpcN.js"),
+	"funnel-chart:de": () => import("./funnel-chart-options.de-DsuwQWMD.js"),
+	"funnel-chart:en": () => import("./funnel-chart-options.en-9Jy7wL_1.js"),
+	"funnel-chart:es": () => import("./funnel-chart-options.es-kfS5xt0m.js"),
+	"funnel-chart:fr": () => import("./funnel-chart-options.fr-lK6LcIIs.js"),
+	"funnel-chart:nl": () => import("./funnel-chart-options.nl-D-v7TdHw.js"),
+	"heat-map:de": () => import("./heat-map-options.de-D7GhgeFX.js"),
+	"heat-map:en": () => import("./heat-map-options.en-C4tz1ctR.js"),
+	"heat-map:es": () => import("./heat-map-options.es-CXOODaCL.js"),
+	"heat-map:fr": () => import("./heat-map-options.fr-BwPLV7X9.js"),
+	"heat-map:nl": () => import("./heat-map-options.nl-BJ_p2uwo.js"),
+	"heat-table:de": () => import("./heat-table-options.de-BU7uXpGo.js"),
+	"heat-table:en": () => import("./heat-table-options.en-OWwizstw.js"),
+	"heat-table:es": () => import("./heat-table-options.es-DKygnhvY.js"),
+	"heat-table:fr": () => import("./heat-table-options.fr-CGlOY-T6.js"),
+	"heat-table:nl": () => import("./heat-table-options.nl-D5VWMHXX.js"),
+	"hexbin-map:de": () => import("./hexbin-map-options.de-DtOj2Khc.js"),
+	"hexbin-map:en": () => import("./hexbin-map-options.en-Bugb9SVt.js"),
+	"hexbin-map:es": () => import("./hexbin-map-options.es-DRp5hvuK.js"),
+	"hexbin-map:fr": () => import("./hexbin-map-options.fr-8iJ5aO1F.js"),
+	"hexbin-map:nl": () => import("./hexbin-map-options.nl-suNCBBxR.js"),
+	"image:de": () => import("./image-options.de-CGFW7vU8.js"),
+	"image:en": () => import("./image-options.en-DF17bbJi.js"),
+	"image:es": () => import("./image-options.es-BX8bgCi5.js"),
+	"image:fr": () => import("./image-options.fr-DQFcfoFJ.js"),
+	"image:nl": () => import("./image-options.nl-DszGqMI5.js"),
+	"line-chart:de": () => import("./line-chart-options.de-SVE1H5_H.js"),
+	"line-chart:en": () => import("./line-chart-options.en-CtZrW39D.js"),
+	"line-chart:es": () => import("./line-chart-options.es-CKNhy8xb.js"),
+	"line-chart:fr": () => import("./line-chart-options.fr-BHrvS1_D.js"),
+	"line-chart:nl": () => import("./line-chart-options.nl-Du53wfE_.js"),
+	"marker-map:de": () => import("./marker-map-options.de-xDDa2Uky.js"),
+	"marker-map:en": () => import("./marker-map-options.en-DdcyWVEz.js"),
+	"marker-map:es": () => import("./marker-map-options.es-CcB-bF1B.js"),
+	"marker-map:fr": () => import("./marker-map-options.fr-Bqp8dpqX.js"),
+	"marker-map:nl": () => import("./marker-map-options.nl-BERMSHz5.js"),
+	"ohlc-chart:de": () => import("./ohlc-chart-options.de-RLBpkhHA.js"),
+	"ohlc-chart:en": () => import("./ohlc-chart-options.en-CljWlP0A.js"),
+	"ohlc-chart:es": () => import("./ohlc-chart-options.es-ZB89OGtU.js"),
+	"ohlc-chart:fr": () => import("./ohlc-chart-options.fr-XRAA88q2.js"),
+	"ohlc-chart:nl": () => import("./ohlc-chart-options.nl-CRs7PjcI.js"),
+	"parallel-coordinates-plot:de": () => import("./parallel-coordinates-plot-options.de-C2AFkoRD.js"),
+	"parallel-coordinates-plot:en": () => import("./parallel-coordinates-plot-options.en-CIPxXEq0.js"),
+	"parallel-coordinates-plot:es": () => import("./parallel-coordinates-plot-options.es-BPiWfVNy.js"),
+	"parallel-coordinates-plot:fr": () => import("./parallel-coordinates-plot-options.fr-C5qPQsWu.js"),
+	"parallel-coordinates-plot:nl": () => import("./parallel-coordinates-plot-options.nl-YPZJ8AW0.js"),
+	"pivot-table:de": () => import("./pivot-table-options.de-DgPdQpfX.js"),
+	"pivot-table:en": () => import("./pivot-table-options.en-B5hdeYfF.js"),
+	"pivot-table:es": () => import("./pivot-table-options.es-BpvDS4Ed.js"),
+	"pivot-table:fr": () => import("./pivot-table-options.fr-CiKAmJ7g.js"),
+	"pivot-table:nl": () => import("./pivot-table-options.nl-CsDc4WN3.js"),
+	"pyramid-chart:de": () => import("./pyramid-chart-options.de-q8hDuxB1.js"),
+	"pyramid-chart:en": () => import("./pyramid-chart-options.en-vFQR-215.js"),
+	"pyramid-chart:es": () => import("./pyramid-chart-options.es-ClxzzgAU.js"),
+	"pyramid-chart:fr": () => import("./pyramid-chart-options.fr-Dt2mha1y.js"),
+	"pyramid-chart:nl": () => import("./pyramid-chart-options.nl-Lati6ch3.js"),
+	"radar-chart:de": () => import("./radar-chart-options.de-BEACoMOf.js"),
+	"radar-chart:en": () => import("./radar-chart-options.en-Bo4PM3cO.js"),
+	"radar-chart:es": () => import("./radar-chart-options.es-BKeOPK1f.js"),
+	"radar-chart:fr": () => import("./radar-chart-options.fr-BSgTD7_v.js"),
+	"radar-chart:nl": () => import("./radar-chart-options.nl-a40JWCKY.js"),
+	"regular-table:de": () => import("./regular-table-options.de-KcsDo7mx.js"),
+	"regular-table:en": () => import("./regular-table-options.en-DcnRQM2y.js"),
+	"regular-table:es": () => import("./regular-table-options.es-J0hbAPiM.js"),
+	"regular-table:fr": () => import("./regular-table-options.fr-CVBIW71V.js"),
+	"regular-table:nl": () => import("./regular-table-options.nl-DO_k6vRY.js"),
+	"route-map:de": () => import("./route-map-options.de-CFPkAeD7.js"),
+	"route-map:en": () => import("./route-map-options.en-CScQyv3f.js"),
+	"route-map:es": () => import("./route-map-options.es-D8leJPaS.js"),
+	"route-map:fr": () => import("./route-map-options.fr-Cdg0boEf.js"),
+	"route-map:nl": () => import("./route-map-options.nl-BWFRjUQz.js"),
+	"sankey-diagram:de": () => import("./sankey-diagram-options.de-DQkdNGQm.js"),
+	"sankey-diagram:en": () => import("./sankey-diagram-options.en-BWcKv2C3.js"),
+	"sankey-diagram:es": () => import("./sankey-diagram-options.es-p1PONBpb.js"),
+	"sankey-diagram:fr": () => import("./sankey-diagram-options.fr-BmgUhj-l.js"),
+	"sankey-diagram:nl": () => import("./sankey-diagram-options.nl-CNr9wILZ.js"),
+	"scatter-plot:de": () => import("./scatter-plot-options.de-DktOvhWA.js"),
+	"scatter-plot:en": () => import("./scatter-plot-options.en-DZ5ErBva.js"),
+	"scatter-plot:es": () => import("./scatter-plot-options.es-DmbUBg7y.js"),
+	"scatter-plot:fr": () => import("./scatter-plot-options.fr-DpdT9Ygv.js"),
+	"scatter-plot:nl": () => import("./scatter-plot-options.nl-C0mMrM9V.js"),
+	"search-filter:de": () => import("./search-filter-options.de-BNBGknEu.js"),
+	"search-filter:en": () => import("./search-filter-options.en-DURq_tqy.js"),
+	"search-filter:es": () => import("./search-filter-options.es-ChfQDhwA.js"),
+	"search-filter:fr": () => import("./search-filter-options.fr-CAU33etz.js"),
+	"search-filter:nl": () => import("./search-filter-options.nl-DxVRmwa6.js"),
+	"slicer-filter:de": () => import("./slicer-filter-options.de-LC-MORN2.js"),
+	"slicer-filter:en": () => import("./slicer-filter-options.en-DJ3grdi1.js"),
+	"slicer-filter:es": () => import("./slicer-filter-options.es-DG1V6M5O.js"),
+	"slicer-filter:fr": () => import("./slicer-filter-options.fr-B-my8zsA.js"),
+	"slicer-filter:nl": () => import("./slicer-filter-options.nl-Bx96SVPz.js"),
+	"slider-filter:de": () => import("./slider-filter-options.de-CJdYhRvT.js"),
+	"slider-filter:en": () => import("./slider-filter-options.en-ZbsUFcip.js"),
+	"slider-filter:es": () => import("./slider-filter-options.es-C_LqNmnI.js"),
+	"slider-filter:fr": () => import("./slider-filter-options.fr-CUOIHIf-.js"),
+	"slider-filter:nl": () => import("./slider-filter-options.nl-YPWcvldC.js"),
+	"speedometer-chart:de": () => import("./speedometer-chart-options.de-d-_ybOxH.js"),
+	"speedometer-chart:en": () => import("./speedometer-chart-options.en-wBJsoNkR.js"),
+	"speedometer-chart:es": () => import("./speedometer-chart-options.es-BYa3jmaD.js"),
+	"speedometer-chart:fr": () => import("./speedometer-chart-options.fr-9yxv2eAr.js"),
+	"speedometer-chart:nl": () => import("./speedometer-chart-options.nl-BwDfWOVn.js"),
+	"spike-map:de": () => import("./spike-map-options.de-Bt5aPy_H.js"),
+	"spike-map:en": () => import("./spike-map-options.en-HdZcHIFd.js"),
+	"spike-map:es": () => import("./spike-map-options.es-j9-fVNJ7.js"),
+	"spike-map:fr": () => import("./spike-map-options.fr-BFh3iXRw.js"),
+	"spike-map:nl": () => import("./spike-map-options.nl-CZjhQh91.js"),
+	"strip-plot:de": () => import("./strip-plot-options.de--n8TDfJX.js"),
+	"strip-plot:en": () => import("./strip-plot-options.en-CJFzH_El.js"),
+	"strip-plot:es": () => import("./strip-plot-options.es-BSWuDsvp.js"),
+	"strip-plot:fr": () => import("./strip-plot-options.fr-B2jepysu.js"),
+	"strip-plot:nl": () => import("./strip-plot-options.nl-Db1AxvI5.js"),
+	"sunburst-chart:de": () => import("./sunburst-chart-options.de-C3c6D0JW.js"),
+	"sunburst-chart:en": () => import("./sunburst-chart-options.en-4w2AyWeB.js"),
+	"sunburst-chart:es": () => import("./sunburst-chart-options.es-BkWFUR9h.js"),
+	"sunburst-chart:fr": () => import("./sunburst-chart-options.fr-BODfVeFf.js"),
+	"sunburst-chart:nl": () => import("./sunburst-chart-options.nl-Doit-TAm.js"),
+	"symbol-map:de": () => import("./symbol-map-options.de-Dq7LNyGW.js"),
+	"symbol-map:en": () => import("./symbol-map-options.en-DMlcuAQ_.js"),
+	"symbol-map:es": () => import("./symbol-map-options.es-CcHjC-GK.js"),
+	"symbol-map:fr": () => import("./symbol-map-options.fr-D89_P4Dm.js"),
+	"symbol-map:nl": () => import("./symbol-map-options.nl-BJ8J1sKk.js"),
+	"text:de": () => import("./text-options.de-BdHM3F9S.js"),
+	"text:en": () => import("./text-options.en-NbBYgzE2.js"),
+	"text:es": () => import("./text-options.es-DIF6ujh0.js"),
+	"text:fr": () => import("./text-options.fr-H26lisgT.js"),
+	"text:nl": () => import("./text-options.nl-BDfJ22__.js"),
+	"treemap-chart:de": () => import("./treemap-chart-options.de-BRimUKFD.js"),
+	"treemap-chart:en": () => import("./treemap-chart-options.en-DMT_aPYi.js"),
+	"treemap-chart:es": () => import("./treemap-chart-options.es-B9gyj1NK.js"),
+	"treemap-chart:fr": () => import("./treemap-chart-options.fr-DYBMwRC9.js"),
+	"treemap-chart:nl": () => import("./treemap-chart-options.nl-BGDaLOfK.js"),
+	"video:de": () => import("./video-options.de-BlTy2A_E.js"),
+	"video:en": () => import("./video-options.en-DQHMpiTO.js"),
+	"video:es": () => import("./video-options.es-CdU6OLyP.js"),
+	"video:fr": () => import("./video-options.fr-D-sL5ryc.js"),
+	"video:nl": () => import("./video-options.nl-Dld9McdR.js"),
+	"wordcloud-chart:de": () => import("./wordcloud-chart-options.de-DdAQ5fpz.js"),
+	"wordcloud-chart:en": () => import("./wordcloud-chart-options.en-x7k8fzsO.js"),
+	"wordcloud-chart:es": () => import("./wordcloud-chart-options.es-Dd_46NTH.js"),
+	"wordcloud-chart:fr": () => import("./wordcloud-chart-options.fr-C0LLEH0V.js"),
+	"wordcloud-chart:nl": () => import("./wordcloud-chart-options.nl-DzXp_2oo.js")
+}, p = async (e) => {
+	try {
+		let t = d[e];
+		return t ? (await t())?.default ?? null : null;
+	} catch {
+		return null;
+	}
+}, m = async (e, t) => {
+	try {
+		let n = f[`${e}:${t}`];
+		return n ? (await n())?.default ?? null : null;
+	} catch {
+		return null;
+	}
+}, h = (e, t, n) => {
+	let r = { ...e }, i = e.key;
+	if (!i) return r;
+	let a = n?.[i] ?? t.options?.[i];
+	if (r.control && a && (a.label && (r.control = {
+		...r.control,
+		label: a.label
+	}), a.description && typeof r.control.description != "function" && (r.control = {
+		...r.control,
+		description: a.description
+	}), a.placeholder && typeof r.control.placeholder != "function" && (r.control = {
+		...r.control,
+		placeholder: a.placeholder
+	}), a.tooltip && typeof r.control.tooltip != "function" && (r.control = {
+		...r.control,
+		tooltip: a.tooltip
+	}), a.extraLabel !== void 0 && typeof r.control.extraLabel != "function" && (r.control = {
+		...r.control,
+		extraLabel: a.extraLabel
+	}), a.extraLabelTooltip !== void 0 && typeof r.control.extraLabelTooltip != "function" && (r.control = {
+		...r.control,
+		extraLabelTooltip: a.extraLabelTooltip
+	})), r.control?.enum && a?.enum) {
+		let e = { ...r.control.enum };
+		if (Array.isArray(r.control.enum)) {
+			let e = {};
+			for (let t of r.control.enum) e[t] = { label: a.enum[t] ?? t };
+			r.control = {
+				...r.control,
+				enum: e
+			};
+		} else if (typeof r.control.enum == "object") {
+			for (let [t, n] of Object.entries(a.enum)) e[t] = typeof e[t] == "object" ? {
+				...e[t],
+				label: n
+			} : { label: n };
+			r.control = {
+				...r.control,
+				enum: e
+			};
+		}
+	}
+	return r;
+}, g = (e, t, n) => e.map((e) => {
+	let r = { ...e };
+	if (e.type === "group" && e.key) {
+		let i = n?.[e.key] ?? t.groups?.[e.key];
+		i?.label && (r.label = i.label);
+	}
+	return e.control && (r.control = h(e, t, n).control), e.children && Array.isArray(e.children) && (r.children = g(e.children, t, n)), r;
+}), _ = (e) => e ? p(e) : Promise.resolve(null), v = async (e, t, n = !1) => {
+	if (!e || !t) return null;
+	let r = await m(e, t);
+	return !r && n && t !== "en" && (r = await m(e, "en")), r ?? null;
+}, y = (e, t, n) => {
+	let r = (t) => {
+		for (let i of t ?? []) {
+			if (i.key === e) return n ? i : i.control;
+			if (i.children) {
+				let e = r(i.children);
+				if (e) return e;
+			}
+		}
+		return null;
+	};
+	if (t && Array.isArray(t)) for (let e of t) {
+		let t = r(e.children);
+		if (t) return t;
+	}
+	return null;
+}, b = ":host{font-family:var(--luzmo-item-option-font-family,var(--luzmo-font-family));font-size:var(--luzmo-item-option-font-size,var(--luzmo-font-size));display:block;overflow:hidden}:host([size=s]){font-size:var(--luzmo-item-option-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-font-size-xl,var(--luzmo-font-size-xl))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}", x = (e) => {
+	let t;
+	return typeof e?.controlInfo?.default == "function" ? t = e.controlInfo.default({
+		options: e.options,
+		slots: e.slots,
+		theme: e.theme
+	}) : e.controlInfo?.default !== void 0 && e.controlInfo?.default !== null && (t = e.controlInfo.default), t;
+}, S = (e) => {
+	let t;
+	if (typeof e.controlInfo?.extraLabel == "function" ? t = e.controlInfo.extraLabel({
+		options: e.options,
+		slots: e.slots,
+		theme: e.theme
+	}) : typeof e.controlInfo?.extraLabel == "string" && (t = e.controlInfo.extraLabel), typeof t == "string") {
+		let n = e.translations?.options?.[e.optionKey]?.extraLabel;
+		typeof n == "string" ? t = n : n && typeof n == "object" && (t = n[t] ?? t);
+	}
+	let n;
+	if (typeof e.controlInfo?.extraLabelTooltip == "function" ? n = e.controlInfo.extraLabelTooltip({
+		options: e.options,
+		slots: e.slots,
+		theme: e.theme
+	}) : typeof e.controlInfo?.extraLabelTooltip == "string" && (n = e.controlInfo.extraLabelTooltip), typeof n == "string") {
+		let t = e.translations?.options?.[e.optionKey]?.extraLabelTooltip;
+		typeof t == "string" ? n = t : t && typeof t == "object" && (n = t[n] ?? n);
+	}
+	let r;
+	typeof e.controlInfo?.extraLabelHasClickAction == "function" ? r = e.controlInfo.extraLabelHasClickAction({
+		options: e.options,
+		slots: e.slots,
+		theme: e.theme
+	}) : typeof e.controlInfo?.extraLabelHasClickAction == "boolean" && (r = e.controlInfo.extraLabelHasClickAction);
+	let i = typeof e.controlInfo?.extraLabelClickAction == "function" ? () => e.controlInfo.extraLabelClickAction({
+		options: e.options,
+		slots: e.slots,
+		theme: e.theme
+	}) : () => {};
+	return {
+		extraLabel: t,
+		extraLabelTooltip: n,
+		extraLabelHasClickAction: r,
+		extraLabelClickAction: i
+	};
+}, C = (e, t) => {
+	let n = e?.options ?? {};
+	if (typeof e?.controlInfo?.calculateValue == "function") return e.controlInfo.calculateValue({ options: n });
+	if (t.includes(".")) {
+		let e = t.split("."), r = n;
+		for (let t = 0; t < e.length - 1; t++) r = r[e[t]] ?? {};
+		let i = e.length - 1;
+		return r[e[i]];
+	}
+	return n[t];
+}, w = (e) => (t) => {
+	let n = { ...e.options };
+	if (typeof e?.controlInfo?.toOptions == "function") n = e.controlInfo.toOptions({
+		options: n,
+		value: t?.detail?.value
+	});
+	else if (e.optionKey.includes(".")) {
+		let r = e.optionKey.split("."), i = n;
+		for (let e = 0; e < r.length - 1; e++) i[r[e]] = i[r[e]] ?? {}, i = i[r[e]];
+		let a = r.length - 1;
+		i[r[a]] = t.detail.value;
+	} else n[e.optionKey] = t.detail.value;
+	return e.changeCallback(n);
+}, T = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.size, r = {};
+	Object.keys(e.controlInfo?.values).forEach((t) => {
+		r[t] = {
+			...e.controlInfo?.values[t],
+			label: e.translations?.options?.[e.optionKey]?.enum?.[t] ?? e.controlInfo?.values[t].label
+		};
+	});
+	let i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = C(e, e.optionKey), s = x(e), { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = S(e), f = w(e);
+	return a`
+    <luzmo-item-option-action-button-group
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .value=${o}
+      .values=${r}
+      .default=${s}
+      .selects=${e.controlInfo?.selects}
+      .size=${n}
+      .tooltip=${i}
+      .extraLabel=${c}
+      .extraLabelTooltip=${l}
+      .extraLabelHasClickAction=${u}
+      @luzmo-extra-label-click=${d}
+      @luzmo-option-changed=${f}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-action-button-group>
+  `;
+}, E = (e) => {
+	let t;
+	return typeof e?.controlInfo?.enum == "function" ? t = e.controlInfo.enum({
+		options: e.options,
+		slots: e.slots,
+		theme: e.theme
+	}) : e.controlInfo?.enum !== void 0 && e.controlInfo?.enum !== null && (t = e.controlInfo.enum), t;
+}, D = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = E(e), i = e.size, o = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, s = x(e), { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = S(e), f = w(e);
+	return a`
+    <luzmo-item-option-color-palette-picker
+      .value=${n ?? s}
+      .values=${r}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${i}
+      .tooltip=${o}
+      .extraLabel=${c}
+      .extraLabelTooltip=${l}
+      .extraLabelHasClickAction=${u}
+      @luzmo-extra-label-click=${() => {
+		if (typeof d == "function") {
+			let { options: t } = d();
+			return e.changeCallback(t);
+		}
+	}}
+      @luzmo-option-changed=${f}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-color-palette-picker>
+  `;
+}, O = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = S(e), d = w(e);
+	return a`
+    <luzmo-item-option-color-picker
+      .value=${n ?? o}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${s}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${l}
+      @luzmo-extra-label-click=${() => {
+		if (typeof u == "function") {
+			let { options: t } = u();
+			return e.changeCallback(t);
+		}
+	}}
+      @luzmo-option-changed=${d}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-color-picker>
+  `;
+}, k = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e), s = typeof e?.controlInfo?.percentage == "function" ? e.controlInfo.percentage(e) : e.controlInfo.percentage, c = typeof e?.controlInfo?.reverse == "function" ? e.controlInfo.reverse(e) : e.controlInfo.reverse, l = typeof e?.controlInfo?.noAlphaChannel == "function" ? e.controlInfo.noAlphaChannel(e) : e.controlInfo.noAlphaChannel, u = typeof e?.controlInfo?.editRangeSize == "function" ? e.controlInfo.editRangeSize(e) : e.controlInfo.editRangeSize, d = typeof e?.controlInfo?.minimumRangeSize == "function" ? e.controlInfo.minimumRangeSize(e) : e.controlInfo.minimumRangeSize, f = typeof e?.controlInfo?.negativeInfinityValue == "function" ? e.controlInfo.negativeInfinityValue(e) : e.controlInfo.negativeInfinityValue, p = typeof e?.controlInfo?.noValues == "function" ? e.controlInfo.noValues(e) : e.controlInfo.noValues, m = typeof e?.controlInfo?.readOnlyColorPicker == "function" ? e.controlInfo.readOnlyColorPicker(e) : e.controlInfo.readOnlyColorPicker, { extraLabel: h, extraLabelTooltip: g, extraLabelHasClickAction: _, extraLabelClickAction: v } = S(e), y = w(e);
+	return a`
+    <luzmo-item-option-color-range
+      .value=${n ?? o}
+      .label=${t}
+      .size=${r}
+      .tooltip=${i}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .extraLabel=${h}
+      .extraLabelTooltip=${g}
+      .extraLabelHasClickAction=${_}
+      .debounce=${e.controlInfo?.debounce}
+      ?reverse=${c}
+      ?percentage=${s}
+      ?no-alpha-channel=${l}
+      ?edit-range-size=${u}
+      ?no-values=${p}
+      ?read-only-color-picker=${m}
+      .minimum-range-size=${d}
+      ?negative-infinity-value=${f}
+      @luzmo-extra-label-click=${() => {
+		if (typeof v == "function") {
+			let { options: t } = v();
+			return e.changeCallback(t);
+		}
+	}}
+      @luzmo-option-changed=${y}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-color-range>
+  `;
+}, A = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey) ?? {}, r = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, i = e.language ?? "en", o = { [i]: e.translations?.options?.[e.optionKey]?.placeholder ?? e.controlInfo?.placeholder ?? "" }, s = e.size, c = x(e), { extraLabel: l, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = S(e), m = w(e);
+	return a`
+    <luzmo-item-option-multi-language-field
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .placeholder=${o}
+      .value=${n ?? c}
+      language=${u(i)}
+      .size=${s}
+      .tooltip=${r}
+      .extraLabel=${l}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${f}
+      @luzmo-extra-label-click=${p}
+      @luzmo-option-changed=${m}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-multi-language-field>
+  `;
+}, j = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.controlInfo?.min, r = e.controlInfo?.max, i = e.controlInfo?.step, o = C(e, e.optionKey), s = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, c = x(e), l = e.size, { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = S(e), m = w(e);
+	return a`
+    <luzmo-item-option-number-field
+      .value=${o}
+      .default=${c}
+      .min=${n}
+      .max=${r}
+      .step=${i}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${l}
+      .tooltip=${s}
+      .placeholder=${e.controlInfo?.placeholder}
+      .minWidthInputField=${e.controlInfo?.minWidthInputField}
+      .debounce=${e.controlInfo?.debounce}
+      .extraLabel=${u}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${f}
+      @luzmo-extra-label-click=${p}
+      @luzmo-option-changed=${m}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-number-field>
+  `;
+}, M = (e, t) => {
+	let n = {};
+	if (Array.isArray(e)) {
+		for (let r of e) typeof r == "string" && (n[r] = t?.[r] ?? r);
+		return n;
+	}
+	if (e && typeof e == "object") for (let [r, i] of Object.entries(e)) {
+		let e = t?.[r], a = typeof i == "string" ? i : typeof i == "object" && i && "label" in i ? String(i.label ?? r) : r;
+		n[r] = e ?? a ?? r;
+	}
+	return n;
+}, N = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, i = e.translations?.options?.[e.optionKey]?.enum, o = M(e.controlInfo?.enum, i), s = e.size, c = x(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = S(e), p = w(e);
+	return a`
+    <luzmo-item-option-picker
+      .value=${n}
+      .default=${c}
+      .values=${o}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${r}
+      .size=${s}
+      .extraLabel=${l}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${d}
+      @luzmo-extra-label-click=${f}
+      @luzmo-option-changed=${p}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-picker>
+  `;
+}, P = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label, n = e.controlInfo?.positions, r = e.size, i = C(e, e.optionKey), o = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, s = x(e) ?? "topRight", { extraLabel: c, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = S(e), f = w(e);
+	return a`
+    <luzmo-item-option-position-picker
+      .value=${i}
+      .positions=${n}
+      .default=${s}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${o}
+      .size=${r}
+      .extraLabel=${c}
+      .extraLabelTooltip=${l}
+      .extraLabelHasClickAction=${u}
+      @luzmo-extra-label-click=${d}
+      @luzmo-option-changed=${f}
+      .readonly=${e.controlInfo?.readonly}
+    ></luzmo-item-option-position-picker>
+  `;
+}, F = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label, n = C(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = S(e), d = w(e);
+	return a`
+    <luzmo-item-option-positions-number-field
+      .values=${n ?? o}
+      .positions=${e.controlInfo?.positions}
+      .positionConfiguration=${e.controlInfo?.positionConfiguration}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${s}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${l}
+      @luzmo-extra-label-click=${u}
+      @luzmo-option-changed=${d}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-positions-number-field>
+  `;
+}, I = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = x(e), i = e.translations?.options?.[e.optionKey]?.enum, o = M(e.controlInfo?.enum, i), s = e.size, c = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = S(e), p = w(e);
+	return a`
+    <luzmo-item-option-radio-button-group
+      .value=${n ?? r}
+      .values=${o}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${s}
+      .tooltip=${c}
+      .extraLabel=${l}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${d}
+      @luzmo-extra-label-click=${f}
+      @luzmo-option-changed=${p}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-radio-button-group>
+  `;
+}, L = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, r = e.controlInfo?.min, i = e.controlInfo?.max, o = e.controlInfo?.step, s = C(e, e.optionKey), c = e.size, l = x(e), { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = S(e), m = w(e);
+	return a`
+    <luzmo-item-option-slider
+      .value=${s}
+      .default=${l}
+      .min=${r}
+      .max=${i}
+      .step=${o}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${n}
+      .size=${c}
+      .extraLabel=${u}
+      .extraLabelTooltip=${d}
+      .extraLabelHasClickAction=${f}
+      @luzmo-extra-label-click=${() => {
+		if (typeof p == "function") {
+			let { options: t } = p();
+			return e.changeCallback(t);
+		}
+	}}
+      @luzmo-option-changed=${m}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-slider>
+  `;
+}, R = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = C(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = x(e), { extraLabel: s, extraLabelTooltip: c, extraLabelHasClickAction: l, extraLabelClickAction: u } = S(e), d = w(e);
+	return a`
+    <luzmo-item-option-switch
+      .value=${n ?? o ?? !1}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${s}
+      .extraLabelTooltip=${c}
+      .extraLabelHasClickAction=${l}
+      @luzmo-extra-label-click=${u}
+      @luzmo-option-changed=${d}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-switch>
+  `;
+}, z = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = e.language ?? "en", r = { [n]: e.translations?.options?.[e.optionKey]?.placeholder ?? e.controlInfo?.placeholder ?? "" }, i = C(e, e.optionKey) ?? "", o = e.size, s = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, c = x(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = S(e), p = w(e);
+	return a`
+    <luzmo-item-option-text-field
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .placeholder=${r[n]}
+      .value=${i ?? c}
+      .size=${o}
+      .tooltip=${s}
+      .extraLabel=${l}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${d}
+      @luzmo-extra-label-click=${f}
+      @luzmo-option-changed=${p}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-text-field>
+  `;
+}, B = (e) => {
+	switch (e.controlType) {
+		case "picker": return N(e);
+		case "slider": return L(e);
+		case "switch": return R(e);
+		case "multi-language-field": return A(e);
+		case "text-field": return z(e);
+		case "number-field": return j(e);
+		case "color-range": return k(e);
+		case "color-palette-picker": return D(e);
+		case "position-picker": return P(e);
+		case "positions-number-field": return F(e);
+		case "radio-button-group": return I(e);
+		case "color-picker": return O(e);
+		case "action-button-group": return T(e);
+	}
+}, V = class extends e {
+	constructor(...e) {
+		super(...e), this._loadItemConfig = new l(this, {
+			task: async ([e, t, a, o, s, c, l, u, d]) => {
+				if (l || u || d) {
+					let e = {};
+					l && (e.apiUrl = l), u && (e.authKey = u), d && (e.authToken = d), n.configure(e);
+				}
+				if (c && c.type !== "custom") try {
+					if (c?.id && r.includes(c.id)) this._fullTheme = await i(c.id);
+					else if (c?.id) {
+						let e = await n.fetchTheme(c.id);
+						this._fullTheme = e?.theme ?? {};
+					}
+				} catch (e) {
+					console.error("Error loading theme:", e), this._fullTheme = c;
+				}
+				else c?.type === "custom" ? this._fullTheme = structuredClone(c) : this._fullTheme = c;
+				let f = this._getTranslationOverrides(s), p = this._getOptionTranslation(s);
+				if (this._translationOverrides = f, o) {
+					this._optionsConfig = [{
+						key: "custom",
+						children: [o]
+					}], t = o.key, this._itemTypeLoaded = void 0, this._languageLoaded = void 0, this._translations = {};
+					let e = p ?? f?.[t ?? ""], n = this._mergeOptionTranslations(void 0, e);
+					this._effectiveTranslations = n ? { options: { [t ?? ""]: n } } : {};
+				} else if (e) {
+					let n = e !== this._itemTypeLoaded, r = e !== this._itemTypeLoaded || a !== this._languageLoaded;
+					if (n && (this._optionsConfig = await _(e) ?? [], this._itemTypeLoaded = e), r) {
+						let t = a ?? "en";
+						this._translations = await v(e, t, !0) ?? {}, this._languageLoaded = a;
+					}
+					let i = this._translations.options?.[t ?? ""], o = p ?? f?.[t ?? ""], s = this._mergeOptionTranslations(i, o);
+					this._effectiveTranslations = s ? { options: { [t ?? ""]: s } } : {};
+				} else this._optionsConfig = [], this._translations = {}, this._effectiveTranslations = {};
+				let m = y(t ?? "", this._optionsConfig), h = m?.type;
+				if (h !== this._controlTypeLoaded) {
+					let e = /* @__PURE__ */ Object.assign({
+						"../item-option-action-button-group/index.ts": () => import("./item-option-action-button-group/index.js"),
+						"../item-option-color-palette-picker/index.ts": () => import("./item-option-color-palette-picker/index.js"),
+						"../item-option-color-picker/index.ts": () => import("./item-option-color-picker/index.js"),
+						"../item-option-color-range/index.ts": () => import("./item-option-color-range/index.js"),
+						"../item-option-multi-language-field/index.ts": () => import("./item-option-multi-language-field/index.js"),
+						"../item-option-number-field/index.ts": () => import("./item-option-number-field/index.js"),
+						"../item-option-panel/index.ts": () => import("./item-option-panel/index.js"),
+						"../item-option-picker/index.ts": () => import("./item-option-picker/index.js"),
+						"../item-option-position-picker/index.ts": () => import("./item-option-position-picker/index.js"),
+						"../item-option-positions-number-field/index.ts": () => import("./item-option-positions-number-field/index.js"),
+						"../item-option-radio-button-group/index.ts": () => import("./item-option-radio-button-group/index.js"),
+						"../item-option-slider/index.ts": () => import("./item-option-slider/index.js"),
+						"../item-option-switch/index.ts": () => import("./item-option-switch/index.js"),
+						"../item-option-text-field/index.ts": () => import("./item-option-text-field/index.js")
+					});
+					try {
+						e[`../item-option-${h}/index.ts`] && (await e[`../item-option-${h}/index.ts`](), this._controlTypeLoaded = h);
+					} catch (e) {
+						console.error(e);
+					}
+				}
+				return m;
+			},
+			args: () => [
+				this.itemType,
+				this.optionKey,
+				this.language,
+				this.customOptionConfiguration,
+				this.customTranslations,
+				this.theme,
+				this.apiUrl,
+				this.authKey,
+				this.authToken
+			]
+		}), this.language = "en", this.options = {}, this.slots = [], this.size = "m", this._optionsConfig = [], this._translations = {}, this._effectiveTranslations = {}, this.changedOptions = (e) => {
+			this.options = e, this.dispatchEvent(new CustomEvent("luzmo-options-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: { options: e }
+			}));
+		};
+	}
+	static {
+		this.styles = o(b);
+	}
+	render() {
+		return this._loadItemConfig.render({
+			pending: () => a`
+          <p role="status">Loading...</p>
+        `,
+			complete: (e) => B({
+				controlType: e?.type,
+				optionKey: this.customOptionConfiguration?.key ?? this.optionKey ?? "",
+				controlInfo: e,
+				options: this.options,
+				slots: this.slots,
+				theme: this._fullTheme ?? this.theme,
+				language: this.language,
+				translations: this._effectiveTranslations,
+				size: this.size,
+				changeCallback: this.changedOptions
+			}),
+			error: (e) => (console.error(e), a`
+          <span class="sr-only" role="alert">${c("Failed to load option", { desc: "Error message when item option fails to load" })}</span>
+        `)
+		});
+	}
+	_getTranslationOverrides(e) {
+		if (!(!e || typeof e != "object") && !("groups" in e || "options" in e) && !this._isOptionTranslation(e)) return e;
+	}
+	_mergeOptionTranslations(e, t) {
+		if (!e) return t;
+		if (!t) return e;
+		let n = { ...e }, r = (e) => {
+			t[e] !== void 0 && (n[e] = t[e]);
+		};
+		return r("label"), r("description"), r("placeholder"), r("tooltip"), n.extraLabel = this._mergeTranslationValue(e.extraLabel, t.extraLabel), n.extraLabelTooltip = this._mergeTranslationValue(e.extraLabelTooltip, t.extraLabelTooltip), n.enum = this._mergeTranslationRecord(e.enum, t.enum), n;
+	}
+	_mergeTranslationValue(e, t) {
+		return t === void 0 ? e : typeof t == "string" ? t : t && typeof t == "object" ? e && typeof e == "object" ? {
+			...e,
+			...t
+		} : t : e;
+	}
+	_mergeTranslationRecord(e, t) {
+		return t === void 0 ? e : e && typeof e == "object" ? {
+			...e,
+			...t
+		} : t;
+	}
+	_getOptionTranslation(e) {
+		if (!(!e || typeof e != "object") && this._isOptionTranslation(e)) return e;
+	}
+	_isOptionTranslation(e) {
+		if (!e || typeof e != "object") return !1;
+		let t = e, n = new Set([
+			"label",
+			"description",
+			"placeholder",
+			"tooltip",
+			"extraLabel",
+			"extraLabelTooltip",
+			"enum"
+		]), r = Object.keys(t);
+		if (r.length === 0 || !r.every((e) => n.has(e))) return !1;
+		for (let e of [
+			"label",
+			"description",
+			"placeholder",
+			"tooltip"
+		]) if (e in t && typeof t[e] != "string") return !1;
+		for (let e of ["extraLabel", "extraLabelTooltip"]) {
+			let n = t[e];
+			if (e in t && typeof n != "string" && (typeof n != "object" || !n)) return !1;
+		}
+		return !("enum" in t && (typeof t.enum != "object" || t.enum === null));
+	}
+};
+//#endregion
+//#region src/components/item-option/index.ts
+t([s({
+	type: String,
+	reflect: !0
+})], V.prototype, "language", void 0), t([s({
+	type: String,
+	reflect: !0,
+	attribute: "item-type"
+})], V.prototype, "itemType", void 0), t([s({
+	type: String,
+	reflect: !0,
+	attribute: "option-key"
+})], V.prototype, "optionKey", void 0), t([s({
+	type: Object,
+	reflect: !1
+})], V.prototype, "customOptionConfiguration", void 0), t([s({
+	type: Object,
+	reflect: !1
+})], V.prototype, "customTranslations", void 0), t([s({ type: Object })], V.prototype, "options", void 0), t([s({ type: Object })], V.prototype, "slots", void 0), t([s({ type: Object })], V.prototype, "theme", void 0), t([s({
+	type: String,
+	attribute: "api-url",
+	reflect: !0
+})], V.prototype, "apiUrl", void 0), t([s({
+	type: String,
+	attribute: "auth-key",
+	reflect: !0
+})], V.prototype, "authKey", void 0), t([s({
+	type: String,
+	attribute: "auth-token",
+	reflect: !0
+})], V.prototype, "authToken", void 0), t([s({
+	type: String,
+	reflect: !0
+})], V.prototype, "size", void 0), customElements.get("luzmo-item-option") || customElements.define("luzmo-item-option", V);
+//#endregion
+export { _ as i, y as n, v as r, V as t };