@esri/solutions-components 0.2.3 → 0.2.5

package/dist/solutions-components/p-40d7cf01.entry.js

@@ -0,0 +1,228 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './p-58c69df2.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './p-23904a3d.js';
+import './p-73e23995.js';
+import './p-9a9955db.js';
+import './p-32a67cb2.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  page: "page",
+  selected: "is-selected",
+  previous: "previous",
+  next: "next",
+  disabled: "is-disabled",
+  ellipsis: "ellipsis",
+  ellipsisStart: "ellipsis--start",
+  ellipsisEnd: "ellipsis--end"
+};
+const TEXT = {
+  nextLabel: "Next",
+  previousLabel: "Previous"
+};
+
+const paginationCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--calcite-pagination-spacing:0.25rem 0.5rem}:host([scale=s]) .previous,:host([scale=s]) .next,:host([scale=s]) .page{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .previous,:host([scale=s]) .next{padding-inline:0.25rem}:host([scale=m]){--calcite-pagination-spacing:0.5rem 0.75rem}:host([scale=m]) .previous,:host([scale=m]) .next,:host([scale=m]) .page{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .previous,:host([scale=m]) .next{padding-inline:0.5rem}:host([scale=l]){--calcite-pagination-spacing:0.75rem 1rem}:host([scale=l]) .previous,:host([scale=l]) .next,:host([scale=l]) .page{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .previous,:host([scale=l]) .next{padding-inline:1rem}:host{display:flex;writing-mode:horizontal-tb}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.previous,.next,.page{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;border-style:none;--tw-border-opacity:0;background-color:transparent;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-3);border-block:2px solid transparent}.previous:hover,.next:hover,.page:hover{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-ui-border-2)}.page.is-selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);border-block-end-color:var(--calcite-ui-brand)}.previous:hover,.next:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-brand)}.previous:active,.next:active{background-color:var(--calcite-ui-foreground-3)}.previous.is-disabled,.next.is-disabled{pointer-events:none;background-color:transparent}.previous.is-disabled>calcite-icon,.next.is-disabled>calcite-icon{opacity:var(--calcite-ui-opacity-disabled)}.next{-webkit-margin-end:0px;margin-inline-end:0px}.page,.ellipsis{padding:var(--calcite-pagination-spacing)}.ellipsis{display:flex;align-items:flex-end;color:var(--calcite-ui-text-3)}";
+
+const maxPagesDisplayed = 5;
+const Pagination = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calcitePaginationUpdate = createEvent(this, "calcitePaginationUpdate", 6);
+    this.calcitePaginationChange = createEvent(this, "calcitePaginationChange", 6);
+    //--------------------------------------------------------------------------
+    //
+    //  Public Properties
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+     */
+    this.groupSeparator = false;
+    /** Specifies the number of items per page. */
+    this.num = 20;
+    /** Specifies the starting item number. */
+    this.start = 1;
+    /** Specifies the total number of items. */
+    this.total = 0;
+    /**
+     * Accessible name for the component's next button.
+     *
+     * @default "Next"
+     */
+    this.textLabelNext = TEXT.nextLabel;
+    /**
+     * Accessible name for the component's previous button.
+     *
+     * @default "Previous"
+     */
+    this.textLabelPrevious = TEXT.previousLabel;
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    //--------------------------------------------------------------------------
+    //
+    //  State
+    //
+    //--------------------------------------------------------------------------
+    this.effectiveLocale = "";
+    this.previousClicked = () => {
+      this.previousPage().then();
+      this.emitUpdate();
+    };
+    this.nextClicked = () => {
+      this.nextPage();
+      this.emitUpdate();
+    };
+    /**
+     * Returns a string representing the localized label value based on groupSeparator prop being on or off.
+     *
+     * @param value
+     */
+    this.determineGroupSeparator = (value) => {
+      numberStringFormatter.numberFormatOptions = {
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        useGrouping: this.groupSeparator
+      };
+      return this.groupSeparator
+        ? numberStringFormatter.localize(value.toString())
+        : value.toString();
+    };
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    connectLocalized(this);
+  }
+  disconnectedCallback() {
+    disconnectLocalized(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Go to the next page of results. */
+  async nextPage() {
+    this.start = Math.min(this.getLastStart(), this.start + this.num);
+  }
+  /** Go to the previous page of results. */
+  async previousPage() {
+    this.start = Math.max(1, this.start - this.num);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  getLastStart() {
+    const { total, num } = this;
+    const lastStart = total % num === 0 ? total - num : Math.floor(total / num) * num;
+    return lastStart + 1;
+  }
+  showLeftEllipsis() {
+    return Math.floor(this.start / this.num) > 3;
+  }
+  showRightEllipsis() {
+    return (this.total - this.start) / this.num > 3;
+  }
+  emitUpdate() {
+    const changePayload = {
+      start: this.start,
+      total: this.total,
+      num: this.num
+    };
+    this.calcitePaginationChange.emit(changePayload);
+    this.calcitePaginationUpdate.emit(changePayload);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  //--------------------------------------------------------------------------
+  renderPages() {
+    const lastStart = this.getLastStart();
+    let end;
+    let nextStart;
+    // if we don't need ellipses render the whole set
+    if (this.total / this.num <= maxPagesDisplayed) {
+      nextStart = 1 + this.num;
+      end = lastStart - this.num;
+    }
+    else {
+      // if we're within max pages of page 1
+      if (this.start / this.num < maxPagesDisplayed - 1) {
+        nextStart = 1 + this.num;
+        end = 1 + 4 * this.num;
+      }
+      else {
+        // if we're within max pages of last page
+        if (this.start + 3 * this.num >= this.total) {
+          nextStart = lastStart - 4 * this.num;
+          end = lastStart - this.num;
+        }
+        else {
+          nextStart = this.start - this.num;
+          end = this.start + this.num;
+        }
+      }
+    }
+    const pages = [];
+    while (nextStart <= end) {
+      pages.push(nextStart);
+      nextStart = nextStart + this.num;
+    }
+    return pages.map((page) => this.renderPage(page));
+  }
+  renderPage(start) {
+    const page = Math.floor(start / this.num) + (this.num === 1 ? 0 : 1);
+    const displayedPage = this.determineGroupSeparator(page);
+    return (h("button", { class: {
+        [CSS.page]: true,
+        [CSS.selected]: start === this.start
+      }, onClick: () => {
+        this.start = start;
+        this.emitUpdate();
+      } }, displayedPage));
+  }
+  renderLeftEllipsis() {
+    if (this.total / this.num > maxPagesDisplayed && this.showLeftEllipsis()) {
+      return h("span", { class: `${CSS.ellipsis} ${CSS.ellipsisStart}` }, "\u2026");
+    }
+  }
+  renderRightEllipsis() {
+    if (this.total / this.num > maxPagesDisplayed && this.showRightEllipsis()) {
+      return h("span", { class: `${CSS.ellipsis} ${CSS.ellipsisEnd}` }, "\u2026");
+    }
+  }
+  render() {
+    const { total, num, start } = this;
+    const prevDisabled = num === 1 ? start <= num : start < num;
+    const nextDisabled = num === 1 ? start + num > total : start + num > total;
+    return (h(Fragment, null, h("button", { "aria-label": this.textLabelPrevious, class: {
+        [CSS.previous]: true,
+        [CSS.disabled]: prevDisabled
+      }, disabled: prevDisabled, onClick: this.previousClicked }, h("calcite-icon", { flipRtl: true, icon: "chevronLeft", scale: "s" })), total > num ? this.renderPage(1) : null, this.renderLeftEllipsis(), this.renderPages(), this.renderRightEllipsis(), this.renderPage(this.getLastStart()), h("button", { "aria-label": this.textLabelNext, class: {
+        [CSS.next]: true,
+        [CSS.disabled]: nextDisabled
+      }, disabled: nextDisabled, onClick: this.nextClicked }, h("calcite-icon", { flipRtl: true, icon: "chevronRight", scale: "s" }))));
+  }
+  get el() { return getElement(this); }
+};
+Pagination.style = paginationCss;
+
+export { Pagination as calcite_pagination };
+
+//# sourceMappingURL=p-40d7cf01.entry.js.map

package/dist/solutions-components/p-40d7cf01.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-pagination.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/pagination/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/pagination/pagination.css?tag=calcite-pagination&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/pagination/pagination.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  page: \"page\",\n  selected: \"is-selected\",\n  previous: \"previous\",\n  next: \"next\",\n  disabled: \"is-disabled\",\n  ellipsis: \"ellipsis\",\n  ellipsisStart: \"ellipsis--start\",\n  ellipsisEnd: \"ellipsis--end\"\n};\nexport const TEXT = {\n  nextLabel: \"Next\",\n  previousLabel: \"Previous\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-pagination-spacing: The amount of padding around each pagination item.\n*/\n:host([scale=s]) {\n  --calcite-pagination-spacing: 0.25rem 0.5rem;\n}\n:host([scale=s]) .previous,  :host([scale=s]) .next,  :host([scale=s]) .page {\n  block-size: 1.5rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n}\n:host([scale=s]) .previous, \n:host([scale=s]) .next {\n  padding-inline: 0.25rem;\n}\n\n:host([scale=m]) {\n  --calcite-pagination-spacing: 0.5rem 0.75rem;\n}\n:host([scale=m]) .previous,  :host([scale=m]) .next,  :host([scale=m]) .page {\n  block-size: 2rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n:host([scale=m]) .previous, \n:host([scale=m]) .next {\n  padding-inline: 0.5rem;\n}\n\n:host([scale=l]) {\n  --calcite-pagination-spacing: 0.75rem 1rem;\n}\n:host([scale=l]) .previous,  :host([scale=l]) .next,  :host([scale=l]) .page {\n  block-size: 2.75rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n:host([scale=l]) .previous, \n:host([scale=l]) .next {\n  padding-inline: 1rem;\n}\n\n:host {\n  display: flex;\n  writing-mode: horizontal-tb;\n}\n\n:host button {\n  outline-color: transparent;\n}\n:host button:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n.previous, \n.next, \n.page {\n  box-sizing: border-box;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  border-style: none;\n  --tw-border-opacity: 0;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  color: var(--calcite-ui-text-3);\n  border-block: 2px solid transparent;\n}\n.previous:hover, \n.next:hover, \n.page:hover {\n  color: var(--calcite-ui-text-1);\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n}\n\n.page:hover {\n  border-block-end-color: var(--calcite-ui-border-2);\n}\n.page.is-selected {\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n  border-block-end-color: var(--calcite-ui-brand);\n}\n\n.previous:hover, \n.next:hover {\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-brand);\n}\n.previous:active, \n.next:active {\n  background-color: var(--calcite-ui-foreground-3);\n}\n.previous.is-disabled, \n.next.is-disabled {\n  pointer-events: none;\n  background-color: transparent;\n}\n.previous.is-disabled > calcite-icon, \n.next.is-disabled > calcite-icon {\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n.next {\n  margin-inline-end: 0px;\n}\n\n.page,\n.ellipsis {\n  padding: var(--calcite-pagination-spacing);\n}\n\n.ellipsis {\n  display: flex;\n  align-items: flex-end;\n  color: var(--calcite-ui-text-3);\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Fragment } from \"@stencil/core\";\nimport { connectLocalized, disconnectLocalized, numberStringFormatter } from \"../../utils/locale\";\nimport { CSS, TEXT } from \"./resources\";\nconst maxPagesDisplayed = 5;\nexport class Pagination {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n     */\n    this.groupSeparator = false;\n    /** Specifies the number of items per page. */\n    this.num = 20;\n    /** Specifies the starting item number. */\n    this.start = 1;\n    /** Specifies the total number of items. */\n    this.total = 0;\n    /**\n     * Accessible name for the component's next button.\n     *\n     * @default \"Next\"\n     */\n    this.textLabelNext = TEXT.nextLabel;\n    /**\n     * Accessible name for the component's previous button.\n     *\n     * @default \"Previous\"\n     */\n    this.textLabelPrevious = TEXT.previousLabel;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  State\n    //\n    //--------------------------------------------------------------------------\n    this.effectiveLocale = \"\";\n    this.previousClicked = () => {\n      this.previousPage().then();\n      this.emitUpdate();\n    };\n    this.nextClicked = () => {\n      this.nextPage();\n      this.emitUpdate();\n    };\n    /**\n     * Returns a string representing the localized label value based on groupSeparator prop being on or off.\n     *\n     * @param value\n     */\n    this.determineGroupSeparator = (value) => {\n      numberStringFormatter.numberFormatOptions = {\n        locale: this.effectiveLocale,\n        numberingSystem: this.numberingSystem,\n        useGrouping: this.groupSeparator\n      };\n      return this.groupSeparator\n        ? numberStringFormatter.localize(value.toString())\n        : value.toString();\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectLocalized(this);\n  }\n  disconnectedCallback() {\n    disconnectLocalized(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Go to the next page of results. */\n  async nextPage() {\n    this.start = Math.min(this.getLastStart(), this.start + this.num);\n  }\n  /** Go to the previous page of results. */\n  async previousPage() {\n    this.start = Math.max(1, this.start - this.num);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n  getLastStart() {\n    const { total, num } = this;\n    const lastStart = total % num === 0 ? total - num : Math.floor(total / num) * num;\n    return lastStart + 1;\n  }\n  showLeftEllipsis() {\n    return Math.floor(this.start / this.num) > 3;\n  }\n  showRightEllipsis() {\n    return (this.total - this.start) / this.num > 3;\n  }\n  emitUpdate() {\n    const changePayload = {\n      start: this.start,\n      total: this.total,\n      num: this.num\n    };\n    this.calcitePaginationChange.emit(changePayload);\n    this.calcitePaginationUpdate.emit(changePayload);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n  renderPages() {\n    const lastStart = this.getLastStart();\n    let end;\n    let nextStart;\n    // if we don't need ellipses render the whole set\n    if (this.total / this.num <= maxPagesDisplayed) {\n      nextStart = 1 + this.num;\n      end = lastStart - this.num;\n    }\n    else {\n      // if we're within max pages of page 1\n      if (this.start / this.num < maxPagesDisplayed - 1) {\n        nextStart = 1 + this.num;\n        end = 1 + 4 * this.num;\n      }\n      else {\n        // if we're within max pages of last page\n        if (this.start + 3 * this.num >= this.total) {\n          nextStart = lastStart - 4 * this.num;\n          end = lastStart - this.num;\n        }\n        else {\n          nextStart = this.start - this.num;\n          end = this.start + this.num;\n        }\n      }\n    }\n    const pages = [];\n    while (nextStart <= end) {\n      pages.push(nextStart);\n      nextStart = nextStart + this.num;\n    }\n    return pages.map((page) => this.renderPage(page));\n  }\n  renderPage(start) {\n    const page = Math.floor(start / this.num) + (this.num === 1 ? 0 : 1);\n    const displayedPage = this.determineGroupSeparator(page);\n    return (h(\"button\", { class: {\n        [CSS.page]: true,\n        [CSS.selected]: start === this.start\n      }, onClick: () => {\n        this.start = start;\n        this.emitUpdate();\n      } }, displayedPage));\n  }\n  renderLeftEllipsis() {\n    if (this.total / this.num > maxPagesDisplayed && this.showLeftEllipsis()) {\n      return h(\"span\", { class: `${CSS.ellipsis} ${CSS.ellipsisStart}` }, \"\\u2026\");\n    }\n  }\n  renderRightEllipsis() {\n    if (this.total / this.num > maxPagesDisplayed && this.showRightEllipsis()) {\n      return h(\"span\", { class: `${CSS.ellipsis} ${CSS.ellipsisEnd}` }, \"\\u2026\");\n    }\n  }\n  render() {\n    const { total, num, start } = this;\n    const prevDisabled = num === 1 ? start <= num : start < num;\n    const nextDisabled = num === 1 ? start + num > total : start + num > total;\n    return (h(Fragment, null, h(\"button\", { \"aria-label\": this.textLabelPrevious, class: {\n        [CSS.previous]: true,\n        [CSS.disabled]: prevDisabled\n      }, disabled: prevDisabled, onClick: this.previousClicked }, h(\"calcite-icon\", { flipRtl: true, icon: \"chevronLeft\", scale: \"s\" })), total > num ? this.renderPage(1) : null, this.renderLeftEllipsis(), this.renderPages(), this.renderRightEllipsis(), this.renderPage(this.getLastStart()), h(\"button\", { \"aria-label\": this.textLabelNext, class: {\n        [CSS.next]: true,\n        [CSS.disabled]: nextDisabled\n      }, disabled: nextDisabled, onClick: this.nextClicked }, h(\"calcite-icon\", { flipRtl: true, icon: \"chevronRight\", scale: \"s\" }))));\n  }\n  static get is() { return \"calcite-pagination\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"pagination.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"pagination.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"groupSeparator\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, number values are displayed with a group separator corresponding to the language and country format.\"\n        },\n        \"attribute\": \"group-separator\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"num\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the number of items per page.\"\n        },\n        \"attribute\": \"num\",\n        \"reflect\": true,\n        \"defaultValue\": \"20\"\n      },\n      \"numberingSystem\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"NumberingSystem\",\n          \"resolved\": \"\\\"arab\\\" | \\\"arabext\\\" | \\\"bali\\\" | \\\"beng\\\" | \\\"deva\\\" | \\\"fullwide\\\" | \\\"gujr\\\" | \\\"guru\\\" | \\\"hanidec\\\" | \\\"khmr\\\" | \\\"knda\\\" | \\\"laoo\\\" | \\\"latn\\\" | \\\"limb\\\" | \\\"mlym\\\" | \\\"mong\\\" | \\\"mymr\\\" | \\\"orya\\\" | \\\"tamldec\\\" | \\\"telu\\\" | \\\"thai\\\" | \\\"tibt\\\"\",\n          \"references\": {\n            \"NumberingSystem\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/locale\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the Unicode numeral system used by the component for localization.\"\n        },\n        \"attribute\": \"numbering-system\",\n        \"reflect\": false\n      },\n      \"start\": {\n        \"type\": \"number\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the starting item number.\"\n        },\n        \"attribute\": \"start\",\n        \"reflect\": true,\n        \"defaultValue\": \"1\"\n      },\n      \"total\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the total number of items.\"\n        },\n        \"attribute\": \"total\",\n        \"reflect\": true,\n        \"defaultValue\": \"0\"\n      },\n      \"textLabelNext\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Next\\\"\"\n            }],\n          \"text\": \"Accessible name for the component's next button.\"\n        },\n        \"attribute\": \"text-label-next\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.nextLabel\"\n      },\n      \"textLabelPrevious\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Previous\\\"\"\n            }],\n          \"text\": \"Accessible name for the component's previous button.\"\n        },\n        \"attribute\": \"text-label-previous\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.previousLabel\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"effectiveLocale\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calcitePaginationUpdate\",\n        \"name\": \"calcitePaginationUpdate\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use calcitePaginationChange instead\"\n            }],\n          \"text\": \"Emits when the selected page changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"PaginationDetail\",\n          \"resolved\": \"PaginationDetail\",\n          \"references\": {\n            \"PaginationDetail\": {\n              \"location\": \"local\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calcitePaginationChange\",\n        \"name\": \"calcitePaginationChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"see\",\n              \"text\": \"[PaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/pagination/pagination.tsx#L23)\"\n            }],\n          \"text\": \"Emits when the selected page changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"PaginationDetail\",\n          \"resolved\": \"PaginationDetail\",\n          \"references\": {\n            \"PaginationDetail\": {\n              \"location\": \"local\"\n            }\n          }\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"nextPage\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Go to the next page of results.\",\n          \"tags\": []\n        }\n      },\n      \"previousPage\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Go to the previous page of results.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/solutions-components/p-45556aff.entry.js

@@ -0,0 +1,215 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, g as getElement } from './p-58c69df2.js';
+import { c as closestElementCrossShadowBoundary } from './p-32a67cb2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './p-dbad98e8.js';
+import { c as createObserver } from './p-9a9955db.js';
+import { u as updateHostInteraction } from './p-7daea1df.js';
+import { s as submitForm, r as resetForm } from './p-3f6b0af4.js';
+import './p-729708a3.js';
+import './p-a80b3880.js';
+
+(function(prototype) {
+  if (typeof prototype.requestSubmit == "function") return
+
+  prototype.requestSubmit = function(submitter) {
+    if (submitter) {
+      validateSubmitter(submitter, this);
+      submitter.click();
+    } else {
+      submitter = document.createElement("input");
+      submitter.type = "submit";
+      submitter.hidden = true;
+      this.appendChild(submitter);
+      submitter.click();
+      this.removeChild(submitter);
+    }
+  };
+
+  function validateSubmitter(submitter, form) {
+    submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
+    submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
+    submitter.form == form || raise(DOMException, "The specified element is not owned by this form element", "NotFoundError");
+  }
+
+  function raise(errorConstructor, message, name) {
+    throw new errorConstructor("Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".", name)
+  }
+})(HTMLFormElement.prototype);
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  buttonLoader: "calcite-button--loader",
+  content: "content",
+  contentSlotted: "content--slotted",
+  icon: "icon",
+  iconStart: "icon--start",
+  iconEnd: "icon--end",
+  loadingIn: "loading-in",
+  loadingOut: "loading-out",
+  iconStartEmpty: "icon-start-empty",
+  iconEndEmpty: "icon-end-empty"
+};
+const TEXT = {
+  loading: "Loading"
+};
+
+const buttonCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host button,:host a{--calcite-button-content-margin:0.5rem;--calcite-button-padding-x:7px;--calcite-button-padding-y:3px;padding-block:var(--calcite-button-padding-y);padding-inline:var(--calcite-button-padding-x);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.content{display:flex;flex-basis:auto;margin-inline:var(--calcite-button-content-margin)}.icon-start-empty .content{-webkit-margin-start:unset;margin-inline-start:unset}.icon-end-empty .content{-webkit-margin-end:unset;margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:var(--calcite-button-content-margin);margin-inline-start:var(--calcite-button-content-margin)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([loading]){pointer-events:none}:host([loading]) button,:host([loading]) a{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}.calcite-button--loader calcite-loader.loading-in{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}.calcite-button--loader calcite-loader.loading-out{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{-webkit-margin-end:var(--calcite-button-content-margin);margin-inline-end:var(--calcite-button-content-margin)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance=solid]) button,:host([appearance=solid]) a{border-width:1px;border-style:solid;border-color:transparent}:host([color=blue]) button,:host([color=blue]) a{background-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-inverse)}:host([color=blue]) button:hover,:host([color=blue]) button:focus,:host([color=blue]) a:hover,:host([color=blue]) a:focus{background-color:var(--calcite-ui-brand-hover)}:host([color=blue]) button:active,:host([color=blue]) a:active{background-color:var(--calcite-ui-brand-press)}:host([color=blue]) button calcite-loader,:host([color=blue]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([color=red]) button,:host([color=red]) a{background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=red]) button:hover,:host([color=red]) button:focus,:host([color=red]) a:hover,:host([color=red]) a:focus{background-color:var(--calcite-ui-danger-hover)}:host([color=red]) button:active,:host([color=red]) a:active{background-color:var(--calcite-ui-danger-press)}:host([color=red]) button calcite-loader,:host([color=red]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([color=neutral]) button,:host([color=neutral]) a{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}:host([color=neutral]) button:hover,:host([color=neutral]) button:focus,:host([color=neutral]) a:hover,:host([color=neutral]) a:focus{background-color:var(--calcite-ui-foreground-2)}:host([color=neutral]) button:active,:host([color=neutral]) a:active{background-color:var(--calcite-ui-foreground-1)}:host([color=neutral]) button calcite-loader,:host([color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([color=inverse]) button,:host([color=inverse]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}:host([color=inverse]) button:hover,:host([color=inverse]) button:focus,:host([color=inverse]) a:hover,:host([color=inverse]) a:focus{background-color:var(--calcite-ui-inverse-hover)}:host([color=inverse]) button:active,:host([color=inverse]) a:active{background-color:var(--calcite-ui-inverse-press)}:host([color=inverse]) button calcite-loader,:host([color=inverse]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) button,:host([appearance=outline][color=blue]) a{border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-brand)}:host([appearance=outline][color=blue]) button:hover,:host([appearance=outline][color=blue]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=outline][color=blue]) button:focus,:host([appearance=outline][color=blue]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=outline][color=blue]) button calcite-loader,:host([appearance=outline][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=outline][color=red]) button,:host([appearance=outline][color=red]) a{border-color:var(--calcite-ui-danger);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-danger)}:host([appearance=outline][color=red]) button:hover,:host([appearance=outline][color=red]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=outline][color=red]) button:focus,:host([appearance=outline][color=red]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=outline][color=red]) button calcite-loader,:host([appearance=outline][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=outline][color=neutral]) button,:host([appearance=outline][color=neutral]) a{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:hover,:host([appearance=outline][color=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:focus,:host([appearance=outline][color=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:active,:host([appearance=outline][color=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button calcite-loader,:host([appearance=outline][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][color=inverse]) button,:host([appearance=outline][color=inverse]) a{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:hover,:host([appearance=outline][color=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=outline][color=inverse]) button:focus,:host([appearance=outline][color=inverse]) a:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:active,:host([appearance=outline][color=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=outline][color=inverse]) button calcite-loader,:host([appearance=outline][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear]) button,:host([appearance=clear]) a,:host([appearance=minimal]) button,:host([appearance=minimal]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) button,:host([appearance=clear][color=blue]) a,:host([appearance=minimal][color=blue]) button,:host([appearance=minimal][color=blue]) a{border-color:var(--calcite-ui-brand);background-color:transparent;color:var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:hover,:host([appearance=clear][color=blue]) a:hover,:host([appearance=minimal][color=blue]) button:hover,:host([appearance=minimal][color=blue]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=clear][color=blue]) button:focus,:host([appearance=clear][color=blue]) a:focus,:host([appearance=minimal][color=blue]) button:focus,:host([appearance=minimal][color=blue]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) a:active,:host([appearance=minimal][color=blue]) button:active,:host([appearance=minimal][color=blue]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=clear][color=blue]) button calcite-loader,:host([appearance=clear][color=blue]) a calcite-loader,:host([appearance=minimal][color=blue]) button calcite-loader,:host([appearance=minimal][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=clear][color=red]) button,:host([appearance=clear][color=red]) a,:host([appearance=minimal][color=red]) button,:host([appearance=minimal][color=red]) a{border-color:var(--calcite-ui-danger);background-color:transparent;color:var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:hover,:host([appearance=clear][color=red]) a:hover,:host([appearance=minimal][color=red]) button:hover,:host([appearance=minimal][color=red]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=clear][color=red]) button:focus,:host([appearance=clear][color=red]) a:focus,:host([appearance=minimal][color=red]) button:focus,:host([appearance=minimal][color=red]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) a:active,:host([appearance=minimal][color=red]) button:active,:host([appearance=minimal][color=red]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=clear][color=red]) button calcite-loader,:host([appearance=clear][color=red]) a calcite-loader,:host([appearance=minimal][color=red]) button calcite-loader,:host([appearance=minimal][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=clear][color=neutral]) button,:host([appearance=clear][color=neutral]) a,:host([appearance=minimal][color=neutral]) button,:host([appearance=minimal][color=neutral]) a{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:hover,:host([appearance=clear][color=neutral]) a:hover,:host([appearance=minimal][color=neutral]) button:hover,:host([appearance=minimal][color=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:focus,:host([appearance=clear][color=neutral]) a:focus,:host([appearance=minimal][color=neutral]) button:focus,:host([appearance=minimal][color=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:active,:host([appearance=clear][color=neutral]) a:active,:host([appearance=minimal][color=neutral]) button:active,:host([appearance=minimal][color=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button calcite-loader,:host([appearance=clear][color=neutral]) a calcite-loader,:host([appearance=minimal][color=neutral]) button calcite-loader,:host([appearance=minimal][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear][color=inverse]) button,:host([appearance=clear][color=inverse]) a,:host([appearance=minimal][color=inverse]) button,:host([appearance=minimal][color=inverse]) a{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:hover,:host([appearance=clear][color=inverse]) a:hover,:host([appearance=minimal][color=inverse]) button:hover,:host([appearance=minimal][color=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=clear][color=inverse]) button:focus,:host([appearance=clear][color=inverse]) a:focus,:host([appearance=minimal][color=inverse]) button:focus,:host([appearance=minimal][color=inverse]) a:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:active,:host([appearance=clear][color=inverse]) a:active,:host([appearance=minimal][color=inverse]) button:active,:host([appearance=minimal][color=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=clear][color=inverse]) button calcite-loader,:host([appearance=clear][color=inverse]) a calcite-loader,:host([appearance=minimal][color=inverse]) button calcite-loader,:host([appearance=minimal][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][split-child=primary]) button,:host([appearance=clear][split-child=primary]) button,:host([appearance=minimal][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline][split-child=secondary]) button,:host([appearance=clear][split-child=secondary]) button,:host([appearance=minimal][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][color=blue]) button,:host([appearance=transparent][color=blue]) a{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:hover,:host([appearance=transparent][color=blue]) a:hover{color:var(--calcite-ui-brand-hover)}:host([appearance=transparent][color=blue]) button:focus,:host([appearance=transparent][color=blue]) a:focus{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:active,:host([appearance=transparent][color=blue]) a:active{color:var(--calcite-ui-brand-press)}:host([appearance=transparent][color=blue]) button calcite-loader,:host([appearance=transparent][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=red]) button,:host([appearance=transparent][color=red]) a{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:hover,:host([appearance=transparent][color=red]) a:hover{color:var(--calcite-ui-danger-hover)}:host([appearance=transparent][color=red]) button:focus,:host([appearance=transparent][color=red]) a:focus{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:active,:host([appearance=transparent][color=red]) a:active{color:var(--calcite-ui-danger-press)}:host([appearance=transparent][color=red]) button calcite-loader,:host([appearance=transparent][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-ui-text-3);border-block-start-color:var(--calcite-ui-border-input);border-block-end-color:var(--calcite-ui-border-input);border-block-style:solid}:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y:0}:host([appearance=transparent][color=neutral].cancel-editing-button) button:hover{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][color=inverse]) button,:host([appearance=transparent][color=inverse]) a,:host([appearance=transparent][color=inverse]) calcite-loader{color:var(--calcite-ui-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.5rem;--calcite-button-padding-y:0.25rem}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]:not([appearance=transparent])) button.content--slotted,:host([scale=m]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.75rem;--calcite-button-padding-y:0.5rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]:not([appearance=transparent])) button.content--slotted,:host([scale=l]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:11px}:host([scale=l][appearance=transparent]) button.content--slotted,:host([scale=l][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:1rem;--calcite-button-padding-y:0.75rem}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=s][appearance=transparent]) button:not(.content--slotted),:host([scale=s][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.25rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=m][appearance=transparent]) button:not(.content--slotted),:host([scale=m][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.5rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:1rem;margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:2.75rem}";
+
+const Button = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** Specifies the alignment of the component's elements. */
+    this.alignment = "center";
+    /** Specifies the appearance style of the component. */
+    this.appearance = "solid";
+    /** Specifies the color of the component. */
+    this.color = "blue";
+    /**  When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    this.disabled = false;
+    /**
+     * Accessible name when the component is loading.
+     *
+     * @default "Loading"
+     */
+    this.intlLoading = TEXT.loading;
+    /**
+     * When `true`, a busy indicator is displayed and interaction is disabled.
+     */
+    this.loading = false;
+    /** When `true`, adds a round style to the component. */
+    this.round = false;
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    /** Specifies if the component is a child of a `calcite-split-button`. */
+    this.splitChild = false;
+    /**
+     * Specifies the default behavior of the button.
+     *
+     * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
+     */
+    this.type = "button";
+    /** Specifies the width of the component. */
+    this.width = "auto";
+    /** watches for changing text content */
+    this.mutationObserver = createObserver("mutation", () => this.updateHasContent());
+    /** determine if there is slotted content for styling purposes */
+    this.hasContent = false;
+    /** determine if loader present for styling purposes */
+    this.hasLoader = false;
+    // act on a requested or nearby form based on type
+    this.handleClick = () => {
+      const { type } = this;
+      if (this.href) {
+        return;
+      }
+      // this.type refers to type attribute, not child element type
+      if (type === "submit") {
+        submitForm(this);
+      }
+      else if (type === "reset") {
+        resetForm(this);
+      }
+    };
+  }
+  loadingChanged(newValue, oldValue) {
+    if (!!newValue && !oldValue) {
+      this.hasLoader = true;
+    }
+    if (!newValue && !!oldValue) {
+      window.setTimeout(() => {
+        this.hasLoader = false;
+      }, 300);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    this.hasLoader = this.loading;
+    this.setupTextContentObserver();
+    connectLabel(this);
+    this.formEl = closestElementCrossShadowBoundary(this.el, this.form ? `#${this.form}` : "form");
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    disconnectLabel(this);
+    this.formEl = null;
+  }
+  componentWillLoad() {
+    {
+      this.updateHasContent();
+    }
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  render() {
+    const childElType = this.href ? "a" : "button";
+    const Tag = childElType;
+    const loaderNode = this.hasLoader ? (h("div", { class: CSS.buttonLoader }, h("calcite-loader", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: this.scale === "l" ? "m" : "s" }))) : null;
+    const iconStartEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
+    const iconEndEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: this.scale === "l" ? "m" : "s" }));
+    const contentEl = (h("span", { class: CSS.content }, h("slot", null)));
+    return (h(Tag, { "aria-label": getLabelText(this), class: {
+        [CSS.contentSlotted]: this.hasContent,
+        [CSS.iconStartEmpty]: !this.iconStart,
+        [CSS.iconEndEmpty]: !this.iconEnd
+      }, disabled: this.disabled || this.loading, href: childElType === "a" && this.href, name: childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === "a" && this.target, type: childElType === "button" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var _a;
+    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  updateHasContent() {
+    var _a, _b;
+    const slottedContent = this.el.textContent.trim().length > 0 || this.el.childNodes.length > 0;
+    this.hasContent =
+      this.el.childNodes.length === 1 && ((_a = this.el.childNodes[0]) === null || _a === void 0 ? void 0 : _a.nodeName) === "#text"
+        ? ((_b = this.el.textContent) === null || _b === void 0 ? void 0 : _b.trim().length) > 0
+        : slottedContent;
+  }
+  setupTextContentObserver() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  onLabelClick() {
+    this.handleClick();
+    this.setFocus();
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "loading": ["loadingChanged"]
+  }; }
+};
+Button.style = buttonCss;
+
+export { Button as calcite_button };
+
+//# sourceMappingURL=p-45556aff.entry.js.map