@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
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./
|
|
20
|
+
const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./item-option-base-DHV8L9Ut.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/text-field`);var a=`:host{height:var(--luzmo-item-option-position-picker-grid-height,var(--item-option-position-picker-grid-height));align-items:center;display:flex}.luzmo-item-option{height:var(--luzmo-item-option-position-picker-grid-height,var(--item-option-position-picker-grid-height))}.position-grid{gap:var(--luzmo-item-option-position-picker-grid-gap,var(--item-option-position-picker-grid-gap));width:var(--luzmo-item-option-position-picker-grid-width,var(--item-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-item-option-position-picker-grid-border-color,var(--luzmo-border-color));padding:var(--luzmo-item-option-position-picker-grid-padding,var(--item-option-position-picker-grid-padding));border-radius:var(--luzmo-item-option-position-picker-grid-border-radius,var(--item-option-position-picker-grid-border-radius));grid-template-columns:repeat(3,1fr);display:grid}.position-item{width:100%;height:var(--luzmo-item-option-position-picker-item-height,var(--item-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-item-option-position-picker-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-position-picker-border-radius,var(--item-option-position-picker-border-radius));background:var(--luzmo-item-option-position-picker-background,var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-item-option-position-picker-animation-duration,var(--luzmo-animation-duration))ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-item-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-item-option-position-picker-background-selected,var(--luzmo-primary));transition:background-color var(--luzmo-item-option-position-picker-selected-animation-duration,0)ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--item-option-position-picker-grid-height:7rem;--item-option-position-picker-grid-width:7rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-padding:.25rem;--item-option-position-picker-item-height:1.75rem;--item-option-position-picker-grid-gap:.25rem}:host([size=s]){--item-option-position-picker-grid-height:5.125rem;--item-option-position-picker-grid-width:5.625rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-s);--item-option-position-picker-grid-padding:.125rem;--item-option-position-picker-item-height:1.5rem;--item-option-position-picker-grid-gap:.125rem}:host([size=l]){--item-option-position-picker-grid-height:8rem;--item-option-position-picker-grid-width:8rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius-l);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-l);--item-option-position-picker-grid-padding:.3rem;--item-option-position-picker-item-height:2rem;--item-option-position-picker-grid-gap:.25rem}:host([size=xl]){--item-option-position-picker-grid-height:9rem;--item-option-position-picker-grid-width:9rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius-xl);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-xl);--item-option-position-picker-grid-padding:.375rem;--item-option-position-picker-item-height:2.25rem;--item-option-position-picker-grid-gap:.275rem}`,o=[`topLeft`,`top`,`topRight`,`left`,`center`,`right`,`bottomLeft`,`bottom`,`bottomRight`],s=o.filter(e=>e!==`center`),c=class extends n.t{constructor(...e){super(...e),this.default=`topRight`,this.positions=s,this.readonly=!1}static{this.styles=[super.styles,(0,r.unsafeCSS)(a)]}_handleEvent(){this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.value}}))}_handleClick(e){this.positions?.includes(e)&&(this.value=e,this._handleEvent())}willUpdate(){this.value=this.value??this.default??`topRight`,this.positions=this.positions??s}renderController(){return r.html` <div class="position-grid">${o.map(e=>r.html`
|
|
21
21
|
<div
|
|
22
22
|
class="position-item ${this.positions?.includes(e)?`position-item-allowed`:`position-item-not-allowed`} ${this.value===e?`selected`:``}"
|
|
23
23
|
@click=${this._handleClick.bind(this,e)}
|
|
24
24
|
></div>
|
|
25
|
-
`)}</div> `}};t.t([(0,i.property)({type:String,reflect:!0})],c.prototype,`value`,void 0),t.t([(0,i.property)({type:String,reflect:!0,attribute:`default-position`})],c.prototype,`default`,void 0),t.t([(0,i.property)({type:Array,reflect:!0})],c.prototype,`positions`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`readonly`,void 0),customElements.get(`luzmo-
|
|
25
|
+
`)}</div> `}};t.t([(0,i.property)({type:String,reflect:!0})],c.prototype,`value`,void 0),t.t([(0,i.property)({type:String,reflect:!0,attribute:`default-position`})],c.prototype,`default`,void 0),t.t([(0,i.property)({type:Array,reflect:!0})],c.prototype,`positions`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`readonly`,void 0),customElements.get(`luzmo-item-option-position-picker`)||customElements.define(`luzmo-item-option-position-picker`,c),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
|
|
@@ -0,0 +1,79 @@
|
|
|
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 LuzmoItemOptionBase } from "./item-option-base-BWERLehm.js";
|
|
22
|
+
import { html, unsafeCSS } from "lit";
|
|
23
|
+
import { property } from "lit/decorators.js";
|
|
24
|
+
import "@luzmo/lucero/text-field";
|
|
25
|
+
var item_option_position_picker_module_default = ":host{height:var(--luzmo-item-option-position-picker-grid-height,var(--item-option-position-picker-grid-height));align-items:center;display:flex}.luzmo-item-option{height:var(--luzmo-item-option-position-picker-grid-height,var(--item-option-position-picker-grid-height))}.position-grid{gap:var(--luzmo-item-option-position-picker-grid-gap,var(--item-option-position-picker-grid-gap));width:var(--luzmo-item-option-position-picker-grid-width,var(--item-option-position-picker-grid-width));box-sizing:border-box;border:.0625rem solid var(--luzmo-item-option-position-picker-grid-border-color,var(--luzmo-border-color));padding:var(--luzmo-item-option-position-picker-grid-padding,var(--item-option-position-picker-grid-padding));border-radius:var(--luzmo-item-option-position-picker-grid-border-radius,var(--item-option-position-picker-grid-border-radius));grid-template-columns:repeat(3,1fr);display:grid}.position-item{width:100%;height:var(--luzmo-item-option-position-picker-item-height,var(--item-option-position-picker-item-height));box-sizing:border-box;border:.0625rem solid var(--luzmo-item-option-position-picker-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-position-picker-border-radius,var(--item-option-position-picker-border-radius));background:var(--luzmo-item-option-position-picker-background,var(--luzmo-background-color-highlight));transition:background-color var(--luzmo-item-option-position-picker-animation-duration,var(--luzmo-animation-duration))ease-in-out;cursor:pointer}.position-item:hover{background-color:var(--luzmo-item-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-item-option-position-picker-background-selected,var(--luzmo-primary));transition:background-color var(--luzmo-item-option-position-picker-selected-animation-duration,0)ease-in-out}.position-item.position-item-not-allowed{opacity:0}:host{--item-option-position-picker-grid-height:7rem;--item-option-position-picker-grid-width:7rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-padding:.25rem;--item-option-position-picker-item-height:1.75rem;--item-option-position-picker-grid-gap:.25rem}:host([size=s]){--item-option-position-picker-grid-height:5.125rem;--item-option-position-picker-grid-width:5.625rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-s);--item-option-position-picker-grid-padding:.125rem;--item-option-position-picker-item-height:1.5rem;--item-option-position-picker-grid-gap:.125rem}:host([size=l]){--item-option-position-picker-grid-height:8rem;--item-option-position-picker-grid-width:8rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius-l);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-l);--item-option-position-picker-grid-padding:.3rem;--item-option-position-picker-item-height:2rem;--item-option-position-picker-grid-gap:.25rem}:host([size=xl]){--item-option-position-picker-grid-height:9rem;--item-option-position-picker-grid-width:9rem;--item-option-position-picker-border-radius:var(--luzmo-border-radius-xl);--item-option-position-picker-grid-border-radius:var(--luzmo-border-radius-xl);--item-option-position-picker-grid-padding:.375rem;--item-option-position-picker-item-height:2.25rem;--item-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"), LuzmoItemOptionPositionPicker = class extends LuzmoItemOptionBase {
|
|
36
|
+
constructor(...e) {
|
|
37
|
+
super(...e), this.default = "topRight", this.positions = defaults, this.readonly = !1;
|
|
38
|
+
}
|
|
39
|
+
static {
|
|
40
|
+
this.styles = [super.styles, unsafeCSS(item_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
|
+
})], LuzmoItemOptionPositionPicker.prototype, "value", void 0), __decorate([property({
|
|
69
|
+
type: String,
|
|
70
|
+
reflect: !0,
|
|
71
|
+
attribute: "default-position"
|
|
72
|
+
})], LuzmoItemOptionPositionPicker.prototype, "default", void 0), __decorate([property({
|
|
73
|
+
type: Array,
|
|
74
|
+
reflect: !0
|
|
75
|
+
})], LuzmoItemOptionPositionPicker.prototype, "positions", void 0), __decorate([property({
|
|
76
|
+
type: Boolean,
|
|
77
|
+
reflect: !0
|
|
78
|
+
})], LuzmoItemOptionPositionPicker.prototype, "readonly", void 0), customElements.get("luzmo-item-option-position-picker") || customElements.define("luzmo-item-option-position-picker", LuzmoItemOptionPositionPicker);
|
|
79
|
+
export { LuzmoItemOptionPositionPicker as t };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
|
7
|
+
* This license allows users with a current active Luzmo account
|
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
11
|
+
*
|
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
|
+
* SOFTWARE.
|
|
19
|
+
* */
|
|
20
|
+
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(`../item-option-base-DHV8L9Ut.cjs`);const e=require(`../item-option-positions-number-field-C8pfRZ_L.cjs`);exports.LuzmoItemOptionPositionsNumberField=e.t;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { LuzmoItemOptionPositionsNumberField } from './item-option-positions-number-field';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'luzmo-item-option-positions-number-field': LuzmoItemOptionPositionsNumberField;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export { LuzmoItemOptionPositionsNumberField } from './item-option-positions-number-field';
|
|
@@ -0,0 +1,32 @@
|
|
|
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 "../item-option-base-BWERLehm.js";
|
|
31
|
+
import { t as LuzmoItemOptionPositionsNumberField } from "../item-option-positions-number-field-CHf2r7am.js";
|
|
32
|
+
export { LuzmoItemOptionPositionsNumberField };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import '@luzmo/lucero/number-field';
|
|
2
2
|
import { CSSResultArray } from 'lit';
|
|
3
|
-
import {
|
|
3
|
+
import { LuzmoItemOptionBase } from '../item-option-base/item-option-base';
|
|
4
4
|
export type Position = 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'center';
|
|
5
5
|
/**
|
|
6
|
-
* @customElement luzmo-
|
|
6
|
+
* @customElement luzmo-item-option-positions-number-field
|
|
7
7
|
*/
|
|
8
|
-
export declare class
|
|
8
|
+
export declare class LuzmoItemOptionPositionsNumberField extends LuzmoItemOptionBase {
|
|
9
9
|
static get styles(): CSSResultArray;
|
|
10
10
|
positions?: Position[];
|
|
11
11
|
values?: Record<Position, number | undefined>;
|
|
@@ -0,0 +1,46 @@
|
|
|
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(`./item-option-base-DHV8L9Ut.cjs`);let r=require(`@luzmo/icons`),i=require(`lit`),a=require(`lit/decorators.js`);require(`@luzmo/lucero/number-field`);var o=`:host{--item-option-positions-number-field-container-row-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-container-column-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height)*1.5)}:host([size=s]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-s)*1.5)}:host([size=l]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-l)*1.5)}:host([size=xl]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-xl)*1.5)}.positions-container{max-width:var(--luzmo-item-option-positions-number-field-container-max-width,var(--item-option-positions-number-field-container-max-width));row-gap:var(--luzmo-item-option-positions-number-field-container-row-gap,var(--item-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-item-option-positions-number-field-container-column-gap,var(--item-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-item-option-positions-number-field-sync-border-width,var(--luzmo-border-width))solid var(--luzmo-item-option-positions-number-field-sync-border-color,var(--luzmo-primary));border-radius:var(--luzmo-item-option-positions-number-field-sync-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-item-option-positions-number-field-no-sync-center-border-width,var(--luzmo-border-width))solid var(--luzmo-item-option-positions-number-field-no-sync-center-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-positions-number-field-no-sync-center-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));background-color:var(--luzmo-item-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-item-option-positions-number-field`)||customElements.define(`luzmo-item-option-positions-number-field`,s),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
20
|
import { t as __decorate } from "./decorate-Da6S_xrw.js";
|
|
21
|
-
import { t as
|
|
21
|
+
import { t as LuzmoItemOptionBase } from "./item-option-base-BWERLehm.js";
|
|
22
22
|
import { luzmoIcon, luzmoLockOutline } from "@luzmo/icons";
|
|
23
23
|
import { html, unsafeCSS } from "lit";
|
|
24
24
|
import { property, state } from "lit/decorators.js";
|
|
25
25
|
import "@luzmo/lucero/number-field";
|
|
26
|
-
var
|
|
26
|
+
var item_option_positions_number_field_module_default = ":host{--item-option-positions-number-field-container-row-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-container-column-gap:var(--luzmo-spacing-2);--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height)*1.5)}:host([size=s]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-s)*1.5)}:host([size=l]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-l)*1.5)}:host([size=xl]){--item-option-positions-number-field-sync-height:calc(var(--luzmo-component-height-xl)*1.5)}.positions-container{max-width:var(--luzmo-item-option-positions-number-field-container-max-width,var(--item-option-positions-number-field-container-max-width));row-gap:var(--luzmo-item-option-positions-number-field-container-row-gap,var(--item-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-item-option-positions-number-field-container-column-gap,var(--item-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-item-option-positions-number-field-sync-border-width,var(--luzmo-border-width))solid var(--luzmo-item-option-positions-number-field-sync-border-color,var(--luzmo-primary));border-radius:var(--luzmo-item-option-positions-number-field-sync-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-item-option-positions-number-field-no-sync-center-border-width,var(--luzmo-border-width))solid var(--luzmo-item-option-positions-number-field-no-sync-center-border-color,var(--luzmo-border-color));border-radius:var(--luzmo-item-option-positions-number-field-no-sync-center-border-radius,var(--luzmo-border-radius));height:var(--luzmo-item-option-positions-number-field-sync-height,var(--item-option-positions-number-field-sync-height));background-color:var(--luzmo-item-option-positions-number-field-no-sync-center-background-color,var(--luzmo-background-color-highlight))}", LuzmoItemOptionPositionsNumberField = class extends LuzmoItemOptionBase {
|
|
27
27
|
constructor(...e) {
|
|
28
28
|
super(...e), this.canSync = !0, this.invalid = !1, this.readonly = !1, this.debounce = 200, this._positions = [
|
|
29
29
|
[
|
|
@@ -44,7 +44,7 @@ var edit_option_positions_number_field_module_default = ":host{--edit-option-pos
|
|
|
44
44
|
];
|
|
45
45
|
}
|
|
46
46
|
static get styles() {
|
|
47
|
-
return [unsafeCSS(
|
|
47
|
+
return [unsafeCSS(item_option_positions_number_field_module_default)];
|
|
48
48
|
}
|
|
49
49
|
_calculateSyncedValue() {
|
|
50
50
|
let e, s = {};
|
|
@@ -131,24 +131,24 @@ var edit_option_positions_number_field_module_default = ":host{--edit-option-pos
|
|
|
131
131
|
__decorate([property({
|
|
132
132
|
type: Array,
|
|
133
133
|
reflect: !0
|
|
134
|
-
})],
|
|
134
|
+
})], LuzmoItemOptionPositionsNumberField.prototype, "positions", void 0), __decorate([property({
|
|
135
135
|
type: Object,
|
|
136
136
|
reflect: !0
|
|
137
|
-
})],
|
|
137
|
+
})], LuzmoItemOptionPositionsNumberField.prototype, "values", void 0), __decorate([property({
|
|
138
138
|
type: Boolean,
|
|
139
139
|
reflect: !0,
|
|
140
140
|
attribute: "can-sync"
|
|
141
|
-
})],
|
|
141
|
+
})], LuzmoItemOptionPositionsNumberField.prototype, "canSync", void 0), __decorate([property({ type: Object })], LuzmoItemOptionPositionsNumberField.prototype, "positionConfiguration", void 0), __decorate([property({
|
|
142
142
|
type: Boolean,
|
|
143
143
|
reflect: !0
|
|
144
|
-
})],
|
|
144
|
+
})], LuzmoItemOptionPositionsNumberField.prototype, "invalid", void 0), __decorate([property({
|
|
145
145
|
type: Boolean,
|
|
146
146
|
reflect: !0
|
|
147
|
-
})],
|
|
147
|
+
})], LuzmoItemOptionPositionsNumberField.prototype, "readonly", void 0), __decorate([property({
|
|
148
148
|
type: Number,
|
|
149
149
|
reflect: !0
|
|
150
|
-
})],
|
|
150
|
+
})], LuzmoItemOptionPositionsNumberField.prototype, "debounce", void 0), __decorate([property({
|
|
151
151
|
type: Boolean,
|
|
152
152
|
reflect: !0
|
|
153
|
-
})],
|
|
154
|
-
export {
|
|
153
|
+
})], LuzmoItemOptionPositionsNumberField.prototype, "sync", void 0), __decorate([state()], LuzmoItemOptionPositionsNumberField.prototype, "syncedValue", void 0), customElements.get("luzmo-item-option-positions-number-field") || customElements.define("luzmo-item-option-positions-number-field", LuzmoItemOptionPositionsNumberField);
|
|
154
|
+
export { LuzmoItemOptionPositionsNumberField as t };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Luzmo web components (“Luzmo Web Components”)
|
|
6
|
+
* must be used according to the Luzmo Terms of Service.
|
|
7
|
+
* This license allows users with a current active Luzmo account
|
|
8
|
+
* to use the Luzmo Web Components. This license terminates
|
|
9
|
+
* automatically if a user no longer has an active Luzmo account.
|
|
10
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
11
|
+
*
|
|
12
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
13
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
14
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
15
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
16
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
17
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
|
+
* SOFTWARE.
|
|
19
|
+
* */
|
|
20
|
+
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(`../item-option-base-DHV8L9Ut.cjs`);const e=require(`../item-option-radio-button-group-CN1zuAf8.cjs`);exports.LuzmoItemOptionRadioButtonGroup=e.t;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { LuzmoItemOptionRadioButtonGroup } from './item-option-radio-button-group';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'luzmo-item-option-radio-button-group': LuzmoItemOptionRadioButtonGroup;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export { LuzmoItemOptionRadioButtonGroup } from './item-option-radio-button-group';
|
|
@@ -0,0 +1,32 @@
|
|
|
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 "../item-option-base-BWERLehm.js";
|
|
31
|
+
import { t as LuzmoItemOptionRadioButtonGroup } from "../item-option-radio-button-group-C_AlEQSX.js";
|
|
32
|
+
export { LuzmoItemOptionRadioButtonGroup };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import '@luzmo/lucero/action-button';
|
|
2
2
|
import '@luzmo/lucero/action-group';
|
|
3
3
|
import { TemplateResult } from 'lit';
|
|
4
|
-
import {
|
|
4
|
+
import { LuzmoItemOptionBase } from '../item-option-base/item-option-base';
|
|
5
5
|
/**
|
|
6
|
-
* @customElement luzmo-
|
|
6
|
+
* @customElement luzmo-item-option-radio-button-group
|
|
7
7
|
*/
|
|
8
|
-
export declare class
|
|
8
|
+
export declare class LuzmoItemOptionRadioButtonGroup extends LuzmoItemOptionBase {
|
|
9
9
|
static styles: import("lit").CSSResultArray[];
|
|
10
10
|
values: Record<string, string>;
|
|
11
11
|
disabled: boolean;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./
|
|
20
|
+
const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./item-option-base-DHV8L9Ut.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/action-group`);var a=class extends n.t{constructor(...e){super(...e),this.values={},this.disabled=!1}static{this.styles=[super.styles]}generateRadioButtons(){return r.html` ${Object.entries(this.values).map(([e,t])=>r.html`
|
|
21
21
|
<luzmo-action-button value=${e} ?disabled=${this.disabled}>
|
|
22
22
|
${t}
|
|
23
23
|
</luzmo-action-button>
|
|
@@ -33,4 +33,4 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=r
|
|
|
33
33
|
>
|
|
34
34
|
${this.generateRadioButtons()}
|
|
35
35
|
</luzmo-action-group>
|
|
36
|
-
`}};t.t([(0,i.property)({type:Array})],a.prototype,`values`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],a.prototype,`disabled`,void 0),t.t([(0,i.property)({type:String})],a.prototype,`value`,void 0),t.t([(0,i.property)({type:String})],a.prototype,`default`,void 0),t.t([(0,i.property)()],a.prototype,`parseValue`,void 0),t.t([(0,i.property)()],a.prototype,`toValue`,void 0),t.t([(0,i.query)(`luzmo-action-group`)],a.prototype,`actionGroup`,void 0),customElements.get(`luzmo-
|
|
36
|
+
`}};t.t([(0,i.property)({type:Array})],a.prototype,`values`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],a.prototype,`disabled`,void 0),t.t([(0,i.property)({type:String})],a.prototype,`value`,void 0),t.t([(0,i.property)({type:String})],a.prototype,`default`,void 0),t.t([(0,i.property)()],a.prototype,`parseValue`,void 0),t.t([(0,i.property)()],a.prototype,`toValue`,void 0),t.t([(0,i.query)(`luzmo-action-group`)],a.prototype,`actionGroup`,void 0),customElements.get(`luzmo-item-option-radio-button-group`)||customElements.define(`luzmo-item-option-radio-button-group`,a),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
|
|
@@ -18,12 +18,12 @@
|
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
20
|
import { t as __decorate } from "./decorate-Da6S_xrw.js";
|
|
21
|
-
import { t as
|
|
21
|
+
import { t as LuzmoItemOptionBase } from "./item-option-base-BWERLehm.js";
|
|
22
22
|
import { html } from "lit";
|
|
23
23
|
import { property, query } from "lit/decorators.js";
|
|
24
24
|
import "@luzmo/lucero/action-button";
|
|
25
25
|
import "@luzmo/lucero/action-group";
|
|
26
|
-
var
|
|
26
|
+
var LuzmoItemOptionRadioButtonGroup = class extends LuzmoItemOptionBase {
|
|
27
27
|
constructor(...e) {
|
|
28
28
|
super(...e), this.values = {}, this.disabled = !1;
|
|
29
29
|
}
|
|
@@ -62,8 +62,8 @@ var LuzmoEditOptionRadioButtonGroup = class extends LuzmoEditOptionBase {
|
|
|
62
62
|
`;
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
|
-
__decorate([property({ type: Array })],
|
|
65
|
+
__decorate([property({ type: Array })], LuzmoItemOptionRadioButtonGroup.prototype, "values", void 0), __decorate([property({
|
|
66
66
|
type: Boolean,
|
|
67
67
|
reflect: !0
|
|
68
|
-
})],
|
|
69
|
-
export {
|
|
68
|
+
})], LuzmoItemOptionRadioButtonGroup.prototype, "disabled", void 0), __decorate([property({ type: String })], LuzmoItemOptionRadioButtonGroup.prototype, "value", void 0), __decorate([property({ type: String })], LuzmoItemOptionRadioButtonGroup.prototype, "default", void 0), __decorate([property()], LuzmoItemOptionRadioButtonGroup.prototype, "parseValue", void 0), __decorate([property()], LuzmoItemOptionRadioButtonGroup.prototype, "toValue", void 0), __decorate([query("luzmo-action-group")], LuzmoItemOptionRadioButtonGroup.prototype, "actionGroup", void 0), customElements.get("luzmo-item-option-radio-button-group") || customElements.define("luzmo-item-option-radio-button-group", LuzmoItemOptionRadioButtonGroup);
|
|
69
|
+
export { LuzmoItemOptionRadioButtonGroup as t };
|
|
@@ -17,4 +17,4 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C9s0jVjQ.cjs`),require(`../localized-mixin-DD2Hm1jz.cjs`),require(`../
|
|
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(`../item-option-base-DHV8L9Ut.cjs`);const e=require(`../item-option-slider-Cx_w_v_0.cjs`);exports.LuzmoItemOptionSlider=e.t;
|
|
@@ -27,6 +27,6 @@ import "../base-rg2x95aL.js";
|
|
|
27
27
|
import "../focus-visible-D1pJhWEh.js";
|
|
28
28
|
import "../set-locale-CgsoV0B9.js";
|
|
29
29
|
import "../localized-mixin-rjHF23Hg.js";
|
|
30
|
-
import "../
|
|
31
|
-
import { t as
|
|
32
|
-
export {
|
|
30
|
+
import "../item-option-base-BWERLehm.js";
|
|
31
|
+
import { t as LuzmoItemOptionSlider } from "../item-option-slider-CkKpi11t.js";
|
|
32
|
+
export { LuzmoItemOptionSlider };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '@luzmo/lucero/slider';
|
|
2
|
-
import {
|
|
2
|
+
import { LuzmoItemOptionBase } from '../item-option-base/item-option-base';
|
|
3
3
|
/**
|
|
4
|
-
* @customElement luzmo-
|
|
4
|
+
* @customElement luzmo-item-option-slider
|
|
5
5
|
*/
|
|
6
|
-
export declare class
|
|
6
|
+
export declare class LuzmoItemOptionSlider extends LuzmoItemOptionBase {
|
|
7
7
|
static styles: import("lit").CSSResultArray[];
|
|
8
8
|
value: number;
|
|
9
9
|
default: number;
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
20
|
import { t as __decorate } from "./decorate-Da6S_xrw.js";
|
|
21
|
-
import { t as
|
|
21
|
+
import { t as LuzmoItemOptionBase } from "./item-option-base-BWERLehm.js";
|
|
22
22
|
import { html } from "lit";
|
|
23
23
|
import { property } from "lit/decorators.js";
|
|
24
24
|
import "@luzmo/lucero/slider";
|
|
25
|
-
var
|
|
25
|
+
var LuzmoItemOptionSlider = class extends LuzmoItemOptionBase {
|
|
26
26
|
constructor(...e) {
|
|
27
27
|
super(...e), this.value = 0, this.default = 0, this.min = 0, this.max = 100, this.step = 100, this.debounce = 200;
|
|
28
28
|
}
|
|
@@ -41,7 +41,7 @@ var LuzmoEditOptionSlider = class extends LuzmoEditOptionBase {
|
|
|
41
41
|
let e = typeof this.parseValue == "function" ? this.parseValue(this.value) : this.value, i = typeof this.parseValue == "function" ? this.parseValue(this.default) : this.default;
|
|
42
42
|
return html`
|
|
43
43
|
<luzmo-slider
|
|
44
|
-
id="luzmo-
|
|
44
|
+
id="luzmo-item-option-control"
|
|
45
45
|
.min=${this.min}
|
|
46
46
|
.max=${this.max}
|
|
47
47
|
.value=${e ?? i}
|
|
@@ -57,20 +57,20 @@ var LuzmoEditOptionSlider = class extends LuzmoEditOptionBase {
|
|
|
57
57
|
__decorate([property({
|
|
58
58
|
type: Number,
|
|
59
59
|
reflect: !0
|
|
60
|
-
})],
|
|
60
|
+
})], LuzmoItemOptionSlider.prototype, "value", void 0), __decorate([property({
|
|
61
61
|
type: Number,
|
|
62
62
|
reflect: !0
|
|
63
|
-
})],
|
|
63
|
+
})], LuzmoItemOptionSlider.prototype, "default", void 0), __decorate([property({
|
|
64
64
|
type: Number,
|
|
65
65
|
reflect: !0
|
|
66
|
-
})],
|
|
66
|
+
})], LuzmoItemOptionSlider.prototype, "min", void 0), __decorate([property({
|
|
67
67
|
type: Number,
|
|
68
68
|
reflect: !0
|
|
69
|
-
})],
|
|
69
|
+
})], LuzmoItemOptionSlider.prototype, "max", void 0), __decorate([property({
|
|
70
70
|
type: Number,
|
|
71
71
|
reflect: !0
|
|
72
|
-
})],
|
|
72
|
+
})], LuzmoItemOptionSlider.prototype, "step", void 0), __decorate([property({
|
|
73
73
|
type: Number,
|
|
74
74
|
reflect: !0
|
|
75
|
-
})],
|
|
76
|
-
export {
|
|
75
|
+
})], LuzmoItemOptionSlider.prototype, "debounce", void 0), __decorate([property()], LuzmoItemOptionSlider.prototype, "parseValue", void 0), __decorate([property()], LuzmoItemOptionSlider.prototype, "toValue", void 0), customElements.get("luzmo-item-option-slider") || customElements.define("luzmo-item-option-slider", LuzmoItemOptionSlider);
|
|
76
|
+
export { LuzmoItemOptionSlider as t };
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./
|
|
20
|
+
const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=require(`./item-option-base-DHV8L9Ut.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/slider`);var a=class extends n.t{constructor(...e){super(...e),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200}static{this.styles=[super.styles]}_handleEvent(e){this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toValue==`function`?this.toValue(e.detail):e.detail}}))}renderController(){let e=typeof this.parseValue==`function`?this.parseValue(this.value):this.value,t=typeof this.parseValue==`function`?this.parseValue(this.default):this.default;return r.html`
|
|
21
21
|
<luzmo-slider
|
|
22
|
-
id="luzmo-
|
|
22
|
+
id="luzmo-item-option-control"
|
|
23
23
|
.min=${this.min}
|
|
24
24
|
.max=${this.max}
|
|
25
25
|
.value=${e??t}
|
|
@@ -29,4 +29,4 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=r
|
|
|
29
29
|
.disabled=${this.disabled}
|
|
30
30
|
@change=${this._handleEvent}
|
|
31
31
|
></luzmo-slider>
|
|
32
|
-
`}};t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`value`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`default`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`min`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`max`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`step`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`debounce`,void 0),t.t([(0,i.property)()],a.prototype,`parseValue`,void 0),t.t([(0,i.property)()],a.prototype,`toValue`,void 0),customElements.get(`luzmo-
|
|
32
|
+
`}};t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`value`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`default`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`min`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`max`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`step`,void 0),t.t([(0,i.property)({type:Number,reflect:!0})],a.prototype,`debounce`,void 0),t.t([(0,i.property)()],a.prototype,`parseValue`,void 0),t.t([(0,i.property)()],a.prototype,`toValue`,void 0),customElements.get(`luzmo-item-option-slider`)||customElements.define(`luzmo-item-option-slider`,a),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
|
|
@@ -17,4 +17,4 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../base-C_azywlB.cjs`),require(`../focus-visible-3ACCHno4.cjs`),require(`../set-locale-C9s0jVjQ.cjs`),require(`../localized-mixin-DD2Hm1jz.cjs`),require(`../
|
|
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(`../item-option-base-DHV8L9Ut.cjs`);const e=require(`../item-option-switch-BX9eP6uu.cjs`);exports.LuzmoItemOptionSwitch=e.t;
|