@hashicorp/design-system-components 4.9.0 → 4.11.0

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

@@ -3,18 +3,21 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';
+import { HdsPaginationDirectionValues } from '../types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-pagination\" ...attributes>\n  <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 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;
+// 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 HdsPaginationCompactIndexComponent = (_class = class HdsPaginationCompactIndexComponent extends Component {
+let HdsPaginationCompact = (_class = class HdsPaginationCompact extends Component {
   // if the "size selector" block is visible
 
-  constructor() {
-    super(...arguments);
+  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).
@@ -28,7 +31,7 @@ let HdsPaginationCompactIndexComponent = (_class = class HdsPaginationCompactInd
     _defineProperty(this, "showLabels", this.args.showLabels ?? true);
     // if the labels for the "prev/next" controls are visible
     _defineProperty(this, "showSizeSelector", this.args.showSizeSelector ?? false);
-    let {
+    const {
       queryFunction
     } = this.args;
 
@@ -43,16 +46,11 @@ let HdsPaginationCompactIndexComponent = (_class = class HdsPaginationCompactInd
     if (queryFunction === undefined) {
       this.isControlled = false;
     } else {
-      assert('@queryFunction for "Hds::Pagination::Numbered" must be a function', typeof queryFunction === 'function');
+      assert('@model, @models, or @route for "Hds::Pagination::Compact" must be provided when using the `@queryFunction` argument', this.args.model !== undefined || this.args.models !== undefined || this.args.route !== undefined);
+      assert('@queryFunction for "Hds::Pagination::Compact" must be a function', typeof queryFunction === 'function');
       this.isControlled = true;
     }
   }
-
-  /**
-   * @param ariaLabel
-   * @type {string}
-   * @default 'Pagination'
-   */
   get ariaLabel() {
     return this.args.ariaLabel ?? 'Pagination';
   }
@@ -82,29 +80,23 @@ let HdsPaginationCompactIndexComponent = (_class = class HdsPaginationCompactInd
       this._currentPageSize = value;
     }
   }
-
-  /**
-   * @param pageSizes
-   * @type {array of numbers}
-   * @description Set the page sizes users can select from.
-   * @default [10, 30, 50]
-   */
   get pageSizes() {
-    let {
+    const {
       pageSizes = DEFAULT_PAGE_SIZES
     } = this.args;
-    assert(`pageSizes argument must be an array. Received: ${pageSizes}`, Array.isArray(pageSizes) === true);
+    assert(`pageSizes argument must be an array. Received: ${pageSizes}`, Array.isArray(pageSizes) === true && pageSizes.length > 0);
     return pageSizes;
   }
   buildQueryParamsObject(page, pageSize) {
     if (this.isControlled) {
+      // if the component is controlled, we can assert that the queryFunction is defined
       return this.args.queryFunction(page, pageSize);
     } else {
       return {};
     }
   }
   get routing() {
-    let routing = {
+    const routing = {
       route: this.args.route ?? undefined,
       model: this.args.model ?? undefined,
       models: this.args.models ?? undefined,
@@ -113,8 +105,8 @@ let HdsPaginationCompactIndexComponent = (_class = class HdsPaginationCompactInd
 
     // the "query" is dynamic and needs to be calculated
     if (this.isControlled) {
-      routing.queryPrev = this.buildQueryParamsObject('prev', this.currentPageSize);
-      routing.queryNext = this.buildQueryParamsObject('next', this.currentPageSize);
+      routing.queryPrev = this.buildQueryParamsObject(HdsPaginationDirectionValues.Prev, this.currentPageSize);
+      routing.queryNext = this.buildQueryParamsObject(HdsPaginationDirectionValues.Next, this.currentPageSize);
     } else {
       routing.queryPrev = undefined;
       routing.queryNext = undefined;
@@ -122,8 +114,7 @@ let HdsPaginationCompactIndexComponent = (_class = class HdsPaginationCompactInd
     return routing;
   }
   onPageChange(newPage) {
-    this.currentPage = newPage;
-    let {
+    const {
       onPageChange
     } = this.args;
     if (typeof onPageChange === 'function') {
@@ -131,7 +122,7 @@ let HdsPaginationCompactIndexComponent = (_class = class HdsPaginationCompactInd
     }
   }
   onPageSizeChange(newPageSize) {
-    let {
+    const {
       onPageSizeChange
     } = this.args;
 
@@ -153,7 +144,7 @@ let HdsPaginationCompactIndexComponent = (_class = class HdsPaginationCompactInd
   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, HdsPaginationCompactIndexComponent);
+setComponentTemplate(TEMPLATE, HdsPaginationCompact);
 
-export { DEFAULT_PAGE_SIZES, HdsPaginationCompactIndexComponent as default };
+export { DEFAULT_PAGE_SIZES, HdsPaginationCompact as default };
 //# sourceMappingURL=index.js.map

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.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-pagination\\\" ...attributes>\\n  <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';\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 default class HdsPaginationCompactIndexComponent extends Component {\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 _currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\n  @tracked 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() {\n    super(...arguments);\n\n    let { queryFunction } = this.args;\n\n    // This component works in two different ways, depending if we need to support\n    // routing through links (`LinkTo`) for the \"navigation controls\", or not.\n    // If there's no routing then the component behaves as \"uncontrolled\"\n    // (the state updates are handled by its internal logic).\n    // If instead the component needs to update the routing (and we infer this via the \"query\" arguments)\n    // then the component behaves as \"controlled\", where the state is\n    // initialized and updated using the arguments passed to it.\n\n    if (queryFunction === undefined) {\n      this.isControlled = false;\n    } else {\n      assert(\n        '@queryFunction for \"Hds::Pagination::Numbered\" must be a function',\n        typeof queryFunction === 'function'\n      );\n      this.isControlled = true;\n    }\n  }\n\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Pagination'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'Pagination';\n  }\n\n  // This very specific `get/set` pattern is used to handle the two different use cases of the component\n  // being \"controlled\" (when it has routing, meaning it needs to support pagination controls as links/`LinkTo`)\n  // vs being \"uncontrolled\" (see comments above for details).\n  //\n  // If it has routing (and so it's \"controlled\"), than the value (\"state\") of the `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() {\n    if (this.isControlled) {\n      return this.args.currentPageSize;\n    } else {\n      return this._currentPageSize;\n    }\n  }\n\n  set currentPageSize(value) {\n    if (this.isControlled) {\n      // noop\n    } else {\n      this._currentPageSize = value;\n    }\n  }\n\n  /**\n   * @param pageSizes\n   * @type {array of numbers}\n   * @description Set the page sizes users can select from.\n   * @default [10, 30, 50]\n   */\n  get pageSizes() {\n    let { pageSizes = DEFAULT_PAGE_SIZES } = this.args;\n\n    assert(\n      `pageSizes argument must be an array. Received: ${pageSizes}`,\n      Array.isArray(pageSizes) === true\n    );\n\n    return pageSizes;\n  }\n\n  buildQueryParamsObject(page, pageSize) {\n    if (this.isControlled) {\n      return this.args.queryFunction(page, pageSize);\n    } else {\n      return {};\n    }\n  }\n\n  get routing() {\n    let routing = {\n      route: this.args.route ?? undefined,\n      model: this.args.model ?? undefined,\n      models: this.args.models ?? undefined,\n      replace: this.args.replace ?? undefined,\n    };\n\n    // the \"query\" is dynamic and needs to be calculated\n    if (this.isControlled) {\n      routing.queryPrev = this.buildQueryParamsObject(\n        'prev',\n        this.currentPageSize\n      );\n      routing.queryNext = this.buildQueryParamsObject(\n        '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) {\n    this.currentPage = newPage;\n\n    let { onPageChange } = this.args;\n\n    if (typeof onPageChange === 'function') {\n      onPageChange(newPage);\n    }\n  }\n\n  @action\n  onPageSizeChange(newPageSize) {\n    let { 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","HdsPaginationCompactIndexComponent","_class","Component","constructor","arguments","_initializerDefineProperty","_descriptor","_descriptor2","_defineProperty","args","showLabels","showSizeSelector","queryFunction","undefined","isControlled","assert","ariaLabel","currentPageSize","_currentPageSize","value","pageSizes","Array","isArray","buildQueryParamsObject","page","pageSize","routing","route","model","models","replace","queryPrev","queryNext","onPageChange","newPage","currentPage","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.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\ninterface 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 _currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];\n  @tracked 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\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","ariaLabel","currentPageSize","_currentPageSize","value","pageSizes","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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"}

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

@@ -2,24 +2,19 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::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>");
+var TEMPLATE = 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>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsPaginationInfoComponent extends Component {
-  /**
-   * @param showTotalItems
-   * @type {boolean}
-   * @description Controls the visibility of the total items
-   */
+class HdsPaginationInfo extends Component {
   get showTotalItems() {
     return this.args.showTotalItems ?? true;
   }
 }
-setComponentTemplate(TEMPLATE, HdsPaginationInfoComponent);
+setComponentTemplate(TEMPLATE, HdsPaginationInfo);
 
-export { HdsPaginationInfoComponent as default };
+export { HdsPaginationInfo as default };
 //# sourceMappingURL=index.js.map

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.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::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';\n\nexport default class HdsPaginationInfoComponent extends Component {\n  /**\n   * @param showTotalItems\n   * @type {boolean}\n   * @description Controls the visibility of the total items\n   */\n  get showTotalItems() {\n    return this.args.showTotalItems ?? true;\n  }\n}\n"],"names":["HdsPaginationInfoComponent","Component","showTotalItems","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,0WAA0W;;ACD5Y;AACA;AACA;AACA;;AAIe,MAAMA,0BAA0B,SAASC,SAAS,CAAC;AAChE;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAG;AACnB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAI,CAAA;AACzC,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAToBL,0BAA0B,CAAA;;;;"}
+{"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';\ninterface 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,CAAA;AACzC,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAJoBL,iBAAiB,CAAA;;;;"}

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

@@ -2,61 +2,46 @@ import { _ as _applyDecoratedDescriptor } from '../../../../_rollupPluginBabelHe
 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 { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{#if @disabled}}\n  <Hds::Interactive class={{this.classNames}} aria-label={{this.content.ariaLabel}} disabled={{true}} ...attributes>\n    <FlightIcon @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    <FlightIcon @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 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;
-const DIRECTIONS = ['prev', 'next'];
-let HdsPaginationControlArrowComponent = (_class = class HdsPaginationControlArrowComponent extends Component {
+const DIRECTIONS = [HdsPaginationDirectionValues.Prev, HdsPaginationDirectionValues.Next];
+let HdsPaginationControlArrow = (_class = class HdsPaginationControlArrow extends Component {
   get content() {
-    let {
+    const {
       direction
     } = this.args;
     assert(`@direction for "Pagination::Nav::Arrow" must be one of the following: ${DIRECTIONS.join(', ')}; received: ${direction}`, DIRECTIONS.includes(direction));
-    let content;
-    if (direction === 'prev') {
-      content = {
-        label: 'Previous',
+    const hdsPaginationNavArrowContentDirectionMap = {
+      [HdsPaginationDirectionValues.Prev]: {
+        label: HdsPaginationDirectionLabelValues.Prev,
         icon: 'chevron-left',
-        ariaLabel: 'Previous page'
-      };
-    }
-    if (direction === 'next') {
-      content = {
-        label: 'Next',
+        ariaLabel: HdsPaginationDirectionAriaLabelValues.Prev
+      },
+      [HdsPaginationDirectionValues.Next]: {
+        label: HdsPaginationDirectionLabelValues.Next,
         icon: 'chevron-right',
-        ariaLabel: 'Next page'
-      };
-    }
-    return content;
+        ariaLabel: HdsPaginationDirectionAriaLabelValues.Next
+      }
+    };
+    return hdsPaginationNavArrowContentDirectionMap[direction];
   }
-
-  /**
-   * @param showLabel
-   * @type {boolean}
-   * @default true
-   * @description Show the labels for the control
-   */
   get showLabel() {
-    let {
+    const {
       showLabel = true
     } = this.args;
     return showLabel;
   }
-
-  /**
-   * Get the class names to apply to the component.
-   * @method classNames
-   * @return {string} The "class" attribute to apply to the component.
-   */
   get classNames() {
-    let classes = ['hds-pagination-nav__control', 'hds-pagination-nav__arrow', `hds-pagination-nav__arrow--direction-${this.args.direction}`];
+    const classes = ['hds-pagination-nav__control', 'hds-pagination-nav__arrow', `hds-pagination-nav__arrow--direction-${this.args.direction}`];
     return classes.join(' ');
   }
   onClick() {
-    let {
+    const {
       onClick
     } = this.args;
     if (typeof onClick === 'function') {
@@ -64,7 +49,7 @@ let HdsPaginationControlArrowComponent = (_class = class HdsPaginationControlArr
     }
   }
 }, (_applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsPaginationControlArrowComponent);
+setComponentTemplate(TEMPLATE, HdsPaginationControlArrow);
 
-export { DIRECTIONS, HdsPaginationControlArrowComponent as default };
+export { DIRECTIONS, HdsPaginationControlArrow as default };
 //# sourceMappingURL=arrow.js.map

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.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{#if @disabled}}\\n  <Hds::Interactive class={{this.classNames}} aria-label={{this.content.ariaLabel}} disabled={{true}} ...attributes>\\n    <FlightIcon @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    <FlightIcon @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 */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\n\nexport const DIRECTIONS = ['prev', 'next'];\n\nexport default class HdsPaginationControlArrowComponent extends Component {\n  get content() {\n    let { 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    let content;\n    if (direction === 'prev') {\n      content = {\n        label: 'Previous',\n        icon: 'chevron-left',\n        ariaLabel: 'Previous page',\n      };\n    }\n    if (direction === 'next') {\n      content = {\n        label: 'Next',\n        icon: 'chevron-right',\n        ariaLabel: 'Next page',\n      };\n    }\n\n    return content;\n  }\n\n  /**\n   * @param showLabel\n   * @type {boolean}\n   * @default true\n   * @description Show the labels for the control\n   */\n  get showLabel() {\n    let { showLabel = true } = this.args;\n\n    return showLabel;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = [\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() {\n    let { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      onClick(this.args.direction);\n    }\n  }\n}\n"],"names":["DIRECTIONS","HdsPaginationControlArrowComponent","_class","Component","content","direction","args","assert","join","includes","label","icon","ariaLabel","showLabel","classNames","classes","onClick","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,uwCAAuwC;;;MCQ5xCA,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,EAAC;AAErBC,IAAAA,kCAAkC,IAAAC,MAAA,GAAxC,MAAMD,kCAAkC,SAASE,SAAS,CAAC;EACxE,IAAIC,OAAOA,GAAG;IACZ,IAAI;AAAEC,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE7BC,IAAAA,MAAM,CACJ,CAAyEP,sEAAAA,EAAAA,UAAU,CAACQ,IAAI,CACtF,IACF,CAAC,CAAA,YAAA,EAAeH,SAAS,CAAA,CAAE,EAC3BL,UAAU,CAACS,QAAQ,CAACJ,SAAS,CAC/B,CAAC,CAAA;AAED,IAAA,IAAID,OAAO,CAAA;IACX,IAAIC,SAAS,KAAK,MAAM,EAAE;AACxBD,MAAAA,OAAO,GAAG;AACRM,QAAAA,KAAK,EAAE,UAAU;AACjBC,QAAAA,IAAI,EAAE,cAAc;AACpBC,QAAAA,SAAS,EAAE,eAAA;OACZ,CAAA;AACH,KAAA;IACA,IAAIP,SAAS,KAAK,MAAM,EAAE;AACxBD,MAAAA,OAAO,GAAG;AACRM,QAAAA,KAAK,EAAE,MAAM;AACbC,QAAAA,IAAI,EAAE,eAAe;AACrBC,QAAAA,SAAS,EAAE,WAAA;OACZ,CAAA;AACH,KAAA;AAEA,IAAA,OAAOR,OAAO,CAAA;AAChB,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIS,SAASA,GAAG;IACd,IAAI;AAAEA,MAAAA,SAAS,GAAG,IAAA;KAAM,GAAG,IAAI,CAACP,IAAI,CAAA;AAEpC,IAAA,OAAOO,SAAS,CAAA;AAClB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CACZ,6BAA6B,EAC7B,2BAA2B,EAC3B,CAAwC,qCAAA,EAAA,IAAI,CAACT,IAAI,CAACD,SAAS,EAAE,CAC9D,CAAA;AAED,IAAA,OAAOU,OAAO,CAACP,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AAGAQ,EAAAA,OAAOA,GAAG;IACR,IAAI;AAAEA,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAACV,IAAI,CAAA;AAE3B,IAAA,IAAI,OAAOU,OAAO,KAAK,UAAU,EAAE;AACjCA,MAAAA,OAAO,CAAC,IAAI,CAACV,IAAI,CAACD,SAAS,CAAC,CAAA;AAC9B,KAAA;AACF,GAAA;AACF,CAAC,GAAAY,yBAAA,CAAAf,MAAA,CAAAgB,SAAA,EAAA,SAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAnB,MAAA,CAAAgB,SAAA,cAAAhB,MAAA,CAAAgB,SAAA,CAAA,GAAAhB,MAAA,EAAA;AAzD8CoB,oBAAA,CAAAC,QAAA,EAAlCtB,kCAAkC,CAAA;;;;"}
+{"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\ninterface 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,EAClC;AAEoBC,IAAAA,yBAAyB,IAAAC,MAAA,GAA/B,MAAMD,yBAAyB,SAASE,SAAS,CAAqC;EACnG,IAAIC,OAAOA,GAAqC;IAC9C,MAAM;AAAEC,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;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,CAAA;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,IAAAA;OAClD;MACD,CAACD,4BAA4B,CAACE,IAAI,GAAG;QACnCW,KAAK,EAAEC,iCAAiC,CAACZ,IAAI;AAC7Ca,QAAAA,IAAI,EAAE,eAAe;QACrBC,SAAS,EAAEC,qCAAqC,CAACf,IAAAA;AACnD,OAAA;KACD,CAAA;IAED,OAAOU,wCAAwC,CAACL,SAAS,CAAC,CAAA;AAC5D,GAAA;EAEA,IAAIW,SAASA,GAAY;IACvB,MAAM;AAAEA,MAAAA,SAAS,GAAG,IAAA;KAAM,GAAG,IAAI,CAACV,IAAI,CAAA;AAEtC,IAAA,OAAOU,SAAS,CAAA;AAClB,GAAA;EAEA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CACd,6BAA6B,EAC7B,2BAA2B,EAC3B,CAAwC,qCAAA,EAAA,IAAI,CAACZ,IAAI,CAACD,SAAS,EAAE,CAC9D,CAAA;AAED,IAAA,OAAOa,OAAO,CAACV,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AAGAW,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEA,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAACb,IAAI,CAAA;AAE7B,IAAA,IAAI,OAAOa,OAAO,KAAK,UAAU,EAAE;AACjCA,MAAAA,OAAO,CAAC,IAAI,CAACb,IAAI,CAACD,SAAS,CAAC,CAAA;AAC9B,KAAA;AACF,GAAA;AACF,CAAC,GAAAe,yBAAA,CAAAlB,MAAA,CAAAmB,SAAA,EAAA,SAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAtB,MAAA,CAAAmB,SAAA,cAAAnB,MAAA,CAAAmB,SAAA,CAAA,GAAAnB,MAAA,EAAA;AA9CqCuB,oBAAA,CAAAC,QAAA,EAAzBzB,yBAAyB,CAAA;;;;"}

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

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

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

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

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

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

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

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