@hashicorp/design-system-components 4.8.0 → 4.10.0

package/dist/components/hds/pagination/nav/ellipsis.js

@@ -2,9 +2,14 @@ import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-pagination-nav__ellipsis\" ...attributes>...</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-pagination-nav__ellipsis\" ...attributes>...</div>");
 
-var ellipsis = setComponentTemplate(TEMPLATE, templateOnlyComponent());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+const HdsApplicationPaginationNavEllipsis = templateOnlyComponent();
+var ellipsis = setComponentTemplate(TEMPLATE, HdsApplicationPaginationNavEllipsis);
 
 export { ellipsis as default };
 //# sourceMappingURL=ellipsis.js.map

package/dist/components/hds/pagination/nav/ellipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ellipsis.js","sources":["../../../../../src/components/hds/pagination/nav/ellipsis.hbs","../../../../../src/components/hds/pagination/nav/ellipsis.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-pagination-nav__ellipsis\\\" ...attributes>...</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4LAA4L;;ACA9N,eAAAA,oBAAA,CAAAC,QAAA,EAAeC,qBAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"ellipsis.js","sources":["../../../../../src/components/hds/pagination/nav/ellipsis.hbs","../../../../../src/components/hds/pagination/nav/ellipsis.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-pagination-nav__ellipsis\\\" ...attributes>...</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsApplicationPaginationNavEllipsisSignature {\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationPaginationNavEllipsis =\n  TemplateOnlyComponent<HdsApplicationPaginationNavEllipsisSignature>();\n\nexport default HdsApplicationPaginationNavEllipsis;\n"],"names":["HdsApplicationPaginationNavEllipsis","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mJAAmJ;;ACDrL;AACA;AACA;AACA;AAOA,MAAMA,mCAAmC,GACvCC,qBAAqB,EAAgD,CAAA;AAEvE,eAAAC,oBAAA,CAAAC,QAAA,EAAeH,mCAAmC,CAAA;;;;"}

package/dist/components/hds/pagination/nav/number.js

