@universal-ember/table 3.0.0 → 3.0.1

package/dist/plugins/sticky-columns/plugin.js

@@ -0,0 +1,139 @@
+import { _ as _defineProperty, a as _applyDecoratedDescriptor } from '../../_rollupPluginBabelHelpers-BpiaYhlf.js';
+import { cached } from '@glimmer/tracking';
+import { assert } from '@ember/debug';
+import { BasePlugin, options, meta, columns } from '../-private/base.js';
+import { applyStyles } from '../-private/utils.js';
+
+var _class;
+const DEFAULT_Z_INDEX = '8';
+class StickyColumns extends BasePlugin {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "name", 'sticky-columns');
+    _defineProperty(this, "meta", {
+      table: TableMeta,
+      column: ColumnMeta
+    });
+    _defineProperty(this, "conditionallyRemoveStyles", element => {
+      if (element.style.getPropertyValue('position') === 'sticky') {
+        element.style.removeProperty('position');
+      }
+      if (element.style.getPropertyValue('left')) {
+        element.style.left = '';
+      }
+      if (element.style.getPropertyValue('right')) {
+        element.style.right = '';
+      }
+      if (element.style.zIndex === DEFAULT_Z_INDEX) {
+        element.style.zIndex = '';
+      }
+    });
+    _defineProperty(this, "headerCellModifier", (element, {
+      column,
+      table
+    }) => {
+      if (options.forTable(table, StickyColumns).workaroundForModifierTimingUpdateRFC883) {
+        return;
+      }
+      const columnMeta = meta.forColumn(column, StickyColumns);
+      if (columnMeta.isSticky) {
+        applyStyles(element, columnMeta.style);
+      } else {
+        this.conditionallyRemoveStyles(element);
+      }
+    });
+    /**
+     * Not yet supported. Pending Ember RFC #883
+     *
+     * TODO: switch ColumnApi to "RowApi", add the row's data
+     */
+    _defineProperty(this, "cellModifier", (element, {
+      column,
+      table
+    }) => {
+      if (options.forTable(table, StickyColumns).workaroundForModifierTimingUpdateRFC883) {
+        return;
+      }
+      const columnMeta = meta.forColumn(column, StickyColumns);
+      if (columnMeta.isSticky) {
+        applyStyles(element, columnMeta.style);
+      } else {
+        this.conditionallyRemoveStyles(element);
+      }
+    });
+  }
+}
+
+/**
+ * @private
+ *
+ * Contains state and behaviors for the sticiness
+ */
+/**
+ * This plugin requires that the resizing plugin be present, because the resizing plugin is
+ * what manages the base width of the columns.
+ *
+ * Other width-management plugins can be used instead of ColumnResizing, but they must declare
+ * that they manage the width of the columns.
+ */
+_defineProperty(StickyColumns, "requires", ['columnWidth']);
+let ColumnMeta = (_class = class ColumnMeta {
+  constructor(column) {
+    this.column = column;
+  }
+  get isSticky() {
+    return this.position !== 'none';
+  }
+  get position() {
+    const sticky = options.forColumn(this.column, StickyColumns)?.sticky;
+    assert(`Invalid sticky value, ${sticky}. Valid values: 'left', 'right', false`, sticky === 'left' || sticky === 'right' || sticky === false || sticky === undefined);
+    return sticky || 'none';
+  }
+  get offset() {
+    if (!this.isSticky) {
+      return;
+    }
+    if (this.position === 'left') {
+      const leftColumns = columns.before(this.column);
+      const left = leftColumns.reduce((acc, column) => {
+        const columnMeta = meta.withFeature.forColumn(column, 'columnWidth');
+        if (hasWidth(columnMeta)) {
+          return acc + (columnMeta.width ?? 0);
+        }
+        return acc;
+      }, 0);
+      return `${left}px`;
+    }
+    if (this.position === 'right') {
+      const rightColumns = columns.after(this.column);
+      const right = rightColumns.reduce((acc, column) => {
+        const columnMeta = meta.withFeature.forColumn(column, 'columnWidth');
+        if (hasWidth(columnMeta)) {
+          return acc + (columnMeta.width ?? 0);
+        }
+        return acc;
+      }, 0);
+      return `${right}px`;
+    }
+    return;
+  }
+  get style() {
+    if (this.isSticky) {
+      return {
+        position: 'sticky',
+        [this.position]: this.offset,
+        zIndex: DEFAULT_Z_INDEX
+      };
+    }
+    return {};
+  }
+}, _applyDecoratedDescriptor(_class.prototype, "offset", [cached], Object.getOwnPropertyDescriptor(_class.prototype, "offset"), _class.prototype), _class);
+function hasWidth(obj) {
+  return typeof obj === 'object' && obj && 'width' in obj;
+}
+
+/* This Plugin does not need table state */
+class TableMeta {}
+
+export { ColumnMeta, StickyColumns, TableMeta };
+//# sourceMappingURL=plugin.js.map

