@svgrid/grid 2.6.1 → 2.6.2
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/README.md +199 -199
- package/dist/FlexRender.svelte +96 -96
- package/dist/GridFooter.svelte +178 -178
- package/dist/GridMenus.svelte +705 -705
- package/dist/SvAutoComplete.svelte +165 -165
- package/dist/SvAvatar.svelte +75 -75
- package/dist/SvCalendar.svelte +503 -503
- package/dist/SvCarousel.svelte +141 -141
- package/dist/SvCheckBox.svelte +102 -102
- package/dist/SvCircularProgress.svelte +109 -109
- package/dist/SvColorInput.svelte +181 -181
- package/dist/SvComboBox.svelte +275 -275
- package/dist/SvContextMenu.svelte +116 -116
- package/dist/SvCountryInput.svelte +162 -162
- package/dist/SvDrawer.svelte +254 -254
- package/dist/SvDropDownList.svelte +374 -374
- package/dist/SvDurationInput.svelte +126 -126
- package/dist/SvField.svelte +293 -293
- package/dist/SvForm.svelte +437 -437
- package/dist/SvGrid.controller.svelte.js +22 -10
- package/dist/SvGrid.css +2814 -2814
- package/dist/SvGrid.svelte +3490 -3490
- package/dist/SvGridChart.svelte +1716 -1716
- package/dist/SvGridChartPanel.svelte +485 -485
- package/dist/SvGridChartView.svelte +70 -70
- package/dist/SvGridDropdown.svelte +728 -728
- package/dist/SvGridSelect.svelte +266 -266
- package/dist/SvGroupCell.svelte +116 -116
- package/dist/SvListBox.svelte +326 -326
- package/dist/SvMaskedInput.svelte +122 -122
- package/dist/SvMenu.svelte +124 -124
- package/dist/SvMenuList.svelte +146 -146
- package/dist/SvMultiSelect.svelte +289 -289
- package/dist/SvNumberInput.svelte +168 -168
- package/dist/SvOtpInput.svelte +158 -158
- package/dist/SvPasswordInput.svelte +151 -151
- package/dist/SvPhoneInput.svelte +133 -133
- package/dist/SvPopover.svelte +197 -197
- package/dist/SvProgress.svelte +116 -116
- package/dist/SvRadioGroup.svelte +107 -107
- package/dist/SvRating.svelte +112 -112
- package/dist/SvResult.svelte +73 -73
- package/dist/SvRichText.svelte +211 -211
- package/dist/SvRowGroupPanel.svelte +170 -170
- package/dist/SvScrollArea.svelte +61 -61
- package/dist/SvSlider.svelte +202 -202
- package/dist/SvSwitchButton.svelte +108 -108
- package/dist/SvTagsInput.svelte +114 -114
- package/dist/SvTextInput.svelte +147 -147
- package/dist/SvTimePicker.svelte +245 -245
- package/dist/SvToaster.svelte +159 -159
- package/dist/SvToggleButton.svelte +85 -85
- package/dist/SvTooltip.svelte +161 -161
- package/dist/SvTour.svelte +208 -208
- package/dist/SvTree.svelte +444 -444
- package/dist/SvTreeSelect.svelte +235 -235
- package/dist/cdn/{GridMenus-DfmxE2Tb.js → GridMenus-BoVKgAv8.js} +9 -9
- package/dist/cdn/{GridMenus-CaaYtSpU.js → GridMenus-DL1zrDwf.js} +9 -9
- package/dist/cdn/{SvDateTimePicker-DSUhIta8.js → SvDateTimePicker-CHnUkWcH.js} +2 -2
- package/dist/cdn/{SvDateTimePicker-h9kPyszT.js → SvDateTimePicker-CRQH_U7E.js} +2 -2
- package/dist/cdn/{SvGridChart-CwhFz7GV.js → SvGridChart-BEJmNNx9.js} +1 -1
- package/dist/cdn/{SvGridChart-Bs2GIR2Q.js → SvGridChart-BwVos976.js} +1 -1
- package/dist/cdn/{SvGridChartPanel-1WXuStzM.js → SvGridChartPanel-BOknOkrP.js} +1 -1
- package/dist/cdn/{SvGridChartPanel-e5_nqNP9.js → SvGridChartPanel-D2PjII4O.js} +1 -1
- package/dist/cdn/{SvGridChartView-SmPW10dI.js → SvGridChartView-00LPUHL1.js} +1 -1
- package/dist/cdn/{SvGridChartView-eSPuJE6g.js → SvGridChartView-BhUEJ5ki.js} +1 -1
- package/dist/cdn/{SvGridDropdown-B1ZcLpgs.js → SvGridDropdown-D0VdjeR8.js} +1 -1
- package/dist/cdn/{SvGridDropdown-CtdbHcIS.js → SvGridDropdown-D13MtJ2j.js} +1 -1
- package/dist/cdn/{src-BIIhU1uh.js → src-CEpw6Ato.js} +2885 -2863
- package/dist/cdn/{src-DisUdSk9.js → src-M2NfKnjX.js} +2106 -2084
- package/dist/cdn/svgrid.js +8 -8
- package/dist/cdn/svgrid.svelte-external.js +8 -8
- package/dist/chart-export.js +8 -8
- package/dist/filtering/excel-filters.d.ts +14 -0
- package/dist/filtering/excel-filters.js +67 -32
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +11 -11
- package/src/FlexRender.svelte +96 -96
- package/src/GridFooter.svelte +178 -178
- package/src/GridMenus.svelte +705 -705
- package/src/SvAutoComplete.svelte +165 -165
- package/src/SvAvatar.svelte +75 -75
- package/src/SvCalendar.svelte +503 -503
- package/src/SvCalendar.test.ts +226 -226
- package/src/SvCarousel.svelte +141 -141
- package/src/SvCheckBox.svelte +102 -102
- package/src/SvCircularProgress.svelte +109 -109
- package/src/SvColorInput.svelte +181 -181
- package/src/SvComboBox.svelte +275 -275
- package/src/SvContextMenu.svelte +116 -116
- package/src/SvCountryInput.svelte +162 -162
- package/src/SvDrawer.svelte +254 -254
- package/src/SvDropDownList.svelte +374 -374
- package/src/SvDurationInput.svelte +126 -126
- package/src/SvField.svelte +293 -293
- package/src/SvForm.svelte +437 -437
- package/src/SvForm.test.ts +411 -411
- package/src/SvGrid.controller.svelte.ts +3691 -3680
- package/src/SvGrid.css +2814 -2814
- package/src/SvGrid.svelte +3490 -3490
- package/src/SvGrid.types.ts +1708 -1708
- package/src/SvGridChart.svelte +1716 -1716
- package/src/SvGridChartPanel.svelte +485 -485
- package/src/SvGridChartView.svelte +70 -70
- package/src/SvGridDropdown.svelte +728 -728
- package/src/SvGridSelect.svelte +266 -266
- package/src/SvGroupCell.svelte +116 -116
- package/src/SvListBox.svelte +326 -326
- package/src/SvMaskedInput.svelte +122 -122
- package/src/SvMenu.svelte +124 -124
- package/src/SvMenu.test.ts +97 -97
- package/src/SvMenuList.svelte +146 -146
- package/src/SvMultiSelect.svelte +289 -289
- package/src/SvNumberInput.svelte +168 -168
- package/src/SvOtpInput.svelte +158 -158
- package/src/SvPasswordInput.svelte +151 -151
- package/src/SvPhoneInput.svelte +133 -133
- package/src/SvPopover.svelte +197 -197
- package/src/SvProgress.svelte +116 -116
- package/src/SvRadioGroup.svelte +107 -107
- package/src/SvRating.svelte +112 -112
- package/src/SvResult.svelte +73 -73
- package/src/SvRichText.svelte +211 -211
- package/src/SvRowGroupPanel.svelte +170 -170
- package/src/SvScrollArea.svelte +61 -61
- package/src/SvSlider.svelte +202 -202
- package/src/SvSwitchButton.svelte +108 -108
- package/src/SvTagsInput.svelte +114 -114
- package/src/SvTextInput.svelte +147 -147
- package/src/SvTimePicker.svelte +245 -245
- package/src/SvToaster.svelte +159 -159
- package/src/SvToaster.test.ts +95 -95
- package/src/SvToggleButton.svelte +85 -85
- package/src/SvTooltip.svelte +161 -161
- package/src/SvTour.svelte +208 -208
- package/src/SvTree.svelte +444 -444
- package/src/SvTreeSelect.svelte +235 -235
- package/src/a11y/dismissable.test.ts +119 -119
- package/src/a11y/dismissable.ts +114 -114
- package/src/a11y.contract.test.ts +49 -49
- package/src/a11y.test.ts +59 -59
- package/src/a11y.ts +61 -61
- package/src/ai.test.ts +502 -502
- package/src/ai.ts +1391 -1391
- package/src/build-api.coverage.test.ts +633 -633
- package/src/build-api.ts +805 -805
- package/src/builtin-editors.grid.test.ts +85 -85
- package/src/cell-formatting.ts +169 -169
- package/src/cell-render.test.ts +513 -513
- package/src/cell-render.ts +496 -496
- package/src/cell-values.ts +118 -118
- package/src/chart-export.ts +201 -201
- package/src/chart-view.svelte.ts +36 -36
- package/src/chart.ts +2295 -2295
- package/src/collaboration.test.ts +104 -104
- package/src/collaboration.ts +167 -167
- package/src/core.performance.test.ts +30 -30
- package/src/core.ts +1261 -1261
- package/src/createAutocomplete.svelte.ts +132 -132
- package/src/createCombobox.svelte.ts +191 -191
- package/src/createCountryInput.svelte.ts +157 -157
- package/src/createDropdownList.svelte.ts +168 -168
- package/src/createForm.svelte.ts +386 -386
- package/src/createGrid.svelte.ts +42 -42
- package/src/createGrid.test.ts +10 -10
- package/src/createGridState.svelte.ts +17 -17
- package/src/createListbox.svelte.ts +250 -250
- package/src/createMenu.svelte.ts +224 -224
- package/src/createPopoverSelect.svelte.ts +213 -213
- package/src/createSlider.svelte.ts +191 -191
- package/src/createTooltip.svelte.ts +144 -144
- package/src/createTree.svelte.ts +319 -319
- package/src/editing.test.ts +949 -949
- package/src/editing.ts +606 -606
- package/src/editor-contract.ts +170 -170
- package/src/editor-registry.grid.test.ts +144 -144
- package/src/editor-registry.ts +122 -122
- package/src/export-data-api.test.ts +126 -126
- package/src/export-format.test.ts +107 -107
- package/src/export-format.ts +601 -601
- package/src/filter-operators.ts +157 -157
- package/src/filtering/excel-filters.ts +71 -34
- package/src/flex-render.ts +3 -3
- package/src/form-field.ts +127 -127
- package/src/group-display.test.ts +167 -167
- package/src/group-display.ts +200 -200
- package/src/index.ts +726 -724
- package/src/js-scroller.svelte.ts +173 -173
- package/src/keyboard-handlers.ts +270 -270
- package/src/keyboard.test.ts +59 -59
- package/src/keyboard.ts +97 -97
- package/src/list-nav.test.ts +49 -49
- package/src/list-nav.ts +29 -29
- package/src/list-option.test.ts +56 -56
- package/src/list-option.ts +172 -172
- package/src/menus.ts +567 -567
- package/src/merge-objects.ts +48 -48
- package/src/overlays.test.ts +90 -90
- package/src/render-component.ts +28 -28
- package/src/row-resize.ts +210 -210
- package/src/scheduler-model.test.ts +562 -562
- package/src/scheduler-model.ts +872 -872
- package/src/selection.test.ts +754 -754
- package/src/selection.ts +491 -491
- package/src/server-data-source.test.ts +289 -289
- package/src/server-data-source.ts +413 -413
- package/src/sparkline.test.ts +68 -68
- package/src/sparkline.ts +169 -169
- package/src/spreadsheet.test.ts +488 -488
- package/src/spreadsheet.ts +312 -312
- package/src/static-functions.ts +11 -11
- package/src/subscribe.ts +38 -38
- package/src/svgrid-wrapper.types.ts +526 -526
- package/src/svgrid.async-editor-options.test.ts +271 -271
- package/src/svgrid.auto-row-height.test.ts +204 -204
- package/src/svgrid.behavior.test.ts +705 -705
- package/src/svgrid.charting.test.ts +534 -534
- package/src/svgrid.comments-autocomplete.test.ts +123 -123
- package/src/svgrid.context-menu.test.ts +147 -147
- package/src/svgrid.features.test.ts +157 -157
- package/src/svgrid.filter-depth.test.ts +163 -163
- package/src/svgrid.filter-menu-listbox.svelte.test.ts +331 -331
- package/src/svgrid.filter-menu-scroll.test.ts +112 -112
- package/src/svgrid.grand-total.test.ts +188 -188
- package/src/svgrid.group-display-mode.test.ts +171 -171
- package/src/svgrid.group-footers.test.ts +121 -121
- package/src/svgrid.group-pagination.test.ts +153 -153
- package/src/svgrid.new-features.wrapper.test.ts +251 -251
- package/src/svgrid.tree-data.test.ts +186 -186
- package/src/svgrid.wrapper.test.ts +42 -40
- package/src/svgriddropdown.async-panel.svelte.test.ts +195 -195
- package/src/test-setup.ts +62 -62
- package/src/themes/index.ts +278 -278
- package/src/toast-store.svelte.ts +246 -246
- package/src/toast-store.test.ts +147 -147
- package/src/tree-row-model.test.ts +168 -168
- package/src/ui-buttons.test.ts +144 -144
- package/src/ui-inputs.test.ts +118 -118
- package/src/ui-localization.test.ts +113 -113
- package/src/ui-range.test.ts +70 -70
- package/src/ui-selection.test.ts +155 -155
- package/src/ui-tier1.test.ts +142 -142
- package/src/virtual.test.ts +88 -88
- package/src/virtualization/column-virtualizer.test.ts +27 -27
- package/src/virtualization/column-virtualizer.ts +30 -30
- package/src/virtualization/svelte-virtualizer.svelte.ts +26 -26
- package/src/virtualization/types.ts +30 -30
- package/src/virtualization/virtualizer.test.ts +47 -47
- package/src/virtualization/virtualizer.ts +296 -296
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/_svelte_metadata.json +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/_metadata.json +0 -178
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/attachments-qzRy9DX4.js +0 -3843
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/attachments-qzRy9DX4.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/constants-RLNOXCpz.js +0 -23
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/constants-RLNOXCpz.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/dev-DPd12uEU.js +0 -1925
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/dev-DPd12uEU.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/events-CDC4DKuQ.js +0 -206
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/events-CDC4DKuQ.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/flags-BD-lYX7s.js +0 -20
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/flags-BD-lYX7s.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/hydration-D3UBU2t8.js +0 -264
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/hydration-D3UBU2t8.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/legacy-client-B0ZUlbSQ.js +0 -698
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/legacy-client-B0ZUlbSQ.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/package.json +0 -3
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte.js +0 -135
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_animate.js +0 -57
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_animate.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_attachments.js +0 -2
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_compiler.js +0 -46691
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_compiler.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_easing.js +0 -239
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_easing.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_events.js +0 -2
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal.js +0 -6
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_client.js +0 -7
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_disclose-version.js +0 -6
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_disclose-version.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_async.js +0 -7
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_async.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_legacy.js +0 -7
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_legacy.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_tracing.js +0 -7
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_tracing.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_server.js +0 -6
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_legacy.js +0 -85
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_legacy.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_motion.js +0 -561
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_motion.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_reactivity.js +0 -26
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_reactivity.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_reactivity_window.js +0 -124
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_reactivity_window.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_server.js +0 -2
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_store.js +0 -91
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_store.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_transition.js +0 -242
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_transition.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/utils-lObbumRX.js +0 -497
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/utils-lObbumRX.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/utils-mR9mAWyK.js +0 -4929
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/utils-mR9mAWyK.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/validate-CezNmRkM.js +0 -192
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/validate-CezNmRkM.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/version-BHHo0WE-.js +0 -10
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/version-BHHo0WE-.js.map +0 -1
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/warnings-yiExAB06.js +0 -140
- package/dist/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/warnings-yiExAB06.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/_svelte_metadata.json +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/_metadata.json +0 -178
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/attachments-qzRy9DX4.js +0 -3843
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/attachments-qzRy9DX4.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/constants-RLNOXCpz.js +0 -23
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/constants-RLNOXCpz.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/dev-DPd12uEU.js +0 -1925
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/dev-DPd12uEU.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/events-CDC4DKuQ.js +0 -206
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/events-CDC4DKuQ.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/flags-BD-lYX7s.js +0 -20
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/flags-BD-lYX7s.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/hydration-D3UBU2t8.js +0 -264
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/hydration-D3UBU2t8.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/legacy-client-B0ZUlbSQ.js +0 -698
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/legacy-client-B0ZUlbSQ.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/package.json +0 -3
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte.js +0 -135
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_animate.js +0 -57
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_animate.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_attachments.js +0 -2
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_compiler.js +0 -46691
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_compiler.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_easing.js +0 -239
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_easing.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_events.js +0 -2
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal.js +0 -6
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_client.js +0 -7
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_disclose-version.js +0 -6
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_disclose-version.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_async.js +0 -7
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_async.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_legacy.js +0 -7
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_legacy.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_tracing.js +0 -7
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_flags_tracing.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_internal_server.js +0 -6
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_legacy.js +0 -85
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_legacy.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_motion.js +0 -561
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_motion.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_reactivity.js +0 -26
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_reactivity.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_reactivity_window.js +0 -124
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_reactivity_window.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_server.js +0 -2
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_store.js +0 -91
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_store.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_transition.js +0 -242
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/svelte_transition.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/utils-lObbumRX.js +0 -497
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/utils-lObbumRX.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/utils-mR9mAWyK.js +0 -4929
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/utils-mR9mAWyK.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/validate-CezNmRkM.js +0 -192
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/validate-CezNmRkM.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/version-BHHo0WE-.js +0 -10
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/version-BHHo0WE-.js.map +0 -1
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/warnings-yiExAB06.js +0 -140
- package/src/node_modules/.vite/vitest/67d8ed22ed986c5e2e948f64d892f30be166cc36/deps___vitest__/warnings-yiExAB06.js.map +0 -1
package/dist/SvTreeSelect.svelte
CHANGED
|
@@ -1,235 +1,235 @@
|
|
|
1
|
-
<script lang="ts" module>
|
|
2
|
-
export type { TreeSelectNode } from './ui-app.types'
|
|
3
|
-
</script>
|
|
4
|
-
|
|
5
|
-
<script lang="ts">
|
|
6
|
-
/**
|
|
7
|
-
* SvTreeSelect - a single-select dropdown that shows an indented, collapsible
|
|
8
|
-
* tree in its panel (pick a node from a hierarchy). The open / position /
|
|
9
|
-
* dismiss / roving / keyboard / ARIA mechanics come from the shared
|
|
10
|
-
* `createPopoverSelect` core (with ArrowLeft/Right handled via onExtraKey for
|
|
11
|
-
* expand/collapse); this component adds the tree flattening + rendering. Covers
|
|
12
|
-
* the "cascader / tree select" pattern without depending on SvTree.
|
|
13
|
-
*/
|
|
14
|
-
import type { TreeSelectNode } from './ui-app.types'
|
|
15
|
-
import SvField from './SvField.svelte'
|
|
16
|
-
import { editorAria, nextEditorId, type SvEditorProps } from './editor-contract'
|
|
17
|
-
import { portalToBody, popIn } from './popover'
|
|
18
|
-
import { createPopoverSelect } from './createPopoverSelect.svelte'
|
|
19
|
-
import { flattenVisible, findNodePath } from './tree-select'
|
|
20
|
-
|
|
21
|
-
type Props = Pick<
|
|
22
|
-
SvEditorProps,
|
|
23
|
-
'disabled' | 'readonly' | 'label' | 'hint' | 'error' | 'required' | 'invalid' | 'size' | 'id' | 'name' | 'dir' | 'ariaLabel' | 'loading'
|
|
24
|
-
> & {
|
|
25
|
-
nodes: ReadonlyArray<TreeSelectNode>
|
|
26
|
-
value?: string | number | null
|
|
27
|
-
onChange?: (value: string | number) => void
|
|
28
|
-
onCommit?: (value: string | number) => void
|
|
29
|
-
onCancel?: () => void
|
|
30
|
-
placeholder?: string
|
|
31
|
-
showPath?: boolean
|
|
32
|
-
expandedIds?: ReadonlyArray<string | number>
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
let {
|
|
36
|
-
nodes,
|
|
37
|
-
value = $bindable<string | number | null>(null),
|
|
38
|
-
onChange,
|
|
39
|
-
placeholder = 'Select…',
|
|
40
|
-
showPath = false,
|
|
41
|
-
expandedIds = [],
|
|
42
|
-
disabled = false,
|
|
43
|
-
readonly = false,
|
|
44
|
-
label,
|
|
45
|
-
hint,
|
|
46
|
-
error,
|
|
47
|
-
required = false,
|
|
48
|
-
invalid = false,
|
|
49
|
-
size = 'md',
|
|
50
|
-
id,
|
|
51
|
-
name,
|
|
52
|
-
dir,
|
|
53
|
-
ariaLabel,
|
|
54
|
-
loading = false,
|
|
55
|
-
}: Props = $props()
|
|
56
|
-
|
|
57
|
-
const autoId = nextEditorId('sv-ts')
|
|
58
|
-
const uid = $derived(id ?? autoId)
|
|
59
|
-
|
|
60
|
-
let expanded = $state(new Set<string | number>(expandedIds))
|
|
61
|
-
let triggerEl = $state<HTMLButtonElement | null>(null)
|
|
62
|
-
let panelEl = $state<HTMLDivElement | null>(null)
|
|
63
|
-
let treeEl = $state<HTMLUListElement | null>(null)
|
|
64
|
-
|
|
65
|
-
const rows = $derived(flattenVisible(nodes, expanded))
|
|
66
|
-
const selectedPath = $derived(value == null ? null : findNodePath(nodes, value))
|
|
67
|
-
const triggerText = $derived(
|
|
68
|
-
!selectedPath
|
|
69
|
-
? ''
|
|
70
|
-
: showPath
|
|
71
|
-
? selectedPath.map((n) => n.label).join(' / ')
|
|
72
|
-
: selectedPath[selectedPath.length - 1]!.label,
|
|
73
|
-
)
|
|
74
|
-
|
|
75
|
-
function setExpanded(v: string | number, on: boolean) {
|
|
76
|
-
const next = new Set(expanded)
|
|
77
|
-
on ? next.add(v) : next.delete(v)
|
|
78
|
-
expanded = next
|
|
79
|
-
}
|
|
80
|
-
function toggleExpand(v: string | number) {
|
|
81
|
-
setExpanded(v, !expanded.has(v))
|
|
82
|
-
}
|
|
83
|
-
function pick(node: TreeSelectNode) {
|
|
84
|
-
if (node.disabled) return
|
|
85
|
-
value = node.value // enables bind:value
|
|
86
|
-
onChange?.(node.value)
|
|
87
|
-
ts.closePanel()
|
|
88
|
-
}
|
|
89
|
-
function onRowClick(row: { node: TreeSelectNode; hasChildren: boolean }) {
|
|
90
|
-
if (row.hasChildren) toggleExpand(row.node.value)
|
|
91
|
-
else pick(row.node)
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
const ts = createPopoverSelect({
|
|
95
|
-
itemCount: () => rows.length,
|
|
96
|
-
disabled: (i) => !!rows[i]?.node.disabled,
|
|
97
|
-
readonly: () => readonly,
|
|
98
|
-
onSelect: (i) => { const row = rows[i]; if (row) onRowClick(row) },
|
|
99
|
-
getTrigger: () => triggerEl,
|
|
100
|
-
getPanel: () => panelEl,
|
|
101
|
-
getInitialFocus: () => treeEl,
|
|
102
|
-
closeOnSelect: () => false, // onRowClick handles pick + close (branches stay open)
|
|
103
|
-
initialActive: () => Math.max(0, rows.findIndex((r) => r.node.value === value)),
|
|
104
|
-
minWidth: () => 220,
|
|
105
|
-
estimatedHeight: () => 300,
|
|
106
|
-
onExtraKey: (e, act) => {
|
|
107
|
-
const row = rows[act]
|
|
108
|
-
if (!row) return false
|
|
109
|
-
// "expand" opens the node or steps into the first child; "collapse" closes
|
|
110
|
-
// it or jumps to the parent - same fallback as createTree's core.
|
|
111
|
-
const expand = () => {
|
|
112
|
-
if (row.hasChildren && !row.expanded) setExpanded(row.node.value, true)
|
|
113
|
-
else if (row.hasChildren && row.expanded) ts.active = Math.min(act + 1, rows.length - 1)
|
|
114
|
-
}
|
|
115
|
-
const collapse = () => {
|
|
116
|
-
if (row.hasChildren && row.expanded) setExpanded(row.node.value, false)
|
|
117
|
-
else {
|
|
118
|
-
let pi = act - 1
|
|
119
|
-
while (pi >= 0 && rows[pi]!.depth >= row.depth) pi--
|
|
120
|
-
if (pi >= 0) ts.active = pi
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
if (e.key === 'ArrowRight') { e.preventDefault(); expand(); return true }
|
|
124
|
-
if (e.key === 'ArrowLeft') { e.preventDefault(); collapse(); return true }
|
|
125
|
-
return false
|
|
126
|
-
},
|
|
127
|
-
idPrefix: 'sv-ts',
|
|
128
|
-
})
|
|
129
|
-
</script>
|
|
130
|
-
|
|
131
|
-
<SvField id={uid} {label} {hint} {error} {required} {dir} {loading}>
|
|
132
|
-
<div class="sv-ts sv-ts--{size}" class:is-disabled={disabled}>
|
|
133
|
-
<button
|
|
134
|
-
bind:this={triggerEl}
|
|
135
|
-
type="button"
|
|
136
|
-
class="sv-ts__trigger"
|
|
137
|
-
class:is-invalid={invalid}
|
|
138
|
-
{disabled}
|
|
139
|
-
onclick={() => ts.toggle()}
|
|
140
|
-
{...ts.triggerProps('tree')}
|
|
141
|
-
{...editorAria({ id: uid, invalid, required, error, hint, ariaLabel })}
|
|
142
|
-
>
|
|
143
|
-
<span class="sv-ts__value" class:is-placeholder={!triggerText}>{triggerText || placeholder}</span>
|
|
144
|
-
<span class="sv-ts__arrow" aria-hidden="true">▾</span>
|
|
145
|
-
</button>
|
|
146
|
-
{#if name}<input type="hidden" {name} value={value ?? ''} />{/if}
|
|
147
|
-
</div>
|
|
148
|
-
</SvField>
|
|
149
|
-
|
|
150
|
-
{#if ts.open}
|
|
151
|
-
<div
|
|
152
|
-
bind:this={panelEl}
|
|
153
|
-
class="sv-ts__panel"
|
|
154
|
-
dir={dir}
|
|
155
|
-
use:portalToBody
|
|
156
|
-
use:popIn={{ up: ts.rect.openUpward }}
|
|
157
|
-
style:position="fixed"
|
|
158
|
-
style:top={`${ts.rect.top}px`}
|
|
159
|
-
style:left={`${ts.rect.left}px`}
|
|
160
|
-
style:min-width={`${ts.rect.width}px`}
|
|
161
|
-
>
|
|
162
|
-
<ul
|
|
163
|
-
bind:this={treeEl}
|
|
164
|
-
id={ts.panelId}
|
|
165
|
-
class="sv-ts__tree"
|
|
166
|
-
role="tree"
|
|
167
|
-
aria-label={label ?? ariaLabel ?? 'Tree'}
|
|
168
|
-
aria-activedescendant={ts.activeDescendant()}
|
|
169
|
-
tabindex="0"
|
|
170
|
-
style:max-height={`${ts.rect.maxHeight}px`}
|
|
171
|
-
onkeydown={ts.onPanelKeydown}
|
|
172
|
-
>
|
|
173
|
-
{#each rows as row, i (row.node.value)}
|
|
174
|
-
<li
|
|
175
|
-
class="sv-ts__row"
|
|
176
|
-
class:is-active={ts.isActive(i)}
|
|
177
|
-
class:is-selected={row.node.value === value}
|
|
178
|
-
class:is-disabled={row.node.disabled}
|
|
179
|
-
role="treeitem"
|
|
180
|
-
aria-selected={row.node.value === value}
|
|
181
|
-
aria-expanded={row.hasChildren ? row.expanded : undefined}
|
|
182
|
-
style:padding-inline-start={`${8 + row.depth * 16}px`}
|
|
183
|
-
onclick={() => onRowClick(row)}
|
|
184
|
-
{...ts.itemProps(i)}
|
|
185
|
-
>
|
|
186
|
-
{#if row.hasChildren}
|
|
187
|
-
<!-- Same chevron as SvTree and the grid's expanders. -->
|
|
188
|
-
<span class="sv-ts__chev" class:is-open={row.expanded} aria-hidden="true">
|
|
189
|
-
<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor"
|
|
190
|
-
stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6" /></svg>
|
|
191
|
-
</span>
|
|
192
|
-
{:else}
|
|
193
|
-
<span class="sv-ts__chev sv-ts__chev--leaf" aria-hidden="true"></span>
|
|
194
|
-
{/if}
|
|
195
|
-
<span class="sv-ts__label">{row.node.label}</span>
|
|
196
|
-
</li>
|
|
197
|
-
{/each}
|
|
198
|
-
</ul>
|
|
199
|
-
</div>
|
|
200
|
-
{/if}
|
|
201
|
-
|
|
202
|
-
<style>
|
|
203
|
-
.sv-ts { --_accent: var(--sg-accent, #2563eb); display: inline-flex; width: 240px; }
|
|
204
|
-
.sv-ts.is-disabled { opacity: 0.6; }
|
|
205
|
-
.sv-ts__trigger {
|
|
206
|
-
flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; text-align: start;
|
|
207
|
-
background: var(--sg-input-bg, #fff); color: var(--sg-fg, #0f172a);
|
|
208
|
-
border: 1px solid var(--sg-input-border, var(--sg-border, #cbd5e1)); border-radius: var(--sg-radius, 8px);
|
|
209
|
-
font: inherit; cursor: pointer; padding: 0 9px;
|
|
210
|
-
}
|
|
211
|
-
.sv-ts--sm .sv-ts__trigger { height: 28px; font-size: 12px; }
|
|
212
|
-
.sv-ts--md .sv-ts__trigger { height: 34px; font-size: 13px; }
|
|
213
|
-
.sv-ts--lg .sv-ts__trigger { height: 40px; font-size: 15px; }
|
|
214
|
-
.sv-ts__trigger:focus-visible { outline: none; border-color: var(--_accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent); }
|
|
215
|
-
.sv-ts__trigger.is-invalid { border-color: var(--sg-danger, #dc2626); }
|
|
216
|
-
.sv-ts__value { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
217
|
-
.sv-ts__value.is-placeholder { color: var(--sg-muted, #94a3b8); }
|
|
218
|
-
.sv-ts__arrow { color: var(--sg-muted, #64748b); font-size: 10px; }
|
|
219
|
-
|
|
220
|
-
:global(.sv-ts__panel) {
|
|
221
|
-
z-index: 2147483646; max-height: 320px; max-width: 92vw; overflow: hidden;
|
|
222
|
-
background: var(--sg-bg, #fff); color: var(--sg-fg, #0f172a);
|
|
223
|
-
border: 1px solid var(--sg-border, #e2e8f0); border-radius: 10px;
|
|
224
|
-
box-shadow: 0 16px 48px -12px rgba(15, 23, 42, 0.35); font-size: 13px;
|
|
225
|
-
}
|
|
226
|
-
:global(.sv-ts__tree) { list-style: none; margin: 0; padding: 4px; overflow: auto; max-height: 320px; outline: none; }
|
|
227
|
-
:global(.sv-ts__row) { display: flex; align-items: center; gap: 4px; padding: 6px 8px; border-radius: 6px; cursor: pointer; }
|
|
228
|
-
:global(.sv-ts__row.is-active) { background: var(--sg-row-hover-bg, #f1f5f9); }
|
|
229
|
-
:global(.sv-ts__row.is-selected) { color: var(--sg-accent, #2563eb); font-weight: 600; }
|
|
230
|
-
:global(.sv-ts__row.is-disabled) { opacity: 0.5; cursor: not-allowed; }
|
|
231
|
-
:global(.sv-ts__chev) { width: 14px; flex: none; display: inline-flex; align-items: center; justify-content: center; color: var(--sg-muted, #64748b); transition: transform 0.12s; }
|
|
232
|
-
:global(.sv-ts__chev.is-open) { transform: rotate(90deg); }
|
|
233
|
-
:global(.sv-ts__chev--leaf) { visibility: hidden; }
|
|
234
|
-
:global(.sv-ts__label) { flex: 1; white-space: nowrap; }
|
|
235
|
-
</style>
|
|
1
|
+
<script lang="ts" module>
|
|
2
|
+
export type { TreeSelectNode } from './ui-app.types'
|
|
3
|
+
</script>
|
|
4
|
+
|
|
5
|
+
<script lang="ts">
|
|
6
|
+
/**
|
|
7
|
+
* SvTreeSelect - a single-select dropdown that shows an indented, collapsible
|
|
8
|
+
* tree in its panel (pick a node from a hierarchy). The open / position /
|
|
9
|
+
* dismiss / roving / keyboard / ARIA mechanics come from the shared
|
|
10
|
+
* `createPopoverSelect` core (with ArrowLeft/Right handled via onExtraKey for
|
|
11
|
+
* expand/collapse); this component adds the tree flattening + rendering. Covers
|
|
12
|
+
* the "cascader / tree select" pattern without depending on SvTree.
|
|
13
|
+
*/
|
|
14
|
+
import type { TreeSelectNode } from './ui-app.types'
|
|
15
|
+
import SvField from './SvField.svelte'
|
|
16
|
+
import { editorAria, nextEditorId, type SvEditorProps } from './editor-contract'
|
|
17
|
+
import { portalToBody, popIn } from './popover'
|
|
18
|
+
import { createPopoverSelect } from './createPopoverSelect.svelte'
|
|
19
|
+
import { flattenVisible, findNodePath } from './tree-select'
|
|
20
|
+
|
|
21
|
+
type Props = Pick<
|
|
22
|
+
SvEditorProps,
|
|
23
|
+
'disabled' | 'readonly' | 'label' | 'hint' | 'error' | 'required' | 'invalid' | 'size' | 'id' | 'name' | 'dir' | 'ariaLabel' | 'loading'
|
|
24
|
+
> & {
|
|
25
|
+
nodes: ReadonlyArray<TreeSelectNode>
|
|
26
|
+
value?: string | number | null
|
|
27
|
+
onChange?: (value: string | number) => void
|
|
28
|
+
onCommit?: (value: string | number) => void
|
|
29
|
+
onCancel?: () => void
|
|
30
|
+
placeholder?: string
|
|
31
|
+
showPath?: boolean
|
|
32
|
+
expandedIds?: ReadonlyArray<string | number>
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
let {
|
|
36
|
+
nodes,
|
|
37
|
+
value = $bindable<string | number | null>(null),
|
|
38
|
+
onChange,
|
|
39
|
+
placeholder = 'Select…',
|
|
40
|
+
showPath = false,
|
|
41
|
+
expandedIds = [],
|
|
42
|
+
disabled = false,
|
|
43
|
+
readonly = false,
|
|
44
|
+
label,
|
|
45
|
+
hint,
|
|
46
|
+
error,
|
|
47
|
+
required = false,
|
|
48
|
+
invalid = false,
|
|
49
|
+
size = 'md',
|
|
50
|
+
id,
|
|
51
|
+
name,
|
|
52
|
+
dir,
|
|
53
|
+
ariaLabel,
|
|
54
|
+
loading = false,
|
|
55
|
+
}: Props = $props()
|
|
56
|
+
|
|
57
|
+
const autoId = nextEditorId('sv-ts')
|
|
58
|
+
const uid = $derived(id ?? autoId)
|
|
59
|
+
|
|
60
|
+
let expanded = $state(new Set<string | number>(expandedIds))
|
|
61
|
+
let triggerEl = $state<HTMLButtonElement | null>(null)
|
|
62
|
+
let panelEl = $state<HTMLDivElement | null>(null)
|
|
63
|
+
let treeEl = $state<HTMLUListElement | null>(null)
|
|
64
|
+
|
|
65
|
+
const rows = $derived(flattenVisible(nodes, expanded))
|
|
66
|
+
const selectedPath = $derived(value == null ? null : findNodePath(nodes, value))
|
|
67
|
+
const triggerText = $derived(
|
|
68
|
+
!selectedPath
|
|
69
|
+
? ''
|
|
70
|
+
: showPath
|
|
71
|
+
? selectedPath.map((n) => n.label).join(' / ')
|
|
72
|
+
: selectedPath[selectedPath.length - 1]!.label,
|
|
73
|
+
)
|
|
74
|
+
|
|
75
|
+
function setExpanded(v: string | number, on: boolean) {
|
|
76
|
+
const next = new Set(expanded)
|
|
77
|
+
on ? next.add(v) : next.delete(v)
|
|
78
|
+
expanded = next
|
|
79
|
+
}
|
|
80
|
+
function toggleExpand(v: string | number) {
|
|
81
|
+
setExpanded(v, !expanded.has(v))
|
|
82
|
+
}
|
|
83
|
+
function pick(node: TreeSelectNode) {
|
|
84
|
+
if (node.disabled) return
|
|
85
|
+
value = node.value // enables bind:value
|
|
86
|
+
onChange?.(node.value)
|
|
87
|
+
ts.closePanel()
|
|
88
|
+
}
|
|
89
|
+
function onRowClick(row: { node: TreeSelectNode; hasChildren: boolean }) {
|
|
90
|
+
if (row.hasChildren) toggleExpand(row.node.value)
|
|
91
|
+
else pick(row.node)
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
const ts = createPopoverSelect({
|
|
95
|
+
itemCount: () => rows.length,
|
|
96
|
+
disabled: (i) => !!rows[i]?.node.disabled,
|
|
97
|
+
readonly: () => readonly,
|
|
98
|
+
onSelect: (i) => { const row = rows[i]; if (row) onRowClick(row) },
|
|
99
|
+
getTrigger: () => triggerEl,
|
|
100
|
+
getPanel: () => panelEl,
|
|
101
|
+
getInitialFocus: () => treeEl,
|
|
102
|
+
closeOnSelect: () => false, // onRowClick handles pick + close (branches stay open)
|
|
103
|
+
initialActive: () => Math.max(0, rows.findIndex((r) => r.node.value === value)),
|
|
104
|
+
minWidth: () => 220,
|
|
105
|
+
estimatedHeight: () => 300,
|
|
106
|
+
onExtraKey: (e, act) => {
|
|
107
|
+
const row = rows[act]
|
|
108
|
+
if (!row) return false
|
|
109
|
+
// "expand" opens the node or steps into the first child; "collapse" closes
|
|
110
|
+
// it or jumps to the parent - same fallback as createTree's core.
|
|
111
|
+
const expand = () => {
|
|
112
|
+
if (row.hasChildren && !row.expanded) setExpanded(row.node.value, true)
|
|
113
|
+
else if (row.hasChildren && row.expanded) ts.active = Math.min(act + 1, rows.length - 1)
|
|
114
|
+
}
|
|
115
|
+
const collapse = () => {
|
|
116
|
+
if (row.hasChildren && row.expanded) setExpanded(row.node.value, false)
|
|
117
|
+
else {
|
|
118
|
+
let pi = act - 1
|
|
119
|
+
while (pi >= 0 && rows[pi]!.depth >= row.depth) pi--
|
|
120
|
+
if (pi >= 0) ts.active = pi
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
if (e.key === 'ArrowRight') { e.preventDefault(); expand(); return true }
|
|
124
|
+
if (e.key === 'ArrowLeft') { e.preventDefault(); collapse(); return true }
|
|
125
|
+
return false
|
|
126
|
+
},
|
|
127
|
+
idPrefix: 'sv-ts',
|
|
128
|
+
})
|
|
129
|
+
</script>
|
|
130
|
+
|
|
131
|
+
<SvField id={uid} {label} {hint} {error} {required} {dir} {loading}>
|
|
132
|
+
<div class="sv-ts sv-ts--{size}" class:is-disabled={disabled}>
|
|
133
|
+
<button
|
|
134
|
+
bind:this={triggerEl}
|
|
135
|
+
type="button"
|
|
136
|
+
class="sv-ts__trigger"
|
|
137
|
+
class:is-invalid={invalid}
|
|
138
|
+
{disabled}
|
|
139
|
+
onclick={() => ts.toggle()}
|
|
140
|
+
{...ts.triggerProps('tree')}
|
|
141
|
+
{...editorAria({ id: uid, invalid, required, error, hint, ariaLabel })}
|
|
142
|
+
>
|
|
143
|
+
<span class="sv-ts__value" class:is-placeholder={!triggerText}>{triggerText || placeholder}</span>
|
|
144
|
+
<span class="sv-ts__arrow" aria-hidden="true">▾</span>
|
|
145
|
+
</button>
|
|
146
|
+
{#if name}<input type="hidden" {name} value={value ?? ''} />{/if}
|
|
147
|
+
</div>
|
|
148
|
+
</SvField>
|
|
149
|
+
|
|
150
|
+
{#if ts.open}
|
|
151
|
+
<div
|
|
152
|
+
bind:this={panelEl}
|
|
153
|
+
class="sv-ts__panel"
|
|
154
|
+
dir={dir}
|
|
155
|
+
use:portalToBody
|
|
156
|
+
use:popIn={{ up: ts.rect.openUpward }}
|
|
157
|
+
style:position="fixed"
|
|
158
|
+
style:top={`${ts.rect.top}px`}
|
|
159
|
+
style:left={`${ts.rect.left}px`}
|
|
160
|
+
style:min-width={`${ts.rect.width}px`}
|
|
161
|
+
>
|
|
162
|
+
<ul
|
|
163
|
+
bind:this={treeEl}
|
|
164
|
+
id={ts.panelId}
|
|
165
|
+
class="sv-ts__tree"
|
|
166
|
+
role="tree"
|
|
167
|
+
aria-label={label ?? ariaLabel ?? 'Tree'}
|
|
168
|
+
aria-activedescendant={ts.activeDescendant()}
|
|
169
|
+
tabindex="0"
|
|
170
|
+
style:max-height={`${ts.rect.maxHeight}px`}
|
|
171
|
+
onkeydown={ts.onPanelKeydown}
|
|
172
|
+
>
|
|
173
|
+
{#each rows as row, i (row.node.value)}
|
|
174
|
+
<li
|
|
175
|
+
class="sv-ts__row"
|
|
176
|
+
class:is-active={ts.isActive(i)}
|
|
177
|
+
class:is-selected={row.node.value === value}
|
|
178
|
+
class:is-disabled={row.node.disabled}
|
|
179
|
+
role="treeitem"
|
|
180
|
+
aria-selected={row.node.value === value}
|
|
181
|
+
aria-expanded={row.hasChildren ? row.expanded : undefined}
|
|
182
|
+
style:padding-inline-start={`${8 + row.depth * 16}px`}
|
|
183
|
+
onclick={() => onRowClick(row)}
|
|
184
|
+
{...ts.itemProps(i)}
|
|
185
|
+
>
|
|
186
|
+
{#if row.hasChildren}
|
|
187
|
+
<!-- Same chevron as SvTree and the grid's expanders. -->
|
|
188
|
+
<span class="sv-ts__chev" class:is-open={row.expanded} aria-hidden="true">
|
|
189
|
+
<svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor"
|
|
190
|
+
stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6" /></svg>
|
|
191
|
+
</span>
|
|
192
|
+
{:else}
|
|
193
|
+
<span class="sv-ts__chev sv-ts__chev--leaf" aria-hidden="true"></span>
|
|
194
|
+
{/if}
|
|
195
|
+
<span class="sv-ts__label">{row.node.label}</span>
|
|
196
|
+
</li>
|
|
197
|
+
{/each}
|
|
198
|
+
</ul>
|
|
199
|
+
</div>
|
|
200
|
+
{/if}
|
|
201
|
+
|
|
202
|
+
<style>
|
|
203
|
+
.sv-ts { --_accent: var(--sg-accent, #2563eb); display: inline-flex; width: 240px; }
|
|
204
|
+
.sv-ts.is-disabled { opacity: 0.6; }
|
|
205
|
+
.sv-ts__trigger {
|
|
206
|
+
flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; text-align: start;
|
|
207
|
+
background: var(--sg-input-bg, #fff); color: var(--sg-fg, #0f172a);
|
|
208
|
+
border: 1px solid var(--sg-input-border, var(--sg-border, #cbd5e1)); border-radius: var(--sg-radius, 8px);
|
|
209
|
+
font: inherit; cursor: pointer; padding: 0 9px;
|
|
210
|
+
}
|
|
211
|
+
.sv-ts--sm .sv-ts__trigger { height: 28px; font-size: 12px; }
|
|
212
|
+
.sv-ts--md .sv-ts__trigger { height: 34px; font-size: 13px; }
|
|
213
|
+
.sv-ts--lg .sv-ts__trigger { height: 40px; font-size: 15px; }
|
|
214
|
+
.sv-ts__trigger:focus-visible { outline: none; border-color: var(--_accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent); }
|
|
215
|
+
.sv-ts__trigger.is-invalid { border-color: var(--sg-danger, #dc2626); }
|
|
216
|
+
.sv-ts__value { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
217
|
+
.sv-ts__value.is-placeholder { color: var(--sg-muted, #94a3b8); }
|
|
218
|
+
.sv-ts__arrow { color: var(--sg-muted, #64748b); font-size: 10px; }
|
|
219
|
+
|
|
220
|
+
:global(.sv-ts__panel) {
|
|
221
|
+
z-index: 2147483646; max-height: 320px; max-width: 92vw; overflow: hidden;
|
|
222
|
+
background: var(--sg-bg, #fff); color: var(--sg-fg, #0f172a);
|
|
223
|
+
border: 1px solid var(--sg-border, #e2e8f0); border-radius: 10px;
|
|
224
|
+
box-shadow: 0 16px 48px -12px rgba(15, 23, 42, 0.35); font-size: 13px;
|
|
225
|
+
}
|
|
226
|
+
:global(.sv-ts__tree) { list-style: none; margin: 0; padding: 4px; overflow: auto; max-height: 320px; outline: none; }
|
|
227
|
+
:global(.sv-ts__row) { display: flex; align-items: center; gap: 4px; padding: 6px 8px; border-radius: 6px; cursor: pointer; }
|
|
228
|
+
:global(.sv-ts__row.is-active) { background: var(--sg-row-hover-bg, #f1f5f9); }
|
|
229
|
+
:global(.sv-ts__row.is-selected) { color: var(--sg-accent, #2563eb); font-weight: 600; }
|
|
230
|
+
:global(.sv-ts__row.is-disabled) { opacity: 0.5; cursor: not-allowed; }
|
|
231
|
+
:global(.sv-ts__chev) { width: 14px; flex: none; display: inline-flex; align-items: center; justify-content: center; color: var(--sg-muted, #64748b); transition: transform 0.12s; }
|
|
232
|
+
:global(.sv-ts__chev.is-open) { transform: rotate(90deg); }
|
|
233
|
+
:global(.sv-ts__chev--leaf) { visibility: hidden; }
|
|
234
|
+
:global(.sv-ts__label) { flex: 1; white-space: nowrap; }
|
|
235
|
+
</style>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Gn as e,
|
|
2
|
-
import { l as i } from "./SvDateTimePicker-
|
|
1
|
+
import { Gn as e, ao as t, io as n, ro as r } from "./src-CEpw6Ato.js";
|
|
2
|
+
import { l as i } from "./SvDateTimePicker-CHnUkWcH.js";
|
|
3
3
|
import * as a from "svelte/internal/client";
|
|
4
4
|
import "svelte/internal/disclose-version";
|
|
5
5
|
//#region src/GridMenus.svelte
|
|
@@ -173,10 +173,10 @@ function oe(oe, N) {
|
|
|
173
173
|
});
|
|
174
174
|
let Ee = a.derived(() => P().autosizeColumn), De = a.derived(() => P().autosizeAllColumns), Oe = a.derived(() => P().resetColumns), ke = a.derived(() => P().openChooseColumns), Ae = a.derived(() => P().sortColumnFromMenu), je = a.derived(() => P().clearColumnSort), Me = a.derived(() => P().groupByColumnFromMenu), Ne = a.derived(() => P().clearGroupingFromMenu), Pe = a.derived(() => P().columnMenuFacetValues), Fe = a.derived(() => P().columnMenuVisibleFacets), X = a.derived(() => P().columnMenuFacetOptions), Ie = a.derived(() => P().columnMenuSelectedFacets), Le = a.derived(() => P().setFacetSelection), Re = a.derived(() => P().setFilterTokens), Z = a.derived(() => P().inSuggestOptions), ze = a.derived(() => P().openInSuggest), Be = a.derived(() => P().closeInSuggest), Ve = a.derived(() => P().isAllFacetsChecked), He = a.derived(() => P().toggleAllFacets), Ue = 40;
|
|
175
175
|
function We(e, t) {
|
|
176
|
-
a.get(ze)(e, t), P().inSuggestQuery =
|
|
176
|
+
a.get(ze)(e, t), P().inSuggestQuery = n(e.value);
|
|
177
177
|
}
|
|
178
178
|
function Ge(e, t) {
|
|
179
|
-
P().inSuggestQuery =
|
|
179
|
+
P().inSuggestQuery = n(e.value), P().inSuggestFor !== t && a.get(ze)(e, t);
|
|
180
180
|
}
|
|
181
181
|
function Ke(e) {
|
|
182
182
|
return e.map((e) => ({
|
|
@@ -392,16 +392,16 @@ function oe(oe, N) {
|
|
|
392
392
|
a.get(V) && e(mt);
|
|
393
393
|
});
|
|
394
394
|
var ht = a.sibling(pt, 2), gt = (t) => {
|
|
395
|
-
let i = a.derived(() => a.get(Ce)), o = a.derived(() => new Set(
|
|
395
|
+
let i = a.derived(() => a.get(Ce)), o = a.derived(() => new Set(r(a.get(Se)[a.get(i)] ?? "")));
|
|
396
396
|
var s = re(), c = a.child(s), l = (t) => {
|
|
397
397
|
{
|
|
398
|
-
let
|
|
398
|
+
let r = a.derived(() => a.get(Z).length > 40);
|
|
399
399
|
e(t, {
|
|
400
400
|
block: !0,
|
|
401
401
|
checkbox: !0,
|
|
402
402
|
multiple: !0,
|
|
403
403
|
get virtual() {
|
|
404
|
-
return a.get(
|
|
404
|
+
return a.get(r);
|
|
405
405
|
},
|
|
406
406
|
rows: 8,
|
|
407
407
|
rowHeight: 26,
|
|
@@ -414,8 +414,8 @@ function oe(oe, N) {
|
|
|
414
414
|
return a.get(o);
|
|
415
415
|
},
|
|
416
416
|
onChange: (e) => {
|
|
417
|
-
let t = new Set(e),
|
|
418
|
-
|
|
417
|
+
let t = new Set(e), r = n(a.get(Se)[a.get(i)] ?? "");
|
|
418
|
+
r && t.delete(r), a.get(Re)(a.get(i), [...t]), P().inSuggestQuery = "";
|
|
419
419
|
}
|
|
420
420
|
});
|
|
421
421
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Gn as e,
|
|
1
|
+
import { Gn as e, ao as t, io as n, ro as r } from "./src-M2NfKnjX.js";
|
|
2
2
|
import { E as i, F as a, G as o, H as s, I as c, L as l, N as u, Q as d, U as f, V as p, X as m, Y as h, Z as g, _, d as v, et as y, f as b, ft as x, g as S, h as ee, j as C, k as w, lt as T, m as E, mt as D, nt as O, o as k, pt as A, st as j, t as te, tt as M, u as N, ut as P, v as F } from "./disclose-version-Dr7rEVv-.js";
|
|
3
|
-
import { l as ne } from "./SvDateTimePicker-
|
|
3
|
+
import { l as ne } from "./SvDateTimePicker-CRQH_U7E.js";
|
|
4
4
|
//#region src/GridMenus.svelte
|
|
5
5
|
var re = l("<option> </option>"), ie = l("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), ae = l("<option> </option>"), oe = l("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), se = l("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), ce = l("<div class=\"sv-grid-menu-join\" role=\"radiogroup\" aria-label=\"Combine conditions\"><button type=\"button\">AND</button> <button type=\"button\">OR</button> <button type=\"button\" class=\"sv-grid-menu-join-x\" title=\"Remove second condition\" aria-label=\"Remove second condition\">×</button></div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Second filter condition\"></select> <!>", 1), le = l("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), ue = l("<input class=\"sv-grid-menu-condition-value\"/> <!> <!>", 1), de = l("<div class=\"sv-grid-facet-empty\">No values</div>"), fe = l("<div class=\"sv-grid-facet-note\"> </div>"), pe = l("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values</div> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\">(Select all)</span></label> <!> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), me = l("<div role=\"tooltip\"> </div>"), he = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), I = l("<button type=\"button\" role=\"tab\">Filter</button>"), L = l("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), R = l("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), ge = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), _e = l("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), ve = l("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), ye = l("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), be = l("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), z = l("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), B = l("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), xe = l("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), Se = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), Ce = l("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), we = l("<div class=\"sv-grid-facet-empty\">No values</div>"), Te = l("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), Ee = l("<div class=\"sv-grid-menu-sep\"></div>"), De = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), Oe = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), ke = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), Ae = l("<!> <!> <!> <!> <!> <!> <!> <!> <!>", 1);
|
|
6
6
|
function V(l, p) {
|
|
@@ -172,10 +172,10 @@ function V(l, p) {
|
|
|
172
172
|
});
|
|
173
173
|
let $e = j(() => H().autosizeColumn), et = j(() => H().autosizeAllColumns), tt = j(() => H().resetColumns), nt = j(() => H().openChooseColumns), rt = j(() => H().sortColumnFromMenu), it = j(() => H().clearColumnSort), at = j(() => H().groupByColumnFromMenu), ot = j(() => H().clearGroupingFromMenu), st = j(() => H().columnMenuFacetValues), ct = j(() => H().columnMenuVisibleFacets), lt = j(() => H().columnMenuFacetOptions), ut = j(() => H().columnMenuSelectedFacets), dt = j(() => H().setFacetSelection), ft = j(() => H().setFilterTokens), pt = j(() => H().inSuggestOptions), mt = j(() => H().openInSuggest), ht = j(() => H().closeInSuggest), gt = j(() => H().isAllFacetsChecked), _t = j(() => H().toggleAllFacets), vt = 40;
|
|
174
174
|
function yt(e, t) {
|
|
175
|
-
o(mt)(e, t), H().inSuggestQuery =
|
|
175
|
+
o(mt)(e, t), H().inSuggestQuery = n(e.value);
|
|
176
176
|
}
|
|
177
177
|
function bt(e, t) {
|
|
178
|
-
H().inSuggestQuery =
|
|
178
|
+
H().inSuggestQuery = n(e.value), H().inSuggestFor !== t && o(mt)(e, t);
|
|
179
179
|
}
|
|
180
180
|
function xt(e) {
|
|
181
181
|
return e.map((e) => ({
|
|
@@ -391,16 +391,16 @@ function V(l, p) {
|
|
|
391
391
|
o(q) && e(Gt);
|
|
392
392
|
});
|
|
393
393
|
var Kt = O(Wt, 2), qt = (t) => {
|
|
394
|
-
let i = j(() => o(Xe)), c = j(() => new Set(
|
|
394
|
+
let i = j(() => o(Xe)), c = j(() => new Set(r(o(Ye)[o(i)] ?? "")));
|
|
395
395
|
var l = Te(), u = y(l), d = (t) => {
|
|
396
396
|
{
|
|
397
|
-
let
|
|
397
|
+
let r = j(() => o(pt).length > 40);
|
|
398
398
|
e(t, {
|
|
399
399
|
block: !0,
|
|
400
400
|
checkbox: !0,
|
|
401
401
|
multiple: !0,
|
|
402
402
|
get virtual() {
|
|
403
|
-
return o(
|
|
403
|
+
return o(r);
|
|
404
404
|
},
|
|
405
405
|
rows: 8,
|
|
406
406
|
rowHeight: 26,
|
|
@@ -413,8 +413,8 @@ function V(l, p) {
|
|
|
413
413
|
return o(c);
|
|
414
414
|
},
|
|
415
415
|
onChange: (e) => {
|
|
416
|
-
let t = new Set(e),
|
|
417
|
-
|
|
416
|
+
let t = new Set(e), r = n(o(Ye)[o(i)] ?? "");
|
|
417
|
+
r && t.delete(r), o(ft)(o(i), [...t]), H().inSuggestQuery = "";
|
|
418
418
|
}
|
|
419
419
|
});
|
|
420
420
|
}
|