@luzmo/analytics-components-kit 1.0.1-alpha.31 → 1.0.1-alpha.32
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/{async-directive-C_bp5UcZ-B5_19oN_.js → async-directive-BfcqVjDp-BCT-lA4F.js} +8 -8
- package/components/{async-directive-C_bp5UcZ-mUPcBvyn.cjs → async-directive-BfcqVjDp-C8C45jl6.cjs} +3 -3
- package/components/{base-D76d76ww-D0dTUBua.js → base-D76d76ww-BGkuhs54.js} +59 -47
- package/components/{base-D76d76ww-BEIhYtgV.cjs → base-D76d76ww-tT6yr8eb.cjs} +9 -9
- package/components/{button-base-WsJSnMie-B1TLbPwk.cjs → button-base-DbkDzb71-CY6MJGqE.cjs} +2 -2
- package/components/{button-base-WsJSnMie-CyGPs7kd.js → button-base-DbkDzb71-R8oqSqlY.js} +4 -4
- package/components/calculate-data-item-icon-BtUWtDx3.cjs +20 -0
- package/components/calculate-data-item-icon-DauSiV8c.js +97 -0
- package/components/{checkbox-mixin-CmeCReJh-wY0R8cuc.cjs → checkbox-mixin-Do7EgtpQ-D3m-dMTI.cjs} +3 -3
- package/components/{checkbox-mixin-CmeCReJh-C94-rm4F.js → checkbox-mixin-Do7EgtpQ-hne79zc-.js} +2 -2
- package/components/{de-BaTUIQk1.js → de-CCq00pbq.js} +55 -1
- package/components/de-DcZysUyZ.cjs +20 -0
- package/components/{directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs → directive-helpers-Cm6gitnu-BeggOiwf.cjs} +4 -4
- package/components/{directive-helpers-Bx_ey3Gk-Csi4AxXe.js → directive-helpers-Cm6gitnu-CeYtlPO9.js} +53 -19
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +18 -17
- package/components/display-settings-binning/display-settings-binning.d.ts +0 -1
- package/components/display-settings-binning/index.cjs +3 -2
- package/components/display-settings-binning/index.js +21 -21
- package/components/display-settings-datetime/index.cjs +2 -2
- package/components/display-settings-datetime/index.js +37 -35
- package/components/display-settings-grand-totals/display-settings-grand-totals.d.ts +0 -1
- package/components/display-settings-grand-totals/index.cjs +4 -3
- package/components/display-settings-grand-totals/index.js +21 -21
- package/components/display-settings-numeric/index.cjs +14 -14
- package/components/display-settings-numeric/index.js +32 -30
- package/components/display-settings-period-over-period/index.cjs +6 -6
- package/components/display-settings-period-over-period/index.js +36 -34
- package/components/draggable-data-item/index.cjs +3 -3
- package/components/draggable-data-item/index.js +15 -13
- package/components/draggable-data-item-level/index.cjs +9 -9
- package/components/draggable-data-item-level/index.js +96 -167
- package/components/droppable-slot/index.cjs +2 -2
- package/components/droppable-slot/index.js +21 -19
- package/components/edit-item/index.cjs +11 -11
- package/components/edit-item/index.js +13 -12
- package/components/edit-option/index.cjs +1 -1
- package/components/edit-option/index.js +1 -1
- package/components/edit-option-action-button-group/index.cjs +2 -1
- package/components/edit-option-action-button-group/index.js +44 -43
- package/components/edit-option-base-CSJNbo2E.cjs +53 -0
- package/components/{edit-option-base-DOezOLDd.js → edit-option-base-DeQjGX4i.js} +5 -4
- package/components/edit-option-color-picker/index.cjs +23 -23
- package/components/edit-option-color-picker/index.js +50 -50
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +3 -3
- package/components/edit-option-number-field/index.cjs +2 -2
- package/components/edit-option-number-field/index.js +3 -3
- package/components/edit-option-picker/index.cjs +2 -2
- package/components/edit-option-picker/index.js +4 -4
- package/components/edit-option-position-picker/index.cjs +1 -1
- package/components/edit-option-position-picker/index.js +3 -3
- package/components/edit-option-positions-number-field/index.cjs +1 -1
- package/components/edit-option-positions-number-field/index.js +7 -7
- package/components/edit-option-radio-button-group/index.cjs +4 -4
- package/components/edit-option-radio-button-group/index.js +4 -4
- package/components/edit-option-slider/index.cjs +2 -2
- package/components/edit-option-slider/index.js +27 -27
- package/components/edit-option-switch/index.cjs +3 -3
- package/components/edit-option-switch/index.js +5 -5
- package/components/edit-option-text-field/index.cjs +2 -2
- package/components/edit-option-text-field/index.js +3 -3
- package/components/es-CGiBfBKJ.cjs +20 -0
- package/components/{es-D37mTCZB.js → es-DBmbFw-L.js} +55 -1
- package/components/filter-data-item-picker/filter-data-item-picker.d.ts +88 -0
- package/components/filter-data-item-picker/index.cjs +47 -0
- package/components/filter-data-item-picker/index.d.ts +7 -0
- package/components/filter-data-item-picker/index.js +193 -0
- package/components/filter-expression-picker/filter-expression-picker.d.ts +74 -0
- package/components/filter-expression-picker/index.cjs +20 -0
- package/components/filter-expression-picker/index.d.ts +7 -0
- package/components/filter-expression-picker/index.js +30 -0
- package/components/filter-group/filter-group.d.ts +26 -0
- package/components/filter-group/index.d.ts +7 -0
- package/components/filter-item/filter-item.d.ts +76 -0
- package/components/filter-item/index.cjs +52 -0
- package/components/filter-item/index.d.ts +7 -0
- package/components/filter-item/index.js +271 -0
- package/components/filter-parameter-picker/filter-parameter-picker.d.ts +25 -0
- package/components/filter-parameter-picker/index.d.ts +7 -0
- package/components/filter-value-picker/filter-value-picker.d.ts +65 -0
- package/components/filter-value-picker/index.cjs +51 -0
- package/components/filter-value-picker/index.d.ts +7 -0
- package/components/filter-value-picker/index.js +149 -0
- package/components/filter-value-picker-datetime/filter-value-picker-datetime.d.ts +43 -0
- package/components/filter-value-picker-datetime/index.cjs +288 -0
- package/components/filter-value-picker-datetime/index.d.ts +7 -0
- package/components/filter-value-picker-datetime/index.js +2820 -0
- package/components/filter-value-picker-hierarchy/filter-value-picker-hierarchy.d.ts +82 -0
- package/components/filter-value-picker-hierarchy/index.cjs +46 -0
- package/components/filter-value-picker-hierarchy/index.d.ts +7 -0
- package/components/filter-value-picker-hierarchy/index.js +278 -0
- package/components/filter-value-picker-numeric/filter-value-picker-numeric.d.ts +83 -0
- package/components/filter-value-picker-numeric/index.cjs +46 -0
- package/components/filter-value-picker-numeric/index.d.ts +7 -0
- package/components/filter-value-picker-numeric/index.js +274 -0
- package/components/flow-D-0MTYCm-BOBCoA5Z.js +546 -0
- package/components/flow-D-0MTYCm-BW5krWol.cjs +48 -0
- package/components/{focusable-BNESohBR-DbTLvYXr.cjs → focusable-BxtpnzWp-CkK9AeMt.cjs} +2 -2
- package/components/{focusable-BNESohBR-DYvAZYXL.js → focusable-BxtpnzWp-DJQkL8Zv.js} +1 -1
- package/components/focusable-DB6Uhr-C.js +275 -0
- package/components/focusable-_wp5pWO-.cjs +20 -0
- package/components/{fr-BWJHvkss.js → fr-BOwMikLT.js} +55 -1
- package/components/fr-DZbYwMlh.cjs +20 -0
- package/components/{get-css-variable-Bhbr-Kr1.js → get-css-variable-YlLiVgo8.js} +2 -2
- package/components/{if-defined-DbhS35z5.js → if-defined-B4gwZxx6.js} +1 -1
- package/components/{if-defined-D-1p2bLN-Bn-33APC.js → if-defined-DOaE2coe-CNT45Xcl.js} +1 -1
- package/components/{if-defined-D-1p2bLN-0_AoRnT2.cjs → if-defined-DOaE2coe-Cvlu5s9n.cjs} +1 -1
- package/components/{if-defined-CF8baNdl.cjs → if-defined-DqthfJme.cjs} +2 -2
- package/components/{index-Dwp251OJ.js → index-5mZhN-HJ.js} +7 -6
- package/components/{index-B3jkBlKY.js → index-BC1LV3vH.js} +3 -3
- package/components/{index-BXMPi13W.js → index-BCBLJ-ei.js} +82 -82
- package/components/{index-B9dQtvu7.js → index-BHJH1eGn.js} +3 -3
- package/components/index-BHXq1-M1.cjs +195 -0
- package/components/{index-C2-2RrwB.cjs → index-BKwbYw6x.cjs} +3 -3
- package/components/index-BOqSYlku.cjs +38 -0
- package/components/{index-D5rT-qy9.cjs → index-Bafc5poK.cjs} +12 -28
- package/components/{index-CqFCIIIl.js → index-BbuNpVBr.js} +3 -3
- package/components/{index-CRx2nPkq.js → index-Bmpw4rGV.js} +3 -3
- package/components/{index-D8Na-686.cjs → index-BoXbQm2o.cjs} +1 -1
- package/components/{index-uRWe553S.cjs → index-BtIWR_s6.cjs} +4 -4
- package/components/index-BwsEWpIS.js +494 -0
- package/components/{index-CF84gqsb.cjs → index-C2PPSv8E.cjs} +4 -4
- package/components/{index-CbeVu32V.js → index-C3N6qTxJ.js} +3 -3
- package/components/index-C5m9vRp5.js +598 -0
- package/components/{index-bZQXFqxv.cjs → index-CBOAQ3-E.cjs} +10 -10
- package/components/{index-_McOOiwL.cjs → index-CSm0I7Gz.cjs} +4 -4
- package/components/index-CTHlwZ9E.cjs +274 -0
- package/components/{index-Brg_sVUg.js → index-CTVNGPeT.js} +1 -1
- package/components/{index-Rjoe8cIs.js → index-Cb5l6iK_.js} +110 -173
- package/components/{index-BkCJwWm3.cjs → index-CeENkpNK.cjs} +3 -3
- package/components/{index-BnbhRpm9.js → index-CnRQGFHT.js} +3 -3
- package/components/{index-BKcvEgWr.cjs → index-CnpJUw_z.cjs} +3 -3
- package/components/{index-DJik7S7b.js → index-CsDgk_sj.js} +2 -2
- package/components/{index-fl13NYnO.js → index-CskV_bXp.js} +2 -2
- package/components/index-CyWwLYEO.js +1789 -0
- package/components/index-D9yzIoGv.js +1666 -0
- package/components/{index-Bwxvaqxq.cjs → index-DF-s3cEL.cjs} +11 -11
- package/components/{index-CVuJ-LUO.cjs → index-DSQyBS9Z.cjs} +2 -2
- package/components/{index-Bb8vxGZY.js → index-Desl7GJ0.js} +19 -15
- package/components/{index-0HUnZcem.cjs → index-DtohCwyO.cjs} +2 -2
- package/components/index-TQG9Xdxu.cjs +20 -0
- package/components/index-c2uKLWDt.cjs +157 -0
- package/components/{index-C9-QEfA9.cjs → index-j8UKjHqY.cjs} +4 -4
- package/components/{index-DZZMSlYS.js → index-rQxtPaJl.js} +6 -6
- package/components/index.cjs +1 -1
- package/components/index.js +41 -27
- package/components/localized-decorator-ClAOFk8M.cjs +28 -0
- package/components/localized-decorator-DGnMToFa.js +48 -0
- package/components/{luzmo-icons-U09GB75o.js → luzmo-icons-CPucBq6e.js} +89 -89
- package/components/luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs +47 -0
- package/components/{luzmo-icons-BLN3xVgr-Tz5XXgbL.js → luzmo-icons-DbwDQtuO-QG0fLECn.js} +67 -25
- package/components/luzmo-icons-Nyf1P71v.cjs +31 -0
- package/components/nl-0V96M02q.cjs +20 -0
- package/components/nl-CY0iO3Ch.js +158 -0
- package/components/observe-slot-presence-CmVi0zTc-B4M1Mze7.cjs +36 -0
- package/components/observe-slot-presence-CmVi0zTc-DCFuXW7v.js +87 -0
- package/components/{observe-slot-text-CVKLDesL-BB2RmFgc.cjs → observe-slot-text-BPfIQQtz-DHOh38Ve.cjs} +4 -4
- package/components/{observe-slot-text-CVKLDesL-CXUeCmXW.js → observe-slot-text-BPfIQQtz-v6B-1BYh.js} +5 -5
- package/components/pending-state-DTX7ggyF-BQGaWUEI.cjs +80 -0
- package/components/pending-state-DTX7ggyF-KolnwUB7.js +321 -0
- package/components/{periods.const-CDIkC5CK.cjs → periods.const-BbgInj9J.cjs} +1 -1
- package/components/{periods.const-GHh5bPfs.js → periods.const-D2cMP5hH.js} +1 -1
- package/components/{popover-DRyjN9y_-w1zh4tvw.js → popover-DjX0aAnY-B_ujTfos.js} +2 -2
- package/components/{popover-DRyjN9y_-7mF_fAOh.cjs → popover-DjX0aAnY-CSUMV_Ay.cjs} +3 -3
- package/components/property-CxtZroGf.js +600 -0
- package/components/property-Dlf9S6Jz.cjs +42 -0
- package/components/{query-assigned-nodes-C76XVPWY-k1jDPyUQ.cjs → query-assigned-nodes-C76XVPWY-BW2w3V7-.cjs} +1 -1
- package/components/{query-assigned-nodes-C76XVPWY-BWouxGZs.js → query-assigned-nodes-C76XVPWY-DxNwGHfW.js} +1 -1
- package/components/scatter-plot-options.config-CFfGJXsV.cjs +20 -0
- package/components/{scatter-plot-options.config-lrkd9qj4.js → scatter-plot-options.config-Corlzno1.js} +78 -48
- package/components/set-locale-5FFfQpVQ.cjs +52 -0
- package/components/set-locale-DAGnJZD8.js +188 -0
- package/components/{sized-mixin-DMuOVsw0.js → sized-mixin-C7R5uRbF.js} +1 -1
- package/components/sized-mixin-ZTphZKLm.cjs +20 -0
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +12 -11
- package/components/slot-menu-list/index.cjs +3 -3
- package/components/slot-menu-list/index.js +15 -14
- package/components/{state-e2n-fyrr.js → state-BVYsk_HZ.js} +1 -1
- package/components/{state-QgHgNZLe.cjs → state-CrfOw8Zp.cjs} +2 -2
- package/components/{streaming-listener-C8Ctj0Q6-lanbGKR9.js → streaming-listener-CP-JE6Fa-9MH0gENR.js} +3 -3
- package/components/{streaming-listener-C8Ctj0Q6-BhMxS69F.cjs → streaming-listener-CP-JE6Fa-DMzr1X1m.cjs} +3 -3
- package/components/{task-fQFUVV8e.cjs → task-CdvrMX8r.cjs} +2 -2
- package/components/{task-gE27tBDv.js → task-DH8UFyxP.js} +1 -1
- package/components/{text-field-C0pFjPG1-BCVbGXp7.cjs → text-field-BIADXoLC-B8w9TVmS.cjs} +8 -8
- package/components/{text-field-C0pFjPG1-B4TRivuD.js → text-field-BIADXoLC-B9oE05VF.js} +11 -10
- package/custom-elements.json +1891 -34
- package/index.d.ts +7 -0
- package/item-definitions/scatter-plot/scatter-plot-options.config.d.ts +3 -0
- package/package.json +46 -1
- package/utils/data-broker/index.d.ts +179 -0
- package/utils/data-item-types/calculate-data-item-icon.d.ts +3 -0
- package/utils/filters/expressions.d.ts +15 -0
- package/utils/filters/index.d.ts +1 -0
- package/utils/localize/set-locale.d.ts +4 -2
- package/utils/types/column.types.d.ts +1 -1
- package/components/de-DgHoh7KS.cjs +0 -20
- package/components/draggable-data-item-level/helpers/calculate-type-icon.d.ts +0 -2
- package/components/edit-option-base-jkkFevzT.cjs +0 -53
- package/components/es-ByW01bzN.cjs +0 -20
- package/components/focusable-Cu_m_GTh.cjs +0 -42
- package/components/focusable-Dw_pMNQL.js +0 -852
- package/components/fr-DnFUAglm.cjs +0 -20
- package/components/index-CqynTbW1.cjs +0 -217
- package/components/index-DFnzlbHX.js +0 -779
- package/components/index-hogChFy0.cjs +0 -195
- package/components/luzmo-icons-BDClm1AE.cjs +0 -31
- package/components/luzmo-icons-BLN3xVgr-Cr3OrsqW.cjs +0 -47
- package/components/nl-CWxJcTNT.js +0 -104
- package/components/nl-CpfDNK5c.cjs +0 -20
- package/components/scatter-plot-options.config-DkJLutNb.cjs +0 -20
- package/components/set-locale-ByIApH40.cjs +0 -60
- package/components/set-locale-DJYT4V7U.js +0 -212
- package/components/sized-mixin-Cqlxwicw.cjs +0 -20
- /package/components/{divider.module-DwOuLGU3-B19eHVg2.js → divider.module-DoQWQEIJ-B19eHVg2.js} +0 -0
- /package/components/{divider.module-DwOuLGU3-Bg8RrFkc.cjs → divider.module-DoQWQEIJ-Bg8RrFkc.cjs} +0 -0
|
@@ -17,19 +17,21 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
import { m as t,
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import "../
|
|
25
|
-
import "../index-
|
|
26
|
-
import "../index-
|
|
27
|
-
import "../index-
|
|
28
|
-
import
|
|
29
|
-
import {
|
|
30
|
-
import { r as
|
|
20
|
+
import { m as t, g as $, t as E, s as L } from "../set-locale-DAGnJZD8.js";
|
|
21
|
+
import { l as O } from "../localized-decorator-DGnMToFa.js";
|
|
22
|
+
import { D as w, Z as S, g as I } from "../luzmo-icons-DbwDQtuO-QG0fLECn.js";
|
|
23
|
+
import { m as j, a as A, R as p, I as C, z as h } from "../base-D76d76ww-BGkuhs54.js";
|
|
24
|
+
import { k as D } from "../checkbox-mixin-Do7EgtpQ-hne79zc-.js";
|
|
25
|
+
import "../index-CsDgk_sj.js";
|
|
26
|
+
import "../index-Cb5l6iK_.js";
|
|
27
|
+
import "../index-Desl7GJ0.js";
|
|
28
|
+
import "../index-BwsEWpIS.js";
|
|
29
|
+
import { d as T } from "../decompose-numeric-format-BuZcjH2k.js";
|
|
30
|
+
import { r as F, x as z, n as H } from "../property-CxtZroGf.js";
|
|
31
|
+
import { r as B } from "../state-BVYsk_HZ.js";
|
|
31
32
|
import { e as v } from "../query-Ddbd72Um.js";
|
|
32
|
-
import {
|
|
33
|
+
import { L as N } from "../focusable-DB6Uhr-C.js";
|
|
34
|
+
import { S as R, E as U } from "../sized-mixin-C7R5uRbF.js";
|
|
33
35
|
const _ = () => {
|
|
34
36
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
35
37
|
const e = document.createElement("style");
|
|
@@ -54,20 +56,20 @@ _();
|
|
|
54
56
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
55
57
|
* SOFTWARE.
|
|
56
58
|
* */
|
|
57
|
-
const
|
|
59
|
+
const q = () => {
|
|
58
60
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
59
61
|
const e = document.createElement("style");
|
|
60
62
|
e.setAttribute("data-luzmo-vars", ""), e.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-disabled-color);--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-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #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(e);
|
|
61
63
|
}
|
|
62
64
|
};
|
|
63
|
-
|
|
64
|
-
const q = ':host{color:var(--highcontrast-checkbox-content-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)));min-block-size:var(--luzmo-checkbox-height, var(--checkbox-height, 32px));max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-checkbox-font-family, var(--luzmo-font-family))}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-selected-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down, var(--luzmo-checkbox-content-color-down, var(--luzmo-font-color-hard)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-negative-color)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-negative-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-default, var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-emphasized-color-focus, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-focus, var(--luzmo-negative-color)))}@media (hover: hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-color-hover, var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-down, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-invalid-color-down, var(--luzmo-negative-color)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size, var(--checkbox-font-size, 14px));transition:color var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height, 1.3);margin-block-start:var(--luzmo-checkbox-top-to-text, var(--checkbox-top-to-text, 6px));margin-inline-start:var(--luzmo-checkbox-text-to-control, var(--checkbox-text-to-control, 10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk, 1.5)}#input{color:var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:.0001;z-index:1;cursor:pointer;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width, var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap, 2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus, var(--luzmo-checkbox-content-color-focus, var(--luzmo-font-color-hard)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}#box{--luzmo-checkbox-spacing: calc( var(--luzmo-checkbox-height, var(--checkbox-height, 32px)) - var( --luzmo-checkbox-control-size, var(--checkbox-control-size, 14px) ) );margin:calc(var(--luzmo-checkbox-spacing) / 2) 0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px));block-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-corner-radius, 2px);border-width:var(--luzmo-checkbox-border-width, var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-corner-radius, 2px) + var(--luzmo-checkbox-focus-indicator-gap, 2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap, 2px);transition:box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out,margin var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,transform var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;transform:scale(0);width:var(--textbox-control-size, 14px);display:flex;align-items:center;justify-content:center;font-size:var(--checkbox-icon-size)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-control-color-disabled, var(--luzmo-disabled-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-content-color-disabled, var(--luzmo-disabled-color)))}@media (forced-colors: active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap, var(--luzmo-checkbox-focus-indicator-gap, 2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default: CanvasText;--highcontrast-checkbox-content-color-hover: CanvasText;--highcontrast-checkbox-content-color-down: CanvasText;--highcontrast-checkbox-content-color-focus: CanvasText;--highcontrast-checkbox-background-color-default: Canvas;--highcontrast-checkbox-color-default: ButtonText;--highcontrast-checkbox-color-hover: ButtonText;--highcontrast-checkbox-color-focus: Highlight;--highcontrast-checkbox-highlight-color-default: Highlight;--highcontrast-checkbox-highlight-color-hover: Highlight;--highcontrast-checkbox-highlight-color-down: Highlight;--highcontrast-checkbox-highlight-color-focus: Highlight;--highcontrast-checkbox-disabled-color-default: GrayText;--highcontrast-checkbox-focus-indicator-color: CanvasText}}:host([size=s]){--checkbox-font-size: var(--luzmo-checkbox-size-s-font-size, 12px);--checkbox-height: var(--luzmo-checkbox-size-s-height, 24px);--checkbox-control-size: var(--luzmo-checkbox-size-s-control-size, 12px);--checkbox-top-to-text: var(--luzmo-checkbox-size-s-top-to-text, 4px);--checkbox-text-to-control: var(--luzmo-checkbox-size-s-text-to-control, 9px);--checkbox-icon-size: var(--luzmo-checkbox-size-s-icon-size, 9px)}:host{--checkbox-font-size: var(--luzmo-checkbox-size-m-font-size, 14px);--checkbox-height: var(--luzmo-checkbox-size-m-height, 32px);--checkbox-control-size: var(--luzmo-checkbox-size-m-control-size, 14px);--checkbox-top-to-text: var(--luzmo-checkbox-size-m-top-to-text, 6px);--checkbox-text-to-control: var( --luzmo-checkbox-size-m-text-to-control, 10px );--checkbox-icon-size: var(--luzmo-checkbox-size-m-icon-size, 10px)}:host([size=l]){--checkbox-font-size: var(--luzmo-checkbox-size-l-font-size, 16px);--checkbox-height: var(--luzmo-checkbox-size-l-height, 40px);--checkbox-control-size: var(--luzmo-checkbox-size-l-control-size, 16px);--checkbox-top-to-text: var(--luzmo-checkbox-size-l-top-to-text, 9px);--checkbox-text-to-control: var( --luzmo-checkbox-size-l-text-to-control, 11px );--checkbox-icon-size: var(--luzmo-checkbox-size-l-icon-size, 11px)}:host([size=xl]){--checkbox-font-size: var(--luzmo-checkbox-size-xl-font-size, 18px);--checkbox-height: var(--luzmo-checkbox-size-xl-height, 48px);--checkbox-control-size: var(--luzmo-checkbox-size-xl-control-size, 18px);--checkbox-top-to-text: var(--luzmo-checkbox-size-xl-top-to-text, 12px);--checkbox-text-to-control: var( --luzmo-checkbox-size-xl-text-to-control, 13px );--checkbox-icon-size: var(--luzmo-checkbox-size-xl-icon-size, 12px)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}';
|
|
65
|
-
var
|
|
65
|
+
q();
|
|
66
|
+
const M = ':host{color:var(--highcontrast-checkbox-content-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)));min-block-size:var(--luzmo-checkbox-height, var(--checkbox-height, 32px));max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-checkbox-font-family, var(--luzmo-font-family))}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-selected-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down, var(--luzmo-checkbox-content-color-down, var(--luzmo-font-color-hard)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-negative-color)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-negative-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-default, var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-emphasized-color-focus, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-focus, var(--luzmo-negative-color)))}@media (hover: hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-color-hover, var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-down, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-invalid-color-down, var(--luzmo-negative-color)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size, var(--checkbox-font-size, 14px));transition:color var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height, 1.3);margin-block-start:var(--luzmo-checkbox-top-to-text, var(--checkbox-top-to-text, 6px));margin-inline-start:var(--luzmo-checkbox-text-to-control, var(--checkbox-text-to-control, 10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk, 1.5)}#input{color:var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:.0001;z-index:1;cursor:pointer;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width, var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap, 2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus, var(--luzmo-checkbox-content-color-focus, var(--luzmo-font-color-hard)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}#box{--luzmo-checkbox-spacing: calc( var(--luzmo-checkbox-height, var(--checkbox-height, 32px)) - var( --luzmo-checkbox-control-size, var(--checkbox-control-size, 14px) ) );margin:calc(var(--luzmo-checkbox-spacing) / 2) 0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px));block-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-corner-radius, 2px);border-width:var(--luzmo-checkbox-border-width, var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-corner-radius, 2px) + var(--luzmo-checkbox-focus-indicator-gap, 2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap, 2px);transition:box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out,margin var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,transform var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;transform:scale(0);width:var(--textbox-control-size, 14px);display:flex;align-items:center;justify-content:center;font-size:var(--checkbox-icon-size)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-control-color-disabled, var(--luzmo-disabled-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-content-color-disabled, var(--luzmo-disabled-color)))}@media (forced-colors: active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap, var(--luzmo-checkbox-focus-indicator-gap, 2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default: CanvasText;--highcontrast-checkbox-content-color-hover: CanvasText;--highcontrast-checkbox-content-color-down: CanvasText;--highcontrast-checkbox-content-color-focus: CanvasText;--highcontrast-checkbox-background-color-default: Canvas;--highcontrast-checkbox-color-default: ButtonText;--highcontrast-checkbox-color-hover: ButtonText;--highcontrast-checkbox-color-focus: Highlight;--highcontrast-checkbox-highlight-color-default: Highlight;--highcontrast-checkbox-highlight-color-hover: Highlight;--highcontrast-checkbox-highlight-color-down: Highlight;--highcontrast-checkbox-highlight-color-focus: Highlight;--highcontrast-checkbox-disabled-color-default: GrayText;--highcontrast-checkbox-focus-indicator-color: CanvasText}}:host([size=s]){--checkbox-font-size: var(--luzmo-checkbox-size-s-font-size, 12px);--checkbox-height: var(--luzmo-checkbox-size-s-height, 24px);--checkbox-control-size: var(--luzmo-checkbox-size-s-control-size, 12px);--checkbox-top-to-text: var(--luzmo-checkbox-size-s-top-to-text, 4px);--checkbox-text-to-control: var(--luzmo-checkbox-size-s-text-to-control, 9px);--checkbox-icon-size: var(--luzmo-checkbox-size-s-icon-size, 9px)}:host{--checkbox-font-size: var(--luzmo-checkbox-size-m-font-size, 14px);--checkbox-height: var(--luzmo-checkbox-size-m-height, 32px);--checkbox-control-size: var(--luzmo-checkbox-size-m-control-size, 14px);--checkbox-top-to-text: var(--luzmo-checkbox-size-m-top-to-text, 6px);--checkbox-text-to-control: var( --luzmo-checkbox-size-m-text-to-control, 10px );--checkbox-icon-size: var(--luzmo-checkbox-size-m-icon-size, 10px)}:host([size=l]){--checkbox-font-size: var(--luzmo-checkbox-size-l-font-size, 16px);--checkbox-height: var(--luzmo-checkbox-size-l-height, 40px);--checkbox-control-size: var(--luzmo-checkbox-size-l-control-size, 16px);--checkbox-top-to-text: var(--luzmo-checkbox-size-l-top-to-text, 9px);--checkbox-text-to-control: var( --luzmo-checkbox-size-l-text-to-control, 11px );--checkbox-icon-size: var(--luzmo-checkbox-size-l-icon-size, 11px)}:host([size=xl]){--checkbox-font-size: var(--luzmo-checkbox-size-xl-font-size, 18px);--checkbox-height: var(--luzmo-checkbox-size-xl-height, 48px);--checkbox-control-size: var(--luzmo-checkbox-size-xl-control-size, 18px);--checkbox-top-to-text: var(--luzmo-checkbox-size-xl-top-to-text, 12px);--checkbox-text-to-control: var( --luzmo-checkbox-size-xl-text-to-control, 13px );--checkbox-icon-size: var(--luzmo-checkbox-size-xl-icon-size, 12px)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}';
|
|
67
|
+
var V = Object.defineProperty, u = (e, o, l, a) => {
|
|
66
68
|
for (var r = void 0, i = e.length - 1, c; i >= 0; i--)
|
|
67
69
|
(c = e[i]) && (r = c(o, l, r) || r);
|
|
68
|
-
return r &&
|
|
70
|
+
return r && V(o, l, r), r;
|
|
69
71
|
};
|
|
70
|
-
const
|
|
72
|
+
const G = () => p`<div id="checkmark">${w(S)}</div>`, Q = () => p`<div id="partialCheckmark">${w(I)}</div>`, P = class extends j(D(C), {
|
|
71
73
|
noDefaultSize: !0
|
|
72
74
|
}) {
|
|
73
75
|
constructor() {
|
|
@@ -79,7 +81,7 @@ const V = () => p`<div id="checkmark">${w(S)}</div>`, G = () => p`<div id="parti
|
|
|
79
81
|
});
|
|
80
82
|
}
|
|
81
83
|
static get styles() {
|
|
82
|
-
return [
|
|
84
|
+
return [A(M)];
|
|
83
85
|
}
|
|
84
86
|
click() {
|
|
85
87
|
var o;
|
|
@@ -92,8 +94,8 @@ const V = () => p`<div id="checkmark">${w(S)}</div>`, G = () => p`<div id="parti
|
|
|
92
94
|
return p`
|
|
93
95
|
${super.render()}
|
|
94
96
|
<span id="box">
|
|
95
|
-
${this.checked ?
|
|
96
|
-
${this.indeterminate ?
|
|
97
|
+
${this.checked ? G() : p``}
|
|
98
|
+
${this.indeterminate ? Q() : p``}
|
|
97
99
|
</span>
|
|
98
100
|
<label id="label" for="input"><slot></slot></label>
|
|
99
101
|
`;
|
|
@@ -131,7 +133,7 @@ const y = {
|
|
|
131
133
|
past: () => t("Past value", { desc: "Period option" }),
|
|
132
134
|
absoluteChange: () => t("Absolute change", { desc: "Period option" }),
|
|
133
135
|
percentageChange: () => t("% change", { desc: "Period option" })
|
|
134
|
-
},
|
|
136
|
+
}, W = [
|
|
135
137
|
{ key: "periods", i18n: () => t("Periods", { desc: "Period option" }) },
|
|
136
138
|
{ key: "years", i18n: () => t("Years", { desc: "Period option" }) },
|
|
137
139
|
{ key: "quarters", i18n: () => t("Quarters", { desc: "Period option" }) },
|
|
@@ -141,33 +143,33 @@ const y = {
|
|
|
141
143
|
{ key: "hours", i18n: () => t("Hours", { desc: "Period option" }) },
|
|
142
144
|
{ key: "minutes", i18n: () => t("Minutes", { desc: "Period option" }) },
|
|
143
145
|
{ key: "seconds", i18n: () => t("Seconds", { desc: "Period option" }) }
|
|
144
|
-
],
|
|
145
|
-
var
|
|
146
|
-
for (var r = a > 1 ? void 0 : a ?
|
|
146
|
+
], Y = ":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size)}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4);--display-settings-period-over-period-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xl)}";
|
|
147
|
+
var Z = Object.defineProperty, J = Object.getOwnPropertyDescriptor, d = (e, o, l, a) => {
|
|
148
|
+
for (var r = a > 1 ? void 0 : a ? J(o, l) : o, i = e.length - 1, c; i >= 0; i--)
|
|
147
149
|
(c = e[i]) && (r = (a ? c(o, l, r) : c(r)) || r);
|
|
148
|
-
return a && r &&
|
|
150
|
+
return a && r && Z(o, l, r), r;
|
|
149
151
|
};
|
|
150
|
-
let n = class extends
|
|
151
|
-
|
|
152
|
+
let n = class extends R(
|
|
153
|
+
N,
|
|
152
154
|
{
|
|
153
|
-
validSizes: Object.values(
|
|
155
|
+
validSizes: Object.values(U)
|
|
154
156
|
}
|
|
155
157
|
) {
|
|
156
158
|
constructor() {
|
|
157
159
|
super(...arguments), this.language = "en", this.slotContent = {};
|
|
158
160
|
}
|
|
159
161
|
static get styles() {
|
|
160
|
-
return [F(
|
|
162
|
+
return [F(Y)];
|
|
161
163
|
}
|
|
162
164
|
willUpdate(e) {
|
|
163
165
|
var o, l, a, r, i, c, m, b, x, f, g, k;
|
|
164
|
-
e.has("slotContent") && (this._periodComparison = (l = (o = this.slotContent) == null ? void 0 : o.PeriodOverPeriod) == null ? void 0 : l.type, this._numberPeriods = (r = (a = this.slotContent) == null ? void 0 : a.PeriodOverPeriod) == null ? void 0 : r.quantity, this._periodLevel = (c = (i = this.slotContent) == null ? void 0 : i.PeriodOverPeriod) == null ? void 0 : c.level, this._incompletePeriods = (b = (m = this.slotContent) == null ? void 0 : m.PeriodOverPeriod) == null ? void 0 : b.periodToDate, this._minLevel = ((f = (x = this.slotContent) == null ? void 0 : x.PeriodOverPeriod) == null ? void 0 : f.minLevel) ?? ((g = this.slotContent) == null ? void 0 : g.lowestLevel) ?? (((k = this.slotContent) == null ? void 0 : k.subtype) === "date" ? 5 : 9)), this._periodComparison = this._periodComparison ?? "none", this._numberPeriods = this._numberPeriods ?? 1, this._periodLevel = this._periodLevel ?? "periods", this._incompletePeriods = this._incompletePeriods ?? !1, this._minLevel = this._minLevel ?? 9, e.has("language") && ([
|
|
166
|
+
e.has("slotContent") && (this._periodComparison = (l = (o = this.slotContent) == null ? void 0 : o.PeriodOverPeriod) == null ? void 0 : l.type, this._numberPeriods = (r = (a = this.slotContent) == null ? void 0 : a.PeriodOverPeriod) == null ? void 0 : r.quantity, this._periodLevel = (c = (i = this.slotContent) == null ? void 0 : i.PeriodOverPeriod) == null ? void 0 : c.level, this._incompletePeriods = (b = (m = this.slotContent) == null ? void 0 : m.PeriodOverPeriod) == null ? void 0 : b.periodToDate, this._minLevel = ((f = (x = this.slotContent) == null ? void 0 : x.PeriodOverPeriod) == null ? void 0 : f.minLevel) ?? ((g = this.slotContent) == null ? void 0 : g.lowestLevel) ?? (((k = this.slotContent) == null ? void 0 : k.subtype) === "date" ? 5 : 9)), this._periodComparison = this._periodComparison ?? "none", this._numberPeriods = this._numberPeriods ?? 1, this._periodLevel = this._periodLevel ?? "periods", this._incompletePeriods = this._incompletePeriods ?? !1, this._minLevel = this._minLevel ?? 9, e.has("language") && this.language !== $() && ([...E].includes(this.language ?? "en") || this.language === "en") && L(this.language);
|
|
165
167
|
}
|
|
166
168
|
setPeriodComparison() {
|
|
167
169
|
var b;
|
|
168
170
|
const e = { ...this.slotContent };
|
|
169
171
|
this._periodComparison = this._periodComparisonElement.value;
|
|
170
|
-
const o =
|
|
172
|
+
const o = T((b = this.slotContent) == null ? void 0 : b.format), l = ["%", "y", "a%", "ay"].includes(
|
|
171
173
|
o.typeFormat
|
|
172
174
|
), a = o.typeFormat.includes("a"), r = a ? "a" : "", i = o.comma === "," || a ? "," : "", c = o.precision ? Number.parseInt(o.precision.replace(".", ""), 10) : 0, m = ["z", "az", "y", "ay", "w", "aw"].includes(
|
|
173
175
|
o.typeFormat
|
|
@@ -209,7 +211,7 @@ let n = class extends N(
|
|
|
209
211
|
);
|
|
210
212
|
}
|
|
211
213
|
renderPeriodSettings() {
|
|
212
|
-
const e =
|
|
214
|
+
const e = W.slice(0, (this._minLevel ?? 0) + 1).map(
|
|
213
215
|
(o) => z`<luzmo-menu-item value=${o.key}>
|
|
214
216
|
${o.i18n()}
|
|
215
217
|
</luzmo-menu-item>`
|
|
@@ -304,7 +306,7 @@ d([
|
|
|
304
306
|
B()
|
|
305
307
|
], n.prototype, "_periodComparison", 2);
|
|
306
308
|
n = d([
|
|
307
|
-
|
|
309
|
+
O()
|
|
308
310
|
], n);
|
|
309
311
|
customElements.get("luzmo-display-settings-period-over-period") || customElements.define(
|
|
310
312
|
"luzmo-display-settings-period-over-period",
|
|
@@ -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 m=require("../set-locale-
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../localized-decorator-ClAOFk8M.cjs"),m=require("../set-locale-5FFfQpVQ.cjs"),v=require("../periods.const-BbgInj9J.cjs"),e=require("../property-Dlf9S6Jz.cjs"),h=require("../focusable-_wp5pWO-.cjs"),p=require("../sized-mixin-ZTphZKLm.cjs");require("../draggable-data-item-level/index.cjs");const z=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var y=Object.defineProperty,D=Object.getOwnPropertyDescriptor,l=(d,t,s,r)=>{for(var a=r>1?void 0:r?D(t,s):t,g=d.length-1,o;g>=0;g--)(o=d[g])&&(a=(r?o(t,s,a):o(a))||a);return r&&a&&y(t,s,a),a};exports.LuzmoDraggableDataItem=class extends p.SizedMixin(h.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(t){t.has("language")&&this.language!==m.getLocale()&&([...m.targetLocales].includes(this.language??"en")||this.language==="en")&&m.setLocale(this.language)}renderSublevels(){var s,r,a,g,o;let t;if(((s=this.data)==null?void 0:s.type)==="datetime")return t=((r=this.data)==null?void 0:r.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,e.x`
|
|
21
21
|
<div class="draggable-data-item-sublevels">
|
|
22
22
|
${Array.from({length:t},(b,i)=>{const n=v.DATETIME_LEVELS[i].i18n(),u={...this.data,level:i+1};return e.x`<luzmo-draggable-data-item-level
|
|
23
23
|
sublevel
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
?hide-type-icon=${this.hideTypeIcon}
|
|
31
31
|
></luzmo-draggable-data-item-level>`})}
|
|
32
32
|
</div>
|
|
33
|
-
`;if(((a=this.data)==null?void 0:a.type)==="hierarchy"&&((
|
|
33
|
+
`;if(((a=this.data)==null?void 0:a.type)==="hierarchy"&&((o=(g=this.data)==null?void 0:g.hierarchyLevels)==null?void 0:o.length)>2){const b=this.data.hierarchyLevels.filter(i=>(i==null?void 0:i.level)>=1).map((i,n)=>{const u={...this.data,level:n,label:i.label};return e.x`<luzmo-draggable-data-item-level
|
|
34
34
|
sublevel
|
|
35
35
|
.data=${u}
|
|
36
36
|
.language=${this.language}
|
|
@@ -52,4 +52,4 @@
|
|
|
52
52
|
?hide-type-icon=${this.hideTypeIcon}
|
|
53
53
|
></luzmo-draggable-data-item-level>
|
|
54
54
|
${this.hideSublevels?"":this.renderSublevels()}
|
|
55
|
-
`}};exports.LuzmoDraggableDataItem.styles=e.r(
|
|
55
|
+
`}};exports.LuzmoDraggableDataItem.styles=e.r(z);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"variant",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"language",2);l([e.n({type:Boolean,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"disabled",2);l([e.n({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],exports.LuzmoDraggableDataItem.prototype,"hideSublevels",2);l([e.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],exports.LuzmoDraggableDataItem.prototype,"hideTypeIcon",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"label",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"description",2);l([e.n({type:Object})],exports.LuzmoDraggableDataItem.prototype,"data",2);exports.LuzmoDraggableDataItem=l([c.localized()],exports.LuzmoDraggableDataItem);customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",exports.LuzmoDraggableDataItem);
|
|
@@ -17,10 +17,12 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
20
|
+
import { l as b } from "../localized-decorator-DGnMToFa.js";
|
|
21
|
+
import { g as p, t as h, s as f } from "../set-locale-DAGnJZD8.js";
|
|
22
|
+
import { D as v } from "../periods.const-D2cMP5hH.js";
|
|
23
|
+
import { x as n, r as x, n as t } from "../property-CxtZroGf.js";
|
|
24
|
+
import { L as y } from "../focusable-DB6Uhr-C.js";
|
|
25
|
+
import { S as $ } from "../sized-mixin-C7R5uRbF.js";
|
|
24
26
|
import "../draggable-data-item-level/index.js";
|
|
25
27
|
const z = () => {
|
|
26
28
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
@@ -29,13 +31,13 @@ const z = () => {
|
|
|
29
31
|
}
|
|
30
32
|
};
|
|
31
33
|
z();
|
|
32
|
-
const
|
|
33
|
-
var
|
|
34
|
-
for (var l = s > 1 ? void 0 : s ?
|
|
34
|
+
const w = ":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";
|
|
35
|
+
var S = Object.defineProperty, L = Object.getOwnPropertyDescriptor, r = (o, i, u, s) => {
|
|
36
|
+
for (var l = s > 1 ? void 0 : s ? L(i, u) : i, m = o.length - 1, d; m >= 0; m--)
|
|
35
37
|
(d = o[m]) && (l = (s ? d(i, u, l) : d(l)) || l);
|
|
36
|
-
return s && l &&
|
|
38
|
+
return s && l && S(i, u, l), l;
|
|
37
39
|
};
|
|
38
|
-
let e = class extends y
|
|
40
|
+
let e = class extends $(y, {
|
|
39
41
|
validSizes: ["s", "m", "l", "xl"],
|
|
40
42
|
noDefaultSize: !0
|
|
41
43
|
}) {
|
|
@@ -43,7 +45,7 @@ let e = class extends y(v, {
|
|
|
43
45
|
super(...arguments), this.language = "en", this.data = {};
|
|
44
46
|
}
|
|
45
47
|
willUpdate(o) {
|
|
46
|
-
o.has("language") && ([...
|
|
48
|
+
o.has("language") && this.language !== p() && ([...h].includes(this.language ?? "en") || this.language === "en") && f(this.language);
|
|
47
49
|
}
|
|
48
50
|
renderSublevels() {
|
|
49
51
|
var i, u, s, l, m;
|
|
@@ -52,7 +54,7 @@ let e = class extends y(v, {
|
|
|
52
54
|
return o = ((u = this.data) == null ? void 0 : u.subtype) === "date" ? this.data.lowestLevel ?? 5 : this.data.lowestLevel ?? 9, n`
|
|
53
55
|
<div class="draggable-data-item-sublevels">
|
|
54
56
|
${Array.from({ length: o }, (d, a) => {
|
|
55
|
-
const c =
|
|
57
|
+
const c = v[a].i18n(), g = { ...this.data, level: a + 1 };
|
|
56
58
|
return n`<luzmo-draggable-data-item-level
|
|
57
59
|
sublevel
|
|
58
60
|
.data=${g}
|
|
@@ -101,7 +103,7 @@ let e = class extends y(v, {
|
|
|
101
103
|
`;
|
|
102
104
|
}
|
|
103
105
|
};
|
|
104
|
-
e.styles = x(
|
|
106
|
+
e.styles = x(w);
|
|
105
107
|
r([
|
|
106
108
|
t({ type: String, reflect: !0 })
|
|
107
109
|
], e.prototype, "variant", 2);
|
|
@@ -127,7 +129,7 @@ r([
|
|
|
127
129
|
t({ type: Object })
|
|
128
130
|
], e.prototype, "data", 2);
|
|
129
131
|
e = r([
|
|
130
|
-
|
|
132
|
+
b()
|
|
131
133
|
], e);
|
|
132
134
|
customElements.get("luzmo-draggable-data-item") || customElements.define("luzmo-draggable-data-item", e);
|
|
133
135
|
export {
|
|
@@ -17,20 +17,20 @@
|
|
|
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("../get-css-variable-DLiZYZEi.cjs"),e=require("../luzmo-icons-BDClm1AE.cjs");require("../index-CVuJ-LUO.cjs");require("../index-uRWe553S.cjs");const i=require("../focusable-Cu_m_GTh.cjs"),M=require("../sized-mixin-Cqlxwicw.cjs"),R=require("../localize-r7ALOUy_.cjs"),U=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover));color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-color-hover));border-color:var(--luzmo-draggable-data-item-level-border-color-hover, var(--draggable-data-item-level-border-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color));font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover );--draggable-data-item-level-font-color-hover: var(--luzmo-font-color-hover);--draggable-data-item-level-border-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",d={array:{s:e.D0,m:e.w0,l:e.x0,xl:e.x0},coordinates:{s:e.A0,m:e.Z0,l:e.u0,xl:e.u0},currency:{s:e.V0,m:e.H0,l:e.p0,xl:e.p0},date:{s:e.a0,m:e.o0,l:e.t,xl:e.t},datetime:{s:e.n0,m:e.z0,l:e.l0,xl:e.l0},duration:{s:e.k0,m:e.S0,l:e.f0,xl:e.f0},hierarchy:{s:e.E0,m:e.P0,l:e.U0,xl:e.U0},image:{s:e.O0,m:e.Q0,l:e.N0,xl:e.N0},numeric:{s:e.X0,m:e.Y0,l:e._0,xl:e._0},time:{s:e.M2,m:e.L2,l:e.r2,xl:e.r2},topography:{s:e.W1,m:e.W1,l:e.W1,xl:e.W1},ipaddress:{s:e.x2,m:e.B2,l:e.F2,xl:e.F2}},j=(a,l)=>(l==null?void 0:l.type)==="array"?d.array[a]:(l==null?void 0:l.type)==="image"?d.image[a]:(l==null?void 0:l.type)==="spatial"?(l==null?void 0:l.subtype)==="topography"?d.topography[a]:d.coordinates[a]:(l==null?void 0:l.type)==="numeric"?(l==null?void 0:l.subtype)==="currency"?d.currency[a]:(l==null?void 0:l.subtype)==="duration"?d.duration[a]:d.numeric[a]:(l==null?void 0:l.type)==="datetime"?(l==null?void 0:l.subtype)==="time"?d.time[a]:(l==null?void 0:l.subtype)==="date"?d.date[a]:d.datetime[a]:(l==null?void 0:l.type)==="hierarchy"&&(l==null?void 0:l.subtype)==="ipaddress"?d.ipaddress[a]:d.hierarchy[a],W=a=>{var u,c,h,p,x,k,w,S,C,D,O,P,E,$,q,I,_;const l=a.source.element;let t="";(p=(h=(c=(u=a.source)==null?void 0:u.element)==null?void 0:c.renderRoot)==null?void 0:h.querySelector(".data-label"))!=null&&p.textContent&&(t=(w=(k=(x=a.source)==null?void 0:x.element)==null?void 0:k.renderRoot)==null?void 0:w.querySelector(".data-label").textContent),t||(t=R.localize((C=(S=a==null?void 0:a.source)==null?void 0:S.data)==null?void 0:C.label,(O=(D=a==null?void 0:a.source)==null?void 0:D.element)==null?void 0:O.language),t=t||"Untitled");const v=(E=(P=a==null?void 0:a.source)==null?void 0:P.data)==null?void 0:E.type,o=(q=($=a==null?void 0:a.source)==null?void 0:$.data)==null?void 0:q.subtype,n=j(l.size,{type:v,subtype:o}),r={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([z,T,V])=>{const F=f.getCssVariableValue(l,T)||f.getCssVariableValue(l,V);r[z]=F});const s=document.createElement("div"),m=document.createElement("div");if(s.innerHTML=t,!((_=(I=a==null?void 0:a.source)==null?void 0:I.element)!=null&&_.sublevel)){const z=document.createElement("luzmo-icon");z.icon=n,m.append(z)}return m.append(s),Object.assign(m.style,{display:"flex",alignItems:"center",height:r.height,border:`1px solid ${r.borderColor}`,backgroundColor:r.backgroundColor,borderRadius:r.borderRadius,fontFamily:r.fontFamily,fontSize:r.fontSize,color:r.color,padding:`0 ${r.horizontalPadding}`,gap:r.gap}),m};var B=Object.defineProperty,b=(a,l,t,v)=>{for(var o=void 0,n=a.length-1,r;n>=0;n--)(r=a[n])&&(o=r(l,t,o)||o);return o&&B(l,t,o),o};const y=class y extends M.SizedMixin(i.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=l=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:l}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(l){this._cleanupDraggable=f.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5"},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const t={...this.data};return this.label&&this.language&&!this.sublevel&&(t.label={},t.label[this.language]=this.label),this.description&&this.language&&(t.description={},t.description[this.language]=this.description),t},onGenerateDragPreview:t=>{const v=t.nativeSetDragImage;f.setCustomNativeDragPreview({render({container:o}){const n=W(t);o.append(n)},nativeSetDragImage:v})}})}render(){var v,o,n,r,s,m,u,c,h,p;const l=this.label??((o=(v=this.data)==null?void 0:v.label)==null?void 0:o[this.language])??((s=(n=this.data)==null?void 0:n.label)==null?void 0:s[Object.keys((r=this.data)==null?void 0:r.label)[0]])??"Untitled",t=this.description??((u=(m=this.data)==null?void 0:m.description)==null?void 0:u[this.language])??((p=(c=this.data)==null?void 0:c.description)==null?void 0:p[Object.keys((h=this.data)==null?void 0:h.description)[0]]);return i.x`
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../get-css-variable-DLiZYZEi.cjs"),b=require("../luzmo-icons-Nyf1P71v.cjs");require("../index-DSQyBS9Z.cjs");require("../index-BtIWR_s6.cjs");const r=require("../property-Dlf9S6Jz.cjs"),M=require("../focusable-_wp5pWO-.cjs"),T=require("../sized-mixin-ZTphZKLm.cjs"),j=require("../calculate-data-item-icon-BtUWtDx3.cjs"),B=require("../localize-r7ALOUy_.cjs"),F=":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover));color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-color-hover));border-color:var(--luzmo-draggable-data-item-level-border-color-hover, var(--draggable-data-item-level-border-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color));font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover );--draggable-data-item-level-font-color-hover: var(--luzmo-font-color-hover);--draggable-data-item-level-border-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}",U=e=>{var s,c,u,h,y,k,w,x,D,S,C,I,q,O,P,$,E;const d=e.source.element;let a="";(h=(u=(c=(s=e.source)==null?void 0:s.element)==null?void 0:c.renderRoot)==null?void 0:u.querySelector(".data-label"))!=null&&h.textContent&&(a=(w=(k=(y=e.source)==null?void 0:y.element)==null?void 0:k.renderRoot)==null?void 0:w.querySelector(".data-label").textContent),a||(a=B.localize((D=(x=e==null?void 0:e.source)==null?void 0:x.data)==null?void 0:D.label,(C=(S=e==null?void 0:e.source)==null?void 0:S.element)==null?void 0:C.language),a=a||"Untitled");const n=(q=(I=e==null?void 0:e.source)==null?void 0:I.data)==null?void 0:q.type,t=(P=(O=e==null?void 0:e.source)==null?void 0:O.data)==null?void 0:P.subtype,i=j.calculateDataItemIcon({type:n,subtype:t},d.size),l={};[["borderColor","--luzmo-draggable-data-item-level-border-color","--draggable-data-item-level-border-color"],["backgroundColor","--luzmo-draggable-data-item-level-background-color","--draggable-data-item-level-background-color"],["color","--luzmo-draggable-data-item-level-font-color","--draggable-data-item-level-font-color"],["fontSize","--luzmo-draggable-data-item-level-label-font-size","--draggable-data-item-level-label-font-size"],["height","--luzmo-draggable-data-item-level-height","--draggable-data-item-level-height"],["borderRadius","--luzmo-draggable-data-item-level-border-radius","--draggable-data-item-level-border-radius"],["fontFamily","--luzmo-draggable-data-item-level-font-family","--luzmo-font-family"],["horizontalPadding","--luzmo-draggable-data-item-level-horizontal-padding","--draggable-data-item-level-horizontal-padding"],["gap","--luzmo-draggable-data-item-level-gap","--draggable-data-item-level-gap"]].forEach(([z,_,R])=>{const V=p.getCssVariableValue(d,_)||p.getCssVariableValue(d,R);l[z]=V});const m=document.createElement("div"),v=document.createElement("div");if(m.innerHTML=a,!((E=($=e==null?void 0:e.source)==null?void 0:$.element)!=null&&E.sublevel)){const z=document.createElement("luzmo-icon");z.icon=i,v.append(z)}return v.append(m),Object.assign(v.style,{display:"flex",alignItems:"center",height:l.height,border:`1px solid ${l.borderColor}`,backgroundColor:l.backgroundColor,borderRadius:l.borderRadius,fontFamily:l.fontFamily,fontSize:l.fontSize,color:l.color,padding:`0 ${l.horizontalPadding}`,gap:l.gap}),v};var L=Object.defineProperty,g=(e,d,a,n)=>{for(var t=void 0,i=e.length-1,l;i>=0;i--)(l=e[i])&&(t=l(d,a,t)||t);return t&&L(d,a,t),t};const f=class f extends T.SizedMixin(M.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={},this.dataItemLevelDropped=d=>{this.dispatchEvent(new CustomEvent("data-item-dropped",{bubbles:!0,composed:!0,cancelable:!0,detail:{data:d}}))}}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDraggable()}firstUpdated(d){this._cleanupDraggable=p.draggable({element:this,canDrag:()=>!this.disabled,onDragStart:()=>{this.style.opacity="0.5"},onDrop:()=>{this.style.opacity="1",this.dataItemLevelDropped(this.data)},getInitialData:()=>{const a={...this.data};return this.label&&this.language&&!this.sublevel&&(a.label={},a.label[this.language]=this.label),this.description&&this.language&&(a.description={},a.description[this.language]=this.description),a},onGenerateDragPreview:a=>{const n=a.nativeSetDragImage;p.setCustomNativeDragPreview({render({container:t}){const i=U(a);t.append(i)},nativeSetDragImage:n})}})}render(){var n,t,i,l,m,v,s,c,u,h;const d=this.label??((t=(n=this.data)==null?void 0:n.label)==null?void 0:t[this.language])??((m=(i=this.data)==null?void 0:i.label)==null?void 0:m[Object.keys((l=this.data)==null?void 0:l.label)[0]])??"Untitled",a=this.description??((s=(v=this.data)==null?void 0:v.description)==null?void 0:s[this.language])??((h=(c=this.data)==null?void 0:c.description)==null?void 0:h[Object.keys((u=this.data)==null?void 0:u.description)[0]]);return r.x`
|
|
21
21
|
<div class="draggable-data-item-level">
|
|
22
22
|
<div class="drag-handle-icon">
|
|
23
|
-
${this.sublevel?
|
|
23
|
+
${this.sublevel?b.O2(b.b0):b.O2(b.W)}
|
|
24
24
|
</div>
|
|
25
|
-
${this.sublevel||this.hideTypeIcon?"":
|
|
26
|
-
${
|
|
25
|
+
${this.sublevel||this.hideTypeIcon?"":r.x`<div class="data-icon-type">
|
|
26
|
+
${b.O2(j.calculateDataItemIcon(this.data,this.size))}
|
|
27
27
|
</div>`}
|
|
28
|
-
<div class="data-label">${
|
|
29
|
-
${!this.sublevel&&
|
|
30
|
-
${
|
|
28
|
+
<div class="data-label">${d}</div>
|
|
29
|
+
${!this.sublevel&&a?r.x`<button class="data-description">
|
|
30
|
+
${b.O2(b.p1)}
|
|
31
31
|
<luzmo-tooltip self-managed placement="top" size=${this.size}>
|
|
32
|
-
${
|
|
32
|
+
${a}
|
|
33
33
|
</luzmo-tooltip>
|
|
34
34
|
</button>`:""}
|
|
35
35
|
</div>
|
|
36
|
-
`}};
|
|
36
|
+
`}};f.styles=r.r(F);let o=f;g([r.n({type:String,reflect:!0})],o.prototype,"variant");g([r.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],o.prototype,"hideTypeIcon");g([r.n({type:Boolean,reflect:!0})],o.prototype,"sublevel");g([r.n({type:String,reflect:!0})],o.prototype,"language");g([r.n({type:Boolean,reflect:!0})],o.prototype,"disabled");g([r.n({type:String,reflect:!0})],o.prototype,"label");g([r.n({type:String,reflect:!0})],o.prototype,"description");g([r.n({type:Object})],o.prototype,"data");customElements.get("luzmo-draggable-data-item-level")||customElements.define("luzmo-draggable-data-item-level",o);exports.LuzmoDraggableDataItemLevel=o;
|