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

package/components/item-option-BSxZkgll.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-CW8kVx-U.js";
+import { t } from "./decorate-DKLaHs_w.js";
+import { t as n } from "./data-broker-Cr9xP4Vj.js";
+import { n as r, t as i } from "./themes-CyxW1Fyh.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-BB8Njqq_.js").then((e) => e.t),
+	"bar-chart": () => import("./bar-chart-options.config-Bp3V_UUL.js").then((e) => e.t),
+	"box-plot": () => import("./box-plot-options.config-DzZ0srik.js").then((e) => e.t),
+	"bubble-chart": () => import("./bubble-chart-options.config--OyosvhW.js").then((e) => e.n),
+	"bullet-chart": () => import("./bullet-chart-options.config-ttmQuoQY.js").then((e) => e.t),
+	"choropleth-map": () => import("./choropleth-map-options.config-CXikAB3p.js").then((e) => e.t),
+	"circle-pack-chart": () => import("./circle-pack-chart-options.config-hS3JaH8E.js").then((e) => e.t),
+	"circular-gauge": () => import("./circular-gauge-options.config-B9ta7T_s.js").then((e) => e.t),
+	"column-chart": () => import("./column-chart-options.config-D-Td865R.js").then((e) => e.t),
+	"combination-chart": () => import("./combination-chart-options.config-z7N89V0R.js").then((e) => e.t),
+	"conditional-number": () => import("./conditional-number-options.config-DTrCIzD-.js").then((e) => e.t),
+	"date-comparison-filter": () => import("./date-comparison-filter-options.config-DoK_SiHa.js").then((e) => e.t),
+	"date-filter": () => import("./date-filter-options.config-BD0_fp59.js").then((e) => e.n),
+	"donut-chart": () => import("./donut-chart-options.config-DP01UY0V.js").then((e) => e.t),
+	"dropdown-filter": () => import("./dropdown-filter-options.config-7CO14gyN.js").then((e) => e.t),
+	"evolution-number": () => import("./evolution-number-options.config-gUYl3RKM.js").then((e) => e.t),
+	"funnel-chart": () => import("./funnel-chart-options.config-D1rrQFii.js").then((e) => e.t),
+	"heat-map": () => import("./heat-map-options.config-NJHxReDC.js").then((e) => e.n),
+	"heat-table": () => import("./heat-table-options.config-yBkfTyu7.js").then((e) => e.n),
+	"hexbin-map": () => import("./hexbin-map-options.config-B8nKr5UG.js").then((e) => e.n),
+	image: () => import("./image-options.config-DaAdD2Fn.js").then((e) => e.n),
+	"line-chart": () => import("./line-chart-options.config-Bzpn4rJ1.js").then((e) => e.t),
+	"marker-map": () => import("./marker-map-options.config-bTC_hiiJ.js").then((e) => e.n),
+	"ohlc-chart": () => import("./ohlc-chart-options.config-DiScMX7x.js").then((e) => e.n),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-options.config-Ca9ThOhV.js").then((e) => e.n),
+	"pivot-table": () => import("./pivot-table-options.config-CAgIvmNC.js").then((e) => e.t),
+	"pyramid-chart": () => import("./pyramid-chart-options.config-CpkWN4PZ.js").then((e) => e.n),
+	"radar-chart": () => import("./radar-chart-options.config-B9KaowgQ.js").then((e) => e.n),
+	"regular-table": () => import("./regular-table-options.config-Dam37LXb.js").then((e) => e.n),
+	"route-map": () => import("./route-map-options.config-B1kJLMds.js").then((e) => e.n),
+	"sankey-diagram": () => import("./sankey-diagram-options.config-EZtOfIxs.js").then((e) => e.n),
+	"scatter-plot": () => import("./scatter-plot-options.config-Bu5ks6u0.js").then((e) => e.n),
+	"search-filter": () => import("./search-filter-options.config-NxMFmof_.js").then((e) => e.n),
+	"slicer-filter": () => import("./slicer-filter-options.config-DoX-fmVG.js").then((e) => e.n),
+	"slider-filter": () => import("./slider-filter-options.config-CKG3i6Zk.js").then((e) => e.n),
+	spacer: () => import("./spacer-options.config-aPUqasyQ.js"),
+	"speedometer-chart": () => import("./speedometer-chart-options.config-D677OXyY.js").then((e) => e.n),
+	"spike-map": () => import("./spike-map-options.config-Juj3iEpY.js").then((e) => e.n),
+	"strip-plot": () => import("./strip-plot-options.config-N-l6htz2.js").then((e) => e.n),
+	"sunburst-chart": () => import("./sunburst-chart-options.config-B3elqBEp.js").then((e) => e.n),
+	"symbol-map": () => import("./symbol-map-options.config-Bihg8hZ-.js").then((e) => e.n),
+	text: () => import("./text-options.config-Dg2G_psB.js").then((e) => e.n),
+	"treemap-chart": () => import("./treemap-chart-options.config-RzZJtlx6.js").then((e) => e.t),
+	"venn-diagram": () => import("./venn-diagram-options.config-BRo1_7UR.js").then((e) => e.n),
+	video: () => import("./video-options.config-DMSafraT.js").then((e) => e.n),
+	"wordcloud-chart": () => import("./wordcloud-chart-options.config-DyCInhqM.js").then((e) => e.n)
+}, f = {
+	"area-chart:de": () => import("./area-chart-options.de-BZFsSXtA.js"),
+	"area-chart:en": () => import("./area-chart-options.en-BK-owlDF.js"),
+	"area-chart:es": () => import("./area-chart-options.es-CxC_7Fsc.js"),
+	"area-chart:fr": () => import("./area-chart-options.fr-Dp-iWsia.js"),
+	"area-chart:nl": () => import("./area-chart-options.nl-B9AU0JBm.js"),
+	"bar-chart:de": () => import("./bar-chart-options.de-DqVJJZX1.js"),
+	"bar-chart:en": () => import("./bar-chart-options.en-CNv1SQmJ.js"),
+	"bar-chart:es": () => import("./bar-chart-options.es-8GeEr0AW.js"),
+	"bar-chart:fr": () => import("./bar-chart-options.fr-GjTpzwWl.js"),
+	"bar-chart:nl": () => import("./bar-chart-options.nl-DhAmF7dN.js"),
+	"box-plot:de": () => import("./box-plot-options.de-Bou5Y8ZC.js"),
+	"box-plot:en": () => import("./box-plot-options.en-Bt4aNZwz.js"),
+	"box-plot:es": () => import("./box-plot-options.es-D8IjJ_Qn.js"),
+	"box-plot:fr": () => import("./box-plot-options.fr-PWvDTP_2.js"),
+	"box-plot:nl": () => import("./box-plot-options.nl-CN05i_WQ.js"),
+	"bubble-chart:de": () => import("./bubble-chart-options.de-C3VH4DMM.js"),
+	"bubble-chart:en": () => import("./bubble-chart-options.en-C82IMZRl.js"),
+	"bubble-chart:es": () => import("./bubble-chart-options.es-DEsxc7qn.js"),
+	"bubble-chart:fr": () => import("./bubble-chart-options.fr-BHVtymxZ.js"),
+	"bubble-chart:nl": () => import("./bubble-chart-options.nl-DF-zw_a5.js"),
+	"bullet-chart:de": () => import("./bullet-chart-options.de-MjZV4TCe.js"),
+	"bullet-chart:en": () => import("./bullet-chart-options.en-CAyve92j.js"),
+	"bullet-chart:es": () => import("./bullet-chart-options.es-BLO2gjrv.js"),
+	"bullet-chart:fr": () => import("./bullet-chart-options.fr-CnGaInPJ.js"),
+	"bullet-chart:nl": () => import("./bullet-chart-options.nl-C0uIwg1Q.js"),
+	"choropleth-map:de": () => import("./choropleth-map-options.de-C0wTzSUo.js"),
+	"choropleth-map:en": () => import("./choropleth-map-options.en-BgVNsjUZ.js"),
+	"choropleth-map:es": () => import("./choropleth-map-options.es-C00X8yCq.js"),
+	"choropleth-map:fr": () => import("./choropleth-map-options.fr-CMINXq9u.js"),
+	"choropleth-map:nl": () => import("./choropleth-map-options.nl-DOndjr73.js"),
+	"circle-pack-chart:de": () => import("./circle-pack-chart-options.de-oupSAbFj.js"),
+	"circle-pack-chart:en": () => import("./circle-pack-chart-options.en-DrZItxwK.js"),
+	"circle-pack-chart:es": () => import("./circle-pack-chart-options.es-DRiVMnqS.js"),
+	"circle-pack-chart:fr": () => import("./circle-pack-chart-options.fr-D60QdAWE.js"),
+	"circle-pack-chart:nl": () => import("./circle-pack-chart-options.nl-EMLccKeA.js"),
+	"circular-gauge:de": () => import("./circular-gauge-options.de-C2D6S3ql.js"),
+	"circular-gauge:en": () => import("./circular-gauge-options.en-oKYY8n56.js"),
+	"circular-gauge:es": () => import("./circular-gauge-options.es-BevFsga6.js"),
+	"circular-gauge:fr": () => import("./circular-gauge-options.fr-jrWZJHCn.js"),
+	"circular-gauge:nl": () => import("./circular-gauge-options.nl-B96hYInR.js"),
+	"column-chart:de": () => import("./column-chart-options.de-BdWlZQiE.js"),
+	"column-chart:en": () => import("./column-chart-options.en-DkLXdcSJ.js"),
+	"column-chart:es": () => import("./column-chart-options.es-BvpOhS0x.js"),
+	"column-chart:fr": () => import("./column-chart-options.fr-C5vfwmj1.js"),
+	"column-chart:nl": () => import("./column-chart-options.nl-RH4trEo_.js"),
+	"combination-chart:de": () => import("./combination-chart-options.de-CFOTHk7S.js"),
+	"combination-chart:en": () => import("./combination-chart-options.en-COz9MK9E.js"),
+	"combination-chart:es": () => import("./combination-chart-options.es-B1QN7aN8.js"),
+	"combination-chart:fr": () => import("./combination-chart-options.fr-CHiIz7uA.js"),
+	"combination-chart:nl": () => import("./combination-chart-options.nl-CHLE9cMs.js"),
+	"conditional-number:de": () => import("./conditional-number-options.de-BC3G9ooQ.js"),
+	"conditional-number:en": () => import("./conditional-number-options.en-DcF4ozkz.js"),
+	"conditional-number:es": () => import("./conditional-number-options.es-ecoh0DoU.js"),
+	"conditional-number:fr": () => import("./conditional-number-options.fr-8P4FwHGl.js"),
+	"conditional-number:nl": () => import("./conditional-number-options.nl-BVKFqrpz.js"),
+	"date-comparison-filter:de": () => import("./date-comparison-filter-options.de-Dts4idun.js"),
+	"date-comparison-filter:en": () => import("./date-comparison-filter-options.en-DbGgxLdP.js"),
+	"date-comparison-filter:es": () => import("./date-comparison-filter-options.es-STeeUQMj.js"),
+	"date-comparison-filter:fr": () => import("./date-comparison-filter-options.fr-DqX3O1fq.js"),
+	"date-comparison-filter:nl": () => import("./date-comparison-filter-options.nl-Y4bYw649.js"),
+	"date-filter:de": () => import("./date-filter-options.de-DQx8dCzR.js"),
+	"date-filter:en": () => import("./date-filter-options.en-C6hGNx_s.js"),
+	"date-filter:es": () => import("./date-filter-options.es-bbg0u-BL.js"),
+	"date-filter:fr": () => import("./date-filter-options.fr-BC8mHz-r.js"),
+	"date-filter:nl": () => import("./date-filter-options.nl-BHrisMQz.js"),
+	"donut-chart:de": () => import("./donut-chart-options.de-CdGRquvS.js"),
+	"donut-chart:en": () => import("./donut-chart-options.en-uhW74if0.js"),
+	"donut-chart:es": () => import("./donut-chart-options.es-CUZfbwTl.js"),
+	"donut-chart:fr": () => import("./donut-chart-options.fr-vq3jxgkU.js"),
+	"donut-chart:nl": () => import("./donut-chart-options.nl-B7HkSguZ.js"),
+	"dropdown-filter:de": () => import("./dropdown-filter-options.de-7cv7fovq.js"),
+	"dropdown-filter:en": () => import("./dropdown-filter-options.en-BZrakPEm.js"),
+	"dropdown-filter:es": () => import("./dropdown-filter-options.es-oCp1QK3P.js"),
+	"dropdown-filter:fr": () => import("./dropdown-filter-options.fr-9cNSzj8s.js"),
+	"dropdown-filter:nl": () => import("./dropdown-filter-options.nl-B7AS6KYH.js"),
+	"evolution-number:de": () => import("./evolution-number-options.de-DdH5uU4M.js"),
+	"evolution-number:en": () => import("./evolution-number-options.en-CDmi4eXD.js"),
+	"evolution-number:es": () => import("./evolution-number-options.es-CfB5OTGr.js"),
+	"evolution-number:fr": () => import("./evolution-number-options.fr-Dk9DbieF.js"),
+	"evolution-number:nl": () => import("./evolution-number-options.nl-z8RKhG8l.js"),
+	"funnel-chart:de": () => import("./funnel-chart-options.de--YiaQK6m.js"),
+	"funnel-chart:en": () => import("./funnel-chart-options.en-DhYQqeoo.js"),
+	"funnel-chart:es": () => import("./funnel-chart-options.es-Buqi2jxH.js"),
+	"funnel-chart:fr": () => import("./funnel-chart-options.fr-CZ-ngkGu.js"),
+	"funnel-chart:nl": () => import("./funnel-chart-options.nl-Bku5yP0v.js"),
+	"heat-map:de": () => import("./heat-map-options.de-DaJFFIyt.js"),
+	"heat-map:en": () => import("./heat-map-options.en-qJjFSEXw.js"),
+	"heat-map:es": () => import("./heat-map-options.es-jT23GmtM.js"),
+	"heat-map:fr": () => import("./heat-map-options.fr-83u4KKc9.js"),
+	"heat-map:nl": () => import("./heat-map-options.nl-Ct1nb2qA.js"),
+	"heat-table:de": () => import("./heat-table-options.de-BaTTN-6k.js"),
+	"heat-table:en": () => import("./heat-table-options.en-zUbHW8ZY.js"),
+	"heat-table:es": () => import("./heat-table-options.es-BouVRLza.js"),
+	"heat-table:fr": () => import("./heat-table-options.fr-DMV56Tjq.js"),
+	"heat-table:nl": () => import("./heat-table-options.nl-BJ6ZWJ6x.js"),
+	"hexbin-map:de": () => import("./hexbin-map-options.de-ClzWyT7p.js"),
+	"hexbin-map:en": () => import("./hexbin-map-options.en-Cm2Kj7mB.js"),
+	"hexbin-map:es": () => import("./hexbin-map-options.es-DI9pgS48.js"),
+	"hexbin-map:fr": () => import("./hexbin-map-options.fr-Bj04NrJm.js"),
+	"hexbin-map:nl": () => import("./hexbin-map-options.nl-J0uzrN9e.js"),
+	"image:de": () => import("./image-options.de-Bsu0TPp1.js"),
+	"image:en": () => import("./image-options.en-DOwjnm8g.js"),
+	"image:es": () => import("./image-options.es-CsR2JeAL.js"),
+	"image:fr": () => import("./image-options.fr-DfKsczPR.js"),
+	"image:nl": () => import("./image-options.nl-B_0ICvw4.js"),
+	"line-chart:de": () => import("./line-chart-options.de-CMwI89Ea.js"),
+	"line-chart:en": () => import("./line-chart-options.en-DoJS6RWg.js"),
+	"line-chart:es": () => import("./line-chart-options.es-De5HTRE-.js"),
+	"line-chart:fr": () => import("./line-chart-options.fr-CQm_5vAq.js"),
+	"line-chart:nl": () => import("./line-chart-options.nl-BayA3KAp.js"),
+	"marker-map:de": () => import("./marker-map-options.de-COTYgEy-.js"),
+	"marker-map:en": () => import("./marker-map-options.en-BhOD_nob.js"),
+	"marker-map:es": () => import("./marker-map-options.es-DzM6Lf9b.js"),
+	"marker-map:fr": () => import("./marker-map-options.fr-CLC8iG9j.js"),
+	"marker-map:nl": () => import("./marker-map-options.nl-BydASUdH.js"),
+	"ohlc-chart:de": () => import("./ohlc-chart-options.de-BhF-VZTu.js"),
+	"ohlc-chart:en": () => import("./ohlc-chart-options.en-J0f7i8P2.js"),
+	"ohlc-chart:es": () => import("./ohlc-chart-options.es-B5LuJmYs.js"),
+	"ohlc-chart:fr": () => import("./ohlc-chart-options.fr-yqyN9VGF.js"),
+	"ohlc-chart:nl": () => import("./ohlc-chart-options.nl-CL2tpbOO.js"),
+	"parallel-coordinates-plot:de": () => import("./parallel-coordinates-plot-options.de-CGptaRIc.js"),
+	"parallel-coordinates-plot:en": () => import("./parallel-coordinates-plot-options.en-DxB7B4hX.js"),
+	"parallel-coordinates-plot:es": () => import("./parallel-coordinates-plot-options.es-B33swgIx.js"),
+	"parallel-coordinates-plot:fr": () => import("./parallel-coordinates-plot-options.fr-CLbGxA0c.js"),
+	"parallel-coordinates-plot:nl": () => import("./parallel-coordinates-plot-options.nl-CGJFwTtj.js"),
+	"pivot-table:de": () => import("./pivot-table-options.de-00Xh2JFE.js"),
+	"pivot-table:en": () => import("./pivot-table-options.en-CLnWFzcX.js"),
+	"pivot-table:es": () => import("./pivot-table-options.es-Dn_1NL9S.js"),
+	"pivot-table:fr": () => import("./pivot-table-options.fr-CrE94_mR.js"),
+	"pivot-table:nl": () => import("./pivot-table-options.nl-CX-e8wZ1.js"),
+	"pyramid-chart:de": () => import("./pyramid-chart-options.de-ARPd7TtD.js"),
+	"pyramid-chart:en": () => import("./pyramid-chart-options.en-n2al6W_G.js"),
+	"pyramid-chart:es": () => import("./pyramid-chart-options.es-k5D4DojO.js"),
+	"pyramid-chart:fr": () => import("./pyramid-chart-options.fr-CBcN0VM5.js"),
+	"pyramid-chart:nl": () => import("./pyramid-chart-options.nl-BAAZUowO.js"),
+	"radar-chart:de": () => import("./radar-chart-options.de-DXRkpZAJ.js"),
+	"radar-chart:en": () => import("./radar-chart-options.en-CZ0RSGtG.js"),
+	"radar-chart:es": () => import("./radar-chart-options.es-DoR23nFE.js"),
+	"radar-chart:fr": () => import("./radar-chart-options.fr-QMxIk7tl.js"),
+	"radar-chart:nl": () => import("./radar-chart-options.nl-DHRRhfT6.js"),
+	"regular-table:de": () => import("./regular-table-options.de-tnmQvZ9-.js"),
+	"regular-table:en": () => import("./regular-table-options.en-BW2zwRIF.js"),
+	"regular-table:es": () => import("./regular-table-options.es-Du7kLhbI.js"),
+	"regular-table:fr": () => import("./regular-table-options.fr-B_1aJ-4E.js"),
+	"regular-table:nl": () => import("./regular-table-options.nl-KPfO0KPQ.js"),
+	"route-map:de": () => import("./route-map-options.de-Dx3wvaeR.js"),
+	"route-map:en": () => import("./route-map-options.en-0aM4LJf-.js"),
+	"route-map:es": () => import("./route-map-options.es-DMhSwFpl.js"),
+	"route-map:fr": () => import("./route-map-options.fr-CAdJTLTo.js"),
+	"route-map:nl": () => import("./route-map-options.nl-BTqsuigc.js"),
+	"sankey-diagram:de": () => import("./sankey-diagram-options.de--_m2V6Y3.js"),
+	"sankey-diagram:en": () => import("./sankey-diagram-options.en-B-yiLh8R.js"),
+	"sankey-diagram:es": () => import("./sankey-diagram-options.es-B4M1y1yu.js"),
+	"sankey-diagram:fr": () => import("./sankey-diagram-options.fr-Cq3advyM.js"),
+	"sankey-diagram:nl": () => import("./sankey-diagram-options.nl-jEvpDXot.js"),
+	"scatter-plot:de": () => import("./scatter-plot-options.de-sYzAsf2H.js"),
+	"scatter-plot:en": () => import("./scatter-plot-options.en-07knOBab.js"),
+	"scatter-plot:es": () => import("./scatter-plot-options.es-C8cdndtf.js"),
+	"scatter-plot:fr": () => import("./scatter-plot-options.fr-BK81SRYx.js"),
+	"scatter-plot:nl": () => import("./scatter-plot-options.nl-DSg4Pz4w.js"),
+	"search-filter:de": () => import("./search-filter-options.de-DUfyAetp.js"),
+	"search-filter:en": () => import("./search-filter-options.en-i3Hapg_j.js"),
+	"search-filter:es": () => import("./search-filter-options.es-zo8AktBH.js"),
+	"search-filter:fr": () => import("./search-filter-options.fr-eDAGO3Mw.js"),
+	"search-filter:nl": () => import("./search-filter-options.nl-BMWctdia.js"),
+	"slicer-filter:de": () => import("./slicer-filter-options.de-3lUe0Dpo.js"),
+	"slicer-filter:en": () => import("./slicer-filter-options.en-Coo2f6m2.js"),
+	"slicer-filter:es": () => import("./slicer-filter-options.es-YjMKKmaS.js"),
+	"slicer-filter:fr": () => import("./slicer-filter-options.fr-CrqPMwGZ.js"),
+	"slicer-filter:nl": () => import("./slicer-filter-options.nl-BjA6Naz4.js"),
+	"slider-filter:de": () => import("./slider-filter-options.de-0sTFFPTB.js"),
+	"slider-filter:en": () => import("./slider-filter-options.en-CppZ8YWe.js"),
+	"slider-filter:es": () => import("./slider-filter-options.es-zKLTD7ur.js"),
+	"slider-filter:fr": () => import("./slider-filter-options.fr-CZpnwGRw.js"),
+	"slider-filter:nl": () => import("./slider-filter-options.nl-BSGYJ74d.js"),
+	"speedometer-chart:de": () => import("./speedometer-chart-options.de-C6C57cCk.js"),
+	"speedometer-chart:en": () => import("./speedometer-chart-options.en-BA6Cmlv8.js"),
+	"speedometer-chart:es": () => import("./speedometer-chart-options.es-Dw_DjEcm.js"),
+	"speedometer-chart:fr": () => import("./speedometer-chart-options.fr-ByHJPKyP.js"),
+	"speedometer-chart:nl": () => import("./speedometer-chart-options.nl-CbrfDBxP.js"),
+	"spike-map:de": () => import("./spike-map-options.de-D5RVNmaL.js"),
+	"spike-map:en": () => import("./spike-map-options.en-BOpn6ce1.js"),
+	"spike-map:es": () => import("./spike-map-options.es-Cp26GyT7.js"),
+	"spike-map:fr": () => import("./spike-map-options.fr-VlrHCXjy.js"),
+	"spike-map:nl": () => import("./spike-map-options.nl-hWLqjTbf.js"),
+	"strip-plot:de": () => import("./strip-plot-options.de-D_egZex9.js"),
+	"strip-plot:en": () => import("./strip-plot-options.en-DHemujX_.js"),
+	"strip-plot:es": () => import("./strip-plot-options.es-D0NNzcta.js"),
+	"strip-plot:fr": () => import("./strip-plot-options.fr-DT1rU74u.js"),
+	"strip-plot:nl": () => import("./strip-plot-options.nl-eso6TBIV.js"),
+	"sunburst-chart:de": () => import("./sunburst-chart-options.de-zVxJV4da.js"),
+	"sunburst-chart:en": () => import("./sunburst-chart-options.en-BmowTefC.js"),
+	"sunburst-chart:es": () => import("./sunburst-chart-options.es-BHJGB9Ep.js"),
+	"sunburst-chart:fr": () => import("./sunburst-chart-options.fr-B5M5-Epg.js"),
+	"sunburst-chart:nl": () => import("./sunburst-chart-options.nl-C9rj0L6p.js"),
+	"symbol-map:de": () => import("./symbol-map-options.de-BO9NgZak.js"),
+	"symbol-map:en": () => import("./symbol-map-options.en-CYRqTuNQ.js"),
+	"symbol-map:es": () => import("./symbol-map-options.es-Cn0TaTjO.js"),
+	"symbol-map:fr": () => import("./symbol-map-options.fr-HhOIpv0a.js"),
+	"symbol-map:nl": () => import("./symbol-map-options.nl-DLfze6tZ.js"),
+	"text:de": () => import("./text-options.de-BkmJEiwY.js"),
+	"text:en": () => import("./text-options.en-C19bWp3n.js"),
+	"text:es": () => import("./text-options.es-uTQlrcRa.js"),
+	"text:fr": () => import("./text-options.fr-Cixf4MRc.js"),
+	"text:nl": () => import("./text-options.nl-DRGkwey_.js"),
+	"treemap-chart:de": () => import("./treemap-chart-options.de-BtKtg4ax.js"),
+	"treemap-chart:en": () => import("./treemap-chart-options.en-CTSpoIKh.js"),
+	"treemap-chart:es": () => import("./treemap-chart-options.es-DyVwOene.js"),
+	"treemap-chart:fr": () => import("./treemap-chart-options.fr-q9ZIDCzg.js"),
+	"treemap-chart:nl": () => import("./treemap-chart-options.nl-CC9cBB2A.js"),
+	"video:de": () => import("./video-options.de-CzAiYKsb.js"),
+	"video:en": () => import("./video-options.en-C5wAT0LB.js"),
+	"video:es": () => import("./video-options.es-CrWP9P-_.js"),
+	"video:fr": () => import("./video-options.fr-BWLU5tPw.js"),
+	"video:nl": () => import("./video-options.nl-k0Fh5uzu.js"),
+	"wordcloud-chart:de": () => import("./wordcloud-chart-options.de-F6oLnsaf.js"),
+	"wordcloud-chart:en": () => import("./wordcloud-chart-options.en-CS4v91oY.js"),
+	"wordcloud-chart:es": () => import("./wordcloud-chart-options.es-Bed-oPfc.js"),
+	"wordcloud-chart:fr": () => import("./wordcloud-chart-options.fr-C4npCIzT.js"),
+	"wordcloud-chart:nl": () => import("./wordcloud-chart-options.nl-D7wc2ZNe.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 };