@ukic/canary-web-components 3.0.0-canary.25 → 3.0.0-canary.27

package/dist/collection/components/ic-date-picker/story-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"story-data.js","sourceRoot":"","sources":["../../../src/components/ic-date-picker/story-data.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable */\nexport const DATE_PICKER_LABEL = \"When would you like to collect your coffee?\";\n\nexport const createDatePickerElement = () => {\n  const datePicker = document.createElement(\"ic-date-picker\");\n  datePicker.label = DATE_PICKER_LABEL;\n  return datePicker;\n};\n\nexport const Default = (): HTMLIcDatePickerElement => createDatePickerElement();\n\nexport const Small = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.size = \"small\";\n  return datePicker;\n};\n\nexport const Large = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.size = \"large\";\n  return datePicker;\n};\n\nexport const Sizes = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n\n  container.appendChild(Small());\n  container.appendChild(Default());\n  container.appendChild(Large());\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"16px\";\n\n  return container;\n};\n\nexport const MaxWidth = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n  container.className = \"dp-max-width-example\";\n\n  container.appendChild(Small());\n  container.appendChild(Default());\n  container.appendChild(Large());\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"16px\";\n\n  return container;\n};\n\nexport const WithHelperTextProp = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.helperText = \"We will have your order ready for you on this date\";\n  return datePicker;\n};\n\nexport const WithHelperTextSlot = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.innerHTML = `\n    <ic-typography variant=\"caption\" slot=\"helper-text\">\n      <span>\n        For special requests, <ic-link href=\"#\" >contact us</ic-link> before choosing a date\n      </span>\n    </ic-typography>\n  `;\n  return datePicker;\n};\n\nexport const CustomHelperText = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n\n  container.appendChild(WithHelperTextProp());\n  container.appendChild(WithHelperTextSlot());\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"16px\";\n\n  return container;\n};\n\nexport const MonthFirst = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.dateFormat = \"MM/DD/YYYY\";\n  return datePicker;\n};\n\nexport const YearFirst = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.dateFormat = \"YYYY/MM/DD\";\n  return datePicker;\n};\n\nexport const DateFormats = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n\n  container.appendChild(Default());\n  container.appendChild(MonthFirst());\n  container.appendChild(YearFirst());\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"16px\";\n\n  return container;\n};\n\nexport const Value = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.value = \"01/01/2024\";\n  return datePicker;\n};\n\nexport const OpenAt = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.helperText =\n    \"The calendar will open showing 25th December 2024, if no date selected\";\n  datePicker.openAtDate = \"2024-12-25\";\n  return datePicker;\n};\n\nexport const WeekStart = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.startOfWeek = 0;\n  return datePicker;\n};\n\nexport const WorkingWeek = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.disableDays = [0, 6];\n  return datePicker;\n};\n\nexport const MaxMin = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.helperText = \"Choose a date between the 1st and 31st of July\";\n  datePicker.min = \"2024-07-01\";\n  datePicker.max = \"2024-07-31\";\n  datePicker.showPickerTodayButton = false;\n  return datePicker;\n};\n\nexport const Disabled = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.disabled = true;\n  return datePicker;\n};\n\nexport const DisablePast = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.disablePast = true;\n  return datePicker;\n};\n\nexport const DisableFuture = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.disableFuture = true;\n  return datePicker;\n};\n\nexport const HideOutsideMonth = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.showDaysOutsideMonth = false;\n  return datePicker;\n};\n\nexport const HideButtons = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.showPickerClearButton = false;\n  datePicker.showPickerTodayButton = false;\n  return datePicker;\n};\n\nexport const JSDates = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.helperText = \"Choose a date between the 1st and 31st of July\";\n  datePicker.showPickerTodayButton = false;\n  datePicker.min = new Date(2024, 6, 1);\n  datePicker.max = new Date(2024, 6, 31);\n  datePicker.value = new Date(2024, 6, 15);\n  return datePicker;\n};\n\nconst updateSelectedDate = (ev: CustomEvent): void => {\n  const el = document.querySelector(\"#selected-date\")!;\n  let text = \"Selected date: \";\n  if (ev.detail.value) {\n    text += ev.detail.value;\n  }\n  el.innerHTML = text;\n  console.log(\"ic-change\", ev.detail);\n};\n\nexport const IcChangeDate = (): HTMLElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.addEventListener(\"icChange\", updateSelectedDate);\n  const container = document.createElement(\"div\");\n\n  const selDate = document.createElement(\"span\");\n  selDate.innerText = \"Selected date:\";\n  selDate.id = \"selected-date\";\n\n  container.appendChild(datePicker);\n  container.appendChild(selDate);\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"50px\";\n\n  return container;\n};\n\nexport const IcChangeDateEmitDatePartChanges = (): HTMLElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.emitDatePartChange = true;\n  datePicker.addEventListener(\"icChange\", updateSelectedDate);\n  const container = document.createElement(\"div\");\n\n  const selDate = document.createElement(\"span\");\n  selDate.innerText = \"Selected date:\";\n  selDate.id = \"selected-date\";\n\n  container.appendChild(datePicker);\n  container.appendChild(selDate);\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"50px\";\n\n  return container;\n};\n\nexport const OpenAbove = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n\n  const smallPicker = createDatePickerElement();\n  smallPicker.openAtDate = \"2025-02-03\";\n  smallPicker.size = \"small\";\n\n  const defaultPicker = createDatePickerElement();\n  defaultPicker.openAtDate = \"2025-02-03\";\n  defaultPicker.startOfWeek = 0;\n\n  const largePicker = createDatePickerElement();\n  largePicker.openAtDate = \"2025-02-03\";\n  largePicker.size = \"large\";\n  largePicker.startOfWeek = 4;\n\n  container.appendChild(smallPicker);\n  container.appendChild(defaultPicker);\n  container.appendChild(largePicker);\n  container.style.marginTop = \"400px\";\n\n  return container;\n};\n"]}
+{"version":3,"file":"story-data.js","sourceRoot":"","sources":["../../../../../src/components/ic-date-picker/story-data.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable */\nexport const DATE_PICKER_LABEL = \"When would you like to collect your coffee?\";\n\nexport const createDatePickerElement = () => {\n  const datePicker = document.createElement(\"ic-date-picker\");\n  datePicker.label = DATE_PICKER_LABEL;\n  return datePicker;\n};\n\nexport const Default = (): HTMLIcDatePickerElement => createDatePickerElement();\n\nexport const Small = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.size = \"small\";\n  return datePicker;\n};\n\nexport const Large = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.size = \"large\";\n  return datePicker;\n};\n\nexport const Sizes = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n\n  container.appendChild(Small());\n  container.appendChild(Default());\n  container.appendChild(Large());\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"16px\";\n\n  return container;\n};\n\nexport const MaxWidth = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n  container.className = \"dp-max-width-example\";\n\n  container.appendChild(Small());\n  container.appendChild(Default());\n  container.appendChild(Large());\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"16px\";\n\n  return container;\n};\n\nexport const WithHelperTextProp = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.helperText = \"We will have your order ready for you on this date\";\n  return datePicker;\n};\n\nexport const WithHelperTextSlot = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.innerHTML = `\n    <ic-typography variant=\"caption\" slot=\"helper-text\">\n      <span>\n        For special requests, <ic-link href=\"#\" >contact us</ic-link> before choosing a date\n      </span>\n    </ic-typography>\n  `;\n  return datePicker;\n};\n\nexport const CustomHelperText = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n\n  container.appendChild(WithHelperTextProp());\n  container.appendChild(WithHelperTextSlot());\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"16px\";\n\n  return container;\n};\n\nexport const MonthFirst = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.dateFormat = \"MM/DD/YYYY\";\n  return datePicker;\n};\n\nexport const YearFirst = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.dateFormat = \"YYYY/MM/DD\";\n  return datePicker;\n};\n\nexport const DateFormats = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n\n  container.appendChild(Default());\n  container.appendChild(MonthFirst());\n  container.appendChild(YearFirst());\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"16px\";\n\n  return container;\n};\n\nexport const Value = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.value = \"01/01/2024\";\n  return datePicker;\n};\n\nexport const OpenAt = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.helperText =\n    \"The calendar will open showing 25th December 2024, if no date selected\";\n  datePicker.openAtDate = \"2024-12-25\";\n  return datePicker;\n};\n\nexport const WeekStart = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.startOfWeek = 0;\n  return datePicker;\n};\n\nexport const WorkingWeek = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.disableDays = [0, 6];\n  return datePicker;\n};\n\nexport const MaxMin = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.helperText = \"Choose a date between the 1st and 31st of July\";\n  datePicker.min = \"2024-07-01\";\n  datePicker.max = \"2024-07-31\";\n  datePicker.showPickerTodayButton = false;\n  return datePicker;\n};\n\nexport const Disabled = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.disabled = true;\n  return datePicker;\n};\n\nexport const DisablePast = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.disablePast = true;\n  return datePicker;\n};\n\nexport const DisableFuture = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.disableFuture = true;\n  return datePicker;\n};\n\nexport const HideOutsideMonth = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.showDaysOutsideMonth = false;\n  return datePicker;\n};\n\nexport const HideButtons = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.showPickerClearButton = false;\n  datePicker.showPickerTodayButton = false;\n  return datePicker;\n};\n\nexport const JSDates = (): HTMLIcDatePickerElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.helperText = \"Choose a date between the 1st and 31st of July\";\n  datePicker.showPickerTodayButton = false;\n  datePicker.min = new Date(2024, 6, 1);\n  datePicker.max = new Date(2024, 6, 31);\n  datePicker.value = new Date(2024, 6, 15);\n  return datePicker;\n};\n\nconst updateSelectedDate = (ev: CustomEvent): void => {\n  const el = document.querySelector(\"#selected-date\")!;\n  let text = \"Selected date: \";\n  if (ev.detail.value) {\n    text += ev.detail.value;\n  }\n  el.innerHTML = text;\n  console.log(\"ic-change\", ev.detail);\n};\n\nexport const IcChangeDate = (): HTMLElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.addEventListener(\"icChange\", updateSelectedDate);\n  const container = document.createElement(\"div\");\n\n  const selDate = document.createElement(\"span\");\n  selDate.innerText = \"Selected date:\";\n  selDate.id = \"selected-date\";\n\n  container.appendChild(datePicker);\n  container.appendChild(selDate);\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"50px\";\n\n  return container;\n};\n\nexport const IcChangeDateEmitDatePartChanges = (): HTMLElement => {\n  const datePicker = createDatePickerElement();\n  datePicker.emitDatePartChange = true;\n  datePicker.addEventListener(\"icChange\", updateSelectedDate);\n  const container = document.createElement(\"div\");\n\n  const selDate = document.createElement(\"span\");\n  selDate.innerText = \"Selected date:\";\n  selDate.id = \"selected-date\";\n\n  container.appendChild(datePicker);\n  container.appendChild(selDate);\n\n  container.style.display = \"flex\";\n  container.style.flexDirection = \"column\";\n  container.style.gap = \"50px\";\n\n  return container;\n};\n\nexport const OpenAbove = (): HTMLElement => {\n  const container = document.createElement(\"div\");\n\n  const smallPicker = createDatePickerElement();\n  smallPicker.openAtDate = \"2025-02-03\";\n  smallPicker.size = \"small\";\n\n  const defaultPicker = createDatePickerElement();\n  defaultPicker.openAtDate = \"2025-02-03\";\n  defaultPicker.startOfWeek = 0;\n\n  const largePicker = createDatePickerElement();\n  largePicker.openAtDate = \"2025-02-03\";\n  largePicker.size = \"large\";\n  largePicker.startOfWeek = 4;\n\n  container.appendChild(smallPicker);\n  container.appendChild(defaultPicker);\n  container.appendChild(largePicker);\n  container.style.marginTop = \"400px\";\n\n  return container;\n};\n"]}