@@ -5,32 +5,26 @@ import { assert } from '@ember/debug';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Interactive\n  class={{this.classNames}}\n  @route={{@route}}\n  @query={{hds-link-to-query @query}}\n  @models={{hds-link-to-models @model @models}}\n  @replace={{@replace}}\n  {{on \"click\" this.onClick}}\n  ...attributes\n  aria-current={{if @isSelected \"page\" null}}\n>\n  <Hds::Text::Body @tag=\"span\" @size=\"100\" @weight=\"medium\"><span class=\"sr-only\">page\n    </span>{{this.page}}</Hds::Text::Body>\n</Hds::Interactive>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Interactive\n  class={{this.classNames}}\n  @route={{@route}}\n  @query={{hds-link-to-query @query}}\n  @models={{hds-link-to-models @model @models}}\n  @replace={{@replace}}\n  {{on \"click\" this.onClick}}\n  ...attributes\n  aria-current={{if @isSelected \"page\" null}}\n>\n  <Hds::Text::Body @tag=\"span\" @size=\"100\" @weight=\"medium\"><span class=\"sr-only\">page\n    </span>{{this.page}}</Hds::Text::Body>\n</Hds::Interactive>");
 
 var _class;
-let HdsPaginationControlNumberComponent = (_class = class HdsPaginationControlNumberComponent extends Component {
+let HdsPaginationControlNumber = (_class = class HdsPaginationControlNumber extends Component {
   get page() {
-    let {
+    const {
       page
     } = this.args;
     assert('@page for "Pagination::Nav::Number" must have a valid value', page !== undefined);
     return page;
   }
-
-  /**
-   * Get the class names to apply to the component.
-   * @method classNames
-   * @return {string} The "class" attribute to apply to the component.
-   */
   get classNames() {
-    let classes = ['hds-pagination-nav__control', 'hds-pagination-nav__number'];
+    const classes = ['hds-pagination-nav__control', 'hds-pagination-nav__number'];
     if (this.args.isSelected) {
       classes.push(`hds-pagination-nav__number--is-selected`);
     }
     return classes.join(' ');
   }
   onClick() {
-    let {
+    const {
       onClick
     } = this.args;
     if (typeof onClick === 'function') {
@@ -38,7 +32,7 @@ let HdsPaginationControlNumberComponent = (_class = class HdsPaginationControlNu
     }
   }
 }, (_applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsPaginationControlNumberComponent);
+setComponentTemplate(TEMPLATE, HdsPaginationControlNumber);
 
-export { HdsPaginationControlNumberComponent as default };
+export { HdsPaginationControlNumber as default };
 //# sourceMappingURL=number.js.map

package/dist/components/hds/pagination/nav/number.js.map

@@ -1 +1 @@
-{"version":3,"file":"number.js","sources":["../../../../../src/components/hds/pagination/nav/number.hbs","../../../../../src/components/hds/pagination/nav/number.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Interactive\\n  class={{this.classNames}}\\n  @route={{@route}}\\n  @query={{hds-link-to-query @query}}\\n  @models={{hds-link-to-models @model @models}}\\n  @replace={{@replace}}\\n  {{on \\\"click\\\" this.onClick}}\\n  ...attributes\\n  aria-current={{if @isSelected \\\"page\\\" null}}\\n>\\n  <Hds::Text::Body @tag=\\\"span\\\" @size=\\\"100\\\" @weight=\\\"medium\\\"><span class=\\\"sr-only\\\">page\\n    </span>{{this.page}}</Hds::Text::Body>\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\n\nexport default class HdsPaginationControlNumberComponent extends Component {\n  get page() {\n    let { page } = this.args;\n\n    assert(\n      '@page for \"Pagination::Nav::Number\" must have a valid value',\n      page !== undefined\n    );\n\n    return page;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-pagination-nav__control', 'hds-pagination-nav__number'];\n\n    if (this.args.isSelected) {\n      classes.push(`hds-pagination-nav__number--is-selected`);\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  onClick() {\n    let { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      onClick(this.args.page);\n    }\n  }\n}\n"],"names":["HdsPaginationControlNumberComponent","_class","Component","page","args","assert","undefined","classNames","classes","isSelected","push","join","onClick","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,ojBAAojB;;;ACQjkBA,IAAAA,mCAAmC,IAAAC,MAAA,GAAzC,MAAMD,mCAAmC,SAASE,SAAS,CAAC;EACzE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,6DAA6D,EAC7DF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAII,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,6BAA6B,EAAE,4BAA4B,CAAC,CAAA;AAE3E,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,UAAU,EAAE;AACxBD,MAAAA,OAAO,CAACE,IAAI,CAAC,CAAA,uCAAA,CAAyC,CAAC,CAAA;AACzD,KAAA;AAEA,IAAA,OAAOF,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AAGAC,EAAAA,OAAOA,GAAG;IACR,IAAI;AAAEA,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAACR,IAAI,CAAA;AAE3B,IAAA,IAAI,OAAOQ,OAAO,KAAK,UAAU,EAAE;AACjCA,MAAAA,OAAO,CAAC,IAAI,CAACR,IAAI,CAACD,IAAI,CAAC,CAAA;AACzB,KAAA;AACF,GAAA;AACF,CAAC,GAAAU,yBAAA,CAAAZ,MAAA,CAAAa,SAAA,EAAA,SAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAhB,MAAA,CAAAa,SAAA,cAAAb,MAAA,CAAAa,SAAA,CAAA,GAAAb,MAAA,EAAA;AA3B+CiB,oBAAA,CAAAC,QAAA,EAAnCnB,mCAAmC,CAAA;;;;"}
+{"version":3,"file":"number.js","sources":["../../../../../src/components/hds/pagination/nav/number.hbs","../../../../../src/components/hds/pagination/nav/number.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Interactive\\n  class={{this.classNames}}\\n  @route={{@route}}\\n  @query={{hds-link-to-query @query}}\\n  @models={{hds-link-to-models @model @models}}\\n  @replace={{@replace}}\\n  {{on \\\"click\\\" this.onClick}}\\n  ...attributes\\n  aria-current={{if @isSelected \\\"page\\\" null}}\\n>\\n  <Hds::Text::Body @tag=\\\"span\\\" @size=\\\"100\\\" @weight=\\\"medium\\\"><span class=\\\"sr-only\\\">page\\n    </span>{{this.page}}</Hds::Text::Body>\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\n\nimport type { HdsInteractiveSignature } from '../../interactive';\n\ninterface HdsPaginationNavNumberArgs {\n  page: number;\n  onClick: (page: number) => void;\n  isSelected: boolean;\n}\n\ninterface HdsPaginationNavNumberSignature {\n  Args: HdsPaginationNavNumberArgs & HdsInteractiveSignature['Args'];\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsPaginationControlNumber extends Component<HdsPaginationNavNumberSignature> {\n  get page(): number {\n    const { page } = this.args;\n\n    assert(\n      '@page for \"Pagination::Nav::Number\" must have a valid value',\n      page !== undefined\n    );\n\n    return page;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-pagination-nav__control',\n      'hds-pagination-nav__number',\n    ];\n\n    if (this.args.isSelected) {\n      classes.push(`hds-pagination-nav__number--is-selected`);\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  onClick(): void {\n    const { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      onClick(this.args.page);\n    }\n  }\n}\n"],"names":["HdsPaginationControlNumber","_class","Component","page","args","assert","undefined","classNames","classes","isSelected","push","join","onClick","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,2gBAA2gB;;;ACoBxhBA,IAAAA,0BAA0B,IAAAC,MAAA,GAAhC,MAAMD,0BAA0B,SAASE,SAAS,CAAkC;EACjG,IAAIC,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAE1BC,IAAAA,MAAM,CACJ,6DAA6D,EAC7DF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;EAEA,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,6BAA6B,EAC7B,4BAA4B,CAC7B,CAAA;AAED,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,UAAU,EAAE;AACxBD,MAAAA,OAAO,CAACE,IAAI,CAAC,CAAA,uCAAA,CAAyC,CAAC,CAAA;AACzD,KAAA;AAEA,IAAA,OAAOF,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AAGAC,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEA,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAACR,IAAI,CAAA;AAE7B,IAAA,IAAI,OAAOQ,OAAO,KAAK,UAAU,EAAE;AACjCA,MAAAA,OAAO,CAAC,IAAI,CAACR,IAAI,CAACD,IAAI,CAAC,CAAA;AACzB,KAAA;AACF,GAAA;AACF,CAAC,GAAAU,yBAAA,CAAAZ,MAAA,CAAAa,SAAA,EAAA,SAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAhB,MAAA,CAAAa,SAAA,cAAAb,MAAA,CAAAa,SAAA,CAAA,GAAAb,MAAA,EAAA;AAzBsCiB,oBAAA,CAAAC,QAAA,EAA1BnB,0BAA0B,CAAA;;;;"}

package/dist/components/hds/pagination/numbered/index.js

@@ -3,30 +3,24 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';
+import { HdsPaginationDirectionValues } from '../types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-pagination\" ...attributes>\n  {{#if this.showInfo}}\n    <Hds::Pagination::Info\n      @itemsRangeStart={{this.itemsRangeStart}}\n      @itemsRangeEnd={{this.itemsRangeEnd}}\n      @totalItems={{@totalItems}}\n      @showTotalItems={{@showTotalItems}}\n    />\n  {{/if}}\n\n  <nav class=\"hds-pagination-nav\" aria-label={{this.ariaLabel}}>\n    <Hds::Pagination::Nav::Arrow\n      @direction=\"prev\"\n      @showLabel={{this.showLabels}}\n      @route={{this.routing.route}}\n      @query={{this.routing.queryPrev}}\n      @model={{this.routing.model}}\n      @models={{this.routing.models}}\n      @replace={{this.routing.replace}}\n      @onClick={{this.onPageChange}}\n      @disabled={{this.isDisabledPrev}}\n    />\n    {{#if this.showPageNumbers}}\n      <ul class=\"hds-pagination-nav__page-list\">\n        {{#each this.pages as |page|}}\n          <li class=\"hds-pagination-nav__page-item\">\n            {{#if (eq page \"…\")}}\n              <Hds::Pagination::Nav::Ellipsis />\n            {{else}}\n              <Hds::Pagination::Nav::Number\n                @page={{page}}\n                @route={{this.routing.route}}\n                @query={{get this.routing.queryPages page}}\n                @model={{this.routing.model}}\n                @models={{this.routing.models}}\n                @replace={{this.routing.replace}}\n                @onClick={{this.onPageChange}}\n                @isSelected={{if (eq page this.currentPage) true false}}\n              />\n            {{/if}}\n          </li>\n        {{/each}}\n      </ul>\n    {{/if}}\n    <Hds::Pagination::Nav::Arrow\n      @direction=\"next\"\n      @showLabel={{this.showLabels}}\n      @route={{this.routing.route}}\n      @query={{this.routing.queryNext}}\n      @model={{this.routing.model}}\n      @models={{this.routing.models}}\n      @replace={{this.routing.replace}}\n      @onClick={{this.onPageChange}}\n      @disabled={{this.isDisabledNext}}\n    />\n  </nav>\n\n  {{#if this.showSizeSelector}}\n    <Hds::Pagination::SizeSelector\n      @pageSizes={{this.pageSizes}}\n      @label={{@sizeSelectorLabel}}\n      @selectedSize={{this.currentPageSize}}\n      @onChange={{this.onPageSizeChange}}\n    />\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-pagination\" ...attributes>\n  {{#if this.showInfo}}\n    <Hds::Pagination::Info\n      @itemsRangeStart={{this.itemsRangeStart}}\n      @itemsRangeEnd={{this.itemsRangeEnd}}\n      @totalItems={{@totalItems}}\n      @showTotalItems={{@showTotalItems}}\n    />\n  {{/if}}\n\n  <nav class=\"hds-pagination-nav\" aria-label={{this.ariaLabel}}>\n    <Hds::Pagination::Nav::Arrow\n      @direction=\"prev\"\n      @showLabel={{this.showLabels}}\n      @route={{this.routing.route}}\n      @query={{this.routing.queryPrev}}\n      @model={{this.routing.model}}\n      @models={{this.routing.models}}\n      @replace={{this.routing.replace}}\n      @onClick={{this.onPageChange}}\n      @disabled={{this.isDisabledPrev}}\n    />\n    {{#if this.showPageNumbers}}\n      <ul class=\"hds-pagination-nav__page-list\">\n        {{#each this.pages as |page|}}\n          <li class=\"hds-pagination-nav__page-item\">\n            {{#if (eq page \"…\")}}\n              <Hds::Pagination::Nav::Ellipsis />\n            {{else}}\n              <Hds::Pagination::Nav::Number\n                @page={{this.elliptizedPageArrayItemAsNumber page}}\n                @route={{this.routing.route}}\n                @query={{get this.routing.queryPages page}}\n                @model={{this.routing.model}}\n                @models={{this.routing.models}}\n                @replace={{this.routing.replace}}\n                @onClick={{this.onPageChange}}\n                @isSelected={{if (eq page this.currentPage) true false}}\n              />\n            {{/if}}\n          </li>\n        {{/each}}\n      </ul>\n    {{/if}}\n    <Hds::Pagination::Nav::Arrow\n      @direction=\"next\"\n      @showLabel={{this.showLabels}}\n      @route={{this.routing.route}}\n      @query={{this.routing.queryNext}}\n      @model={{this.routing.model}}\n      @models={{this.routing.models}}\n      @replace={{this.routing.replace}}\n      @onClick={{this.onPageChange}}\n      @disabled={{this.isDisabledNext}}\n    />\n  </nav>\n\n  {{#if this.showSizeSelector}}\n    <Hds::Pagination::SizeSelector\n      @pageSizes={{this.pageSizes}}\n      @label={{@sizeSelectorLabel}}\n      @selectedSize={{this.currentPageSize}}\n      @onChange={{this.onPageSizeChange}}\n    />\n  {{/if}}\n</div>");
 
 var _class, _descriptor, _descriptor2, _descriptor3;
-const DEFAULT_PAGE_SIZES = [10, 30, 50];
+const ELLIPSIS = '…';
 
-/**
- * Elliptize a list of pages
- *
- * @param pages - array with all the "pages" (integer numbers)
- * @param current - "current" page (array's index)
- * @param limit - number of "page numbers" to be shown at a time (should always be an odd number!)
- *
- * @return - array of integers ("pages") + `...` strings ("ellipsis")
- */
+// for context about the decision to use these values, see:
+// https://hashicorp.slack.com/archives/C03A0N1QK8S/p1673546329082759
+const DEFAULT_PAGE_SIZES = [10, 30, 50];
 const elliptize = ({
   pages,
   current,
   limit = 7
 }) => {
   const length = pages.length;
-  const ellipsis = '…';
   let result = [];
   let start;
   let end;
@@ -44,11 +38,11 @@ const elliptize = ({
   const sliceEnd = pages.slice(-end);
   if (sliceStart.includes(current) && sliceStart.includes(current + 1)) {
     // "current" (and its next sibling) is contained within the "sliceStart" block
-    sliceEnd.splice(0, 1, ellipsis);
+    sliceEnd.splice(0, 1, ELLIPSIS);
     result = [].concat(sliceStart, sliceEnd);
   } else if (sliceEnd.includes(current - 1) && sliceEnd.includes(current)) {
     // "current" (and its prev sibling) is contained within the "sliceEnd" block
-    sliceStart.splice(-1, 1, ellipsis);
+    sliceStart.splice(-1, 1, ELLIPSIS);
     result = [].concat(sliceStart, sliceEnd);
   } else {
     // this is a bit more tricky :)
@@ -58,15 +52,15 @@ const elliptize = ({
     const delta = (limit - 5) / 2; // this is why the limit needs to be an odd number
     // we slice the array starting at the "current" index, minus the delta, minus one because it's an array (zero-based)
     const sliceCurr = pages.slice(current - delta - 1, current + delta);
-    result = [].concat(sliceStart.shift(), ellipsis, sliceCurr, ellipsis, sliceEnd.pop());
+    result = [].concat(sliceStart.shift(), ELLIPSIS, sliceCurr, ELLIPSIS, sliceEnd.pop());
   }
   return result;
 };
-let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedIndexComponent extends Component {
+let HdsPaginationNumbered = (_class = class HdsPaginationNumbered extends Component {
   // if the list of "page numbers" is truncated
 
-  constructor() {
-    super(...arguments);
+  constructor(owner, args) {
+    super(owner, args);
     // These two private variables are used to differentiate between
     // "uncontrolled" component (where the state is handled internally) and
     // "controlled" component (where the state is handled externally, by the consumer's code).
@@ -76,6 +70,7 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
     // at rendering time, but from that moment on they're not updated anymore, no matter what interaction the user
     // has with the component (the state is controlled externally, eg. via query parameters)
     _initializerDefineProperty(this, "_currentPage", _descriptor, this);
+    // we assert that `this.pageSizes` will always be an array with at least one item
     _initializerDefineProperty(this, "_currentPageSize", _descriptor2, this);
     _initializerDefineProperty(this, "isControlled", _descriptor3, this);
     _defineProperty(this, "showInfo", this.args.showInfo ?? true);
@@ -87,7 +82,14 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
     _defineProperty(this, "showPageNumbers", this.args.showPageNumbers ?? true);
     // if the "page numbers" block is visible
     _defineProperty(this, "isTruncated", this.args.isTruncated ?? true);
-    let {
+    _defineProperty(this, "elliptizedPageArrayItemAsNumber", item => {
+      if (typeof item === 'number') {
+        return item;
+      } else {
+        throw new Error('Expected a number, but got an ellipsis');
+      }
+    });
+    const {
       queryFunction
     } = this.args;
 
@@ -109,12 +111,6 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
     }
     assert('@totalItems for "Hds::Pagination::Numbered" must be defined as an integer number', typeof this.args.totalItems === 'number');
   }
-
-  /**
-   * @param ariaLabel
-   * @type {string}
-   * @default 'Pagination'
-   */
   get ariaLabel() {
     return this.args.ariaLabel ?? 'Pagination';
   }
@@ -134,6 +130,7 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
 
   get currentPage() {
     if (this.isControlled) {
+      // if the component is controlled, `@currentPage` is asserted to be a number
       return this.args.currentPage;
     } else {
       return this._currentPage;
@@ -141,11 +138,13 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
   }
   set currentPage(value) {
     if (this.isControlled) ; else {
+      // if `this.isControlled` is `false`
       this._currentPage = value;
     }
   }
   get currentPageSize() {
     if (this.isControlled) {
+      // if the component is controlled, `@currentPageSize` is asserted to be a number
       return this.args.currentPageSize;
     } else {
       return this._currentPageSize;
@@ -156,18 +155,13 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
       this._currentPageSize = value;
     }
   }
-
-  /**
-   * @param pageSizes
-   * @type {array of numbers}
-   * @description Set the page sizes users can select from.
-   * @default [10, 30, 50]
-   */
   get pageSizes() {
-    let {
+    const {
       pageSizes = DEFAULT_PAGE_SIZES
     } = this.args;
-    assert(`pageSizes argument must be an array. Received: ${pageSizes}`, Array.isArray(pageSizes) === true);
+    assert(
+    // TODO: Add test for this
+    `pageSizes argument must be an array with at least one item. Received: ${pageSizes}`, Array.isArray(pageSizes) === true && pageSizes.length > 0);
     return pageSizes;
   }
   get itemsRangeStart() {
@@ -190,7 +184,7 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
     }
   }
   get pages() {
-    let pages = [];
+    const pages = [];
     for (let i = 1; i <= this.totalPages; i++) {
       pages.push(i);
     }
@@ -207,14 +201,16 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
     return Math.max(Math.ceil(this.args.totalItems / this.currentPageSize), 1);
   }
   buildQueryParamsObject(page, pageSize) {
-    if (this.isControlled) {
+    // `page` may also be ellipsis
+    if (this.isControlled && typeof page === 'number') {
+      // if the component is controlled, `@queryFunction` is asserted to be a function
       return this.args.queryFunction(page, pageSize);
     } else {
       return {};
     }
   }
   get routing() {
-    let routing = {
+    const routing = {
       route: this.args.route ?? undefined,
       model: this.args.model ?? undefined,
       models: this.args.models ?? undefined,
@@ -233,7 +229,6 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
     } else {
       routing.queryPrev = undefined;
       routing.queryNext = undefined;
-      routing.queryByPage = {};
     }
     return routing;
   }
@@ -245,9 +240,9 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
   }
   onPageChange(page) {
     let gotoPageNumber;
-    if (page === 'prev' && this.currentPage > 1) {
+    if (page === HdsPaginationDirectionValues.Prev && this.currentPage > 1) {
       gotoPageNumber = this.currentPage - 1;
-    } else if (page === 'next' && this.currentPage < this.totalPages) {
+    } else if (page === HdsPaginationDirectionValues.Next && this.currentPage < this.totalPages) {
       gotoPageNumber = this.currentPage + 1;
     } else {
       gotoPageNumber = page;
@@ -255,8 +250,9 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
 
     // we want to invoke the `onPageChange` callback only on actual page change
     if (gotoPageNumber !== this.currentPage) {
+      // we have already determined that `gotoPageNumber` is not `prev` or `next`
       this.currentPage = gotoPageNumber;
-      let {
+      const {
         onPageChange
       } = this.args;
       if (typeof onPageChange === 'function') {
@@ -265,7 +261,7 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
     }
   }
   onPageSizeChange(newPageSize) {
-    let {
+    const {
       onPageSizeChange
     } = this.args;
     if (!this.isControlled) {
@@ -279,6 +275,9 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
       onPageSizeChange(newPageSize);
     }
   }
+  getPageNumberQuery(page) {
+    return this.routing.queryPages[this.elliptizedPageArrayItemAsNumber(page)];
+  }
 }, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "_currentPage", [tracked], {
   configurable: true,
   enumerable: true,
@@ -299,7 +298,7 @@ let HdsPaginationNumberedIndexComponent = (_class = class HdsPaginationNumberedI
   writable: true,
   initializer: null
 }), _applyDecoratedDescriptor(_class.prototype, "onPageChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onPageChange"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onPageSizeChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onPageSizeChange"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsPaginationNumberedIndexComponent);
+setComponentTemplate(TEMPLATE, HdsPaginationNumbered);
 
-export { DEFAULT_PAGE_SIZES, HdsPaginationNumberedIndexComponent as default, elliptize };
+export { DEFAULT_PAGE_SIZES, HdsPaginationNumbered as default, elliptize };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/pagination/numbered/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/numbered/index.hbs","../../../../../src/components/hds/pagination/numbered/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-pagination\\\" ...attributes>\\n  {{#if this.showInfo}}\\n    <Hds::Pagination::Info\\n      @itemsRangeStart={{this.itemsRangeStart}}\\n      @itemsRangeEnd={{this.itemsRangeEnd}}\\n      @totalItems={{@totalItems}}\\n      @showTotalItems={{@showTotalItems}}\\n    />\\n  {{/if}}\\n\\n  <nav class=\\\"hds-pagination-nav\\\" aria-label={{this.ariaLabel}}>\\n    <Hds::Pagination::Nav::Arrow\\n      @direction=\\\"prev\\\"\\n      @showLabel={{this.showLabels}}\\n      @route={{this.routing.route}}\\n      @query={{this.routing.queryPrev}}\\n      @model={{this.routing.model}}\\n      @models={{this.routing.models}}\\n      @replace={{this.routing.replace}}\\n      @onClick={{this.onPageChange}}\\n      @disabled={{this.isDisabledPrev}}\\n    />\\n    {{#if this.showPageNumbers}}\\n      <ul class=\\\"hds-pagination-nav__page-list\\\">\\n        {{#each this.pages as |page|}}\\n          <li class=\\\"hds-pagination-nav__page-item\\\">\\n            {{#if (eq page \\\"…\\\")}}\\n              <Hds::Pagination::Nav::Ellipsis />\\n            {{else}}\\n              <Hds::Pagination::Nav::Number\\n                @page={{page}}\\n                @route={{this.routing.route}}\\n                @query={{get this.routing.queryPages page}}\\n                @model={{this.routing.model}}\\n                @models={{this.routing.models}}\\n                @replace={{this.routing.replace}}\\n                @onClick={{this.onPageChange}}\\n                @isSelected={{if (eq page this.currentPage) true false}}\\n              />\\n            {{/if}}\\n          </li>\\n        {{/each}}\\n      </ul>\\n    {{/if}}\\n    <Hds::Pagination::Nav::Arrow\\n      @direction=\\\"next\\\"\\n      @showLabel={{this.showLabels}}\\n      @route={{this.routing.route}}\\n      @query={{this.routing.queryNext}}\\n      @model={{this.routing.model}}\\n      @models={{this.routing.models}}\\n      @replace={{this.routing.replace}}\\n      @onClick={{this.onPageChange}}\\n      @disabled={{this.isDisabledNext}}\\n    />\\n  </nav>\\n\\n  {{#if this.showSizeSelector}}\\n    <Hds::Pagination::SizeSelector\\n      @pageSizes={{this.pageSizes}}\\n      @label={{@sizeSelectorLabel}}\\n      @selectedSize={{this.currentPageSize}}\\n      @onChange={{this.onPageSizeChange}}\\n    />\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\n\n// for context about the decision to use these values, see:\n// https://hashicorp.slack.com/archives/C03A0N1QK8S/p1673546329082759\nexport const DEFAULT_PAGE_SIZES = [10, 30, 50];\n\n/**\n * Elliptize a list of pages\n *\n * @param pages - array with all the \"pages\" (integer numbers)\n * @param current - \"current\" page (array's index)\n * @param limit - number of \"page numbers\" to be shown at a time (should always be an odd number!)\n *\n * @return - array of integers (\"pages\") + `...` strings (\"ellipsis\")\n */\nexport const elliptize = ({ pages, current, limit = 7 }) => {\n  const length = pages.length;\n  const ellipsis = '…';\n  let result = [];\n  let start;\n  let end;\n\n  if (length <= limit) {\n    return pages;\n  }\n\n  if (current <= length / 2) {\n    start = Math.ceil(limit / 2);\n    end = limit - start;\n  } else {\n    end = Math.ceil(limit / 2);\n    start = limit - end;\n  }\n\n  const sliceStart = pages.slice(0, start);\n  const sliceEnd = pages.slice(-end);\n\n  if (sliceStart.includes(current) && sliceStart.includes(current + 1)) {\n    // \"current\" (and its next sibling) is contained within the \"sliceStart\" block\n    sliceEnd.splice(0, 1, ellipsis);\n    result = [].concat(sliceStart, sliceEnd);\n  } else if (sliceEnd.includes(current - 1) && sliceEnd.includes(current)) {\n    // \"current\" (and its prev sibling) is contained within the \"sliceEnd\" block\n    sliceStart.splice(-1, 1, ellipsis);\n    result = [].concat(sliceStart, sliceEnd);\n  } else {\n    // this is a bit more tricky :)\n    // we need to calculate how many items there are before/after the current item\n    // since both the initial and ending blocks are always 2 items long (number + ellipsis)\n    // and there is always the \"current\" item, we can just subtract 5 from the limit\n    const delta = (limit - 5) / 2; // this is why the limit needs to be an odd number\n    // we slice the array starting at the \"current\" index, minus the delta, minus one because it's an array (zero-based)\n    const sliceCurr = pages.slice(current - delta - 1, current + delta);\n    result = [].concat(\n      sliceStart.shift(),\n      ellipsis,\n      sliceCurr,\n      ellipsis,\n      sliceEnd.pop()\n    );\n  }\n\n  return result;\n};\n\nexport default class HdsPaginationNumberedIndexComponent extends Component {\n  // These two private variables are used to differentiate between\n  // \"uncontrolled\" component (where the state is handled internally) and\n  // \"controlled\" component (where the state is handled externally, by the consumer's code).\n  // In the first case, these variables store the internal state of the component at any moment,\n  // and their value is updated internally according to the user's interaction with the component.\n  // In the second case, these variables store *only* the initial state of the component (coming from the arguments)\n  // at rendering time, but from that moment on they're not updated anymore, no matter what interaction the user\n  // has with the component (the state is controlled externally, eg. via query parameters)\n  @tracked _currentPage = this.args.currentPage ?? 1;\n  @tracked _currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\n  @tracked isControlled;\n\n  showInfo = this.args.showInfo ?? true; // if the \"info\" block is visible\n  showLabels = this.args.showLabels ?? false; // if the labels for the \"prev/next\" controls are visible\n  showSizeSelector = this.args.showSizeSelector ?? true; // if the \"size selector\" block is visible\n  showPageNumbers = this.args.showPageNumbers ?? true; // if the \"page numbers\" block is visible\n  isTruncated = this.args.isTruncated ?? true; // if the list of \"page numbers\" is truncated\n\n  constructor() {\n    super(...arguments);\n\n    let { queryFunction } = this.args;\n\n    // This component works in two different ways, depending if we need to support\n    // routing through links (`LinkTo`) for the \"navigation controls\", or not.\n    // If there's no routing then the component behaves as \"uncontrolled\"\n    // (the state updates - eg to the \"currentPage\" and \"currentPageSize\"\n    // are handled by its internal logic).\n    // If instead the component needs to update the routing (and we infer this via the \"query\" arguments)\n    // then the component behaves as \"controlled\", where the state is\n    // initialized and updated using the arguments passed to it.\n\n    if (queryFunction === undefined) {\n      this.isControlled = false;\n    } else {\n      assert(\n        '@queryFunction for \"Hds::Pagination::Numbered\" must be a function',\n        typeof queryFunction === 'function'\n      );\n      assert(\n        '@currentPage and @currentPageSize for \"Hds::Pagination::Numbered\" must be provided as numeric arguments when the pagination controls the routing',\n        typeof this.args.currentPageSize === 'number' &&\n          typeof this.args.currentPage === 'number'\n      );\n      this.isControlled = true;\n    }\n\n    assert(\n      '@totalItems for \"Hds::Pagination::Numbered\" must be defined as an integer number',\n      typeof this.args.totalItems === 'number'\n    );\n  }\n\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Pagination'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'Pagination';\n  }\n\n  // This very specific `get/set` pattern is used to handle the two different use cases of the component\n  // being \"controlled\" (when it has routing, meaning it needs to support pagination controls as links/`LinkTo`)\n  // vs being \"uncontrolled\" (see comments above for details).\n  //\n  // If it has routing (and so it's \"controlled\"), than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the controller via arguments (most of the times, connected to query parameters in the URL).\n  // For this reason the \"get\" method always returns the value from the `args`,\n  // while the \"set\" method never updates the private internal state (_variable).\n  //\n  // If instead it doesn't have routing (and so it's \"uncontrolled\") than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the component's internal logic (and updated according to the user interaction with it).\n  // For this reason the \"get\" and \"set\" methods always read from or write to the private internal state (_variable).\n\n  get currentPage() {\n    if (this.isControlled) {\n      return this.args.currentPage;\n    } else {\n      return this._currentPage;\n    }\n  }\n\n  set currentPage(value) {\n    if (this.isControlled) {\n      // noop\n    } else {\n      this._currentPage = value;\n    }\n  }\n\n  get currentPageSize() {\n    if (this.isControlled) {\n      return this.args.currentPageSize;\n    } else {\n      return this._currentPageSize;\n    }\n  }\n\n  set currentPageSize(value) {\n    if (this.isControlled) {\n      // noop\n    } else {\n      this._currentPageSize = value;\n    }\n  }\n\n  /**\n   * @param pageSizes\n   * @type {array of numbers}\n   * @description Set the page sizes users can select from.\n   * @default [10, 30, 50]\n   */\n  get pageSizes() {\n    let { pageSizes = DEFAULT_PAGE_SIZES } = this.args;\n\n    assert(\n      `pageSizes argument must be an array. Received: ${pageSizes}`,\n      Array.isArray(pageSizes) === true\n    );\n\n    return pageSizes;\n  }\n\n  get itemsRangeStart() {\n    // Calculate the starting range of items displayed on current page\n    // if currentPage = 1st page and # of items per page is 10:\n    //  ( (1 - 1 = 0) * 10 = 0 ) + 1 = 1\n    // if current page = 2nd page:\n    // ( (2 - 1 = 1) * 10 = 10 ) + 1 = 11\n    return (this.currentPage - 1) * this.currentPageSize + 1;\n  }\n\n  get itemsRangeEnd() {\n    // Calculate ending range of items displayed on current page\n    // 2 cases: 1) full page of items or 2) last page of items\n    if (this.currentPage * this.currentPageSize < this.args.totalItems) {\n      // 1) full page of items (pages 1 to page before last):\n      return this.itemsRangeStart + this.currentPageSize - 1;\n    } else {\n      // 2) last page of items:\n      return this.args.totalItems;\n    }\n  }\n\n  get pages() {\n    let pages = [];\n\n    for (let i = 1; i <= this.totalPages; i++) {\n      pages.push(i);\n    }\n\n    if (this.isTruncated) {\n      return elliptize({ pages, current: this.currentPage });\n    } else {\n      return pages;\n    }\n  }\n\n  get totalPages() {\n    return Math.max(Math.ceil(this.args.totalItems / this.currentPageSize), 1);\n  }\n\n  buildQueryParamsObject(page, pageSize) {\n    if (this.isControlled) {\n      return this.args.queryFunction(page, pageSize);\n    } else {\n      return {};\n    }\n  }\n\n  get routing() {\n    let routing = {\n      route: this.args.route ?? undefined,\n      model: this.args.model ?? undefined,\n      models: this.args.models ?? undefined,\n      replace: this.args.replace ?? undefined,\n    };\n\n    // the \"query\" is dynamic and needs to be calculated\n    if (this.isControlled) {\n      routing.queryPrev = this.buildQueryParamsObject(\n        this.currentPage - 1,\n        this.currentPageSize\n      );\n      routing.queryNext = this.buildQueryParamsObject(\n        this.currentPage + 1,\n        this.currentPageSize\n      );\n      // IMPORTANT: here we need to use an object and not an array\n      // otherwise the {{get object page}} will be shifted by one\n      // (the pages are 1-based while the array would be zero-based)\n      routing.queryPages = {};\n      this.pages.forEach(\n        (page) =>\n          (routing.queryPages[page] = this.buildQueryParamsObject(\n            page,\n            this.currentPageSize\n          ))\n      );\n    } else {\n      routing.queryPrev = undefined;\n      routing.queryNext = undefined;\n      routing.queryByPage = {};\n    }\n\n    return routing;\n  }\n\n  get isDisabledPrev() {\n    return this.currentPage === 1;\n  }\n\n  get isDisabledNext() {\n    return this.currentPage === this.totalPages;\n  }\n\n  @action\n  onPageChange(page) {\n    let gotoPageNumber;\n    if (page === 'prev' && this.currentPage > 1) {\n      gotoPageNumber = this.currentPage - 1;\n    } else if (page === 'next' && this.currentPage < this.totalPages) {\n      gotoPageNumber = this.currentPage + 1;\n    } else {\n      gotoPageNumber = page;\n    }\n\n    // we want to invoke the `onPageChange` callback only on actual page change\n    if (gotoPageNumber !== this.currentPage) {\n      this.currentPage = gotoPageNumber;\n\n      let { onPageChange } = this.args;\n\n      if (typeof onPageChange === 'function') {\n        onPageChange(this.currentPage, this.currentPageSize);\n      }\n    }\n  }\n\n  @action\n  onPageSizeChange(newPageSize) {\n    let { onPageSizeChange } = this.args;\n\n    if (!this.isControlled) {\n      // notice: we agreed to reset the pagination to the first element (any alternative would result in an unpredictable UX)\n      this.currentPage = 1;\n      this.currentPageSize = newPageSize;\n    }\n\n    // invoke the callback function\n    if (typeof onPageSizeChange === 'function') {\n      onPageSizeChange(newPageSize);\n    }\n  }\n}\n"],"names":["DEFAULT_PAGE_SIZES","elliptize","pages","current","limit","length","ellipsis","result","start","end","Math","ceil","sliceStart","slice","sliceEnd","includes","splice","concat","delta","sliceCurr","shift","pop","HdsPaginationNumberedIndexComponent","_class","Component","constructor","arguments","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","args","showInfo","showLabels","showSizeSelector","showPageNumbers","isTruncated","queryFunction","undefined","isControlled","assert","currentPageSize","currentPage","totalItems","ariaLabel","_currentPage","value","_currentPageSize","pageSizes","Array","isArray","itemsRangeStart","itemsRangeEnd","i","totalPages","push","max","buildQueryParamsObject","page","pageSize","routing","route","model","models","replace","queryPrev","queryNext","queryPages","forEach","queryByPage","isDisabledPrev","isDisabledNext","onPageChange","gotoPageNumber","onPageSizeChange","newPageSize","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/numbered/index.hbs","../../../../../src/components/hds/pagination/numbered/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-pagination\\\" ...attributes>\\n  {{#if this.showInfo}}\\n    <Hds::Pagination::Info\\n      @itemsRangeStart={{this.itemsRangeStart}}\\n      @itemsRangeEnd={{this.itemsRangeEnd}}\\n      @totalItems={{@totalItems}}\\n      @showTotalItems={{@showTotalItems}}\\n    />\\n  {{/if}}\\n\\n  <nav class=\\\"hds-pagination-nav\\\" aria-label={{this.ariaLabel}}>\\n    <Hds::Pagination::Nav::Arrow\\n      @direction=\\\"prev\\\"\\n      @showLabel={{this.showLabels}}\\n      @route={{this.routing.route}}\\n      @query={{this.routing.queryPrev}}\\n      @model={{this.routing.model}}\\n      @models={{this.routing.models}}\\n      @replace={{this.routing.replace}}\\n      @onClick={{this.onPageChange}}\\n      @disabled={{this.isDisabledPrev}}\\n    />\\n    {{#if this.showPageNumbers}}\\n      <ul class=\\\"hds-pagination-nav__page-list\\\">\\n        {{#each this.pages as |page|}}\\n          <li class=\\\"hds-pagination-nav__page-item\\\">\\n            {{#if (eq page \\\"…\\\")}}\\n              <Hds::Pagination::Nav::Ellipsis />\\n            {{else}}\\n              <Hds::Pagination::Nav::Number\\n                @page={{this.elliptizedPageArrayItemAsNumber page}}\\n                @route={{this.routing.route}}\\n                @query={{get this.routing.queryPages page}}\\n                @model={{this.routing.model}}\\n                @models={{this.routing.models}}\\n                @replace={{this.routing.replace}}\\n                @onClick={{this.onPageChange}}\\n                @isSelected={{if (eq page this.currentPage) true false}}\\n              />\\n            {{/if}}\\n          </li>\\n        {{/each}}\\n      </ul>\\n    {{/if}}\\n    <Hds::Pagination::Nav::Arrow\\n      @direction=\\\"next\\\"\\n      @showLabel={{this.showLabels}}\\n      @route={{this.routing.route}}\\n      @query={{this.routing.queryNext}}\\n      @model={{this.routing.model}}\\n      @models={{this.routing.models}}\\n      @replace={{this.routing.replace}}\\n      @onClick={{this.onPageChange}}\\n      @disabled={{this.isDisabledNext}}\\n    />\\n  </nav>\\n\\n  {{#if this.showSizeSelector}}\\n    <Hds::Pagination::SizeSelector\\n      @pageSizes={{this.pageSizes}}\\n      @label={{@sizeSelectorLabel}}\\n      @selectedSize={{this.currentPageSize}}\\n      @onChange={{this.onPageSizeChange}}\\n    />\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { HdsPaginationDirectionValues } from '../types.ts';\n\nimport type {\n  HdsPaginationPage,\n  HdsPaginationRoutingProps,\n  HdsPaginationElliptizedPageArray,\n  HdsPaginationElliptizedPageArrayItem,\n} from '../types';\nimport type { HdsInteractiveSignature } from '../../interactive/index.ts';\ninterface ElliptizeProps {\n  pages: number[];\n  current: number;\n  limit?: number;\n}\n\ntype HdsInteractiveQuery = HdsInteractiveSignature['Args']['query'];\n\ntype HdsPaginationNumberedRoutingQueryProps = HdsPaginationRoutingProps & {\n  queryNext?: HdsInteractiveQuery;\n  queryPrev?: HdsInteractiveQuery;\n  queryPages?: Record<\n    HdsPaginationElliptizedPageArrayItem,\n    HdsInteractiveQuery\n  >;\n};\n\ninterface HdsPaginationNumberedArgs {\n  ariaLabel?: string;\n  totalItems: number;\n  showLabels?: boolean;\n  isTruncated?: boolean;\n  currentPage?: number;\n  showInfo?: boolean;\n  showPageNumbers?: boolean;\n  showTotalItems?: boolean;\n  showSizeSelector?: boolean;\n  sizeSelectorLabel?: string;\n  pageSizes?: number[];\n  currentPageSize?: number;\n  queryFunction?: (page: number, pageSize: number) => HdsInteractiveQuery;\n  onPageChange?: (page: number, pageSize: number) => unknown;\n  onPageSizeChange?: (pageSize: number) => unknown;\n}\n\nexport interface HdsPaginationNumberedSignature {\n  Args: HdsPaginationNumberedArgs & HdsPaginationRoutingProps;\n  Element: HTMLDivElement;\n}\n\nconst ELLIPSIS = '…';\n\n// for context about the decision to use these values, see:\n// https://hashicorp.slack.com/archives/C03A0N1QK8S/p1673546329082759\nexport const DEFAULT_PAGE_SIZES = [10, 30, 50];\n\nexport const elliptize = ({\n  pages,\n  current,\n  limit = 7,\n}: ElliptizeProps): HdsPaginationElliptizedPageArray => {\n  const length = pages.length;\n\n  let result = [];\n  let start;\n  let end;\n\n  if (length <= limit) {\n    return pages;\n  }\n\n  if (current <= length / 2) {\n    start = Math.ceil(limit / 2);\n    end = limit - start;\n  } else {\n    end = Math.ceil(limit / 2);\n    start = limit - end;\n  }\n\n  const sliceStart: HdsPaginationElliptizedPageArray = pages.slice(0, start);\n  const sliceEnd: HdsPaginationElliptizedPageArray = pages.slice(-end);\n\n  if (sliceStart.includes(current) && sliceStart.includes(current + 1)) {\n    // \"current\" (and its next sibling) is contained within the \"sliceStart\" block\n    sliceEnd.splice(0, 1, ELLIPSIS);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart,\n      sliceEnd\n    );\n  } else if (sliceEnd.includes(current - 1) && sliceEnd.includes(current)) {\n    // \"current\" (and its prev sibling) is contained within the \"sliceEnd\" block\n    sliceStart.splice(-1, 1, ELLIPSIS);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart,\n      sliceEnd\n    );\n  } else {\n    // this is a bit more tricky :)\n    // we need to calculate how many items there are before/after the current item\n    // since both the initial and ending blocks are always 2 items long (number + ellipsis)\n    // and there is always the \"current\" item, we can just subtract 5 from the limit\n    const delta = (limit - 5) / 2; // this is why the limit needs to be an odd number\n    // we slice the array starting at the \"current\" index, minus the delta, minus one because it's an array (zero-based)\n    const sliceCurr = pages.slice(current - delta - 1, current + delta);\n    result = ([] as HdsPaginationElliptizedPageArray).concat(\n      sliceStart.shift() as number,\n      ELLIPSIS,\n      sliceCurr,\n      ELLIPSIS,\n      sliceEnd.pop() as number\n    );\n  }\n\n  return result;\n};\nexport default class HdsPaginationNumbered extends Component<HdsPaginationNumberedSignature> {\n  // These two private variables are used to differentiate between\n  // \"uncontrolled\" component (where the state is handled internally) and\n  // \"controlled\" component (where the state is handled externally, by the consumer's code).\n  // In the first case, these variables store the internal state of the component at any moment,\n  // and their value is updated internally according to the user's interaction with the component.\n  // In the second case, these variables store *only* the initial state of the component (coming from the arguments)\n  // at rendering time, but from that moment on they're not updated anymore, no matter what interaction the user\n  // has with the component (the state is controlled externally, eg. via query parameters)\n  @tracked _currentPage = this.args.currentPage ?? 1;\n  // we assert that `this.pageSizes` will always be an array with at least one item\n  @tracked _currentPageSize = this.args.currentPageSize ?? this.pageSizes[0]!;\n  @tracked isControlled;\n\n  showInfo = this.args.showInfo ?? true; // if the \"info\" block is visible\n  showLabels = this.args.showLabels ?? false; // if the labels for the \"prev/next\" controls are visible\n  showSizeSelector = this.args.showSizeSelector ?? true; // if the \"size selector\" block is visible\n  showPageNumbers = this.args.showPageNumbers ?? true; // if the \"page numbers\" block is visible\n  isTruncated = this.args.isTruncated ?? true; // if the list of \"page numbers\" is truncated\n\n  constructor(owner: unknown, args: HdsPaginationNumberedSignature['Args']) {\n    super(owner, args);\n\n    const { queryFunction } = this.args;\n\n    // This component works in two different ways, depending if we need to support\n    // routing through links (`LinkTo`) for the \"navigation controls\", or not.\n    // If there's no routing then the component behaves as \"uncontrolled\"\n    // (the state updates - eg to the \"currentPage\" and \"currentPageSize\"\n    // are handled by its internal logic).\n    // If instead the component needs to update the routing (and we infer this via the \"query\" arguments)\n    // then the component behaves as \"controlled\", where the state is\n    // initialized and updated using the arguments passed to it.\n\n    if (queryFunction === undefined) {\n      this.isControlled = false;\n    } else {\n      assert(\n        '@queryFunction for \"Hds::Pagination::Numbered\" must be a function',\n        typeof queryFunction === 'function'\n      );\n      assert(\n        '@currentPage and @currentPageSize for \"Hds::Pagination::Numbered\" must be provided as numeric arguments when the pagination controls the routing',\n        typeof this.args.currentPageSize === 'number' &&\n          typeof this.args.currentPage === 'number'\n      );\n      this.isControlled = true;\n    }\n\n    assert(\n      '@totalItems for \"Hds::Pagination::Numbered\" must be defined as an integer number',\n      typeof this.args.totalItems === 'number'\n    );\n  }\n\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Pagination';\n  }\n\n  // This very specific `get/set` pattern is used to handle the two different use cases of the component\n  // being \"controlled\" (when it has routing, meaning it needs to support pagination controls as links/`LinkTo`)\n  // vs being \"uncontrolled\" (see comments above for details).\n  //\n  // If it has routing (and so it's \"controlled\"), than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the controller via arguments (most of the times, connected to query parameters in the URL).\n  // For this reason the \"get\" method always returns the value from the `args`,\n  // while the \"set\" method never updates the private internal state (_variable).\n  //\n  // If instead it doesn't have routing (and so it's \"uncontrolled\") than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the component's internal logic (and updated according to the user interaction with it).\n  // For this reason the \"get\" and \"set\" methods always read from or write to the private internal state (_variable).\n\n  get currentPage(): number {\n    if (this.isControlled) {\n      // if the component is controlled, `@currentPage` is asserted to be a number\n      return this.args.currentPage as number;\n    } else {\n      return this._currentPage;\n    }\n  }\n  set currentPage(value) {\n    if (this.isControlled) {\n      // noop\n    } else {\n      // if `this.isControlled` is `false`\n      this._currentPage = value as number;\n    }\n  }\n\n  get currentPageSize(): number {\n    if (this.isControlled) {\n      // if the component is controlled, `@currentPageSize` is asserted to be a number\n      return this.args.currentPageSize as number;\n    } else {\n      return this._currentPageSize;\n    }\n  }\n  set currentPageSize(value) {\n    if (this.isControlled) {\n      // noop\n    } else {\n      this._currentPageSize = value;\n    }\n  }\n\n  get pageSizes(): number[] {\n    const { pageSizes = DEFAULT_PAGE_SIZES } = this.args;\n\n    assert(\n      // TODO: Add test for this\n      `pageSizes argument must be an array with at least one item. Received: ${pageSizes}`,\n      Array.isArray(pageSizes) === true && pageSizes.length > 0\n    );\n\n    return pageSizes;\n  }\n\n  get itemsRangeStart(): number {\n    // Calculate the starting range of items displayed on current page\n    // if currentPage = 1st page and # of items per page is 10:\n    //  ( (1 - 1 = 0) * 10 = 0 ) + 1 = 1\n    // if current page = 2nd page:\n    // ( (2 - 1 = 1) * 10 = 10 ) + 1 = 11\n    return (this.currentPage - 1) * this.currentPageSize + 1;\n  }\n\n  get itemsRangeEnd(): number {\n    // Calculate ending range of items displayed on current page\n    // 2 cases: 1) full page of items or 2) last page of items\n    if (this.currentPage * this.currentPageSize < this.args.totalItems) {\n      // 1) full page of items (pages 1 to page before last):\n      return this.itemsRangeStart + this.currentPageSize - 1;\n    } else {\n      // 2) last page of items:\n      return this.args.totalItems;\n    }\n  }\n\n  get pages(): HdsPaginationElliptizedPageArray {\n    const pages = [];\n\n    for (let i = 1; i <= this.totalPages; i++) {\n      pages.push(i);\n    }\n\n    if (this.isTruncated) {\n      return elliptize({ pages, current: this.currentPage });\n    } else {\n      return pages;\n    }\n  }\n\n  get totalPages() {\n    return Math.max(Math.ceil(this.args.totalItems / this.currentPageSize), 1);\n  }\n\n  buildQueryParamsObject(\n    page: HdsPaginationElliptizedPageArrayItem,\n    pageSize: number\n  ): HdsInteractiveQuery {\n    // `page` may also be ellipsis\n    if (this.isControlled && typeof page === 'number') {\n      // if the component is controlled, `@queryFunction` is asserted to be a function\n      return this.args.queryFunction!(page, pageSize);\n    } else {\n      return {};\n    }\n  }\n\n  get routing(): HdsPaginationNumberedRoutingQueryProps {\n    const routing: HdsPaginationNumberedRoutingQueryProps = {\n      route: this.args.route ?? undefined,\n      model: this.args.model ?? undefined,\n      models: this.args.models ?? undefined,\n      replace: this.args.replace ?? undefined,\n    };\n\n    // the \"query\" is dynamic and needs to be calculated\n    if (this.isControlled) {\n      routing.queryPrev = this.buildQueryParamsObject(\n        this.currentPage - 1,\n        this.currentPageSize\n      );\n      routing.queryNext = this.buildQueryParamsObject(\n        this.currentPage + 1,\n        this.currentPageSize\n      );\n      // IMPORTANT: here we need to use an object and not an array\n      // otherwise the {{get object page}} will be shifted by one\n      // (the pages are 1-based while the array would be zero-based)\n      routing.queryPages = {};\n      this.pages.forEach(\n        (page) =>\n          (routing.queryPages![page] = this.buildQueryParamsObject(\n            page,\n            this.currentPageSize\n          ))\n      );\n    } else {\n      routing.queryPrev = undefined;\n      routing.queryNext = undefined;\n    }\n\n    return routing;\n  }\n\n  get isDisabledPrev() {\n    return this.currentPage === 1;\n  }\n\n  get isDisabledNext() {\n    return this.currentPage === this.totalPages;\n  }\n\n  @action\n  onPageChange(page: HdsPaginationPage) {\n    let gotoPageNumber;\n    if (page === HdsPaginationDirectionValues.Prev && this.currentPage > 1) {\n      gotoPageNumber = this.currentPage - 1;\n    } else if (\n      page === HdsPaginationDirectionValues.Next &&\n      this.currentPage < this.totalPages\n    ) {\n      gotoPageNumber = this.currentPage + 1;\n    } else {\n      gotoPageNumber = page;\n    }\n\n    // we want to invoke the `onPageChange` callback only on actual page change\n    if (gotoPageNumber !== this.currentPage) {\n      // we have already determined that `gotoPageNumber` is not `prev` or `next`\n      this.currentPage = gotoPageNumber as number;\n\n      const { onPageChange } = this.args;\n\n      if (typeof onPageChange === 'function') {\n        onPageChange(this.currentPage, this.currentPageSize);\n      }\n    }\n  }\n\n  @action\n  onPageSizeChange(newPageSize: number) {\n    const { onPageSizeChange } = this.args;\n\n    if (!this.isControlled) {\n      // notice: we agreed to reset the pagination to the first element (any alternative would result in an unpredictable UX)\n      this.currentPage = 1;\n      this.currentPageSize = newPageSize;\n    }\n\n    // invoke the callback function\n    if (typeof onPageSizeChange === 'function') {\n      onPageSizeChange(newPageSize);\n    }\n  }\n\n  elliptizedPageArrayItemAsNumber = (\n    item: HdsPaginationElliptizedPageArrayItem\n  ): number => {\n    if (typeof item === 'number') {\n      return item;\n    } else {\n      throw new Error('Expected a number, but got an ellipsis');\n    }\n  };\n\n  getPageNumberQuery(page: HdsPaginationElliptizedPageArrayItem) {\n    return this.routing.queryPages![this.elliptizedPageArrayItemAsNumber(page)];\n  }\n}\n"],"names":["ELLIPSIS","DEFAULT_PAGE_SIZES","elliptize","pages","current","limit","length","result","start","end","Math","ceil","sliceStart","slice","sliceEnd","includes","splice","concat","delta","sliceCurr","shift","pop","HdsPaginationNumbered","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","showInfo","showLabels","showSizeSelector","showPageNumbers","isTruncated","item","Error","queryFunction","undefined","isControlled","assert","currentPageSize","currentPage","totalItems","ariaLabel","_currentPage","value","_currentPageSize","pageSizes","Array","isArray","itemsRangeStart","itemsRangeEnd","i","totalPages","push","max","buildQueryParamsObject","page","pageSize","routing","route","model","models","replace","queryPrev","queryNext","queryPages","forEach","isDisabledPrev","isDisabledNext","onPageChange","gotoPageNumber","HdsPaginationDirectionValues","Prev","Next","onPageSizeChange","newPageSize","getPageNumberQuery","elliptizedPageArrayItemAsNumber","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/pagination/size-selector/index.js

@@ -6,67 +6,45 @@ import { action } from '@ember/object';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-pagination-size-selector\" ...attributes>\n  <label class=\"hds-typography-body-100 hds-font-weight-medium\" for={{this.SizeSelectorId}}>\n    {{this.label}}\n  </label>\n  <Hds::Form::Select::Base id={{this.SizeSelectorId}} {{on \"change\" this.onChange}} as |S|>\n    <S.Options>\n      {{#each this.pageSizes as |size|}}\n        <option value={{size}} selected={{if (eq size this.selectedSize) true null}}>{{size}}</option>\n      {{/each}}\n    </S.Options>\n  </Hds::Form::Select::Base>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-pagination-size-selector\" ...attributes>\n  <label class=\"hds-typography-body-100 hds-font-weight-medium\" for={{this.SizeSelectorId}}>\n    {{this.label}}\n  </label>\n  <Hds::Form::Select::Base id={{this.SizeSelectorId}} {{on \"change\" this.onChange}} as |S|>\n    <S.Options>\n      {{#each this.pageSizes as |size|}}\n        <option value={{size}} selected={{if (eq size this.selectedSize) true null}}>{{size}}</option>\n      {{/each}}\n    </S.Options>\n  </Hds::Form::Select::Base>\n</div>");
 
 var _class;
-let HdsPaginationSizeSelectorComponent = (_class = class HdsPaginationSizeSelectorComponent extends Component {
+let HdsPaginationSizeSelector = (_class = class HdsPaginationSizeSelector extends Component {
   constructor(...args) {
     super(...args);
-    /**
-     * Generates a unique ID for the pageSize select
-     *
-     * @param SizeSelectorId
-     */
     _defineProperty(this, "SizeSelectorId", 'pagination-size-selector-' + guidFor(this));
   }
-  /**
-   * @param pageSizes
-   * @type {array of numbers}
-   * @description Set the page sizes users can select from.
-   */
   get pageSizes() {
-    let {
+    const {
       pageSizes
     } = this.args;
     assert('@pageSizes for "Pagination::SizeSelector" must be defined', pageSizes !== undefined);
     return pageSizes;
   }
-
-  /**
-   * @param selectedSize
-   * @type integer
-   * @description The selected ("current") page size
-   */
   get selectedSize() {
-    let {
+    const {
       selectedSize
     } = this.args;
     assert(`@selectedSize for "Pagination::SizeSelector" must one of the @pageSizes provided (${this.pageSizes.join(',')}), received ${selectedSize}`, selectedSize === undefined || this.pageSizes.includes(selectedSize));
     return selectedSize;
   }
-
-  /**
-   * @param label
-   * @type string
-   * @default "Items per page"
-   * @description The label text for the select
-   */
   get label() {
-    let {
+    const {
       label = 'Items per page'
     } = this.args;
     return label;
   }
   onChange(e) {
-    let {
+    const {
       onChange
     } = this.args;
+    const target = e.target;
     if (typeof onChange === 'function') {
-      onChange(parseInt(e.target.value));
+      onChange(parseInt(target.value));
     }
   }
 }, (_applyDecoratedDescriptor(_class.prototype, "onChange", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onChange"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsPaginationSizeSelectorComponent);
+setComponentTemplate(TEMPLATE, HdsPaginationSizeSelector);
 
-export { HdsPaginationSizeSelectorComponent as default };
+export { HdsPaginationSizeSelector as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/pagination/size-selector/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/size-selector/index.hbs","../../../../../src/components/hds/pagination/size-selector/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-pagination-size-selector\\\" ...attributes>\\n  <label class=\\\"hds-typography-body-100 hds-font-weight-medium\\\" for={{this.SizeSelectorId}}>\\n    {{this.label}}\\n  </label>\\n  <Hds::Form::Select::Base id={{this.SizeSelectorId}} {{on \\\"change\\\" this.onChange}} as |S|>\\n    <S.Options>\\n      {{#each this.pageSizes as |size|}}\\n        <option value={{size}} selected={{if (eq size this.selectedSize) true null}}>{{size}}</option>\\n      {{/each}}\\n    </S.Options>\\n  </Hds::Form::Select::Base>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { action } from '@ember/object';\n\nexport default class HdsPaginationSizeSelectorComponent extends Component {\n  /**\n   * Generates a unique ID for the pageSize select\n   *\n   * @param SizeSelectorId\n   */\n  SizeSelectorId = 'pagination-size-selector-' + guidFor(this);\n\n  /**\n   * @param pageSizes\n   * @type {array of numbers}\n   * @description Set the page sizes users can select from.\n   */\n  get pageSizes() {\n    let { pageSizes } = this.args;\n\n    assert(\n      '@pageSizes for \"Pagination::SizeSelector\" must be defined',\n      pageSizes !== undefined\n    );\n\n    return pageSizes;\n  }\n\n  /**\n   * @param selectedSize\n   * @type integer\n   * @description The selected (\"current\") page size\n   */\n  get selectedSize() {\n    let { selectedSize } = this.args;\n\n    assert(\n      `@selectedSize for \"Pagination::SizeSelector\" must one of the @pageSizes provided (${this.pageSizes.join(\n        ','\n      )}), received ${selectedSize}`,\n      selectedSize === undefined || this.pageSizes.includes(selectedSize)\n    );\n\n    return selectedSize;\n  }\n\n  /**\n   * @param label\n   * @type string\n   * @default \"Items per page\"\n   * @description The label text for the select\n   */\n  get label() {\n    let { label = 'Items per page' } = this.args;\n\n    return label;\n  }\n\n  @action\n  onChange(e) {\n    let { onChange } = this.args;\n\n    if (typeof onChange === 'function') {\n      onChange(parseInt(e.target.value));\n    }\n  }\n}\n"],"names":["HdsPaginationSizeSelectorComponent","_class","Component","constructor","args","_defineProperty","guidFor","pageSizes","assert","undefined","selectedSize","join","includes","label","onChange","e","parseInt","target","value","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,8nBAA8nB;;;ACS3oBA,IAAAA,kCAAkC,IAAAC,MAAA,GAAxC,MAAMD,kCAAkC,SAASE,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACxE;AACF;AACA;AACA;AACA;AAJEC,IAAAA,eAAA,yBAKiB,2BAA2B,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;AAE5D;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;IACd,IAAI;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACH,IAAI,CAAA;AAE7BI,IAAAA,MAAM,CACJ,2DAA2D,EAC3DD,SAAS,KAAKE,SAChB,CAAC,CAAA;AAED,IAAA,OAAOF,SAAS,CAAA;AAClB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,YAAYA,GAAG;IACjB,IAAI;AAAEA,MAAAA,YAAAA;KAAc,GAAG,IAAI,CAACN,IAAI,CAAA;IAEhCI,MAAM,CACJ,CAAqF,kFAAA,EAAA,IAAI,CAACD,SAAS,CAACI,IAAI,CACtG,GACF,CAAC,CAAA,YAAA,EAAeD,YAAY,CAAA,CAAE,EAC9BA,YAAY,KAAKD,SAAS,IAAI,IAAI,CAACF,SAAS,CAACK,QAAQ,CAACF,YAAY,CACpE,CAAC,CAAA;AAED,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIG,KAAKA,GAAG;IACV,IAAI;AAAEA,MAAAA,KAAK,GAAG,gBAAA;KAAkB,GAAG,IAAI,CAACT,IAAI,CAAA;AAE5C,IAAA,OAAOS,KAAK,CAAA;AACd,GAAA;EAGAC,QAAQA,CAACC,CAAC,EAAE;IACV,IAAI;AAAED,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACV,IAAI,CAAA;AAE5B,IAAA,IAAI,OAAOU,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACE,QAAQ,CAACD,CAAC,CAACE,MAAM,CAACC,KAAK,CAAC,CAAC,CAAA;AACpC,KAAA;AACF,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAlB,MAAA,CAAAmB,SAAA,EAAA,UAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAtB,MAAA,CAAAmB,SAAA,eAAAnB,MAAA,CAAAmB,SAAA,CAAA,GAAAnB,MAAA,EAAA;AAtD8CuB,oBAAA,CAAAC,QAAA,EAAlCzB,kCAAkC,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/size-selector/index.hbs","../../../../../src/components/hds/pagination/size-selector/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-pagination-size-selector\\\" ...attributes>\\n  <label class=\\\"hds-typography-body-100 hds-font-weight-medium\\\" for={{this.SizeSelectorId}}>\\n    {{this.label}}\\n  </label>\\n  <Hds::Form::Select::Base id={{this.SizeSelectorId}} {{on \\\"change\\\" this.onChange}} as |S|>\\n    <S.Options>\\n      {{#each this.pageSizes as |size|}}\\n        <option value={{size}} selected={{if (eq size this.selectedSize) true null}}>{{size}}</option>\\n      {{/each}}\\n    </S.Options>\\n  </Hds::Form::Select::Base>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { action } from '@ember/object';\n\nimport type { HdsFormSelectBaseSignature } from '../../form/select/base';\n\ninterface HdsPaginationSizeSelectorSignature {\n  Args: {\n    pageSizes: number[];\n    label?: string;\n    selectedSize?: number;\n    onChange?: (size: number) => void;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsPaginationSizeSelector extends Component<HdsPaginationSizeSelectorSignature> {\n  SizeSelectorId = 'pagination-size-selector-' + guidFor(this);\n\n  get pageSizes(): number[] {\n    const { pageSizes } = this.args;\n\n    assert(\n      '@pageSizes for \"Pagination::SizeSelector\" must be defined',\n      pageSizes !== undefined\n    );\n\n    return pageSizes;\n  }\n\n  get selectedSize(): number | undefined {\n    const { selectedSize } = this.args;\n\n    assert(\n      `@selectedSize for \"Pagination::SizeSelector\" must one of the @pageSizes provided (${this.pageSizes.join(\n        ','\n      )}), received ${selectedSize}`,\n      selectedSize === undefined || this.pageSizes.includes(selectedSize)\n    );\n\n    return selectedSize;\n  }\n\n  get label(): string {\n    const { label = 'Items per page' } = this.args;\n\n    return label;\n  }\n\n  @action\n  onChange(e: Event): void {\n    const { onChange } = this.args;\n\n    const target = e.target as HdsFormSelectBaseSignature['Element'];\n\n    if (typeof onChange === 'function') {\n      onChange(parseInt(target.value));\n    }\n  }\n}\n"],"names":["HdsPaginationSizeSelector","_class","Component","constructor","args","_defineProperty","guidFor","pageSizes","assert","undefined","selectedSize","join","includes","label","onChange","e","target","parseInt","value","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,qlBAAqlB;;;ACqBlmBA,IAAAA,yBAAyB,IAAAC,MAAA,GAA/B,MAAMD,yBAAyB,SAASE,SAAS,CAAqC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,eAAA,yBAClF,2BAA2B,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;EAE5D,IAAIC,SAASA,GAAa;IACxB,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACH,IAAI,CAAA;AAE/BI,IAAAA,MAAM,CACJ,2DAA2D,EAC3DD,SAAS,KAAKE,SAChB,CAAC,CAAA;AAED,IAAA,OAAOF,SAAS,CAAA;AAClB,GAAA;EAEA,IAAIG,YAAYA,GAAuB;IACrC,MAAM;AAAEA,MAAAA,YAAAA;KAAc,GAAG,IAAI,CAACN,IAAI,CAAA;IAElCI,MAAM,CACJ,CAAqF,kFAAA,EAAA,IAAI,CAACD,SAAS,CAACI,IAAI,CACtG,GACF,CAAC,CAAA,YAAA,EAAeD,YAAY,CAAA,CAAE,EAC9BA,YAAY,KAAKD,SAAS,IAAI,IAAI,CAACF,SAAS,CAACK,QAAQ,CAACF,YAAY,CACpE,CAAC,CAAA;AAED,IAAA,OAAOA,YAAY,CAAA;AACrB,GAAA;EAEA,IAAIG,KAAKA,GAAW;IAClB,MAAM;AAAEA,MAAAA,KAAK,GAAG,gBAAA;KAAkB,GAAG,IAAI,CAACT,IAAI,CAAA;AAE9C,IAAA,OAAOS,KAAK,CAAA;AACd,GAAA;EAGAC,QAAQA,CAACC,CAAQ,EAAQ;IACvB,MAAM;AAAED,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACV,IAAI,CAAA;AAE9B,IAAA,MAAMY,MAAM,GAAGD,CAAC,CAACC,MAA+C,CAAA;AAEhE,IAAA,IAAI,OAAOF,QAAQ,KAAK,UAAU,EAAE;AAClCA,MAAAA,QAAQ,CAACG,QAAQ,CAACD,MAAM,CAACE,KAAK,CAAC,CAAC,CAAA;AAClC,KAAA;AACF,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAlB,MAAA,CAAAmB,SAAA,EAAA,UAAA,EAAA,CAVEC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAtB,MAAA,CAAAmB,SAAA,eAAAnB,MAAA,CAAAmB,SAAA,CAAA,GAAAnB,MAAA,EAAA;AAjCqCuB,oBAAA,CAAAC,QAAA,EAAzBzB,yBAAyB,CAAA;;;;"}

package/dist/components/hds/pagination/types.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsPaginationDirectionValues = /*#__PURE__*/function (HdsPaginationDirectionValues) {
+  HdsPaginationDirectionValues["Next"] = "next";
+  HdsPaginationDirectionValues["Prev"] = "prev";
+  return HdsPaginationDirectionValues;
+}({});
+let HdsPaginationDirectionAriaLabelValues = /*#__PURE__*/function (HdsPaginationDirectionAriaLabelValues) {
+  HdsPaginationDirectionAriaLabelValues["Prev"] = "Previous page";
+  HdsPaginationDirectionAriaLabelValues["Next"] = "Next page";
+  return HdsPaginationDirectionAriaLabelValues;
+}({});
+let HdsPaginationDirectionLabelValues = /*#__PURE__*/function (HdsPaginationDirectionLabelValues) {
+  HdsPaginationDirectionLabelValues["Prev"] = "Previous";
+  HdsPaginationDirectionLabelValues["Next"] = "Next";
+  return HdsPaginationDirectionLabelValues;
+}({});
+
+export { HdsPaginationDirectionAriaLabelValues, HdsPaginationDirectionLabelValues, HdsPaginationDirectionValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/pagination/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/pagination/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { HdsInteractiveSignature } from '../interactive';\n\nexport enum HdsPaginationDirectionValues {\n  Next = 'next',\n  Prev = 'prev',\n}\n\nexport type HdsPaginationDirections = `${HdsPaginationDirectionValues}`;\n\nexport type HdsPaginationPage = HdsPaginationDirections | number;\n\nexport enum HdsPaginationDirectionAriaLabelValues {\n  Prev = 'Previous page',\n  Next = 'Next page',\n}\n\nexport type HdsPaginationDirectionAriaLabels =\n  `${HdsPaginationDirectionAriaLabelValues}`;\n\nexport enum HdsPaginationDirectionLabelValues {\n  Prev = 'Previous',\n  Next = 'Next',\n}\n\nexport type HdsPaginationDirectionLabels =\n  `${HdsPaginationDirectionLabelValues}`;\n\nexport type HdsPaginationElliptizedPageArrayItem = string | number;\n\nexport type HdsPaginationElliptizedPageArray =\n  HdsPaginationElliptizedPageArrayItem[];\n\nexport type HdsPaginationRoutingProps = Pick<\n  HdsInteractiveSignature['Args'],\n  'route' | 'model' | 'models' | 'replace'\n>;\n"],"names":["HdsPaginationDirectionValues","HdsPaginationDirectionAriaLabelValues","HdsPaginationDirectionLabelValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAIYA,IAAAA,4BAA4B,0BAA5BA,4BAA4B,EAAA;EAA5BA,4BAA4B,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAA5BA,4BAA4B,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAA5BA,4BAA4B,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAS5BC,IAAAA,qCAAqC,0BAArCA,qCAAqC,EAAA;EAArCA,qCAAqC,CAAA,MAAA,CAAA,GAAA,eAAA,CAAA;EAArCA,qCAAqC,CAAA,MAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAArCA,qCAAqC,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAQrCC,IAAAA,iCAAiC,0BAAjCA,iCAAiC,EAAA;EAAjCA,iCAAiC,CAAA,MAAA,CAAA,GAAA,UAAA,CAAA;EAAjCA,iCAAiC,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAjCA,iCAAiC,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}