@luzmo/analytics-components-kit 1.0.0

package/components/item-option-DY0NLdz8.js

@@ -0,0 +1,962 @@
+/*! * 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 LuzmoElement } from "./base-BPca9j_g.js";
+import { n as __decorate } from "./localized-mixin-BMNoUdF8.js";
+import { t as dataBroker } from "./data-broker-Cq7Cgr4w.js";
+import { n as systemThemeIds, t as getTheme } from "./themes-bCjQyliX.js";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { msg } from "@lit/localize";
+import { Task } from "@lit/task";
+import { ifDefined } from "lit/directives/if-defined.js";
+var r$1 = {
+	"area-chart": () => import("./area-chart-options.config-BUfVeQm9.js"),
+	"bar-chart": () => import("./bar-chart-options.config-CnRlJUoN.js"),
+	"box-plot": () => import("./box-plot-options.config-PZ7HbGqJ.js"),
+	"bubble-chart": () => import("./bubble-chart-options.config-DM0nxiqk.js"),
+	"bullet-chart": () => import("./bullet-chart-options.config-DImqnvQS.js"),
+	"choropleth-map": () => import("./choropleth-map-options.config-jdSW3eG-.js"),
+	"circle-pack-chart": () => import("./circle-pack-chart-options.config-DHBVuVPt.js"),
+	"circular-gauge": () => import("./circular-gauge-options.config-C9-sILKt.js"),
+	"column-chart": () => import("./column-chart-options.config-hysQXdjV.js"),
+	"combination-chart": () => import("./combination-chart-options.config-Dg6eTo-y.js"),
+	"conditional-number": () => import("./conditional-number-options.config-BzhEYbfI.js"),
+	"date-comparison-filter": () => import("./date-comparison-filter-options.config-KSgBHcWR.js"),
+	"date-filter": () => import("./date-filter-options.config-D5EZNISc.js"),
+	"donut-chart": () => import("./donut-chart-options.config-DUnknnhE.js"),
+	"dropdown-filter": () => import("./dropdown-filter-options.config-CC7LOZN3.js"),
+	"evolution-number": () => import("./evolution-number-options.config-Cm8YvxvW.js"),
+	"funnel-chart": () => import("./funnel-chart-options.config-DkQMXL5z.js"),
+	"heat-map": () => import("./heat-map-options.config-BL5BO2rg.js"),
+	"heat-table": () => import("./heat-table-options.config-B-dk-6lu.js"),
+	"hexbin-map": () => import("./hexbin-map-options.config-gExtgEE9.js"),
+	image: () => import("./image-options.config-D2RT0Aun.js"),
+	"line-chart": () => import("./line-chart-options.config-C8lmhZf4.js"),
+	"marker-map": () => import("./marker-map-options.config-BaaGknpb.js"),
+	"ohlc-chart": () => import("./ohlc-chart-options.config-DaFLqFdX.js"),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-options.config-B2jhkqPi.js"),
+	"pivot-table": () => import("./pivot-table-options.config-CfGWn8qu.js"),
+	"pyramid-chart": () => import("./pyramid-chart-options.config-D1ohMpy2.js"),
+	"radar-chart": () => import("./radar-chart-options.config-DWlDzvxn.js"),
+	"regular-table": () => import("./regular-table-options.config-gDGwIiLf.js"),
+	"route-map": () => import("./route-map-options.config-zVjgBTS6.js"),
+	"sankey-diagram": () => import("./sankey-diagram-options.config-po6w_CQO.js"),
+	"scatter-plot": () => import("./scatter-plot-options.config-8nIFCVb4.js"),
+	"search-filter": () => import("./search-filter-options.config-ZHCrQA_N.js"),
+	"slicer-filter": () => import("./slicer-filter-options.config-DT3L5Rp-.js"),
+	"slider-filter": () => import("./slider-filter-options.config-C7OQna_B.js"),
+	spacer: () => import("./spacer-options.config-R22pAwMO.js"),
+	"speedometer-chart": () => import("./speedometer-chart-options.config-CRNQ39jo.js"),
+	"spike-map": () => import("./spike-map-options.config-n3taiCNa.js"),
+	"strip-plot": () => import("./strip-plot-options.config-Nvf6fEFk.js"),
+	"sunburst-chart": () => import("./sunburst-chart-options.config-C2zQ9nYz.js"),
+	"symbol-map": () => import("./symbol-map-options.config-CHvyeJAw.js"),
+	text: () => import("./text-options.config-DK4QDoYQ.js"),
+	"treemap-chart": () => import("./treemap-chart-options.config-Kr3O__Df.js"),
+	"venn-diagram": () => import("./venn-diagram-options.config-U0iDtCRQ.js"),
+	video: () => import("./video-options.config-G_2E_Nna.js"),
+	"wordcloud-chart": () => import("./wordcloud-chart-options.config-BvTBnHfa.js")
+}, r = {
+	"area-chart:de": () => import("./area-chart-options.de-CHctbqhM.js"),
+	"area-chart:en": () => import("./area-chart-options.en-Blbl6pB8.js"),
+	"area-chart:es": () => import("./area-chart-options.es-DGjv-DZU.js"),
+	"area-chart:fr": () => import("./area-chart-options.fr-Dsu3WQns.js"),
+	"area-chart:nl": () => import("./area-chart-options.nl-vOS7vM6I.js"),
+	"bar-chart:de": () => import("./bar-chart-options.de-PTVH8kRF.js"),
+	"bar-chart:en": () => import("./bar-chart-options.en-BBHY9EgT.js"),
+	"bar-chart:es": () => import("./bar-chart-options.es-CoH9cMkz.js"),
+	"bar-chart:fr": () => import("./bar-chart-options.fr-BH4heBW0.js"),
+	"bar-chart:nl": () => import("./bar-chart-options.nl-CBpKuFLF.js"),
+	"box-plot:de": () => import("./box-plot-options.de-CpgtVHLE.js"),
+	"box-plot:en": () => import("./box-plot-options.en-CHDMkykd.js"),
+	"box-plot:es": () => import("./box-plot-options.es-CFZgEyw4.js"),
+	"box-plot:fr": () => import("./box-plot-options.fr-D64oSXkC.js"),
+	"box-plot:nl": () => import("./box-plot-options.nl-Drt4Qv-X.js"),
+	"bubble-chart:de": () => import("./bubble-chart-options.de-fUrBVh60.js"),
+	"bubble-chart:en": () => import("./bubble-chart-options.en-AXgmg3ED.js"),
+	"bubble-chart:es": () => import("./bubble-chart-options.es-CUc4OH_o.js"),
+	"bubble-chart:fr": () => import("./bubble-chart-options.fr-BXBcDylU.js"),
+	"bubble-chart:nl": () => import("./bubble-chart-options.nl-DfKk6nCd.js"),
+	"bullet-chart:de": () => import("./bullet-chart-options.de-ByDALwzE.js"),
+	"bullet-chart:en": () => import("./bullet-chart-options.en-BH1OF8eX.js"),
+	"bullet-chart:es": () => import("./bullet-chart-options.es-BQ3fpvdz.js"),
+	"bullet-chart:fr": () => import("./bullet-chart-options.fr-ClyT15b6.js"),
+	"bullet-chart:nl": () => import("./bullet-chart-options.nl-CPMmw_1r.js"),
+	"choropleth-map:de": () => import("./choropleth-map-options.de-CZ2lQb0C.js"),
+	"choropleth-map:en": () => import("./choropleth-map-options.en-DQUVi4IK.js"),
+	"choropleth-map:es": () => import("./choropleth-map-options.es-BUFGWBo9.js"),
+	"choropleth-map:fr": () => import("./choropleth-map-options.fr-DENwigUC.js"),
+	"choropleth-map:nl": () => import("./choropleth-map-options.nl-BgcRZWTI.js"),
+	"circle-pack-chart:de": () => import("./circle-pack-chart-options.de-KEEdX5Pg.js"),
+	"circle-pack-chart:en": () => import("./circle-pack-chart-options.en-CZ89zM0Z.js"),
+	"circle-pack-chart:es": () => import("./circle-pack-chart-options.es-Kf4qOXNQ.js"),
+	"circle-pack-chart:fr": () => import("./circle-pack-chart-options.fr-BPNLf19S.js"),
+	"circle-pack-chart:nl": () => import("./circle-pack-chart-options.nl-Dccu7LaR.js"),
+	"circular-gauge:de": () => import("./circular-gauge-options.de-FQwDbIT6.js"),
+	"circular-gauge:en": () => import("./circular-gauge-options.en-34ioKerD.js"),
+	"circular-gauge:es": () => import("./circular-gauge-options.es-OqU5naOB.js"),
+	"circular-gauge:fr": () => import("./circular-gauge-options.fr-Bd-5wME8.js"),
+	"circular-gauge:nl": () => import("./circular-gauge-options.nl-DHK_5jsG.js"),
+	"column-chart:de": () => import("./column-chart-options.de-CXKYOGBW.js"),
+	"column-chart:en": () => import("./column-chart-options.en-ChEJUFIB.js"),
+	"column-chart:es": () => import("./column-chart-options.es-B4LuU6vP.js"),
+	"column-chart:fr": () => import("./column-chart-options.fr-BYzL4WMi.js"),
+	"column-chart:nl": () => import("./column-chart-options.nl-DYWm84vL.js"),
+	"combination-chart:de": () => import("./combination-chart-options.de-BUhUF3OI.js"),
+	"combination-chart:en": () => import("./combination-chart-options.en-BViFYbdE.js"),
+	"combination-chart:es": () => import("./combination-chart-options.es-Dp3SpL_B.js"),
+	"combination-chart:fr": () => import("./combination-chart-options.fr-rC6K04kF.js"),
+	"combination-chart:nl": () => import("./combination-chart-options.nl-ClJKzisU.js"),
+	"conditional-number:de": () => import("./conditional-number-options.de-CYwDDiNP.js"),
+	"conditional-number:en": () => import("./conditional-number-options.en-DHP5sD4O.js"),
+	"conditional-number:es": () => import("./conditional-number-options.es-BEew99L6.js"),
+	"conditional-number:fr": () => import("./conditional-number-options.fr-DcSaLAJG.js"),
+	"conditional-number:nl": () => import("./conditional-number-options.nl-DH_mBBjQ.js"),
+	"date-comparison-filter:de": () => import("./date-comparison-filter-options.de-BUxyTXJp.js"),
+	"date-comparison-filter:en": () => import("./date-comparison-filter-options.en-BlwpLaf3.js"),
+	"date-comparison-filter:es": () => import("./date-comparison-filter-options.es-BaLJPt3e.js"),
+	"date-comparison-filter:fr": () => import("./date-comparison-filter-options.fr-BnSGe27o.js"),
+	"date-comparison-filter:nl": () => import("./date-comparison-filter-options.nl-Cd1cyUHd.js"),
+	"date-filter:de": () => import("./date-filter-options.de-B35KhJic.js"),
+	"date-filter:en": () => import("./date-filter-options.en-B0bYKrPe.js"),
+	"date-filter:es": () => import("./date-filter-options.es-DKLmJbq6.js"),
+	"date-filter:fr": () => import("./date-filter-options.fr-CzGJXkTU.js"),
+	"date-filter:nl": () => import("./date-filter-options.nl-e5UqlJel.js"),
+	"donut-chart:de": () => import("./donut-chart-options.de-YkGYUDRK.js"),
+	"donut-chart:en": () => import("./donut-chart-options.en-Cq8d_nB6.js"),
+	"donut-chart:es": () => import("./donut-chart-options.es-C-TIdl-r.js"),
+	"donut-chart:fr": () => import("./donut-chart-options.fr-DUpBZlxU.js"),
+	"donut-chart:nl": () => import("./donut-chart-options.nl-CVQIueaA.js"),
+	"dropdown-filter:de": () => import("./dropdown-filter-options.de-BUvQrm7t.js"),
+	"dropdown-filter:en": () => import("./dropdown-filter-options.en-CcoyN_Lx.js"),
+	"dropdown-filter:es": () => import("./dropdown-filter-options.es-FPiODEPI.js"),
+	"dropdown-filter:fr": () => import("./dropdown-filter-options.fr--JtzkqwX.js"),
+	"dropdown-filter:nl": () => import("./dropdown-filter-options.nl--A1jOwSA.js"),
+	"evolution-number:de": () => import("./evolution-number-options.de-DRlGKNXv.js"),
+	"evolution-number:en": () => import("./evolution-number-options.en-DFayH3VG.js"),
+	"evolution-number:es": () => import("./evolution-number-options.es-DHX-g6Px.js"),
+	"evolution-number:fr": () => import("./evolution-number-options.fr-BYLhoUoI.js"),
+	"evolution-number:nl": () => import("./evolution-number-options.nl-Bzf4u2Qh.js"),
+	"funnel-chart:de": () => import("./funnel-chart-options.de-DphjfS_f.js"),
+	"funnel-chart:en": () => import("./funnel-chart-options.en-DmRUebbf.js"),
+	"funnel-chart:es": () => import("./funnel-chart-options.es-a_1_9TPq.js"),
+	"funnel-chart:fr": () => import("./funnel-chart-options.fr-CBV1Ym2F.js"),
+	"funnel-chart:nl": () => import("./funnel-chart-options.nl-CWfBnok9.js"),
+	"heat-map:de": () => import("./heat-map-options.de-Bdzp8cCj.js"),
+	"heat-map:en": () => import("./heat-map-options.en-tVVg5SK8.js"),
+	"heat-map:es": () => import("./heat-map-options.es-Dk75Cx6m.js"),
+	"heat-map:fr": () => import("./heat-map-options.fr-D9ntZknl.js"),
+	"heat-map:nl": () => import("./heat-map-options.nl-NYigq3aM.js"),
+	"heat-table:de": () => import("./heat-table-options.de-CWQBGSph.js"),
+	"heat-table:en": () => import("./heat-table-options.en-BmsIdzx2.js"),
+	"heat-table:es": () => import("./heat-table-options.es-DmMva4jd.js"),
+	"heat-table:fr": () => import("./heat-table-options.fr-BAAwn3yi.js"),
+	"heat-table:nl": () => import("./heat-table-options.nl-CFG6_Gfk.js"),
+	"hexbin-map:de": () => import("./hexbin-map-options.de-Dq2IDFmm.js"),
+	"hexbin-map:en": () => import("./hexbin-map-options.en-0WBc2eB6.js"),
+	"hexbin-map:es": () => import("./hexbin-map-options.es-Cq6RnsWT.js"),
+	"hexbin-map:fr": () => import("./hexbin-map-options.fr-CJaiCncL.js"),
+	"hexbin-map:nl": () => import("./hexbin-map-options.nl-CYFVxbk0.js"),
+	"image:de": () => import("./image-options.de-CPi63a7V.js"),
+	"image:en": () => import("./image-options.en-ClcEVXcm.js"),
+	"image:es": () => import("./image-options.es-KpMdcTOY.js"),
+	"image:fr": () => import("./image-options.fr-3LSFKgIE.js"),
+	"image:nl": () => import("./image-options.nl-C4AO3oWf.js"),
+	"line-chart:de": () => import("./line-chart-options.de-CKmhJbWW.js"),
+	"line-chart:en": () => import("./line-chart-options.en-BPM6nPdT.js"),
+	"line-chart:es": () => import("./line-chart-options.es-0ceGdJ1G.js"),
+	"line-chart:fr": () => import("./line-chart-options.fr-B-gaC6hO.js"),
+	"line-chart:nl": () => import("./line-chart-options.nl-Co-NMdRg.js"),
+	"marker-map:de": () => import("./marker-map-options.de-9KaVh4Sh.js"),
+	"marker-map:en": () => import("./marker-map-options.en-DlaTrtMW.js"),
+	"marker-map:es": () => import("./marker-map-options.es-mw13aU0b.js"),
+	"marker-map:fr": () => import("./marker-map-options.fr-Ba_0aEqv.js"),
+	"marker-map:nl": () => import("./marker-map-options.nl-B6N8Tr3E.js"),
+	"ohlc-chart:de": () => import("./ohlc-chart-options.de-Cvg_euWz.js"),
+	"ohlc-chart:en": () => import("./ohlc-chart-options.en-B3xnvkO3.js"),
+	"ohlc-chart:es": () => import("./ohlc-chart-options.es-6-mghM_d.js"),
+	"ohlc-chart:fr": () => import("./ohlc-chart-options.fr-khf6olAg.js"),
+	"ohlc-chart:nl": () => import("./ohlc-chart-options.nl-BRQW-9gL.js"),
+	"parallel-coordinates-plot:de": () => import("./parallel-coordinates-plot-options.de-C0n_5zr7.js"),
+	"parallel-coordinates-plot:en": () => import("./parallel-coordinates-plot-options.en-BUGyRyuz.js"),
+	"parallel-coordinates-plot:es": () => import("./parallel-coordinates-plot-options.es-BzFpivBz.js"),
+	"parallel-coordinates-plot:fr": () => import("./parallel-coordinates-plot-options.fr-2-pnV1m2.js"),
+	"parallel-coordinates-plot:nl": () => import("./parallel-coordinates-plot-options.nl-gYVpHkAq.js"),
+	"pivot-table:de": () => import("./pivot-table-options.de-BtoZVxta.js"),
+	"pivot-table:en": () => import("./pivot-table-options.en-CQBDznLO.js"),
+	"pivot-table:es": () => import("./pivot-table-options.es-D_aa5tGs.js"),
+	"pivot-table:fr": () => import("./pivot-table-options.fr-f7X6GNmr.js"),
+	"pivot-table:nl": () => import("./pivot-table-options.nl-DtASgvRA.js"),
+	"pyramid-chart:de": () => import("./pyramid-chart-options.de-BsLZCk3X.js"),
+	"pyramid-chart:en": () => import("./pyramid-chart-options.en-D9NrWy2Q.js"),
+	"pyramid-chart:es": () => import("./pyramid-chart-options.es-DWALno6M.js"),
+	"pyramid-chart:fr": () => import("./pyramid-chart-options.fr-DRsVQFnF.js"),
+	"pyramid-chart:nl": () => import("./pyramid-chart-options.nl-CHiAtMSp.js"),
+	"radar-chart:de": () => import("./radar-chart-options.de-DVoKmwHk.js"),
+	"radar-chart:en": () => import("./radar-chart-options.en-mpG6-Z5-.js"),
+	"radar-chart:es": () => import("./radar-chart-options.es-BbvJko34.js"),
+	"radar-chart:fr": () => import("./radar-chart-options.fr-zve-wiVZ.js"),
+	"radar-chart:nl": () => import("./radar-chart-options.nl-BUkBF7VX.js"),
+	"regular-table:de": () => import("./regular-table-options.de-BhlwoeHh.js"),
+	"regular-table:en": () => import("./regular-table-options.en-CklERfkR.js"),
+	"regular-table:es": () => import("./regular-table-options.es-D8qT11sT.js"),
+	"regular-table:fr": () => import("./regular-table-options.fr-BTJWm-wH.js"),
+	"regular-table:nl": () => import("./regular-table-options.nl-C9PlUi5f.js"),
+	"route-map:de": () => import("./route-map-options.de-DFeO2vRE.js"),
+	"route-map:en": () => import("./route-map-options.en-BSMNKxZ3.js"),
+	"route-map:es": () => import("./route-map-options.es-DduAb-Pf.js"),
+	"route-map:fr": () => import("./route-map-options.fr-BNbzW8lM.js"),
+	"route-map:nl": () => import("./route-map-options.nl-705EGu9M.js"),
+	"sankey-diagram:de": () => import("./sankey-diagram-options.de-R0NjEw2W.js"),
+	"sankey-diagram:en": () => import("./sankey-diagram-options.en-Bd3j1hzj.js"),
+	"sankey-diagram:es": () => import("./sankey-diagram-options.es-DmgC5L1S.js"),
+	"sankey-diagram:fr": () => import("./sankey-diagram-options.fr-KUM2TvGF.js"),
+	"sankey-diagram:nl": () => import("./sankey-diagram-options.nl-BP2-UBsD.js"),
+	"scatter-plot:de": () => import("./scatter-plot-options.de-BIaTnaM-.js"),
+	"scatter-plot:en": () => import("./scatter-plot-options.en-CS6LV_hd.js"),
+	"scatter-plot:es": () => import("./scatter-plot-options.es-shRMxTJQ.js"),
+	"scatter-plot:fr": () => import("./scatter-plot-options.fr-BUoMYBy8.js"),
+	"scatter-plot:nl": () => import("./scatter-plot-options.nl-sQV_yEfx.js"),
+	"search-filter:de": () => import("./search-filter-options.de-B8I3PiAO.js"),
+	"search-filter:en": () => import("./search-filter-options.en-0i5gD6M6.js"),
+	"search-filter:es": () => import("./search-filter-options.es-CoZo9Wf_.js"),
+	"search-filter:fr": () => import("./search-filter-options.fr-DVxtdVk3.js"),
+	"search-filter:nl": () => import("./search-filter-options.nl-BaQwLd5R.js"),
+	"slicer-filter:de": () => import("./slicer-filter-options.de-DF4x9Yeb.js"),
+	"slicer-filter:en": () => import("./slicer-filter-options.en-wv1drfJg.js"),
+	"slicer-filter:es": () => import("./slicer-filter-options.es-DDz9FL9U.js"),
+	"slicer-filter:fr": () => import("./slicer-filter-options.fr-CMyTJK91.js"),
+	"slicer-filter:nl": () => import("./slicer-filter-options.nl-CqJPh-r0.js"),
+	"slider-filter:de": () => import("./slider-filter-options.de-Dnvw6feI.js"),
+	"slider-filter:en": () => import("./slider-filter-options.en-ZIlRmFKX.js"),
+	"slider-filter:es": () => import("./slider-filter-options.es-CkJgiIVa.js"),
+	"slider-filter:fr": () => import("./slider-filter-options.fr-Dwup1hdc.js"),
+	"slider-filter:nl": () => import("./slider-filter-options.nl-Ckpy5uLE.js"),
+	"speedometer-chart:de": () => import("./speedometer-chart-options.de-BaTT7sC0.js"),
+	"speedometer-chart:en": () => import("./speedometer-chart-options.en-Ba-Cwac_.js"),
+	"speedometer-chart:es": () => import("./speedometer-chart-options.es-DaanTo9Z.js"),
+	"speedometer-chart:fr": () => import("./speedometer-chart-options.fr-QLbx9dhi.js"),
+	"speedometer-chart:nl": () => import("./speedometer-chart-options.nl-IDdfOumT.js"),
+	"spike-map:de": () => import("./spike-map-options.de-CWSndvRM.js"),
+	"spike-map:en": () => import("./spike-map-options.en-B4jMPhsP.js"),
+	"spike-map:es": () => import("./spike-map-options.es-C44A5lLr.js"),
+	"spike-map:fr": () => import("./spike-map-options.fr-VypcKdPw.js"),
+	"spike-map:nl": () => import("./spike-map-options.nl-D3Yyn1wE.js"),
+	"strip-plot:de": () => import("./strip-plot-options.de-IoPn7oJt.js"),
+	"strip-plot:en": () => import("./strip-plot-options.en-DjB0OfxY.js"),
+	"strip-plot:es": () => import("./strip-plot-options.es-D6qa2HrV.js"),
+	"strip-plot:fr": () => import("./strip-plot-options.fr-B02pVFX3.js"),
+	"strip-plot:nl": () => import("./strip-plot-options.nl-C7Dpun4a.js"),
+	"sunburst-chart:de": () => import("./sunburst-chart-options.de-DxbkHEMM.js"),
+	"sunburst-chart:en": () => import("./sunburst-chart-options.en-B5dMIPkP.js"),
+	"sunburst-chart:es": () => import("./sunburst-chart-options.es-C5qPG5_b.js"),
+	"sunburst-chart:fr": () => import("./sunburst-chart-options.fr-DF4bERQz.js"),
+	"sunburst-chart:nl": () => import("./sunburst-chart-options.nl-87zv6xMD.js"),
+	"symbol-map:de": () => import("./symbol-map-options.de-CN9tUutu.js"),
+	"symbol-map:en": () => import("./symbol-map-options.en-DPTSW3Do.js"),
+	"symbol-map:es": () => import("./symbol-map-options.es-BHn8D48W.js"),
+	"symbol-map:fr": () => import("./symbol-map-options.fr-C07zv9ck.js"),
+	"symbol-map:nl": () => import("./symbol-map-options.nl-CroF44bm.js"),
+	"text:de": () => import("./text-options.de-DuaSTcyA.js"),
+	"text:en": () => import("./text-options.en-C-tci0Ci.js"),
+	"text:es": () => import("./text-options.es-Rx7KHGAz.js"),
+	"text:fr": () => import("./text-options.fr-DzqSLPhy.js"),
+	"text:nl": () => import("./text-options.nl-CW5FFcuV.js"),
+	"treemap-chart:de": () => import("./treemap-chart-options.de-LL0LKEpa.js"),
+	"treemap-chart:en": () => import("./treemap-chart-options.en-m5faFjDf.js"),
+	"treemap-chart:es": () => import("./treemap-chart-options.es-C3oKCx-G.js"),
+	"treemap-chart:fr": () => import("./treemap-chart-options.fr-BAdxYEfZ.js"),
+	"treemap-chart:nl": () => import("./treemap-chart-options.nl-D9h87KBF.js"),
+	"video:de": () => import("./video-options.de-DHdkng1r.js"),
+	"video:en": () => import("./video-options.en-BUr_2v-M.js"),
+	"video:es": () => import("./video-options.es-CcnXy-6S.js"),
+	"video:fr": () => import("./video-options.fr-D00Gv639.js"),
+	"video:nl": () => import("./video-options.nl-BI1wI7ks.js"),
+	"wordcloud-chart:de": () => import("./wordcloud-chart-options.de-yJ-YiULY.js"),
+	"wordcloud-chart:en": () => import("./wordcloud-chart-options.en-BoPkgtbZ.js"),
+	"wordcloud-chart:es": () => import("./wordcloud-chart-options.es-D0Q0vzuB.js"),
+	"wordcloud-chart:fr": () => import("./wordcloud-chart-options.fr-DK2LV1HW.js"),
+	"wordcloud-chart:nl": () => import("./wordcloud-chart-options.nl-owqF3aHk.js")
+}, d$1 = async (n) => {
+	try {
+		let k = r$1[n];
+		return k ? (await k())?.default ?? null : null;
+	} catch {
+		return null;
+	}
+}, c = async (n, k) => {
+	try {
+		let A = r[`${n}:${k}`];
+		return A ? (await A())?.default ?? null : null;
+	} catch {
+		return null;
+	}
+}, p = (n, k, A) => {
+	let j = { ...n }, M = n.key;
+	if (!M) return j;
+	let N = A?.[M] ?? k.options?.[M];
+	if (j.control && N && (N.label && (j.control = {
+		...j.control,
+		label: N.label
+	}), N.description && typeof j.control.description != "function" && (j.control = {
+		...j.control,
+		description: N.description
+	}), N.placeholder && typeof j.control.placeholder != "function" && (j.control = {
+		...j.control,
+		placeholder: N.placeholder
+	}), N.tooltip && typeof j.control.tooltip != "function" && (j.control = {
+		...j.control,
+		tooltip: N.tooltip
+	}), N.extraLabel !== void 0 && typeof j.control.extraLabel != "function" && (j.control = {
+		...j.control,
+		extraLabel: N.extraLabel
+	}), N.extraLabelTooltip !== void 0 && typeof j.control.extraLabelTooltip != "function" && (j.control = {
+		...j.control,
+		extraLabelTooltip: N.extraLabelTooltip
+	})), j.control?.enum && N?.enum) {
+		let n = { ...j.control.enum };
+		if (Array.isArray(j.control.enum)) {
+			let n = {};
+			for (let k of j.control.enum) n[k] = { label: N.enum[k] ?? k };
+			j.control = {
+				...j.control,
+				enum: n
+			};
+		} else if (typeof j.control.enum == "object") {
+			for (let [k, A] of Object.entries(N.enum)) n[k] = typeof n[k] == "object" ? {
+				...n[k],
+				label: A
+			} : { label: A };
+			j.control = {
+				...j.control,
+				enum: n
+			};
+		}
+	}
+	return j;
+}, s = (n, k, A) => n.map((n) => {
+	let j = { ...n };
+	if (n.type === "group" && n.key) {
+		let M = A?.[n.key] ?? k.groups?.[n.key];
+		M?.label && (j.label = M.label);
+	}
+	return n.control && (j.control = p(n, k, A).control), n.children && Array.isArray(n.children) && (j.children = s(n.children, k, A)), j;
+}), y = (n) => n ? d$1(n) : Promise.resolve(null), g = async (n, k, A = !1) => {
+	if (!n || !k) return null;
+	let j = await c(n, k);
+	return !j && A && k !== "en" && (j = await c(n, "en")), j ?? null;
+};
+const getControlByKey = (n, k, A) => {
+	let j = (k) => {
+		for (let M of k ?? []) {
+			if (M.key === n) return A ? M : M.control;
+			if (M.children) {
+				let n = j(M.children);
+				if (n) return n;
+			}
+		}
+		return null;
+	};
+	if (k && Array.isArray(k)) for (let n of k) {
+		let k = j(n.children);
+		if (k) return k;
+	}
+	return null;
+};
+var item_option_module_default = ":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}";
+const getDefaultValue = (n) => {
+	let k;
+	return typeof n?.controlInfo?.default == "function" ? k = n.controlInfo.default({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : n.controlInfo?.default !== void 0 && n.controlInfo?.default !== null && (k = n.controlInfo.default), k;
+}, getExtraLabelValues = (n) => {
+	let k;
+	if (typeof n.controlInfo?.extraLabel == "function" ? k = n.controlInfo.extraLabel({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : typeof n.controlInfo?.extraLabel == "string" && (k = n.controlInfo.extraLabel), typeof k == "string") {
+		let A = n.translations?.options?.[n.optionKey]?.extraLabel;
+		typeof A == "string" ? k = A : A && typeof A == "object" && (k = A[k] ?? k);
+	}
+	let A;
+	if (typeof n.controlInfo?.extraLabelTooltip == "function" ? A = n.controlInfo.extraLabelTooltip({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : typeof n.controlInfo?.extraLabelTooltip == "string" && (A = n.controlInfo.extraLabelTooltip), typeof A == "string") {
+		let k = n.translations?.options?.[n.optionKey]?.extraLabelTooltip;
+		typeof k == "string" ? A = k : k && typeof k == "object" && (A = k[A] ?? A);
+	}
+	let j;
+	typeof n.controlInfo?.extraLabelHasClickAction == "function" ? j = n.controlInfo.extraLabelHasClickAction({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : typeof n.controlInfo?.extraLabelHasClickAction == "boolean" && (j = n.controlInfo.extraLabelHasClickAction);
+	let M = typeof n.controlInfo?.extraLabelClickAction == "function" ? () => n.controlInfo.extraLabelClickAction({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : () => {};
+	return {
+		extraLabel: k,
+		extraLabelTooltip: A,
+		extraLabelHasClickAction: j,
+		extraLabelClickAction: M
+	};
+}, getValueByKey = (n, k) => {
+	let A = n?.options ?? {};
+	if (typeof n?.controlInfo?.calculateValue == "function") return n.controlInfo.calculateValue({ options: A });
+	if (k.includes(".")) {
+		let n = k.split("."), j = A;
+		for (let k = 0; k < n.length - 1; k++) j = j[n[k]] ?? {};
+		let M = n.length - 1;
+		return j[n[M]];
+	}
+	return A[k];
+}, generateCallback = (n) => (k) => {
+	let A = { ...n.options };
+	if (typeof n?.controlInfo?.toOptions == "function") A = n.controlInfo.toOptions({
+		options: A,
+		value: k?.detail?.value
+	});
+	else if (n.optionKey.includes(".")) {
+		let j = n.optionKey.split("."), M = A;
+		for (let n = 0; n < j.length - 1; n++) M[j[n]] = M[j[n]] ?? {}, M = M[j[n]];
+		let N = j.length - 1;
+		M[j[N]] = k.detail.value;
+	} else A[n.optionKey] = k.detail.value;
+	return n.changeCallback(A);
+}, actionButtonGroupMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = n.size, j = {};
+	Object.keys(n.controlInfo?.values).forEach((k) => {
+		j[k] = {
+			...n.controlInfo?.values[k],
+			label: n.translations?.options?.[n.optionKey]?.enum?.[k] ?? n.controlInfo?.values[k].label
+		};
+	});
+	let M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getValueByKey(n, n.optionKey), F = getDefaultValue(n), { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
+	return html`
+    <luzmo-item-option-action-button-group
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .value=${P}
+      .values=${j}
+      .default=${F}
+      .selects=${n.controlInfo?.selects}
+      .size=${A}
+      .tooltip=${M}
+      .extraLabel=${I}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${R}
+      @luzmo-extra-label-click=${z}
+      @luzmo-option-changed=${B}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-action-button-group>
+  `;
+}, getEnumValues = (n) => {
+	let k;
+	return typeof n?.controlInfo?.enum == "function" ? k = n.controlInfo.enum({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : n.controlInfo?.enum !== void 0 && n.controlInfo?.enum !== null && (k = n.controlInfo.enum), k;
+}, colorPalettePickerMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = getEnumValues(n), M = n.size, P = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, F = getDefaultValue(n), { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
+	return html`
+    <luzmo-item-option-color-palette-picker
+      .value=${A ?? F}
+      .values=${j}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${M}
+      .tooltip=${P}
+      .extraLabel=${I}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${R}
+      @luzmo-extra-label-click=${() => {
+		if (typeof z == "function") {
+			let { options: k } = z();
+			return n.changeCallback(k);
+		}
+	}}
+      @luzmo-option-changed=${B}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-color-palette-picker>
+  `;
+}, colorPickerMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = n.size, M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
+	return html`
+    <luzmo-item-option-color-picker
+      .value=${A ?? P}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${j}
+      .tooltip=${M}
+      .extraLabel=${F}
+      .extraLabelTooltip=${I}
+      .extraLabelHasClickAction=${L}
+      @luzmo-extra-label-click=${() => {
+		if (typeof R == "function") {
+			let { options: k } = R();
+			return n.changeCallback(k);
+		}
+	}}
+      @luzmo-option-changed=${z}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-color-picker>
+  `;
+}, colorRangeMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = n.size, M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), F = typeof n?.controlInfo?.percentage == "function" ? n.controlInfo.percentage(n) : n.controlInfo.percentage, I = typeof n?.controlInfo?.reverse == "function" ? n.controlInfo.reverse(n) : n.controlInfo.reverse, L = typeof n?.controlInfo?.noAlphaChannel == "function" ? n.controlInfo.noAlphaChannel(n) : n.controlInfo.noAlphaChannel, R = typeof n?.controlInfo?.editRangeSize == "function" ? n.controlInfo.editRangeSize(n) : n.controlInfo.editRangeSize, z = typeof n?.controlInfo?.minimumRangeSize == "function" ? n.controlInfo.minimumRangeSize(n) : n.controlInfo.minimumRangeSize, B = typeof n?.controlInfo?.negativeInfinityValue == "function" ? n.controlInfo.negativeInfinityValue(n) : n.controlInfo.negativeInfinityValue, V = typeof n?.controlInfo?.noValues == "function" ? n.controlInfo.noValues(n) : n.controlInfo.noValues, H = typeof n?.controlInfo?.readOnlyColorPicker == "function" ? n.controlInfo.readOnlyColorPicker(n) : n.controlInfo.readOnlyColorPicker, { extraLabel: U, extraLabelTooltip: W, extraLabelHasClickAction: G, extraLabelClickAction: K } = getExtraLabelValues(n), q = generateCallback(n);
+	return html`
+    <luzmo-item-option-color-range
+      .value=${A ?? P}
+      .label=${k}
+      .size=${j}
+      .tooltip=${M}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .extraLabel=${U}
+      .extraLabelTooltip=${W}
+      .extraLabelHasClickAction=${G}
+      .debounce=${n.controlInfo?.debounce}
+      ?reverse=${I}
+      ?percentage=${F}
+      ?no-alpha-channel=${L}
+      ?edit-range-size=${R}
+      ?no-values=${V}
+      ?read-only-color-picker=${H}
+      .minimum-range-size=${z}
+      ?negative-infinity-value=${B}
+      @luzmo-extra-label-click=${() => {
+		if (typeof K == "function") {
+			let { options: k } = K();
+			return n.changeCallback(k);
+		}
+	}}
+      @luzmo-option-changed=${q}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-color-range>
+  `;
+}, multiLanguageFieldMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey) ?? {}, j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, M = n.language ?? "en", P = { [M]: n.translations?.options?.[n.optionKey]?.placeholder ?? n.controlInfo?.placeholder ?? "" }, F = n.size, I = getDefaultValue(n), { extraLabel: L, extraLabelTooltip: z, extraLabelHasClickAction: B, extraLabelClickAction: V } = getExtraLabelValues(n), H = generateCallback(n);
+	return html`
+    <luzmo-item-option-multi-language-field
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .placeholder=${P}
+      .value=${A ?? I}
+      language=${ifDefined(M)}
+      .size=${F}
+      .tooltip=${j}
+      .extraLabel=${L}
+      .extraLabelTooltip=${z}
+      .extraLabelHasClickAction=${B}
+      @luzmo-extra-label-click=${V}
+      @luzmo-option-changed=${H}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-multi-language-field>
+  `;
+}, numberFieldMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = n.controlInfo?.min, j = n.controlInfo?.max, M = n.controlInfo?.step, P = getValueByKey(n, n.optionKey), F = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, I = getDefaultValue(n), L = n.size, { extraLabel: R, extraLabelTooltip: z, extraLabelHasClickAction: B, extraLabelClickAction: V } = getExtraLabelValues(n), H = generateCallback(n);
+	return html`
+    <luzmo-item-option-number-field
+      .value=${P}
+      .default=${I}
+      .min=${A}
+      .max=${j}
+      .step=${M}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${L}
+      .tooltip=${F}
+      .placeholder=${n.controlInfo?.placeholder}
+      .minWidthInputField=${n.controlInfo?.minWidthInputField}
+      .debounce=${n.controlInfo?.debounce}
+      .extraLabel=${R}
+      .extraLabelTooltip=${z}
+      .extraLabelHasClickAction=${B}
+      @luzmo-extra-label-click=${V}
+      @luzmo-option-changed=${H}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-number-field>
+  `;
+}, buildEnumValues = (n, k) => {
+	let A = {};
+	if (Array.isArray(n)) {
+		for (let j of n) typeof j == "string" && (A[j] = k?.[j] ?? j);
+		return A;
+	}
+	if (n && typeof n == "object") for (let [j, M] of Object.entries(n)) {
+		let n = k?.[j], N = typeof M == "string" ? M : typeof M == "object" && M && "label" in M ? String(M.label ?? j) : j;
+		A[j] = n ?? N ?? j;
+	}
+	return A;
+}, pickerMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, M = n.translations?.options?.[n.optionKey]?.enum, P = buildEnumValues(n.controlInfo?.enum, M), F = n.size, I = getDefaultValue(n), { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
+	return html`
+    <luzmo-item-option-picker
+      .value=${A}
+      .default=${I}
+      .values=${P}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .tooltip=${j}
+      .size=${F}
+      .extraLabel=${L}
+      .extraLabelTooltip=${R}
+      .extraLabelHasClickAction=${z}
+      @luzmo-extra-label-click=${B}
+      @luzmo-option-changed=${V}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-picker>
+  `;
+}, positionPickerMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label, A = n.controlInfo?.positions, j = n.size, M = getValueByKey(n, n.optionKey), P = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, F = getDefaultValue(n) ?? "topRight", { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
+	return html`
+    <luzmo-item-option-position-picker
+      .value=${M}
+      .positions=${A}
+      .default=${F}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .tooltip=${P}
+      .size=${j}
+      .extraLabel=${I}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${R}
+      @luzmo-extra-label-click=${z}
+      @luzmo-option-changed=${B}
+      .readonly=${n.controlInfo?.readonly}
+    ></luzmo-item-option-position-picker>
+  `;
+}, positionsNumberFieldMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label, A = getValueByKey(n, n.optionKey), j = n.size, M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
+	return html`
+    <luzmo-item-option-positions-number-field
+      .values=${A ?? P}
+      .positions=${n.controlInfo?.positions}
+      .positionConfiguration=${n.controlInfo?.positionConfiguration}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${j}
+      .tooltip=${M}
+      .extraLabel=${F}
+      .extraLabelTooltip=${I}
+      .extraLabelHasClickAction=${L}
+      @luzmo-extra-label-click=${R}
+      @luzmo-option-changed=${z}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-positions-number-field>
+  `;
+}, radioButtonGroupMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = getDefaultValue(n), M = n.translations?.options?.[n.optionKey]?.enum, P = buildEnumValues(n.controlInfo?.enum, M), F = n.size, I = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
+	return html`
+    <luzmo-item-option-radio-button-group
+      .value=${A ?? j}
+      .values=${P}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${F}
+      .tooltip=${I}
+      .extraLabel=${L}
+      .extraLabelTooltip=${R}
+      .extraLabelHasClickAction=${z}
+      @luzmo-extra-label-click=${B}
+      @luzmo-option-changed=${V}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-radio-button-group>
+  `;
+}, sliderMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, j = n.controlInfo?.min, M = n.controlInfo?.max, P = n.controlInfo?.step, F = getValueByKey(n, n.optionKey), I = n.size, L = getDefaultValue(n), { extraLabel: R, extraLabelTooltip: z, extraLabelHasClickAction: B, extraLabelClickAction: V } = getExtraLabelValues(n), H = generateCallback(n);
+	return html`
+    <luzmo-item-option-slider
+      .value=${F}
+      .default=${L}
+      .min=${j}
+      .max=${M}
+      .step=${P}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .tooltip=${A}
+      .size=${I}
+      .extraLabel=${R}
+      .extraLabelTooltip=${z}
+      .extraLabelHasClickAction=${B}
+      @luzmo-extra-label-click=${() => {
+		if (typeof V == "function") {
+			let { options: k } = V();
+			return n.changeCallback(k);
+		}
+	}}
+      @luzmo-option-changed=${H}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-slider>
+  `;
+}, switchMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = n.size, M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
+	return html`
+    <luzmo-item-option-switch
+      .value=${A ?? P ?? !1}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${j}
+      .tooltip=${M}
+      .extraLabel=${F}
+      .extraLabelTooltip=${I}
+      .extraLabelHasClickAction=${L}
+      @luzmo-extra-label-click=${R}
+      @luzmo-option-changed=${z}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-switch>
+  `;
+}, textFieldMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = n.language ?? "en", j = { [A]: n.translations?.options?.[n.optionKey]?.placeholder ?? n.controlInfo?.placeholder ?? "" }, M = getValueByKey(n, n.optionKey) ?? "", P = n.size, F = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, I = getDefaultValue(n), { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
+	return html`
+    <luzmo-item-option-text-field
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .placeholder=${j[A]}
+      .value=${M ?? I}
+      .size=${P}
+      .tooltip=${F}
+      .extraLabel=${L}
+      .extraLabelTooltip=${R}
+      .extraLabelHasClickAction=${z}
+      @luzmo-extra-label-click=${B}
+      @luzmo-option-changed=${V}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-text-field>
+  `;
+}, controlMarkup = (n) => {
+	switch (n.controlType) {
+		case "picker": return pickerMarkup(n);
+		case "slider": return sliderMarkup(n);
+		case "switch": return switchMarkup(n);
+		case "multi-language-field": return multiLanguageFieldMarkup(n);
+		case "text-field": return textFieldMarkup(n);
+		case "number-field": return numberFieldMarkup(n);
+		case "color-range": return colorRangeMarkup(n);
+		case "color-palette-picker": return colorPalettePickerMarkup(n);
+		case "position-picker": return positionPickerMarkup(n);
+		case "positions-number-field": return positionsNumberFieldMarkup(n);
+		case "radio-button-group": return radioButtonGroupMarkup(n);
+		case "color-picker": return colorPickerMarkup(n);
+		case "action-button-group": return actionButtonGroupMarkup(n);
+	}
+};
+var LuzmoItemOption = class extends LuzmoElement {
+	constructor(...n) {
+		super(...n), this._loadItemConfig = new Task(this, {
+			task: async ([n, k, N, P, F, I, L, R, z]) => {
+				if (L || R || z) {
+					let n = {};
+					L && (n.apiUrl = L), R && (n.authKey = R), z && (n.authToken = z), dataBroker.configure(n);
+				}
+				if (I && I.type !== "custom") try {
+					I?.id && systemThemeIds.includes(I.id) ? this._fullTheme = await getTheme(I.id) : I?.id && (this._fullTheme = (await dataBroker.fetchTheme(I.id))?.theme ?? {});
+				} catch (n) {
+					console.error("Error loading theme:", n), this._fullTheme = I;
+				}
+				else I?.type === "custom" ? this._fullTheme = structuredClone(I) : this._fullTheme = I;
+				let B = this._getTranslationOverrides(F), V = this._getOptionTranslation(F);
+				if (this._translationOverrides = B, P) {
+					this._optionsConfig = [{
+						key: "custom",
+						children: [P]
+					}], k = P.key, this._itemTypeLoaded = void 0, this._languageLoaded = void 0, this._translations = {};
+					let n = V ?? B?.[k ?? ""], A = this._mergeOptionTranslations(void 0, n);
+					this._effectiveTranslations = A ? { options: { [k ?? ""]: A } } : {};
+				} else if (n) {
+					let A = n !== this._itemTypeLoaded, j = n !== this._itemTypeLoaded || N !== this._languageLoaded;
+					A && (this._optionsConfig = await y(n) ?? [], this._itemTypeLoaded = n), j && (this._translations = await g(n, N ?? "en", !0) ?? {}, this._languageLoaded = N);
+					let M = this._translations.options?.[k ?? ""], P = V ?? B?.[k ?? ""], F = this._mergeOptionTranslations(M, P);
+					this._effectiveTranslations = F ? { options: { [k ?? ""]: F } } : {};
+				} else this._optionsConfig = [], this._translations = {}, this._effectiveTranslations = {};
+				let H = getControlByKey(k ?? "", this._optionsConfig), U = H?.type;
+				if (U !== this._controlTypeLoaded) {
+					let n = /* @__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 {
+						n[`../item-option-${U}/index.ts`] && (await n[`../item-option-${U}/index.ts`](), this._controlTypeLoaded = U);
+					} catch (n) {
+						console.error(n);
+					}
+				}
+				return H;
+			},
+			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 = (n) => {
+			this.options = n, this.dispatchEvent(new CustomEvent("luzmo-options-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: { options: n }
+			}));
+		};
+	}
+	static {
+		this.styles = unsafeCSS(item_option_module_default);
+	}
+	render() {
+		return this._loadItemConfig.render({
+			pending: () => html`
+          <p role="status">Loading...</p>
+        `,
+			complete: (n) => controlMarkup({
+				controlType: n?.type,
+				optionKey: this.customOptionConfiguration?.key ?? this.optionKey ?? "",
+				controlInfo: n,
+				options: this.options,
+				slots: this.slots,
+				theme: this._fullTheme ?? this.theme,
+				language: this.language,
+				translations: this._effectiveTranslations,
+				size: this.size,
+				changeCallback: this.changedOptions
+			}),
+			error: (n) => (console.error(n), html`
+          <span class="sr-only" role="alert">${msg("Failed to load option", { desc: "Error message when item option fails to load" })}</span>
+        `)
+		});
+	}
+	_getTranslationOverrides(n) {
+		if (!(!n || typeof n != "object") && !("groups" in n || "options" in n) && !this._isOptionTranslation(n)) return n;
+	}
+	_mergeOptionTranslations(n, k) {
+		if (!n) return k;
+		if (!k) return n;
+		let A = { ...n }, j = (n) => {
+			k[n] !== void 0 && (A[n] = k[n]);
+		};
+		return j("label"), j("description"), j("placeholder"), j("tooltip"), A.extraLabel = this._mergeTranslationValue(n.extraLabel, k.extraLabel), A.extraLabelTooltip = this._mergeTranslationValue(n.extraLabelTooltip, k.extraLabelTooltip), A.enum = this._mergeTranslationRecord(n.enum, k.enum), A;
+	}
+	_mergeTranslationValue(n, k) {
+		return k === void 0 ? n : typeof k == "string" ? k : k && typeof k == "object" ? n && typeof n == "object" ? {
+			...n,
+			...k
+		} : k : n;
+	}
+	_mergeTranslationRecord(n, k) {
+		return k === void 0 ? n : n && typeof n == "object" ? {
+			...n,
+			...k
+		} : k;
+	}
+	_getOptionTranslation(n) {
+		if (!(!n || typeof n != "object") && this._isOptionTranslation(n)) return n;
+	}
+	_isOptionTranslation(n) {
+		if (!n || typeof n != "object") return !1;
+		let k = n, A = new Set([
+			"label",
+			"description",
+			"placeholder",
+			"tooltip",
+			"extraLabel",
+			"extraLabelTooltip",
+			"enum"
+		]), j = Object.keys(k);
+		if (j.length === 0 || !j.every((n) => A.has(n))) return !1;
+		for (let n of [
+			"label",
+			"description",
+			"placeholder",
+			"tooltip"
+		]) if (n in k && typeof k[n] != "string") return !1;
+		for (let n of ["extraLabel", "extraLabelTooltip"]) {
+			let A = k[n];
+			if (n in k && typeof A != "string" && (typeof A != "object" || !A)) return !1;
+		}
+		return !("enum" in k && (typeof k.enum != "object" || k.enum === null));
+	}
+};
+__decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoItemOption.prototype, "language", void 0), __decorate([property({
+	type: String,
+	reflect: !0,
+	attribute: "item-type"
+})], LuzmoItemOption.prototype, "itemType", void 0), __decorate([property({
+	type: String,
+	reflect: !0,
+	attribute: "option-key"
+})], LuzmoItemOption.prototype, "optionKey", void 0), __decorate([property({
+	type: Object,
+	reflect: !1
+})], LuzmoItemOption.prototype, "customOptionConfiguration", void 0), __decorate([property({
+	type: Object,
+	reflect: !1
+})], LuzmoItemOption.prototype, "customTranslations", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "options", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "slots", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "theme", void 0), __decorate([property({
+	type: String,
+	attribute: "api-url",
+	reflect: !0
+})], LuzmoItemOption.prototype, "apiUrl", void 0), __decorate([property({
+	type: String,
+	attribute: "auth-key",
+	reflect: !0
+})], LuzmoItemOption.prototype, "authKey", void 0), __decorate([property({
+	type: String,
+	attribute: "auth-token",
+	reflect: !0
+})], LuzmoItemOption.prototype, "authToken", void 0), __decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoItemOption.prototype, "size", void 0), customElements.get("luzmo-item-option") || customElements.define("luzmo-item-option", LuzmoItemOption);
+export { y as i, getControlByKey as n, g as r, LuzmoItemOption as t };