@hashicorp/design-system-components 4.13.1 → 4.14.0

package/dist/components/hds/form/toggle/base.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormToggleBase = templateOnlyComponent();
+const HdsFormToggleBase = TemplateOnlyComponent();
 var base = setComponentTemplate(TEMPLATE, HdsFormToggleBase);
 
 export { base as default };

package/dist/components/hds/form/toggle/field.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormToggleField = templateOnlyComponent();
+const HdsFormToggleField = TemplateOnlyComponent();
 var field = setComponentTemplate(TEMPLATE, HdsFormToggleField);
 
 export { field as default };

package/dist/components/hds/form/toggle/group.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormToggleGroup = templateOnlyComponent();
+const HdsFormToggleGroup = TemplateOnlyComponent();
 var group = setComponentTemplate(TEMPLATE, HdsFormToggleGroup);
 
 export { group as default };

package/dist/components/hds/form/visibility-toggle/index.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsFormVisibilityToggle = templateOnlyComponent();
+const HdsFormVisibilityToggle = TemplateOnlyComponent();
 var index = setComponentTemplate(TEMPLATE, HdsFormVisibilityToggle);
 
 export { index as default };

package/dist/components/hds/page-header/actions.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\nCopyright (c) HashiCorp, Inc.\nSPDX-Lice
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsPageHeaderActions = templateOnlyComponent();
+const HdsPageHeaderActions = TemplateOnlyComponent();
 var actions = setComponentTemplate(TEMPLATE, HdsPageHeaderActions);
 
 export { actions as default };

package/dist/components/hds/page-header/badges.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\nCopyright (c) HashiCorp, Inc.\nSPDX-Lice
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsPageHeaderBadges = templateOnlyComponent();
+const HdsPageHeaderBadges = TemplateOnlyComponent();
 var badges = setComponentTemplate(TEMPLATE, HdsPageHeaderBadges);
 
 export { badges as default };

package/dist/components/hds/page-header/description.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsPageHeaderDescription = templateOnlyComponent();
+const HdsPageHeaderDescription = TemplateOnlyComponent();
 var description = setComponentTemplate(TEMPLATE, HdsPageHeaderDescription);
 
 export { description as default };

package/dist/components/hds/page-header/index.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsPageHeader = templateOnlyComponent();
+const HdsPageHeader = TemplateOnlyComponent();
 var index = setComponentTemplate(TEMPLATE, HdsPageHeader);
 
 export { index as default };

package/dist/components/hds/page-header/subtitle.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsPageHeaderSubtitle = templateOnlyComponent();
+const HdsPageHeaderSubtitle = TemplateOnlyComponent();
 var subtitle = setComponentTemplate(TEMPLATE, HdsPageHeaderSubtitle);
 
 export { subtitle as default };

package/dist/components/hds/page-header/title.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsPageHeaderTitle = templateOnlyComponent();
+const HdsPageHeaderTitle = TemplateOnlyComponent();
 var title = setComponentTemplate(TEMPLATE, HdsPageHeaderTitle);
 
 export { title as default };

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

@@ -50,6 +50,9 @@ let HdsPaginationCompact = (_class = class HdsPaginationCompact extends Componen
       assert('@queryFunction for "Hds::Pagination::Compact" must be a function', typeof queryFunction === 'function');
       this.isControlled = true;
     }
