@luzmo/analytics-components-kit 1.0.8 → 1.0.9-beta.10

package/components/item-option-C1zZpwcY.js

@@ -0,0 +1,956 @@
+/*! * 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 "./tokens-Ov1pCR4Y.js";
+import { i as e } from "./base-CTnR_I0T.js";
+import { t } from "./decorate-DyMgX_Uh.js";
+import { n } from "./data-broker-BNXS5_qc.js";
+import { n as r, t as i } from "./themes-CQZd578_.js";
+import { t as a } from "./set-nested-value-V1TdquO3.js";
+import { n as o, r as s } from "./types-DNRGKFSD.js";
+import { html as c, unsafeCSS as l } from "lit";
+import { property as u } from "lit/decorators.js";
+import { msg as d } from "@lit/localize";
+import { ifDefined as f } from "lit/directives/if-defined.js";
+import { Task as p } from "@lit/task";
+//#region node_modules/@luzmo/dashboard-contents-types/shared/utils/options-registry.generated.js
+var m = {
+	"area-chart": () => import("./area-chart-options.config-DJnPr93H.js").then((e) => e.t),
+	"bar-chart": () => import("./bar-chart-options.config-D1x5WPbL.js").then((e) => e.t),
+	"box-plot": () => import("./box-plot-options.config-CooBIc6N.js").then((e) => e.t),
+	"bubble-chart": () => import("./bubble-chart-options.config-B6aLA_1d.js").then((e) => e.t),
+	"bullet-chart": () => import("./bullet-chart-options.config-CBmbmhzI.js").then((e) => e.n),
+	"choropleth-map": () => import("./choropleth-map-options.config-DWWydGJ3.js").then((e) => e.t),
+	"circle-pack-chart": () => import("./circle-pack-chart-options.config-D2RCikyA.js").then((e) => e.t),
+	"circular-gauge": () => import("./circular-gauge-options.config-syWQJHKT.js").then((e) => e.t),
+	"column-chart": () => import("./column-chart-options.config-B2LIl9lL.js").then((e) => e.t),
+	"combination-chart": () => import("./combination-chart-options.config-0ATFph8S.js").then((e) => e.n),
+	"conditional-number": () => import("./conditional-number-options.config-Bv2xONtI.js").then((e) => e.t),
+	"date-comparison-filter": () => import("./date-comparison-filter-options.config-DgLx-m3L.js").then((e) => e.t),
+	"date-filter": () => import("./date-filter-options.config-Cbiy0QKd.js").then((e) => e.t),
+	"donut-chart": () => import("./donut-chart-options.config-C8wpZzyJ.js").then((e) => e.t),
+	"dropdown-filter": () => import("./dropdown-filter-options.config-DkiapYtc.js").then((e) => e.t),
+	"evolution-number": () => import("./evolution-number-options.config-Ca9ABNVM.js").then((e) => e.n),
+	"funnel-chart": () => import("./funnel-chart-options.config-CygQsQVD.js").then((e) => e.t),
+	"heat-map": () => import("./heat-map-options.config-X96sw-BV.js").then((e) => e.n),
+	"heat-table": () => import("./heat-table-options.config-D6dA9J97.js").then((e) => e.n),
+	"hexbin-map": () => import("./hexbin-map-options.config-FK9DrXGD.js").then((e) => e.t),
+	image: () => import("./image-options.config-DxF0RSUF.js").then((e) => e.n),
+	"line-chart": () => import("./line-chart-options.config-C3_RnROS.js").then((e) => e.t),
+	"marker-map": () => import("./marker-map-options.config-OMdgbAc4.js").then((e) => e.t),
+	"ohlc-chart": () => import("./ohlc-chart-options.config-CWRI5bXI.js").then((e) => e.n),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-options.config-DbuNgevO.js").then((e) => e.n),
+	"pivot-table": () => import("./pivot-table-options.config-CTz4bcGJ.js").then((e) => e.t),
+	"pyramid-chart": () => import("./pyramid-chart-options.config-C7btzuZj.js").then((e) => e.t),
+	"radar-chart": () => import("./radar-chart-options.config-CtA6MpUp.js").then((e) => e.n),
+	"regular-table": () => import("./regular-table-options.config-BRmS77t-.js").then((e) => e.n),
+	"route-map": () => import("./route-map-options.config-C65J81_7.js").then((e) => e.n),
+	"sankey-diagram": () => import("./sankey-diagram-options.config-nQDCRhKs.js").then((e) => e.n),
+	"scatter-plot": () => import("./scatter-plot-options.config-BplrME7w.js").then((e) => e.n),
+	"search-filter": () => import("./search-filter-options.config-yAz6IIto.js").then((e) => e.n),
+	"slicer-filter": () => import("./slicer-filter-options.config-BtGkT2hI.js").then((e) => e.n),
+	"slider-filter": () => import("./slider-filter-options.config-D_yZ_nFz.js").then((e) => e.n),
+	spacer: () => import("./spacer-options.config-C27xkF_H.js"),
+	"speedometer-chart": () => import("./speedometer-chart-options.config-BL7evgzP.js").then((e) => e.n),
+	"spike-map": () => import("./spike-map-options.config-DjoTrAsC.js").then((e) => e.n),
+	"strip-plot": () => import("./strip-plot-options.config-tDmVlu9U.js").then((e) => e.t),
+	"sunburst-chart": () => import("./sunburst-chart-options.config-Bjue_lQN.js").then((e) => e.n),
+	"symbol-map": () => import("./symbol-map-options.config-Dyeya5Z2.js").then((e) => e.n),
+	text: () => import("./text-options.config-CXhvzzPF.js").then((e) => e.n),
+	"treemap-chart": () => import("./treemap-chart-options.config-BzOCEWog.js").then((e) => e.n),
+	"venn-diagram": () => import("./venn-diagram-options.config-BMlduwIp.js").then((e) => e.n),
+	video: () => import("./video-options.config-DdfSTJEJ.js").then((e) => e.n),
+	"wordcloud-chart": () => import("./wordcloud-chart-options.config-y9Z5I_ZN.js").then((e) => e.n)
+}, h = {
+	"area-chart:de": () => import("./area-chart-options.de-pUCTG-s0.js"),
+	"area-chart:en": () => import("./area-chart-options.en-YNsUeMwN.js"),
+	"area-chart:es": () => import("./area-chart-options.es-2styw_Fz.js"),
+	"area-chart:fr": () => import("./area-chart-options.fr--WzQVf2z.js"),
+	"area-chart:nl": () => import("./area-chart-options.nl-BTEIqBtE.js"),
+	"bar-chart:de": () => import("./bar-chart-options.de-3qSh2TNr.js"),
+	"bar-chart:en": () => import("./bar-chart-options.en-DrhQe9rV.js"),
+	"bar-chart:es": () => import("./bar-chart-options.es-BZ1yNzUQ.js"),
+	"bar-chart:fr": () => import("./bar-chart-options.fr-5i13R8bs.js"),
+	"bar-chart:nl": () => import("./bar-chart-options.nl-DLj-qucU.js"),
+	"box-plot:de": () => import("./box-plot-options.de-BkgscmvG.js"),
+	"box-plot:en": () => import("./box-plot-options.en-5kGlvxx8.js"),
+	"box-plot:es": () => import("./box-plot-options.es-v_B9Xb9H.js"),
+	"box-plot:fr": () => import("./box-plot-options.fr-CRSOCgU5.js"),
+	"box-plot:nl": () => import("./box-plot-options.nl-ZQjVZPau.js"),
+	"bubble-chart:de": () => import("./bubble-chart-options.de-Q2nhAQfu.js"),
+	"bubble-chart:en": () => import("./bubble-chart-options.en-DedkSXEc.js"),
+	"bubble-chart:es": () => import("./bubble-chart-options.es-B7bZFlIa.js"),
+	"bubble-chart:fr": () => import("./bubble-chart-options.fr-Cz9T05xx.js"),
+	"bubble-chart:nl": () => import("./bubble-chart-options.nl-BeiE-TWG.js"),
+	"bullet-chart:de": () => import("./bullet-chart-options.de-DHqxFlm7.js"),
+	"bullet-chart:en": () => import("./bullet-chart-options.en-6vj0tO4B.js"),
+	"bullet-chart:es": () => import("./bullet-chart-options.es-DeDFLO8Z.js"),
+	"bullet-chart:fr": () => import("./bullet-chart-options.fr-750sl4sT.js"),
+	"bullet-chart:nl": () => import("./bullet-chart-options.nl-CS-xSSVr.js"),
+	"choropleth-map:de": () => import("./choropleth-map-options.de-DXLufNgZ.js"),
+	"choropleth-map:en": () => import("./choropleth-map-options.en-DGENug11.js"),
+	"choropleth-map:es": () => import("./choropleth-map-options.es-Dn2Cv5D-.js"),
+	"choropleth-map:fr": () => import("./choropleth-map-options.fr-CK0tUEO3.js"),
+	"choropleth-map:nl": () => import("./choropleth-map-options.nl-CwA4TtvT.js"),
+	"circle-pack-chart:de": () => import("./circle-pack-chart-options.de-BrrPqSBf.js"),
+	"circle-pack-chart:en": () => import("./circle-pack-chart-options.en-BdoNRanZ.js"),
+	"circle-pack-chart:es": () => import("./circle-pack-chart-options.es-DLQWaD31.js"),
+	"circle-pack-chart:fr": () => import("./circle-pack-chart-options.fr-B66YY6lg.js"),
+	"circle-pack-chart:nl": () => import("./circle-pack-chart-options.nl-kOeRMk4n.js"),
+	"circular-gauge:de": () => import("./circular-gauge-options.de-D1DVq08k.js"),
+	"circular-gauge:en": () => import("./circular-gauge-options.en-CsH_VhDL.js"),
+	"circular-gauge:es": () => import("./circular-gauge-options.es-BkiRMNis.js"),
+	"circular-gauge:fr": () => import("./circular-gauge-options.fr-CxySNula.js"),
+	"circular-gauge:nl": () => import("./circular-gauge-options.nl-CcQpr_DM.js"),
+	"column-chart:de": () => import("./column-chart-options.de-CIYtauiG.js"),
+	"column-chart:en": () => import("./column-chart-options.en-BkAsfXYV.js"),
+	"column-chart:es": () => import("./column-chart-options.es-jWM7TxS7.js"),
+	"column-chart:fr": () => import("./column-chart-options.fr-BB6301nS.js"),
+	"column-chart:nl": () => import("./column-chart-options.nl-HUMDgKdl.js"),
+	"combination-chart:de": () => import("./combination-chart-options.de-DVJ9sfLC.js"),
+	"combination-chart:en": () => import("./combination-chart-options.en-B5piXq82.js"),
+	"combination-chart:es": () => import("./combination-chart-options.es-BmuyyP32.js"),
+	"combination-chart:fr": () => import("./combination-chart-options.fr-CIrnpWEu.js"),
+	"combination-chart:nl": () => import("./combination-chart-options.nl-BDJ7t0BY.js"),
+	"conditional-number:de": () => import("./conditional-number-options.de-2xle1pGz.js"),
+	"conditional-number:en": () => import("./conditional-number-options.en-JLoF4JZy.js"),
+	"conditional-number:es": () => import("./conditional-number-options.es-C_g0UqIh.js"),
+	"conditional-number:fr": () => import("./conditional-number-options.fr-C5cASVba.js"),
+	"conditional-number:nl": () => import("./conditional-number-options.nl-DiV3DzXR.js"),
+	"date-comparison-filter:de": () => import("./date-comparison-filter-options.de-BSRz6o0Y.js"),
+	"date-comparison-filter:en": () => import("./date-comparison-filter-options.en-DLbsNe_t.js"),
+	"date-comparison-filter:es": () => import("./date-comparison-filter-options.es-ChO2qlIh.js"),
+	"date-comparison-filter:fr": () => import("./date-comparison-filter-options.fr-D9HKPj4L.js"),
+	"date-comparison-filter:nl": () => import("./date-comparison-filter-options.nl-BOMQo1X3.js"),
+	"date-filter:de": () => import("./date-filter-options.de-DVRUmqQh.js"),
+	"date-filter:en": () => import("./date-filter-options.en-Df-q6Eqf.js"),
+	"date-filter:es": () => import("./date-filter-options.es-eclXOdtw.js"),
+	"date-filter:fr": () => import("./date-filter-options.fr-B6CHuun3.js"),
+	"date-filter:nl": () => import("./date-filter-options.nl-qgltgj2Q.js"),
+	"donut-chart:de": () => import("./donut-chart-options.de-yLZjyrqC.js"),
+	"donut-chart:en": () => import("./donut-chart-options.en-CtvZekZO.js"),
+	"donut-chart:es": () => import("./donut-chart-options.es-C89OYrl4.js"),
+	"donut-chart:fr": () => import("./donut-chart-options.fr-Cy4UUjdS.js"),
+	"donut-chart:nl": () => import("./donut-chart-options.nl-BT6vFbJ5.js"),
+	"dropdown-filter:de": () => import("./dropdown-filter-options.de-CGwxbXwe.js"),
+	"dropdown-filter:en": () => import("./dropdown-filter-options.en-D4YCo5Bj.js"),
+	"dropdown-filter:es": () => import("./dropdown-filter-options.es-BvFyqxrr.js"),
+	"dropdown-filter:fr": () => import("./dropdown-filter-options.fr-9KlpP9JQ.js"),
+	"dropdown-filter:nl": () => import("./dropdown-filter-options.nl-4HUfHHPT.js"),
+	"evolution-number:de": () => import("./evolution-number-options.de-BrdcqfjF.js"),
+	"evolution-number:en": () => import("./evolution-number-options.en-Sd6L4_T9.js"),
+	"evolution-number:es": () => import("./evolution-number-options.es-RgSav5iQ.js"),
+	"evolution-number:fr": () => import("./evolution-number-options.fr-BD73JeDU.js"),
+	"evolution-number:nl": () => import("./evolution-number-options.nl-WHBQ04_S.js"),
+	"funnel-chart:de": () => import("./funnel-chart-options.de-DIoKO3fr.js"),
+	"funnel-chart:en": () => import("./funnel-chart-options.en-Doj4mREG.js"),
+	"funnel-chart:es": () => import("./funnel-chart-options.es-D-GP_b6C.js"),
+	"funnel-chart:fr": () => import("./funnel-chart-options.fr-BoQkeuls.js"),
+	"funnel-chart:nl": () => import("./funnel-chart-options.nl-CRq-RjxK.js"),
+	"heat-map:de": () => import("./heat-map-options.de-CdqO8c7P.js"),
+	"heat-map:en": () => import("./heat-map-options.en-BAnXacHE.js"),
+	"heat-map:es": () => import("./heat-map-options.es-8rTCVZlw.js"),
+	"heat-map:fr": () => import("./heat-map-options.fr-DbGhKWbq.js"),
+	"heat-map:nl": () => import("./heat-map-options.nl-nw2vqBOn.js"),
+	"heat-table:de": () => import("./heat-table-options.de-PCwpTsHu.js"),
+	"heat-table:en": () => import("./heat-table-options.en-DCNhZ0Qw.js"),
+	"heat-table:es": () => import("./heat-table-options.es-Dhtu0ztS.js"),
+	"heat-table:fr": () => import("./heat-table-options.fr-dtKsuwpe.js"),
+	"heat-table:nl": () => import("./heat-table-options.nl-Bc0JFpfk.js"),
+	"hexbin-map:de": () => import("./hexbin-map-options.de-IOtNvdRA.js"),
+	"hexbin-map:en": () => import("./hexbin-map-options.en-DKEF0zQn.js"),
+	"hexbin-map:es": () => import("./hexbin-map-options.es-FkXMepZ7.js"),
+	"hexbin-map:fr": () => import("./hexbin-map-options.fr-DT7-Cefu.js"),
+	"hexbin-map:nl": () => import("./hexbin-map-options.nl-BwgDBrw4.js"),
+	"image:de": () => import("./image-options.de-Bh8QqYb_.js"),
+	"image:en": () => import("./image-options.en-D2iUVarz.js"),
+	"image:es": () => import("./image-options.es-CKpabSfB.js"),
+	"image:fr": () => import("./image-options.fr-vfaeguWy.js"),
+	"image:nl": () => import("./image-options.nl-B16JINhD.js"),
+	"line-chart:de": () => import("./line-chart-options.de-CtxTZ-Nx.js"),
+	"line-chart:en": () => import("./line-chart-options.en-BgXtU92P.js"),
+	"line-chart:es": () => import("./line-chart-options.es--u7QlrhG.js"),
+	"line-chart:fr": () => import("./line-chart-options.fr-BaPc1M70.js"),
+	"line-chart:nl": () => import("./line-chart-options.nl-C86fSn7a.js"),
+	"marker-map:de": () => import("./marker-map-options.de-DVb2ab5i.js"),
+	"marker-map:en": () => import("./marker-map-options.en-BNwkDxQB.js"),
+	"marker-map:es": () => import("./marker-map-options.es-CY2DRGKv.js"),
+	"marker-map:fr": () => import("./marker-map-options.fr-D31wgwxG.js"),
+	"marker-map:nl": () => import("./marker-map-options.nl-DyZo_CFt.js"),
+	"ohlc-chart:de": () => import("./ohlc-chart-options.de-LnJmQjiR.js"),
+	"ohlc-chart:en": () => import("./ohlc-chart-options.en-B7TU8CK4.js"),
+	"ohlc-chart:es": () => import("./ohlc-chart-options.es-B7m8-_pA.js"),
+	"ohlc-chart:fr": () => import("./ohlc-chart-options.fr-u_Bi9raw.js"),
+	"ohlc-chart:nl": () => import("./ohlc-chart-options.nl-BrpwjNGt.js"),
+	"parallel-coordinates-plot:de": () => import("./parallel-coordinates-plot-options.de-BwbOcCnH.js"),
+	"parallel-coordinates-plot:en": () => import("./parallel-coordinates-plot-options.en-BlzPfF-b.js"),
+	"parallel-coordinates-plot:es": () => import("./parallel-coordinates-plot-options.es-CPAqJPEY.js"),
+	"parallel-coordinates-plot:fr": () => import("./parallel-coordinates-plot-options.fr-DRTOCvqg.js"),
+	"parallel-coordinates-plot:nl": () => import("./parallel-coordinates-plot-options.nl-DqXxaV_Z.js"),
+	"pivot-table:de": () => import("./pivot-table-options.de-CZjCOf23.js"),
+	"pivot-table:en": () => import("./pivot-table-options.en-Z6QZwj0n.js"),
+	"pivot-table:es": () => import("./pivot-table-options.es-DW1enov2.js"),
+	"pivot-table:fr": () => import("./pivot-table-options.fr-Cl4jkSR4.js"),
+	"pivot-table:nl": () => import("./pivot-table-options.nl-CaWEP9qN.js"),
+	"pyramid-chart:de": () => import("./pyramid-chart-options.de-C7n_k-tE.js"),
+	"pyramid-chart:en": () => import("./pyramid-chart-options.en-Cu93qdAo.js"),
+	"pyramid-chart:es": () => import("./pyramid-chart-options.es-DCRAv4r_.js"),
+	"pyramid-chart:fr": () => import("./pyramid-chart-options.fr-CLXgcrPz.js"),
+	"pyramid-chart:nl": () => import("./pyramid-chart-options.nl-CylUmHpw.js"),
+	"radar-chart:de": () => import("./radar-chart-options.de-BZPerBca.js"),
+	"radar-chart:en": () => import("./radar-chart-options.en-tDJgJQVC.js"),
+	"radar-chart:es": () => import("./radar-chart-options.es-Dz4wRR-P.js"),
+	"radar-chart:fr": () => import("./radar-chart-options.fr-D5KXeury.js"),
+	"radar-chart:nl": () => import("./radar-chart-options.nl-D3_CmNB3.js"),
+	"regular-table:de": () => import("./regular-table-options.de-g9j453gb.js"),
+	"regular-table:en": () => import("./regular-table-options.en-BrufALdp.js"),
+	"regular-table:es": () => import("./regular-table-options.es-CTDJJHWO.js"),
+	"regular-table:fr": () => import("./regular-table-options.fr-CwmYI6Kh.js"),
+	"regular-table:nl": () => import("./regular-table-options.nl-Dco7Br5G.js"),
+	"route-map:de": () => import("./route-map-options.de-C8gPppGo.js"),
+	"route-map:en": () => import("./route-map-options.en-Bqo2qPTY.js"),
+	"route-map:es": () => import("./route-map-options.es-Bk1nyazp.js"),
+	"route-map:fr": () => import("./route-map-options.fr-vq0ht9wS.js"),
+	"route-map:nl": () => import("./route-map-options.nl-CBhNlitV.js"),
+	"sankey-diagram:de": () => import("./sankey-diagram-options.de-CDt5-4Rb.js"),
+	"sankey-diagram:en": () => import("./sankey-diagram-options.en-65nfEWo_.js"),
+	"sankey-diagram:es": () => import("./sankey-diagram-options.es-JD4SHY3x.js"),
+	"sankey-diagram:fr": () => import("./sankey-diagram-options.fr-B7wQDggY.js"),
+	"sankey-diagram:nl": () => import("./sankey-diagram-options.nl-CHqVVjut.js"),
+	"scatter-plot:de": () => import("./scatter-plot-options.de-CNLrv6j3.js"),
+	"scatter-plot:en": () => import("./scatter-plot-options.en-DigMzpQy.js"),
+	"scatter-plot:es": () => import("./scatter-plot-options.es-CQm_VVqJ.js"),
+	"scatter-plot:fr": () => import("./scatter-plot-options.fr-s0M39VT4.js"),
+	"scatter-plot:nl": () => import("./scatter-plot-options.nl-CqpPIO03.js"),
+	"search-filter:de": () => import("./search-filter-options.de-BxVThclj.js"),
+	"search-filter:en": () => import("./search-filter-options.en-CVxOFFq-.js"),
+	"search-filter:es": () => import("./search-filter-options.es-YKtCfXeL.js"),
+	"search-filter:fr": () => import("./search-filter-options.fr-GGa8ofab.js"),
+	"search-filter:nl": () => import("./search-filter-options.nl-ysVe1z-i.js"),
+	"slicer-filter:de": () => import("./slicer-filter-options.de-Ck5STkcT.js"),
+	"slicer-filter:en": () => import("./slicer-filter-options.en-RaYV5qQy.js"),
+	"slicer-filter:es": () => import("./slicer-filter-options.es-C1LS6cqV.js"),
+	"slicer-filter:fr": () => import("./slicer-filter-options.fr-CYOej3j3.js"),
+	"slicer-filter:nl": () => import("./slicer-filter-options.nl-B9CyFXTX.js"),
+	"slider-filter:de": () => import("./slider-filter-options.de-CUPN4B_3.js"),
+	"slider-filter:en": () => import("./slider-filter-options.en-CqnlQHF8.js"),
+	"slider-filter:es": () => import("./slider-filter-options.es-CN-cg2rH.js"),
+	"slider-filter:fr": () => import("./slider-filter-options.fr-BxgSJRs4.js"),
+	"slider-filter:nl": () => import("./slider-filter-options.nl-Cd41AI1Z.js"),
+	"speedometer-chart:de": () => import("./speedometer-chart-options.de-9J5HFt8T.js"),
+	"speedometer-chart:en": () => import("./speedometer-chart-options.en-DSQsXJfa.js"),
+	"speedometer-chart:es": () => import("./speedometer-chart-options.es-BGphL673.js"),
+	"speedometer-chart:fr": () => import("./speedometer-chart-options.fr-Cj4C4th7.js"),
+	"speedometer-chart:nl": () => import("./speedometer-chart-options.nl-BKNd6tYT.js"),
+	"spike-map:de": () => import("./spike-map-options.de-J48HW0-l.js"),
+	"spike-map:en": () => import("./spike-map-options.en-Cic1NUan.js"),
+	"spike-map:es": () => import("./spike-map-options.es-DbCa45oc.js"),
+	"spike-map:fr": () => import("./spike-map-options.fr-LqDsPbpZ.js"),
+	"spike-map:nl": () => import("./spike-map-options.nl-CRaM6WoB.js"),
+	"strip-plot:de": () => import("./strip-plot-options.de-vzJck0Vn.js"),
+	"strip-plot:en": () => import("./strip-plot-options.en-Bdv_ZOrd.js"),
+	"strip-plot:es": () => import("./strip-plot-options.es-B91vttJc.js"),
+	"strip-plot:fr": () => import("./strip-plot-options.fr-DJQiJ_Zf.js"),
+	"strip-plot:nl": () => import("./strip-plot-options.nl-Dx7PVRrW.js"),
+	"sunburst-chart:de": () => import("./sunburst-chart-options.de-Cv5jxNjX.js"),
+	"sunburst-chart:en": () => import("./sunburst-chart-options.en-wsOVOyb6.js"),
+	"sunburst-chart:es": () => import("./sunburst-chart-options.es-Qhu6VcVi.js"),
+	"sunburst-chart:fr": () => import("./sunburst-chart-options.fr-GdCEoo8O.js"),
+	"sunburst-chart:nl": () => import("./sunburst-chart-options.nl-oTUKol5z.js"),
+	"symbol-map:de": () => import("./symbol-map-options.de-CAapWyZM.js"),
+	"symbol-map:en": () => import("./symbol-map-options.en-CaXeV5i_.js"),
+	"symbol-map:es": () => import("./symbol-map-options.es-Ccu0xWZb.js"),
+	"symbol-map:fr": () => import("./symbol-map-options.fr-B7F1XlQX.js"),
+	"symbol-map:nl": () => import("./symbol-map-options.nl-DkV83AGA.js"),
+	"text:de": () => import("./text-options.de-Rtef15Lz.js"),
+	"text:en": () => import("./text-options.en-YdJ2bVwv.js"),
+	"text:es": () => import("./text-options.es-Chd8-zuc.js"),
+	"text:fr": () => import("./text-options.fr-CWeBOXaW.js"),
+	"text:nl": () => import("./text-options.nl-CyY1z7nM.js"),
+	"treemap-chart:de": () => import("./treemap-chart-options.de-ByDBntoA.js"),
+	"treemap-chart:en": () => import("./treemap-chart-options.en-0-5g1Vjs.js"),
+	"treemap-chart:es": () => import("./treemap-chart-options.es-CDkb_3c3.js"),
+	"treemap-chart:fr": () => import("./treemap-chart-options.fr-rj0fjvUO.js"),
+	"treemap-chart:nl": () => import("./treemap-chart-options.nl-CQjDtoqG.js"),
+	"video:de": () => import("./video-options.de-CqDvojKb.js"),
+	"video:en": () => import("./video-options.en-DWsFJndr.js"),
+	"video:es": () => import("./video-options.es-C986CdLZ.js"),
+	"video:fr": () => import("./video-options.fr-CF8lEOzZ.js"),
+	"video:nl": () => import("./video-options.nl-DnHgROBb.js"),
+	"wordcloud-chart:de": () => import("./wordcloud-chart-options.de-0T6RwBxn.js"),
+	"wordcloud-chart:en": () => import("./wordcloud-chart-options.en-xMN7HxWU.js"),
+	"wordcloud-chart:es": () => import("./wordcloud-chart-options.es-DPccPG_x.js"),
+	"wordcloud-chart:fr": () => import("./wordcloud-chart-options.fr-D6DKbL9I.js"),
+	"wordcloud-chart:nl": () => import("./wordcloud-chart-options.nl-CBKMvA4E.js")
+}, g = async (e) => {
+	try {
+		let t = m[e];
+		return t ? (await t())?.default ?? null : null;
+	} catch {
+		return null;
+	}
+}, _ = async (e, t) => {
+	try {
+		let n = h[`${e}:${t}`];
+		if (!n) return null;
+		let r = await n();
+		if (!r?.default) return null;
+		let [{ getAxisTranslations: i }, { getInfoTooltipTranslations: a }, { getInteractivityTranslations: o }] = await Promise.all([
+			import("./axis-options.i18n-BOGRmWjp.js"),
+			import("./info-tooltip-options.i18n-CDx47Py-.js"),
+			import("./interactivity-options.i18n-UhOnnlBC.js")
+		]), s = [
+			i(t),
+			a(t),
+			o(t)
+		];
+		return {
+			...r.default,
+			groups: Object.assign({}, ...s.map((e) => e.groups), r.default.groups),
+			options: Object.assign({}, ...s.map((e) => e.options), r.default.options)
+		};
+	} catch {
+		return null;
+	}
+}, v = (e) => e ? g(e) : Promise.resolve(null), y = async (e, t, n = !1) => {
+	if (!e || !t) return null;
+	let r = await _(e, t);
+	return !r && n && t !== "en" && (r = await _(e, "en")), r ?? null;
+}, b = (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;
+}, x = ":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:visible}: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}", S = (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;
+}, C = (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
+	};
+}, w = (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];
+}, T = (e) => (t) => {
+	let n = { ...e.options };
+	return typeof e?.controlInfo?.toOptions == "function" ? n = e.controlInfo.toOptions({
+		options: n,
+		value: t?.detail?.value
+	}) : e.optionKey.includes(".") ? n = a(n, e.optionKey, t.detail.value) : n[e.optionKey] = t.detail.value, e.changeCallback(n);
+}, E = (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, a = w(e, e.optionKey), o = S(e), { extraLabel: s, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = C(e), f = T(e);
+	return c`
+    <luzmo-item-option-action-button-group
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .value=${a}
+      .values=${r}
+      .default=${o}
+      .selects=${e.controlInfo?.selects}
+      .size=${n}
+      .tooltip=${i}
+      .extraLabel=${s}
+      .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>
+  `;
+}, D = (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;
+}, O = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = w(e, e.optionKey), r = D(e), i = e.size, a = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = S(e), { extraLabel: s, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = C(e), f = T(e);
+	return c`
+    <luzmo-item-option-color-palette-picker
+      .value=${n ?? o}
+      .values=${r}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${i}
+      .tooltip=${a}
+      .extraLabel=${s}
+      .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>
+  `;
+}, k = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = w(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, a = S(e), { extraLabel: o, extraLabelTooltip: s, extraLabelHasClickAction: l, extraLabelClickAction: u } = C(e), d = T(e);
+	return c`
+    <luzmo-item-option-color-picker
+      .value=${n ?? a}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${o}
+      .extraLabelTooltip=${s}
+      .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>
+  `;
+}, A = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = w(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, a = S(e), o = typeof e?.controlInfo?.percentage == "function" ? e.controlInfo.percentage(e) : e.controlInfo.percentage, s = 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 } = C(e), y = T(e);
+	return c`
+    <luzmo-item-option-color-range
+      .value=${n ?? a}
+      .label=${t}
+      .size=${r}
+      .tooltip=${i}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .extraLabel=${h}
+      .extraLabelTooltip=${g}
+      .extraLabelHasClickAction=${_}
+      .debounce=${e.controlInfo?.debounce}
+      ?reverse=${s}
+      ?percentage=${o}
+      ?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>
+  `;
+}, j = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey, n = w(e, e.optionKey), r = S(e), i = D(e), a = Array.isArray(i) ? i : [], l = e.translations?.options?.[e.optionKey]?.enum ?? {}, u = e.theme?.editDarkOrLight === "dark-edit" ? o : s, { extraLabel: d, extraLabelTooltip: f, extraLabelHasClickAction: p, extraLabelClickAction: m } = C(e), h = T(e);
+	return c`
+    <luzmo-item-option-guidelines
+      hide-label
+      .label=${t}
+      .value=${n ?? r}
+      .lineTypes=${a}
+      .lineTypeLabels=${l}
+      .defaultColor=${u}
+      .size=${e.size}
+      .language=${e.language}
+      .extraLabel=${d}
+      .extraLabelTooltip=${f}
+      .extraLabelHasClickAction=${p}
+      .debounce=${e.controlInfo?.debounce ?? 200}
+      @luzmo-extra-label-click=${() => {
+		let t = m();
+		if (t && typeof t == "object" && "options" in t) return e.changeCallback(t.options);
+	}}
+      @luzmo-option-changed=${h}
+    ></luzmo-item-option-guidelines>
+  `;
+}, M = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = w(e, e.optionKey) ?? {}, r = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, i = e.language ?? "en", a = { [i]: e.translations?.options?.[e.optionKey]?.placeholder ?? e.controlInfo?.placeholder ?? "" }, o = e.size, s = S(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: p } = C(e), m = T(e);
+	return c`
+    <luzmo-item-option-multi-language-field
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .placeholder=${a}
+      .value=${n ?? s}
+      language=${f(i)}
+      .size=${o}
+      .tooltip=${r}
+      .extraLabel=${l}
+      .extraLabelTooltip=${u}
+      .extraLabelHasClickAction=${d}
+      @luzmo-extra-label-click=${p}
+      @luzmo-option-changed=${m}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-multi-language-field>
+  `;
+}, N = (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, a = w(e, e.optionKey), o = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, s = S(e), l = e.size, { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = C(e), m = T(e);
+	return c`
+    <luzmo-item-option-number-field
+      .value=${a}
+      .default=${s}
+      .min=${n}
+      .max=${r}
+      .step=${i}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${l}
+      .tooltip=${o}
+      .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>
+  `;
+}, P = (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;
+}, F = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = w(e, e.optionKey), r = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, i = e.translations?.options?.[e.optionKey]?.enum, a = P(e.controlInfo?.enum, i), o = e.size, s = S(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = C(e), p = T(e);
+	return c`
+    <luzmo-item-option-picker
+      .value=${n}
+      .default=${s}
+      .values=${a}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${r}
+      .size=${o}
+      .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>
+  `;
+}, I = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label, n = e.controlInfo?.enum ?? e.controlInfo?.positions, r = e.size, i = w(e, e.optionKey), a = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, o = S(e) ?? "topRight", { extraLabel: s, extraLabelTooltip: l, extraLabelHasClickAction: u, extraLabelClickAction: d } = C(e), f = T(e);
+	return c`
+    <luzmo-item-option-position-picker
+      .value=${i}
+      .positions=${n}
+      .default=${o}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${a}
+      .size=${r}
+      .extraLabel=${s}
+      .extraLabelTooltip=${l}
+      .extraLabelHasClickAction=${u}
+      @luzmo-extra-label-click=${d}
+      @luzmo-option-changed=${f}
+      .readonly=${e.controlInfo?.readonly}
+    ></luzmo-item-option-position-picker>
+  `;
+}, L = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label, n = w(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, a = S(e), { extraLabel: o, extraLabelTooltip: s, extraLabelHasClickAction: l, extraLabelClickAction: u } = C(e), d = T(e);
+	return c`
+    <luzmo-item-option-positions-number-field
+      .values=${n ?? a}
+      .positions=${e.controlInfo?.positions}
+      .positionConfiguration=${e.controlInfo?.positionConfiguration}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${o}
+      .extraLabelTooltip=${s}
+      .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>
+  `;
+}, R = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = w(e, e.optionKey), r = S(e), i = e.translations?.options?.[e.optionKey]?.enum, a = P(e.controlInfo?.enum, i), o = e.size, s = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = C(e), p = T(e);
+	return c`
+    <luzmo-item-option-radio-button-group
+      .value=${n ?? r}
+      .values=${a}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .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-radio-button-group>
+  `;
+}, z = (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, a = e.controlInfo?.step, o = w(e, e.optionKey), s = e.size, l = S(e), { extraLabel: u, extraLabelTooltip: d, extraLabelHasClickAction: f, extraLabelClickAction: p } = C(e), m = T(e);
+	return c`
+    <luzmo-item-option-slider
+      .value=${o}
+      .default=${l}
+      .min=${r}
+      .max=${i}
+      .step=${a}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .tooltip=${n}
+      .size=${s}
+      .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>
+  `;
+}, B = (e) => {
+	let t = e.translations?.options?.[e.optionKey]?.label ?? e.controlInfo?.label ?? e.optionKey ?? "", n = w(e, e.optionKey), r = e.size, i = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, a = S(e), { extraLabel: o, extraLabelTooltip: s, extraLabelHasClickAction: l, extraLabelClickAction: u } = C(e), d = T(e);
+	return c`
+    <luzmo-item-option-switch
+      .value=${n ?? a ?? !1}
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .size=${r}
+      .tooltip=${i}
+      .extraLabel=${o}
+      .extraLabelTooltip=${s}
+      .extraLabelHasClickAction=${l}
+      @luzmo-extra-label-click=${u}
+      @luzmo-option-changed=${d}
+      .parseValue=${e.controlInfo?.parseValue}
+      .toValue=${e.controlInfo?.toValue}
+    ></luzmo-item-option-switch>
+  `;
+}, V = (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 = w(e, e.optionKey) ?? "", a = e.size, o = e.translations?.options?.[e.optionKey]?.tooltip ?? e.controlInfo?.tooltip, s = S(e), { extraLabel: l, extraLabelTooltip: u, extraLabelHasClickAction: d, extraLabelClickAction: f } = C(e), p = T(e);
+	return c`
+    <luzmo-item-option-text-field
+      .label=${t}
+      ?hide-label=${e.controlInfo?.hideLabel}
+      .placeholder=${r[n]}
+      .value=${i ?? s}
+      .size=${a}
+      .tooltip=${o}
+      .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>
+  `;
+}, H = (e) => {
+	switch (e.controlType) {
+		case "picker": return F(e);
+		case "slider": return z(e);
+		case "switch": return B(e);
+		case "multi-language-field": return M(e);
+		case "text-field": return V(e);
+		case "number-field": return N(e);
+		case "color-range": return A(e);
+		case "guidelines": return j(e);
+		case "color-palette-picker": return O(e);
+		case "position-picker": return I(e);
+		case "positions-number-field": return L(e);
+		case "radio-button-group": return R(e);
+		case "color-picker": return k(e);
+		case "action-button-group": return E(e);
+	}
+}, U = class extends e {
+	constructor(...e) {
+		super(...e), this._loadItemConfig = new p(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 v(e) ?? [], this._itemTypeLoaded = e), r) {
+						let t = a ?? "en";
+						this._translations = await y(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 = b(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-guidelines/index.ts": () => import("./item-option-guidelines/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 = l(x);
+	}
+	render() {
+		return this._loadItemConfig.render({
+			pending: () => c`
+          <p role="status">Loading...</p>
+        `,
+			complete: (e) => H({
+				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), c`
+          <span class="sr-only" role="alert">${d("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 = /* @__PURE__ */ 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([u({
+	type: String,
+	reflect: !0
+})], U.prototype, "language", void 0), t([u({
+	type: String,
+	reflect: !0,
+	attribute: "item-type"
+})], U.prototype, "itemType", void 0), t([u({
+	type: String,
+	reflect: !0,
+	attribute: "option-key"
+})], U.prototype, "optionKey", void 0), t([u({
+	type: Object,
+	reflect: !1
+})], U.prototype, "customOptionConfiguration", void 0), t([u({
+	type: Object,
+	reflect: !1
+})], U.prototype, "customTranslations", void 0), t([u({ type: Object })], U.prototype, "options", void 0), t([u({ type: Object })], U.prototype, "slots", void 0), t([u({ type: Object })], U.prototype, "theme", void 0), t([u({
+	type: String,
+	attribute: "api-url",
+	reflect: !0
+})], U.prototype, "apiUrl", void 0), t([u({
+	type: String,
+	attribute: "auth-key",
+	reflect: !0
+})], U.prototype, "authKey", void 0), t([u({
+	type: String,
+	attribute: "auth-token",
+	reflect: !0
+})], U.prototype, "authToken", void 0), t([u({
+	type: String,
+	reflect: !0
+})], U.prototype, "size", void 0), customElements.get("luzmo-item-option") || customElements.define("luzmo-item-option", U);
+//#endregion
+export { y as i, b as n, v as r, U as t };