@toolbox-web/grid 1.28.1 → 1.29.0

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.
Files changed (151) hide show
  1. package/all.js +2 -2
  2. package/all.js.map +1 -1
  3. package/custom-elements.json +43 -1
  4. package/index.js +1 -1
  5. package/index.js.map +1 -1
  6. package/lib/core/constants.d.ts +1 -7
  7. package/lib/core/grid.d.ts +40 -3
  8. package/lib/core/internal/render-scheduler.d.ts +3 -1
  9. package/lib/core/plugin/base-plugin.d.ts +1 -1
  10. package/lib/core/plugin/plugin-manager.d.ts +2 -0
  11. package/lib/core/types.d.ts +59 -0
  12. package/lib/features/clipboard.d.ts +2 -0
  13. package/lib/features/clipboard.js.map +1 -1
  14. package/lib/features/column-virtualization.d.ts +2 -0
  15. package/lib/features/column-virtualization.js.map +1 -1
  16. package/lib/features/context-menu.d.ts +2 -0
  17. package/lib/features/context-menu.js.map +1 -1
  18. package/lib/features/editing.d.ts +2 -0
  19. package/lib/features/editing.js.map +1 -1
  20. package/lib/features/export.d.ts +2 -0
  21. package/lib/features/export.js.map +1 -1
  22. package/lib/features/filtering.d.ts +2 -0
  23. package/lib/features/filtering.js.map +1 -1
  24. package/lib/features/grouping-columns.d.ts +2 -0
  25. package/lib/features/grouping-columns.js.map +1 -1
  26. package/lib/features/grouping-rows.d.ts +2 -0
  27. package/lib/features/grouping-rows.js.map +1 -1
  28. package/lib/features/master-detail.d.ts +2 -0
  29. package/lib/features/master-detail.js.map +1 -1
  30. package/lib/features/multi-sort.d.ts +2 -0
  31. package/lib/features/multi-sort.js.map +1 -1
  32. package/lib/features/pinned-columns.d.ts +2 -1
  33. package/lib/features/pinned-columns.js.map +1 -1
  34. package/lib/features/pinned-rows.d.ts +2 -0
  35. package/lib/features/pinned-rows.js.map +1 -1
  36. package/lib/features/pivot.d.ts +2 -0
  37. package/lib/features/pivot.js.map +1 -1
  38. package/lib/features/print.d.ts +2 -0
  39. package/lib/features/print.js.map +1 -1
  40. package/lib/features/reorder-columns.d.ts +2 -0
  41. package/lib/features/reorder-columns.js.map +1 -1
  42. package/lib/features/reorder-rows.d.ts +2 -0
  43. package/lib/features/reorder-rows.js.map +1 -1
  44. package/lib/features/responsive.d.ts +2 -0
  45. package/lib/features/responsive.js.map +1 -1
  46. package/lib/features/selection.d.ts +2 -0
  47. package/lib/features/selection.js.map +1 -1
  48. package/lib/features/server-side.d.ts +2 -0
  49. package/lib/features/server-side.js.map +1 -1
  50. package/lib/features/tooltip.d.ts +2 -0
  51. package/lib/features/tooltip.js.map +1 -1
  52. package/lib/features/tree.d.ts +2 -0
  53. package/lib/features/tree.js.map +1 -1
  54. package/lib/features/undo-redo.d.ts +2 -0
  55. package/lib/features/undo-redo.js.map +1 -1
  56. package/lib/features/visibility.d.ts +2 -0
  57. package/lib/features/visibility.js.map +1 -1
  58. package/lib/plugins/clipboard/ClipboardPlugin.d.ts +0 -21
  59. package/lib/plugins/clipboard/index.js.map +1 -1
  60. package/lib/plugins/column-virtualization/ColumnVirtualizationPlugin.d.ts +0 -16
  61. package/lib/plugins/column-virtualization/index.js.map +1 -1
  62. package/lib/plugins/context-menu/index.js.map +1 -1
  63. package/lib/plugins/editing/index.js +1 -1
  64. package/lib/plugins/editing/index.js.map +1 -1
  65. package/lib/plugins/export/ExportPlugin.d.ts +0 -18
  66. package/lib/plugins/export/index.js.map +1 -1
  67. package/lib/plugins/filtering/FilteringPlugin.d.ts +0 -21
  68. package/lib/plugins/filtering/filter-model.d.ts +8 -1
  69. package/lib/plugins/filtering/index.js +1 -1
  70. package/lib/plugins/filtering/index.js.map +1 -1
  71. package/lib/plugins/grouping-columns/GroupingColumnsPlugin.d.ts +0 -16
  72. package/lib/plugins/grouping-columns/grouping-columns.d.ts +23 -3
  73. package/lib/plugins/grouping-columns/index.js +1 -1
  74. package/lib/plugins/grouping-columns/index.js.map +1 -1
  75. package/lib/plugins/grouping-rows/GroupingRowsPlugin.d.ts +0 -23
  76. package/lib/plugins/grouping-rows/index.js +2 -2
  77. package/lib/plugins/grouping-rows/index.js.map +1 -1
  78. package/lib/plugins/master-detail/MasterDetailPlugin.d.ts +0 -22
  79. package/lib/plugins/master-detail/index.js.map +1 -1
  80. package/lib/plugins/multi-sort/MultiSortPlugin.d.ts +0 -18
  81. package/lib/plugins/multi-sort/index.js +1 -1
  82. package/lib/plugins/multi-sort/index.js.map +1 -1
  83. package/lib/plugins/multi-sort/multi-sort.d.ts +7 -0
  84. package/lib/plugins/pinned-columns/index.js +1 -1
  85. package/lib/plugins/pinned-columns/index.js.map +1 -1
  86. package/lib/plugins/pinned-rows/PinnedRowsPlugin.d.ts +0 -11
  87. package/lib/plugins/pinned-rows/index.js.map +1 -1
  88. package/lib/plugins/pivot/PivotPlugin.d.ts +0 -24
  89. package/lib/plugins/pivot/index.js +1 -1
  90. package/lib/plugins/pivot/index.js.map +1 -1
  91. package/lib/plugins/print/PrintPlugin.d.ts +2 -21
  92. package/lib/plugins/print/index.js.map +1 -1
  93. package/lib/plugins/reorder-columns/ReorderPlugin.d.ts +0 -7
  94. package/lib/plugins/reorder-columns/index.js +1 -1
  95. package/lib/plugins/reorder-columns/index.js.map +1 -1
  96. package/lib/plugins/reorder-rows/RowReorderPlugin.d.ts +1 -13
  97. package/lib/plugins/reorder-rows/index.js +1 -1
  98. package/lib/plugins/reorder-rows/index.js.map +1 -1
  99. package/lib/plugins/responsive/index.js +1 -1
  100. package/lib/plugins/responsive/index.js.map +1 -1
  101. package/lib/plugins/selection/index.js +1 -1
  102. package/lib/plugins/selection/index.js.map +1 -1
  103. package/lib/plugins/server-side/ServerSidePlugin.d.ts +0 -16
  104. package/lib/plugins/server-side/index.js.map +1 -1
  105. package/lib/plugins/tooltip/index.js.map +1 -1
  106. package/lib/plugins/tree/TreePlugin.d.ts +0 -22
  107. package/lib/plugins/tree/index.js +1 -1
  108. package/lib/plugins/tree/index.js.map +1 -1
  109. package/lib/plugins/undo-redo/UndoRedoPlugin.d.ts +0 -19
  110. package/lib/plugins/undo-redo/index.js +1 -1
  111. package/lib/plugins/undo-redo/index.js.map +1 -1
  112. package/lib/plugins/visibility/VisibilityPlugin.d.ts +0 -16
  113. package/lib/plugins/visibility/index.js +1 -1
  114. package/lib/plugins/visibility/index.js.map +1 -1
  115. package/package.json +1 -1
  116. package/themes/dg-theme-material.css +5 -0
  117. package/umd/grid.all.umd.js +1 -1
  118. package/umd/grid.all.umd.js.map +1 -1
  119. package/umd/grid.umd.js +1 -1
  120. package/umd/grid.umd.js.map +1 -1
  121. package/umd/plugins/clipboard.umd.js.map +1 -1
  122. package/umd/plugins/column-virtualization.umd.js.map +1 -1
  123. package/umd/plugins/export.umd.js.map +1 -1
  124. package/umd/plugins/filtering.umd.js +1 -1
  125. package/umd/plugins/filtering.umd.js.map +1 -1
  126. package/umd/plugins/grouping-columns.umd.js +1 -1
  127. package/umd/plugins/grouping-columns.umd.js.map +1 -1
  128. package/umd/plugins/grouping-rows.umd.js +1 -1
  129. package/umd/plugins/grouping-rows.umd.js.map +1 -1
  130. package/umd/plugins/master-detail.umd.js.map +1 -1
  131. package/umd/plugins/multi-sort.umd.js +1 -1
  132. package/umd/plugins/multi-sort.umd.js.map +1 -1
  133. package/umd/plugins/pinned-columns.umd.js +1 -1
  134. package/umd/plugins/pinned-columns.umd.js.map +1 -1
  135. package/umd/plugins/pinned-rows.umd.js.map +1 -1
  136. package/umd/plugins/pivot.umd.js +1 -1
  137. package/umd/plugins/pivot.umd.js.map +1 -1
  138. package/umd/plugins/print.umd.js.map +1 -1
  139. package/umd/plugins/reorder-columns.umd.js +1 -1
  140. package/umd/plugins/reorder-columns.umd.js.map +1 -1
  141. package/umd/plugins/reorder-rows.umd.js +1 -1
  142. package/umd/plugins/reorder-rows.umd.js.map +1 -1
  143. package/umd/plugins/selection.umd.js +1 -1
  144. package/umd/plugins/selection.umd.js.map +1 -1
  145. package/umd/plugins/server-side.umd.js.map +1 -1
  146. package/umd/plugins/tree.umd.js +1 -1
  147. package/umd/plugins/tree.umd.js.map +1 -1
  148. package/umd/plugins/undo-redo.umd.js +1 -1
  149. package/umd/plugins/undo-redo.umd.js.map +1 -1
  150. package/umd/plugins/visibility.umd.js +1 -1
  151. package/umd/plugins/visibility.umd.js.map +1 -1