package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-date-picker.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;KAExB,CAAC,CAAC;QACH,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-date-picker\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-date-picker label=\"Date picker label\"></ic-date-picker>\n    `);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}
+{"version":3,"file":"ic-date-picker.test.a11y.js","sourceRoot":"","sources":["../../../../../../../src/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;KAExB,CAAC,CAAC;QACH,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-date-picker\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-date-picker label=\"Date picker label\"></ic-date-picker>\n    `);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

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

@@ -68,6 +68,17 @@ export class PaginationBar {
          If `true`, the pagination bar is set to the first page when the 'items per page' changes
          */
         this.setToFirstPageOnPaginationChange = false;
+        this.setSelectedItemsPerPage = (selectedItemsPerPage, displayedItemsPerPageOptions = []) => {
+            var _a;
+            const isSelectedItemsPerPagePresent = displayedItemsPerPageOptions === null || displayedItemsPerPageOptions === void 0 ? void 0 : displayedItemsPerPageOptions.some(({ value }) => { var _a; return value === ((_a = this.selectedItemsPerPage) === null || _a === void 0 ? void 0 : _a.toString()); });
+            if (isSelectedItemsPerPagePresent) {
+                this.setItemsPerPage(selectedItemsPerPage, false);
+            }
+            else {
+                console.error(`The selected items per page option "${this.selectedItemsPerPage}" does not exist`);
+                this.setItemsPerPage(+((_a = displayedItemsPerPageOptions[0]) === null || _a === void 0 ? void 0 : _a.value), false);
+            }
+        };
         this.changeItemsPerPage = () => {
             this.setItemsPerPage(Number(this.pageDropdownEl.value));
             this.userSetItemsPerPage = Number(this.pageDropdownEl.value);
@@ -181,12 +192,15 @@ export class PaginationBar {
             this.activePage = firstPage;
             this.icPageChange.emit({ value: firstPage });
         };
-        this.setItemsPerPage = (newValue) => {
+        this.setItemsPerPage = (newValue, isUserAction = true) => {
             var _a;
             if (this.itemsPerPage !== newValue) {
                 this.itemsPerPage = newValue;
                 this.itemsPerPageString = newValue.toString();
-                this.icItemsPerPageChange.emit({ value: this.itemsPerPage });
+                this.icItemsPerPageChange.emit({
+                    value: this.itemsPerPage,
+                    isUserAction,
+                });
                 if (this.setToFirstPageOnPaginationChange) {
                     this.setToFirstPage();
                 }
@@ -233,13 +247,19 @@ export class PaginationBar {
                 this.setItemsPerPage(lastOptionValue);
             }
             else {
-                const updated = this.displayedItemsPerPageOptions.some(({ value }) => {
-                    lastOptionValue = Number(value);
-                    return this.itemsPerPage <= lastOptionValue;
-                });
-                this.setItemsPerPage(updated || (!updated && this.itemsPerPage > lastOptionValue)
-                    ? lastOptionValue
-                    : this.itemsPerPage);
+                if (this.selectedItemsPerPage !== null &&
+                    this.selectedItemsPerPage !== undefined) {
+                    this.setSelectedItemsPerPage(this.selectedItemsPerPage, this.displayedItemsPerPageOptions);
+                }
+                else {
+                    const updated = this.displayedItemsPerPageOptions.some(({ value }) => {
+                        lastOptionValue = Number(value);
+                        return this.itemsPerPage <= lastOptionValue;
+                    });
+                    this.setItemsPerPage(updated || (!updated && this.itemsPerPage > lastOptionValue)
+                        ? lastOptionValue
+                        : this.itemsPerPage, false);
+                }
             }
         };
         this.setUpperBound = () => {
@@ -259,15 +279,9 @@ export class PaginationBar {
         }
     }
     watchSelectedItemsPerPageHandler() {
-        var _a;
         if (this.selectedItemsPerPage !== null &&
             this.selectedItemsPerPage !== undefined) {
-            if ((_a = this.displayedItemsPerPageOptions) === null || _a === void 0 ? void 0 : _a.filter((option) => option.value === `${this.selectedItemsPerPage}`).length) {
-                this.setItemsPerPage(this.selectedItemsPerPage);
-            }
-            else {
-                console.error(`The selected items per page option "${this.selectedItemsPerPage}" does not exist`);
-            }
+            this.setSelectedItemsPerPage(this.selectedItemsPerPage, this.displayedItemsPerPageOptions);
         }
     }
     watchItemLabelHandler() {
@@ -298,7 +312,6 @@ export class PaginationBar {
         this.watchPageLabelHandler();
         this.watchItemLabelHandler();
         this.setPaginationBarContent();
-        this.watchSelectedItemsPerPageHandler();
     }
     componentDidLoad() {
         var _a, _b, _c;
@@ -320,21 +333,21 @@ export class PaginationBar {
     }
     render() {
         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: {
+        return (h(Host, { key: '38c00586aa21b2e5f0cd21faa1e3f9c7f47f0535', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h("div", { key: '9582443e86e7df6f5128a2c63aabe5c4779ef3ea', class: {
                 ["pagination-bar"]: true,
                 [`pagination-bar-${alignment}`]: true,
-            }, 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: {
+            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (h("div", { key: '1c246b1b4a1ccd9f36ede57542256d0baed04a11', class: "item-controls" }, showItemsPerPageControl && (h("div", { key: 'b6f75857b7786f3eb608617d2716851e65083cd9', class: "items-per-page-holder" }, h("ic-typography", { key: '18d38ac0ca87b54067a9f9d75bca00d6da05a63e', class: {
                 ["items-per-page-control-label"]: true,
-            }, 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 &&
+            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), h("ic-select", { key: '173b9a0218afaf68db282ac4e820b23b5b1c1763', 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: '69d7f02aef2baa89cdaef4ecef76505539b6a068', class: {
+                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), h("div", { key: 'a369e23b36569d56fb21a9d906cffd1fc4506677', class: {
                 ["pagination-controls"]: true,
                 ["pagination-controls-wrap"]: this.paginationWrapped,
-            } }, 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")))))));
+            } }, h("div", { key: '42592cf99253511174cdf58c1c45aa866938cb81', class: "pagination-holder" }, h("ic-pagination", { key: '1245ba4afba7145b900f3002c86b0182816095f5', type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome })), showGoToPageControl && (h("div", { key: 'c64b4070c8ad1edd19493afea38386d837430c61', class: "go-to-page-holder" }, h("ic-typography", { key: '761515ad31928a7b4773c011c142f3e354765a1c', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), h("ic-tooltip", { key: '9617a664c7bd4f2fc81ac02a04d0b20cd005873d', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, h("ic-text-field", { key: '4b6beea984a6fd9f7395f13acd3ba0d793bd39e7', 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: 'e42c2462f64cc241cdd7e13c731bb453f09fe961', 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"; }
@@ -762,9 +775,15 @@ export class PaginationBar {
                     "text": "Emitted when the items per page option is changed."
                 },
                 "complexType": {
-                    "original": "{ value: number }",
-                    "resolved": "{ value: number; }",
-                    "references": {}
+                    "original": "IcItemsPerPageChangeEventDetail",
+                    "resolved": "IcItemsPerPageChangeEventDetail",
+                    "references": {
+                        "IcItemsPerPageChangeEventDetail": {
+                            "location": "import",
+                            "path": "./ic-pagination-bar.types",
+                            "id": "src/components/ic-pagination-bar/ic-pagination-bar.types.ts::IcItemsPerPageChangeEventDetail"
+                        }
+                    }
                 }
             }];
     }

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 `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"]}
+{"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 {\n  IcItemsPerPageChangeEventDetail,\n  IcPageChangeEventDetail,\n} 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      this.setSelectedItemsPerPage(\n        this.selectedItemsPerPage,\n        this.displayedItemsPerPageOptions\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<IcItemsPerPageChangeEventDetail>;\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  }\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 setSelectedItemsPerPage = (\n    selectedItemsPerPage: number,\n    displayedItemsPerPageOptions: { label: string; value: string }[] = []\n  ) => {\n    const isSelectedItemsPerPagePresent = displayedItemsPerPageOptions?.some(\n      ({ value }) => value === this.selectedItemsPerPage?.toString()\n    );\n    if (isSelectedItemsPerPagePresent) {\n      this.setItemsPerPage(selectedItemsPerPage, false);\n    } else {\n      console.error(\n        `The selected items per page option \"${this.selectedItemsPerPage}\" does not exist`\n      );\n      this.setItemsPerPage(+displayedItemsPerPageOptions[0]?.value, false);\n    }\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, isUserAction = true) => {\n    if (this.itemsPerPage !== newValue) {\n      this.itemsPerPage = newValue;\n      this.itemsPerPageString = newValue.toString();\n      this.icItemsPerPageChange.emit({\n        value: this.itemsPerPage,\n        isUserAction,\n      });\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\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      if (\n        this.selectedItemsPerPage !== null &&\n        this.selectedItemsPerPage !== undefined\n      ) {\n        this.setSelectedItemsPerPage(\n          this.selectedItemsPerPage,\n          this.displayedItemsPerPageOptions\n        );\n      } else {\n        const updated = this.displayedItemsPerPageOptions.some(({ value }) => {\n          lastOptionValue = Number(value);\n          return this.itemsPerPage <= lastOptionValue;\n        });\n        this.setItemsPerPage(\n          updated || (!updated && this.itemsPerPage > lastOptionValue)\n            ? lastOptionValue\n            : this.itemsPerPage,\n          false\n        );\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/components/ic-pagination-bar/ic-pagination-bar.stories.js

@@ -42,7 +42,7 @@ export const ItemsPerPageControl = {
       ></ic-pagination-bar>
     </div>
     <script>
-      const paginationBar = document.querySelector("ic-pagination-bar");
+      var paginationBar = document.querySelector("ic-pagination-bar");
       paginationBar.itemsPerPageOptions = [
         { label: "50", value: "50" },
         { label: "100", value: "100" },

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

@@ -1 +1 @@
-{"version":3,"file":"ic-pagination-bar.stories.js","sourceRoot":"","sources":["../../../src/components/ic-pagination-bar/ic-pagination-bar.stories.js"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { html } from \"lit-html\";\nimport readme from \"./readme.md\";\n\nexport default {\n  title: \"Web Components/Pagination bar\",\n  component: \"ic-pagination-bar\",\n  parameters: {\n    componentAPI: {\n      data: readme,\n    },\n  },\n};\n\n/**\n * Use the pagination bar when large amounts of content are split across multiple pages and various pagination options are required.\n *\n * There is one required attribute for the pagination bar:\n * - total-items: `number`\n *\n * Click the 'Component API' tab to view all the available attributes, events and slots for pagination bar.\n *\n * To use the pagination bar component, import `@ukic/canary-web-components` into your application.\n */\nexport const Basic = {\n  render: () => html`<ic-pagination-bar total-items=\"100\"></ic-pagination-bar>`,\n  name: \"Basic\",\n};\n\n/**\n * Pagination bar will display the number of pages out of the total number of pages as well as the `simple` pagination type.\n *\n * By default, the items per page is set to 10. If the total items is greater than 100, the default items per page is set to 25.\n *\n * To display the items per page control, set the `show-items-per-page-control` attribute to `true`.\n *\n * The items per page control will display a dropdown with options to select the number of items to display per page. Customize the options by setting the `itemsPerPageOptions` property.\n * `itemsPerPageOptions` is an array of objects with `label` and `value` properties. If more than three options are provided, the dropdown will display the first three options and an 'All' option.\n */\nexport const ItemsPerPageControl = {\n  render: () => html`<div style=\"height: 150px;\">\n      <ic-pagination-bar\n        total-items=\"100\"\n        show-items-per-page-control=\"true\"\n      ></ic-pagination-bar>\n    </div>\n    <script>\n      const paginationBar = document.querySelector(\"ic-pagination-bar\");\n      paginationBar.itemsPerPageOptions = [\n        { label: \"50\", value: \"50\" },\n        { label: \"100\", value: \"100\" },\n        { label: \"250\", value: \"250\" },\n      ];\n    </script>`,\n  name: \"Items per page control\",\n};\n\n/**\n * To display the go to page control, set the `show-go-to-page-control` attribute to `true`. 'Go to page' allows the user to jump to a specific page. If the page number is invalid, the input will be styled in the `ic-status-error` colour with a tooltip detailing the error.\n */\nexport const GoToPageControl = {\n  render: () => html`<div style=\"height: 120px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-go-to-page-control=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Go to page control\",\n};\n\n/**\n * The pagination range label type can be set to two types:\n * - `simple`: [default]: Display the total number of pages and the current page number.\n * - `data`: Displays the total number of items and the items range.\n *\n * The example below uses the `data` pagination range label type. The range is updated when the page is changed.\n */\nexport const PaginationRangeLabelType = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      range-label-type=\"data\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Pagination range label type\",\n};\n\n/**\n * 'Item' can be changed to a custom label by setting the `item-label` attribute. Any occurrences of 'Item' in the pagination bar will be replaced with the custom label.\n */\nexport const PaginationItemLabel = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      range-label-type=\"data\"\n      item-label=\"Image\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Pagination item label\",\n};\n\n/**\n * The pagination type can be set to two types:\n * - `simple`: [default]: Display the current page as a label with back and next buttons.\n * - `complex`: Displays all the page numbers as buttons with back and next buttons.\n *\n * The `complex` pagination type is useful when there are many pages to navigate through.\n */\nexport const PaginationType = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      type=\"complex\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Pagination type\",\n};\n\n/**\n * The pagination elements can be aligned to the `right` (default), `left` or `space-between`. The default alignment is right.\n */\nexport const AlignmentLeft = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      alignment=\"left\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Alignment left\",\n};\n\nexport const AlignmentSpaceBetween = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      alignment=\"space-between\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Alignment space-between\",\n};\n\n/**\n * If the pagination bar becomes cluttered due to the number of pagination elements displayed, the range label can be hidden by setting the `hide-range-label` attribute to `true`.\n */\nexport const HideRangeLabel = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      hide-range-label=\"true\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Hide range label\",\n};\n\n/**\n * If you have a predefined list of items you want in the itemsPerPage select, the 'All' option can be hidden by setting `hide-all-from-items-per-page` to `true`.\n */\nexport const HideAllFromItemsPerPage = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      hide-all-from-items-per-page=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Hide 'All' from items per page\",\n};\n\n/**\n * When the 'items per page' value changes, setting `set-to-first-page-on-pagination-change` to `true` will set the pagination to the first page.\n */\nexport const SetToFirstPage = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      hide-all-from-items-per-page=\"true\"\n      set-to-first-page-on-pagination-change=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set to first page when items per page changes\",\n};\n\n/**\n * The `selected-items-per-page` prop can be used to programmatically set the items per page dropdown option.\n */\nexport const SelectedItemsPerPage = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      selected-items-per-page=\"25\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set the selected items per page\",\n};\n\n/**\n * The `selected-items-per-page` prop can be used to programmatically set the items per page dropdown option. If provided, this prop must match one of the items per page dropdown options, otherwise an error appears on the console and the prop is ignored.\n */\nexport const SelectedItemsPerPageToInvalidValue = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      selected-items-per-page=\"25\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set the selected items per page to an invalid value\",\n};\n\n/**\n * The `current-page` prop can be used to programmatically set the current page.\n */\nexport const SetCurrentPage = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      current-page=\"3\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set the current page\",\n};\n\n/**\n * The `current-page` prop can be used to programmatically set the current page. If provided, this prop must be greater than 0 and less than or equal to the total number of pages, otherwise an error appears on the console and the prop is ignored.\n */\nexport const SetCurrentPageToInvalidValue = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      current-page=\"-1\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set the current page to an invalid value\",\n};\n"]}
+{"version":3,"file":"ic-pagination-bar.stories.js","sourceRoot":"","sources":["../../../../../src/components/ic-pagination-bar/ic-pagination-bar.stories.js"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;IACb,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE;QACV,YAAY,EAAE;YACZ,IAAI,EAAE,MAAM;SACb;KACF;CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA,2DAA2D;IAC7E,IAAI,EAAE,OAAO;CACd,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;cAaN;IACZ,IAAI,EAAE,wBAAwB;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;SAKX;IACP,IAAI,EAAE,oBAAoB;CAC3B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,6BAA6B;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;;SAQX;IACP,IAAI,EAAE,uBAAuB;CAC9B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;SAMX;IACP,IAAI,EAAE,iBAAiB;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,gBAAgB;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,yBAAyB;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,kBAAkB;CACzB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,gCAAgC;CACvC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;;SAQX;IACP,IAAI,EAAE,+CAA+C;CACtD,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,iCAAiC;CACxC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG;IAChD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,qDAAqD;CAC5D,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,sBAAsB;CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG;IAC1C,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;SAOX;IACP,IAAI,EAAE,0CAA0C;CACjD,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { html } from \"lit-html\";\nimport readme from \"./readme.md\";\n\nexport default {\n  title: \"Web Components/Pagination bar\",\n  component: \"ic-pagination-bar\",\n  parameters: {\n    componentAPI: {\n      data: readme,\n    },\n  },\n};\n\n/**\n * Use the pagination bar when large amounts of content are split across multiple pages and various pagination options are required.\n *\n * There is one required attribute for the pagination bar:\n * - total-items: `number`\n *\n * Click the 'Component API' tab to view all the available attributes, events and slots for pagination bar.\n *\n * To use the pagination bar component, import `@ukic/canary-web-components` into your application.\n */\nexport const Basic = {\n  render: () => html`<ic-pagination-bar total-items=\"100\"></ic-pagination-bar>`,\n  name: \"Basic\",\n};\n\n/**\n * Pagination bar will display the number of pages out of the total number of pages as well as the `simple` pagination type.\n *\n * By default, the items per page is set to 10. If the total items is greater than 100, the default items per page is set to 25.\n *\n * To display the items per page control, set the `show-items-per-page-control` attribute to `true`.\n *\n * The items per page control will display a dropdown with options to select the number of items to display per page. Customize the options by setting the `itemsPerPageOptions` property.\n * `itemsPerPageOptions` is an array of objects with `label` and `value` properties. If more than three options are provided, the dropdown will display the first three options and an 'All' option.\n */\nexport const ItemsPerPageControl = {\n  render: () => html`<div style=\"height: 150px;\">\n      <ic-pagination-bar\n        total-items=\"100\"\n        show-items-per-page-control=\"true\"\n      ></ic-pagination-bar>\n    </div>\n    <script>\n      var paginationBar = document.querySelector(\"ic-pagination-bar\");\n      paginationBar.itemsPerPageOptions = [\n        { label: \"50\", value: \"50\" },\n        { label: \"100\", value: \"100\" },\n        { label: \"250\", value: \"250\" },\n      ];\n    </script>`,\n  name: \"Items per page control\",\n};\n\n/**\n * To display the go to page control, set the `show-go-to-page-control` attribute to `true`. 'Go to page' allows the user to jump to a specific page. If the page number is invalid, the input will be styled in the `ic-status-error` colour with a tooltip detailing the error.\n */\nexport const GoToPageControl = {\n  render: () => html`<div style=\"height: 120px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-go-to-page-control=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Go to page control\",\n};\n\n/**\n * The pagination range label type can be set to two types:\n * - `simple`: [default]: Display the total number of pages and the current page number.\n * - `data`: Displays the total number of items and the items range.\n *\n * The example below uses the `data` pagination range label type. The range is updated when the page is changed.\n */\nexport const PaginationRangeLabelType = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      range-label-type=\"data\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Pagination range label type\",\n};\n\n/**\n * 'Item' can be changed to a custom label by setting the `item-label` attribute. Any occurrences of 'Item' in the pagination bar will be replaced with the custom label.\n */\nexport const PaginationItemLabel = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      range-label-type=\"data\"\n      item-label=\"Image\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Pagination item label\",\n};\n\n/**\n * The pagination type can be set to two types:\n * - `simple`: [default]: Display the current page as a label with back and next buttons.\n * - `complex`: Displays all the page numbers as buttons with back and next buttons.\n *\n * The `complex` pagination type is useful when there are many pages to navigate through.\n */\nexport const PaginationType = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      type=\"complex\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Pagination type\",\n};\n\n/**\n * The pagination elements can be aligned to the `right` (default), `left` or `space-between`. The default alignment is right.\n */\nexport const AlignmentLeft = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      alignment=\"left\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Alignment left\",\n};\n\nexport const AlignmentSpaceBetween = {\n  render: () => html`<div style=\"height: 150px;\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      alignment=\"space-between\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Alignment space-between\",\n};\n\n/**\n * If the pagination bar becomes cluttered due to the number of pagination elements displayed, the range label can be hidden by setting the `hide-range-label` attribute to `true`.\n */\nexport const HideRangeLabel = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      hide-range-label=\"true\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Hide range label\",\n};\n\n/**\n * If you have a predefined list of items you want in the itemsPerPage select, the 'All' option can be hidden by setting `hide-all-from-items-per-page` to `true`.\n */\nexport const HideAllFromItemsPerPage = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      hide-all-from-items-per-page=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Hide 'All' from items per page\",\n};\n\n/**\n * When the 'items per page' value changes, setting `set-to-first-page-on-pagination-change` to `true` will set the pagination to the first page.\n */\nexport const SetToFirstPage = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      hide-all-from-items-per-page=\"true\"\n      set-to-first-page-on-pagination-change=\"true\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set to first page when items per page changes\",\n};\n\n/**\n * The `selected-items-per-page` prop can be used to programmatically set the items per page dropdown option.\n */\nexport const SelectedItemsPerPage = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      selected-items-per-page=\"25\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set the selected items per page\",\n};\n\n/**\n * The `selected-items-per-page` prop can be used to programmatically set the items per page dropdown option. If provided, this prop must match one of the items per page dropdown options, otherwise an error appears on the console and the prop is ignored.\n */\nexport const SelectedItemsPerPageToInvalidValue = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      selected-items-per-page=\"25\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set the selected items per page to an invalid value\",\n};\n\n/**\n * The `current-page` prop can be used to programmatically set the current page.\n */\nexport const SetCurrentPage = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      current-page=\"3\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set the current page\",\n};\n\n/**\n * The `current-page` prop can be used to programmatically set the current page. If provided, this prop must be greater than 0 and less than or equal to the total number of pages, otherwise an error appears on the console and the prop is ignored.\n */\nexport const SetCurrentPageToInvalidValue = {\n  render: () => html`<div style=\"height:150px\">\n    <ic-pagination-bar\n      total-items=\"100\"\n      show-items-per-page-control=\"true\"\n      show-go-to-page-control=\"true\"\n      current-page=\"-1\"\n    ></ic-pagination-bar>\n  </div>`,\n  name: \"Set the current page to an invalid value\",\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ic-pagination-bar.types.js","sourceRoot":"","sources":["../../../src/components/ic-pagination-bar/ic-pagination-bar.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface IcPageChangeEventDetail {\n  value: number;\n  fromItemsPerPage?: boolean;\n}\n"]}
+{"version":3,"file":"ic-pagination-bar.types.js","sourceRoot":"","sources":["../../../../../src/components/ic-pagination-bar/ic-pagination-bar.types.ts"],"names":[],"mappings":"","sourcesContent":["export interface IcPageChangeEventDetail {\n  value: number;\n  fromItemsPerPage?: boolean;\n}\n\nexport interface IcItemsPerPageChangeEventDetail {\n  value: number;\n  isUserAction?: boolean;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ic-pagination-bar.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,6CAA6C;AAC7C,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,2DAA2D,CAC5D,CAAC;QACF,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CACJ,MAAM,GAAG,CAAC,EAAE,EAAE;YACZ,qGAAqG;YACrG,KAAK,EAAE;gBACL,uBAAuB,EAAE;oBACvB,OAAO,EAAE,KAAK;iBACf;aACF;SACF,CAAC,CACH,CAAC,kBAAkB,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\n// Unable to import from @ukic/web-components\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"pagination bar component\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(\n      \"<ic-pagination-bar total-items='100'></ic-pagination-bar>\"\n    );\n    checkShadowElementRendersCorrectly(el);\n    expect(\n      await axe(el, {\n        // Tested pagination in Cypress and this error doesn't occur, not sure what's causing it in this test\n        rules: {\n          \"aria-valid-attr-value\": {\n            enabled: false,\n          },\n        },\n      })\n    ).toHaveNoViolations();\n  });\n});\n"]}
+{"version":3,"file":"ic-pagination-bar.test.a11y.js","sourceRoot":"","sources":["../../../../../../../src/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,6CAA6C;AAC7C,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,2DAA2D,CAC5D,CAAC;QACF,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CACJ,MAAM,GAAG,CAAC,EAAE,EAAE;YACZ,qGAAqG;YACrG,KAAK,EAAE;gBACL,uBAAuB,EAAE;oBACvB,OAAO,EAAE,KAAK;iBACf;aACF;SACF,CAAC,CACH,CAAC,kBAAkB,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\n// Unable to import from @ukic/web-components\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"pagination bar component\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(\n      \"<ic-pagination-bar total-items='100'></ic-pagination-bar>\"\n    );\n    checkShadowElementRendersCorrectly(el);\n    expect(\n      await axe(el, {\n        // Tested pagination in Cypress and this error doesn't occur, not sure what's causing it in this test\n        rules: {\n          \"aria-valid-attr-value\": {\n            enabled: false,\n          },\n        },\n      })\n    ).toHaveNoViolations();\n  });\n});\n"]}

package/dist/collection/components/ic-table-of-contents/ic-table-of-contents-item.js

@@ -0,0 +1,28 @@
+import { h } from "@stencil/core";
+const ItemHook = () => {
+    // adds offset to the item based on its variant
+    // e.g. h2 = 4 + (8*(2-2)) = 4px
+    // h3 = 4 + (8*(3-2)) = 12px
+    const setItemLevelOffset = (variant) => {
+        return `${4 + 8 * (parseInt(variant.split("")[1]) - 2)}px`;
+    };
+    return { setItemLevelOffset };
+};
+const ItemComponent = (itemProps) => {
+    const { id, className, label, target, selected, truncate, variant, position, size, updateSelected, setItemLevelOffset, } = itemProps;
+    return (h("a", { id: id, onClick: () => updateSelected(position), class: `${selected && "table-of-contents-item-content-selected"}
+        ${size === "large"
+            ? `table-of-contents-item-content-large`
+            : `table-of-contents-item-content-default`}
+        ${className}
+       `, href: `#${target}` }, h("ic-typography", { id: `${id}-label`, bold: selected === position, class: `${truncate && "truncated-item-text"}  ${size && `table-of-contents-item-content-${size}`}
+          table-of-contents-item-label
+          `, style: {
+            paddingLeft: setItemLevelOffset(variant),
+        } }, label)));
+};
+export const TableOfContentsItem = (props) => {
+    const innerProps = ItemHook();
+    return h(ItemComponent, Object.assign({}, props, innerProps));
+};
+//# sourceMappingURL=ic-table-of-contents-item.js.map

package/dist/collection/components/ic-table-of-contents/ic-table-of-contents-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-table-of-contents-item.js","sourceRoot":"","sources":["../../../../../src/components/ic-table-of-contents/ic-table-of-contents-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAC;AA6BvD,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,+CAA+C;IAC/C,gCAAgC;IAChC,4BAA4B;IAC5B,MAAM,kBAAkB,GAAG,CAAC,OAAe,EAAU,EAAE;QACrD,OAAO,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;IAC7D,CAAC,CAAC;IAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,aAAa,GAAsD,CACvE,SAAS,EACT,EAAE;IACF,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,kBAAkB,GACnB,GAAG,SAAS,CAAC;IAEd,OAAO,CACL,SACE,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,EACvC,KAAK,EAAE,GAAG,QAAQ,IAAI,yCAAyC;UAE3D,IAAI,KAAK,OAAO;YACd,CAAC,CAAC,sCAAsC;YACxC,CAAC,CAAC,wCACN;UACE,SAAS;QACX,EACF,IAAI,EAAE,IAAI,MAAM,EAAE;QAElB,qBACE,EAAE,EAAE,GAAG,EAAE,QAAQ,EACjB,IAAI,EAAE,QAAQ,KAAK,QAAQ,EAC3B,KAAK,EAAE,GAAG,QAAQ,IAAI,qBAAqB,KACzC,IAAI,IAAI,kCAAkC,IAAI,EAChD;;WAEG,EACH,KAAK,EAAE;gBACL,WAAW,EAAE,kBAAkB,CAAC,OAAO,CAAC;aACzC,IAEA,KAAK,CACQ,CACd,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAmB,EAAE,EAAE;IACzD,MAAM,UAAU,GAAG,QAAQ,EAAE,CAAC;IAC9B,OAAO,EAAC,aAAa,oBAAK,KAAK,EAAM,UAAU,EAAI,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\n\ninterface IcTableOfContentsItemElement {\n  id: string;\n  className: string;\n  label: string;\n  target: string;\n  variant: string;\n  selected: number;\n  position: number;\n  size?: string;\n  truncate?: boolean;\n  updateSelected: (position: number) => void;\n  setItemLevelOffset: (variant: string) => string;\n}\n\ninterface TOCItemProps {\n  id: string;\n  className: string;\n  variant: string;\n  label: string;\n  target: string;\n  selected: number;\n  position: number;\n  size?: string;\n  truncate?: boolean;\n  updateSelected: (position: number) => void;\n}\n\nconst ItemHook = () => {\n  // adds offset to the item based on its variant\n  // e.g. h2 = 4 + (8*(2-2)) = 4px\n  // h3 = 4 + (8*(3-2)) = 12px\n  const setItemLevelOffset = (variant: string): string => {\n    return `${4 + 8 * (parseInt(variant.split(\"\")[1]) - 2)}px`;\n  };\n\n  return { setItemLevelOffset };\n};\n\nconst ItemComponent: FunctionalComponent<IcTableOfContentsItemElement> = (\n  itemProps\n) => {\n  const {\n    id,\n    className,\n    label,\n    target,\n    selected,\n    truncate,\n    variant,\n    position,\n    size,\n    updateSelected,\n    setItemLevelOffset,\n  } = itemProps;\n\n  return (\n    <a\n      id={id}\n      onClick={() => updateSelected(position)}\n      class={`${selected && \"table-of-contents-item-content-selected\"}\n        ${\n          size === \"large\"\n            ? `table-of-contents-item-content-large`\n            : `table-of-contents-item-content-default`\n        }\n        ${className}\n       `}\n      href={`#${target}`}\n    >\n      <ic-typography\n        id={`${id}-label`}\n        bold={selected === position}\n        class={`${truncate && \"truncated-item-text\"}  ${\n          size && `table-of-contents-item-content-${size}`\n        }\n          table-of-contents-item-label\n          `}\n        style={{\n          paddingLeft: setItemLevelOffset(variant),\n        }}\n      >\n        {label}\n      </ic-typography>\n    </a>\n  );\n};\n\nexport const TableOfContentsItem = (props: TOCItemProps) => {\n  const innerProps = ItemHook();\n  return <ItemComponent {...props} {...innerProps} />;\n};\n"]}