@hashicorp/design-system-components 4.16.0 → 4.17.1

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

@@ -1,36 +1,43 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 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 { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-pagination\" ...attributes>\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={{@isDisabledPrev}}\n    />\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={{@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;
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 // for context about the decision to use these values, see:
 // https://hashicorp.slack.com/archives/C03A0N1QK8S/p1673546329082759
 const DEFAULT_PAGE_SIZES = [10, 30, 50];
-let HdsPaginationCompact = (_class = class HdsPaginationCompact extends Component {
-  // if the "size selector" block is visible
+class HdsPaginationCompact extends Component {
+  static {
+    g(this.prototype, "_currentPageSize", [tracked]);
+  }
+  #_currentPageSize = (i(this, "_currentPageSize"), undefined); // This private variable is 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).
+  // In the first case, the variable stores the internal state of the component at any moment,
+  // and its value is updated internally according to the user's interaction with the component.
+  // In the second case, the variable stores *only* the initial state of the component (coming from the arguments)
+  // at rendering time, but from that moment on it's not updated anymore, no matter what interaction the user
+  // has with the component (the state is controlled externally, eg. via query parameters)
+  static {
+    g(this.prototype, "_isControlled", [tracked]);
+  }
+  #_isControlled = (i(this, "_isControlled"), undefined);
+  showLabels = this.args.showLabels ?? true; // if the labels for the "prev/next" controls are visible
+  showSizeSelector = this.args.showSizeSelector ?? false; // if the "size selector" block is visible
 
   constructor(owner, args) {
     super(owner, args);
-    // This private variable is 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).
-    // In the first case, the variable stores the internal state of the component at any moment,
-    // and its value is updated internally according to the user's interaction with the component.
-    // In the second case, the variable stores *only* the initial state of the component (coming from the arguments)
-    // at rendering time, but from that moment on it's not updated anymore, no matter what interaction the user
-    // has with the component (the state is controlled externally, eg. via query parameters)
-    _initializerDefineProperty(this, "_currentPageSize", _descriptor, this);
-    _initializerDefineProperty(this, "_isControlled", _descriptor2, this);
-    _defineProperty(this, "showLabels", this.args.showLabels ?? true);
-    // if the labels for the "prev/next" controls are visible
-    _defineProperty(this, "showSizeSelector", this.args.showSizeSelector ?? false);
     const {
       queryFunction
     } = this.args;
@@ -124,6 +131,9 @@ let HdsPaginationCompact = (_class = class HdsPaginationCompact extends Componen
       onPageChange(newPage);
     }
   }
+  static {
+    n(this.prototype, "onPageChange", [action]);
+  }
   onPageSizeChange(newPageSize) {
     const {
       onPageSizeChange
@@ -134,17 +144,10 @@ let HdsPaginationCompact = (_class = class HdsPaginationCompact extends Componen
       onPageSizeChange(newPageSize);
     }
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_currentPageSize", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_isControlled", [tracked], {
-  configurable: true,
-  enumerable: true,
-  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);
+  static {
+    n(this.prototype, "onPageSizeChange", [action]);
+  }
+}
 setComponentTemplate(TEMPLATE, HdsPaginationCompact);
 
 export { DEFAULT_PAGE_SIZES, HdsPaginationCompact as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/compact/index.hbs","../../../../../src/components/hds/pagination/compact/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  <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={{@isDisabledPrev}}\\n    />\\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={{@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';\nimport { HdsPaginationDirectionValues } from '../types.ts';\n\nimport type {\n  HdsPaginationRoutingProps,\n  HdsPaginationDirections,\n} from '../types';\nimport type { HdsInteractiveSignature } from '../../interactive';\n\ntype HdsInteractiveQuery = HdsInteractiveSignature['Args']['query'];\n\ntype HdsPaginationCompactRoutingQueryProps = HdsPaginationRoutingProps & {\n  queryNext?: HdsInteractiveQuery;\n  queryPrev?: HdsInteractiveQuery;\n};\n\ntype HdsPaginationQueryFunction = (\n  page: HdsPaginationDirections,\n  pageSize?: number\n) => HdsInteractiveQuery;\n\ninterface HdsPaginationCompactArgs extends HdsPaginationRoutingProps {\n  ariaLabel?: string;\n  showLabels?: boolean;\n  isDisabledPrev?: boolean;\n  isDisabledNext?: boolean;\n  showSizeSelector?: boolean;\n  sizeSelectorLabel?: string;\n  pageSizes?: number[];\n  currentPageSize?: number;\n  queryFunction?: HdsPaginationQueryFunction;\n  onPageChange?: (page: HdsPaginationDirections) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n}\n\ninterface HdsPaginationCompactArgsControlledBase\n  extends HdsPaginationCompactArgs {\n  queryFunction: HdsPaginationQueryFunction;\n}\n\ninterface HdsPaginationCompactArgsControlledWithModel\n  extends HdsPaginationCompactArgsControlledBase {\n  model: string | number;\n}\n\ninterface HdsPaginationCompactArgsControlledWithModels\n  extends HdsPaginationCompactArgsControlledBase {\n  models: Array<string | number>;\n}\ninterface HdsPaginationCompactArgsControlledWithRoute\n  extends HdsPaginationCompactArgsControlledBase {\n  route: string;\n}\n\ntype HdsPaginationCompactArgsControlled =\n  | HdsPaginationCompactArgsControlledWithModel\n  | HdsPaginationCompactArgsControlledWithModels\n  | HdsPaginationCompactArgsControlledWithRoute;\n\ninterface HdsPaginationCompactArgsUncontrolled\n  extends HdsPaginationCompactArgs {\n  queryFunction?: undefined;\n}\n\nexport interface HdsPaginationCompactSignature {\n  Args:\n    | HdsPaginationCompactArgsControlled\n    | HdsPaginationCompactArgsUncontrolled;\n  Element: HTMLDivElement;\n}\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];\nexport default class HdsPaginationCompact extends Component<HdsPaginationCompactSignature> {\n  // This private variable is 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, the variable stores the internal state of the component at any moment,\n  // and its value is updated internally according to the user's interaction with the component.\n  // In the second case, the variable stores *only* the initial state of the component (coming from the arguments)\n  // at rendering time, but from that moment on it's 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 private _currentPageSize;\n  @tracked private _isControlled;\n\n  showLabels = this.args.showLabels ?? true; // if the labels for the \"prev/next\" controls are visible\n  showSizeSelector = this.args.showSizeSelector ?? false; // if the \"size selector\" block is visible\n\n  constructor(owner: unknown, args: HdsPaginationCompactSignature['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 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        '@model, @models, or @route for \"Hds::Pagination::Compact\" must be provided when using the `@queryFunction` argument',\n        this.args.model !== undefined ||\n          this.args.models !== undefined ||\n          this.args.route !== undefined\n      );\n      assert(\n        '@queryFunction for \"Hds::Pagination::Compact\" must be a function',\n        typeof queryFunction === 'function'\n      );\n      this._isControlled = true;\n    }\n\n    // we assert that `this.pageSizes` will always be an array with at least one item\n    this._currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\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 `currentPageSize` variable\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 `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 currentPageSize(): number | undefined {\n    if (this._isControlled) {\n      return this.args.currentPageSize;\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      `pageSizes argument must be an array. Received: ${pageSizes}`,\n      Array.isArray(pageSizes) === true && pageSizes.length > 0\n    );\n\n    return pageSizes;\n  }\n\n  buildQueryParamsObject(\n    page: HdsPaginationDirections,\n    pageSize?: number\n  ): HdsInteractiveQuery {\n    if (this._isControlled) {\n      // if the component is controlled, we can assert that the queryFunction is defined\n      return this.args.queryFunction!(page, pageSize);\n    } else {\n      return {};\n    }\n  }\n\n  get routing(): HdsPaginationCompactRoutingQueryProps {\n    const routing: HdsPaginationCompactRoutingQueryProps = {\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        HdsPaginationDirectionValues.Prev,\n        this.currentPageSize\n      );\n      routing.queryNext = this.buildQueryParamsObject(\n        HdsPaginationDirectionValues.Next,\n        this.currentPageSize\n      );\n    } else {\n      routing.queryPrev = undefined;\n      routing.queryNext = undefined;\n    }\n\n    return routing;\n  }\n\n  @action\n  onPageChange(newPage: HdsPaginationDirections): void {\n    const { onPageChange } = this.args;\n\n    if (typeof onPageChange === 'function') {\n      onPageChange(newPage);\n    }\n  }\n\n  @action\n  onPageSizeChange(newPageSize: number): void {\n    const { onPageSizeChange } = this.args;\n\n    // invoke the callback function\n    if (typeof onPageSizeChange === 'function') {\n      onPageSizeChange(newPageSize);\n    }\n  }\n}\n"],"names":["DEFAULT_PAGE_SIZES","HdsPaginationCompact","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_defineProperty","showLabels","showSizeSelector","queryFunction","undefined","_isControlled","assert","model","models","route","_currentPageSize","currentPageSize","pageSizes","ariaLabel","value","Array","isArray","length","buildQueryParamsObject","page","pageSize","routing","replace","queryPrev","HdsPaginationDirectionValues","Prev","queryNext","Next","onPageChange","newPage","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/compact/index.ts"],"sourcesContent":["/**\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';\nimport { HdsPaginationDirectionValues } from '../types.ts';\n\nimport type {\n  HdsPaginationRoutingProps,\n  HdsPaginationDirections,\n} from '../types';\nimport type { HdsInteractiveSignature } from '../../interactive';\nimport type Owner from '@ember/owner';\n\ntype HdsInteractiveQuery = HdsInteractiveSignature['Args']['query'];\n\ntype HdsPaginationCompactRoutingQueryProps = HdsPaginationRoutingProps & {\n  queryNext?: HdsInteractiveQuery;\n  queryPrev?: HdsInteractiveQuery;\n};\n\ntype HdsPaginationQueryFunction = (\n  page: HdsPaginationDirections,\n  pageSize?: number\n) => HdsInteractiveQuery;\n\ninterface HdsPaginationCompactArgs extends HdsPaginationRoutingProps {\n  ariaLabel?: string;\n  showLabels?: boolean;\n  isDisabledPrev?: boolean;\n  isDisabledNext?: boolean;\n  showSizeSelector?: boolean;\n  sizeSelectorLabel?: string;\n  pageSizes?: number[];\n  currentPageSize?: number;\n  queryFunction?: HdsPaginationQueryFunction;\n  onPageChange?: (page: HdsPaginationDirections) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n}\n\ninterface HdsPaginationCompactArgsControlledBase\n  extends HdsPaginationCompactArgs {\n  queryFunction: HdsPaginationQueryFunction;\n}\n\ninterface HdsPaginationCompactArgsControlledWithModel\n  extends HdsPaginationCompactArgsControlledBase {\n  model: string | number;\n}\n\ninterface HdsPaginationCompactArgsControlledWithModels\n  extends HdsPaginationCompactArgsControlledBase {\n  models: Array<string | number>;\n}\ninterface HdsPaginationCompactArgsControlledWithRoute\n  extends HdsPaginationCompactArgsControlledBase {\n  route: string;\n}\n\ntype HdsPaginationCompactArgsControlled =\n  | HdsPaginationCompactArgsControlledWithModel\n  | HdsPaginationCompactArgsControlledWithModels\n  | HdsPaginationCompactArgsControlledWithRoute;\n\ninterface HdsPaginationCompactArgsUncontrolled\n  extends HdsPaginationCompactArgs {\n  queryFunction?: undefined;\n}\n\nexport interface HdsPaginationCompactSignature {\n  Args:\n    | HdsPaginationCompactArgsControlled\n    | HdsPaginationCompactArgsUncontrolled;\n  Element: HTMLDivElement;\n}\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];\nexport default class HdsPaginationCompact extends Component<HdsPaginationCompactSignature> {\n  // This private variable is 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, the variable stores the internal state of the component at any moment,\n  // and its value is updated internally according to the user's interaction with the component.\n  // In the second case, the variable stores *only* the initial state of the component (coming from the arguments)\n  // at rendering time, but from that moment on it's 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 private _currentPageSize;\n  @tracked private _isControlled;\n\n  showLabels = this.args.showLabels ?? true; // if the labels for the \"prev/next\" controls are visible\n  showSizeSelector = this.args.showSizeSelector ?? false; // if the \"size selector\" block is visible\n\n  constructor(owner: Owner, args: HdsPaginationCompactSignature['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 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        '@model, @models, or @route for \"Hds::Pagination::Compact\" must be provided when using the `@queryFunction` argument',\n        this.args.model !== undefined ||\n          this.args.models !== undefined ||\n          this.args.route !== undefined\n      );\n      assert(\n        '@queryFunction for \"Hds::Pagination::Compact\" must be a function',\n        typeof queryFunction === 'function'\n      );\n      this._isControlled = true;\n    }\n\n    // we assert that `this.pageSizes` will always be an array with at least one item\n    this._currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\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 `currentPageSize` variable\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 `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 currentPageSize(): number | undefined {\n    if (this._isControlled) {\n      return this.args.currentPageSize;\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      `pageSizes argument must be an array. Received: ${pageSizes}`,\n      Array.isArray(pageSizes) === true && pageSizes.length > 0\n    );\n\n    return pageSizes;\n  }\n\n  buildQueryParamsObject(\n    page: HdsPaginationDirections,\n    pageSize?: number\n  ): HdsInteractiveQuery {\n    if (this._isControlled) {\n      // if the component is controlled, we can assert that the queryFunction is defined\n      return this.args.queryFunction!(page, pageSize);\n    } else {\n      return {};\n    }\n  }\n\n  get routing(): HdsPaginationCompactRoutingQueryProps {\n    const routing: HdsPaginationCompactRoutingQueryProps = {\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        HdsPaginationDirectionValues.Prev,\n        this.currentPageSize\n      );\n      routing.queryNext = this.buildQueryParamsObject(\n        HdsPaginationDirectionValues.Next,\n        this.currentPageSize\n      );\n    } else {\n      routing.queryPrev = undefined;\n      routing.queryNext = undefined;\n    }\n\n    return routing;\n  }\n\n  @action\n  onPageChange(newPage: HdsPaginationDirections): void {\n    const { onPageChange } = this.args;\n\n    if (typeof onPageChange === 'function') {\n      onPageChange(newPage);\n    }\n  }\n\n  @action\n  onPageSizeChange(newPageSize: number): void {\n    const { onPageSizeChange } = this.args;\n\n    // invoke the callback function\n    if (typeof onPageSizeChange === 'function') {\n      onPageSizeChange(newPageSize);\n    }\n  }\n}\n"],"names":["DEFAULT_PAGE_SIZES","HdsPaginationCompact","Component","g","prototype","tracked","i","void 0","showLabels","args","showSizeSelector","constructor","owner","queryFunction","undefined","_isControlled","assert","model","models","route","_currentPageSize","currentPageSize","pageSizes","ariaLabel","value","Array","isArray","length","buildQueryParamsObject","page","pageSize","routing","replace","queryPrev","HdsPaginationDirectionValues","Prev","queryNext","Next","onPageChange","newPage","n","action","onPageSizeChange","newPageSize","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/info/index.hbs","../../../../../src/components/hds/pagination/info/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<Hds::Text::Body class=\\\"hds-pagination-info\\\" @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"medium\\\" ...attributes>\\n  {{@itemsRangeStart}}–{{@itemsRangeEnd}}\\n  {{#if this.showTotalItems}}\\n    of\\n    {{@totalItems}}\\n  {{/if}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { HdsPaginationNumberedSignature } from '../numbered/index';\nimport type { HdsTextBodySignature } from '../../text/body';\nexport interface HdsPaginationInfoSignature {\n  Args: {\n    itemsRangeStart: number;\n    itemsRangeEnd: number;\n    showTotalItems?: HdsPaginationNumberedSignature['Args']['showTotalItems'];\n    totalItems: HdsPaginationNumberedSignature['Args']['totalItems'];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsPaginationInfo extends Component<HdsPaginationInfoSignature> {\n  get showTotalItems(): boolean {\n    return this.args.showTotalItems ?? true;\n  }\n}\n"],"names":["HdsPaginationInfo","Component","showTotalItems","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iUAAiU;;ACDnW;AACA;AACA;AACA;;AAee,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;EACnF,IAAIC,cAAcA,GAAY;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAI;AACzC;AACF;AAACE,oBAAA,CAAAC,QAAA,EAJoBL,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/info/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { HdsPaginationNumberedSignature } from '../numbered/index';\nimport type { HdsTextBodySignature } from '../../text/body';\nexport interface HdsPaginationInfoSignature {\n  Args: {\n    itemsRangeStart: number;\n    itemsRangeEnd: number;\n    showTotalItems?: HdsPaginationNumberedSignature['Args']['showTotalItems'];\n    totalItems: HdsPaginationNumberedSignature['Args']['totalItems'];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsPaginationInfo extends Component<HdsPaginationInfoSignature> {\n  get showTotalItems(): boolean {\n    return this.args.showTotalItems ?? true;\n  }\n}\n"],"names":["HdsPaginationInfo","Component","showTotalItems","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAee,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;EACnF,IAAIC,cAAcA,GAAY;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAI;AACzC;AACF;AAACE,oBAAA,CAAAC,QAAA,EAJoBL,iBAAiB,CAAA;;;;"}

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

@@ -1,16 +1,19 @@
-import { _ as _applyDecoratedDescriptor } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';
 import { HdsPaginationDirectionValues, HdsPaginationDirectionLabelValues, HdsPaginationDirectionAriaLabelValues } from '../types.js';
 import { precompileTemplate } from '@ember/template-compilation';
+import { n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{#if @disabled}}\n  <Hds::Interactive class={{this.classNames}} aria-label={{this.content.ariaLabel}} disabled={{true}} ...attributes>\n    <Hds::Icon @name={{this.content.icon}} />\n    {{#if this.showLabel}}\n      <Hds::Text::Body\n        class=\"hds-pagination-nav__arrow-label\"\n        @tag=\"span\"\n        @size=\"100\"\n        @weight=\"medium\"\n        aria-hidden=\"true\"\n      >\n        {{this.content.label}}\n      </Hds::Text::Body>\n    {{/if}}\n  </Hds::Interactive>\n{{else}}\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    aria-label={{this.content.ariaLabel}}\n    ...attributes\n  >\n    <Hds::Icon @name={{this.content.icon}} />\n    {{#if this.showLabel}}\n      <Hds::Text::Body\n        class=\"hds-pagination-nav__arrow-label\"\n        @tag=\"span\"\n        @size=\"100\"\n        @weight=\"medium\"\n        aria-hidden=\"true\"\n      >\n        {{this.content.label}}\n      </Hds::Text::Body>\n    {{/if}}\n  </Hds::Interactive>\n{{/if}}");
 
-var _class;
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 const DIRECTIONS = [HdsPaginationDirectionValues.Prev, HdsPaginationDirectionValues.Next];
-let HdsPaginationControlArrow = (_class = class HdsPaginationControlArrow extends Component {
+class HdsPaginationControlArrow extends Component {
   get content() {
     const {
       direction
@@ -48,7 +51,10 @@ let HdsPaginationControlArrow = (_class = class HdsPaginationControlArrow extend
       onClick(this.args.direction);
     }
   }
-}, _applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype), _class);
+  static {
+    n(this.prototype, "onClick", [action]);
+  }
+}
 setComponentTemplate(TEMPLATE, HdsPaginationControlArrow);
 
 export { DIRECTIONS, HdsPaginationControlArrow as default };

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

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sources":["../../../../../src/components/hds/pagination/nav/arrow.hbs","../../../../../src/components/hds/pagination/nav/arrow.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{{#if @disabled}}\\n  <Hds::Interactive class={{this.classNames}} aria-label={{this.content.ariaLabel}} disabled={{true}} ...attributes>\\n    <Hds::Icon @name={{this.content.icon}} />\\n    {{#if this.showLabel}}\\n      <Hds::Text::Body\\n        class=\\\"hds-pagination-nav__arrow-label\\\"\\n        @tag=\\\"span\\\"\\n        @size=\\\"100\\\"\\n        @weight=\\\"medium\\\"\\n        aria-hidden=\\\"true\\\"\\n      >\\n        {{this.content.label}}\\n      </Hds::Text::Body>\\n    {{/if}}\\n  </Hds::Interactive>\\n{{else}}\\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    aria-label={{this.content.ariaLabel}}\\n    ...attributes\\n  >\\n    <Hds::Icon @name={{this.content.icon}} />\\n    {{#if this.showLabel}}\\n      <Hds::Text::Body\\n        class=\\\"hds-pagination-nav__arrow-label\\\"\\n        @tag=\\\"span\\\"\\n        @size=\\\"100\\\"\\n        @weight=\\\"medium\\\"\\n        aria-hidden=\\\"true\\\"\\n      >\\n        {{this.content.label}}\\n      </Hds::Text::Body>\\n    {{/if}}\\n  </Hds::Interactive>\\n{{/if}}\")","/**\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';\nimport {\n  HdsPaginationDirectionValues,\n  HdsPaginationDirectionAriaLabelValues,\n  HdsPaginationDirectionLabelValues,\n} from '../types.ts';\n\nimport type { HdsIconSignature } from '../../icon/index.ts';\nimport type { HdsInteractiveSignature } from '../../interactive';\nimport type {\n  HdsPaginationDirections,\n  HdsPaginationDirectionAriaLabels,\n  HdsPaginationDirectionLabels,\n} from '../types';\n\ninterface HdsPaginationControlArrowContent {\n  label: HdsPaginationDirectionLabels;\n  icon: HdsIconSignature['Args']['name'];\n  ariaLabel: HdsPaginationDirectionAriaLabels;\n}\n\ninterface HdsPaginationControlArrowArgs {\n  direction: HdsPaginationDirections;\n  disabled?: boolean;\n  showLabel?: boolean;\n  onClick?: (direction: HdsPaginationDirections) => void;\n}\n\nexport interface HdsPaginationControlArrowSignature {\n  Args: HdsPaginationControlArrowArgs & HdsInteractiveSignature['Args'];\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport const DIRECTIONS: HdsPaginationDirections[] = [\n  HdsPaginationDirectionValues.Prev,\n  HdsPaginationDirectionValues.Next,\n];\n\nexport default class HdsPaginationControlArrow extends Component<HdsPaginationControlArrowSignature> {\n  get content(): HdsPaginationControlArrowContent {\n    const { direction } = this.args;\n\n    assert(\n      `@direction for \"Pagination::Nav::Arrow\" must be one of the following: ${DIRECTIONS.join(\n        ', '\n      )}; received: ${direction}`,\n      DIRECTIONS.includes(direction)\n    );\n\n    const hdsPaginationNavArrowContentDirectionMap: Record<\n      HdsPaginationDirections,\n      HdsPaginationControlArrowContent\n    > = {\n      [HdsPaginationDirectionValues.Prev]: {\n        label: HdsPaginationDirectionLabelValues.Prev,\n        icon: 'chevron-left',\n        ariaLabel: HdsPaginationDirectionAriaLabelValues.Prev,\n      },\n      [HdsPaginationDirectionValues.Next]: {\n        label: HdsPaginationDirectionLabelValues.Next,\n        icon: 'chevron-right',\n        ariaLabel: HdsPaginationDirectionAriaLabelValues.Next,\n      },\n    };\n\n    return hdsPaginationNavArrowContentDirectionMap[direction];\n  }\n\n  get showLabel(): boolean {\n    const { showLabel = true } = this.args;\n\n    return showLabel;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-pagination-nav__control',\n      'hds-pagination-nav__arrow',\n      `hds-pagination-nav__arrow--direction-${this.args.direction}`,\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.direction);\n    }\n  }\n}\n"],"names":["DIRECTIONS","HdsPaginationDirectionValues","Prev","Next","HdsPaginationControlArrow","_class","Component","content","direction","args","assert","join","includes","hdsPaginationNavArrowContentDirectionMap","label","HdsPaginationDirectionLabelValues","icon","ariaLabel","HdsPaginationDirectionAriaLabelValues","showLabel","classNames","classes","onClick","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,4tCAA4tC;;;ACsCvvC,MAAMA,UAAqC,GAAG,CACnDC,4BAA4B,CAACC,IAAI,EACjCD,4BAA4B,CAACE,IAAI;AAGdC,IAAAA,yBAAyB,IAAAC,MAAA,GAA/B,MAAMD,yBAAyB,SAASE,SAAS,CAAqC;EACnG,IAAIC,OAAOA,GAAqC;IAC9C,MAAM;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/BC,IAAAA,MAAM,CACJ,CAAyEV,sEAAAA,EAAAA,UAAU,CAACW,IAAI,CACtF,IACF,CAAC,CAAA,YAAA,EAAeH,SAAS,CAAA,CAAE,EAC3BR,UAAU,CAACY,QAAQ,CAACJ,SAAS,CAC/B,CAAC;AAED,IAAA,MAAMK,wCAGL,GAAG;MACF,CAACZ,4BAA4B,CAACC,IAAI,GAAG;QACnCY,KAAK,EAAEC,iCAAiC,CAACb,IAAI;AAC7Cc,QAAAA,IAAI,EAAE,cAAc;QACpBC,SAAS,EAAEC,qCAAqC,CAAChB;OAClD;MACD,CAACD,4BAA4B,CAACE,IAAI,GAAG;QACnCW,KAAK,EAAEC,iCAAiC,CAACZ,IAAI;AAC7Ca,QAAAA,IAAI,EAAE,eAAe;QACrBC,SAAS,EAAEC,qCAAqC,CAACf;AACnD;KACD;IAED,OAAOU,wCAAwC,CAACL,SAAS,CAAC;AAC5D;EAEA,IAAIW,SAASA,GAAY;IACvB,MAAM;AAAEA,MAAAA,SAAS,GAAG;KAAM,GAAG,IAAI,CAACV,IAAI;AAEtC,IAAA,OAAOU,SAAS;AAClB;EAEA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,6BAA6B,EAC7B,2BAA2B,EAC3B,CAAwC,qCAAA,EAAA,IAAI,CAACZ,IAAI,CAACD,SAAS,EAAE,CAC9D;AAED,IAAA,OAAOa,OAAO,CAACV,IAAI,CAAC,GAAG,CAAC;AAC1B;AAGAW,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACb,IAAI;AAE7B,IAAA,IAAI,OAAOa,OAAO,KAAK,UAAU,EAAE;AACjCA,MAAAA,OAAO,CAAC,IAAI,CAACb,IAAI,CAACD,SAAS,CAAC;AAC9B;AACF;AACF,CAAC,EAAAe,yBAAA,CAAAlB,MAAA,CAAAmB,SAAA,EAAA,SAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAtB,MAAA,CAAAmB,SAAA,cAAAnB,MAAA,CAAAmB,SAAA,CAAA,EAAAnB,MAAA;AA9CqCuB,oBAAA,CAAAC,QAAA,EAAzBzB,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"arrow.js","sources":["../../../../../src/components/hds/pagination/nav/arrow.ts"],"sourcesContent":["/**\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';\nimport {\n  HdsPaginationDirectionValues,\n  HdsPaginationDirectionAriaLabelValues,\n  HdsPaginationDirectionLabelValues,\n} from '../types.ts';\n\nimport type { HdsIconSignature } from '../../icon/index.ts';\nimport type { HdsInteractiveSignature } from '../../interactive';\nimport type {\n  HdsPaginationDirections,\n  HdsPaginationDirectionAriaLabels,\n  HdsPaginationDirectionLabels,\n} from '../types';\n\ninterface HdsPaginationControlArrowContent {\n  label: HdsPaginationDirectionLabels;\n  icon: HdsIconSignature['Args']['name'];\n  ariaLabel: HdsPaginationDirectionAriaLabels;\n}\n\ninterface HdsPaginationControlArrowArgs {\n  direction: HdsPaginationDirections;\n  disabled?: boolean;\n  showLabel?: boolean;\n  onClick?: (direction: HdsPaginationDirections) => void;\n}\n\nexport interface HdsPaginationControlArrowSignature {\n  Args: HdsPaginationControlArrowArgs & HdsInteractiveSignature['Args'];\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport const DIRECTIONS: HdsPaginationDirections[] = [\n  HdsPaginationDirectionValues.Prev,\n  HdsPaginationDirectionValues.Next,\n];\n\nexport default class HdsPaginationControlArrow extends Component<HdsPaginationControlArrowSignature> {\n  get content(): HdsPaginationControlArrowContent {\n    const { direction } = this.args;\n\n    assert(\n      `@direction for \"Pagination::Nav::Arrow\" must be one of the following: ${DIRECTIONS.join(\n        ', '\n      )}; received: ${direction}`,\n      DIRECTIONS.includes(direction)\n    );\n\n    const hdsPaginationNavArrowContentDirectionMap: Record<\n      HdsPaginationDirections,\n      HdsPaginationControlArrowContent\n    > = {\n      [HdsPaginationDirectionValues.Prev]: {\n        label: HdsPaginationDirectionLabelValues.Prev,\n        icon: 'chevron-left',\n        ariaLabel: HdsPaginationDirectionAriaLabelValues.Prev,\n      },\n      [HdsPaginationDirectionValues.Next]: {\n        label: HdsPaginationDirectionLabelValues.Next,\n        icon: 'chevron-right',\n        ariaLabel: HdsPaginationDirectionAriaLabelValues.Next,\n      },\n    };\n\n    return hdsPaginationNavArrowContentDirectionMap[direction];\n  }\n\n  get showLabel(): boolean {\n    const { showLabel = true } = this.args;\n\n    return showLabel;\n  }\n\n  get classNames(): string {\n    const classes = [\n      'hds-pagination-nav__control',\n      'hds-pagination-nav__arrow',\n      `hds-pagination-nav__arrow--direction-${this.args.direction}`,\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.direction);\n    }\n  }\n}\n"],"names":["DIRECTIONS","HdsPaginationDirectionValues","Prev","Next","HdsPaginationControlArrow","Component","content","direction","args","assert","join","includes","hdsPaginationNavArrowContentDirectionMap","label","HdsPaginationDirectionLabelValues","icon","ariaLabel","HdsPaginationDirectionAriaLabelValues","showLabel","classNames","classes","onClick","n","prototype","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAoCO,MAAMA,UAAqC,GAAG,CACnDC,4BAA4B,CAACC,IAAI,EACjCD,4BAA4B,CAACE,IAAI;AAGpB,MAAMC,yBAAyB,SAASC,SAAS,CAAqC;EACnG,IAAIC,OAAOA,GAAqC;IAC9C,MAAM;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/BC,IAAAA,MAAM,CACJ,CAAyET,sEAAAA,EAAAA,UAAU,CAACU,IAAI,CACtF,IACF,CAAC,CAAA,YAAA,EAAeH,SAAS,CAAA,CAAE,EAC3BP,UAAU,CAACW,QAAQ,CAACJ,SAAS,CAC/B,CAAC;AAED,IAAA,MAAMK,wCAGL,GAAG;MACF,CAACX,4BAA4B,CAACC,IAAI,GAAG;QACnCW,KAAK,EAAEC,iCAAiC,CAACZ,IAAI;AAC7Ca,QAAAA,IAAI,EAAE,cAAc;QACpBC,SAAS,EAAEC,qCAAqC,CAACf;OAClD;MACD,CAACD,4BAA4B,CAACE,IAAI,GAAG;QACnCU,KAAK,EAAEC,iCAAiC,CAACX,IAAI;AAC7CY,QAAAA,IAAI,EAAE,eAAe;QACrBC,SAAS,EAAEC,qCAAqC,CAACd;AACnD;KACD;IAED,OAAOS,wCAAwC,CAACL,SAAS,CAAC;AAC5D;EAEA,IAAIW,SAASA,GAAY;IACvB,MAAM;AAAEA,MAAAA,SAAS,GAAG;KAAM,GAAG,IAAI,CAACV,IAAI;AAEtC,IAAA,OAAOU,SAAS;AAClB;EAEA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,6BAA6B,EAC7B,2BAA2B,EAC3B,CAAwC,qCAAA,EAAA,IAAI,CAACZ,IAAI,CAACD,SAAS,EAAE,CAC9D;AAED,IAAA,OAAOa,OAAO,CAACV,IAAI,CAAC,GAAG,CAAC;AAC1B;AAGAW,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACb,IAAI;AAE7B,IAAA,IAAI,OAAOa,OAAO,KAAK,UAAU,EAAE;AACjCA,MAAAA,OAAO,CAAC,IAAI,CAACb,IAAI,CAACD,SAAS,CAAC;AAC9B;AACF;AAAC,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAPAC,MAAM,CAAA,CAAA;AAAA;AAQT;AAACC,oBAAA,CAAAC,QAAA,EAtDoBtB,yBAAyB,CAAA;;;;"}

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.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;AAEvE,eAAAC,oBAAA,CAAAC,QAAA,EAAeH,mCAAmC,CAAA;;;;"}
+{"version":3,"file":"ellipsis.js","sources":["../../../../../src/components/hds/pagination/nav/ellipsis.ts"],"sourcesContent":["/**\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":";;;;;;AAAA;AACA;AACA;AACA;AAOA,MAAMA,mCAAmC,GACvCC,qBAAqB,EAAgD;AAEvE,eAAAC,oBAAA,CAAAC,QAAA,EAAeH,mCAAmC,CAAA;;;;"}

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

@@ -1,14 +1,17 @@
-import { _ as _applyDecoratedDescriptor } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';
 import { precompileTemplate } from '@ember/template-compilation';
+import { n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
 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 HdsPaginationControlNumber = (_class = class HdsPaginationControlNumber extends Component {
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+class HdsPaginationControlNumber extends Component {
   get page() {
     const {
       page
@@ -31,7 +34,10 @@ let HdsPaginationControlNumber = (_class = class HdsPaginationControlNumber exte
       onClick(this.args.page);
     }
   }
-}, _applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype), _class);
+  static {
+    n(this.prototype, "onClick", [action]);
+  }
+}
 setComponentTemplate(TEMPLATE, HdsPaginationControlNumber);
 
 export { HdsPaginationControlNumber as default };

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.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\nexport interface 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;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAM,CACJ,6DAA6D,EAC7DF,IAAI,KAAKG,SACX,CAAC;AAED,IAAA,OAAOH,IAAI;AACb;EAEA,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,6BAA6B,EAC7B,4BAA4B,CAC7B;AAED,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,UAAU,EAAE;AACxBD,MAAAA,OAAO,CAACE,IAAI,CAAC,CAAA,uCAAA,CAAyC,CAAC;AACzD;AAEA,IAAA,OAAOF,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC;AAC1B;AAGAC,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACR,IAAI;AAE7B,IAAA,IAAI,OAAOQ,OAAO,KAAK,UAAU,EAAE;AACjCA,MAAAA,OAAO,CAAC,IAAI,CAACR,IAAI,CAACD,IAAI,CAAC;AACzB;AACF;AACF,CAAC,EAAAU,yBAAA,CAAAZ,MAAA,CAAAa,SAAA,EAAA,SAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAhB,MAAA,CAAAa,SAAA,cAAAb,MAAA,CAAAa,SAAA,CAAA,EAAAb,MAAA;AAzBsCiB,oBAAA,CAAAC,QAAA,EAA1BnB,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"number.js","sources":["../../../../../src/components/hds/pagination/nav/number.ts"],"sourcesContent":["/**\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\nexport interface 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","Component","page","args","assert","undefined","classNames","classes","isSelected","push","join","onClick","n","prototype","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAkBe,MAAMA,0BAA0B,SAASC,SAAS,CAAkC;EACjG,IAAIC,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA;KAAM,GAAG,IAAI,CAACC,IAAI;AAE1BC,IAAAA,MAAM,CACJ,6DAA6D,EAC7DF,IAAI,KAAKG,SACX,CAAC;AAED,IAAA,OAAOH,IAAI;AACb;EAEA,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,6BAA6B,EAC7B,4BAA4B,CAC7B;AAED,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,UAAU,EAAE;AACxBD,MAAAA,OAAO,CAACE,IAAI,CAAC,CAAA,uCAAA,CAAyC,CAAC;AACzD;AAEA,IAAA,OAAOF,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC;AAC1B;AAGAC,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACR,IAAI;AAE7B,IAAA,IAAI,OAAOQ,OAAO,KAAK,UAAU,EAAE;AACjCA,MAAAA,OAAO,CAAC,IAAI,CAACR,IAAI,CAACD,IAAI,CAAC;AACzB;AACF;AAAC,EAAA;IAAAU,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAPAC,MAAM,CAAA,CAAA;AAAA;AAQT;AAACC,oBAAA,CAAAC,QAAA,EAjCoBhB,0BAA0B,CAAA;;;;"}

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

@@ -1,15 +1,18 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-C_TsMG3M.js';
 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 { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
 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;
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
 const ELLIPSIS = '…';
 
 // for context about the decision to use these values, see:
@@ -56,38 +59,34 @@ const elliptize = ({
   }
   return result;
 };
-let HdsPaginationNumbered = (_class = class HdsPaginationNumbered extends Component {
-  // if the list of "page numbers" is truncated
+class HdsPaginationNumbered extends Component {
+  static {
+    g(this.prototype, "_currentPage", [tracked]);
+  }
+  #_currentPage = (i(this, "_currentPage"), undefined); // 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).
+  // In the first case, these variables store the internal state of the component at any moment,
+  // and their value is updated internally according to the user's interaction with the component.
+  // In the second case, these variables store *only* the initial state of the component (coming from the arguments)
+  // 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)
+  static {
+    g(this.prototype, "_currentPageSize", [tracked]);
+  }
+  #_currentPageSize = (i(this, "_currentPageSize"), undefined);
+  static {
+    g(this.prototype, "_isControlled", [tracked]);
+  }
+  #_isControlled = (i(this, "_isControlled"), undefined);
+  showInfo = this.args.showInfo ?? true; // if the "info" block is visible
+  showLabels = this.args.showLabels ?? false; // if the labels for the "prev/next" controls are visible
+  showSizeSelector = this.args.showSizeSelector ?? true; // if the "size selector" block is visible
+  showPageNumbers = this.args.showPageNumbers ?? true; // if the "page numbers" block is visible
+  isTruncated = this.args.isTruncated ?? true; // if the list of "page numbers" is truncated
 
   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).
-    // In the first case, these variables store the internal state of the component at any moment,
-    // and their value is updated internally according to the user's interaction with the component.
-    // In the second case, these variables store *only* the initial state of the component (coming from the arguments)
-    // 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);
-    _initializerDefineProperty(this, "_currentPageSize", _descriptor2, this);
-    _initializerDefineProperty(this, "_isControlled", _descriptor3, this);
-    _defineProperty(this, "showInfo", this.args.showInfo ?? true);
-    // if the "info" block is visible
-    _defineProperty(this, "showLabels", this.args.showLabels ?? false);
-    // if the labels for the "prev/next" controls are visible
-    _defineProperty(this, "showSizeSelector", this.args.showSizeSelector ?? true);
-    // if the "size selector" block is visible
-    _defineProperty(this, "showPageNumbers", this.args.showPageNumbers ?? true);
-    // if the "page numbers" block is visible
-    _defineProperty(this, "isTruncated", this.args.isTruncated ?? true);
-    _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;
@@ -263,6 +262,9 @@ let HdsPaginationNumbered = (_class = class HdsPaginationNumbered extends Compon
       }
     }
   }
+  static {
+    n(this.prototype, "onPageChange", [action]);
+  }
   onPageSizeChange(newPageSize) {
     const {
       onPageSizeChange
@@ -278,25 +280,20 @@ let HdsPaginationNumbered = (_class = class HdsPaginationNumbered extends Compon
       onPageSizeChange(newPageSize);
     }
   }
+  static {
+    n(this.prototype, "onPageSizeChange", [action]);
+  }
+  elliptizedPageArrayItemAsNumber = item => {
+    if (typeof item === 'number') {
+      return item;
+    } else {
+      throw new Error('Expected a number, but got an ellipsis');
+    }
+  };
   getPageNumberQuery(page) {
     return this.routing.queryPages[this.elliptizedPageArrayItemAsNumber(page)];
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_currentPage", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_currentPageSize", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "_isControlled", [tracked], {
-  configurable: true,
-  enumerable: true,
-  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, HdsPaginationNumbered);
 
 export { DEFAULT_PAGE_SIZES, HdsPaginationNumbered as default, elliptize };

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.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\ntype HdsPaginationQueryFunction = (\n  page: number,\n  pageSize: number\n) => HdsInteractiveQuery;\n\ninterface HdsPaginationNumberedArgs extends HdsPaginationRoutingProps {\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?: HdsPaginationQueryFunction;\n  onPageChange?: (page: number, pageSize: number) => unknown;\n  onPageSizeChange?: (pageSize: number) => unknown;\n}\n\ninterface HdsPaginationNumberedArgsControlledBase\n  extends HdsPaginationNumberedArgs {\n  currentPage: number;\n  currentPageSize: number;\n  queryFunction: HdsPaginationQueryFunction;\n}\n\ninterface HdsPaginationNumberedArgsControlledWithModel\n  extends HdsPaginationNumberedArgsControlledBase {\n  model: string | number;\n}\n\ninterface HdsPaginationNumberedArgsControlledWithModels\n  extends HdsPaginationNumberedArgsControlledBase {\n  models: Array<string | number>;\n}\ninterface HdsPaginationNumberedArgsControlledWithRoute\n  extends HdsPaginationNumberedArgsControlledBase {\n  route: string;\n}\n\ntype HdsPaginationNumberedArgsControlled =\n  | HdsPaginationNumberedArgsControlledWithModel\n  | HdsPaginationNumberedArgsControlledWithModels\n  | HdsPaginationNumberedArgsControlledWithRoute;\n\ninterface HdsPaginationNumberedArgsUncontrolled\n  extends HdsPaginationNumberedArgs {\n  queryFunction?: undefined;\n}\n\nexport interface HdsPaginationNumberedSignature {\n  Args:\n    | HdsPaginationNumberedArgsControlled\n    | HdsPaginationNumberedArgsUncontrolled;\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 private _currentPage;\n  @tracked private _currentPageSize;\n  @tracked private _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        '@model, @models, or @route for \"Hds::Pagination::Numbered\" must be provided when using the @queryFunction argument',\n        this.args.model !== undefined ||\n          this.args.models !== undefined ||\n          this.args.route !== undefined\n      );\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    this._currentPage = this.args.currentPage ?? 1;\n    // we assert that `this.pageSizes` will always be an array with at least one item\n    this._currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\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 as number;\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","model","models","route","currentPageSize","currentPage","totalItems","_currentPage","_currentPageSize","pageSizes","ariaLabel","value","Array","isArray","itemsRangeStart","itemsRangeEnd","i","totalPages","push","max","buildQueryParamsObject","page","pageSize","routing","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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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/pagination/numbered/index.ts"],"sourcesContent":["/**\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';\nimport type Owner from '@ember/owner';\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\ntype HdsPaginationQueryFunction = (\n  page: number,\n  pageSize: number\n) => HdsInteractiveQuery;\n\ninterface HdsPaginationNumberedArgs extends HdsPaginationRoutingProps {\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?: HdsPaginationQueryFunction;\n  onPageChange?: (page: number, pageSize: number) => unknown;\n  onPageSizeChange?: (pageSize: number) => unknown;\n}\n\ninterface HdsPaginationNumberedArgsControlledBase\n  extends HdsPaginationNumberedArgs {\n  currentPage: number;\n  currentPageSize: number;\n  queryFunction: HdsPaginationQueryFunction;\n}\n\ninterface HdsPaginationNumberedArgsControlledWithModel\n  extends HdsPaginationNumberedArgsControlledBase {\n  model: string | number;\n}\n\ninterface HdsPaginationNumberedArgsControlledWithModels\n  extends HdsPaginationNumberedArgsControlledBase {\n  models: Array<string | number>;\n}\ninterface HdsPaginationNumberedArgsControlledWithRoute\n  extends HdsPaginationNumberedArgsControlledBase {\n  route: string;\n}\n\ntype HdsPaginationNumberedArgsControlled =\n  | HdsPaginationNumberedArgsControlledWithModel\n  | HdsPaginationNumberedArgsControlledWithModels\n  | HdsPaginationNumberedArgsControlledWithRoute;\n\ninterface HdsPaginationNumberedArgsUncontrolled\n  extends HdsPaginationNumberedArgs {\n  queryFunction?: undefined;\n}\n\nexport interface HdsPaginationNumberedSignature {\n  Args:\n    | HdsPaginationNumberedArgsControlled\n    | HdsPaginationNumberedArgsUncontrolled;\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 private _currentPage;\n  @tracked private _currentPageSize;\n  @tracked private _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: Owner, 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        '@model, @models, or @route for \"Hds::Pagination::Numbered\" must be provided when using the @queryFunction argument',\n        this.args.model !== undefined ||\n          this.args.models !== undefined ||\n          this.args.route !== undefined\n      );\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    this._currentPage = this.args.currentPage ?? 1;\n    // we assert that `this.pageSizes` will always be an array with at least one item\n    this._currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\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 as number;\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","Component","g","prototype","tracked","i","void 0","showInfo","args","showLabels","showSizeSelector","showPageNumbers","isTruncated","constructor","owner","queryFunction","undefined","_isControlled","assert","model","models","route","currentPageSize","currentPage","totalItems","_currentPage","_currentPageSize","pageSizes","ariaLabel","value","Array","isArray","itemsRangeStart","itemsRangeEnd","totalPages","push","max","buildQueryParamsObject","page","pageSize","routing","replace","queryPrev","queryNext","queryPages","forEach","isDisabledPrev","isDisabledNext","onPageChange","gotoPageNumber","HdsPaginationDirectionValues","Prev","Next","n","action","onPageSizeChange","newPageSize","elliptizedPageArrayItemAsNumber","item","Error","getPageNumberQuery","setComponentTemplate","TEMPLATE"],"mappings":"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"}