@@ -14,14 +14,6 @@ import { MultiSortConfig, SortModel } from './types';
14
14
  * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';
15
15
  * ```
16
16
  *
17
- * ## Configuration Options
18
- *
19
- * | Option | Type | Default | Description |
20
- * |--------|------|---------|-------------|
21
- * | `maxSortColumns` | `number` | `3` | Maximum columns to sort by |
22
- * | `showSortIndex` | `boolean` | `true` | Show sort priority badges |
23
- * | `initialSort` | `SortModel[]` | - | Pre-configured sort order on load |
24
- *
25
17
  * ## Keyboard Shortcuts
26
18
  *
27
19
  * | Shortcut | Action |
@@ -36,16 +28,6 @@ import { MultiSortConfig, SortModel } from './types';
36
28
  * |-------|--------|-------------|
37
29
  * | `sort-change` | `{ sortModel: SortModel[] }` | Fired when sort changes |
38
30
  *
39
- * ## Programmatic API
40
- *
41
- * | Method | Signature | Description |
42
- * |--------|-----------|-------------|
43
- * | `setSort` | `(sortModel: SortModel[]) => void` | Set sort programmatically |
44
- * | `getSortModel` | `() => SortModel[]` | Get current sort model |
45
- * | `clearSort` | `() => void` | Clear all sorting |
46
- * | `addSort` | `(field, direction) => void` | Add a column to sort |
47
- * | `removeSort` | `(field) => void` | Remove a column from sort |
48
- *
49
31
  * @example Basic Multi-Column Sorting
50
32
  * ```ts
