@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
|
@@ -377,7 +377,7 @@ const getControlByKey = (n, O, k) => {
|
|
|
377
377
|
}
|
|
378
378
|
return null;
|
|
379
379
|
};
|
|
380
|
-
var
|
|
380
|
+
var item_option_module_default = ":host{font-family:var(--luzmo-item-option-font-family,var(--luzmo-font-family));font-size:var(--luzmo-item-option-font-size,var(--luzmo-font-size));display:block;overflow:hidden}:host([size=s]){font-size:var(--luzmo-item-option-font-size-s,var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-item-option-font-size-l,var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-item-option-font-size-xl,var(--luzmo-font-size-xl))}";
|
|
381
381
|
const getDefaultValue = (n) => {
|
|
382
382
|
let O;
|
|
383
383
|
return typeof n?.controlInfo?.default == "function" ? O = n.controlInfo.default({
|
|
@@ -454,7 +454,7 @@ const getDefaultValue = (n) => {
|
|
|
454
454
|
});
|
|
455
455
|
let j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, N = getValueByKey(n, n.optionKey), P = getDefaultValue(n), { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
|
|
456
456
|
return html`
|
|
457
|
-
<luzmo-
|
|
457
|
+
<luzmo-item-option-action-button-group
|
|
458
458
|
.label=${O}
|
|
459
459
|
?hide-label=${n.controlInfo?.hideLabel}
|
|
460
460
|
.value=${N}
|
|
@@ -470,7 +470,7 @@ const getDefaultValue = (n) => {
|
|
|
470
470
|
@luzmo-option-changed=${z}
|
|
471
471
|
.parseValue=${n.controlInfo?.parseValue}
|
|
472
472
|
.toValue=${n.controlInfo?.toValue}
|
|
473
|
-
></luzmo-
|
|
473
|
+
></luzmo-item-option-action-button-group>
|
|
474
474
|
`;
|
|
475
475
|
}, getEnumValues = (n) => {
|
|
476
476
|
let O;
|
|
@@ -482,7 +482,7 @@ const getDefaultValue = (n) => {
|
|
|
482
482
|
}, colorPalettePickerMarkup = (n) => {
|
|
483
483
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = getValueByKey(n, n.optionKey), A = getEnumValues(n), j = n.size, N = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n), { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
|
|
484
484
|
return html`
|
|
485
|
-
<luzmo-
|
|
485
|
+
<luzmo-item-option-color-palette-picker
|
|
486
486
|
.value=${k ?? P}
|
|
487
487
|
.values=${A}
|
|
488
488
|
.label=${O}
|
|
@@ -501,12 +501,12 @@ const getDefaultValue = (n) => {
|
|
|
501
501
|
@luzmo-option-changed=${z}
|
|
502
502
|
.parseValue=${n.controlInfo?.parseValue}
|
|
503
503
|
.toValue=${n.controlInfo?.toValue}
|
|
504
|
-
></luzmo-
|
|
504
|
+
></luzmo-item-option-color-palette-picker>
|
|
505
505
|
`;
|
|
506
506
|
}, colorPickerMarkup = (n) => {
|
|
507
507
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = getValueByKey(n, n.optionKey), A = n.size, j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, N = getDefaultValue(n), { extraLabel: P, extraLabelTooltip: F, extraLabelHasClickAction: I, extraLabelClickAction: L } = getExtraLabelValues(n), R = generateCallback(n);
|
|
508
508
|
return html`
|
|
509
|
-
<luzmo-
|
|
509
|
+
<luzmo-item-option-color-picker
|
|
510
510
|
.value=${k ?? N}
|
|
511
511
|
.label=${O}
|
|
512
512
|
?hide-label=${n.controlInfo?.hideLabel}
|
|
@@ -524,12 +524,12 @@ const getDefaultValue = (n) => {
|
|
|
524
524
|
@luzmo-option-changed=${R}
|
|
525
525
|
.parseValue=${n.controlInfo?.parseValue}
|
|
526
526
|
.toValue=${n.controlInfo?.toValue}
|
|
527
|
-
></luzmo-
|
|
527
|
+
></luzmo-item-option-color-picker>
|
|
528
528
|
`;
|
|
529
529
|
}, colorRangeMarkup = (n) => {
|
|
530
530
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = getValueByKey(n, n.optionKey), A = n.size, j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, N = getDefaultValue(n), P = typeof n?.controlInfo?.percentage == "function" ? n.controlInfo.percentage(n) : n.controlInfo.percentage, F = typeof n?.controlInfo?.reverse == "function" ? n.controlInfo.reverse(n) : n.controlInfo.reverse, I = typeof n?.controlInfo?.noAlphaChannel == "function" ? n.controlInfo.noAlphaChannel(n) : n.controlInfo.noAlphaChannel, L = typeof n?.controlInfo?.editRangeSize == "function" ? n.controlInfo.editRangeSize(n) : n.controlInfo.editRangeSize, R = typeof n?.controlInfo?.minimumRangeSize == "function" ? n.controlInfo.minimumRangeSize(n) : n.controlInfo.minimumRangeSize, z = typeof n?.controlInfo?.negativeInfinityValue == "function" ? n.controlInfo.negativeInfinityValue(n) : n.controlInfo.negativeInfinityValue, B = typeof n?.controlInfo?.noValues == "function" ? n.controlInfo.noValues(n) : n.controlInfo.noValues, V = typeof n?.controlInfo?.readOnlyColorPicker == "function" ? n.controlInfo.readOnlyColorPicker(n) : n.controlInfo.readOnlyColorPicker, { extraLabel: H, extraLabelTooltip: U, extraLabelHasClickAction: W, extraLabelClickAction: G } = getExtraLabelValues(n), K = generateCallback(n);
|
|
531
531
|
return html`
|
|
532
|
-
<luzmo-
|
|
532
|
+
<luzmo-item-option-color-range
|
|
533
533
|
.value=${k ?? N}
|
|
534
534
|
.label=${O}
|
|
535
535
|
.size=${A}
|
|
@@ -556,12 +556,12 @@ const getDefaultValue = (n) => {
|
|
|
556
556
|
@luzmo-option-changed=${K}
|
|
557
557
|
.parseValue=${n.controlInfo?.parseValue}
|
|
558
558
|
.toValue=${n.controlInfo?.toValue}
|
|
559
|
-
></luzmo-
|
|
559
|
+
></luzmo-item-option-color-range>
|
|
560
560
|
`;
|
|
561
561
|
}, multiLanguageFieldMarkup = (n) => {
|
|
562
562
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = getValueByKey(n, n.optionKey) ?? {}, A = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, j = n.language ?? "en", N = { [j]: n.translations?.options?.[n.optionKey]?.placeholder ?? n.controlInfo?.placeholder ?? "" }, P = n.size, F = getDefaultValue(n), { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
|
|
563
563
|
return html`
|
|
564
|
-
<luzmo-
|
|
564
|
+
<luzmo-item-option-multi-language-field
|
|
565
565
|
.label=${O}
|
|
566
566
|
?hide-label=${n.controlInfo?.hideLabel}
|
|
567
567
|
.placeholder=${N}
|
|
@@ -576,12 +576,12 @@ const getDefaultValue = (n) => {
|
|
|
576
576
|
@luzmo-option-changed=${V}
|
|
577
577
|
.parseValue=${n.controlInfo?.parseValue}
|
|
578
578
|
.toValue=${n.controlInfo?.toValue}
|
|
579
|
-
></luzmo-
|
|
579
|
+
></luzmo-item-option-multi-language-field>
|
|
580
580
|
`;
|
|
581
581
|
}, numberFieldMarkup = (n) => {
|
|
582
582
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = n.controlInfo?.min, A = n.controlInfo?.max, j = n.controlInfo?.step, N = getValueByKey(n, n.optionKey), P = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, F = getDefaultValue(n), I = n.size, { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
|
|
583
583
|
return html`
|
|
584
|
-
<luzmo-
|
|
584
|
+
<luzmo-item-option-number-field
|
|
585
585
|
.value=${N}
|
|
586
586
|
.default=${F}
|
|
587
587
|
.min=${k}
|
|
@@ -601,7 +601,7 @@ const getDefaultValue = (n) => {
|
|
|
601
601
|
@luzmo-option-changed=${V}
|
|
602
602
|
.parseValue=${n.controlInfo?.parseValue}
|
|
603
603
|
.toValue=${n.controlInfo?.toValue}
|
|
604
|
-
></luzmo-
|
|
604
|
+
></luzmo-item-option-number-field>
|
|
605
605
|
`;
|
|
606
606
|
}, buildEnumValues = (n, O) => {
|
|
607
607
|
let k = {};
|
|
@@ -617,7 +617,7 @@ const getDefaultValue = (n) => {
|
|
|
617
617
|
}, pickerMarkup = (n) => {
|
|
618
618
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = getValueByKey(n, n.optionKey), A = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, j = n.translations?.options?.[n.optionKey]?.enum, N = buildEnumValues(n.controlInfo?.enum, j), P = n.size, F = getDefaultValue(n), { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
|
|
619
619
|
return html`
|
|
620
|
-
<luzmo-
|
|
620
|
+
<luzmo-item-option-picker
|
|
621
621
|
.value=${k}
|
|
622
622
|
.default=${F}
|
|
623
623
|
.values=${N}
|
|
@@ -632,12 +632,12 @@ const getDefaultValue = (n) => {
|
|
|
632
632
|
@luzmo-option-changed=${B}
|
|
633
633
|
.parseValue=${n.controlInfo?.parseValue}
|
|
634
634
|
.toValue=${n.controlInfo?.toValue}
|
|
635
|
-
></luzmo-
|
|
635
|
+
></luzmo-item-option-picker>
|
|
636
636
|
`;
|
|
637
637
|
}, positionPickerMarkup = (n) => {
|
|
638
638
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label, k = n.controlInfo?.positions, A = n.size, j = getValueByKey(n, n.optionKey), N = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, P = getDefaultValue(n) ?? "topRight", { extraLabel: F, extraLabelTooltip: I, extraLabelHasClickAction: L, extraLabelClickAction: R } = getExtraLabelValues(n), z = generateCallback(n);
|
|
639
639
|
return html`
|
|
640
|
-
<luzmo-
|
|
640
|
+
<luzmo-item-option-position-picker
|
|
641
641
|
.value=${j}
|
|
642
642
|
.positions=${k}
|
|
643
643
|
.default=${P}
|
|
@@ -651,12 +651,12 @@ const getDefaultValue = (n) => {
|
|
|
651
651
|
@luzmo-extra-label-click=${R}
|
|
652
652
|
@luzmo-option-changed=${z}
|
|
653
653
|
.readonly=${n.controlInfo?.readonly}
|
|
654
|
-
></luzmo-
|
|
654
|
+
></luzmo-item-option-position-picker>
|
|
655
655
|
`;
|
|
656
656
|
}, positionsNumberFieldMarkup = (n) => {
|
|
657
657
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label, k = getValueByKey(n, n.optionKey), A = n.size, j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, N = getDefaultValue(n), { extraLabel: P, extraLabelTooltip: F, extraLabelHasClickAction: I, extraLabelClickAction: L } = getExtraLabelValues(n), R = generateCallback(n);
|
|
658
658
|
return html`
|
|
659
|
-
<luzmo-
|
|
659
|
+
<luzmo-item-option-positions-number-field
|
|
660
660
|
.values=${k ?? N}
|
|
661
661
|
.positions=${n.controlInfo?.positions}
|
|
662
662
|
.positionConfiguration=${n.controlInfo?.positionConfiguration}
|
|
@@ -671,12 +671,12 @@ const getDefaultValue = (n) => {
|
|
|
671
671
|
@luzmo-option-changed=${R}
|
|
672
672
|
.parseValue=${n.controlInfo?.parseValue}
|
|
673
673
|
.toValue=${n.controlInfo?.toValue}
|
|
674
|
-
></luzmo-
|
|
674
|
+
></luzmo-item-option-positions-number-field>
|
|
675
675
|
`;
|
|
676
676
|
}, radioButtonGroupMarkup = (n) => {
|
|
677
677
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = getValueByKey(n, n.optionKey), A = getDefaultValue(n), j = n.translations?.options?.[n.optionKey]?.enum, N = buildEnumValues(n.controlInfo?.enum, j), P = n.size, F = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
|
|
678
678
|
return html`
|
|
679
|
-
<luzmo-
|
|
679
|
+
<luzmo-item-option-radio-button-group
|
|
680
680
|
.value=${k ?? A}
|
|
681
681
|
.values=${N}
|
|
682
682
|
.label=${O}
|
|
@@ -690,12 +690,12 @@ const getDefaultValue = (n) => {
|
|
|
690
690
|
@luzmo-option-changed=${B}
|
|
691
691
|
.parseValue=${n.controlInfo?.parseValue}
|
|
692
692
|
.toValue=${n.controlInfo?.toValue}
|
|
693
|
-
></luzmo-
|
|
693
|
+
></luzmo-item-option-radio-button-group>
|
|
694
694
|
`;
|
|
695
695
|
}, sliderMarkup = (n) => {
|
|
696
696
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, A = n.controlInfo?.min, j = n.controlInfo?.max, N = n.controlInfo?.step, P = getValueByKey(n, n.optionKey), F = n.size, I = getDefaultValue(n), { extraLabel: L, extraLabelTooltip: R, extraLabelHasClickAction: z, extraLabelClickAction: B } = getExtraLabelValues(n), V = generateCallback(n);
|
|
697
697
|
return html`
|
|
698
|
-
<luzmo-
|
|
698
|
+
<luzmo-item-option-slider
|
|
699
699
|
.value=${P}
|
|
700
700
|
.default=${I}
|
|
701
701
|
.min=${A}
|
|
@@ -717,12 +717,12 @@ const getDefaultValue = (n) => {
|
|
|
717
717
|
@luzmo-option-changed=${V}
|
|
718
718
|
.parseValue=${n.controlInfo?.parseValue}
|
|
719
719
|
.toValue=${n.controlInfo?.toValue}
|
|
720
|
-
></luzmo-
|
|
720
|
+
></luzmo-item-option-slider>
|
|
721
721
|
`;
|
|
722
722
|
}, switchMarkup = (n) => {
|
|
723
723
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = getValueByKey(n, n.optionKey), A = n.size, j = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, N = getDefaultValue(n), { extraLabel: P, extraLabelTooltip: F, extraLabelHasClickAction: I, extraLabelClickAction: L } = getExtraLabelValues(n), R = generateCallback(n);
|
|
724
724
|
return html`
|
|
725
|
-
<luzmo-
|
|
725
|
+
<luzmo-item-option-switch
|
|
726
726
|
.value=${k ?? N ?? !1}
|
|
727
727
|
.label=${O}
|
|
728
728
|
?hide-label=${n.controlInfo?.hideLabel}
|
|
@@ -735,12 +735,12 @@ const getDefaultValue = (n) => {
|
|
|
735
735
|
@luzmo-option-changed=${R}
|
|
736
736
|
.parseValue=${n.controlInfo?.parseValue}
|
|
737
737
|
.toValue=${n.controlInfo?.toValue}
|
|
738
|
-
></luzmo-
|
|
738
|
+
></luzmo-item-option-switch>
|
|
739
739
|
`;
|
|
740
740
|
}, textFieldMarkup = (n) => {
|
|
741
741
|
let O = n.translations?.options?.[n.optionKey]?.label ?? n.controlInfo?.label ?? n.optionKey ?? "", k = n.language ?? "en", A = { [k]: n.translations?.options?.[n.optionKey]?.placeholder ?? n.controlInfo?.placeholder ?? "" }, j = getValueByKey(n, n.optionKey) ?? "", N = n.size, P = n.translations?.options?.[n.optionKey]?.tooltip ?? n.controlInfo?.tooltip, F = getDefaultValue(n), { extraLabel: I, extraLabelTooltip: L, extraLabelHasClickAction: R, extraLabelClickAction: z } = getExtraLabelValues(n), B = generateCallback(n);
|
|
742
742
|
return html`
|
|
743
|
-
<luzmo-
|
|
743
|
+
<luzmo-item-option-text-field
|
|
744
744
|
.label=${O}
|
|
745
745
|
?hide-label=${n.controlInfo?.hideLabel}
|
|
746
746
|
.placeholder=${A[k]}
|
|
@@ -754,7 +754,7 @@ const getDefaultValue = (n) => {
|
|
|
754
754
|
@luzmo-option-changed=${B}
|
|
755
755
|
.parseValue=${n.controlInfo?.parseValue}
|
|
756
756
|
.toValue=${n.controlInfo?.toValue}
|
|
757
|
-
></luzmo-
|
|
757
|
+
></luzmo-item-option-text-field>
|
|
758
758
|
`;
|
|
759
759
|
}, controlMarkup = (n) => {
|
|
760
760
|
switch (n.controlType) {
|
|
@@ -773,7 +773,7 @@ const getDefaultValue = (n) => {
|
|
|
773
773
|
case "action-button-group": return actionButtonGroupMarkup(n);
|
|
774
774
|
}
|
|
775
775
|
};
|
|
776
|
-
var
|
|
776
|
+
var LuzmoItemOption = class extends LuzmoElement {
|
|
777
777
|
constructor(...n) {
|
|
778
778
|
super(...n), this._loadItemConfig = new Task(this, {
|
|
779
779
|
task: async ([n, O, M, N, P, F, I, L, R]) => {
|
|
@@ -804,22 +804,23 @@ var LuzmoEditOption = class extends LuzmoElement {
|
|
|
804
804
|
let V = getControlByKey(O ?? "", this._optionsConfig), H = V?.type;
|
|
805
805
|
if (H !== this._controlTypeLoaded) {
|
|
806
806
|
let n = /* @__PURE__ */ Object.assign({
|
|
807
|
-
"../
|
|
808
|
-
"../
|
|
809
|
-
"../
|
|
810
|
-
"../
|
|
811
|
-
"../
|
|
812
|
-
"../
|
|
813
|
-
"../
|
|
814
|
-
"../
|
|
815
|
-
"../
|
|
816
|
-
"../
|
|
817
|
-
"../
|
|
818
|
-
"../
|
|
819
|
-
"../
|
|
807
|
+
"../item-option-action-button-group/index.ts": () => import("./item-option-action-button-group/index.js"),
|
|
808
|
+
"../item-option-color-palette-picker/index.ts": () => import("./item-option-color-palette-picker/index.js"),
|
|
809
|
+
"../item-option-color-picker/index.ts": () => import("./item-option-color-picker/index.js"),
|
|
810
|
+
"../item-option-color-range/index.ts": () => import("./item-option-color-range/index.js"),
|
|
811
|
+
"../item-option-multi-language-field/index.ts": () => import("./item-option-multi-language-field/index.js"),
|
|
812
|
+
"../item-option-number-field/index.ts": () => import("./item-option-number-field/index.js"),
|
|
813
|
+
"../item-option-panel/index.ts": () => import("./item-option-panel/index.js"),
|
|
814
|
+
"../item-option-picker/index.ts": () => import("./item-option-picker/index.js"),
|
|
815
|
+
"../item-option-position-picker/index.ts": () => import("./item-option-position-picker/index.js"),
|
|
816
|
+
"../item-option-positions-number-field/index.ts": () => import("./item-option-positions-number-field/index.js"),
|
|
817
|
+
"../item-option-radio-button-group/index.ts": () => import("./item-option-radio-button-group/index.js"),
|
|
818
|
+
"../item-option-slider/index.ts": () => import("./item-option-slider/index.js"),
|
|
819
|
+
"../item-option-switch/index.ts": () => import("./item-option-switch/index.js"),
|
|
820
|
+
"../item-option-text-field/index.ts": () => import("./item-option-text-field/index.js")
|
|
820
821
|
});
|
|
821
822
|
try {
|
|
822
|
-
n[`../
|
|
823
|
+
n[`../item-option-${H}/index.ts`] && (await n[`../item-option-${H}/index.ts`](), this._controlTypeLoaded = H);
|
|
823
824
|
} catch (n) {
|
|
824
825
|
console.error(n);
|
|
825
826
|
}
|
|
@@ -847,7 +848,7 @@ var LuzmoEditOption = class extends LuzmoElement {
|
|
|
847
848
|
};
|
|
848
849
|
}
|
|
849
850
|
static {
|
|
850
|
-
this.styles = unsafeCSS(
|
|
851
|
+
this.styles = unsafeCSS(item_option_module_default);
|
|
851
852
|
}
|
|
852
853
|
render() {
|
|
853
854
|
return this._loadItemConfig.render({
|
|
@@ -925,34 +926,34 @@ var LuzmoEditOption = class extends LuzmoElement {
|
|
|
925
926
|
__decorate([property({
|
|
926
927
|
type: String,
|
|
927
928
|
reflect: !0
|
|
928
|
-
})],
|
|
929
|
+
})], LuzmoItemOption.prototype, "language", void 0), __decorate([property({
|
|
929
930
|
type: String,
|
|
930
931
|
reflect: !0,
|
|
931
932
|
attribute: "item-type"
|
|
932
|
-
})],
|
|
933
|
+
})], LuzmoItemOption.prototype, "itemType", void 0), __decorate([property({
|
|
933
934
|
type: String,
|
|
934
935
|
reflect: !0,
|
|
935
936
|
attribute: "option-key"
|
|
936
|
-
})],
|
|
937
|
+
})], LuzmoItemOption.prototype, "optionKey", void 0), __decorate([property({
|
|
937
938
|
type: Object,
|
|
938
939
|
reflect: !1
|
|
939
|
-
})],
|
|
940
|
+
})], LuzmoItemOption.prototype, "customOptionConfiguration", void 0), __decorate([property({
|
|
940
941
|
type: Object,
|
|
941
942
|
reflect: !1
|
|
942
|
-
})],
|
|
943
|
+
})], LuzmoItemOption.prototype, "customTranslations", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "options", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "slots", void 0), __decorate([property({ type: Object })], LuzmoItemOption.prototype, "theme", void 0), __decorate([property({
|
|
943
944
|
type: String,
|
|
944
945
|
attribute: "api-url",
|
|
945
946
|
reflect: !0
|
|
946
|
-
})],
|
|
947
|
+
})], LuzmoItemOption.prototype, "apiUrl", void 0), __decorate([property({
|
|
947
948
|
type: String,
|
|
948
949
|
attribute: "auth-key",
|
|
949
950
|
reflect: !0
|
|
950
|
-
})],
|
|
951
|
+
})], LuzmoItemOption.prototype, "authKey", void 0), __decorate([property({
|
|
951
952
|
type: String,
|
|
952
953
|
attribute: "auth-token",
|
|
953
954
|
reflect: !0
|
|
954
|
-
})],
|
|
955
|
+
})], LuzmoItemOption.prototype, "authToken", void 0), __decorate([property({
|
|
955
956
|
type: String,
|
|
956
957
|
reflect: !0
|
|
957
|
-
})],
|
|
958
|
-
export { y as i, getControlByKey as n, g as r,
|
|
958
|
+
})], LuzmoItemOption.prototype, "size", void 0), customElements.get("luzmo-item-option") || customElements.define("luzmo-item-option", LuzmoItemOption);
|
|
959
|
+
export { y as i, getControlByKey as n, g as r, LuzmoItemOption as t };
|
package/components/{edit-option-action-button-group → item-option-action-button-group}/index.cjs
RENAMED
|
@@ -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-action-button-group-BLZCRdal.cjs`);exports.LuzmoItemOptionActionButtonGroup=e.t;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { LuzmoItemOptionActionButtonGroup } from './item-option-action-button-group';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'luzmo-item-option-action-button-group': LuzmoItemOptionActionButtonGroup;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export { LuzmoItemOptionActionButtonGroup } from './item-option-action-button-group';
|
package/components/{edit-option-action-button-group → item-option-action-button-group}/index.js
RENAMED
|
@@ -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 LuzmoItemOptionActionButtonGroup } from "../item-option-action-button-group-CpxigTwu.js";
|
|
32
|
+
export { LuzmoItemOptionActionButtonGroup };
|
|
@@ -2,7 +2,7 @@ import '@luzmo/lucero/action-button';
|
|
|
2
2
|
import '@luzmo/lucero/action-group';
|
|
3
3
|
import '@luzmo/lucero/icon';
|
|
4
4
|
import { TemplateResult } from 'lit';
|
|
5
|
-
import {
|
|
5
|
+
import { LuzmoItemOptionBase } from '../item-option-base/item-option-base';
|
|
6
6
|
export type ButtonContent = {
|
|
7
7
|
icon?: {
|
|
8
8
|
icon: [number, number, string | string[]];
|
|
@@ -13,9 +13,9 @@ export type ButtonContent = {
|
|
|
13
13
|
buttonText?: string;
|
|
14
14
|
};
|
|
15
15
|
/**
|
|
16
|
-
* @customElement luzmo-
|
|
16
|
+
* @customElement luzmo-item-option-action-button-group
|
|
17
17
|
*/
|
|
18
|
-
export declare class
|
|
18
|
+
export declare class LuzmoItemOptionActionButtonGroup extends LuzmoItemOptionBase {
|
|
19
19
|
static styles: (import("lit").CSSResultOrNative | import("lit").CSSResultArray)[];
|
|
20
20
|
values: Record<string, ButtonContent>;
|
|
21
21
|
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(`@luzmo/icons`),i=require(`lit`),a=require(`lit/decorators.js`);require(`@luzmo/lucero/icon`),require(`@luzmo/lucero/action-button`),require(`@luzmo/lucero/action-group`);var o=`luzmo-action-group{--luzmo-item-option-action-button-group-button-background-hover:rgba(var(--luzmo-primary-rgb),.1);--luzmo-item-option-action-button-group-button-background-down:rgba(var(--luzmo-primary-rgb),.2);--luzmo-item-option-action-button-group-button-background-focus:rgba(var(--luzmo-primary-rgb),.1);--luzmo-item-option-action-button-group-button-content-color-default:var(--luzmo-font-color-disabled);--luzmo-item-option-action-button-group-button-content-color-hover:var(--luzmo-font-color-hover);--luzmo-item-option-action-button-group-button-content-color-down:var(--luzmo-font-color-down);--luzmo-item-option-action-button-group-button-content-color-focus:var(--luzmo-font-color-focus)}luzmo-action-group[compact][quiet][emphasized],luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-hover);--luzmo-action-button-background-color-down:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-focus:var(--luzmo-item-option-action-button-group-button-background-focus);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-default);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-hover);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-focus:var(--luzmo-item-option-action-button-group-button-content-color-focus)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-default:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down)}`,s={alignBottom:r.luzmoAlignBottom,alignMiddle:r.luzmoAlignMiddle,alignTop:r.luzmoAlignTop,alignLeft:r.luzmoAlignLeft,alignCenter:r.luzmoAlignCenter,alignRight:r.luzmoAlignRight,ban:r.luzmoBan,borderSolid:r.luzmoBorderSolid,borderDashed:r.luzmoBorderDashed,borderDotted:r.luzmoBorderDotted,compress:r.luzmoCompress,expand:r.luzmoExpand,arrowsExpand:r.luzmoArrowsExpand,arrowsHorizontal:r.luzmoArrowsHorizontal,arrowsVertical:r.luzmoArrowsVertical,italic:r.luzmoItalic,bold:r.luzmoBold,underline:r.luzmoUnderline,rows:r.luzmoRows,columns:r.luzmoColumns,table:r.luzmoTable},c=class extends n.t{constructor(...e){super(...e),this.values={},this.disabled=!1}static{this.styles=[...super.styles,(0,i.unsafeCSS)(o)]}_handleEvent(){let e=this.selects===`multiple`?this.actionGroup?.selected:this.actionGroup?.selected?.[0];this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}_generateButtonContents(e){return typeof e==`string`?i.html`${e}`:e.iconName||e.icon?i.html`
|
|
21
21
|
<luzmo-icon
|
|
22
22
|
slot="icon"
|
|
23
23
|
.size=${this.size}
|
|
@@ -49,4 +49,4 @@ const e=require(`./chunk-350yNsax.cjs`),t=require(`./decorate-Dq4-zbi1.cjs`),n=r
|
|
|
49
49
|
>
|
|
50
50
|
${e}
|
|
51
51
|
</luzmo-action-group>
|
|
52
|
-
`}};t.t([(0,a.property)({type:Array})],c.prototype,`values`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],c.prototype,`disabled`,void 0),t.t([(0,a.property)({type:String})],c.prototype,`selects`,void 0),t.t([(0,a.property)({type:Array})],c.prototype,`value`,void 0),t.t([(0,a.property)({type:Array})],c.prototype,`default`,void 0),t.t([(0,a.query)(`luzmo-action-group`)],c.prototype,`actionGroup`,void 0),customElements.get(`luzmo-
|
|
52
|
+
`}};t.t([(0,a.property)({type:Array})],c.prototype,`values`,void 0),t.t([(0,a.property)({type:Boolean,reflect:!0})],c.prototype,`disabled`,void 0),t.t([(0,a.property)({type:String})],c.prototype,`selects`,void 0),t.t([(0,a.property)({type:Array})],c.prototype,`value`,void 0),t.t([(0,a.property)({type:Array})],c.prototype,`default`,void 0),t.t([(0,a.query)(`luzmo-action-group`)],c.prototype,`actionGroup`,void 0),customElements.get(`luzmo-item-option-action-button-group`)||customElements.define(`luzmo-item-option-action-button-group`,c),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
|
|
@@ -18,14 +18,14 @@
|
|
|
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 { luzmoAlignBottom, luzmoAlignCenter, luzmoAlignLeft, luzmoAlignMiddle, luzmoAlignRight, luzmoAlignTop, luzmoArrowsExpand, luzmoArrowsHorizontal, luzmoArrowsVertical, luzmoBan, luzmoBold, luzmoBorderDashed, luzmoBorderDotted, luzmoBorderSolid, luzmoColumns, luzmoCompress, luzmoExpand, luzmoItalic, luzmoRows, luzmoTable, luzmoUnderline } from "@luzmo/icons";
|
|
23
23
|
import { html, unsafeCSS } from "lit";
|
|
24
24
|
import { property, query } from "lit/decorators.js";
|
|
25
25
|
import "@luzmo/lucero/icon";
|
|
26
26
|
import "@luzmo/lucero/action-button";
|
|
27
27
|
import "@luzmo/lucero/action-group";
|
|
28
|
-
var
|
|
28
|
+
var item_option_action_button_group_module_default = "luzmo-action-group{--luzmo-item-option-action-button-group-button-background-hover:rgba(var(--luzmo-primary-rgb),.1);--luzmo-item-option-action-button-group-button-background-down:rgba(var(--luzmo-primary-rgb),.2);--luzmo-item-option-action-button-group-button-background-focus:rgba(var(--luzmo-primary-rgb),.1);--luzmo-item-option-action-button-group-button-content-color-default:var(--luzmo-font-color-disabled);--luzmo-item-option-action-button-group-button-content-color-hover:var(--luzmo-font-color-hover);--luzmo-item-option-action-button-group-button-content-color-down:var(--luzmo-font-color-down);--luzmo-item-option-action-button-group-button-content-color-focus:var(--luzmo-font-color-focus)}luzmo-action-group[compact][quiet][emphasized],luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact:var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-hover);--luzmo-action-button-background-color-down:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-focus:var(--luzmo-item-option-action-button-group-button-background-focus);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-default);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-hover);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-focus:var(--luzmo-item-option-action-button-group-button-content-color-focus)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-background-color-default:var(--luzmo-item-option-action-button-group-button-background-down);--luzmo-action-button-content-color-default:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-hover:var(--luzmo-item-option-action-button-group-button-content-color-down);--luzmo-action-button-content-color-down:var(--luzmo-item-option-action-button-group-button-content-color-down)}", iconCollection = {
|
|
29
29
|
alignBottom: luzmoAlignBottom,
|
|
30
30
|
alignMiddle: luzmoAlignMiddle,
|
|
31
31
|
alignTop: luzmoAlignTop,
|
|
@@ -47,12 +47,12 @@ var edit_option_action_button_group_module_default = "luzmo-action-group{--luzmo
|
|
|
47
47
|
rows: luzmoRows,
|
|
48
48
|
columns: luzmoColumns,
|
|
49
49
|
table: luzmoTable
|
|
50
|
-
},
|
|
50
|
+
}, LuzmoItemOptionActionButtonGroup = class extends LuzmoItemOptionBase {
|
|
51
51
|
constructor(...e) {
|
|
52
52
|
super(...e), this.values = {}, this.disabled = !1;
|
|
53
53
|
}
|
|
54
54
|
static {
|
|
55
|
-
this.styles = [...super.styles, unsafeCSS(
|
|
55
|
+
this.styles = [...super.styles, unsafeCSS(item_option_action_button_group_module_default)];
|
|
56
56
|
}
|
|
57
57
|
_handleEvent() {
|
|
58
58
|
let e = this.selects === "multiple" ? this.actionGroup?.selected : this.actionGroup?.selected?.[0];
|
|
@@ -106,8 +106,8 @@ var edit_option_action_button_group_module_default = "luzmo-action-group{--luzmo
|
|
|
106
106
|
`;
|
|
107
107
|
}
|
|
108
108
|
};
|
|
109
|
-
__decorate([property({ type: Array })],
|
|
109
|
+
__decorate([property({ type: Array })], LuzmoItemOptionActionButtonGroup.prototype, "values", void 0), __decorate([property({
|
|
110
110
|
type: Boolean,
|
|
111
111
|
reflect: !0
|
|
112
|
-
})],
|
|
113
|
-
export {
|
|
112
|
+
})], LuzmoItemOptionActionButtonGroup.prototype, "disabled", void 0), __decorate([property({ type: String })], LuzmoItemOptionActionButtonGroup.prototype, "selects", void 0), __decorate([property({ type: Array })], LuzmoItemOptionActionButtonGroup.prototype, "value", void 0), __decorate([property({ type: Array })], LuzmoItemOptionActionButtonGroup.prototype, "default", void 0), __decorate([query("luzmo-action-group")], LuzmoItemOptionActionButtonGroup.prototype, "actionGroup", void 0), customElements.get("luzmo-item-option-action-button-group") || customElements.define("luzmo-item-option-action-button-group", LuzmoItemOptionActionButtonGroup);
|
|
113
|
+
export { LuzmoItemOptionActionButtonGroup as t };
|
package/components/{edit-option-base/edit-option-base.d.ts → item-option-base/item-option-base.d.ts}
RENAMED
|
@@ -2,11 +2,11 @@ import '@luzmo/lucero/field-label';
|
|
|
2
2
|
import '@luzmo/lucero/tooltip';
|
|
3
3
|
import { CSSResultArray, TemplateResult } from 'lit';
|
|
4
4
|
import { LuzmoElement } from '../../utils/base';
|
|
5
|
-
declare const
|
|
5
|
+
declare const LuzmoItemOptionBase_base: typeof LuzmoElement & {
|
|
6
6
|
new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
|
|
7
7
|
prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
|
|
8
8
|
};
|
|
9
|
-
export declare abstract class
|
|
9
|
+
export declare abstract class LuzmoItemOptionBase extends LuzmoItemOptionBase_base {
|
|
10
10
|
static styles: CSSResultArray;
|
|
11
11
|
disabled: boolean;
|
|
12
12
|
hideLabel: boolean;
|
|
@@ -23,7 +23,7 @@ import { html, nothing, unsafeCSS } from "lit";
|
|
|
23
23
|
import { property } from "lit/decorators.js";
|
|
24
24
|
import "@luzmo/lucero/tooltip";
|
|
25
25
|
import "@luzmo/lucero/field-label";
|
|
26
|
-
var
|
|
26
|
+
var item_option_module_default = ":host{font-family:var(--luzmo-item-option-component-font-family,var(--luzmo-font-family))}.luzmo-item-option{height:var(--luzmo-item-option-component-height,var(--item-option-component-height));justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);width:100%;color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);display:flex}.control-container{align-items:center;gap:var(--luzmo-item-option-control-container-gap,var(--item-option-control-container-gap));flex:1;justify-content:end;display:flex}.extra-label{padding-left:var(--luzmo-item-option-extra-label-padding-left,var(--item-option-extra-label-padding-left));padding-right:var(--luzmo-item-option-extra-label-padding-right,var(--item-option-extra-label-padding-right));font-size:var(--luzmo-item-option-extra-label-font-size,var(--item-option-extra-label-font-size))}.extra-link{text-align:right;cursor:pointer;text-decoration:underline}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--item-option-component-height:var(--luzmo-component-height);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-s)}:host([size=s]){--item-option-component-height:var(--luzmo-component-height-s);--item-option-extra-label-padding-right:var(--luzmo-spacing-3);--item-option-extra-label-padding-left:var(--luzmo-spacing-4);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-xs)}:host([size=l]){--item-option-component-height:var(--luzmo-component-height-l);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-3);--item-option-extra-label-font-size:var(--luzmo-font-size)}:host([size=xl]){--item-option-component-height:var(--luzmo-component-height-xl);--item-option-extra-label-padding-right:var(--luzmo-spacing-5);--item-option-extra-label-padding-left:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--item-option-control-container-gap:var(--luzmo-spacing-4);--item-option-extra-label-font-size:var(--luzmo-font-size-l)}:host{display:block;overflow:hidden}", LuzmoItemOptionBase = class extends SizedMixin(LuzmoElement, {
|
|
27
27
|
defaultSize: "s",
|
|
28
28
|
validSizes: [
|
|
29
29
|
"s",
|
|
@@ -36,7 +36,7 @@ var edit_option_module_default = ":host{font-family:var(--luzmo-edit-option-comp
|
|
|
36
36
|
super(...e), this.disabled = !1, this.hideLabel = !1, this.label = "", this.tooltip = "", this.extraLabel = "", this.extraLabelHasClickAction = !1, this.extraLabelTooltip = "";
|
|
37
37
|
}
|
|
38
38
|
static {
|
|
39
|
-
this.styles = [unsafeCSS(
|
|
39
|
+
this.styles = [unsafeCSS(item_option_module_default)];
|
|
40
40
|
}
|
|
41
41
|
handleExtraLabelClick(e) {
|
|
42
42
|
if (this.extraLabelHasClickAction && typeof this.extraLabelClickAction == "function") {
|
|
@@ -55,11 +55,11 @@ var edit_option_module_default = ":host{font-family:var(--luzmo-edit-option-comp
|
|
|
55
55
|
}
|
|
56
56
|
render() {
|
|
57
57
|
return html`
|
|
58
|
-
<div class="luzmo-
|
|
58
|
+
<div class="luzmo-item-option">
|
|
59
59
|
${this.label && !this.hideLabel ? html`
|
|
60
60
|
<luzmo-field-label
|
|
61
61
|
.size=${this.size}
|
|
62
|
-
for="luzmo-
|
|
62
|
+
for="luzmo-item-option-control"
|
|
63
63
|
side-aligned="start"
|
|
64
64
|
>
|
|
65
65
|
${this.label}
|
|
@@ -93,24 +93,24 @@ var edit_option_module_default = ":host{font-family:var(--luzmo-edit-option-comp
|
|
|
93
93
|
__decorate([property({
|
|
94
94
|
type: Boolean,
|
|
95
95
|
reflect: !0
|
|
96
|
-
})],
|
|
96
|
+
})], LuzmoItemOptionBase.prototype, "disabled", void 0), __decorate([property({
|
|
97
97
|
type: Boolean,
|
|
98
98
|
reflect: !0,
|
|
99
99
|
attribute: "hide-label"
|
|
100
|
-
})],
|
|
100
|
+
})], LuzmoItemOptionBase.prototype, "hideLabel", void 0), __decorate([property({
|
|
101
101
|
type: String,
|
|
102
102
|
reflect: !0
|
|
103
|
-
})],
|
|
103
|
+
})], LuzmoItemOptionBase.prototype, "label", void 0), __decorate([property({
|
|
104
104
|
type: String,
|
|
105
105
|
reflect: !0
|
|
106
|
-
})],
|
|
106
|
+
})], LuzmoItemOptionBase.prototype, "tooltip", void 0), __decorate([property({
|
|
107
107
|
type: String,
|
|
108
108
|
attribute: "extra-label"
|
|
109
|
-
})],
|
|
109
|
+
})], LuzmoItemOptionBase.prototype, "extraLabel", void 0), __decorate([property({
|
|
110
110
|
type: Boolean,
|
|
111
111
|
attribute: "extra-label-has-click-action"
|
|
112
|
-
})],
|
|
112
|
+
})], LuzmoItemOptionBase.prototype, "extraLabelHasClickAction", void 0), __decorate([property()], LuzmoItemOptionBase.prototype, "extraLabelClickAction", void 0), __decorate([property({
|
|
113
113
|
type: String,
|
|
114
114
|
attribute: "extra-label-tooltip"
|
|
115
|
-
})],
|
|
116
|
-
export {
|
|
115
|
+
})], LuzmoItemOptionBase.prototype, "extraLabelTooltip", void 0);
|
|
116
|
+
export { LuzmoItemOptionBase as t };
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
18
18
|
* SOFTWARE.
|
|
19
19
|
* */
|
|
20
|
-
const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/tooltip`),require(`@luzmo/lucero/field-label`);var a=`:host{font-family:var(--luzmo-
|
|
21
|
-
<div class="luzmo-
|
|
20
|
+
const e=require(`./chunk-350yNsax.cjs`),t=require(`./base-C_azywlB.cjs`),n=require(`./decorate-Dq4-zbi1.cjs`);let r=require(`lit`),i=require(`lit/decorators.js`);require(`@luzmo/lucero/tooltip`),require(`@luzmo/lucero/field-label`);var a=`:host{font-family:var(--luzmo-item-option-component-font-family,var(--luzmo-font-family))}.luzmo-item-option{height:var(--luzmo-item-option-component-height,var(--item-option-component-height));justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);width:100%;color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);display:flex}.control-container{align-items:center;gap:var(--luzmo-item-option-control-container-gap,var(--item-option-control-container-gap));flex:1;justify-content:end;display:flex}.extra-label{padding-left:var(--luzmo-item-option-extra-label-padding-left,var(--item-option-extra-label-padding-left));padding-right:var(--luzmo-item-option-extra-label-padding-right,var(--item-option-extra-label-padding-right));font-size:var(--luzmo-item-option-extra-label-font-size,var(--item-option-extra-label-font-size))}.extra-link{text-align:right;cursor:pointer;text-decoration:underline}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--item-option-component-height:var(--luzmo-component-height);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-s)}:host([size=s]){--item-option-component-height:var(--luzmo-component-height-s);--item-option-extra-label-padding-right:var(--luzmo-spacing-3);--item-option-extra-label-padding-left:var(--luzmo-spacing-4);--item-option-control-container-gap:var(--luzmo-spacing-2);--item-option-extra-label-font-size:var(--luzmo-font-size-xs)}:host([size=l]){--item-option-component-height:var(--luzmo-component-height-l);--item-option-extra-label-padding-right:var(--luzmo-spacing-4);--item-option-extra-label-padding-left:var(--luzmo-spacing-5);--item-option-control-container-gap:var(--luzmo-spacing-3);--item-option-extra-label-font-size:var(--luzmo-font-size)}:host([size=xl]){--item-option-component-height:var(--luzmo-component-height-xl);--item-option-extra-label-padding-right:var(--luzmo-spacing-5);--item-option-extra-label-padding-left:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--item-option-control-container-gap:var(--luzmo-spacing-4);--item-option-extra-label-font-size:var(--luzmo-font-size-l)}:host{display:block;overflow:hidden}`,o=class extends t.n(t.i,{defaultSize:`s`,validSizes:[`s`,`m`,`l`,`xl`]}){constructor(...e){super(...e),this.disabled=!1,this.hideLabel=!1,this.label=``,this.tooltip=``,this.extraLabel=``,this.extraLabelHasClickAction=!1,this.extraLabelTooltip=``}static{this.styles=[(0,r.unsafeCSS)(a)]}handleExtraLabelClick(e){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction==`function`){let{value:e}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent(`luzmo-option-changed`,{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}e.preventDefault(),this.dispatchEvent(new CustomEvent(`luzmo-extra-label-click`,{bubbles:!0,composed:!0}))}render(){return r.html`
|
|
21
|
+
<div class="luzmo-item-option">
|
|
22
22
|
${this.label&&!this.hideLabel?r.html`
|
|
23
23
|
<luzmo-field-label
|
|
24
24
|
.size=${this.size}
|
|
25
|
-
for="luzmo-
|
|
25
|
+
for="luzmo-item-option-control"
|
|
26
26
|
side-aligned="start"
|
|
27
27
|
>
|
|
28
28
|
${this.label}
|
package/components/{edit-option-color-palette-picker → item-option-color-palette-picker}/index.cjs
RENAMED
|
@@ -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-color-palette-picker-BpHn8zX4.cjs`);exports.LuzmoItemOptionColorPalettePicker=e.t;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { LuzmoItemOptionColorPalettePicker } from './item-option-color-palette-picker';
|
|
2
|
+
declare global {
|
|
3
|
+
interface HTMLElementTagNameMap {
|
|
4
|
+
'luzmo-item-option-color-palette-picker': LuzmoItemOptionColorPalettePicker;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
export { LuzmoItemOptionColorPalettePicker } from './item-option-color-palette-picker';
|
package/components/{edit-option-color-palette-picker → item-option-color-palette-picker}/index.js
RENAMED
|
@@ -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 LuzmoItemOptionColorPalettePicker } from "../item-option-color-palette-picker-Ccqo-1kI.js";
|
|
32
|
+
export { LuzmoItemOptionColorPalettePicker };
|