@ukic/canary-web-components 2.0.0-canary.0

package/dist/components/ic-pagination-bar2.js.map

@@ -0,0 +1 @@
+{"file":"ic-pagination-bar2.js","mappings":"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","names":[],"sources":["./src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","./src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"sourcesContent":[":host() {\n  display: block;\n}\n\n.pagination-bar {\n  height: 3.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--ic-space-xl);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-sizing: border-box;\n}\n\n.pagination-bar-left {\n  justify-content: flex-start;\n}\n\n.item-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n  margin-right: auto;\n}\n\n.items-per-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n  --input-width: 5rem;\n}\n\n.pagination-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n  margin-left: auto;\n}\n\n.go-to-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n  --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n  --min-width: var(--ic-space-xl);\n}\n\n.pagination-text-default,\n.pagination-text-dark,\n.pagination-text-light {\n  white-space: nowrap;\n}\n\n.pagination-text-light {\n  color: var(--ic-color-white-text);\n}\n\n@media screen and (max-width: 768px) {\n  .pagination-bar {\n    flex-direction: column;\n    align-items: flex-end;\n    height: fit-content;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left {\n    align-items: flex-start;\n  }\n}\n\n@media screen and (max-width: 320px) {\n  .item-controls,\n  .pagination-controls {\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left .item-controls,\n  .pagination-bar-left .pagination-controls,\n  .pagination-bar-space-between .item-controls,\n  .pagination-bar-space-between .pagination-controls {\n    align-items: flex-start;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  h,\n} from \"@stencil/core\";\nimport { checkResizeObserver } from \"../../utils/helpers\";\nimport { IcThemeForeground } from \"../../interface\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationControlTypes,\n  IcPaginationTypes,\n} from \"../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 PAGINATION = \"ic-pagination\";\n  private TEXT_FIELD = \"ic-text-field\";\n  private TOOLTIP = \"ic-tooltip\";\n  private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n  private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n  private NAN_ERROR = \"Please enter a number\";\n\n  private resizeObserver: ResizeObserver = null;\n  private paginationBarEl: HTMLElement;\n\n  @Element() el: HTMLIcPaginationBarElement;\n\n  @State() currentPage: number = 1;\n\n  @State() inputError: string = \"Please enter a valid page\";\n\n  @State() itemsPerPage: string;\n\n  @State() lowerBound: number = 1;\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   * Sets the styling for the items in the pagination bar.\n   */\n  @Prop() appearance?: IcThemeForeground = \"default\";\n\n  /**\n   * The label which will be used in place of 'items' if paginationType is data. Should be capitalised.\n   */\n  @Prop() itemLabel?: string = \"Item\";\n\n  /**\n   * The options which will be displayed for 'items per page' select input. Set a maximum of 4 options including a required 'All' option with value equal to total number of items.\n   */\n  @Prop({ mutable: true }) itemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  /**\n   * Whether the displayed pagination is simple or complex.\n   */\n  @Prop() paginationControl?: IcPaginationControlTypes = \"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() paginationType?: IcPaginationTypes = \"page\";\n\n  /**\n   * The label which will be used in place of 'Page' if paginationType is page. Should be capitalised.\n   */\n  @Prop() pageLabel?: string = \"Page\";\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 should be displayed.\n   */\n  @Prop() showItemsPerPage?: 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  /**\n   * Emitted when a page is navigated to via the 'go to' input.\n   */\n  @Event() icPageChange: EventEmitter<{ value: number }>;\n\n  /**\n   * Emitted when the items per page option is changed.\n   */\n  @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    if (\n      this.itemsPerPageOptions === undefined ||\n      this.itemsPerPageOptions === null\n    ) {\n      this.setDefaultItemsPerPageOptions();\n    }\n    this.trimItemsPerPageOptions();\n    this.setDefaultItemsPerPage();\n    this.setNumberPages();\n    this.setUpperBound();\n  }\n\n  componentDidLoad(): void {\n    this.paginationWidth = this.paginationBarEl.clientWidth;\n    checkResizeObserver(this.runResizeObserver);\n    this.setGoToPageInputStyles();\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    const select = this.el.shadowRoot.querySelector(\"ic-select\");\n    const value = select.value;\n    this.itemsPerPage = value;\n    this.setNumberPages();\n    this.setUpperBound();\n    const pagination = this.el.shadowRoot.querySelector(\n      this.PAGINATION\n    ) as HTMLIcPaginationElement;\n    if (this.currentPage > this.totalPages) {\n      pagination.setCurrentPage(this.totalPages);\n      this.currentPage = this.totalPages;\n    }\n    this.icItemsPerPageChange.emit({ value: Number(this.itemsPerPage) });\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private changePage = (page: number) => {\n    this.currentPage = page;\n    this.lowerBound =\n      page !== 1 ? (page - 1) * Number(this.itemsPerPage) + 1 : page;\n    this.setUpperBound();\n  };\n\n  private goToPage = () => {\n    const input = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const page = Number(input.value);\n    const tooltip = this.el.shadowRoot.querySelector(\"ic-tooltip\");\n    if (page <= this.totalPages && page > 0) {\n      this.changePage(page);\n      const pagination = this.el.shadowRoot.querySelector(\n        this.PAGINATION\n      ) as HTMLIcPaginationElement;\n      pagination.setCurrentPage(page);\n      this.currentPage = page;\n      input.value = \"\";\n      this.icPageChange.emit({ value: page });\n      tooltip.displayTooltip(false, false);\n      input.validationStatus = \"\";\n    } else {\n      this.inputError = this.INVALID_PAGE_ERROR;\n      input.validationStatus = \"error\";\n      input.setFocus();\n    }\n  };\n\n  private handleBlur = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const tooltip = this.el.shadowRoot?.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    if (\n      (Number(textField.value) <= this.totalPages &&\n        Number(textField.value) > 0) ||\n      textField.value === \"\"\n    ) {\n      textField.validationStatus = \"\";\n    }\n    tooltip.displayTooltip(false, false);\n  };\n\n  private handleFocus = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const tooltip = this.el.shadowRoot?.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    if (textField.validationStatus === \"error\") {\n      tooltip.displayTooltip(true, true);\n    }\n  };\n\n  private handleInputChange = () => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const inputValue = parseInt(textField.value);\n\n    if (inputValue > this.totalPages || inputValue <= 0) {\n      this.inputError = this.INVALID_PAGE_ERROR;\n      tooltip.displayTooltip(true, true);\n      textField.validationStatus = \"error\";\n      textField.focus();\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n\n    if (ev.key === \"Enter\") {\n      if (textField.validationStatus === \"error\") {\n        tooltip.displayTooltip(true, true);\n      } else {\n        this.goToPage();\n      }\n    } else {\n      tooltip.displayTooltip(false, false);\n      textField.validationStatus = \"\";\n    }\n  };\n\n  private handleKeyUp = (ev: KeyboardEvent) => {\n    const tooltip = this.el.shadowRoot.querySelector(\n      this.TOOLTIP\n    ) as HTMLIcTooltipElement;\n    const textField = this.el.shadowRoot.querySelector(\n      this.TEXT_FIELD\n    ) as HTMLIcTextFieldElement;\n    const inputValue = parseInt(textField.value);\n\n    if (\n      Number.isNaN(inputValue) &&\n      ev.key !== \"Backspace\" &&\n      ev.key !== \"Enter\" &&\n      ev.key !== \"Tab\" &&\n      ev.key !== \"Shift\"\n    ) {\n      this.inputError = this.NAN_ERROR;\n      tooltip.displayTooltip(true, false);\n      textField.validationStatus = \"error\";\n    }\n  };\n\n  private paginationShouldWrap = () => {\n    const pagination = this.el.shadowRoot.querySelector(\n      this.PAGINATION\n    ) as HTMLIcPaginationElement;\n    if (this.paginationControl === \"simple\") {\n      if (pagination.clientHeight > 63) {\n        this.paginationWrapped = true;\n      } else {\n        this.paginationWrapped = false;\n      }\n    }\n  };\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (\n      currSize - this.paginationWidth > 50 ||\n      currSize - this.paginationWidth < -50\n    ) {\n      this.paginationWidth = currSize;\n      this.paginationShouldWrap();\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = this.paginationBarEl.clientWidth;\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.paginationBarEl);\n  };\n\n  private setDefaultItemsPerPage = () => {\n    this.itemsPerPage = this.itemsPerPageOptions[0].value;\n  };\n\n  private setDefaultItemsPerPageOptions = () => {\n    this.itemsPerPageOptions =\n      this.totalItems <= 100\n        ? [\n            { label: \"10\", value: \"10\" },\n            { label: \"25\", value: \"25\" },\n            { label: \"50\", value: \"50\" },\n            { label: \"All\", value: String(this.totalItems) },\n          ]\n        : [\n            { label: \"25\", value: \"25\" },\n            { label: \"100\", value: \"100\" },\n            { label: \"1000\", value: \"1000\" },\n            { label: \"All\", value: String(this.totalItems) },\n          ];\n  };\n\n  private setGoToPageInputStyles = () => {\n    const textField = this.el.shadowRoot?.querySelector(\n      `.${this.PAGE_INPUT_FIELD_ID}`\n    );\n    if (textField !== undefined) {\n      const input = textField?.shadowRoot?.querySelector(\"input\");\n      if (input !== undefined) {\n        input.style.textAlign = \"center\";\n        input.style.padding = \"0\";\n      }\n    }\n  };\n\n  private setNumberPages = () => {\n    this.totalPages = Math.ceil(this.totalItems / Number(this.itemsPerPage));\n  };\n\n  private setUpperBound = () => {\n    this.upperBound = Math.min(\n      this.lowerBound + Number(this.itemsPerPage) - 1,\n      this.totalItems\n    );\n  };\n\n  private trimItemsPerPageOptions = () => {\n    this.itemsPerPageOptions = this.itemsPerPageOptions.slice(0, 3);\n    this.itemsPerPageOptions.push({\n      label: \"All\",\n      value: String(this.totalItems),\n    });\n\n    for (let i = 0; i < this.itemsPerPageOptions.length - 1; i++) {\n      if (this.totalItems <= Number(this.itemsPerPageOptions[i].value)) {\n        this.itemsPerPageOptions.splice(\n          i,\n          this.itemsPerPageOptions.length - (i + 1)\n        );\n      }\n    }\n  };\n\n  render() {\n    const {\n      appearance,\n      alignment,\n      itemsPerPageOptions,\n      PAGE_INPUT_FIELD_ID,\n      paginationControl,\n      paginationType,\n      showItemsPerPage,\n      showItemsPerPageControl,\n      showGoToPageControl,\n    } = this;\n\n    const focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n      this.paginationBarEl.querySelector(el)?.setFocus();\n    };\n\n    return (\n      <div\n        class={{\n          [\"pagination-bar\"]: true,\n          [`pagination-bar-${alignment}`]: true,\n        }}\n        ref={(el) => (this.paginationBarEl = el)}\n      >\n        {(showItemsPerPage || showItemsPerPageControl) && (\n          <div class=\"item-controls\">\n            {showItemsPerPageControl && (\n              <div class=\"items-per-page-holder\">\n                <ic-typography\n                  class={{\n                    [`pagination-text-${appearance}`]: true,\n                    [\"items-per-page-control-label\"]: true,\n                  }}\n                  variant=\"label\"\n                  onClick={() => focusElFromLabel(\"ic-select\")}\n                >\n                  {this.itemLabel}s per {this.pageLabel.toLowerCase()}\n                </ic-typography>\n                <ic-select\n                  small\n                  label=\"items-per-page-input\"\n                  class=\"items-per-page-input\"\n                  hideLabel\n                  options={itemsPerPageOptions}\n                  value={this.itemsPerPage}\n                  onIcChange={() => this.changeItemsPerPage()}\n                ></ic-select>\n              </div>\n            )}\n            {showItemsPerPage && paginationType === \"data\" ? (\n              <ic-typography\n                class={{\n                  [`pagination-text-${appearance}`]: true,\n                  [\"item-pagination-label\"]: true,\n                }}\n                variant=\"label\"\n                aria-live=\"polite\"\n              >\n                {this.lowerBound} - {this.upperBound} of {this.totalItems}{\" \"}\n                {this.itemLabel.toLowerCase()}\n                {this.totalItems > 1 ? \"s\" : \"\"}\n              </ic-typography>\n            ) : (\n              showItemsPerPage && (\n                <ic-typography\n                  class={{\n                    [`pagination-text-${appearance}`]: true,\n                    [\"page-pagination-label\"]: true,\n                  }}\n                  variant=\"label\"\n                  aria-live=\"polite\"\n                >\n                  {this.pageLabel} {this.currentPage} of {this.totalPages}\n                </ic-typography>\n              )\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              appearance={appearance}\n              type={paginationControl}\n              pages={this.totalPages}\n            ></ic-pagination>\n          </div>\n          {showGoToPageControl && (\n            <div class=\"go-to-page-holder\">\n              <ic-typography\n                class={{ [`pagination-text-${appearance}`]: true }}\n                variant=\"label\"\n                onClick={() => focusElFromLabel(\"ic-text-field\")}\n              >\n                Go to {this.pageLabel.toLowerCase()}\n              </ic-typography>\n              <ic-tooltip\n                label={this.inputError}\n                target={`#${PAGE_INPUT_FIELD_ID}`}\n                disableHover\n                disableClick\n              >\n                <ic-text-field\n                  type=\"number\"\n                  small\n                  label={PAGE_INPUT_FIELD_ID}\n                  class={PAGE_INPUT_FIELD_ID}\n                  id={PAGE_INPUT_FIELD_ID}\n                  hideLabel\n                  onKeyDown={(ev) => this.handleKeydown(ev)}\n                  onKeyUp={(ev) => this.handleKeyUp(ev)}\n                  onInput={() => this.handleInputChange()}\n                  max={this.totalPages}\n                  min=\"1\"\n                  validationInlineInternal\n                  onBlur={() => this.handleBlur()}\n                  onFocus={() => this.handleFocus()}\n                ></ic-text-field>\n              </ic-tooltip>\n              <ic-button\n                appearance={appearance}\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    );\n  }\n}\n"],"version":3}

package/dist/components/ic-pagination-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IcPaginationItem extends Components.IcPaginationItem, HTMLElement {}
+export const IcPaginationItem: {
+  prototype: IcPaginationItem;
+  new (): IcPaginationItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ic-pagination-item.js

@@ -0,0 +1,8 @@
+import { P as PaginationItem, d as defineCustomElement$1 } from './ic-pagination-item2.js';
+
+const IcPaginationItem = PaginationItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { IcPaginationItem, defineCustomElement };
+
+//# sourceMappingURL=ic-pagination-item.js.map

package/dist/components/ic-pagination-item.js.map

@@ -0,0 +1 @@
+{"file":"ic-pagination-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ic-pagination-item2.js

@@ -0,0 +1,81 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { r as removeDisabledFalse } from './helpers.js';
+import { d as defineCustomElement$1 } from './ic-typography2.js';
+
+const icPaginationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}a{text-align:center}.item-container{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}button{background:none;border:none;outline:inherit;position:relative}.ellipsis{pointer-events:none;color:var(--ic-color-secondary-text)}.item-container:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.page{color:var(--ic-action-default)}.simple-current{width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}.item-container.page:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-action-default-bg-hover)}.item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-action-default-bg-active)}.selected{pointer-events:none;outline:none}.selected::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-default)}.page-selected{color:var(--ic-color-primary-text)}.item-container.page.light:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}.item-container.page.light:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-active)}ic-typography.light{color:var(--ic-color-white-text)}.selected.light::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-light)}.item-container.page.dark:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}.item-container.page.dark:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-active)}ic-typography.dark{color:var(--ic-color-primary-text)}.selected.dark::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-dark)}.disabled{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (forced-colors: active){.selected::after{background-color:Highlight}.selected.light::after{background-color:Highlight}.selected.dark::after{background-color:Highlight}}";
+
+const PaginationItem = /*@__PURE__*/ proxyCustomElement(class PaginationItem extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.paginationItemClick = createEvent(this, "paginationItemClick", 7);
+    this.handleClick = () => {
+      this.paginationItemClick.emit({ page: this.page });
+    };
+    this.appearance = undefined;
+    this.ariaOverride = false;
+    this.disabled = false;
+    this.label = "Page ";
+    this.page = undefined;
+    this.pages = undefined;
+    this.selected = false;
+    this.type = undefined;
+  }
+  componentWillLoad() {
+    removeDisabledFalse(this.disabled, this.el);
+  }
+  render() {
+    const { page, selected, type, disabled, appearance, label, ariaOverride, pages, } = this;
+    return (h("a", null, type === "ellipsis" ? (h("div", { class: {
+        ["item-container"]: true,
+        ["ellipsis"]: true,
+        ["disabled"]: disabled,
+      } }, h("ic-typography", { class: {
+        [`${appearance}`]: true,
+      }, variant: "label" }, "..."))) : type === "page" ? (h("button", { disabled: disabled, onClick: this.handleClick, tabindex: selected ? "-1" : "0", role: "button", "aria-current": selected && "Current page", "aria-label": selected ? `${label}: ${page}` : `Go to page ${page}`, class: {
+        ["selected"]: !disabled && selected,
+        ["disabled"]: disabled,
+        ["item-container"]: true,
+        [`${appearance}`]: true,
+        ["page"]: type === "page",
+      } }, h("ic-typography", { variant: "label", class: {
+        ["page-selected"]: selected,
+        ["disabled"]: disabled,
+        [`${appearance}`]: true,
+      } }, page))) : (h("ic-typography", { "aria-live": "polite", "aria-label": ariaOverride ? `Page ${page} of ${pages}` : `${label} ${page}`, class: `simple-current ${appearance}`, variant: "label" }, label, " ", page))));
+  }
+  get el() { return this; }
+  static get style() { return icPaginationItemCss; }
+}, [1, "ic-pagination-item", {
+    "appearance": [1],
+    "ariaOverride": [4, "aria-override"],
+    "disabled": [4],
+    "label": [1],
+    "page": [2],
+    "pages": [2],
+    "selected": [4],
+    "type": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ic-pagination-item", "ic-typography"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ic-pagination-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PaginationItem);
+      }
+      break;
+    case "ic-typography":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { PaginationItem as P, defineCustomElement as d };
+
+//# sourceMappingURL=ic-pagination-item2.js.map

package/dist/components/ic-pagination-item2.js.map

@@ -0,0 +1 @@
+{"file":"ic-pagination-item2.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,wpJAAwpJ;;MCiBvqJ,cAAc;;;;;;IAoDjB,gBAAW,GAAG;MACpB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KACpD,CAAC;;wBA3C8B,KAAK;oBAKT,KAAK;iBAKT,OAAO;;;oBAeH,KAAK;;;EAYjC,iBAAiB;IACf,mBAAmB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;GAC7C;EAMD,MAAM;IACJ,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,KAAK,EACL,YAAY,EACZ,KAAK,GACN,GAAG,IAAI,CAAC;IAET,QACE,aACG,IAAI,KAAK,UAAU,IAClB,WACE,KAAK,EAAE;QACL,CAAC,gBAAgB,GAAG,IAAI;QACxB,CAAC,UAAU,GAAG,IAAI;QAClB,CAAC,UAAU,GAAG,QAAQ;OACvB,IAED,qBACE,KAAK,EAAE;QACL,CAAC,GAAG,UAAU,EAAE,GAAG,IAAI;OACxB,EACD,OAAO,EAAC,OAAO,UAGD,CACZ,IACJ,IAAI,KAAK,MAAM,IACjB,cACE,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,QAAQ,GAAG,IAAI,GAAG,GAAG,EAC/B,IAAI,EAAC,QAAQ,kBACC,QAAQ,IAAI,cAAc,gBAC5B,QAAQ,GAAG,GAAG,KAAK,KAAK,IAAI,EAAE,GAAG,cAAc,IAAI,EAAE,EACjE,KAAK,EAAE;QACL,CAAC,UAAU,GAAG,CAAC,QAAQ,IAAI,QAAQ;QACnC,CAAC,UAAU,GAAG,QAAQ;QACtB,CAAC,gBAAgB,GAAG,IAAI;QACxB,CAAC,GAAG,UAAU,EAAE,GAAG,IAAI;QACvB,CAAC,MAAM,GAAG,IAAI,KAAK,MAAM;OAC1B,IAED,qBACE,OAAO,EAAC,OAAO,EACf,KAAK,EAAE;QACL,CAAC,eAAe,GAAG,QAAQ;QAC3B,CAAC,UAAU,GAAG,QAAQ;QACtB,CAAC,GAAG,UAAU,EAAE,GAAG,IAAI;OACxB,IAEA,IAAI,CACS,CACT,KAET,kCACY,QAAQ,gBAEhB,YAAY,GAAG,QAAQ,IAAI,OAAO,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,IAAI,EAAE,EAEhE,KAAK,EAAE,kBAAkB,UAAU,EAAE,EACrC,OAAO,EAAC,OAAO,IAEd,KAAK,OAAG,IAAI,CACC,CACjB,CACC,EACJ;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/ic-pagination-item/ic-pagination-item.css?tag=ic-pagination-item&encapsulation=shadow","./src/components/ic-pagination-item/ic-pagination-item.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\na {\n  text-align: center;\n}\n\n.item-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: calc(var(--ic-space-xl) + var(--ic-space-sm));\n  height: var(--ic-space-xl);\n  margin: var(--ic-space-xxs) var(--ic-space-xxxs);\n  cursor: pointer;\n  text-decoration: none;\n}\n\nbutton {\n  background: none;\n  border: none;\n  outline: inherit;\n  position: relative;\n}\n\n.ellipsis {\n  pointer-events: none;\n  color: var(--ic-color-secondary-text);\n}\n\n.item-container:focus {\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n}\n\n.page {\n  color: var(--ic-action-default);\n}\n\n.simple-current {\n  width: calc(var(--ic-space-xxl) + var(--ic-space-md));\n  height: var(--ic-space-lg);\n  cursor: default;\n}\n\n/** DEFAULT STATES **/\n.item-container.page:hover:not(.selected):not(:focus) {\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-action-default-bg-hover);\n}\n\n.item-container.page:active:not(.selected):not(:focus) {\n  background-color: var(--ic-action-default-bg-active);\n}\n\n.selected {\n  pointer-events: none;\n  outline: none;\n}\n\n.selected::after {\n  content: \"\";\n  height: var(--ic-space-xxs);\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  background-color: var(--ic-action-default);\n}\n\n.page-selected {\n  color: var(--ic-color-primary-text);\n}\n\n/** LIGHT STATES **/\n.item-container.page.light:hover:not(.selected):not(:focus) {\n  background-color: var(--ic-action-light-bg-hover);\n}\n\n.item-container.page.light:active:not(.selected):not(:focus) {\n  background-color: var(--ic-action-light-bg-active);\n}\n\nic-typography.light {\n  color: var(--ic-color-white-text);\n}\n\n.selected.light::after {\n  content: \"\";\n  height: var(--ic-space-xxs);\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  background-color: var(--ic-action-light);\n}\n\n/** DARK STATES **/\n.item-container.page.dark:hover:not(.selected):not(:focus) {\n  background-color: var(--ic-action-dark-bg-hover);\n}\n\n.item-container.page.dark:active:not(.selected):not(:focus) {\n  background-color: var(--ic-action-dark-bg-active);\n}\n\nic-typography.dark {\n  color: var(--ic-color-primary-text);\n}\n\n.selected.dark::after {\n  content: \"\";\n  height: var(--ic-space-xxs);\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  background-color: var(--ic-action-dark);\n}\n\n.disabled {\n  color: var(--ic-architectural-200);\n  pointer-events: none;\n  cursor: none;\n  user-select: none;\n}\n\n@media (forced-colors: active) {\n  .selected::after {\n    background-color: Highlight;\n  }\n\n  .selected.light::after {\n    background-color: Highlight;\n  }\n\n  .selected.dark::after {\n    background-color: Highlight;\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  h,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport { IcPaginationItemType } from \"./ic-pagination-item.types\";\nimport { IcThemeForeground } from \"../../utils/types\";\nimport { removeDisabledFalse } from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-pagination-item\",\n  styleUrl: \"ic-pagination-item.css\",\n  shadow: true,\n})\nexport class PaginationItem {\n  @Element() el: HTMLIcPaginationItemElement;\n\n  /**\n   * The appearance of the pagination, e.g. dark, light or the default.\n   */\n  @Prop() appearance: IcThemeForeground;\n\n  /**\n   * If true the aria-label will be set to `Page X of Y`, where X is the current page and Y is the page count.\n   */\n  @Prop() ariaOverride: boolean = false;\n\n  /**\n   * If `true`, the pagination item will be disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The label for the pagination item (applicable when simple pagination is being used).\n   */\n  @Prop() label: string = \"Page \";\n\n  /**\n   * The current page number.\n   */\n  @Prop() page: number | null;\n\n  /**\n   * The total number of pages.\n   */\n  @Prop() pages: number;\n\n  /**\n   * If `true`, the pagination item will be selected.\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   * The type of pagination item - 'page' or 'ellipsis'.\n   */\n  @Prop() type: IcPaginationItemType;\n\n  /**\n   * @internal - Emitted when a pagination item is clicked.\n   */\n  @Event() paginationItemClick: EventEmitter<{ page: number }>;\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  private handleClick = () => {\n    this.paginationItemClick.emit({ page: this.page });\n  };\n\n  render() {\n    const {\n      page,\n      selected,\n      type,\n      disabled,\n      appearance,\n      label,\n      ariaOverride,\n      pages,\n    } = this;\n\n    return (\n      <a>\n        {type === \"ellipsis\" ? (\n          <div\n            class={{\n              [\"item-container\"]: true,\n              [\"ellipsis\"]: true,\n              [\"disabled\"]: disabled,\n            }}\n          >\n            <ic-typography\n              class={{\n                [`${appearance}`]: true,\n              }}\n              variant=\"label\"\n            >\n              ...\n            </ic-typography>\n          </div>\n        ) : type === \"page\" ? (\n          <button\n            disabled={disabled}\n            onClick={this.handleClick}\n            tabindex={selected ? \"-1\" : \"0\"}\n            role=\"button\"\n            aria-current={selected && \"Current page\"}\n            aria-label={selected ? `${label}: ${page}` : `Go to page ${page}`}\n            class={{\n              [\"selected\"]: !disabled && selected,\n              [\"disabled\"]: disabled,\n              [\"item-container\"]: true,\n              [`${appearance}`]: true,\n              [\"page\"]: type === \"page\",\n            }}\n          >\n            <ic-typography\n              variant=\"label\"\n              class={{\n                [\"page-selected\"]: selected,\n                [\"disabled\"]: disabled,\n                [`${appearance}`]: true,\n              }}\n            >\n              {page}\n            </ic-typography>\n          </button>\n        ) : (\n          <ic-typography\n            aria-live=\"polite\"\n            aria-label={\n              ariaOverride ? `Page ${page} of ${pages}` : `${label} ${page}`\n            }\n            class={`simple-current ${appearance}`}\n            variant=\"label\"\n          >\n            {label} {page}\n          </ic-typography>\n        )}\n      </a>\n    );\n  }\n}\n"],"version":3}

