@vuu-ui/vuu-table-extras 0.13.3 → 0.13.5
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/cjs/cell-edit-validators/CaseValidator.js.map +1 -0
- package/cjs/cell-edit-validators/PatternValidator.js.map +1 -0
- package/cjs/cell-renderers/background-cell/BackgroundCell.js.map +1 -0
- package/cjs/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js.map +1 -0
- package/cjs/cell-renderers/background-cell/useDirection.js.map +1 -0
- package/cjs/cell-renderers/dropdown-cell/DropdownCell.js.map +1 -0
- package/cjs/cell-renderers/lookup-cell/LookupCell.js.map +1 -0
- package/cjs/cell-renderers/pct-progress-cell/PctProgressCell.js.map +1 -0
- package/cjs/cell-renderers/progress-cell/ProgressCell.js.map +1 -0
- package/cjs/column-expression-input/ColumnExpressionInput.js.map +1 -0
- package/cjs/column-expression-input/column-function-descriptors.js.map +1 -0
- package/cjs/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map +1 -0
- package/cjs/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js.map +1 -0
- package/cjs/column-expression-input/column-language-parser/column-expression-parse-utils.js.map +1 -0
- package/cjs/column-expression-input/column-language-parser/generated/column-parser.js.map +1 -0
- package/cjs/column-expression-input/functionDocInfo.js.map +1 -0
- package/cjs/column-expression-input/highlighting.js.map +1 -0
- package/cjs/column-expression-input/theme.js.map +1 -0
- package/cjs/column-expression-input/useColumnAutoComplete.js.map +1 -0
- package/cjs/column-expression-input/useColumnExpressionEditor.js.map +1 -0
- package/cjs/column-expression-input/useColumnExpressionSuggestionProvider.js.map +1 -0
- package/cjs/column-expression-panel/ColumnExpressionPanel.js.map +1 -0
- package/cjs/column-expression-panel/useColumnExpression.js.map +1 -0
- package/cjs/column-formatting-settings/BaseNumericFormattingSettings.js.map +1 -0
- package/cjs/column-formatting-settings/ColumnFormattingPanel.js.map +1 -0
- package/cjs/column-formatting-settings/DateTimeFormattingSettings.js.map +1 -0
- package/cjs/column-formatting-settings/LongTypeFormattingSettings.js.map +1 -0
- package/cjs/{packages/vuu-table-extras/src/column-list → column-list}/ColumnList.js +3 -3
- package/cjs/column-list/ColumnList.js.map +1 -0
- package/cjs/column-menu/ColumnMenu.js.map +1 -0
- package/cjs/column-menu/column-menu-utils.js.map +1 -0
- package/cjs/column-menu/useColumnActions.js.map +1 -0
- package/cjs/datasource-stats/DatasourceStats.js.map +1 -0
- package/cjs/table-column-settings/ColumnNameLabel.js.map +1 -0
- package/cjs/table-column-settings/ColumnSettingsPanel.js.map +1 -0
- package/cjs/table-column-settings/TableSettingsPanel.js.map +1 -0
- package/cjs/table-column-settings/useColumnSettings.js.map +1 -0
- package/cjs/table-column-settings/useTableAndColumnSettings.js.map +1 -0
- package/cjs/table-column-settings/useTableSettings.js.map +1 -0
- package/cjs/table-provider/TableProvider.js.map +1 -0
- package/esm/cell-edit-validators/CaseValidator.js.map +1 -0
- package/esm/cell-edit-validators/PatternValidator.js.map +1 -0
- package/esm/cell-renderers/background-cell/BackgroundCell.js.map +1 -0
- package/esm/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js.map +1 -0
- package/esm/cell-renderers/background-cell/useDirection.js.map +1 -0
- package/esm/cell-renderers/dropdown-cell/DropdownCell.js.map +1 -0
- package/esm/cell-renderers/lookup-cell/LookupCell.js.map +1 -0
- package/esm/cell-renderers/pct-progress-cell/PctProgressCell.js.map +1 -0
- package/esm/cell-renderers/progress-cell/ProgressCell.js.map +1 -0
- package/esm/column-expression-input/ColumnExpressionInput.js.map +1 -0
- package/esm/column-expression-input/column-function-descriptors.js.map +1 -0
- package/esm/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map +1 -0
- package/esm/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js.map +1 -0
- package/esm/column-expression-input/column-language-parser/column-expression-parse-utils.js.map +1 -0
- package/esm/column-expression-input/column-language-parser/generated/column-parser.js.map +1 -0
- package/esm/column-expression-input/functionDocInfo.js.map +1 -0
- package/esm/column-expression-input/highlighting.js.map +1 -0
- package/esm/column-expression-input/theme.js.map +1 -0
- package/esm/column-expression-input/useColumnAutoComplete.js.map +1 -0
- package/esm/column-expression-input/useColumnExpressionEditor.js.map +1 -0
- package/esm/column-expression-input/useColumnExpressionSuggestionProvider.js.map +1 -0
- package/esm/column-expression-panel/ColumnExpressionPanel.js.map +1 -0
- package/esm/column-expression-panel/useColumnExpression.js.map +1 -0
- package/esm/column-formatting-settings/BaseNumericFormattingSettings.js.map +1 -0
- package/esm/column-formatting-settings/ColumnFormattingPanel.js.map +1 -0
- package/esm/column-formatting-settings/DateTimeFormattingSettings.js.map +1 -0
- package/esm/column-formatting-settings/LongTypeFormattingSettings.js.map +1 -0
- package/esm/{packages/vuu-table-extras/src/column-list → column-list}/ColumnList.js +2 -2
- package/esm/column-list/ColumnList.js.map +1 -0
- package/esm/column-menu/ColumnMenu.js.map +1 -0
- package/esm/column-menu/column-menu-utils.js.map +1 -0
- package/esm/column-menu/useColumnActions.js.map +1 -0
- package/esm/datasource-stats/DatasourceStats.js.map +1 -0
- package/esm/table-column-settings/ColumnNameLabel.js.map +1 -0
- package/esm/table-column-settings/ColumnSettingsPanel.js.map +1 -0
- package/esm/table-column-settings/TableSettingsPanel.js.map +1 -0
- package/esm/table-column-settings/useColumnSettings.js.map +1 -0
- package/esm/table-column-settings/useTableAndColumnSettings.js.map +1 -0
- package/esm/table-column-settings/useTableSettings.js.map +1 -0
- package/esm/table-provider/TableProvider.js.map +1 -0
- package/package.json +13 -12
- package/cjs/node_modules/@dnd-kit/abstract/index.js +0 -1488
- package/cjs/node_modules/@dnd-kit/abstract/index.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/collision/dist/index.js +0 -91
- package/cjs/node_modules/@dnd-kit/collision/dist/index.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/dom/index.js +0 -1978
- package/cjs/node_modules/@dnd-kit/dom/index.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/dom/sortable.js +0 -833
- package/cjs/node_modules/@dnd-kit/dom/sortable.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/dom/utilities.js +0 -1389
- package/cjs/node_modules/@dnd-kit/dom/utilities.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/geometry/dist/index.js +0 -310
- package/cjs/node_modules/@dnd-kit/geometry/dist/index.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/react/hooks.js +0 -94
- package/cjs/node_modules/@dnd-kit/react/hooks.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/react/index.js +0 -331
- package/cjs/node_modules/@dnd-kit/react/index.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/react/sortable.js +0 -177
- package/cjs/node_modules/@dnd-kit/react/sortable.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/react/utilities.js +0 -19
- package/cjs/node_modules/@dnd-kit/react/utilities.js.map +0 -1
- package/cjs/node_modules/@dnd-kit/state/dist/index.js +0 -277
- package/cjs/node_modules/@dnd-kit/state/dist/index.js.map +0 -1
- package/cjs/node_modules/@preact/signals-core/dist/signals-core.js +0 -11
- package/cjs/node_modules/@preact/signals-core/dist/signals-core.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-edit-validators/CaseValidator.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-edit-validators/PatternValidator.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-renderers/background-cell/BackgroundCell.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-renderers/background-cell/useDirection.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-renderers/lookup-cell/LookupCell.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-renderers/pct-progress-cell/PctProgressCell.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/cell-renderers/progress-cell/ProgressCell.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/ColumnExpressionInput.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/column-function-descriptors.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/column-language-parser/column-expression-parse-utils.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/column-language-parser/generated/column-parser.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/functionDocInfo.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/highlighting.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/theme.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/useColumnAutoComplete.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/useColumnExpressionEditor.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-input/useColumnExpressionSuggestionProvider.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-panel/ColumnExpressionPanel.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-expression-panel/useColumnExpression.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-formatting-settings/BaseNumericFormattingSettings.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-formatting-settings/ColumnFormattingPanel.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-formatting-settings/DateTimeFormattingSettings.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-formatting-settings/LongTypeFormattingSettings.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-list/ColumnList.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-menu/ColumnMenu.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-menu/column-menu-utils.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/column-menu/useColumnActions.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/datasource-stats/DatasourceStats.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/table-column-settings/ColumnNameLabel.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/table-column-settings/ColumnSettingsPanel.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/table-column-settings/TableSettingsPanel.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/table-column-settings/useColumnSettings.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/table-column-settings/useTableAndColumnSettings.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/table-column-settings/useTableSettings.js.map +0 -1
- package/cjs/packages/vuu-table-extras/src/table-provider/TableProvider.js.map +0 -1
- package/esm/node_modules/@dnd-kit/abstract/index.js +0 -1472
- package/esm/node_modules/@dnd-kit/abstract/index.js.map +0 -1
- package/esm/node_modules/@dnd-kit/collision/dist/index.js +0 -86
- package/esm/node_modules/@dnd-kit/collision/dist/index.js.map +0 -1
- package/esm/node_modules/@dnd-kit/dom/index.js +0 -1964
- package/esm/node_modules/@dnd-kit/dom/index.js.map +0 -1
- package/esm/node_modules/@dnd-kit/dom/sortable.js +0 -827
- package/esm/node_modules/@dnd-kit/dom/sortable.js.map +0 -1
- package/esm/node_modules/@dnd-kit/dom/utilities.js +0 -1344
- package/esm/node_modules/@dnd-kit/dom/utilities.js.map +0 -1
- package/esm/node_modules/@dnd-kit/geometry/dist/index.js +0 -303
- package/esm/node_modules/@dnd-kit/geometry/dist/index.js.map +0 -1
- package/esm/node_modules/@dnd-kit/react/hooks.js +0 -87
- package/esm/node_modules/@dnd-kit/react/hooks.js.map +0 -1
- package/esm/node_modules/@dnd-kit/react/index.js +0 -326
- package/esm/node_modules/@dnd-kit/react/index.js.map +0 -1
- package/esm/node_modules/@dnd-kit/react/sortable.js +0 -175
- package/esm/node_modules/@dnd-kit/react/sortable.js.map +0 -1
- package/esm/node_modules/@dnd-kit/react/utilities.js +0 -17
- package/esm/node_modules/@dnd-kit/react/utilities.js.map +0 -1
- package/esm/node_modules/@dnd-kit/state/dist/index.js +0 -263
- package/esm/node_modules/@dnd-kit/state/dist/index.js.map +0 -1
- package/esm/node_modules/@preact/signals-core/dist/signals-core.js +0 -4
- package/esm/node_modules/@preact/signals-core/dist/signals-core.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-edit-validators/CaseValidator.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-edit-validators/PatternValidator.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-renderers/background-cell/BackgroundCell.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-renderers/background-cell/BackgroundCellConfigurationEditor.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-renderers/background-cell/useDirection.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-renderers/dropdown-cell/DropdownCell.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-renderers/lookup-cell/LookupCell.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-renderers/pct-progress-cell/PctProgressCell.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/cell-renderers/progress-cell/ProgressCell.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/ColumnExpressionInput.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/column-function-descriptors.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/column-language-parser/ColumnExpressionLanguage.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/column-language-parser/column-expression-parse-utils.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/column-language-parser/generated/column-parser.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/functionDocInfo.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/highlighting.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/theme.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/useColumnAutoComplete.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/useColumnExpressionEditor.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-input/useColumnExpressionSuggestionProvider.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-panel/ColumnExpressionPanel.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-expression-panel/useColumnExpression.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-formatting-settings/BaseNumericFormattingSettings.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-formatting-settings/ColumnFormattingPanel.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-formatting-settings/DateTimeFormattingSettings.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-formatting-settings/LongTypeFormattingSettings.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-list/ColumnList.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-menu/ColumnMenu.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-menu/column-menu-utils.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/column-menu/useColumnActions.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/datasource-stats/DatasourceStats.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/table-column-settings/ColumnNameLabel.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/table-column-settings/ColumnSettingsPanel.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/table-column-settings/TableSettingsPanel.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/table-column-settings/useColumnSettings.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/table-column-settings/useTableAndColumnSettings.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/table-column-settings/useTableSettings.js.map +0 -1
- package/esm/packages/vuu-table-extras/src/table-provider/TableProvider.js.map +0 -1
- /package/cjs/{packages/vuu-table-extras/src/cell-edit-validators → cell-edit-validators}/CaseValidator.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-edit-validators → cell-edit-validators}/PatternValidator.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCell.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCell.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCell.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCellConfigurationEditor.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCellConfigurationEditor.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCellConfigurationEditor.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundKeyframes.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundKeyframes.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/useDirection.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/dropdown-cell/DropdownCell.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/dropdown-cell/DropdownCell.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/dropdown-cell/DropdownCell.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/lookup-cell/LookupCell.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/pct-progress-cell/PctProgressCell.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/pct-progress-cell/PctProgressCell.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/pct-progress-cell/PctProgressCell.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/progress-cell/ProgressCell.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/progress-cell/ProgressCell.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/progress-cell/ProgressCell.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/ColumnExpressionInput.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/ColumnExpressionInput.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/ColumnExpressionInput.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-function-descriptors.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-language-parser/ColumnExpressionLanguage.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-language-parser/ColumnExpressionTreeWalker.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-language-parser/column-expression-parse-utils.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-language-parser/generated/column-parser.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/functionDocInfo.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/highlighting.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/theme.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/useColumnAutoComplete.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/useColumnExpressionEditor.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/useColumnExpressionSuggestionProvider.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-panel → column-expression-panel}/ColumnExpressionPanel.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-expression-panel → column-expression-panel}/useColumnExpression.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/BaseNumericFormattingSettings.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/ColumnFormattingPanel.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/DateTimeFormattingSettings.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/LongTypeFormattingSettings.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/LongTypeFormattingSettings.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/LongTypeFormattingSettings.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-list → column-list}/ColumnList.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-list → column-list}/ColumnList.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-menu → column-menu}/ColumnMenu.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-menu → column-menu}/ColumnMenu.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-menu → column-menu}/ColumnMenu.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-menu → column-menu}/column-menu-utils.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/column-menu → column-menu}/useColumnActions.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/datasource-stats → datasource-stats}/DatasourceStats.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/datasource-stats → datasource-stats}/DatasourceStats.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/datasource-stats → datasource-stats}/DatasourceStats.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/index.js → index.js} +0 -0
- /package/cjs/{packages/vuu-table-extras/src/index.js.map → index.js.map} +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnNameLabel.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnNameLabel.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnNameLabel.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnSettingsPanel.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnSettingsPanel.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnSettingsPanel.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/TableSettingsPanel.css.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/TableSettingsPanel.css.js.map +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/TableSettingsPanel.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/useColumnSettings.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/useTableAndColumnSettings.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/useTableSettings.js +0 -0
- /package/cjs/{packages/vuu-table-extras/src/table-provider → table-provider}/TableProvider.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-edit-validators → cell-edit-validators}/CaseValidator.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-edit-validators → cell-edit-validators}/PatternValidator.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCell.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCell.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCell.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCellConfigurationEditor.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCellConfigurationEditor.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundCellConfigurationEditor.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundKeyframes.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/BackgroundKeyframes.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/background-cell/useDirection.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/dropdown-cell/DropdownCell.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/dropdown-cell/DropdownCell.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/dropdown-cell/DropdownCell.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/lookup-cell/LookupCell.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/pct-progress-cell/PctProgressCell.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/pct-progress-cell/PctProgressCell.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/pct-progress-cell/PctProgressCell.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/progress-cell/ProgressCell.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/progress-cell/ProgressCell.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/cell-renderers → cell-renderers}/progress-cell/ProgressCell.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/ColumnExpressionInput.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/ColumnExpressionInput.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/ColumnExpressionInput.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-function-descriptors.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-language-parser/ColumnExpressionLanguage.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-language-parser/ColumnExpressionTreeWalker.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-language-parser/column-expression-parse-utils.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/column-language-parser/generated/column-parser.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/functionDocInfo.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/highlighting.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/theme.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/useColumnAutoComplete.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/useColumnExpressionEditor.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-input → column-expression-input}/useColumnExpressionSuggestionProvider.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-panel → column-expression-panel}/ColumnExpressionPanel.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-expression-panel → column-expression-panel}/useColumnExpression.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/BaseNumericFormattingSettings.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/ColumnFormattingPanel.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/DateTimeFormattingSettings.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/LongTypeFormattingSettings.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/LongTypeFormattingSettings.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-formatting-settings → column-formatting-settings}/LongTypeFormattingSettings.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-list → column-list}/ColumnList.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-list → column-list}/ColumnList.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-menu → column-menu}/ColumnMenu.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-menu → column-menu}/ColumnMenu.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-menu → column-menu}/ColumnMenu.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-menu → column-menu}/column-menu-utils.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/column-menu → column-menu}/useColumnActions.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/datasource-stats → datasource-stats}/DatasourceStats.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/datasource-stats → datasource-stats}/DatasourceStats.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/datasource-stats → datasource-stats}/DatasourceStats.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/index.js → index.js} +0 -0
- /package/esm/{packages/vuu-table-extras/src/index.js.map → index.js.map} +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnNameLabel.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnNameLabel.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnNameLabel.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnSettingsPanel.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnSettingsPanel.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/ColumnSettingsPanel.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/TableSettingsPanel.css.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/TableSettingsPanel.css.js.map +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/TableSettingsPanel.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/useColumnSettings.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/useTableAndColumnSettings.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-column-settings → table-column-settings}/useTableSettings.js +0 -0
- /package/esm/{packages/vuu-table-extras/src/table-provider → table-provider}/TableProvider.js +0 -0
|
@@ -1,1978 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('../abstract/index.js');
|
|
4
|
-
var utilities = require('./utilities.js');
|
|
5
|
-
var index$1 = require('../state/dist/index.js');
|
|
6
|
-
var index$2 = require('../geometry/dist/index.js');
|
|
7
|
-
var index$3 = require('../collision/dist/index.js');
|
|
8
|
-
var signalsCore = require('../../@preact/signals-core/dist/signals-core.js');
|
|
9
|
-
|
|
10
|
-
var __create = Object.create;
|
|
11
|
-
var __defProp = Object.defineProperty;
|
|
12
|
-
var __defProps = Object.defineProperties;
|
|
13
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
14
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
15
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
16
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
17
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
18
|
-
var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
|
|
19
|
-
var __typeError = (msg) => {
|
|
20
|
-
throw TypeError(msg);
|
|
21
|
-
};
|
|
22
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
23
|
-
var __spreadValues = (a, b) => {
|
|
24
|
-
for (var prop in b || (b = {}))
|
|
25
|
-
if (__hasOwnProp.call(b, prop))
|
|
26
|
-
__defNormalProp(a, prop, b[prop]);
|
|
27
|
-
if (__getOwnPropSymbols)
|
|
28
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
29
|
-
if (__propIsEnum.call(b, prop))
|
|
30
|
-
__defNormalProp(a, prop, b[prop]);
|
|
31
|
-
}
|
|
32
|
-
return a;
|
|
33
|
-
};
|
|
34
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
35
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
36
|
-
var __objRest = (source, exclude) => {
|
|
37
|
-
var target = {};
|
|
38
|
-
for (var prop in source)
|
|
39
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
40
|
-
target[prop] = source[prop];
|
|
41
|
-
if (source != null && __getOwnPropSymbols)
|
|
42
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
43
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
44
|
-
target[prop] = source[prop];
|
|
45
|
-
}
|
|
46
|
-
return target;
|
|
47
|
-
};
|
|
48
|
-
var __decoratorStart = (base) => {
|
|
49
|
-
var _a4;
|
|
50
|
-
return [, , , __create((_a4 = base == null ? void 0 : base[__knownSymbol("metadata")]) != null ? _a4 : null)];
|
|
51
|
-
};
|
|
52
|
-
var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
|
|
53
|
-
var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
|
|
54
|
-
var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
|
|
55
|
-
var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
|
|
56
|
-
var __runInitializers = (array, flags, self, value) => {
|
|
57
|
-
for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
|
|
58
|
-
return value;
|
|
59
|
-
};
|
|
60
|
-
var __decorateElement = (array, flags, name, decorators, target, extra) => {
|
|
61
|
-
var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
|
|
62
|
-
var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
|
|
63
|
-
var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
|
|
64
|
-
var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
|
|
65
|
-
return __privateGet(this, extra);
|
|
66
|
-
}, set [name](x) {
|
|
67
|
-
return __privateSet(this, extra, x);
|
|
68
|
-
} }, name));
|
|
69
|
-
k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
|
|
70
|
-
for (var i = decorators.length - 1; i >= 0; i--) {
|
|
71
|
-
ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
|
|
72
|
-
if (k) {
|
|
73
|
-
ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
|
|
74
|
-
if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
|
|
75
|
-
if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
|
|
76
|
-
}
|
|
77
|
-
it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
|
|
78
|
-
if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
|
|
79
|
-
else if (typeof it !== "object" || it === null) __typeError("Object expected");
|
|
80
|
-
else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
|
|
81
|
-
}
|
|
82
|
-
return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
|
|
83
|
-
};
|
|
84
|
-
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
85
|
-
var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
|
|
86
|
-
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
87
|
-
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
88
|
-
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
|
|
89
|
-
var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
|
|
90
|
-
|
|
91
|
-
// src/core/plugins/accessibility/defaults.ts
|
|
92
|
-
var defaultAttributes = {
|
|
93
|
-
role: "button",
|
|
94
|
-
roleDescription: "draggable"};
|
|
95
|
-
var defaultDescriptionIdPrefix = `dnd-kit-description`;
|
|
96
|
-
var defaultAnnouncementIdPrefix = `dnd-kit-announcement`;
|
|
97
|
-
var defaultScreenReaderInstructions = {
|
|
98
|
-
draggable: `To pick up a draggable item, press the space bar. While dragging, use the arrow keys to move the item in a given direction. Press space again to drop the item in its new position, or press escape to cancel.`
|
|
99
|
-
};
|
|
100
|
-
var defaultAnnouncements = {
|
|
101
|
-
dragstart({ operation: { source } }) {
|
|
102
|
-
if (!source) return;
|
|
103
|
-
return `Picked up draggable item ${source.id}.`;
|
|
104
|
-
},
|
|
105
|
-
dragover({ operation: { source, target } }) {
|
|
106
|
-
if (!source || source.id === (target == null ? void 0 : target.id)) return;
|
|
107
|
-
if (target) {
|
|
108
|
-
return `Draggable item ${source.id} was moved over droppable target ${target.id}.`;
|
|
109
|
-
}
|
|
110
|
-
return `Draggable item ${source.id} is no longer over a droppable target.`;
|
|
111
|
-
},
|
|
112
|
-
dragend({ operation: { source, target }, canceled }) {
|
|
113
|
-
if (!source) return;
|
|
114
|
-
if (canceled) {
|
|
115
|
-
return `Dragging was cancelled. Draggable item ${source.id} was dropped.`;
|
|
116
|
-
}
|
|
117
|
-
if (target) {
|
|
118
|
-
return `Draggable item ${source.id} was dropped over droppable target ${target.id}`;
|
|
119
|
-
}
|
|
120
|
-
return `Draggable item ${source.id} was dropped.`;
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
|
|
124
|
-
// src/core/plugins/accessibility/utilities.ts
|
|
125
|
-
function isFocusable(element) {
|
|
126
|
-
const tagName = element.tagName.toLowerCase();
|
|
127
|
-
return ["input", "select", "textarea", "a", "button"].includes(tagName);
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
// src/core/plugins/accessibility/HiddenText.ts
|
|
131
|
-
function createHiddenText(id, value) {
|
|
132
|
-
const element = document.createElement("div");
|
|
133
|
-
element.id = id;
|
|
134
|
-
element.style.setProperty("display", "none");
|
|
135
|
-
element.textContent = value;
|
|
136
|
-
return element;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
// src/core/plugins/accessibility/LiveRegion.ts
|
|
140
|
-
function createLiveRegion(id) {
|
|
141
|
-
const element = document.createElement("div");
|
|
142
|
-
element.id = id;
|
|
143
|
-
element.setAttribute("role", "status");
|
|
144
|
-
element.setAttribute("aria-live", "polite");
|
|
145
|
-
element.setAttribute("aria-atomic", "true");
|
|
146
|
-
element.style.setProperty("position", "fixed");
|
|
147
|
-
element.style.setProperty("width", "1px");
|
|
148
|
-
element.style.setProperty("height", "1px");
|
|
149
|
-
element.style.setProperty("margin", "-1px");
|
|
150
|
-
element.style.setProperty("border", "0");
|
|
151
|
-
element.style.setProperty("padding", "0");
|
|
152
|
-
element.style.setProperty("overflow", "hidden");
|
|
153
|
-
element.style.setProperty("clip", "rect(0 0 0 0)");
|
|
154
|
-
element.style.setProperty("clip-path", "inset(100%)");
|
|
155
|
-
element.style.setProperty("white-space", "nowrap");
|
|
156
|
-
return element;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
// src/core/plugins/accessibility/Accessibility.ts
|
|
160
|
-
var debouncedEvents = ["dragover", "dragmove"];
|
|
161
|
-
var Accessibility = class extends index.Plugin {
|
|
162
|
-
constructor(manager, options) {
|
|
163
|
-
super(manager);
|
|
164
|
-
const {
|
|
165
|
-
id,
|
|
166
|
-
idPrefix: {
|
|
167
|
-
description: descriptionPrefix = defaultDescriptionIdPrefix,
|
|
168
|
-
announcement: announcementPrefix = defaultAnnouncementIdPrefix
|
|
169
|
-
} = {},
|
|
170
|
-
announcements = defaultAnnouncements,
|
|
171
|
-
screenReaderInstructions = defaultScreenReaderInstructions,
|
|
172
|
-
debounce: debounceMs = 500
|
|
173
|
-
} = options != null ? options : {};
|
|
174
|
-
const descriptionId = id ? `${descriptionPrefix}-${id}` : utilities.generateUniqueId(descriptionPrefix);
|
|
175
|
-
const announcementId = id ? `${announcementPrefix}-${id}` : utilities.generateUniqueId(announcementPrefix);
|
|
176
|
-
let hiddenTextElement;
|
|
177
|
-
let liveRegionElement;
|
|
178
|
-
let liveRegionTextNode;
|
|
179
|
-
let latestAnnouncement;
|
|
180
|
-
const updateAnnouncement = (value = latestAnnouncement) => {
|
|
181
|
-
if (!liveRegionTextNode || !value) return;
|
|
182
|
-
if ((liveRegionTextNode == null ? void 0 : liveRegionTextNode.nodeValue) !== value) {
|
|
183
|
-
liveRegionTextNode.nodeValue = value;
|
|
184
|
-
}
|
|
185
|
-
};
|
|
186
|
-
const scheduleUpdateAnnouncement = () => utilities.scheduler.schedule(updateAnnouncement);
|
|
187
|
-
const debouncedUpdateAnnouncement = debounce(
|
|
188
|
-
scheduleUpdateAnnouncement,
|
|
189
|
-
debounceMs
|
|
190
|
-
);
|
|
191
|
-
const eventListeners = Object.entries(announcements).map(
|
|
192
|
-
([eventName, getAnnouncement]) => {
|
|
193
|
-
return this.manager.monitor.addEventListener(
|
|
194
|
-
eventName,
|
|
195
|
-
(event, manager2) => {
|
|
196
|
-
const element = liveRegionTextNode;
|
|
197
|
-
if (!element) return;
|
|
198
|
-
const announcement = getAnnouncement == null ? void 0 : getAnnouncement(event, manager2);
|
|
199
|
-
if (announcement && element.nodeValue !== announcement) {
|
|
200
|
-
latestAnnouncement = announcement;
|
|
201
|
-
if (debouncedEvents.includes(eventName)) {
|
|
202
|
-
debouncedUpdateAnnouncement();
|
|
203
|
-
} else {
|
|
204
|
-
scheduleUpdateAnnouncement();
|
|
205
|
-
debouncedUpdateAnnouncement.cancel();
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
);
|
|
210
|
-
}
|
|
211
|
-
);
|
|
212
|
-
const initialize = () => {
|
|
213
|
-
let elements = [];
|
|
214
|
-
if (!(hiddenTextElement == null ? void 0 : hiddenTextElement.isConnected)) {
|
|
215
|
-
hiddenTextElement = createHiddenText(
|
|
216
|
-
descriptionId,
|
|
217
|
-
screenReaderInstructions.draggable
|
|
218
|
-
);
|
|
219
|
-
elements.push(hiddenTextElement);
|
|
220
|
-
}
|
|
221
|
-
if (!(liveRegionElement == null ? void 0 : liveRegionElement.isConnected)) {
|
|
222
|
-
liveRegionElement = createLiveRegion(announcementId);
|
|
223
|
-
liveRegionTextNode = document.createTextNode("");
|
|
224
|
-
liveRegionElement.appendChild(liveRegionTextNode);
|
|
225
|
-
elements.push(liveRegionElement);
|
|
226
|
-
}
|
|
227
|
-
if (elements.length > 0) {
|
|
228
|
-
document.body.append(...elements);
|
|
229
|
-
}
|
|
230
|
-
};
|
|
231
|
-
const mutations = /* @__PURE__ */ new Set();
|
|
232
|
-
function executeMutations() {
|
|
233
|
-
for (const operation of mutations) {
|
|
234
|
-
operation();
|
|
235
|
-
}
|
|
236
|
-
}
|
|
237
|
-
this.registerEffect(() => {
|
|
238
|
-
var _a4;
|
|
239
|
-
mutations.clear();
|
|
240
|
-
for (const draggable of this.manager.registry.draggables.value) {
|
|
241
|
-
const activator = (_a4 = draggable.handle) != null ? _a4 : draggable.element;
|
|
242
|
-
if (activator) {
|
|
243
|
-
if (!hiddenTextElement || !liveRegionElement) {
|
|
244
|
-
mutations.add(initialize);
|
|
245
|
-
}
|
|
246
|
-
if ((!isFocusable(activator) || utilities.isSafari()) && !activator.hasAttribute("tabindex")) {
|
|
247
|
-
mutations.add(() => activator.setAttribute("tabindex", "0"));
|
|
248
|
-
}
|
|
249
|
-
if (!activator.hasAttribute("role") && !(activator.tagName.toLowerCase() === "button")) {
|
|
250
|
-
mutations.add(
|
|
251
|
-
() => activator.setAttribute("role", defaultAttributes.role)
|
|
252
|
-
);
|
|
253
|
-
}
|
|
254
|
-
if (!activator.hasAttribute("aria-roledescription")) {
|
|
255
|
-
mutations.add(
|
|
256
|
-
() => activator.setAttribute(
|
|
257
|
-
"aria-roledescription",
|
|
258
|
-
defaultAttributes.roleDescription
|
|
259
|
-
)
|
|
260
|
-
);
|
|
261
|
-
}
|
|
262
|
-
if (!activator.hasAttribute("aria-describedby")) {
|
|
263
|
-
mutations.add(
|
|
264
|
-
() => activator.setAttribute("aria-describedby", descriptionId)
|
|
265
|
-
);
|
|
266
|
-
}
|
|
267
|
-
for (const key of ["aria-pressed", "aria-grabbed"]) {
|
|
268
|
-
const value = String(draggable.isDragging);
|
|
269
|
-
if (activator.getAttribute(key) !== value) {
|
|
270
|
-
mutations.add(() => activator.setAttribute(key, value));
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
const disabled = String(draggable.disabled);
|
|
274
|
-
if (activator.getAttribute("aria-disabled") !== disabled) {
|
|
275
|
-
mutations.add(
|
|
276
|
-
() => activator.setAttribute("aria-disabled", disabled)
|
|
277
|
-
);
|
|
278
|
-
}
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
if (mutations.size > 0) {
|
|
282
|
-
utilities.scheduler.schedule(executeMutations);
|
|
283
|
-
}
|
|
284
|
-
});
|
|
285
|
-
this.destroy = () => {
|
|
286
|
-
super.destroy();
|
|
287
|
-
hiddenTextElement == null ? void 0 : hiddenTextElement.remove();
|
|
288
|
-
liveRegionElement == null ? void 0 : liveRegionElement.remove();
|
|
289
|
-
eventListeners.forEach((unsubscribe) => unsubscribe());
|
|
290
|
-
};
|
|
291
|
-
}
|
|
292
|
-
};
|
|
293
|
-
function debounce(fn, wait) {
|
|
294
|
-
let timeout;
|
|
295
|
-
const debounced = () => {
|
|
296
|
-
clearTimeout(timeout);
|
|
297
|
-
timeout = setTimeout(fn, wait);
|
|
298
|
-
};
|
|
299
|
-
debounced.cancel = () => clearTimeout(timeout);
|
|
300
|
-
return debounced;
|
|
301
|
-
}
|
|
302
|
-
var Cursor = class extends index.Plugin {
|
|
303
|
-
constructor(manager, options) {
|
|
304
|
-
super(manager, options);
|
|
305
|
-
this.manager = manager;
|
|
306
|
-
const doc = index$1.computed(
|
|
307
|
-
() => {
|
|
308
|
-
var _a4;
|
|
309
|
-
return utilities.getDocument((_a4 = this.manager.dragOperation.source) == null ? void 0 : _a4.element);
|
|
310
|
-
}
|
|
311
|
-
);
|
|
312
|
-
this.destroy = signalsCore.effect(() => {
|
|
313
|
-
var _a4;
|
|
314
|
-
const { dragOperation } = this.manager;
|
|
315
|
-
const { cursor = "grabbing" } = (_a4 = this.options) != null ? _a4 : {};
|
|
316
|
-
if (dragOperation.status.initialized) {
|
|
317
|
-
const document2 = doc.value;
|
|
318
|
-
const style = document2.createElement("style");
|
|
319
|
-
style.textContent = `* { cursor: ${cursor} !important; }`;
|
|
320
|
-
document2.head.appendChild(style);
|
|
321
|
-
return () => style.remove();
|
|
322
|
-
}
|
|
323
|
-
});
|
|
324
|
-
}
|
|
325
|
-
};
|
|
326
|
-
|
|
327
|
-
// src/core/plugins/feedback/constants.ts
|
|
328
|
-
var ATTR_PREFIX = "data-dnd-";
|
|
329
|
-
var DROPPING_ATTRIBUTE = `${ATTR_PREFIX}dropping`;
|
|
330
|
-
var CSS_PREFIX = "--dnd-";
|
|
331
|
-
var ATTRIBUTE = `${ATTR_PREFIX}dragging`;
|
|
332
|
-
var PLACEHOLDER_ATTRIBUTE = `${ATTR_PREFIX}placeholder`;
|
|
333
|
-
var IGNORED_ATTRIBUTES = [
|
|
334
|
-
ATTRIBUTE,
|
|
335
|
-
PLACEHOLDER_ATTRIBUTE,
|
|
336
|
-
"popover",
|
|
337
|
-
"aria-pressed",
|
|
338
|
-
"aria-grabbing"
|
|
339
|
-
];
|
|
340
|
-
var IGNORED_STYLES = ["view-transition-name"];
|
|
341
|
-
var CSS_RULES = `
|
|
342
|
-
:root [${ATTRIBUTE}] {
|
|
343
|
-
position: fixed !important;
|
|
344
|
-
pointer-events: none !important;
|
|
345
|
-
touch-action: none;
|
|
346
|
-
z-index: calc(infinity);
|
|
347
|
-
will-change: translate;
|
|
348
|
-
top: var(${CSS_PREFIX}top, 0px) !important;
|
|
349
|
-
left: var(${CSS_PREFIX}left, 0px) !important;
|
|
350
|
-
right: unset !important;
|
|
351
|
-
bottom: unset !important;
|
|
352
|
-
width: var(${CSS_PREFIX}width, auto);
|
|
353
|
-
max-width: var(${CSS_PREFIX}width, auto);
|
|
354
|
-
height: var(${CSS_PREFIX}height, auto);
|
|
355
|
-
max-height: var(${CSS_PREFIX}height, auto);
|
|
356
|
-
transition: var(${CSS_PREFIX}transition) !important;
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
:root [${PLACEHOLDER_ATTRIBUTE}] {
|
|
360
|
-
transition: none;
|
|
361
|
-
}
|
|
362
|
-
|
|
363
|
-
:root [${PLACEHOLDER_ATTRIBUTE}='hidden'] {
|
|
364
|
-
visibility: hidden;
|
|
365
|
-
}
|
|
366
|
-
|
|
367
|
-
[${ATTRIBUTE}] * {
|
|
368
|
-
pointer-events: none !important;
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
[${ATTRIBUTE}]:not([${DROPPING_ATTRIBUTE}]) {
|
|
372
|
-
translate: var(${CSS_PREFIX}translate) !important;
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
[${ATTRIBUTE}][style*='${CSS_PREFIX}scale'] {
|
|
376
|
-
scale: var(${CSS_PREFIX}scale) !important;
|
|
377
|
-
transform-origin: var(${CSS_PREFIX}transform-origin) !important;
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
@layer {
|
|
381
|
-
:where([${ATTRIBUTE}][popover]) {
|
|
382
|
-
overflow: visible;
|
|
383
|
-
background: unset;
|
|
384
|
-
border: unset;
|
|
385
|
-
margin: unset;
|
|
386
|
-
padding: unset;
|
|
387
|
-
color: inherit;
|
|
388
|
-
|
|
389
|
-
&:is(input, button) {
|
|
390
|
-
border: revert;
|
|
391
|
-
background: revert;
|
|
392
|
-
}
|
|
393
|
-
}
|
|
394
|
-
}
|
|
395
|
-
[${ATTRIBUTE}]::backdrop, [${ATTR_PREFIX}overlay]:not([${ATTRIBUTE}]) {
|
|
396
|
-
display: none;
|
|
397
|
-
visibility: hidden;
|
|
398
|
-
}
|
|
399
|
-
`.replace(/\n+/g, " ").replace(/\s+/g, " ").trim();
|
|
400
|
-
function createPlaceholder(source, type = "hidden") {
|
|
401
|
-
return signalsCore.untracked(() => {
|
|
402
|
-
const { element, manager } = source;
|
|
403
|
-
if (!element || !manager) return;
|
|
404
|
-
const containedDroppables = findContainedDroppables(
|
|
405
|
-
element,
|
|
406
|
-
manager.registry.droppables
|
|
407
|
-
);
|
|
408
|
-
const cleanup = [];
|
|
409
|
-
const placeholder = utilities.cloneElement(element);
|
|
410
|
-
const { remove } = placeholder;
|
|
411
|
-
proxyDroppableElements(containedDroppables, placeholder, cleanup);
|
|
412
|
-
configurePlaceholder(placeholder, type);
|
|
413
|
-
placeholder.remove = () => {
|
|
414
|
-
cleanup.forEach((fn) => fn());
|
|
415
|
-
remove.call(placeholder);
|
|
416
|
-
};
|
|
417
|
-
return placeholder;
|
|
418
|
-
});
|
|
419
|
-
}
|
|
420
|
-
function findContainedDroppables(element, droppables) {
|
|
421
|
-
const containedDroppables = /* @__PURE__ */ new Map();
|
|
422
|
-
for (const droppable of droppables) {
|
|
423
|
-
if (!droppable.element) continue;
|
|
424
|
-
if (element === droppable.element || element.contains(droppable.element)) {
|
|
425
|
-
const identifierAttribute = `${ATTR_PREFIX}${utilities.generateUniqueId("dom-id")}`;
|
|
426
|
-
droppable.element.setAttribute(identifierAttribute, "");
|
|
427
|
-
containedDroppables.set(droppable, identifierAttribute);
|
|
428
|
-
}
|
|
429
|
-
}
|
|
430
|
-
return containedDroppables;
|
|
431
|
-
}
|
|
432
|
-
function proxyDroppableElements(containedDroppables, placeholder, cleanup) {
|
|
433
|
-
for (const [droppable, identifierAttribute] of containedDroppables) {
|
|
434
|
-
if (!droppable.element) continue;
|
|
435
|
-
const selector = `[${identifierAttribute}]`;
|
|
436
|
-
const clonedElement = placeholder.matches(selector) ? placeholder : placeholder.querySelector(selector);
|
|
437
|
-
droppable.element.removeAttribute(identifierAttribute);
|
|
438
|
-
if (!clonedElement) continue;
|
|
439
|
-
const originalElement = droppable.element;
|
|
440
|
-
droppable.proxy = clonedElement;
|
|
441
|
-
clonedElement.removeAttribute(identifierAttribute);
|
|
442
|
-
utilities.ProxiedElements.set(originalElement, clonedElement);
|
|
443
|
-
cleanup.push(() => {
|
|
444
|
-
utilities.ProxiedElements.delete(originalElement);
|
|
445
|
-
droppable.proxy = void 0;
|
|
446
|
-
});
|
|
447
|
-
}
|
|
448
|
-
}
|
|
449
|
-
function configurePlaceholder(placeholder, type = "hidden") {
|
|
450
|
-
placeholder.setAttribute("inert", "true");
|
|
451
|
-
placeholder.setAttribute("tab-index", "-1");
|
|
452
|
-
placeholder.setAttribute("aria-hidden", "true");
|
|
453
|
-
placeholder.setAttribute(PLACEHOLDER_ATTRIBUTE, type);
|
|
454
|
-
}
|
|
455
|
-
function isSameFrame(element, target) {
|
|
456
|
-
if (element === target) return true;
|
|
457
|
-
return utilities.getFrameElement(element) === utilities.getFrameElement(target);
|
|
458
|
-
}
|
|
459
|
-
function preventPopoverClose(event) {
|
|
460
|
-
const { target } = event;
|
|
461
|
-
if ("newState" in event && event.newState === "closed" && utilities.isElement(target) && target.hasAttribute("popover")) {
|
|
462
|
-
requestAnimationFrame(() => utilities.showPopover(target));
|
|
463
|
-
}
|
|
464
|
-
}
|
|
465
|
-
function isTableRow(element) {
|
|
466
|
-
return element.tagName === "TR";
|
|
467
|
-
}
|
|
468
|
-
|
|
469
|
-
// src/core/plugins/feedback/Feedback.ts
|
|
470
|
-
var styleSheetRegistry = /* @__PURE__ */ new Map();
|
|
471
|
-
var _overlay_dec, _a, _init, _overlay, _Feedback_instances, render_fn, injectStyles_fn;
|
|
472
|
-
var _Feedback = class _Feedback extends (_a = index.Plugin, _overlay_dec = [index$1.reactive], _a) {
|
|
473
|
-
constructor(manager, options) {
|
|
474
|
-
super(manager, options);
|
|
475
|
-
__privateAdd(this, _Feedback_instances);
|
|
476
|
-
__privateAdd(this, _overlay, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
|
|
477
|
-
this.state = {
|
|
478
|
-
initial: {},
|
|
479
|
-
current: {}
|
|
480
|
-
};
|
|
481
|
-
this.registerEffect(__privateMethod(this, _Feedback_instances, injectStyles_fn));
|
|
482
|
-
this.registerEffect(__privateMethod(this, _Feedback_instances, render_fn));
|
|
483
|
-
}
|
|
484
|
-
destroy() {
|
|
485
|
-
super.destroy();
|
|
486
|
-
for (const [doc, registration] of styleSheetRegistry.entries()) {
|
|
487
|
-
if (registration.instances.has(this)) {
|
|
488
|
-
registration.instances.delete(this);
|
|
489
|
-
if (registration.instances.size === 0) {
|
|
490
|
-
registration.cleanup();
|
|
491
|
-
styleSheetRegistry.delete(doc);
|
|
492
|
-
}
|
|
493
|
-
}
|
|
494
|
-
}
|
|
495
|
-
}
|
|
496
|
-
};
|
|
497
|
-
_init = __decoratorStart(_a);
|
|
498
|
-
_overlay = new WeakMap();
|
|
499
|
-
_Feedback_instances = new WeakSet();
|
|
500
|
-
render_fn = function() {
|
|
501
|
-
var _a4, _b2, _c3;
|
|
502
|
-
const { state, manager, options } = this;
|
|
503
|
-
const { dragOperation } = manager;
|
|
504
|
-
const { position, source, status } = dragOperation;
|
|
505
|
-
if (status.idle) {
|
|
506
|
-
state.current = {};
|
|
507
|
-
state.initial = {};
|
|
508
|
-
return;
|
|
509
|
-
}
|
|
510
|
-
if (!source) return;
|
|
511
|
-
const { element, feedback } = source;
|
|
512
|
-
if (!element || feedback === "none" || !status.initialized || status.initializing) {
|
|
513
|
-
return;
|
|
514
|
-
}
|
|
515
|
-
const { initial } = state;
|
|
516
|
-
const feedbackElement = (_a4 = this.overlay) != null ? _a4 : element;
|
|
517
|
-
const frameTransform = utilities.getFrameTransform(feedbackElement);
|
|
518
|
-
const elementFrameTransform = utilities.getFrameTransform(element);
|
|
519
|
-
const crossFrame = !isSameFrame(element, feedbackElement);
|
|
520
|
-
const shape = new utilities.DOMRectangle(element, {
|
|
521
|
-
frameTransform: crossFrame ? elementFrameTransform : null,
|
|
522
|
-
ignoreTransforms: !crossFrame
|
|
523
|
-
});
|
|
524
|
-
const scaleDelta = {
|
|
525
|
-
x: elementFrameTransform.scaleX / frameTransform.scaleX,
|
|
526
|
-
y: elementFrameTransform.scaleY / frameTransform.scaleY
|
|
527
|
-
};
|
|
528
|
-
let cleanup;
|
|
529
|
-
let { width, height, top, left } = shape;
|
|
530
|
-
if (crossFrame) {
|
|
531
|
-
width = width / scaleDelta.x;
|
|
532
|
-
height = height / scaleDelta.y;
|
|
533
|
-
}
|
|
534
|
-
let elementMutationObserver;
|
|
535
|
-
let documentMutationObserver;
|
|
536
|
-
const styles = new utilities.Styles(feedbackElement);
|
|
537
|
-
const {
|
|
538
|
-
transition,
|
|
539
|
-
translate,
|
|
540
|
-
boxSizing,
|
|
541
|
-
paddingBlockStart,
|
|
542
|
-
paddingBlockEnd,
|
|
543
|
-
paddingInlineStart,
|
|
544
|
-
paddingInlineEnd,
|
|
545
|
-
borderInlineStartWidth,
|
|
546
|
-
borderInlineEndWidth,
|
|
547
|
-
borderBlockStartWidth,
|
|
548
|
-
borderBlockEndWidth
|
|
549
|
-
} = utilities.getComputedStyles(element);
|
|
550
|
-
const clone = feedback === "clone";
|
|
551
|
-
const contentBox = boxSizing === "content-box";
|
|
552
|
-
const widthOffset = contentBox ? parseInt(paddingInlineStart) + parseInt(paddingInlineEnd) + parseInt(borderInlineStartWidth) + parseInt(borderInlineEndWidth) : 0;
|
|
553
|
-
const heightOffset = contentBox ? parseInt(paddingBlockStart) + parseInt(paddingBlockEnd) + parseInt(borderBlockStartWidth) + parseInt(borderBlockEndWidth) : 0;
|
|
554
|
-
const placeholder = feedback !== "move" && !this.overlay ? createPlaceholder(source, clone ? "clone" : "hidden") : null;
|
|
555
|
-
const isKeyboardOperation = signalsCore.untracked(
|
|
556
|
-
() => utilities.isKeyboardEvent(manager.dragOperation.activatorEvent)
|
|
557
|
-
);
|
|
558
|
-
if (translate !== "none") {
|
|
559
|
-
const parsedTranslate = utilities.parseTranslate(translate);
|
|
560
|
-
if (parsedTranslate && !initial.translate) {
|
|
561
|
-
initial.translate = parsedTranslate;
|
|
562
|
-
}
|
|
563
|
-
}
|
|
564
|
-
if (!initial.transformOrigin) {
|
|
565
|
-
const current = signalsCore.untracked(() => position.current);
|
|
566
|
-
initial.transformOrigin = {
|
|
567
|
-
x: (current.x - left * frameTransform.scaleX - frameTransform.x) / (width * frameTransform.scaleX),
|
|
568
|
-
y: (current.y - top * frameTransform.scaleY - frameTransform.y) / (height * frameTransform.scaleY)
|
|
569
|
-
};
|
|
570
|
-
}
|
|
571
|
-
const { transformOrigin } = initial;
|
|
572
|
-
const relativeTop = top * frameTransform.scaleY + frameTransform.y;
|
|
573
|
-
const relativeLeft = left * frameTransform.scaleX + frameTransform.x;
|
|
574
|
-
if (!initial.coordinates) {
|
|
575
|
-
initial.coordinates = {
|
|
576
|
-
x: relativeLeft,
|
|
577
|
-
y: relativeTop
|
|
578
|
-
};
|
|
579
|
-
if (scaleDelta.x !== 1 || scaleDelta.y !== 1) {
|
|
580
|
-
const { scaleX, scaleY } = elementFrameTransform;
|
|
581
|
-
const { x: tX2, y: tY2 } = transformOrigin;
|
|
582
|
-
initial.coordinates.x += (width * scaleX - width) * tX2;
|
|
583
|
-
initial.coordinates.y += (height * scaleY - height) * tY2;
|
|
584
|
-
}
|
|
585
|
-
}
|
|
586
|
-
if (!initial.dimensions) {
|
|
587
|
-
initial.dimensions = { width, height };
|
|
588
|
-
}
|
|
589
|
-
if (!initial.frameTransform) {
|
|
590
|
-
initial.frameTransform = frameTransform;
|
|
591
|
-
}
|
|
592
|
-
const coordinatesDelta = {
|
|
593
|
-
x: initial.coordinates.x - relativeLeft,
|
|
594
|
-
y: initial.coordinates.y - relativeTop
|
|
595
|
-
};
|
|
596
|
-
const sizeDelta = {
|
|
597
|
-
width: (initial.dimensions.width * initial.frameTransform.scaleX - width * frameTransform.scaleX) * transformOrigin.x,
|
|
598
|
-
height: (initial.dimensions.height * initial.frameTransform.scaleY - height * frameTransform.scaleY) * transformOrigin.y
|
|
599
|
-
};
|
|
600
|
-
const delta = {
|
|
601
|
-
x: coordinatesDelta.x / frameTransform.scaleX + sizeDelta.width,
|
|
602
|
-
y: coordinatesDelta.y / frameTransform.scaleY + sizeDelta.height
|
|
603
|
-
};
|
|
604
|
-
const projected = {
|
|
605
|
-
left: left + delta.x,
|
|
606
|
-
top: top + delta.y
|
|
607
|
-
};
|
|
608
|
-
feedbackElement.setAttribute(ATTRIBUTE, "true");
|
|
609
|
-
const transform = signalsCore.untracked(() => dragOperation.transform);
|
|
610
|
-
const initialTranslate = (_b2 = initial.translate) != null ? _b2 : { x: 0, y: 0 };
|
|
611
|
-
const tX = transform.x * frameTransform.scaleX + initialTranslate.x;
|
|
612
|
-
const tY = transform.y * frameTransform.scaleY + initialTranslate.y;
|
|
613
|
-
const translateString = `${tX}px ${tY}px 0`;
|
|
614
|
-
const transitionString = transition ? `${transition}, translate 0ms linear` : "";
|
|
615
|
-
styles.set(
|
|
616
|
-
{
|
|
617
|
-
width: width - widthOffset,
|
|
618
|
-
height: height - heightOffset,
|
|
619
|
-
top: projected.top,
|
|
620
|
-
left: projected.left,
|
|
621
|
-
translate: translateString,
|
|
622
|
-
transition: transitionString,
|
|
623
|
-
scale: crossFrame ? `${scaleDelta.x} ${scaleDelta.y}` : "",
|
|
624
|
-
"transform-origin": `${transformOrigin.x * 100}% ${transformOrigin.y * 100}%`
|
|
625
|
-
},
|
|
626
|
-
CSS_PREFIX
|
|
627
|
-
);
|
|
628
|
-
if (placeholder) {
|
|
629
|
-
element.insertAdjacentElement("afterend", placeholder);
|
|
630
|
-
if (options == null ? void 0 : options.rootElement) {
|
|
631
|
-
const root = typeof options.rootElement === "function" ? options.rootElement(source) : options.rootElement;
|
|
632
|
-
root.appendChild(element);
|
|
633
|
-
}
|
|
634
|
-
}
|
|
635
|
-
if (utilities.supportsPopover(feedbackElement)) {
|
|
636
|
-
if (!feedbackElement.hasAttribute("popover")) {
|
|
637
|
-
feedbackElement.setAttribute("popover", "manual");
|
|
638
|
-
}
|
|
639
|
-
utilities.showPopover(feedbackElement);
|
|
640
|
-
feedbackElement.addEventListener("beforetoggle", preventPopoverClose);
|
|
641
|
-
}
|
|
642
|
-
const resizeObserver = new ResizeObserver(() => {
|
|
643
|
-
if (!placeholder) return;
|
|
644
|
-
const placeholderShape = new utilities.DOMRectangle(placeholder, {
|
|
645
|
-
frameTransform,
|
|
646
|
-
ignoreTransforms: true
|
|
647
|
-
});
|
|
648
|
-
const origin = transformOrigin != null ? transformOrigin : { x: 1, y: 1 };
|
|
649
|
-
const dX = (width - placeholderShape.width) * origin.x + delta.x;
|
|
650
|
-
const dY = (height - placeholderShape.height) * origin.y + delta.y;
|
|
651
|
-
styles.set(
|
|
652
|
-
{
|
|
653
|
-
width: placeholderShape.width - widthOffset,
|
|
654
|
-
height: placeholderShape.height - heightOffset,
|
|
655
|
-
top: top + dY,
|
|
656
|
-
left: left + dX
|
|
657
|
-
},
|
|
658
|
-
CSS_PREFIX
|
|
659
|
-
);
|
|
660
|
-
elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
|
|
661
|
-
if (isTableRow(element) && isTableRow(placeholder)) {
|
|
662
|
-
const cells = Array.from(element.cells);
|
|
663
|
-
const placeholderCells = Array.from(placeholder.cells);
|
|
664
|
-
for (const [index, cell] of cells.entries()) {
|
|
665
|
-
const placeholderCell = placeholderCells[index];
|
|
666
|
-
cell.style.width = `${placeholderCell.offsetWidth}px`;
|
|
667
|
-
}
|
|
668
|
-
}
|
|
669
|
-
dragOperation.shape = new utilities.DOMRectangle(feedbackElement);
|
|
670
|
-
});
|
|
671
|
-
const initialShape = new utilities.DOMRectangle(feedbackElement);
|
|
672
|
-
signalsCore.untracked(() => dragOperation.shape = initialShape);
|
|
673
|
-
const feedbackWindow = utilities.getWindow(feedbackElement);
|
|
674
|
-
const handleWindowResize = (event) => {
|
|
675
|
-
this.manager.actions.stop({ event });
|
|
676
|
-
};
|
|
677
|
-
if (isKeyboardOperation) {
|
|
678
|
-
feedbackWindow.addEventListener("resize", handleWindowResize);
|
|
679
|
-
}
|
|
680
|
-
if (signalsCore.untracked(() => source.status) === "idle") {
|
|
681
|
-
requestAnimationFrame(() => source.status = "dragging");
|
|
682
|
-
}
|
|
683
|
-
if (placeholder) {
|
|
684
|
-
resizeObserver.observe(placeholder);
|
|
685
|
-
elementMutationObserver = new MutationObserver((mutations) => {
|
|
686
|
-
let hasChildrenMutations = false;
|
|
687
|
-
for (const mutation of mutations) {
|
|
688
|
-
if (mutation.target !== element) {
|
|
689
|
-
hasChildrenMutations = true;
|
|
690
|
-
continue;
|
|
691
|
-
}
|
|
692
|
-
if (mutation.type !== "attributes") {
|
|
693
|
-
continue;
|
|
694
|
-
}
|
|
695
|
-
const attributeName = mutation.attributeName;
|
|
696
|
-
if (attributeName.startsWith("aria-") || IGNORED_ATTRIBUTES.includes(attributeName)) {
|
|
697
|
-
continue;
|
|
698
|
-
}
|
|
699
|
-
const attributeValue = element.getAttribute(attributeName);
|
|
700
|
-
if (attributeName === "style") {
|
|
701
|
-
if (utilities.supportsStyle(element) && utilities.supportsStyle(placeholder)) {
|
|
702
|
-
const styles2 = element.style;
|
|
703
|
-
for (const key of Array.from(placeholder.style)) {
|
|
704
|
-
if (styles2.getPropertyValue(key) === "") {
|
|
705
|
-
placeholder.style.removeProperty(key);
|
|
706
|
-
}
|
|
707
|
-
}
|
|
708
|
-
for (const key of Array.from(styles2)) {
|
|
709
|
-
if (IGNORED_STYLES.includes(key) || key.startsWith(CSS_PREFIX)) {
|
|
710
|
-
continue;
|
|
711
|
-
}
|
|
712
|
-
const value = styles2.getPropertyValue(key);
|
|
713
|
-
placeholder.style.setProperty(key, value);
|
|
714
|
-
}
|
|
715
|
-
}
|
|
716
|
-
} else if (attributeValue !== null) {
|
|
717
|
-
placeholder.setAttribute(attributeName, attributeValue);
|
|
718
|
-
} else {
|
|
719
|
-
placeholder.removeAttribute(attributeName);
|
|
720
|
-
}
|
|
721
|
-
}
|
|
722
|
-
if (hasChildrenMutations && clone) {
|
|
723
|
-
placeholder.innerHTML = element.innerHTML;
|
|
724
|
-
}
|
|
725
|
-
});
|
|
726
|
-
elementMutationObserver.observe(element, {
|
|
727
|
-
attributes: true,
|
|
728
|
-
subtree: true,
|
|
729
|
-
childList: true
|
|
730
|
-
});
|
|
731
|
-
documentMutationObserver = new MutationObserver((entries) => {
|
|
732
|
-
for (const entry of entries) {
|
|
733
|
-
if (entry.addedNodes.length === 0) continue;
|
|
734
|
-
for (const node of Array.from(entry.addedNodes)) {
|
|
735
|
-
if (node.contains(element) && element.nextElementSibling !== placeholder) {
|
|
736
|
-
element.insertAdjacentElement("afterend", placeholder);
|
|
737
|
-
utilities.showPopover(feedbackElement);
|
|
738
|
-
return;
|
|
739
|
-
}
|
|
740
|
-
if (node.contains(placeholder) && placeholder.previousElementSibling !== element) {
|
|
741
|
-
placeholder.insertAdjacentElement("beforebegin", element);
|
|
742
|
-
utilities.showPopover(feedbackElement);
|
|
743
|
-
return;
|
|
744
|
-
}
|
|
745
|
-
}
|
|
746
|
-
}
|
|
747
|
-
});
|
|
748
|
-
documentMutationObserver.observe(element.ownerDocument.body, {
|
|
749
|
-
childList: true,
|
|
750
|
-
subtree: true
|
|
751
|
-
});
|
|
752
|
-
}
|
|
753
|
-
const cleanupEffect = signalsCore.effect(() => {
|
|
754
|
-
var _a5;
|
|
755
|
-
const { transform: transform2, status: status2 } = dragOperation;
|
|
756
|
-
if (!transform2.x && !transform2.y && !state.current.translate) {
|
|
757
|
-
return;
|
|
758
|
-
}
|
|
759
|
-
if (status2.dragging) {
|
|
760
|
-
const initialTranslate2 = (_a5 = initial.translate) != null ? _a5 : { x: 0, y: 0 };
|
|
761
|
-
const translate2 = {
|
|
762
|
-
x: transform2.x / frameTransform.scaleX + initialTranslate2.x,
|
|
763
|
-
y: transform2.y / frameTransform.scaleY + initialTranslate2.y
|
|
764
|
-
};
|
|
765
|
-
const previousTranslate = state.current.translate;
|
|
766
|
-
const modifiers = signalsCore.untracked(() => dragOperation.modifiers);
|
|
767
|
-
const currentShape = signalsCore.untracked(() => {
|
|
768
|
-
var _a6;
|
|
769
|
-
return (_a6 = dragOperation.shape) == null ? void 0 : _a6.current;
|
|
770
|
-
});
|
|
771
|
-
const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
|
|
772
|
-
styles.set(
|
|
773
|
-
{
|
|
774
|
-
transition: `${transition}, translate ${translateTransition}`,
|
|
775
|
-
translate: `${translate2.x}px ${translate2.y}px 0`
|
|
776
|
-
},
|
|
777
|
-
CSS_PREFIX
|
|
778
|
-
);
|
|
779
|
-
elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
|
|
780
|
-
if (currentShape && currentShape !== initialShape && previousTranslate && !modifiers.length) {
|
|
781
|
-
const delta2 = index$2.Point.delta(translate2, previousTranslate);
|
|
782
|
-
dragOperation.shape = index$2.Rectangle.from(
|
|
783
|
-
currentShape.boundingRectangle
|
|
784
|
-
).translate(
|
|
785
|
-
// Need to take into account frame transform when optimistically updating shape
|
|
786
|
-
delta2.x * frameTransform.scaleX,
|
|
787
|
-
delta2.y * frameTransform.scaleY
|
|
788
|
-
);
|
|
789
|
-
} else {
|
|
790
|
-
dragOperation.shape = new utilities.DOMRectangle(feedbackElement);
|
|
791
|
-
}
|
|
792
|
-
state.current.translate = translate2;
|
|
793
|
-
}
|
|
794
|
-
});
|
|
795
|
-
const id = (_c3 = manager.dragOperation.source) == null ? void 0 : _c3.id;
|
|
796
|
-
const restoreFocus = () => {
|
|
797
|
-
var _a5;
|
|
798
|
-
if (!isKeyboardOperation || id == null) {
|
|
799
|
-
return;
|
|
800
|
-
}
|
|
801
|
-
const draggable = manager.registry.draggables.get(id);
|
|
802
|
-
const element2 = (_a5 = draggable == null ? void 0 : draggable.handle) != null ? _a5 : draggable == null ? void 0 : draggable.element;
|
|
803
|
-
if (utilities.isHTMLElement(element2)) {
|
|
804
|
-
element2.focus();
|
|
805
|
-
}
|
|
806
|
-
};
|
|
807
|
-
let dropEffectCleanup;
|
|
808
|
-
cleanup = () => {
|
|
809
|
-
elementMutationObserver == null ? void 0 : elementMutationObserver.disconnect();
|
|
810
|
-
documentMutationObserver == null ? void 0 : documentMutationObserver.disconnect();
|
|
811
|
-
resizeObserver.disconnect();
|
|
812
|
-
feedbackWindow.removeEventListener("resize", handleWindowResize);
|
|
813
|
-
if (utilities.supportsPopover(feedbackElement)) {
|
|
814
|
-
feedbackElement.removeEventListener(
|
|
815
|
-
"beforetoggle",
|
|
816
|
-
preventPopoverClose
|
|
817
|
-
);
|
|
818
|
-
feedbackElement.removeAttribute("popover");
|
|
819
|
-
}
|
|
820
|
-
feedbackElement.removeAttribute(ATTRIBUTE);
|
|
821
|
-
styles.reset();
|
|
822
|
-
source.status = "idle";
|
|
823
|
-
const moved = state.current.translate != null;
|
|
824
|
-
if (placeholder && (moved || placeholder.parentElement !== feedbackElement.parentElement) && feedbackElement.isConnected) {
|
|
825
|
-
placeholder.replaceWith(feedbackElement);
|
|
826
|
-
}
|
|
827
|
-
placeholder == null ? void 0 : placeholder.remove();
|
|
828
|
-
cleanupEffect();
|
|
829
|
-
dropEffectCleanup == null ? void 0 : dropEffectCleanup();
|
|
830
|
-
};
|
|
831
|
-
dropEffectCleanup = signalsCore.effect(() => {
|
|
832
|
-
if (dragOperation.status.dropped) {
|
|
833
|
-
queueMicrotask(() => dropEffectCleanup == null ? void 0 : dropEffectCleanup());
|
|
834
|
-
const onComplete = cleanup;
|
|
835
|
-
cleanup = void 0;
|
|
836
|
-
source.status = "dropping";
|
|
837
|
-
let translate2 = state.current.translate;
|
|
838
|
-
const moved = translate2 != null;
|
|
839
|
-
if (!translate2 && element !== feedbackElement) {
|
|
840
|
-
translate2 = {
|
|
841
|
-
x: 0,
|
|
842
|
-
y: 0
|
|
843
|
-
};
|
|
844
|
-
}
|
|
845
|
-
if (!translate2) {
|
|
846
|
-
onComplete == null ? void 0 : onComplete();
|
|
847
|
-
return;
|
|
848
|
-
}
|
|
849
|
-
const dropAnimation = () => {
|
|
850
|
-
var _a5, _b3;
|
|
851
|
-
{
|
|
852
|
-
utilities.showPopover(feedbackElement);
|
|
853
|
-
const [, animation] = (_a5 = utilities.getFinalKeyframe(
|
|
854
|
-
feedbackElement,
|
|
855
|
-
(keyframe) => "translate" in keyframe
|
|
856
|
-
)) != null ? _a5 : [];
|
|
857
|
-
animation == null ? void 0 : animation.pause();
|
|
858
|
-
const target = placeholder != null ? placeholder : element;
|
|
859
|
-
const options2 = {
|
|
860
|
-
frameTransform: isSameFrame(feedbackElement, target) ? null : void 0
|
|
861
|
-
};
|
|
862
|
-
const current = new utilities.DOMRectangle(feedbackElement, options2);
|
|
863
|
-
const currentTranslate = (_b3 = utilities.parseTranslate(utilities.getComputedStyles(feedbackElement).translate)) != null ? _b3 : translate2;
|
|
864
|
-
const final = new utilities.DOMRectangle(target, options2);
|
|
865
|
-
const delta2 = index$2.Rectangle.delta(current, final, source.alignment);
|
|
866
|
-
const finalTranslate = {
|
|
867
|
-
x: currentTranslate.x - delta2.x,
|
|
868
|
-
y: currentTranslate.y - delta2.y
|
|
869
|
-
};
|
|
870
|
-
const heightKeyframes = Math.round(current.intrinsicHeight) !== Math.round(final.intrinsicHeight) ? {
|
|
871
|
-
minHeight: [
|
|
872
|
-
`${current.intrinsicHeight}px`,
|
|
873
|
-
`${final.intrinsicHeight}px`
|
|
874
|
-
],
|
|
875
|
-
maxHeight: [
|
|
876
|
-
`${current.intrinsicHeight}px`,
|
|
877
|
-
`${final.intrinsicHeight}px`
|
|
878
|
-
]
|
|
879
|
-
} : {};
|
|
880
|
-
const widthKeyframes = Math.round(current.intrinsicWidth) !== Math.round(final.intrinsicWidth) ? {
|
|
881
|
-
minWidth: [
|
|
882
|
-
`${current.intrinsicWidth}px`,
|
|
883
|
-
`${final.intrinsicWidth}px`
|
|
884
|
-
],
|
|
885
|
-
maxWidth: [
|
|
886
|
-
`${current.intrinsicWidth}px`,
|
|
887
|
-
`${final.intrinsicWidth}px`
|
|
888
|
-
]
|
|
889
|
-
} : {};
|
|
890
|
-
styles.set({ transition }, CSS_PREFIX);
|
|
891
|
-
feedbackElement.setAttribute(DROPPING_ATTRIBUTE, "");
|
|
892
|
-
elementMutationObserver == null ? void 0 : elementMutationObserver.takeRecords();
|
|
893
|
-
utilities.animateTransform({
|
|
894
|
-
element: feedbackElement,
|
|
895
|
-
keyframes: __spreadProps(__spreadValues(__spreadValues({}, heightKeyframes), widthKeyframes), {
|
|
896
|
-
translate: [
|
|
897
|
-
`${currentTranslate.x}px ${currentTranslate.y}px 0`,
|
|
898
|
-
`${finalTranslate.x}px ${finalTranslate.y}px 0`
|
|
899
|
-
]
|
|
900
|
-
}),
|
|
901
|
-
options: {
|
|
902
|
-
duration: moved || feedbackElement !== element ? 250 : 0,
|
|
903
|
-
easing: "ease"
|
|
904
|
-
}
|
|
905
|
-
}).then(() => {
|
|
906
|
-
feedbackElement.removeAttribute(DROPPING_ATTRIBUTE);
|
|
907
|
-
animation == null ? void 0 : animation.finish();
|
|
908
|
-
onComplete == null ? void 0 : onComplete();
|
|
909
|
-
requestAnimationFrame(restoreFocus);
|
|
910
|
-
});
|
|
911
|
-
}
|
|
912
|
-
};
|
|
913
|
-
manager.renderer.rendering.then(dropAnimation);
|
|
914
|
-
}
|
|
915
|
-
});
|
|
916
|
-
return () => cleanup == null ? void 0 : cleanup();
|
|
917
|
-
};
|
|
918
|
-
injectStyles_fn = function() {
|
|
919
|
-
var _a4, _b2;
|
|
920
|
-
const { status, source, target } = this.manager.dragOperation;
|
|
921
|
-
if (status.initializing) {
|
|
922
|
-
const sourceDocument = utilities.getDocument((_a4 = source == null ? void 0 : source.element) != null ? _a4 : null);
|
|
923
|
-
const targetDocument = utilities.getDocument((_b2 = target == null ? void 0 : target.element) != null ? _b2 : null);
|
|
924
|
-
const documents = /* @__PURE__ */ new Set([sourceDocument, targetDocument]);
|
|
925
|
-
for (const doc of documents) {
|
|
926
|
-
let registration = styleSheetRegistry.get(doc);
|
|
927
|
-
if (!registration) {
|
|
928
|
-
const style = document.createElement("style");
|
|
929
|
-
style.textContent = CSS_RULES;
|
|
930
|
-
doc.head.prepend(style);
|
|
931
|
-
const mutationObserver = new MutationObserver((entries) => {
|
|
932
|
-
for (const entry of entries) {
|
|
933
|
-
if (entry.type === "childList") {
|
|
934
|
-
const removedNodes = Array.from(entry.removedNodes);
|
|
935
|
-
if (removedNodes.length > 0 && removedNodes.includes(style)) {
|
|
936
|
-
doc.head.prepend(style);
|
|
937
|
-
}
|
|
938
|
-
}
|
|
939
|
-
}
|
|
940
|
-
});
|
|
941
|
-
mutationObserver.observe(doc.head, { childList: true });
|
|
942
|
-
registration = {
|
|
943
|
-
cleanup: () => {
|
|
944
|
-
mutationObserver.disconnect();
|
|
945
|
-
style.remove();
|
|
946
|
-
},
|
|
947
|
-
instances: /* @__PURE__ */ new Set()
|
|
948
|
-
};
|
|
949
|
-
styleSheetRegistry.set(doc, registration);
|
|
950
|
-
}
|
|
951
|
-
registration.instances.add(this);
|
|
952
|
-
}
|
|
953
|
-
}
|
|
954
|
-
};
|
|
955
|
-
__decorateElement(_init, 4, "overlay", _overlay_dec, _Feedback, _overlay);
|
|
956
|
-
__decoratorMetadata(_init, _Feedback);
|
|
957
|
-
_Feedback.configure = index.configurator(_Feedback);
|
|
958
|
-
var Feedback = _Feedback;
|
|
959
|
-
var LOCKED = true;
|
|
960
|
-
var UNLOCKED = false;
|
|
961
|
-
var _dec, _a2, _dec2, _b, _init2, __b, __a;
|
|
962
|
-
_b = (_dec2 = [index$1.reactive], utilities.ScrollDirection.Forward), _a2 = (_dec = [index$1.reactive], utilities.ScrollDirection.Reverse);
|
|
963
|
-
var ScrollLock = class {
|
|
964
|
-
constructor() {
|
|
965
|
-
__privateAdd(this, __b, __runInitializers(_init2, 8, this, LOCKED)), __runInitializers(_init2, 11, this);
|
|
966
|
-
__privateAdd(this, __a, __runInitializers(_init2, 12, this, LOCKED)), __runInitializers(_init2, 15, this);
|
|
967
|
-
}
|
|
968
|
-
isLocked(direction) {
|
|
969
|
-
if (direction === utilities.ScrollDirection.Idle) {
|
|
970
|
-
return false;
|
|
971
|
-
}
|
|
972
|
-
if (direction == null) {
|
|
973
|
-
return this[utilities.ScrollDirection.Forward] === LOCKED && this[utilities.ScrollDirection.Reverse] === LOCKED;
|
|
974
|
-
}
|
|
975
|
-
return this[direction] === LOCKED;
|
|
976
|
-
}
|
|
977
|
-
unlock(direction) {
|
|
978
|
-
if (direction === utilities.ScrollDirection.Idle) {
|
|
979
|
-
return;
|
|
980
|
-
}
|
|
981
|
-
this[direction] = UNLOCKED;
|
|
982
|
-
}
|
|
983
|
-
};
|
|
984
|
-
_init2 = __decoratorStart(null);
|
|
985
|
-
__b = new WeakMap();
|
|
986
|
-
__a = new WeakMap();
|
|
987
|
-
__decorateElement(_init2, 4, _b, _dec2, ScrollLock, __b);
|
|
988
|
-
__decorateElement(_init2, 4, _a2, _dec, ScrollLock, __a);
|
|
989
|
-
__decoratorMetadata(_init2, ScrollLock);
|
|
990
|
-
|
|
991
|
-
// src/core/plugins/scrolling/ScrollIntent.ts
|
|
992
|
-
var DIRECTIONS = [utilities.ScrollDirection.Forward, utilities.ScrollDirection.Reverse];
|
|
993
|
-
var ScrollIntent = class {
|
|
994
|
-
constructor() {
|
|
995
|
-
this.x = new ScrollLock();
|
|
996
|
-
this.y = new ScrollLock();
|
|
997
|
-
}
|
|
998
|
-
isLocked() {
|
|
999
|
-
return this.x.isLocked() && this.y.isLocked();
|
|
1000
|
-
}
|
|
1001
|
-
};
|
|
1002
|
-
var ScrollIntentTracker = class extends index.Plugin {
|
|
1003
|
-
constructor(manager) {
|
|
1004
|
-
super(manager);
|
|
1005
|
-
const scrollIntent = signalsCore.signal(new ScrollIntent());
|
|
1006
|
-
let previousDelta = null;
|
|
1007
|
-
this.signal = scrollIntent;
|
|
1008
|
-
signalsCore.effect(() => {
|
|
1009
|
-
const { status } = manager.dragOperation;
|
|
1010
|
-
if (!status.initialized) {
|
|
1011
|
-
previousDelta = null;
|
|
1012
|
-
scrollIntent.value = new ScrollIntent();
|
|
1013
|
-
return;
|
|
1014
|
-
}
|
|
1015
|
-
const { delta } = manager.dragOperation.position;
|
|
1016
|
-
if (previousDelta) {
|
|
1017
|
-
const directions = {
|
|
1018
|
-
x: getDirection(delta.x, previousDelta.x),
|
|
1019
|
-
y: getDirection(delta.y, previousDelta.y)
|
|
1020
|
-
};
|
|
1021
|
-
const intent = scrollIntent.peek();
|
|
1022
|
-
signalsCore.batch(() => {
|
|
1023
|
-
for (const axis of index$2.Axes) {
|
|
1024
|
-
for (const direction of DIRECTIONS) {
|
|
1025
|
-
if (directions[axis] === direction) {
|
|
1026
|
-
intent[axis].unlock(direction);
|
|
1027
|
-
}
|
|
1028
|
-
}
|
|
1029
|
-
}
|
|
1030
|
-
scrollIntent.value = intent;
|
|
1031
|
-
});
|
|
1032
|
-
}
|
|
1033
|
-
previousDelta = delta;
|
|
1034
|
-
});
|
|
1035
|
-
}
|
|
1036
|
-
get current() {
|
|
1037
|
-
return this.signal.peek();
|
|
1038
|
-
}
|
|
1039
|
-
};
|
|
1040
|
-
function getDirection(a, b) {
|
|
1041
|
-
return Math.sign(a - b);
|
|
1042
|
-
}
|
|
1043
|
-
|
|
1044
|
-
// src/core/plugins/scrolling/Scroller.ts
|
|
1045
|
-
var _autoScrolling_dec, _a3, _init3, _autoScrolling, _meta, _scroll;
|
|
1046
|
-
var Scroller = class extends (_a3 = index.CorePlugin, _autoScrolling_dec = [index$1.reactive], _a3) {
|
|
1047
|
-
constructor(manager) {
|
|
1048
|
-
super(manager);
|
|
1049
|
-
__privateAdd(this, _autoScrolling, __runInitializers(_init3, 8, this, false)), __runInitializers(_init3, 11, this);
|
|
1050
|
-
__privateAdd(this, _meta);
|
|
1051
|
-
__privateAdd(this, _scroll, () => {
|
|
1052
|
-
if (!__privateGet(this, _meta)) {
|
|
1053
|
-
return;
|
|
1054
|
-
}
|
|
1055
|
-
const { element, by } = __privateGet(this, _meta);
|
|
1056
|
-
if (by.y) element.scrollTop += by.y;
|
|
1057
|
-
if (by.x) element.scrollLeft += by.x;
|
|
1058
|
-
});
|
|
1059
|
-
this.scroll = (options) => {
|
|
1060
|
-
var _a4;
|
|
1061
|
-
if (this.disabled) {
|
|
1062
|
-
return false;
|
|
1063
|
-
}
|
|
1064
|
-
const elements = this.getScrollableElements();
|
|
1065
|
-
if (!elements) {
|
|
1066
|
-
__privateSet(this, _meta, void 0);
|
|
1067
|
-
return false;
|
|
1068
|
-
}
|
|
1069
|
-
const { position } = this.manager.dragOperation;
|
|
1070
|
-
const currentPosition = position == null ? void 0 : position.current;
|
|
1071
|
-
if (currentPosition) {
|
|
1072
|
-
const { by } = options != null ? options : {};
|
|
1073
|
-
const intent = by ? {
|
|
1074
|
-
x: getScrollIntent(by.x),
|
|
1075
|
-
y: getScrollIntent(by.y)
|
|
1076
|
-
} : void 0;
|
|
1077
|
-
const scrollIntent = intent ? void 0 : this.scrollIntentTracker.current;
|
|
1078
|
-
if (scrollIntent == null ? void 0 : scrollIntent.isLocked()) {
|
|
1079
|
-
return false;
|
|
1080
|
-
}
|
|
1081
|
-
for (const scrollableElement of elements) {
|
|
1082
|
-
const elementCanScroll = utilities.canScroll(scrollableElement, by);
|
|
1083
|
-
if (elementCanScroll.x || elementCanScroll.y) {
|
|
1084
|
-
const { speed, direction } = utilities.detectScrollIntent(
|
|
1085
|
-
scrollableElement,
|
|
1086
|
-
currentPosition,
|
|
1087
|
-
intent
|
|
1088
|
-
);
|
|
1089
|
-
if (scrollIntent) {
|
|
1090
|
-
for (const axis of index$2.Axes) {
|
|
1091
|
-
if (scrollIntent[axis].isLocked(direction[axis])) {
|
|
1092
|
-
speed[axis] = 0;
|
|
1093
|
-
direction[axis] = 0;
|
|
1094
|
-
}
|
|
1095
|
-
}
|
|
1096
|
-
}
|
|
1097
|
-
if (direction.x || direction.y) {
|
|
1098
|
-
const { x, y } = by != null ? by : direction;
|
|
1099
|
-
const scrollLeftBy = x * speed.x;
|
|
1100
|
-
const scrollTopBy = y * speed.y;
|
|
1101
|
-
if (scrollLeftBy || scrollTopBy) {
|
|
1102
|
-
const previousScrollBy = (_a4 = __privateGet(this, _meta)) == null ? void 0 : _a4.by;
|
|
1103
|
-
if (this.autoScrolling && previousScrollBy) {
|
|
1104
|
-
const scrollIntentMismatch = previousScrollBy.x && !scrollLeftBy || previousScrollBy.y && !scrollTopBy;
|
|
1105
|
-
if (scrollIntentMismatch) continue;
|
|
1106
|
-
}
|
|
1107
|
-
__privateSet(this, _meta, {
|
|
1108
|
-
element: scrollableElement,
|
|
1109
|
-
by: {
|
|
1110
|
-
x: scrollLeftBy,
|
|
1111
|
-
y: scrollTopBy
|
|
1112
|
-
}
|
|
1113
|
-
});
|
|
1114
|
-
utilities.scheduler.schedule(__privateGet(this, _scroll));
|
|
1115
|
-
return true;
|
|
1116
|
-
}
|
|
1117
|
-
}
|
|
1118
|
-
}
|
|
1119
|
-
}
|
|
1120
|
-
}
|
|
1121
|
-
__privateSet(this, _meta, void 0);
|
|
1122
|
-
return false;
|
|
1123
|
-
};
|
|
1124
|
-
let previousElementFromPoint = null;
|
|
1125
|
-
let previousScrollableElements = null;
|
|
1126
|
-
const elementFromPoint = index$1.computed(() => {
|
|
1127
|
-
const { position, source } = manager.dragOperation;
|
|
1128
|
-
if (!position) {
|
|
1129
|
-
return null;
|
|
1130
|
-
}
|
|
1131
|
-
const element = utilities.getElementFromPoint(
|
|
1132
|
-
utilities.getDocument(source == null ? void 0 : source.element),
|
|
1133
|
-
position.current
|
|
1134
|
-
);
|
|
1135
|
-
if (element) {
|
|
1136
|
-
previousElementFromPoint = element;
|
|
1137
|
-
}
|
|
1138
|
-
return element != null ? element : previousElementFromPoint;
|
|
1139
|
-
});
|
|
1140
|
-
const scrollableElements = index$1.computed(() => {
|
|
1141
|
-
const element = elementFromPoint.value;
|
|
1142
|
-
const { documentElement } = utilities.getDocument(element);
|
|
1143
|
-
if (!element || element === documentElement) {
|
|
1144
|
-
const { target } = manager.dragOperation;
|
|
1145
|
-
const targetElement = target == null ? void 0 : target.element;
|
|
1146
|
-
if (targetElement) {
|
|
1147
|
-
const elements = utilities.getScrollableAncestors(targetElement, {
|
|
1148
|
-
excludeElement: false
|
|
1149
|
-
});
|
|
1150
|
-
previousScrollableElements = elements;
|
|
1151
|
-
return elements;
|
|
1152
|
-
}
|
|
1153
|
-
}
|
|
1154
|
-
if (element) {
|
|
1155
|
-
const elements = utilities.getScrollableAncestors(element, {
|
|
1156
|
-
excludeElement: false
|
|
1157
|
-
});
|
|
1158
|
-
if (this.autoScrolling && previousScrollableElements && elements.size < (previousScrollableElements == null ? void 0 : previousScrollableElements.size)) {
|
|
1159
|
-
return previousScrollableElements;
|
|
1160
|
-
}
|
|
1161
|
-
previousScrollableElements = elements;
|
|
1162
|
-
return elements;
|
|
1163
|
-
}
|
|
1164
|
-
previousScrollableElements = null;
|
|
1165
|
-
return null;
|
|
1166
|
-
}, index$1.deepEqual);
|
|
1167
|
-
this.getScrollableElements = () => {
|
|
1168
|
-
return scrollableElements.value;
|
|
1169
|
-
};
|
|
1170
|
-
this.scrollIntentTracker = new ScrollIntentTracker(manager);
|
|
1171
|
-
this.destroy = manager.monitor.addEventListener("dragmove", (event) => {
|
|
1172
|
-
if (this.disabled || event.defaultPrevented || !utilities.isKeyboardEvent(manager.dragOperation.activatorEvent) || !event.by) {
|
|
1173
|
-
return;
|
|
1174
|
-
}
|
|
1175
|
-
if (this.scroll({ by: event.by })) {
|
|
1176
|
-
event.preventDefault();
|
|
1177
|
-
}
|
|
1178
|
-
});
|
|
1179
|
-
}
|
|
1180
|
-
};
|
|
1181
|
-
_init3 = __decoratorStart(_a3);
|
|
1182
|
-
_autoScrolling = new WeakMap();
|
|
1183
|
-
_meta = new WeakMap();
|
|
1184
|
-
_scroll = new WeakMap();
|
|
1185
|
-
__decorateElement(_init3, 4, "autoScrolling", _autoScrolling_dec, Scroller, _autoScrolling);
|
|
1186
|
-
__decoratorMetadata(_init3, Scroller);
|
|
1187
|
-
function getScrollIntent(value) {
|
|
1188
|
-
if (value > 0) {
|
|
1189
|
-
return utilities.ScrollDirection.Forward;
|
|
1190
|
-
}
|
|
1191
|
-
if (value < 0) {
|
|
1192
|
-
return utilities.ScrollDirection.Reverse;
|
|
1193
|
-
}
|
|
1194
|
-
return utilities.ScrollDirection.Idle;
|
|
1195
|
-
}
|
|
1196
|
-
|
|
1197
|
-
// src/utilities/scheduling/scheduler.ts
|
|
1198
|
-
var Scheduler = class {
|
|
1199
|
-
constructor(scheduler5) {
|
|
1200
|
-
this.scheduler = scheduler5;
|
|
1201
|
-
this.pending = false;
|
|
1202
|
-
this.tasks = /* @__PURE__ */ new Set();
|
|
1203
|
-
this.resolvers = /* @__PURE__ */ new Set();
|
|
1204
|
-
this.flush = () => {
|
|
1205
|
-
const { tasks, resolvers } = this;
|
|
1206
|
-
this.pending = false;
|
|
1207
|
-
this.tasks = /* @__PURE__ */ new Set();
|
|
1208
|
-
this.resolvers = /* @__PURE__ */ new Set();
|
|
1209
|
-
for (const task of tasks) {
|
|
1210
|
-
task();
|
|
1211
|
-
}
|
|
1212
|
-
for (const resolve of resolvers) {
|
|
1213
|
-
resolve();
|
|
1214
|
-
}
|
|
1215
|
-
};
|
|
1216
|
-
}
|
|
1217
|
-
schedule(task) {
|
|
1218
|
-
this.tasks.add(task);
|
|
1219
|
-
if (!this.pending) {
|
|
1220
|
-
this.pending = true;
|
|
1221
|
-
this.scheduler(this.flush);
|
|
1222
|
-
}
|
|
1223
|
-
return new Promise((resolve) => this.resolvers.add(resolve));
|
|
1224
|
-
}
|
|
1225
|
-
};
|
|
1226
|
-
var scheduler3 = new Scheduler((callback) => {
|
|
1227
|
-
if (typeof requestAnimationFrame === "function") {
|
|
1228
|
-
requestAnimationFrame(callback);
|
|
1229
|
-
} else {
|
|
1230
|
-
callback();
|
|
1231
|
-
}
|
|
1232
|
-
});
|
|
1233
|
-
|
|
1234
|
-
// src/core/plugins/scrolling/AutoScroller.ts
|
|
1235
|
-
var AUTOSCROLL_INTERVAL = 10;
|
|
1236
|
-
var AutoScroller = class extends index.Plugin {
|
|
1237
|
-
constructor(manager, _options) {
|
|
1238
|
-
super(manager);
|
|
1239
|
-
const scroller = manager.registry.plugins.get(Scroller);
|
|
1240
|
-
if (!scroller) {
|
|
1241
|
-
throw new Error("AutoScroller plugin depends on Scroller plugin");
|
|
1242
|
-
}
|
|
1243
|
-
this.destroy = signalsCore.effect(() => {
|
|
1244
|
-
if (this.disabled) {
|
|
1245
|
-
return;
|
|
1246
|
-
}
|
|
1247
|
-
const { position: _, status } = manager.dragOperation;
|
|
1248
|
-
if (status.dragging) {
|
|
1249
|
-
const canScroll2 = scroller.scroll();
|
|
1250
|
-
if (canScroll2) {
|
|
1251
|
-
scroller.autoScrolling = true;
|
|
1252
|
-
const interval = setInterval(
|
|
1253
|
-
() => scheduler3.schedule(scroller.scroll),
|
|
1254
|
-
AUTOSCROLL_INTERVAL
|
|
1255
|
-
);
|
|
1256
|
-
return () => {
|
|
1257
|
-
clearInterval(interval);
|
|
1258
|
-
};
|
|
1259
|
-
} else {
|
|
1260
|
-
scroller.autoScrolling = false;
|
|
1261
|
-
}
|
|
1262
|
-
}
|
|
1263
|
-
});
|
|
1264
|
-
}
|
|
1265
|
-
};
|
|
1266
|
-
var listenerOptions = {
|
|
1267
|
-
capture: true,
|
|
1268
|
-
passive: true
|
|
1269
|
-
};
|
|
1270
|
-
var _timeout;
|
|
1271
|
-
var ScrollListener = class extends index.CorePlugin {
|
|
1272
|
-
constructor(manager) {
|
|
1273
|
-
super(manager);
|
|
1274
|
-
__privateAdd(this, _timeout);
|
|
1275
|
-
this.handleScroll = () => {
|
|
1276
|
-
if (__privateGet(this, _timeout) == null) {
|
|
1277
|
-
__privateSet(this, _timeout, setTimeout(() => {
|
|
1278
|
-
this.manager.collisionObserver.forceUpdate(false);
|
|
1279
|
-
__privateSet(this, _timeout, void 0);
|
|
1280
|
-
}, 50));
|
|
1281
|
-
}
|
|
1282
|
-
};
|
|
1283
|
-
const { dragOperation } = this.manager;
|
|
1284
|
-
this.destroy = signalsCore.effect(() => {
|
|
1285
|
-
var _a4, _b2, _c3;
|
|
1286
|
-
const enabled = dragOperation.status.dragging;
|
|
1287
|
-
if (enabled) {
|
|
1288
|
-
const root = (_c3 = (_b2 = (_a4 = dragOperation.source) == null ? void 0 : _a4.element) == null ? void 0 : _b2.ownerDocument) != null ? _c3 : document;
|
|
1289
|
-
root.addEventListener("scroll", this.handleScroll, listenerOptions);
|
|
1290
|
-
return () => {
|
|
1291
|
-
root.removeEventListener(
|
|
1292
|
-
"scroll",
|
|
1293
|
-
this.handleScroll,
|
|
1294
|
-
listenerOptions
|
|
1295
|
-
);
|
|
1296
|
-
};
|
|
1297
|
-
}
|
|
1298
|
-
});
|
|
1299
|
-
}
|
|
1300
|
-
};
|
|
1301
|
-
_timeout = new WeakMap();
|
|
1302
|
-
var PreventSelection = class extends index.Plugin {
|
|
1303
|
-
constructor(manager) {
|
|
1304
|
-
super(manager);
|
|
1305
|
-
this.manager = manager;
|
|
1306
|
-
this.destroy = signalsCore.effect(() => {
|
|
1307
|
-
const { dragOperation } = this.manager;
|
|
1308
|
-
if (dragOperation.status.initialized) {
|
|
1309
|
-
const style = document.createElement("style");
|
|
1310
|
-
style.textContent = `* { user-select: none !important; -webkit-user-select: none !important; }`;
|
|
1311
|
-
document.head.appendChild(style);
|
|
1312
|
-
removeSelection();
|
|
1313
|
-
document.addEventListener("selectionchange", removeSelection, {
|
|
1314
|
-
capture: true
|
|
1315
|
-
});
|
|
1316
|
-
return () => {
|
|
1317
|
-
document.removeEventListener("selectionchange", removeSelection, {
|
|
1318
|
-
capture: true
|
|
1319
|
-
});
|
|
1320
|
-
style.remove();
|
|
1321
|
-
};
|
|
1322
|
-
}
|
|
1323
|
-
});
|
|
1324
|
-
}
|
|
1325
|
-
};
|
|
1326
|
-
function removeSelection() {
|
|
1327
|
-
var _a4;
|
|
1328
|
-
(_a4 = document.getSelection()) == null ? void 0 : _a4.removeAllRanges();
|
|
1329
|
-
}
|
|
1330
|
-
var defaults = Object.freeze({
|
|
1331
|
-
offset: 10,
|
|
1332
|
-
keyboardCodes: {
|
|
1333
|
-
start: ["Space", "Enter"],
|
|
1334
|
-
cancel: ["Escape"],
|
|
1335
|
-
end: ["Space", "Enter", "Tab"],
|
|
1336
|
-
up: ["ArrowUp"],
|
|
1337
|
-
down: ["ArrowDown"],
|
|
1338
|
-
left: ["ArrowLeft"],
|
|
1339
|
-
right: ["ArrowRight"]
|
|
1340
|
-
},
|
|
1341
|
-
shouldActivate(args) {
|
|
1342
|
-
var _a4;
|
|
1343
|
-
const { event, source } = args;
|
|
1344
|
-
const target = (_a4 = source.handle) != null ? _a4 : source.element;
|
|
1345
|
-
return event.target === target;
|
|
1346
|
-
}
|
|
1347
|
-
});
|
|
1348
|
-
var _cleanupFunctions;
|
|
1349
|
-
var _KeyboardSensor = class _KeyboardSensor extends index.Sensor {
|
|
1350
|
-
constructor(manager, options) {
|
|
1351
|
-
super(manager);
|
|
1352
|
-
this.manager = manager;
|
|
1353
|
-
this.options = options;
|
|
1354
|
-
__privateAdd(this, _cleanupFunctions, []);
|
|
1355
|
-
this.listeners = new utilities.Listeners();
|
|
1356
|
-
this.handleSourceKeyDown = (event, source, options) => {
|
|
1357
|
-
if (this.disabled || event.defaultPrevented) {
|
|
1358
|
-
return;
|
|
1359
|
-
}
|
|
1360
|
-
if (!utilities.isElement(event.target)) {
|
|
1361
|
-
return;
|
|
1362
|
-
}
|
|
1363
|
-
if (source.disabled) {
|
|
1364
|
-
return;
|
|
1365
|
-
}
|
|
1366
|
-
const {
|
|
1367
|
-
keyboardCodes = defaults.keyboardCodes,
|
|
1368
|
-
shouldActivate = defaults.shouldActivate
|
|
1369
|
-
} = options != null ? options : {};
|
|
1370
|
-
if (!keyboardCodes.start.includes(event.code)) {
|
|
1371
|
-
return;
|
|
1372
|
-
}
|
|
1373
|
-
if (!this.manager.dragOperation.status.idle) {
|
|
1374
|
-
return;
|
|
1375
|
-
}
|
|
1376
|
-
if (shouldActivate({ event, source, manager: this.manager })) {
|
|
1377
|
-
this.handleStart(event, source, options);
|
|
1378
|
-
}
|
|
1379
|
-
};
|
|
1380
|
-
}
|
|
1381
|
-
bind(source, options = this.options) {
|
|
1382
|
-
const unbind = signalsCore.effect(() => {
|
|
1383
|
-
var _a4;
|
|
1384
|
-
const target = (_a4 = source.handle) != null ? _a4 : source.element;
|
|
1385
|
-
const listener = (event) => {
|
|
1386
|
-
if (utilities.isKeyboardEvent(event)) {
|
|
1387
|
-
this.handleSourceKeyDown(event, source, options);
|
|
1388
|
-
}
|
|
1389
|
-
};
|
|
1390
|
-
if (target) {
|
|
1391
|
-
target.addEventListener("keydown", listener);
|
|
1392
|
-
return () => {
|
|
1393
|
-
target.removeEventListener("keydown", listener);
|
|
1394
|
-
};
|
|
1395
|
-
}
|
|
1396
|
-
});
|
|
1397
|
-
return unbind;
|
|
1398
|
-
}
|
|
1399
|
-
handleStart(event, source, options) {
|
|
1400
|
-
const { element } = source;
|
|
1401
|
-
if (!element) {
|
|
1402
|
-
throw new Error("Source draggable does not have an associated element");
|
|
1403
|
-
}
|
|
1404
|
-
event.preventDefault();
|
|
1405
|
-
event.stopImmediatePropagation();
|
|
1406
|
-
utilities.scrollIntoViewIfNeeded(element);
|
|
1407
|
-
const { center } = new utilities.DOMRectangle(element);
|
|
1408
|
-
const controller = this.manager.actions.start({
|
|
1409
|
-
event,
|
|
1410
|
-
coordinates: {
|
|
1411
|
-
x: center.x,
|
|
1412
|
-
y: center.y
|
|
1413
|
-
},
|
|
1414
|
-
source
|
|
1415
|
-
});
|
|
1416
|
-
if (controller.signal.aborted) return this.cleanup();
|
|
1417
|
-
this.sideEffects();
|
|
1418
|
-
const sourceDocument = utilities.getDocument(element);
|
|
1419
|
-
const listeners = [
|
|
1420
|
-
this.listeners.bind(sourceDocument, [
|
|
1421
|
-
{
|
|
1422
|
-
type: "keydown",
|
|
1423
|
-
listener: (event2) => this.handleKeyDown(event2, source, options),
|
|
1424
|
-
options: { capture: true }
|
|
1425
|
-
}
|
|
1426
|
-
])
|
|
1427
|
-
];
|
|
1428
|
-
__privateGet(this, _cleanupFunctions).push(...listeners);
|
|
1429
|
-
}
|
|
1430
|
-
handleKeyDown(event, _source, options) {
|
|
1431
|
-
const { keyboardCodes = defaults.keyboardCodes } = options != null ? options : {};
|
|
1432
|
-
if (isKeycode(event, [...keyboardCodes.end, ...keyboardCodes.cancel])) {
|
|
1433
|
-
event.preventDefault();
|
|
1434
|
-
const canceled = isKeycode(event, keyboardCodes.cancel);
|
|
1435
|
-
this.handleEnd(event, canceled);
|
|
1436
|
-
return;
|
|
1437
|
-
}
|
|
1438
|
-
if (isKeycode(event, keyboardCodes.up)) {
|
|
1439
|
-
this.handleMove("up", event);
|
|
1440
|
-
} else if (isKeycode(event, keyboardCodes.down)) {
|
|
1441
|
-
this.handleMove("down", event);
|
|
1442
|
-
}
|
|
1443
|
-
if (isKeycode(event, keyboardCodes.left)) {
|
|
1444
|
-
this.handleMove("left", event);
|
|
1445
|
-
} else if (isKeycode(event, keyboardCodes.right)) {
|
|
1446
|
-
this.handleMove("right", event);
|
|
1447
|
-
}
|
|
1448
|
-
}
|
|
1449
|
-
handleEnd(event, canceled) {
|
|
1450
|
-
this.manager.actions.stop({
|
|
1451
|
-
event,
|
|
1452
|
-
canceled
|
|
1453
|
-
});
|
|
1454
|
-
this.cleanup();
|
|
1455
|
-
}
|
|
1456
|
-
handleMove(direction, event) {
|
|
1457
|
-
var _a4, _b2;
|
|
1458
|
-
const { shape } = this.manager.dragOperation;
|
|
1459
|
-
const factor = event.shiftKey ? 5 : 1;
|
|
1460
|
-
let by = {
|
|
1461
|
-
x: 0,
|
|
1462
|
-
y: 0
|
|
1463
|
-
};
|
|
1464
|
-
let offset = (_b2 = (_a4 = this.options) == null ? void 0 : _a4.offset) != null ? _b2 : defaults.offset;
|
|
1465
|
-
if (typeof offset === "number") {
|
|
1466
|
-
offset = { x: offset, y: offset };
|
|
1467
|
-
}
|
|
1468
|
-
if (!shape) {
|
|
1469
|
-
return;
|
|
1470
|
-
}
|
|
1471
|
-
switch (direction) {
|
|
1472
|
-
case "up":
|
|
1473
|
-
by = { x: 0, y: -offset.y * factor };
|
|
1474
|
-
break;
|
|
1475
|
-
case "down":
|
|
1476
|
-
by = { x: 0, y: offset.y * factor };
|
|
1477
|
-
break;
|
|
1478
|
-
case "left":
|
|
1479
|
-
by = { x: -offset.x * factor, y: 0 };
|
|
1480
|
-
break;
|
|
1481
|
-
case "right":
|
|
1482
|
-
by = { x: offset.x * factor, y: 0 };
|
|
1483
|
-
break;
|
|
1484
|
-
}
|
|
1485
|
-
if (by.x || by.y) {
|
|
1486
|
-
event.preventDefault();
|
|
1487
|
-
this.manager.actions.move({
|
|
1488
|
-
event,
|
|
1489
|
-
by
|
|
1490
|
-
});
|
|
1491
|
-
}
|
|
1492
|
-
}
|
|
1493
|
-
sideEffects() {
|
|
1494
|
-
const autoScroller = this.manager.registry.plugins.get(AutoScroller);
|
|
1495
|
-
if ((autoScroller == null ? void 0 : autoScroller.disabled) === false) {
|
|
1496
|
-
autoScroller.disable();
|
|
1497
|
-
__privateGet(this, _cleanupFunctions).push(() => {
|
|
1498
|
-
autoScroller.enable();
|
|
1499
|
-
});
|
|
1500
|
-
}
|
|
1501
|
-
}
|
|
1502
|
-
cleanup() {
|
|
1503
|
-
__privateGet(this, _cleanupFunctions).forEach((cleanup) => cleanup());
|
|
1504
|
-
__privateSet(this, _cleanupFunctions, []);
|
|
1505
|
-
}
|
|
1506
|
-
destroy() {
|
|
1507
|
-
this.cleanup();
|
|
1508
|
-
this.listeners.clear();
|
|
1509
|
-
}
|
|
1510
|
-
};
|
|
1511
|
-
_cleanupFunctions = new WeakMap();
|
|
1512
|
-
_KeyboardSensor.configure = index.configurator(_KeyboardSensor);
|
|
1513
|
-
_KeyboardSensor.defaults = defaults;
|
|
1514
|
-
var KeyboardSensor = _KeyboardSensor;
|
|
1515
|
-
function isKeycode(event, codes) {
|
|
1516
|
-
return codes.includes(event.code);
|
|
1517
|
-
}
|
|
1518
|
-
var defaults2 = Object.freeze({
|
|
1519
|
-
activationConstraints(event, source) {
|
|
1520
|
-
var _a4;
|
|
1521
|
-
const { pointerType, target } = event;
|
|
1522
|
-
if (pointerType === "mouse" && utilities.isElement(target) && (source.handle === target || ((_a4 = source.handle) == null ? void 0 : _a4.contains(target)))) {
|
|
1523
|
-
return void 0;
|
|
1524
|
-
}
|
|
1525
|
-
if (pointerType === "touch") {
|
|
1526
|
-
return {
|
|
1527
|
-
delay: { value: 250, tolerance: 5 }
|
|
1528
|
-
};
|
|
1529
|
-
}
|
|
1530
|
-
if (utilities.isTextInput(target) && !event.defaultPrevented) {
|
|
1531
|
-
return {
|
|
1532
|
-
delay: { value: 200, tolerance: 0 }
|
|
1533
|
-
};
|
|
1534
|
-
}
|
|
1535
|
-
return {
|
|
1536
|
-
delay: { value: 200, tolerance: 10 },
|
|
1537
|
-
distance: { value: 5 }
|
|
1538
|
-
};
|
|
1539
|
-
}
|
|
1540
|
-
});
|
|
1541
|
-
var _cleanup, _clearTimeout;
|
|
1542
|
-
var _PointerSensor = class _PointerSensor extends index.Sensor {
|
|
1543
|
-
constructor(manager, options) {
|
|
1544
|
-
super(manager);
|
|
1545
|
-
this.manager = manager;
|
|
1546
|
-
this.options = options;
|
|
1547
|
-
__privateAdd(this, _cleanup, /* @__PURE__ */ new Set());
|
|
1548
|
-
__privateAdd(this, _clearTimeout);
|
|
1549
|
-
this.listeners = new utilities.Listeners();
|
|
1550
|
-
this.latest = {
|
|
1551
|
-
event: void 0,
|
|
1552
|
-
coordinates: void 0
|
|
1553
|
-
};
|
|
1554
|
-
this.handleMove = () => {
|
|
1555
|
-
const { event, coordinates: to } = this.latest;
|
|
1556
|
-
if (!event || !to) {
|
|
1557
|
-
return;
|
|
1558
|
-
}
|
|
1559
|
-
this.manager.actions.move({ event, to });
|
|
1560
|
-
};
|
|
1561
|
-
this.handleCancel = this.handleCancel.bind(this);
|
|
1562
|
-
this.handlePointerUp = this.handlePointerUp.bind(this);
|
|
1563
|
-
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
1564
|
-
}
|
|
1565
|
-
activationConstraints(event, source) {
|
|
1566
|
-
var _a4;
|
|
1567
|
-
const { activationConstraints = defaults2.activationConstraints } = (_a4 = this.options) != null ? _a4 : {};
|
|
1568
|
-
const constraints = typeof activationConstraints === "function" ? activationConstraints(event, source) : activationConstraints;
|
|
1569
|
-
return constraints;
|
|
1570
|
-
}
|
|
1571
|
-
bind(source, options = this.options) {
|
|
1572
|
-
const unbind = signalsCore.effect(() => {
|
|
1573
|
-
var _a4;
|
|
1574
|
-
const controller = new AbortController();
|
|
1575
|
-
const { signal: signal3 } = controller;
|
|
1576
|
-
const listener = (event) => {
|
|
1577
|
-
if (utilities.isPointerEvent(event)) {
|
|
1578
|
-
this.handlePointerDown(event, source, options);
|
|
1579
|
-
}
|
|
1580
|
-
};
|
|
1581
|
-
let targets = [(_a4 = source.handle) != null ? _a4 : source.element];
|
|
1582
|
-
if (options == null ? void 0 : options.activatorElements) {
|
|
1583
|
-
if (Array.isArray(options.activatorElements)) {
|
|
1584
|
-
targets = options.activatorElements;
|
|
1585
|
-
} else {
|
|
1586
|
-
targets = options.activatorElements(source);
|
|
1587
|
-
}
|
|
1588
|
-
}
|
|
1589
|
-
for (const target of targets) {
|
|
1590
|
-
if (!target) continue;
|
|
1591
|
-
patchWindow(target.ownerDocument.defaultView);
|
|
1592
|
-
target.addEventListener("pointerdown", listener, { signal: signal3 });
|
|
1593
|
-
}
|
|
1594
|
-
return () => controller.abort();
|
|
1595
|
-
});
|
|
1596
|
-
return unbind;
|
|
1597
|
-
}
|
|
1598
|
-
handlePointerDown(event, source, options = {}) {
|
|
1599
|
-
if (this.disabled || !event.isPrimary || event.button !== 0 || !utilities.isElement(event.target) || source.disabled || isCapturedBySensor(event) || !this.manager.dragOperation.status.idle) {
|
|
1600
|
-
return;
|
|
1601
|
-
}
|
|
1602
|
-
const { target } = event;
|
|
1603
|
-
const isNativeDraggable = utilities.isHTMLElement(target) && target.draggable && target.getAttribute("draggable") === "true";
|
|
1604
|
-
const offset = utilities.getFrameTransform(source.element);
|
|
1605
|
-
this.initialCoordinates = {
|
|
1606
|
-
x: event.clientX * offset.scaleX + offset.x,
|
|
1607
|
-
y: event.clientY * offset.scaleY + offset.y
|
|
1608
|
-
};
|
|
1609
|
-
const constraints = this.activationConstraints(event, source);
|
|
1610
|
-
event.sensor = this;
|
|
1611
|
-
if (!(constraints == null ? void 0 : constraints.delay) && !(constraints == null ? void 0 : constraints.distance)) {
|
|
1612
|
-
this.handleStart(source, event);
|
|
1613
|
-
} else {
|
|
1614
|
-
const { delay } = constraints;
|
|
1615
|
-
if (delay) {
|
|
1616
|
-
const timeout = setTimeout(
|
|
1617
|
-
() => this.handleStart(source, event),
|
|
1618
|
-
delay.value
|
|
1619
|
-
);
|
|
1620
|
-
__privateSet(this, _clearTimeout, () => {
|
|
1621
|
-
clearTimeout(timeout);
|
|
1622
|
-
__privateSet(this, _clearTimeout, void 0);
|
|
1623
|
-
});
|
|
1624
|
-
}
|
|
1625
|
-
}
|
|
1626
|
-
const ownerDocument = utilities.getDocument(event.target);
|
|
1627
|
-
const unbindListeners = this.listeners.bind(ownerDocument, [
|
|
1628
|
-
{
|
|
1629
|
-
type: "pointermove",
|
|
1630
|
-
listener: (event2) => this.handlePointerMove(event2, source)
|
|
1631
|
-
},
|
|
1632
|
-
{
|
|
1633
|
-
type: "pointerup",
|
|
1634
|
-
listener: this.handlePointerUp,
|
|
1635
|
-
options: {
|
|
1636
|
-
capture: true
|
|
1637
|
-
}
|
|
1638
|
-
},
|
|
1639
|
-
{
|
|
1640
|
-
// Cancel activation if there is a competing Drag and Drop interaction
|
|
1641
|
-
type: "dragstart",
|
|
1642
|
-
listener: isNativeDraggable ? this.handleCancel : preventDefault,
|
|
1643
|
-
options: {
|
|
1644
|
-
capture: true
|
|
1645
|
-
}
|
|
1646
|
-
}
|
|
1647
|
-
]);
|
|
1648
|
-
const cleanup = () => {
|
|
1649
|
-
var _a4;
|
|
1650
|
-
unbindListeners();
|
|
1651
|
-
(_a4 = __privateGet(this, _clearTimeout)) == null ? void 0 : _a4.call(this);
|
|
1652
|
-
this.initialCoordinates = void 0;
|
|
1653
|
-
};
|
|
1654
|
-
__privateGet(this, _cleanup).add(cleanup);
|
|
1655
|
-
}
|
|
1656
|
-
handlePointerMove(event, source) {
|
|
1657
|
-
const coordinates = {
|
|
1658
|
-
x: event.clientX,
|
|
1659
|
-
y: event.clientY
|
|
1660
|
-
};
|
|
1661
|
-
const offset = utilities.getFrameTransform(source.element);
|
|
1662
|
-
coordinates.x = coordinates.x * offset.scaleX + offset.x;
|
|
1663
|
-
coordinates.y = coordinates.y * offset.scaleY + offset.y;
|
|
1664
|
-
if (this.manager.dragOperation.status.dragging) {
|
|
1665
|
-
event.preventDefault();
|
|
1666
|
-
event.stopPropagation();
|
|
1667
|
-
this.latest.event = event;
|
|
1668
|
-
this.latest.coordinates = coordinates;
|
|
1669
|
-
utilities.scheduler.schedule(this.handleMove);
|
|
1670
|
-
return;
|
|
1671
|
-
}
|
|
1672
|
-
if (!this.initialCoordinates) {
|
|
1673
|
-
return;
|
|
1674
|
-
}
|
|
1675
|
-
const delta = {
|
|
1676
|
-
x: coordinates.x - this.initialCoordinates.x,
|
|
1677
|
-
y: coordinates.y - this.initialCoordinates.y
|
|
1678
|
-
};
|
|
1679
|
-
const constraints = this.activationConstraints(event, source);
|
|
1680
|
-
const { distance, delay } = constraints != null ? constraints : {};
|
|
1681
|
-
if (distance) {
|
|
1682
|
-
if (distance.tolerance != null && index$2.exceedsDistance(delta, distance.tolerance)) {
|
|
1683
|
-
return this.handleCancel(event);
|
|
1684
|
-
}
|
|
1685
|
-
if (index$2.exceedsDistance(delta, distance.value)) {
|
|
1686
|
-
return this.handleStart(source, event);
|
|
1687
|
-
}
|
|
1688
|
-
}
|
|
1689
|
-
if (delay) {
|
|
1690
|
-
if (index$2.exceedsDistance(delta, delay.tolerance)) {
|
|
1691
|
-
return this.handleCancel(event);
|
|
1692
|
-
}
|
|
1693
|
-
}
|
|
1694
|
-
}
|
|
1695
|
-
handlePointerUp(event) {
|
|
1696
|
-
const { status } = this.manager.dragOperation;
|
|
1697
|
-
if (!status.idle) {
|
|
1698
|
-
event.preventDefault();
|
|
1699
|
-
event.stopPropagation();
|
|
1700
|
-
const canceled = !status.initialized;
|
|
1701
|
-
this.manager.actions.stop({ event, canceled });
|
|
1702
|
-
}
|
|
1703
|
-
this.cleanup();
|
|
1704
|
-
}
|
|
1705
|
-
handleKeyDown(event) {
|
|
1706
|
-
if (event.key === "Escape") {
|
|
1707
|
-
event.preventDefault();
|
|
1708
|
-
this.handleCancel(event);
|
|
1709
|
-
}
|
|
1710
|
-
}
|
|
1711
|
-
handleStart(source, event) {
|
|
1712
|
-
var _a4;
|
|
1713
|
-
const { manager, initialCoordinates } = this;
|
|
1714
|
-
(_a4 = __privateGet(this, _clearTimeout)) == null ? void 0 : _a4.call(this);
|
|
1715
|
-
if (!initialCoordinates || !manager.dragOperation.status.idle) {
|
|
1716
|
-
return;
|
|
1717
|
-
}
|
|
1718
|
-
if (event.defaultPrevented) {
|
|
1719
|
-
return;
|
|
1720
|
-
}
|
|
1721
|
-
const controller = manager.actions.start({
|
|
1722
|
-
coordinates: initialCoordinates,
|
|
1723
|
-
event,
|
|
1724
|
-
source
|
|
1725
|
-
});
|
|
1726
|
-
if (controller.signal.aborted) return this.cleanup();
|
|
1727
|
-
event.preventDefault();
|
|
1728
|
-
const ownerDocument = utilities.getDocument(event.target);
|
|
1729
|
-
const pointerCaptureTarget = ownerDocument.body;
|
|
1730
|
-
pointerCaptureTarget.setPointerCapture(event.pointerId);
|
|
1731
|
-
const unbind = this.listeners.bind(ownerDocument, [
|
|
1732
|
-
{
|
|
1733
|
-
// Prevent scrolling on touch devices
|
|
1734
|
-
type: "touchmove",
|
|
1735
|
-
listener: preventDefault,
|
|
1736
|
-
options: {
|
|
1737
|
-
passive: false
|
|
1738
|
-
}
|
|
1739
|
-
},
|
|
1740
|
-
{
|
|
1741
|
-
// Prevent click events
|
|
1742
|
-
type: "click",
|
|
1743
|
-
listener: preventDefault
|
|
1744
|
-
},
|
|
1745
|
-
{
|
|
1746
|
-
type: "contextmenu",
|
|
1747
|
-
listener: preventDefault
|
|
1748
|
-
},
|
|
1749
|
-
{
|
|
1750
|
-
type: "keydown",
|
|
1751
|
-
listener: this.handleKeyDown
|
|
1752
|
-
},
|
|
1753
|
-
{
|
|
1754
|
-
type: "lostpointercapture",
|
|
1755
|
-
listener: (event2) => {
|
|
1756
|
-
if (event2.target !== pointerCaptureTarget) return;
|
|
1757
|
-
this.handlePointerUp(event2);
|
|
1758
|
-
}
|
|
1759
|
-
}
|
|
1760
|
-
]);
|
|
1761
|
-
__privateGet(this, _cleanup).add(unbind);
|
|
1762
|
-
}
|
|
1763
|
-
handleCancel(event) {
|
|
1764
|
-
const { dragOperation } = this.manager;
|
|
1765
|
-
if (dragOperation.status.initialized) {
|
|
1766
|
-
this.manager.actions.stop({ event, canceled: true });
|
|
1767
|
-
}
|
|
1768
|
-
this.cleanup();
|
|
1769
|
-
}
|
|
1770
|
-
cleanup() {
|
|
1771
|
-
this.latest = {
|
|
1772
|
-
event: void 0,
|
|
1773
|
-
coordinates: void 0
|
|
1774
|
-
};
|
|
1775
|
-
__privateGet(this, _cleanup).forEach((cleanup) => cleanup());
|
|
1776
|
-
__privateGet(this, _cleanup).clear();
|
|
1777
|
-
}
|
|
1778
|
-
destroy() {
|
|
1779
|
-
this.cleanup();
|
|
1780
|
-
this.listeners.clear();
|
|
1781
|
-
}
|
|
1782
|
-
};
|
|
1783
|
-
_cleanup = new WeakMap();
|
|
1784
|
-
_clearTimeout = new WeakMap();
|
|
1785
|
-
_PointerSensor.configure = index.configurator(_PointerSensor);
|
|
1786
|
-
_PointerSensor.defaults = defaults2;
|
|
1787
|
-
var PointerSensor = _PointerSensor;
|
|
1788
|
-
function isCapturedBySensor(event) {
|
|
1789
|
-
return "sensor" in event;
|
|
1790
|
-
}
|
|
1791
|
-
function preventDefault(event) {
|
|
1792
|
-
event.preventDefault();
|
|
1793
|
-
}
|
|
1794
|
-
function noop() {
|
|
1795
|
-
}
|
|
1796
|
-
var windows = /* @__PURE__ */ new WeakSet();
|
|
1797
|
-
function patchWindow(window) {
|
|
1798
|
-
if (!window || windows.has(window)) {
|
|
1799
|
-
return;
|
|
1800
|
-
}
|
|
1801
|
-
window.addEventListener("touchmove", noop, {
|
|
1802
|
-
capture: false,
|
|
1803
|
-
passive: false
|
|
1804
|
-
});
|
|
1805
|
-
windows.add(window);
|
|
1806
|
-
}
|
|
1807
|
-
|
|
1808
|
-
// src/core/manager/manager.ts
|
|
1809
|
-
var defaultPreset = {
|
|
1810
|
-
modifiers: [],
|
|
1811
|
-
plugins: [Accessibility, AutoScroller, Cursor, Feedback, PreventSelection],
|
|
1812
|
-
sensors: [PointerSensor, KeyboardSensor]
|
|
1813
|
-
};
|
|
1814
|
-
var DragDropManager = class extends index.DragDropManager {
|
|
1815
|
-
constructor(input = {}) {
|
|
1816
|
-
const {
|
|
1817
|
-
plugins = defaultPreset.plugins,
|
|
1818
|
-
sensors = defaultPreset.sensors,
|
|
1819
|
-
modifiers = []
|
|
1820
|
-
} = input;
|
|
1821
|
-
super(__spreadProps(__spreadValues({}, input), {
|
|
1822
|
-
plugins: [ScrollListener, Scroller, ...plugins],
|
|
1823
|
-
sensors,
|
|
1824
|
-
modifiers
|
|
1825
|
-
}));
|
|
1826
|
-
}
|
|
1827
|
-
};
|
|
1828
|
-
var _feedback_dec, _element_dec, _handle_dec, _c, _init4, _handle, _element, _feedback;
|
|
1829
|
-
var Draggable = class extends (_c = index.Draggable, _handle_dec = [index$1.reactive], _element_dec = [index$1.reactive], _feedback_dec = [index$1.reactive], _c) {
|
|
1830
|
-
constructor(_a4, manager) {
|
|
1831
|
-
var _b2 = _a4, {
|
|
1832
|
-
element,
|
|
1833
|
-
effects = () => [],
|
|
1834
|
-
handle,
|
|
1835
|
-
feedback = "default"
|
|
1836
|
-
} = _b2, input = __objRest(_b2, [
|
|
1837
|
-
"element",
|
|
1838
|
-
"effects",
|
|
1839
|
-
"handle",
|
|
1840
|
-
"feedback"
|
|
1841
|
-
]);
|
|
1842
|
-
super(
|
|
1843
|
-
__spreadValues({
|
|
1844
|
-
effects: () => [
|
|
1845
|
-
...effects(),
|
|
1846
|
-
() => {
|
|
1847
|
-
var _a5, _b3;
|
|
1848
|
-
const { manager: manager2 } = this;
|
|
1849
|
-
if (!manager2) return;
|
|
1850
|
-
const sensors = (_b3 = (_a5 = this.sensors) == null ? void 0 : _a5.map(index.descriptor)) != null ? _b3 : [
|
|
1851
|
-
...manager2.sensors
|
|
1852
|
-
];
|
|
1853
|
-
const unbindFunctions = sensors.map((entry) => {
|
|
1854
|
-
const sensorInstance = entry instanceof index.Sensor ? entry : manager2.registry.register(entry.plugin);
|
|
1855
|
-
const options = entry instanceof index.Sensor ? void 0 : entry.options;
|
|
1856
|
-
const unbind = sensorInstance.bind(this, options);
|
|
1857
|
-
return unbind;
|
|
1858
|
-
});
|
|
1859
|
-
return function cleanup() {
|
|
1860
|
-
unbindFunctions.forEach((unbind) => unbind());
|
|
1861
|
-
};
|
|
1862
|
-
}
|
|
1863
|
-
]
|
|
1864
|
-
}, input),
|
|
1865
|
-
manager
|
|
1866
|
-
);
|
|
1867
|
-
__privateAdd(this, _handle, __runInitializers(_init4, 8, this)), __runInitializers(_init4, 11, this);
|
|
1868
|
-
__privateAdd(this, _element, __runInitializers(_init4, 12, this)), __runInitializers(_init4, 15, this);
|
|
1869
|
-
__privateAdd(this, _feedback, __runInitializers(_init4, 16, this)), __runInitializers(_init4, 19, this);
|
|
1870
|
-
this.element = element;
|
|
1871
|
-
this.handle = handle;
|
|
1872
|
-
this.feedback = feedback;
|
|
1873
|
-
}
|
|
1874
|
-
};
|
|
1875
|
-
_init4 = __decoratorStart(_c);
|
|
1876
|
-
_handle = new WeakMap();
|
|
1877
|
-
_element = new WeakMap();
|
|
1878
|
-
_feedback = new WeakMap();
|
|
1879
|
-
__decorateElement(_init4, 4, "handle", _handle_dec, Draggable, _handle);
|
|
1880
|
-
__decorateElement(_init4, 4, "element", _element_dec, Draggable, _element);
|
|
1881
|
-
__decorateElement(_init4, 4, "feedback", _feedback_dec, Draggable, _feedback);
|
|
1882
|
-
__decoratorMetadata(_init4, Draggable);
|
|
1883
|
-
var _proxy_dec, _element_dec2, _c2, _init5, _element2, _d, element_get, element_set, _Droppable_instances, _proxy;
|
|
1884
|
-
var Droppable = class extends (_c2 = index.Droppable, _element_dec2 = [index$1.reactive], _proxy_dec = [index$1.reactive], _c2) {
|
|
1885
|
-
constructor(_a4, manager) {
|
|
1886
|
-
var _b2 = _a4, { element, effects = () => [] } = _b2, input = __objRest(_b2, ["element", "effects"]);
|
|
1887
|
-
const { collisionDetector = index$3.defaultCollisionDetection } = input;
|
|
1888
|
-
const updateShape = (boundingClientRect) => {
|
|
1889
|
-
const { manager: manager2, element: element2 } = this;
|
|
1890
|
-
if (!element2 || boundingClientRect === null) {
|
|
1891
|
-
this.shape = void 0;
|
|
1892
|
-
return void 0;
|
|
1893
|
-
}
|
|
1894
|
-
if (!manager2) return;
|
|
1895
|
-
const updatedShape = new utilities.DOMRectangle(element2);
|
|
1896
|
-
const shape = signalsCore.untracked(() => this.shape);
|
|
1897
|
-
if (updatedShape && (shape == null ? void 0 : shape.equals(updatedShape))) {
|
|
1898
|
-
return shape;
|
|
1899
|
-
}
|
|
1900
|
-
this.shape = updatedShape;
|
|
1901
|
-
return updatedShape;
|
|
1902
|
-
};
|
|
1903
|
-
const observePosition = signalsCore.signal(false);
|
|
1904
|
-
super(
|
|
1905
|
-
__spreadProps(__spreadValues({}, input), {
|
|
1906
|
-
collisionDetector,
|
|
1907
|
-
effects: () => [
|
|
1908
|
-
...effects(),
|
|
1909
|
-
() => {
|
|
1910
|
-
const { element: element2, manager: manager2 } = this;
|
|
1911
|
-
if (!manager2) return;
|
|
1912
|
-
const { dragOperation } = manager2;
|
|
1913
|
-
const { source } = dragOperation;
|
|
1914
|
-
observePosition.value = Boolean(
|
|
1915
|
-
source && dragOperation.status.initialized && element2 && !this.disabled && this.accepts(source)
|
|
1916
|
-
);
|
|
1917
|
-
},
|
|
1918
|
-
() => {
|
|
1919
|
-
const { element: element2 } = this;
|
|
1920
|
-
if (observePosition.value && element2) {
|
|
1921
|
-
const positionObserver = new utilities.PositionObserver(
|
|
1922
|
-
element2,
|
|
1923
|
-
updateShape
|
|
1924
|
-
);
|
|
1925
|
-
return () => {
|
|
1926
|
-
positionObserver.disconnect();
|
|
1927
|
-
this.shape = void 0;
|
|
1928
|
-
};
|
|
1929
|
-
}
|
|
1930
|
-
},
|
|
1931
|
-
() => {
|
|
1932
|
-
var _a5;
|
|
1933
|
-
if ((_a5 = this.manager) == null ? void 0 : _a5.dragOperation.status.initialized) {
|
|
1934
|
-
return () => {
|
|
1935
|
-
this.shape = void 0;
|
|
1936
|
-
};
|
|
1937
|
-
}
|
|
1938
|
-
}
|
|
1939
|
-
]
|
|
1940
|
-
}),
|
|
1941
|
-
manager
|
|
1942
|
-
);
|
|
1943
|
-
__privateAdd(this, _Droppable_instances);
|
|
1944
|
-
__privateAdd(this, _element2, __runInitializers(_init5, 8, this)), __runInitializers(_init5, 11, this);
|
|
1945
|
-
__privateAdd(this, _proxy, __runInitializers(_init5, 12, this)), __runInitializers(_init5, 15, this);
|
|
1946
|
-
this.element = element;
|
|
1947
|
-
this.refreshShape = () => updateShape();
|
|
1948
|
-
}
|
|
1949
|
-
set element(element) {
|
|
1950
|
-
__privateSet(this, _Droppable_instances, element, element_set);
|
|
1951
|
-
}
|
|
1952
|
-
get element() {
|
|
1953
|
-
var _a4;
|
|
1954
|
-
return (_a4 = this.proxy) != null ? _a4 : __privateGet(this, _Droppable_instances, element_get);
|
|
1955
|
-
}
|
|
1956
|
-
};
|
|
1957
|
-
_init5 = __decoratorStart(_c2);
|
|
1958
|
-
_element2 = new WeakMap();
|
|
1959
|
-
_Droppable_instances = new WeakSet();
|
|
1960
|
-
_proxy = new WeakMap();
|
|
1961
|
-
_d = __decorateElement(_init5, 20, "#element", _element_dec2, _Droppable_instances, _element2), element_get = _d.get, element_set = _d.set;
|
|
1962
|
-
__decorateElement(_init5, 4, "proxy", _proxy_dec, Droppable, _proxy);
|
|
1963
|
-
__decoratorMetadata(_init5, Droppable);
|
|
1964
|
-
|
|
1965
|
-
exports.Accessibility = Accessibility;
|
|
1966
|
-
exports.AutoScroller = AutoScroller;
|
|
1967
|
-
exports.Cursor = Cursor;
|
|
1968
|
-
exports.DragDropManager = DragDropManager;
|
|
1969
|
-
exports.Draggable = Draggable;
|
|
1970
|
-
exports.Droppable = Droppable;
|
|
1971
|
-
exports.Feedback = Feedback;
|
|
1972
|
-
exports.KeyboardSensor = KeyboardSensor;
|
|
1973
|
-
exports.PointerSensor = PointerSensor;
|
|
1974
|
-
exports.PreventSelection = PreventSelection;
|
|
1975
|
-
exports.ScrollListener = ScrollListener;
|
|
1976
|
-
exports.Scroller = Scroller;
|
|
1977
|
-
exports.defaultPreset = defaultPreset;
|
|
1978
|
-
//# sourceMappingURL=index.js.map
|