ember-headless-table 1.4.0 → 1.4.1

package/dist/-private/-type-tests/table-api.test.js

@@ -2,6 +2,7 @@ import { expectTypeOf } from 'expect-type';
 import '../../plugins/-private/base.js';
 import { ColumnReordering } from '../../plugins/column-reordering/plugin.js';
 import '../../plugins/column-resizing/handle.js';
+import '@ember/template';
 import { ColumnResizing } from '../../plugins/column-resizing/plugin.js';
 import { Sorting } from '../../plugins/data-sorting/plugin.js';
 import '../../plugins/data-sorting/types.js';

package/dist/-private/-type-tests/table-api.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-api.test.js","sources":["../../../src/-private/-type-tests/table-api.test.ts"],"sourcesContent":["import { expectTypeOf } from 'expect-type';\n\nimport { ColumnReordering } from '../../plugins/column-reordering';\nimport { ColumnResizing } from '../../plugins/column-resizing';\nimport { DataSorting } from '../../plugins/data-sorting';\n\nimport type { Table } from '[public-types]';\n\n// We're testing types, not behaviors\nconst x = 0 as unknown as Table<{ x: number }>;\n\n//////////////////////////////\n// <Table>#pluginOf\nexpectTypeOf(x.pluginOf(DataSorting)).toEqualTypeOf<DataSorting | undefined>();\nexpectTypeOf(x.pluginOf(ColumnReordering)).toEqualTypeOf<ColumnReordering | undefined>();\nexpectTypeOf(x.pluginOf(ColumnResizing)).toEqualTypeOf<ColumnResizing | undefined>();\n"],"names":["x","expectTypeOf","pluginOf","DataSorting","toEqualTypeOf","ColumnReordering","ColumnResizing"],"mappings":";;;;;;;;AAQA;AACA,MAAMA,CAAC,GAAG,CAAoC,CAAA;;AAE9C;AACA;AACAC,YAAY,CAACD,CAAC,CAACE,QAAQ,CAACC,OAAW,CAAC,CAAC,CAACC,aAAa,EAA2B,CAAA;AAC9EH,YAAY,CAACD,CAAC,CAACE,QAAQ,CAACG,gBAAgB,CAAC,CAAC,CAACD,aAAa,EAAgC,CAAA;AACxFH,YAAY,CAACD,CAAC,CAACE,QAAQ,CAACI,cAAc,CAAC,CAAC,CAACF,aAAa,EAA8B"}
+{"version":3,"file":"table-api.test.js","sources":["../../../src/-private/-type-tests/table-api.test.ts"],"sourcesContent":["import { expectTypeOf } from 'expect-type';\n\nimport { ColumnReordering } from '../../plugins/column-reordering';\nimport { ColumnResizing } from '../../plugins/column-resizing';\nimport { DataSorting } from '../../plugins/data-sorting';\n\nimport type { Table } from '[public-types]';\n\n// We're testing types, not behaviors\nconst x = 0 as unknown as Table<{ x: number }>;\n\n//////////////////////////////\n// <Table>#pluginOf\nexpectTypeOf(x.pluginOf(DataSorting)).toEqualTypeOf<DataSorting | undefined>();\nexpectTypeOf(x.pluginOf(ColumnReordering)).toEqualTypeOf<ColumnReordering | undefined>();\nexpectTypeOf(x.pluginOf(ColumnResizing)).toEqualTypeOf<ColumnResizing | undefined>();\n"],"names":["x","expectTypeOf","pluginOf","DataSorting","toEqualTypeOf","ColumnReordering","ColumnResizing"],"mappings":";;;;;;;;;AAQA;AACA,MAAMA,CAAC,GAAG,CAAoC,CAAA;;AAE9C;AACA;AACAC,YAAY,CAACD,CAAC,CAACE,QAAQ,CAACC,OAAW,CAAC,CAAC,CAACC,aAAa,EAA2B,CAAA;AAC9EH,YAAY,CAACD,CAAC,CAACE,QAAQ,CAACG,gBAAgB,CAAC,CAAC,CAACD,aAAa,EAAgC,CAAA;AACxFH,YAAY,CAACD,CAAC,CAACE,QAAQ,CAACI,cAAc,CAAC,CAAC,CAACF,aAAa,EAA8B"}

