ember-headless-table 1.1.0 → 1.2.0

package/dist/plugins/column-resizing/handle.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from '../../defineProperty-a0196711.js';
+import { _ as _defineProperty } from '../../defineProperty-35ce617b.js';
 import { registerDestructor } from '@ember/destroyable';
 import { buildWaiter } from '@ember/test-waiters';
 import Modifier from 'ember-modifier';
@@ -6,6 +6,7 @@ import { meta } from '../-private/base.js';
 import { ColumnResizing } from './plugin.js';
 
 let waiter = buildWaiter('ColumnResizing#ResizeHandle');
+
 /**
  * - why are mouse events used instead of drag events?
  * - why not use the "draggable" attribute?
@@ -22,33 +23,23 @@ let waiter = buildWaiter('ColumnResizing#ResizeHandle');
 class ResizeHandle extends Modifier {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "pointerStartX", 0);
-
     _defineProperty(this, "pointerStartY", 0);
-
     _defineProperty(this, "pointerX", 0);
-
     _defineProperty(this, "pointerY", 0);
-
     _defineProperty(this, "keyDistance", 0);
-
     _defineProperty(this, "token", void 0);
-
     _defineProperty(this, "isSetup", false);
-
     _defineProperty(this, "setup", () => {
       this.dragHandle.addEventListener('touchstart', this.dragStartHandler);
       this.dragHandle.addEventListener('mousedown', this.dragStartHandler);
       this.dragHandle.addEventListener('keydown', this.keyHandler);
       registerDestructor(this, () => {
         this.meta.isResizing = false;
-
         if (this.token) {
           waiter.endAsync(this.token);
           this.token = undefined;
         }
-
         this.dragHandle.removeEventListener('touchstart', this.dragStartHandler);
         this.dragHandle.removeEventListener('mousedown', this.dragStartHandler);
         window.removeEventListener('touchmove', this.dragMove);
@@ -58,10 +49,8 @@ class ResizeHandle extends Modifier {
         this.dragHandle.removeEventListener('keydown', this.keyHandler);
       });
     });
-
     _defineProperty(this, "setPosition", event => {
       if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;
-
       if ('TouchEvent' in window && event instanceof TouchEvent) {
         let firstTouch = event.touches[0];
         if (!firstTouch) return;
@@ -72,10 +61,8 @@ class ResizeHandle extends Modifier {
         this.pointerY = event.clientY;
       }
     });
-
     _defineProperty(this, "setStartPosition", event => {
       if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;
-
       if ('TouchEvent' in window && event instanceof TouchEvent) {
         let firstTouch = event.touches[0];
         if (!firstTouch) return;
@@ -86,7 +73,6 @@ class ResizeHandle extends Modifier {
         this.pointerStartY = event.clientY;
       }
     });
-
     _defineProperty(this, "queueUpdate", () => {
       cancelAnimationFrame(this.dragFrame);
       this.dragFrame = requestAnimationFrame(() => {
@@ -94,41 +80,34 @@ class ResizeHandle extends Modifier {
         this.pointerStartX = this.pointerX;
       });
     });
-
     _defineProperty(this, "dragEndHandler", () => {
       this.meta.isResizing = false;
       this.queueUpdate();
-
       if (this.token) {
         waiter.endAsync(this.token);
         this.token = undefined;
       }
+
       /**
        * No need to listen if we aren't dragging
        */
-
-
       window.removeEventListener('touchmove', this.dragMove);
       window.removeEventListener('touchend', this.dragEndHandler);
       window.removeEventListener('mousemove', this.dragMove);
       window.removeEventListener('mouseup', this.dragEndHandler);
     });
-
     _defineProperty(this, "dragMove", event => {
       if (!this.meta.isResizing) return;
       this.setPosition(event);
       this.queueUpdate();
     });
-
     _defineProperty(this, "dragStartHandler", event => {
       if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;
       this.meta.isResizing = true;
       if (event.target !== this.dragHandle) return;
-
       if (this.token) {
         waiter.endAsync(this.token);
       }
-
       this.token = waiter.beginAsync();
       this.setPosition(event);
       this.setStartPosition(event);
@@ -137,21 +116,17 @@ class ResizeHandle extends Modifier {
       window.addEventListener('mousemove', this.dragMove);
       window.addEventListener('mouseup', this.dragEndHandler);
     });
-
     _defineProperty(this, "keyHandler", event => {
       let deltaT = new Date().getTime() - this.lastKey;
       let isRapid = deltaT < 50;
-
       if (event.code === 'ArrowDown' || event.code === 'ArrowRight') {
         this.keyDistance += isRapid ? 8 : 1;
         this.lastKey = new Date().getTime();
       }
-
       if (event.code === 'ArrowUp' || event.code === 'ArrowLeft') {
         this.keyDistance -= isRapid ? 8 : 1;
         this.lastKey = new Date().getTime();
       }
-
       cancelAnimationFrame(this.keyFrame);
       this.keyFrame = requestAnimationFrame(() => {
         this.meta.resize(this.keyDistance);
@@ -159,19 +134,17 @@ class ResizeHandle extends Modifier {
       });
     });
   }
-
   modify(element, [column]) {
     this.column = column;
     this.meta = meta.forColumn(column, ColumnResizing);
     this.dragHandle = element;
-
     if (!this.isSetup) {
       this.isSetup = true;
       this.setup();
     }
   }
-
 }