+
+    // we assert that `this.pageSizes` will always be an array with at least one item
+    this._currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];
   }
   get ariaLabel() {
     return this.args.ariaLabel ?? 'Pagination';
@@ -135,9 +138,7 @@ let HdsPaginationCompact = (_class = class HdsPaginationCompact extends Componen
   configurable: true,
   enumerable: true,
   writable: true,
-  initializer: function () {
-    return this.args.currentPageSize ?? this.pageSizes[0];
-  }
+  initializer: null
 }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "isControlled", [tracked], {
   configurable: true,
   enumerable: true,

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 _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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"}
+{"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 _currentPageSize;\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    // 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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"}

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

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -8,7 +8,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
-const HdsApplicationPaginationNavEllipsis = templateOnlyComponent();
+const HdsApplicationPaginationNavEllipsis = TemplateOnlyComponent();
 var ellipsis = setComponentTemplate(TEMPLATE, HdsApplicationPaginationNavEllipsis);
 
 export { ellipsis as default };

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

@@ -70,7 +70,6 @@ let HdsPaginationNumbered = (_class = class HdsPaginationNumbered extends Compon
     // at rendering time, but from that moment on they're not updated anymore, no matter what interaction the user
     // has with the component (the state is controlled externally, eg. via query parameters)
     _initializerDefineProperty(this, "_currentPage", _descriptor, this);
-    // we assert that `this.pageSizes` will always be an array with at least one item
     _initializerDefineProperty(this, "_currentPageSize", _descriptor2, this);
     _initializerDefineProperty(this, "isControlled", _descriptor3, this);
     _defineProperty(this, "showInfo", this.args.showInfo ?? true);
@@ -111,6 +110,9 @@ let HdsPaginationNumbered = (_class = class HdsPaginationNumbered extends Compon
       this.isControlled = true;
     }
     assert('@totalItems for "Hds::Pagination::Numbered" must be defined as an integer number', typeof this.args.totalItems === 'number');
+    this._currentPage = this.args.currentPage ?? 1;
+    // we assert that `this.pageSizes` will always be an array with at least one item
+    this._currentPageSize = this.args.currentPageSize ?? this.pageSizes[0];
   }
   get ariaLabel() {
     return this.args.ariaLabel ?? 'Pagination';
@@ -283,16 +285,12 @@ let HdsPaginationNumbered = (_class = class HdsPaginationNumbered extends Compon
   configurable: true,
   enumerable: true,
   writable: true,
-  initializer: function () {
-    return this.args.currentPage ?? 1;
-  }
+  initializer: null
 }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_currentPageSize", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
-  initializer: function () {
-    return this.args.currentPageSize ?? this.pageSizes[0];
-  }
+  initializer: null
 }), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "isControlled", [tracked], {
   configurable: true,
   enumerable: true,

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 _currentPage = this.args.currentPage ?? 1;\n  // we assert that `this.pageSizes` will always be an array with at least one item\n  @tracked _currentPageSize = this.args.currentPageSize ?? this.pageSizes[0]!;\n  @tracked isControlled;\n\n  showInfo = this.args.showInfo ?? true; // if the \"info\" block is visible\n  showLabels = this.args.showLabels ?? false; // if the labels for the \"prev/next\" controls are visible\n  showSizeSelector = this.args.showSizeSelector ?? true; // if the \"size selector\" block is visible\n  showPageNumbers = this.args.showPageNumbers ?? true; // if the \"page numbers\" block is visible\n  isTruncated = this.args.isTruncated ?? true; // if the list of \"page numbers\" is truncated\n\n  constructor(owner: unknown, args: HdsPaginationNumberedSignature['Args']) {\n    super(owner, args);\n\n    const { queryFunction } = this.args;\n\n    // This component works in two different ways, depending if we need to support\n    // routing through links (`LinkTo`) for the \"navigation controls\", or not.\n    // If there's no routing then the component behaves as \"uncontrolled\"\n    // (the state updates - eg to the \"currentPage\" and \"currentPageSize\"\n    // are handled by its internal logic).\n    // If instead the component needs to update the routing (and we infer this via the \"query\" arguments)\n    // then the component behaves as \"controlled\", where the state is\n    // initialized and updated using the arguments passed to it.\n\n    if (queryFunction === undefined) {\n      this.isControlled = false;\n    } else {\n      assert(\n        '@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\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Pagination';\n  }\n\n  // This very specific `get/set` pattern is used to handle the two different use cases of the component\n  // being \"controlled\" (when it has routing, meaning it needs to support pagination controls as links/`LinkTo`)\n  // vs being \"uncontrolled\" (see comments above for details).\n  //\n  // If it has routing (and so it's \"controlled\"), than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the controller via arguments (most of the times, connected to query parameters in the URL).\n  // For this reason the \"get\" method always returns the value from the `args`,\n  // while the \"set\" method never updates the private internal state (_variable).\n  //\n  // If instead it doesn't have routing (and so it's \"uncontrolled\") than the value (\"state\") of the `currentPage/currentPageSize` variables\n  // is *always* determined by the component's internal logic (and updated according to the user interaction with it).\n  // For this reason the \"get\" and \"set\" methods always read from or write to the private internal state (_variable).\n\n  get currentPage(): number {\n    if (this.isControlled) {\n      // if the component is controlled, `@currentPage` is asserted to be a number\n      return this.args.currentPage as number;\n    } else {\n      return this._currentPage;\n    }\n  }\n  set currentPage(value) {\n    if (this.isControlled) {\n      // noop\n    } else {\n      // if `this.isControlled` is `false`\n      this._currentPage = value as number;\n    }\n  }\n\n  get currentPageSize(): number {\n    if (this.isControlled) {\n      // if the component is controlled, `@currentPageSize` is asserted to be a number\n      return this.args.currentPageSize as number;\n    } else {\n      return this._currentPageSize;\n    }\n  }\n  set currentPageSize(value) {\n    if (this.isControlled) {\n      // noop\n    } else {\n      this._currentPageSize = value;\n    }\n  }\n\n  get pageSizes(): number[] {\n    const { pageSizes = DEFAULT_PAGE_SIZES } = this.args;\n\n    assert(\n      // TODO: Add test for this\n      `pageSizes argument must be an array with at least one item. Received: ${pageSizes}`,\n      Array.isArray(pageSizes) === true && pageSizes.length > 0\n    );\n\n    return pageSizes;\n  }\n\n  get itemsRangeStart(): number {\n    // Calculate the starting range of items displayed on current page\n    // if currentPage = 1st page and # of items per page is 10:\n    //  ( (1 - 1 = 0) * 10 = 0 ) + 1 = 1\n    // if current page = 2nd page:\n    // ( (2 - 1 = 1) * 10 = 10 ) + 1 = 11\n    return (this.currentPage - 1) * this.currentPageSize + 1;\n  }\n\n  get itemsRangeEnd(): number {\n    // Calculate ending range of items displayed on current page\n    // 2 cases: 1) full page of items or 2) last page of items\n    if (this.currentPage * this.currentPageSize < this.args.totalItems) {\n      // 1) full page of items (pages 1 to page before last):\n      return this.itemsRangeStart + this.currentPageSize - 1;\n    } else {\n      // 2) last page of items:\n      return this.args.totalItems;\n    }\n  }\n\n  get pages(): HdsPaginationElliptizedPageArray {\n    const pages = [];\n\n    for (let i = 1; i <= this.totalPages; i++) {\n      pages.push(i);\n    }\n\n    if (this.isTruncated) {\n      return elliptize({ pages, current: this.currentPage });\n    } else {\n      return pages;\n    }\n  }\n\n  get totalPages() {\n    return Math.max(Math.ceil(this.args.totalItems / this.currentPageSize), 1);\n  }\n\n  buildQueryParamsObject(\n    page: HdsPaginationElliptizedPageArrayItem,\n    pageSize: number\n  ): HdsInteractiveQuery {\n    // `page` may also be ellipsis\n    if (this.isControlled && typeof page === 'number') {\n      // if the component is controlled, `@queryFunction` is asserted to be a function\n      return this.args.queryFunction!(page, pageSize);\n    } else {\n      return {};\n    }\n  }\n\n  get routing(): HdsPaginationNumberedRoutingQueryProps {\n    const routing: HdsPaginationNumberedRoutingQueryProps = {\n      route: this.args.route ?? undefined,\n      model: this.args.model ?? undefined,\n      models: this.args.models ?? undefined,\n      replace: this.args.replace ?? undefined,\n    };\n\n    // the \"query\" is dynamic and needs to be calculated\n    if (this.isControlled) {\n      routing.queryPrev = this.buildQueryParamsObject(\n        this.currentPage - 1,\n        this.currentPageSize\n      );\n      routing.queryNext = this.buildQueryParamsObject(\n        this.currentPage + 1,\n        this.currentPageSize\n      );\n      // IMPORTANT: here we need to use an object and not an array\n      // otherwise the {{get object page}} will be shifted by one\n      // (the pages are 1-based while the array would be zero-based)\n      routing.queryPages = {};\n      this.pages.forEach(\n        (page) =>\n          (routing.queryPages![page] = this.buildQueryParamsObject(\n            page,\n            this.currentPageSize\n          ))\n      );\n    } else {\n      routing.queryPrev = undefined;\n      routing.queryNext = undefined;\n    }\n\n    return routing;\n  }\n\n  get isDisabledPrev() {\n    return this.currentPage === 1;\n  }\n\n  get isDisabledNext() {\n    return this.currentPage === this.totalPages;\n  }\n\n  @action\n  onPageChange(page: HdsPaginationPage) {\n    let gotoPageNumber;\n    if (page === HdsPaginationDirectionValues.Prev && this.currentPage > 1) {\n      gotoPageNumber = this.currentPage - 1;\n    } else if (\n      page === HdsPaginationDirectionValues.Next &&\n      this.currentPage < this.totalPages\n    ) {\n      gotoPageNumber = this.currentPage + 1;\n    } else {\n      gotoPageNumber = page;\n    }\n\n    // we want to invoke the `onPageChange` callback only on actual page change\n    if (gotoPageNumber !== this.currentPage) {\n      // we have already determined that `gotoPageNumber` is not `prev` or `next`\n      this.currentPage = gotoPageNumber as number;\n\n      const { onPageChange } = this.args;\n\n      if (typeof onPageChange === 'function') {\n        onPageChange(this.currentPage, this.currentPageSize);\n      }\n    }\n  }\n\n  @action\n  onPageSizeChange(newPageSize: number) {\n    const { onPageSizeChange } = this.args;\n\n    if (!this.isControlled) {\n      // notice: we agreed to reset the pagination to the first element (any alternative would result in an unpredictable UX)\n      this.currentPage = 1;\n      this.currentPageSize = newPageSize;\n    }\n\n    // invoke the callback function\n    if (typeof onPageSizeChange === 'function') {\n      onPageSizeChange(newPageSize);\n    }\n  }\n\n  elliptizedPageArrayItemAsNumber = (\n    item: HdsPaginationElliptizedPageArrayItem\n  ): number => {\n    if (typeof item === 'number') {\n      return item;\n    } else {\n      throw new Error('Expected a number, but got an ellipsis');\n    }\n  };\n\n  getPageNumberQuery(page: HdsPaginationElliptizedPageArrayItem) {\n    return this.routing.queryPages![this.elliptizedPageArrayItemAsNumber(page)];\n  }\n}\n"],"names":["ELLIPSIS","DEFAULT_PAGE_SIZES","elliptize","pages","current","limit","length","result","start","end","Math","ceil","sliceStart","slice","sliceEnd","includes","splice","concat","delta","sliceCurr","shift","pop","HdsPaginationNumbered","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","showInfo","showLabels","showSizeSelector","showPageNumbers","isTruncated","item","Error","queryFunction","undefined","isControlled","assert","model","models","route","currentPageSize","currentPage","totalItems","ariaLabel","_currentPage","value","_currentPageSize","pageSizes","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.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 _currentPage;\n  @tracked _currentPageSize;\n  @tracked isControlled;\n\n  showInfo = this.args.showInfo ?? true; // if the \"info\" block is visible\n  showLabels = this.args.showLabels ?? false; // if the labels for the \"prev/next\" controls are visible\n  showSizeSelector = this.args.showSizeSelector ?? true; // if the \"size selector\" block is visible\n  showPageNumbers = this.args.showPageNumbers ?? true; // if the \"page numbers\" block is visible\n  isTruncated = this.args.isTruncated ?? true; // if the list of \"page numbers\" is truncated\n\n  constructor(owner: unknown, args: HdsPaginationNumberedSignature['Args']) {\n    super(owner, args);\n\n    const { queryFunction } = this.args;\n\n    // This component works in two different ways, depending if we need to support\n    // routing through links (`LinkTo`) for the \"navigation controls\", or not.\n    // If there's no routing then the component behaves as \"uncontrolled\"\n    // (the state updates - eg to the \"currentPage\" and \"currentPageSize\"\n    // are handled by its internal logic).\n    // If instead the component needs to update the routing (and we infer this via the \"query\" arguments)\n    // then the component behaves as \"controlled\", where the state is\n    // initialized and updated using the arguments passed to it.\n\n    if (queryFunction === undefined) {\n      this.isControlled = false;\n    } else {\n      assert(\n        '@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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"}

package/dist/components/hds/popover-primitive/index.js

@@ -15,8 +15,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
 
 var _class, _descriptor, _descriptor2;
 let HdsPopoverPrimitive = (_class = class HdsPopoverPrimitive extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor(owner, args) {
+    super(owner, args);
     _initializerDefineProperty(this, "isOpen", _descriptor, this);
     _initializerDefineProperty(this, "isClosing", _descriptor2, this);
     _defineProperty(this, "containerElement", void 0);
@@ -105,6 +105,7 @@ let HdsPopoverPrimitive = (_class = class HdsPopoverPrimitive extends Component
         );
       });
     }));
