@ukic/canary-web-components 3.0.0-canary.18 → 3.0.0-canary.19

package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js

@@ -56,6 +56,10 @@ export class PaginationBar {
          * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.
          */
         this.hideRangeLabel = false;
+        /**
+         * If `false`, the value in the items per page control will be set immediately on ArrowUp and ArrowDown instead of when Enter is pressed.
+         */
+        this.selectItemsPerPageOnEnter = true;
         /**
          * If `true`, the select input to control 'items per page' should be displayed.
          */
@@ -241,22 +245,6 @@ export class PaginationBar {
         this.setUpperBound = () => {
             this.upperBound = Math.min(this.lowerBound + this.itemsPerPage - 1, this.totalItems);
         };
-        this.handleButtonAppearance = () => {
-            if (this.monochrome) {
-                if (this.theme === "dark" ||
-                    (this.theme === "inherit" &&
-                        window.matchMedia &&
-                        window.matchMedia("(prefers-color-scheme: dark)").matches)) {
-                    return "light";
-                }
-                else {
-                    return "dark";
-                }
-            }
-            else {
-                return "default";
-            }
-        };
     }
     watchPageNumberHandler() {
         this.setPaginationBarContent();
@@ -331,22 +319,22 @@ export class PaginationBar {
         this.changePage(page);
     }
     render() {
-        const { alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, pageLabel, capitalizedPageLabel, lowerCasePageLabel, capitalizedItemLabel, lowerCaseItemLabel, totalPages, activePage, itemsPerPageString, theme, monochrome, } = this;
-        return (h(Host, { key: '67aec388114190d8a4f229d474f554ae29a524c8', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { key: 'b1dda605384e9049425b28f9638843fc80ffbea4', class: {
+        const { alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, pageLabel, capitalizedPageLabel, lowerCasePageLabel, capitalizedItemLabel, lowerCaseItemLabel, totalPages, activePage, itemsPerPageString, theme, monochrome, selectItemsPerPageOnEnter, } = this;
+        return (h(Host, { key: '48f4fdc3d6fe116125e226a35d47a3659f8776ff', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { key: 'ef61ae29f8ebb9c877ee16cc48a10710910d9062', class: {
                 ["pagination-bar"]: true,
                 [`pagination-bar-${alignment}`]: true,
-            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (h("div", { key: 'ef090d0b893ddc8e3da12d5c476b3b87dd991dd3', class: "item-controls" }, showItemsPerPageControl && (h("div", { key: 'eeaad0a16f7d0f303f8ecea6b2ab3c9f9aa22e7e', class: "items-per-page-holder" }, h("ic-typography", { key: '51d4a14ebf7d9ce4fe07e4d1a832abc80f7b85d6', class: {
+            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (h("div", { key: 'e907ebd5912002cb262b1f47d9d77921d7e54107', class: "item-controls" }, showItemsPerPageControl && (h("div", { key: '58f0aa36727b60122aee3334f19a6fe152d6758b', class: "items-per-page-holder" }, h("ic-typography", { key: 'e8f4910aa351774a1168db3c610c2117cf557457', class: {
                 ["items-per-page-control-label"]: true,
-            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), h("ic-select", { key: '75ce8f26a71f2be9f785ad802295152c03e4ab56', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
+            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), h("ic-select", { key: 'fae576cf7c9c6cdd1acc93e3784a1c0beda1d8e6', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
             (rangeLabelType === "data" ? (h("ic-typography", { class: {
                     ["item-pagination-label"]: true,
                 }, variant: "label", "aria-live": "polite" }, this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`, this.upperBound > 0 &&
                 `${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${lowerCaseItemLabel}${this.totalItems > 1 ? "s" : ""}`)) : (h("ic-typography", { class: {
                     ["page-pagination-label"]: true,
-                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), h("div", { key: '35f5c5199bf3567a16e8ee0421831a6db53ff751', class: {
+                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), h("div", { key: '69d7f02aef2baa89cdaef4ecef76505539b6a068', class: {
                 ["pagination-controls"]: true,
                 ["pagination-controls-wrap"]: this.paginationWrapped,
-            } }, h("div", { key: '86b0a5a35af9c0906cac145e824d395fe2849f91', class: "pagination-holder" }, h("ic-pagination", { key: '37713ff47842f04a038efe4f2f97718c38e4d35b', type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome })), showGoToPageControl && (h("div", { key: 'c0ad6f401ef4ba4d5eb58dc15b8313e3cf227a15', class: "go-to-page-holder" }, h("ic-typography", { key: '0749d7a68ffa9259cedcca5e4fdf2c48b1facc73', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), h("ic-tooltip", { key: '5cd37e20a6128e45444fb88ab4068029eebae5bb', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, h("ic-text-field", { key: '1db591684779fff24c5b8d241bcb40b7410070e1', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), h("ic-button", { key: '6343bc5e0ccf0ccda69b89b421a8f6c8fa606e84', appearance: this.handleButtonAppearance(), variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
+            } }, h("div", { key: '2f780538f3d2bd25bc1007711040ffa7a59997d3', class: "pagination-holder" }, h("ic-pagination", { key: 'e7968c6e7ed25285c4a3e0c6c3b08ea08f2d0181', type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome })), showGoToPageControl && (h("div", { key: 'ac40668cff492cf082e8abe8fd79bf71ec18ee33', class: "go-to-page-holder" }, h("ic-typography", { key: '94871ec098ab46b5008d20effd6cce9483e3037e', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), h("ic-tooltip", { key: 'cd3d56d1c57997364ae4a2c849bcc390b4a2a760', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, h("ic-text-field", { key: 'dfa2e4020ca3b39366e3b31679ce538465192080', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), h("ic-button", { key: '2af695640cabb037f1c60c06f868fda752c7fca4', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
     }
     static get is() { return "ic-pagination-bar"; }
     static get encapsulation() { return "shadow"; }
@@ -642,6 +630,26 @@ export class PaginationBar {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "selectItemsPerPageOnEnter": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If `false`, the value in the items per page control will be set immediately on ArrowUp and ArrowDown instead of when Enter is pressed."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "select-items-per-page-on-enter",
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "showItemsPerPageControl": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-pagination-bar.js","sourceRoot":"","sources":["../../../src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  h,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport { IcThemeMode } from \"@ukic/web-components\";\nimport { capitalize, checkResizeObserver } from \"../../utils/helpers\";\nimport { IcPageChangeEventDetail } from \"./ic-pagination-bar.types\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n} from \"@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types\";\n\n@Component({\n  tag: \"ic-pagination-bar\",\n  styleUrl: \"ic-pagination-bar.css\",\n  shadow: true,\n})\nexport class PaginationBar {\n  private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n  private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n\n  private resizeObserver: ResizeObserver | null = null;\n  private pageDropdownEl: HTMLIcSelectElement;\n  private pageInputEl: HTMLIcTextFieldElement;\n  private pageInputTooltipEl: HTMLIcTooltipElement;\n  private paginationBarEl?: HTMLElement;\n  private paginationEl: HTMLIcPaginationElement;\n  private userSetItemsPerPage: number;\n\n  @Element() el: HTMLIcPaginationBarElement;\n\n  @State() capitalizedItemLabel: string;\n\n  @State() capitalizedPageLabel: string;\n\n  @State() activePage: number = 1;\n\n  @State() displayedItemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  @State() inputError: string = \"Please enter a valid page\";\n\n  @State() itemsPerPage: number = 10;\n\n  @State() itemsPerPageString: string = \"10\";\n\n  @State() lowerBound: number = 1;\n\n  @State() lowerCaseItemLabel: string;\n\n  @State() lowerCasePageLabel: string;\n\n  @State() paginationWidth: number;\n\n  @State() paginationWrapped: boolean = false;\n\n  @State() totalPages: number;\n\n  @State() upperBound: number;\n\n  /**\n   * Sets the alignment of the items in the pagination bar.\n   */\n  @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n  /**\n   * The current page number to be displayed on the pagination bar.\n   */\n  @Prop() currentPage?: number = 1;\n\n  @Watch(\"currentPage\")\n  watchPageNumberHandler(): void {\n    this.setPaginationBarContent();\n\n    if (typeof this.currentPage === \"number\" && this.currentPage) {\n      if (\n        this.currentPage < 1 ||\n        (this.totalPages && this.currentPage > this.totalPages)\n      ) {\n        console.error(\n          `The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`\n        );\n      } else {\n        this.activePage = this.currentPage;\n      }\n    }\n  }\n\n  /**\n   * The items per page option to be selected.\n   */\n  @Prop() selectedItemsPerPage?: number;\n\n  @Watch(\"selectedItemsPerPage\")\n  watchSelectedItemsPerPageHandler(): void {\n    if (\n      this.selectedItemsPerPage !== null &&\n      this.selectedItemsPerPage !== undefined\n    ) {\n      if (\n        this.displayedItemsPerPageOptions?.filter(\n          (option) => option.value === `${this.selectedItemsPerPage}`\n        ).length\n      ) {\n        this.setItemsPerPage(this.selectedItemsPerPage);\n      } else {\n        console.error(\n          `The selected items per page option \"${this.selectedItemsPerPage}\" does not exist`\n        );\n      }\n    }\n  }\n\n  /**\n   * If `true`, the 'All' option will be hidden from the 'items per page' select input.\n   */\n  @Prop() hideAllFromItemsPerPage?: boolean = false;\n\n  /**\n   * The text which will be used in place of 'Item' on the pagination bar.\n   */\n  @Prop() itemLabel?: string = \"Item\";\n\n  @Watch(\"itemLabel\")\n  watchItemLabelHandler(): void {\n    this.capitalizedItemLabel = capitalize(this.itemLabel!);\n    this.lowerCaseItemLabel = this.itemLabel!.toLowerCase();\n  }\n\n  /**\n   * The options which will be displayed for 'items per page' select input.\n   */\n  @Prop() itemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  @Watch(\"itemsPerPageOptions\")\n  watchItemsPerPageOptionsHandler(\n    newVal: {\n      label: string;\n      value: string;\n    }[],\n    oldVal: {\n      label: string;\n      value: string;\n    }[]\n  ): void {\n    if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n    this.setPaginationBarContent();\n  }\n\n  /**\n   * If `true`, the pagination bar will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * Whether the displayed pagination is simple or complex.\n   */\n  @Prop() type?: IcPaginationTypes = \"simple\";\n\n  /**\n   * Whether total number of items and current item range or total number of pages and current page is displayed.\n   */\n  @Prop() rangeLabelType?: IcPaginationLabelTypes = \"page\";\n\n  /**\n   * The text which will be used in place of 'Page' on the pagination bar.\n   */\n  @Prop() pageLabel?: string = \"Page\";\n\n  @Watch(\"pageLabel\")\n  watchPageLabelHandler(): void {\n    this.capitalizedPageLabel = capitalize(this.pageLabel!);\n    this.lowerCasePageLabel = this.pageLabel!.toLowerCase();\n  }\n\n  /**\n   * If `true`, the 'go to page' control should be displayed.\n   */\n  @Prop() showGoToPageControl?: boolean = false;\n\n  /**\n   * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.\n   */\n  @Prop() hideRangeLabel?: boolean = false;\n\n  /**\n   * If `true`, the select input to control 'items per page' should be displayed.\n   */\n  @Prop() showItemsPerPageControl?: boolean = false;\n\n  /**\n   * Total number of items to be displayed across all pages.\n   */\n  @Prop() totalItems!: number;\n\n  @Watch(\"totalItems\")\n  watchTotalItemsHandler(): void {\n    this.setPaginationBarContent();\n  }\n\n  /**\n   If `true`, the pagination bar is set to the first page when the 'items per page' changes\n   */\n  @Prop() setToFirstPageOnPaginationChange?: boolean = false;\n\n  @Watch(\"setToFirstPageOnPaginationChange\")\n  watchSetToFirstPageOnPaginationChange(): void {\n    this.setPaginationBarContent();\n  }\n\n  /**\n   * Emitted when a page is navigated to via the 'go to' input.\n   * The `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.\n   */\n  @Event() icPageChange: EventEmitter<IcPageChangeEventDetail>;\n\n  /**\n   * Emitted when the items per page option is changed.\n   */\n  @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.watchPageNumberHandler();\n    this.watchPageLabelHandler();\n    this.watchItemLabelHandler();\n    this.setPaginationBarContent();\n    this.watchSelectedItemsPerPageHandler();\n  }\n\n  componentDidLoad(): void {\n    this.paginationWidth = this.paginationBarEl?.clientWidth || 0;\n    checkResizeObserver(this.runResizeObserver);\n    const textField = this.el.shadowRoot?.querySelector(\n      `.${this.PAGE_INPUT_FIELD_ID}`\n    );\n    if (textField) {\n      const input = textField?.shadowRoot?.querySelector(\"input\");\n      if (input) {\n        input.style.textAlign = \"center\";\n        input.style.padding = \"0\";\n      }\n    }\n    this.paginationShouldWrap();\n  }\n\n  @Listen(\"icPageChange\")\n  pageChangeHandler(ev: CustomEvent): void {\n    const page = ev.detail.value;\n    this.changePage(page);\n  }\n\n  private changeItemsPerPage = () => {\n    this.setItemsPerPage(Number(this.pageDropdownEl.value));\n\n    this.userSetItemsPerPage = Number(this.pageDropdownEl.value);\n  };\n\n  private changePage = (page: number) => {\n    this.activePage = page;\n    this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;\n    this.setUpperBound();\n  };\n\n  private focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n    this.paginationBarEl?.querySelector(el)?.setFocus();\n  };\n\n  private goToPage = () => {\n    const input = this.pageInputEl;\n    const page = Number(input.value);\n    if (page <= this.totalPages && page > 0) {\n      this.changePage(page);\n      this.paginationEl?.setCurrentPage(page);\n      this.activePage = page;\n      input.value = \"\";\n      this.icPageChange.emit({ value: page });\n      this.pageInputTooltipEl.displayTooltip(false, false);\n      input.validationStatus = \"\";\n    } else {\n      this.setInputError(input, this.INVALID_PAGE_ERROR);\n    }\n  };\n\n  private goToPageLabelClickHandler = () => {\n    this.focusElFromLabel(\"ic-text-field\");\n  };\n\n  private handleBlur = () => {\n    const textField = this.pageInputEl;\n    if (\n      (Number(textField.value) <= this.totalPages &&\n        Number(textField.value) > 0) ||\n      textField.value === \"\"\n    ) {\n      textField.validationStatus = \"\";\n    }\n    this.pageInputTooltipEl.displayTooltip(false, false);\n  };\n\n  private handleFocus = () => {\n    if (this.pageInputEl.validationStatus === \"error\") {\n      this.pageInputTooltipEl.displayTooltip(true, true);\n    }\n  };\n\n  private handleInputChange = () => {\n    const inputValue = parseInt(this.pageInputEl.value);\n\n    if (inputValue > this.totalPages || inputValue <= 0) {\n      this.setInputError(this.pageInputEl, this.INVALID_PAGE_ERROR);\n      this.pageInputTooltipEl.displayTooltip(true, true);\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    if (ev.key === \"Enter\") {\n      if (this.pageInputEl.validationStatus === \"error\") {\n        this.pageInputTooltipEl.displayTooltip(true, true);\n      } else {\n        this.goToPage();\n      }\n    } else {\n      this.pageInputTooltipEl.displayTooltip(false, false);\n      this.pageInputEl.validationStatus = \"\";\n    }\n  };\n\n  private handleKeyUp = (ev: KeyboardEvent) => {\n    if (\n      Number.isNaN(parseInt(this.pageInputEl.value)) &&\n      ev.key !== \"Backspace\" &&\n      ev.key !== \"Enter\" &&\n      ev.key !== \"Tab\" &&\n      ev.key !== \"Shift\"\n    ) {\n      this.setInputError(this.pageInputEl, \"Please enter a number\", false);\n      this.pageInputTooltipEl.displayTooltip(true, false);\n    }\n  };\n\n  private itemsPerPageLabelClickHandler = () => {\n    this.focusElFromLabel(\"ic-select\");\n  };\n\n  private paginationShouldWrap = () => {\n    if (this.type === \"simple\") {\n      this.paginationWrapped = this.paginationEl.clientHeight > 63;\n    }\n  };\n\n  private runResizeObserver = () => {\n    if (this.paginationBarEl) {\n      this.resizeObserver = new ResizeObserver(() => {\n        const { clientWidth } = this.paginationBarEl!;\n        if (\n          clientWidth - this.paginationWidth > 50 ||\n          clientWidth - this.paginationWidth < -50\n        ) {\n          this.paginationWidth = clientWidth;\n          this.paginationShouldWrap();\n        }\n      });\n\n      this.resizeObserver.observe(this.paginationBarEl);\n    }\n  };\n\n  private setInputError = (\n    el: HTMLIcTextFieldElement,\n    error: string,\n    focus = true\n  ) => {\n    this.inputError = error;\n    el.validationStatus = \"error\";\n    if (focus) el.setFocus();\n  };\n\n  private setToFirstPage = () => {\n    const firstPage = 1;\n    this.changePage(firstPage);\n    this.paginationEl?.setCurrentPage(firstPage);\n    this.activePage = firstPage;\n    this.icPageChange.emit({ value: firstPage });\n  };\n\n  private setItemsPerPage = (newValue: number) => {\n    if (this.itemsPerPage !== newValue) {\n      this.itemsPerPage = newValue;\n      this.itemsPerPageString = newValue.toString();\n      this.icItemsPerPageChange.emit({ value: this.itemsPerPage });\n\n      if (this.setToFirstPageOnPaginationChange) {\n        this.setToFirstPage();\n      }\n    }\n\n    this.totalPages =\n      this.totalItems > this.itemsPerPage\n        ? Math.ceil(this.totalItems / this.itemsPerPage)\n        : 1;\n\n    this.setUpperBound();\n    if (this.activePage > this.totalPages) {\n      this.paginationEl?.setCurrentPage(this.totalPages);\n      this.activePage = this.totalPages;\n    }\n    this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });\n  };\n\n  private setPaginationBarContent = (): void => {\n    const clonedItemsPerPageOptions: {\n      label: string;\n      value: string;\n    }[] = this.itemsPerPageOptions\n      ? JSON.parse(JSON.stringify(this.itemsPerPageOptions))\n      : null;\n\n    const displayedItemsPerPageOptions =\n      clonedItemsPerPageOptions ||\n      (this.totalItems <= 100\n        ? [\n            { label: \"10\", value: \"10\" },\n            { label: \"25\", value: \"25\" },\n            { label: \"50\", value: \"50\" },\n          ]\n        : [\n            { label: \"25\", value: \"25\" },\n            { label: \"100\", value: \"100\" },\n            { label: \"1000\", value: \"1000\" },\n          ]);\n    !this.hideAllFromItemsPerPage &&\n      displayedItemsPerPageOptions.push({\n        label: \"All\",\n        value: String(this.totalItems),\n      });\n\n    this.displayedItemsPerPageOptions = displayedItemsPerPageOptions.filter(\n      ({ value }) => this.totalItems >= Number(value)\n    );\n\n    let lastOptionValue = 0;\n\n    if (this.userSetItemsPerPage) {\n      this.displayedItemsPerPageOptions.some(({ value }) => {\n        lastOptionValue = Number(value);\n        return this.userSetItemsPerPage <= lastOptionValue;\n      });\n      this.setItemsPerPage(lastOptionValue);\n    } else {\n      const updated = this.displayedItemsPerPageOptions.some(({ value }) => {\n        lastOptionValue = Number(value);\n        return this.itemsPerPage <= lastOptionValue;\n      });\n\n      this.setItemsPerPage(\n        updated || (!updated && this.itemsPerPage > lastOptionValue)\n          ? lastOptionValue\n          : this.itemsPerPage\n      );\n    }\n  };\n\n  private setUpperBound = () => {\n    this.upperBound = Math.min(\n      this.lowerBound + this.itemsPerPage - 1,\n      this.totalItems\n    );\n  };\n\n  private handleButtonAppearance = () => {\n    if (this.monochrome) {\n      if (\n        this.theme === \"dark\" ||\n        (this.theme === \"inherit\" &&\n          window.matchMedia &&\n          window.matchMedia(\"(prefers-color-scheme: dark)\").matches)\n      ) {\n        return \"light\";\n      } else {\n        return \"dark\";\n      }\n    } else {\n      return \"default\";\n    }\n  };\n\n  render() {\n    const {\n      alignment,\n      displayedItemsPerPageOptions,\n      PAGE_INPUT_FIELD_ID,\n      type,\n      rangeLabelType,\n      hideRangeLabel,\n      showItemsPerPageControl,\n      showGoToPageControl,\n      pageLabel,\n      capitalizedPageLabel,\n      lowerCasePageLabel,\n      capitalizedItemLabel,\n      lowerCaseItemLabel,\n      totalPages,\n      activePage,\n      itemsPerPageString,\n      theme,\n      monochrome,\n    } = this;\n\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <div\n          class={{\n            [\"pagination-bar\"]: true,\n            [`pagination-bar-${alignment}`]: true,\n          }}\n          ref={(el) => (this.paginationBarEl = el)}\n        >\n          {(!hideRangeLabel || showItemsPerPageControl) && (\n            <div class=\"item-controls\">\n              {showItemsPerPageControl && (\n                <div class=\"items-per-page-holder\">\n                  <ic-typography\n                    class={{\n                      [\"items-per-page-control-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    onClick={this.itemsPerPageLabelClickHandler}\n                  >\n                    {capitalizedItemLabel}s per {lowerCasePageLabel}\n                  </ic-typography>\n                  <ic-select\n                    theme={theme}\n                    size=\"small\"\n                    label=\"items-per-page-input\"\n                    class=\"items-per-page-input\"\n                    hideLabel\n                    options={displayedItemsPerPageOptions}\n                    value={itemsPerPageString}\n                    onIcChange={this.changeItemsPerPage}\n                    ref={(el: HTMLIcSelectElement) =>\n                      (this.pageDropdownEl = el)\n                    }\n                  ></ic-select>\n                </div>\n              )}\n              {!hideRangeLabel &&\n                (rangeLabelType === \"data\" ? (\n                  <ic-typography\n                    class={{\n                      [\"item-pagination-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    aria-live=\"polite\"\n                  >\n                    {this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`}\n                    {this.upperBound > 0 &&\n                      `${this.lowerBound} - ${this.upperBound} of ${\n                        this.totalItems\n                      } ${lowerCaseItemLabel}${this.totalItems > 1 ? \"s\" : \"\"}`}\n                  </ic-typography>\n                ) : (\n                  <ic-typography\n                    class={{\n                      [\"page-pagination-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    aria-live=\"polite\"\n                  >\n                    {capitalizedPageLabel} {activePage} of {totalPages}\n                  </ic-typography>\n                ))}\n            </div>\n          )}\n          <div\n            class={{\n              [\"pagination-controls\"]: true,\n              [\"pagination-controls-wrap\"]: this.paginationWrapped,\n            }}\n          >\n            <div class=\"pagination-holder\">\n              <ic-pagination\n                type={type}\n                pages={totalPages}\n                label={pageLabel}\n                ref={(el: HTMLIcPaginationElement) => (this.paginationEl = el)}\n                currentPage={activePage}\n                theme={theme}\n                monochrome={monochrome}\n              ></ic-pagination>\n            </div>\n            {showGoToPageControl && (\n              <div class=\"go-to-page-holder\">\n                <ic-typography\n                  variant=\"label\"\n                  onClick={this.goToPageLabelClickHandler}\n                >\n                  Go to {lowerCasePageLabel}\n                </ic-typography>\n                <ic-tooltip\n                  label={this.inputError}\n                  target={`#${PAGE_INPUT_FIELD_ID}`}\n                  disableHover\n                  disableClick\n                  ref={(el: HTMLIcTooltipElement) =>\n                    (this.pageInputTooltipEl = el)\n                  }\n                >\n                  <ic-text-field\n                    theme={theme}\n                    type=\"number\"\n                    size=\"small\"\n                    label={PAGE_INPUT_FIELD_ID}\n                    class={PAGE_INPUT_FIELD_ID}\n                    id={PAGE_INPUT_FIELD_ID}\n                    hideLabel\n                    onKeyDown={this.handleKeydown}\n                    onKeyUp={this.handleKeyUp}\n                    onInput={this.handleInputChange}\n                    max={totalPages}\n                    min=\"1\"\n                    validationInlineInternal\n                    onBlur={this.handleBlur}\n                    onFocus={this.handleFocus}\n                    ref={(el: HTMLIcTextFieldElement) =>\n                      (this.pageInputEl = el)\n                    }\n                  ></ic-text-field>\n                </ic-tooltip>\n                <ic-button\n                  appearance={this.handleButtonAppearance()}\n                  variant=\"secondary\"\n                  onClick={this.goToPage}\n                  size=\"small\"\n                  class=\"go-to-page-button\"\n                >\n                  Go\n                </ic-button>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-pagination-bar.js","sourceRoot":"","sources":["../../../src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  h,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport { IcThemeMode } from \"@ukic/web-components\";\nimport { capitalize, checkResizeObserver } from \"../../utils/helpers\";\nimport { IcPageChangeEventDetail } from \"./ic-pagination-bar.types\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n} from \"@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types\";\n\n@Component({\n  tag: \"ic-pagination-bar\",\n  styleUrl: \"ic-pagination-bar.css\",\n  shadow: true,\n})\nexport class PaginationBar {\n  private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n  private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n\n  private resizeObserver: ResizeObserver | null = null;\n  private pageDropdownEl: HTMLIcSelectElement;\n  private pageInputEl: HTMLIcTextFieldElement;\n  private pageInputTooltipEl: HTMLIcTooltipElement;\n  private paginationBarEl?: HTMLElement;\n  private paginationEl: HTMLIcPaginationElement;\n  private userSetItemsPerPage: number;\n\n  @Element() el: HTMLIcPaginationBarElement;\n\n  @State() capitalizedItemLabel: string;\n\n  @State() capitalizedPageLabel: string;\n\n  @State() activePage: number = 1;\n\n  @State() displayedItemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  @State() inputError: string = \"Please enter a valid page\";\n\n  @State() itemsPerPage: number = 10;\n\n  @State() itemsPerPageString: string = \"10\";\n\n  @State() lowerBound: number = 1;\n\n  @State() lowerCaseItemLabel: string;\n\n  @State() lowerCasePageLabel: string;\n\n  @State() paginationWidth: number;\n\n  @State() paginationWrapped: boolean = false;\n\n  @State() totalPages: number;\n\n  @State() upperBound: number;\n\n  /**\n   * Sets the alignment of the items in the pagination bar.\n   */\n  @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n  /**\n   * The current page number to be displayed on the pagination bar.\n   */\n  @Prop() currentPage?: number = 1;\n\n  @Watch(\"currentPage\")\n  watchPageNumberHandler(): void {\n    this.setPaginationBarContent();\n\n    if (typeof this.currentPage === \"number\" && this.currentPage) {\n      if (\n        this.currentPage < 1 ||\n        (this.totalPages && this.currentPage > this.totalPages)\n      ) {\n        console.error(\n          `The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`\n        );\n      } else {\n        this.activePage = this.currentPage;\n      }\n    }\n  }\n\n  /**\n   * The items per page option to be selected.\n   */\n  @Prop() selectedItemsPerPage?: number;\n\n  @Watch(\"selectedItemsPerPage\")\n  watchSelectedItemsPerPageHandler(): void {\n    if (\n      this.selectedItemsPerPage !== null &&\n      this.selectedItemsPerPage !== undefined\n    ) {\n      if (\n        this.displayedItemsPerPageOptions?.filter(\n          (option) => option.value === `${this.selectedItemsPerPage}`\n        ).length\n      ) {\n        this.setItemsPerPage(this.selectedItemsPerPage);\n      } else {\n        console.error(\n          `The selected items per page option \"${this.selectedItemsPerPage}\" does not exist`\n        );\n      }\n    }\n  }\n\n  /**\n   * If `true`, the 'All' option will be hidden from the 'items per page' select input.\n   */\n  @Prop() hideAllFromItemsPerPage?: boolean = false;\n\n  /**\n   * The text which will be used in place of 'Item' on the pagination bar.\n   */\n  @Prop() itemLabel?: string = \"Item\";\n\n  @Watch(\"itemLabel\")\n  watchItemLabelHandler(): void {\n    this.capitalizedItemLabel = capitalize(this.itemLabel!);\n    this.lowerCaseItemLabel = this.itemLabel!.toLowerCase();\n  }\n\n  /**\n   * The options which will be displayed for 'items per page' select input.\n   */\n  @Prop() itemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  @Watch(\"itemsPerPageOptions\")\n  watchItemsPerPageOptionsHandler(\n    newVal: {\n      label: string;\n      value: string;\n    }[],\n    oldVal: {\n      label: string;\n      value: string;\n    }[]\n  ): void {\n    if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n    this.setPaginationBarContent();\n  }\n\n  /**\n   * If `true`, the pagination bar will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * Whether the displayed pagination is simple or complex.\n   */\n  @Prop() type?: IcPaginationTypes = \"simple\";\n\n  /**\n   * Whether total number of items and current item range or total number of pages and current page is displayed.\n   */\n  @Prop() rangeLabelType?: IcPaginationLabelTypes = \"page\";\n\n  /**\n   * The text which will be used in place of 'Page' on the pagination bar.\n   */\n  @Prop() pageLabel?: string = \"Page\";\n\n  @Watch(\"pageLabel\")\n  watchPageLabelHandler(): void {\n    this.capitalizedPageLabel = capitalize(this.pageLabel!);\n    this.lowerCasePageLabel = this.pageLabel!.toLowerCase();\n  }\n\n  /**\n   * If `true`, the 'go to page' control should be displayed.\n   */\n  @Prop() showGoToPageControl?: boolean = false;\n\n  /**\n   * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.\n   */\n  @Prop() hideRangeLabel?: boolean = false;\n\n  /**\n   * If `false`, the value in the items per page control will be set immediately on ArrowUp and ArrowDown instead of when Enter is pressed.\n   */\n  @Prop() selectItemsPerPageOnEnter: boolean = true;\n\n  /**\n   * If `true`, the select input to control 'items per page' should be displayed.\n   */\n  @Prop() showItemsPerPageControl?: boolean = false;\n\n  /**\n   * Total number of items to be displayed across all pages.\n   */\n  @Prop() totalItems!: number;\n\n  @Watch(\"totalItems\")\n  watchTotalItemsHandler(): void {\n    this.setPaginationBarContent();\n  }\n\n  /**\n   If `true`, the pagination bar is set to the first page when the 'items per page' changes\n   */\n  @Prop() setToFirstPageOnPaginationChange?: boolean = false;\n\n  @Watch(\"setToFirstPageOnPaginationChange\")\n  watchSetToFirstPageOnPaginationChange(): void {\n    this.setPaginationBarContent();\n  }\n\n  /**\n   * Emitted when a page is navigated to via the 'go to' input.\n   * The `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.\n   */\n  @Event() icPageChange: EventEmitter<IcPageChangeEventDetail>;\n\n  /**\n   * Emitted when the items per page option is changed.\n   */\n  @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.watchPageNumberHandler();\n    this.watchPageLabelHandler();\n    this.watchItemLabelHandler();\n    this.setPaginationBarContent();\n    this.watchSelectedItemsPerPageHandler();\n  }\n\n  componentDidLoad(): void {\n    this.paginationWidth = this.paginationBarEl?.clientWidth || 0;\n    checkResizeObserver(this.runResizeObserver);\n    const textField = this.el.shadowRoot?.querySelector(\n      `.${this.PAGE_INPUT_FIELD_ID}`\n    );\n    if (textField) {\n      const input = textField?.shadowRoot?.querySelector(\"input\");\n      if (input) {\n        input.style.textAlign = \"center\";\n        input.style.padding = \"0\";\n      }\n    }\n    this.paginationShouldWrap();\n  }\n\n  @Listen(\"icPageChange\")\n  pageChangeHandler(ev: CustomEvent): void {\n    const page = ev.detail.value;\n    this.changePage(page);\n  }\n\n  private changeItemsPerPage = () => {\n    this.setItemsPerPage(Number(this.pageDropdownEl.value));\n\n    this.userSetItemsPerPage = Number(this.pageDropdownEl.value);\n  };\n\n  private changePage = (page: number) => {\n    this.activePage = page;\n    this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;\n    this.setUpperBound();\n  };\n\n  private focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n    this.paginationBarEl?.querySelector(el)?.setFocus();\n  };\n\n  private goToPage = () => {\n    const input = this.pageInputEl;\n    const page = Number(input.value);\n    if (page <= this.totalPages && page > 0) {\n      this.changePage(page);\n      this.paginationEl?.setCurrentPage(page);\n      this.activePage = page;\n      input.value = \"\";\n      this.icPageChange.emit({ value: page });\n      this.pageInputTooltipEl.displayTooltip(false, false);\n      input.validationStatus = \"\";\n    } else {\n      this.setInputError(input, this.INVALID_PAGE_ERROR);\n    }\n  };\n\n  private goToPageLabelClickHandler = () => {\n    this.focusElFromLabel(\"ic-text-field\");\n  };\n\n  private handleBlur = () => {\n    const textField = this.pageInputEl;\n    if (\n      (Number(textField.value) <= this.totalPages &&\n        Number(textField.value) > 0) ||\n      textField.value === \"\"\n    ) {\n      textField.validationStatus = \"\";\n    }\n    this.pageInputTooltipEl.displayTooltip(false, false);\n  };\n\n  private handleFocus = () => {\n    if (this.pageInputEl.validationStatus === \"error\") {\n      this.pageInputTooltipEl.displayTooltip(true, true);\n    }\n  };\n\n  private handleInputChange = () => {\n    const inputValue = parseInt(this.pageInputEl.value);\n\n    if (inputValue > this.totalPages || inputValue <= 0) {\n      this.setInputError(this.pageInputEl, this.INVALID_PAGE_ERROR);\n      this.pageInputTooltipEl.displayTooltip(true, true);\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    if (ev.key === \"Enter\") {\n      if (this.pageInputEl.validationStatus === \"error\") {\n        this.pageInputTooltipEl.displayTooltip(true, true);\n      } else {\n        this.goToPage();\n      }\n    } else {\n      this.pageInputTooltipEl.displayTooltip(false, false);\n      this.pageInputEl.validationStatus = \"\";\n    }\n  };\n\n  private handleKeyUp = (ev: KeyboardEvent) => {\n    if (\n      Number.isNaN(parseInt(this.pageInputEl.value)) &&\n      ev.key !== \"Backspace\" &&\n      ev.key !== \"Enter\" &&\n      ev.key !== \"Tab\" &&\n      ev.key !== \"Shift\"\n    ) {\n      this.setInputError(this.pageInputEl, \"Please enter a number\", false);\n      this.pageInputTooltipEl.displayTooltip(true, false);\n    }\n  };\n\n  private itemsPerPageLabelClickHandler = () => {\n    this.focusElFromLabel(\"ic-select\");\n  };\n\n  private paginationShouldWrap = () => {\n    if (this.type === \"simple\") {\n      this.paginationWrapped = this.paginationEl.clientHeight > 63;\n    }\n  };\n\n  private runResizeObserver = () => {\n    if (this.paginationBarEl) {\n      this.resizeObserver = new ResizeObserver(() => {\n        const { clientWidth } = this.paginationBarEl!;\n        if (\n          clientWidth - this.paginationWidth > 50 ||\n          clientWidth - this.paginationWidth < -50\n        ) {\n          this.paginationWidth = clientWidth;\n          this.paginationShouldWrap();\n        }\n      });\n\n      this.resizeObserver.observe(this.paginationBarEl);\n    }\n  };\n\n  private setInputError = (\n    el: HTMLIcTextFieldElement,\n    error: string,\n    focus = true\n  ) => {\n    this.inputError = error;\n    el.validationStatus = \"error\";\n    if (focus) el.setFocus();\n  };\n\n  private setToFirstPage = () => {\n    const firstPage = 1;\n    this.changePage(firstPage);\n    this.paginationEl?.setCurrentPage(firstPage);\n    this.activePage = firstPage;\n    this.icPageChange.emit({ value: firstPage });\n  };\n\n  private setItemsPerPage = (newValue: number) => {\n    if (this.itemsPerPage !== newValue) {\n      this.itemsPerPage = newValue;\n      this.itemsPerPageString = newValue.toString();\n      this.icItemsPerPageChange.emit({ value: this.itemsPerPage });\n\n      if (this.setToFirstPageOnPaginationChange) {\n        this.setToFirstPage();\n      }\n    }\n\n    this.totalPages =\n      this.totalItems > this.itemsPerPage\n        ? Math.ceil(this.totalItems / this.itemsPerPage)\n        : 1;\n\n    this.setUpperBound();\n    if (this.activePage > this.totalPages) {\n      this.paginationEl?.setCurrentPage(this.totalPages);\n      this.activePage = this.totalPages;\n    }\n    this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });\n  };\n\n  private setPaginationBarContent = (): void => {\n    const clonedItemsPerPageOptions: {\n      label: string;\n      value: string;\n    }[] = this.itemsPerPageOptions\n      ? JSON.parse(JSON.stringify(this.itemsPerPageOptions))\n      : null;\n\n    const displayedItemsPerPageOptions =\n      clonedItemsPerPageOptions ||\n      (this.totalItems <= 100\n        ? [\n            { label: \"10\", value: \"10\" },\n            { label: \"25\", value: \"25\" },\n            { label: \"50\", value: \"50\" },\n          ]\n        : [\n            { label: \"25\", value: \"25\" },\n            { label: \"100\", value: \"100\" },\n            { label: \"1000\", value: \"1000\" },\n          ]);\n    !this.hideAllFromItemsPerPage &&\n      displayedItemsPerPageOptions.push({\n        label: \"All\",\n        value: String(this.totalItems),\n      });\n\n    this.displayedItemsPerPageOptions = displayedItemsPerPageOptions.filter(\n      ({ value }) => this.totalItems >= Number(value)\n    );\n\n    let lastOptionValue = 0;\n\n    if (this.userSetItemsPerPage) {\n      this.displayedItemsPerPageOptions.some(({ value }) => {\n        lastOptionValue = Number(value);\n        return this.userSetItemsPerPage <= lastOptionValue;\n      });\n      this.setItemsPerPage(lastOptionValue);\n    } else {\n      const updated = this.displayedItemsPerPageOptions.some(({ value }) => {\n        lastOptionValue = Number(value);\n        return this.itemsPerPage <= lastOptionValue;\n      });\n\n      this.setItemsPerPage(\n        updated || (!updated && this.itemsPerPage > lastOptionValue)\n          ? lastOptionValue\n          : this.itemsPerPage\n      );\n    }\n  };\n\n  private setUpperBound = () => {\n    this.upperBound = Math.min(\n      this.lowerBound + this.itemsPerPage - 1,\n      this.totalItems\n    );\n  };\n\n  render() {\n    const {\n      alignment,\n      displayedItemsPerPageOptions,\n      PAGE_INPUT_FIELD_ID,\n      type,\n      rangeLabelType,\n      hideRangeLabel,\n      showItemsPerPageControl,\n      showGoToPageControl,\n      pageLabel,\n      capitalizedPageLabel,\n      lowerCasePageLabel,\n      capitalizedItemLabel,\n      lowerCaseItemLabel,\n      totalPages,\n      activePage,\n      itemsPerPageString,\n      theme,\n      monochrome,\n      selectItemsPerPageOnEnter,\n    } = this;\n\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <div\n          class={{\n            [\"pagination-bar\"]: true,\n            [`pagination-bar-${alignment}`]: true,\n          }}\n          ref={(el) => (this.paginationBarEl = el)}\n        >\n          {(!hideRangeLabel || showItemsPerPageControl) && (\n            <div class=\"item-controls\">\n              {showItemsPerPageControl && (\n                <div class=\"items-per-page-holder\">\n                  <ic-typography\n                    class={{\n                      [\"items-per-page-control-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    onClick={this.itemsPerPageLabelClickHandler}\n                  >\n                    {capitalizedItemLabel}s per {lowerCasePageLabel}\n                  </ic-typography>\n                  <ic-select\n                    theme={theme}\n                    size=\"small\"\n                    label=\"items-per-page-input\"\n                    class=\"items-per-page-input\"\n                    hideLabel\n                    options={displayedItemsPerPageOptions}\n                    selectOnEnter={selectItemsPerPageOnEnter}\n                    value={itemsPerPageString}\n                    onIcChange={this.changeItemsPerPage}\n                    ref={(el: HTMLIcSelectElement) =>\n                      (this.pageDropdownEl = el)\n                    }\n                  ></ic-select>\n                </div>\n              )}\n              {!hideRangeLabel &&\n                (rangeLabelType === \"data\" ? (\n                  <ic-typography\n                    class={{\n                      [\"item-pagination-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    aria-live=\"polite\"\n                  >\n                    {this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`}\n                    {this.upperBound > 0 &&\n                      `${this.lowerBound} - ${this.upperBound} of ${\n                        this.totalItems\n                      } ${lowerCaseItemLabel}${this.totalItems > 1 ? \"s\" : \"\"}`}\n                  </ic-typography>\n                ) : (\n                  <ic-typography\n                    class={{\n                      [\"page-pagination-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    aria-live=\"polite\"\n                  >\n                    {capitalizedPageLabel} {activePage} of {totalPages}\n                  </ic-typography>\n                ))}\n            </div>\n          )}\n          <div\n            class={{\n              [\"pagination-controls\"]: true,\n              [\"pagination-controls-wrap\"]: this.paginationWrapped,\n            }}\n          >\n            <div class=\"pagination-holder\">\n              <ic-pagination\n                type={type}\n                pages={totalPages}\n                label={pageLabel}\n                ref={(el: HTMLIcPaginationElement) => (this.paginationEl = el)}\n                currentPage={activePage}\n                theme={theme}\n                monochrome={monochrome}\n              ></ic-pagination>\n            </div>\n            {showGoToPageControl && (\n              <div class=\"go-to-page-holder\">\n                <ic-typography\n                  variant=\"label\"\n                  onClick={this.goToPageLabelClickHandler}\n                >\n                  Go to {lowerCasePageLabel}\n                </ic-typography>\n                <ic-tooltip\n                  label={this.inputError}\n                  target={`#${PAGE_INPUT_FIELD_ID}`}\n                  disableHover\n                  disableClick\n                  ref={(el: HTMLIcTooltipElement) =>\n                    (this.pageInputTooltipEl = el)\n                  }\n                >\n                  <ic-text-field\n                    theme={theme}\n                    type=\"number\"\n                    size=\"small\"\n                    label={PAGE_INPUT_FIELD_ID}\n                    class={PAGE_INPUT_FIELD_ID}\n                    id={PAGE_INPUT_FIELD_ID}\n                    hideLabel\n                    onKeyDown={this.handleKeydown}\n                    onKeyUp={this.handleKeyUp}\n                    onInput={this.handleInputChange}\n                    max={totalPages}\n                    min=\"1\"\n                    validationInlineInternal\n                    onBlur={this.handleBlur}\n                    onFocus={this.handleFocus}\n                    ref={(el: HTMLIcTextFieldElement) =>\n                      (this.pageInputEl = el)\n                    }\n                  ></ic-text-field>\n                </ic-tooltip>\n                <ic-button\n                  variant=\"secondary\"\n                  onClick={this.goToPage}\n                  size=\"small\"\n                  class=\"go-to-page-button\"\n                >\n                  Go\n                </ic-button>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/utils/helpers.js

@@ -9,7 +9,6 @@ import { IcBrandForegroundEnum } from "./types"; // Using @ukic/web-components/d
 const DARK_MODE_THRESHOLD = 133.3505;
 const ANYWHERE_SEARCH_POSITION = "anywhere";
 const icInput = "ic-input";
-const linkIcInput = "input.ic-input";
 /**
  * converts an enum of strings into an array of strings
  */
@@ -33,11 +32,9 @@ export const stringEnumToArray = (theEnum) => {
 export const inheritAttributes = (element, attributes = []) => {
     const attributeObject = {};
     attributes.forEach((attr) => {
-        if (element.hasAttribute(attr)) {
-            const value = element.getAttribute(attr);
-            if (value !== null) {
-                attributeObject[attr] = value;
-            }
+        const value = element.getAttribute(attr);
+        if (value !== null) {
+            attributeObject[attr] = value;
             element.removeAttribute(attr);
         }
     });
@@ -80,10 +77,7 @@ export const dynamicDebounce = (func, getDelay) => {
  */
 export const renderHiddenInput = (always, container, name, value, disabled) => {
     if (name !== undefined && (always || hasShadowDom(container))) {
-        const inputs = container.querySelectorAll(linkIcInput);
-        const inputEls = Array.from(inputs);
-        const filtered = inputEls.filter((el) => container === el.parentElement);
-        let input = filtered[0];
+        let input = getHiddenInputElement(container);
         if (input === null || input === undefined) {
             input = container.ownerDocument.createElement("input");
             input.type = "hidden";
@@ -100,6 +94,7 @@ export const renderHiddenInput = (always, container, name, value, disabled) => {
         }
     }
 };
+const getHiddenInputElement = (container) => Array.from(container.querySelectorAll(`input.${icInput}`)).filter((el) => container === el.parentElement)[0];
 /**
  * This method is used to add a hidden file input to a host element that contains
  * a Shadow DOM. It does not add the input inside of the Shadow root which
@@ -109,17 +104,14 @@ export const renderHiddenInput = (always, container, name, value, disabled) => {
  * @param event: The event that is emitted once a file is selected.
  * @param container The element where the input will be added
  * @param multiple If true, multiple files can be selected
- * @param name The name of the input
- * @param value The value of the input
  * @param disabled If true, the input is disabled
  * @param accept A string of the accepted files
+ * @param name The name of the input
+ * @param value The value of the input
  */
-export const renderFileHiddenInput = (event, container, multiple, name, value, disabled, accept) => {
+export const renderFileHiddenInput = (event, container, multiple, disabled, accept, name, value) => {
     if (name !== undefined && hasShadowDom(container)) {
-        const inputs = container.querySelectorAll(linkIcInput);
-        const inputEls = Array.from(inputs);
-        const filtered = inputEls.filter((el) => container === el.parentElement);
-        let input = filtered[0];
+        let input = getHiddenInputElement(container);
         if (input === null || input === undefined) {
             input = container.ownerDocument.createElement("input");
             input.classList.add(icInput);
@@ -141,13 +133,10 @@ export const renderFileHiddenInput = (event, container, multiple, name, value, d
     }
 };
 export const removeHiddenInput = (container) => {
-    const inputs = container.querySelectorAll("input.ic-input");
-    const inputEls = Array.from(inputs);
-    const filtered = inputEls.filter((el) => container === el.parentElement);
-    const input = filtered[0];
-    input === null || input === void 0 ? void 0 : input.remove();
+    var _a;
+    (_a = getHiddenInputElement(container)) === null || _a === void 0 ? void 0 : _a.remove();
 };
-export const hasShadowDom = (el) => el ? !!el.shadowRoot && !!el.attachShadow : false;
+export const hasShadowDom = (el) => !!el && !!el.shadowRoot && !!el.attachShadow;
 export const getInputHelperTextID = (id) => id + "-helper-text";
 export const getInputValidationTextID = (id) => id + "-validation-text";
 export const getInputDescribedByText = (inputId, helperText, validationText) => `${helperText ? getInputHelperTextID(inputId) : ""} ${validationText ? getInputValidationTextID(inputId) : ""}`.trim();
@@ -317,32 +306,20 @@ export const getBrandColorBrightness = () => {
 export const getBrandForegroundAppearance = (brightness = getBrandColorBrightness()) => brightness > DARK_MODE_THRESHOLD
     ? IcBrandForegroundEnum.Dark
     : IcBrandForegroundEnum.Light;
-export const getSlot = (element, name) => {
-    if (element && element.querySelector) {
-        return element.querySelector(`[slot="${name}"]`);
-    }
-    return null;
-};
+export const getSlot = (element, name) => (element === null || element === void 0 ? void 0 : element.querySelector(`[slot="${name}"]`)) || null;
 export const slotHasContent = (element, name) => getSlot(element, name) !== null;
 export const getSlotContent = (element, name) => {
     const slot = getSlot(element, name);
-    if (slot) {
-        return getSlotElements(slot);
-    }
-    return null;
+    return slot ? getSlotElements(slot) : null;
 };
 export const getSlotElements = (slot) => {
     const slotContent = slot.firstElementChild;
-    if (slotContent !== null) {
-        const elements = slotContent.assignedElements
-            ? slotContent.assignedElements()
-            : slotContent.childNodes;
-        return elements.length ? elements : slot.tagName ? [slot] : null;
-    }
-    else {
-        //check for single element
-        return slot === null ? null : [slot];
-    }
+    if (slotContent === null)
+        return [slot];
+    const elements = slotContent.assignedElements
+        ? slotContent.assignedElements()
+        : slotContent.childNodes;
+    return elements.length ? elements : slot.tagName ? [slot] : null;
 };
 export const getNavItemParentDetails = ({ parentElement, }) => {
     let navType = { navType: "", parent: null };
@@ -500,14 +477,9 @@ export const addDataToPosition = (dataObject, newKeys, newValue) => {
  * Checks if the component is slotted in its relevant 'group' component
  * @param component - the component to check
  */
-export const isSlottedInGroup = (component) => {
-    var _a;
-    const parent = (component === null || component === void 0 ? void 0 : component.tagName) + "-GROUP";
-    return ((_a = component === null || component === void 0 ? void 0 : component.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === parent;
-};
-export const hasDynamicChildSlots = (mutationList, slotNames) => mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-    ? checkSlotInChildMutations(addedNodes, removedNodes, slotNames)
-    : false);
+export const isSlottedInGroup = (component) => { var _a; return ((_a = component.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === `${component.tagName}-GROUP`; };
+export const hasDynamicChildSlots = (mutationList, slotNames) => mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList" &&
+    checkSlotInChildMutations(addedNodes, removedNodes, slotNames));
 export const renderDynamicChildSlots = (mutationList, slotNames, ref) => {
     if (hasDynamicChildSlots(mutationList, slotNames)) {
         forceUpdate(ref);