@luzmo/analytics-components-kit 1.0.1-alpha.11 → 1.0.1-alpha.13
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/area-chart.config-Ba68ZiSX.js +198 -0
- package/components/area-chart.config-Vo0u3UK8.cjs +20 -0
- package/components/{column-chart.config-BYIX4E6J.js → bar-chart.config-CF1i1Imw.js} +41 -14
- package/components/bar-chart.config-YLP38HOE.cjs +20 -0
- package/components/bubble-chart.config-1MrC55Nb.js +142 -0
- package/components/bubble-chart.config-bQBq1s3C.cjs +20 -0
- package/components/circle-pack-chart.config-BOlrxRJA.cjs +20 -0
- package/components/circle-pack-chart.config-Bbm2bTgy.js +110 -0
- package/components/{bar-chart.config-BYIX4E6J.js → column-chart.config-BT1QH4BI.js} +40 -14
- package/components/column-chart.config-CppyNukh.cjs +20 -0
- package/components/display-settings-datetime/index.cjs +25 -25
- package/components/display-settings-datetime/index.js +66 -59
- package/components/donut-chart.config-B_38UAqp.cjs +20 -0
- package/components/{donut-chart.config-3DhKiSSM.js → donut-chart.config-DuJFyp4z.js} +4 -2
- package/components/dropdown-filter.config-BPBxTuLQ.cjs +20 -0
- package/components/dropdown-filter.config-Drv-A4zw.js +163 -0
- package/components/edit-item/index.cjs +11 -16
- package/components/edit-item/index.js +103 -87
- package/components/edit-option/index.cjs +108 -100
- package/components/edit-option/index.js +330 -294
- package/components/edit-option/item-configs/area-chart.config.d.ts +146 -0
- package/components/edit-option/item-configs/bar-chart.config.d.ts +23 -2
- package/components/edit-option/item-configs/bubble-chart.config.d.ts +90 -0
- package/components/edit-option/item-configs/circle-pack-chart.config.d.ts +35 -0
- package/components/edit-option/item-configs/column-chart.config.d.ts +17 -2
- package/components/edit-option/item-configs/donut-chart.config.d.ts +4 -0
- package/components/edit-option/item-configs/dropdown-filter.config.d.ts +74 -0
- package/components/edit-option/item-configs/line-chart.config.d.ts +16 -0
- package/components/edit-option/item-configs/ohlc-chart.config.d.ts +37 -0
- package/components/edit-option/item-configs/radar-chart.config.d.ts +122 -0
- package/components/edit-option/item-configs/sankey-diagram.config.d.ts +46 -0
- package/components/edit-option/item-configs/search-filter.config.d.ts +40 -0
- package/components/edit-option/item-configs/slicer-filter.config.d.ts +136 -0
- package/components/edit-option/item-configs/slider-filter.config.d.ts +45 -0
- package/components/edit-option/item-configs/sunburst-chart.config.d.ts +51 -0
- package/components/edit-option/item-configs/treemap-chart.config.d.ts +103 -0
- package/components/edit-option/item-configs/wordcloud-chart.config.d.ts +46 -0
- package/components/{en-GB-C9t4MSgD.js → en-GB-BtLbN8o_.js} +1 -1
- package/components/{en-GB-D5Tvhki6.cjs → en-GB-Dd11ROdW.cjs} +1 -1
- package/components/{en-DlRadzUI.js → formatter-CQDms6fU.js} +258 -267
- package/components/{en-BnVnZvpC.cjs → formatter-DiJYkB6b.cjs} +1 -1
- package/components/index-DXyAeBh6.cjs +20 -0
- package/components/index-Di00QW2f.js +113 -0
- package/components/index.cjs +1 -1
- package/components/index.js +8 -6
- package/components/{line-chart.config-DBw4A3Rf.js → line-chart.config-BB_thZtA.js} +3 -2
- package/components/line-chart.config-i2233s5F.cjs +20 -0
- package/components/ohlc-chart.config-BLlRV_bs.cjs +20 -0
- package/components/ohlc-chart.config-D9npwajt.js +75 -0
- package/components/radar-chart.config-DPPlIptA.cjs +20 -0
- package/components/radar-chart.config-DfID1TZ-.js +164 -0
- package/components/sankey-diagram.config-BVjCEw5M.js +138 -0
- package/components/sankey-diagram.config-CG5S1OI3.cjs +20 -0
- package/components/search-filter.config-C9CoGS9f.cjs +20 -0
- package/components/search-filter.config-baX2Vdul.js +111 -0
- package/components/slicer-filter.config-A3YK_KZn.js +211 -0
- package/components/slicer-filter.config-DQunaj8q.cjs +20 -0
- package/components/slider-filter.config-C-zvfTNl.js +98 -0
- package/components/slider-filter.config-DF_sAElS.cjs +20 -0
- package/components/sunburst-chart.config-CEfAd1RQ.cjs +20 -0
- package/components/sunburst-chart.config-VZqDthcz.js +139 -0
- package/components/treemap-chart.config-BalwwrhW.js +214 -0
- package/components/treemap-chart.config-D6H5Hf2B.cjs +20 -0
- package/components/utils.cjs +1 -1
- package/components/utils.js +69 -6
- package/components/wordcloud-chart.config-BLvcDvxT.cjs +20 -0
- package/components/wordcloud-chart.config-CQs8YFfd.js +89 -0
- package/custom-elements.json +182 -0
- package/package.json +4 -9
- package/utils/index.d.ts +1 -0
- package/utils/switch-item/index.d.ts +18 -0
- package/components/bar-chart.config--VDhFN4d.cjs +0 -20
- package/components/column-chart.config-BmhmcBZJ.cjs +0 -20
- package/components/donut-chart.config-DLWJUlHx.cjs +0 -20
- package/components/line-chart.config-cvwDhvSq.cjs +0 -20
- /package/components/{slot-configs.cjs → item-slots-configs.cjs} +0 -0
- /package/components/{slot-configs.js → item-slots-configs.js} +0 -0
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../task-B8yMzxui.cjs"),
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../task-B8yMzxui.cjs"),e=require("../property-0L4eB11h.cjs"),b=require("../query-assigned-nodes-C76XVPWY-BcyGjObB.cjs"),x=require("../focus-group-DHeTq18L-C9l9oHwM.cjs"),v=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),p=require("../luzmo-icons-XsFsTAl3.cjs"),y=require("../when-CDK1Tt5Y-BN3qcTK0.cjs");require("../index-DEVOZNSc.cjs");require("../edit-option/index.cjs");/*! * Lucero - The design system for Luzmo.
|
|
21
21
|
*
|
|
22
22
|
* Copyright © 2025 Luzmo
|
|
23
23
|
* All rights reserved.
|
|
@@ -33,16 +33,16 @@
|
|
|
33
33
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
34
34
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
35
35
|
* SOFTWARE.
|
|
36
|
-
* */const k=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const c=document.createElement("style");c.setAttribute("data-luzmo-vars",""),c.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(c)}};k();const w=":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 q=Object.defineProperty,u=(c,o,r,a)=>{for(var e=void 0,t=c.length-1,s;t>=0;t--)(s=c[t])&&(e=s(o,r,e)||e);return e&&q(o,r,e),e};class m extends v.m(i.kt,{noDefaultSize:!0}){constructor(){super(...arguments),this.allowMultiple=!1,this.noContentPadding=!1,this.variant="default",this.focusGroupController=new x.m(this,{direction:"vertical",elements:()=>this.items,isFocusableElement:o=>!o.disabled})}static get styles(){return[i.ht(w)]}get items(){return[...this.defaultNodes||[]].filter(o=>o.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(o){const r=o.target,a=[...this.items];if(a.includes(r)){if(this.allowMultiple||o.defaultPrevented||a&&a.length===0)return;a.forEach(e=>{e!==r&&(e.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(r=>{r.size=this.size})}render(){return i.Ht`
|
|
36
|
+
* */const k=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const c=document.createElement("style");c.setAttribute("data-luzmo-vars",""),c.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(c)}};k();const w=":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 q=Object.defineProperty,u=(c,o,t,a)=>{for(var i=void 0,r=c.length-1,s;r>=0;r--)(s=c[r])&&(i=s(o,t,i)||i);return i&&q(o,t,i),i};class m extends v.m(e.kt,{noDefaultSize:!0}){constructor(){super(...arguments),this.allowMultiple=!1,this.noContentPadding=!1,this.variant="default",this.focusGroupController=new x.m(this,{direction:"vertical",elements:()=>this.items,isFocusableElement:o=>!o.disabled})}static get styles(){return[e.ht(w)]}get items(){return[...this.defaultNodes||[]].filter(o=>o.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(o){const t=o.target,a=[...this.items];if(a.includes(t)){if(this.allowMultiple||o.defaultPrevented||a&&a.length===0)return;a.forEach(i=>{i!==t&&(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(t=>{t.size=this.size})}render(){return e.Ht`
|
|
37
37
|
<slot
|
|
38
38
|
@slotchange=${this.handleSlotchange}
|
|
39
39
|
@luzmo-accordion-item-toggle=${this.onToggle}
|
|
40
40
|
></slot>
|
|
41
|
-
`}}u([
|
|
41
|
+
`}}u([e.Rt({type:Boolean,reflect:!0,attribute:"allow-multiple"})],m.prototype,"allowMultiple");u([e.Rt({type:String,reflect:!0})],m.prototype,"density");u([e.Rt({type:String,reflect:!0,attribute:"header-case"})],m.prototype,"headerCase");u([e.Rt({type:Boolean,reflect:!0,attribute:"no-content-padding"})],m.prototype,"noContentPadding");u([e.Rt({type:String,reflect:!0})],m.prototype,"variant");u([b.m()],m.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 $=Object.defineProperty,z=(c,o,t,a)=>{for(var i=void 0,r=c.length-1,s;r>=0;r--)(s=c[r])&&(i=s(o,t,i)||i);return i&&$(o,t,i),i};const C=()=>e.Ht`
|
|
42
42
|
<div class="icon-container">
|
|
43
43
|
${p.O2(p.k,{className:"indicator"})}
|
|
44
44
|
</div>
|
|
45
|
-
`;class h extends v.m(
|
|
45
|
+
`;class h extends v.m(e.r,{noDefaultSize:!0}){constructor(){super(...arguments),this.open=!1,this.label="",this.disabled=!1,this.renderAngleIcon=()=>C()}static get styles(){return[e.ht(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 e.Ht`
|
|
46
46
|
<h3 id="heading">
|
|
47
47
|
${y.o(this.size,this.renderAngleIcon)}
|
|
48
48
|
<button
|
|
@@ -58,20 +58,20 @@
|
|
|
58
58
|
<div id="content" role="region" aria-labelledby="header">
|
|
59
59
|
<slot></slot>
|
|
60
60
|
</div>
|
|
61
|
-
`}updated(o){super.updated(o),o.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}z([
|
|
61
|
+
`}updated(o){super.updated(o),o.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}z([e.Rt({type:Boolean,reflect:!0})],h.prototype,"open");z([e.Rt({type:String,reflect:!0})],h.prototype,"label");z([e.Rt({type:Boolean,reflect:!0})],h.prototype,"disabled");customElements.get("luzmo-accordion-item")||customElements.define("luzmo-accordion-item",h);customElements.get("luzmo-accordion")||customElements.define("luzmo-accordion",m);const j=":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 S=Object.defineProperty,d=(c,o,t,a)=>{for(var i=void 0,r=c.length-1,s;r>=0;r--)(s=c[r])&&(i=s(o,t,i)||i);return i&&S(o,t,i),i};const g=class g extends e.kt{constructor(){super(...arguments),this._loadItemConfig=new f.h(this,{task:async([o,t])=>{let a=!1;if(o&&o!==this._itemTypeLoaded){const i=Object.assign({"../edit-option/item-configs/area-chart.config.ts":()=>Promise.resolve().then(()=>require("../area-chart.config-Vo0u3UK8.cjs")),"../edit-option/item-configs/bar-chart.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart.config-YLP38HOE.cjs")),"../edit-option/item-configs/bubble-chart.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart.config-bQBq1s3C.cjs")),"../edit-option/item-configs/circle-pack-chart.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart.config-BOlrxRJA.cjs")),"../edit-option/item-configs/column-chart.config.ts":()=>Promise.resolve().then(()=>require("../column-chart.config-CppyNukh.cjs")),"../edit-option/item-configs/donut-chart.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart.config-B_38UAqp.cjs")),"../edit-option/item-configs/dropdown-filter.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter.config-BPBxTuLQ.cjs")),"../edit-option/item-configs/imageobject.config.ts":()=>Promise.resolve().then(()=>require("../imageobject.config-Dqhc2c3b.cjs")),"../edit-option/item-configs/line-chart.config.ts":()=>Promise.resolve().then(()=>require("../line-chart.config-i2233s5F.cjs")),"../edit-option/item-configs/ohlc-chart.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart.config-BLlRV_bs.cjs")),"../edit-option/item-configs/radar-chart.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart.config-DPPlIptA.cjs")),"../edit-option/item-configs/sankey-diagram.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram.config-CG5S1OI3.cjs")),"../edit-option/item-configs/search-filter.config.ts":()=>Promise.resolve().then(()=>require("../search-filter.config-C9CoGS9f.cjs")),"../edit-option/item-configs/slicer-filter.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter.config-DQunaj8q.cjs")),"../edit-option/item-configs/slider-filter.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter.config-DF_sAElS.cjs")),"../edit-option/item-configs/spacer.config.ts":()=>Promise.resolve().then(()=>require("../spacer.config-mPXMR1CE.cjs")),"../edit-option/item-configs/sunburst-chart.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart.config-CEfAd1RQ.cjs")),"../edit-option/item-configs/textobject.config.ts":()=>Promise.resolve().then(()=>require("../textobject.config-BFB3rEmt.cjs")),"../edit-option/item-configs/treemap-chart.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart.config-D6H5Hf2B.cjs")),"../edit-option/item-configs/videoobject.config.ts":()=>Promise.resolve().then(()=>require("../videoobject.config-BBDHSf6_.cjs")),"../edit-option/item-configs/wordcloud-chart.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart.config-BLvcDvxT.cjs"))});if(i[`../edit-option/item-configs/${o}.config.ts`])try{const r=await i[`../edit-option/item-configs/${o}.config.ts`]();this.optionsConfiguration=(r==null?void 0:r.default)??{}}catch(r){this.optionsConfiguration={},console.error(r)}a=!0}if(t&&(t!==this._languageLoaded||a)){const i=Object.assign({"../edit-option/item-translations/bar-chart.en.ts":()=>Promise.resolve().then(()=>require("../bar-chart.en-D1UfGsS3.cjs")),"../edit-option/item-translations/bar-chart.fr.ts":()=>Promise.resolve().then(()=>require("../bar-chart.fr-CP7DTrlk.cjs")),"../edit-option/item-translations/bar-chart.nl.ts":()=>Promise.resolve().then(()=>require("../bar-chart.nl-Cxq8ID8c.cjs")),"../edit-option/item-translations/column-chart.en.ts":()=>Promise.resolve().then(()=>require("../column-chart.en-D1UfGsS3.cjs")),"../edit-option/item-translations/column-chart.fr.ts":()=>Promise.resolve().then(()=>require("../column-chart.fr-CP7DTrlk.cjs")),"../edit-option/item-translations/column-chart.nl.ts":()=>Promise.resolve().then(()=>require("../column-chart.nl-Cxq8ID8c.cjs")),"../edit-option/item-translations/donut-chart.en.ts":()=>Promise.resolve().then(()=>require("../donut-chart.en-DHCYs2el.cjs")),"../edit-option/item-translations/donut-chart.fr.ts":()=>Promise.resolve().then(()=>require("../donut-chart.fr-C33dLw52.cjs")),"../edit-option/item-translations/donut-chart.nl.ts":()=>Promise.resolve().then(()=>require("../donut-chart.nl-CHAnU1xZ.cjs")),"../edit-option/item-translations/imageobject.en.ts":()=>Promise.resolve().then(()=>require("../imageobject.en-DflcU_2H.cjs")),"../edit-option/item-translations/imageobject.fr.ts":()=>Promise.resolve().then(()=>require("../imageobject.fr-ycH7UoX5.cjs")),"../edit-option/item-translations/imageobject.nl.ts":()=>Promise.resolve().then(()=>require("../imageobject.nl-DQL45o0j.cjs")),"../edit-option/item-translations/textobject.en.ts":()=>Promise.resolve().then(()=>require("../textobject.en-LfsMtwo6.cjs")),"../edit-option/item-translations/textobject.fr.ts":()=>Promise.resolve().then(()=>require("../textobject.fr-B8x29grG.cjs")),"../edit-option/item-translations/textobject.nl.ts":()=>Promise.resolve().then(()=>require("../textobject.nl-DzglrI3i.cjs"))});if(i[`../edit-option/item-translations/${o}.${t}.ts`])try{const r=await i[`../edit-option/item-translations/${o}.${t}.ts`]();this.translations=(r==null?void 0:r.default)??{}}catch(r){this.translations={},console.warn("Translation file not found",r)}}return{config:this.optionsConfiguration,translations:this.translations}},args:()=>[this.itemType,this.language]}),this.language="en",this.options={},this.slots={},this.theme={},this.size="m",this.renderAllGroups=o=>{const t=o.map(a=>{if(a!=null&&a.children)return this.renderGroup(a)});return e.x`<luzmo-accordion
|
|
62
62
|
variant="highlight"
|
|
63
63
|
.size=${this.size}
|
|
64
64
|
density="compact"
|
|
65
65
|
allow-multiple
|
|
66
66
|
no-content-padding
|
|
67
67
|
header-case="uppercase"
|
|
68
|
-
>${
|
|
69
|
-
>`},this.renderGroup=o=>{var a,
|
|
70
|
-
label=${((
|
|
68
|
+
>${t}</luzmo-accordion
|
|
69
|
+
>`},this.renderGroup=o=>{var a,i,r;if(typeof(o==null?void 0:o.visibleIf)=="function"&&!o.visibleIf(this.options,this.slots,this.theme))return e.x``;const t=s=>s==null?void 0:s.map(n=>{if(typeof(n==null?void 0:n.visibleIf)=="function"&&!n.visibleIf(this.options,this.slots,this.theme))return e.x``;if(n!=null&&n.control)return this.renderOptionControl(n.key);if((n==null?void 0:n.type)==="divider")return this.renderDivider();if((n==null?void 0:n.type)==="group")return this.renderGroup(n)});return e.x`<luzmo-accordion-item
|
|
70
|
+
label=${((r=(i=(a=this.translations)==null?void 0:a.groups)==null?void 0:i[o.key])==null?void 0:r.label)??o.key}
|
|
71
71
|
?open=${o.open}
|
|
72
72
|
>
|
|
73
|
-
${
|
|
74
|
-
</luzmo-accordion-item>`},this.renderOptionControl=o=>
|
|
73
|
+
${t(o.children)}
|
|
74
|
+
</luzmo-accordion-item>`},this.renderOptionControl=o=>e.x`<luzmo-edit-option
|
|
75
75
|
class="control"
|
|
76
76
|
.itemType=${this.itemType}
|
|
77
77
|
.optionKey=${o}
|
|
@@ -80,9 +80,4 @@
|
|
|
80
80
|
.theme=${this.theme}
|
|
81
81
|
.size=${this.size}
|
|
82
82
|
.language=${this.language}
|
|
83
|
-
></luzmo-edit-option>`,this.renderDivider=()=>
|
|
84
|
-
<div>
|
|
85
|
-
Could not load options configuration controls for chart
|
|
86
|
-
'${this.itemType}': ${o}.
|
|
87
|
-
</div>
|
|
88
|
-
`})}};g.styles=i.r$1(j);let l=g;d([i.n({type:String,reflect:!0})],l.prototype,"language");d([i.n({type:String,reflect:!0,attribute:"item-type"})],l.prototype,"itemType");d([i.n({type:Object})],l.prototype,"options");d([i.n({type:Object})],l.prototype,"slots");d([i.n({type:Object})],l.prototype,"theme");d([i.n({type:String,reflect:!0})],l.prototype,"size");d([i.n({type:Object})],l.prototype,"optionsConfiguration");d([i.n({type:Object})],l.prototype,"translations");customElements.get("luzmo-edit-item")||customElements.define("luzmo-edit-item",l);exports.LuzmoEditItem=l;
|
|
83
|
+
></luzmo-edit-option>`,this.renderDivider=()=>e.x`<luzmo-divider></luzmo-divider>`}render(){return this._loadItemConfig.render({pending:()=>e.x`<p>Loading...</p>`,complete:o=>this.renderAllGroups(o.config),error:o=>(console.error(o),e.x``)})}};g.styles=e.r$1(j);let l=g;d([e.n({type:String,reflect:!0})],l.prototype,"language");d([e.n({type:String,reflect:!0,attribute:"item-type"})],l.prototype,"itemType");d([e.n({type:Object})],l.prototype,"options");d([e.n({type:Object})],l.prototype,"slots");d([e.n({type:Object})],l.prototype,"theme");d([e.n({type:String,reflect:!0})],l.prototype,"size");d([e.n({type:Object})],l.prototype,"optionsConfiguration");d([e.n({type:Object})],l.prototype,"translations");customElements.get("luzmo-edit-item")||customElements.define("luzmo-edit-item",l);exports.LuzmoEditItem=l;
|