+    this.isOpen = this.args.isOpen ?? false;
   }
   showPopover() {
     try {
@@ -224,9 +225,7 @@ let HdsPopoverPrimitive = (_class = class HdsPopoverPrimitive extends Component
   configurable: true,
   enumerable: true,
   writable: true,
-  initializer: function () {
-    return this.args.isOpen ?? false;
-  }
+  initializer: null
 }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "isClosing", [tracked], {
   configurable: true,
   enumerable: true,

package/dist/components/hds/popover-primitive/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/popover-primitive/index.hbs","../../../../src/components/hds/popover-primitive/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{{yield\\n  (hash\\n    setupPrimitiveContainer=this.setupPrimitiveContainer\\n    setupPrimitiveToggle=this.setupPrimitiveToggle\\n    setupPrimitivePopover=this.setupPrimitivePopover\\n    toggleElement=this.toggleElement\\n    popoverElement=this.popoverElement\\n    isOpen=this.isOpen\\n    showPopover=this.showPopover\\n    hidePopover=this.hidePopover\\n    togglePopover=this.togglePopover\\n  )\\n}}\")","/**\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, warn } from '@ember/debug';\nimport { next } from '@ember/runloop';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\n\nimport registerEvent from '../../../modifiers/hds-register-event.ts';\nimport anchoredPositionModifier from '../../../modifiers/hds-anchored-position.ts';\n\nimport type { FloatingUIOptions } from '../../../modifiers/hds-anchored-position.ts';\nimport type { ModifierLike } from '@glint/template';\n\nexport interface HdsPopoverPrimitiveSignature {\n  Args: {\n    isOpen?: boolean;\n    enableSoftEvents?: boolean;\n    enableClickEvents?: boolean;\n    onOpen?: () => void;\n    onClose?: () => void;\n  };\n  Blocks: {\n    default: [\n      {\n        setupPrimitiveContainer: ModifierLike<SetupPrimitiveContainerModifier>;\n        setupPrimitiveToggle: ModifierLike<SetupPrimitiveToggleModifier>;\n        setupPrimitivePopover: ModifierLike<SetupPrimitivePopoverModifier>;\n        toggleElement?: HTMLButtonElement;\n        popoverElement?: HTMLElement;\n        isOpen: boolean;\n        showPopover: () => void;\n        hidePopover: () => void;\n        togglePopover: () => void;\n      },\n    ];\n  };\n}\n\ninterface SetupPrimitiveContainerModifier {\n  Element: HTMLElement;\n}\n\nexport interface SetupPrimitiveToggleModifier {\n  Element: HTMLButtonElement;\n}\n\nexport interface SetupPrimitivePopoverModifier {\n  Element: HTMLElement;\n  Args: {\n    Positional: [];\n    Named: { anchoredPositionOptions: FloatingUIOptions };\n  };\n}\n\nexport default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSignature> {\n  @tracked isOpen = this.args.isOpen ?? false;\n  @tracked isClosing = false;\n  containerElement?: HTMLElement;\n  toggleElement?: HTMLButtonElement;\n  popoverElement?: HTMLElement;\n  // this will enable \"soft\" events for the toggle (\"hover\" and \"focus\")\n  enableSoftEvents = this.args.enableSoftEvents ?? false;\n  // this will enable \"click\" events for the toggle\n  enableClickEvents = this.args.enableClickEvents ?? false;\n  timer?: ReturnType<typeof setTimeout> | null;\n\n  setupPrimitiveContainer = modifier<SetupPrimitiveContainerModifier>(\n    (element: HTMLElement): void => {\n      this.containerElement = element;\n\n      // we register the \"soft\" events\n      if (this.enableSoftEvents) {\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this.containerElement, ['mouseenter', this.onMouseEnter]);\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this.containerElement, ['mouseleave', this.onMouseLeave]);\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this.containerElement, ['focusin', this.onFocusIn]);\n      }\n      // we always want the focusOut event\n      // @ts-expect-error: known issue with type of invocation\n      registerEvent(this.containerElement, ['focusout', this.onFocusOut]);\n    }\n  );\n\n  setupPrimitiveToggle = modifier<SetupPrimitiveToggleModifier>(\n    (element: HTMLButtonElement): void => {\n      this.toggleElement = element;\n\n      assert(\n        `The toggle element of \"Hds::PopoverPrimitive\" must be a <button>; element received: <${element.tagName.toLowerCase()}>`,\n        element instanceof HTMLButtonElement\n      );\n    }\n  );\n\n  setupPrimitivePopover = modifier(\n    (\n      element: HTMLElement,\n      _positional,\n      named: { anchoredPositionOptions: FloatingUIOptions }\n    ): void => {\n      this.popoverElement = element;\n\n      // for the click events we don't use `onclick` event listeners, but we rely on the `popovertarget` attribute\n      // provided by the Popover API which does all the magic for us without needing JS code\n      // (important: to work it needs to be applied to a button)\n      if (this.enableClickEvents) {\n        let popoverId;\n        if (this.popoverElement.id) {\n          popoverId = this.popoverElement.id;\n        } else {\n          // we need a DOM id for the `popovertarget` attribute\n          popoverId = guidFor(this);\n          this.popoverElement.id = popoverId;\n        }\n        if (this.toggleElement) {\n          this.toggleElement.setAttribute('popovertarget', popoverId);\n        }\n      }\n\n      // this should be an extremely edge case, but in the case the popover needs to be initially forced to be open\n      // we need to use the \"manual\" state to support the case of multiple \"menus\" opened at the same time\n      // IMPORTANT! if a \"popover\" is set to \"open\" with a \"manual\" state, then it can't be closed via `esc` and `click outside`\n      if (this.args.isOpen) {\n        this.popoverElement.popover = 'manual';\n        this.popoverElement.showPopover();\n      } else {\n        this.popoverElement.popover = 'auto';\n      }\n\n      // Register \"onBeforeToggle\" + \"onToggle\" callback functions to be called when a native 'toggle' event is dispatched\n      // @ts-expect-error: known issue with type of invocation\n      registerEvent(this.popoverElement, [\n        'beforetoggle',\n        this.onBeforeTogglePopover,\n      ]);\n      // @ts-expect-error: known issue with type of invocation\n      registerEvent(this.popoverElement, ['toggle', this.onTogglePopover]);\n\n      // we need to spread the argument because if it's set via `{{ hash … }}` Ember complains when we overwrite one of its values\n      const anchoredPositionOptions: FloatingUIOptions = {\n        ...named.anchoredPositionOptions,\n      };\n\n      // Apply the `hds-anchored-position` modifier to the \"popover\" element\n      // (notice: this function runs the first time when the element the modifier was applied to is inserted into the DOM, and it autotracks while running.\n      // Any tracked values that it accesses will be tracked, including the arguments it receives, and if any of them changes, the function will run again)\n      // This modifiers uses the Floating UI library to provide:\n      // - positioning of the \"popover\" in relation to the \"toggle\"\n      // - collision detection (optional)\n      // eslint-disable-next-line ember/no-runloop\n      next((): void => {\n        // @ts-expect-error: known issue with type of invocation\n        anchoredPositionModifier(\n          this.popoverElement, // element the modifier is attached to\n          [this.toggleElement], // positional arguments\n          anchoredPositionOptions // named arguments\n        );\n      });\n    }\n  );\n\n  @action\n  showPopover(): void {\n    try {\n      if (this.popoverElement) {\n        this.popoverElement.showPopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`showPopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.show-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  @action\n  hidePopover(): void {\n    try {\n      if (this.popoverElement) {\n        this.popoverElement.hidePopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`hidePopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.hide-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  @action\n  togglePopover(): void {\n    try {\n      if (this.popoverElement) {\n        this.popoverElement.togglePopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`togglePopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.toggle-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  // fired just _before_ the \"popover\" is shown or hidden\n  @action\n  onBeforeTogglePopover(event: ToggleEvent): void {\n    if (event.newState === 'closed') {\n      // we need this flag to check if it's in the \"closing\" process,\n      // because the browser automatically returns the focus to the \"trigger\" button\n      // and this would re-open immediately the popover because of the `focusin` event\n      this.isClosing = true;\n    }\n  }\n\n  // fired just _after_ the \"popover\" is shown or hidden\n  @action\n  onTogglePopover(event: ToggleEvent): void {\n    if (event.newState === 'open') {\n      this.isOpen = true;\n\n      // we call the \"onOpen\" callback if it exists (and is a function)\n      const { onOpen } = this.args;\n      if (typeof onOpen === 'function') {\n        onOpen();\n      }\n    } else {\n      this.isOpen = false;\n\n      // reset the \"isClosing\" flag (the `toggle` event is fired _after_ the popover is closed)\n      this.isClosing = false;\n\n      // if the popover was initially forced to be open (using the \"manual\" state) then revert its status to `auto` once the user interacts with it\n      if (this.args.isOpen) {\n        if (this.popoverElement) {\n          this.popoverElement.popover = 'auto';\n        }\n      }\n\n      // we call the \"onClose\" callback if it exists (and is a function)\n      const { onClose } = this.args;\n      if (typeof onClose === 'function') {\n        onClose();\n      }\n    }\n  }\n\n  @action\n  onMouseEnter(): void {\n    if (this.timer) {\n      clearTimeout(this.timer);\n    }\n    this.showPopover();\n  }\n\n  @action\n  onFocusIn(): void {\n    // don't re-open the popover if the focus is returned because the closing\n    if (!this.isClosing) {\n      if (this.timer) {\n        clearTimeout(this.timer);\n      }\n      this.showPopover();\n    }\n  }\n\n  @action\n  onMouseLeave(): void {\n    this.timer = setTimeout((): void => this.hidePopover(), 500);\n  }\n\n  @action\n  onFocusOut(event: FocusEvent): void {\n    if (this.containerElement) {\n      let isFocusStillInside = false;\n      if (\n        event.relatedTarget &&\n        // if the related target is not part of the disclosed content we close the disclosed container\n        this.containerElement.contains(event.relatedTarget as Node)\n      ) {\n        isFocusStillInside = true;\n      } else if (\n        document.activeElement &&\n        // due to inconsistent implementation of relatedTarget across browsers we use the activeElement as a fallback\n        this.containerElement.contains(document.activeElement)\n      ) {\n        isFocusStillInside = true;\n      }\n      // if the target receiving the focus is _not_ part of the disclosed content we close the disclosed container\n      if (!isFocusStillInside) {\n        this.hidePopover();\n      }\n    }\n  }\n}\n"],"names":["HdsPopoverPrimitive","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_defineProperty","enableSoftEvents","enableClickEvents","modifier","element","containerElement","registerEvent","onMouseEnter","onMouseLeave","onFocusIn","onFocusOut","toggleElement","assert","tagName","toLowerCase","HTMLButtonElement","_positional","named","popoverElement","popoverId","id","guidFor","setAttribute","isOpen","popover","showPopover","onBeforeTogglePopover","onTogglePopover","anchoredPositionOptions","next","anchoredPositionModifier","error","warn","JSON","stringify","hidePopover","togglePopover","event","newState","isClosing","onOpen","onClose","timer","clearTimeout","setTimeout","isFocusStillInside","relatedTarget","contains","document","activeElement","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;;;AACA,eAAe,kBAAkB,CAAC,6dAA6d;;;AC2D1eA,IAAAA,mBAAmB,IAAAC,MAAA,GAAzB,MAAMD,mBAAmB,SAASE,SAAS,CAA+B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,0BAAA,iBAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAAD,IAAAA,0BAAA,oBAAAE,YAAA,EAAA,IAAA,CAAA,CAAA;IAAAC,eAAA,CAAA,IAAA,EAAA,kBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;IAAAA,eAAA,CAAA,IAAA,EAAA,eAAA,EAAA,KAAA,CAAA,CAAA,CAAA;IAAAA,eAAA,CAAA,IAAA,EAAA,gBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMvF;AAAAA,IAAAA,eAAA,2BACmB,IAAI,CAACJ,IAAI,CAACK,gBAAgB,IAAI,KAAK,CAAA,CAAA;AACtD;AAAAD,IAAAA,eAAA,4BACoB,IAAI,CAACJ,IAAI,CAACM,iBAAiB,IAAI,KAAK,CAAA,CAAA;IAAAF,eAAA,CAAA,IAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAAAA,IAAAA,eAAA,CAG9BG,IAAAA,EAAAA,yBAAAA,EAAAA,QAAQ,CAC/BC,OAAoB,IAAW;MAC9B,IAAI,CAACC,gBAAgB,GAAGD,OAAO,CAAA;;AAE/B;MACA,IAAI,IAAI,CAACH,gBAAgB,EAAE;AACzB;AACAK,QAAAA,aAAa,CAAC,IAAI,CAACD,gBAAgB,EAAE,CAAC,YAAY,EAAE,IAAI,CAACE,YAAY,CAAC,CAAC,CAAA;AACvE;AACAD,QAAAA,aAAa,CAAC,IAAI,CAACD,gBAAgB,EAAE,CAAC,YAAY,EAAE,IAAI,CAACG,YAAY,CAAC,CAAC,CAAA;AACvE;AACAF,QAAAA,aAAa,CAAC,IAAI,CAACD,gBAAgB,EAAE,CAAC,SAAS,EAAE,IAAI,CAACI,SAAS,CAAC,CAAC,CAAA;AACnE,OAAA;AACA;AACA;AACAH,MAAAA,aAAa,CAAC,IAAI,CAACD,gBAAgB,EAAE,CAAC,UAAU,EAAE,IAAI,CAACK,UAAU,CAAC,CAAC,CAAA;AACrE,KACF,CAAC,CAAA,CAAA;AAAAV,IAAAA,eAAA,CAEsBG,IAAAA,EAAAA,sBAAAA,EAAAA,QAAQ,CAC5BC,OAA0B,IAAW;MACpC,IAAI,CAACO,aAAa,GAAGP,OAAO,CAAA;AAE5BQ,MAAAA,MAAM,CACJ,CAAA,qFAAA,EAAwFR,OAAO,CAACS,OAAO,CAACC,WAAW,EAAE,CAAG,CAAA,CAAA,EACxHV,OAAO,YAAYW,iBACrB,CAAC,CAAA;AACH,KACF,CAAC,CAAA,CAAA;IAAAf,eAAA,CAAA,IAAA,EAAA,uBAAA,EAEuBG,QAAQ,CAC9B,CACEC,OAAoB,EACpBY,WAAW,EACXC,KAAqD,KAC5C;MACT,IAAI,CAACC,cAAc,GAAGd,OAAO,CAAA;;AAE7B;AACA;AACA;MACA,IAAI,IAAI,CAACF,iBAAiB,EAAE;AAC1B,QAAA,IAAIiB,SAAS,CAAA;AACb,QAAA,IAAI,IAAI,CAACD,cAAc,CAACE,EAAE,EAAE;AAC1BD,UAAAA,SAAS,GAAG,IAAI,CAACD,cAAc,CAACE,EAAE,CAAA;AACpC,SAAC,MAAM;AACL;AACAD,UAAAA,SAAS,GAAGE,OAAO,CAAC,IAAI,CAAC,CAAA;AACzB,UAAA,IAAI,CAACH,cAAc,CAACE,EAAE,GAAGD,SAAS,CAAA;AACpC,SAAA;QACA,IAAI,IAAI,CAACR,aAAa,EAAE;UACtB,IAAI,CAACA,aAAa,CAACW,YAAY,CAAC,eAAe,EAAEH,SAAS,CAAC,CAAA;AAC7D,SAAA;AACF,OAAA;;AAEA;AACA;AACA;AACA,MAAA,IAAI,IAAI,CAACvB,IAAI,CAAC2B,MAAM,EAAE;AACpB,QAAA,IAAI,CAACL,cAAc,CAACM,OAAO,GAAG,QAAQ,CAAA;AACtC,QAAA,IAAI,CAACN,cAAc,CAACO,WAAW,EAAE,CAAA;AACnC,OAAC,MAAM;AACL,QAAA,IAAI,CAACP,cAAc,CAACM,OAAO,GAAG,MAAM,CAAA;AACtC,OAAA;;AAEA;AACA;AACAlB,MAAAA,aAAa,CAAC,IAAI,CAACY,cAAc,EAAE,CACjC,cAAc,EACd,IAAI,CAACQ,qBAAqB,CAC3B,CAAC,CAAA;AACF;AACApB,MAAAA,aAAa,CAAC,IAAI,CAACY,cAAc,EAAE,CAAC,QAAQ,EAAE,IAAI,CAACS,eAAe,CAAC,CAAC,CAAA;;AAEpE;AACA,MAAA,MAAMC,uBAA0C,GAAG;AACjD,QAAA,GAAGX,KAAK,CAACW,uBAAAA;OACV,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACAC,MAAAA,IAAI,CAAC,MAAY;AACf;QACAC,wBAAwB,CACtB,IAAI,CAACZ,cAAc;AAAE;QACrB,CAAC,IAAI,CAACP,aAAa,CAAC;AAAE;AACtBiB,QAAAA,uBAAuB;SACxB,CAAA;AACH,OAAC,CAAC,CAAA;AACJ,KACF,CAAC,CAAA,CAAA;AAAA,GAAA;AAGDH,EAAAA,WAAWA,GAAS;IAClB,IAAI;MACF,IAAI,IAAI,CAACP,cAAc,EAAE;AACvB,QAAA,IAAI,CAACA,cAAc,CAACO,WAAW,EAAE,CAAA;AACnC,OAAA;KACD,CAAC,OAAOM,KAAK,EAAE;MACdC,IAAI,CACF,yFAAyFC,IAAI,CAACC,SAAS,CACrGH,KACF,CAAC,CAAA,CAAE,EACH;AACEX,QAAAA,EAAE,EAAE,mDAAA;AACN,OACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;AAGAe,EAAAA,WAAWA,GAAS;IAClB,IAAI;MACF,IAAI,IAAI,CAACjB,cAAc,EAAE;AACvB,QAAA,IAAI,CAACA,cAAc,CAACiB,WAAW,EAAE,CAAA;AACnC,OAAA;KACD,CAAC,OAAOJ,KAAK,EAAE;MACdC,IAAI,CACF,yFAAyFC,IAAI,CAACC,SAAS,CACrGH,KACF,CAAC,CAAA,CAAE,EACH;AACEX,QAAAA,EAAE,EAAE,mDAAA;AACN,OACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;AAGAgB,EAAAA,aAAaA,GAAS;IACpB,IAAI;MACF,IAAI,IAAI,CAAClB,cAAc,EAAE;AACvB,QAAA,IAAI,CAACA,cAAc,CAACkB,aAAa,EAAE,CAAA;AACrC,OAAA;KACD,CAAC,OAAOL,KAAK,EAAE;MACdC,IAAI,CACF,2FAA2FC,IAAI,CAACC,SAAS,CACvGH,KACF,CAAC,CAAA,CAAE,EACH;AACEX,QAAAA,EAAE,EAAE,qDAAA;AACN,OACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;;AAEA;EAEAM,qBAAqBA,CAACW,KAAkB,EAAQ;AAC9C,IAAA,IAAIA,KAAK,CAACC,QAAQ,KAAK,QAAQ,EAAE;AAC/B;AACA;AACA;MACA,IAAI,CAACC,SAAS,GAAG,IAAI,CAAA;AACvB,KAAA;AACF,GAAA;;AAEA;EAEAZ,eAAeA,CAACU,KAAkB,EAAQ;AACxC,IAAA,IAAIA,KAAK,CAACC,QAAQ,KAAK,MAAM,EAAE;MAC7B,IAAI,CAACf,MAAM,GAAG,IAAI,CAAA;;AAElB;MACA,MAAM;AAAEiB,QAAAA,MAAAA;OAAQ,GAAG,IAAI,CAAC5C,IAAI,CAAA;AAC5B,MAAA,IAAI,OAAO4C,MAAM,KAAK,UAAU,EAAE;AAChCA,QAAAA,MAAM,EAAE,CAAA;AACV,OAAA;AACF,KAAC,MAAM;MACL,IAAI,CAACjB,MAAM,GAAG,KAAK,CAAA;;AAEnB;MACA,IAAI,CAACgB,SAAS,GAAG,KAAK,CAAA;;AAEtB;AACA,MAAA,IAAI,IAAI,CAAC3C,IAAI,CAAC2B,MAAM,EAAE;QACpB,IAAI,IAAI,CAACL,cAAc,EAAE;AACvB,UAAA,IAAI,CAACA,cAAc,CAACM,OAAO,GAAG,MAAM,CAAA;AACtC,SAAA;AACF,OAAA;;AAEA;MACA,MAAM;AAAEiB,QAAAA,OAAAA;OAAS,GAAG,IAAI,CAAC7C,IAAI,CAAA;AAC7B,MAAA,IAAI,OAAO6C,OAAO,KAAK,UAAU,EAAE;AACjCA,QAAAA,OAAO,EAAE,CAAA;AACX,OAAA;AACF,KAAA;AACF,GAAA;AAGAlC,EAAAA,YAAYA,GAAS;IACnB,IAAI,IAAI,CAACmC,KAAK,EAAE;AACdC,MAAAA,YAAY,CAAC,IAAI,CAACD,KAAK,CAAC,CAAA;AAC1B,KAAA;IACA,IAAI,CAACjB,WAAW,EAAE,CAAA;AACpB,GAAA;AAGAhB,EAAAA,SAASA,GAAS;AAChB;AACA,IAAA,IAAI,CAAC,IAAI,CAAC8B,SAAS,EAAE;MACnB,IAAI,IAAI,CAACG,KAAK,EAAE;AACdC,QAAAA,YAAY,CAAC,IAAI,CAACD,KAAK,CAAC,CAAA;AAC1B,OAAA;MACA,IAAI,CAACjB,WAAW,EAAE,CAAA;AACpB,KAAA;AACF,GAAA;AAGAjB,EAAAA,YAAYA,GAAS;AACnB,IAAA,IAAI,CAACkC,KAAK,GAAGE,UAAU,CAAC,MAAY,IAAI,CAACT,WAAW,EAAE,EAAE,GAAG,CAAC,CAAA;AAC9D,GAAA;EAGAzB,UAAUA,CAAC2B,KAAiB,EAAQ;IAClC,IAAI,IAAI,CAAChC,gBAAgB,EAAE;MACzB,IAAIwC,kBAAkB,GAAG,KAAK,CAAA;MAC9B,IACER,KAAK,CAACS,aAAa;AACnB;MACA,IAAI,CAACzC,gBAAgB,CAAC0C,QAAQ,CAACV,KAAK,CAACS,aAAqB,CAAC,EAC3D;AACAD,QAAAA,kBAAkB,GAAG,IAAI,CAAA;AAC3B,OAAC,MAAM,IACLG,QAAQ,CAACC,aAAa;AACtB;MACA,IAAI,CAAC5C,gBAAgB,CAAC0C,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EACtD;AACAJ,QAAAA,kBAAkB,GAAG,IAAI,CAAA;AAC3B,OAAA;AACA;MACA,IAAI,CAACA,kBAAkB,EAAE;QACvB,IAAI,CAACV,WAAW,EAAE,CAAA;AACpB,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAC,GAAArC,WAAA,GAAAoD,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAAA,QAAA,EAAA,CA5PEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAU,IAAI,CAAC5D,IAAI,CAAC2B,MAAM,IAAI,KAAK,CAAA;AAAA,GAAA;AAAA,CAAAxB,CAAAA,EAAAA,YAAA,GAAAmD,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,gBAC1CC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAa,KAAK,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,EAAAN,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAAA,aAAA,EAAA,CA2GzBM,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,kBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAAA,aAAA,EAAA,CAkBNM,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,kBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAAA,eAAA,EAAA,CAkBNM,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,oBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAmBNM,uBAAAA,EAAAA,CAAAA,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,4BAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAWNM,iBAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,sBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EA+BNM,cAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,mBAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAQNM,WAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,EAAA,WAAA,CAAA,EAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAWNM,cAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,EAAA,cAAA,CAAA,EAAA1D,MAAA,CAAA0D,SAAA,CAAAD,EAAAA,yBAAA,CAAAzD,MAAA,CAAA0D,SAAA,EAKNM,YAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAAlE,MAAA,CAAA0D,SAAA,EAAA,YAAA,CAAA,EAAA1D,MAAA,CAAA0D,SAAA,IAAA1D,MAAA,EAAA;AAtO+BmE,oBAAA,CAAAC,QAAA,EAAnBrE,mBAAmB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/popover-primitive/index.hbs","../../../../src/components/hds/popover-primitive/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{{yield\\n  (hash\\n    setupPrimitiveContainer=this.setupPrimitiveContainer\\n    setupPrimitiveToggle=this.setupPrimitiveToggle\\n    setupPrimitivePopover=this.setupPrimitivePopover\\n    toggleElement=this.toggleElement\\n    popoverElement=this.popoverElement\\n    isOpen=this.isOpen\\n    showPopover=this.showPopover\\n    hidePopover=this.hidePopover\\n    togglePopover=this.togglePopover\\n  )\\n}}\")","/**\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, warn } from '@ember/debug';\nimport { next } from '@ember/runloop';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\n\nimport registerEvent from '../../../modifiers/hds-register-event.ts';\nimport anchoredPositionModifier from '../../../modifiers/hds-anchored-position.ts';\n\nimport type { FloatingUIOptions } from '../../../modifiers/hds-anchored-position.ts';\nimport type { ModifierLike } from '@glint/template';\n\nexport interface HdsPopoverPrimitiveSignature {\n  Args: {\n    isOpen?: boolean;\n    enableSoftEvents?: boolean;\n    enableClickEvents?: boolean;\n    onOpen?: () => void;\n    onClose?: () => void;\n  };\n  Blocks: {\n    default: [\n      {\n        setupPrimitiveContainer: ModifierLike<SetupPrimitiveContainerModifier>;\n        setupPrimitiveToggle: ModifierLike<SetupPrimitiveToggleModifier>;\n        setupPrimitivePopover: ModifierLike<SetupPrimitivePopoverModifier>;\n        toggleElement?: HTMLButtonElement;\n        popoverElement?: HTMLElement;\n        isOpen: boolean;\n        showPopover: () => void;\n        hidePopover: () => void;\n        togglePopover: () => void;\n      },\n    ];\n  };\n}\n\ninterface SetupPrimitiveContainerModifier {\n  Element: HTMLElement;\n}\n\nexport interface SetupPrimitiveToggleModifier {\n  Element: HTMLButtonElement;\n}\n\nexport interface SetupPrimitivePopoverModifier {\n  Element: HTMLElement;\n  Args: {\n    Positional: [];\n    Named: { anchoredPositionOptions: FloatingUIOptions };\n  };\n}\n\nexport default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSignature> {\n  @tracked isOpen;\n  @tracked isClosing = false;\n  containerElement?: HTMLElement;\n  toggleElement?: HTMLButtonElement;\n  popoverElement?: HTMLElement;\n  // this will enable \"soft\" events for the toggle (\"hover\" and \"focus\")\n  enableSoftEvents = this.args.enableSoftEvents ?? false;\n  // this will enable \"click\" events for the toggle\n  enableClickEvents = this.args.enableClickEvents ?? false;\n  timer?: ReturnType<typeof setTimeout> | null;\n\n  constructor(owner: unknown, args: HdsPopoverPrimitiveSignature['Args']) {\n    super(owner, args);\n    this.isOpen = this.args.isOpen ?? false;\n  }\n\n  setupPrimitiveContainer = modifier<SetupPrimitiveContainerModifier>(\n    (element: HTMLElement): void => {\n      this.containerElement = element;\n\n      // we register the \"soft\" events\n      if (this.enableSoftEvents) {\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this.containerElement, ['mouseenter', this.onMouseEnter]);\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this.containerElement, ['mouseleave', this.onMouseLeave]);\n        // @ts-expect-error: known issue with type of invocation\n        registerEvent(this.containerElement, ['focusin', this.onFocusIn]);\n      }\n      // we always want the focusOut event\n      // @ts-expect-error: known issue with type of invocation\n      registerEvent(this.containerElement, ['focusout', this.onFocusOut]);\n    }\n  );\n\n  setupPrimitiveToggle = modifier<SetupPrimitiveToggleModifier>(\n    (element: HTMLButtonElement): void => {\n      this.toggleElement = element;\n\n      assert(\n        `The toggle element of \"Hds::PopoverPrimitive\" must be a <button>; element received: <${element.tagName.toLowerCase()}>`,\n        element instanceof HTMLButtonElement\n      );\n    }\n  );\n\n  setupPrimitivePopover = modifier(\n    (\n      element: HTMLElement,\n      _positional,\n      named: { anchoredPositionOptions: FloatingUIOptions }\n    ): void => {\n      this.popoverElement = element;\n\n      // for the click events we don't use `onclick` event listeners, but we rely on the `popovertarget` attribute\n      // provided by the Popover API which does all the magic for us without needing JS code\n      // (important: to work it needs to be applied to a button)\n      if (this.enableClickEvents) {\n        let popoverId;\n        if (this.popoverElement.id) {\n          popoverId = this.popoverElement.id;\n        } else {\n          // we need a DOM id for the `popovertarget` attribute\n          popoverId = guidFor(this);\n          this.popoverElement.id = popoverId;\n        }\n        if (this.toggleElement) {\n          this.toggleElement.setAttribute('popovertarget', popoverId);\n        }\n      }\n\n      // this should be an extremely edge case, but in the case the popover needs to be initially forced to be open\n      // we need to use the \"manual\" state to support the case of multiple \"menus\" opened at the same time\n      // IMPORTANT! if a \"popover\" is set to \"open\" with a \"manual\" state, then it can't be closed via `esc` and `click outside`\n      if (this.args.isOpen) {\n        this.popoverElement.popover = 'manual';\n        this.popoverElement.showPopover();\n      } else {\n        this.popoverElement.popover = 'auto';\n      }\n\n      // Register \"onBeforeToggle\" + \"onToggle\" callback functions to be called when a native 'toggle' event is dispatched\n      // @ts-expect-error: known issue with type of invocation\n      registerEvent(this.popoverElement, [\n        'beforetoggle',\n        this.onBeforeTogglePopover,\n      ]);\n      // @ts-expect-error: known issue with type of invocation\n      registerEvent(this.popoverElement, ['toggle', this.onTogglePopover]);\n\n      // we need to spread the argument because if it's set via `{{ hash … }}` Ember complains when we overwrite one of its values\n      const anchoredPositionOptions: FloatingUIOptions = {\n        ...named.anchoredPositionOptions,\n      };\n\n      // Apply the `hds-anchored-position` modifier to the \"popover\" element\n      // (notice: this function runs the first time when the element the modifier was applied to is inserted into the DOM, and it autotracks while running.\n      // Any tracked values that it accesses will be tracked, including the arguments it receives, and if any of them changes, the function will run again)\n      // This modifiers uses the Floating UI library to provide:\n      // - positioning of the \"popover\" in relation to the \"toggle\"\n      // - collision detection (optional)\n      // eslint-disable-next-line ember/no-runloop\n      next((): void => {\n        // @ts-expect-error: known issue with type of invocation\n        anchoredPositionModifier(\n          this.popoverElement, // element the modifier is attached to\n          [this.toggleElement], // positional arguments\n          anchoredPositionOptions // named arguments\n        );\n      });\n    }\n  );\n\n  @action\n  showPopover(): void {\n    try {\n      if (this.popoverElement) {\n        this.popoverElement.showPopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`showPopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.show-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  @action\n  hidePopover(): void {\n    try {\n      if (this.popoverElement) {\n        this.popoverElement.hidePopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`hidePopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.hide-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  @action\n  togglePopover(): void {\n    try {\n      if (this.popoverElement) {\n        this.popoverElement.togglePopover();\n      }\n    } catch (error) {\n      warn(\n        `The invocation of \\`togglePopover\\` for the popover element caused an unexpected error: ${JSON.stringify(\n          error\n        )}`,\n        {\n          id: 'hds-popover.toggle-popover-action.invocation-failed',\n        }\n      );\n    }\n  }\n\n  // fired just _before_ the \"popover\" is shown or hidden\n  @action\n  onBeforeTogglePopover(event: ToggleEvent): void {\n    if (event.newState === 'closed') {\n      // we need this flag to check if it's in the \"closing\" process,\n      // because the browser automatically returns the focus to the \"trigger\" button\n      // and this would re-open immediately the popover because of the `focusin` event\n      this.isClosing = true;\n    }\n  }\n\n  // fired just _after_ the \"popover\" is shown or hidden\n  @action\n  onTogglePopover(event: ToggleEvent): void {\n    if (event.newState === 'open') {\n      this.isOpen = true;\n\n      // we call the \"onOpen\" callback if it exists (and is a function)\n      const { onOpen } = this.args;\n      if (typeof onOpen === 'function') {\n        onOpen();\n      }\n    } else {\n      this.isOpen = false;\n\n      // reset the \"isClosing\" flag (the `toggle` event is fired _after_ the popover is closed)\n      this.isClosing = false;\n\n      // if the popover was initially forced to be open (using the \"manual\" state) then revert its status to `auto` once the user interacts with it\n      if (this.args.isOpen) {\n        if (this.popoverElement) {\n          this.popoverElement.popover = 'auto';\n        }\n      }\n\n      // we call the \"onClose\" callback if it exists (and is a function)\n      const { onClose } = this.args;\n      if (typeof onClose === 'function') {\n        onClose();\n      }\n    }\n  }\n\n  @action\n  onMouseEnter(): void {\n    if (this.timer) {\n      clearTimeout(this.timer);\n    }\n    this.showPopover();\n  }\n\n  @action\n  onFocusIn(): void {\n    // don't re-open the popover if the focus is returned because the closing\n    if (!this.isClosing) {\n      if (this.timer) {\n        clearTimeout(this.timer);\n      }\n      this.showPopover();\n    }\n  }\n\n  @action\n  onMouseLeave(): void {\n    this.timer = setTimeout((): void => this.hidePopover(), 500);\n  }\n\n  @action\n  onFocusOut(event: FocusEvent): void {\n    if (this.containerElement) {\n      let isFocusStillInside = false;\n      if (\n        event.relatedTarget &&\n        // if the related target is not part of the disclosed content we close the disclosed container\n        this.containerElement.contains(event.relatedTarget as Node)\n      ) {\n        isFocusStillInside = true;\n      } else if (\n        document.activeElement &&\n        // due to inconsistent implementation of relatedTarget across browsers we use the activeElement as a fallback\n        this.containerElement.contains(document.activeElement)\n      ) {\n        isFocusStillInside = true;\n      }\n      // if the target receiving the focus is _not_ part of the disclosed content we close the disclosed container\n      if (!isFocusStillInside) {\n        this.hidePopover();\n      }\n    }\n  }\n}\n"],"names":["HdsPopoverPrimitive","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_defineProperty","enableSoftEvents","enableClickEvents","modifier","element","containerElement","registerEvent","onMouseEnter","onMouseLeave","onFocusIn","onFocusOut","toggleElement","assert","tagName","toLowerCase","HTMLButtonElement","_positional","named","popoverElement","popoverId","id","guidFor","setAttribute","isOpen","popover","showPopover","onBeforeTogglePopover","onTogglePopover","anchoredPositionOptions","next","anchoredPositionModifier","error","warn","JSON","stringify","hidePopover","togglePopover","event","newState","isClosing","onOpen","onClose","timer","clearTimeout","setTimeout","isFocusStillInside","relatedTarget","contains","document","activeElement","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/segmented-group/index.js

@@ -1,4 +1,4 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsSegmentedGroup = templateOnlyComponent();
+const HdsSegmentedGroup = TemplateOnlyComponent();
 var index = setComponentTemplate(TEMPLATE, HdsSegmentedGroup);
 
 export { index as default };