handsontable 0.0.0-next-010265d-20231005 → 0.0.0-next-9379dd1-20231020
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of handsontable might be problematic. Click here for more details.
- package/3rdparty/walkontable/src/cell/coords.d.ts +6 -1
- package/3rdparty/walkontable/src/cell/coords.js +50 -11
- package/3rdparty/walkontable/src/cell/coords.mjs +50 -11
- package/3rdparty/walkontable/src/cell/range.d.ts +9 -2
- package/3rdparty/walkontable/src/cell/range.js +38 -7
- package/3rdparty/walkontable/src/cell/range.mjs +38 -7
- package/3rdparty/walkontable/src/core/_base.js +9 -3
- package/3rdparty/walkontable/src/core/_base.mjs +9 -3
- package/3rdparty/walkontable/src/core/clone.js +2 -2
- package/3rdparty/walkontable/src/core/clone.mjs +2 -2
- package/3rdparty/walkontable/src/core/core.js +3 -2
- package/3rdparty/walkontable/src/core/core.mjs +3 -2
- package/3rdparty/walkontable/src/event.js +12 -10
- package/3rdparty/walkontable/src/event.mjs +12 -10
- package/3rdparty/walkontable/src/facade/core.js +2 -2
- package/3rdparty/walkontable/src/facade/core.mjs +2 -2
- package/3rdparty/walkontable/src/index.js +10 -2
- package/3rdparty/walkontable/src/index.mjs +2 -2
- package/3rdparty/walkontable/src/overlay/_base.js +13 -2
- package/3rdparty/walkontable/src/overlay/_base.mjs +14 -3
- package/3rdparty/walkontable/src/overlay/inlineStart.js +2 -6
- package/3rdparty/walkontable/src/overlay/inlineStart.mjs +2 -6
- package/3rdparty/walkontable/src/overlay/top.js +2 -6
- package/3rdparty/walkontable/src/overlay/top.mjs +2 -6
- package/3rdparty/walkontable/src/renderer/cells.js +10 -0
- package/3rdparty/walkontable/src/renderer/cells.mjs +11 -1
- package/3rdparty/walkontable/src/renderer/columnHeaders.js +10 -0
- package/3rdparty/walkontable/src/renderer/columnHeaders.mjs +11 -1
- package/3rdparty/walkontable/src/renderer/rowHeaders.js +5 -0
- package/3rdparty/walkontable/src/renderer/rowHeaders.mjs +5 -0
- package/3rdparty/walkontable/src/renderer/rows.js +13 -0
- package/3rdparty/walkontable/src/renderer/rows.mjs +13 -0
- package/3rdparty/walkontable/src/renderer/table.js +9 -0
- package/3rdparty/walkontable/src/renderer/table.mjs +9 -0
- package/3rdparty/walkontable/src/scroll.js +2 -0
- package/3rdparty/walkontable/src/scroll.mjs +2 -0
- package/3rdparty/walkontable/src/{border.js → selection/border/border.js} +7 -12
- package/3rdparty/walkontable/src/{border.mjs → selection/border/border.mjs} +7 -12
- package/3rdparty/walkontable/src/selection/border/constants.js +16 -0
- package/3rdparty/walkontable/src/selection/border/constants.mjs +12 -0
- package/3rdparty/walkontable/src/selection/constants.js +62 -0
- package/3rdparty/walkontable/src/selection/constants.mjs +51 -0
- package/3rdparty/walkontable/src/selection/index.js +26 -0
- package/3rdparty/walkontable/src/selection/index.mjs +5 -0
- package/3rdparty/walkontable/src/selection/manager.js +274 -0
- package/3rdparty/walkontable/src/selection/manager.mjs +269 -0
- package/3rdparty/walkontable/src/selection/scanner.js +270 -0
- package/3rdparty/walkontable/src/selection/scanner.mjs +267 -0
- package/3rdparty/walkontable/src/selection/selection.js +101 -0
- package/3rdparty/walkontable/src/selection/selection.mjs +96 -0
- package/3rdparty/walkontable/src/settings.js +13 -4
- package/3rdparty/walkontable/src/settings.mjs +13 -4
- package/3rdparty/walkontable/src/table/mixin/calculatedColumns.js +9 -0
- package/3rdparty/walkontable/src/table/mixin/calculatedColumns.mjs +9 -0
- package/3rdparty/walkontable/src/table/mixin/calculatedRows.js +9 -0
- package/3rdparty/walkontable/src/table/mixin/calculatedRows.mjs +9 -0
- package/3rdparty/walkontable/src/table/mixin/stickyColumnsStart.js +9 -0
- package/3rdparty/walkontable/src/table/mixin/stickyColumnsStart.mjs +9 -0
- package/3rdparty/walkontable/src/table/mixin/stickyRowsBottom.js +9 -0
- package/3rdparty/walkontable/src/table/mixin/stickyRowsBottom.mjs +9 -0
- package/3rdparty/walkontable/src/table/mixin/stickyRowsTop.js +9 -0
- package/3rdparty/walkontable/src/table/mixin/stickyRowsTop.mjs +9 -0
- package/3rdparty/walkontable/src/table.js +19 -78
- package/3rdparty/walkontable/src/table.mjs +20 -79
- package/base.js +2 -2
- package/base.mjs +2 -2
- package/cellTypes/dateType/dateType.d.ts +3 -3
- package/cellTypes/dateType/dateType.js +2 -2
- package/cellTypes/dateType/dateType.mjs +2 -2
- package/cellTypes/handsontableType/handsontableType.d.ts +3 -3
- package/cellTypes/handsontableType/handsontableType.js +2 -2
- package/cellTypes/handsontableType/handsontableType.mjs +2 -2
- package/cellTypes/index.d.ts +3 -0
- package/cellTypes/index.js +4 -0
- package/cellTypes/index.mjs +3 -1
- package/cellTypes/selectType/index.d.ts +1 -0
- package/cellTypes/selectType/index.js +6 -0
- package/cellTypes/selectType/index.mjs +1 -0
- package/cellTypes/selectType/selectType.d.ts +14 -0
- package/cellTypes/selectType/selectType.js +13 -0
- package/cellTypes/selectType/selectType.mjs +8 -0
- package/core/focusCatcher/focusDetector.js +63 -0
- package/core/focusCatcher/focusDetector.mjs +59 -0
- package/core/focusCatcher/index.js +142 -0
- package/core/focusCatcher/index.mjs +138 -0
- package/core/index.js +9 -0
- package/core/index.mjs +1 -0
- package/core.d.ts +9 -4
- package/core.js +285 -327
- package/core.mjs +285 -327
- package/dataMap/metaManager/metaSchema.js +65 -0
- package/dataMap/metaManager/metaSchema.mjs +65 -0
- package/dataMap/metaManager/mods/extendMetaProperties.js +7 -1
- package/dataMap/metaManager/mods/extendMetaProperties.mjs +7 -1
- package/dataMap/replaceData.js +5 -0
- package/dataMap/replaceData.mjs +5 -0
- package/dist/handsontable.css +40 -5
- package/dist/handsontable.full.css +40 -5
- package/dist/handsontable.full.js +11744 -6945
- package/dist/handsontable.full.min.css +4 -4
- package/dist/handsontable.full.min.js +141 -141
- package/dist/handsontable.js +14036 -9237
- package/dist/handsontable.min.css +3 -3
- package/dist/handsontable.min.js +21 -21
- package/dist/languages/all.js +6 -2
- package/dist/languages/all.min.js +1 -1
- package/dist/languages/en-US.js +3 -1
- package/dist/languages/en-US.min.js +1 -1
- package/dist/languages/pl-PL.js +3 -1
- package/dist/languages/pl-PL.min.js +1 -1
- package/editorManager.js +15 -87
- package/editorManager.mjs +16 -87
- package/editors/autocompleteEditor/autocompleteEditor.js +53 -2
- package/editors/autocompleteEditor/autocompleteEditor.mjs +54 -3
- package/editors/dateEditor/dateEditor.js +26 -7
- package/editors/dateEditor/dateEditor.mjs +27 -8
- package/editors/handsontableEditor/handsontableEditor.js +9 -1
- package/editors/handsontableEditor/handsontableEditor.mjs +10 -2
- package/editors/textEditor/textEditor.js +19 -27
- package/editors/textEditor/textEditor.mjs +22 -30
- package/focusManager.d.ts +12 -0
- package/focusManager.js +265 -0
- package/focusManager.mjs +261 -0
- package/helpers/a11y.js +79 -0
- package/helpers/a11y.mjs +38 -0
- package/helpers/dom/element.js +188 -9
- package/helpers/dom/element.mjs +182 -9
- package/helpers/mixed.js +1 -1
- package/helpers/mixed.mjs +1 -1
- package/helpers/number.d.ts +1 -0
- package/helpers/number.js +18 -0
- package/helpers/number.mjs +17 -0
- package/i18n/constants.js +7 -1
- package/i18n/constants.mjs +4 -1
- package/i18n/languages/en-US.js +3 -1
- package/i18n/languages/en-US.mjs +3 -1
- package/i18n/languages/pl-PL.js +3 -1
- package/i18n/languages/pl-PL.mjs +3 -1
- package/languages/all.js +6 -2
- package/languages/en-US.js +3 -1
- package/languages/en-US.mjs +3 -1
- package/languages/index.js +6 -2
- package/languages/pl-PL.js +3 -1
- package/languages/pl-PL.mjs +3 -1
- package/package.json +21 -1
- package/pluginHooks.d.ts +12 -1
- package/pluginHooks.js +152 -1
- package/pluginHooks.mjs +152 -1
- package/plugins/collapsibleColumns/collapsibleColumns.js +74 -4
- package/plugins/collapsibleColumns/collapsibleColumns.mjs +75 -5
- package/plugins/columnSorting/columnSorting.js +43 -0
- package/plugins/columnSorting/columnSorting.mjs +44 -3
- package/plugins/columnSorting/index.js +3 -1
- package/plugins/columnSorting/index.mjs +1 -1
- package/plugins/comments/commentEditor.js +1 -0
- package/plugins/comments/commentEditor.mjs +1 -0
- package/plugins/comments/comments.js +252 -189
- package/plugins/comments/comments.mjs +251 -190
- package/plugins/comments/contextMenuItem/addEditComment.js +41 -0
- package/plugins/comments/contextMenuItem/addEditComment.mjs +35 -0
- package/plugins/comments/contextMenuItem/readOnlyComment.js +49 -0
- package/plugins/comments/contextMenuItem/readOnlyComment.mjs +43 -0
- package/plugins/comments/contextMenuItem/removeComment.js +38 -0
- package/plugins/comments/contextMenuItem/removeComment.mjs +32 -0
- package/plugins/contextMenu/commandExecutor.js +2 -3
- package/plugins/contextMenu/commandExecutor.mjs +2 -3
- package/plugins/contextMenu/contextMenu.d.ts +1 -1
- package/plugins/contextMenu/contextMenu.js +75 -36
- package/plugins/contextMenu/contextMenu.mjs +74 -35
- package/plugins/contextMenu/itemsFactory.js +2 -3
- package/plugins/contextMenu/itemsFactory.mjs +3 -4
- package/plugins/contextMenu/{cursor.mjs → menu/cursor.js} +6 -4
- package/plugins/contextMenu/{cursor.js → menu/cursor.mjs} +4 -10
- package/plugins/contextMenu/menu/index.js +9 -0
- package/plugins/contextMenu/menu/index.mjs +1 -0
- package/plugins/contextMenu/{menu.js → menu/menu.js} +96 -308
- package/plugins/contextMenu/{menu.mjs → menu/menu.mjs} +97 -309
- package/plugins/contextMenu/menu/navigator.js +152 -0
- package/plugins/contextMenu/menu/navigator.mjs +148 -0
- package/plugins/contextMenu/menu/positioner.js +213 -0
- package/plugins/contextMenu/menu/positioner.mjs +209 -0
- package/plugins/contextMenu/menu/utils.js +177 -0
- package/plugins/contextMenu/menu/utils.mjs +163 -0
- package/plugins/contextMenu/predefinedItems/alignment.js +7 -0
- package/plugins/contextMenu/predefinedItems/alignment.mjs +7 -0
- package/plugins/contextMenu/predefinedItems/clearColumn.js +5 -3
- package/plugins/contextMenu/predefinedItems/clearColumn.mjs +5 -3
- package/plugins/contextMenu/predefinedItems/columnLeft.js +5 -3
- package/plugins/contextMenu/predefinedItems/columnLeft.mjs +5 -3
- package/plugins/contextMenu/predefinedItems/columnRight.js +5 -3
- package/plugins/contextMenu/predefinedItems/columnRight.mjs +5 -3
- package/plugins/contextMenu/{predefinedItems.js → predefinedItems/index.js} +14 -14
- package/plugins/contextMenu/predefinedItems/index.mjs +68 -0
- package/plugins/contextMenu/predefinedItems/readOnly.js +7 -0
- package/plugins/contextMenu/predefinedItems/readOnly.mjs +7 -0
- package/plugins/contextMenu/predefinedItems/removeColumn.js +7 -5
- package/plugins/contextMenu/predefinedItems/removeColumn.mjs +5 -3
- package/plugins/contextMenu/predefinedItems/removeRow.js +7 -5
- package/plugins/contextMenu/predefinedItems/removeRow.mjs +5 -3
- package/plugins/contextMenu/predefinedItems/rowAbove.js +5 -3
- package/plugins/contextMenu/predefinedItems/rowAbove.mjs +5 -3
- package/plugins/contextMenu/predefinedItems/rowBelow.js +5 -3
- package/plugins/contextMenu/predefinedItems/rowBelow.mjs +5 -3
- package/plugins/contextMenu/utils.js +35 -151
- package/plugins/contextMenu/utils.mjs +35 -144
- package/plugins/copyPaste/contextMenuItem/copy.js +7 -0
- package/plugins/copyPaste/contextMenuItem/copy.mjs +7 -0
- package/plugins/copyPaste/contextMenuItem/copyColumnHeadersOnly.js +9 -1
- package/plugins/copyPaste/contextMenuItem/copyColumnHeadersOnly.mjs +9 -1
- package/plugins/copyPaste/contextMenuItem/copyWithColumnGroupHeaders.js +9 -1
- package/plugins/copyPaste/contextMenuItem/copyWithColumnGroupHeaders.mjs +9 -1
- package/plugins/copyPaste/contextMenuItem/copyWithColumnHeaders.js +9 -1
- package/plugins/copyPaste/contextMenuItem/copyWithColumnHeaders.mjs +9 -1
- package/plugins/copyPaste/contextMenuItem/cut.js +7 -0
- package/plugins/copyPaste/contextMenuItem/cut.mjs +7 -0
- package/plugins/copyPaste/copyPaste.js +127 -78
- package/plugins/copyPaste/copyPaste.mjs +128 -79
- package/plugins/customBorders/customBorders.js +23 -20
- package/plugins/customBorders/customBorders.mjs +24 -21
- package/plugins/dropdownMenu/dropdownMenu.d.ts +1 -1
- package/plugins/dropdownMenu/dropdownMenu.js +97 -38
- package/plugins/dropdownMenu/dropdownMenu.mjs +96 -37
- package/plugins/filters/constants.mjs +1 -1
- package/plugins/filters/filters.js +31 -14
- package/plugins/filters/filters.mjs +31 -14
- package/plugins/filters/ui/select.js +3 -3
- package/plugins/filters/ui/select.mjs +2 -2
- package/plugins/hiddenColumns/hiddenColumns.mjs +1 -1
- package/plugins/hiddenRows/hiddenRows.mjs +1 -1
- package/plugins/manualColumnMove/manualColumnMove.js +3 -1
- package/plugins/manualColumnMove/manualColumnMove.mjs +3 -1
- package/plugins/mergeCells/mergeCells.js +5 -16
- package/plugins/mergeCells/mergeCells.mjs +5 -16
- package/plugins/multiColumnSorting/multiColumnSorting.js +37 -2
- package/plugins/multiColumnSorting/multiColumnSorting.mjs +37 -2
- package/plugins/nestedHeaders/nestedHeaders.js +240 -10
- package/plugins/nestedHeaders/nestedHeaders.mjs +241 -11
- package/plugins/nestedHeaders/stateManager/index.js +102 -3
- package/plugins/nestedHeaders/stateManager/index.mjs +102 -3
- package/plugins/nestedRows/nestedRows.js +41 -0
- package/plugins/nestedRows/nestedRows.mjs +41 -0
- package/plugins/nestedRows/ui/headers.js +11 -0
- package/plugins/nestedRows/ui/headers.mjs +12 -1
- package/renderers/autocompleteRenderer/autocompleteRenderer.js +8 -0
- package/renderers/autocompleteRenderer/autocompleteRenderer.mjs +8 -0
- package/renderers/baseRenderer/baseRenderer.js +17 -0
- package/renderers/baseRenderer/baseRenderer.mjs +18 -1
- package/renderers/checkboxRenderer/checkboxRenderer.js +9 -4
- package/renderers/checkboxRenderer/checkboxRenderer.mjs +9 -4
- package/renderers/dateRenderer/dateRenderer.d.ts +5 -0
- package/renderers/dateRenderer/dateRenderer.js +29 -0
- package/renderers/dateRenderer/dateRenderer.mjs +24 -0
- package/renderers/dateRenderer/index.d.ts +1 -0
- package/renderers/dateRenderer/index.js +6 -0
- package/renderers/dateRenderer/index.mjs +1 -0
- package/renderers/handsontableRenderer/handsontableRenderer.d.ts +5 -0
- package/renderers/handsontableRenderer/handsontableRenderer.js +29 -0
- package/renderers/handsontableRenderer/handsontableRenderer.mjs +24 -0
- package/renderers/handsontableRenderer/index.d.ts +1 -0
- package/renderers/handsontableRenderer/index.js +6 -0
- package/renderers/handsontableRenderer/index.mjs +1 -0
- package/renderers/index.d.ts +9 -0
- package/renderers/selectRenderer/index.d.ts +1 -0
- package/renderers/selectRenderer/index.js +6 -0
- package/renderers/selectRenderer/index.mjs +1 -0
- package/renderers/selectRenderer/selectRenderer.d.ts +5 -0
- package/renderers/selectRenderer/selectRenderer.js +27 -0
- package/renderers/selectRenderer/selectRenderer.mjs +22 -0
- package/selection/highlight/highlight.js +256 -71
- package/selection/highlight/highlight.mjs +250 -71
- package/selection/highlight/types/activeHeader.js +10 -8
- package/selection/highlight/types/activeHeader.mjs +10 -8
- package/selection/highlight/types/area.js +6 -18
- package/selection/highlight/types/area.mjs +6 -18
- package/selection/highlight/types/areaLayered.js +31 -0
- package/selection/highlight/types/areaLayered.mjs +26 -0
- package/selection/highlight/types/column.js +27 -0
- package/selection/highlight/types/column.mjs +22 -0
- package/selection/highlight/types/customSelection.js +7 -9
- package/selection/highlight/types/customSelection.mjs +7 -9
- package/selection/highlight/types/fill.js +5 -7
- package/selection/highlight/types/fill.mjs +5 -7
- package/selection/highlight/types/{cell.js → focus.js} +5 -7
- package/selection/highlight/types/{cell.mjs → focus.mjs} +5 -7
- package/selection/highlight/types/header.js +9 -18
- package/selection/highlight/types/header.mjs +9 -18
- package/selection/highlight/types/row.js +27 -0
- package/selection/highlight/types/row.mjs +22 -0
- package/selection/highlight/visualSelection.js +31 -27
- package/selection/highlight/visualSelection.mjs +31 -27
- package/selection/index.js +4 -7
- package/selection/index.mjs +2 -3
- package/selection/mouseEventHandler.js +7 -1
- package/selection/mouseEventHandler.mjs +7 -1
- package/selection/range.js +8 -8
- package/selection/range.mjs +8 -8
- package/selection/selection.js +321 -152
- package/selection/selection.mjs +318 -151
- package/selection/transformation.js +232 -90
- package/selection/transformation.mjs +232 -90
- package/selection/utils.js +15 -21
- package/selection/utils.mjs +16 -21
- package/settings.d.ts +4 -0
- package/shortcutContexts/commands/editor/closeAndSave.js +12 -0
- package/shortcutContexts/commands/editor/closeAndSave.mjs +8 -0
- package/shortcutContexts/commands/editor/closeWithoutSaving.js +12 -0
- package/shortcutContexts/commands/editor/closeWithoutSaving.mjs +8 -0
- package/shortcutContexts/commands/editor/fastOpen.js +16 -0
- package/shortcutContexts/commands/editor/fastOpen.mjs +12 -0
- package/shortcutContexts/commands/editor/index.js +16 -0
- package/shortcutContexts/commands/editor/index.mjs +12 -0
- package/shortcutContexts/commands/editor/open.js +27 -0
- package/shortcutContexts/commands/editor/open.mjs +23 -0
- package/shortcutContexts/commands/emptySelectedCells.js +11 -0
- package/shortcutContexts/commands/emptySelectedCells.mjs +7 -0
- package/shortcutContexts/commands/extendCellsSelection/down.js +15 -0
- package/shortcutContexts/commands/extendCellsSelection/down.mjs +11 -0
- package/shortcutContexts/commands/extendCellsSelection/downByViewportHeight.js +25 -0
- package/shortcutContexts/commands/extendCellsSelection/downByViewportHeight.mjs +21 -0
- package/shortcutContexts/commands/extendCellsSelection/index.js +26 -0
- package/shortcutContexts/commands/extendCellsSelection/index.mjs +22 -0
- package/shortcutContexts/commands/extendCellsSelection/left.js +15 -0
- package/shortcutContexts/commands/extendCellsSelection/left.mjs +11 -0
- package/shortcutContexts/commands/extendCellsSelection/right.js +15 -0
- package/shortcutContexts/commands/extendCellsSelection/right.mjs +11 -0
- package/shortcutContexts/commands/extendCellsSelection/toColumns.js +19 -0
- package/shortcutContexts/commands/extendCellsSelection/toColumns.mjs +15 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostBottom.js +29 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostBottom.mjs +25 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostInlineEnd.js +19 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostInlineEnd.mjs +15 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostInlineStart.js +19 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostInlineStart.mjs +15 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostLeft.js +29 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostLeft.mjs +25 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostRight.js +29 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostRight.mjs +25 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostTop.js +29 -0
- package/shortcutContexts/commands/extendCellsSelection/toMostTop.mjs +25 -0
- package/shortcutContexts/commands/extendCellsSelection/toRows.js +19 -0
- package/shortcutContexts/commands/extendCellsSelection/toRows.mjs +15 -0
- package/shortcutContexts/commands/extendCellsSelection/up.js +15 -0
- package/shortcutContexts/commands/extendCellsSelection/up.mjs +11 -0
- package/shortcutContexts/commands/extendCellsSelection/upByViewportHeight.js +25 -0
- package/shortcutContexts/commands/extendCellsSelection/upByViewportHeight.mjs +21 -0
- package/shortcutContexts/commands/index.js +35 -0
- package/shortcutContexts/commands/index.mjs +31 -0
- package/shortcutContexts/commands/moveCellSelection/down.js +13 -0
- package/shortcutContexts/commands/moveCellSelection/down.mjs +9 -0
- package/shortcutContexts/commands/moveCellSelection/downByViewportHeight.js +33 -0
- package/shortcutContexts/commands/moveCellSelection/downByViewportHeight.mjs +29 -0
- package/shortcutContexts/commands/moveCellSelection/index.js +28 -0
- package/shortcutContexts/commands/moveCellSelection/index.mjs +24 -0
- package/shortcutContexts/commands/moveCellSelection/inlineEnd.js +12 -0
- package/shortcutContexts/commands/moveCellSelection/inlineEnd.mjs +8 -0
- package/shortcutContexts/commands/moveCellSelection/inlineStart.js +12 -0
- package/shortcutContexts/commands/moveCellSelection/inlineStart.mjs +8 -0
- package/shortcutContexts/commands/moveCellSelection/left.js +10 -0
- package/shortcutContexts/commands/moveCellSelection/left.mjs +6 -0
- package/shortcutContexts/commands/moveCellSelection/right.js +10 -0
- package/shortcutContexts/commands/moveCellSelection/right.mjs +6 -0
- package/shortcutContexts/commands/moveCellSelection/toMostBottom.js +17 -0
- package/shortcutContexts/commands/moveCellSelection/toMostBottom.mjs +13 -0
- package/shortcutContexts/commands/moveCellSelection/toMostBottomInlineEnd.js +18 -0
- package/shortcutContexts/commands/moveCellSelection/toMostBottomInlineEnd.mjs +14 -0
- package/shortcutContexts/commands/moveCellSelection/toMostInlineEnd.js +14 -0
- package/shortcutContexts/commands/moveCellSelection/toMostInlineEnd.mjs +10 -0
- package/shortcutContexts/commands/moveCellSelection/toMostInlineStart.js +17 -0
- package/shortcutContexts/commands/moveCellSelection/toMostInlineStart.mjs +13 -0
- package/shortcutContexts/commands/moveCellSelection/toMostLeft.js +19 -0
- package/shortcutContexts/commands/moveCellSelection/toMostLeft.mjs +15 -0
- package/shortcutContexts/commands/moveCellSelection/toMostRight.js +21 -0
- package/shortcutContexts/commands/moveCellSelection/toMostRight.mjs +17 -0
- package/shortcutContexts/commands/moveCellSelection/toMostTop.js +17 -0
- package/shortcutContexts/commands/moveCellSelection/toMostTop.mjs +13 -0
- package/shortcutContexts/commands/moveCellSelection/toMostTopInlineStart.js +19 -0
- package/shortcutContexts/commands/moveCellSelection/toMostTopInlineStart.mjs +15 -0
- package/shortcutContexts/commands/moveCellSelection/up.js +13 -0
- package/shortcutContexts/commands/moveCellSelection/up.mjs +9 -0
- package/shortcutContexts/commands/moveCellSelection/upByViewportHeight.js +33 -0
- package/shortcutContexts/commands/moveCellSelection/upByViewportHeight.mjs +29 -0
- package/shortcutContexts/commands/populateSelectedCellsData.js +29 -0
- package/shortcutContexts/commands/populateSelectedCellsData.mjs +25 -0
- package/shortcutContexts/commands/scrollToFocusedCell.js +35 -0
- package/shortcutContexts/commands/scrollToFocusedCell.mjs +31 -0
- package/shortcutContexts/commands/selectAll.js +12 -0
- package/shortcutContexts/commands/selectAll.mjs +8 -0
- package/shortcutContexts/constants.js +13 -0
- package/shortcutContexts/constants.mjs +8 -0
- package/shortcutContexts/editor.js +25 -0
- package/shortcutContexts/editor.mjs +21 -0
- package/shortcutContexts/grid.js +163 -0
- package/shortcutContexts/grid.mjs +159 -0
- package/shortcutContexts/index.js +24 -0
- package/shortcutContexts/index.mjs +11 -0
- package/shortcuts/context.js +20 -2
- package/shortcuts/context.mjs +20 -3
- package/shortcuts/manager.js +25 -7
- package/shortcuts/manager.mjs +26 -7
- package/shortcuts/recorder.js +3 -3
- package/shortcuts/recorder.mjs +3 -3
- package/shortcuts/utils.js +19 -5
- package/shortcuts/utils.mjs +18 -4
- package/tableView.js +111 -13
- package/tableView.mjs +112 -14
- package/3rdparty/walkontable/src/selection.js +0 -295
- package/3rdparty/walkontable/src/selection.mjs +0 -290
- package/plugins/contextMenu/predefinedItems.mjs +0 -68
- package/plugins/copyPaste/focusableElement.js +0 -186
- package/plugins/copyPaste/focusableElement.mjs +0 -180
- package/selection/highlight/constants.js +0 -15
- package/selection/highlight/constants.mjs +0 -6
- package/selection/highlight/types/index.js +0 -35
- package/selection/highlight/types/index.mjs +0 -31
@@ -1,290 +0,0 @@
|
|
1
|
-
import "core-js/modules/es.array.push.js";
|
2
|
-
import { addClass, hasClass } from "./../../../helpers/dom/element.mjs";
|
3
|
-
import Border from "./border.mjs";
|
4
|
-
/**
|
5
|
-
* @class Selection
|
6
|
-
*/
|
7
|
-
class Selection {
|
8
|
-
/**
|
9
|
-
* @param {object} settings The selection settings object. @todo type.
|
10
|
-
* @param {CellRange} cellRange The cell range instance.
|
11
|
-
*/
|
12
|
-
constructor(settings, cellRange) {
|
13
|
-
this.settings = settings;
|
14
|
-
this.cellRange = cellRange || null;
|
15
|
-
this.instanceBorders = {};
|
16
|
-
this.classNames = [this.settings.className];
|
17
|
-
this.classNameGenerator = this.linearClassNameGenerator(this.settings.className, this.settings.layerLevel);
|
18
|
-
}
|
19
|
-
|
20
|
-
/**
|
21
|
-
* Each Walkontable clone requires it's own border for every selection. This method creates and returns selection
|
22
|
-
* borders per instance.
|
23
|
-
*
|
24
|
-
* @param {WalkontableFacade} wotInstance The Walkontable instance.
|
25
|
-
* @returns {Border}
|
26
|
-
*/
|
27
|
-
getBorder(wotInstance) {
|
28
|
-
if (!this.instanceBorders[wotInstance.guid]) {
|
29
|
-
this.instanceBorders[wotInstance.guid] = new Border(wotInstance, this.settings);
|
30
|
-
}
|
31
|
-
return this.instanceBorders[wotInstance.guid];
|
32
|
-
}
|
33
|
-
|
34
|
-
/**
|
35
|
-
* Checks if selection is empty.
|
36
|
-
*
|
37
|
-
* @returns {boolean}
|
38
|
-
*/
|
39
|
-
isEmpty() {
|
40
|
-
return this.cellRange === null;
|
41
|
-
}
|
42
|
-
|
43
|
-
/**
|
44
|
-
* Adds a cell coords to the selection.
|
45
|
-
*
|
46
|
-
* @param {CellCoords} coords The cell coordinates to add.
|
47
|
-
* @returns {Selection}
|
48
|
-
*/
|
49
|
-
add(coords) {
|
50
|
-
if (this.isEmpty()) {
|
51
|
-
this.cellRange = this.settings.createCellRange(coords);
|
52
|
-
} else {
|
53
|
-
this.cellRange.expand(coords);
|
54
|
-
}
|
55
|
-
return this;
|
56
|
-
}
|
57
|
-
|
58
|
-
/**
|
59
|
-
* If selection range from or to property equals oldCoords, replace it with newCoords. Return boolean
|
60
|
-
* information about success.
|
61
|
-
*
|
62
|
-
* @param {CellCoords} oldCoords An old cell coordinates to replace.
|
63
|
-
* @param {CellCoords} newCoords The new cell coordinates.
|
64
|
-
* @returns {boolean}
|
65
|
-
*/
|
66
|
-
replace(oldCoords, newCoords) {
|
67
|
-
if (!this.isEmpty()) {
|
68
|
-
if (this.cellRange.from.isEqual(oldCoords)) {
|
69
|
-
this.cellRange.from = newCoords;
|
70
|
-
return true;
|
71
|
-
}
|
72
|
-
if (this.cellRange.to.isEqual(oldCoords)) {
|
73
|
-
this.cellRange.to = newCoords;
|
74
|
-
return true;
|
75
|
-
}
|
76
|
-
}
|
77
|
-
return false;
|
78
|
-
}
|
79
|
-
|
80
|
-
/**
|
81
|
-
* Clears selection.
|
82
|
-
*
|
83
|
-
* @returns {Selection}
|
84
|
-
*/
|
85
|
-
clear() {
|
86
|
-
this.cellRange = null;
|
87
|
-
return this;
|
88
|
-
}
|
89
|
-
|
90
|
-
/**
|
91
|
-
* Returns the top left (or top right in RTL) and bottom right (or bottom left in RTL) selection coordinates.
|
92
|
-
*
|
93
|
-
* @returns {Array} Returns array of coordinates for example `[1, 1, 5, 5]`.
|
94
|
-
*/
|
95
|
-
getCorners() {
|
96
|
-
const topStart = this.cellRange.getOuterTopStartCorner();
|
97
|
-
const bottomEnd = this.cellRange.getOuterBottomEndCorner();
|
98
|
-
return [topStart.row, topStart.col, bottomEnd.row, bottomEnd.col];
|
99
|
-
}
|
100
|
-
|
101
|
-
/**
|
102
|
-
* Adds class name to cell element at given coords.
|
103
|
-
*
|
104
|
-
* @param {WalkontableFacade} wotInstance Walkontable instance.
|
105
|
-
* @param {number} sourceRow Cell row coord.
|
106
|
-
* @param {number} sourceColumn Cell column coord.
|
107
|
-
* @param {string} className Class name.
|
108
|
-
* @param {boolean} [markIntersections=false] If `true`, linear className generator will be used to add CSS classes
|
109
|
-
* in a continuous way.
|
110
|
-
* @returns {Selection}
|
111
|
-
*/
|
112
|
-
addClassAtCoords(wotInstance, sourceRow, sourceColumn, className) {
|
113
|
-
let markIntersections = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
114
|
-
const TD = wotInstance.wtTable.getCell(this.settings.createCellCoords(sourceRow, sourceColumn));
|
115
|
-
if (typeof TD === 'object') {
|
116
|
-
let cellClassName = className;
|
117
|
-
if (markIntersections) {
|
118
|
-
cellClassName = this.classNameGenerator(TD);
|
119
|
-
if (!this.classNames.includes(cellClassName)) {
|
120
|
-
this.classNames.push(cellClassName);
|
121
|
-
}
|
122
|
-
}
|
123
|
-
addClass(TD, cellClassName);
|
124
|
-
}
|
125
|
-
return this;
|
126
|
-
}
|
127
|
-
|
128
|
-
/**
|
129
|
-
* Generate helper for calculating classNames based on previously added base className.
|
130
|
-
* The generated className is always generated as a continuation of the previous className. For example, when
|
131
|
-
* the currently checked element has 'area-2' className the generated new className will be 'area-3'. When
|
132
|
-
* the element doesn't have any classNames than the base className will be returned ('area');.
|
133
|
-
*
|
134
|
-
* @param {string} baseClassName Base className to be used.
|
135
|
-
* @param {number} layerLevelOwner Layer level which the instance of the Selection belongs to.
|
136
|
-
* @returns {Function}
|
137
|
-
*/
|
138
|
-
linearClassNameGenerator(baseClassName, layerLevelOwner) {
|
139
|
-
// TODO: Make this recursive function Proper Tail Calls (TCO/PTC) friendly.
|
140
|
-
return function calcClassName(element) {
|
141
|
-
let previousIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
|
142
|
-
if (layerLevelOwner === 0 || previousIndex === 0) {
|
143
|
-
return baseClassName;
|
144
|
-
}
|
145
|
-
let index = previousIndex >= 0 ? previousIndex : layerLevelOwner;
|
146
|
-
let className = baseClassName;
|
147
|
-
index -= 1;
|
148
|
-
const previousClassName = index === 0 ? baseClassName : `${baseClassName}-${index}`;
|
149
|
-
if (hasClass(element, previousClassName)) {
|
150
|
-
const currentLayer = index + 1;
|
151
|
-
className = `${baseClassName}-${currentLayer}`;
|
152
|
-
} else {
|
153
|
-
className = calcClassName(element, index);
|
154
|
-
}
|
155
|
-
return className;
|
156
|
-
};
|
157
|
-
}
|
158
|
-
|
159
|
-
/**
|
160
|
-
* @param {WalkontableFacade} wotInstance The Walkontable instance.
|
161
|
-
*/
|
162
|
-
draw(wotInstance) {
|
163
|
-
if (this.isEmpty()) {
|
164
|
-
if (this.settings.border) {
|
165
|
-
this.getBorder(wotInstance).disappear();
|
166
|
-
}
|
167
|
-
return;
|
168
|
-
}
|
169
|
-
const renderedRows = wotInstance.wtTable.getRenderedRowsCount();
|
170
|
-
const renderedColumns = wotInstance.wtTable.getRenderedColumnsCount();
|
171
|
-
const corners = this.getCorners();
|
172
|
-
const [topRow, topColumn, bottomRow, bottomColumn] = corners;
|
173
|
-
const {
|
174
|
-
highlightHeaderClassName,
|
175
|
-
highlightColumnClassName,
|
176
|
-
highlightRowClassName,
|
177
|
-
highlightOnlyClosestHeader,
|
178
|
-
selectionType
|
179
|
-
} = this.settings;
|
180
|
-
const isHeaderSelectionType = selectionType === void 0 || ['active-header', 'header'].includes(selectionType);
|
181
|
-
if (isHeaderSelectionType && topColumn !== null && bottomColumn !== null) {
|
182
|
-
let selectionColumnCursor = 0;
|
183
|
-
for (let column = 0; column < renderedColumns; column += 1) {
|
184
|
-
const sourceCol = wotInstance.wtTable.columnFilter.renderedToSource(column);
|
185
|
-
if (sourceCol >= topColumn && sourceCol <= bottomColumn) {
|
186
|
-
let THs = wotInstance.wtTable.getColumnHeaders(sourceCol);
|
187
|
-
const closestHeaderLevel = THs.length - 1;
|
188
|
-
if (highlightOnlyClosestHeader && THs.length > 1) {
|
189
|
-
THs = [THs[closestHeaderLevel]];
|
190
|
-
}
|
191
|
-
for (let headerLevel = 0; headerLevel < THs.length; headerLevel += 1) {
|
192
|
-
const newClasses = [];
|
193
|
-
let TH = THs[headerLevel];
|
194
|
-
if (highlightHeaderClassName) {
|
195
|
-
newClasses.push(highlightHeaderClassName);
|
196
|
-
}
|
197
|
-
if (highlightColumnClassName) {
|
198
|
-
newClasses.push(highlightColumnClassName);
|
199
|
-
}
|
200
|
-
headerLevel = highlightOnlyClosestHeader ? closestHeaderLevel : headerLevel;
|
201
|
-
const newSourceCol = wotInstance.getSetting('onBeforeHighlightingColumnHeader', sourceCol, headerLevel, {
|
202
|
-
selectionType,
|
203
|
-
columnCursor: selectionColumnCursor,
|
204
|
-
selectionWidth: bottomColumn - topColumn + 1,
|
205
|
-
classNames: newClasses
|
206
|
-
});
|
207
|
-
if (newSourceCol !== sourceCol) {
|
208
|
-
TH = wotInstance.wtTable.getColumnHeader(newSourceCol, headerLevel);
|
209
|
-
}
|
210
|
-
addClass(TH, newClasses);
|
211
|
-
}
|
212
|
-
selectionColumnCursor += 1;
|
213
|
-
}
|
214
|
-
}
|
215
|
-
}
|
216
|
-
if (topRow !== null && bottomRow !== null) {
|
217
|
-
let selectionRowCursor = 0;
|
218
|
-
for (let row = 0; row < renderedRows; row += 1) {
|
219
|
-
const sourceRow = wotInstance.wtTable.rowFilter.renderedToSource(row);
|
220
|
-
if (isHeaderSelectionType && sourceRow >= topRow && sourceRow <= bottomRow) {
|
221
|
-
let THs = wotInstance.wtTable.getRowHeaders(sourceRow);
|
222
|
-
const closestHeaderLevel = THs.length - 1;
|
223
|
-
if (highlightOnlyClosestHeader && THs.length > 1) {
|
224
|
-
THs = [THs[closestHeaderLevel]];
|
225
|
-
}
|
226
|
-
for (let headerLevel = 0; headerLevel < THs.length; headerLevel += 1) {
|
227
|
-
const newClasses = [];
|
228
|
-
let TH = THs[headerLevel];
|
229
|
-
if (highlightHeaderClassName) {
|
230
|
-
newClasses.push(highlightHeaderClassName);
|
231
|
-
}
|
232
|
-
if (highlightRowClassName) {
|
233
|
-
newClasses.push(highlightRowClassName);
|
234
|
-
}
|
235
|
-
headerLevel = highlightOnlyClosestHeader ? closestHeaderLevel : headerLevel;
|
236
|
-
const newSourceRow = wotInstance.getSetting('onBeforeHighlightingRowHeader', sourceRow, headerLevel, {
|
237
|
-
selectionType,
|
238
|
-
rowCursor: selectionRowCursor,
|
239
|
-
selectionHeight: bottomRow - topRow + 1,
|
240
|
-
classNames: newClasses
|
241
|
-
});
|
242
|
-
if (newSourceRow !== sourceRow) {
|
243
|
-
TH = wotInstance.wtTable.getRowHeader(newSourceRow, headerLevel);
|
244
|
-
}
|
245
|
-
addClass(TH, newClasses);
|
246
|
-
}
|
247
|
-
selectionRowCursor += 1;
|
248
|
-
}
|
249
|
-
if (topColumn !== null && bottomColumn !== null) {
|
250
|
-
for (let column = 0; column < renderedColumns; column += 1) {
|
251
|
-
const sourceCol = wotInstance.wtTable.columnFilter.renderedToSource(column);
|
252
|
-
if (sourceRow >= topRow && sourceRow <= bottomRow && sourceCol >= topColumn && sourceCol <= bottomColumn) {
|
253
|
-
// selected cell
|
254
|
-
if (this.settings.className) {
|
255
|
-
this.addClassAtCoords(wotInstance, sourceRow, sourceCol, this.settings.className, this.settings.markIntersections);
|
256
|
-
}
|
257
|
-
} else if (sourceRow >= topRow && sourceRow <= bottomRow) {
|
258
|
-
// selection is in this row
|
259
|
-
if (highlightRowClassName) {
|
260
|
-
this.addClassAtCoords(wotInstance, sourceRow, sourceCol, highlightRowClassName);
|
261
|
-
}
|
262
|
-
} else if (sourceCol >= topColumn && sourceCol <= bottomColumn) {
|
263
|
-
// selection is in this column
|
264
|
-
if (highlightColumnClassName) {
|
265
|
-
this.addClassAtCoords(wotInstance, sourceRow, sourceCol, highlightColumnClassName);
|
266
|
-
}
|
267
|
-
}
|
268
|
-
const additionalSelectionClass = wotInstance.getSetting('onAfterDrawSelection', sourceRow, sourceCol, this.settings.layerLevel);
|
269
|
-
if (typeof additionalSelectionClass === 'string') {
|
270
|
-
this.addClassAtCoords(wotInstance, sourceRow, sourceCol, additionalSelectionClass);
|
271
|
-
}
|
272
|
-
}
|
273
|
-
}
|
274
|
-
}
|
275
|
-
}
|
276
|
-
wotInstance.getSetting('onBeforeDrawBorders', corners, this.settings.className);
|
277
|
-
if (this.settings.border) {
|
278
|
-
// warning! border.appear modifies corners!
|
279
|
-
this.getBorder(wotInstance).appear(corners);
|
280
|
-
}
|
281
|
-
}
|
282
|
-
|
283
|
-
/**
|
284
|
-
* Cleans up all the DOM state related to a Selection instance. Call this prior to deleting a Selection instance.
|
285
|
-
*/
|
286
|
-
destroy() {
|
287
|
-
Object.values(this.instanceBorders).forEach(border => border.destroy());
|
288
|
-
}
|
289
|
-
}
|
290
|
-
export default Selection;
|
@@ -1,68 +0,0 @@
|
|
1
|
-
import { objectEach } from "../../helpers/object.mjs";
|
2
|
-
import alignmentItem, { KEY as ALIGNMENT } from "./predefinedItems/alignment.mjs";
|
3
|
-
import clearColumnItem, { KEY as CLEAR_COLUMN } from "./predefinedItems/clearColumn.mjs";
|
4
|
-
import columnLeftItem, { KEY as COLUMN_LEFT } from "./predefinedItems/columnLeft.mjs";
|
5
|
-
import columnRightItem, { KEY as COLUMN_RIGHT } from "./predefinedItems/columnRight.mjs";
|
6
|
-
import readOnlyItem, { KEY as READ_ONLY } from "./predefinedItems/readOnly.mjs";
|
7
|
-
import redoItem, { KEY as REDO } from "./predefinedItems/redo.mjs";
|
8
|
-
import removeColumnItem, { KEY as REMOVE_COLUMN } from "./predefinedItems/removeColumn.mjs";
|
9
|
-
import removeRowItem, { KEY as REMOVE_ROW } from "./predefinedItems/removeRow.mjs";
|
10
|
-
import rowAboveItem, { KEY as ROW_ABOVE } from "./predefinedItems/rowAbove.mjs";
|
11
|
-
import rowBelowItem, { KEY as ROW_BELOW } from "./predefinedItems/rowBelow.mjs";
|
12
|
-
import separatorItem, { KEY as SEPARATOR } from "./predefinedItems/separator.mjs";
|
13
|
-
import noItemsItem, { KEY as NO_ITEMS } from "./predefinedItems/noItems.mjs";
|
14
|
-
import undoItem, { KEY as UNDO } from "./predefinedItems/undo.mjs";
|
15
|
-
export { KEY as ALIGNMENT } from "./predefinedItems/alignment.mjs";
|
16
|
-
export { KEY as CLEAR_COLUMN } from "./predefinedItems/clearColumn.mjs";
|
17
|
-
export { KEY as COLUMN_LEFT } from "./predefinedItems/columnLeft.mjs";
|
18
|
-
export { KEY as COLUMN_RIGHT } from "./predefinedItems/columnRight.mjs";
|
19
|
-
export { KEY as READ_ONLY } from "./predefinedItems/readOnly.mjs";
|
20
|
-
export { KEY as REDO } from "./predefinedItems/redo.mjs";
|
21
|
-
export { KEY as REMOVE_COLUMN } from "./predefinedItems/removeColumn.mjs";
|
22
|
-
export { KEY as REMOVE_ROW } from "./predefinedItems/removeRow.mjs";
|
23
|
-
export { KEY as ROW_ABOVE } from "./predefinedItems/rowAbove.mjs";
|
24
|
-
export { KEY as ROW_BELOW } from "./predefinedItems/rowBelow.mjs";
|
25
|
-
export { KEY as SEPARATOR } from "./predefinedItems/separator.mjs";
|
26
|
-
export { KEY as NO_ITEMS } from "./predefinedItems/noItems.mjs";
|
27
|
-
export { KEY as UNDO } from "./predefinedItems/undo.mjs";
|
28
|
-
export const ITEMS = [ROW_ABOVE, ROW_BELOW, COLUMN_LEFT, COLUMN_RIGHT, CLEAR_COLUMN, REMOVE_ROW, REMOVE_COLUMN, UNDO, REDO, READ_ONLY, ALIGNMENT, SEPARATOR, NO_ITEMS];
|
29
|
-
const _predefinedItems = {
|
30
|
-
[SEPARATOR]: separatorItem,
|
31
|
-
[NO_ITEMS]: noItemsItem,
|
32
|
-
[ROW_ABOVE]: rowAboveItem,
|
33
|
-
[ROW_BELOW]: rowBelowItem,
|
34
|
-
[COLUMN_LEFT]: columnLeftItem,
|
35
|
-
[COLUMN_RIGHT]: columnRightItem,
|
36
|
-
[CLEAR_COLUMN]: clearColumnItem,
|
37
|
-
[REMOVE_ROW]: removeRowItem,
|
38
|
-
[REMOVE_COLUMN]: removeColumnItem,
|
39
|
-
[UNDO]: undoItem,
|
40
|
-
[REDO]: redoItem,
|
41
|
-
[READ_ONLY]: readOnlyItem,
|
42
|
-
[ALIGNMENT]: alignmentItem
|
43
|
-
};
|
44
|
-
|
45
|
-
/**
|
46
|
-
* Gets new object with all predefined menu items.
|
47
|
-
*
|
48
|
-
* @returns {object}
|
49
|
-
*/
|
50
|
-
export function predefinedItems() {
|
51
|
-
const items = {};
|
52
|
-
objectEach(_predefinedItems, (itemFactory, key) => {
|
53
|
-
items[key] = itemFactory();
|
54
|
-
});
|
55
|
-
return items;
|
56
|
-
}
|
57
|
-
|
58
|
-
/**
|
59
|
-
* Add new predefined menu item to the collection.
|
60
|
-
*
|
61
|
-
* @param {string} key Menu command id.
|
62
|
-
* @param {object} item Object command descriptor.
|
63
|
-
*/
|
64
|
-
export function addItem(key, item) {
|
65
|
-
if (ITEMS.indexOf(key) === -1) {
|
66
|
-
_predefinedItems[key] = item;
|
67
|
-
}
|
68
|
-
}
|
@@ -1,186 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
exports.__esModule = true;
|
4
|
-
exports.createElement = createElement;
|
5
|
-
exports.deactivateElement = deactivateElement;
|
6
|
-
exports.destroyElement = destroyElement;
|
7
|
-
var _eventManager = _interopRequireDefault(require("../../eventManager"));
|
8
|
-
var _localHooks = _interopRequireDefault(require("../../mixins/localHooks"));
|
9
|
-
var _object = require("../../helpers/object");
|
10
|
-
var _browser = require("../../helpers/browser");
|
11
|
-
var _element = require("../../helpers/dom/element");
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
|
-
/**
|
14
|
-
* @private
|
15
|
-
* @class FocusableWrapper
|
16
|
-
*/
|
17
|
-
class FocusableWrapper {
|
18
|
-
constructor(container) {
|
19
|
-
this.rootDocument = container.defaultView ? container : container.ownerDocument;
|
20
|
-
/**
|
21
|
-
* The main/operational focusable element.
|
22
|
-
*
|
23
|
-
* @type {HTMLElement}
|
24
|
-
*/
|
25
|
-
this.mainElement = null;
|
26
|
-
/**
|
27
|
-
* Instance of EventManager.
|
28
|
-
*
|
29
|
-
* @type {EventManager}
|
30
|
-
*/
|
31
|
-
this.eventManager = new _eventManager.default(this);
|
32
|
-
/**
|
33
|
-
* An object for tracking information about event listeners attached to the focusable element.
|
34
|
-
*
|
35
|
-
* @type {WeakSet}
|
36
|
-
*/
|
37
|
-
this.listenersCount = new WeakSet();
|
38
|
-
/**
|
39
|
-
* Parent for an focusable element.
|
40
|
-
*
|
41
|
-
* @type {HTMLElement}
|
42
|
-
*/
|
43
|
-
this.container = container;
|
44
|
-
}
|
45
|
-
|
46
|
-
/**
|
47
|
-
* Switch to the secondary focusable element. Used when no any main focusable element is provided.
|
48
|
-
*/
|
49
|
-
useSecondaryElement() {
|
50
|
-
const el = createOrGetSecondaryElement(this.container);
|
51
|
-
if (!this.listenersCount.has(el)) {
|
52
|
-
this.listenersCount.add(el);
|
53
|
-
forwardEventsToLocalHooks(this.eventManager, el, this);
|
54
|
-
}
|
55
|
-
this.mainElement = el;
|
56
|
-
}
|
57
|
-
|
58
|
-
/**
|
59
|
-
* Switch to the main focusable element.
|
60
|
-
*
|
61
|
-
* @param {HTMLElement} element The DOM element.
|
62
|
-
*/
|
63
|
-
setFocusableElement(element) {
|
64
|
-
if (!this.listenersCount.has(element)) {
|
65
|
-
this.listenersCount.add(element);
|
66
|
-
forwardEventsToLocalHooks(this.eventManager, element, this);
|
67
|
-
}
|
68
|
-
this.mainElement = element;
|
69
|
-
}
|
70
|
-
|
71
|
-
/**
|
72
|
-
* Get currently set focusable element.
|
73
|
-
*
|
74
|
-
* @returns {HTMLElement}
|
75
|
-
*/
|
76
|
-
getFocusableElement() {
|
77
|
-
return this.mainElement;
|
78
|
-
}
|
79
|
-
|
80
|
-
/**
|
81
|
-
* Set focus to the focusable element.
|
82
|
-
*/
|
83
|
-
focus() {
|
84
|
-
// Add an empty space to texarea. It is necessary for safari to enable "copy" command from menu bar.
|
85
|
-
this.mainElement.value = ' ';
|
86
|
-
if (!(0, _browser.isMobileBrowser)()) {
|
87
|
-
(0, _element.selectElementIfAllowed)(this.mainElement);
|
88
|
-
}
|
89
|
-
}
|
90
|
-
}
|
91
|
-
(0, _object.mixin)(FocusableWrapper, _localHooks.default);
|
92
|
-
const refCounter = new WeakMap();
|
93
|
-
|
94
|
-
/**
|
95
|
-
* Create and return the FocusableWrapper instance.
|
96
|
-
*
|
97
|
-
* @param {HTMLElement} container The container element, holder for focusable elements.
|
98
|
-
* @returns {FocusableWrapper}
|
99
|
-
*/
|
100
|
-
function createElement(container) {
|
101
|
-
const focusableWrapper = new FocusableWrapper(container);
|
102
|
-
let counter = refCounter.get(container);
|
103
|
-
counter = isNaN(counter) ? 0 : counter;
|
104
|
-
refCounter.set(container, counter + 1);
|
105
|
-
return focusableWrapper;
|
106
|
-
}
|
107
|
-
|
108
|
-
/**
|
109
|
-
* Deactivate the FocusableWrapper instance.
|
110
|
-
*
|
111
|
-
* @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
|
112
|
-
*/
|
113
|
-
function deactivateElement(wrapper) {
|
114
|
-
wrapper.eventManager.clear();
|
115
|
-
}
|
116
|
-
const runLocalHooks = (eventName, subject) => event => subject.runLocalHooks(eventName, event);
|
117
|
-
|
118
|
-
/**
|
119
|
-
* Register copy/cut/paste events and forward their actions to the subject local hooks system.
|
120
|
-
*
|
121
|
-
* @param {EventManager} eventManager The instance of the EventManager class.
|
122
|
-
* @param {HTMLElement} element The element on which the listeners are mounted.
|
123
|
-
* @param {FocusableWrapper} subject The subject object for local hooks.
|
124
|
-
*/
|
125
|
-
function forwardEventsToLocalHooks(eventManager, element, subject) {
|
126
|
-
eventManager.addEventListener(element, 'copy', runLocalHooks('copy', subject));
|
127
|
-
eventManager.addEventListener(element, 'cut', runLocalHooks('cut', subject));
|
128
|
-
eventManager.addEventListener(element, 'paste', runLocalHooks('paste', subject));
|
129
|
-
}
|
130
|
-
const secondaryElements = new WeakMap();
|
131
|
-
|
132
|
-
/**
|
133
|
-
* Create and attach newly created focusable element to the DOM.
|
134
|
-
*
|
135
|
-
* @param {HTMLElement} container The container element, holder for focusable elements.
|
136
|
-
* @returns {HTMLElement}
|
137
|
-
*/
|
138
|
-
function createOrGetSecondaryElement(container) {
|
139
|
-
const secondaryElement = secondaryElements.get(container);
|
140
|
-
if (secondaryElement) {
|
141
|
-
if (!secondaryElement.parentElement) {
|
142
|
-
container.appendChild(secondaryElement);
|
143
|
-
}
|
144
|
-
return secondaryElement;
|
145
|
-
}
|
146
|
-
const doc = container.defaultView ? container : container.ownerDocument;
|
147
|
-
const element = doc.createElement('textarea');
|
148
|
-
secondaryElements.set(container, element);
|
149
|
-
element.setAttribute('data-hot-input', ''); // Makes the element recognizable by Hot as its own component's element.
|
150
|
-
element.className = 'HandsontableCopyPaste';
|
151
|
-
element.tabIndex = -1;
|
152
|
-
element.autocomplete = 'off';
|
153
|
-
element.wrap = 'hard';
|
154
|
-
element.value = ' ';
|
155
|
-
container.appendChild(element);
|
156
|
-
return element;
|
157
|
-
}
|
158
|
-
|
159
|
-
/**
|
160
|
-
* Destroy the FocusableWrapper instance.
|
161
|
-
*
|
162
|
-
* @param {FocusableWrapper} wrapper The instance of the FocusableWrapper class.
|
163
|
-
*/
|
164
|
-
function destroyElement(wrapper) {
|
165
|
-
if (!(wrapper instanceof FocusableWrapper)) {
|
166
|
-
return;
|
167
|
-
}
|
168
|
-
let counter = refCounter.get(wrapper.container);
|
169
|
-
counter = isNaN(counter) ? 0 : counter;
|
170
|
-
if (counter > 0) {
|
171
|
-
counter -= 1;
|
172
|
-
}
|
173
|
-
deactivateElement(wrapper);
|
174
|
-
if (counter <= 0) {
|
175
|
-
counter = 0;
|
176
|
-
|
177
|
-
// Detach secondary element from the DOM.
|
178
|
-
const secondaryElement = secondaryElements.get(wrapper.container);
|
179
|
-
if (secondaryElement && secondaryElement.parentNode) {
|
180
|
-
secondaryElement.parentNode.removeChild(secondaryElement);
|
181
|
-
secondaryElements.delete(wrapper.container);
|
182
|
-
}
|
183
|
-
wrapper.mainElement = null;
|
184
|
-
}
|
185
|
-
refCounter.set(wrapper.container, counter);
|
186
|
-
}
|