package/dist/-private/-type-tests/table-config.test.js

@@ -3,11 +3,11 @@ import { expectTypeOf } from 'expect-type';
 import { BasePlugin } from '../../plugins/-private/base.js';
 import { ColumnReordering } from '../../plugins/column-reordering/plugin.js';
 import '../../plugins/column-resizing/handle.js';
+import '@ember/template';
 import { ColumnResizing } from '../../plugins/column-resizing/plugin.js';
 import { ColumnVisibility } from '../../plugins/column-visibility/plugin.js';
 import { Sorting } from '../../plugins/data-sorting/plugin.js';
 import '../../plugins/data-sorting/types.js';
-import '@ember/template';
 import { StickyColumns } from '../../plugins/sticky-columns/plugin.js';
 
 /////////////////////////////////////////////

package/dist/-private/interfaces/column.d.ts

@@ -9,7 +9,12 @@ interface CellContext<T> {
     row: Row<T>;
 }
 type ColumnPluginOption<P = Plugin> = P extends BasePlugin ? [Constructor<P>, () => ColumnOptionsFor<SignatureFrom<P>>] : [P | Constructor<P>, () => unknown];
-type CellOptions = Record<string, unknown>;
+type CellOptions = {
+    /**
+     * when no value is present for a given set of data for the given column config
+     */
+    defaultValue?: string;
+} & Record<string, unknown>;
 interface ColumnConfig<T = unknown> {
     /**
      * the `key` is required for preferences storage, as well as

package/dist/plugins/column-resizing/helpers.d.ts

@@ -1,3 +1,4 @@
+import { htmlSafe } from '@ember/template';
 import { Column } from "../../index";
 /**
  * The column actively being resized by the user.
@@ -22,4 +23,13 @@ declare const canShrink: (column: Column) => boolean | 0;
  *   - or if we're asking about the first column (resize handles may only be "between" columns)
  */
 declare const hasResizeHandle: (column: Column) => boolean;
-export { isResizing, canShrink, hasResizeHandle };
+/**
+ * In this plugin (by default), styles are only applied to the headers automatically.
+ * in <Table> UIs, the header cells control the widths of all cells in that column.
+ * There are other kinds of tabular-like markup that may want to grab the widths of columns,
+ * because The Platform does not manage that automatically (like if divs and roles were used manually)
+ *
+ * This utility is meant to be applied to the `style` attribute of a particular td-like element.
+ */
+declare const styleStringFor: <DataType = unknown>(column: Column<DataType>) => ReturnType<typeof htmlSafe>;
+export { isResizing, canShrink, hasResizeHandle, styleStringFor };

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

@@ -1,3 +1,4 @@
+import { htmlSafe } from '@ember/template';
 import { meta } from '../-private/base.js';
 import { ColumnResizing } from './plugin.js';
 
@@ -27,5 +28,29 @@ const canShrink = column => meta.forColumn(column, ColumnResizing).canShrink;
  */
 const hasResizeHandle = column => meta.forColumn(column, ColumnResizing).hasResizeHandle;
 
-export { canShrink, hasResizeHandle, isResizing };
+/**
+ * In this plugin (by default), styles are only applied to the headers automatically.
+ * in <Table> UIs, the header cells control the widths of all cells in that column.
+ * There are other kinds of tabular-like markup that may want to grab the widths of columns,
+ * because The Platform does not manage that automatically (like if divs and roles were used manually)
+ *
+ * This utility is meant to be applied to the `style` attribute of a particular td-like element.
+ */
+const styleStringFor = column => {
+  let columnMeta = meta.forColumn(column, ColumnResizing);
+  let result = '';
+
+  /**
+   * Styles are applied regardless of the "table" being resizable or not
+   * because in non-<table> UIs, we need to ensure that all cells in a column
+   * have the same width
+   */
+  for (let [key, value] of Object.entries(columnMeta.style)) {
+    result += `${key}:${value};`;
+  }
+  result = ';' + result;
+  return htmlSafe(result);
+};
+
+export { canShrink, hasResizeHandle, isResizing, styleStringFor };
 //# sourceMappingURL=helpers.js.map

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,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;;;;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/plugins/column-resizing/helpers.ts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport { 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\n/**\n * In this plugin (by default), styles are only applied to the headers automatically.\n * in <Table> UIs, the header cells control the widths of all cells in that column.\n * There are other kinds of tabular-like markup that may want to grab the widths of columns,\n * because The Platform does not manage that automatically (like if divs and roles were used manually)\n *\n * This utility is meant to be applied to the `style` attribute of a particular td-like element.\n */\nexport const styleStringFor = <DataType = unknown>(\n  column: Column<DataType>\n): ReturnType<typeof htmlSafe> => {\n  let columnMeta = meta.forColumn(column, ColumnResizing);\n\n  let result = '';\n\n  /**\n   * Styles are applied regardless of the \"table\" being resizable or not\n   * because in non-<table> UIs, we need to ensure that all cells in a column\n   * have the same width\n   */\n  for (let [key, value] of Object.entries(columnMeta.style)) {\n    result += `${key}:${value};`;\n  }\n\n  result = ';' + result;\n\n  return htmlSafe(result);\n};\n"],"names":["isResizing","column","meta","forColumn","ColumnResizing","canShrink","hasResizeHandle","styleStringFor","columnMeta","result","key","value","Object","entries","style","htmlSafe"],"mappings":";;;;AAOA;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,gBAAe;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,cAAc,GACzBN,MAAwB,IACQ;EAChC,IAAIO,UAAU,GAAGN,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,cAAc,CAAC,CAAA;EAEvD,IAAIK,MAAM,GAAG,EAAE,CAAA;;AAEf;AACF;AACA;AACA;AACA;AACE,EAAA,KAAK,IAAI,CAACC,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,UAAU,CAACM,KAAK,CAAC,EAAE;AACzDL,IAAAA,MAAM,IAAK,CAAA,EAAEC,GAAI,CAAA,CAAA,EAAGC,KAAM,CAAE,CAAA,CAAA,CAAA;AAC9B,GAAA;EAEAF,MAAM,GAAG,GAAG,GAAGA,MAAM,CAAA;EAErB,OAAOM,QAAQ,CAACN,MAAM,CAAC,CAAA;AACzB;;;;"}

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

@@ -1,4 +1,4 @@
 export { resizeHandle } from './handle.js';
-export { canShrink, hasResizeHandle, isResizing } from './helpers.js';
+export { canShrink, hasResizeHandle, isResizing, styleStringFor } from './helpers.js';
 export { ColumnResizing, ColumnResizing as Plugin } from './plugin.js';
 //# sourceMappingURL=index.js.map

package/dist/plugins/sticky-columns/helpers.d.ts

@@ -3,7 +3,7 @@ import { Column } from "../../index";
 declare const isSticky: <DataType = unknown>(column: Column<DataType>) => boolean;
 declare const styleFor: <DataType = unknown>(column: Column<DataType>) => Partial<CSSStyleDeclaration>;
 /**
- * In this plugin, buth header and cells have the same styles,
+ * In this plugin, both header and cells have the same styles,
  * if applicable.
  *
  * Until this RFC https://github.com/emberjs/rfcs/pull/883

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

@@ -6,7 +6,7 @@ const isSticky = column => meta.forColumn(column, StickyColumns).isSticky;
 const styleFor = column => meta.forColumn(column, StickyColumns).style;
 
 /**
- * In this plugin, buth header and cells have the same styles,
+ * In this plugin, both header and cells have the same styles,
  * if applicable.
  *
  * Until this RFC https://github.com/emberjs/rfcs/pull/883

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/plugins/sticky-columns/helpers.ts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport { meta } from '../-private/base';\nimport { StickyColumns } from './plugin';\n\nimport type { Column } from '[public-types]';\n\nexport const isSticky = <DataType = unknown>(column: Column<DataType>) =>\n  meta.forColumn(column, StickyColumns).isSticky;\n\nexport const styleFor = <DataType = unknown>(\n  column: Column<DataType>\n): Partial<CSSStyleDeclaration> => meta.forColumn(column, StickyColumns).style;\n\n/**\n * In this plugin, buth header and cells have the same styles,\n * if applicable.\n *\n * Until this RFC https://github.com/emberjs/rfcs/pull/883\n * is merged and implemented, we can't performantly\n * use modifiers for apply styles.\n *\n * In the mean time, we'll need to append style strings, which is more work\n * for consumers, but is a reasonable trade-off for now.\n */\nexport const styleStringFor = <DataType = unknown>(\n  column: Column<DataType>\n): ReturnType<typeof htmlSafe> => {\n  let columnMeta = meta.forColumn(column, StickyColumns);\n\n  let result = '';\n\n  if (columnMeta.isSticky) {\n    for (let [key, value] of Object.entries(columnMeta.style)) {\n      result += `${toStyle(key)}:${value};`;\n    }\n\n    result = ';' + result;\n  }\n\n  return htmlSafe(result);\n};\n\n/**\n * the JS API for styles is camel case,\n * but CSS is kebab-case. To save on complexity and\n * amount of code, we have a super small conversion function\n * for only the properties relevant to the sticky plugin.\n */\nconst toStyle = (key: string): string => {\n  switch (key) {\n    case 'zIndex':\n      return 'z-index';\n    default:\n      return key;\n  }\n};\n"],"names":["isSticky","column","meta","forColumn","StickyColumns","styleFor","style","styleStringFor","columnMeta","result","key","value","Object","entries","toStyle","htmlSafe"],"mappings":";;;;AAOaA,MAAAA,QAAQ,GAAwBC,MAAwB,IACnEC,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,aAAa,CAAC,CAACJ,SAAQ;AAEnCK,MAAAA,QAAQ,GACnBJ,MAAwB,IACSC,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,aAAa,CAAC,CAACE,MAAK;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,cAAc,GACzBN,MAAwB,IACQ;EAChC,IAAIO,UAAU,GAAGN,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,aAAa,CAAC,CAAA;EAEtD,IAAIK,MAAM,GAAG,EAAE,CAAA;EAEf,IAAID,UAAU,CAACR,QAAQ,EAAE;AACvB,IAAA,KAAK,IAAI,CAACU,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,UAAU,CAACF,KAAK,CAAC,EAAE;MACzDG,MAAM,IAAK,GAAEK,OAAO,CAACJ,GAAG,CAAE,CAAA,CAAA,EAAGC,KAAM,CAAE,CAAA,CAAA,CAAA;AACvC,KAAA;IAEAF,MAAM,GAAG,GAAG,GAAGA,MAAM,CAAA;AACvB,GAAA;EAEA,OAAOM,QAAQ,CAACN,MAAM,CAAC,CAAA;AACzB,EAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,OAAO,GAAIJ,GAAW,IAAa;AACvC,EAAA,QAAQA,GAAG;AACT,IAAA,KAAK,QAAQ;AACX,MAAA,OAAO,SAAS,CAAA;AAClB,IAAA;AACE,MAAA,OAAOA,GAAG,CAAA;AAAC,GAAA;AAEjB,CAAC;;;;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/plugins/sticky-columns/helpers.ts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport { meta } from '../-private/base';\nimport { StickyColumns } from './plugin';\n\nimport type { Column } from '[public-types]';\n\nexport const isSticky = <DataType = unknown>(column: Column<DataType>) =>\n  meta.forColumn(column, StickyColumns).isSticky;\n\nexport const styleFor = <DataType = unknown>(\n  column: Column<DataType>\n): Partial<CSSStyleDeclaration> => meta.forColumn(column, StickyColumns).style;\n\n/**\n * In this plugin, both header and cells have the same styles,\n * if applicable.\n *\n * Until this RFC https://github.com/emberjs/rfcs/pull/883\n * is merged and implemented, we can't performantly\n * use modifiers for apply styles.\n *\n * In the mean time, we'll need to append style strings, which is more work\n * for consumers, but is a reasonable trade-off for now.\n */\nexport const styleStringFor = <DataType = unknown>(\n  column: Column<DataType>\n): ReturnType<typeof htmlSafe> => {\n  let columnMeta = meta.forColumn(column, StickyColumns);\n\n  let result = '';\n\n  if (columnMeta.isSticky) {\n    for (let [key, value] of Object.entries(columnMeta.style)) {\n      result += `${toStyle(key)}:${value};`;\n    }\n\n    result = ';' + result;\n  }\n\n  return htmlSafe(result);\n};\n\n/**\n * the JS API for styles is camel case,\n * but CSS is kebab-case. To save on complexity and\n * amount of code, we have a super small conversion function\n * for only the properties relevant to the sticky plugin.\n */\nconst toStyle = (key: string): string => {\n  switch (key) {\n    case 'zIndex':\n      return 'z-index';\n    default:\n      return key;\n  }\n};\n"],"names":["isSticky","column","meta","forColumn","StickyColumns","styleFor","style","styleStringFor","columnMeta","result","key","value","Object","entries","toStyle","htmlSafe"],"mappings":";;;;AAOaA,MAAAA,QAAQ,GAAwBC,MAAwB,IACnEC,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,aAAa,CAAC,CAACJ,SAAQ;AAEnCK,MAAAA,QAAQ,GACnBJ,MAAwB,IACSC,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,aAAa,CAAC,CAACE,MAAK;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,cAAc,GACzBN,MAAwB,IACQ;EAChC,IAAIO,UAAU,GAAGN,IAAI,CAACC,SAAS,CAACF,MAAM,EAAEG,aAAa,CAAC,CAAA;EAEtD,IAAIK,MAAM,GAAG,EAAE,CAAA;EAEf,IAAID,UAAU,CAACR,QAAQ,EAAE;AACvB,IAAA,KAAK,IAAI,CAACU,GAAG,EAAEC,KAAK,CAAC,IAAIC,MAAM,CAACC,OAAO,CAACL,UAAU,CAACF,KAAK,CAAC,EAAE;MACzDG,MAAM,IAAK,GAAEK,OAAO,CAACJ,GAAG,CAAE,CAAA,CAAA,EAAGC,KAAM,CAAE,CAAA,CAAA,CAAA;AACvC,KAAA;IAEAF,MAAM,GAAG,GAAG,GAAGA,MAAM,CAAA;AACvB,GAAA;EAEA,OAAOM,QAAQ,CAACN,MAAM,CAAC,CAAA;AACzB,EAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,OAAO,GAAIJ,GAAW,IAAa;AACvC,EAAA,QAAQA,GAAG;AACT,IAAA,KAAK,QAAQ;AACX,MAAA,OAAO,SAAS,CAAA;AAClB,IAAA;AACE,MAAA,OAAOA,GAAG,CAAA;AAAC,GAAA;AAEjB,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-headless-table",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "An implementation of table behaviors for driving any table or table-like UI -- all without a UI (headless)",
   "keywords": [
     "ember-addon",