@luzmo/analytics-components-kit 1.0.1-alpha.2 → 1.0.1-alpha.20

package/components/edit-item/index.js

@@ -0,0 +1,523 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 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 { h as w } from "../task-Cr9aRIbV.js";
+import { k as b, h as x, H as z, r as C, R as d, x as l, a as $, n as m } from "../property-B2F7x7Cz.js";
+import { m as _ } from "../query-assigned-nodes-C76XVPWY-DPC6kOmH.js";
+import { m as S } from "../focus-group-DHeTq18L-rNUu13eb.js";
+import { m as y } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
+import { O, k as E } from "../luzmo-icons-BE2T8vWu.js";
+import { o as j } from "../when-CDK1Tt5Y-C6ViXC43.js";
+import "../index-BVX_ozT9.js";
+import { g as A } from "../index-DYGldqzJ.js";
+const k = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const a = document.createElement("style");
+    a.setAttribute("data-luzmo-vars", ""), a.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(a);
+  }
+};
+k();
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * 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.
+ * */
+const G = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const a = document.createElement("style");
+    a.setAttribute("data-luzmo-vars", ""), a.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(a);
+  }
+};
+G();
+const I = ":host{--accordion-item-header-line-height: 1.25;--accordion-item-header-bottom-margin: 0px;--accordion-item-header-text-case: initial;--accordion-item-min-block-size: max( var(--luzmo-accordion-item-height, var(--accordion-item-height)), calc( var( --luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding) ) * 2 + var( --luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size) ) * var( --luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height) ) ) );margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height: var( --luzmo-accordion-item-header-line-height-cjk );--luzmo-accordion-item-content-line-height: var( --luzmo-accordion-item-content-line-height-cjk )}:host:dir(rtl),:host([dir=rtl]){--luzmo-logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host{--accordion-item-height: 40px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xxl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height: 24px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height: 32px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height: 40px;--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([density=compact][size=xl]){--accordion-item-height: 48px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case: uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color: var( --luzmo-background-color-highlight );--accordion-item-disabled-background-color: var( --luzmo-background-color-highlight-disabled );--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color: var(--luzmo-background-color);--accordion-item-disabled-background-color: transparent;--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius);--accordion-item-header-font-weight: normal;--accordion-item-content-border-left-width: var(--luzmo-border-width);--accordion-item-content-border-left-color: var(--luzmo-border-color);--accordion-item-content-border-left-style: solid;--accordion-edge-to-disclosure-indicator-space: 0px}:host([variant=highlight-child][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-content-margin-left: var(--luzmo-spacing-2);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3);--accordion-item-content-margin-left: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-content-padding-left: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-5);--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text: 0px}";
+var B = Object.defineProperty, h = (a, o, e, r) => {
+  for (var i = void 0, n = a.length - 1, c; n >= 0; n--)
+    (c = a[n]) && (i = c(o, e, i) || i);
+  return i && B(o, e, i), i;
+};
+class p extends y(b, {
+  noDefaultSize: !0
+}) {
+  constructor() {
+    super(...arguments), this.allowMultiple = !1, this.noContentPadding = !1, this.variant = "default", this.focusGroupController = new S(
+      this,
+      {
+        direction: "vertical",
+        elements: () => this.items,
+        isFocusableElement: (o) => !o.disabled
+      }
+    );
+  }
+  static get styles() {
+    return [x(I)];
+  }
+  get items() {
+    return [...this.defaultNodes || []].filter(
+      (o) => o.tagName !== void 0
+    );
+  }
+  focus() {
+    this.focusGroupController.focus();
+  }
+  onToggle(o) {
+    const e = o.target, r = [...this.items];
+    if (r.includes(e)) {
+      if (this.allowMultiple || o.defaultPrevented || r && r.length === 0)
+        return;
+      r.forEach((i) => {
+        i !== e && (i.open = !1);
+      });
+    }
+  }
+  handleSlotchange() {
+    this.focusGroupController.clearElementCache(), this.items.forEach((o) => {
+      o.size = this.size;
+    });
+  }
+  updated(o) {
+    super.updated(o), o.has("size") && (o.get("size") || this.size !== "m") && this.items.forEach((e) => {
+      e.size = this.size;
+    });
+  }
+  render() {
+    return z`
+      <slot
+        @slotchange=${this.handleSlotchange}
+        @luzmo-accordion-item-toggle=${this.onToggle}
+      ></slot>
+    `;
+  }
+}
+h([
+  d({ type: Boolean, reflect: !0, attribute: "allow-multiple" })
+], p.prototype, "allowMultiple");
+h([
+  d({ type: String, reflect: !0 })
+], p.prototype, "density");
+h([
+  d({ type: String, reflect: !0, attribute: "header-case" })
+], p.prototype, "headerCase");
+h([
+  d({ type: Boolean, reflect: !0, attribute: "no-content-padding" })
+], p.prototype, "noContentPadding");
+h([
+  d({ type: String, reflect: !0 })
+], p.prototype, "variant");
+h([
+  _()
+], p.prototype, "defaultNodes");
+const P = ':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-block-end:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)));margin:0;position:relative}:host(:first-child){border-block-start:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-hard));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-corner-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-hard));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-hard))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hard))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-color-disabled))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}';
+var H = Object.defineProperty, g = (a, o, e, r) => {
+  for (var i = void 0, n = a.length - 1, c; n >= 0; n--)
+    (c = a[n]) && (i = c(o, e, i) || i);
+  return i && H(o, e, i), i;
+};
+const N = () => z`
+  <div class="icon-container">
+    ${O(E, { className: "indicator" })}
+  </div>
+`;
+class f extends y(C, {
+  noDefaultSize: !0
+}) {
+  constructor() {
+    super(...arguments), this.open = !1, this.label = "", this.disabled = !1, this.renderAngleIcon = () => N();
+  }
+  static get styles() {
+    return [x(P)];
+  }
+  get focusElement() {
+    return this.renderRoot.querySelector("#header");
+  }
+  onClick() {
+    this.disabled || this.toggle();
+  }
+  toggle() {
+    this.open = !this.open, this.dispatchEvent(
+      new CustomEvent("luzmo-accordion-item-toggle", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0
+      })
+    ) || (this.open = !this.open);
+  }
+  render() {
+    return z`
+      <h3 id="heading">
+        ${j(this.size, this.renderAngleIcon)}
+        <button
+          id="header"
+          @click=${this.onClick}
+          aria-expanded=${this.open}
+          aria-controls="content"
+          ?disabled=${this.disabled}
+        >
+          ${this.label}
+        </button>
+      </h3>
+      <div id="content" role="region" aria-labelledby="header">
+        <slot></slot>
+      </div>
+    `;
+  }
+  updated(o) {
+    super.updated(o), o.has("disabled") && (this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled"));
+  }
+}
+g([
+  d({ type: Boolean, reflect: !0 })
+], f.prototype, "open");
+g([
+  d({ type: String, reflect: !0 })
+], f.prototype, "label");
+g([
+  d({ type: Boolean, reflect: !0 })
+], f.prototype, "disabled");
+customElements.get("luzmo-accordion-item") || customElements.define("luzmo-accordion-item", f);
+customElements.get("luzmo-accordion") || customElements.define("luzmo-accordion", p);
+const R = ":host{font-size:var(--luzmo-edit-item-font-size, var(--luzmo-font-size))}:host luzmo-divider{display:block;margin:var(--luzmo-edit-item-divider-vertical-margin, calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0}:host luzmo-edit-option{display:block;margin:var(--luzmo-edit-option-divider-vertical-margin, var(--luzmo-spacing-4)) 0}:host([size=s]){font-size:var(--luzmo-edit-item-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-item-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-item-font-size-xl, var(--luzmo-font-size-xl))}";
+var M = Object.defineProperty, u = (a, o, e, r) => {
+  for (var i = void 0, n = a.length - 1, c; n >= 0; n--)
+    (c = a[n]) && (i = c(o, e, i) || i);
+  return i && M(o, e, i), i;
+};
+const v = class v extends b {
+  constructor() {
+    super(...arguments), this._loadItemConfig = new w(this, {
+      task: async ([
+        o,
+        e,
+        r,
+        i
+      ]) => {
+        let n = !1;
+        if (o && o !== this._itemTypeLoaded && !r) {
+          const c = /* @__PURE__ */ Object.assign({
+            "../../item-definitions/area-chart/area-chart-options.config.ts": () => import("../area-chart-options.config-BbSP_Auh.js"),
+            "../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("../bar-chart-options.config-CRGDLJCK.js"),
+            "../../item-definitions/box-plot/box-plot-options.config.ts": () => import("../box-plot-options.config-BtonHYul.js"),
+            "../../item-definitions/bubble-chart/bubble-chart-options.config.ts": () => import("../bubble-chart-options.config-R5R-E3dd.js"),
+            "../../item-definitions/bullet-chart/bullet-chart-options.config.ts": () => import("../bullet-chart-options.config-D-_esi9S.js"),
+            "../../item-definitions/choropleth-map/choropleth-map-options.config.ts": () => import("../choropleth-map-options.config-z2fY__jr.js"),
+            "../../item-definitions/circle-pack-chart/circle-pack-chart-options.config.ts": () => import("../circle-pack-chart-options.config-DEYL3DMK.js"),
+            "../../item-definitions/circular-gauge/circular-gauge-options.config.ts": () => import("../circular-gauge-options.config-9tIxyJj1.js"),
+            "../../item-definitions/column-chart/column-chart-options.config.ts": () => import("../column-chart-options.config-D87ZFT76.js"),
+            "../../item-definitions/combination-chart/combination-chart-options.config.ts": () => import("../combination-chart-options.config-CApdgFvv.js"),
+            "../../item-definitions/conditional-number/conditional-number-options.config.ts": () => import("../conditional-number-options.config-PVvKLc1P.js"),
+            "../../item-definitions/donut-chart/donut-chart-options.config.ts": () => import("../donut-chart-options.config-NPwNtLDW.js"),
+            "../../item-definitions/dropdown-filter/dropdown-filter-options.config.ts": () => import("../dropdown-filter-options.config-D9dvPypF.js"),
+            "../../item-definitions/funnel-chart/funnel-chart-options.config.ts": () => import("../funnel-chart-options.config-CrlHKd36.js"),
+            "../../item-definitions/image/image-options.config.ts": () => import("../image-options.config-CBfeq5Zw.js"),
+            "../../item-definitions/line-chart/line-chart-options.config.ts": () => import("../line-chart-options.config-BtfCTjNr.js"),
+            "../../item-definitions/ohlc-chart/ohlc-chart-options.config.ts": () => import("../ohlc-chart-options.config-D9npwajt.js"),
+            "../../item-definitions/radar-chart/radar-chart-options.config.ts": () => import("../radar-chart-options.config-DFxna7UF.js"),
+            "../../item-definitions/sankey-diagram/sankey-diagram-options.config.ts": () => import("../sankey-diagram-options.config-Dj9g2BOp.js"),
+            "../../item-definitions/search-filter/search-filter-options.config.ts": () => import("../search-filter-options.config-BE3JhR-F.js"),
+            "../../item-definitions/slicer-filter/slicer-filter-options.config.ts": () => import("../slicer-filter-options.config-BArPA7Mb.js"),
+            "../../item-definitions/slider-filter/slider-filter-options.config.ts": () => import("../slider-filter-options.config-BIKIbGbN.js"),
+            "../../item-definitions/spacer/spacer-options.config.ts": () => import("../spacer-options.config-IpwUxDyU.js"),
+            "../../item-definitions/sunburst-chart/sunburst-chart-options.config.ts": () => import("../sunburst-chart-options.config-BxkJfdrU.js"),
+            "../../item-definitions/text/text-options.config.ts": () => import("../text-options.config-BWaJoeG2.js"),
+            "../../item-definitions/treemap-chart/treemap-chart-options.config.ts": () => import("../treemap-chart-options.config-MyCTS35Y.js"),
+            "../../item-definitions/video/video-options.config.ts": () => import("../video-options.config-Dk36zJ1B.js"),
+            "../../item-definitions/wordcloud-chart/wordcloud-chart-options.config.ts": () => import("../wordcloud-chart-options.config-Dq7TF0sb.js")
+          });
+          if (c[`../../item-definitions/${o}/${o}-options.config.ts`])
+            try {
+              const t = await c[`../../item-definitions/${o}/${o}-options.config.ts`]();
+              this._optionsConfiguration = (t == null ? void 0 : t.default) ?? [];
+            } catch (t) {
+              this._optionsConfiguration = [], console.error(t);
+            }
+          else
+            this._optionsConfiguration = [];
+          this._isCustomOptionsConfiguration = !1, n = !0;
+        } else r ? (this._isCustomOptionsConfiguration = !0, this._optionsConfiguration = r) : this._optionsConfiguration = [];
+        if (e && (e !== this._languageLoaded || n) && !i) {
+          const c = /* @__PURE__ */ Object.assign({
+            "../../item-definitions/area-chart/i18n/area-chart-options.de.ts": () => import("../area-chart-options.de-FcVE2Ywe.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.en.ts": () => import("../area-chart-options.en-Cz5aXeVe.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.es.ts": () => import("../area-chart-options.es-o3ABpXnC.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.fr.ts": () => import("../area-chart-options.fr-CBhHB_ER.js"),
+            "../../item-definitions/area-chart/i18n/area-chart-options.nl.ts": () => import("../area-chart-options.nl-SbYGv26w.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.de.ts": () => import("../bar-chart-options.de-DwTn_qfu.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.en.ts": () => import("../bar-chart-options.en-Crc8tYUJ.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.es.ts": () => import("../bar-chart-options.es-ByT_D06p.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.fr.ts": () => import("../bar-chart-options.fr-BwiGRlQf.js"),
+            "../../item-definitions/bar-chart/i18n/bar-chart-options.nl.ts": () => import("../bar-chart-options.nl-DzXnHdwX.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.de.ts": () => import("../box-plot-options.de-D3Yye2Yp.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.en.ts": () => import("../box-plot-options.en-DADAI4yL.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.es.ts": () => import("../box-plot-options.es-ePZUgamp.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.fr.ts": () => import("../box-plot-options.fr-DNkSteEz.js"),
+            "../../item-definitions/box-plot/i18n/box-plot-options.nl.ts": () => import("../box-plot-options.nl-GBXrkaLf.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.de.ts": () => import("../bubble-chart-options.de-D8Ap7joq.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.en.ts": () => import("../bubble-chart-options.en-BU3F4n13.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.es.ts": () => import("../bubble-chart-options.es-Bh_dRgE3.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.fr.ts": () => import("../bubble-chart-options.fr-CNiJgmGl.js"),
+            "../../item-definitions/bubble-chart/i18n/bubble-chart-options.nl.ts": () => import("../bubble-chart-options.nl-BoV3kpaZ.js"),
+            "../../item-definitions/bullet-chart/i18n/bullet-chart-options.de.ts": () => import("../bullet-chart-options.de-DxBk0yku.js"),
+            "../../item-definitions/bullet-chart/i18n/bullet-chart-options.en.ts": () => import("../bullet-chart-options.en-Cu1cnL90.js"),
+            "../../item-definitions/bullet-chart/i18n/bullet-chart-options.es.ts": () => import("../bullet-chart-options.es-pGm2umSR.js"),
+            "../../item-definitions/bullet-chart/i18n/bullet-chart-options.fr.ts": () => import("../bullet-chart-options.fr-DGOcuFKQ.js"),
+            "../../item-definitions/bullet-chart/i18n/bullet-chart-options.nl.ts": () => import("../bullet-chart-options.nl-BJ39_p2y.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.de.ts": () => import("../choropleth-map-options.de-BSt-L5Vh.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.en.ts": () => import("../choropleth-map-options.en-Cy7WcWLG.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.es.ts": () => import("../choropleth-map-options.es-BnR-9vJv.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.fr.ts": () => import("../choropleth-map-options.fr-BlwLS1Wy.js"),
+            "../../item-definitions/choropleth-map/i18n/choropleth-map-options.nl.ts": () => import("../choropleth-map-options.nl-D70fr4Hl.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.de.ts": () => import("../circle-pack-chart-options.de-CUL0ypCU.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.en.ts": () => import("../circle-pack-chart-options.en-CFTJowAI.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.es.ts": () => import("../circle-pack-chart-options.es-BGoaousJ.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.fr.ts": () => import("../circle-pack-chart-options.fr-DLb0Di6Z.js"),
+            "../../item-definitions/circle-pack-chart/i18n/circle-pack-chart-options.nl.ts": () => import("../circle-pack-chart-options.nl-CZL69ZgV.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.de.ts": () => import("../circular-gauge-options.de-BO3S8GCr.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.en.ts": () => import("../circular-gauge-options.en-Cyhhijwg.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.es.ts": () => import("../circular-gauge-options.es-DJ7ru4Wf.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.fr.ts": () => import("../circular-gauge-options.fr-BVWliP7i.js"),
+            "../../item-definitions/circular-gauge/i18n/circular-gauge-options.nl.ts": () => import("../circular-gauge-options.nl-DGpV7Riu.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.de.ts": () => import("../column-chart-options.de-VQVdi8aP.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.en.ts": () => import("../column-chart-options.en-Crc8tYUJ.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.es.ts": () => import("../column-chart-options.es-CT9ZtjV_.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.fr.ts": () => import("../column-chart-options.fr-BwiGRlQf.js"),
+            "../../item-definitions/column-chart/i18n/column-chart-options.nl.ts": () => import("../column-chart-options.nl-DB2dcotu.js"),
+            "../../item-definitions/combination-chart/i18n/combination-chart-options.de.ts": () => import("../combination-chart-options.de-CEsSn5-2.js"),
+            "../../item-definitions/combination-chart/i18n/combination-chart-options.en.ts": () => import("../combination-chart-options.en-BCKuLOQb.js"),
+            "../../item-definitions/combination-chart/i18n/combination-chart-options.es.ts": () => import("../combination-chart-options.es-zMa9kqmV.js"),
+            "../../item-definitions/combination-chart/i18n/combination-chart-options.fr.ts": () => import("../combination-chart-options.fr-DOXtaY1V.js"),
+            "../../item-definitions/combination-chart/i18n/combination-chart-options.nl.ts": () => import("../combination-chart-options.nl-CCChbhx_.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.de.ts": () => import("../conditional-number-options.de-BJcjBZY1.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.en.ts": () => import("../conditional-number-options.en-WSrIzRGJ.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.es.ts": () => import("../conditional-number-options.es-BKqT0zog.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.fr.ts": () => import("../conditional-number-options.fr-D2r7Azy8.js"),
+            "../../item-definitions/conditional-number/i18n/conditional-number-options.nl.ts": () => import("../conditional-number-options.nl-pkRI1tLZ.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.de.ts": () => import("../donut-chart-options.de-nSj3ghwo.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.en.ts": () => import("../donut-chart-options.en-CrUf4CJ9.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.es.ts": () => import("../donut-chart-options.es-DnsGqOdo.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.fr.ts": () => import("../donut-chart-options.fr-DVfZwZny.js"),
+            "../../item-definitions/donut-chart/i18n/donut-chart-options.nl.ts": () => import("../donut-chart-options.nl-CUuOQyJg.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.de.ts": () => import("../dropdown-filter-options.de-0HBcrwev.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.en.ts": () => import("../dropdown-filter-options.en-CNdmMsNW.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.es.ts": () => import("../dropdown-filter-options.es-DjgZxklA.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.fr.ts": () => import("../dropdown-filter-options.fr-n_2OjO_u.js"),
+            "../../item-definitions/dropdown-filter/i18n/dropdown-filter-options.nl.ts": () => import("../dropdown-filter-options.nl-CL6UEP00.js"),
+            "../../item-definitions/funnel-chart/i18n/funnel-chart-options.de.ts": () => import("../funnel-chart-options.de-CuVFMJUC.js"),
+            "../../item-definitions/funnel-chart/i18n/funnel-chart-options.en.ts": () => import("../funnel-chart-options.en-CvPbJr1r.js"),
+            "../../item-definitions/funnel-chart/i18n/funnel-chart-options.es.ts": () => import("../funnel-chart-options.es-_M7sC4m6.js"),
+            "../../item-definitions/funnel-chart/i18n/funnel-chart-options.fr.ts": () => import("../funnel-chart-options.fr-DvnZ-XbE.js"),
+            "../../item-definitions/funnel-chart/i18n/funnel-chart-options.nl.ts": () => import("../funnel-chart-options.nl-C72_FTNm.js"),
+            "../../item-definitions/image/i18n/image-options.de.ts": () => import("../image-options.de-CYVnqdL_.js"),
+            "../../item-definitions/image/i18n/image-options.en.ts": () => import("../image-options.en-BMmV-4O-.js"),
+            "../../item-definitions/image/i18n/image-options.es.ts": () => import("../image-options.es-UN5rmaEt.js"),
+            "../../item-definitions/image/i18n/image-options.fr.ts": () => import("../image-options.fr-DRE3zImB.js"),
+            "../../item-definitions/image/i18n/image-options.nl.ts": () => import("../image-options.nl-D20hki6i.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.de.ts": () => import("../line-chart-options.de-C4c6fWBr.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.en.ts": () => import("../line-chart-options.en-XEng6bZk.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.es.ts": () => import("../line-chart-options.es-B6CBKzRj.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.fr.ts": () => import("../line-chart-options.fr-BIugWKt4.js"),
+            "../../item-definitions/line-chart/i18n/line-chart-options.nl.ts": () => import("../line-chart-options.nl-87TuLT5-.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.de.ts": () => import("../ohlc-chart-options.de-CZj-UIJm.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.en.ts": () => import("../ohlc-chart-options.en-W7r8X64N.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.es.ts": () => import("../ohlc-chart-options.es-B1PdbaLo.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.fr.ts": () => import("../ohlc-chart-options.fr-3n_H_IQ3.js"),
+            "../../item-definitions/ohlc-chart/i18n/ohlc-chart-options.nl.ts": () => import("../ohlc-chart-options.nl-BVw9fPpa.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.de.ts": () => import("../radar-chart-options.de-DUzx_7w0.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.en.ts": () => import("../radar-chart-options.en-CV6ZYx8z.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.es.ts": () => import("../radar-chart-options.es-BgvSKtUs.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.fr.ts": () => import("../radar-chart-options.fr-CobHnfMX.js"),
+            "../../item-definitions/radar-chart/i18n/radar-chart-options.nl.ts": () => import("../radar-chart-options.nl-M4-vur3g.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.de.ts": () => import("../sankey-diagram-options.de-kp4wK81w.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.en.ts": () => import("../sankey-diagram-options.en-BJG2rmog.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.es.ts": () => import("../sankey-diagram-options.es-DoU2uZkk.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.fr.ts": () => import("../sankey-diagram-options.fr-CqASKXuH.js"),
+            "../../item-definitions/sankey-diagram/i18n/sankey-diagram-options.nl.ts": () => import("../sankey-diagram-options.nl-BQcClmve.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.de.ts": () => import("../search-filter-options.de-CtQU33mZ.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.en.ts": () => import("../search-filter-options.en-D_lZl4BW.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.es.ts": () => import("../search-filter-options.es-4mDTBqYv.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.fr.ts": () => import("../search-filter-options.fr-CSzsk8kC.js"),
+            "../../item-definitions/search-filter/i18n/search-filter-options.nl.ts": () => import("../search-filter-options.nl-CUIS-wlX.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.de.ts": () => import("../slicer-filter-options.de-89LcA_-b.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.en.ts": () => import("../slicer-filter-options.en-BtvdQlh6.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.es.ts": () => import("../slicer-filter-options.es-CsuWj6x4.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.fr.ts": () => import("../slicer-filter-options.fr-Q1R9a5aW.js"),
+            "../../item-definitions/slicer-filter/i18n/slicer-filter-options.nl.ts": () => import("../slicer-filter-options.nl-BR-R2l1o.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.de.ts": () => import("../slider-filter-options.de-BETdnh_t.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.en.ts": () => import("../slider-filter-options.en-DpbWEGHE.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.es.ts": () => import("../slider-filter-options.es-CWazXehw.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.fr.ts": () => import("../slider-filter-options.fr-B2RT9GfR.js"),
+            "../../item-definitions/slider-filter/i18n/slider-filter-options.nl.ts": () => import("../slider-filter-options.nl-CwxJqGoK.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.de.ts": () => import("../sunburst-chart-options.de-DOjqnDNg.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.en.ts": () => import("../sunburst-chart-options.en-DQOS_dec.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.es.ts": () => import("../sunburst-chart-options.es-DGsVkhyC.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.fr.ts": () => import("../sunburst-chart-options.fr-DIWRXmkr.js"),
+            "../../item-definitions/sunburst-chart/i18n/sunburst-chart-options.nl.ts": () => import("../sunburst-chart-options.nl-D0hYq2Mh.js"),
+            "../../item-definitions/text/i18n/text-options.de.ts": () => import("../text-options.de-BjfS5RBn.js"),
+            "../../item-definitions/text/i18n/text-options.en.ts": () => import("../text-options.en-BQqHFc7M.js"),
+            "../../item-definitions/text/i18n/text-options.es.ts": () => import("../text-options.es-CMB1DKq4.js"),
+            "../../item-definitions/text/i18n/text-options.fr.ts": () => import("../text-options.fr-VPJ3bDOM.js"),
+            "../../item-definitions/text/i18n/text-options.nl.ts": () => import("../text-options.nl-C8sliUgH.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.de.ts": () => import("../treemap-chart-options.de-Bdj6O-Ju.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.en.ts": () => import("../treemap-chart-options.en-D6co_QL8.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.es.ts": () => import("../treemap-chart-options.es-BjbsJzCM.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.fr.ts": () => import("../treemap-chart-options.fr-VG44wSIJ.js"),
+            "../../item-definitions/treemap-chart/i18n/treemap-chart-options.nl.ts": () => import("../treemap-chart-options.nl-BTKv3TBd.js"),
+            "../../item-definitions/video/i18n/video-options.de.ts": () => import("../video-options.de-DIKmTgn5.js"),
+            "../../item-definitions/video/i18n/video-options.en.ts": () => import("../video-options.en-DMzcDD7I.js"),
+            "../../item-definitions/video/i18n/video-options.es.ts": () => import("../video-options.es-CtV-__xN.js"),
+            "../../item-definitions/video/i18n/video-options.fr.ts": () => import("../video-options.fr-DHt0mV9L.js"),
+            "../../item-definitions/video/i18n/video-options.nl.ts": () => import("../video-options.nl-1cNZgoqf.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.de.ts": () => import("../wordcloud-chart-options.de-DwLQlEJg.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.en.ts": () => import("../wordcloud-chart-options.en-DWkM70-M.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.es.ts": () => import("../wordcloud-chart-options.es-CkXbSwEc.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.fr.ts": () => import("../wordcloud-chart-options.fr-DNK5Ouc5.js"),
+            "../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.nl.ts": () => import("../wordcloud-chart-options.nl-CcgmqL7I.js")
+          });
+          if (c[`../../item-definitions/${o}/i18n/${o}-options.${e}.ts`])
+            try {
+              const t = await c[`../../item-definitions/${o}/i18n/${o}-options.${e}.ts`]();
+              this._translations = (t == null ? void 0 : t.default) ?? {};
+            } catch (t) {
+              this._translations = {}, console.warn("Translation file not found", t);
+            }
+        } else i ? this._translations = i : this._translations = {};
+        return {
+          config: this._optionsConfiguration,
+          translations: this._translations
+        };
+      },
+      args: () => [
+        this.itemType,
+        this.language,
+        this.customOptionsConfiguration,
+        this.customTranslations
+      ]
+    }), this.language = "en", this.options = {}, this.slots = {}, this.customOptionsConfiguration = {}, this.customTranslations = {}, this.theme = {}, this.size = "m", this._optionsConfiguration = [], this._translations = {}, this.renderAllGroups = (o) => {
+      if (!Array.isArray(o))
+        return l``;
+      const e = o == null ? void 0 : o.map((r) => {
+        if (r != null && r.children)
+          return this.renderGroup(r);
+      });
+      return o && o.length > 0 ? l`<luzmo-accordion
+          variant="highlight"
+          .size=${this.size}
+          density="compact"
+          allow-multiple
+          no-content-padding
+          header-case="uppercase"
+          >${e}</luzmo-accordion
+        >` : l``;
+    }, this.renderGroup = (o) => {
+      var r, i, n;
+      if (typeof (o == null ? void 0 : o.visibleIf) == "function" && !o.visibleIf({
+        options: this.options,
+        slots: this.slots,
+        theme: this.theme
+      }))
+        return l``;
+      const e = (c) => c == null ? void 0 : c.map((t) => {
+        if (typeof (t == null ? void 0 : t.visibleIf) == "function" && !t.visibleIf({
+          options: this.options,
+          slots: this.slots,
+          theme: this.theme
+        }))
+          return l``;
+        if (t != null && t.control)
+          return this.renderOptionControl(t == null ? void 0 : t.key);
+        if ((t == null ? void 0 : t.type) === "divider")
+          return this.renderDivider();
+        if ((t == null ? void 0 : t.type) === "group")
+          return this.renderGroup(t);
+      });
+      return l`<luzmo-accordion-item
+      label=${((n = (i = (r = this._translations) == null ? void 0 : r.groups) == null ? void 0 : i[o.key]) == null ? void 0 : n.label) ?? o.key}
+      ?open=${o.open}
+    >
+      ${e(o.children)}
+    </luzmo-accordion-item>`;
+    }, this.renderOptionControl = (o) => {
+      var i, n;
+      let e, r;
+      return this._isCustomOptionsConfiguration && (e = A(
+        o,
+        this.customOptionsConfiguration,
+        !0
+      ), r = (n = (i = this._translations) == null ? void 0 : i.options) == null ? void 0 : n[o]), l`<luzmo-edit-option
+      class="control"
+      .itemType=${this.itemType}
+      .optionKey=${o}
+      .options=${this.options}
+      .customOptionConfiguration=${e}
+      .customTranslations=${r}
+      .slots=${this.slots}
+      .theme=${this.theme}
+      .size=${this.size}
+      .language=${this.language}
+    ></luzmo-edit-option>`;
+    }, this.renderDivider = () => l`<luzmo-divider></luzmo-divider>`;
+  }
+  render() {
+    return this._loadItemConfig.render({
+      pending: () => l`<p>Loading...</p>`,
+      complete: (o) => this.renderAllGroups(o.config),
+      error: (o) => (console.error(o), l``)
+    });
+  }
+};
+v.styles = $(R);
+let s = v;
+u([
+  m({ type: String, reflect: !0 })
+], s.prototype, "language");
+u([
+  m({ type: String, reflect: !0, attribute: "item-type" })
+], s.prototype, "itemType");
+u([
+  m({ type: Object })
+], s.prototype, "options");
+u([
+  m({ type: Object })
+], s.prototype, "slots");
+u([
+  m({ type: Object, reflect: !1 })
+], s.prototype, "customOptionsConfiguration");
+u([
+  m({ type: Object, reflect: !1 })
+], s.prototype, "customTranslations");
+u([
+  m({ type: Object })
+], s.prototype, "theme");
+u([
+  m({ type: String, reflect: !0 })
+], s.prototype, "size");
+customElements.get("luzmo-edit-item") || customElements.define("luzmo-edit-item", s);
+export {
+  s as LuzmoEditItem
+};

package/components/edit-option/edit-option.d.ts

@@ -0,0 +1,24 @@
+import { ElementSize, LuzmoElement } from '@luzmo/lucero/utils';
+/**
+ * @element luzmo-edit-option
+ */
+export declare class LuzmoEditOption extends LuzmoElement {
+    static styles: import("lit").CSSResult;
+    private _loadItemConfig;
+    language: string;
+    itemType?: string;
+    optionKey?: string;
+    customOptionConfiguration: any;
+    customTranslations: any;
+    options?: any;
+    slots?: any;
+    theme?: any;
+    size: ElementSize;
+    _controlTypeLoaded: string;
+    _itemTypeLoaded: string;
+    _languageLoaded: string;
+    _optionsConfig: any;
+    _translations: any;
+    changedOptions: (options: any) => void;
+    render(): import("lit-html").TemplateResult<1> | undefined;
+}

package/components/edit-option/helpers/control-markup.d.ts

@@ -0,0 +1,14 @@
+import { ElementSize } from '@luzmo/lucero/utils';
+export interface ControlMarkupArgs {
+    controlType: string;
+    optionKey: string;
+    controlInfo: any;
+    options: any;
+    slots: any;
+    theme: any;
+    language: string;
+    translations: any;
+    size: ElementSize;
+    changeCallback: any;
+}
+export declare const controlMarkup: (args: ControlMarkupArgs) => import("lit-html").TemplateResult<1> | undefined;