@luzmo/analytics-components-kit 1.0.1-alpha.99 → 1.0.1-beta.1

package/components/item-option-uJ33uw2_.js

@@ -0,0 +1,962 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { i as LuzmoElement } from "./base-rg2x95aL.js";
+import { t as __decorate } from "./decorate-Da6S_xrw.js";
+import { t as dataBroker } from "./data-broker-cLR-t5LM.js";
+import { n as systemThemeIds, t as getTheme } from "./themes-DGjjIvSN.js";
+import { html, unsafeCSS } from "lit";
+import { property } from "lit/decorators.js";
+import { msg } from "@lit/localize";
+import { Task } from "@lit/task";
+import { ifDefined } from "lit/directives/if-defined.js";
+var r$1 = {
+	"area-chart": () => import("./area-chart-options.config-CYaUG5n4.js"),
+	"bar-chart": () => import("./bar-chart-options.config-Cf7uSvzO.js"),
+	"box-plot": () => import("./box-plot-options.config-CIQnzi0m.js"),
+	"bubble-chart": () => import("./bubble-chart-options.config-C_IQPjB8.js"),
+	"bullet-chart": () => import("./bullet-chart-options.config-Dl9Kz1YI.js"),
+	"choropleth-map": () => import("./choropleth-map-options.config-CCFUqsXA.js"),
+	"circle-pack-chart": () => import("./circle-pack-chart-options.config-Coo_G3ga.js"),
+	"circular-gauge": () => import("./circular-gauge-options.config-BEHUdC_m.js"),
+	"column-chart": () => import("./column-chart-options.config-rhVcfHyY.js"),
+	"combination-chart": () => import("./combination-chart-options.config-DY_bWV13.js"),
+	"conditional-number": () => import("./conditional-number-options.config-BGuxSc46.js"),
+	"date-comparison-filter": () => import("./date-comparison-filter-options.config-BSrqqG1m.js"),
+	"date-filter": () => import("./date-filter-options.config-nSd63veo.js"),
+	"donut-chart": () => import("./donut-chart-options.config-CsmyDmah.js"),
+	"dropdown-filter": () => import("./dropdown-filter-options.config-CxvSptTF.js"),
+	"evolution-number": () => import("./evolution-number-options.config-BUw-oL7a.js"),
+	"funnel-chart": () => import("./funnel-chart-options.config-CcITIxuH.js"),
+	"heat-map": () => import("./heat-map-options.config-BjTJcoJH.js"),
+	"heat-table": () => import("./heat-table-options.config-CFJQS5uq.js"),
+	"hexbin-map": () => import("./hexbin-map-options.config-D2vSUNdW.js"),
+	image: () => import("./image-options.config-BthoSF3b.js"),
+	"line-chart": () => import("./line-chart-options.config-D-Etkx01.js"),
+	"marker-map": () => import("./marker-map-options.config-BzxwSj61.js"),
+	"ohlc-chart": () => import("./ohlc-chart-options.config-CGF7HYMi.js"),
+	"parallel-coordinates-plot": () => import("./parallel-coordinates-plot-options.config-DRfzEbke.js"),
+	"pivot-table": () => import("./pivot-table-options.config-DOiTmAN_.js"),
+	"pyramid-chart": () => import("./pyramid-chart-options.config-DnP5O3MH.js"),
+	"radar-chart": () => import("./radar-chart-options.config-Ce2DaICm.js"),
+	"regular-table": () => import("./regular-table-options.config-8qD51SbN.js"),
+	"route-map": () => import("./route-map-options.config-qFATXqVH.js"),
+	"sankey-diagram": () => import("./sankey-diagram-options.config-BhcnqRmc.js"),
+	"scatter-plot": () => import("./scatter-plot-options.config-DeyAyH7l.js"),
+	"search-filter": () => import("./search-filter-options.config-D9GW-RZ-.js"),
+	"slicer-filter": () => import("./slicer-filter-options.config-B__s4mIK.js"),
+	"slider-filter": () => import("./slider-filter-options.config-BCLdJZi6.js"),
+	spacer: () => import("./spacer-options.config-CtuHEDtb.js"),
+	"speedometer-chart": () => import("./speedometer-chart-options.config-yDU5uMdc.js"),
+	"spike-map": () => import("./spike-map-options.config-BuPH97u5.js"),
+	"strip-plot": () => import("./strip-plot-options.config-0ifYqAQo.js"),
+	"sunburst-chart": () => import("./sunburst-chart-options.config-BqAQ_TdF.js"),
+	"symbol-map": () => import("./symbol-map-options.config-CqLRqqx4.js"),
+	text: () => import("./text-options.config-DVgJ384D.js"),
+	"treemap-chart": () => import("./treemap-chart-options.config-BxMozqCA.js"),
+	"venn-diagram": () => import("./venn-diagram-options.config-Bk6qlLQs.js"),
+	video: () => import("./video-options.config-CQvCsfUR.js"),
+	"wordcloud-chart": () => import("./wordcloud-chart-options.config-sx1FPsqw.js")
+}, r = {
+	"area-chart:de": () => import("./area-chart-options.de-B2X9EW6t.js"),
+	"area-chart:en": () => import("./area-chart-options.en-DdMmuUda.js"),
+	"area-chart:es": () => import("./area-chart-options.es-CNsCg-F5.js"),
+	"area-chart:fr": () => import("./area-chart-options.fr-CLJXmywl.js"),
+	"area-chart:nl": () => import("./area-chart-options.nl-vpXh0GUm.js"),
+	"bar-chart:de": () => import("./bar-chart-options.de-Cz_OOH17.js"),
+	"bar-chart:en": () => import("./bar-chart-options.en-VJAkQpiQ.js"),
+	"bar-chart:es": () => import("./bar-chart-options.es-5q1-OHQH.js"),
+	"bar-chart:fr": () => import("./bar-chart-options.fr-D6pZMftl.js"),
+	"bar-chart:nl": () => import("./bar-chart-options.nl-DqOzdnwm.js"),
+	"box-plot:de": () => import("./box-plot-options.de-Pcws8Htk.js"),
+	"box-plot:en": () => import("./box-plot-options.en-C_kqWvYm.js"),
+	"box-plot:es": () => import("./box-plot-options.es-BW7yCCiw.js"),
+	"box-plot:fr": () => import("./box-plot-options.fr-ndQwdMt3.js"),
+	"box-plot:nl": () => import("./box-plot-options.nl-D8g47giP.js"),
+	"bubble-chart:de": () => import("./bubble-chart-options.de-C0Bq6Jta.js"),
+	"bubble-chart:en": () => import("./bubble-chart-options.en-DzNFzxae.js"),
+	"bubble-chart:es": () => import("./bubble-chart-options.es-B306u1JO.js"),
+	"bubble-chart:fr": () => import("./bubble-chart-options.fr-ByJbTey0.js"),
+	"bubble-chart:nl": () => import("./bubble-chart-options.nl-C0QPseuY.js"),
+	"bullet-chart:de": () => import("./bullet-chart-options.de-hxgTQ3tQ.js"),
+	"bullet-chart:en": () => import("./bullet-chart-options.en-Bfj8rehN.js"),
+	"bullet-chart:es": () => import("./bullet-chart-options.es-CRwqoWFD.js"),
+	"bullet-chart:fr": () => import("./bullet-chart-options.fr-CiXnFZ3O.js"),
+	"bullet-chart:nl": () => import("./bullet-chart-options.nl-rKHO6VxR.js"),
+	"choropleth-map:de": () => import("./choropleth-map-options.de-DVg7D5qv.js"),
+	"choropleth-map:en": () => import("./choropleth-map-options.en-DD7A777K.js"),
+	"choropleth-map:es": () => import("./choropleth-map-options.es-DaZQOGsb.js"),
+	"choropleth-map:fr": () => import("./choropleth-map-options.fr-CwD0we0b.js"),
+	"choropleth-map:nl": () => import("./choropleth-map-options.nl-Dp6vpo9i.js"),
+	"circle-pack-chart:de": () => import("./circle-pack-chart-options.de-DBHZtBmX.js"),
+	"circle-pack-chart:en": () => import("./circle-pack-chart-options.en-C1M5P2-l.js"),
+	"circle-pack-chart:es": () => import("./circle-pack-chart-options.es-wBr4vJbt.js"),
+	"circle-pack-chart:fr": () => import("./circle-pack-chart-options.fr-BR7x280a.js"),
+	"circle-pack-chart:nl": () => import("./circle-pack-chart-options.nl-DhvEq6ea.js"),
+	"circular-gauge:de": () => import("./circular-gauge-options.de-Bl6t8Vtu.js"),
+	"circular-gauge:en": () => import("./circular-gauge-options.en-D6t4kjzW.js"),
+	"circular-gauge:es": () => import("./circular-gauge-options.es-HNVLVocG.js"),
+	"circular-gauge:fr": () => import("./circular-gauge-options.fr-BCBCfNc6.js"),
+	"circular-gauge:nl": () => import("./circular-gauge-options.nl-ABjx-HBx.js"),
+	"column-chart:de": () => import("./column-chart-options.de-B0Op0vwQ.js"),
+	"column-chart:en": () => import("./column-chart-options.en-Yh0aO7kR.js"),
+	"column-chart:es": () => import("./column-chart-options.es-ZchO-V0p.js"),
+	"column-chart:fr": () => import("./column-chart-options.fr-BmDAZnhI.js"),
+	"column-chart:nl": () => import("./column-chart-options.nl-BdwgQ_uM.js"),
+	"combination-chart:de": () => import("./combination-chart-options.de-DLiVvpnI.js"),
+	"combination-chart:en": () => import("./combination-chart-options.en-yQ-wL85s.js"),
+	"combination-chart:es": () => import("./combination-chart-options.es-BtvCEpkY.js"),
+	"combination-chart:fr": () => import("./combination-chart-options.fr-C9Z5RCv8.js"),
+	"combination-chart:nl": () => import("./combination-chart-options.nl-9FAIlZmH.js"),
+	"conditional-number:de": () => import("./conditional-number-options.de-Bi9rmvNj.js"),
+	"conditional-number:en": () => import("./conditional-number-options.en-Czlvz1gP.js"),
+	"conditional-number:es": () => import("./conditional-number-options.es-CQqNn9j9.js"),
+	"conditional-number:fr": () => import("./conditional-number-options.fr-BFGFXKpA.js"),
+	"conditional-number:nl": () => import("./conditional-number-options.nl-DNiwVyVg.js"),
+	"date-comparison-filter:de": () => import("./date-comparison-filter-options.de-CQb499rf.js"),
+	"date-comparison-filter:en": () => import("./date-comparison-filter-options.en-0AvsiNAV.js"),
+	"date-comparison-filter:es": () => import("./date-comparison-filter-options.es-BZtYLF4i.js"),
+	"date-comparison-filter:fr": () => import("./date-comparison-filter-options.fr-DalJs_B3.js"),
+	"date-comparison-filter:nl": () => import("./date-comparison-filter-options.nl-BKHa_cRZ.js"),
+	"date-filter:de": () => import("./date-filter-options.de-C00bqObl.js"),
+	"date-filter:en": () => import("./date-filter-options.en-B8nSu938.js"),
+	"date-filter:es": () => import("./date-filter-options.es-CsarnUzk.js"),
+	"date-filter:fr": () => import("./date-filter-options.fr-DeCtetL4.js"),
+	"date-filter:nl": () => import("./date-filter-options.nl-DHbegwli.js"),
+	"donut-chart:de": () => import("./donut-chart-options.de-DSnc-ylu.js"),
+	"donut-chart:en": () => import("./donut-chart-options.en-DFtpvbn-.js"),
+	"donut-chart:es": () => import("./donut-chart-options.es-CSw1YDfM.js"),
+	"donut-chart:fr": () => import("./donut-chart-options.fr-C27NIRdc.js"),
+	"donut-chart:nl": () => import("./donut-chart-options.nl-CEHVe1rp.js"),
+	"dropdown-filter:de": () => import("./dropdown-filter-options.de-DwvrbGvS.js"),
+	"dropdown-filter:en": () => import("./dropdown-filter-options.en-Ba3Xc4s0.js"),
+	"dropdown-filter:es": () => import("./dropdown-filter-options.es-D2qrEJB0.js"),
+	"dropdown-filter:fr": () => import("./dropdown-filter-options.fr-l-6TXrUj.js"),
+	"dropdown-filter:nl": () => import("./dropdown-filter-options.nl-C1kp_1xz.js"),
+	"evolution-number:de": () => import("./evolution-number-options.de-DsitlPsQ.js"),
+	"evolution-number:en": () => import("./evolution-number-options.en-Xmh8VMwe.js"),
+	"evolution-number:es": () => import("./evolution-number-options.es-D6QD0dIR.js"),
+	"evolution-number:fr": () => import("./evolution-number-options.fr-Dw7Q83QZ.js"),
+	"evolution-number:nl": () => import("./evolution-number-options.nl-DNu9r1Uh.js"),
+	"funnel-chart:de": () => import("./funnel-chart-options.de-mCQwNGrQ.js"),
+	"funnel-chart:en": () => import("./funnel-chart-options.en-C09HpdId.js"),
+	"funnel-chart:es": () => import("./funnel-chart-options.es-DHQbhH_J.js"),
+	"funnel-chart:fr": () => import("./funnel-chart-options.fr-cVNkrHrb.js"),
+	"funnel-chart:nl": () => import("./funnel-chart-options.nl-RkJx1ntj.js"),
+	"heat-map:de": () => import("./heat-map-options.de-BWhDL3Rc.js"),
+	"heat-map:en": () => import("./heat-map-options.en-B_NXLKRi.js"),
+	"heat-map:es": () => import("./heat-map-options.es-DSC9u8FE.js"),
+	"heat-map:fr": () => import("./heat-map-options.fr-oW1DDU6T.js"),
+	"heat-map:nl": () => import("./heat-map-options.nl-Dr0DJ1a9.js"),
+	"heat-table:de": () => import("./heat-table-options.de-DwaeFZk_.js"),
+	"heat-table:en": () => import("./heat-table-options.en-Cg4TyzvG.js"),
+	"heat-table:es": () => import("./heat-table-options.es-D9-hQbIr.js"),
+	"heat-table:fr": () => import("./heat-table-options.fr-j6JIZHwq.js"),
+	"heat-table:nl": () => import("./heat-table-options.nl-DIp7MLlD.js"),
+	"hexbin-map:de": () => import("./hexbin-map-options.de-XfOpXsgG.js"),
+	"hexbin-map:en": () => import("./hexbin-map-options.en-Cn1BMSdP.js"),
+	"hexbin-map:es": () => import("./hexbin-map-options.es-VvPQXYl_.js"),
+	"hexbin-map:fr": () => import("./hexbin-map-options.fr-DsAPvhFK.js"),
+	"hexbin-map:nl": () => import("./hexbin-map-options.nl-TTDx7w0F.js"),
+	"image:de": () => import("./image-options.de-o3rFcCX6.js"),
+	"image:en": () => import("./image-options.en-BfotlJD4.js"),
+	"image:es": () => import("./image-options.es-C1bR88In.js"),
+	"image:fr": () => import("./image-options.fr-DvuM-Nvg.js"),
+	"image:nl": () => import("./image-options.nl-D9PU5ose.js"),
+	"line-chart:de": () => import("./line-chart-options.de-DxkNLL40.js"),
+	"line-chart:en": () => import("./line-chart-options.en-BzKL6qlN.js"),
+	"line-chart:es": () => import("./line-chart-options.es-C0sUUaiD.js"),
+	"line-chart:fr": () => import("./line-chart-options.fr-DgWceVab.js"),
+	"line-chart:nl": () => import("./line-chart-options.nl-Bnm9s9Wz.js"),
+	"marker-map:de": () => import("./marker-map-options.de-CcW1ATcS.js"),
+	"marker-map:en": () => import("./marker-map-options.en-DX3jFHm2.js"),
+	"marker-map:es": () => import("./marker-map-options.es-Biq3gn29.js"),
+	"marker-map:fr": () => import("./marker-map-options.fr-CDC79xGH.js"),
+	"marker-map:nl": () => import("./marker-map-options.nl-B4y6W2ts.js"),
+	"ohlc-chart:de": () => import("./ohlc-chart-options.de-CO8zgbTl.js"),
+	"ohlc-chart:en": () => import("./ohlc-chart-options.en-W517Yriv.js"),
+	"ohlc-chart:es": () => import("./ohlc-chart-options.es-l3A7gc6J.js"),
+	"ohlc-chart:fr": () => import("./ohlc-chart-options.fr-DgcNBfou.js"),
+	"ohlc-chart:nl": () => import("./ohlc-chart-options.nl-I3JIx5N_.js"),
+	"parallel-coordinates-plot:de": () => import("./parallel-coordinates-plot-options.de-CYmxQH3T.js"),
+	"parallel-coordinates-plot:en": () => import("./parallel-coordinates-plot-options.en-C5S98cWS.js"),
+	"parallel-coordinates-plot:es": () => import("./parallel-coordinates-plot-options.es-BcYtww6R.js"),
+	"parallel-coordinates-plot:fr": () => import("./parallel-coordinates-plot-options.fr-D3PpA0os.js"),
+	"parallel-coordinates-plot:nl": () => import("./parallel-coordinates-plot-options.nl-P48jxvEs.js"),
+	"pivot-table:de": () => import("./pivot-table-options.de-Iyh97wrP.js"),
+	"pivot-table:en": () => import("./pivot-table-options.en-CcdbmgVx.js"),
+	"pivot-table:es": () => import("./pivot-table-options.es-CzaZwwcO.js"),
+	"pivot-table:fr": () => import("./pivot-table-options.fr-vyY7VZZh.js"),
+	"pivot-table:nl": () => import("./pivot-table-options.nl-B7e8GON4.js"),
+	"pyramid-chart:de": () => import("./pyramid-chart-options.de-BJ20AR8v.js"),
+	"pyramid-chart:en": () => import("./pyramid-chart-options.en-hnlQoi2n.js"),
+	"pyramid-chart:es": () => import("./pyramid-chart-options.es-AFcQ3y8v.js"),
+	"pyramid-chart:fr": () => import("./pyramid-chart-options.fr-dT_bHV7R.js"),
+	"pyramid-chart:nl": () => import("./pyramid-chart-options.nl-CrzgQwxU.js"),
+	"radar-chart:de": () => import("./radar-chart-options.de-BJNYwSU9.js"),
+	"radar-chart:en": () => import("./radar-chart-options.en--kOe8g-X.js"),
+	"radar-chart:es": () => import("./radar-chart-options.es-BLbMc8cQ.js"),
+	"radar-chart:fr": () => import("./radar-chart-options.fr-CK5qgOZr.js"),
+	"radar-chart:nl": () => import("./radar-chart-options.nl-Cwh5ib8F.js"),
+	"regular-table:de": () => import("./regular-table-options.de-Dn5Ww0P5.js"),
+	"regular-table:en": () => import("./regular-table-options.en-BQoRdbgi.js"),
+	"regular-table:es": () => import("./regular-table-options.es-CKAUeWpk.js"),
+	"regular-table:fr": () => import("./regular-table-options.fr-DfupsEMT.js"),
+	"regular-table:nl": () => import("./regular-table-options.nl-CZpBFGZm.js"),
+	"route-map:de": () => import("./route-map-options.de-DtphMRWw.js"),
+	"route-map:en": () => import("./route-map-options.en-Cdd7ovK3.js"),
+	"route-map:es": () => import("./route-map-options.es-Ckiq2-SN.js"),
+	"route-map:fr": () => import("./route-map-options.fr-Be3oKjDd.js"),
+	"route-map:nl": () => import("./route-map-options.nl-PSjdbIWG.js"),
+	"sankey-diagram:de": () => import("./sankey-diagram-options.de-DfXTJ-I1.js"),
+	"sankey-diagram:en": () => import("./sankey-diagram-options.en-DYW2TJiY.js"),
+	"sankey-diagram:es": () => import("./sankey-diagram-options.es-D1qtZuOm.js"),
+	"sankey-diagram:fr": () => import("./sankey-diagram-options.fr-CLqEXn0-.js"),
+	"sankey-diagram:nl": () => import("./sankey-diagram-options.nl-OWm48tC4.js"),
+	"scatter-plot:de": () => import("./scatter-plot-options.de-DfAfUgsx.js"),
+	"scatter-plot:en": () => import("./scatter-plot-options.en-_kvECw78.js"),
+	"scatter-plot:es": () => import("./scatter-plot-options.es-PLa-Ykn0.js"),
+	"scatter-plot:fr": () => import("./scatter-plot-options.fr-gZc7XqGE.js"),
+	"scatter-plot:nl": () => import("./scatter-plot-options.nl-CywDkI4T.js"),
+	"search-filter:de": () => import("./search-filter-options.de-DQmsVlIX.js"),
+	"search-filter:en": () => import("./search-filter-options.en-BW3-eu_1.js"),
+	"search-filter:es": () => import("./search-filter-options.es-CS-Pj_6X.js"),
+	"search-filter:fr": () => import("./search-filter-options.fr-DHrPRNL3.js"),
+	"search-filter:nl": () => import("./search-filter-options.nl-D4rtkh83.js"),
+	"slicer-filter:de": () => import("./slicer-filter-options.de-9ltxfa8k.js"),
+	"slicer-filter:en": () => import("./slicer-filter-options.en-DlvikARI.js"),
+	"slicer-filter:es": () => import("./slicer-filter-options.es-Bm3wSiYd.js"),
+	"slicer-filter:fr": () => import("./slicer-filter-options.fr-QWyeK2NL.js"),
+	"slicer-filter:nl": () => import("./slicer-filter-options.nl-KPDT1ahs.js"),
+	"slider-filter:de": () => import("./slider-filter-options.de-SPRKc85h.js"),
+	"slider-filter:en": () => import("./slider-filter-options.en-JMkjVGnU.js"),
+	"slider-filter:es": () => import("./slider-filter-options.es-B_7aCJa6.js"),
+	"slider-filter:fr": () => import("./slider-filter-options.fr-BkqPe3Oc.js"),
+	"slider-filter:nl": () => import("./slider-filter-options.nl-BlCRLcfG.js"),
+	"speedometer-chart:de": () => import("./speedometer-chart-options.de-Df-STBcN.js"),
+	"speedometer-chart:en": () => import("./speedometer-chart-options.en-BXWzUXFO.js"),
+	"speedometer-chart:es": () => import("./speedometer-chart-options.es-D3Ph-Rcx.js"),
+	"speedometer-chart:fr": () => import("./speedometer-chart-options.fr-DSWMfKpP.js"),
+	"speedometer-chart:nl": () => import("./speedometer-chart-options.nl-NHI-ac_S.js"),
+	"spike-map:de": () => import("./spike-map-options.de-CYzXosOv.js"),
+	"spike-map:en": () => import("./spike-map-options.en-CPwkTwCf.js"),
+	"spike-map:es": () => import("./spike-map-options.es-BtKB0RYI.js"),
+	"spike-map:fr": () => import("./spike-map-options.fr-CsPYmk6X.js"),
+	"spike-map:nl": () => import("./spike-map-options.nl-D3xhl1AL.js"),
+	"strip-plot:de": () => import("./strip-plot-options.de-CznXLMmP.js"),
+	"strip-plot:en": () => import("./strip-plot-options.en-D1hlL9xn.js"),
+	"strip-plot:es": () => import("./strip-plot-options.es-DqOD3-9y.js"),
+	"strip-plot:fr": () => import("./strip-plot-options.fr-DJpU8D22.js"),
+	"strip-plot:nl": () => import("./strip-plot-options.nl-CgYj8MRW.js"),
+	"sunburst-chart:de": () => import("./sunburst-chart-options.de-Wh9wGDoy.js"),
+	"sunburst-chart:en": () => import("./sunburst-chart-options.en-CuEjCKZf.js"),
+	"sunburst-chart:es": () => import("./sunburst-chart-options.es-C0JZtuNM.js"),
+	"sunburst-chart:fr": () => import("./sunburst-chart-options.fr-BxDRF5q9.js"),
+	"sunburst-chart:nl": () => import("./sunburst-chart-options.nl-CeqIu17N.js"),
+	"symbol-map:de": () => import("./symbol-map-options.de-B-WtWu2H.js"),
+	"symbol-map:en": () => import("./symbol-map-options.en-Cg_XG8EK.js"),
+	"symbol-map:es": () => import("./symbol-map-options.es-DsMamlwV.js"),
+	"symbol-map:fr": () => import("./symbol-map-options.fr-C2dliwc7.js"),
+	"symbol-map:nl": () => import("./symbol-map-options.nl-DvL19fL-.js"),
+	"text:de": () => import("./text-options.de-B85BSnr3.js"),
+	"text:en": () => import("./text-options.en-D9akV2DO.js"),
+	"text:es": () => import("./text-options.es-CBOjuaIu.js"),
+	"text:fr": () => import("./text-options.fr-rlX0P1Cr.js"),
+	"text:nl": () => import("./text-options.nl-epL5NErl.js"),
+	"treemap-chart:de": () => import("./treemap-chart-options.de-BGyjb84d.js"),
+	"treemap-chart:en": () => import("./treemap-chart-options.en-CQPWiBkJ.js"),
+	"treemap-chart:es": () => import("./treemap-chart-options.es-_CoOIWaB.js"),
+	"treemap-chart:fr": () => import("./treemap-chart-options.fr-B-2BvtfZ.js"),
+	"treemap-chart:nl": () => import("./treemap-chart-options.nl-BPr2SP0y.js"),
+	"video:de": () => import("./video-options.de-DQGaj9I0.js"),
+	"video:en": () => import("./video-options.en-Bw-NmcDX.js"),
+	"video:es": () => import("./video-options.es-lG5luzd5.js"),
+	"video:fr": () => import("./video-options.fr-CqAj6DNP.js"),
+	"video:nl": () => import("./video-options.nl-kYi5F6Dh.js"),
+	"wordcloud-chart:de": () => import("./wordcloud-chart-options.de-CwMhGAou.js"),
+	"wordcloud-chart:en": () => import("./wordcloud-chart-options.en-B0dCi7xP.js"),
+	"wordcloud-chart:es": () => import("./wordcloud-chart-options.es--F5xTmjw.js"),
+	"wordcloud-chart:fr": () => import("./wordcloud-chart-options.fr-DuI8P_tq.js"),
+	"wordcloud-chart:nl": () => import("./wordcloud-chart-options.nl-C3-yZ6fA.js")
+}, d$1 = async (n) => {
+	try {
+		let k = r$1[n];
+		return k ? (await k())?.default ?? null : null;
+	} catch {
+		return null;
+	}
+}, c = async (n, k) => {
+	try {
+		let A = r[`${n}:${k}`];
+		return A ? (await A())?.default ?? null : null;
+	} catch {
+		return null;
+	}
+}, p = (n, k, A) => {
+	let j = { ...n }, M = n.key;
+	if (!M) return j;
+	let N = A?.[M] ?? k.options?.[M];
+	if (j.control && N && (N.label && (j.control = {
+		...j.control,
+		label: N.label
+	}), N.description && typeof j.control.description != "function" && (j.control = {
+		...j.control,
+		description: N.description
+	}), N.placeholder && typeof j.control.placeholder != "function" && (j.control = {
+		...j.control,
+		placeholder: N.placeholder
+	}), N.tooltip && typeof j.control.tooltip != "function" && (j.control = {
+		...j.control,
+		tooltip: N.tooltip
+	}), N.extraLabel !== void 0 && typeof j.control.extraLabel != "function" && (j.control = {
+		...j.control,
+		extraLabel: N.extraLabel
+	}), N.extraLabelTooltip !== void 0 && typeof j.control.extraLabelTooltip != "function" && (j.control = {
+		...j.control,
+		extraLabelTooltip: N.extraLabelTooltip
+	})), j.control?.enum && N?.enum) {
+		let n = { ...j.control.enum };
+		if (Array.isArray(j.control.enum)) {
+			let n = {};
+			for (let k of j.control.enum) n[k] = { label: N.enum[k] ?? k };
+			j.control = {
+				...j.control,
+				enum: n
+			};
+		} else if (typeof j.control.enum == "object") {
+			for (let [k, A] of Object.entries(N.enum)) n[k] = typeof n[k] == "object" ? {
+				...n[k],
+				label: A
+			} : { label: A };
+			j.control = {
+				...j.control,
+				enum: n
+			};
+		}
+	}
+	return j;
+}, s = (n, k, A) => n.map((n) => {
+	let j = { ...n };
+	if (n.type === "group" && n.key) {
+		let M = A?.[n.key] ?? k.groups?.[n.key];
+		M?.label && (j.label = M.label);
+	}
+	return n.control && (j.control = p(n, k, A).control), n.children && Array.isArray(n.children) && (j.children = s(n.children, k, A)), j;
+}), y = (n) => n ? d$1(n) : Promise.resolve(null), g = async (n, k, A = !1) => {
+	if (!n || !k) return null;
+	let j = await c(n, k);
+	return !j && A && k !== "en" && (j = await c(n, "en")), j ?? null;
+};
+const getControlByKey = (n, k, A) => {
+	let j = (k) => {
+		for (let M of k ?? []) {
+			if (M.key === n) return A ? M : M.control;
+			if (M.children) {
+				let n = j(M.children);
+				if (n) return n;
+			}
+		}
+		return null;
+	};
+	if (k && Array.isArray(k)) for (let n of k) {
+		let k = j(n.children);
+		if (k) return k;
+	}
+	return null;
+};
+var item_option_module_default = ":host{font-family:var(--luzmo-item-option-font-family,var(--luzmo-font-family));font-size:var(--luzmo-item-option-font-size,var(--luzmo-font-size));display:block;overflow:hidden}:host([size=s]){font-size:var(--luzmo-item-option-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-font-size-xl,var(--luzmo-font-size-xl))}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}";
+const getDefaultValue = (n) => {
+	let k;
+	return typeof n?.controlInfo?.default == "function" ? k = n.controlInfo.default({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : n.controlInfo?.default !== void 0 && n.controlInfo?.default !== null && (k = n.controlInfo.default), k;
+}, getExtraLabelValues = (n) => {
+	let k;
+	if (typeof n.controlInfo?.extraLabel == "function" ? k = n.controlInfo.extraLabel({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : typeof n.controlInfo?.extraLabel == "string" && (k = n.controlInfo.extraLabel), typeof k == "string") {
+		let A = n.translations?.options?.[n.optionKey]?.extraLabel;
+		typeof A == "string" ? k = A : A && typeof A == "object" && (k = A[k] ?? k);
+	}
+	let A;
+	if (typeof n.controlInfo?.extraLabelTooltip == "function" ? A = n.controlInfo.extraLabelTooltip({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : typeof n.controlInfo?.extraLabelTooltip == "string" && (A = n.controlInfo.extraLabelTooltip), typeof A == "string") {
+		let k = n.translations?.options?.[n.optionKey]?.extraLabelTooltip;
+		typeof k == "string" ? A = k : k && typeof k == "object" && (A = k[A] ?? A);
+	}
+	let j;
+	typeof n.controlInfo?.extraLabelHasClickAction == "function" ? j = n.controlInfo.extraLabelHasClickAction({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : typeof n.controlInfo?.extraLabelHasClickAction == "boolean" && (j = n.controlInfo.extraLabelHasClickAction);
+	let M = typeof n.controlInfo?.extraLabelClickAction == "function" ? () => n.controlInfo.extraLabelClickAction({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : () => {};
+	return {
+		extraLabel: k,
+		extraLabelTooltip: A,
+		extraLabelHasClickAction: j,
+		extraLabelClickAction: M
+	};
+}, getValueByKey = (n, k) => {
+	let A = n?.options ?? {};
+	if (typeof n?.controlInfo?.calculateValue == "function") return n.controlInfo.calculateValue({ options: A });
+	if (k.includes(".")) {
+		let n = k.split("."), j = A;
+		for (let k = 0; k < n.length - 1; k++) j = j[n[k]] ?? {};
+		let M = n.length - 1;
+		return j[n[M]];
+	}
+	return A[k];
+}, generateCallback = (n) => (k) => {
+	let A = { ...n.options };
+	if (typeof n?.controlInfo?.toOptions == "function") A = n.controlInfo.toOptions({
+		options: A,
+		value: k?.detail?.value
+	});
+	else if (n.optionKey.includes(".")) {
+		let j = n.optionKey.split("."), M = A;
+		for (let n = 0; n < j.length - 1; n++) M[j[n]] = M[j[n]] ?? {}, M = M[j[n]];
+		let N = j.length - 1;
+		M[j[N]] = k.detail.value;
+	} else A[n.optionKey] = k.detail.value;
+	return n.changeCallback(A);
+}, actionButtonGroupMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = n.size, j = {};
+	Object.keys(n.controlInfo?.values).forEach((k) => {
+		j[k] = {
+			...n.controlInfo?.values[k],
+			label: n.translations?.options?.[n.optionKey]?.enum?.[k] ?? n.controlInfo?.values[k].label
+		};
+	});
+	let M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getValueByKey(n, n.optionKey), F = getDefaultValue(n), { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
+	return html`
+    <luzmo-item-option-action-button-group
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .value=${P}
+      .values=${j}
+      .default=${F}
+      .selects=${n.controlInfo?.selects}
+      .size=${A}
+      .tooltip=${M}
+      .extraLabel=${I}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${R}
+      @luzmo-extra-label-click=${z}
+      @luzmo-option-changed=${B}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-action-button-group>
+  `;
+}, getEnumValues = (n) => {
+	let k;
+	return typeof n?.controlInfo?.enum == "function" ? k = n.controlInfo.enum({
+		options: n.options,
+		slots: n.slots,
+		theme: n.theme
+	}) : n.controlInfo?.enum !== void 0 && n.controlInfo?.enum !== null && (k = n.controlInfo.enum), k;
+}, colorPalettePickerMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = getEnumValues(n), M = n.size, P = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, F = getDefaultValue(n), { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
+	return html`
+    <luzmo-item-option-color-palette-picker
+      .value=${A ?? F}
+      .values=${j}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${M}
+      .tooltip=${P}
+      .extraLabel=${I}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${R}
+      @luzmo-extra-label-click=${() => {
+		if (typeof z == "function") {
+			let { options: k } = z();
+			return n.changeCallback(k);
+		}
+	}}
+      @luzmo-option-changed=${B}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-color-palette-picker>
+  `;
+}, colorPickerMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = n.size, M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
+	return html`
+    <luzmo-item-option-color-picker
+      .value=${A ?? P}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${j}
+      .tooltip=${M}
+      .extraLabel=${F}
+      .extraLabelTooltip=${I}
+      .extraLabelHasClickAction=${L}
+      @luzmo-extra-label-click=${() => {
+		if (typeof R == "function") {
+			let { options: k } = R();
+			return n.changeCallback(k);
+		}
+	}}
+      @luzmo-option-changed=${z}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-color-picker>
+  `;
+}, colorRangeMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = n.size, M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), F = typeof n?.controlInfo?.percentage == "function" ? n.controlInfo.percentage(n) : n.controlInfo.percentage, I = typeof n?.controlInfo?.reverse == "function" ? n.controlInfo.reverse(n) : n.controlInfo.reverse, L = typeof n?.controlInfo?.noAlphaChannel == "function" ? n.controlInfo.noAlphaChannel(n) : n.controlInfo.noAlphaChannel, R = typeof n?.controlInfo?.editRangeSize == "function" ? n.controlInfo.editRangeSize(n) : n.controlInfo.editRangeSize, z = typeof n?.controlInfo?.minimumRangeSize == "function" ? n.controlInfo.minimumRangeSize(n) : n.controlInfo.minimumRangeSize, B = typeof n?.controlInfo?.negativeInfinityValue == "function" ? n.controlInfo.negativeInfinityValue(n) : n.controlInfo.negativeInfinityValue, V = typeof n?.controlInfo?.noValues == "function" ? n.controlInfo.noValues(n) : n.controlInfo.noValues, H = typeof n?.controlInfo?.readOnlyColorPicker == "function" ? n.controlInfo.readOnlyColorPicker(n) : n.controlInfo.readOnlyColorPicker, { extraLabel: U, extraLabelTooltip: W, extraLabelHasClickAction: G, extraLabelClickAction: K } = getExtraLabelValues(n), q = generateCallback(n);
+	return html`
+    <luzmo-item-option-color-range
+      .value=${A ?? P}
+      .label=${k}
+      .size=${j}
+      .tooltip=${M}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .extraLabel=${U}
+      .extraLabelTooltip=${W}
+      .extraLabelHasClickAction=${G}
+      .debounce=${n.controlInfo?.debounce}
+      ?reverse=${I}
+      ?percentage=${F}
+      ?no-alpha-channel=${L}
+      ?edit-range-size=${R}
+      ?no-values=${V}
+      ?read-only-color-picker=${H}
+      .minimum-range-size=${z}
+      ?negative-infinity-value=${B}
+      @luzmo-extra-label-click=${() => {
+		if (typeof K == "function") {
+			let { options: k } = K();
+			return n.changeCallback(k);
+		}
+	}}
+      @luzmo-option-changed=${q}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-color-range>
+  `;
+}, multiLanguageFieldMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey) ?? {}, j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, M = n.language ?? "en", P = { [M]: n.translations?.options?.[n.optionKey]?.placeholder ?? n.controlInfo?.placeholder ?? "" }, F = n.size, I = getDefaultValue(n), { extraLabel: L, extraLabelTooltip: z, extraLabelHasClickAction: B, extraLabelClickAction: V } = getExtraLabelValues(n), H = generateCallback(n);
+	return html`
+    <luzmo-item-option-multi-language-field
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .placeholder=${P}
+      .value=${A ?? I}
+      language=${ifDefined(M)}
+      .size=${F}
+      .tooltip=${j}
+      .extraLabel=${L}
+      .extraLabelTooltip=${z}
+      .extraLabelHasClickAction=${B}
+      @luzmo-extra-label-click=${V}
+      @luzmo-option-changed=${H}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-multi-language-field>
+  `;
+}, numberFieldMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = n.controlInfo?.min, j = n.controlInfo?.max, M = n.controlInfo?.step, P = getValueByKey(n, n.optionKey), F = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, I = getDefaultValue(n), L = n.size, { extraLabel: R, extraLabelTooltip: z, extraLabelHasClickAction: B, extraLabelClickAction: V } = getExtraLabelValues(n), H = generateCallback(n);
+	return html`
+    <luzmo-item-option-number-field
+      .value=${P}
+      .default=${I}
+      .min=${A}
+      .max=${j}
+      .step=${M}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${L}
+      .tooltip=${F}
+      .placeholder=${n.controlInfo?.placeholder}
+      .minWidthInputField=${n.controlInfo?.minWidthInputField}
+      .debounce=${n.controlInfo?.debounce}
+      .extraLabel=${R}
+      .extraLabelTooltip=${z}
+      .extraLabelHasClickAction=${B}
+      @luzmo-extra-label-click=${V}
+      @luzmo-option-changed=${H}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-number-field>
+  `;
+}, buildEnumValues = (n, k) => {
+	let A = {};
+	if (Array.isArray(n)) {
+		for (let j of n) typeof j == "string" && (A[j] = k?.[j] ?? j);
+		return A;
+	}
+	if (n && typeof n == "object") for (let [j, M] of Object.entries(n)) {
+		let n = k?.[j], N = typeof M == "string" ? M : typeof M == "object" && M && "label" in M ? String(M.label ?? j) : j;
+		A[j] = n ?? N ?? j;
+	}
+	return A;
+}, pickerMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, M = n.translations?.options?.[n.optionKey]?.enum, P = buildEnumValues(n.controlInfo?.enum, M), F = n.size, I = getDefaultValue(n), { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
+	return html`
+    <luzmo-item-option-picker
+      .value=${A}
+      .default=${I}
+      .values=${P}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .tooltip=${j}
+      .size=${F}
+      .extraLabel=${L}
+      .extraLabelTooltip=${R}
+      .extraLabelHasClickAction=${z}
+      @luzmo-extra-label-click=${B}
+      @luzmo-option-changed=${V}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-picker>
+  `;
+}, positionPickerMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label, A = n.controlInfo?.positions, j = n.size, M = getValueByKey(n, n.optionKey), P = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, F = getDefaultValue(n) ?? "topRight", { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
+	return html`
+    <luzmo-item-option-position-picker
+      .value=${M}
+      .positions=${A}
+      .default=${F}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .tooltip=${P}
+      .size=${j}
+      .extraLabel=${I}
+      .extraLabelTooltip=${L}
+      .extraLabelHasClickAction=${R}
+      @luzmo-extra-label-click=${z}
+      @luzmo-option-changed=${B}
+      .readonly=${n.controlInfo?.readonly}
+    ></luzmo-item-option-position-picker>
+  `;
+}, positionsNumberFieldMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label, A = getValueByKey(n, n.optionKey), j = n.size, M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
+	return html`
+    <luzmo-item-option-positions-number-field
+      .values=${A ?? P}
+      .positions=${n.controlInfo?.positions}
+      .positionConfiguration=${n.controlInfo?.positionConfiguration}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${j}
+      .tooltip=${M}
+      .extraLabel=${F}
+      .extraLabelTooltip=${I}
+      .extraLabelHasClickAction=${L}
+      @luzmo-extra-label-click=${R}
+      @luzmo-option-changed=${z}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-positions-number-field>
+  `;
+}, radioButtonGroupMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = getDefaultValue(n), M = n.translations?.options?.[n.optionKey]?.enum, P = buildEnumValues(n.controlInfo?.enum, M), F = n.size, I = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
+	return html`
+    <luzmo-item-option-radio-button-group
+      .value=${A ?? j}
+      .values=${P}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${F}
+      .tooltip=${I}
+      .extraLabel=${L}
+      .extraLabelTooltip=${R}
+      .extraLabelHasClickAction=${z}
+      @luzmo-extra-label-click=${B}
+      @luzmo-option-changed=${V}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-radio-button-group>
+  `;
+}, sliderMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, j = n.controlInfo?.min, M = n.controlInfo?.max, P = n.controlInfo?.step, F = getValueByKey(n, n.optionKey), I = n.size, L = getDefaultValue(n), { extraLabel: R, extraLabelTooltip: z, extraLabelHasClickAction: B, extraLabelClickAction: V } = getExtraLabelValues(n), H = generateCallback(n);
+	return html`
+    <luzmo-item-option-slider
+      .value=${F}
+      .default=${L}
+      .min=${j}
+      .max=${M}
+      .step=${P}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .tooltip=${A}
+      .size=${I}
+      .extraLabel=${R}
+      .extraLabelTooltip=${z}
+      .extraLabelHasClickAction=${B}
+      @luzmo-extra-label-click=${() => {
+		if (typeof V == "function") {
+			let { options: k } = V();
+			return n.changeCallback(k);
+		}
+	}}
+      @luzmo-option-changed=${H}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-slider>
+  `;
+}, switchMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = getValueByKey(n, n.optionKey), j = n.size, M = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
+	return html`
+    <luzmo-item-option-switch
+      .value=${A ?? P ?? !1}
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .size=${j}
+      .tooltip=${M}
+      .extraLabel=${F}
+      .extraLabelTooltip=${I}
+      .extraLabelHasClickAction=${L}
+      @luzmo-extra-label-click=${R}
+      @luzmo-option-changed=${z}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-switch>
+  `;
+}, textFieldMarkup = (n) => {
+	let k = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", A = n.language ?? "en", j = { [A]: n.translations?.options?.[n.optionKey]?.placeholder ?? n.controlInfo?.placeholder ?? "" }, M = getValueByKey(n, n.optionKey) ?? "", P = n.size, F = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, I = getDefaultValue(n), { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
+	return html`
+    <luzmo-item-option-text-field
+      .label=${k}
+      ?hide-label=${n.controlInfo?.hideLabel}
+      .placeholder=${j[A]}
+      .value=${M ?? I}
+      .size=${P}
+      .tooltip=${F}
+      .extraLabel=${L}
+      .extraLabelTooltip=${R}
+      .extraLabelHasClickAction=${z}
+      @luzmo-extra-label-click=${B}
+      @luzmo-option-changed=${V}
+      .parseValue=${n.controlInfo?.parseValue}
+      .toValue=${n.controlInfo?.toValue}
+    ></luzmo-item-option-text-field>
+  `;
+}, controlMarkup = (n) => {
+	switch (n.controlType) {
+		case "picker": return pickerMarkup(n);
+		case "slider": return sliderMarkup(n);
+		case "switch": return switchMarkup(n);
+		case "multi-language-field": return multiLanguageFieldMarkup(n);
+		case "text-field": return textFieldMarkup(n);
+		case "number-field": return numberFieldMarkup(n);
+		case "color-range": return colorRangeMarkup(n);
+		case "color-palette-picker": return colorPalettePickerMarkup(n);
+		case "position-picker": return positionPickerMarkup(n);
+		case "positions-number-field": return positionsNumberFieldMarkup(n);
+		case "radio-button-group": return radioButtonGroupMarkup(n);
+		case "color-picker": return colorPickerMarkup(n);
+		case "action-button-group": return actionButtonGroupMarkup(n);
+	}
+};
+var LuzmoItemOption = class extends LuzmoElement {
+	constructor(...n) {
+		super(...n), this._loadItemConfig = new Task(this, {
+			task: async ([n, k, N, P, F, I, L, R, z]) => {
+				if (L || R || z) {
+					let n = {};
+					L && (n.apiUrl = L), R && (n.authKey = R), z && (n.authToken = z), dataBroker.configure(n);
+				}
+				if (I && I.type !== "custom") try {
+					I?.id && systemThemeIds.includes(I.id) ? this._fullTheme = await getTheme(I.id) : I?.id && (this._fullTheme = (await dataBroker.fetchTheme(I.id))?.theme ?? {});
+				} catch (n) {
+					console.error("Error loading theme:", n), this._fullTheme = I;
+				}
+				else I?.type === "custom" ? this._fullTheme = structuredClone(I) : this._fullTheme = I;
+				let B = this._getTranslationOverrides(F), V = this._getOptionTranslation(F);
+				if (this._translationOverrides = B, P) {
+					this._optionsConfig = [{
+						key: "custom",
+						children: [P]
+					}], k = P.key, this._itemTypeLoaded = void 0, this._languageLoaded = void 0, this._translations = {};
+					let n = V ?? B?.[k ?? ""], A = this._mergeOptionTranslations(void 0, n);
+					this._effectiveTranslations = A ? { options: { [k ?? ""]: A } } : {};
+				} else if (n) {
+					let A = n !== this._itemTypeLoaded, j = n !== this._itemTypeLoaded || N !== this._languageLoaded;
+					A && (this._optionsConfig = await y(n) ?? [], this._itemTypeLoaded = n), j && (this._translations = await g(n, N ?? "en", !0) ?? {}, this._languageLoaded = N);
+					let M = this._translations.options?.[k ?? ""], P = V ?? B?.[k ?? ""], F = this._mergeOptionTranslations(M, P);
+					this._effectiveTranslations = F ? { options: { [k ?? ""]: F } } : {};
+				} else this._optionsConfig = [], this._translations = {}, this._effectiveTranslations = {};
+				let H = getControlByKey(k ?? "", this._optionsConfig), U = H?.type;
+				if (U !== this._controlTypeLoaded) {
+					let n = /* @__PURE__ */ Object.assign({
+						"../item-option-action-button-group/index.ts": () => import("./item-option-action-button-group/index.js"),
+						"../item-option-color-palette-picker/index.ts": () => import("./item-option-color-palette-picker/index.js"),
+						"../item-option-color-picker/index.ts": () => import("./item-option-color-picker/index.js"),
+						"../item-option-color-range/index.ts": () => import("./item-option-color-range/index.js"),
+						"../item-option-multi-language-field/index.ts": () => import("./item-option-multi-language-field/index.js"),
+						"../item-option-number-field/index.ts": () => import("./item-option-number-field/index.js"),
+						"../item-option-panel/index.ts": () => import("./item-option-panel/index.js"),
+						"../item-option-picker/index.ts": () => import("./item-option-picker/index.js"),
+						"../item-option-position-picker/index.ts": () => import("./item-option-position-picker/index.js"),
+						"../item-option-positions-number-field/index.ts": () => import("./item-option-positions-number-field/index.js"),
+						"../item-option-radio-button-group/index.ts": () => import("./item-option-radio-button-group/index.js"),
+						"../item-option-slider/index.ts": () => import("./item-option-slider/index.js"),
+						"../item-option-switch/index.ts": () => import("./item-option-switch/index.js"),
+						"../item-option-text-field/index.ts": () => import("./item-option-text-field/index.js")
+					});
+					try {
+						n[`../item-option-${U}/index.ts`] && (await n[`../item-option-${U}/index.ts`](), this._controlTypeLoaded = U);
+					} catch (n) {
+						console.error(n);
+					}
+				}
+				return H;
+			},
+			args: () => [
+				this.itemType,
+				this.optionKey,
+				this.language,
+				this.customOptionConfiguration,
+				this.customTranslations,
+				this.theme,
+				this.apiUrl,
+				this.authKey,
+				this.authToken
+			]
+		}), this.language = "en", this.options = {}, this.slots = [], this.size = "m", this._optionsConfig = [], this._translations = {}, this._effectiveTranslations = {}, this.changedOptions = (n) => {
+			this.options = n, this.dispatchEvent(new CustomEvent("luzmo-options-changed", {
+				bubbles: !0,
+				composed: !0,
+				cancelable: !0,
+				detail: { options: n }
+			}));
+		};
+	}
+	static {
+		this.styles = unsafeCSS(item_option_module_default);
+	}
+	render() {
+		return this._loadItemConfig.render({
+			pending: () => html`
+          <p role="status">Loading...</p>
+        `,
+			complete: (n) => controlMarkup({
+				controlType: n?.type,
+				optionKey: this.customOptionConfiguration?.key ?? this.optionKey ?? "",
+				controlInfo: n,
+				options: this.options,
+				slots: this.slots,
+				theme: this._fullTheme ?? this.theme,
+				language: this.language,
+				translations: this._effectiveTranslations,
+				size: this.size,
+				changeCallback: this.changedOptions
+			}),
+			error: (n) => (console.error(n), html`
+          <span class="sr-only" role="alert">${msg("Failed to load option", { desc: "Error message when item option fails to load" })}</span>
+        `)
+		});
+	}
+	_getTranslationOverrides(n) {
+		if (!(!n || typeof n != "object") && !("groups" in n || "options" in n) && !this._isOptionTranslation(n)) return n;
+	}
+	_mergeOptionTranslations(n, k) {
+		if (!n) return k;
+		if (!k) return n;
+		let A = { ...n }, j = (n) => {
+			k[n] !== void 0 && (A[n] = k[n]);
+		};
+		return j("label"), j("description"), j("placeholder"), j("tooltip"), A.extraLabel = this._mergeTranslationValue(n.extraLabel, k.extraLabel), A.extraLabelTooltip = this._mergeTranslationValue(n.extraLabelTooltip, k.extraLabelTooltip), A.enum = this._mergeTranslationRecord(n.enum, k.enum), A;
+	}
+	_mergeTranslationValue(n, k) {
+		return k === void 0 ? n : typeof k == "string" ? k : k && typeof k == "object" ? n && typeof n == "object" ? {
+			...n,
+			...k
+		} : k : n;
+	}
+	_mergeTranslationRecord(n, k) {
+		return k === void 0 ? n : n && typeof n == "object" ? {
+			...n,
+			...k
+		} : k;
+	}
+	_getOptionTranslation(n) {
+		if (!(!n || typeof n != "object") && this._isOptionTranslation(n)) return n;
+	}
+	_isOptionTranslation(n) {
+		if (!n || typeof n != "object") return !1;
+		let k = n, A = new Set([
+			"label",
+			"description",
+			"placeholder",
+			"tooltip",
+			"extraLabel",
+			"extraLabelTooltip",
+			"enum"
+		]), j = Object.keys(k);
+		if (j.length === 0 || !j.every((n) => A.has(n))) return !1;
+		for (let n of [
+			"label",
+			"description",
+			"placeholder",
+			"tooltip"
+		]) if (n in k && typeof k[n] != "string") return !1;
+		for (let n of ["extraLabel", "extraLabelTooltip"]) {
+			let A = k[n];
+			if (n in k && typeof A != "string" && (typeof A != "object" || !A)) return !1;
+		}
+		return !("enum" in k && (typeof k.enum != "object" || k.enum === null));
+	}
+};
+__decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoItemOption.prototype, "language", void 0), __decorate([property({
+	type: String,
+	reflect: !0,
+	attribute: "item-type"
+})], LuzmoItemOption.prototype, "itemType", void 0), __decorate([property({
+	type: String,
+	reflect: !0,
+	attribute: "option-key"
+})], LuzmoItemOption.prototype, "optionKey", void 0), __decorate([property({
+	type: Object,
+	reflect: !1
+})], LuzmoItemOption.prototype, "customOptionConfiguration", void 0), __decorate([property({
+	type: Object,
+	reflect: !1
+})], LuzmoItemOption.prototype, "customTranslations", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "options", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "slots", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "theme", void 0), __decorate([property({
+	type: String,
+	attribute: "api-url",
+	reflect: !0
+})], LuzmoItemOption.prototype, "apiUrl", void 0), __decorate([property({
+	type: String,
+	attribute: "auth-key",
+	reflect: !0
+})], LuzmoItemOption.prototype, "authKey", void 0), __decorate([property({
+	type: String,
+	attribute: "auth-token",
+	reflect: !0
+})], LuzmoItemOption.prototype, "authToken", void 0), __decorate([property({
+	type: String,
+	reflect: !0
+})], LuzmoItemOption.prototype, "size", void 0), customElements.get("luzmo-item-option") || customElements.define("luzmo-item-option", LuzmoItemOption);
+export { y as i, getControlByKey as n, g as r, LuzmoItemOption as t };