package/dist/plugins/sticky-columns/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sources":["../../../src/plugins/sticky-columns/plugin.ts"],"sourcesContent":["import { cached } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\n\nimport { BasePlugin, columns, meta, options } from '../-private/base.ts';\nimport { applyStyles } from '../-private/utils.ts';\n\nimport type { ColumnApi } from '../../plugins/index.ts';\nimport type { Column } from '../../index.ts';\n\nconst DEFAULT_Z_INDEX = '8';\n\ninterface ColumnOptions {\n  /**\n   * Whether or not to enable stickiness on the column\n   * (default is false)\n   *\n   * valid values: 'left', 'right', false\n   */\n  sticky?: boolean | string;\n}\n\nexport interface Signature {\n  Options: {\n    Column: ColumnOptions;\n    Plugin: {\n      /**\n       * Opts this plugin out of engaging in the modifier system\n       * and instead requires setting a `style` attribute on\n       * th / td tags for getting the \"position: sticky\" behovior\n       * on columns.\n       */\n      workaroundForModifierTimingUpdateRFC883?: boolean;\n    };\n  };\n  Meta: {\n    Table: TableMeta;\n    Column: ColumnMeta;\n  };\n}\n\nexport class StickyColumns extends BasePlugin<Signature> {\n  name = 'sticky-columns';\n\n  /**\n   * This plugin requires that the resizing plugin be present, because the resizing plugin is\n   * what manages the base width of the columns.\n   *\n   * Other width-management plugins can be used instead of ColumnResizing, but they must declare\n   * that they manage the width of the columns.\n   */\n  static requires = ['columnWidth'];\n\n  meta = {\n    table: TableMeta,\n    column: ColumnMeta,\n  };\n\n  conditionallyRemoveStyles = (element: HTMLElement) => {\n    if (element.style.getPropertyValue('position') === 'sticky') {\n      element.style.removeProperty('position');\n    }\n\n    if (element.style.getPropertyValue('left')) {\n      element.style.left = '';\n    }\n\n    if (element.style.getPropertyValue('right')) {\n      element.style.right = '';\n    }\n\n    if (element.style.zIndex === DEFAULT_Z_INDEX) {\n      element.style.zIndex = '';\n    }\n  };\n\n  headerCellModifier = (element: HTMLElement, { column, table }: ColumnApi) => {\n    if (\n      options.forTable(table, StickyColumns)\n        .workaroundForModifierTimingUpdateRFC883\n    ) {\n      return;\n    }\n\n    const columnMeta = meta.forColumn(column, StickyColumns);\n\n    if (columnMeta.isSticky) {\n      applyStyles(element, columnMeta.style);\n    } else {\n      this.conditionallyRemoveStyles(element);\n    }\n  };\n\n  /**\n   * Not yet supported. Pending Ember RFC #883\n   *\n   * TODO: switch ColumnApi to \"RowApi\", add the row's data\n   */\n  cellModifier = (element: HTMLElement, { column, table }: ColumnApi) => {\n    if (\n      options.forTable(table, StickyColumns)\n        .workaroundForModifierTimingUpdateRFC883\n    ) {\n      return;\n    }\n\n    const columnMeta = meta.forColumn(column, StickyColumns);\n\n    if (columnMeta.isSticky) {\n      applyStyles(element, columnMeta.style);\n    } else {\n      this.conditionallyRemoveStyles(element);\n    }\n  };\n}\n\n/**\n * @private\n *\n * Contains state and behaviors for the sticiness\n */\nexport class ColumnMeta {\n  constructor(private column: Column) {}\n\n  get isSticky() {\n    return this.position !== 'none';\n  }\n\n  get position(): 'left' | 'right' | 'none' {\n    const sticky = options.forColumn(this.column, StickyColumns)?.sticky;\n\n    assert(\n      `Invalid sticky value, ${sticky}. Valid values: 'left', 'right', false`,\n      sticky === 'left' ||\n        sticky === 'right' ||\n        sticky === false ||\n        sticky === undefined,\n    );\n\n    return sticky || 'none';\n  }\n\n  @cached\n  get offset() {\n    if (!this.isSticky) {\n      return;\n    }\n\n    if (this.position === 'left') {\n      const leftColumns = columns.before(this.column);\n      const left = leftColumns.reduce((acc, column) => {\n        const columnMeta = meta.withFeature.forColumn(column, 'columnWidth');\n\n        if (hasWidth(columnMeta)) {\n          return acc + (columnMeta.width ?? 0);\n        }\n\n        return acc;\n      }, 0);\n\n      return `${left}px`;\n    }\n\n    if (this.position === 'right') {\n      const rightColumns = columns.after(this.column);\n      const right = rightColumns.reduce((acc, column) => {\n        const columnMeta = meta.withFeature.forColumn(column, 'columnWidth');\n\n        if (hasWidth(columnMeta)) {\n          return acc + (columnMeta.width ?? 0);\n        }\n\n        return acc;\n      }, 0);\n\n      return `${right}px`;\n    }\n\n    return;\n  }\n\n  get style(): Partial<\n    Pick<CSSStyleDeclaration, 'position' | 'left' | 'right' | 'zIndex'>\n  > {\n    if (this.isSticky) {\n      return {\n        position: 'sticky',\n        [this.position]: this.offset,\n        zIndex: DEFAULT_Z_INDEX,\n      };\n    }\n\n    return {};\n  }\n}\n\nfunction hasWidth(obj: any): obj is { width?: number } {\n  return typeof obj === 'object' && obj && 'width' in obj;\n}\n\n/* This Plugin does not need table state */\nexport class TableMeta {}\n"],"names":["DEFAULT_Z_INDEX","StickyColumns","BasePlugin","constructor","args","_defineProperty","table","TableMeta","column","ColumnMeta","element","style","getPropertyValue","removeProperty","left","right","zIndex","options","forTable","workaroundForModifierTimingUpdateRFC883","columnMeta","meta","forColumn","isSticky","applyStyles","conditionallyRemoveStyles","_class","position","sticky","assert","undefined","offset","leftColumns","columns","before","reduce","acc","withFeature","hasWidth","width","rightColumns","after","_applyDecoratedDescriptor","prototype","cached","Object","getOwnPropertyDescriptor","obj"],"mappings":";;;;;;;AASA,MAAMA,eAAe,GAAG,GAAG;AA+BpB,MAAMC,aAAa,SAASC,UAAU,CAAY;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;AAAAC,IAAAA,eAAA,eAChD,gBAAgB,CAAA;AAAAA,IAAAA,eAAA,CAWhB,IAAA,EAAA,MAAA,EAAA;AACLC,MAAAA,KAAK,EAAEC,SAAS;AAChBC,MAAAA,MAAM,EAAEC;KACT,CAAA;IAAAJ,eAAA,CAAA,IAAA,EAAA,2BAAA,EAE4BK,OAAoB,IAAK;MACpD,IAAIA,OAAO,CAACC,KAAK,CAACC,gBAAgB,CAAC,UAAU,CAAC,KAAK,QAAQ,EAAE;AAC3DF,QAAAA,OAAO,CAACC,KAAK,CAACE,cAAc,CAAC,UAAU,CAAC;AAC1C;MAEA,IAAIH,OAAO,CAACC,KAAK,CAACC,gBAAgB,CAAC,MAAM,CAAC,EAAE;AAC1CF,QAAAA,OAAO,CAACC,KAAK,CAACG,IAAI,GAAG,EAAE;AACzB;MAEA,IAAIJ,OAAO,CAACC,KAAK,CAACC,gBAAgB,CAAC,OAAO,CAAC,EAAE;AAC3CF,QAAAA,OAAO,CAACC,KAAK,CAACI,KAAK,GAAG,EAAE;AAC1B;AAEA,MAAA,IAAIL,OAAO,CAACC,KAAK,CAACK,MAAM,KAAKhB,eAAe,EAAE;AAC5CU,QAAAA,OAAO,CAACC,KAAK,CAACK,MAAM,GAAG,EAAE;AAC3B;KACD,CAAA;IAAAX,eAAA,CAAA,IAAA,EAAA,oBAAA,EAEoB,CAACK,OAAoB,EAAE;MAAEF,MAAM;AAAEF,MAAAA;AAAiB,KAAC,KAAK;MAC3E,IACEW,OAAO,CAACC,QAAQ,CAACZ,KAAK,EAAEL,aAAa,CAAC,CACnCkB,uCAAuC,EAC1C;AACA,QAAA;AACF;MAEA,MAAMC,UAAU,GAAGC,IAAI,CAACC,SAAS,CAACd,MAAM,EAAEP,aAAa,CAAC;MAExD,IAAImB,UAAU,CAACG,QAAQ,EAAE;AACvBC,QAAAA,WAAW,CAACd,OAAO,EAAEU,UAAU,CAACT,KAAK,CAAC;AACxC,OAAC,MAAM;AACL,QAAA,IAAI,CAACc,yBAAyB,CAACf,OAAO,CAAC;AACzC;KACD,CAAA;AAED;AACF;AACA;AACA;AACA;IAJEL,eAAA,CAAA,IAAA,EAAA,cAAA,EAKe,CAACK,OAAoB,EAAE;MAAEF,MAAM;AAAEF,MAAAA;AAAiB,KAAC,KAAK;MACrE,IACEW,OAAO,CAACC,QAAQ,CAACZ,KAAK,EAAEL,aAAa,CAAC,CACnCkB,uCAAuC,EAC1C;AACA,QAAA;AACF;MAEA,MAAMC,UAAU,GAAGC,IAAI,CAACC,SAAS,CAACd,MAAM,EAAEP,aAAa,CAAC;MAExD,IAAImB,UAAU,CAACG,QAAQ,EAAE;AACvBC,QAAAA,WAAW,CAACd,OAAO,EAAEU,UAAU,CAACT,KAAK,CAAC;AACxC,OAAC,MAAM;AACL,QAAA,IAAI,CAACc,yBAAyB,CAACf,OAAO,CAAC;AACzC;KACD,CAAA;AAAA;AACH;;AAEA;AACA;AACA;AACA;AACA;AA5EE;AACF;AACA;AACA;AACA;AACA;AACA;AANEL,eAAA,CAHWJ,aAAa,EAUN,UAAA,EAAA,CAAC,aAAa,CAAC,CAAA;AAsEnC,IAAaQ,UAAU,IAAAiB,MAAA,GAAhB,MAAMjB,UAAU,CAAC;EACtBN,WAAWA,CAASK,MAAc,EAAE;IAAA,IAAhBA,CAAAA,MAAc,GAAdA,MAAc;AAAG;EAErC,IAAIe,QAAQA,GAAG;AACb,IAAA,OAAO,IAAI,CAACI,QAAQ,KAAK,MAAM;AACjC;EAEA,IAAIA,QAAQA,GAA8B;AACxC,IAAA,MAAMC,MAAM,GAAGX,OAAO,CAACK,SAAS,CAAC,IAAI,CAACd,MAAM,EAAEP,aAAa,CAAC,EAAE2B,MAAM;IAEpEC,MAAM,CACJ,yBAAyBD,MAAM,CAAA,sCAAA,CAAwC,EACvEA,MAAM,KAAK,MAAM,IACfA,MAAM,KAAK,OAAO,IAClBA,MAAM,KAAK,KAAK,IAChBA,MAAM,KAAKE,SACf,CAAC;IAED,OAAOF,MAAM,IAAI,MAAM;AACzB;EAEA,IACIG,MAAMA,GAAG;AACX,IAAA,IAAI,CAAC,IAAI,CAACR,QAAQ,EAAE;AAClB,MAAA;AACF;AAEA,IAAA,IAAI,IAAI,CAACI,QAAQ,KAAK,MAAM,EAAE;MAC5B,MAAMK,WAAW,GAAGC,OAAO,CAACC,MAAM,CAAC,IAAI,CAAC1B,MAAM,CAAC;MAC/C,MAAMM,IAAI,GAAGkB,WAAW,CAACG,MAAM,CAAC,CAACC,GAAG,EAAE5B,MAAM,KAAK;QAC/C,MAAMY,UAAU,GAAGC,IAAI,CAACgB,WAAW,CAACf,SAAS,CAACd,MAAM,EAAE,aAAa,CAAC;AAEpE,QAAA,IAAI8B,QAAQ,CAAClB,UAAU,CAAC,EAAE;AACxB,UAAA,OAAOgB,GAAG,IAAIhB,UAAU,CAACmB,KAAK,IAAI,CAAC,CAAC;AACtC;AAEA,QAAA,OAAOH,GAAG;OACX,EAAE,CAAC,CAAC;MAEL,OAAO,CAAA,EAAGtB,IAAI,CAAI,EAAA,CAAA;AACpB;AAEA,IAAA,IAAI,IAAI,CAACa,QAAQ,KAAK,OAAO,EAAE;MAC7B,MAAMa,YAAY,GAAGP,OAAO,CAACQ,KAAK,CAAC,IAAI,CAACjC,MAAM,CAAC;MAC/C,MAAMO,KAAK,GAAGyB,YAAY,CAACL,MAAM,CAAC,CAACC,GAAG,EAAE5B,MAAM,KAAK;QACjD,MAAMY,UAAU,GAAGC,IAAI,CAACgB,WAAW,CAACf,SAAS,CAACd,MAAM,EAAE,aAAa,CAAC;AAEpE,QAAA,IAAI8B,QAAQ,CAAClB,UAAU,CAAC,EAAE;AACxB,UAAA,OAAOgB,GAAG,IAAIhB,UAAU,CAACmB,KAAK,IAAI,CAAC,CAAC;AACtC;AAEA,QAAA,OAAOH,GAAG;OACX,EAAE,CAAC,CAAC;MAEL,OAAO,CAAA,EAAGrB,KAAK,CAAI,EAAA,CAAA;AACrB;AAEA,IAAA;AACF;EAEA,IAAIJ,KAAKA,GAEP;IACA,IAAI,IAAI,CAACY,QAAQ,EAAE;MACjB,OAAO;AACLI,QAAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,CAAC,IAAI,CAACA,QAAQ,GAAG,IAAI,CAACI,MAAM;AAC5Bf,QAAAA,MAAM,EAAEhB;OACT;AACH;AAEA,IAAA,OAAO,EAAE;AACX;AACF,CAAC,EAAA0C,yBAAA,CAAAhB,MAAA,CAAAiB,SAAA,EAAA,QAAA,EAAA,CApDEC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAApB,MAAA,CAAAiB,SAAA,aAAAjB,MAAA,CAAAiB,SAAA,CAAA,EAAAjB,MAAA;AAsDT,SAASY,QAAQA,CAACS,GAAQ,EAA6B;EACrD,OAAO,OAAOA,GAAG,KAAK,QAAQ,IAAIA,GAAG,IAAI,OAAO,IAAIA,GAAG;AACzD;;AAEA;AACO,MAAMxC,SAAS,CAAC;;;;"}