+
 /**
  * Modifier to attach to the column resize handles.
  * This provides both keyboard and mouse support for resizing columns.
@@ -243,8 +216,6 @@ class ResizeHandle extends Modifier {
  * https://limber.glimdown.com/
  * See: "resize-handle" on Limber's GitHub
  */
-
-
 const resizeHandle = ResizeHandle;
 
 export { resizeHandle };

package/dist/plugins/column-resizing/handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"handle.js","sources":["../../../src/plugins/column-resizing/handle.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\nimport { buildWaiter } from '@ember/test-waiters';\n\nimport Modifier from 'ember-modifier';\n\nimport { meta } from '../-private/base';\nimport { ColumnResizing } from './plugin';\n\nimport type { ColumnMeta } from './plugin';\nimport type { Column } from '#/column';\n\nlet waiter = buildWaiter('ColumnResizing#ResizeHandle');\n\n/**\n * - why are mouse events used instead of drag events?\n * - why not use the \"draggable\" attribute?\n *\n * It seems drag events are more for files and/or moving images around on a page\n * dragging an image, for example, has a ghost of that image until it is dropped.\n * The same thing happens with text.\n * This prevents us from having total control of the styling of how dragging works.\n *\n *\n *\n */\n\nclass ResizeHandle extends Modifier<{ Args: { Positional: [Column] } }> {\n  declare dragHandle: HTMLElement;\n  declare column: Column;\n  declare meta: ColumnMeta;\n\n  // Pointer\n  pointerStartX = 0;\n  pointerStartY = 0;\n  pointerX = 0;\n  pointerY = 0;\n  declare dragFrame: number;\n\n  // Keyboard\n  keyDistance = 0;\n  declare keyFrame: number; // ha\n  declare lastKey: number;\n\n  // waiter\n  token?: unknown;\n\n  isSetup = false;\n  modify(element: Element, [column]: [Column]) {\n    this.column = column;\n    this.meta = meta.forColumn(column, ColumnResizing);\n    this.dragHandle = element as HTMLElement;\n\n    if (!this.isSetup) {\n      this.isSetup = true;\n      this.setup();\n    }\n  }\n\n  setup = () => {\n    this.dragHandle.addEventListener('touchstart', this.dragStartHandler);\n    this.dragHandle.addEventListener('mousedown', this.dragStartHandler);\n    this.dragHandle.addEventListener('keydown', this.keyHandler);\n\n    registerDestructor(this, () => {\n      this.meta.isResizing = false;\n\n      if (this.token) {\n        waiter.endAsync(this.token);\n        this.token = undefined;\n      }\n\n      this.dragHandle.removeEventListener('touchstart', this.dragStartHandler);\n      this.dragHandle.removeEventListener('mousedown', this.dragStartHandler);\n      window.removeEventListener('touchmove', this.dragMove);\n      window.removeEventListener('touchend', this.dragEndHandler);\n      window.removeEventListener('mousemove', this.dragMove);\n      window.removeEventListener('mouseup', this.dragEndHandler);\n      this.dragHandle.removeEventListener('keydown', this.keyHandler);\n    });\n  };\n\n  setPosition = (event: Event) => {\n    if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;\n\n    if ('TouchEvent' in window && event instanceof TouchEvent) {\n      let firstTouch = event.touches[0];\n\n      if (!firstTouch) return;\n\n      this.pointerX = firstTouch.clientX;\n      this.pointerY = firstTouch.clientY;\n    } else {\n      this.pointerX = event.clientX;\n      this.pointerY = event.clientY;\n    }\n  };\n\n  setStartPosition = (event: Event) => {\n    if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;\n\n    if ('TouchEvent' in window && event instanceof TouchEvent) {\n      let firstTouch = event.touches[0];\n\n      if (!firstTouch) return;\n\n      this.pointerStartX = firstTouch.clientX;\n      this.pointerStartY = firstTouch.clientY;\n    } else {\n      this.pointerStartX = event.clientX;\n      this.pointerStartY = event.clientY;\n    }\n  };\n\n  queueUpdate = () => {\n    cancelAnimationFrame(this.dragFrame);\n    this.dragFrame = requestAnimationFrame(() => {\n      this.meta.resize(this.pointerX - this.pointerStartX);\n      this.pointerStartX = this.pointerX;\n    });\n  };\n\n  dragEndHandler = () => {\n    this.meta.isResizing = false;\n    this.queueUpdate();\n\n    if (this.token) {\n      waiter.endAsync(this.token);\n      this.token = undefined;\n    }\n\n    /**\n     * No need to listen if we aren't dragging\n     */\n    window.removeEventListener('touchmove', this.dragMove);\n    window.removeEventListener('touchend', this.dragEndHandler);\n    window.removeEventListener('mousemove', this.dragMove);\n    window.removeEventListener('mouseup', this.dragEndHandler);\n  };\n\n  dragMove = (event: Event) => {\n    if (!this.meta.isResizing) return;\n    this.setPosition(event);\n    this.queueUpdate();\n  };\n\n  dragStartHandler = (event: Event) => {\n    if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;\n\n    this.meta.isResizing = true;\n    if (event.target !== this.dragHandle) return;\n\n    if (this.token) {\n      waiter.endAsync(this.token);\n    }\n\n    this.token = waiter.beginAsync();\n\n    this.setPosition(event);\n    this.setStartPosition(event);\n\n    window.addEventListener('touchend', this.dragEndHandler);\n    window.addEventListener('touchmove', this.dragMove);\n    window.addEventListener('mousemove', this.dragMove);\n    window.addEventListener('mouseup', this.dragEndHandler);\n  };\n\n  keyHandler = (event: KeyboardEvent) => {\n    let deltaT = new Date().getTime() - this.lastKey;\n    let isRapid = deltaT < 50;\n\n    if (event.code === 'ArrowDown' || event.code === 'ArrowRight') {\n      this.keyDistance += isRapid ? 8 : 1;\n      this.lastKey = new Date().getTime();\n    }\n\n    if (event.code === 'ArrowUp' || event.code === 'ArrowLeft') {\n      this.keyDistance -= isRapid ? 8 : 1;\n      this.lastKey = new Date().getTime();\n    }\n\n    cancelAnimationFrame(this.keyFrame);\n    this.keyFrame = requestAnimationFrame(() => {\n      this.meta.resize(this.keyDistance);\n\n      this.keyDistance = 0;\n    });\n  };\n}\n\n/**\n * Modifier to attach to the column resize handles.\n * This provides both keyboard and mouse support for resizing columns.\n * (provided the resize handle element is focusable -- so consider using\n * a button for the resize element)\n *\n * @example\n * ```js\n * import Component from '@glimmer/component';\n * import { meta } from 'ember-headless-table/plugins';\n * import { resizeHandle, ColumnResizing } from 'ember-headless-table/plugins/column-resizing';\n *\n * export default class TableHead extends Component {\n *   /* ✂️  *\\/\n *\n *   <template>\n *     <thead>\n *       <tr>\n *         {{#each this.columns as |column|}}\n *           <th>\n *             <span>{{column.name}}</span>\n *             <button {{resizeHandle column}}></button>\n *           </th>\n *         {{/each}}\n *       </tr>\n *     </thead>\n *   </template>\n * }\n * ```\n *\n * Width and isResizing state is maintained on the \"meta\"\n * class so that the users may choose per-column stylings for\n * isResizing and dragging behaviors.\n *\n * For example, while dragging, the user may add a class based on the\n * isDragging property.\n *\n * @example\n * ```js\n * import Component from '@glimmer/component';\n * import { meta } from 'ember-headless-table/plugins';\n * import { resizeHandle, ColumnResizing } from 'ember-headless-table/plugins/column-resizing';\n *\n * export default class TableHead extends Component {\n *   /* ✂️  *\\/\n *\n *   isDragging = (column) => {\n *     return meta.forColumn(column, ColumnResizing).isDragging;\n *   }\n *\n *   <template>\n *     <thead>\n *       <tr>\n *         {{#each this.columns as |column|}}\n *           <th class=\"header {{if (this.isDragging column) 'blue'}}\">\n *             <span>{{column.name}}</span>\n *             <button {{resizeHandle column}}></button>\n *           </th>\n *         {{/each}}\n *       </tr>\n *     </thead>\n *   </template>\n * }\n * ```\n *\n *\n * @note\n * The logic here is copied from the drag slider in\n * https://limber.glimdown.com/\n * See: \"resize-handle\" on Limber's GitHub\n */\nexport const resizeHandle = ResizeHandle;\n"],"names":["waiter","buildWaiter","ResizeHandle","Modifier","dragHandle","addEventListener","dragStartHandler","keyHandler","registerDestructor","meta","isResizing","token","endAsync","undefined","removeEventListener","window","dragMove","dragEndHandler","event","PointerEvent","MouseEvent","TouchEvent","firstTouch","touches","pointerX","clientX","pointerY","clientY","pointerStartX","pointerStartY","cancelAnimationFrame","dragFrame","requestAnimationFrame","resize","queueUpdate","setPosition","target","beginAsync","setStartPosition","deltaT","Date","getTime","lastKey","isRapid","code","keyDistance","keyFrame","modify","element","column","forColumn","ColumnResizing","isSetup","setup","resizeHandle"],"mappings":"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"}
+{"version":3,"file":"handle.js","sources":["../../../src/plugins/column-resizing/handle.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\nimport { buildWaiter } from '@ember/test-waiters';\n\nimport Modifier from 'ember-modifier';\n\nimport { meta } from '../-private/base';\nimport { ColumnResizing } from './plugin';\n\nimport type { ColumnMeta } from './plugin';\nimport type { Column } from '#/column';\n\nlet waiter = buildWaiter('ColumnResizing#ResizeHandle');\n\n/**\n * - why are mouse events used instead of drag events?\n * - why not use the \"draggable\" attribute?\n *\n * It seems drag events are more for files and/or moving images around on a page\n * dragging an image, for example, has a ghost of that image until it is dropped.\n * The same thing happens with text.\n * This prevents us from having total control of the styling of how dragging works.\n *\n *\n *\n */\n\nclass ResizeHandle extends Modifier<{ Args: { Positional: [Column] } }> {\n  declare dragHandle: HTMLElement;\n  declare column: Column;\n  declare meta: ColumnMeta;\n\n  // Pointer\n  pointerStartX = 0;\n  pointerStartY = 0;\n  pointerX = 0;\n  pointerY = 0;\n  declare dragFrame: number;\n\n  // Keyboard\n  keyDistance = 0;\n  declare keyFrame: number; // ha\n  declare lastKey: number;\n\n  // waiter\n  token?: unknown;\n\n  isSetup = false;\n  modify(element: Element, [column]: [Column]) {\n    this.column = column;\n    this.meta = meta.forColumn(column, ColumnResizing);\n    this.dragHandle = element as HTMLElement;\n\n    if (!this.isSetup) {\n      this.isSetup = true;\n      this.setup();\n    }\n  }\n\n  setup = () => {\n    this.dragHandle.addEventListener('touchstart', this.dragStartHandler);\n    this.dragHandle.addEventListener('mousedown', this.dragStartHandler);\n    this.dragHandle.addEventListener('keydown', this.keyHandler);\n\n    registerDestructor(this, () => {\n      this.meta.isResizing = false;\n\n      if (this.token) {\n        waiter.endAsync(this.token);\n        this.token = undefined;\n      }\n\n      this.dragHandle.removeEventListener('touchstart', this.dragStartHandler);\n      this.dragHandle.removeEventListener('mousedown', this.dragStartHandler);\n      window.removeEventListener('touchmove', this.dragMove);\n      window.removeEventListener('touchend', this.dragEndHandler);\n      window.removeEventListener('mousemove', this.dragMove);\n      window.removeEventListener('mouseup', this.dragEndHandler);\n      this.dragHandle.removeEventListener('keydown', this.keyHandler);\n    });\n  };\n\n  setPosition = (event: Event) => {\n    if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;\n\n    if ('TouchEvent' in window && event instanceof TouchEvent) {\n      let firstTouch = event.touches[0];\n\n      if (!firstTouch) return;\n\n      this.pointerX = firstTouch.clientX;\n      this.pointerY = firstTouch.clientY;\n    } else {\n      this.pointerX = event.clientX;\n      this.pointerY = event.clientY;\n    }\n  };\n\n  setStartPosition = (event: Event) => {\n    if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;\n\n    if ('TouchEvent' in window && event instanceof TouchEvent) {\n      let firstTouch = event.touches[0];\n\n      if (!firstTouch) return;\n\n      this.pointerStartX = firstTouch.clientX;\n      this.pointerStartY = firstTouch.clientY;\n    } else {\n      this.pointerStartX = event.clientX;\n      this.pointerStartY = event.clientY;\n    }\n  };\n\n  queueUpdate = () => {\n    cancelAnimationFrame(this.dragFrame);\n    this.dragFrame = requestAnimationFrame(() => {\n      this.meta.resize(this.pointerX - this.pointerStartX);\n      this.pointerStartX = this.pointerX;\n    });\n  };\n\n  dragEndHandler = () => {\n    this.meta.isResizing = false;\n    this.queueUpdate();\n\n    if (this.token) {\n      waiter.endAsync(this.token);\n      this.token = undefined;\n    }\n\n    /**\n     * No need to listen if we aren't dragging\n     */\n    window.removeEventListener('touchmove', this.dragMove);\n    window.removeEventListener('touchend', this.dragEndHandler);\n    window.removeEventListener('mousemove', this.dragMove);\n    window.removeEventListener('mouseup', this.dragEndHandler);\n  };\n\n  dragMove = (event: Event) => {\n    if (!this.meta.isResizing) return;\n    this.setPosition(event);\n    this.queueUpdate();\n  };\n\n  dragStartHandler = (event: Event) => {\n    if (!(event instanceof PointerEvent || event instanceof MouseEvent)) return;\n\n    this.meta.isResizing = true;\n    if (event.target !== this.dragHandle) return;\n\n    if (this.token) {\n      waiter.endAsync(this.token);\n    }\n\n    this.token = waiter.beginAsync();\n\n    this.setPosition(event);\n    this.setStartPosition(event);\n\n    window.addEventListener('touchend', this.dragEndHandler);\n    window.addEventListener('touchmove', this.dragMove);\n    window.addEventListener('mousemove', this.dragMove);\n    window.addEventListener('mouseup', this.dragEndHandler);\n  };\n\n  keyHandler = (event: KeyboardEvent) => {\n    let deltaT = new Date().getTime() - this.lastKey;\n    let isRapid = deltaT < 50;\n\n    if (event.code === 'ArrowDown' || event.code === 'ArrowRight') {\n      this.keyDistance += isRapid ? 8 : 1;\n      this.lastKey = new Date().getTime();\n    }\n\n    if (event.code === 'ArrowUp' || event.code === 'ArrowLeft') {\n      this.keyDistance -= isRapid ? 8 : 1;\n      this.lastKey = new Date().getTime();\n    }\n\n    cancelAnimationFrame(this.keyFrame);\n    this.keyFrame = requestAnimationFrame(() => {\n      this.meta.resize(this.keyDistance);\n\n      this.keyDistance = 0;\n    });\n  };\n}\n\n/**\n * Modifier to attach to the column resize handles.\n * This provides both keyboard and mouse support for resizing columns.\n * (provided the resize handle element is focusable -- so consider using\n * a button for the resize element)\n *\n * @example\n * ```js\n * import Component from '@glimmer/component';\n * import { meta } from 'ember-headless-table/plugins';\n * import { resizeHandle, ColumnResizing } from 'ember-headless-table/plugins/column-resizing';\n *\n * export default class TableHead extends Component {\n *   /* ✂️  *\\/\n *\n *   <template>\n *     <thead>\n *       <tr>\n *         {{#each this.columns as |column|}}\n *           <th>\n *             <span>{{column.name}}</span>\n *             <button {{resizeHandle column}}></button>\n *           </th>\n *         {{/each}}\n *       </tr>\n *     </thead>\n *   </template>\n * }\n * ```\n *\n * Width and isResizing state is maintained on the \"meta\"\n * class so that the users may choose per-column stylings for\n * isResizing and dragging behaviors.\n *\n * For example, while dragging, the user may add a class based on the\n * isDragging property.\n *\n * @example\n * ```js\n * import Component from '@glimmer/component';\n * import { meta } from 'ember-headless-table/plugins';\n * import { resizeHandle, ColumnResizing } from 'ember-headless-table/plugins/column-resizing';\n *\n * export default class TableHead extends Component {\n *   /* ✂️  *\\/\n *\n *   isDragging = (column) => {\n *     return meta.forColumn(column, ColumnResizing).isDragging;\n *   }\n *\n *   <template>\n *     <thead>\n *       <tr>\n *         {{#each this.columns as |column|}}\n *           <th class=\"header {{if (this.isDragging column) 'blue'}}\">\n *             <span>{{column.name}}</span>\n *             <button {{resizeHandle column}}></button>\n *           </th>\n *         {{/each}}\n *       </tr>\n *     </thead>\n *   </template>\n * }\n * ```\n *\n *\n * @note\n * The logic here is copied from the drag slider in\n * https://limber.glimdown.com/\n * See: \"resize-handle\" on Limber's GitHub\n */\nexport const resizeHandle = ResizeHandle;\n"],"names":["waiter","buildWaiter","ResizeHandle","Modifier","dragHandle","addEventListener","dragStartHandler","keyHandler","registerDestructor","meta","isResizing","token","endAsync","undefined","removeEventListener","window","dragMove","dragEndHandler","event","PointerEvent","MouseEvent","TouchEvent","firstTouch","touches","pointerX","clientX","pointerY","clientY","pointerStartX","pointerStartY","cancelAnimationFrame","dragFrame","requestAnimationFrame","resize","queueUpdate","setPosition","target","beginAsync","setStartPosition","deltaT","Date","getTime","lastKey","isRapid","code","keyDistance","keyFrame","modify","element","column","forColumn","ColumnResizing","isSetup","setup","resizeHandle"],"mappings":"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"}