package/dist/components/ic-pagination.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IcPagination extends Components.IcPagination, HTMLElement {}
+export const IcPagination: {
+  prototype: IcPagination;
+  new (): IcPagination;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ic-pagination.js

@@ -0,0 +1,8 @@
+import { P as Pagination, d as defineCustomElement$1 } from './ic-pagination2.js';
+
+const IcPagination = Pagination;
+const defineCustomElement = defineCustomElement$1;
+
+export { IcPagination, defineCustomElement };
+
+//# sourceMappingURL=ic-pagination.js.map

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

@@ -0,0 +1 @@
+{"file":"ic-pagination.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ic-pagination2.js

@@ -0,0 +1,285 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { r as removeDisabledFalse, o as onComponentRequiredPropUndefined } from './helpers.js';
+import { d as defineCustomElement$5 } from './ic-button2.js';
+import { d as defineCustomElement$4 } from './ic-loading-indicator2.js';
+import { d as defineCustomElement$3 } from './ic-pagination-item2.js';
+import { d as defineCustomElement$2 } from './ic-tooltip2.js';
+import { d as defineCustomElement$1 } from './ic-typography2.js';
+
+const paginationNextPrevious = `<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.08748 0L0.912476 1.175L4.72914 5L0.912476 8.825L2.08748 10L7.08748 5L2.08748 0Z" fill="currentColor"/>
+</svg>
+`;
+
+const paginationFirstLast = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.1709 8.825L7.34589 5L11.1709 1.175L9.99589 0L4.99589 5L9.99589 10L11.1709 8.825ZM0.829224 0H2.49589V10H0.829224V0Z" fill="currentColour"/>
+</svg>`;
+
+const icPaginationCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{box-sizing:border-box;width:100%;display:flex;justify-content:center}nav{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}ic-button{cursor:pointer}ic-button.next-previous{--icon-width:var(--ic-space-xs);--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs));padding:0 var(--ic-space-xxs) 0 var(--ic-space-xxxs)}ic-button.first-last{--icon-width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}.disabled{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hide-current-page{display:none}";
+
+const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.icPageChange = createEvent(this, "icPageChange", 7);
+    this.handleClickFirst = () => {
+      this.currentPage = 1;
+      this.icPageChange.emit({ value: this.currentPage });
+    };
+    this.handleClickPrevious = () => {
+      this.currentPage--;
+      this.icPageChange.emit({ value: this.currentPage });
+    };
+    this.handleClickNext = () => {
+      this.currentPage++;
+      this.icPageChange.emit({ value: this.currentPage });
+    };
+    this.handleClickLast = () => {
+      this.currentPage = this.pages;
+      this.icPageChange.emit({ value: this.currentPage });
+    };
+    // button rendering abstracted from component render methods for clarity
+    this.firstButton = () => {
+      return (h("ic-button", { id: "first-page-button", "aria-label": "Go to first page", disableTooltip: true, appearance: this.appearance, onClick: this.handleClickFirst, class: "page-button first-last", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationFirstLast }));
+    };
+    this.previousButton = () => {
+      return (h("ic-button", { id: "previous-page-button", "aria-label": "Go to previous page", disableTooltip: true, appearance: this.appearance, onClick: this.handleClickPrevious, class: "page-button next-previous flip", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationNextPrevious }));
+    };
+    this.nextButton = () => {
+      return (h("ic-button", { id: "next-page-button", "aria-label": "Go to next page", disableTooltip: true, appearance: this.appearance, onClick: this.handleClickNext, class: "page-button next-previous", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationNextPrevious }));
+    };
+    this.lastButton = () => {
+      return (h("ic-button", { id: "last-page-button", "aria-label": "Go to last page", disableTooltip: true, appearance: this.appearance, onClick: this.handleClickLast, class: "page-button first-last flip", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationFirstLast }));
+    };
+    this.renderStartEllipsis = () => {
+      return (h("ic-pagination-item", { appearance: this.appearance, type: "ellipsis", id: "start-ellipsis", disabled: this.disabled }));
+    };
+    this.renderEndEllipsis = () => {
+      return (h("ic-pagination-item", { appearance: this.appearance, type: "ellipsis", id: "end-ellipsis", disabled: this.disabled }));
+    };
+    this.renderStartItems = () => {
+      return this.startItems.map((page) => {
+        return (h("ic-pagination-item", { appearance: this.appearance, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
+      });
+    };
+    this.renderEndItems = () => {
+      return this.endItems.map((page) => {
+        return (h("ic-pagination-item", { appearance: this.appearance, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
+      });
+    };
+    this.renderMiddleItems = () => {
+      return this.midItems.map((page) => {
+        return (h("ic-pagination-item", { appearance: this.appearance, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
+      });
+    };
+    this.endEllipsis = false;
+    this.endItems = [];
+    this.midItems = [];
+    this.startEllipsis = false;
+    this.startItems = [];
+    this.adjacentCount = 1;
+    this.appearance = "default";
+    this.boundaryCount = 1;
+    this.defaultPage = 1;
+    this.disabled = false;
+    this.hideCurrentPage = false;
+    this.hideFirstAndLastPageButton = false;
+    this.label = "Page";
+    this.pages = undefined;
+    this.type = "simple";
+    this.currentPage = this.defaultPage;
+  }
+  watchNumberPagesHandler() {
+    this.watchPageChangeHandler();
+  }
+  watchPageChangeHandler() {
+    if (this.type === "simple") {
+      return;
+    }
+    this.startEllipsis = false;
+    this.endEllipsis = false;
+    this.startItems = [];
+    this.endItems = [];
+    this.midItems = [];
+    const startItems = [];
+    let startItemCount = 0;
+    const endItems = [];
+    let endStart = this.pages;
+    const midItems = [];
+    let midStart;
+    let midEnd;
+    let startEllipsis = false;
+    let endEllipsis = false;
+    if (this.pages <= this.boundaryCount * 2 + this.adjacentCount * 2 + 3) {
+      this.startEllipsis = false;
+      this.endEllipsis = false;
+      for (let i = 1; i <= this.pages; i++) {
+        startItems.push(i);
+      }
+      this.startItems = startItems;
+      return;
+    }
+    startItemCount = this.boundaryCount === 0 ? 1 : this.boundaryCount;
+    endStart =
+      this.boundaryCount === 0
+        ? this.pages
+        : this.pages - this.boundaryCount + 1;
+    if (this.currentPage <= this.adjacentCount + this.boundaryCount + 2) {
+      startEllipsis = false;
+      endEllipsis = true;
+      let numItems = 2 * this.adjacentCount + 1;
+      if (this.boundaryCount === 0) {
+        numItems--;
+      }
+      midStart = startItemCount + 1;
+      midEnd = midStart + numItems;
+    }
+    else {
+      startEllipsis = true;
+      if (this.currentPage >
+        this.pages - (this.adjacentCount + this.boundaryCount + 2)) {
+        let numItems = 2 * this.adjacentCount + 1;
+        if (this.boundaryCount === 0) {
+          numItems--;
+        }
+        midEnd =
+          this.boundaryCount === 0
+            ? this.pages - 1
+            : this.pages - this.boundaryCount;
+        midStart = midEnd - numItems;
+      }
+      else {
+        endEllipsis = true;
+        midStart = this.currentPage - this.adjacentCount;
+        midEnd = this.currentPage + this.adjacentCount;
+      }
+    }
+    //create array of start items
+    if (this.boundaryCount > 0 ||
+      (this.boundaryCount === 0 && startEllipsis === false)) {
+      for (let i = 1; i <= startItemCount; i++) {
+        startItems.push(i);
+      }
+    }
+    //create array of end items
+    if (this.boundaryCount > 0 ||
+      (this.boundaryCount === 0 && endEllipsis === false)) {
+      for (let i = endStart; i <= this.pages; i++) {
+        endItems.push(i);
+      }
+    }
+    //create array of mid items
+    for (let i = midStart; i <= midEnd; i++) {
+      midItems.push(i);
+    }
+    this.startEllipsis = startEllipsis;
+    this.endEllipsis = endEllipsis;
+    this.startItems = startItems;
+    this.endItems = endItems;
+    this.midItems = midItems;
+  }
+  componentWillLoad() {
+    this.watchPageChangeHandler();
+    if (this.boundaryCount > 2) {
+      this.boundaryCount = 2;
+    }
+    if (this.adjacentCount > 2) {
+      this.adjacentCount = 2;
+    }
+    removeDisabledFalse(this.disabled, this.el);
+  }
+  componentDidLoad() {
+    onComponentRequiredPropUndefined([{ prop: this.pages, propName: "pages" }], "Pagination");
+  }
+  paginationItemClickHandler(ev) {
+    const page = ev.detail.page;
+    this.currentPage = page;
+    this.icPageChange.emit({ value: this.currentPage });
+  }
+  /**
+   * Sets the currently displayed page.
+   */
+  async setCurrentPage(page) {
+    if (typeof page === "number" && page > 0 && page <= this.pages) {
+      this.currentPage = page;
+    }
+    else {
+      console.error("Current page must be a number greater than zero but less than or equal to the total number of pages");
+    }
+  }
+  render() {
+    const { type, pages, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, } = this;
+    return (h(Host, null, type === "simple" && (h("nav", { class: {
+        ["disabled"]: disabled,
+      }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), h("ic-pagination-item", { pages: pages, appearance: this.appearance, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: hideCurrentPage } }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (h("nav", { class: {
+        ["disabled"]: disabled,
+      }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton()))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "pages": ["watchNumberPagesHandler"],
+    "currentPage": ["watchPageChangeHandler"]
+  }; }
+  static get style() { return icPaginationCss; }
+}, [1, "ic-pagination", {
+    "adjacentCount": [1026, "adjacent-count"],
+    "appearance": [1],
+    "boundaryCount": [1026, "boundary-count"],
+    "defaultPage": [2, "default-page"],
+    "disabled": [4],
+    "hideCurrentPage": [4, "hide-current-page"],
+    "hideFirstAndLastPageButton": [4, "hide-first-and-last-page-button"],
+    "label": [1],
+    "pages": [2],
+    "type": [1],
+    "currentPage": [1026, "current-page"],
+    "endEllipsis": [32],
+    "endItems": [32],
+    "midItems": [32],
+    "startEllipsis": [32],
+    "startItems": [32],
+    "setCurrentPage": [64]
+  }, [[0, "paginationItemClick", "paginationItemClickHandler"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ic-pagination", "ic-button", "ic-loading-indicator", "ic-pagination-item", "ic-tooltip", "ic-typography"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ic-pagination":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Pagination);
+      }
+      break;
+    case "ic-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "ic-loading-indicator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "ic-pagination-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "ic-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "ic-typography":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { Pagination as P, defineCustomElement as d };
+
+//# sourceMappingURL=ic-pagination2.js.map

package/dist/components/ic-pagination2.js.map

@@ -0,0 +1 @@
+{"file":"ic-pagination2.js","mappings":"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","names":[],"sources":["./src/components/ic-pagination/ic-pagination.css?tag=ic-pagination&encapsulation=shadow","./src/components/ic-pagination/ic-pagination.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\nnav {\n  width: 100%;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n\nic-button {\n  cursor: pointer;\n}\n\nic-button.next-previous {\n  --icon-width: var(--ic-space-xs);\n  --icon-height: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n\n  padding: 0 var(--ic-space-xxs) 0 var(--ic-space-xxxs);\n}\n\nic-button.first-last {\n  --icon-width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n  --icon-height: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.disabled {\n  color: var(--ic-architectural-200);\n  pointer-events: none;\n  cursor: none;\n  user-select: none;\n}\n\n.hide-current-page {\n  display: none;\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  h,\n  Listen,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n  Method,\n} from \"@stencil/core\";\nimport paginationNextPrevious from \"../../assets/pagination-next-previous.svg\";\nimport paginationFirstLast from \"../../assets/pagination-first-last.svg\";\nimport { IcThemeForeground } from \"../../utils/types\";\nimport {\n  IcChangeEventDetail,\n  IcPaginationControlTypes,\n} from \"./ic-pagination.types\";\nimport {\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-pagination\",\n  styleUrl: \"ic-pagination.css\",\n  shadow: true,\n})\nexport class Pagination {\n  @Element() el: HTMLIcPaginationElement;\n\n  @State() endEllipsis: boolean = false;\n  @State() endItems: number[] = [];\n  @State() midItems: number[] = [];\n  @State() startEllipsis: boolean = false;\n  @State() startItems: number[] = [];\n\n  /**\n   * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.\n   */\n  @Prop({ mutable: true }) adjacentCount: number = 1;\n\n  /**\n   * The appearance of the pagination, e.g. dark, light or the default.\n   */\n  @Prop() appearance: IcThemeForeground = \"default\";\n\n  /**\n   * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.\n   */\n  @Prop({ mutable: true }) boundaryCount: number = 1;\n\n  /**\n   * The default page to display.\n   */\n  @Prop() defaultPage: number = 1;\n\n  /**\n   * If `true`, the pagination will not allow interaction.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * If `true`, the current page of the simple pagination will not be displayed.\n   */\n  @Prop() hideCurrentPage: boolean = false;\n\n  /**\n   * If `true`, the first and last page buttons will not be displayed.\n   */\n  @Prop() hideFirstAndLastPageButton: boolean = false;\n\n  /**\n   * The label for the pagination item (applicable when simple pagination is being used).\n   */\n  @Prop() label: string = \"Page\";\n\n  /**\n   * The total number of pages.\n   */\n  @Prop() pages!: number;\n\n  @Watch(\"pages\")\n  watchNumberPagesHandler(): void {\n    this.watchPageChangeHandler();\n  }\n\n  /**\n   * The type of pagination to be used.\n   */\n  @Prop() type: IcPaginationControlTypes = \"simple\";\n\n  /**\n   * The current page displayed by the pagination.\n   */\n  @Prop({ mutable: true }) currentPage: number = this.defaultPage;\n\n  @Watch(\"currentPage\")\n  watchPageChangeHandler(): void {\n    if (this.type === \"simple\") {\n      return;\n    }\n\n    this.startEllipsis = false;\n    this.endEllipsis = false;\n    this.startItems = [];\n    this.endItems = [];\n    this.midItems = [];\n\n    const startItems = [];\n    let startItemCount = 0;\n    const endItems = [];\n    let endStart = this.pages;\n    const midItems = [];\n    let midStart;\n    let midEnd;\n    let startEllipsis = false;\n    let endEllipsis = false;\n\n    if (this.pages <= this.boundaryCount * 2 + this.adjacentCount * 2 + 3) {\n      this.startEllipsis = false;\n      this.endEllipsis = false;\n      for (let i = 1; i <= this.pages; i++) {\n        startItems.push(i);\n      }\n      this.startItems = startItems;\n      return;\n    }\n\n    startItemCount = this.boundaryCount === 0 ? 1 : this.boundaryCount;\n    endStart =\n      this.boundaryCount === 0\n        ? this.pages\n        : this.pages - this.boundaryCount + 1;\n\n    if (this.currentPage <= this.adjacentCount + this.boundaryCount + 2) {\n      startEllipsis = false;\n      endEllipsis = true;\n\n      let numItems = 2 * this.adjacentCount + 1;\n      if (this.boundaryCount === 0) {\n        numItems--;\n      }\n      midStart = startItemCount + 1;\n      midEnd = midStart + numItems;\n    } else {\n      startEllipsis = true;\n      if (\n        this.currentPage >\n        this.pages - (this.adjacentCount + this.boundaryCount + 2)\n      ) {\n        let numItems = 2 * this.adjacentCount + 1;\n        if (this.boundaryCount === 0) {\n          numItems--;\n        }\n        midEnd =\n          this.boundaryCount === 0\n            ? this.pages - 1\n            : this.pages - this.boundaryCount;\n        midStart = midEnd - numItems;\n      } else {\n        endEllipsis = true;\n        midStart = this.currentPage - this.adjacentCount;\n        midEnd = this.currentPage + this.adjacentCount;\n      }\n    }\n\n    //create array of start items\n    if (\n      this.boundaryCount > 0 ||\n      (this.boundaryCount === 0 && startEllipsis === false)\n    ) {\n      for (let i = 1; i <= startItemCount; i++) {\n        startItems.push(i);\n      }\n    }\n\n    //create array of end items\n    if (\n      this.boundaryCount > 0 ||\n      (this.boundaryCount === 0 && endEllipsis === false)\n    ) {\n      for (let i = endStart; i <= this.pages; i++) {\n        endItems.push(i);\n      }\n    }\n\n    //create array of mid items\n    for (let i = midStart; i <= midEnd; i++) {\n      midItems.push(i);\n    }\n\n    this.startEllipsis = startEllipsis;\n    this.endEllipsis = endEllipsis;\n    this.startItems = startItems;\n    this.endItems = endItems;\n    this.midItems = midItems;\n  }\n\n  /**\n   * Emitted when a page is selected.\n   */\n  @Event() icPageChange: EventEmitter<IcChangeEventDetail>;\n\n  componentWillLoad(): void {\n    this.watchPageChangeHandler();\n    if (this.boundaryCount > 2) {\n      this.boundaryCount = 2;\n    }\n    if (this.adjacentCount > 2) {\n      this.adjacentCount = 2;\n    }\n\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.pages, propName: \"pages\" }],\n      \"Pagination\"\n    );\n  }\n\n  @Listen(\"paginationItemClick\")\n  paginationItemClickHandler(ev: CustomEvent): void {\n    const page = ev.detail.page;\n    this.currentPage = page;\n    this.icPageChange.emit({ value: this.currentPage });\n  }\n\n  /**\n   * Sets the currently displayed page.\n   */\n  @Method()\n  async setCurrentPage(page: number): Promise<void> {\n    if (typeof page === \"number\" && page > 0 && page <= this.pages) {\n      this.currentPage = page;\n    } else {\n      console.error(\n        \"Current page must be a number greater than zero but less than or equal to the total number of pages\"\n      );\n    }\n  }\n\n  private handleClickFirst = () => {\n    this.currentPage = 1;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private handleClickPrevious = (): void => {\n    this.currentPage--;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private handleClickNext = (): void => {\n    this.currentPage++;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private handleClickLast = (): void => {\n    this.currentPage = this.pages;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  // button rendering abstracted from component render methods for clarity\n  private firstButton = () => {\n    return (\n      <ic-button\n        id=\"first-page-button\"\n        aria-label=\"Go to first page\"\n        disableTooltip={true}\n        appearance={this.appearance}\n        onClick={this.handleClickFirst}\n        class=\"page-button first-last\"\n        disabled={this.currentPage === 1 || this.disabled}\n        variant=\"icon\"\n        innerHTML={paginationFirstLast}\n      />\n    );\n  };\n\n  private previousButton = () => {\n    return (\n      <ic-button\n        id=\"previous-page-button\"\n        aria-label=\"Go to previous page\"\n        disableTooltip={true}\n        appearance={this.appearance}\n        onClick={this.handleClickPrevious}\n        class=\"page-button next-previous flip\"\n        disabled={this.currentPage === 1 || this.disabled}\n        variant=\"icon\"\n        innerHTML={paginationNextPrevious}\n      />\n    );\n  };\n\n  private nextButton = () => {\n    return (\n      <ic-button\n        id=\"next-page-button\"\n        aria-label=\"Go to next page\"\n        disableTooltip={true}\n        appearance={this.appearance}\n        onClick={this.handleClickNext}\n        class=\"page-button next-previous\"\n        disabled={this.currentPage === this.pages || this.disabled}\n        variant=\"icon\"\n        innerHTML={paginationNextPrevious}\n      />\n    );\n  };\n\n  private lastButton = () => {\n    return (\n      <ic-button\n        id=\"last-page-button\"\n        aria-label=\"Go to last page\"\n        disableTooltip={true}\n        appearance={this.appearance}\n        onClick={this.handleClickLast}\n        class=\"page-button first-last flip\"\n        disabled={this.currentPage === this.pages || this.disabled}\n        variant=\"icon\"\n        innerHTML={paginationFirstLast}\n      />\n    );\n  };\n\n  private renderStartEllipsis = () => {\n    return (\n      <ic-pagination-item\n        appearance={this.appearance}\n        type=\"ellipsis\"\n        id=\"start-ellipsis\"\n        disabled={this.disabled}\n      />\n    );\n  };\n\n  private renderEndEllipsis = () => {\n    return (\n      <ic-pagination-item\n        appearance={this.appearance}\n        type=\"ellipsis\"\n        id=\"end-ellipsis\"\n        disabled={this.disabled}\n      />\n    );\n  };\n\n  private renderStartItems = () => {\n    return this.startItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          appearance={this.appearance}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  private renderEndItems = () => {\n    return this.endItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          appearance={this.appearance}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  private renderMiddleItems = () => {\n    return this.midItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          appearance={this.appearance}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  render() {\n    const {\n      type,\n      pages,\n      currentPage,\n      hideCurrentPage,\n      disabled,\n      hideFirstAndLastPageButton,\n      label,\n    } = this;\n\n    return (\n      <Host>\n        {type === \"simple\" && (\n          <nav\n            class={{\n              [\"disabled\"]: disabled,\n            }}\n            role=\"navigation\"\n            aria-label=\"Pagination Navigation\"\n          >\n            {hideFirstAndLastPageButton ? null : this.firstButton()}\n            {this.previousButton()}\n            <ic-pagination-item\n              pages={pages}\n              appearance={this.appearance}\n              type=\"simple-current\"\n              page={currentPage}\n              label={label}\n              class={{ [\"hide-current-page\"]: hideCurrentPage }}\n            />\n            {this.nextButton()}\n            {hideFirstAndLastPageButton ? null : this.lastButton()}\n          </nav>\n        )}\n        {type === \"complex\" && (\n          <nav\n            class={{\n              [\"disabled\"]: disabled,\n            }}\n            role=\"navigation\"\n            aria-label=\"Pagination Navigation\"\n          >\n            {hideFirstAndLastPageButton ? null : this.firstButton()}\n            {this.previousButton()}\n            {this.renderStartItems()}\n            {this.startEllipsis && this.renderStartEllipsis()}\n            {this.renderMiddleItems()}\n            {this.endEllipsis && this.renderEndEllipsis()}\n            {this.renderEndItems()}\n            {this.nextButton()}\n            {hideFirstAndLastPageButton ? null : this.lastButton()}\n          </nav>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/ic-popover-menu.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IcPopoverMenu extends Components.IcPopoverMenu, HTMLElement {}
+export const IcPopoverMenu: {
+  prototype: IcPopoverMenu;
+  new (): IcPopoverMenu;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;