package/dist/test-support/index.js

@@ -0,0 +1,62 @@
+import { assert } from '@ember/debug';
+import { settled, triggerEvent, find } from '@ember/test-helpers';
+
+function createHelpers(selectors) {
+  async function resize(parent, delta) {
+    assert(`Can't use the dragLeft/dragRight/resize helpers without a \`resizeHandle\` selector`, selectors.resizeHandle);
+    const element = parent.querySelector(selectors.resizeHandle);
+    assert(`Can't resize without a handle`, element);
+
+    /**
+     * Start the click in exactly the middle of the element.
+     * "startX" is the horizontal middle of "element"
+     */
+    const rect = element.getBoundingClientRect();
+    const startX = (rect.right + rect.left) / 2;
+    const targetX = startX + delta;
+    triggerEvent(element, 'mousedown', {
+      clientX: startX,
+      button: 0
+    });
+    triggerEvent(element, 'mousemove', {
+      clientX: targetX,
+      button: 0
+    });
+    triggerEvent(element, 'mouseup', {
+      clientX: targetX,
+      button: 0
+    });
+    await settled();
+  }
+  function horizontalScrollElement() {
+    assert(`Can't use scrollRight/swipeLeft helpers without a \`scrollContainer\` selector`, selectors.scrollContainer);
+    const element = find(selectors.scrollContainer);
+    assert(`scroll container not found`, element instanceof HTMLElement);
+    return element;
+  }
+  async function scrollRight(distance) {
+    const element = horizontalScrollElement();
+    element.scrollLeft += distance;
+    await requestAnimationFrameSettled();
+  }
+  async function scrollLeft(distance) {
+    const element = horizontalScrollElement();
+    element.scrollLeft -= distance;
+    await requestAnimationFrameSettled();
+  }
+  return {
+    dragLeft: (column, amount) => resize(column, -amount),
+    dragRight: (column, amount) => resize(column, amount),
+    scrollLeft,
+    scrollRight,
+    swipeLeft: scrollRight,
+    swipeRight: scrollLeft
+  };
+}
+async function requestAnimationFrameSettled() {
+  await new Promise(requestAnimationFrame);
+  await settled();
+}
+
+export { createHelpers, requestAnimationFrameSettled };
+//# sourceMappingURL=index.js.map

