@ukic/canary-web-components 2.0.0-canary.3 → 2.0.0-canary.4

package/dist/components/ic-pagination2.js

@@ -18,269 +18,270 @@ const paginationFirstLast = `<svg width="12" height="10" viewBox="0 0 12 10" fil
 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;
+    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", 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", 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", 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", 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;
     }
-    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;
+    watchNumberPagesHandler() {
+        this.watchPageChangeHandler();
     }
-    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--;
+    watchPageChangeHandler() {
+        if (this.type === "simple") {
+            return;
         }
-        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);
-      }
+        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;
     }
-    //create array of mid items
-    for (let i = midStart; i <= midEnd; i++) {
-      midItems.push(i);
+    componentWillLoad() {
+        this.watchPageChangeHandler();
+        if (this.boundaryCount > 2) {
+            this.boundaryCount = 2;
+        }
+        if (this.adjacentCount > 2) {
+            this.adjacentCount = 2;
+        }
+        removeDisabledFalse(this.disabled, this.el);
     }
-    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;
+    componentDidLoad() {
+        onComponentRequiredPropUndefined([{ prop: this.pages, propName: "pages" }], "Pagination");
     }
-    if (this.adjacentCount > 2) {
-      this.adjacentCount = 2;
+    paginationItemClickHandler(ev) {
+        const page = ev.detail.page;
+        this.currentPage = page;
+        this.icPageChange.emit({ value: this.currentPage });
     }
-    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;
+    /**
+     * Sets the currently displayed page.
+     * @param {number} page The page number to set as the current 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");
+        }
     }
-    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()))));
     }
-  }
-  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; }
+    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"]], {
-    "pages": ["watchNumberPagesHandler"],
-    "currentPage": ["watchPageChangeHandler"]
-  }]);
+        "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"]], {
+        "pages": ["watchNumberPagesHandler"],
+        "currentPage": ["watchPageChangeHandler"]
+    }]);
 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;
-  } });
+    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 };