51
33
  * import { queryGrid } from '@toolbox-web/grid';
@@ -1,2 +1,2 @@
1
- function t(t,e){const r=t.querySelector?.(".tbw-sr-only");r&&(r.textContent="",requestAnimationFrame(()=>{r.textContent=e}))}function e(t,e){return`[tbw-grid${t?`#${t}`:""}${e?`:${e}`:""}]`}function r(t,r,i,n){return`${e(i,n)} ${t}: ${r}\n\n → More info: ${function(t){return`https://toolboxjs.com/grid/errors#${t.toLowerCase()}`}(t)}`}const i=/* @__PURE__ */new Set(["script","iframe","object","embed","form","input","button","textarea","select","link","meta","base","style","template","slot","portal","frame","frameset","applet","noscript","noembed","plaintext","xmp","listing"]),n=/^on\w+$/i,o=/* @__PURE__ */new Set(["href","src","action","formaction","data","srcdoc","xlink:href","poster","srcset"]),s=/^\s*(javascript|vbscript|data|blob):/i;function l(t){if(!t||"string"!=typeof t)return"";if(-1===t.indexOf("<"))return t;const e=document.createElement("template");return e.innerHTML=t,function(t){const e=[],r=t.querySelectorAll("*");for(const l of r){const t=l.tagName.toLowerCase();if(i.has(t)){e.push(l);continue}if("svg"===t||"http://www.w3.org/2000/svg"===l.namespaceURI){if(Array.from(l.attributes).some(t=>n.test(t.name)||"href"===t.name||"xlink:href"===t.name)){e.push(l);continue}}const r=[];for(const e of l.attributes){const t=e.name.toLowerCase();n.test(t)?r.push(e.name):(o.has(t)&&s.test(e.value)||"style"===t&&/expression\s*\(|javascript:|behavior\s*:/i.test(e.value))&&r.push(e.name)}r.forEach(t=>l.removeAttribute(t))}e.forEach(t=>t.remove())}(e.content),e.innerHTML}const a='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',d={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:a,filterActive:a,print:"🖨️"};class c{static dependencies;static manifest;aliases;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#t;get defaultConfig(){return{}}constructor(t={}){this.userConfig=t}attach(t){this.#t?.abort(),this.#t=new AbortController,this.grid=t,this.config={...this.defaultConfig,...this.userConfig}}detach(){this.#t?.abort(),this.#t=void 0}getPlugin(t){return this.grid?.getPlugin(t)}emit(t,e){this.grid?.dispatchEvent?.(new CustomEvent(t,{detail:e,bubbles:!0}))}emitCancelable(t,e){const r=new CustomEvent(t,{detail:e,bubbles:!0,cancelable:!0});return this.grid?.dispatchEvent?.(r),r.defaultPrevented}on(t,e){this.grid?._pluginManager?.subscribe(this,t,e)}off(t){this.grid?._pluginManager?.unsubscribe(this,t)}emitPluginEvent(t,e){this.grid?._pluginManager?.emitPluginEvent(t,e)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}requestVirtualRefresh(){this.grid?.requestVirtualRefresh?.()}get rows(){return this.grid?.rows??[]}get sourceRows(){return this.grid?.sourceRows??[]}get columns(){return this.grid?.columns??[]}get visibleColumns(){return this.grid?._visibleColumns??[]}get gridElement(){return this.grid?._hostElement}get disconnectSignal(){return this.#t?.signal??this.grid?.disconnectSignal}get gridIcons(){const t=this.grid?.gridConfig?.icons??{};return{...d,...t}}get isAnimationEnabled(){const t=this.grid?.effectiveConfig?.animation?.mode??"reduced-motion";if(!1===t||"off"===t)return!1;if(!0===t||"on"===t)return!0;const e=this.gridElement;if(e){return"0"!==getComputedStyle(e).getPropertyValue("--tbw-animation-enabled").trim()}return!0}get animationDuration(){const t=this.gridElement;if(t){const e=getComputedStyle(t).getPropertyValue("--tbw-animation-duration").trim(),r=parseInt(e,10);if(!isNaN(r))return r}return 200}resolveIcon(t,e){return void 0!==e?e:this.gridIcons[t]}setIcon(t,e){"string"==typeof e?t.innerHTML=l(e):e instanceof HTMLElement&&(t.innerHTML="",t.appendChild(e.cloneNode(!0)))}warn(t,i){void 0!==i?console.warn(r(t,i,this.gridElement.id,this.name)):console.warn(`${e(this.gridElement.id,this.name)} ${t}`)}throwDiagnostic(t,e){throw new Error(r(t,e,this.gridElement.id,this.name))}}function u(t,e){return null==t&&null==e?0:null==t?1:null==e?-1:"number"==typeof t&&"number"==typeof e?t-e:t instanceof Date&&e instanceof Date?t.getTime()-e.getTime():"boolean"==typeof t&&"boolean"==typeof e?t===e?0:t?-1:1:String(t).localeCompare(String(e))}function h(t,e){const r=t.findIndex(t=>t.field===e);return r>=0?r+1:void 0}function f(t,e){return t.find(t=>t.field===e)?.direction}class g extends c{name="multiSort";styles='@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';get defaultConfig(){return{maxSortColumns:3,showSortIndex:!0}}sortModel=[];cachedSortResult=null;get#e(){return this.grid}clearCoreSortState(){this.#e._sortState=null}detach(){this.sortModel=[],this.cachedSortResult=null}processRows(t){if(0===this.sortModel.length)return this.cachedSortResult=null,[...t];const e=this.#e;if(!e._isGridEditMode&&"number"==typeof e._activeEditRows&&-1!==e._activeEditRows&&this.cachedSortResult&&this.cachedSortResult.length===t.length)return[...this.cachedSortResult];const r=function(t,e,r){return e.length?[...t].sort((t,i)=>{for(const n of e){const e=r.find(t=>t.field===n.field),o=(e?.sortComparator??u)(t[n.field],i[n.field],t,i);if(0!==o)return"asc"===n.direction?o:-o}return 0}):[...t]}([...t],this.sortModel,[...this.columns]);return this.cachedSortResult=r,r}onHeaderClick(e){const r=this.columns.find(t=>t.field===e.field);if(!r?.sortable)return!1;const i=e.originalEvent.shiftKey,n=this.config.maxSortColumns??3;if(this.sortModel=function(t,e,r,i){const n=t.find(t=>t.field===e);return r?n?"asc"===n.direction?t.map(t=>t.field===e?{...t,direction:"desc"}:t):t.filter(t=>t.field!==e):t.length<i?[...t,{field:e,direction:"asc"}]:t:"asc"===n?.direction?[{field:e,direction:"desc"}]:"desc"===n?.direction?[]:[{field:e,direction:"asc"}]}(this.sortModel,e.field,i,n),this.clearCoreSortState(),this.emit("sort-change",{sortModel:[...this.sortModel]}),this.requestRender(),this.grid?.requestStateChange?.(),this.sortModel.length>0){const e=this.sortModel.map(t=>{const e=this.columns.find(e=>e.field===t.field);return`${e?.header??t.field} ${"asc"===t.direction?"ascending":"descending"}`});t(this.gridElement,`Sorted by ${e.join(", then ")}`)}else t(this.gridElement,"Sort cleared");return!0}afterRender(){const t=this.gridElement;if(!t)return;const e=!1!==this.config.showSortIndex;t.querySelectorAll(".header-row .cell[data-field]").forEach(t=>{const r=t.getAttribute("data-field");if(!r)return;const i=h(this.sortModel,r),n=f(this.sortModel,r),o=t.querySelector(".sort-index");if(o?.remove(),n){const r=t.querySelector('[part~="sort-indicator"], .sort-indicator');r?.remove(),t.setAttribute("data-sort",n);const o=document.createElement("span");o.className="sort-indicator",this.setIcon(o,this.resolveIcon("asc"===n?"sortAsc":"sortDesc"));const s=t.querySelector(".tbw-filter-btn"),l=t.querySelector(".resize-handle"),a=s??l;if(a?t.insertBefore(o,a):t.appendChild(o),e&&this.sortModel.length>1&&void 0!==i){const e=document.createElement("span");e.className="sort-index",e.textContent=String(i),o.nextSibling?t.insertBefore(e,o.nextSibling):t.appendChild(e)}}else{t.removeAttribute("data-sort");const e=t.querySelector('[part~="sort-indicator"], .sort-indicator');e?.remove()}})}getSortModel(){return[...this.sortModel]}setSortModel(e){if(this.sortModel=[...e],this.clearCoreSortState(),this.emit("sort-change",{sortModel:[...e]}),this.requestRender(),this.grid?.requestStateChange?.(),e.length>0){const r=e.map(t=>{const e=this.columns.find(e=>e.field===t.field);return`${e?.header??t.field} ${"asc"===t.direction?"ascending":"descending"}`});t(this.gridElement,`Sorted by ${r.join(", then ")}`)}}clearSort(){this.sortModel=[],this.clearCoreSortState(),this.emit("sort-change",{sortModel:[]}),this.requestRender(),this.grid?.requestStateChange?.(),t(this.gridElement,"Sort cleared")}getSortIndex(t){return h(this.sortModel,t)}getSortDirection(t){return f(this.sortModel,t)}getColumnState(t){const e=this.sortModel.findIndex(e=>e.field===t);if(-1===e)return;return{sort:{direction:this.sortModel[e].direction,priority:e}}}applyColumnState(t,e){if(!e.sort)return void(this.sortModel=this.sortModel.filter(e=>e.field!==t));const r=this.sortModel.findIndex(e=>e.field===t),i={field:t,direction:e.sort.direction};-1!==r?this.sortModel[r]=i:this.sortModel.splice(e.sort.priority,0,i),this.clearCoreSortState()}}export{g as MultiSortPlugin};
1
+ function t(t,e){const r=t.querySelector?.(".tbw-sr-only");r&&(r.textContent="",requestAnimationFrame(()=>{r.textContent=e}))}function e(t,e){return`[tbw-grid${t?`#${t}`:""}${e?`:${e}`:""}]`}function r(t,r,i,n){return`${e(i,n)} ${t}: ${r}\n\n → More info: ${function(t){return`https://toolboxjs.com/grid/errors#${t.toLowerCase()}`}(t)}`}const i=/* @__PURE__ */new Set(["script","iframe","object","embed","form","input","button","textarea","select","link","meta","base","style","template","slot","portal","frame","frameset","applet","noscript","noembed","plaintext","xmp","listing"]),n=/^on\w+$/i,o=/* @__PURE__ */new Set(["href","src","action","formaction","data","srcdoc","xlink:href","poster","srcset"]),s=/^\s*(javascript|vbscript|data|blob):/i;function a(t){if(!t||"string"!=typeof t)return"";if(-1===t.indexOf("<"))return t;const e=document.createElement("template");return e.innerHTML=t,function(t){const e=[],r=t.querySelectorAll("*");for(const a of r){const t=a.tagName.toLowerCase();if(i.has(t)){e.push(a);continue}if("svg"===t||"http://www.w3.org/2000/svg"===a.namespaceURI){if(Array.from(a.attributes).some(t=>n.test(t.name)||"href"===t.name||"xlink:href"===t.name)){e.push(a);continue}}const r=[];for(const e of a.attributes){const t=e.name.toLowerCase();n.test(t)?r.push(e.name):(o.has(t)&&s.test(e.value)||"style"===t&&/expression\s*\(|javascript:|behavior\s*:/i.test(e.value))&&r.push(e.name)}r.forEach(t=>a.removeAttribute(t))}e.forEach(t=>t.remove())}(e.content),e.innerHTML}const l='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',d={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:l,filterActive:l,print:"🖨️"};class c{static dependencies;static manifest;aliases;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#t;get defaultConfig(){return{}}constructor(t={}){this.userConfig=t}attach(t){this.#t?.abort(),this.#t=new AbortController,this.grid=t,this.config={...this.defaultConfig,...this.userConfig}}detach(){this.#t?.abort(),this.#t=void 0}getPlugin(t){return this.grid?.getPlugin(t)}emit(t,e){this.grid?.dispatchEvent?.(new CustomEvent(t,{detail:e,bubbles:!0}))}emitCancelable(t,e){const r=new CustomEvent(t,{detail:e,bubbles:!0,cancelable:!0});return this.grid?.dispatchEvent?.(r),r.defaultPrevented}on(t,e){this.grid?._pluginManager?.subscribe(this,t,e)}off(t){this.grid?._pluginManager?.unsubscribe(this,t)}emitPluginEvent(t,e){this.grid?._pluginManager?.emitPluginEvent(t,e)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}requestVirtualRefresh(){this.grid?.requestVirtualRefresh?.()}get rows(){return this.grid?.rows??[]}get sourceRows(){return this.grid?.sourceRows??[]}get columns(){return this.grid?.columns??[]}get visibleColumns(){return this.grid?._visibleColumns??[]}get gridElement(){return this.grid?._hostElement}get disconnectSignal(){return this.#t?.signal??this.grid?.disconnectSignal}get gridIcons(){const t=this.grid?.gridConfig?.icons??{};return{...d,...t}}get isAnimationEnabled(){const t=this.grid?.effectiveConfig?.animation?.mode??"reduced-motion";if(!1===t||"off"===t)return!1;if(!0===t||"on"===t)return!0;const e=this.gridElement;if(e){return"0"!==getComputedStyle(e).getPropertyValue("--tbw-animation-enabled").trim()}return!0}get animationDuration(){const t=this.gridElement;if(t){const e=getComputedStyle(t).getPropertyValue("--tbw-animation-duration").trim(),r=parseInt(e,10);if(!isNaN(r))return r}return 200}resolveIcon(t,e){return void 0!==e?e:this.gridIcons[t]}setIcon(t,e){"string"==typeof e?t.innerHTML=a(e):e instanceof HTMLElement&&(t.innerHTML="",t.appendChild(e.cloneNode(!0)))}warn(t,i){void 0!==i?console.warn(r(t,i,this.gridElement.id,this.name)):console.warn(`${e(this.gridElement.id,this.name)} ${t}`)}throwDiagnostic(t,e){throw new Error(r(t,e,this.gridElement.id,this.name))}}function u(t,e){return null==t&&null==e?0:null==t?1:null==e?-1:"number"==typeof t&&"number"==typeof e?t-e:t instanceof Date&&e instanceof Date?t.getTime()-e.getTime():"boolean"==typeof t&&"boolean"==typeof e?t===e?0:t?-1:1:String(t).localeCompare(String(e))}function h(t,e){const r=t.findIndex(t=>t.field===e);return r>=0?r+1:void 0}function f(t,e){return t.find(t=>t.field===e)?.direction}class g extends c{name="multiSort";styles='@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';get defaultConfig(){return{maxSortColumns:3,showSortIndex:!0}}sortModel=[];cachedSortResult=null;get#e(){return this.grid}clearCoreSortState(){this.#e._sortState=null}detach(){this.sortModel=[],this.cachedSortResult=null}processRows(t){if(0===this.sortModel.length)return this.cachedSortResult=null,[...t];const e=this.#e;if(!e._isGridEditMode&&"number"==typeof e._activeEditRows&&-1!==e._activeEditRows&&this.cachedSortResult&&this.cachedSortResult.length===t.length)return[...this.cachedSortResult];const r=t;return function(t,e,r){if(!e.length)return;const i=e.map(t=>{const e=r.find(e=>e.field===t.field);return{field:t.field,asc:"asc"===t.direction,comparator:e?.sortComparator??u}});if(1===i.length){const{field:e,asc:r,comparator:n}=i[0];t.sort((t,i)=>{const o=n(t[e],i[e],t,i);return r?o:-o})}else t.sort((t,e)=>{for(let r=0;r<i.length;r++){const{field:n,asc:o,comparator:s}=i[r],a=s(t[n],e[n],t,e);if(0!==a)return o?a:-a}return 0})}(r,this.sortModel,this.columns),this.cachedSortResult=r,r}onHeaderClick(e){const r=this.columns.find(t=>t.field===e.field);if(!r?.sortable)return!1;const i=e.originalEvent.shiftKey,n=this.config.maxSortColumns??3;if(this.sortModel=function(t,e,r,i){const n=t.find(t=>t.field===e);return r?n?"asc"===n.direction?t.map(t=>t.field===e?{...t,direction:"desc"}:t):t.filter(t=>t.field!==e):t.length<i?[...t,{field:e,direction:"asc"}]:t:"asc"===n?.direction?[{field:e,direction:"desc"}]:"desc"===n?.direction?[]:[{field:e,direction:"asc"}]}(this.sortModel,e.field,i,n),this.clearCoreSortState(),this.emit("sort-change",{sortModel:[...this.sortModel]}),this.requestRender(),this.grid?.requestStateChange?.(),this.sortModel.length>0){const e=this.sortModel.map(t=>{const e=this.columns.find(e=>e.field===t.field);return`${e?.header??t.field} ${"asc"===t.direction?"ascending":"descending"}`});t(this.gridElement,`Sorted by ${e.join(", then ")}`)}else t(this.gridElement,"Sort cleared");return!0}afterRender(){const t=this.gridElement;if(!t)return;const e=!1!==this.config.showSortIndex;t.querySelectorAll(".header-row .cell[data-field]").forEach(t=>{const r=t.getAttribute("data-field");if(!r)return;const i=h(this.sortModel,r),n=f(this.sortModel,r),o=t.querySelector(".sort-index");if(o?.remove(),n){const r=t.querySelector('[part~="sort-indicator"], .sort-indicator');r?.remove(),t.setAttribute("data-sort",n);const o=document.createElement("span");o.className="sort-indicator",this.setIcon(o,this.resolveIcon("asc"===n?"sortAsc":"sortDesc"));const s=t.querySelector(".tbw-filter-btn"),a=t.querySelector(".resize-handle"),l=s??a;if(l?t.insertBefore(o,l):t.appendChild(o),e&&this.sortModel.length>1&&void 0!==i){const e=document.createElement("span");e.className="sort-index",e.textContent=String(i),o.nextSibling?t.insertBefore(e,o.nextSibling):t.appendChild(e)}}else{t.removeAttribute("data-sort");const e=t.querySelector('[part~="sort-indicator"], .sort-indicator');e?.remove()}})}getSortModel(){return[...this.sortModel]}setSortModel(e){if(this.sortModel=[...e],this.clearCoreSortState(),this.emit("sort-change",{sortModel:[...e]}),this.requestRender(),this.grid?.requestStateChange?.(),e.length>0){const r=e.map(t=>{const e=this.columns.find(e=>e.field===t.field);return`${e?.header??t.field} ${"asc"===t.direction?"ascending":"descending"}`});t(this.gridElement,`Sorted by ${r.join(", then ")}`)}}clearSort(){this.sortModel=[],this.clearCoreSortState(),this.emit("sort-change",{sortModel:[]}),this.requestRender(),this.grid?.requestStateChange?.(),t(this.gridElement,"Sort cleared")}getSortIndex(t){return h(this.sortModel,t)}getSortDirection(t){return f(this.sortModel,t)}getColumnState(t){const e=this.sortModel.findIndex(e=>e.field===t);if(-1===e)return;return{sort:{direction:this.sortModel[e].direction,priority:e}}}applyColumnState(t,e){if(!e.sort)return void(this.sortModel=this.sortModel.filter(e=>e.field!==t));const r=this.sortModel.findIndex(e=>e.field===t),i={field:t,direction:e.sort.direction};-1!==r?this.sortModel[r]=i:this.sortModel.splice(e.sort.priority,0,i),this.clearCoreSortState()}}export{g as MultiSortPlugin};
2
2
  //# sourceMappingURL=index.js.map