package/dist/plugins/column-resizing/helpers.js

@@ -12,11 +12,12 @@ import { ColumnResizing } from './plugin.js';
  *   "Is the user directly resizing this column?"
  */
 const isResizing = column => meta.forColumn(column, ColumnResizing).isResizing;
+
 /**
  * Does the column have room to shrink?
  */
-
 const canShrink = column => meta.forColumn(column, ColumnResizing).canShrink;
+
 /**
  * Does the column have a resize handle?
  * The return value of this function can be determined by
@@ -24,7 +25,6 @@ const canShrink = column => meta.forColumn(column, ColumnResizing).canShrink;
  *   - if resizing is enabled for the whole table
  *   - or if we're asking about the first column (resize handles may only be "between" columns)
  */
-
 const hasResizeHandle = column => meta.forColumn(column, ColumnResizing).hasResizeHandle;
 
 export { canShrink, hasResizeHandle, isResizing };

package/dist/plugins/column-resizing/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/plugins/column-resizing/helpers.ts"],"sourcesContent":["import { meta } from '../-private/base';\nimport { ColumnResizing } from './plugin';\n\nimport type { Column } from '[public-types]';\n\n/**\n * The column actively being resized by the user.\n *\n * Note that during resizing, multiple columns are resized at once,\n * dependending on the boundaries of the resize events.\n *\n * The other columns being resized as a consequence of \"this\" column will not\n * be marked as isResizing, because this is a user-scoped question:\n *   \"Is the user directly resizing this column?\"\n */\nexport const isResizing = (column: Column) => meta.forColumn(column, ColumnResizing).isResizing;\n\n/**\n * Does the column have room to shrink?\n */\nexport const canShrink = (column: Column) => meta.forColumn(column, ColumnResizing).canShrink;\n\n/**\n * Does the column have a resize handle?\n * The return value of this function can be determined by\n * - if resizing is enabled for the column\n *   - if resizing is enabled for the whole table\n *   - or if we're asking about the first column (resize handles may only be \"between\" columns)\n */\nexport const hasResizeHandle = (column: Column) =>\n  meta.forColumn(column, ColumnResizing).hasResizeHandle;\n"],"names":["isResizing","column","meta","forColumn","ColumnResizing","canShrink","hasResizeHandle"],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,UAAU,GAAIC,MAAD,IAAoBC,IAAI,CAACC,SAAL,CAAeF,MAAf,EAAuBG,cAAvB,EAAuCJ,WAA9E;AAEP;AACA;AACA;;AACaK,MAAAA,SAAS,GAAIJ,MAAD,IAAoBC,IAAI,CAACC,SAAL,CAAeF,MAAf,EAAuBG,cAAvB,EAAuCC,UAA7E;AAEP;AACA;AACA;AACA;AACA;AACA;AACA;;AACaC,MAAAA,eAAe,GAAIL,MAAD,IAC7BC,IAAI,CAACC,SAAL,CAAeF,MAAf,EAAuBG,cAAvB,EAAuCE;;;;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/plugins/column-resizing/helpers.ts"],"sourcesContent":["import { meta } from '../-private/base';\nimport { ColumnResizing } from './plugin';\n\nimport type { Column } from '[public-types]';\n\n/**\n * The column actively being resized by the user.\n *\n * Note that during resizing, multiple columns are resized at once,\n * dependending on the boundaries of the resize events.\n *\n * The other columns being resized as a consequence of \"this\" column will not\n * be marked as isResizing, because this is a user-scoped question:\n *   \"Is the user directly resizing this column?\"\n */\nexport const isResizing = (column: Column) => meta.forColumn(column, ColumnResizing).isResizing;\n\n/**\n * Does the column have room to shrink?\n */\nexport const canShrink = (column: Column) => meta.forColumn(column, ColumnResizing).canShrink;\n\n/**\n * Does the column have a resize handle?\n * The return value of this function can be determined by\n * - if resizing is enabled for the column\n *   - if resizing is enabled for the whole table\n *   - or if we're asking about the first column (resize handles may only be \"between\" columns)\n */\nexport const hasResizeHandle = (column: Column) =>\n  meta.forColumn(column, ColumnResizing).hasResizeHandle;\n"],"names":["isResizing","column","meta","forColumn","ColumnResizing","canShrink","hasResizeHandle"],"mappings":";;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaA,MAAAA,UAAU,GAAIC,MAAc,IAAKC,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,cAAc,CAAC,CAACJ,WAAU;;AAE/F;AACA;AACA;AACaK,MAAAA,SAAS,GAAIJ,MAAc,IAAKC,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,cAAc,CAAC,CAACC,UAAS;;AAE7F;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,eAAe,GAAIL,MAAc,IAC5CC,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,cAAc,CAAC,CAACE;;;;"}

