@luzmo/analytics-components-kit 1.0.1-alpha.19 → 1.0.1-alpha.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/edit-item/edit-item.d.ts +11 -8
- package/components/edit-item/index.cjs +13 -11
- package/components/edit-item/index.js +100 -80
- package/components/edit-option/edit-option.d.ts +4 -2
- package/components/edit-option/helpers/get-control-by-key.d.ts +1 -1
- package/components/edit-option/index.cjs +1 -176
- package/components/edit-option/index.js +4 -690
- package/components/index-DYGldqzJ.js +735 -0
- package/components/index-LSrSqEfM.cjs +195 -0
- package/components/index.cjs +1 -1
- package/components/index.js +1 -1
- package/custom-elements.json +78 -37
- package/package.json +1 -1
|
@@ -18,18 +18,18 @@
|
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
20
|
import { h as w } from "../task-Cr9aRIbV.js";
|
|
21
|
-
import { k as b, h as x, H as z, r as
|
|
22
|
-
import { m as
|
|
23
|
-
import { m as
|
|
21
|
+
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";
|
|
22
|
+
import { m as _ } from "../query-assigned-nodes-C76XVPWY-DPC6kOmH.js";
|
|
23
|
+
import { m as S } from "../focus-group-DHeTq18L-rNUu13eb.js";
|
|
24
24
|
import { m as y } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
|
|
25
|
-
import { O, k as
|
|
26
|
-
import { o as
|
|
25
|
+
import { O, k as E } from "../luzmo-icons-BE2T8vWu.js";
|
|
26
|
+
import { o as j } from "../when-CDK1Tt5Y-C6ViXC43.js";
|
|
27
27
|
import "../index-BVX_ozT9.js";
|
|
28
|
-
import "../
|
|
28
|
+
import { g as A } from "../index-DYGldqzJ.js";
|
|
29
29
|
const k = () => {
|
|
30
30
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
31
|
-
const
|
|
32
|
-
|
|
31
|
+
const a = document.createElement("style");
|
|
32
|
+
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);
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
k();
|
|
@@ -52,22 +52,22 @@ k();
|
|
|
52
52
|
* */
|
|
53
53
|
const G = () => {
|
|
54
54
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
55
|
-
const
|
|
56
|
-
|
|
55
|
+
const a = document.createElement("style");
|
|
56
|
+
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);
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
G();
|
|
60
60
|
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}";
|
|
61
|
-
var
|
|
62
|
-
for (var i = void 0,
|
|
63
|
-
(c =
|
|
64
|
-
return i &&
|
|
61
|
+
var B = Object.defineProperty, h = (a, o, e, r) => {
|
|
62
|
+
for (var i = void 0, n = a.length - 1, c; n >= 0; n--)
|
|
63
|
+
(c = a[n]) && (i = c(o, e, i) || i);
|
|
64
|
+
return i && B(o, e, i), i;
|
|
65
65
|
};
|
|
66
66
|
class p extends y(b, {
|
|
67
67
|
noDefaultSize: !0
|
|
68
68
|
}) {
|
|
69
69
|
constructor() {
|
|
70
|
-
super(...arguments), this.allowMultiple = !1, this.noContentPadding = !1, this.variant = "default", this.focusGroupController = new
|
|
70
|
+
super(...arguments), this.allowMultiple = !1, this.noContentPadding = !1, this.variant = "default", this.focusGroupController = new S(
|
|
71
71
|
this,
|
|
72
72
|
{
|
|
73
73
|
direction: "vertical",
|
|
@@ -88,11 +88,11 @@ class p extends y(b, {
|
|
|
88
88
|
this.focusGroupController.focus();
|
|
89
89
|
}
|
|
90
90
|
onToggle(o) {
|
|
91
|
-
const e = o.target,
|
|
92
|
-
if (
|
|
93
|
-
if (this.allowMultiple || o.defaultPrevented ||
|
|
91
|
+
const e = o.target, r = [...this.items];
|
|
92
|
+
if (r.includes(e)) {
|
|
93
|
+
if (this.allowMultiple || o.defaultPrevented || r && r.length === 0)
|
|
94
94
|
return;
|
|
95
|
-
|
|
95
|
+
r.forEach((i) => {
|
|
96
96
|
i !== e && (i.open = !1);
|
|
97
97
|
});
|
|
98
98
|
}
|
|
@@ -132,27 +132,27 @@ h([
|
|
|
132
132
|
d({ type: String, reflect: !0 })
|
|
133
133
|
], p.prototype, "variant");
|
|
134
134
|
h([
|
|
135
|
-
|
|
135
|
+
_()
|
|
136
136
|
], p.prototype, "defaultNodes");
|
|
137
|
-
const
|
|
138
|
-
var
|
|
139
|
-
for (var i = void 0,
|
|
140
|
-
(c =
|
|
141
|
-
return i &&
|
|
137
|
+
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))}';
|
|
138
|
+
var H = Object.defineProperty, g = (a, o, e, r) => {
|
|
139
|
+
for (var i = void 0, n = a.length - 1, c; n >= 0; n--)
|
|
140
|
+
(c = a[n]) && (i = c(o, e, i) || i);
|
|
141
|
+
return i && H(o, e, i), i;
|
|
142
142
|
};
|
|
143
|
-
const
|
|
143
|
+
const N = () => z`
|
|
144
144
|
<div class="icon-container">
|
|
145
|
-
${O(
|
|
145
|
+
${O(E, { className: "indicator" })}
|
|
146
146
|
</div>
|
|
147
147
|
`;
|
|
148
|
-
class f extends y(
|
|
148
|
+
class f extends y(C, {
|
|
149
149
|
noDefaultSize: !0
|
|
150
150
|
}) {
|
|
151
151
|
constructor() {
|
|
152
|
-
super(...arguments), this.open = !1, this.label = "", this.disabled = !1, this.renderAngleIcon = () =>
|
|
152
|
+
super(...arguments), this.open = !1, this.label = "", this.disabled = !1, this.renderAngleIcon = () => N();
|
|
153
153
|
}
|
|
154
154
|
static get styles() {
|
|
155
|
-
return [x(
|
|
155
|
+
return [x(P)];
|
|
156
156
|
}
|
|
157
157
|
get focusElement() {
|
|
158
158
|
return this.renderRoot.querySelector("#header");
|
|
@@ -172,7 +172,7 @@ class f extends y($, {
|
|
|
172
172
|
render() {
|
|
173
173
|
return z`
|
|
174
174
|
<h3 id="heading">
|
|
175
|
-
${
|
|
175
|
+
${j(this.size, this.renderAngleIcon)}
|
|
176
176
|
<button
|
|
177
177
|
id="header"
|
|
178
178
|
@click=${this.onClick}
|
|
@@ -203,19 +203,24 @@ g([
|
|
|
203
203
|
], f.prototype, "disabled");
|
|
204
204
|
customElements.get("luzmo-accordion-item") || customElements.define("luzmo-accordion-item", f);
|
|
205
205
|
customElements.get("luzmo-accordion") || customElements.define("luzmo-accordion", p);
|
|
206
|
-
const
|
|
207
|
-
var
|
|
208
|
-
for (var i = void 0,
|
|
209
|
-
(c =
|
|
210
|
-
return i &&
|
|
206
|
+
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))}";
|
|
207
|
+
var M = Object.defineProperty, u = (a, o, e, r) => {
|
|
208
|
+
for (var i = void 0, n = a.length - 1, c; n >= 0; n--)
|
|
209
|
+
(c = a[n]) && (i = c(o, e, i) || i);
|
|
210
|
+
return i && M(o, e, i), i;
|
|
211
211
|
};
|
|
212
212
|
const v = class v extends b {
|
|
213
213
|
constructor() {
|
|
214
214
|
super(...arguments), this._loadItemConfig = new w(this, {
|
|
215
|
-
task: async ([
|
|
215
|
+
task: async ([
|
|
216
|
+
o,
|
|
217
|
+
e,
|
|
218
|
+
r,
|
|
219
|
+
i
|
|
220
|
+
]) => {
|
|
216
221
|
let n = !1;
|
|
217
|
-
if (o && o !== this._itemTypeLoaded) {
|
|
218
|
-
const
|
|
222
|
+
if (o && o !== this._itemTypeLoaded && !r) {
|
|
223
|
+
const c = /* @__PURE__ */ Object.assign({
|
|
219
224
|
"../../item-definitions/area-chart/area-chart-options.config.ts": () => import("../area-chart-options.config-BbSP_Auh.js"),
|
|
220
225
|
"../../item-definitions/bar-chart/bar-chart-options.config.ts": () => import("../bar-chart-options.config-CRGDLJCK.js"),
|
|
221
226
|
"../../item-definitions/box-plot/box-plot-options.config.ts": () => import("../box-plot-options.config-BtonHYul.js"),
|
|
@@ -245,19 +250,19 @@ const v = class v extends b {
|
|
|
245
250
|
"../../item-definitions/video/video-options.config.ts": () => import("../video-options.config-Dk36zJ1B.js"),
|
|
246
251
|
"../../item-definitions/wordcloud-chart/wordcloud-chart-options.config.ts": () => import("../wordcloud-chart-options.config-Dq7TF0sb.js")
|
|
247
252
|
});
|
|
248
|
-
if (
|
|
253
|
+
if (c[`../../item-definitions/${o}/${o}-options.config.ts`])
|
|
249
254
|
try {
|
|
250
|
-
const t = await
|
|
251
|
-
this.
|
|
255
|
+
const t = await c[`../../item-definitions/${o}/${o}-options.config.ts`]();
|
|
256
|
+
this._optionsConfiguration = (t == null ? void 0 : t.default) ?? [];
|
|
252
257
|
} catch (t) {
|
|
253
|
-
this.
|
|
258
|
+
this._optionsConfiguration = [], console.error(t);
|
|
254
259
|
}
|
|
255
260
|
else
|
|
256
|
-
this.
|
|
257
|
-
n = !0;
|
|
258
|
-
}
|
|
259
|
-
if (e && (e !== this._languageLoaded || n)) {
|
|
260
|
-
const
|
|
261
|
+
this._optionsConfiguration = [];
|
|
262
|
+
this._isCustomOptionsConfiguration = !1, n = !0;
|
|
263
|
+
} else r ? (this._isCustomOptionsConfiguration = !0, this._optionsConfiguration = r) : this._optionsConfiguration = [];
|
|
264
|
+
if (e && (e !== this._languageLoaded || n) && !i) {
|
|
265
|
+
const c = /* @__PURE__ */ Object.assign({
|
|
261
266
|
"../../item-definitions/area-chart/i18n/area-chart-options.de.ts": () => import("../area-chart-options.de-FcVE2Ywe.js"),
|
|
262
267
|
"../../item-definitions/area-chart/i18n/area-chart-options.en.ts": () => import("../area-chart-options.en-Cz5aXeVe.js"),
|
|
263
268
|
"../../item-definitions/area-chart/i18n/area-chart-options.es.ts": () => import("../area-chart-options.es-o3ABpXnC.js"),
|
|
@@ -394,26 +399,31 @@ const v = class v extends b {
|
|
|
394
399
|
"../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.fr.ts": () => import("../wordcloud-chart-options.fr-DNK5Ouc5.js"),
|
|
395
400
|
"../../item-definitions/wordcloud-chart/i18n/wordcloud-chart-options.nl.ts": () => import("../wordcloud-chart-options.nl-CcgmqL7I.js")
|
|
396
401
|
});
|
|
397
|
-
if (
|
|
402
|
+
if (c[`../../item-definitions/${o}/i18n/${o}-options.${e}.ts`])
|
|
398
403
|
try {
|
|
399
|
-
const t = await
|
|
400
|
-
this.
|
|
404
|
+
const t = await c[`../../item-definitions/${o}/i18n/${o}-options.${e}.ts`]();
|
|
405
|
+
this._translations = (t == null ? void 0 : t.default) ?? {};
|
|
401
406
|
} catch (t) {
|
|
402
|
-
this.
|
|
407
|
+
this._translations = {}, console.warn("Translation file not found", t);
|
|
403
408
|
}
|
|
404
|
-
|
|
405
|
-
this.translations = {};
|
|
406
|
-
}
|
|
409
|
+
} else i ? this._translations = i : this._translations = {};
|
|
407
410
|
return {
|
|
408
|
-
config: this.
|
|
409
|
-
translations: this.
|
|
411
|
+
config: this._optionsConfiguration,
|
|
412
|
+
translations: this._translations
|
|
410
413
|
};
|
|
411
414
|
},
|
|
412
|
-
args: () => [
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
415
|
+
args: () => [
|
|
416
|
+
this.itemType,
|
|
417
|
+
this.language,
|
|
418
|
+
this.customOptionsConfiguration,
|
|
419
|
+
this.customTranslations
|
|
420
|
+
]
|
|
421
|
+
}), this.language = "en", this.options = {}, this.slots = {}, this.customOptionsConfiguration = {}, this.customTranslations = {}, this.theme = {}, this.size = "m", this._optionsConfiguration = [], this._translations = {}, this.renderAllGroups = (o) => {
|
|
422
|
+
if (!Array.isArray(o))
|
|
423
|
+
return l``;
|
|
424
|
+
const e = o == null ? void 0 : o.map((r) => {
|
|
425
|
+
if (r != null && r.children)
|
|
426
|
+
return this.renderGroup(r);
|
|
417
427
|
});
|
|
418
428
|
return o && o.length > 0 ? l`<luzmo-accordion
|
|
419
429
|
variant="highlight"
|
|
@@ -425,43 +435,53 @@ const v = class v extends b {
|
|
|
425
435
|
>${e}</luzmo-accordion
|
|
426
436
|
>` : l``;
|
|
427
437
|
}, this.renderGroup = (o) => {
|
|
428
|
-
var
|
|
438
|
+
var r, i, n;
|
|
429
439
|
if (typeof (o == null ? void 0 : o.visibleIf) == "function" && !o.visibleIf({
|
|
430
440
|
options: this.options,
|
|
431
441
|
slots: this.slots,
|
|
432
442
|
theme: this.theme
|
|
433
443
|
}))
|
|
434
444
|
return l``;
|
|
435
|
-
const e = (c) => c == null ? void 0 : c.map((
|
|
436
|
-
if (typeof (
|
|
445
|
+
const e = (c) => c == null ? void 0 : c.map((t) => {
|
|
446
|
+
if (typeof (t == null ? void 0 : t.visibleIf) == "function" && !t.visibleIf({
|
|
437
447
|
options: this.options,
|
|
438
448
|
slots: this.slots,
|
|
439
449
|
theme: this.theme
|
|
440
450
|
}))
|
|
441
451
|
return l``;
|
|
442
|
-
if (
|
|
443
|
-
return this.renderOptionControl(
|
|
444
|
-
if ((
|
|
452
|
+
if (t != null && t.control)
|
|
453
|
+
return this.renderOptionControl(t == null ? void 0 : t.key);
|
|
454
|
+
if ((t == null ? void 0 : t.type) === "divider")
|
|
445
455
|
return this.renderDivider();
|
|
446
|
-
if ((
|
|
447
|
-
return this.renderGroup(
|
|
456
|
+
if ((t == null ? void 0 : t.type) === "group")
|
|
457
|
+
return this.renderGroup(t);
|
|
448
458
|
});
|
|
449
459
|
return l`<luzmo-accordion-item
|
|
450
|
-
label=${((
|
|
460
|
+
label=${((n = (i = (r = this._translations) == null ? void 0 : r.groups) == null ? void 0 : i[o.key]) == null ? void 0 : n.label) ?? o.key}
|
|
451
461
|
?open=${o.open}
|
|
452
462
|
>
|
|
453
463
|
${e(o.children)}
|
|
454
464
|
</luzmo-accordion-item>`;
|
|
455
|
-
}, this.renderOptionControl = (o) =>
|
|
465
|
+
}, this.renderOptionControl = (o) => {
|
|
466
|
+
var i, n;
|
|
467
|
+
let e, r;
|
|
468
|
+
return this._isCustomOptionsConfiguration && (e = A(
|
|
469
|
+
o,
|
|
470
|
+
this.customOptionsConfiguration,
|
|
471
|
+
!0
|
|
472
|
+
), r = (n = (i = this._translations) == null ? void 0 : i.options) == null ? void 0 : n[o]), l`<luzmo-edit-option
|
|
456
473
|
class="control"
|
|
457
474
|
.itemType=${this.itemType}
|
|
458
475
|
.optionKey=${o}
|
|
459
476
|
.options=${this.options}
|
|
477
|
+
.customOptionConfiguration=${e}
|
|
478
|
+
.customTranslations=${r}
|
|
460
479
|
.slots=${this.slots}
|
|
461
480
|
.theme=${this.theme}
|
|
462
481
|
.size=${this.size}
|
|
463
482
|
.language=${this.language}
|
|
464
|
-
></luzmo-edit-option
|
|
483
|
+
></luzmo-edit-option>`;
|
|
484
|
+
}, this.renderDivider = () => l`<luzmo-divider></luzmo-divider>`;
|
|
465
485
|
}
|
|
466
486
|
render() {
|
|
467
487
|
return this._loadItemConfig.render({
|
|
@@ -471,7 +491,7 @@ const v = class v extends b {
|
|
|
471
491
|
});
|
|
472
492
|
}
|
|
473
493
|
};
|
|
474
|
-
v.styles =
|
|
494
|
+
v.styles = $(R);
|
|
475
495
|
let s = v;
|
|
476
496
|
u([
|
|
477
497
|
m({ type: String, reflect: !0 })
|
|
@@ -485,18 +505,18 @@ u([
|
|
|
485
505
|
u([
|
|
486
506
|
m({ type: Object })
|
|
487
507
|
], s.prototype, "slots");
|
|
508
|
+
u([
|
|
509
|
+
m({ type: Object, reflect: !1 })
|
|
510
|
+
], s.prototype, "customOptionsConfiguration");
|
|
511
|
+
u([
|
|
512
|
+
m({ type: Object, reflect: !1 })
|
|
513
|
+
], s.prototype, "customTranslations");
|
|
488
514
|
u([
|
|
489
515
|
m({ type: Object })
|
|
490
516
|
], s.prototype, "theme");
|
|
491
517
|
u([
|
|
492
518
|
m({ type: String, reflect: !0 })
|
|
493
519
|
], s.prototype, "size");
|
|
494
|
-
u([
|
|
495
|
-
m({ type: Object })
|
|
496
|
-
], s.prototype, "optionsConfiguration");
|
|
497
|
-
u([
|
|
498
|
-
m({ type: Object })
|
|
499
|
-
], s.prototype, "translations");
|
|
500
520
|
customElements.get("luzmo-edit-item") || customElements.define("luzmo-edit-item", s);
|
|
501
521
|
export {
|
|
502
522
|
s as LuzmoEditItem
|
|
@@ -6,8 +6,10 @@ export declare class LuzmoEditOption extends LuzmoElement {
|
|
|
6
6
|
static styles: import("lit").CSSResult;
|
|
7
7
|
private _loadItemConfig;
|
|
8
8
|
language: string;
|
|
9
|
-
itemType
|
|
10
|
-
optionKey
|
|
9
|
+
itemType?: string;
|
|
10
|
+
optionKey?: string;
|
|
11
|
+
customOptionConfiguration: any;
|
|
12
|
+
customTranslations: any;
|
|
11
13
|
options?: any;
|
|
12
14
|
slots?: any;
|
|
13
15
|
theme?: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const getControlByKey: (key: string, config: any[]) => any;
|
|
1
|
+
export declare const getControlByKey: (key: string, config: any[], full?: boolean) => any;
|