package/dist/test-support/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/test-support/index.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { find, settled, triggerEvent } from '@ember/test-helpers';\n\ninterface Selectors {\n  resizeHandle?: string;\n  scrollContainer?: string;\n}\n\nexport function createHelpers(selectors: Selectors) {\n  async function resize(parent: Element, delta: number) {\n    assert(\n      `Can't use the dragLeft/dragRight/resize helpers without a \\`resizeHandle\\` selector`,\n      selectors.resizeHandle,\n    );\n\n    const element = parent.querySelector(selectors.resizeHandle);\n\n    assert(`Can't resize without a handle`, element);\n\n    /**\n     * Start the click in exactly the middle of the element.\n     * \"startX\" is the horizontal middle of \"element\"\n     */\n    const rect = element.getBoundingClientRect();\n    const startX = (rect.right + rect.left) / 2;\n\n    const targetX = startX + delta;\n\n    triggerEvent(element, 'mousedown', { clientX: startX, button: 0 });\n    triggerEvent(element, 'mousemove', { clientX: targetX, button: 0 });\n    triggerEvent(element, 'mouseup', { clientX: targetX, button: 0 });\n\n    await settled();\n  }\n\n  function horizontalScrollElement() {\n    assert(\n      `Can't use scrollRight/swipeLeft helpers without a \\`scrollContainer\\` selector`,\n      selectors.scrollContainer,\n    );\n\n    const element = find(selectors.scrollContainer);\n\n    assert(`scroll container not found`, element instanceof HTMLElement);\n\n    return element;\n  }\n\n  async function scrollRight(distance: number) {\n    const element = horizontalScrollElement();\n\n    element.scrollLeft += distance;\n    await requestAnimationFrameSettled();\n  }\n\n  async function scrollLeft(distance: number) {\n    const element = horizontalScrollElement();\n\n    element.scrollLeft -= distance;\n    await requestAnimationFrameSettled();\n  }\n\n  return {\n    dragLeft: (column: Element, amount: number) => resize(column, -amount),\n    dragRight: (column: Element, amount: number) => resize(column, amount),\n    scrollLeft,\n    scrollRight,\n    swipeLeft: scrollRight,\n    swipeRight: scrollLeft,\n  };\n}\n\nexport async function requestAnimationFrameSettled() {\n  await new Promise(requestAnimationFrame);\n  await settled();\n}\n"],"names":["createHelpers","selectors","resize","parent","delta","assert","resizeHandle","element","querySelector","rect","getBoundingClientRect","startX","right","left","targetX","triggerEvent","clientX","button","settled","horizontalScrollElement","scrollContainer","find","HTMLElement","scrollRight","distance","scrollLeft","requestAnimationFrameSettled","dragLeft","column","amount","dragRight","swipeLeft","swipeRight","Promise","requestAnimationFrame"],"mappings":";;;AAQO,SAASA,aAAaA,CAACC,SAAoB,EAAE;AAClD,EAAA,eAAeC,MAAMA,CAACC,MAAe,EAAEC,KAAa,EAAE;AACpDC,IAAAA,MAAM,CACJ,CAAqF,mFAAA,CAAA,EACrFJ,SAAS,CAACK,YACZ,CAAC;IAED,MAAMC,OAAO,GAAGJ,MAAM,CAACK,aAAa,CAACP,SAAS,CAACK,YAAY,CAAC;AAE5DD,IAAAA,MAAM,CAAC,CAAA,6BAAA,CAA+B,EAAEE,OAAO,CAAC;;AAEhD;AACJ;AACA;AACA;AACI,IAAA,MAAME,IAAI,GAAGF,OAAO,CAACG,qBAAqB,EAAE;IAC5C,MAAMC,MAAM,GAAG,CAACF,IAAI,CAACG,KAAK,GAAGH,IAAI,CAACI,IAAI,IAAI,CAAC;AAE3C,IAAA,MAAMC,OAAO,GAAGH,MAAM,GAAGP,KAAK;AAE9BW,IAAAA,YAAY,CAACR,OAAO,EAAE,WAAW,EAAE;AAAES,MAAAA,OAAO,EAAEL,MAAM;AAAEM,MAAAA,MAAM,EAAE;AAAE,KAAC,CAAC;AAClEF,IAAAA,YAAY,CAACR,OAAO,EAAE,WAAW,EAAE;AAAES,MAAAA,OAAO,EAAEF,OAAO;AAAEG,MAAAA,MAAM,EAAE;AAAE,KAAC,CAAC;AACnEF,IAAAA,YAAY,CAACR,OAAO,EAAE,SAAS,EAAE;AAAES,MAAAA,OAAO,EAAEF,OAAO;AAAEG,MAAAA,MAAM,EAAE;AAAE,KAAC,CAAC;IAEjE,MAAMC,OAAO,EAAE;AACjB;EAEA,SAASC,uBAAuBA,GAAG;AACjCd,IAAAA,MAAM,CACJ,CAAgF,8EAAA,CAAA,EAChFJ,SAAS,CAACmB,eACZ,CAAC;AAED,IAAA,MAAMb,OAAO,GAAGc,IAAI,CAACpB,SAAS,CAACmB,eAAe,CAAC;AAE/Cf,IAAAA,MAAM,CAAC,CAA4B,0BAAA,CAAA,EAAEE,OAAO,YAAYe,WAAW,CAAC;AAEpE,IAAA,OAAOf,OAAO;AAChB;EAEA,eAAegB,WAAWA,CAACC,QAAgB,EAAE;AAC3C,IAAA,MAAMjB,OAAO,GAAGY,uBAAuB,EAAE;IAEzCZ,OAAO,CAACkB,UAAU,IAAID,QAAQ;IAC9B,MAAME,4BAA4B,EAAE;AACtC;EAEA,eAAeD,UAAUA,CAACD,QAAgB,EAAE;AAC1C,IAAA,MAAMjB,OAAO,GAAGY,uBAAuB,EAAE;IAEzCZ,OAAO,CAACkB,UAAU,IAAID,QAAQ;IAC9B,MAAME,4BAA4B,EAAE;AACtC;EAEA,OAAO;AACLC,IAAAA,QAAQ,EAAEA,CAACC,MAAe,EAAEC,MAAc,KAAK3B,MAAM,CAAC0B,MAAM,EAAE,CAACC,MAAM,CAAC;IACtEC,SAAS,EAAEA,CAACF,MAAe,EAAEC,MAAc,KAAK3B,MAAM,CAAC0B,MAAM,EAAEC,MAAM,CAAC;IACtEJ,UAAU;IACVF,WAAW;AACXQ,IAAAA,SAAS,EAAER,WAAW;AACtBS,IAAAA,UAAU,EAAEP;GACb;AACH;AAEO,eAAeC,4BAA4BA,GAAG;AACnD,EAAA,MAAM,IAAIO,OAAO,CAACC,qBAAqB,CAAC;EACxC,MAAMhB,OAAO,EAAE;AACjB;;;;"}