package/dist/plugins/column-resizing/plugin.js

@@ -1,7 +1,7 @@
-import { a as _classPrivateFieldGet } from '../../classPrivateFieldGet-af59a8ea.js';
-import { _ as _initializerDefineProperty } from '../../table-8e46554b.js';
-import { _ as _applyDecoratedDescriptor } from '../../applyDecoratedDescriptor-e0489e2f.js';
-import { _ as _defineProperty } from '../../defineProperty-a0196711.js';
+import { a as _classPrivateFieldGet } from '../../classPrivateFieldGet-b4d7d334.js';
+import { _ as _initializerDefineProperty } from '../../table-222f44e7.js';
+import { _ as _applyDecoratedDescriptor } from '../../applyDecoratedDescriptor-6b986a67.js';
+import { _ as _defineProperty } from '../../defineProperty-35ce617b.js';
 import { macroCondition, dependencySatisfies, importSync } from '@embroider/macros';
 import { tracked } from '@glimmer/tracking';
 import { assert } from '@ember/debug';
@@ -11,12 +11,9 @@ import { applyStyles } from '../-private/utils.js';
 import { getAccurateClientWidth, getAccurateClientHeight, totalGapOf } from './utils.js';
 
 var _class, _descriptor, _descriptor2, _class3, _descriptor3, _descriptor4, _availableColumns;
