@luzmo/analytics-components-kit 1.0.3-beta.6 → 1.0.3-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ai-chat/ai-chat.d.ts +17 -1
- package/components/ai-chat/empty-state/ai-chat-empty-state.d.ts +46 -0
- package/components/ai-chat/empty-state/index.d.ts +8 -0
- package/components/ai-chat/empty-state/types.d.ts +14 -0
- package/components/ai-chat/index.cjs +1 -1
- package/components/ai-chat/index.d.ts +2 -0
- package/components/ai-chat/index.js +2 -2
- package/components/ai-chat-BITPlYbm.cjs +178 -0
- package/components/{ai-chat-DVU9XiA2.js → ai-chat-D6fgbjA2.js} +368 -295
- package/components/ai-interaction-textarea/index.cjs +1 -1
- package/components/ai-interaction-textarea/index.js +1 -1
- package/components/{ai-interaction-textarea-DI98QoMZ.js → ai-interaction-textarea-C1DMkiX9.js} +3 -3
- package/components/{ai-interaction-textarea-DqWt823F.cjs → ai-interaction-textarea-wt2weV1c.cjs} +1 -1
- package/components/{base-D3ehdFno.js → base-D82dU2vv.js} +1 -1
- package/components/{base-HUGXYn6t.cjs → base-iNk9N4Tk.cjs} +1 -1
- package/components/data-field/index.cjs +1 -1
- package/components/data-field/index.js +1 -1
- package/components/{data-field-DwSYggPc.js → data-field-2gH1_AhT.js} +3 -3
- package/components/{data-field-DSzU9Apl.cjs → data-field-DDO-2ESu.cjs} +1 -1
- package/components/data-field-level/index.cjs +1 -1
- package/components/data-field-level/index.js +1 -1
- package/components/{data-field-level-BquNqRm1.js → data-field-level-2h8s8KK1.js} +1 -1
- package/components/{data-field-level-CYUtLiIi.cjs → data-field-level-COl8ZWdN.cjs} +1 -1
- package/components/data-field-panel/index.cjs +1 -1
- package/components/data-field-panel/index.js +1 -1
- package/components/{data-field-panel-B_83HNyI.cjs → data-field-panel-CgfuCAp8.cjs} +1 -1
- package/components/{data-field-panel-Bqslx0EB.js → data-field-panel-P9QrDHMI.js} +3 -3
- package/components/data-fields-select/index.cjs +1 -1
- package/components/data-fields-select/index.js +1 -1
- package/components/{data-fields-select-t1ikPTLw.js → data-fields-select-1I8-Brdz.js} +1 -1
- package/components/{data-fields-select-BZj1cpL5.cjs → data-fields-select-Cudq0iLk.cjs} +1 -1
- package/components/dataset-selector-list/index.cjs +1 -1
- package/components/dataset-selector-list/index.js +1 -1
- package/components/{dataset-selector-list-Bta-CGoN.cjs → dataset-selector-list-BxGYITHM.cjs} +1 -1
- package/components/{dataset-selector-list-Ho8JnQp7.js → dataset-selector-list-DmbQl9uz.js} +1 -1
- package/components/dataset-selector-row/index.cjs +1 -1
- package/components/dataset-selector-row/index.js +1 -1
- package/components/{dataset-selector-row-CKhHK1H5.cjs → dataset-selector-row-BgGa4uFN.cjs} +1 -1
- package/components/{dataset-selector-row-8hgsmMRg.js → dataset-selector-row-CaTsyi1d.js} +1 -1
- package/components/{de-D2bZwq4D.js → de-DFS1MvFY.js} +7 -7
- package/components/de-DWpyMlmz.cjs +20 -0
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +1 -1
- package/components/{display-settings-Bmb0HUlu.cjs → display-settings-Bfz2tg_G.cjs} +1 -1
- package/components/{display-settings-Di9dXtUM.js → display-settings-DWoUj0P7.js} +1 -1
- package/components/display-settings-binning/index.cjs +1 -1
- package/components/display-settings-binning/index.js +1 -1
- package/components/{display-settings-binning-B8qUIt6T.js → display-settings-binning-BIBzOWZA.js} +2 -2
- package/components/{display-settings-binning-CpwCqvwm.cjs → display-settings-binning-Cf1QlQy6.cjs} +1 -1
- package/components/display-settings-datetime/index.cjs +1 -1
- package/components/display-settings-datetime/index.js +1 -1
- package/components/{display-settings-datetime-3M3DvzTN.cjs → display-settings-datetime-C76Et2ED.cjs} +1 -1
- package/components/{display-settings-datetime-C8JfjDJK.js → display-settings-datetime-DGlj31eD.js} +2 -2
- package/components/display-settings-grand-totals/index.cjs +1 -1
- package/components/display-settings-grand-totals/index.js +1 -1
- package/components/{display-settings-grand-totals-DMDa6C5k.cjs → display-settings-grand-totals-By98iKXS.cjs} +1 -1
- package/components/{display-settings-grand-totals-kyfMh55D.js → display-settings-grand-totals-ZWO02WXj.js} +2 -2
- package/components/display-settings-numeric/index.cjs +1 -1
- package/components/display-settings-numeric/index.js +1 -1
- package/components/{display-settings-numeric-B51KddXI.cjs → display-settings-numeric-BPKl9ljn.cjs} +1 -1
- package/components/{display-settings-numeric-Cw8Nx5s9.js → display-settings-numeric-DHvjUxmC.js} +2 -2
- package/components/display-settings-period-over-period/index.cjs +1 -1
- package/components/display-settings-period-over-period/index.js +1 -1
- package/components/{display-settings-period-over-period-B2AN0rwz.js → display-settings-period-over-period-CPsfL-OC.js} +2 -2
- package/components/{display-settings-period-over-period-CjjA2NqZ.cjs → display-settings-period-over-period-CYwa8_dX.cjs} +1 -1
- package/components/es-Bm4nseZH.cjs +20 -0
- package/components/{es-9-jszdOJ.js → es-C1prodbH.js} +7 -7
- package/components/filter-expression-picker/index.cjs +1 -1
- package/components/filter-expression-picker/index.js +1 -1
- package/components/{filter-expression-picker-DCFZKpBE.cjs → filter-expression-picker-CJB_jgcc.cjs} +1 -1
- package/components/{filter-expression-picker-Brn-vNUd.js → filter-expression-picker-DbIwoTsX.js} +1 -1
- package/components/filter-item/index.cjs +1 -1
- package/components/filter-item/index.js +1 -1
- package/components/{filter-item-BlSQe2nu.js → filter-item-BGtJwvjk.js} +4 -4
- package/components/{filter-item-Cjrhb1RR.cjs → filter-item-as8Ocmp3.cjs} +1 -1
- package/components/filter-value-picker/index.cjs +1 -1
- package/components/filter-value-picker/index.js +1 -1
- package/components/{filter-value-picker-BCckBdal.cjs → filter-value-picker-BL-1pN_G.cjs} +1 -1
- package/components/{filter-value-picker-CBetCjIs.js → filter-value-picker-BrYCGFst.js} +4 -4
- package/components/filter-value-picker-datetime/index.cjs +1 -1
- package/components/filter-value-picker-datetime/index.js +1 -1
- package/components/{filter-value-picker-datetime-CT63jJDI.js → filter-value-picker-datetime-BPtF1l_J.js} +1 -1
- package/components/{filter-value-picker-datetime-CxM6HXe3.cjs → filter-value-picker-datetime-wXHf2Ybs.cjs} +1 -1
- package/components/filter-value-picker-hierarchy/index.cjs +1 -1
- package/components/filter-value-picker-hierarchy/index.js +1 -1
- package/components/{filter-value-picker-hierarchy-CAORy2A-.js → filter-value-picker-hierarchy-CDhpfB2Y.js} +2 -2
- package/components/{filter-value-picker-hierarchy-C5QZXiQz.cjs → filter-value-picker-hierarchy-Cmw2p2K6.cjs} +1 -1
- package/components/filter-value-picker-numeric/index.cjs +1 -1
- package/components/filter-value-picker-numeric/index.js +1 -1
- package/components/{filter-value-picker-numeric-Fao-PKN7.js → filter-value-picker-numeric-BEvT5oKu.js} +1 -1
- package/components/{filter-value-picker-numeric-CtOfHaJR.cjs → filter-value-picker-numeric-UwkCyHGV.cjs} +1 -1
- package/components/filters/index.cjs +1 -1
- package/components/filters/index.js +1 -1
- package/components/{filters-DI0GTL9k.cjs → filters-DdB5-4Db.cjs} +1 -1
- package/components/{filters-CtWut3ce.js → filters-ltvxQR-K.js} +2 -2
- package/components/{fr-DLf99-F8.js → fr-BMYUCp2R.js} +7 -7
- package/components/fr-BPTbVsj0.cjs +20 -0
- package/components/{get-dataset-name-EKmxKZU9.js → get-dataset-name-BfFHT__k.js} +1 -1
- package/components/{get-dataset-name-CvZduuOo.cjs → get-dataset-name-Cl6mPSex.cjs} +1 -1
- package/components/index.cjs +1 -1
- package/components/index.js +58 -58
- package/components/item-grid/index.cjs +1 -1
- package/components/item-grid/index.js +1 -1
- package/components/{item-grid-Bcez8lwg.cjs → item-grid-DR36E_MC.cjs} +1 -1
- package/components/{item-grid-DgxtJ0eX.js → item-grid-Q0Ggl_US.js} +1 -1
- package/components/item-option/index.cjs +1 -1
- package/components/item-option/index.js +1 -1
- package/components/{item-option-BgYyAKSW.cjs → item-option-CbvYq_WJ.cjs} +1 -1
- package/components/{item-option-DjiTHr0r.js → item-option-DI3KO7QY.js} +1 -1
- package/components/item-option-action-button-group/index.cjs +1 -1
- package/components/item-option-action-button-group/index.js +1 -1
- package/components/{item-option-action-button-group-DdqzgR08.cjs → item-option-action-button-group-BnMVlPWX.cjs} +1 -1
- package/components/{item-option-action-button-group-U5GCtFjg.js → item-option-action-button-group-D6IwxNDf.js} +1 -1
- package/components/{item-option-base-BeIdCZMp.cjs → item-option-base-CKQPWveC.cjs} +1 -1
- package/components/{item-option-base-DM3U9dbW.js → item-option-base-DH5wKqEF.js} +1 -1
- package/components/item-option-color-palette-picker/index.cjs +1 -1
- package/components/item-option-color-palette-picker/index.js +1 -1
- package/components/{item-option-color-palette-picker-oj8nSb-q.cjs → item-option-color-palette-picker-h-3xHsR4.cjs} +1 -1
- package/components/{item-option-color-palette-picker-BsMZ3IUR.js → item-option-color-palette-picker-n_OxJNd9.js} +1 -1
- package/components/item-option-color-picker/index.cjs +1 -1
- package/components/item-option-color-picker/index.js +1 -1
- package/components/{item-option-color-picker-B_pemZKJ.js → item-option-color-picker-C1x5vS5d.js} +1 -1
- package/components/{item-option-color-picker-BJKGTrIi.cjs → item-option-color-picker-C6LZkkBG.cjs} +1 -1
- package/components/item-option-color-range/index.cjs +1 -1
- package/components/item-option-color-range/index.js +1 -1
- package/components/{item-option-color-range-DW3rdMt5.js → item-option-color-range-B2jermJT.js} +1 -1
- package/components/{item-option-color-range-BOegJZim.cjs → item-option-color-range-DBiG8jhK.cjs} +1 -1
- package/components/item-option-multi-language-field/index.cjs +1 -1
- package/components/item-option-multi-language-field/index.js +1 -1
- package/components/{item-option-multi-language-field-CeYgkRzs.js → item-option-multi-language-field-BmJY3dG0.js} +1 -1
- package/components/{item-option-multi-language-field-BQZ4Lmiy.cjs → item-option-multi-language-field-DDeFZMwX.cjs} +1 -1
- package/components/item-option-number-field/index.cjs +1 -1
- package/components/item-option-number-field/index.js +1 -1
- package/components/{item-option-number-field-CFQyJG_w.js → item-option-number-field-B5ed4vvs.js} +1 -1
- package/components/{item-option-number-field-T2L2jFCf.cjs → item-option-number-field-BJo-SKQB.cjs} +1 -1
- package/components/item-option-panel/index.cjs +1 -1
- package/components/item-option-panel/index.js +1 -1
- package/components/{item-option-panel-ChOItFmc.js → item-option-panel-B8BKxNPg.js} +2 -2
- package/components/{item-option-panel-BOJmKPgY.cjs → item-option-panel-Dm34avUG.cjs} +1 -1
- package/components/item-option-picker/index.cjs +1 -1
- package/components/item-option-picker/index.js +1 -1
- package/components/{item-option-picker-IBP7QFLA.js → item-option-picker-C8evzSOb.js} +1 -1
- package/components/{item-option-picker-3krQktmk.cjs → item-option-picker-DlbKU1wY.cjs} +1 -1
- package/components/item-option-position-picker/index.cjs +1 -1
- package/components/item-option-position-picker/index.js +1 -1
- package/components/{item-option-position-picker-DF54K_Mw.js → item-option-position-picker-Bue5o0fT.js} +1 -1
- package/components/{item-option-position-picker-BiLRWUWK.cjs → item-option-position-picker-CB4Y0Z6D.cjs} +1 -1
- package/components/item-option-positions-number-field/index.cjs +1 -1
- package/components/item-option-positions-number-field/index.js +1 -1
- package/components/{item-option-positions-number-field-B6qxN1x7.cjs → item-option-positions-number-field-Bbru1yNj.cjs} +1 -1
- package/components/{item-option-positions-number-field-Dchzu5NS.js → item-option-positions-number-field-CdK1WdMx.js} +1 -1
- package/components/item-option-radio-button-group/index.cjs +1 -1
- package/components/item-option-radio-button-group/index.js +1 -1
- package/components/{item-option-radio-button-group-DzI_2jB3.cjs → item-option-radio-button-group-BCiDl5wB.cjs} +1 -1
- package/components/{item-option-radio-button-group-BiOpqNXX.js → item-option-radio-button-group-BlQxNUIM.js} +1 -1
- package/components/item-option-slider/index.cjs +1 -1
- package/components/item-option-slider/index.js +1 -1
- package/components/{item-option-slider-Dba7mmcA.js → item-option-slider-CX8XWUEP.js} +1 -1
- package/components/{item-option-slider-6E4VgJpv.cjs → item-option-slider-Db-HdZ9C.cjs} +1 -1
- package/components/item-option-switch/index.cjs +1 -1
- package/components/item-option-switch/index.js +1 -1
- package/components/{item-option-switch-BAYX5lTr.js → item-option-switch-1wVCBJpo.js} +1 -1
- package/components/{item-option-switch-Dt4pzFNi.cjs → item-option-switch-BI0b6qMP.cjs} +1 -1
- package/components/item-option-text-field/index.cjs +1 -1
- package/components/item-option-text-field/index.js +1 -1
- package/components/{item-option-text-field-BLOz4LvH.cjs → item-option-text-field-Cuo1cBWG.cjs} +1 -1
- package/components/{item-option-text-field-CHalqTt1.js → item-option-text-field-c8PsVNYB.js} +1 -1
- package/components/item-slot-drop/index.cjs +1 -1
- package/components/item-slot-drop/index.js +1 -1
- package/components/{item-slot-drop-CNeF_Qmg.cjs → item-slot-drop-2SpLWjPC.cjs} +1 -1
- package/components/{item-slot-drop-n6UHgA-Q.js → item-slot-drop-Cpf4DnI4.js} +4 -4
- package/components/item-slot-drop-panel/index.cjs +1 -1
- package/components/item-slot-drop-panel/index.js +1 -1
- package/components/{item-slot-drop-panel-Hhp9_pDd.js → item-slot-drop-panel-C77wRsvJ.js} +3 -3
- package/components/{item-slot-drop-panel-Bh6PlCJx.cjs → item-slot-drop-panel-ClEOXFHz.cjs} +1 -1
- package/components/item-slot-picker/index.cjs +1 -1
- package/components/item-slot-picker/index.js +1 -1
- package/components/{item-slot-picker-BAMVwHtd.js → item-slot-picker-BEPRIyMJ.js} +5 -5
- package/components/{item-slot-picker-7oF3vLwb.cjs → item-slot-picker-B_l4VnV_.cjs} +1 -1
- package/components/item-slot-picker-panel/index.cjs +1 -1
- package/components/item-slot-picker-panel/index.js +1 -1
- package/components/{item-slot-picker-panel-BYCDx6Hk.js → item-slot-picker-panel-B4tCFh38.js} +3 -3
- package/components/{item-slot-picker-panel-C6mMlurQ.cjs → item-slot-picker-panel-BCzV9MAV.cjs} +1 -1
- package/components/{localized-mixin-CxGNXOcg.cjs → localized-mixin-AEA3w4H0.cjs} +1 -1
- package/components/{localized-mixin-CpYxJczB.js → localized-mixin-XqTi4F7d.js} +1 -1
- package/components/nl-BE6MZtti.cjs +20 -0
- package/components/{nl-QLEhlKsI.js → nl-DzdJmn0w.js} +7 -7
- package/components/{set-locale-wsrhUZVV.js → set-locale-B8CaHx6q.js} +4 -4
- package/components/{set-locale-xSK2Wd4D.cjs → set-locale-CFD7fxS3.cjs} +1 -1
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +1 -1
- package/components/{slot-menu-CIQRPLvx.cjs → slot-menu-C8446xNy.cjs} +1 -1
- package/components/{slot-menu-B431N66z.js → slot-menu-DuJRaqmC.js} +3 -3
- package/components/slot-menu-list/index.cjs +1 -1
- package/components/slot-menu-list/index.js +1 -1
- package/components/{slot-menu-list-BROocU0s.cjs → slot-menu-list-B6A6w2d9.cjs} +1 -1
- package/components/{slot-menu-list-Cdh09ie0.js → slot-menu-list-Zzwr6h1J.js} +1 -1
- package/components/utils/base.cjs +1 -1
- package/components/utils/base.js +2 -2
- package/components/{utils-iY1cKQaF.cjs → utils-1SB0pExj.cjs} +1 -1
- package/components/{utils-CJ3Vy98n.js → utils-sAvG9cHu.js} +1 -1
- package/components/utils.cjs +1 -1
- package/components/utils.js +2 -2
- package/components/viz-item-menu/index.cjs +1 -1
- package/components/viz-item-menu/index.js +1 -1
- package/components/{viz-item-menu-D20StIE_.cjs → viz-item-menu-B4mavjZ5.cjs} +1 -1
- package/components/{viz-item-menu--FyB_XCf.js → viz-item-menu-CEcwbasZ.js} +1 -1
- package/custom-elements.json +284 -0
- package/package.json +1 -1
- package/react/components/ai-chat/empty-state/index.ts +1 -0
- package/react/components/ai-chat/empty-state/types.ts +16 -0
- package/react/esm/components/ai-chat/empty-state/index.d.ts +1 -0
- package/react/esm/components/ai-chat/empty-state/index.js +1 -0
- package/react/esm/components/ai-chat/empty-state/types.d.ts +14 -0
- package/react/esm/components/ai-chat/empty-state/types.js +1 -0
- package/components/ai-chat-CY73iYCg.cjs +0 -154
- package/components/de-CVLDoWlp.cjs +0 -20
- package/components/es-Byjf7YBI.cjs +0 -20
- package/components/fr-BVxPTfyF.cjs +0 -20
- package/components/nl-D4uOyZ6h.cjs +0 -20
|
@@ -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
|
-
require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-
|
|
20
|
+
require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-iNk9N4Tk.cjs`),t=require(`./decorate-BfLyr4NV.cjs`),n=require(`./localized-mixin-AEA3w4H0.cjs`),r=require(`./display-settings-Bfz2tg_G.cjs`),i=require(`./slots-config-D45__I20.cjs`),a=require(`./default-acceptable-data-field-types-CrLMBH0o.cjs`),o=require(`./slot-menu-C8446xNy.cjs`);require(`./data-fields-select-Cudq0iLk.cjs`);let s=require(`@luzmo/icons`);require(`@luzmo/lucero/overlay`);let c=require(`lit`),l=require(`lit/decorators.js`),u=require(`@lit/localize`);require(`@luzmo/lucero/tooltip`);let d=require(`@lit/context`),f=require(`@lit/task`);require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/field-label`);let p=require(`lit/directives/if-defined.js`);var m=`:host{--luzmo-select-inline-size:100%;font-family:var(--luzmo-item-slot-picker-font-family,var(--luzmo-font-family))}.container{gap:var(--luzmo-item-slot-picker-gap,var(--item-slot-picker-gap,var(--luzmo-spacing-5)));flex-direction:column;width:fit-content;display:flex}.select-container{flex-direction:column;display:flex}.select-container .select-controls{align-items:center;gap:var(--luzmo-item-slot-picker-controls-gap,var(--item-slot-picker-controls-gap));flex-direction:row;flex:auto;display:flex}luzmo-data-fields-select{flex-grow:var(--luzmo-item-slot-picker-data-fields-select-flex-grow,var(--item-slot-picker-data-fields-select-flex-grow))}:host([grows]){--item-slot-picker-data-fields-select-flex-grow:1}:host([grows]) .container{width:100%}:host([grows]) .select-container{flex:auto}.extra-data-field-button-container{justify-content:center;align-items:center;display:flex}.item-slot-picker-label{font-size:var(--luzmo-item-slot-picker-label-font-size,var(--item-slot-picker-label-font-size));margin-right:var(--luzmo-item-slot-picker-text-to-controls,var(--item-slot-picker-text-to-controls));text-overflow:ellipsis;white-space:nowrap;flex-grow:1;overflow:hidden}.controls{align-items:center;gap:var(--luzmo-item-slot-picker-controls-gap,var(--item-slot-picker-controls-gap));background-color:var(--luzmo-item-slot-picker-controls-background-color,var(--item-slot-picker-controls-background-color));height:100%;color:var(--luzmo-item-slot-picker-controls-color,var(--item-slot-picker-controls-color));margin-right:var(--luzmo-item-slot-picker-controls-to-edge,var(--item-slot-picker-controls-to-edge));padding:0 var(--luzmo-item-slot-picker-controls-horizontal-padding,var(--item-slot-picker-controls-horizontal-padding));display:flex}.controls div{cursor:pointer;height:100%;padding:0 var(--luzmo-item-slot-picker-controls-control-horizontal-padding,var(--item-slot-picker-controls-control-horizontal-padding));align-items:center;display:flex}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-item-slot-picker-overlay-vertical-gap,var(--item-slot-picker-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-item-slot-picker-overlay-horizontal-gap,var(--item-slot-picker-overlay-horizontal-gap))}:host{--item-slot-picker-border-width:var(--luzmo-border-width);--item-slot-picker-border-style:dashed;--item-slot-picker-border-color:var(--luzmo-border-color);--item-slot-picker-accept-drag-controls-background-color:transparent;--item-slot-picker-font-color:var(--luzmo-font-color);--item-slot-picker-controls-background-color:transparent;--item-slot-picker-text-to-controls:var(--luzmo-spacing-3);--item-slot-picker-controls-to-edge:0;--item-slot-picker-controls-gap:var(--luzmo-spacing-2);--item-slot-picker-controls-horizontal-padding:var(--luzmo-spacing-2);--item-slot-picker-controls-control-horizontal-padding:var(--luzmo-spacing-3);--item-slot-picker-label-font-size:var(--luzmo-font-size);--item-slot-picker-horizontal-padding:var(--luzmo-spacing-4);--item-slot-picker-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-picker-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=s]){--item-slot-picker-horizontal-padding:var(--luzmo-spacing-4);--item-slot-picker-overlay-horizontal-gap:var(--luzmo-spacing-4);--item-slot-picker-overlay-vertical-gap:var(--luzmo-spacing-4)}:host([size=l]),:host([size=xl]){--item-slot-picker-horizontal-padding:var(--luzmo-spacing-5);--item-slot-picker-overlay-horizontal-gap:var(--luzmo-spacing-5);--item-slot-picker-overlay-vertical-gap:var(--luzmo-spacing-5)}:host{box-sizing:border-box}`,h=e=>{if(`columnId`in e&&e.columnId)return e.columnId;if(`formulaId`in e&&e.formulaId)return e.formulaId;if(`formula`in e&&e.formula)return e.formula},g=e=>{if(e)return e.columnId??e.formulaId??e.column??e.formula},_=`::level::`,v=(e,t)=>`${e}${_}${t}`,y=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){static{this.styles=(0,c.unsafeCSS)(m)}_isAdHocFormula(e){return`formula`in e&&typeof e.formula==`string`}constructor(){super(),this._loadSlotsConfig=new f.Task(this,{task:async([e])=>{if(!e)return this._slotsConfig;if(e!==this._itemTypeLoaded){this._itemTypeLoaded=e;let t=await i.t(e);return this._slotsConfig=t??[],this._slotsConfig}return this._slotsConfig},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this.slotConfiguration={},this.slotContents=[],this.contentLanguage=`en`,this.disabled=!1,this.grows=!1,this.menu=`default`,this.hasLabel=!1,this.selects=`multiple`,this.search=`auto`,this.icons=`menu-only`,this.datasetsDataFields=[],this.placement=`bottom-start`,this.slotMenuPlacement=`bottom-end`,this.hideClear=!1,this._hasExtraEmptySelects=!1,this._currentSlotContents=[],this._store=new o.n,this._changedSlotContents=(e,t=[])=>{let n=new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:e,linkedDatasetsIds:t}});return this.dispatchEvent(n),n},new d.ContextProvider(this,{context:r.n,initialValue:this._store})}willUpdate(e){super.willUpdate(e),e.has(`slotContents`)&&(this._currentSlotContents=structuredClone(this.slotContents??[]),this._store?.setContents(this._currentSlotContents??[],this.slotName))}_onSlotMenuChanges(e){e.preventDefault(),e.stopPropagation(),(this.slotContents?.length??0)===(e.detail.slotContents?.length??0)?(this._currentSlotContents=structuredClone(e.detail.slotContents??[]),this.slotContents=structuredClone(e.detail.slotContents??[]),this._store?.setContents(this._currentSlotContents??[],this.slotName),this._changedSlotContents(this._currentSlotContents,e.detail.linkedDatasetsIds??[])):(this.slotContents=e.detail.slotContents??[],this._store?.setContents(this.slotContents??[],this.slotName),this._changedSlotContents(this.slotContents,e.detail.linkedDatasetsIds??[]))}_setSlotContentAtIndex(e,t){let n=e.detail?.dataFields??[],r=n.length===0;t>=this._currentSlotContents.length&&this._removeEmptySelect();for(let e=this._currentSlotContents.length;e<=t;e++)this._currentSlotContents[e]||this._currentSlotContents.push({});if(n.length>0){let e=n[0],r=h(e),i=this._currentSlotContents[t],o=g(i),s=i?.level,c=e.level;if(r&&(r!==o||s!==c)){let n=typeof e.level==`number`;this._currentSlotContents[t]=a.n(e,n)}}else r&&this._currentSlotContents.splice(t,1);this.slotContents=structuredClone(this._currentSlotContents.filter(e=>!!g(e))),this._changedSlotContents(this.slotContents)}_setSlotContents(e){let t=e.detail.dataFields??[];this.slotConfiguration?.canAcceptMultipleDataFields&&t.length>1||(t=t.slice(0,1));let n=this._getFilteredDatasetsDataFields(),r=t.map(e=>{let t=a.n(e,typeof e.level==`number`),r=this._getSelectValueForSlotContent(t,n);if(r)return{selectionValue:r,slotContent:t}}).filter(e=>!!e),i=new Set(r.map(e=>e.selectionValue));this._currentSlotContents=this._currentSlotContents?.filter(e=>{let t=this._getSelectValueForSlotContent(e,n);return t?i.has(t):!1})??[],r.forEach(({selectionValue:e,slotContent:t})=>{let r=this._currentSlotContents.findIndex(t=>this._getSelectValueForSlotContent(t,n)===e);if(r!==-1){this._currentSlotContents[r]=t;return}this._currentSlotContents.push(t)}),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this._currentSlotContents)}_renderFieldLabel(){return c.html`<luzmo-field-label for="data-fields" size=${this.size}
|
|
21
21
|
>${this.label??(0,u.msg)(`Select...`)}
|
|
22
22
|
</luzmo-field-label>`}_removeEmptySelect(){this._hasExtraEmptySelects=!1}_getAcceptableDataFields(){let e=[],t=this.slotConfiguration?.acceptableDataFieldTypes?.length?this.slotConfiguration.acceptableDataFieldTypes:a.t;return this.datasetsDataFields.forEach(n=>{(n.columns?.filter(e=>t.includes(e.type??``))??[]).forEach(t=>{e.push({datasetId:n.id,type:t.type,name:t.name,columnId:t.id,description:t.description,subtype:t.subtype,format:t.format,lowestLevel:t.lowestLevel,duration_levels:t.duration_levels,duration_format:t.duration_format,expression:t.expression,hierarchyLevels:t.hierarchyLevels,currency:t.currency})}),this.slotConfiguration?.canAcceptFormula&&(n.formulas??[]).forEach(t=>{t.type&&(this._isAdHocFormula(t)?e.push({datasetId:n.id,type:t.type,name:t.label??{en:`Ad-hoc formula`},formula:t.formula,subtype:t.subtype??void 0,format:t.format}):e.push({datasetId:n.id,type:t.type,name:t.name,formulaId:t.id,description:t.description,subtype:t.subtype,format:t.format,lowestLevel:t.lowestLevel,duration_levels:t.duration_levels,duration_format:t.duration_format,expression:t.expression,currency:t.currency}))})}),e}_getFirstAvailableDataField(){let e=this._getAcceptableDataFields(),t=new Set(this._currentSlotContents.map(e=>e.columnId??e.formulaId??e.column??e.formula));return e.find(e=>{let n=h(e);return n?!t.has(n):!1})}_hasAvailableDataFields(){return!!this._getFirstAvailableDataField()}_addDataField(){let e=this._getFirstAvailableDataField();if(e){let t=a.n(e,!1);this._currentSlotContents.push(t),this.slotContents=structuredClone(this._currentSlotContents),this._changedSlotContents(this.slotContents)}else this._hasExtraEmptySelects=!0}_renderExtraDataFieldButton(){return this._hasAvailableDataFields()?c.html`<div class="extra-data-field-button-container">
|
|
23
23
|
<luzmo-action-button
|
|
@@ -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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../item-slot-picker-panel-
|
|
20
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../item-slot-picker-panel-BCzV9MAV.cjs`);Object.defineProperty(exports,`LuzmoItemSlotPickerPanel`,{enumerable:!0,get:function(){return e.t}});
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--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);
|
|
25
25
|
}
|
|
26
26
|
})();
|
|
27
|
-
import { t as e } from "../item-slot-picker-panel-
|
|
27
|
+
import { t as e } from "../item-slot-picker-panel-B4tCFh38.js";
|
|
28
28
|
export { e as LuzmoItemSlotPickerPanel };
|
package/components/{item-slot-picker-panel-BYCDx6Hk.js → item-slot-picker-panel-B4tCFh38.js}
RENAMED
|
@@ -17,15 +17,15 @@
|
|
|
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 { i as e, n as t } from "./base-
|
|
20
|
+
import { i as e, n as t } from "./base-D82dU2vv.js";
|
|
21
21
|
import { t as n } from "./decorate-DKLaHs_w.js";
|
|
22
|
-
import { t as r } from "./localized-mixin-
|
|
22
|
+
import { t as r } from "./localized-mixin-XqTi4F7d.js";
|
|
23
23
|
import { t as i } from "./data-broker-CW4ZQUct.js";
|
|
24
24
|
import { s as a } from "./type-check-CbtYOkh7.js";
|
|
25
25
|
import { t as o } from "./localize-BTLmwb_o.js";
|
|
26
26
|
import { t as s } from "./slots-config-vPaGUfS5.js";
|
|
27
27
|
import { t as c } from "./slot-labels.config-DGNf5THs.js";
|
|
28
|
-
import "./item-slot-picker-
|
|
28
|
+
import "./item-slot-picker-BEPRIyMJ.js";
|
|
29
29
|
import { html as l, nothing as u, unsafeCSS as d } from "lit";
|
|
30
30
|
import { property as f, state as p } from "lit/decorators.js";
|
|
31
31
|
import { localized as m, msg as h } from "@lit/localize";
|
package/components/{item-slot-picker-panel-C6mMlurQ.cjs → item-slot-picker-panel-BCzV9MAV.cjs}
RENAMED
|
@@ -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
|
-
require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-HUGXYn6t.cjs`),t=require(`./decorate-BfLyr4NV.cjs`),n=require(`./localized-mixin-CxGNXOcg.cjs`),r=require(`./data-broker-CIVFcrOy.cjs`),i=require(`./type-check-DUUUyiLI.cjs`),a=require(`./localize-BKptOXuV.cjs`),o=require(`./slots-config-D45__I20.cjs`),s=require(`./slot-labels.config-Drf-s1qt.cjs`);require(`./item-slot-picker-7oF3vLwb.cjs`);let c=require(`lit`),l=require(`lit/decorators.js`),u=require(`@lit/localize`);require(`@luzmo/lucero/select`);let d=require(`@lit/task`);require(`@luzmo/lucero/field-label`);let f=require(`lit/directives/if-defined.js`);var p=`:host{font-size:var(--luzmo-item-slot-picker-panel-font-size,var(--luzmo-font-size));font-family:var(--luzmo-font-family,sans-serif);color:var(--luzmo-font-color,inherit);display:block}:host([size=s]){font-size:var(--luzmo-item-slot-picker-panel-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-slot-picker-panel-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-slot-picker-panel-font-size-xl,var(--luzmo-font-size-xl))}.container{flex-direction:column;align-items:flex-start;display:flex}.dataset-picker{align-self:stretch;align-items:flex-start;gap:var(--luzmo-item-slot-picker-panel-dataset-picker-gap,var(--luzmo-spacing-2));border-bottom-style:solid;border-bottom-width:var(--luzmo-item-slot-picker-panel-dataset-picker-border-width,1px);border-bottom-color:var(--luzmo-item-slot-picker-panel-dataset-picker-border-color,var(--luzmo-border-color));flex-direction:column;flex-shrink:0;margin-block-end:var(--luzmo-item-slot-picker-panel-dataset-picker-margin-block-end,var(--luzmo-spacing-4));padding-block-end:var(--luzmo-item-slot-picker-panel-dataset-picker-padding-block-end,var(--luzmo-spacing-4));display:flex}.slots-panel{gap:var(--luzmo-item-slot-picker-panel-gap,var(--luzmo-spacing-4));flex-direction:column;display:flex}.slot-container{gap:var(--luzmo-item-slot-picker-panel-slot-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}luzmo-field-label{margin:0}luzmo-item-slot-picker{display:block}:host([grows]) .container{align-items:stretch;width:100%}:host([grows]) .dataset-picker{align-items:stretch}:host([grows]) .dataset-picker luzmo-select{width:100%}`,m=50,h=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){constructor(...e){super(...e),this._loadSlotsConfig=new d.Task(this,{task:async([e])=>{if(e&&e!==this._itemTypeLoaded){this._itemTypeLoaded=e;let t=await o.t(e);return this._slotsConfig=t??[],this._slotsConfig}return this._slotsConfig},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this._datasetListItems=[],this._datasetListRetrieving=!1,this._datasetListPending=!1,this._datasetNamesFetchAttempted=!1,this._hasMoreDatasets=!0,this._fetchedDatasetsDataFields=[],this._failedDatasetIds=new Set,this._loadDataFieldsTask=new d.Task(this,{args:()=>[this._currentDatasetId,this.apiUrl,this.authKey,this.authToken,this.datasetsDataFields.length],task:async([e,t,n,a,o])=>{if(o>0||!e)return null;if(!i.s(e))return console.warn(`[LuzmoItemSlotPickerPanel] Invalid dataset ID provided (not a valid UUID): ${e}`),this._failedDatasetIds.add(e),null;if(this._failedDatasetIds.has(e))return null;let s=this._fetchedDatasetsDataFields.find(t=>t.id===e);if(s&&s.columns&&s.columns.length>0)return s;try{let t=await r.t.fetchDatasetsWithColumnsAndFormulas([e]);if(t.length===0)return this._failedDatasetIds.add(e),null;let n=t[0],i=this._fetchedDatasetsDataFields.findIndex(t=>t.id===e);return i===-1?this._fetchedDatasetsDataFields=[...this._fetchedDatasetsDataFields,n]:this._fetchedDatasetsDataFields[i]=n,n}catch(t){return console.warn(`Failed to fetch dataset data fields:`,t),this._failedDatasetIds.add(e),null}}}),this.contentLanguage=`en`,this.slotsContents=[],this.selects=`multiple`,this.dataFieldsSearch=`auto`,this.datasetSearch=`auto`,this.icons=`menu-only`,this.datasetsDataFields=[],this.datasetIds=[],this.datasetPicker=!1,this.apiUrl=`https://api.luzmo.com`,this.placement=`bottom-start`,this.slotMenuPlacement=`bottom-end`,this.constraintMode=`auto`,this.grows=!1,this._currentSlotsContents=[],this._createSlotChangeHandler=e=>t=>{t.preventDefault(),t.stopPropagation();let n=t.detail.slotContents??[],r=this._applySlotConstraints(e,n);r!==null&&(this._currentSlotsContents=r,this.slotsContents=structuredClone(r),this.dispatchEvent(new CustomEvent(`luzmo-slots-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotsContents:r}})))}}static{this.styles=(0,c.unsafeCSS)(p)}get _availableDatasets(){return this.datasetsDataFields.length>0?this.datasetsDataFields:this.datasetIds.length>0?this.datasetIds.map(e=>{let t=this._datasetListItems.find(t=>t.id===e);return t?{id:t.id,name:t.name,description:t.description}:{id:e,name:{en:e}}}):this._datasetListItems.length>0?this._datasetListItems.map(e=>({id:e.id,name:e.name,description:e.description})):[]}get _currentDatasetsDataFields(){if(this.datasetsDataFields.length>0){if(!this._currentDatasetId)return this.datasetsDataFields;let e=this.datasetsDataFields.find(e=>e.id===this._currentDatasetId);return e?[e]:this.datasetsDataFields}let e=this._loadDataFieldsTask.value;if(e)return[{id:e.id,name:e.name,description:e.description,columns:e.columns??[],formulas:e.formulas??[]}];if(this._fetchedDatasetsDataFields.length>0&&this._currentDatasetId){let e=this._fetchedDatasetsDataFields.find(e=>e.id===this._currentDatasetId);if(e)return[{id:e.id,name:e.name,description:e.description,columns:e.columns??[],formulas:e.formulas??[]}]}return[]}get _shouldFetchDatasetList(){return this.datasetPicker&&this.datasetsDataFields.length===0}_areDatasetsLinked(e,t){return e===t}_getUsedDatasetIds(){let e=new Set;for(let t of this._currentSlotsContents)for(let n of t.content)n.datasetId&&e.add(n.datasetId);return[...e]}willUpdate(e){super.willUpdate(e),e.has(`slotsContents`)&&(this._currentSlotsContents=structuredClone(this.slotsContents??[]));let t=e.has(`selectedDatasetId`),n=e.has(`datasetsDataFields`),i=e.has(`datasetIds`),a=e.has(`datasetPicker`),o=e.has(`authKey`),s=e.has(`authToken`),c=e.has(`apiUrl`);(i||o||s||c)&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._datasetNamesFetchAttempted=!1,this._fetchedDatasetsDataFields=[],this._failedDatasetIds.clear(),r.t.configure({apiUrl:this.apiUrl,authKey:this.authKey??``,authToken:this.authToken??``})),n&&this.datasetsDataFields.length>0&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._fetchedDatasetsDataFields=[],this._failedDatasetIds.clear()),(t||n||i)&&this._updateCurrentDatasetId(),(i||o||s||c||a)&&this.datasetIds.length>0&&this.datasetPicker&&this.datasetsDataFields.length===0&&this._datasetListItems.length===0&&this._fetchDatasetNamesForPicker()}_updateCurrentDatasetId(){let e=this._availableDatasets;if(this.selectedDatasetId&&e.some(e=>e.id===this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}if(this.selectedDatasetId&&this.datasetIds.includes(this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}this._currentDatasetId=e.length>0?e[0].id:void 0}async _fetchDatasetNamesForPicker(){if(this.datasetIds.length!==0){this._datasetListPending=!0;try{let e=await r.t.fetchDatasetNames(this.datasetIds);this._datasetListItems=e}catch(e){console.warn(`Failed to fetch dataset names:`,e)}finally{this._datasetListPending=!1,this._datasetNamesFetchAttempted=!0}}}async _loadMoreDatasets(e){if(!(this._datasetListRetrieving||!this._hasMoreDatasets)){this._datasetListRetrieving=!0,e&&(e.retrieving=!0);try{let e=this._datasetListItems.length,t=await r.t.fetchAllDatasets({offset:e,limit:m});this._datasetListItems=[...this._datasetListItems,...t.data],this._hasMoreDatasets=e+m<(t.pagination?.total??0),!this._currentDatasetId&&this._datasetListItems.length>0&&this._updateCurrentDatasetId()}catch(e){console.warn(`Failed to load dataset list:`,e),this._hasMoreDatasets=!1}finally{this._datasetListRetrieving=!1,e&&(e.retrieving=!1)}}}_handlePickerScrolled(e){if(this.datasetIds.length>0)return;let t=e.target,{last:n}=e.detail;n>=this._datasetListItems.length-10&&this._hasMoreDatasets&&this._loadMoreDatasets(t)}async _handlePickerOpened(e){let t=e.target;if(this._datasetListItems.length===0&&this._shouldFetchDatasetList&&this.datasetIds.length===0&&this._hasMoreDatasets){t.pending=!0;try{await this._loadMoreDatasets(t)}finally{t.pending=!1}}}_handleDatasetChange(e){let t=e.detail?.value?.[0];if(!t||t===this._currentDatasetId)return;let n=this._getUsedDatasetIds(),r=this._currentSlotsContents.some(e=>e.content.length>0),i=n.every(e=>this._areDatasetsLinked(e,t));if(r&&!i){if(this.constraintMode===`event-only`){this.dispatchEvent(new CustomEvent(`luzmo-dataset-constraint-triggered`,{bubbles:!0,composed:!0,detail:{previousDatasetId:this._currentDatasetId,newDatasetId:t,currentSlotsContents:structuredClone(this._currentSlotsContents),wouldClearSlots:!0}}));return}this._currentSlotsContents=[],this.slotsContents=[],this.dispatchEvent(new CustomEvent(`luzmo-slots-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotsContents:[]}}))}this._currentDatasetId=t,this.dispatchEvent(new CustomEvent(`luzmo-dataset-changed`,{bubbles:!0,composed:!0,detail:{datasetId:t}}))}_getSlotContents(e){return this._currentSlotsContents?.find(t=>t.name===e)?.content??[]}_applySlotConstraints(e,t){let n=this.slotsConfiguration??this._slotsConfig,r=structuredClone(this._currentSlotsContents),i=structuredClone(this._currentSlotsContents),a=i.findIndex(t=>t.name===e);a===-1?i.push({name:e,content:t}):i[a].content=t;let o=[];for(let r of n){if(r.keepOnlyFirstWhenOtherSlotFilled?.includes(e)&&t.length>0){let t=i.findIndex(e=>e.name===r.name);t!==-1&&i[t].content.length>1&&(o.push({type:`keepOnlyFirstWhenOtherSlotFilled`,affectedSlotName:r.name,triggeredBySlotName:e}),i[t].content=[i[t].content[0]])}if(r.clearWhenOtherSlotHasMultipleItems?.includes(e)&&t.length>1){let t=i.findIndex(e=>e.name===r.name);t!==-1&&i[t].content.length>0&&(o.push({type:`clearWhenOtherSlotHasMultipleItems`,affectedSlotName:r.name,triggeredBySlotName:e}),i[t].content=[])}}if(this.constraintMode===`event-only`&&o.length>0){let n={triggerSlotName:e,proposedTriggerContents:t,originalSlotsContents:r,proposedSlotsContents:i,constraints:o};return this.dispatchEvent(new CustomEvent(`luzmo-slot-constraint-triggered`,{detail:n,bubbles:!0,composed:!0})),null}return i}_getTranslatedLabel(e){let t=(typeof e.label==`string`?e.label:e.label?a.t(e.label,this.language):void 0)??e.name;return s.t[t]?s.t[t]():t}_renderDatasetPicker(){if(!this.datasetPicker)return c.nothing;let e=this._availableDatasets,t=e.length>1,n=this.datasetIds.length>0,r=this._shouldFetchDatasetList;if(!t&&!n&&!r)return c.nothing;let i=this._datasetListPending||this.datasetIds.length>0&&this._datasetListItems.length===0&&this.datasetsDataFields.length===0&&!this._datasetNamesFetchAttempted,o=i?[]:e.map(e=>({value:e.id,label:a.t(e.name,this.contentLanguage)||e.id})),s=i?[]:this._currentDatasetId?[this._currentDatasetId]:[],l=i?(0,u.msg)(`Loading datasets...`):(0,u.msg)(`Select dataset...`);return c.html`
|
|
20
|
+
require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-iNk9N4Tk.cjs`),t=require(`./decorate-BfLyr4NV.cjs`),n=require(`./localized-mixin-AEA3w4H0.cjs`),r=require(`./data-broker-CIVFcrOy.cjs`),i=require(`./type-check-DUUUyiLI.cjs`),a=require(`./localize-BKptOXuV.cjs`),o=require(`./slots-config-D45__I20.cjs`),s=require(`./slot-labels.config-Drf-s1qt.cjs`);require(`./item-slot-picker-B_l4VnV_.cjs`);let c=require(`lit`),l=require(`lit/decorators.js`),u=require(`@lit/localize`);require(`@luzmo/lucero/select`);let d=require(`@lit/task`);require(`@luzmo/lucero/field-label`);let f=require(`lit/directives/if-defined.js`);var p=`:host{font-size:var(--luzmo-item-slot-picker-panel-font-size,var(--luzmo-font-size));font-family:var(--luzmo-font-family,sans-serif);color:var(--luzmo-font-color,inherit);display:block}:host([size=s]){font-size:var(--luzmo-item-slot-picker-panel-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-slot-picker-panel-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-slot-picker-panel-font-size-xl,var(--luzmo-font-size-xl))}.container{flex-direction:column;align-items:flex-start;display:flex}.dataset-picker{align-self:stretch;align-items:flex-start;gap:var(--luzmo-item-slot-picker-panel-dataset-picker-gap,var(--luzmo-spacing-2));border-bottom-style:solid;border-bottom-width:var(--luzmo-item-slot-picker-panel-dataset-picker-border-width,1px);border-bottom-color:var(--luzmo-item-slot-picker-panel-dataset-picker-border-color,var(--luzmo-border-color));flex-direction:column;flex-shrink:0;margin-block-end:var(--luzmo-item-slot-picker-panel-dataset-picker-margin-block-end,var(--luzmo-spacing-4));padding-block-end:var(--luzmo-item-slot-picker-panel-dataset-picker-padding-block-end,var(--luzmo-spacing-4));display:flex}.slots-panel{gap:var(--luzmo-item-slot-picker-panel-gap,var(--luzmo-spacing-4));flex-direction:column;display:flex}.slot-container{gap:var(--luzmo-item-slot-picker-panel-slot-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}luzmo-field-label{margin:0}luzmo-item-slot-picker{display:block}:host([grows]) .container{align-items:stretch;width:100%}:host([grows]) .dataset-picker{align-items:stretch}:host([grows]) .dataset-picker luzmo-select{width:100%}`,m=50,h=class extends n.t(e.n(e.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){constructor(...e){super(...e),this._loadSlotsConfig=new d.Task(this,{task:async([e])=>{if(e&&e!==this._itemTypeLoaded){this._itemTypeLoaded=e;let t=await o.t(e);return this._slotsConfig=t??[],this._slotsConfig}return this._slotsConfig},args:()=>[this.itemType,this.language]}),this._slotsConfig=[],this._datasetListItems=[],this._datasetListRetrieving=!1,this._datasetListPending=!1,this._datasetNamesFetchAttempted=!1,this._hasMoreDatasets=!0,this._fetchedDatasetsDataFields=[],this._failedDatasetIds=new Set,this._loadDataFieldsTask=new d.Task(this,{args:()=>[this._currentDatasetId,this.apiUrl,this.authKey,this.authToken,this.datasetsDataFields.length],task:async([e,t,n,a,o])=>{if(o>0||!e)return null;if(!i.s(e))return console.warn(`[LuzmoItemSlotPickerPanel] Invalid dataset ID provided (not a valid UUID): ${e}`),this._failedDatasetIds.add(e),null;if(this._failedDatasetIds.has(e))return null;let s=this._fetchedDatasetsDataFields.find(t=>t.id===e);if(s&&s.columns&&s.columns.length>0)return s;try{let t=await r.t.fetchDatasetsWithColumnsAndFormulas([e]);if(t.length===0)return this._failedDatasetIds.add(e),null;let n=t[0],i=this._fetchedDatasetsDataFields.findIndex(t=>t.id===e);return i===-1?this._fetchedDatasetsDataFields=[...this._fetchedDatasetsDataFields,n]:this._fetchedDatasetsDataFields[i]=n,n}catch(t){return console.warn(`Failed to fetch dataset data fields:`,t),this._failedDatasetIds.add(e),null}}}),this.contentLanguage=`en`,this.slotsContents=[],this.selects=`multiple`,this.dataFieldsSearch=`auto`,this.datasetSearch=`auto`,this.icons=`menu-only`,this.datasetsDataFields=[],this.datasetIds=[],this.datasetPicker=!1,this.apiUrl=`https://api.luzmo.com`,this.placement=`bottom-start`,this.slotMenuPlacement=`bottom-end`,this.constraintMode=`auto`,this.grows=!1,this._currentSlotsContents=[],this._createSlotChangeHandler=e=>t=>{t.preventDefault(),t.stopPropagation();let n=t.detail.slotContents??[],r=this._applySlotConstraints(e,n);r!==null&&(this._currentSlotsContents=r,this.slotsContents=structuredClone(r),this.dispatchEvent(new CustomEvent(`luzmo-slots-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotsContents:r}})))}}static{this.styles=(0,c.unsafeCSS)(p)}get _availableDatasets(){return this.datasetsDataFields.length>0?this.datasetsDataFields:this.datasetIds.length>0?this.datasetIds.map(e=>{let t=this._datasetListItems.find(t=>t.id===e);return t?{id:t.id,name:t.name,description:t.description}:{id:e,name:{en:e}}}):this._datasetListItems.length>0?this._datasetListItems.map(e=>({id:e.id,name:e.name,description:e.description})):[]}get _currentDatasetsDataFields(){if(this.datasetsDataFields.length>0){if(!this._currentDatasetId)return this.datasetsDataFields;let e=this.datasetsDataFields.find(e=>e.id===this._currentDatasetId);return e?[e]:this.datasetsDataFields}let e=this._loadDataFieldsTask.value;if(e)return[{id:e.id,name:e.name,description:e.description,columns:e.columns??[],formulas:e.formulas??[]}];if(this._fetchedDatasetsDataFields.length>0&&this._currentDatasetId){let e=this._fetchedDatasetsDataFields.find(e=>e.id===this._currentDatasetId);if(e)return[{id:e.id,name:e.name,description:e.description,columns:e.columns??[],formulas:e.formulas??[]}]}return[]}get _shouldFetchDatasetList(){return this.datasetPicker&&this.datasetsDataFields.length===0}_areDatasetsLinked(e,t){return e===t}_getUsedDatasetIds(){let e=new Set;for(let t of this._currentSlotsContents)for(let n of t.content)n.datasetId&&e.add(n.datasetId);return[...e]}willUpdate(e){super.willUpdate(e),e.has(`slotsContents`)&&(this._currentSlotsContents=structuredClone(this.slotsContents??[]));let t=e.has(`selectedDatasetId`),n=e.has(`datasetsDataFields`),i=e.has(`datasetIds`),a=e.has(`datasetPicker`),o=e.has(`authKey`),s=e.has(`authToken`),c=e.has(`apiUrl`);(i||o||s||c)&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._datasetNamesFetchAttempted=!1,this._fetchedDatasetsDataFields=[],this._failedDatasetIds.clear(),r.t.configure({apiUrl:this.apiUrl,authKey:this.authKey??``,authToken:this.authToken??``})),n&&this.datasetsDataFields.length>0&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._fetchedDatasetsDataFields=[],this._failedDatasetIds.clear()),(t||n||i)&&this._updateCurrentDatasetId(),(i||o||s||c||a)&&this.datasetIds.length>0&&this.datasetPicker&&this.datasetsDataFields.length===0&&this._datasetListItems.length===0&&this._fetchDatasetNamesForPicker()}_updateCurrentDatasetId(){let e=this._availableDatasets;if(this.selectedDatasetId&&e.some(e=>e.id===this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}if(this.selectedDatasetId&&this.datasetIds.includes(this.selectedDatasetId)){this._currentDatasetId=this.selectedDatasetId;return}this._currentDatasetId=e.length>0?e[0].id:void 0}async _fetchDatasetNamesForPicker(){if(this.datasetIds.length!==0){this._datasetListPending=!0;try{let e=await r.t.fetchDatasetNames(this.datasetIds);this._datasetListItems=e}catch(e){console.warn(`Failed to fetch dataset names:`,e)}finally{this._datasetListPending=!1,this._datasetNamesFetchAttempted=!0}}}async _loadMoreDatasets(e){if(!(this._datasetListRetrieving||!this._hasMoreDatasets)){this._datasetListRetrieving=!0,e&&(e.retrieving=!0);try{let e=this._datasetListItems.length,t=await r.t.fetchAllDatasets({offset:e,limit:m});this._datasetListItems=[...this._datasetListItems,...t.data],this._hasMoreDatasets=e+m<(t.pagination?.total??0),!this._currentDatasetId&&this._datasetListItems.length>0&&this._updateCurrentDatasetId()}catch(e){console.warn(`Failed to load dataset list:`,e),this._hasMoreDatasets=!1}finally{this._datasetListRetrieving=!1,e&&(e.retrieving=!1)}}}_handlePickerScrolled(e){if(this.datasetIds.length>0)return;let t=e.target,{last:n}=e.detail;n>=this._datasetListItems.length-10&&this._hasMoreDatasets&&this._loadMoreDatasets(t)}async _handlePickerOpened(e){let t=e.target;if(this._datasetListItems.length===0&&this._shouldFetchDatasetList&&this.datasetIds.length===0&&this._hasMoreDatasets){t.pending=!0;try{await this._loadMoreDatasets(t)}finally{t.pending=!1}}}_handleDatasetChange(e){let t=e.detail?.value?.[0];if(!t||t===this._currentDatasetId)return;let n=this._getUsedDatasetIds(),r=this._currentSlotsContents.some(e=>e.content.length>0),i=n.every(e=>this._areDatasetsLinked(e,t));if(r&&!i){if(this.constraintMode===`event-only`){this.dispatchEvent(new CustomEvent(`luzmo-dataset-constraint-triggered`,{bubbles:!0,composed:!0,detail:{previousDatasetId:this._currentDatasetId,newDatasetId:t,currentSlotsContents:structuredClone(this._currentSlotsContents),wouldClearSlots:!0}}));return}this._currentSlotsContents=[],this.slotsContents=[],this.dispatchEvent(new CustomEvent(`luzmo-slots-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotsContents:[]}}))}this._currentDatasetId=t,this.dispatchEvent(new CustomEvent(`luzmo-dataset-changed`,{bubbles:!0,composed:!0,detail:{datasetId:t}}))}_getSlotContents(e){return this._currentSlotsContents?.find(t=>t.name===e)?.content??[]}_applySlotConstraints(e,t){let n=this.slotsConfiguration??this._slotsConfig,r=structuredClone(this._currentSlotsContents),i=structuredClone(this._currentSlotsContents),a=i.findIndex(t=>t.name===e);a===-1?i.push({name:e,content:t}):i[a].content=t;let o=[];for(let r of n){if(r.keepOnlyFirstWhenOtherSlotFilled?.includes(e)&&t.length>0){let t=i.findIndex(e=>e.name===r.name);t!==-1&&i[t].content.length>1&&(o.push({type:`keepOnlyFirstWhenOtherSlotFilled`,affectedSlotName:r.name,triggeredBySlotName:e}),i[t].content=[i[t].content[0]])}if(r.clearWhenOtherSlotHasMultipleItems?.includes(e)&&t.length>1){let t=i.findIndex(e=>e.name===r.name);t!==-1&&i[t].content.length>0&&(o.push({type:`clearWhenOtherSlotHasMultipleItems`,affectedSlotName:r.name,triggeredBySlotName:e}),i[t].content=[])}}if(this.constraintMode===`event-only`&&o.length>0){let n={triggerSlotName:e,proposedTriggerContents:t,originalSlotsContents:r,proposedSlotsContents:i,constraints:o};return this.dispatchEvent(new CustomEvent(`luzmo-slot-constraint-triggered`,{detail:n,bubbles:!0,composed:!0})),null}return i}_getTranslatedLabel(e){let t=(typeof e.label==`string`?e.label:e.label?a.t(e.label,this.language):void 0)??e.name;return s.t[t]?s.t[t]():t}_renderDatasetPicker(){if(!this.datasetPicker)return c.nothing;let e=this._availableDatasets,t=e.length>1,n=this.datasetIds.length>0,r=this._shouldFetchDatasetList;if(!t&&!n&&!r)return c.nothing;let i=this._datasetListPending||this.datasetIds.length>0&&this._datasetListItems.length===0&&this.datasetsDataFields.length===0&&!this._datasetNamesFetchAttempted,o=i?[]:e.map(e=>({value:e.id,label:a.t(e.name,this.contentLanguage)||e.id})),s=i?[]:this._currentDatasetId?[this._currentDatasetId]:[],l=i?(0,u.msg)(`Loading datasets...`):(0,u.msg)(`Select dataset...`);return c.html`
|
|
21
21
|
<div class="dataset-picker" part="dataset-picker">
|
|
22
22
|
<luzmo-field-label part="dataset-field-label" size=${this.size}>
|
|
23
23
|
${this.datasetPickerLabel??(0,u.msg)(`Dataset`)}
|
|
@@ -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
|
-
require(`./chunk-i8uDWG73.cjs`);const e=require(`./decorate-BfLyr4NV.cjs`),t=require(`./set-locale-
|
|
20
|
+
require(`./chunk-i8uDWG73.cjs`);const e=require(`./decorate-BfLyr4NV.cjs`),t=require(`./set-locale-CFD7fxS3.cjs`);let n=require(`lit/decorators.js`);var r=r=>{class i extends r{constructor(...e){super(...e),this.language=`en`}firstUpdated(e){super.firstUpdated(e),this._syncLocale()}willUpdate(e){super.willUpdate(e),e.has(`language`)&&this._syncLocale()}_syncLocale(){this.language!==t.t()&&(t.r.includes(this.language)||this.language===`en`)&&t.n(this.language)}}return e.t([(0,n.property)({type:String,reflect:!0})],i.prototype,`language`,void 0),i};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
20
|
import { t as e } from "./decorate-DKLaHs_w.js";
|
|
21
|
-
import { n as t, r as n, t as r } from "./set-locale-
|
|
21
|
+
import { n as t, r as n, t as r } from "./set-locale-B8CaHx6q.js";
|
|
22
22
|
import { property as i } from "lit/decorators.js";
|
|
23
23
|
//#region src/utils/base/localized-mixin.ts
|
|
24
24
|
var a = (a) => {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
|
7
|
+
* This license allows users with a current active Luzmo account
|
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
11
|
+
*
|
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
|
+
* SOFTWARE.
|
|
19
|
+
* */
|
|
20
|
+
require(`./chunk-i8uDWG73.cjs`);let e=require(`@lit/localize`);var t={"close-action":`Sluiten`,s00decbd8fed4f501:`Maximum`,s0218a6cc95bc9386:`Bereik type`,s0456d2ad905847d9:`laatste`,s071e55c416742716:`Herstelmenu openen`,s079a052719914d71:`Categorie`,s088e3b07b5394bc3:`is`,s091d3407b5b2f824:`OF`,s095140a7d22730b7:`Categorieën`,s099b18e1bd8a1154:`Uren`,s09c2b609dff29061:`Cumulatieve som`,s0b5cefc4c510193d:`Kleurbereik`,s0bb151c9319a6813:`X-As`,s0bca0c91195d8d6d:`bevat`,s0d5c4bb195a222f8:`Hoeveelheid`,s0e6fcbb074f690d0:`Dataveld toevoegen`,s1125d159f7e64df5:`Weergave`,s11326fd2590f4e5e:`Standaard`,s122f7f3f1a22ea50:`niet gelijk`,s13f5793e33ebda4f:`tussen`,s146475c4daa430ed:`Decimalen`,s1525a3512765bd52:`Tijdseenheid`,s16d507740d87045d:`Ad-hocformule`,s173bffc4bc8fdb40:`Kwartaalnummer`,s178b06f4d02cfd40:`ontbreekt niet`,s184501a399a815dc:`Kwartalen`,s18498398aeb37b07:`Week begint op`,s187528426100c44e:`Geen gegevens`,s1cdb6b07fe827486:`Weeknummer`,s1e20d0d47c1c09c4:`Rasterelement`,s1e593719b55d60c0:`MTD`,s1e7745005c37315c:`Relatieve offset`,s1f0916624a87d415:`Dag van het jaar`,s1f7698c061c208c9:`Open`,s23a368c93d7e6a90:`Schuifregelaar metriek`,s2454d1f117573457:`Precisie`,s247d110f13a3a288:`Dag van de week`,s24f3a319b88552c1:`Laag`,s25e13c6d08776558:`Synchronisatie in-/uitschakelen`,s26273c258ddde0e1:`Selecteer...`,s2695506122ffd614:`Seconde van de minuut`,s2718cebf7de190e1:`is tussen`,s2798d16f4e04857e:`Minuut van het uur`,s29e9a2758d0ffdc3:`Dimensie`,s2ba5f4d8f3bd7c57:`Volgorde`,s2d4d8b099a73e46a:`niveaus`,s2dcbfb305c43f0d4:`Optie laden mislukt`,s2ea38ce3da088075:`Periodes`,s2f56fa0428bad0c9:`Itemacties`,s2fa05f91c1baa29b:e.str`Verwijder ${0}`,s2fb2a49481123d6a:`Weken`,s2fedf26ef08343d4:`is gelijk aan`,s303f51ebddb596d4:`Slotmenu`,s31f1afc1bfe1cb3a:`Meer weten`,s344ea8f4939cdc98:`Kleur`,s354ae458a550da1f:`Bestemming`,s360896d6e6234cc4:`Item wordt bijgewerkt...`,s3924c3d773a80312:`laatst beschikbaar`,s3c6455b19fb1c3e4:`Absolute verandering`,s3dcf7b255596a2c3:`Standaardafwijking`,s41f303448d636dfd:`Dashboard-raster`,s4406e2a8264d6a3e:`Route`,s441accd1cd3484c9:`Minuut`,s463b8c4e92751ba5:`Opties`,s467b030b9a34b3c8:`Gemiddelde`,s48e186fb300e5464:`Tijd`,s496c60f73bdf5725:`Aggregatie`,s4b30fad1c34464e1:`groter dan of gelijk aan`,s4b58c01e2578f5e4:`Legenda`,s4e585eeea351a038:`bevat`,s4efbcab48a433013:`Lang`,s4f27f6b48a68b5c2:`Vergrendelen`,s50d9e1b0c1636e99:`Geografie`,s517acbf1f96324f9:`Gewicht`,s519d0aa80bbafd42:`week tot nu`,s55e343865792fc47:`Kan datasetgegevensvelden niet ophalen`,s55f71f5d3158ed9f:`AI-promptinvoer`,s572efb51e9cfc967:`Dashboard wordt bijgewerkt...`,s5758683fdb7446a9:`Filterdatum`,s57ace73e7c6e719f:`is niet in`,s58ec693e33483873:`kleiner dan`,s5a801360c0e7cc6e:`Cirkels`,s5b5005aae2ab472d:e.str`Verwijderd ${0}`,s5d73a3b3b68e6cba:`Gebruiker gedefinieerd`,s5d929ff1619ac0c9:`Zoeken`,s5e2654fb8587f442:`Dupliceer`,s5e8250fb85d64c23:`Slot`,s5f43af3669b1e098:`Bron`,s602805b1eb3106c6:`Y-As`,s6031881827829901:`24u`,s60b34c3c17dc35bd:`Jaren`,s6361bdb1b0dc327b:`Aantal perioden`,s64ef2a6c2dd1d3d1:`Bewerken`,s6580790b036f0c6f:`actief`,s66722bc2ea775e05:`Uitgeschakeld`,s669b18c6d2d9c95b:`Geen`,s66dcbbc0355c2759:`Zondag`,s680f01021b5e339d:`Week`,s6b0bffd88024372f:`Uur`,s6d2c233e1a4f6a2c:`Dataset toevoegen`,s6de3d6e9660857a1:`Voorbeeld`,s708bbac083d05109:`begint niet met`,s709a09b6edea9d90:`Datum/tijd`,s70a773eb3133e5fa:`maand tot nu`,s716a6024e3fe999c:`Tonen`,s736157452e7fc7af:`Er is iets misgegaan. Probeer het opnieuw.`,s7468e87263dfff7e:`Identificatie`,s74dcd519e6563a26:`WTD`,s750a2c8ca7ec9e95:`Slotinhoud`,s7632fc9aa12bf382:`Maanden`,s782f286a79cca35d:`Relatief`,s78789724e789221c:`Grootte`,s7a6878d41ffac284:`laatst voltooid`,s7c95876637f6a9d7:`Filter`,s7cb5d294ed7634e3:`Dataset`,s7dacc1388e15a544:`Positiewaarden`,s7e357543a7b769f4:`Offset datum kolom`,s846876f9b712e843:`is niet gelijk aan`,s862f5319f0256b94:`QTD`,s8665d029b5cb8b24:`Eindtotalen`,s898a5d3aef872ea2:`Filtervoorwaarde wisselen, momenteel `,s898eb5552843fe54:`Status herstellen`,s8a56a8c8bd19c9c7:`ontbreekt`,s8b1883cb3a3a94e2:`Meer informatie (opent in nieuw tabblad)`,s8ba2b22eee9bb57e:`Filter toevoegen`,s8bd1517975b86680:`Dashboard wordt gemaakt...`,s8d0259032729869d:`Seconde`,s8d77a3cb03eea446:`Datasets worden geladen...`,s8de2a5b227e80c95:`(x) periodes of langer geleden`,s9094c0cde8fb5058:`Geen resultaten gevonden`,s92ab9b834d8fd1fc:`Subgroep`,s92c8c8ca61f1e379:`Selecteer dataset...`,s965c503c3e42fdfe:`Ingeschakeld`,s9689e928323dc124:`laatste voltooide (periode)`,s981f232bd33ec927:`Percentage`,s9854300ef4a37d18:`eindigt niet met`,s987abe19fac8d108:`Som`,s98b1cb8fb62909ec:`Groep`,s98c337186f2d57c6:`Intervalgrootte`,s98db41a3eb532203:`jaar tot nu`,s991d216e6efc157c:`Geen resultaten`,s996319f23f6cf0b5:`eindigt met`,s9b9009d4a5004fb8:`Groepering`,s9b9d6ce29d05a298:`kleiner dan of gelijk aan`,s9deeefd89ca8a81d:`Hoog`,s9e40e59654c8ad67:`Kolom`,s9eacba092932f5ee:`Filtervoorwaarde`,sa26d7a273074cbf9:`Geen gegevens beschikbaar`,sa3c9339de23c1752:`Formaat`,sa696721931eda01a:`Filterwaarde`,sa6ab5184d6315895:`Van`,sa6f2645578b2d2bc:`Jaar`,sa7effa06c0f6784c:`groter dan`,sa8beb6b1182241ac:`Filters`,sa91d4991fca9514e:`meer dan geleden`,saa8b48fefe67c4e3:`Dataset- en kolom-ID's tonen`,sac8256732f2ee1e5:`Gegevens`,sac8b59943205b14f:`volgende volledige (periode)`,sac94bb71f7737997:`Mediaan`,sacae74732f544fca:`Dagen`,saf2a19f4eaf00f68:`of langer geleden`,sb06a3310a509f99a:`Kleurstop verwijderen`,sb0f3327210fe18fc:`Kolommen`,sb1f654608a3eea75:`Weekdag`,sb3b793ff5cc1bc39:`volgende (x) periodes`,sb47daaf9e1c4a905:`Maand`,sb569204089b4cac3:`AI-chat`,sb5803460fed8e45e:`Beschrijving tonen`,sb59d68ed12d46377:`Laden`,sb5b295e3a7500b9c:`Duurniveaus`,sb6513caf69971fb5:`Kort`,sb70671db5700ff60:`eindigt niet met`,sb93e5af29aca2e3d:`ontbreekt`,sb9f1339b3a61604a:`Niveaus`,sbbb97b1c63507dc0:`Nummer`,sbeebe911264bed23:`laatste (x) beschikbare periodes`,sc056cc14a35b3e61:`Filter verwijderen`,sc1bf67624fa6d498:`% verandering`,sc4842e5b8b90466a:`Seconden`,sc592307ea80f16b9:`Onbekend`,sc6e49f3d37e54030:`Uur van de dag`,sc6f5a4fc0583d734:`is in`,sc70ad8207db856a8:`Coördinaten`,sc86e72c4fdd4e0ec:`Aantal uniek`,sc8a98cb006054d7b:`Filterexpressie`,sc8d21540b3d89a69:`Kleurstop toevoegen`,scace072bef961918:`Rijen`,scb7bab1a17663a6c:`JTD`,scbaef981909d487e:`Evolutie`,scf2bb2b0de9cdb8a:`Milliseconde`,sd05671183b4fe913:`Gegevens konden niet worden opgehaald`,sd237be440de38cc7:`Kwartaal`,sd28141a332dc31fa:`Dag van de maand`,sd3ec39c275aec063:`Noemer`,sd5b1040899eb149d:`volgende volledige`,sd66a74fff07a11fb:`{count} geselecteerd`,sd7ebafacf602c9bd:`Letter`,sdb73788b3c975f16:`Automatisch`,sdc673e73b5c13aea:`Verwijder`,sdebe99a43259a451:`Aantal rijen`,sdfbe1b87d8712bc7:`Waarmee kan ik je helpen?`,sdfeb2151b9e78d4d:`bevat niet`,se01bc9eea39688ad:`Maand in jaar`,se0955919920ee87d:`Dag`,se211e3d21bbf3bff:`Meting`,se2b7530e30fa607d:`Periodevergelijking`,se2d6ee866b592a9f:`meer dan (x) periodes geleden`,se3a1aa0525f22ee4:`Metingen`,se415bbea6c976fb1:`Groeperen op`,se5316cbaa025f028:`volgende`,se715be190539325a:`geleden`,se8ddc90a9d7c709d:`niveau`,se9e535bb9591039e:`Selecteer een expressie`,se9ff6e9a514d8cf9:`Maandag`,sea4f08110bb8f15d:`Verwijderen`,seb4eae68d45315b7:`Minimum`,seb9c440de1ce6044:`begint met`,sec2f608650e36ac5:`laatste voltooide periode`,secf42ec1c7c47be2:`ontbreekt niet`,sed1e9f2d0f29e036:`Geen gewicht`,sed522484748a787d:`Item wordt gemaakt...`,see0ec27fb03d880e:`Minuten`,sef49aec68fd1dc66:`Naam`,sf095cc47a4ff9c3d:`Formule`,sf518b78d9734f57b:`begint niet met`,sf6cda8263b3170af:`Gebruik periode-tot-nu-toe voor onvolledige periodes`,sf6dd5d79bf159456:`Promptsuggesties`,sf70eaf9ab4c93082:`bevat niet`,sf9c10516a62a23db:`Weergeven als`,sfa069719a050be66:`EN`,sfa2d0aa30ee5aa58:`laatste (x) periodes`,sfad9ed343e97551c:`Vorige waarde`,sfb9e6d0c6baa99f5:`Komt overeen met de datumbereik dat in het diagram of de tabel zichtbaar is`,sfbac36245480ddbc:`Scheidingsteken`,sfda1c9d0be35cec8:`kwartaal tot nu`,sff5bb7742c2896c8:`Doel`,sffa721bb6aa3128d:`Zoeken...`,"slot-label-name":`Naam`,"slot-label-time":`Tijd`};exports.templates=t;
|
|
@@ -24,6 +24,7 @@ var t = {
|
|
|
24
24
|
s00decbd8fed4f501: "Maximum",
|
|
25
25
|
s0218a6cc95bc9386: "Bereik type",
|
|
26
26
|
s0456d2ad905847d9: "laatste",
|
|
27
|
+
s071e55c416742716: "Herstelmenu openen",
|
|
27
28
|
s079a052719914d71: "Categorie",
|
|
28
29
|
s088e3b07b5394bc3: "is",
|
|
29
30
|
s091d3407b5b2f824: "OF",
|
|
@@ -95,6 +96,8 @@ var t = {
|
|
|
95
96
|
s517acbf1f96324f9: "Gewicht",
|
|
96
97
|
s519d0aa80bbafd42: "week tot nu",
|
|
97
98
|
s55e343865792fc47: "Kan datasetgegevensvelden niet ophalen",
|
|
99
|
+
s55f71f5d3158ed9f: "AI-promptinvoer",
|
|
100
|
+
s572efb51e9cfc967: "Dashboard wordt bijgewerkt...",
|
|
98
101
|
s5758683fdb7446a9: "Filterdatum",
|
|
99
102
|
s57ace73e7c6e719f: "is niet in",
|
|
100
103
|
s58ec693e33483873: "kleiner dan",
|
|
@@ -124,7 +127,6 @@ var t = {
|
|
|
124
127
|
s716a6024e3fe999c: "Tonen",
|
|
125
128
|
s736157452e7fc7af: "Er is iets misgegaan. Probeer het opnieuw.",
|
|
126
129
|
s7468e87263dfff7e: "Identificatie",
|
|
127
|
-
s74c00d5f85cc6da9: "Beschrijf hoe u dit item wilt bewerken…",
|
|
128
130
|
s74dcd519e6563a26: "WTD",
|
|
129
131
|
s750a2c8ca7ec9e95: "Slotinhoud",
|
|
130
132
|
s7632fc9aa12bf382: "Maanden",
|
|
@@ -143,6 +145,7 @@ var t = {
|
|
|
143
145
|
s8a56a8c8bd19c9c7: "ontbreekt",
|
|
144
146
|
s8b1883cb3a3a94e2: "Meer informatie (opent in nieuw tabblad)",
|
|
145
147
|
s8ba2b22eee9bb57e: "Filter toevoegen",
|
|
148
|
+
s8bd1517975b86680: "Dashboard wordt gemaakt...",
|
|
146
149
|
s8d0259032729869d: "Seconde",
|
|
147
150
|
s8d77a3cb03eea446: "Datasets worden geladen...",
|
|
148
151
|
s8de2a5b227e80c95: "(x) periodes of langer geleden",
|
|
@@ -217,6 +220,7 @@ var t = {
|
|
|
217
220
|
sdb73788b3c975f16: "Automatisch",
|
|
218
221
|
sdc673e73b5c13aea: "Verwijder",
|
|
219
222
|
sdebe99a43259a451: "Aantal rijen",
|
|
223
|
+
sdfbe1b87d8712bc7: "Waarmee kan ik je helpen?",
|
|
220
224
|
sdfeb2151b9e78d4d: "bevat niet",
|
|
221
225
|
se01bc9eea39688ad: "Maand in jaar",
|
|
222
226
|
se0955919920ee87d: "Dag",
|
|
@@ -242,6 +246,7 @@ var t = {
|
|
|
242
246
|
sf095cc47a4ff9c3d: "Formule",
|
|
243
247
|
sf518b78d9734f57b: "begint niet met",
|
|
244
248
|
sf6cda8263b3170af: "Gebruik periode-tot-nu-toe voor onvolledige periodes",
|
|
249
|
+
sf6dd5d79bf159456: "Promptsuggesties",
|
|
245
250
|
sf70eaf9ab4c93082: "bevat niet",
|
|
246
251
|
sf9c10516a62a23db: "Weergeven als",
|
|
247
252
|
sfa069719a050be66: "EN",
|
|
@@ -253,12 +258,7 @@ var t = {
|
|
|
253
258
|
sff5bb7742c2896c8: "Doel",
|
|
254
259
|
sffa721bb6aa3128d: "Zoeken...",
|
|
255
260
|
"slot-label-name": "Naam",
|
|
256
|
-
"slot-label-time": "Tijd"
|
|
257
|
-
s071e55c416742716: "Open restore menu",
|
|
258
|
-
s8bd1517975b86680: "Creating dashboard...",
|
|
259
|
-
s572efb51e9cfc967: "Updating dashboard...",
|
|
260
|
-
s16e609de8500afc0: "Describe how you want to edit this dashboard…",
|
|
261
|
-
s55f71f5d3158ed9f: "AI prompt input"
|
|
261
|
+
"slot-label-time": "Tijd"
|
|
262
262
|
};
|
|
263
263
|
//#endregion
|
|
264
264
|
export { t as templates };
|
|
@@ -33,10 +33,10 @@ var t = (e, t, n) => {
|
|
|
33
33
|
sourceLocale: n,
|
|
34
34
|
targetLocales: r,
|
|
35
35
|
loadLocale: (e) => t(/* @__PURE__ */ Object.assign({
|
|
36
|
-
"../../generated/locales/de.ts": () => import("./de-
|
|
37
|
-
"../../generated/locales/es.ts": () => import("./es-
|
|
38
|
-
"../../generated/locales/fr.ts": () => import("./fr-
|
|
39
|
-
"../../generated/locales/nl.ts": () => import("./nl-
|
|
36
|
+
"../../generated/locales/de.ts": () => import("./de-DFS1MvFY.js"),
|
|
37
|
+
"../../generated/locales/es.ts": () => import("./es-C1prodbH.js"),
|
|
38
|
+
"../../generated/locales/fr.ts": () => import("./fr-BMYUCp2R.js"),
|
|
39
|
+
"../../generated/locales/nl.ts": () => import("./nl-DzdJmn0w.js")
|
|
40
40
|
}), `../../generated/locales/${e}.ts`, 6)
|
|
41
41
|
});
|
|
42
42
|
//#endregion
|
|
@@ -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
|
-
require(`./chunk-i8uDWG73.cjs`);let e=require(`@lit/localize`);var t=(e,t,n)=>{let r=t.lastIndexOf(`?`),i=e[r===-1||r<t.lastIndexOf(`/`)?t:t.slice(0,r)];return i?typeof i==`function`?i():Promise.resolve(i):new Promise((e,r)=>{(typeof queueMicrotask==`function`?queueMicrotask:setTimeout)(r.bind(null,Error(`Unknown variable dynamic import: `+t+(t.split(`/`).length===n?``:`. Note that variables only represent file names one level deep.`))))})},n=`en`,r=[`de`,`es`,`fr`,`nl`],{getLocale:i,setLocale:a}=(0,e.configureLocalization)({sourceLocale:n,targetLocales:r,loadLocale:e=>t(Object.assign({"../../generated/locales/de.ts":()=>Promise.resolve().then(()=>require(`./de-
|
|
20
|
+
require(`./chunk-i8uDWG73.cjs`);let e=require(`@lit/localize`);var t=(e,t,n)=>{let r=t.lastIndexOf(`?`),i=e[r===-1||r<t.lastIndexOf(`/`)?t:t.slice(0,r)];return i?typeof i==`function`?i():Promise.resolve(i):new Promise((e,r)=>{(typeof queueMicrotask==`function`?queueMicrotask:setTimeout)(r.bind(null,Error(`Unknown variable dynamic import: `+t+(t.split(`/`).length===n?``:`. Note that variables only represent file names one level deep.`))))})},n=`en`,r=[`de`,`es`,`fr`,`nl`],{getLocale:i,setLocale:a}=(0,e.configureLocalization)({sourceLocale:n,targetLocales:r,loadLocale:e=>t(Object.assign({"../../generated/locales/de.ts":()=>Promise.resolve().then(()=>require(`./de-DWpyMlmz.cjs`)),"../../generated/locales/es.ts":()=>Promise.resolve().then(()=>require(`./es-Bm4nseZH.cjs`)),"../../generated/locales/fr.ts":()=>Promise.resolve().then(()=>require(`./fr-BPTbVsj0.cjs`)),"../../generated/locales/nl.ts":()=>Promise.resolve().then(()=>require(`./nl-BE6MZtti.cjs`))}),`../../generated/locales/${e}.ts`,6)});Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
|
|
@@ -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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../slot-menu-
|
|
20
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../slot-menu-C8446xNy.cjs`);exports.LuzmoSlotMenu=e.t;
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--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);
|
|
25
25
|
}
|
|
26
26
|
})();
|
|
27
|
-
import { t as e } from "../slot-menu-
|
|
27
|
+
import { t as e } from "../slot-menu-DuJRaqmC.js";
|
|
28
28
|
export { e as LuzmoSlotMenu };
|
|
@@ -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
|
-
require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-HUGXYn6t.cjs`),t=require(`./decorate-BfLyr4NV.cjs`),n=require(`./data-broker-CIVFcrOy.cjs`),r=require(`./localize-BKptOXuV.cjs`),i=require(`./display-settings-Bmb0HUlu.cjs`),a=require(`./period-over-period-condition.const-BkZf5SbF.cjs`),o=require(`./validate-_aWwmj1A.cjs`);require(`./slot-menu-list-BROocU0s.cjs`);let s=require(`@luzmo/icons`),c=require(`lit`),l=require(`lit/decorators.js`),u=require(`@lit/localize`),d=require(`@lit-labs/signals`),f=require(`@lit/context`);require(`@luzmo/lucero/divider`);let p=require(`lit/directives/guard.js`);var m=class{constructor(){this.slotContents=(0,d.signal)([]),this.slotsContents=(0,d.signal)([]),this.periodOverPeriodUiType=(0,d.signal)(null),this.linkedDataset=(0,d.signal)([]),this._popEnabledChartTypes=[`area-chart`,`bar-chart`,`combination-chart`,`column-chart`,`line-chart`],this.activeSlotContents=(0,d.computed)(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=(0,d.signal)(0)}isArrayColumnType(e){return e.startsWith(`array[`)}setPeriodOverPeriodCondition(e,t){if(!t?.periodOverPeriod?.newUi){this.periodOverPeriodUiType.set(this.oldConditionalLogic(e));return}this.periodOverPeriodUiType.set(this.getUiConditionToApply(t))}getUiConditionToApply(e){let t=this.hasDatetimeColumnOnCategoryOrXAxis(),n=e?.periodOverPeriod?.hasConnectedComparisonFilter,r=this.linkedDataset.get().some(({columns:e})=>e?.some(e=>e.type===`datetime`));return!t&&!n&&!r?null:t&&n?a.t.HasDatetimeColumnAndComparisonFilters:t&&!n?a.t.HasDatetimeColumnAndNoComparisonFilters:!t&&n?a.t.NoDatetimeColumnButComparisonFilters:a.t.NoDatetimeColumnAndNoComparisonFilters}oldConditionalLogic(e){let t=this.slotsContents.get()??[],n=(t.find(e=>[`y-axis`,`x-axis`,`row`].includes(e.name))?.content??[])?.[0]??null,r=t.find(e=>e.name===`measure`)?.content??[];return n&&this._popEnabledChartTypes.includes(e)&&n.type===`datetime`&&!this.isArrayColumnType(n.type)&&(!n.datetimeDisplayMode||n.datetimeDisplayMode===`default`)&&n.level!==4&&r.length>0?a.t.OldImplementation:null}hasDatetimeColumnOnCategoryOrXAxis(){let e=((this.slotsContents.get()??[]).find(e=>[`y-axis`,`x-axis`].includes(e.name))?.content??[])?.[0]??null;return!!(e&&e.type===`datetime`&&!this.isArrayColumnType(e.type))}setContents(e,t){if(this.slotContents.set(e),this.activeIndex.get()>=e.length&&this.activeIndex.set(e.length>0?e.length-1:0),t){let n=structuredClone(this.slotsContents.get())??[],r=n.find(e=>e.name===t);r&&(r.content=e),this.setFullContents(n)}}setFullContents(e){this.slotsContents.set(e)}updateActive(e){e>=0&&e<this.slotContents.get().length&&this.activeIndex.set(e)}updateContent(e,t=this.activeIndex.get()){if(t<0||t>=this.slotContents.get().length)return;let n=[...this.slotContents.get()];n[t]=structuredClone(e),this.slotContents.set(n)}removeContent(e){if(e<0||e>=this.slotContents.get().length)return;let t=this.slotContents.get().filter((t,n)=>n!==e);this.slotContents.set(t),this.activeIndex.get()>=t.length&&this.activeIndex.set(t.length>0?t.length-1:0)}};function h({element:e,handle:t,boundary:n=document.documentElement,onDragStart:r,onDragEnd:i}){if(!e||!t)throw Error(`makeDraggable: element and handle are required`);let a=e.ownerDocument??document,o=-1,s=0,c=0,l=0,u=0,d=0,f=0,p=0,m=0,h=t=>{if(t.pointerId!==o)return;let r=t.clientX-s,i=t.clientY-c,a=(n??document.documentElement).getBoundingClientRect(),h=l+r,g=u+i;h=Math.min(Math.max(h,a.left),a.right-d),g=Math.min(Math.max(g,a.top),a.bottom-f);let _=h-l,v=g-u,y=p+_,b=m+v;e.style.transform=`translate3d(${y}px, ${b}px, 0)`},g=e=>{e.pointerId===o&&(a.removeEventListener(`pointermove`,h),a.removeEventListener(`pointerup`,g),o=-1,i?.())},_=n=>{if(n.button!==0)return;o=n.pointerId;let i=e.getBoundingClientRect();l=i.left,u=i.top,d=i.width,f=i.height,s=n.clientX,c=n.clientY;try{let t=a.defaultView?.getComputedStyle(e);if(t){let e=new DOMMatrixReadOnly(t.transform);p=e.m41,m=e.m42}}catch{p=0,m=0}t.setPointerCapture(o),a.addEventListener(`pointermove`,h),a.addEventListener(`pointerup`,g),r?.()};return t.addEventListener(`pointerdown`,_),()=>{t.removeEventListener(`pointerdown`,_),a.removeEventListener(`pointermove`,h),a.removeEventListener(`pointerup`,g)}}var g=`:host{font-family:var(--luzmo-slot-menu-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size,var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color,var(--luzmo-font-color));width:fit-content;display:block}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width,var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width,var(--slot-menu-list-max-width));background-color:var(--luzmo-slot-menu-list-background-color,var(--slot-menu-list-background-color));border-bottom-left-radius:var(--luzmo-slot-menu-list-border-radius,var(--slot-menu-list-border-radius))}.slot-contents-container{border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color,var(--luzmo-background-color));--slot-menu-popup-filter:drop-shadow(var(--luzmo-slot-menu-popup-shadow-horizontal,var(--slot-menu-popup-shadow-horizontal)) var(--luzmo-slot-menu-popup-shadow-vertical,var(--slot-menu-popup-shadow-vertical)) var(--luzmo-slot-menu-popup-shadow-blur,var(--slot-menu-popup-shadow-blur)) var(--luzmo-slot-menu-popup-shadow-color,var(--slot-menu-popup-shadow-color)));filter:var(--luzmo-slot-menu-popup-filter,var(--slot-menu-popup-filter));border-top-left-radius:0;position:relative}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width,var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding,var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding,var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{border-top-left-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));overflow:hidden}.slot-menu-top-menu{border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;width:fit-content;display:flex;overflow:hidden}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color,var(--luzmo-background-color-highlight));cursor:move;border:var(--luzmo-slot-menu-drag-handle-border-width,var(--slot-menu-drag-handle-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-background-color-highlight));width:fit-content;font-size:var(--luzmo-slot-menu-drag-handle-size,var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover,var(--luzmo-background-color-highlight-hover))}.drag-handle:focus-visible{box-shadow:0 0 0 var(--luzmo-indicator-width) var(--luzmo-indicator-color)}.slot-content-action{max-width:var(--luzmo-slot-menu-top-menu-label-max-width,var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color,var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color,var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color,var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding));flex:0 auto;display:flex}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover,var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus,var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.slot-content-action .slot-content-remove{cursor:pointer;border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));font:inherit;color:inherit;background:0 0;border:none;flex:none;padding:0}.slot-content-action .slot-content-remove:focus-visible{background-color:var(--luzmo-slot-menu-content-label-background-color-focus,var(--luzmo-primary-focus));box-shadow:0 0 0 var(--luzmo-indicator-width) var(--luzmo-slot-menu-content-label-color,var(--luzmo-primary-inverse-color));outline:none}.close{font:inherit;color:inherit;right:var(--luzmo-slot-menu-close-icon-right,var(--slot-menu-close-icon-right));cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)));background:0 0;background-color:var(--luzmo-slot-menu-close-button-background-color,var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size,var(--slot-menu-close-button-size));border:none;border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));padding:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding,var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding,var(--slot-menu-close-button-horizontal-padding));border-top-left-radius:0;border-top-right-radius:0;position:absolute}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover,var(--luzmo-background-color-highlight-hover))}.close:focus-visible{border-color:var(--luzmo-indicator-color);outline:none}:host{--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height) * 2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width:12rem;--slot-menu-list-min-width:8rem;--slot-menu-list-max-width:12rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3);--slot-menu-drag-handle-size:var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-border-width:var(--luzmo-border-width) --slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-popup-shadow-horizontal:0;--slot-menu-popup-shadow-vertical:1px;--slot-menu-popup-shadow-blur:4px;--slot-menu-popup-shadow-color:var(--luzmo-border-color);--slot-menu-popup-box-shadow:var(--slot-menu-popup-shadow-horizontal) var(--slot-menu-popup-shadow-vertical) var(--slot-menu-popup-shadow-blur) var(--slot-menu-popup-shadow-color);--slot-menu-close-icon-right:1rem;--slot-menu-list-border-radius:var(--luzmo-border-radius)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width:10rem;--slot-menu-list-min-width:6rem;--slot-menu-list-max-width:10rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2);--slot-menu-drag-handle-size:var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:14rem;--slot-menu-list-min-width:9rem;--slot-menu-list-max-width:14rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4);--slot-menu-drag-handle-size:var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size);--slot-menu-close-button-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:16rem;--slot-menu-list-min-width:10rem;--slot-menu-list-max-width:16rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5);--slot-menu-drag-handle-size:var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-close-button-size:var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}`,_=class extends (0,d.SignalWatcher)(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotType=`numeric`,this.variant=`draggable`,this._periodOverPeriodUiType=null,this.measureColumns=[],this.apiUrl=`https://api.luzmo.com`,this.authKey=``,this.authToken=``,this._slotContents=[],this._activeIndex=this.slotIndex??0,this._linkedDatasetsIds=[]}static get styles(){return[(0,c.unsafeCSS)(g)]}get _store(){return this._consumedStore?this._consumedStore:(this._ownStore||(this._ownStore=new m,new f.ContextProvider(this,{context:i.n,initialValue:this._ownStore})),this._ownStore)}get _currentSlotContent(){return this._slotContents[this.slotIndex??this._activeIndex]??{}}get _currentLabel(){return r.t(this._currentSlotContent.label,this.contentLanguage)??`Untitled`}connectedCallback(){let e={};this.apiUrl&&(e.apiUrl=this.apiUrl),this.authKey&&this.authToken&&(e.authKey=this.authKey,e.authToken=this.authToken),n.t.configure(e),super.connectedCallback(),this._attachDragHandle()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDrag&&=(this._cleanupDrag(),void 0)}_attachDragHandle(){if(this._cleanupDrag||this.variant!==`draggable`||this.noDrag)return;let e=this.renderRoot.querySelector(`.drag-handle`);if(!e)return;let t=this.dragBoundary?document.querySelector(this.dragBoundary):document.documentElement;this._cleanupDrag=h({element:this,handle:e,boundary:t})}_sendChangeEvent(){let e=this._store.slotContents.get();this.dispatchEvent(new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(e),linkedDatasetsIds:[...this._linkedDatasetsIds]}}))}resetInfoVisibility(){this.displaySettingsElement?.resetInfoVisibility&&this.displaySettingsElement.resetInfoVisibility(!1)}_sendCloseEvent(){this.dispatchEvent(new CustomEvent(`luzmo-close`,{bubbles:!0,composed:!0,cancelable:!0}))}isArrayColumnType(e){return e.startsWith(`array[`)}async willUpdate(e){let t=this._store,r=t.slotContents.get(),i=e.has(`slotContents`);Array.isArray(this.slotContents)&&(r.length===0||i)&&t.setContents(structuredClone(this.slotContents),this.slotName);let a=t.slotContents.get();if(a!==this._slotContents){this._slotContents=a;let{set:e,column:r}=this._currentSlotContent;if(e&&o.t(e)&&e!==this._lastFetchedDatasetId){if(this._lastFetchedDatasetId=e,await n.t.fetchDatasetsRecursive([e]),!this.isConnected)return;this._linkedDatasetsIds=n.t.getLinkedDatasetsIds(e)}let i=n.t.getAvailableDatasets();if(this.measureColumns=i.map(e=>({datasetId:e.id,datasetName:e.name,columns:e.columns?.filter(e=>e.type===`numeric`&&e.id!==r)})),t.activeIndex.get()!==this._activeIndex&&t.updateActive(this._activeIndex),this.slotName===`measure`){t.linkedDataset.set(i.filter(t=>t.id===e)),t.setPeriodOverPeriodCondition(this.itemType,this._currentSlotContent);let n=this._currentSlotContent.subtype===`duration`&&this.isArrayColumnType(this._currentSlotContent.type);this._periodOverPeriodUiType=n?null:t.periodOverPeriodUiType.get()}}}updated(){this.displaySettingsElement&&(this.displaySettingsElement.periodOverPeriodUiType=this._periodOverPeriodUiType,this.displaySettingsElement.measureColumns=this.measureColumns,this.displaySettingsElement.showRemoveButton=this.variant===`popup`&&(typeof this.slotIndex==`number`||this._slotContents?.length===1))}_handleSlotListChange(e){let t=this._store,n=structuredClone(e.detail.slotContents),r=e.detail.activeIndex;r!==this._activeIndex&&(this._activeIndex=r,t.updateActive(r)),t.setContents(n,this.slotName),this._slotContents=t.slotContents.get();let i=this._slotContents[this._activeIndex],a=i?.column??i?.columnId,o=i?.set??i?.datasetId,s=i?.formula;(a||s)&&o&&(this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-active`,{bubbles:!0,composed:!0,detail:{datasetId:o}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-highlight`,{bubbles:!0,composed:!0,detail:{datasetId:o,level:i?.level??0,...a&&{columnId:a},...s&&{formulaId:s}}}))})),this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(e){let t=this._store,n=this.slotIndex??this._activeIndex;t.updateContent(structuredClone(e.detail.slotContent),n),this._slotContents=t.slotContents.get(),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotContents),this._sendChangeEvent()}removeSlotContent(e){let t=this._store;t.removeContent(e),this._slotContents=t.slotContents.get(),this._slotContents.length===0&&this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-inactive`,{bubbles:!0,composed:!0})),this._sendChangeEvent(),this.close(),this.requestUpdate()}close(){this._sendCloseEvent(),this.resetInfoVisibility()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}_handleInfoVisibilityChanged(e){this.dispatchEvent(new CustomEvent(`luzmo-info-visibility-changed`,{detail:e.detail}))}render(){let e=`${this.slotType}-${this._currentSlotContent?.type??``}`;return c.html`<div class="slot-menu-top-menu" role="region" aria-label=${(0,u.msg)(`Slot menu`,{desc:`Accessible label for slot menu region`})}>
|
|
20
|
+
require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-iNk9N4Tk.cjs`),t=require(`./decorate-BfLyr4NV.cjs`),n=require(`./data-broker-CIVFcrOy.cjs`),r=require(`./localize-BKptOXuV.cjs`),i=require(`./display-settings-Bfz2tg_G.cjs`),a=require(`./period-over-period-condition.const-BkZf5SbF.cjs`),o=require(`./validate-_aWwmj1A.cjs`);require(`./slot-menu-list-B6A6w2d9.cjs`);let s=require(`@luzmo/icons`),c=require(`lit`),l=require(`lit/decorators.js`),u=require(`@lit/localize`),d=require(`@lit-labs/signals`),f=require(`@lit/context`);require(`@luzmo/lucero/divider`);let p=require(`lit/directives/guard.js`);var m=class{constructor(){this.slotContents=(0,d.signal)([]),this.slotsContents=(0,d.signal)([]),this.periodOverPeriodUiType=(0,d.signal)(null),this.linkedDataset=(0,d.signal)([]),this._popEnabledChartTypes=[`area-chart`,`bar-chart`,`combination-chart`,`column-chart`,`line-chart`],this.activeSlotContents=(0,d.computed)(()=>this.slotContents.get()[this.activeIndex.get()]),this.activeIndex=(0,d.signal)(0)}isArrayColumnType(e){return e.startsWith(`array[`)}setPeriodOverPeriodCondition(e,t){if(!t?.periodOverPeriod?.newUi){this.periodOverPeriodUiType.set(this.oldConditionalLogic(e));return}this.periodOverPeriodUiType.set(this.getUiConditionToApply(t))}getUiConditionToApply(e){let t=this.hasDatetimeColumnOnCategoryOrXAxis(),n=e?.periodOverPeriod?.hasConnectedComparisonFilter,r=this.linkedDataset.get().some(({columns:e})=>e?.some(e=>e.type===`datetime`));return!t&&!n&&!r?null:t&&n?a.t.HasDatetimeColumnAndComparisonFilters:t&&!n?a.t.HasDatetimeColumnAndNoComparisonFilters:!t&&n?a.t.NoDatetimeColumnButComparisonFilters:a.t.NoDatetimeColumnAndNoComparisonFilters}oldConditionalLogic(e){let t=this.slotsContents.get()??[],n=(t.find(e=>[`y-axis`,`x-axis`,`row`].includes(e.name))?.content??[])?.[0]??null,r=t.find(e=>e.name===`measure`)?.content??[];return n&&this._popEnabledChartTypes.includes(e)&&n.type===`datetime`&&!this.isArrayColumnType(n.type)&&(!n.datetimeDisplayMode||n.datetimeDisplayMode===`default`)&&n.level!==4&&r.length>0?a.t.OldImplementation:null}hasDatetimeColumnOnCategoryOrXAxis(){let e=((this.slotsContents.get()??[]).find(e=>[`y-axis`,`x-axis`].includes(e.name))?.content??[])?.[0]??null;return!!(e&&e.type===`datetime`&&!this.isArrayColumnType(e.type))}setContents(e,t){if(this.slotContents.set(e),this.activeIndex.get()>=e.length&&this.activeIndex.set(e.length>0?e.length-1:0),t){let n=structuredClone(this.slotsContents.get())??[],r=n.find(e=>e.name===t);r&&(r.content=e),this.setFullContents(n)}}setFullContents(e){this.slotsContents.set(e)}updateActive(e){e>=0&&e<this.slotContents.get().length&&this.activeIndex.set(e)}updateContent(e,t=this.activeIndex.get()){if(t<0||t>=this.slotContents.get().length)return;let n=[...this.slotContents.get()];n[t]=structuredClone(e),this.slotContents.set(n)}removeContent(e){if(e<0||e>=this.slotContents.get().length)return;let t=this.slotContents.get().filter((t,n)=>n!==e);this.slotContents.set(t),this.activeIndex.get()>=t.length&&this.activeIndex.set(t.length>0?t.length-1:0)}};function h({element:e,handle:t,boundary:n=document.documentElement,onDragStart:r,onDragEnd:i}){if(!e||!t)throw Error(`makeDraggable: element and handle are required`);let a=e.ownerDocument??document,o=-1,s=0,c=0,l=0,u=0,d=0,f=0,p=0,m=0,h=t=>{if(t.pointerId!==o)return;let r=t.clientX-s,i=t.clientY-c,a=(n??document.documentElement).getBoundingClientRect(),h=l+r,g=u+i;h=Math.min(Math.max(h,a.left),a.right-d),g=Math.min(Math.max(g,a.top),a.bottom-f);let _=h-l,v=g-u,y=p+_,b=m+v;e.style.transform=`translate3d(${y}px, ${b}px, 0)`},g=e=>{e.pointerId===o&&(a.removeEventListener(`pointermove`,h),a.removeEventListener(`pointerup`,g),o=-1,i?.())},_=n=>{if(n.button!==0)return;o=n.pointerId;let i=e.getBoundingClientRect();l=i.left,u=i.top,d=i.width,f=i.height,s=n.clientX,c=n.clientY;try{let t=a.defaultView?.getComputedStyle(e);if(t){let e=new DOMMatrixReadOnly(t.transform);p=e.m41,m=e.m42}}catch{p=0,m=0}t.setPointerCapture(o),a.addEventListener(`pointermove`,h),a.addEventListener(`pointerup`,g),r?.()};return t.addEventListener(`pointerdown`,_),()=>{t.removeEventListener(`pointerdown`,_),a.removeEventListener(`pointermove`,h),a.removeEventListener(`pointerup`,g)}}var g=`:host{font-family:var(--luzmo-slot-menu-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size,var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color,var(--luzmo-font-color));width:fit-content;display:block}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width,var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width,var(--slot-menu-list-max-width));background-color:var(--luzmo-slot-menu-list-background-color,var(--slot-menu-list-background-color));border-bottom-left-radius:var(--luzmo-slot-menu-list-border-radius,var(--slot-menu-list-border-radius))}.slot-contents-container{border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color,var(--luzmo-background-color));--slot-menu-popup-filter:drop-shadow(var(--luzmo-slot-menu-popup-shadow-horizontal,var(--slot-menu-popup-shadow-horizontal)) var(--luzmo-slot-menu-popup-shadow-vertical,var(--slot-menu-popup-shadow-vertical)) var(--luzmo-slot-menu-popup-shadow-blur,var(--slot-menu-popup-shadow-blur)) var(--luzmo-slot-menu-popup-shadow-color,var(--slot-menu-popup-shadow-color)));filter:var(--luzmo-slot-menu-popup-filter,var(--slot-menu-popup-filter));border-top-left-radius:0;position:relative}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width,var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding,var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding,var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{border-top-left-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));overflow:hidden}.slot-menu-top-menu{border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;width:fit-content;display:flex;overflow:hidden}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color,var(--luzmo-background-color-highlight));cursor:move;border:var(--luzmo-slot-menu-drag-handle-border-width,var(--slot-menu-drag-handle-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-background-color-highlight));width:fit-content;font-size:var(--luzmo-slot-menu-drag-handle-size,var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover,var(--luzmo-background-color-highlight-hover))}.drag-handle:focus-visible{box-shadow:0 0 0 var(--luzmo-indicator-width) var(--luzmo-indicator-color)}.slot-content-action{max-width:var(--luzmo-slot-menu-top-menu-label-max-width,var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color,var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color,var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color,var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding,var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding,var(--slot-menu-drag-handle-horizontal-padding));flex:0 auto;display:flex}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover,var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus,var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.slot-content-action .slot-content-remove{cursor:pointer;border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));font:inherit;color:inherit;background:0 0;border:none;flex:none;padding:0}.slot-content-action .slot-content-remove:focus-visible{background-color:var(--luzmo-slot-menu-content-label-background-color-focus,var(--luzmo-primary-focus));box-shadow:0 0 0 var(--luzmo-indicator-width) var(--luzmo-slot-menu-content-label-color,var(--luzmo-primary-inverse-color));outline:none}.close{font:inherit;color:inherit;right:var(--luzmo-slot-menu-close-icon-right,var(--slot-menu-close-icon-right));cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)));background:0 0;background-color:var(--luzmo-slot-menu-close-button-background-color,var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size,var(--slot-menu-close-button-size));border:none;border:var(--luzmo-slot-menu-border-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius,var(--luzmo-border-radius));padding:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding,var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding,var(--slot-menu-close-button-horizontal-padding));border-top-left-radius:0;border-top-right-radius:0;position:absolute}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover,var(--luzmo-background-color-highlight-hover))}.close:focus-visible{border-color:var(--luzmo-indicator-color);outline:none}:host{--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height) * 2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width:12rem;--slot-menu-list-min-width:8rem;--slot-menu-list-max-width:12rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3);--slot-menu-drag-handle-size:var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-border-width:var(--luzmo-border-width) --slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-popup-shadow-horizontal:0;--slot-menu-popup-shadow-vertical:1px;--slot-menu-popup-shadow-blur:4px;--slot-menu-popup-shadow-color:var(--luzmo-border-color);--slot-menu-popup-box-shadow:var(--slot-menu-popup-shadow-horizontal) var(--slot-menu-popup-shadow-vertical) var(--slot-menu-popup-shadow-blur) var(--slot-menu-popup-shadow-color);--slot-menu-close-icon-right:1rem;--slot-menu-list-border-radius:var(--luzmo-border-radius)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-display-settings-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width:10rem;--slot-menu-list-min-width:6rem;--slot-menu-list-max-width:10rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2);--slot-menu-drag-handle-size:var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:14rem;--slot-menu-list-min-width:9rem;--slot-menu-list-max-width:14rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4);--slot-menu-drag-handle-size:var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-close-button-size:var(--luzmo-font-size);--slot-menu-close-button-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-display-settings-horizontal-padding:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--slot-menu-display-settings-vertical-padding:var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width:16rem;--slot-menu-list-min-width:10rem;--slot-menu-list-max-width:16rem;--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5);--slot-menu-drag-handle-size:var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding:var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-close-button-size:var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding:var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding:var(--luzmo-spacing-3)}`,_=class extends (0,d.SignalWatcher)(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotType=`numeric`,this.variant=`draggable`,this._periodOverPeriodUiType=null,this.measureColumns=[],this.apiUrl=`https://api.luzmo.com`,this.authKey=``,this.authToken=``,this._slotContents=[],this._activeIndex=this.slotIndex??0,this._linkedDatasetsIds=[]}static get styles(){return[(0,c.unsafeCSS)(g)]}get _store(){return this._consumedStore?this._consumedStore:(this._ownStore||(this._ownStore=new m,new f.ContextProvider(this,{context:i.n,initialValue:this._ownStore})),this._ownStore)}get _currentSlotContent(){return this._slotContents[this.slotIndex??this._activeIndex]??{}}get _currentLabel(){return r.t(this._currentSlotContent.label,this.contentLanguage)??`Untitled`}connectedCallback(){let e={};this.apiUrl&&(e.apiUrl=this.apiUrl),this.authKey&&this.authToken&&(e.authKey=this.authKey,e.authToken=this.authToken),n.t.configure(e),super.connectedCallback(),this._attachDragHandle()}disconnectedCallback(){super.disconnectedCallback(),this._cleanupDrag&&=(this._cleanupDrag(),void 0)}_attachDragHandle(){if(this._cleanupDrag||this.variant!==`draggable`||this.noDrag)return;let e=this.renderRoot.querySelector(`.drag-handle`);if(!e)return;let t=this.dragBoundary?document.querySelector(this.dragBoundary):document.documentElement;this._cleanupDrag=h({element:this,handle:e,boundary:t})}_sendChangeEvent(){let e=this._store.slotContents.get();this.dispatchEvent(new CustomEvent(`luzmo-slot-contents-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(e),linkedDatasetsIds:[...this._linkedDatasetsIds]}}))}resetInfoVisibility(){this.displaySettingsElement?.resetInfoVisibility&&this.displaySettingsElement.resetInfoVisibility(!1)}_sendCloseEvent(){this.dispatchEvent(new CustomEvent(`luzmo-close`,{bubbles:!0,composed:!0,cancelable:!0}))}isArrayColumnType(e){return e.startsWith(`array[`)}async willUpdate(e){let t=this._store,r=t.slotContents.get(),i=e.has(`slotContents`);Array.isArray(this.slotContents)&&(r.length===0||i)&&t.setContents(structuredClone(this.slotContents),this.slotName);let a=t.slotContents.get();if(a!==this._slotContents){this._slotContents=a;let{set:e,column:r}=this._currentSlotContent;if(e&&o.t(e)&&e!==this._lastFetchedDatasetId){if(this._lastFetchedDatasetId=e,await n.t.fetchDatasetsRecursive([e]),!this.isConnected)return;this._linkedDatasetsIds=n.t.getLinkedDatasetsIds(e)}let i=n.t.getAvailableDatasets();if(this.measureColumns=i.map(e=>({datasetId:e.id,datasetName:e.name,columns:e.columns?.filter(e=>e.type===`numeric`&&e.id!==r)})),t.activeIndex.get()!==this._activeIndex&&t.updateActive(this._activeIndex),this.slotName===`measure`){t.linkedDataset.set(i.filter(t=>t.id===e)),t.setPeriodOverPeriodCondition(this.itemType,this._currentSlotContent);let n=this._currentSlotContent.subtype===`duration`&&this.isArrayColumnType(this._currentSlotContent.type);this._periodOverPeriodUiType=n?null:t.periodOverPeriodUiType.get()}}}updated(){this.displaySettingsElement&&(this.displaySettingsElement.periodOverPeriodUiType=this._periodOverPeriodUiType,this.displaySettingsElement.measureColumns=this.measureColumns,this.displaySettingsElement.showRemoveButton=this.variant===`popup`&&(typeof this.slotIndex==`number`||this._slotContents?.length===1))}_handleSlotListChange(e){let t=this._store,n=structuredClone(e.detail.slotContents),r=e.detail.activeIndex;r!==this._activeIndex&&(this._activeIndex=r,t.updateActive(r)),t.setContents(n,this.slotName),this._slotContents=t.slotContents.get();let i=this._slotContents[this._activeIndex],a=i?.column??i?.columnId,o=i?.set??i?.datasetId,s=i?.formula;(a||s)&&o&&(this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-active`,{bubbles:!0,composed:!0,detail:{datasetId:o}})),setTimeout(()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-highlight`,{bubbles:!0,composed:!0,detail:{datasetId:o,level:i?.level??0,...a&&{columnId:a},...s&&{formulaId:s}}}))})),this._slotContents.length<=1&&this.requestUpdate(),this._sendChangeEvent()}_handleSlotContentChange(e){let t=this._store,n=this.slotIndex??this._activeIndex;t.updateContent(structuredClone(e.detail.slotContent),n),this._slotContents=t.slotContents.get(),this.slotMenuListElement&&(this.slotMenuListElement.slotContents=this._slotContents),this._sendChangeEvent()}removeSlotContent(e){let t=this._store;t.removeContent(e),this._slotContents=t.slotContents.get(),this._slotContents.length===0&&this.dispatchEvent(new CustomEvent(`luzmo-slot-menu-inactive`,{bubbles:!0,composed:!0})),this._sendChangeEvent(),this.close(),this.requestUpdate()}close(){this._sendCloseEvent(),this.resetInfoVisibility()}_removeActiveSlotContent(){this.removeSlotContent(this.slotIndex??this._activeIndex)}_handleInfoVisibilityChanged(e){this.dispatchEvent(new CustomEvent(`luzmo-info-visibility-changed`,{detail:e.detail}))}render(){let e=`${this.slotType}-${this._currentSlotContent?.type??``}`;return c.html`<div class="slot-menu-top-menu" role="region" aria-label=${(0,u.msg)(`Slot menu`,{desc:`Accessible label for slot menu region`})}>
|
|
21
21
|
${this.variant===`draggable`?c.html`<div class="drag-handle">${(0,s.luzmoIcon)(s.luzmoArrows)}</div>`:``}
|
|
22
22
|
${this._slotContents&&this._slotContents.length===1&&this.variant!==`popup`?c.html` <div class="slot-content-action">
|
|
23
23
|
<div class="slot-content-label">${this._currentLabel}</div>
|
|
@@ -17,14 +17,14 @@
|
|
|
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 { i as e, n as t, t as n } from "./base-
|
|
20
|
+
import { i as e, n as t, t as n } from "./base-D82dU2vv.js";
|
|
21
21
|
import { t as r } from "./decorate-DKLaHs_w.js";
|
|
22
22
|
import { t as i } from "./data-broker-CW4ZQUct.js";
|
|
23
23
|
import { t as a } from "./localize-BTLmwb_o.js";
|
|
24
|
-
import { n as o } from "./display-settings-
|
|
24
|
+
import { n as o } from "./display-settings-DWoUj0P7.js";
|
|
25
25
|
import { t as s } from "./period-over-period-condition.const-BUEH5Yg0.js";
|
|
26
26
|
import { t as c } from "./validate-KpIpi6ts.js";
|
|
27
|
-
import "./slot-menu-list-
|
|
27
|
+
import "./slot-menu-list-Zzwr6h1J.js";
|
|
28
28
|
import { luzmoArrows as l, luzmoClose12 as u, luzmoIcon as d, luzmoTrashOutline as f } from "@luzmo/icons";
|
|
29
29
|
import { html as p, unsafeCSS as m } from "lit";
|
|
30
30
|
import { property as h, query as g, state as _ } from "lit/decorators.js";
|
|
@@ -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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../slot-menu-list-
|
|
20
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../slot-menu-list-B6A6w2d9.cjs`);exports.LuzmoSlotMenuList=e.t;
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
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-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--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);
|
|
25
25
|
}
|
|
26
26
|
})();
|
|
27
|
-
import { t as e } from "../slot-menu-list-
|
|
27
|
+
import { t as e } from "../slot-menu-list-Zzwr6h1J.js";
|
|
28
28
|
export { e as LuzmoSlotMenuList };
|
|
@@ -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
|
-
require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-HUGXYn6t.cjs`),t=require(`./decorate-BfLyr4NV.cjs`),n=require(`./localize-BKptOXuV.cjs`),r=require(`./get-css-variable-DZGARg96.cjs`);let i=require(`@luzmo/icons`),a=require(`lit`),o=require(`lit/decorators.js`),s=require(`@lit/localize`);var c={none:0,small:100,medium:350,large:700},l=.5;c.none,c.small*l,c.medium*l,c.large*l;function u(e){e.animate([{backgroundColor:`var(--ds-background-selected, #E9F2FF)`},{}],{duration:c.large,easing:`cubic-bezier(0.25, 0.1, 0.25, 1.0)`,iterations:1})}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?d(Object(n),!0).forEach(function(t){r.a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var p={top:function(e,t){return Math.abs(t.y-e.top)},right:function(e,t){return Math.abs(e.right-t.x)},bottom:function(e,t){return Math.abs(e.bottom-t.y)},left:function(e,t){return Math.abs(t.x-e.left)}},m=Symbol(`closestEdge`);function h(e,t){var n=t.element,i=t.input,a=t.allowedEdges,o={x:i.clientX,y:i.clientY},s=n.getBoundingClientRect(),c=a.map(function(e){return{edge:e,value:p[e](s,o)}}).sort(function(e,t){return e.value-t.value})[0]?.edge??null;return f(f({},e),{},r.a({},m,c))}function g(e){return e[m]??null}var _=`:host{font-family:var(--luzmo-slot-menu-list-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size,var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-list-font-color,var(--luzmo-font-color))}ul{margin:0;padding:0;list-style:none}:host{max-height:var(--luzmo-slot-menu-list-max-height,var(--slot-menu-list-max-height));margin:0;padding:0;list-style:none;overflow-y:auto}:host::-webkit-scrollbar{width:var(--luzmo-slot-menu-list-scrollbar-width,var(--slot-menu-list-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-slot-menu-list-scrollbar-track-background,var(--slot-menu-list-scrollbar-track-background));border-radius:var(--luzmo-slot-menu-list-scrollbar-track-border-radius,var(--slot-menu-list-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-slot-menu-list-scrollbar-thumb-background,var(--slot-menu-list-scrollbar-thumb-background));border-radius:var(--luzmo-slot-menu-list-scrollbar-thumb-border-radius,var(--slot-menu-list-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-slot-menu-list-scrollbar-thumb-hover-background,var(--slot-menu-list-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-slot-menu-list-scrollbar-thumb-background,var(--slot-menu-list-scrollbar-thumb-background)) var(--luzmo-slot-menu-list-scrollbar-track-background,var(--slot-menu-list-scrollbar-track-background));border-right:var(--luzmo-slot-menu-list-border-right-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color,var(--luzmo-border-color))}:host li{cursor:pointer;position:relative}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover,var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width,var(--slot-menu-list-border-bottom-width)) solid var(--luzmo-slot-menu-list-border-bottom-color,var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color,var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}:host .active .draggable-slot-content:focus-visible{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover));outline:none}:host .active .draggable-slot-content-remove:focus-visible{outline-color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color));background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}.drop-indicator{height:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));position:absolute;left:0;right:0}.drop-indicator:before{content:"";border:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));background:var(--luzmo-slot-menu-list-drop-indicator-background,var(--luzmo-background-color));width:100%;left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));border-radius:50%;display:block;position:absolute}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));touch-action:none;cursor:pointer;align-items:center;display:flex}.draggable-slot-content:focus-visible{background-color:color-mix(in srgb, var(--luzmo-primary) 20%, transparent);outline:none}.draggable-slot-content .draggable-slot-content-label{padding-block:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding));text-overflow:ellipsis;white-space:nowrap;font:inherit;color:inherit;cursor:inherit;text-align:start;background:0 0;border:none;flex:auto;padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));overflow:hidden}.draggable-slot-content .draggable-slot-content-remove{padding:var(--luzmo-spacing-1);font:inherit;color:inherit;cursor:inherit;border-radius:var(--luzmo-border-radius);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));display:flex}.draggable-slot-content .draggable-slot-content-remove:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:1px}:host{--slot-menu-list-active-background-color:var(--luzmo-primary);--slot-menu-list-active-background-color-hover:var(--luzmo-primary-hover);--slot-menu-list-active-color:var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover:var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color:var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height:2px;--slot-menu-list-drop-indicator-circle-size:4px;--slot-menu-list-border-bottom-width:0px;--slot-menu-list-border-bottom-color:transparent;--slot-menu-list-max-height:calc(var(--luzmo-component-height) * 4);--slot-menu-list-scrollbar-width:var(--luzmo-scrollbar-size);--slot-menu-list-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--slot-menu-list-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--slot-menu-list-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--slot-menu-list-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--slot-menu-list-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height) * 2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5)}`,v=class extends e.n(e.i,{validSizes:Object.values(e.t)}){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-list-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements]?.forEach(e=>{let t=this._sendChangeEvent.bind(this),n=this,i=r.r({element:e,onGenerateDragPreview({nativeSetDragImage:t}){r.n({nativeSetDragImage:t,render({container:t}){let n=document.createElement(`div`);n.classList.add(`drag-preview`);let i={};[[`borderColor`,`--luzmo-slot-menu-list-border-color`,`--luzmo-border-color`],[`backgroundColor`,`--luzmo-slot-menu-list-background-color`,`--luzmo-background-color`],[`color`,`--luzmo-slot-menu-list-font-color`,`--slot-menu-list-font-color`],[`fontSize`,`--luzmo-slot-menu-list-font-size`,`--slot-menu-list-font-size`],[`horizontalPadding`,`--luzmo-slot-menu-list-item-horizontal-padding`,`--slot-menu-list-item-horizontal-padding`],[`verticalPadding`,`--luzmo-slot-menu-list-item-vertical-padding`,`--slot-menu-list-item-vertical-padding`],[`borderRadius`,`--luzmo-slot-menu-list-border-radius`,`--luzmo-border-radius`],[`fontFamily`,`--luzmo-slot-menu-list-font-family`,`--luzmo-font-family`]].forEach(([t,n,a])=>{i[t]=r.t(e,n)||r.t(e,a)}),n.textContent=e.querySelector(`[data-task-content]`)?.textContent??e.textContent,Object.assign(n.style,{border:`1px solid ${i.borderColor}`,backgroundColor:i.backgroundColor,borderRadius:i.borderRadius,fontFamily:i.fontFamily,fontSize:i.fontSize,color:i.color,paddingInline:`${i.horizontalPadding}`,paddingBlock:`${i.verticalPadding}`}),t.append(n)}})},getInitialData(){let t=e.parentElement,n=0;return t&&(n=[...t.parentElement?.children??[]].indexOf(t)),{index:n}},onDragStart(){e.style.opacity=`0.5`},onDrop(){e.style.opacity=`1`}});this._cleanupFns.push(i);let a=r.i({element:e,canDrop({source:t}){return t.element===e?!1:t?.element?.classList.contains(`draggable-slot-content`)},getData(t){return h({},{element:e,input:t.input,allowedEdges:[`top`,`bottom`]})},getIsSticky(){return!0},onDragEnter({self:t}){let n=g(t.data);if(!n)return;let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDrag({self:t}){let n=g(t.data);if(!n){e.nextElementSibling?.remove();return}if(e.nextElementSibling?.getAttribute(`data-edge`)===n)return;e.nextElementSibling?.remove();let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDragLeave(){e.nextElementSibling?.remove()},onDrop({self:r,source:i}){e.nextElementSibling?.remove();let a=g(r.data),o=r.element.parentElement;if(typeof i.data.index==`number`&&o){let e=[...o.parentElement?.children??[]].indexOf(o);a===`bottom`&&i.data.index>=e&&e<(o?.parentElement?.children?.length??0)-1?e+=1:a===`top`&&e>i.data.index&&--e;let t=n.activeIndex,r=i.data.index,s=e,c=n.slotContents[r];n.slotContents.splice(r,1),n.slotContents.splice(s,0,c),r===t?n.activeIndex=s:r<t&&s>=t?n.activeIndex=t-1:r>t&&s<=t&&(n.activeIndex=t+1)}a&&(u(i.element),n.requestUpdate(),t())}});this._cleanupFns.push(a)})},this._detachAll=()=>{this._cleanupFns.forEach(e=>e()),this._cleanupFns=[]}}static get styles(){return[(0,a.unsafeCSS)(_)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}disconnectedCallback(){super.disconnectedCallback(),this._detachAll()}setActiveIndex(e){this.activeIndex=e,this._sendChangeEvent()}removeSlotContent(e){this.slotContents=this.slotContents.filter((t,n)=>n!==e),this.activeIndex=this.slotContents.length===0?0:Math.min(this.activeIndex,this.slotContents.length-1),this._sendChangeEvent()}_moveItem(e,t){let n=this.slotContents[e],r=[...this.slotContents];r.splice(e,1),r.splice(t,0,n),this.slotContents=r,this.activeIndex===e?this.activeIndex=t:e<this.activeIndex&&t>=this.activeIndex?--this.activeIndex:e>this.activeIndex&&t<=this.activeIndex&&(this.activeIndex+=1),this._sendChangeEvent(),this.updateComplete.then(()=>this._draggableSlotContentElements[t]?.focus())}_handleContentKeydown(e,t){switch(t.key){case` `:case`Enter`:t.preventDefault(),this.setActiveIndex(e);break;case`ArrowUp`:t.preventDefault(),t.altKey&&e>0?this._moveItem(e,e-1):!t.altKey&&e>0&&this._draggableSlotContentElements[e-1]?.focus();break;case`ArrowDown`:t.preventDefault(),t.altKey&&e<this.slotContents.length-1?this._moveItem(e,e+1):!t.altKey&&e<this.slotContents.length-1&&this._draggableSlotContentElements[e+1]?.focus();break}}_handleTrashClick(e,t){t.stopPropagation(),this.removeSlotContent(e)}_handleTrashKeydown(e){(e.key===` `||e.key===`Enter`)&&e.stopPropagation()}render(){let e=this.slotContents.map((e,t)=>{let r=n.t(e.label??{},this.contentLanguage),o=t===this.activeIndex;return a.html`<li class=${o?`active`:``}>
|
|
20
|
+
require(`./chunk-i8uDWG73.cjs`);const e=require(`./base-iNk9N4Tk.cjs`),t=require(`./decorate-BfLyr4NV.cjs`),n=require(`./localize-BKptOXuV.cjs`),r=require(`./get-css-variable-DZGARg96.cjs`);let i=require(`@luzmo/icons`),a=require(`lit`),o=require(`lit/decorators.js`),s=require(`@lit/localize`);var c={none:0,small:100,medium:350,large:700},l=.5;c.none,c.small*l,c.medium*l,c.large*l;function u(e){e.animate([{backgroundColor:`var(--ds-background-selected, #E9F2FF)`},{}],{duration:c.large,easing:`cubic-bezier(0.25, 0.1, 0.25, 1.0)`,iterations:1})}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?d(Object(n),!0).forEach(function(t){r.a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var p={top:function(e,t){return Math.abs(t.y-e.top)},right:function(e,t){return Math.abs(e.right-t.x)},bottom:function(e,t){return Math.abs(e.bottom-t.y)},left:function(e,t){return Math.abs(t.x-e.left)}},m=Symbol(`closestEdge`);function h(e,t){var n=t.element,i=t.input,a=t.allowedEdges,o={x:i.clientX,y:i.clientY},s=n.getBoundingClientRect(),c=a.map(function(e){return{edge:e,value:p[e](s,o)}}).sort(function(e,t){return e.value-t.value})[0]?.edge??null;return f(f({},e),{},r.a({},m,c))}function g(e){return e[m]??null}var _=`:host{font-family:var(--luzmo-slot-menu-list-font-family,var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size,var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-list-font-color,var(--luzmo-font-color))}ul{margin:0;padding:0;list-style:none}:host{max-height:var(--luzmo-slot-menu-list-max-height,var(--slot-menu-list-max-height));margin:0;padding:0;list-style:none;overflow-y:auto}:host::-webkit-scrollbar{width:var(--luzmo-slot-menu-list-scrollbar-width,var(--slot-menu-list-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-slot-menu-list-scrollbar-track-background,var(--slot-menu-list-scrollbar-track-background));border-radius:var(--luzmo-slot-menu-list-scrollbar-track-border-radius,var(--slot-menu-list-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-slot-menu-list-scrollbar-thumb-background,var(--slot-menu-list-scrollbar-thumb-background));border-radius:var(--luzmo-slot-menu-list-scrollbar-thumb-border-radius,var(--slot-menu-list-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-slot-menu-list-scrollbar-thumb-hover-background,var(--slot-menu-list-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-slot-menu-list-scrollbar-thumb-background,var(--slot-menu-list-scrollbar-thumb-background)) var(--luzmo-slot-menu-list-scrollbar-track-background,var(--slot-menu-list-scrollbar-track-background));border-right:var(--luzmo-slot-menu-list-border-right-width,var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color,var(--luzmo-border-color))}:host li{cursor:pointer;position:relative}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover,var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width,var(--slot-menu-list-border-bottom-width)) solid var(--luzmo-slot-menu-list-border-bottom-color,var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color,var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}:host .active .draggable-slot-content:focus-visible{background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover));outline:none}:host .active .draggable-slot-content-remove:focus-visible{outline-color:var(--luzmo-slot-menu-list-active-color,var(--slot-menu-list-active-color));background-color:var(--luzmo-slot-menu-list-active-background-color-hover,var(--slot-menu-list-active-background-color-hover))}.drop-indicator{height:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));position:absolute;left:0;right:0}.drop-indicator:before{content:"";border:var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color,var(--slot-menu-list-drop-indicator-color));background:var(--luzmo-slot-menu-list-drop-indicator-background,var(--luzmo-background-color));width:100%;left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size,var(--slot-menu-list-drop-indicator-circle-size));border-radius:50%;display:block;position:absolute}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height,var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap,var(--slot-menu-label-to-icon-gap));touch-action:none;cursor:pointer;align-items:center;display:flex}.draggable-slot-content:focus-visible{background-color:color-mix(in srgb, var(--luzmo-primary) 20%, transparent);outline:none}.draggable-slot-content .draggable-slot-content-label{padding-block:var(--luzmo-slot-menu-list-item-vertical-padding,var(--slot-menu-list-item-vertical-padding));text-overflow:ellipsis;white-space:nowrap;font:inherit;color:inherit;cursor:inherit;text-align:start;background:0 0;border:none;flex:auto;padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));overflow:hidden}.draggable-slot-content .draggable-slot-content-remove{padding:var(--luzmo-spacing-1);font:inherit;color:inherit;cursor:inherit;border-radius:var(--luzmo-border-radius);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding,var(--slot-menu-list-item-horizontal-padding));display:flex}.draggable-slot-content .draggable-slot-content-remove:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:1px}:host{--slot-menu-list-active-background-color:var(--luzmo-primary);--slot-menu-list-active-background-color-hover:var(--luzmo-primary-hover);--slot-menu-list-active-color:var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover:var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color:var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height:2px;--slot-menu-list-drop-indicator-circle-size:4px;--slot-menu-list-border-bottom-width:0px;--slot-menu-list-border-bottom-color:transparent;--slot-menu-list-max-height:calc(var(--luzmo-component-height) * 4);--slot-menu-list-scrollbar-width:var(--luzmo-scrollbar-size);--slot-menu-list-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--slot-menu-list-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--slot-menu-list-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--slot-menu-list-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--slot-menu-list-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--slot-menu-display-settings-min-width:19rem;--slot-menu-min-height:calc(var(--luzmo-component-height) * 2);--slot-menu-font-size:var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width:16rem;--slot-menu-min-height:calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size:var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width:23rem;--slot-menu-min-height:calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size:var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width:26rem;--slot-menu-min-height:calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size:var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding:var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding:var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap:var(--luzmo-spacing-5)}`,v=class extends e.n(e.i,{validSizes:Object.values(e.t)}){constructor(...e){super(...e),this.language=`en`,this.contentLanguage=`en`,this.slotContents=[],this.activeIndex=0,this._sendChangeEvent=()=>{this.dispatchEvent(new CustomEvent(`luzmo-slot-list-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContents:structuredClone(this.slotContents),activeIndex:this.activeIndex}}))},this._cleanupFns=[],this._attachAll=()=>{[...this._draggableSlotContentElements]?.forEach(e=>{let t=this._sendChangeEvent.bind(this),n=this,i=r.r({element:e,onGenerateDragPreview({nativeSetDragImage:t}){r.n({nativeSetDragImage:t,render({container:t}){let n=document.createElement(`div`);n.classList.add(`drag-preview`);let i={};[[`borderColor`,`--luzmo-slot-menu-list-border-color`,`--luzmo-border-color`],[`backgroundColor`,`--luzmo-slot-menu-list-background-color`,`--luzmo-background-color`],[`color`,`--luzmo-slot-menu-list-font-color`,`--slot-menu-list-font-color`],[`fontSize`,`--luzmo-slot-menu-list-font-size`,`--slot-menu-list-font-size`],[`horizontalPadding`,`--luzmo-slot-menu-list-item-horizontal-padding`,`--slot-menu-list-item-horizontal-padding`],[`verticalPadding`,`--luzmo-slot-menu-list-item-vertical-padding`,`--slot-menu-list-item-vertical-padding`],[`borderRadius`,`--luzmo-slot-menu-list-border-radius`,`--luzmo-border-radius`],[`fontFamily`,`--luzmo-slot-menu-list-font-family`,`--luzmo-font-family`]].forEach(([t,n,a])=>{i[t]=r.t(e,n)||r.t(e,a)}),n.textContent=e.querySelector(`[data-task-content]`)?.textContent??e.textContent,Object.assign(n.style,{border:`1px solid ${i.borderColor}`,backgroundColor:i.backgroundColor,borderRadius:i.borderRadius,fontFamily:i.fontFamily,fontSize:i.fontSize,color:i.color,paddingInline:`${i.horizontalPadding}`,paddingBlock:`${i.verticalPadding}`}),t.append(n)}})},getInitialData(){let t=e.parentElement,n=0;return t&&(n=[...t.parentElement?.children??[]].indexOf(t)),{index:n}},onDragStart(){e.style.opacity=`0.5`},onDrop(){e.style.opacity=`1`}});this._cleanupFns.push(i);let a=r.i({element:e,canDrop({source:t}){return t.element===e?!1:t?.element?.classList.contains(`draggable-slot-content`)},getData(t){return h({},{element:e,input:t.input,allowedEdges:[`top`,`bottom`]})},getIsSticky(){return!0},onDragEnter({self:t}){let n=g(t.data);if(!n)return;let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDrag({self:t}){let n=g(t.data);if(!n){e.nextElementSibling?.remove();return}if(e.nextElementSibling?.getAttribute(`data-edge`)===n)return;e.nextElementSibling?.remove();let r=document.createElement(`div`);r.classList.add(`drop-indicator`),r.dataset.edge=n,e.after(r)},onDragLeave(){e.nextElementSibling?.remove()},onDrop({self:r,source:i}){e.nextElementSibling?.remove();let a=g(r.data),o=r.element.parentElement;if(typeof i.data.index==`number`&&o){let e=[...o.parentElement?.children??[]].indexOf(o);a===`bottom`&&i.data.index>=e&&e<(o?.parentElement?.children?.length??0)-1?e+=1:a===`top`&&e>i.data.index&&--e;let t=n.activeIndex,r=i.data.index,s=e,c=n.slotContents[r];n.slotContents.splice(r,1),n.slotContents.splice(s,0,c),r===t?n.activeIndex=s:r<t&&s>=t?n.activeIndex=t-1:r>t&&s<=t&&(n.activeIndex=t+1)}a&&(u(i.element),n.requestUpdate(),t())}});this._cleanupFns.push(a)})},this._detachAll=()=>{this._cleanupFns.forEach(e=>e()),this._cleanupFns=[]}}static get styles(){return[(0,a.unsafeCSS)(_)]}willUpdate(){this._detachAll()}updated(){this._attachAll()}disconnectedCallback(){super.disconnectedCallback(),this._detachAll()}setActiveIndex(e){this.activeIndex=e,this._sendChangeEvent()}removeSlotContent(e){this.slotContents=this.slotContents.filter((t,n)=>n!==e),this.activeIndex=this.slotContents.length===0?0:Math.min(this.activeIndex,this.slotContents.length-1),this._sendChangeEvent()}_moveItem(e,t){let n=this.slotContents[e],r=[...this.slotContents];r.splice(e,1),r.splice(t,0,n),this.slotContents=r,this.activeIndex===e?this.activeIndex=t:e<this.activeIndex&&t>=this.activeIndex?--this.activeIndex:e>this.activeIndex&&t<=this.activeIndex&&(this.activeIndex+=1),this._sendChangeEvent(),this.updateComplete.then(()=>this._draggableSlotContentElements[t]?.focus())}_handleContentKeydown(e,t){switch(t.key){case` `:case`Enter`:t.preventDefault(),this.setActiveIndex(e);break;case`ArrowUp`:t.preventDefault(),t.altKey&&e>0?this._moveItem(e,e-1):!t.altKey&&e>0&&this._draggableSlotContentElements[e-1]?.focus();break;case`ArrowDown`:t.preventDefault(),t.altKey&&e<this.slotContents.length-1?this._moveItem(e,e+1):!t.altKey&&e<this.slotContents.length-1&&this._draggableSlotContentElements[e+1]?.focus();break}}_handleTrashClick(e,t){t.stopPropagation(),this.removeSlotContent(e)}_handleTrashKeydown(e){(e.key===` `||e.key===`Enter`)&&e.stopPropagation()}render(){let e=this.slotContents.map((e,t)=>{let r=n.t(e.label??{},this.contentLanguage),o=t===this.activeIndex;return a.html`<li class=${o?`active`:``}>
|
|
21
21
|
<div class="draggable-slot-content"
|
|
22
22
|
tabindex="0"
|
|
23
23
|
role="option"
|
|
@@ -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
|
-
import { i as e, n as t, t as n } from "./base-
|
|
20
|
+
import { i as e, n as t, t as n } from "./base-D82dU2vv.js";
|
|
21
21
|
import { t as r } from "./decorate-DKLaHs_w.js";
|
|
22
22
|
import { t as i } from "./localize-BTLmwb_o.js";
|
|
23
23
|
import { a, i as o, n as s, r as c, t as l } from "./get-css-variable-CnnzoZfI.js";
|
|
@@ -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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../base-
|
|
20
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../base-iNk9N4Tk.cjs`),t=require(`../localized-mixin-AEA3w4H0.cjs`);exports.ElementSizes=e.t,exports.Focusable=e.r,exports.LocalizedMixin=t.t,exports.LuzmoElement=e.i,exports.LuzmoMixin=e.a,exports.SizedMixin=e.n;
|
package/components/utils/base.js
CHANGED
|
@@ -17,6 +17,6 @@
|
|
|
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 { a as e, i as t, n, r, t as i } from "../base-
|
|
21
|
-
import { t as a } from "../localized-mixin-
|
|
20
|
+
import { a as e, i as t, n, r, t as i } from "../base-D82dU2vv.js";
|
|
21
|
+
import { t as a } from "../localized-mixin-XqTi4F7d.js";
|
|
22
22
|
export { i as ElementSizes, r as Focusable, a as LocalizedMixin, t as LuzmoElement, e as LuzmoMixin, n as SizedMixin };
|