@luzmo/analytics-components-kit 1.0.1-alpha.98 → 1.0.1-alpha.99
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/angular/README.md +2 -2
- package/angular/components/ai-interaction-textarea.component.ts +8 -0
- package/angular/components/{filter-data-item-picker.component.ts → data-items-select.component.ts} +34 -17
- package/angular/components/edit-filters/index.ts +1 -0
- package/angular/components/edit-filters/types.ts +10 -0
- package/angular/components/edit-filters.component.ts +41 -0
- package/angular/components/slot-contents-picker.component.ts +8 -6
- package/angular/esm/components/ai-interaction-textarea.component.d.ts +5 -1
- package/angular/esm/components/ai-interaction-textarea.component.js +22 -2
- package/angular/esm/components/data-items-select.component.d.ts +33 -0
- package/angular/esm/components/{filter-data-item-picker.component.js → data-items-select.component.js} +41 -26
- package/angular/esm/components/edit-filters/index.d.ts +1 -0
- package/angular/esm/components/edit-filters/index.js +1 -0
- package/angular/esm/components/edit-filters/types.d.ts +8 -0
- package/angular/esm/components/edit-filters/types.js +1 -0
- package/angular/esm/components/edit-filters.component.d.ts +21 -0
- package/angular/esm/components/edit-filters.component.js +89 -0
- package/angular/esm/components/slot-contents-picker.component.d.ts +7 -6
- package/angular/esm/components/slot-contents-picker.component.js +11 -6
- package/angular/esm/index.d.ts +5 -5
- package/angular/esm/index.js +6 -6
- package/angular/esm/types.d.ts +9 -0
- package/angular/index.ts +6 -6
- package/angular/types.ts +17 -0
- package/angular/utils/filters/expressions.d.ts +1 -1
- package/components/ai-chat-message-assistant/index.cjs +1 -1
- package/components/ai-chat-message-assistant/index.js +0 -1
- package/components/ai-chat-messages-container/index.cjs +1 -1
- package/components/ai-chat-messages-container/index.js +2 -2
- package/components/ai-interaction-textarea/ai-interaction-textarea.d.ts +21 -0
- package/components/ai-interaction-textarea/index.cjs +17 -15
- package/components/ai-interaction-textarea/index.js +91 -67
- package/components/area-chart-options.config-Bl8bhhOo.cjs +20 -0
- package/components/{area-chart-options.config-_J0sG4NF.js → area-chart-options.config-u8itidsi.js} +14 -26
- package/components/bar-chart-options.config-CePAqM83.cjs +20 -0
- package/components/{bar-chart-options.config-D1mb5TDl.js → bar-chart-options.config-DIirbAJ0.js} +21 -35
- package/components/box-plot-options.config-BVNrV2eD.cjs +20 -0
- package/components/{box-plot-options.config-xu_i6ms7.js → box-plot-options.config-BWROiguA.js} +52 -88
- package/components/{bubble-chart-options.config-BacgXkJ_.js → bubble-chart-options.config-4QD8VPhU.js} +9 -18
- package/components/bubble-chart-options.config-BDgOe3GQ.cjs +20 -0
- package/components/{bullet-chart-options.config-CDPpX1yc.js → bullet-chart-options.config-3bH7uekx.js} +1 -1
- package/components/{bullet-chart-options.config-DfS4Bwds.cjs → bullet-chart-options.config-tWb6Fio-.cjs} +1 -1
- package/components/calculate-data-item-icon-DMDhKq_m.js +147 -0
- package/components/calculate-data-item-icon-DtVGbet3.cjs +20 -0
- package/components/{choropleth-map-options.config-B_W9-rhe.js → choropleth-map-options.config-CMxx3ORp.js} +63 -84
- package/components/choropleth-map-options.config-CWJACFd0.cjs +20 -0
- package/components/circular-gauge-options.config-BMxgq3zH.cjs +20 -0
- package/components/{circular-gauge-options.config-DAIjz4Rl.js → circular-gauge-options.config-DhIKn44k.js} +23 -36
- package/components/{color-DuJ4-73S.js → color-B7m0j8lX.js} +941 -950
- package/components/color-Czp4Im5q.cjs +20 -0
- package/components/{color-range-utils-Bvo9sm5A.js → color-range-utils-BSfqtB3A.js} +31 -32
- package/components/color-range-utils-DYYR-iwx.cjs +20 -0
- package/components/column-chart-options.config-BV9R3ssH.cjs +20 -0
- package/components/{column-chart-options.config-B5SjBVdy.js → column-chart-options.config-D5-yR7iq.js} +27 -37
- package/components/conditional-number-options.config-Co099Qfm.cjs +20 -0
- package/components/{conditional-number-options.config-BCEpSK9J.js → conditional-number-options.config-DPYsdML5.js} +24 -40
- package/components/{filter-data-item-picker/filter-data-item-picker.d.ts → data-items-select/data-items-select.d.ts} +36 -21
- package/components/data-items-select/index.cjs +39 -0
- package/components/data-items-select/index.d.ts +6 -0
- package/components/data-items-select/index.js +209 -0
- package/components/dataset-icon/index.cjs +1 -1
- package/components/dataset-icon/index.js +1 -2
- package/components/dataset-selector-list/index.cjs +1 -1
- package/components/dataset-selector-list/index.js +32 -35
- package/components/dataset-selector-row/index.cjs +9 -9
- package/components/dataset-selector-row/index.js +50 -52
- package/components/{date-comparison-filter-options.config-JA_yYpJa.js → date-comparison-filter-options.config-CSwGyuBg.js} +3 -6
- package/components/{date-comparison-filter-options.config-DAVncmi0.cjs → date-comparison-filter-options.config-QaoWaFUn.cjs} +1 -1
- package/components/{date-filter-options.config-DBRxlTWy.js → date-filter-options.config-BTVyHRkp.js} +3 -6
- package/components/{date-filter-options.config-CWPMtA18.cjs → date-filter-options.config-n-zhWaYa.cjs} +1 -1
- package/components/{de-COKGBX9L.cjs → de-DOYL4txr.cjs} +1 -1
- package/components/{de-DU0DlXuf.js → de-SDzGVifr.js} +10 -1
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +1 -1
- package/components/display-settings-binning/index.cjs +5 -5
- package/components/display-settings-binning/index.js +29 -30
- package/components/display-settings-datetime/index.cjs +29 -29
- package/components/display-settings-datetime/index.js +112 -120
- package/components/display-settings-grand-totals/index.cjs +4 -4
- package/components/display-settings-grand-totals/index.js +23 -24
- package/components/display-settings-numeric/index.cjs +48 -48
- package/components/display-settings-numeric/index.js +190 -206
- package/components/display-settings-period-over-period/index.cjs +16 -16
- package/components/display-settings-period-over-period/index.js +91 -97
- package/components/{donut-chart-options.config-BulUEiaH.js → donut-chart-options.config-3ZqX8Cbb.js} +21 -37
- package/components/donut-chart-options.config-BQyPgnC9.cjs +20 -0
- package/components/draggable-data-item/index.cjs +5 -5
- package/components/draggable-data-item/index.js +45 -46
- package/components/draggable-data-item-level/index.cjs +11 -11
- package/components/draggable-data-item-level/index.js +70 -73
- package/components/{dropdown-filter-options.config-D9dvPypF.js → dropdown-filter-options.config-CGJTtgAX.js} +7 -10
- package/components/{dropdown-filter-options.config-DS-MORmq.cjs → dropdown-filter-options.config-DJvfCTk7.cjs} +1 -1
- package/components/droppable-slot/index.cjs +16 -16
- package/components/droppable-slot/index.js +174 -265
- package/components/edit-filters/edit-filters.d.ts +79 -0
- package/components/edit-filters/index.cjs +144 -0
- package/components/edit-filters/index.d.ts +8 -0
- package/components/edit-filters/index.js +341 -0
- package/components/edit-filters/types.d.ts +8 -0
- package/components/edit-item/index.cjs +9 -9
- package/components/edit-item/index.js +116 -119
- 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 +8 -8
- package/components/edit-option-action-button-group/index.js +52 -53
- package/components/{edit-option-base-DIc7iC-b.js → edit-option-base-Bh29-Cak.js} +1 -1
- package/components/{edit-option-base-VhTih9T1.cjs → edit-option-base-tFr8Qg2B.cjs} +1 -1
- package/components/edit-option-color-palette-picker/index.cjs +1 -1
- package/components/edit-option-color-palette-picker/index.js +1 -1
- package/components/edit-option-color-picker/index.cjs +1 -1
- package/components/edit-option-color-picker/index.js +1 -1
- package/components/edit-option-color-range/index.cjs +19 -19
- package/components/edit-option-color-range/index.js +106 -117
- package/components/edit-option-multi-language-field/index.cjs +3 -3
- package/components/edit-option-multi-language-field/index.js +26 -27
- package/components/edit-option-number-field/index.cjs +1 -1
- package/components/edit-option-number-field/index.js +1 -1
- package/components/edit-option-picker/index.cjs +5 -5
- package/components/edit-option-picker/index.js +7 -7
- package/components/edit-option-position-picker/index.cjs +4 -4
- package/components/edit-option-position-picker/index.js +21 -25
- package/components/edit-option-positions-number-field/index.cjs +9 -9
- package/components/edit-option-positions-number-field/index.js +76 -81
- package/components/edit-option-radio-button-group/index.cjs +6 -6
- package/components/edit-option-radio-button-group/index.js +21 -22
- package/components/edit-option-slider/index.cjs +1 -1
- package/components/edit-option-slider/index.js +1 -1
- package/components/edit-option-switch/index.cjs +1 -1
- package/components/edit-option-switch/index.js +1 -1
- package/components/edit-option-text-field/index.cjs +2 -2
- package/components/edit-option-text-field/index.js +22 -23
- package/components/en-D3ihEGXg.js +1483 -0
- package/components/en-DZcn_iz_.cjs +20 -0
- package/components/{en-GB-DG6uS3sM.cjs → en-GB-TqvgIw9B.cjs} +1 -1
- package/components/{en-GB-CEHEs8F2.js → en-GB-ialeqj_z.js} +1 -1
- package/components/{es-BxR1uGKR.js → es-B1TeapPZ.js} +10 -1
- package/components/{es-CaKfa7fn.cjs → es-DcQvrHgz.cjs} +1 -1
- package/components/{evolution-number-options.config-DzkfeoIN.js → evolution-number-options.config-BIPO_4n3.js} +11 -14
- package/components/{evolution-number-options.config-BgIZY4gQ.cjs → evolution-number-options.config-Bc9eKYnn.cjs} +1 -1
- package/components/{extrapolate-color-0j_AeYkz.cjs → extrapolate-color-C0n1UDs-.cjs} +1 -1
- package/components/{extrapolate-color-CC9CURf6.js → extrapolate-color-v1PimdQr.js} +1 -1
- package/components/filter-expression-picker/index.cjs +1 -1
- package/components/filter-expression-picker/index.js +1 -1
- package/components/filter-item/filter-item.d.ts +1 -1
- package/components/filter-item/index.cjs +9 -7
- package/components/filter-item/index.js +123 -123
- package/components/filter-value-picker/index.cjs +2 -2
- package/components/filter-value-picker/index.js +34 -36
- package/components/filter-value-picker-datetime/index.cjs +8 -8
- package/components/filter-value-picker-datetime/index.js +56 -71
- package/components/filter-value-picker-hierarchy/index.cjs +12 -12
- package/components/filter-value-picker-hierarchy/index.js +113 -124
- package/components/filter-value-picker-numeric/index.cjs +9 -8
- package/components/filter-value-picker-numeric/index.js +102 -110
- package/components/{focusable-DCIFkpiW.js → focusable-BS2pbY7w.js} +24 -26
- package/components/focusable-QLh-LlNt.cjs +20 -0
- package/components/{fr-DiZbjx_a.cjs → fr-D6QmA3Ve.cjs} +1 -1
- package/components/{fr-CvltYxR_.js → fr-sZFBmltf.js} +10 -1
- package/components/{funnel-chart-options.config-C_VjTOvD.js → funnel-chart-options.config-CrJy2U7_.js} +5 -20
- package/components/funnel-chart-options.config-DrP4AFgk.cjs +20 -0
- package/components/get-css-variable-C0B_Sxqf.cjs +24 -0
- package/components/{get-css-variable-YlLiVgo8.js → get-css-variable-DgTBQV3c.js} +39 -38
- package/components/grid/index.cjs +43 -49
- package/components/grid/index.js +2610 -1878
- package/components/heat-map-options.config-CIHnPdYE.cjs +20 -0
- package/components/{heat-map-options.config-BnLWe8jS.js → heat-map-options.config-CmL87j1j.js} +35 -41
- package/components/{heat-table-options.config-CUsDdgUr.js → heat-table-options.config-BrCYAgYD.js} +60 -88
- package/components/heat-table-options.config-DTlZRc_i.cjs +20 -0
- package/components/helpers-9I0oLoUB.cjs +20 -0
- package/components/helpers-bR8Ibjqh.js +79 -0
- package/components/{hexbin-map-options.config-F-7uCqxb.js → hexbin-map-options.config-BguV1w8q.js} +20 -38
- package/components/hexbin-map-options.config-CKnn3VAB.cjs +20 -0
- package/components/index-BekTY3Em.cjs +121 -0
- package/components/index-BikhVAa1.js +1755 -0
- package/components/index-CAbDIHYI.cjs +20 -0
- package/components/{index-Do7O9azB.js → index-CqKpf0B8.js} +112 -123
- package/components/{index-BPNsFiyq.cjs → index-DM58h73U.cjs} +4 -4
- package/components/{index-D0GBF6tg.js → index-DR5275fa.js} +122 -102
- package/components/index-DvkzMbLt.cjs +249 -0
- package/components/{index-CdIUfo-L.js → index-haa7WNrl.js} +453 -481
- package/components/index.cjs +1 -1
- package/components/index.js +105 -106
- package/components/item-options-configs.cjs +1 -1
- package/components/item-options-configs.js +37 -37
- package/components/{line-chart-options.config-DB3IsXXr.js → line-chart-options.config-BhirTGqD.js} +13 -28
- package/components/line-chart-options.config-Cqwou5u6.cjs +20 -0
- package/components/{localize-r7ALOUy_.cjs → localize-C4zNlrwK.cjs} +1 -1
- package/components/{localize-BX7q0S0M.js → localize-CcDpq940.js} +10 -10
- package/components/{marker-map-options.config-DPJ955tt.js → marker-map-options.config-Bx17jmiq.js} +1 -1
- package/components/{marker-map-options.config-_FYZzRwA.cjs → marker-map-options.config-CvhCylSC.cjs} +1 -1
- package/components/{nl-CLs7FmRK.js → nl-BYXZ-qNp.js} +10 -1
- package/components/{nl-Bot6bJ4g.cjs → nl-D7oNsLn0.cjs} +1 -1
- package/components/{pivot-table-options.config-DNK_AIG7.js → pivot-table-options.config-CFc7y0IT.js} +15 -24
- package/components/pivot-table-options.config-uZDAertf.cjs +20 -0
- package/components/{pyramid-chart-options.config-CcVMatYx.js → pyramid-chart-options.config-2Waxb11l.js} +29 -43
- package/components/pyramid-chart-options.config-DoGfEvzU.cjs +20 -0
- package/components/{radar-chart-options.config-CUZn_3Fd.js → radar-chart-options.config-CPN5fOl8.js} +11 -23
- package/components/radar-chart-options.config-CtNUMN1l.cjs +20 -0
- package/components/{regular-table-options.config-BoLZsBry.js → regular-table-options.config-CFKCJQK1.js} +17 -23
- package/components/{regular-table-options.config-DTx3RTnS.cjs → regular-table-options.config-YRuoijIk.cjs} +1 -1
- package/components/route-map-options.config-CVTk5RVL.cjs +20 -0
- package/components/{route-map-options.config-CN86T7c0.js → route-map-options.config-CyolTJfK.js} +87 -109
- package/components/{sankey-diagram-options.config-RFB83YLZ.cjs → sankey-diagram-options.config-D7OSvSqm.cjs} +1 -1
- package/components/{sankey-diagram-options.config-tVLKy_Zn.js → sankey-diagram-options.config-Ldjk84ro.js} +7 -10
- package/components/scatter-plot-options.config-5gN7pMTm.cjs +20 -0
- package/components/{scatter-plot-options.config-Corlzno1.js → scatter-plot-options.config-CfxEfkQ1.js} +56 -86
- package/components/{search-filter-options.config-BE3JhR-F.js → search-filter-options.config-C0syQmP4.js} +3 -6
- package/components/{search-filter-options.config-BCaDlYqZ.cjs → search-filter-options.config-Oqco9BKj.cjs} +1 -1
- package/components/{set-locale-Dp3N_gXN.js → set-locale-B5562CBM.js} +2 -9
- package/components/{set-locale-BRRalqne.cjs → set-locale-B8iQGfk0.cjs} +1 -1
- package/components/slicer-filter-options.config-CrusP6a0.cjs +20 -0
- package/components/{slicer-filter-options.config-3JZZcw5C.js → slicer-filter-options.config-DmOe3440.js} +9 -18
- package/components/{slider-filter-options.config-DH4SS8wH.js → slider-filter-options.config-B1M8RcDs.js} +1 -1
- package/components/{slider-filter-options.config-_8Z2zKmU.cjs → slider-filter-options.config-k45I-t6G.cjs} +1 -1
- package/components/slot-contents-picker/index.cjs +35 -31
- package/components/slot-contents-picker/index.js +202 -200
- package/components/slot-contents-picker/slot-contents-picker.d.ts +26 -5
- package/components/slot-menu/index.cjs +12 -12
- package/components/slot-menu/index.js +189 -202
- package/components/slot-menu-list/index.cjs +3 -3
- package/components/slot-menu-list/index.js +97 -103
- package/components/slot-store-CRfN0nD3.js +98 -0
- package/components/slot-store-Dd_cPNXk.cjs +20 -0
- package/components/speedometer-chart-options.config-B4ceg_qI.cjs +20 -0
- package/components/{speedometer-chart-options.config-SL581yOa.js → speedometer-chart-options.config-CzOmuEF8.js} +31 -53
- package/components/spike-map-options.config-BkkDqb4g.cjs +20 -0
- package/components/{spike-map-options.config-C5KewecZ.js → spike-map-options.config-Cbt1YUw6.js} +91 -122
- package/components/{sunburst-chart-options.config-AbNjWS6t.cjs → sunburst-chart-options.config-Yrxc2i57.cjs} +1 -1
- package/components/{sunburst-chart-options.config-CNauGQJv.js → sunburst-chart-options.config-_dyLQxPJ.js} +9 -20
- package/components/{symbol-map-options.config-DdDA4aa7.js → symbol-map-options.config-BORL1NSU.js} +11 -20
- package/components/symbol-map-options.config-NpBKm64d.cjs +20 -0
- package/components/{treemap-chart-options.config-D5AJaF_u.js → treemap-chart-options.config-B9i9qIm_.js} +20 -37
- package/components/treemap-chart-options.config-x4J54WSw.cjs +20 -0
- package/components/utils.cjs +1 -1
- package/components/utils.js +94 -97
- package/components/{video-options.config-CGsDTwHc.cjs → video-options.config-B0asgYt8.cjs} +1 -1
- package/components/{video-options.config-Dk36zJ1B.js → video-options.config-UX-9MDfS.js} +7 -10
- package/components/viz-item-menu/index.cjs +5 -5
- package/components/viz-item-menu/index.js +26 -28
- package/components/{wordcloud-chart-options.config-vGfCW8kE.cjs → wordcloud-chart-options.config-BKtJT8Va.cjs} +1 -1
- package/components/{wordcloud-chart-options.config-w2NUIWVA.js → wordcloud-chart-options.config-BoB_KuhA.js} +4 -7
- package/custom-elements.json +1936 -1625
- package/index.d.ts +1 -1
- package/package.json +12 -12
- package/types.d.ts +9 -0
- package/utils/filters/expressions.d.ts +1 -1
- package/angular/components/filter-group.component.ts +0 -29
- package/angular/esm/components/filter-data-item-picker.component.d.ts +0 -30
- package/angular/esm/components/filter-group.component.d.ts +0 -12
- package/angular/esm/components/filter-group.component.js +0 -56
- package/components/area-chart-options.config-C7sMAHco.cjs +0 -20
- package/components/bar-chart-options.config-DcxEkOT5.cjs +0 -20
- package/components/box-plot-options.config-SrrbDEYW.cjs +0 -20
- package/components/bubble-chart-options.config-Ihn6eVQI.cjs +0 -20
- package/components/calculate-data-item-icon-CEa82-5u.cjs +0 -20
- package/components/calculate-data-item-icon-DjlZwMdO.js +0 -147
- package/components/choropleth-map-options.config-ZW8yoZH2.cjs +0 -20
- package/components/circular-gauge-options.config-msZ4mfpN.cjs +0 -20
- package/components/color-B6LaL8qz.cjs +0 -20
- package/components/color-range-utils-C5yXW7ZC.cjs +0 -20
- package/components/column-chart-options.config-BjDvA7i9.cjs +0 -20
- package/components/conditional-number-options.config-DgzUo0xi.cjs +0 -20
- package/components/donut-chart-options.config-tNpqBZfR.cjs +0 -20
- package/components/en-BKBhKBXY.cjs +0 -20
- package/components/en-BOTjhwEc.js +0 -1488
- package/components/filter-data-item-picker/index.cjs +0 -47
- package/components/filter-data-item-picker/index.d.ts +0 -7
- package/components/filter-data-item-picker/index.js +0 -192
- package/components/filter-group/filter-group.d.ts +0 -26
- package/components/filter-group/index.d.ts +0 -7
- package/components/focusable-B3E_hQmm.cjs +0 -20
- package/components/funnel-chart-options.config-D7H7gFcx.cjs +0 -20
- package/components/get-css-variable-DLiZYZEi.cjs +0 -24
- package/components/heat-map-options.config-DVH-Bb5-.cjs +0 -20
- package/components/heat-table-options.config-B12JEYnp.cjs +0 -20
- package/components/helpers-DXQwEH1P.cjs +0 -20
- package/components/helpers-v1bPALRP.js +0 -91
- package/components/hexbin-map-options.config-DZERRhM8.cjs +0 -20
- package/components/index-CDi4fe3N.js +0 -1716
- package/components/index-CQ9ck-BO.cjs +0 -249
- package/components/index-CXn67vdn.cjs +0 -121
- package/components/index-Cz9vSXy6.cjs +0 -20
- package/components/line-chart-options.config-DSugoe0t.cjs +0 -20
- package/components/pivot-table-options.config-BiJXKSFR.cjs +0 -20
- package/components/pyramid-chart-options.config-C4zbFS26.cjs +0 -20
- package/components/radar-chart-options.config-EqQu6PTh.cjs +0 -20
- package/components/route-map-options.config-D7NJePTu.cjs +0 -20
- package/components/scatter-plot-options.config-CFfGJXsV.cjs +0 -20
- package/components/slicer-filter-options.config-DNI-XevE.cjs +0 -20
- package/components/speedometer-chart-options.config-BX9LTQBH.cjs +0 -20
- package/components/spike-map-options.config-DoBFXPmN.cjs +0 -20
- package/components/symbol-map-options.config-m-lwLTtu.cjs +0 -20
- package/components/treemap-chart-options.config-C0Q9aQ1Z.cjs +0 -20
|
@@ -17,25 +17,24 @@
|
|
|
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 { g as
|
|
21
|
-
import { luzmoIcon as
|
|
20
|
+
import { g as w, d as k, s as C } from "../get-css-variable-DgTBQV3c.js";
|
|
21
|
+
import { luzmoIcon as v, luzmoDragLines as I, luzmoArrows as S, luzmoInfoCircleOutline as D } from "@luzmo/icons";
|
|
22
22
|
import "@luzmo/lucero/icon";
|
|
23
23
|
import "@luzmo/lucero/tooltip";
|
|
24
|
-
import { unsafeCSS as
|
|
25
|
-
import { property as
|
|
26
|
-
import { L as
|
|
27
|
-
import { S as
|
|
28
|
-
import { c as
|
|
29
|
-
import { l as
|
|
24
|
+
import { unsafeCSS as _, html as b } from "lit";
|
|
25
|
+
import { property as s } from "lit/decorators.js";
|
|
26
|
+
import { L as E } from "../focusable-BS2pbY7w.js";
|
|
27
|
+
import { S as H } from "../sized-mixin-cJbo3PKR.js";
|
|
28
|
+
import { c as x, a as $ } from "../calculate-data-item-icon-DMDhKq_m.js";
|
|
29
|
+
import { l as L } from "../localize-CcDpq940.js";
|
|
30
30
|
(function() {
|
|
31
31
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
32
32
|
const e = document.createElement("style");
|
|
33
33
|
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-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--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-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(e);
|
|
34
34
|
}
|
|
35
35
|
})();
|
|
36
|
-
const R = ":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:grid;grid-template-columns:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--draggable-data-item-level-drag-handle-width)) var(--luzmo-draggable-data-item-level-data-icon-width, var(--draggable-data-item-level-data-icon-width)) 1fr var(--luzmo-draggable-data-item-level-description-width, var(--draggable-data-item-level-description-width, auto));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));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:hover .data-description{color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-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;min-width:0}.draggable-data-item-level .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([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));grid-template-columns:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width)) 1fr}: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));color:var(--luzmo-draggable-data-item-level-sublevel-font-color-hover, var(--draggable-data-item-level-sublevel-font-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(.highlighted) .draggable-data-item-level:not(:hover){background-color:var(--luzmo-draggable-data-item-level-background-color-highlighted, var(--draggable-data-item-level-background-color-highlighted));color:var(--luzmo-draggable-data-item-level-font-color-highlighted, var(--draggable-data-item-level-font-color-highlighted));border-color:var(--luzmo-draggable-data-item-level-border-color-highlighted, var(--draggable-data-item-level-border-color-highlighted))}:host(.highlighted) .draggable-data-item-level:not(:hover) .data-description{color:var(--luzmo-draggable-data-item-level-font-color-highlighted, var(--draggable-data-item-level-font-color-highlighted))}: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))}:host(.pulse) .draggable-data-item-level{box-shadow:0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color));animation:draggableDataItemPulse 1.5s infinite cubic-bezier(.66,.33,0,1)}:host(.focus) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-focus, var(--draggable-data-item-level-background-color-focus));color:var(--luzmo-draggable-data-item-level-font-color-focus, var(--draggable-data-item-level-font-color-focus));border-color:var(--luzmo-draggable-data-item-level-border-color-focus, var(--draggable-data-item-level-border-color-focus))}:host(.focus) .draggable-data-item-level .data-description{color:var(--luzmo-draggable-data-item-level-font-color-focus, var(--draggable-data-item-level-font-color-focus))}@keyframes draggableDataItemPulse{0%{box-shadow:0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color))}to{box-shadow:0 0 0 .5rem transparent,0 0 0 .5rem transparent}}.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;justify-self: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;position:relative;justify-self:center}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{position:absolute;bottom:45%;left:70%;width:auto;font-size:.75em;line-height:1}: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) );--luzmo-draggable-data-item-level-description-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-2) );--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(.highlighted){--draggable-data-item-level-background-color-highlighted: var( --luzmo-primary );--draggable-data-item-level-font-color-highlighted: var( --luzmo-primary-inverse-color );--draggable-data-item-level-border-color-highlighted: var( --luzmo-border-color )}:host(.focus){--draggable-data-item-level-background-color-focus: var( --luzmo-background-color-focus, var(--luzmo-secondary) );--draggable-data-item-level-font-color-focus: var( --luzmo-font-color-focus, var(--luzmo-secondary-inverse-color) );--draggable-data-item-level-border-color-focus: var( --luzmo-border-color-focus, var(--luzmo-secondary) )}:host(.pulse){--draggable-data-item-level-pulse-color: var( --luzmo-secondary-outline, rgba(var(--luzmo-secondary-rgb), .4) )}: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}", B = (n) => {
|
|
37
|
-
|
|
38
|
-
const e = n.source.element, o = n.source.data, d = ((b = (s = e.renderRoot) == null ? void 0 : s.querySelector(".data-label")) == null ? void 0 : b.textContent) || M(o.name, e.language) || "Untitled", l = o.type, t = o.subtype, r = S({ type: l, subtype: t }, e.size), a = {};
|
|
36
|
+
const P = ":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:grid;grid-template-columns:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--draggable-data-item-level-drag-handle-width)) var(--luzmo-draggable-data-item-level-data-icon-width, var(--draggable-data-item-level-data-icon-width)) 1fr var(--luzmo-draggable-data-item-level-description-width, var(--draggable-data-item-level-description-width, auto));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));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))}.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:hover .data-description{color:var(--luzmo-draggable-data-item-level-font-color-hover, var(--draggable-data-item-level-font-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;min-width:0}.draggable-data-item-level .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))}.draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}: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));grid-template-columns:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width)) 1fr}: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));color:var(--luzmo-draggable-data-item-level-sublevel-font-color-hover, var(--draggable-data-item-level-sublevel-font-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(.highlighted) .draggable-data-item-level:not(:hover){background-color:var(--luzmo-draggable-data-item-level-background-color-highlighted, var(--draggable-data-item-level-background-color-highlighted));color:var(--luzmo-draggable-data-item-level-font-color-highlighted, var(--draggable-data-item-level-font-color-highlighted));border-color:var(--luzmo-draggable-data-item-level-border-color-highlighted, var(--draggable-data-item-level-border-color-highlighted))}:host(.highlighted) .draggable-data-item-level:not(:hover) .data-description{color:var(--luzmo-draggable-data-item-level-font-color-highlighted, var(--draggable-data-item-level-font-color-highlighted))}: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))}:host(.pulse) .draggable-data-item-level{box-shadow:0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color));animation:draggableDataItemPulse 1.5s infinite cubic-bezier(.66,.33,0,1)}:host(.focus) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-focus, var(--draggable-data-item-level-background-color-focus));color:var(--luzmo-draggable-data-item-level-font-color-focus, var(--draggable-data-item-level-font-color-focus));border-color:var(--luzmo-draggable-data-item-level-border-color-focus, var(--draggable-data-item-level-border-color-focus))}:host(.focus) .draggable-data-item-level .data-description{color:var(--luzmo-draggable-data-item-level-font-color-focus, var(--draggable-data-item-level-font-color-focus))}@keyframes draggableDataItemPulse{0%{box-shadow:0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color)),0 0 0 0 var(--luzmo-draggable-data-item-level-pulse-color, var(--draggable-data-item-level-pulse-color))}to{box-shadow:0 0 0 .5rem transparent,0 0 0 .5rem transparent}}.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;justify-self: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;position:relative;justify-self:center}.with-secondary-icon{clip-path:polygon(0 0,60% 0,65% 60%,100% 65%,100% 100%,0 100%)}.secondary-icon{position:absolute;bottom:45%;left:70%;width:auto;font-size:.75em;line-height:1}: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) );--luzmo-draggable-data-item-level-description-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-2) );--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(.highlighted){--draggable-data-item-level-background-color-highlighted: var( --luzmo-primary );--draggable-data-item-level-font-color-highlighted: var( --luzmo-primary-inverse-color );--draggable-data-item-level-border-color-highlighted: var( --luzmo-border-color )}:host(.focus){--draggable-data-item-level-background-color-focus: var( --luzmo-background-color-focus, var(--luzmo-secondary) );--draggable-data-item-level-font-color-focus: var( --luzmo-font-color-focus, var(--luzmo-secondary-inverse-color) );--draggable-data-item-level-border-color-focus: var( --luzmo-border-color-focus, var(--luzmo-secondary) )}:host(.pulse){--draggable-data-item-level-pulse-color: var( --luzmo-secondary-outline, rgba(var(--luzmo-secondary-rgb), .4) )}: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}", O = (n) => {
|
|
37
|
+
const e = n.source.element, a = n.source.data, t = e.renderRoot?.querySelector(".data-label")?.textContent || L(a.name, e.language) || "Untitled", o = a.type, r = a.subtype, d = x({ type: o, subtype: r }, e.size), l = {};
|
|
39
38
|
[
|
|
40
39
|
[
|
|
41
40
|
"borderColor",
|
|
@@ -82,59 +81,58 @@ const R = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family,
|
|
|
82
81
|
"--luzmo-draggable-data-item-level-gap",
|
|
83
82
|
"--draggable-data-item-level-gap"
|
|
84
83
|
]
|
|
85
|
-
].forEach(([g,
|
|
86
|
-
const y =
|
|
87
|
-
|
|
84
|
+
].forEach(([g, h, p]) => {
|
|
85
|
+
const y = w(e, h) || w(e, p);
|
|
86
|
+
l[g] = y;
|
|
88
87
|
});
|
|
89
|
-
const
|
|
90
|
-
if (
|
|
88
|
+
const u = document.createElement("div"), m = document.createElement("div");
|
|
89
|
+
if (u.innerHTML = t, Object.assign(u.style, {
|
|
91
90
|
maxWidth: "12rem",
|
|
92
91
|
overflow: "hidden",
|
|
93
92
|
textOverflow: "ellipsis",
|
|
94
93
|
whiteSpace: "nowrap"
|
|
95
94
|
}), !e.sublevel) {
|
|
96
95
|
const g = document.createElement("luzmo-icon");
|
|
97
|
-
g.icon =
|
|
96
|
+
g.icon = d, m.append(g);
|
|
98
97
|
}
|
|
99
|
-
return m.append(
|
|
98
|
+
return m.append(u), Object.assign(m.style, {
|
|
100
99
|
display: "flex",
|
|
101
100
|
alignItems: "center",
|
|
102
101
|
maxWidth: "12rem",
|
|
103
102
|
lineHeight: "1",
|
|
104
|
-
height:
|
|
105
|
-
border: `1px solid ${
|
|
106
|
-
backgroundColor:
|
|
107
|
-
borderRadius:
|
|
108
|
-
fontFamily:
|
|
109
|
-
fontSize:
|
|
110
|
-
color:
|
|
111
|
-
padding: `0 ${
|
|
112
|
-
gap:
|
|
103
|
+
height: l.height,
|
|
104
|
+
border: `1px solid ${l.borderColor}`,
|
|
105
|
+
backgroundColor: l.backgroundColor,
|
|
106
|
+
borderRadius: l.borderRadius,
|
|
107
|
+
fontFamily: l.fontFamily,
|
|
108
|
+
fontSize: l.fontSize,
|
|
109
|
+
color: l.color,
|
|
110
|
+
padding: `0 ${l.horizontalPadding}`,
|
|
111
|
+
gap: l.gap
|
|
113
112
|
}), m;
|
|
114
113
|
};
|
|
115
|
-
var
|
|
116
|
-
for (var
|
|
117
|
-
(
|
|
118
|
-
return
|
|
114
|
+
var V = Object.defineProperty, c = (n, e, a, t) => {
|
|
115
|
+
for (var o = void 0, r = n.length - 1, d; r >= 0; r--)
|
|
116
|
+
(d = n[r]) && (o = d(e, a, o) || o);
|
|
117
|
+
return o && V(e, a, o), o;
|
|
119
118
|
};
|
|
120
|
-
const
|
|
119
|
+
const f = class f extends H(E, {
|
|
121
120
|
validSizes: ["s", "m", "l", "xl"],
|
|
122
121
|
noDefaultSize: !0
|
|
123
122
|
}) {
|
|
124
123
|
constructor() {
|
|
125
124
|
super(...arguments), this.language = "en", this.data = {}, this._isCurrentlyHighlighted = !1, this._handleHighlight = (e) => {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
if (this.classList.toggle("highlighted", s), s && !this._isCurrentlyHighlighted) {
|
|
125
|
+
const a = e.detail ?? {}, { columnId: t, level: o, formulaId: r } = a, d = this.data?.columnId ?? this.data?.column ?? this.data?.formulaId ?? this.data?.formula ?? this.data?.id, l = this.data?.level ?? 0, z = o ?? 0, u = (d === t || d === r) && l === z, m = (d === t || d === r) && l === 0 && z > 0, g = u || m;
|
|
126
|
+
if (this.classList.toggle("highlighted", g), g && !this._isCurrentlyHighlighted) {
|
|
129
127
|
this._isCurrentlyHighlighted = !0;
|
|
130
|
-
const
|
|
131
|
-
if (
|
|
128
|
+
const h = this.getBoundingClientRect(), p = window.innerHeight || document.documentElement.clientHeight;
|
|
129
|
+
if (h.top < 0 || h.bottom > p)
|
|
132
130
|
try {
|
|
133
131
|
this.scrollIntoView({ block: "center" });
|
|
134
132
|
} catch {
|
|
135
133
|
this.scrollIntoView(!0);
|
|
136
134
|
}
|
|
137
|
-
} else !
|
|
135
|
+
} else !g && this._isCurrentlyHighlighted && (this._isCurrentlyHighlighted = !1);
|
|
138
136
|
}, this._clearHighlight = () => {
|
|
139
137
|
this.classList.remove("highlighted"), this._isCurrentlyHighlighted = !1;
|
|
140
138
|
}, this.dataItemLevelDropped = (e) => {
|
|
@@ -169,7 +167,7 @@ const x = class x extends V(O, {
|
|
|
169
167
|
}
|
|
170
168
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
171
169
|
firstUpdated(e) {
|
|
172
|
-
this._cleanupDraggable =
|
|
170
|
+
this._cleanupDraggable = k({
|
|
173
171
|
element: this,
|
|
174
172
|
canDrag: () => !this.disabled,
|
|
175
173
|
onDragStart: () => {
|
|
@@ -179,41 +177,40 @@ const x = class x extends V(O, {
|
|
|
179
177
|
this.style.opacity = "1", this.dataItemLevelDropped(this.data);
|
|
180
178
|
},
|
|
181
179
|
getInitialData: () => ({ ...this.data }),
|
|
182
|
-
onGenerateDragPreview: (
|
|
183
|
-
const
|
|
184
|
-
|
|
185
|
-
render({ container:
|
|
186
|
-
const
|
|
187
|
-
|
|
180
|
+
onGenerateDragPreview: (a) => {
|
|
181
|
+
const t = a.nativeSetDragImage;
|
|
182
|
+
C({
|
|
183
|
+
render({ container: o }) {
|
|
184
|
+
const r = O(a);
|
|
185
|
+
o.append(r);
|
|
188
186
|
},
|
|
189
|
-
nativeSetDragImage:
|
|
187
|
+
nativeSetDragImage: t
|
|
190
188
|
});
|
|
191
189
|
}
|
|
192
190
|
});
|
|
193
191
|
}
|
|
194
192
|
render() {
|
|
195
|
-
var l, t, r, a;
|
|
196
193
|
if (!this.data)
|
|
197
|
-
return
|
|
198
|
-
const e =
|
|
199
|
-
return
|
|
194
|
+
return b`<div class="draggable-data-item-level" tabindex="0"></div>`;
|
|
195
|
+
const e = this.data.name?.[this.language] ?? this.data.name?.[Object.keys(this.data.name)[0]] ?? "Untitled", a = this.data.description?.[this.language] ?? this.data.description?.[Object.keys(this.data.description)[0]], t = $(this.data, this.size);
|
|
196
|
+
return b`
|
|
200
197
|
<div class="draggable-data-item-level" tabindex="0">
|
|
201
198
|
<div class="drag-handle-icon">
|
|
202
|
-
${this.sublevel ?
|
|
199
|
+
${this.sublevel ? v(I) : v(S)}
|
|
203
200
|
</div>
|
|
204
|
-
${this.sublevel || this.hideTypeIcon ? "" :
|
|
205
|
-
<div class=${
|
|
206
|
-
${
|
|
201
|
+
${this.sublevel || this.hideTypeIcon ? "" : b`<div class="data-icon-type">
|
|
202
|
+
<div class=${t ? "with-secondary-icon" : ""}>
|
|
203
|
+
${v(x(this.data, this.size))}
|
|
207
204
|
</div>
|
|
208
|
-
${
|
|
209
|
-
${
|
|
205
|
+
${t ? b`<div class="secondary-icon">
|
|
206
|
+
${v(t)}
|
|
210
207
|
</div>` : ""}
|
|
211
208
|
</div>`}
|
|
212
209
|
<div class="data-label">${e}</div>
|
|
213
|
-
${!this.sublevel &&
|
|
214
|
-
${
|
|
210
|
+
${!this.sublevel && a ? b`<button class="data-description">
|
|
211
|
+
${v(D)}
|
|
215
212
|
<luzmo-tooltip self-managed placement="top" size=${this.size}>
|
|
216
|
-
${
|
|
213
|
+
${a}
|
|
217
214
|
</luzmo-tooltip>
|
|
218
215
|
</button>` : ""}
|
|
219
216
|
<luzmo-tooltip
|
|
@@ -229,25 +226,25 @@ const x = class x extends V(O, {
|
|
|
229
226
|
`;
|
|
230
227
|
}
|
|
231
228
|
};
|
|
232
|
-
|
|
233
|
-
let i =
|
|
234
|
-
|
|
235
|
-
|
|
229
|
+
f.styles = _(P);
|
|
230
|
+
let i = f;
|
|
231
|
+
c([
|
|
232
|
+
s({ type: String, reflect: !0 })
|
|
236
233
|
], i.prototype, "variant");
|
|
237
|
-
|
|
238
|
-
|
|
234
|
+
c([
|
|
235
|
+
s({ type: Boolean, reflect: !0, attribute: "hide-type-icon" })
|
|
239
236
|
], i.prototype, "hideTypeIcon");
|
|
240
|
-
|
|
241
|
-
|
|
237
|
+
c([
|
|
238
|
+
s({ type: Boolean, reflect: !0 })
|
|
242
239
|
], i.prototype, "sublevel");
|
|
243
|
-
|
|
244
|
-
|
|
240
|
+
c([
|
|
241
|
+
s({ type: String, reflect: !0 })
|
|
245
242
|
], i.prototype, "language");
|
|
246
|
-
|
|
247
|
-
|
|
243
|
+
c([
|
|
244
|
+
s({ type: Boolean, reflect: !0 })
|
|
248
245
|
], i.prototype, "disabled");
|
|
249
|
-
|
|
250
|
-
|
|
246
|
+
c([
|
|
247
|
+
s({ type: Object })
|
|
251
248
|
], i.prototype, "data");
|
|
252
249
|
customElements.get("luzmo-draggable-data-item-level") || customElements.define(
|
|
253
250
|
"luzmo-draggable-data-item-level",
|
|
@@ -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
|
-
const
|
|
20
|
+
const l = [
|
|
21
21
|
{
|
|
22
22
|
key: "general",
|
|
23
23
|
type: "group",
|
|
@@ -54,7 +54,7 @@ const t = [
|
|
|
54
54
|
label: "Filter with Apply button",
|
|
55
55
|
default: !1
|
|
56
56
|
},
|
|
57
|
-
visibleIf: ({ options: e }) => e
|
|
57
|
+
visibleIf: ({ options: e }) => e?.multiselect
|
|
58
58
|
},
|
|
59
59
|
{
|
|
60
60
|
key: "showCheckboxes",
|
|
@@ -63,7 +63,7 @@ const t = [
|
|
|
63
63
|
label: "Show checkboxes",
|
|
64
64
|
default: !0
|
|
65
65
|
},
|
|
66
|
-
visibleIf: ({ options: e }) => e
|
|
66
|
+
visibleIf: ({ options: e }) => e?.multiselect
|
|
67
67
|
},
|
|
68
68
|
{
|
|
69
69
|
key: "display.search",
|
|
@@ -72,7 +72,7 @@ const t = [
|
|
|
72
72
|
label: "Search",
|
|
73
73
|
default: !0
|
|
74
74
|
},
|
|
75
|
-
visibleIf: ({ options: e }) => !
|
|
75
|
+
visibleIf: ({ options: e }) => !e?.multiselect
|
|
76
76
|
},
|
|
77
77
|
{
|
|
78
78
|
key: "display.clear",
|
|
@@ -81,7 +81,7 @@ const t = [
|
|
|
81
81
|
label: "Show clear selection",
|
|
82
82
|
default: !0
|
|
83
83
|
},
|
|
84
|
-
visibleIf: ({ options: e }) => !
|
|
84
|
+
visibleIf: ({ options: e }) => !e?.multiselect
|
|
85
85
|
}
|
|
86
86
|
]
|
|
87
87
|
},
|
|
@@ -121,10 +121,7 @@ const t = [
|
|
|
121
121
|
label: "Text",
|
|
122
122
|
placeholder: "Select..."
|
|
123
123
|
},
|
|
124
|
-
visibleIf: ({ options: e }) =>
|
|
125
|
-
var l;
|
|
126
|
-
return ((l = e == null ? void 0 : e.display) == null ? void 0 : l.placeholder) !== !1;
|
|
127
|
-
}
|
|
124
|
+
visibleIf: ({ options: e }) => e?.display?.placeholder !== !1
|
|
128
125
|
}
|
|
129
126
|
]
|
|
130
127
|
},
|
|
@@ -159,5 +156,5 @@ const t = [
|
|
|
159
156
|
}
|
|
160
157
|
];
|
|
161
158
|
export {
|
|
162
|
-
|
|
159
|
+
l as default
|
|
163
160
|
};
|
|
@@ -17,4 +17,4 @@
|
|
|
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
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!1}},{key:"display.label",control:{type:"switch",label:"Label",default:!1}},{key:"multiselect",control:{type:"switch",label:"Multiselect",default:!1}},{key:"applyFiltersWithButton",control:{type:"switch",label:"Filter with Apply button",default:!1},visibleIf:({options:e})=>e?.multiselect},{key:"showCheckboxes",control:{type:"switch",label:"Show checkboxes",default:!0},visibleIf:({options:e})=>e?.multiselect},{key:"display.search",control:{type:"switch",label:"Search",default:!0},visibleIf:({options:e})=>!e?.multiselect},{key:"display.clear",control:{type:"switch",label:"Show clear selection",default:!0},visibleIf:({options:e})=>!e?.multiselect}]},{key:"order",type:"group",open:!1,children:[{key:"sort.direction",control:{type:"picker",label:"Ordering",default:"asc",enum:["asc","desc"]}}]},{key:"placeholder",type:"group",open:!0,children:[{key:"display.placeholder",control:{type:"switch",label:"Display",default:!0}},{key:"placeholder",control:{type:"multi-language-field",label:"Text",placeholder:"Select..."},visibleIf:({options:e})=>e?.display?.placeholder!==!1}]},{key:"padding",type:"group",open:!1,children:[{key:"padding.left",control:{label:"Padding left",type:"number-field",default:16,min:0,max:100,step:1}},{key:"padding.right",control:{label:"Padding right",type:"number-field",default:16,min:0,max:100,step:1}}]}];exports.default=l;
|
|
@@ -17,16 +17,16 @@
|
|
|
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 E=require("../get-css-variable-DLiZYZEi.cjs"),q=require("@lit/context"),v=require("@lit/localize"),k=require("@lit/task"),C=require("@luzmo/icons");require("@luzmo/lucero/tooltip");const S=require("../index-Cz9vSXy6.cjs"),f=require("../localize-r7ALOUy_.cjs"),w=require("../en-BKBhKBXY.cjs"),b=require("lit"),u=require("lit/decorators.js"),A=require("../focusable-B3E_hQmm.cjs"),x=require("../sized-mixin-DcvJLFeo.cjs"),I=require("../index-CXn67vdn.cjs"),y=require("@lit-labs/signals"),z=require("../types-VPf7E5dD.cjs"),_=require("../set-locale-BRRalqne.cjs");require("../slot-menu/index.cjs");const $=(r,t)=>{var a,n;const e={type:r.type,datasetId:r.datasetId,set:r.datasetId};"columnId"in r&&!f.isEmpty(r.columnId)&&r.columnId!==""?(e.columnId=r.columnId,e.column=r.columnId):"formulaId"in r&&!f.isEmpty(r.formulaId)&&r.formulaId!==""&&(e.formulaId=r.formulaId,e.formula=r.formulaId);const o=r.type==="datetime"||r.type==="array[datetime]",l={...r.name??{en:"Untitled"}};let s=r.level;if(o&&(s=s??r.lowestLevel??9,t)){const d=((a=w.DEFAULT_LOCAL_FORMATS.shortLevels)==null?void 0:a.filter(c=>c!=="All"))??[],i=Math.max(0,Math.min(d.length-1,(s??1)-1)),m=d[i];if(m){const c=`(${m})`,h=Object.keys(l);for(const g of h)l[g]=`${l[g]} ${c}`}}return e.label=l,f.isEmpty(r.subtype)||(e.subtype=r.subtype),"lowestLevel"in r&&!f.isEmpty(r.lowestLevel)&&(e.lowestLevel=r.lowestLevel),f.isEmpty(r.format)||(e.format=r.format),f.isEmpty(s)||(e.level=s),f.isEmpty(r.lowestLevel)||(e.lowestLevel=r.lowestLevel),r.type==="numeric"&&r.subtype==="currency"&&((n=r.currency)!=null&&n.symbol)&&(e.currency=r.currency.symbol),Array.isArray(r.duration_levels)&&r.duration_format&&(e.duration={levels:r.duration_levels,format:r.duration_format}),e};class O{constructor(){this.slotContents=y.signal([]),this.slotsContents=y.signal([]),this.periodOverPeriodUiType=y.signal(null),this.linkedDataset=y.signal([]),this._popEnabledChartTypes=["area-chart","bar-chart","combination-chart","column-chart","line-chart"],this.activeSlotContents=y.computed(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=y.signal(0)}isArrayColumnType(t){return t.startsWith("array[")}setPeriodOverPeriodCondition(t,e){var o;if(!((o=e==null?void 0:e.periodOverPeriod)!=null&&o.newUi)){this.periodOverPeriodUiType.set(this.oldConditionalLogic(t));return}this.periodOverPeriodUiType.set(this.getUiConditionToApply(e))}getUiConditionToApply(t){var s;const e=this.hasDatetimeColumnOnCategoryOrXAxis(),o=(s=t==null?void 0:t.periodOverPeriod)==null?void 0:s.hasConnectedComparisonFilter,l=this.linkedDataset.get().some(({columns:a})=>a==null?void 0:a.some(n=>n.type==="datetime"));return!e&&!o&&!l?null:e&&o?z.PeriodOverPeriodCondition.HasDatetimeColumnAndComparisonFilters:e&&!o?z.PeriodOverPeriodCondition.HasDatetimeColumnAndNoComparisonFilters:!e&&o?z.PeriodOverPeriodCondition.NoDatetimeColumnButComparisonFilters:z.PeriodOverPeriodCondition.NoDatetimeColumnAndNoComparisonFilters}oldConditionalLogic(t){var n,d;const e=this.slotsContents.get()??[],o=((n=e.find(i=>["y-axis","x-axis","row"].includes(i.name)))==null?void 0:n.content)??[],l=(o==null?void 0:o[0])??null,s=((d=e.find(i=>i.name==="measure"))==null?void 0:d.content)??[];return l&&this._popEnabledChartTypes.includes(t)&&l.type==="datetime"&&!this.isArrayColumnType(l.type)&&!l.datetimeDisplayMode&&l.level!==4&&s.length>0?z.PeriodOverPeriodCondition.OldImplementation:null}hasDatetimeColumnOnCategoryOrXAxis(){var l;const e=((l=(this.slotsContents.get()??[]).find(s=>["y-axis","x-axis"].includes(s.name)))==null?void 0:l.content)??[],o=(e==null?void 0:e[0])??null;return!!(o&&o.type==="datetime"&&!this.isArrayColumnType(o.type))}setContents(t,e){if(this.slotContents.set(t),this.activeIndex.get()>=t.length&&this.activeIndex.set(t.length>0?t.length-1:0),e){const o=structuredClone(this.slotsContents.get())??[],l=o.find(s=>s.name===e);l&&(l.content=t),this.setFullContents(o)}}setFullContents(t){this.slotsContents.set(t)}updateActive(t){t>=0&&t<this.slotContents.get().length&&this.activeIndex.set(t)}updateContent(t,e=this.activeIndex.get()){if(e<0||e>=this.slotContents.get().length)return;const o=[...this.slotContents.get()];o[e]=structuredClone(t),this.slotContents.set(o)}removeContent(t){if(t<0||t>=this.slotContents.get().length)return;const e=this.slotContents.get().filter((o,l)=>l!==t);this.slotContents.set(e),this.activeIndex.get()>=e.length&&this.activeIndex.set(e.length>0?e.length-1:0)}}const T=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family));--slot-height: var( --luzmo-droppable-slot-height, var(--droppable-slot-height) )}.droppable-slot-wrapper{position:relative;width:var(--slot-height);min-width:var(--slot-height);height:auto;overflow:visible}.droppable-slot[filled]{border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color));padding-right:0;gap:var(--luzmo-droppable-slot-filled-gap, var(--droppable-slot-filled-gap))}.droppable-slot[filled]>*:not(luzmo-overlay){cursor:pointer}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));padding-right:var(--luzmo-droppable-slot-label-to-controls, var(--droppable-slot-label-to-controls));border-radius:var(--luzmo-droppable-slot-border-radius, var(--droppable-slot-border-radius));height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height))}:host(.pulse) .droppable-slot{animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color, var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color, var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color, var(--droppable-slot-accept-drag-border-color));animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color, var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color, var(--droppable-slot-accept-drag-controls-color))}:host([would-accept-drag]) .droppable-slot:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation, none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color)),0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color))}to{box-shadow:0 0 0 1rem transparent,0 0 0 1rem transparent}}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));padding-top:var(--luzmo-droppable-slot-label-padding-top, var(--droppable-slot-label-padding-top));padding-bottom:var(--luzmo-droppable-slot-label-padding-bottom, var(--droppable-slot-label-padding-bottom));flex-grow:1;max-width:var(--luzmo-droppable-slot-label-max-width);margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding));font-size:var(--luzmo-droppable-slot-controls-font-size)}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}.droppable-slot.rotate{position:absolute;top:0;left:50%;transform-origin:center;max-width:15rem;transform:translate(-50%) rotate(-90deg)}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-accept-drag-background-color: var(--luzmo-positive-color);--droppable-slot-accept-drag-color: white;--droppable-slot-accept-drag-border-color: var(--luzmo-positive-color-down);--droppable-slot-accept-drag-font-color: white;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-accept-drag-controls-background-color: var( --luzmo-positive-color-down );--droppable-slot-accept-drag-controls-color: white;--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height) );--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-label-to-controls: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled );--droppable-slot-pulse-color: rgba(var(--luzmo-positive-color-rgb), .2);--droppable-slot-border-radius: var(--luzmo-border-radius);--droppable-slot-filled-gap: var(--luzmo-spacing-5)}:host{--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height) );--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-s) );--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-l) );--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-xl) );--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",P={Category:()=>v.msg("Category",{desc:"Category label"}),Measure:()=>v.msg("Measure",{desc:"Measure label"}),Legend:()=>v.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>v.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>v.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>v.msg("Group by",{desc:"Group by label"})};var M=Object.defineProperty,U=Object.getOwnPropertyDescriptor,p=(r,t,e,o)=>{for(var l=o>1?void 0:o?U(t,e):t,s=r.length-1,a;s>=0;s--)(a=r[s])&&(l=(o?a(t,e,l):a(l))||l);return o&&l&&M(t,e,l),l};exports.LuzmoDroppableSlot=class extends x.SizedMixin(A.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._loadSlotsConfig=new k.Task(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-comparison-filter/date-comparison-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-comparison-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))}),o=`../../item-definitions/${t}/${t}-slots.config.ts`;if(e[o]){const l=await e[o]();this._itemTypeLoaded=t,this._slotsConfig=(l==null?void 0:l.default)??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this.slotConfiguration={},this.slotsContents=[],this.language="en",this.rotate=!1,this.apiUrl="https://api.luzmo.com",this.authKey="",this.authToken="",this.menu="default",this.placement="bottom-end",this._slotContents=[],this._overlayReady=!1,this._store=new O,this._currentSlotContents=[],this._lastFetchedDatasetId=null,this._linkedDatasetsIds=[],this._acceptableColumnTypes=["datetime","hierarchy","numeric","spatial","array[datetime]","array[numeric]","array[hierarchy]","array[spatial]"],this._attachDroppable=()=>{this._cleanupDroppable||(this._cleanupDroppable=E.dropTargetForElements({element:this,onDrop:async t=>{var n,d,i,m,c;const e={...(n=t.source)==null?void 0:n.data},o=((i=(d=t==null?void 0:t.source)==null?void 0:d.element)==null?void 0:i.hasAttribute("sublevel"))??!1,l=((m=this._slotContents)==null?void 0:m.length)===0,s=e.datasetId,a=$(e,o);this._slotContents=(c=this.slotConfiguration)!=null&&c.canAcceptMultipleDataItems?[...this._slotContents??[],a]:[a],this.removeAttribute("accept-drag"),s&&s!==this._lastFetchedDatasetId&&(this._lastFetchedDatasetId=s,await S.dataBroker.fetchDatasetsRecursive([s]),this._linkedDatasetsIds=S.dataBroker.getLinkedDatasetsIds(s)),l?(this._overlayReady=!1,setTimeout(()=>{this._overlayReady=!0},200)):this._overlayReady=!0,this.changedSlotContents(this._slotContents,this._linkedDatasetsIds),this.classList.remove("pulse")},canDrop:({source:t})=>this._canDropItem({source:t}),getDropEffect:()=>"move",onDragEnter:()=>{this.setAttribute("accept-drag",""),this.classList.add("pulse")},onDragLeave:()=>{this.removeAttribute("accept-drag"),this.classList.remove("pulse")}}))},this._canDropItem=({source:t})=>{var s,a,n,d,i,m,c,h,g;if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes((s=t.element)==null?void 0:s.tagName)||!((a=this.slotConfiguration)!=null&&a.canAcceptFormula)&&((n=t==null?void 0:t.data)!=null&&n.formulaId||(d=t==null?void 0:t.data)!=null&&d.formula||((i=t==null?void 0:t.data)==null?void 0:i.entity)==="formula"))return!1;const{acceptableDataItemTypes:e,acceptableColumnSubtypes:o}=this.slotConfiguration??{},l=Array.isArray(e)&&e.length>0?e:this._acceptableColumnTypes;return(m=t==null?void 0:t.data)!=null&&m.type&&!l.includes((c=t==null?void 0:t.data)==null?void 0:c.type)?!1:!((h=t==null?void 0:t.data)!=null&&h.subtype&&Array.isArray(o)&&o.length>0&&!o.includes((g=t==null?void 0:t.data)==null?void 0:g.subtype))},this.changedSlotContents=(t,e=[])=>{var o;(o=this._store)==null||o.setContents(t,this.slotName),this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t,linkedDatasetsIds:e}}))},this._handleDragStart=t=>{var a;const e=t,o=(a=e.detail)==null?void 0:a.data;if(this._overlayElement&&(this._overlayElement.open=!1),!o)return;const l={data:o,element:{tagName:e.target instanceof HTMLElement&&e.target.tagName==="LUZMO-DRAGGABLE-DATA-ITEM-LEVEL"?"LUZMO-DRAGGABLE-DATA-ITEM-LEVEL":"LUZMO-DRAGGABLE-DATA-ITEM"}};this._canDropItem({source:l})&&this.setAttribute("would-accept-drag","")},this._handleDragEnd=()=>{this.removeAttribute("would-accept-drag")},this._handleOverlayClick=t=>{t.detail>0&&t.target===this._overlayElement?this._overlayElement.open=!1:t.stopPropagation()},new q.ContextProvider(this,{context:I.slotContext,initialValue:this._store})}connectedCallback(){super.connectedCallback(),this._attachDroppable(),document.addEventListener("data-item-drag-started",this._handleDragStart),document.addEventListener("data-item-dropped",this._handleDragEnd)}disconnectedCallback(){var t,e;super.disconnectedCallback(),this._cleanupDroppable&&(this._cleanupDroppable(),this._cleanupDroppable=void 0),(e=(t=this._loadSlotsConfig).abort)==null||e.call(t),document.removeEventListener("data-item-drag-started",this._handleDragStart),document.removeEventListener("data-item-dropped",this._handleDragEnd)}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this._slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotConfiguration")&&(this._cleanupDroppable&&(this._cleanupDroppable(),this._cleanupDroppable=void 0),this._attachDroppable()),t.has("slotsContents")&&this._processSlotsContents(),t.has("language")&&this.language!==_.getLocale()&&([..._.targetLocales].includes(this.language??"en")||this.language==="en")&&_.setLocale(this.language)}_processSlotsContents(){var t,e,o,l,s;(t=this._store)==null||t.setFullContents(this.slotsContents),this._slotContents=((o=(e=this.slotsContents)==null?void 0:e.find(a=>a.name===this.slotName))==null?void 0:o.content)??[],this._currentSlotContents=[...this._slotContents],((l=this._slotContents)==null?void 0:l.length)>0&&(this._overlayReady=!0),(s=this._store)==null||s.setContents(this._slotContents)}firstUpdated(){this._attachDroppable()}_onOverlayClosed(t){const e=t.overlay;this._slotMenuElement&&e===this._overlayElement&&(setTimeout(()=>{this._slotMenuElement.resetPosition()},500),this.dispatchEvent(new CustomEvent("slot-menu-inactive",{bubbles:!0,composed:!0})))}_onOverlayOpened(t){var o,l,s,a,n;const e=t.overlay;if(this._slotMenuElement&&e===this._overlayElement){const d=((s=(o=this._store)==null?void 0:(l=o.activeIndex).get)==null?void 0:s.call(l))??0,i=((a=this._slotContents)==null?void 0:a[d])??((n=this._slotContents)==null?void 0:n[0]);if(!i)return;const m=(i==null?void 0:i.column)??(i==null?void 0:i.columnId),c=(i==null?void 0:i.set)??(i==null?void 0:i.datasetId),h=i==null?void 0:i.formula;(m||h)&&c&&(this.dispatchEvent(new CustomEvent("slot-menu-active",{bubbles:!0,composed:!0,detail:{datasetId:c}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent("slot-menu-highlight",{bubbles:!0,composed:!0,detail:{datasetId:c,level:(i==null?void 0:i.level)??0,...m&&{columnId:m},...h&&{formulaId:h}}}))}))}}_onSlotMenuChanges(t){var o;t.preventDefault(),t.stopPropagation();const e=t.detail.linkedDatasetsIds;this._slotContents.length===((o=t.detail.slotContents)==null?void 0:o.length)?(this._currentSlotContents=t.detail.slotContents,this.changedSlotContents(this._currentSlotContents,e)):(this._slotContents=t.detail.slotContents,this.changedSlotContents(this._slotContents,e))}get _fullLabel(){var l,s,a,n,d,i,m,c,h;let t="";const e=P[(l=this.slotConfiguration)==null?void 0:l.label]?P[(s=this.slotConfiguration)==null?void 0:s.label]():(a=this.slotConfiguration)==null?void 0:a.label;((n=this._currentSlotContents)==null?void 0:n.length)===1?t=f.localize((i=(d=this._currentSlotContents)==null?void 0:d[0])==null?void 0:i.label,this.language)??"Untitled":((m=this._currentSlotContents)==null?void 0:m.length)>1&&(t=`${this._currentSlotContents.length} items`);let o=this.label||e||"Untitled";return((c=this._currentSlotContents)==null?void 0:c.length)>0&&(o+=((h=this._currentSlotContents)==null?void 0:h.length)>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),o}droppableSlotMarkup(){var e,o,l,s,a,n,d,i,m,c,h,g,D,L;const t=b.html`
|
|
20
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../get-css-variable-C0B_Sxqf.cjs"),C=require("@lit/context"),c=require("@lit/localize"),D=require("@lit/task"),m=require("@luzmo/icons");require("@luzmo/lucero/tooltip");const v=require("../index-CAbDIHYI.cjs"),d=require("../localize-C4zNlrwK.cjs"),S=require("../en-DZcn_iz_.cjs"),p=require("lit"),i=require("lit/decorators.js"),L=require("../focusable-QLh-LlNt.cjs"),E=require("../sized-mixin-DcvJLFeo.cjs"),q=require("../index-BekTY3Em.cjs"),k=require("../slot-store-Dd_cPNXk.cjs"),b=require("../set-locale-B8iQGfk0.cjs");require("../slot-menu/index.cjs");const w=(o,t)=>{const e={type:o.type,datasetId:o.datasetId,set:o.datasetId};"columnId"in o&&!d.isEmpty(o.columnId)&&o.columnId!==""?(e.columnId=o.columnId,e.column=o.columnId):"formulaId"in o&&!d.isEmpty(o.formulaId)&&o.formulaId!==""&&(e.formulaId=o.formulaId,e.formula=o.formulaId);const r=o.type==="datetime"||o.type==="array[datetime]",l={...o.name??{en:"Untitled"}};let s=o.level;if(r&&(s=s??o.lowestLevel??9,t)){const n=S.DEFAULT_LOCAL_FORMATS.shortLevels?.filter(h=>h!=="All")??[],u=Math.max(0,Math.min(n.length-1,(s??1)-1)),g=n[u];if(g){const h=`(${g})`,y=Object.keys(l);for(const f of y)l[f]=`${l[f]} ${h}`}}return e.label=l,d.isEmpty(o.subtype)||(e.subtype=o.subtype),"lowestLevel"in o&&!d.isEmpty(o.lowestLevel)&&(e.lowestLevel=o.lowestLevel),d.isEmpty(o.format)||(e.format=o.format),d.isEmpty(s)||(e.level=s),d.isEmpty(o.lowestLevel)||(e.lowestLevel=o.lowestLevel),o.type==="numeric"&&o.subtype==="currency"&&o.currency?.symbol&&(e.currency=o.currency.symbol),Array.isArray(o.duration_levels)&&o.duration_format&&(e.duration={levels:o.duration_levels,format:o.duration_format}),e},P=":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family));--slot-height: var( --luzmo-droppable-slot-height, var(--droppable-slot-height) )}.droppable-slot-wrapper{position:relative;width:var(--slot-height);min-width:var(--slot-height);height:auto;overflow:visible}.droppable-slot[filled]{border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color));padding-right:0;gap:var(--luzmo-droppable-slot-filled-gap, var(--droppable-slot-filled-gap))}.droppable-slot[filled]>*:not(luzmo-overlay){cursor:pointer}.droppable-slot{background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));padding-right:var(--luzmo-droppable-slot-label-to-controls, var(--droppable-slot-label-to-controls));border-radius:var(--luzmo-droppable-slot-border-radius, var(--droppable-slot-border-radius));height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height))}:host(.pulse) .droppable-slot{animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .droppable-slot{background-color:var(--luzmo-droppable-slot-accept-drag-background-color, var(--droppable-slot-accept-drag-background-color));color:var(--luzmo-droppable-slot-accept-drag-font-color, var(--droppable-slot-accept-drag-font-color));border-color:var(--luzmo-droppable-slot-accept-drag-border-color, var(--droppable-slot-accept-drag-border-color));animation:dropelementpulse 1s infinite ease-in-out}:host([accept-drag]) .controls{background-color:var(--luzmo-droppable-slot-accept-drag-controls-background-color, var(--droppable-slot-accept-drag-controls-background-color));color:var(--luzmo-droppable-slot-accept-drag-controls-color, var(--droppable-slot-accept-drag-controls-color))}:host([would-accept-drag]) .droppable-slot:not([filled]){animation:var(--luzmo-slot-would-accept-drop-animation, none)}@keyframes dropelementpulse{0%{box-shadow:0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color)),0 0 0 0 var(--luzmo-droppable-slot-pulse-color, var(--droppable-slot-pulse-color))}to{box-shadow:0 0 0 1rem transparent,0 0 0 1rem transparent}}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));padding-top:var(--luzmo-droppable-slot-label-padding-top, var(--droppable-slot-label-padding-top));padding-bottom:var(--luzmo-droppable-slot-label-padding-bottom, var(--droppable-slot-label-padding-bottom));flex-grow:1;max-width:var(--luzmo-droppable-slot-label-max-width);margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding));font-size:var(--luzmo-droppable-slot-controls-font-size)}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}.droppable-slot.rotate{position:absolute;top:0;left:50%;transform-origin:center;max-width:15rem;transform:translate(-50%) rotate(-90deg)}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-accept-drag-background-color: var(--luzmo-positive-color);--droppable-slot-accept-drag-color: white;--droppable-slot-accept-drag-border-color: var(--luzmo-positive-color-down);--droppable-slot-accept-drag-font-color: white;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-accept-drag-controls-background-color: var( --luzmo-positive-color-down );--droppable-slot-accept-drag-controls-color: white;--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height) );--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-label-to-controls: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled );--droppable-slot-pulse-color: rgba(var(--luzmo-positive-color-rgb), .2);--droppable-slot-border-radius: var(--luzmo-border-radius);--droppable-slot-filled-gap: var(--luzmo-spacing-5)}:host{--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height) );--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-s) );--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-l) );--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var( --luzmo-droppable-slot-height, var(--luzmo-component-height-xl) );--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}",z={Category:()=>c.msg("Category",{desc:"Category label"}),Measure:()=>c.msg("Measure",{desc:"Measure label"}),Legend:()=>c.msg("Legend",{desc:"Legend label"}),"Y-Axis":()=>c.msg("Y-Axis",{desc:"Y-Axis label"}),"X-Axis":()=>c.msg("X-Axis",{desc:"X-Axis label"}),"Group by":()=>c.msg("Group by",{desc:"Group by label"})};var $=Object.defineProperty,A=Object.getOwnPropertyDescriptor,a=(o,t,e,r)=>{for(var l=r>1?void 0:r?A(t,e):t,s=o.length-1,n;s>=0;s--)(n=o[s])&&(l=(r?n(t,e,l):n(l))||l);return r&&l&&$(t,e,l),l};exports.LuzmoDroppableSlot=class extends E.SizedMixin(L.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._loadSlotsConfig=new D.Task(this,{task:async([t])=>{if(t&&t!==this._itemTypeLoaded){const e=Object.assign({"../../item-definitions/area-chart/area-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../area-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/bar-chart/bar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bar-chart-slots.config-c_9ABPOI.cjs")),"../../item-definitions/box-plot/box-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../box-plot-slots.config-K-1CiWO-.cjs")),"../../item-definitions/bubble-chart/bubble-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bubble-chart-slots.config-BwSwgleO.cjs")),"../../item-definitions/bullet-chart/bullet-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../bullet-chart-slots.config-DQarxMR7.cjs")),"../../item-definitions/choropleth-map/choropleth-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../choropleth-map-slots.config-CFERs0ca.cjs")),"../../item-definitions/circle-pack-chart/circle-pack-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../circle-pack-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/circular-gauge/circular-gauge-slots.config.ts":()=>Promise.resolve().then(()=>require("../circular-gauge-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/column-chart/column-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../column-chart-slots.config-C0nGjkmv.cjs")),"../../item-definitions/combination-chart/combination-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../combination-chart-slots.config-CY07Q5Hw.cjs")),"../../item-definitions/conditional-number/conditional-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../conditional-number-slots.config-CD5ZwXuY.cjs")),"../../item-definitions/date-comparison-filter/date-comparison-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-comparison-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/date-filter/date-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../date-filter-slots.config-CrA5ijD3.cjs")),"../../item-definitions/donut-chart/donut-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../donut-chart-slots.config-DBowIZNO.cjs")),"../../item-definitions/dropdown-filter/dropdown-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../dropdown-filter-slots.config-0wn6pMvi.cjs")),"../../item-definitions/evolution-number/evolution-number-slots.config.ts":()=>Promise.resolve().then(()=>require("../evolution-number-slots.config-CNNVp6vR.cjs")),"../../item-definitions/funnel-chart/funnel-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../funnel-chart-slots.config-GKBCY9xN.cjs")),"../../item-definitions/heat-map/heat-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/heat-table/heat-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../heat-table-slots.config-GGX3BCh1.cjs")),"../../item-definitions/hexbin-map/hexbin-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../hexbin-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/image/image-slots.config.ts":()=>Promise.resolve().then(()=>require("../image-slots.config-mPXMR1CE.cjs")),"../../item-definitions/line-chart/line-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../line-chart-slots.config-Dx_ysVZK.cjs")),"../../item-definitions/marker-map/marker-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../marker-map-slots.config-D7cSAVdX.cjs")),"../../item-definitions/ohlc-chart/ohlc-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../ohlc-chart-slots.config-DMomcHMV.cjs")),"../../item-definitions/parallel-coordinates-plot/parallel-coordinates-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../parallel-coordinates-plot-slots.config--fk40ZDu.cjs")),"../../item-definitions/pivot-table/pivot-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../pivot-table-slots.config-45V_Gdm7.cjs")),"../../item-definitions/pyramid-chart/pyramid-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../pyramid-chart-slots.config-D5F0WX2d.cjs")),"../../item-definitions/radar-chart/radar-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../radar-chart-slots.config-BEigR_Ml.cjs")),"../../item-definitions/regular-table/regular-table-slots.config.ts":()=>Promise.resolve().then(()=>require("../regular-table-slots.config-RLnMgOXn.cjs")),"../../item-definitions/route-map/route-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../route-map-slots.config-DsVJBR3D.cjs")),"../../item-definitions/sankey-diagram/sankey-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../sankey-diagram-slots.config-CiyYElLX.cjs")),"../../item-definitions/scatter-plot/scatter-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../scatter-plot-slots.config-47cB5_RC.cjs")),"../../item-definitions/search-filter/search-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../search-filter-slots.config-DeHkvc2Q.cjs")),"../../item-definitions/slicer-filter/slicer-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slicer-filter-slots.config-V7hURjKI.cjs")),"../../item-definitions/slider-filter/slider-filter-slots.config.ts":()=>Promise.resolve().then(()=>require("../slider-filter-slots.config-B--K9cpP.cjs")),"../../item-definitions/speedometer-chart/speedometer-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../speedometer-chart-slots.config-Cd-nkNPm.cjs")),"../../item-definitions/spike-map/spike-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../spike-map-slots.config-BM5-Dlub.cjs")),"../../item-definitions/strip-plot/strip-plot-slots.config.ts":()=>Promise.resolve().then(()=>require("../strip-plot-slots.config-DDUlLO8K.cjs")),"../../item-definitions/sunburst-chart/sunburst-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../sunburst-chart-slots.config-B18aqdH1.cjs")),"../../item-definitions/symbol-map/symbol-map-slots.config.ts":()=>Promise.resolve().then(()=>require("../symbol-map-slots.config-Dm_FRGHA.cjs")),"../../item-definitions/text/text-slots.config.ts":()=>Promise.resolve().then(()=>require("../text-slots.config-BMBEkf0O.cjs")),"../../item-definitions/treemap-chart/treemap-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../treemap-chart-slots.config-C3bnHCyy.cjs")),"../../item-definitions/venn-diagram/venn-diagram-slots.config.ts":()=>Promise.resolve().then(()=>require("../venn-diagram-slots.config-GytlZGbF.cjs")),"../../item-definitions/video/video-slots.config.ts":()=>Promise.resolve().then(()=>require("../video-slots.config-mPXMR1CE.cjs")),"../../item-definitions/wordcloud-chart/wordcloud-chart-slots.config.ts":()=>Promise.resolve().then(()=>require("../wordcloud-chart-slots.config-D7CiYopX.cjs"))}),r=`../../item-definitions/${t}/${t}-slots.config.ts`;if(e[r]){const l=await e[r]();this._itemTypeLoaded=t,this._slotsConfig=l?.default??{}}return this._slotsConfig}},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this.slotConfiguration={},this.slotsContents=[],this.language="en",this.rotate=!1,this.apiUrl="https://api.luzmo.com",this.authKey="",this.authToken="",this.menu="default",this.placement="bottom-end",this._slotContents=[],this._overlayReady=!1,this._store=new k.SlotStore,this._currentSlotContents=[],this._lastFetchedDatasetId=null,this._linkedDatasetsIds=[],this._acceptableColumnTypes=["datetime","hierarchy","numeric","spatial","array[datetime]","array[numeric]","array[hierarchy]","array[spatial]"],this._attachDroppable=()=>{this._cleanupDroppable||(this._cleanupDroppable=_.dropTargetForElements({element:this,onDrop:async t=>{const e={...t.source?.data},r=t?.source?.element?.hasAttribute("sublevel")??!1,l=this._slotContents?.length===0,s=e.datasetId,n=w(e,r);this._slotContents=this.slotConfiguration?.canAcceptMultipleDataItems?[...this._slotContents??[],n]:[n],this.removeAttribute("accept-drag"),s&&s!==this._lastFetchedDatasetId&&(this._lastFetchedDatasetId=s,await v.dataBroker.fetchDatasetsRecursive([s]),this._linkedDatasetsIds=v.dataBroker.getLinkedDatasetsIds(s)),l?(this._overlayReady=!1,setTimeout(()=>{this._overlayReady=!0},200)):this._overlayReady=!0,this.changedSlotContents(this._slotContents,this._linkedDatasetsIds),this.classList.remove("pulse")},canDrop:({source:t})=>this._canDropItem({source:t}),getDropEffect:()=>"move",onDragEnter:()=>{this.setAttribute("accept-drag",""),this.classList.add("pulse")},onDragLeave:()=>{this.removeAttribute("accept-drag"),this.classList.remove("pulse")}}))},this._canDropItem=({source:t})=>{if(!["LUZMO-DRAGGABLE-DATA-ITEM-LEVEL","LUZMO-DRAGGABLE-DATA-ITEM"].includes(t.element?.tagName)||!this.slotConfiguration?.canAcceptFormula&&(t?.data?.formulaId||t?.data?.formula||t?.data?.entity==="formula"))return!1;const{acceptableDataItemTypes:e,acceptableColumnSubtypes:r}=this.slotConfiguration??{},l=Array.isArray(e)&&e.length>0?e:this._acceptableColumnTypes;return t?.data?.type&&!l.includes(t?.data?.type)?!1:!(t?.data?.subtype&&Array.isArray(r)&&r.length>0&&!r.includes(t?.data?.subtype))},this.changedSlotContents=(t,e=[])=>{this._store?.setContents(t,this.slotName),this.dispatchEvent(new CustomEvent("slot-contents-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:t,linkedDatasetsIds:e}}))},this._handleDragStart=t=>{const e=t,r=e.detail?.data;if(this._overlayElement&&(this._overlayElement.open=!1),!r)return;const l={data:r,element:{tagName:e.target instanceof HTMLElement&&e.target.tagName==="LUZMO-DRAGGABLE-DATA-ITEM-LEVEL"?"LUZMO-DRAGGABLE-DATA-ITEM-LEVEL":"LUZMO-DRAGGABLE-DATA-ITEM"}};this._canDropItem({source:l})&&this.setAttribute("would-accept-drag","")},this._handleDragEnd=()=>{this.removeAttribute("would-accept-drag")},this._handleOverlayClick=t=>{t.detail>0&&t.target===this._overlayElement?this._overlayElement.open=!1:t.stopPropagation()},new C.ContextProvider(this,{context:q.slotContext,initialValue:this._store})}connectedCallback(){super.connectedCallback(),this._attachDroppable(),document.addEventListener("data-item-drag-started",this._handleDragStart),document.addEventListener("data-item-dropped",this._handleDragEnd)}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDroppable&&(this._cleanupDroppable(),this._cleanupDroppable=void 0),this._loadSlotsConfig.abort?.(),document.removeEventListener("data-item-drag-started",this._handleDragStart),document.removeEventListener("data-item-dropped",this._handleDragEnd)}emptySlotContents(t){t.preventDefault(),t.stopPropagation(),this._slotContents=[],this.changedSlotContents([])}willUpdate(t){t.has("slotConfiguration")&&(this._cleanupDroppable&&(this._cleanupDroppable(),this._cleanupDroppable=void 0),this._attachDroppable()),t.has("slotsContents")&&this._processSlotsContents(),t.has("language")&&this.language!==b.getLocale()&&([...b.targetLocales].includes(this.language??"en")||this.language==="en")&&b.setLocale(this.language)}_processSlotsContents(){this._store?.setFullContents(this.slotsContents),this._slotContents=this.slotsContents?.find(t=>t.name===this.slotName)?.content??[],this._currentSlotContents=[...this._slotContents],this._slotContents?.length>0&&(this._overlayReady=!0),this._store?.setContents(this._slotContents)}firstUpdated(){this._attachDroppable()}_onOverlayClosed(t){const e=t.overlay;this._slotMenuElement&&e===this._overlayElement&&(setTimeout(()=>{this._slotMenuElement.resetPosition()},500),this.dispatchEvent(new CustomEvent("slot-menu-inactive",{bubbles:!0,composed:!0})))}_onOverlayOpened(t){const e=t.overlay;if(this._slotMenuElement&&e===this._overlayElement){const r=this._store?.activeIndex.get?.()??0,l=this._slotContents?.[r]??this._slotContents?.[0];if(!l)return;const s=l?.column??l?.columnId,n=l?.set??l?.datasetId,u=l?.formula;(s||u)&&n&&(this.dispatchEvent(new CustomEvent("slot-menu-active",{bubbles:!0,composed:!0,detail:{datasetId:n}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent("slot-menu-highlight",{bubbles:!0,composed:!0,detail:{datasetId:n,level:l?.level??0,...s&&{columnId:s},...u&&{formulaId:u}}}))}))}}_onSlotMenuChanges(t){t.preventDefault(),t.stopPropagation();const e=t.detail.linkedDatasetsIds;this._slotContents.length===t.detail.slotContents?.length?(this._currentSlotContents=t.detail.slotContents,this.changedSlotContents(this._currentSlotContents,e)):(this._slotContents=t.detail.slotContents,this.changedSlotContents(this._slotContents,e))}get _fullLabel(){let t="";const e=z[this.slotConfiguration?.label]?z[this.slotConfiguration?.label]():this.slotConfiguration?.label;this._currentSlotContents?.length===1?t=d.localize(this._currentSlotContents?.[0]?.label,this.language)??"Untitled":this._currentSlotContents?.length>1&&(t=`${this._currentSlotContents.length} items`);let r=this.label||e||"Untitled";return this._currentSlotContents?.length>0&&(r+=this._currentSlotContents?.length>1?`: ${this._currentSlotContents.length} items`:`: ${t}`),r}droppableSlotMarkup(){const t=p.html`
|
|
21
21
|
<div
|
|
22
22
|
id="trigger"
|
|
23
23
|
class="droppable-slot ${this.rotate?"rotate":""}"
|
|
24
|
-
?filled=${
|
|
24
|
+
?filled=${this._slotContents?.length>0}
|
|
25
25
|
>
|
|
26
26
|
<div class="droppable-slot-label">${this._fullLabel}</div>
|
|
27
|
-
${
|
|
28
|
-
${this.hideConfiguration?"":
|
|
29
|
-
${
|
|
27
|
+
${this._slotContents?.length>0&&!(this.hideConfiguration&&this.hideDelete)?p.html`<div class="controls">
|
|
28
|
+
${this.hideConfiguration?"":p.html`<div>
|
|
29
|
+
${m.luzmoIcon(m.luzmoCog)}
|
|
30
30
|
<luzmo-tooltip
|
|
31
31
|
self-managed
|
|
32
32
|
placement=${this.rotate?"right":"top"}
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
edit
|
|
36
36
|
</luzmo-tooltip>
|
|
37
37
|
</div> `}
|
|
38
|
-
${this.hideDelete?"":
|
|
39
|
-
${
|
|
38
|
+
${this.hideDelete?"":p.html`<div @click=${this.emptySlotContents}>
|
|
39
|
+
${m.luzmoIcon(m.luzmoTrashOutline)}
|
|
40
40
|
<luzmo-tooltip
|
|
41
41
|
self-managed
|
|
42
42
|
placement=${this.rotate?"right":"top"}
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
</luzmo-tooltip>
|
|
47
47
|
</div>`}
|
|
48
48
|
</div>`:""}
|
|
49
|
-
${
|
|
49
|
+
${this._slotContents?.length>0&&this._overlayReady?p.html`<luzmo-overlay
|
|
50
50
|
trigger="trigger@click"
|
|
51
51
|
.placement=${this.placement}
|
|
52
52
|
offset=${this.rotate?"-100":"-20"}
|
|
@@ -58,14 +58,14 @@
|
|
|
58
58
|
language=${this.language}
|
|
59
59
|
content-language=${this.language}
|
|
60
60
|
drag-boundary=${this.dragBoundary}
|
|
61
|
-
slot-type=${
|
|
61
|
+
slot-type=${this.slotConfiguration?.type}
|
|
62
62
|
slot-name=${this.slotName}
|
|
63
63
|
item-type=${this.itemType}
|
|
64
|
-
.areGrandTotalsEnabled=${
|
|
65
|
-
.areDatetimeOptionsEnabled=${
|
|
66
|
-
.isBinningDisabled=${
|
|
67
|
-
.isAggregationDisabled=${
|
|
68
|
-
.isCumulativeSumEnabled=${
|
|
64
|
+
.areGrandTotalsEnabled=${this.slotConfiguration?.options?.areGrandTotalsEnabled}
|
|
65
|
+
.areDatetimeOptionsEnabled=${this.slotConfiguration?.options?.areDatetimeOptionsEnabled}
|
|
66
|
+
.isBinningDisabled=${this.slotConfiguration?.options?.isBinningDisabled}
|
|
67
|
+
.isAggregationDisabled=${this.slotConfiguration?.options?.isAggregationDisabled}
|
|
68
|
+
.isCumulativeSumEnabled=${this.slotConfiguration?.options?.isCumulativeSumEnabled}
|
|
69
69
|
slot-contents=${this._slotContents}
|
|
70
70
|
variant=${this.menu==="draggable"?"draggable":"popup"}
|
|
71
71
|
.size=${this.size}
|
|
@@ -76,9 +76,9 @@
|
|
|
76
76
|
></luzmo-slot-menu>
|
|
77
77
|
</luzmo-overlay>`:""}
|
|
78
78
|
</div>
|
|
79
|
-
`;return this.rotate?
|
|
79
|
+
`;return this.rotate?p.html`<div class="droppable-slot-wrapper">${t}</div>`:t}render(){return this.slotConfiguration&&Object.keys(this.slotConfiguration).length>0?this.droppableSlotMarkup():this._loadSlotsConfig.render({pending:()=>p.html`<p>Loading...</p>`,complete:t=>{if(this.slotName&&this.itemType&&t){const e=t.find(r=>r.name===this.slotName);e&&(this.slotConfiguration=e)}return this.droppableSlotMarkup()},error:t=>p.html`
|
|
80
80
|
<div>
|
|
81
81
|
Could not load droppable slot: '${this.slotName}' of chart
|
|
82
82
|
'${this.itemType}': ${t}.
|
|
83
83
|
</div>
|
|
84
|
-
`})}};exports.LuzmoDroppableSlot.styles=
|
|
84
|
+
`})}};exports.LuzmoDroppableSlot.styles=p.unsafeCSS(P);a([i.property({type:String,reflect:!0,attribute:"item-type"})],exports.LuzmoDroppableSlot.prototype,"itemType",2);a([i.property({type:String,reflect:!0,attribute:"slot-name"})],exports.LuzmoDroppableSlot.prototype,"slotName",2);a([i.property({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotConfiguration",2);a([i.property({type:Object})],exports.LuzmoDroppableSlot.prototype,"slotsContents",2);a([i.property({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"label",2);a([i.property({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"language",2);a([i.property({type:String,reflect:!0,attribute:"drag-boundary"})],exports.LuzmoDroppableSlot.prototype,"dragBoundary",2);a([i.property({type:Boolean,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"rotate",2);a([i.property({type:String,attribute:"api-url",reflect:!0})],exports.LuzmoDroppableSlot.prototype,"apiUrl",2);a([i.property({type:String,attribute:"auth-key",reflect:!0})],exports.LuzmoDroppableSlot.prototype,"authKey",2);a([i.property({type:String,attribute:"auth-token",reflect:!0})],exports.LuzmoDroppableSlot.prototype,"authToken",2);a([i.property({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"menu",2);a([i.property({type:String,reflect:!0})],exports.LuzmoDroppableSlot.prototype,"placement",2);a([i.property({type:Boolean,reflect:!0,attribute:"hide-delete"})],exports.LuzmoDroppableSlot.prototype,"hideDelete",2);a([i.property({type:Boolean,reflect:!0,attribute:"hide-configuration"})],exports.LuzmoDroppableSlot.prototype,"hideConfiguration",2);a([i.query("luzmo-slot-menu")],exports.LuzmoDroppableSlot.prototype,"_slotMenuElement",2);a([i.query("luzmo-overlay")],exports.LuzmoDroppableSlot.prototype,"_overlayElement",2);a([i.state()],exports.LuzmoDroppableSlot.prototype,"_slotContents",2);a([i.state()],exports.LuzmoDroppableSlot.prototype,"_overlayReady",2);exports.LuzmoDroppableSlot=a([c.localized()],exports.LuzmoDroppableSlot);customElements.get("luzmo-droppable-slot")||customElements.define("luzmo-droppable-slot",exports.LuzmoDroppableSlot);
|