-
 function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-
 function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
 let cached = macroCondition(dependencySatisfies('ember-source', '>= 4.1.0-alpha.0')) ? importSync('@glimmer/tracking').cached : importSync('ember-cached-decorator-polyfill').cached;
-
 /**
  * One instance of a plugin exists per table
  * but a plugin can have a "Meta" for each column
@@ -24,14 +21,11 @@ let cached = macroCondition(dependencySatisfies('ember-source', '>= 4.1.0-alpha.
 class ColumnResizing extends BasePlugin {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "name", 'column-resizing');
-
     _defineProperty(this, "meta", {
       column: ColumnMeta,
       table: TableMeta
     });
-
     _defineProperty(this, "headerCellModifier", (element, {
       column
     }) => {
@@ -39,109 +33,87 @@ class ColumnResizing extends BasePlugin {
       element.setAttribute('data-test-is-resizable', `${columnMeta.isResizable}`);
       applyStyles(element, columnMeta.style);
     });
-
     _defineProperty(this, "containerModifier", resizeObserver);
   }
-
   reset() {
     let tableMeta = meta.forTable(this.table, ColumnResizing);
     tableMeta.reset();
   }
-
 }
-
 _defineProperty(ColumnResizing, "features", ['columnWidth']);
-
 const DEFAULT_COLUMN_OPTIONS = {
   minWidth: 128
 };
+
 /**
  * @private
  *
  * Contains resizable information for a particular column
  */