package/dist/utils.js

@@ -0,0 +1,77 @@
+import { assert } from '@ember/debug';
+import { camelize, underscore } from '@ember/string';
+import { SortDirection } from './plugins/data-sorting/types.js';
+
+/**
+ * @example
+ *
+ * ```ts
+ * deserializeSorts('first_name.asc', { separator: '.', transform: 'camelize' });
+ * // => [{ property: 'firstName', direction: 'ascending' }]
+ *
+ * deserializeSorts('last_name.desc', { separator: '.', transform: 'camelize' });
+ * // => [{ property: 'lastName', direction: 'descending' }]
+ * ```
+ */
+
+const deserializeSorts = (sortString, options = {
+  separator: '.',
+  transform: 'camelize'
+}) => {
+  if (!sortString) {
+    return [];
+  }
+  const {
+    transform,
+    separator
+  } = options;
+  let [key, direction] = sortString.split(separator);
+  assert(`No key found for input: \`${sortString}\` using \`${separator}\` as a separator`, key);
+  if (transform === 'camelize') {
+    key = camelize(key);
+  } else if (transform === 'underscore') {
+    key = underscore(key);
+  }
+  return [{
+    property: key,
+    direction: direction === 'asc' ? SortDirection.Ascending : SortDirection.Descending
+  }];
+};
+
+/**
+ * @example
+ *
+ * ```ts
+ * serializeSorts([{ property: 'firstName', direction: 'ascending' }],{ separator: '.', transform: 'camelize' });
+ * // => 'first_name.asc'
+ *
+ * serializeSorts([{ property: 'lastName', direction: 'descending' }],{ separator: '.', transform: 'camelize' });
+ * // => 'last_name.desc'
+ * ```
+ */
+function serializeSorts(sorts, options = {
+  separator: '.',
+  transform: 'underscore'
+}) {
+  const {
+    transform,
+    separator
+  } = options;
+  const sortParameters = sorts.map(({
+    direction,
+    property
+  }) => {
+    const shortDirection = direction === 'ascending' ? 'asc' : 'desc';
+    let sortField = property;
+    if (transform === 'underscore') {
+      sortField = underscore(property);
+    } else if (transform === 'camelize') {
+      sortField = camelize(property);
+    }
+    return `${sortField}${separator}${shortDirection}`;
+  });
+  return sortParameters.join('+');
+}
+
+export { deserializeSorts, serializeSorts };
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/utils.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { camelize, underscore } from '@ember/string';\n\nimport { SortDirection } from './plugins/data-sorting/types.ts';\n\nimport type { Sort, SortsOptions } from './plugins/data-sorting/types.ts';\n\n/**\n * @example\n *\n * ```ts\n * deserializeSorts('first_name.asc', { separator: '.', transform: 'camelize' });\n * // => [{ property: 'firstName', direction: 'ascending' }]\n *\n * deserializeSorts('last_name.desc', { separator: '.', transform: 'camelize' });\n * // => [{ property: 'lastName', direction: 'descending' }]\n * ```\n */\n\nexport const deserializeSorts = (\n  sortString: string,\n  options: SortsOptions = { separator: '.', transform: 'camelize' },\n): Sort[] => {\n  if (!sortString) {\n    return [];\n  }\n\n  const { transform, separator } = options;\n  let [key, direction] = sortString.split(separator);\n\n  assert(\n    `No key found for input: \\`${sortString}\\` using \\`${separator}\\` as a separator`,\n    key,\n  );\n\n  if (transform === 'camelize') {\n    key = camelize(key);\n  } else if (transform === 'underscore') {\n    key = underscore(key);\n  }\n\n  return [\n    {\n      property: key,\n      direction:\n        direction === 'asc'\n          ? SortDirection.Ascending\n          : SortDirection.Descending,\n    },\n  ];\n};\n\n/**\n * @example\n *\n * ```ts\n * serializeSorts([{ property: 'firstName', direction: 'ascending' }],{ separator: '.', transform: 'camelize' });\n * // => 'first_name.asc'\n *\n * serializeSorts([{ property: 'lastName', direction: 'descending' }],{ separator: '.', transform: 'camelize' });\n * // => 'last_name.desc'\n * ```\n */\nexport function serializeSorts(\n  sorts: Sort[],\n  options: SortsOptions = { separator: '.', transform: 'underscore' },\n): string {\n  const { transform, separator } = options;\n\n  const sortParameters = sorts.map(({ direction, property }) => {\n    const shortDirection = direction === 'ascending' ? 'asc' : 'desc';\n\n    let sortField = property;\n\n    if (transform === 'underscore') {\n      sortField = underscore(property);\n    } else if (transform === 'camelize') {\n      sortField = camelize(property);\n    }\n\n    return `${sortField}${separator}${shortDirection}`;\n  });\n\n  return sortParameters.join('+');\n}\n"],"names":["deserializeSorts","sortString","options","separator","transform","key","direction","split","assert","camelize","underscore","property","SortDirection","Ascending","Descending","serializeSorts","sorts","sortParameters","map","shortDirection","sortField","join"],"mappings":";;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;MAEaA,gBAAgB,GAAGA,CAC9BC,UAAkB,EAClBC,OAAqB,GAAG;AAAEC,EAAAA,SAAS,EAAE,GAAG;AAAEC,EAAAA,SAAS,EAAE;AAAW,CAAC,KACtD;EACX,IAAI,CAACH,UAAU,EAAE;AACf,IAAA,OAAO,EAAE;AACX;EAEA,MAAM;IAAEG,SAAS;AAAED,IAAAA;AAAU,GAAC,GAAGD,OAAO;EACxC,IAAI,CAACG,GAAG,EAAEC,SAAS,CAAC,GAAGL,UAAU,CAACM,KAAK,CAACJ,SAAS,CAAC;EAElDK,MAAM,CACJ,6BAA6BP,UAAU,CAAA,WAAA,EAAcE,SAAS,CAAmB,iBAAA,CAAA,EACjFE,GACF,CAAC;EAED,IAAID,SAAS,KAAK,UAAU,EAAE;AAC5BC,IAAAA,GAAG,GAAGI,QAAQ,CAACJ,GAAG,CAAC;AACrB,GAAC,MAAM,IAAID,SAAS,KAAK,YAAY,EAAE;AACrCC,IAAAA,GAAG,GAAGK,UAAU,CAACL,GAAG,CAAC;AACvB;AAEA,EAAA,OAAO,CACL;AACEM,IAAAA,QAAQ,EAAEN,GAAG;IACbC,SAAS,EACPA,SAAS,KAAK,KAAK,GACfM,aAAa,CAACC,SAAS,GACvBD,aAAa,CAACE;AACtB,GAAC,CACF;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAC5BC,KAAa,EACbd,OAAqB,GAAG;AAAEC,EAAAA,SAAS,EAAE,GAAG;AAAEC,EAAAA,SAAS,EAAE;AAAa,CAAC,EAC3D;EACR,MAAM;IAAEA,SAAS;AAAED,IAAAA;AAAU,GAAC,GAAGD,OAAO;AAExC,EAAA,MAAMe,cAAc,GAAGD,KAAK,CAACE,GAAG,CAAC,CAAC;IAAEZ,SAAS;AAAEK,IAAAA;AAAS,GAAC,KAAK;IAC5D,MAAMQ,cAAc,GAAGb,SAAS,KAAK,WAAW,GAAG,KAAK,GAAG,MAAM;IAEjE,IAAIc,SAAS,GAAGT,QAAQ;IAExB,IAAIP,SAAS,KAAK,YAAY,EAAE;AAC9BgB,MAAAA,SAAS,GAAGV,UAAU,CAACC,QAAQ,CAAC;AAClC,KAAC,MAAM,IAAIP,SAAS,KAAK,UAAU,EAAE;AACnCgB,MAAAA,SAAS,GAAGX,QAAQ,CAACE,QAAQ,CAAC;AAChC;AAEA,IAAA,OAAO,GAAGS,SAAS,CAAA,EAAGjB,SAAS,CAAA,EAAGgB,cAAc,CAAE,CAAA;AACpD,GAAC,CAAC;AAEF,EAAA,OAAOF,cAAc,CAACI,IAAI,CAAC,GAAG,CAAC;AACjC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-ember/table",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "An implementation of table behaviors for driving any table or table-like UI -- all without a UI (headless)",
   "keywords": [
     "ember-addon",
@@ -13,7 +13,8 @@
   "author": "NullVoxPopuli",
   "files": [
     "addon-main.js",
-    "dist"
+    "dist",
+    "src"
   ],
   "exports": {
     ".": {

package/src/-private/-type-tests/plugin-properties.test.ts

@@ -0,0 +1,38 @@
+import { expectTypeOf } from 'expect-type';
+
+import { BasePlugin } from '../../plugins/index.ts';
+
+import type { Table } from '../../index.ts';
+
+class TableMeta {
+  a = 'a';
+}
+class ColumnMeta {
+  b = 'b';
+}
+class RowMeta {
+  c = 'c';
+}
+class A extends BasePlugin<{
+  Meta: { Table: TableMeta; Column: ColumnMeta; Row: RowMeta };
+}> {
+  name = 'a plugin';
+}
+
+const x = 0 as unknown as Table;
+const a = new A(x);
+
+///////////////////////////////////////////////////
+// Meta instantiation
+///////////////////////////////////////////////////
+if (a.meta?.table) {
+  expectTypeOf(new a.meta.table()).toEqualTypeOf<TableMeta>();
+}
+
+if (a.meta?.column) {
+  expectTypeOf(new a.meta.column()).toEqualTypeOf<ColumnMeta>();
+}
+
+if (a.meta?.row) {
+  expectTypeOf(new a.meta.row()).toEqualTypeOf<RowMeta>();
+}

package/src/-private/-type-tests/plugin-with.test.ts

@@ -0,0 +1,23 @@
+import { DataSorting } from '../../plugins/data-sorting/index.ts';
+import { RowSelection } from '../../plugins/row-selection/index.ts';
+
+import type { SortItem } from '../../plugins/data-sorting';
+
+RowSelection.with(() => {
+  const simpleOptions = {
+    selection: new Set<number>(),
+    onSelect: (item: number) => console.debug(item),
+    onDeselect: (item: number) => console.debug(item),
+  };
+
+  return simpleOptions;
+});
+
+DataSorting.with(() => {
+  const simpleOptions = {
+    onSort: (sorts: SortItem<number>[]) => console.debug(sorts),
+    sorts: [] as unknown as SortItem<number>[],
+  };
+
+  return simpleOptions;
+});

package/src/-private/-type-tests/plugins-accessors.test.ts

@@ -0,0 +1,86 @@
+import { BasePlugin, meta, options, preferences } from '../../plugins/index.ts';
+import { expectTypeOf } from 'expect-type';
+
+import type { Column, Table } from '../../index.ts';
+
+// This value is irrelevant for the tests it's used in
+const x = 0 as unknown as Table<unknown>;
+const y = 0 as unknown as Column<unknown>;
+
+//////////////////////////////////////////////
+// A SimplePlugin
+//////////////////////////////////////////////
+class ATableMeta {
+  isEnabled = true;
+}
+class AColumnMeta {
+  isPinned = 1;
+}
+class ARowMeta {
+  isARow = true;
+}
+interface AOptions {
+  enabled?: boolean;
+}
+interface AColumnOptions {
+  isPinned?: boolean;
+}
+
+interface SignatureA {
+  Meta: {
+    Table: ATableMeta;
+    Column: AColumnMeta;
+    Row: ARowMeta;
+  };
+  Options: {
+    Plugin: AOptions;
+    Column: AColumnOptions;
+  };
+}
+
+class SimplePlugin<Signature = SignatureA> extends BasePlugin<Signature> {
+  name = 'my-test-plugin';
+}
+
+// Options
+expectTypeOf(options.forTable(x, SimplePlugin)).toEqualTypeOf<AOptions>();
+expectTypeOf(
+  options.forColumn(y, SimplePlugin),
+).toEqualTypeOf<AColumnOptions>();
+
+// Meta
+expectTypeOf(meta.forTable(x, SimplePlugin)).toEqualTypeOf<ATableMeta>();
+expectTypeOf(meta.forColumn(y, SimplePlugin)).toEqualTypeOf<AColumnMeta>();
+
+// Preferences
+interface MapLite {
+  get(key: string): unknown;
+  set(key: string, value: unknown): void | undefined;
+  delete(key: string): void | undefined;
+}
+expectTypeOf(preferences.forTable(x, SimplePlugin)).toEqualTypeOf<MapLite>();
+expectTypeOf(preferences.forColumn(y, SimplePlugin)).toEqualTypeOf<MapLite>();
+
+//////////////////////////////////////////////
+// A Real plugin
+//////////////////////////////////////////////
+
+import { DataSorting } from '../../plugins/data-sorting/index.ts';
+
+import type { Signature as DataSortingSignature } from '../../plugins/data-sorting/index.ts';
+
+// Options
+expectTypeOf(options.forTable(x, DataSorting)).toEqualTypeOf<
+  DataSortingSignature['Options']['Plugin']
+>();
+expectTypeOf(options.forColumn(y, DataSorting)).toEqualTypeOf<
+  DataSortingSignature['Options']['Column']
+>();
+
+// Meta
+expectTypeOf(meta.forTable(x, DataSorting)).toEqualTypeOf<
+  DataSortingSignature['Meta']['Table']
+>();
+expectTypeOf(meta.forColumn(y, DataSorting)).toEqualTypeOf<
+  DataSortingSignature['Meta']['Column']
+>();

package/src/-private/-type-tests/plugins-signature-from.test.ts

@@ -0,0 +1,66 @@
+import { expectTypeOf } from 'expect-type';
+
+import { BasePlugin } from '../../plugins/index.ts';
+
+import type { SignatureFrom } from '../../plugins/-private/base.ts';
+
+class ATableMeta {
+  a = 1;
+}
+class AColumnMeta {
+  ac = 1;
+}
+class ARowMeta {
+  ar = 1;
+}
+class AOptions {
+  ao = 1;
+}
+class AColumnOptions {
+  aco = 1;
+}
+
+interface SignatureA {
+  Meta: {
+    Table: ATableMeta;
+    Column: AColumnMeta;
+    Row: ARowMeta;
+  };
+  Options: {
+    Plugin: AOptions;
+    Column: AColumnOptions;
+  };
+}
+
+class PluginA<Signature = SignatureA> extends BasePlugin<Signature> {
+  name = 'my-test-plugin';
+}
+
+// Test the tests
+expectTypeOf<SignatureA>().toEqualTypeOf<SignatureA>();
+
+// Tests that we can pluck the generic off of BasePlugin
+expectTypeOf<
+  SignatureFrom<BasePlugin<SignatureA>>
+>().toEqualTypeOf<SignatureA>();
+
+// Tests that we can get the generic type off of a sub-type of BasePlugin
+expectTypeOf<SignatureFrom<PluginA>>().toEqualTypeOf<SignatureA>();
+
+// Tests that we can get the generic off of a sub-type passed to BasePlugin
+class PluginC extends BasePlugin<SignatureA> {
+  name = 'plugin-c';
+}
+expectTypeOf<SignatureFrom<PluginC>>().toEqualTypeOf<SignatureA>();
+
+///////////////////////////////////////////
+
+class PluginB extends BasePlugin<{ Meta: { Table: ATableMeta } }> {
+  name = 'plugin-b';
+}
+
+expectTypeOf<SignatureFrom<PluginB>>().toEqualTypeOf<{
+  Meta: {
+    Table: ATableMeta;
+  };
+}>();