@luzmo/analytics-components-kit 1.0.1-alpha.147 → 1.0.1-alpha.149
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/angular/README.md +24 -23
- package/angular/components/data-field-level.component.ts +31 -0
- package/angular/components/{draggable-data-fields-panel.component.ts → data-field-panel.component.ts} +6 -6
- package/angular/components/{edit-filters.component.ts → filters.component.ts} +4 -4
- package/angular/components/{grid → item-grid}/types.ts +1 -1
- package/angular/components/{grid-item-actions-menu.component.ts → item-grid-item-actions-menu.component.ts} +6 -6
- package/angular/components/{grid.component.ts → item-grid.component.ts} +10 -10
- package/angular/components/{edit-option-action-button-group.component.ts → item-option-action-button-group.component.ts} +4 -4
- package/angular/components/{edit-option-color-palette-picker.component.ts → item-option-color-palette-picker.component.ts} +4 -4
- package/angular/components/{edit-option-color-picker.component.ts → item-option-color-picker.component.ts} +4 -4
- package/angular/components/{edit-option-color-range.component.ts → item-option-color-range.component.ts} +4 -4
- package/angular/components/{edit-option-multi-language-field.component.ts → item-option-multi-language-field.component.ts} +4 -4
- package/angular/components/{edit-option-number-field.component.ts → item-option-number-field.component.ts} +4 -4
- package/angular/components/{edit-item.component.ts → item-option-panel.component.ts} +4 -4
- package/angular/components/{edit-option-picker.component.ts → item-option-picker.component.ts} +4 -4
- package/angular/components/{edit-option-position-picker.component.ts → item-option-position-picker.component.ts} +4 -4
- package/angular/components/{edit-option-positions-number-field.component.ts → item-option-positions-number-field.component.ts} +4 -4
- package/angular/components/{edit-option-radio-button-group.component.ts → item-option-radio-button-group.component.ts} +4 -4
- package/angular/components/{edit-option-slider.component.ts → item-option-slider.component.ts} +4 -4
- package/angular/components/{edit-option-switch.component.ts → item-option-switch.component.ts} +4 -4
- package/angular/components/{edit-option-text-field.component.ts → item-option-text-field.component.ts} +4 -4
- package/angular/components/{edit-option.component.ts → item-option.component.ts} +4 -4
- package/angular/components/{item-data-drop-panel.component.ts → item-slot-drop-panel.component.ts} +4 -4
- package/angular/components/{droppable-slot.component.ts → item-slot-drop.component.ts} +6 -4
- package/angular/components/{item-data-picker-panel.component.ts → item-slot-picker-panel.component.ts} +4 -4
- package/angular/components/{slot-contents-picker.component.ts → item-slot-picker.component.ts} +4 -4
- package/angular/components/slot-menu/types.ts +1 -1
- package/angular/esm/components/data-field-level.component.d.ts +20 -0
- package/angular/esm/components/data-field-level.component.js +64 -0
- package/angular/esm/components/data-field-panel.component.d.ts +26 -0
- package/angular/esm/components/{draggable-data-fields-panel.component.js → data-field-panel.component.js} +12 -12
- package/angular/esm/components/filters.component.d.ts +21 -0
- package/angular/esm/components/{edit-filters.component.js → filters.component.js} +8 -8
- package/{react/esm/components/grid → angular/esm/components/item-grid}/types.d.ts +1 -1
- package/angular/esm/components/item-grid-item-actions-menu.component.d.ts +13 -0
- package/angular/esm/components/item-grid-item-actions-menu.component.js +49 -0
- package/angular/esm/components/item-grid.component.d.ts +25 -0
- package/angular/esm/components/{grid.component.js → item-grid.component.js} +20 -20
- package/angular/esm/components/{edit-option-action-button-group.component.d.ts → item-option-action-button-group.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-action-button-group.component.js → item-option-action-button-group.component.js} +8 -8
- package/angular/esm/components/{edit-option-color-palette-picker.component.d.ts → item-option-color-palette-picker.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-color-palette-picker.component.js → item-option-color-palette-picker.component.js} +8 -8
- package/angular/esm/components/{edit-option-color-picker.component.d.ts → item-option-color-picker.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-color-picker.component.js → item-option-color-picker.component.js} +8 -8
- package/angular/esm/components/{edit-option-color-range.component.d.ts → item-option-color-range.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-color-range.component.js → item-option-color-range.component.js} +8 -8
- package/angular/esm/components/{edit-option-multi-language-field.component.d.ts → item-option-multi-language-field.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-multi-language-field.component.js → item-option-multi-language-field.component.js} +8 -8
- package/angular/esm/components/{edit-option-number-field.component.d.ts → item-option-number-field.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-number-field.component.js → item-option-number-field.component.js} +8 -8
- package/angular/esm/components/item-option-panel.component.d.ts +19 -0
- package/angular/esm/components/{edit-item.component.js → item-option-panel.component.js} +8 -8
- package/angular/esm/components/{edit-option-picker.component.d.ts → item-option-picker.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-picker.component.js → item-option-picker.component.js} +8 -8
- package/angular/esm/components/{edit-option-position-picker.component.d.ts → item-option-position-picker.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-position-picker.component.js → item-option-position-picker.component.js} +8 -8
- package/angular/esm/components/{edit-option-positions-number-field.component.d.ts → item-option-positions-number-field.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-positions-number-field.component.js → item-option-positions-number-field.component.js} +8 -8
- package/angular/esm/components/{edit-option-radio-button-group.component.d.ts → item-option-radio-button-group.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-radio-button-group.component.js → item-option-radio-button-group.component.js} +8 -8
- package/angular/esm/components/{edit-option-slider.component.d.ts → item-option-slider.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-slider.component.js → item-option-slider.component.js} +8 -8
- package/angular/esm/components/{edit-option-switch.component.d.ts → item-option-switch.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-switch.component.js → item-option-switch.component.js} +8 -8
- package/angular/esm/components/{edit-option-text-field.component.d.ts → item-option-text-field.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option-text-field.component.js → item-option-text-field.component.js} +8 -8
- package/angular/esm/components/{edit-option.component.d.ts → item-option.component.d.ts} +3 -3
- package/angular/esm/components/{edit-option.component.js → item-option.component.js} +8 -8
- package/angular/esm/components/{item-data-drop-panel.component.d.ts → item-slot-drop-panel.component.d.ts} +3 -3
- package/angular/esm/components/{item-data-drop-panel.component.js → item-slot-drop-panel.component.js} +8 -8
- package/angular/esm/components/item-slot-drop.component.d.ts +28 -0
- package/angular/esm/components/{droppable-slot.component.js → item-slot-drop.component.js} +13 -8
- package/angular/esm/components/{item-data-picker-panel.component.d.ts → item-slot-picker-panel.component.d.ts} +3 -3
- package/angular/esm/components/{item-data-picker-panel.component.js → item-slot-picker-panel.component.js} +8 -8
- package/angular/esm/components/item-slot-picker.component.d.ts +28 -0
- package/angular/esm/components/{slot-contents-picker.component.js → item-slot-picker.component.js} +8 -8
- package/angular/esm/components/slot-menu/types.d.ts +1 -1
- package/angular/esm/index.d.ts +49 -47
- package/angular/esm/index.js +72 -69
- package/angular/esm/types.d.ts +5 -5
- package/angular/index.ts +72 -69
- package/angular/types.ts +5 -5
- package/angular/utils/slot-state/slot-store.d.ts +1 -1
- package/angular/utils/transformations/convert-data-field-to-slot-content.d.ts +1 -1
- package/components/{draggable-data-field/draggable-data-field.d.ts → data-field/data-field.d.ts} +5 -5
- package/components/{draggable-data-field → data-field}/index.cjs +1 -1
- package/components/data-field/index.d.ts +8 -0
- package/components/{draggable-data-field → data-field}/index.js +3 -3
- package/components/{draggable-data-field-BGzTMUzr.js → data-field-DY0vTxzI.js} +14 -14
- package/components/{draggable-data-field-Du-icp82.cjs → data-field-DYqNZOUF.cjs} +8 -8
- package/components/{draggable-data-field-level/draggable-data-field-level.d.ts → data-field-level/data-field-level.d.ts} +4 -4
- package/components/{draggable-data-field-level → data-field-level}/index.cjs +1 -1
- package/components/data-field-level/index.d.ts +8 -0
- package/components/{draggable-data-field-level → data-field-level}/index.js +2 -2
- package/components/data-field-level-CZJTadFq.cjs +55 -0
- package/components/data-field-level-XuUMAZlR.js +242 -0
- package/components/{draggable-data-fields-panel/draggable-data-fields-panel.d.ts → data-field-panel/data-field-panel.d.ts} +8 -8
- package/components/{draggable-data-fields-panel → data-field-panel}/index.cjs +1 -1
- package/components/{draggable-data-fields-panel → data-field-panel}/index.d.ts +3 -3
- package/components/{draggable-data-fields-panel → data-field-panel}/index.js +4 -4
- package/components/{draggable-data-fields-panel-DDE9erKq.js → data-field-panel-CKc74BFY.js} +25 -25
- package/components/data-field-panel-VgFkJ0aL.cjs +86 -0
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +1 -1
- package/components/{display-settings-C_ubOOoF.js → display-settings-h0061wKi.js} +1 -1
- package/components/{display-settings-Sh4LWJgN.cjs → display-settings-xKZk3Bn-.cjs} +1 -1
- package/components/{edit-filters/edit-filters.d.ts → filters/filters.d.ts} +3 -3
- package/components/{edit-filters → filters}/index.cjs +1 -1
- package/components/filters/index.d.ts +8 -0
- package/components/{edit-filters → filters}/index.js +2 -2
- package/components/{edit-filters → filters}/transformations/transform-filters.d.ts +6 -6
- package/components/filters-Cx0kYY3s.cjs +145 -0
- package/components/{edit-filters-DMH_g3eh.js → filters-D8xFvOpx.js} +13 -13
- package/components/index.cjs +1 -1
- package/components/index.js +28 -28
- package/components/{grid → item-grid}/helpers/grid-events.d.ts +1 -1
- package/components/{grid → item-grid}/index.cjs +1 -1
- package/components/item-grid/index.d.ts +11 -0
- package/components/{grid → item-grid}/index.js +2 -2
- package/components/{grid/grid-item-actions-menu.d.ts → item-grid/item-grid-item-actions-menu.d.ts} +3 -3
- package/components/{grid/grid.d.ts → item-grid/item-grid.d.ts} +7 -7
- package/{angular/esm/components/grid → components/item-grid}/types.d.ts +1 -1
- package/components/{grid-NxMxZ8L7.cjs → item-grid-Dfs0UDKF.cjs} +15 -15
- package/components/{grid-BchmSCUT.js → item-grid-Dx9Ssy7O.js} +94 -106
- package/components/{edit-option → item-option}/index.cjs +1 -1
- package/components/item-option/index.d.ts +7 -0
- package/components/{edit-option → item-option}/index.js +2 -2
- package/components/{edit-option/edit-option.d.ts → item-option/item-option.d.ts} +2 -2
- package/components/{edit-option-CAqIUpWx.cjs → item-option-B8MV1FwG.cjs} +29 -29
- package/components/{edit-option-BhYZQEpl.js → item-option-DpEQ5J3p.js} +54 -53
- package/components/{edit-option-action-button-group → item-option-action-button-group}/index.cjs +1 -1
- package/components/item-option-action-button-group/index.d.ts +7 -0
- package/components/{edit-option-action-button-group → item-option-action-button-group}/index.js +3 -3
- package/components/{edit-option-action-button-group/edit-option-action-button-group.d.ts → item-option-action-button-group/item-option-action-button-group.d.ts} +3 -3
- package/components/{edit-option-action-button-group-W34osCsN.cjs → item-option-action-button-group-BLZCRdal.cjs} +2 -2
- package/components/{edit-option-action-button-group-DNrXatQR.js → item-option-action-button-group-CpxigTwu.js} +7 -7
- package/components/{edit-option-base/edit-option-base.d.ts → item-option-base/item-option-base.d.ts} +2 -2
- package/components/{edit-option-base-CIsMGXix.js → item-option-base-BWERLehm.js} +12 -12
- package/components/{edit-option-base-DBfRz1gO.cjs → item-option-base-DHV8L9Ut.cjs} +3 -3
- package/components/{edit-option-color-palette-picker → item-option-color-palette-picker}/index.cjs +1 -1
- package/components/item-option-color-palette-picker/index.d.ts +7 -0
- package/components/{edit-option-color-palette-picker → item-option-color-palette-picker}/index.js +3 -3
- package/components/{edit-option-color-palette-picker/edit-option-color-palette-picker.d.ts → item-option-color-palette-picker/item-option-color-palette-picker.d.ts} +3 -3
- package/components/{edit-option-color-palette-picker-CGj9Vnfe.cjs → item-option-color-palette-picker-BpHn8zX4.cjs} +2 -2
- package/components/{edit-option-color-palette-picker-zqTMYlsF.js → item-option-color-palette-picker-Ccqo-1kI.js} +10 -10
- package/components/{edit-option-number-field → item-option-color-picker}/index.cjs +1 -1
- package/components/item-option-color-picker/index.d.ts +7 -0
- package/components/{edit-option-color-picker → item-option-color-picker}/index.js +3 -3
- package/components/{edit-option-color-picker/edit-option-color-picker.d.ts → item-option-color-picker/item-option-color-picker.d.ts} +3 -3
- package/components/{edit-option-color-picker-DiB3l1ZG.js → item-option-color-picker-DAMJt908.js} +10 -10
- package/components/{edit-option-color-picker-CCnSHbzk.cjs → item-option-color-picker-cJWlvgt1.cjs} +2 -2
- package/components/{edit-option-color-range → item-option-color-range}/index.cjs +1 -1
- package/components/item-option-color-range/index.d.ts +7 -0
- package/components/{edit-option-color-range → item-option-color-range}/index.js +3 -3
- package/components/{edit-option-color-range/edit-option-color-range.d.ts → item-option-color-range/item-option-color-range.d.ts} +3 -3
- package/components/{edit-option-color-range-CmpvQTSG.js → item-option-color-range-BAcxgr-8.js} +14 -14
- package/components/{edit-option-color-range-DVYMhG2R.cjs → item-option-color-range-DkJCkTvv.cjs} +2 -2
- package/components/{edit-option-multi-language-field → item-option-multi-language-field}/index.cjs +1 -1
- package/components/item-option-multi-language-field/index.d.ts +7 -0
- package/components/{edit-option-multi-language-field → item-option-multi-language-field}/index.js +3 -3
- package/components/{edit-option-multi-language-field/edit-option-multi-language-field.d.ts → item-option-multi-language-field/item-option-multi-language-field.d.ts} +3 -3
- package/components/{edit-option-multi-language-field-47AjaXIw.cjs → item-option-multi-language-field-Bq8VeZ9F.cjs} +2 -2
- package/components/{edit-option-multi-language-field-ByLEzlg8.js → item-option-multi-language-field-C9D1FYfV.js} +9 -9
- package/components/{edit-option-color-picker → item-option-number-field}/index.cjs +1 -1
- package/components/item-option-number-field/index.d.ts +7 -0
- package/components/{edit-option-number-field → item-option-number-field}/index.js +3 -3
- package/components/{edit-option-number-field/edit-option-number-field.d.ts → item-option-number-field/item-option-number-field.d.ts} +3 -3
- package/components/{edit-option-number-field-BMXponHb.cjs → item-option-number-field-8OBJEXpr.cjs} +2 -2
- package/components/{edit-option-number-field-BPU_5SFo.js → item-option-number-field-BQrQzauV.js} +13 -13
- package/components/{edit-item → item-option-panel}/index.cjs +1 -1
- package/components/item-option-panel/index.d.ts +7 -0
- package/components/{edit-item → item-option-panel}/index.js +3 -3
- package/components/{edit-item/edit-item.d.ts → item-option-panel/item-option-panel.d.ts} +4 -4
- package/components/{edit-item-ft4CT5Vl.js → item-option-panel-D9EdrPPd.js} +14 -14
- package/components/{edit-item-C89gy9JF.cjs → item-option-panel-DYFFpVW9.cjs} +4 -4
- package/components/{edit-option-picker → item-option-picker}/index.cjs +1 -1
- package/components/item-option-picker/index.d.ts +7 -0
- package/components/{edit-option-picker → item-option-picker}/index.js +3 -3
- package/components/{edit-option-picker/edit-option-picker.d.ts → item-option-picker/item-option-picker.d.ts} +3 -3
- package/components/{edit-option-picker-CpCILJtP.cjs → item-option-picker-B3TzIReA.cjs} +2 -2
- package/components/{edit-option-picker-BdpVCT4v.js → item-option-picker-CrZkJbtJ.js} +6 -6
- package/components/item-option-position-picker/index.cjs +20 -0
- package/components/item-option-position-picker/index.d.ts +7 -0
- package/components/item-option-position-picker/index.js +32 -0
- package/components/{edit-option-position-picker/edit-option-position-picker.d.ts → item-option-position-picker/item-option-position-picker.d.ts} +3 -3
- package/components/{edit-option-position-picker-utD_OSQy.cjs → item-option-position-picker-BhkYDCMg.cjs} +2 -2
- package/components/item-option-position-picker-C_frTuML.js +79 -0
- package/components/item-option-positions-number-field/index.cjs +20 -0
- package/components/item-option-positions-number-field/index.d.ts +7 -0
- package/components/item-option-positions-number-field/index.js +32 -0
- package/components/{edit-option-positions-number-field/edit-option-positions-number-field.d.ts → item-option-positions-number-field/item-option-positions-number-field.d.ts} +3 -3
- package/components/item-option-positions-number-field-C8pfRZ_L.cjs +46 -0
- package/components/{edit-option-positions-number-field-DZtxuvEY.js → item-option-positions-number-field-CHf2r7am.js} +11 -11
- package/components/item-option-radio-button-group/index.cjs +20 -0
- package/components/item-option-radio-button-group/index.d.ts +7 -0
- package/components/item-option-radio-button-group/index.js +32 -0
- package/components/{edit-option-radio-button-group/edit-option-radio-button-group.d.ts → item-option-radio-button-group/item-option-radio-button-group.d.ts} +3 -3
- package/components/{edit-option-radio-button-group-BCVOZOhT.cjs → item-option-radio-button-group-CN1zuAf8.cjs} +2 -2
- package/components/{edit-option-radio-button-group-D8AuOqNL.js → item-option-radio-button-group-C_AlEQSX.js} +5 -5
- package/components/{edit-option-slider → item-option-slider}/index.cjs +1 -1
- package/components/item-option-slider/index.d.ts +7 -0
- package/components/{edit-option-switch → item-option-slider}/index.js +3 -3
- package/components/{edit-option-slider/edit-option-slider.d.ts → item-option-slider/item-option-slider.d.ts} +3 -3
- package/components/{edit-option-slider-Ozb3RBHW.js → item-option-slider-CkKpi11t.js} +10 -10
- package/components/{edit-option-slider-B7ArGXrY.cjs → item-option-slider-Cx_w_v_0.cjs} +3 -3
- package/components/{edit-option-switch → item-option-switch}/index.cjs +1 -1
- package/components/item-option-switch/index.d.ts +7 -0
- package/components/{edit-option-slider → item-option-switch}/index.js +3 -3
- package/components/{edit-option-switch/edit-option-switch.d.ts → item-option-switch/item-option-switch.d.ts} +3 -3
- package/components/{edit-option-switch-ByyZ8LFD.cjs → item-option-switch-BX9eP6uu.cjs} +3 -3
- package/components/{edit-option-switch-BUjPU49i.js → item-option-switch-BgI9DcJH.js} +7 -7
- package/components/{edit-option-text-field → item-option-text-field}/index.cjs +1 -1
- package/components/item-option-text-field/index.d.ts +7 -0
- package/components/item-option-text-field/index.js +32 -0
- package/components/{edit-option-text-field/edit-option-text-field.d.ts → item-option-text-field/item-option-text-field.d.ts} +3 -3
- package/components/{edit-option-text-field-LTOr4mYL.cjs → item-option-text-field-CFrUMB2C.cjs} +2 -2
- package/components/{edit-option-text-field-CjdGtevT.js → item-option-text-field-D09YUogp.js} +8 -8
- package/components/{droppable-slot → item-slot-drop}/index.cjs +1 -1
- package/components/{droppable-slot → item-slot-drop}/index.d.ts +3 -3
- package/components/{droppable-slot → item-slot-drop}/index.js +4 -4
- package/components/{droppable-slot/droppable-slot.d.ts → item-slot-drop/item-slot-drop.d.ts} +10 -4
- package/components/{droppable-slot-9CuoBcbh.js → item-slot-drop-Bu3-3cMY.js} +33 -29
- package/components/item-slot-drop-Hy0NmvbM.cjs +87 -0
- package/components/{item-data-drop-panel → item-slot-drop-panel}/index.cjs +1 -1
- package/components/item-slot-drop-panel/index.d.ts +7 -0
- package/components/{item-data-drop-panel → item-slot-drop-panel}/index.js +5 -5
- package/components/{item-data-drop-panel/item-data-drop-panel.d.ts → item-slot-drop-panel/item-slot-drop-panel.d.ts} +9 -9
- package/components/{item-data-drop-panel-BgQiFBID.js → item-slot-drop-panel-B7haw0fm.js} +19 -19
- package/components/{item-data-drop-panel-DgwTr9fZ.cjs → item-slot-drop-panel-Dcx6R0YG.cjs} +5 -5
- package/components/{slot-contents-picker → item-slot-picker}/index.cjs +1 -1
- package/components/item-slot-picker/index.d.ts +7 -0
- package/components/{slot-contents-picker → item-slot-picker}/index.js +4 -4
- package/components/{slot-contents-picker/slot-contents-picker.d.ts → item-slot-picker/item-slot-picker.d.ts} +4 -4
- package/components/{slot-contents-picker-DOyN6E7t.js → item-slot-picker-BVJNYwe7.js} +26 -26
- package/components/{slot-contents-picker-CmG--h6p.cjs → item-slot-picker-Cpjhh9ew.cjs} +5 -5
- package/components/{item-data-picker-panel → item-slot-picker-panel}/index.cjs +1 -1
- package/components/item-slot-picker-panel/index.d.ts +7 -0
- package/components/{item-data-picker-panel → item-slot-picker-panel}/index.js +5 -5
- package/components/{item-data-picker-panel/item-data-picker-panel.d.ts → item-slot-picker-panel/item-slot-picker-panel.d.ts} +13 -13
- package/components/{item-data-picker-panel-BY8jVlsO.js → item-slot-picker-panel-CEGz-k-g.js} +26 -26
- package/components/item-slot-picker-panel-DqfkV_Km.cjs +77 -0
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.d.ts +1 -1
- package/components/slot-menu/index.js +2 -2
- package/components/slot-menu/types.d.ts +1 -1
- package/components/{slot-menu-DIQ6h6Dz.cjs → slot-menu-BOKxYlGj.cjs} +1 -1
- package/components/{slot-menu-B3L8YEnv.js → slot-menu-o7-dulNZ.js} +1 -1
- package/custom-elements.json +6968 -6946
- package/index.d.ts +24 -24
- package/package.json +120 -120
- package/react/README.md +23 -22
- package/react/components/data-field-level.component.ts +30 -0
- package/react/components/{draggable-data-fields-panel.component.ts → data-field-panel.component.ts} +10 -10
- package/react/components/filters.component.ts +27 -0
- package/react/components/{grid → item-grid}/types.ts +1 -1
- package/react/components/item-grid.component.ts +33 -0
- package/react/components/item-option-action-button-group.component.ts +25 -0
- package/react/components/item-option-color-palette-picker.component.ts +25 -0
- package/react/components/item-option-color-picker.component.ts +27 -0
- package/react/components/item-option-color-range.component.ts +27 -0
- package/react/components/item-option-multi-language-field.component.ts +25 -0
- package/react/components/item-option-number-field.component.ts +25 -0
- package/react/components/item-option-panel.component.ts +27 -0
- package/react/components/item-option-picker.component.ts +25 -0
- package/react/components/item-option-position-picker.component.ts +25 -0
- package/react/components/item-option-positions-number-field.component.ts +25 -0
- package/react/components/item-option-radio-button-group.component.ts +25 -0
- package/react/components/item-option-slider.component.ts +25 -0
- package/react/components/item-option-switch.component.ts +25 -0
- package/react/components/item-option-text-field.component.ts +25 -0
- package/react/components/item-option.component.ts +22 -0
- package/react/components/{item-data-drop-panel.component.ts → item-slot-drop-panel.component.ts} +9 -9
- package/react/components/{droppable-slot.component.ts → item-slot-drop.component.ts} +9 -9
- package/react/components/{item-data-picker-panel.component.ts → item-slot-picker-panel.component.ts} +9 -9
- package/react/components/item-slot-picker.component.ts +27 -0
- package/react/components/slot-menu/types.ts +1 -1
- package/react/esm/components/data-field-level.component.d.ts +18 -0
- package/react/esm/components/data-field-level.component.js +19 -0
- package/react/esm/components/{draggable-data-fields-panel.component.d.ts → data-field-panel.component.d.ts} +6 -6
- package/react/esm/components/{draggable-data-fields-panel.component.js → data-field-panel.component.js} +7 -7
- package/react/esm/components/filters.component.d.ts +12 -0
- package/react/esm/components/filters.component.js +17 -0
- package/{components/grid → react/esm/components/item-grid}/types.d.ts +1 -1
- package/react/esm/components/item-grid.component.d.ts +16 -0
- package/react/esm/components/item-grid.component.js +21 -0
- package/react/esm/components/item-option-action-button-group.component.d.ts +10 -0
- package/react/esm/components/item-option-action-button-group.component.js +15 -0
- package/react/esm/components/item-option-color-palette-picker.component.d.ts +10 -0
- package/react/esm/components/item-option-color-palette-picker.component.js +15 -0
- package/react/esm/components/item-option-color-picker.component.d.ts +12 -0
- package/react/esm/components/item-option-color-picker.component.js +17 -0
- package/react/esm/components/item-option-color-range.component.d.ts +12 -0
- package/react/esm/components/item-option-color-range.component.js +17 -0
- package/react/esm/components/item-option-multi-language-field.component.d.ts +10 -0
- package/react/esm/components/item-option-multi-language-field.component.js +15 -0
- package/react/esm/components/item-option-number-field.component.d.ts +10 -0
- package/react/esm/components/item-option-number-field.component.js +15 -0
- package/react/esm/components/item-option-panel.component.d.ts +12 -0
- package/react/esm/components/item-option-panel.component.js +17 -0
- package/react/esm/components/item-option-picker.component.d.ts +10 -0
- package/react/esm/components/item-option-picker.component.js +15 -0
- package/react/esm/components/item-option-position-picker.component.d.ts +10 -0
- package/react/esm/components/item-option-position-picker.component.js +15 -0
- package/react/esm/components/item-option-positions-number-field.component.d.ts +10 -0
- package/react/esm/components/item-option-positions-number-field.component.js +15 -0
- package/react/esm/components/item-option-radio-button-group.component.d.ts +10 -0
- package/react/esm/components/item-option-radio-button-group.component.js +15 -0
- package/react/esm/components/item-option-slider.component.d.ts +10 -0
- package/react/esm/components/item-option-slider.component.js +15 -0
- package/react/esm/components/item-option-switch.component.d.ts +10 -0
- package/react/esm/components/item-option-switch.component.js +15 -0
- package/react/esm/components/item-option-text-field.component.d.ts +10 -0
- package/react/esm/components/item-option-text-field.component.js +15 -0
- package/react/esm/components/item-option.component.d.ts +8 -0
- package/react/esm/components/item-option.component.js +13 -0
- package/react/esm/components/{item-data-drop-panel.component.d.ts → item-slot-drop-panel.component.d.ts} +5 -5
- package/react/esm/components/{item-data-drop-panel.component.js → item-slot-drop-panel.component.js} +6 -6
- package/react/esm/components/{droppable-slot.component.d.ts → item-slot-drop.component.d.ts} +5 -5
- package/react/esm/components/{droppable-slot.component.js → item-slot-drop.component.js} +6 -6
- package/react/esm/components/{item-data-picker-panel.component.d.ts → item-slot-picker-panel.component.d.ts} +5 -5
- package/react/esm/components/{item-data-picker-panel.component.js → item-slot-picker-panel.component.js} +6 -6
- package/react/esm/components/item-slot-picker.component.d.ts +12 -0
- package/react/esm/components/item-slot-picker.component.js +17 -0
- package/react/esm/components/slot-menu/types.d.ts +1 -1
- package/react/esm/index.d.ts +25 -24
- package/react/esm/index.js +92 -88
- package/react/esm/types.d.ts +5 -5
- package/react/index.ts +92 -88
- package/react/luzmo-stub.d.ts +91 -85
- package/react/types.ts +5 -5
- package/react/utils/slot-state/slot-store.d.ts +1 -1
- package/react/utils/transformations/convert-data-field-to-slot-content.d.ts +1 -1
- package/storybook/register-components.d.ts +24 -24
- package/types.d.ts +5 -5
- package/utils/slot-state/slot-store.d.ts +1 -1
- package/utils/transformations/convert-data-field-to-slot-content.d.ts +1 -1
- package/angular/esm/components/draggable-data-fields-panel.component.d.ts +0 -26
- package/angular/esm/components/droppable-slot.component.d.ts +0 -27
- package/angular/esm/components/edit-filters.component.d.ts +0 -21
- package/angular/esm/components/edit-item.component.d.ts +0 -19
- package/angular/esm/components/grid-item-actions-menu.component.d.ts +0 -13
- package/angular/esm/components/grid-item-actions-menu.component.js +0 -49
- package/angular/esm/components/grid.component.d.ts +0 -25
- package/angular/esm/components/slot-contents-picker.component.d.ts +0 -28
- package/components/draggable-data-field/index.d.ts +0 -8
- package/components/draggable-data-field-level/index.d.ts +0 -8
- package/components/draggable-data-field-level-BQBMnApS.js +0 -242
- package/components/draggable-data-field-level-CI1No5x8.cjs +0 -55
- package/components/draggable-data-fields-panel-Bv-gHe79.cjs +0 -86
- package/components/droppable-slot-DccN0H1v.cjs +0 -87
- package/components/edit-filters/index.d.ts +0 -8
- package/components/edit-filters-Bl_Irma5.cjs +0 -145
- package/components/edit-item/index.d.ts +0 -7
- package/components/edit-option/index.d.ts +0 -7
- package/components/edit-option-action-button-group/index.d.ts +0 -7
- package/components/edit-option-color-palette-picker/index.d.ts +0 -7
- package/components/edit-option-color-picker/index.d.ts +0 -7
- package/components/edit-option-color-range/index.d.ts +0 -7
- package/components/edit-option-multi-language-field/index.d.ts +0 -7
- package/components/edit-option-number-field/index.d.ts +0 -7
- package/components/edit-option-picker/index.d.ts +0 -7
- package/components/edit-option-position-picker/index.cjs +0 -20
- package/components/edit-option-position-picker/index.d.ts +0 -7
- package/components/edit-option-position-picker/index.js +0 -32
- package/components/edit-option-position-picker-CC-7sJNj.js +0 -79
- package/components/edit-option-positions-number-field/index.cjs +0 -20
- package/components/edit-option-positions-number-field/index.d.ts +0 -7
- package/components/edit-option-positions-number-field/index.js +0 -32
- package/components/edit-option-positions-number-field-CmK8_2ZQ.cjs +0 -46
- package/components/edit-option-radio-button-group/index.cjs +0 -20
- package/components/edit-option-radio-button-group/index.d.ts +0 -7
- package/components/edit-option-radio-button-group/index.js +0 -32
- package/components/edit-option-slider/index.d.ts +0 -7
- package/components/edit-option-switch/index.d.ts +0 -7
- package/components/edit-option-text-field/index.d.ts +0 -7
- package/components/edit-option-text-field/index.js +0 -32
- package/components/grid/index.d.ts +0 -11
- package/components/item-data-drop-panel/index.d.ts +0 -7
- package/components/item-data-picker-panel/index.d.ts +0 -7
- package/components/item-data-picker-panel-D2cWbl99.cjs +0 -77
- package/components/slot-contents-picker/index.d.ts +0 -7
- package/react/components/edit-filters.component.ts +0 -27
- package/react/components/edit-item.component.ts +0 -27
- package/react/components/edit-option-action-button-group.component.ts +0 -25
- package/react/components/edit-option-color-palette-picker.component.ts +0 -25
- package/react/components/edit-option-color-picker.component.ts +0 -27
- package/react/components/edit-option-color-range.component.ts +0 -27
- package/react/components/edit-option-multi-language-field.component.ts +0 -25
- package/react/components/edit-option-number-field.component.ts +0 -25
- package/react/components/edit-option-picker.component.ts +0 -25
- package/react/components/edit-option-position-picker.component.ts +0 -25
- package/react/components/edit-option-positions-number-field.component.ts +0 -25
- package/react/components/edit-option-radio-button-group.component.ts +0 -25
- package/react/components/edit-option-slider.component.ts +0 -25
- package/react/components/edit-option-switch.component.ts +0 -25
- package/react/components/edit-option-text-field.component.ts +0 -25
- package/react/components/edit-option.component.ts +0 -22
- package/react/components/grid.component.ts +0 -33
- package/react/components/slot-contents-picker.component.ts +0 -27
- package/react/esm/components/edit-filters.component.d.ts +0 -12
- package/react/esm/components/edit-filters.component.js +0 -17
- package/react/esm/components/edit-item.component.d.ts +0 -12
- package/react/esm/components/edit-item.component.js +0 -17
- package/react/esm/components/edit-option-action-button-group.component.d.ts +0 -10
- package/react/esm/components/edit-option-action-button-group.component.js +0 -15
- package/react/esm/components/edit-option-color-palette-picker.component.d.ts +0 -10
- package/react/esm/components/edit-option-color-palette-picker.component.js +0 -15
- package/react/esm/components/edit-option-color-picker.component.d.ts +0 -12
- package/react/esm/components/edit-option-color-picker.component.js +0 -17
- package/react/esm/components/edit-option-color-range.component.d.ts +0 -12
- package/react/esm/components/edit-option-color-range.component.js +0 -17
- package/react/esm/components/edit-option-multi-language-field.component.d.ts +0 -10
- package/react/esm/components/edit-option-multi-language-field.component.js +0 -15
- package/react/esm/components/edit-option-number-field.component.d.ts +0 -10
- package/react/esm/components/edit-option-number-field.component.js +0 -15
- package/react/esm/components/edit-option-picker.component.d.ts +0 -10
- package/react/esm/components/edit-option-picker.component.js +0 -15
- package/react/esm/components/edit-option-position-picker.component.d.ts +0 -10
- package/react/esm/components/edit-option-position-picker.component.js +0 -15
- package/react/esm/components/edit-option-positions-number-field.component.d.ts +0 -10
- package/react/esm/components/edit-option-positions-number-field.component.js +0 -15
- package/react/esm/components/edit-option-radio-button-group.component.d.ts +0 -10
- package/react/esm/components/edit-option-radio-button-group.component.js +0 -15
- package/react/esm/components/edit-option-slider.component.d.ts +0 -10
- package/react/esm/components/edit-option-slider.component.js +0 -15
- package/react/esm/components/edit-option-switch.component.d.ts +0 -10
- package/react/esm/components/edit-option-switch.component.js +0 -15
- package/react/esm/components/edit-option-text-field.component.d.ts +0 -10
- package/react/esm/components/edit-option-text-field.component.js +0 -15
- package/react/esm/components/edit-option.component.d.ts +0 -8
- package/react/esm/components/edit-option.component.js +0 -13
- package/react/esm/components/grid.component.d.ts +0 -16
- package/react/esm/components/grid.component.js +0 -21
- package/react/esm/components/slot-contents-picker.component.d.ts +0 -12
- package/react/esm/components/slot-contents-picker.component.js +0 -17
- /package/angular/components/{draggable-data-fields-panel → data-field}/index.ts +0 -0
- /package/angular/components/{draggable-data-field → data-field}/types.ts +0 -0
- /package/angular/components/{draggable-data-field → data-field-panel}/index.ts +0 -0
- /package/angular/components/{draggable-data-fields-panel → data-field-panel}/types.ts +0 -0
- /package/angular/components/{droppable-slot → filters}/index.ts +0 -0
- /package/angular/components/{edit-filters → filters}/types.ts +0 -0
- /package/angular/components/{edit-filters → item-grid}/index.ts +0 -0
- /package/angular/components/{grid → item-slot-drop}/index.ts +0 -0
- /package/angular/components/{droppable-slot → item-slot-drop}/types.ts +0 -0
- /package/angular/esm/components/{draggable-data-fields-panel → data-field}/index.d.ts +0 -0
- /package/angular/esm/components/{draggable-data-fields-panel → data-field}/index.js +0 -0
- /package/angular/esm/components/{draggable-data-field → data-field}/types.d.ts +0 -0
- /package/angular/esm/components/{draggable-data-fields-panel → data-field}/types.js +0 -0
- /package/angular/esm/components/{draggable-data-field → data-field-panel}/index.d.ts +0 -0
- /package/angular/esm/components/{draggable-data-field → data-field-panel}/index.js +0 -0
- /package/angular/esm/components/{draggable-data-fields-panel → data-field-panel}/types.d.ts +0 -0
- /package/angular/esm/components/{draggable-data-field → data-field-panel}/types.js +0 -0
- /package/angular/esm/components/{droppable-slot → filters}/index.d.ts +0 -0
- /package/angular/esm/components/{droppable-slot → filters}/index.js +0 -0
- /package/angular/esm/components/{edit-filters → filters}/types.d.ts +0 -0
- /package/angular/esm/components/{droppable-slot → filters}/types.js +0 -0
- /package/angular/esm/components/{edit-filters → item-grid}/index.d.ts +0 -0
- /package/angular/esm/components/{edit-filters → item-grid}/index.js +0 -0
- /package/angular/esm/components/{edit-filters → item-grid}/types.js +0 -0
- /package/angular/esm/components/{grid → item-slot-drop}/index.d.ts +0 -0
- /package/angular/esm/components/{grid → item-slot-drop}/index.js +0 -0
- /package/angular/esm/components/{droppable-slot → item-slot-drop}/types.d.ts +0 -0
- /package/angular/esm/components/{grid → item-slot-drop}/types.js +0 -0
- /package/components/{draggable-data-field → data-field}/types.d.ts +0 -0
- /package/components/{draggable-data-field-level → data-field-level}/helpers/generate-preview.d.ts +0 -0
- /package/components/{draggable-data-fields-panel → data-field-panel}/types.d.ts +0 -0
- /package/components/{edit-filters → filters}/types.d.ts +0 -0
- /package/components/{grid → item-grid}/actions.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-effects.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-interactions.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-item-management.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-item-popover.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-items.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-keyboard-updates.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-keydown-event.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-popover-cleanup.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-rendering.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-stack-lifecycle.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-theme.d.ts +0 -0
- /package/components/{grid → item-grid}/helpers/grid-update-cycle.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-markup.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/action-button-group-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/color-palette-picker-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/color-picker-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/color-range-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/multi-language-field-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/number-field-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/picker-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/position-picker-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/positions-number-field-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/radio-button-group.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/slider-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/switch-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/control-templates/text-field-template.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/enum-values.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/generate-callback.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/get-control-by-key.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/get-default-value.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/get-enum-values.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/get-extra-label-values.d.ts +0 -0
- /package/components/{edit-option → item-option}/helpers/get-value-by-key.d.ts +0 -0
- /package/components/{droppable-slot → item-slot-drop}/types.d.ts +0 -0
- /package/react/components/{draggable-data-fields-panel → data-field}/index.ts +0 -0
- /package/react/components/{draggable-data-field → data-field}/types.ts +0 -0
- /package/react/components/{draggable-data-field → data-field-panel}/index.ts +0 -0
- /package/react/components/{draggable-data-fields-panel → data-field-panel}/types.ts +0 -0
- /package/react/components/{droppable-slot → filters}/index.ts +0 -0
- /package/react/components/{edit-filters → filters}/types.ts +0 -0
- /package/react/components/{edit-filters → item-grid}/index.ts +0 -0
- /package/react/components/{grid → item-slot-drop}/index.ts +0 -0
- /package/react/components/{droppable-slot → item-slot-drop}/types.ts +0 -0
- /package/react/esm/components/{draggable-data-fields-panel → data-field}/index.d.ts +0 -0
- /package/react/esm/components/{draggable-data-fields-panel → data-field}/index.js +0 -0
- /package/react/esm/components/{draggable-data-field → data-field}/types.d.ts +0 -0
- /package/react/esm/components/{draggable-data-fields-panel → data-field}/types.js +0 -0
- /package/react/esm/components/{draggable-data-field → data-field-panel}/index.d.ts +0 -0
- /package/react/esm/components/{draggable-data-field → data-field-panel}/index.js +0 -0
- /package/react/esm/components/{draggable-data-fields-panel → data-field-panel}/types.d.ts +0 -0
- /package/react/esm/components/{draggable-data-field → data-field-panel}/types.js +0 -0
- /package/react/esm/components/{droppable-slot → filters}/index.d.ts +0 -0
- /package/react/esm/components/{droppable-slot → filters}/index.js +0 -0
- /package/react/esm/components/{edit-filters → filters}/types.d.ts +0 -0
- /package/react/esm/components/{droppable-slot → filters}/types.js +0 -0
- /package/react/esm/components/{edit-filters → item-grid}/index.d.ts +0 -0
- /package/react/esm/components/{edit-filters → item-grid}/index.js +0 -0
- /package/react/esm/components/{edit-filters → item-grid}/types.js +0 -0
- /package/react/esm/components/{grid → item-slot-drop}/index.d.ts +0 -0
- /package/react/esm/components/{grid → item-slot-drop}/index.js +0 -0
- /package/react/esm/components/{droppable-slot → item-slot-drop}/types.d.ts +0 -0
- /package/react/esm/components/{grid → item-slot-drop}/types.js +0 -0
|
@@ -1,32 +0,0 @@
|
|
|
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
|
-
(function() {
|
|
21
|
-
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
22
|
-
let e = document.createElement("style");
|
|
23
|
-
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);
|
|
24
|
-
}
|
|
25
|
-
})();
|
|
26
|
-
import "../base-rg2x95aL.js";
|
|
27
|
-
import "../focus-visible-D1pJhWEh.js";
|
|
28
|
-
import "../set-locale-CgsoV0B9.js";
|
|
29
|
-
import "../localized-mixin-rjHF23Hg.js";
|
|
30
|
-
import "../edit-option-base-CIsMGXix.js";
|
|
31
|
-
import { t as LuzmoEditOptionPositionPicker } from "../edit-option-position-picker-CC-7sJNj.js";
|
|
32
|
-
export { LuzmoEditOptionPositionPicker };
|
|
@@ -1,79 +0,0 @@
|
|
|
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
|
-
import { t as __decorate } from "./decorate-Da6S_xrw.js";
|
|
21
|
-
import { t as LuzmoEditOptionBase } from "./edit-option-base-CIsMGXix.js";
|
|
22
|
-
import { html, unsafeCSS } from "lit";
|
|
23
|
-
import { property } from "lit/decorators.js";
|
|
24
|
-
import "@luzmo/lucero/text-field";
|
|
25
|
-
var edit_option_position_picker_module_default = ":host{height:var(--luzmo-edit-option-position-picker-grid-height,var(--edit-option-position-picker-grid-height));align-items:center;display:flex}.luzmo-edit-option{height:var(--luzmo-edit-option-position-picker-grid-height,var(--edit-option-position-picker-grid-height))}.position-grid{gap:var(--luzmo-edit-option-position-picker-grid-gap,var(--edit-option-position-picker-grid-gap));width:var(--luzmo-edit-option-position-picker-grid-width,var(--edit-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-grid-border-color,var(--luzmo-border-color));padding:var(--luzmo-edit-option-position-picker-grid-padding,var(--edit-option-position-picker-grid-padding));border-radius:var(--luzmo-edit-option-position-picker-grid-border-radius,var(--edit-option-position-picker-grid-border-radius));grid-template-columns:repeat(3,1fr);display:grid}.position-item{width:100%;height:var(--luzmo-edit-option-position-picker-item-height,var(--edit-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-edit-option-position-picker-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-position-picker-border-radius,var(--edit-option-position-picker-border-radius));background:var(--luzmo-edit-option-position-picker-background,var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-edit-option-position-picker-animation-duration,var(--luzmo-animation-duration))ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-edit-option-position-picker-background-hover,var(--luzmo-background-color-highlight-down))}.position-item.selected,.position-item.selected:hover,.position-item.selected:active,.position-item.selected:focus{background-color:var(--luzmo-edit-option-position-picker-background-selected,var(--luzmo-primary));transition:background-color var(--luzmo-edit-option-position-picker-selected-animation-duration,0)ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--edit-option-position-picker-grid-height:7rem;--edit-option-position-picker-grid-width:7rem;--edit-option-position-picker-border-radius:var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius:var(--luzmo-border-radius);--edit-option-position-picker-grid-padding:.25rem;--edit-option-position-picker-item-height:1.75rem;--edit-option-position-picker-grid-gap:.25rem}:host([size=s]){--edit-option-position-picker-grid-height:5.125rem;--edit-option-position-picker-grid-width:5.625rem;--edit-option-position-picker-border-radius:var(--luzmo-border-radius);--edit-option-position-picker-grid-border-radius:var(--luzmo-border-radius-s);--edit-option-position-picker-grid-padding:.125rem;--edit-option-position-picker-item-height:1.5rem;--edit-option-position-picker-grid-gap:.125rem}:host([size=l]){--edit-option-position-picker-grid-height:8rem;--edit-option-position-picker-grid-width:8rem;--edit-option-position-picker-border-radius:var(--luzmo-border-radius-l);--edit-option-position-picker-grid-border-radius:var(--luzmo-border-radius-l);--edit-option-position-picker-grid-padding:.3rem;--edit-option-position-picker-item-height:2rem;--edit-option-position-picker-grid-gap:.25rem}:host([size=xl]){--edit-option-position-picker-grid-height:9rem;--edit-option-position-picker-grid-width:9rem;--edit-option-position-picker-border-radius:var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-border-radius:var(--luzmo-border-radius-xl);--edit-option-position-picker-grid-padding:.375rem;--edit-option-position-picker-item-height:2.25rem;--edit-option-position-picker-grid-gap:.275rem}", allPositions = [
|
|
26
|
-
"topLeft",
|
|
27
|
-
"top",
|
|
28
|
-
"topRight",
|
|
29
|
-
"left",
|
|
30
|
-
"center",
|
|
31
|
-
"right",
|
|
32
|
-
"bottomLeft",
|
|
33
|
-
"bottom",
|
|
34
|
-
"bottomRight"
|
|
35
|
-
], defaults = allPositions.filter((e) => e !== "center"), LuzmoEditOptionPositionPicker = class extends LuzmoEditOptionBase {
|
|
36
|
-
constructor(...e) {
|
|
37
|
-
super(...e), this.default = "topRight", this.positions = defaults, this.readonly = !1;
|
|
38
|
-
}
|
|
39
|
-
static {
|
|
40
|
-
this.styles = [super.styles, unsafeCSS(edit_option_position_picker_module_default)];
|
|
41
|
-
}
|
|
42
|
-
_handleEvent() {
|
|
43
|
-
this.dispatchEvent(new CustomEvent("luzmo-option-changed", {
|
|
44
|
-
bubbles: !0,
|
|
45
|
-
composed: !0,
|
|
46
|
-
cancelable: !0,
|
|
47
|
-
detail: { value: this.value }
|
|
48
|
-
}));
|
|
49
|
-
}
|
|
50
|
-
_handleClick(e) {
|
|
51
|
-
this.positions?.includes(e) && (this.value = e, this._handleEvent());
|
|
52
|
-
}
|
|
53
|
-
willUpdate() {
|
|
54
|
-
this.value = this.value ?? this.default ?? "topRight", this.positions = this.positions ?? defaults;
|
|
55
|
-
}
|
|
56
|
-
renderController() {
|
|
57
|
-
return html` <div class="position-grid">${allPositions.map((e) => html`
|
|
58
|
-
<div
|
|
59
|
-
class="position-item ${this.positions?.includes(e) ? "position-item-allowed" : "position-item-not-allowed"} ${this.value === e ? "selected" : ""}"
|
|
60
|
-
@click=${this._handleClick.bind(this, e)}
|
|
61
|
-
></div>
|
|
62
|
-
`)}</div> `;
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
__decorate([property({
|
|
66
|
-
type: String,
|
|
67
|
-
reflect: !0
|
|
68
|
-
})], LuzmoEditOptionPositionPicker.prototype, "value", void 0), __decorate([property({
|
|
69
|
-
type: String,
|
|
70
|
-
reflect: !0,
|
|
71
|
-
attribute: "default-position"
|
|
72
|
-
})], LuzmoEditOptionPositionPicker.prototype, "default", void 0), __decorate([property({
|
|
73
|
-
type: Array,
|
|
74
|
-
reflect: !0
|
|
75
|
-
})], LuzmoEditOptionPositionPicker.prototype, "positions", void 0), __decorate([property({
|
|
76
|
-
type: Boolean,
|
|
77
|
-
reflect: !0
|
|
78
|
-
})], LuzmoEditOptionPositionPicker.prototype, "readonly", void 0), customElements.get("luzmo-edit-option-position-picker") || customElements.define("luzmo-edit-option-position-picker", LuzmoEditOptionPositionPicker);
|
|
79
|
-
export { LuzmoEditOptionPositionPicker as t };
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C9s0jVjQ.cjs`),require(`../localized-mixin-DD2Hm1jz.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-positions-number-field-CmK8_2ZQ.cjs`);exports.LuzmoEditOptionPositionsNumberField=e.t;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { LuzmoEditOptionPositionsNumberField } from './edit-option-positions-number-field';
|
|
2
|
-
declare global {
|
|
3
|
-
interface HTMLElementTagNameMap {
|
|
4
|
-
'luzmo-edit-option-positions-number-field': LuzmoEditOptionPositionsNumberField;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
export { LuzmoEditOptionPositionsNumberField } from './edit-option-positions-number-field';
|
|
@@ -1,32 +0,0 @@
|
|
|
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
|
-
(function() {
|
|
21
|
-
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
22
|
-
let e = document.createElement("style");
|
|
23
|
-
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);
|
|
24
|
-
}
|
|
25
|
-
})();
|
|
26
|
-
import "../base-rg2x95aL.js";
|
|
27
|
-
import "../focus-visible-D1pJhWEh.js";
|
|
28
|
-
import "../set-locale-CgsoV0B9.js";
|
|
29
|
-
import "../localized-mixin-rjHF23Hg.js";
|
|
30
|
-
import "../edit-option-base-CIsMGXix.js";
|
|
31
|
-
import { t as LuzmoEditOptionPositionsNumberField } from "../edit-option-positions-number-field-DZtxuvEY.js";
|
|
32
|
-
export { LuzmoEditOptionPositionsNumberField };
|
|
@@ -1,46 +0,0 @@
|
|
|
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
|
-
const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./edit-option-base-DBfRz1gO.cjs`);let r=require(`@luzmo/icons`),i=require(`lit`),a=require(`lit/decorators.js`);require(`@luzmo/lucero/number-field`);var o=`:host{--edit-option-positions-number-field-container-row-gap:var(--luzmo-spacing-2);--edit-option-positions-number-field-container-column-gap:var(--luzmo-spacing-2);--edit-option-positions-number-field-sync-height:calc(var(--luzmo-component-height)*1.5)}:host([size=s]){--edit-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-s)*1.5)}:host([size=l]){--edit-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-l)*1.5)}:host([size=xl]){--edit-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-xl)*1.5)}:host{--var:test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width,var(--edit-option-positions-number-field-container-max-width));row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap,var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap,var(--edit-option-positions-number-field-container-column-gap));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid}.position,.sync-button{justify-content:center;align-items:center;display:flex}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width,var(--luzmo-border-width))solid var(--luzmo-edit-option-positions-number-field-sync-border-color,var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius,var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height,var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width,var(--luzmo-border-width))solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius,var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height,var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color,var(--luzmo-background-color-highlight))}`,s=class extends n.t{constructor(...e){super(...e),this.canSync=!0,this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[[`top-left`,`top`,`top-right`],[`left`,`center`,`right`],[`bottom-left`,`bottom`,`bottom-right`]]}static get styles(){return[(0,i.unsafeCSS)(o)]}_calculateSyncedValue(){let e,t={};return this.positions?.forEach(n=>{t[n]=this.values?.[n]??this.positionConfiguration?.[n]?.default??0,e=typeof e==`number`&&t[n]?Math.min(e,t[n]):t[n]}),e}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue==`number`)){this.values={...this.values};for(let e of this.positions??[])this.values[e]=this.syncedValue}}_handleEvent(e){let t=e.target.getAttribute(`position`),n=e.target.value,r={};if(!(!t||typeof n!=`number`)){if(this.canSync&&this.sync&&t===`center`){this.syncedValue=n;for(let e of this.positions??[])r[e]=n}else r={...this.values,[t]:n};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{let e=Object.keys(this.values??{}),t=Object.keys(r),n=!0;e.length!==t.length&&(n=!1);for(let t of e)this.values?.[t]!==r[t]&&(n=!1);n||(this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...r}}})),this.values=r)},this.debounce??200)}}_renderNumberField(e){return this.positions?.includes(e)||e===`center`?this.canSync&&(this.sync&&e!==`center`||!this.sync&&e===`center`)?i.html`<div
|
|
21
|
-
class="sync-button ${this.sync?``:`sync`}"
|
|
22
|
-
position=${e}
|
|
23
|
-
@click=${this.toggleSync}
|
|
24
|
-
>
|
|
25
|
-
${(0,r.luzmoIcon)(r.luzmoLockOutline)}
|
|
26
|
-
</div>`:!this.canSync&&!this.positions?.includes(`center`)&&e===`center`?i.html`
|
|
27
|
-
<div class="no-sync-center"></div>
|
|
28
|
-
`:i.html`<div class="position">
|
|
29
|
-
<luzmo-number-field
|
|
30
|
-
position=${e}
|
|
31
|
-
.value=${this.sync&&this.canSync?this.syncedValue??0:this.values?.[e]??this.positionConfiguration?.[e]?.default??0}
|
|
32
|
-
.disabled=${this.disabled}
|
|
33
|
-
.size=${this.size}
|
|
34
|
-
.min=${this.positionConfiguration?.[e]?.min??0}
|
|
35
|
-
.max=${this.positionConfiguration?.[e]?.max??100}
|
|
36
|
-
.step=${this.positionConfiguration?.[e]?.step??1}
|
|
37
|
-
.invalid=${this.invalid}
|
|
38
|
-
@change=${this._handleEvent}
|
|
39
|
-
@input=${this._handleEvent}
|
|
40
|
-
>
|
|
41
|
-
</luzmo-number-field>
|
|
42
|
-
</div>`:i.html`
|
|
43
|
-
<div class="position"></div>
|
|
44
|
-
`}firstUpdated(){if(this.canSync&&!this.positions?.includes(`center`)){let e=this.values?.left??this.positionConfiguration?.left?.default,t=this.values?.top??this.positionConfiguration?.top?.default,n=this.values?.right??this.positionConfiguration?.right?.default,r=this.values?.bottom??this.positionConfiguration?.bottom?.default;this.sync=e===t&&t===n&&n===r}else this.sync=!1}willUpdate(){this.positions||=[`top`,`right`,`bottom`,`left`]}renderController(){return this._calculateSyncedValue(),i.html`<div class="positions-container-wrapper">
|
|
45
|
-
<div class="positions-container">${this._positions.map(e=>i.html`${e.map(e=>this._renderNumberField(e))}`)}</div>
|
|
46
|
-
</div>`}};t.t([(0,a.property)({type:Array,reflect:!0})],s.prototype,`positions`,void 0),t.t([(0,a.property)({type:Object,reflect:!0})],s.prototype,`values`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`can-sync`})],s.prototype,`canSync`,void 0),t.t([(0,a.property)({type:Object})],s.prototype,`positionConfiguration`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],s.prototype,`invalid`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],s.prototype,`readonly`,void 0),t.t([(0,a.property)({type:Number,reflect:!0})],s.prototype,`debounce`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],s.prototype,`sync`,void 0),t.t([(0,a.state)()],s.prototype,`syncedValue`,void 0),customElements.get(`luzmo-edit-option-positions-number-field`)||customElements.define(`luzmo-edit-option-positions-number-field`,s),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C9s0jVjQ.cjs`),require(`../localized-mixin-DD2Hm1jz.cjs`),require(`../edit-option-base-DBfRz1gO.cjs`);const e=require(`../edit-option-radio-button-group-BCVOZOhT.cjs`);exports.LuzmoEditOptionRadioButtonGroup=e.t;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { LuzmoEditOptionRadioButtonGroup } from './edit-option-radio-button-group';
|
|
2
|
-
declare global {
|
|
3
|
-
interface HTMLElementTagNameMap {
|
|
4
|
-
'luzmo-edit-option-radio-button-group': LuzmoEditOptionRadioButtonGroup;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
export { LuzmoEditOptionRadioButtonGroup } from './edit-option-radio-button-group';
|
|
@@ -1,32 +0,0 @@
|
|
|
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
|
-
(function() {
|
|
21
|
-
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
22
|
-
let e = document.createElement("style");
|
|
23
|
-
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);
|
|
24
|
-
}
|
|
25
|
-
})();
|
|
26
|
-
import "../base-rg2x95aL.js";
|
|
27
|
-
import "../focus-visible-D1pJhWEh.js";
|
|
28
|
-
import "../set-locale-CgsoV0B9.js";
|
|
29
|
-
import "../localized-mixin-rjHF23Hg.js";
|
|
30
|
-
import "../edit-option-base-CIsMGXix.js";
|
|
31
|
-
import { t as LuzmoEditOptionRadioButtonGroup } from "../edit-option-radio-button-group-D8AuOqNL.js";
|
|
32
|
-
export { LuzmoEditOptionRadioButtonGroup };
|
|
@@ -1,32 +0,0 @@
|
|
|
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
|
-
(function() {
|
|
21
|
-
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
22
|
-
let e = document.createElement("style");
|
|
23
|
-
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);
|
|
24
|
-
}
|
|
25
|
-
})();
|
|
26
|
-
import "../base-rg2x95aL.js";
|
|
27
|
-
import "../focus-visible-D1pJhWEh.js";
|
|
28
|
-
import "../set-locale-CgsoV0B9.js";
|
|
29
|
-
import "../localized-mixin-rjHF23Hg.js";
|
|
30
|
-
import "../edit-option-base-CIsMGXix.js";
|
|
31
|
-
import { t as LuzmoEditOptionTextField } from "../edit-option-text-field-CjdGtevT.js";
|
|
32
|
-
export { LuzmoEditOptionTextField };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { LuzmoGrid } from './grid';
|
|
2
|
-
import { LuzmoGridItemActionsMenu } from './grid-item-actions-menu';
|
|
3
|
-
declare global {
|
|
4
|
-
interface HTMLElementTagNameMap {
|
|
5
|
-
'luzmo-grid': LuzmoGrid;
|
|
6
|
-
'luzmo-grid-item-actions-menu': LuzmoGridItemActionsMenu;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
export { LuzmoGrid } from './grid';
|
|
10
|
-
export { LuzmoGridItemActionsMenu } from './grid-item-actions-menu';
|
|
11
|
-
export type { Action, ActionGroup, DefaultActionType, GridItemData, GridItemRenderer, InputActionGroup } from './types';
|
|
@@ -1,77 +0,0 @@
|
|
|
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
|
-
const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`),r=require(`./localized-mixin-DD2Hm1jz.cjs`),i=require(`./type-check-CdFE0wiu.cjs`),a=require(`./localize-BBuZJf_h.cjs`),o=require(`./data-broker-BUIUM5hr.cjs`),s=require(`./slots-config-mOBA4FHK.cjs`),c=require(`./slot-labels.config-BdrqhsYJ.cjs`);let l=require(`lit`),u=require(`lit/decorators.js`),d=require(`@lit/localize`),f=require(`@lit/task`);require(`@luzmo/lucero/field-label`);let p=require(`lit/directives/if-defined.js`);require(`@luzmo/lucero/select`);var m=`:host{font-size:var(--luzmo-item-data-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-data-picker-panel-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-data-picker-panel-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-data-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-data-picker-panel-dataset-picker-gap,var(--luzmo-spacing-2));border-bottom-style:solid;border-bottom-width:var(--luzmo-item-data-picker-panel-dataset-picker-border-width,1px);border-bottom-color:var(--luzmo-item-data-picker-panel-dataset-picker-border-color,var(--luzmo-border-color));flex-direction:column;flex-shrink:0;margin-block-end:var(--luzmo-item-data-picker-panel-dataset-picker-margin-block-end,var(--luzmo-spacing-4));padding-block-end:var(--luzmo-item-data-picker-panel-dataset-picker-padding-block-end,var(--luzmo-spacing-4));display:flex}.slots-panel{gap:var(--luzmo-item-data-picker-panel-gap,var(--luzmo-spacing-4));flex-direction:column;display:flex}.slot-container{gap:var(--luzmo-item-data-picker-panel-slot-gap,var(--luzmo-spacing-2));flex-direction:column;display:flex}luzmo-field-label{margin:0}luzmo-slot-contents-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%}`,h=50,g=class extends r.t(t.n(t.i,{validSizes:[`s`,`m`,`l`,`xl`],noDefaultSize:!0})){constructor(...e){super(...e),this._loadSlotsConfig=new f.Task(this,{task:async([e])=>e&&e!==this._itemTypeLoaded?(this._itemTypeLoaded=e,this._slotsConfig=await s.t(e)??[],this._slotsConfig):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 f.Task(this,{args:()=>[this._currentDatasetId,this.apiUrl,this.authKey,this.authToken,this.datasetsDataFields.length],task:async([e,t,n,r,a])=>{if(a>0||!e)return null;if(!i.s(e))return console.warn(`[LuzmoItemDataPickerPanel] 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 o.t.fetchDatasetsWithColumnsAndFormulas([e]);if(t.length===0)return this._failedDatasetIds.add(e),null;let n=t[0],r=this._fetchedDatasetsDataFields.findIndex(t=>t.id===e);return r===-1?this._fetchedDatasetsDataFields=[...this._fetchedDatasetsDataFields,n]:this._fetchedDatasetsDataFields[r]=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,l.unsafeCSS)(m)}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`),r=e.has(`datasetIds`),i=e.has(`datasetPicker`),a=e.has(`authKey`),s=e.has(`authToken`),c=e.has(`apiUrl`);(r||a||s||c)&&(this._datasetListItems=[],this._hasMoreDatasets=!0,this._datasetNamesFetchAttempted=!1,this._fetchedDatasetsDataFields=[],this._failedDatasetIds.clear(),o.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||r)&&this._updateCurrentDatasetId(),(r||a||s||c||i)&&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{this._datasetListItems=await o.t.fetchDatasetNames(this.datasetIds)}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 o.t.fetchAllDatasets({offset:e,limit:h});this._datasetListItems=[...this._datasetListItems,...t.data],this._hasMoreDatasets=e+h<(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 c.t[t]?c.t[t]():t}_renderDatasetPicker(){if(!this.datasetPicker)return l.nothing;let e=this._availableDatasets,t=e.length>1,n=this.datasetIds.length>0,r=this._shouldFetchDatasetList;if(!t&&!n&&!r)return l.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]:[],c=i?(0,d.msg)(`Loading datasets...`):(0,d.msg)(`Select dataset...`);return l.html`
|
|
21
|
-
<div class="dataset-picker" part="dataset-picker">
|
|
22
|
-
<luzmo-field-label part="dataset-field-label" size=${this.size}>
|
|
23
|
-
${this.datasetPickerLabel??(0,d.msg)(`Dataset`)}
|
|
24
|
-
</luzmo-field-label>
|
|
25
|
-
<luzmo-select
|
|
26
|
-
selects="single"
|
|
27
|
-
variant="highlight"
|
|
28
|
-
search=${(0,p.ifDefined)(this.datasetSearch)}
|
|
29
|
-
placement=${this.placement}
|
|
30
|
-
.size=${this.size}
|
|
31
|
-
.options=${o}
|
|
32
|
-
.value=${s}
|
|
33
|
-
.label=${c}
|
|
34
|
-
?pending=${i}
|
|
35
|
-
@change=${this._handleDatasetChange}
|
|
36
|
-
@luzmo-opened=${this._handlePickerOpened}
|
|
37
|
-
@luzmo-scrolled=${this._handlePickerScrolled}
|
|
38
|
-
></luzmo-select>
|
|
39
|
-
</div>
|
|
40
|
-
`}_renderSlot(e){let t=this._getSlotContents(e.name),n=this._createSlotChangeHandler(e.name),r=this._getTranslatedLabel(e);return l.html`
|
|
41
|
-
<div class="slot-container" part="slot-container">
|
|
42
|
-
<luzmo-field-label part="field-label" size=${this.size}>
|
|
43
|
-
${r}${e.isRequired?` *`:``}
|
|
44
|
-
</luzmo-field-label>
|
|
45
|
-
<luzmo-slot-contents-picker
|
|
46
|
-
part="slot-contents-picker"
|
|
47
|
-
item-type=${(0,p.ifDefined)(this.itemType)}
|
|
48
|
-
slot-name=${e.name}
|
|
49
|
-
language=${this.language}
|
|
50
|
-
content-language=${this.contentLanguage}
|
|
51
|
-
size=${this.size}
|
|
52
|
-
selects=${this.selects}
|
|
53
|
-
search=${(0,p.ifDefined)(this.dataFieldsSearch)}
|
|
54
|
-
icons=${(0,p.ifDefined)(this.icons)}
|
|
55
|
-
placement=${this.placement}
|
|
56
|
-
slot-menu-placement=${this.slotMenuPlacement}
|
|
57
|
-
?grows=${this.grows}
|
|
58
|
-
.slotConfiguration=${e}
|
|
59
|
-
.slotContents=${t}
|
|
60
|
-
.datasetsDataFields=${this._currentDatasetsDataFields}
|
|
61
|
-
@luzmo-slot-contents-changed=${n}
|
|
62
|
-
></luzmo-slot-contents-picker>
|
|
63
|
-
</div>
|
|
64
|
-
`}_renderSlots(e){return l.html`
|
|
65
|
-
<div class="slots-panel" part="slots-panel">
|
|
66
|
-
${e.map(e=>this._renderSlot(e))}
|
|
67
|
-
</div>
|
|
68
|
-
`}_renderContent(e){return l.html`
|
|
69
|
-
<div class="container" part="container">
|
|
70
|
-
${this._renderDatasetPicker()}
|
|
71
|
-
${this._renderSlots(e)}
|
|
72
|
-
</div>
|
|
73
|
-
`}render(){return this.slotsConfiguration&&this.slotsConfiguration.length>0?this._renderContent(this.slotsConfiguration):this._loadSlotsConfig.render({pending:()=>l.html`
|
|
74
|
-
<p>Loading...</p>
|
|
75
|
-
`,complete:e=>!e||e.length===0?l.html`<p>No slots configuration found for ${this.itemType}</p>`:this._renderContent(e),error:e=>l.html`
|
|
76
|
-
<div>Could not load slots configuration for '${this.itemType}': ${e}.</div>
|
|
77
|
-
`})}};n.t([(0,u.state)()],g.prototype,`_datasetListItems`,void 0),n.t([(0,u.state)()],g.prototype,`_datasetListRetrieving`,void 0),n.t([(0,u.state)()],g.prototype,`_datasetListPending`,void 0),n.t([(0,u.state)()],g.prototype,`_currentDatasetId`,void 0),n.t([(0,u.state)()],g.prototype,`_fetchedDatasetsDataFields`,void 0),n.t([(0,u.property)({type:String,reflect:!0,attribute:`item-type`})],g.prototype,`itemType`,void 0),n.t([(0,u.property)({type:String,attribute:`content-language`,reflect:!0})],g.prototype,`contentLanguage`,void 0),n.t([(0,u.property)({type:Array})],g.prototype,`slotsConfiguration`,void 0),n.t([(0,u.property)({type:Array})],g.prototype,`slotsContents`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],g.prototype,`selects`,void 0),n.t([(0,u.property)({type:String,reflect:!0,attribute:`data-fields-search`})],g.prototype,`dataFieldsSearch`,void 0),n.t([(0,u.property)({type:String,reflect:!0,attribute:`dataset-search`})],g.prototype,`datasetSearch`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],g.prototype,`icons`,void 0),n.t([(0,u.property)({type:Array,reflect:!1})],g.prototype,`datasetsDataFields`,void 0),n.t([(0,u.property)({type:Array,attribute:`dataset-ids`})],g.prototype,`datasetIds`,void 0),n.t([(0,u.property)({type:String,attribute:`selected-dataset-id`,reflect:!0})],g.prototype,`selectedDatasetId`,void 0),n.t([(0,u.property)({type:Boolean,attribute:`dataset-picker`,reflect:!0})],g.prototype,`datasetPicker`,void 0),n.t([(0,u.property)({type:String,attribute:`dataset-picker-label`})],g.prototype,`datasetPickerLabel`,void 0),n.t([(0,u.property)({type:String,attribute:`api-url`})],g.prototype,`apiUrl`,void 0),n.t([(0,u.property)({type:String,attribute:`auth-key`})],g.prototype,`authKey`,void 0),n.t([(0,u.property)({type:String,attribute:`auth-token`})],g.prototype,`authToken`,void 0),n.t([(0,u.property)({type:String,reflect:!0})],g.prototype,`placement`,void 0),n.t([(0,u.property)({type:String,reflect:!0,attribute:`slot-menu-placement`})],g.prototype,`slotMenuPlacement`,void 0),n.t([(0,u.property)({type:String,reflect:!0,attribute:`constraint-mode`})],g.prototype,`constraintMode`,void 0),n.t([(0,u.property)({type:Boolean,reflect:!0})],g.prototype,`grows`,void 0),n.t([(0,u.state)()],g.prototype,`_currentSlotsContents`,void 0),g=n.t([(0,d.localized)()],g),customElements.get(`luzmo-item-data-picker-panel`)||customElements.define(`luzmo-item-data-picker-panel`,g),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { createComponent, EventName, ReactWebComponent } from '@lit/react';
|
|
3
|
-
import { LuzmoEditFilters as LuzmoEditFiltersClass } from '@luzmo/analytics-components-kit/edit-filters';
|
|
4
|
-
|
|
5
|
-
const LuzmoEditFiltersComponent = createComponent({
|
|
6
|
-
tagName: 'luzmo-edit-filters',
|
|
7
|
-
elementClass: LuzmoEditFiltersClass,
|
|
8
|
-
react: React,
|
|
9
|
-
events: {
|
|
10
|
-
onLuzmoFiltersChanged: 'luzmo-filters-changed' as EventName<CustomEvent>
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* React wrapper for <luzmo-edit-filters>
|
|
16
|
-
*
|
|
17
|
-
* @event onLuzmoFiltersChanged - Announces that the filters have changed
|
|
18
|
-
*/
|
|
19
|
-
export const LuzmoEditFilters = LuzmoEditFiltersComponent as ReactWebComponent<
|
|
20
|
-
LuzmoEditFiltersClass,
|
|
21
|
-
{
|
|
22
|
-
onLuzmoFiltersChanged: EventName<CustomEvent>;
|
|
23
|
-
}
|
|
24
|
-
>;
|
|
25
|
-
|
|
26
|
-
/** The underlying custom element type for LuzmoEditFilters */
|
|
27
|
-
export type LuzmoEditFiltersElement = LuzmoEditFiltersClass;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { createComponent, EventName, ReactWebComponent } from '@lit/react';
|
|
3
|
-
import { LuzmoEditItem as LuzmoEditItemClass } from '@luzmo/analytics-components-kit/edit-item';
|
|
4
|
-
|
|
5
|
-
const LuzmoEditItemComponent = createComponent({
|
|
6
|
-
tagName: 'luzmo-edit-item',
|
|
7
|
-
elementClass: LuzmoEditItemClass,
|
|
8
|
-
react: React,
|
|
9
|
-
events: {
|
|
10
|
-
onLuzmoOptionsChanged: 'luzmo-options-changed' as EventName<CustomEvent>
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* React wrapper for <luzmo-edit-item>
|
|
16
|
-
*
|
|
17
|
-
* @event onLuzmoOptionsChanged - Announces that the `options` of the element have changed
|
|
18
|
-
*/
|
|
19
|
-
export const LuzmoEditItem = LuzmoEditItemComponent as ReactWebComponent<
|
|
20
|
-
LuzmoEditItemClass,
|
|
21
|
-
{
|
|
22
|
-
onLuzmoOptionsChanged: EventName<CustomEvent>;
|
|
23
|
-
}
|
|
24
|
-
>;
|
|
25
|
-
|
|
26
|
-
/** The underlying custom element type for LuzmoEditItem */
|
|
27
|
-
export type LuzmoEditItemElement = LuzmoEditItemClass;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { createComponent, EventName, ReactWebComponent } from '@lit/react';
|
|
3
|
-
import { LuzmoEditOptionActionButtonGroup as LuzmoEditOptionActionButtonGroupClass } from '@luzmo/analytics-components-kit/edit-option-action-button-group';
|
|
4
|
-
|
|
5
|
-
const LuzmoEditOptionActionButtonGroupComponent = createComponent({
|
|
6
|
-
tagName: 'luzmo-edit-option-action-button-group',
|
|
7
|
-
elementClass: LuzmoEditOptionActionButtonGroupClass,
|
|
8
|
-
react: React,
|
|
9
|
-
events: {
|
|
10
|
-
onLuzmoOptionChanged: 'luzmo-option-changed' as EventName<CustomEvent>
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* React wrapper for <luzmo-edit-option-action-button-group>
|
|
16
|
-
*/
|
|
17
|
-
export const LuzmoEditOptionActionButtonGroup = LuzmoEditOptionActionButtonGroupComponent as ReactWebComponent<
|
|
18
|
-
LuzmoEditOptionActionButtonGroupClass,
|
|
19
|
-
{
|
|
20
|
-
onLuzmoOptionChanged: EventName<CustomEvent>;
|
|
21
|
-
}
|
|
22
|
-
>;
|
|
23
|
-
|
|
24
|
-
/** The underlying custom element type for LuzmoEditOptionActionButtonGroup */
|
|
25
|
-
export type LuzmoEditOptionActionButtonGroupElement = LuzmoEditOptionActionButtonGroupClass;
|