-
 let ColumnMeta = (_class = class ColumnMeta {
   constructor(column) {
     _initializerDefineProperty(this, "_width", _descriptor, this);
-
     _initializerDefineProperty(this, "isResizing", _descriptor2, this);
-
     this.column = column;
   }
-
   get tableMeta() {
     return meta.forTable(this.column.table, ColumnResizing);
   }
-
   get options() {
     let columnOptions = options.forColumn(this.column, ColumnResizing);
     let filteredOptions = Object.entries(columnOptions || {}).reduce((result, [k, v]) => {
       if (v) {
         result[k] = v;
       }
-
       return result;
     }, {});
-    return { ...DEFAULT_COLUMN_OPTIONS,
+    return {
+      ...DEFAULT_COLUMN_OPTIONS,
       ...filteredOptions
     };
   }
-
   get minWidth() {
     return this.options.minWidth;
   }
-
   get initialWidth() {
     return this.options.width;
   }
-
   get canShrink() {
     return this.width && this.width > this.minWidth;
   }
-
   get roomToShrink() {
     return this.width ? this.width - this.minWidth : 0;
   }
-
   get isResizable() {
     return this.options.isResizable ?? this.tableMeta.isResizable;
   }
-
   get hasResizeHandle() {
     let previous = columns.previous(this.column);
     if (!previous) return false;
     return this.isResizable && meta.forColumn(previous, ColumnResizing).isResizable;
   }
-
   get width() {
     let width = this._width ?? this.initialWidth;
-
     if (!width) {
       let {
         defaultColumnWidth
       } = this.tableMeta;
       width = defaultColumnWidth ? Math.max(defaultColumnWidth, this.minWidth) : this.minWidth;
     }
-
     return width;
   }
-
   set width(value) {
     this._width = value;
   }
-
   get style() {
     let styles = {};
     if (this.width) styles.width = `${this.width}px`;
     if (this.minWidth) styles.minWidth = `${this.minWidth}px`;
     return styles;
   }
-
   resize(delta) {
     this.tableMeta.resizeColumn(this.column, delta);
   }
-
 }, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "_width", [tracked], {
   configurable: true,
   enumerable: true,
@@ -155,6 +127,7 @@ let ColumnMeta = (_class = class ColumnMeta {
     return false;
   }
 }), _applyDecoratedDescriptor(_class.prototype, "options", [cached], Object.getOwnPropertyDescriptor(_class.prototype, "options"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "resize", [action], Object.getOwnPropertyDescriptor(_class.prototype, "resize"), _class.prototype)), _class);
+
 /**
  * @private
  *
@@ -166,90 +139,75 @@ let ColumnMeta = (_class = class ColumnMeta {
  *
  *   Otherwise the table will infinitely resize itself
  */
-
 function distributeDelta(delta, visibleColumns) {
   if (delta === 0) return;
   let metas = visibleColumns.map(column => meta.forColumn(column, ColumnResizing));
   let resizableMetas = metas.filter(meta => meta.isResizable && (delta < 0 ? meta.canShrink : true));
   let columnDelta = delta / resizableMetas.length;
-
   for (let meta of resizableMetas) {
     assert('cannot resize a column that does not have a width', meta.width);
     meta.width = Math.max(meta.width + columnDelta, meta.minWidth);
   }
 }
+
 /**
  * @private
  *
  * Contains resizable and width information regarding the table as a whole
  */
-
-
 let TableMeta = (_class3 = (_availableColumns = /*#__PURE__*/new WeakMap(), class TableMeta {
   constructor(table) {
     _classPrivateFieldInitSpec(this, _availableColumns, {
       get: _get_availableColumns,
       set: void 0
     });
-
     _initializerDefineProperty(this, "scrollContainerHeight", _descriptor3, this);
-
     _initializerDefineProperty(this, "scrollContainerWidth", _descriptor4, this);
-
     this.table = table;
   }
-
   get options() {
     return options.forTable(this.table, ColumnResizing);
   }
-
   get isResizable() {
     return this.options?.enabled ?? true;
   }
-
   get defaultColumnWidth() {
     if (!this.scrollContainerWidth) return;
     return (this.scrollContainerWidth - this.totalInitialColumnWidths) / this.columnsWithoutInitialWidth.length;
   }
-
   get visibleColumnMetas() {
     return _classPrivateFieldGet(this, _availableColumns).map(column => meta.forColumn(column, ColumnResizing));
   }
-
   get totalInitialColumnWidths() {
     return this.visibleColumnMetas.reduce((acc, meta) => acc += meta.initialWidth ?? 0, 0);
   }
-
   get columnsWithoutInitialWidth() {
     return this.visibleColumnMetas.filter(meta => !meta.initialWidth);
   }
-
   get totalVisibleColumnsWidth() {
     return this.visibleColumnMetas.reduce((acc, column) => acc += column.width ?? 0, 0);
   }
-
   reset() {
     if (!this.scrollContainerWidth) return;
-
     for (let column of this.visibleColumnMetas) {
       column._width = undefined;
     }
   }
-
   onTableResize(entry) {
     assert('scroll container element must be an HTMLElement', entry.target instanceof HTMLElement);
     this.scrollContainerWidth = getAccurateClientWidth(entry.target);
-    this.scrollContainerHeight = getAccurateClientHeight(entry.target); // TODO: extract this to card-list and remove it from the plugin
+    this.scrollContainerHeight = getAccurateClientHeight(entry.target);
+
+    // TODO: extract this to card-list and remove it from the plugin
     //       card-list will provide its own column-resizing plugin
     //       by sub-classing this one, and defining its own way of calculating the "diff"
-
     let totalGap = totalGapOf(entry.target.querySelector('[role="row"]'));
     let diff = this.scrollContainerWidth - this.totalVisibleColumnsWidth - totalGap;
     distributeDelta(diff, _classPrivateFieldGet(this, _availableColumns));
   }
-
   resizeColumn(column, delta) {
     if (delta === 0) return;
+
     /**
      * When the delta is negative, we are dragging to the next
      * when positive, we are dragging to the right
@@ -266,24 +224,20 @@ let TableMeta = (_class3 = (_availableColumns = /*#__PURE__*/new WeakMap(), clas
      * This is CSS dependent, and can be configured in plugin
      * options
      */
-
     let isDraggingRight = delta > 0;
     let position = this.options?.handlePosition ?? 'left';
     let growingColumn;
-
     if (position === 'right') {
       growingColumn = isDraggingRight ? columns.next(column) : column;
     } else {
       growingColumn = isDraggingRight ? columns.previous(column) : column;
     }
-
     if (!growingColumn) return;
     let growingColumnMeta = meta.forColumn(growingColumn, ColumnResizing);
     assert('cannot resize a column that does not have a width', growingColumnMeta.width);
     let shrinkableColumns = delta > 0 ? columns.after(growingColumn) : columns.before(growingColumn).reverse();
     let shrinkableColumnsMetas = shrinkableColumns.map(column => meta.forColumn(column, ColumnResizing)).filter(meta => meta.canShrink);
     let remainder = Math.abs(delta);
-
     while (shrinkableColumnsMetas.length > 0) {
       let shrinkingColumnMeta = shrinkableColumnsMetas.shift();
       assert('cannot resize a column that does not have a width', shrinkingColumnMeta?.width);
@@ -293,7 +247,6 @@ let TableMeta = (_class3 = (_availableColumns = /*#__PURE__*/new WeakMap(), clas
       remainder -= actualDelta;
     }
   }
-
 }), (_descriptor3 = _applyDecoratedDescriptor(_class3.prototype, "scrollContainerHeight", [tracked], {
   configurable: true,
   enumerable: true,
@@ -305,6 +258,7 @@ let TableMeta = (_class3 = (_availableColumns = /*#__PURE__*/new WeakMap(), clas
   writable: true,
   initializer: null
 }), _applyDecoratedDescriptor(_class3.prototype, "reset", [action], Object.getOwnPropertyDescriptor(_class3.prototype, "reset"), _class3.prototype), _applyDecoratedDescriptor(_class3.prototype, "onTableResize", [action], Object.getOwnPropertyDescriptor(_class3.prototype, "onTableResize"), _class3.prototype), _applyDecoratedDescriptor(_class3.prototype, "resizeColumn", [action], Object.getOwnPropertyDescriptor(_class3.prototype, "resizeColumn"), _class3.prototype)), _class3);
+
 /**
  * @private
  * included in the same file as the plugin due to circular dependency
@@ -317,11 +271,9 @@ let TableMeta = (_class3 = (_availableColumns = /*#__PURE__*/new WeakMap(), clas
  *    <table>
  * ```
  */
-
 function _get_availableColumns() {
   return columns.for(this.table, ColumnResizing);
 }
-
 function resizeObserver(element, table) {
   let observer = getObserver(element, table);
   observer.observe(element);
@@ -329,14 +281,13 @@ function resizeObserver(element, table) {
     observer.unobserve(element);
   };
 }
-
 let CACHE = new WeakMap();
+
 /**
  * This is technically "inefficient" as you don't want too many resize
  * observers on a page, but tables are so big, that I don't see too many use cases
  * where you'd have 10+ tables on a page
  */
-
 function getObserver(element, table) {
   let existing = CACHE.get(element);
   if (existing) return existing;