@esri/solutions-components 0.2.6 → 0.2.7

package/dist/components/calcite-pagination.js

@@ -0,0 +1,258 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale2.js';
+import { d as defineCustomElement$2 } from './icon.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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    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 this; }
+  static get style() { return paginationCss; }
+}, [1, "calcite-pagination", {
+    "groupSeparator": [516, "group-separator"],
+    "num": [514],
+    "numberingSystem": [1, "numbering-system"],
+    "start": [1538],
+    "total": [514],
+    "textLabelNext": [1, "text-label-next"],
+    "textLabelPrevious": [1, "text-label-previous"],
+    "scale": [513],
+    "effectiveLocale": [32],
+    "nextPage": [64],
+    "previousPage": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-pagination", "calcite-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-pagination":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Pagination);
+      }
+      break;
+    case "calcite-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const CalcitePagination = Pagination;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalcitePagination, defineCustomElement };

package/dist/components/calcite-panel.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { P as Panel, d as defineCustomElement$1 } from './panel.js';
+
+const CalcitePanel = Panel;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalcitePanel, defineCustomElement };

package/dist/components/calcite-pick-list-group.js

@@ -0,0 +1,74 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { C as CSS, S as SLOTS, H as HEADING_LEVEL } from './resources2.js';
+import { b as getSlotted } from './dom.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
+
+const pickListGroupCss = "@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{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host(:last-child){-webkit-margin-after:0px;margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}";
+
+const PickListGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    connectConditionalSlotComponent(this);
+  }
+  disconnectedCallback() {
+    disconnectConditionalSlotComponent(this);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    var _a;
+    const { el, groupTitle, headingLevel } = this;
+    const hasParentItem = getSlotted(el, SLOTS.parentItem) !== null;
+    const sectionClasses = {
+      [CSS.container]: true,
+      [CSS.indented]: hasParentItem
+    };
+    const title = groupTitle;
+    const parentLevel = (_a = el.closest("calcite-pick-list")) === null || _a === void 0 ? void 0 : _a.headingLevel;
+    const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
+    const level = headingLevel || relativeLevel || HEADING_LEVEL;
+    return (h(Fragment, null, title ? (h(Heading, { class: CSS.heading, level: level }, title)) : null, h("slot", { name: SLOTS.parentItem }), h("section", { class: sectionClasses }, h("slot", null))));
+  }
+  get el() { return this; }
+  static get style() { return pickListGroupCss; }
+}, [1, "calcite-pick-list-group", {
+    "groupTitle": [513, "group-title"],
+    "headingLevel": [514, "heading-level"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-pick-list-group"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-pick-list-group":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PickListGroup);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const CalcitePickListGroup = PickListGroup;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalcitePickListGroup, defineCustomElement };

package/dist/components/calcite-pick-list-item.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { P as PickListItem, d as defineCustomElement$1 } from './pick-list-item.js';
+
+const CalcitePickListItem = PickListItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalcitePickListItem, defineCustomElement };

package/dist/components/calcite-pick-list.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { P as PickList, d as defineCustomElement$1 } from './pick-list.js';
+
+const CalcitePickList = PickList;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalcitePickList, defineCustomElement };

package/dist/components/calcite-popover-manager.js

@@ -0,0 +1,94 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { c as createObserver } from './observers.js';
+
+const popoverManagerCss = "@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{position:relative;display:block}";
+
+const PopoverManager = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.mutationObserver = createObserver("mutation", () => this.setAutoClose());
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover.
+     *
+     * @default `[data-calcite-popover-reference]`
+     */
+    this.selector = "[data-calcite-popover-reference]";
+    /**
+     * Automatically closes any currently open popovers when clicking outside of a popover.
+     */
+    this.autoClose = false;
+  }
+  autoCloseHandler() {
+    this.setAutoClose();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    var _a;
+    this.setAutoClose();
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    return h("slot", null);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  setAutoClose() {
+    const { autoClose, el } = this;
+    el.querySelectorAll("calcite-popover").forEach((popover) => (popover.autoClose = autoClose));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "autoClose": ["autoCloseHandler"]
+  }; }
+  static get style() { return popoverManagerCss; }
+}, [1, "calcite-popover-manager", {
+    "selector": [513],
+    "autoClose": [516, "auto-close"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-popover-manager"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-popover-manager":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PopoverManager);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const CalcitePopoverManager = PopoverManager;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalcitePopoverManager, defineCustomElement };

package/dist/components/calcite-popover.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { P as Popover, d as defineCustomElement$1 } from './popover.js';
+
+const CalcitePopover = Popover;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalcitePopover, defineCustomElement };

package/dist/components/calcite-progress.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { P as Progress, d as defineCustomElement$1 } from './progress.js';
+
+const CalciteProgress = Progress;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalciteProgress, defineCustomElement };

package/dist/components/calcite-radio-button-group.js

@@ -0,0 +1,132 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as createObserver } from './observers.js';
+
+const radioButtonGroupCss = "@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{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}";
+
+const RadioButtonGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.calciteRadioButtonGroupChange = createEvent(this, "calciteRadioButtonGroupChange", 6);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    this.disabled = false;
+    /** When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. */
+    this.hidden = false;
+    /** Defines the layout of the component. */
+    this.layout = "horizontal";
+    /** When `true`, the component must have a value in order for the form to submit. */
+    this.required = false;
+    /** Specifies the size of the component. */
+    this.scale = "m";
+    // --------------------------------------------------------------------------
+    //
+    //  Private Properties
+    //
+    // --------------------------------------------------------------------------
+    this.mutationObserver = createObserver("mutation", () => this.passPropsToRadioButtons());
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.passPropsToRadioButtons = () => {
+      const radioButtons = this.el.querySelectorAll("calcite-radio-button");
+      if (radioButtons.length > 0) {
+        radioButtons.forEach((radioButton) => {
+          radioButton.disabled = this.disabled || radioButton.disabled;
+          radioButton.hidden = this.hidden;
+          radioButton.name = this.name;
+          radioButton.required = this.required;
+          radioButton.scale = this.scale;
+        });
+      }
+    };
+  }
+  onDisabledChange() {
+    this.passPropsToRadioButtons();
+  }
+  onHiddenChange() {
+    this.passPropsToRadioButtons();
+  }
+  onLayoutChange() {
+    this.passPropsToRadioButtons();
+  }
+  onScaleChange() {
+    this.passPropsToRadioButtons();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    var _a;
+    this.passPropsToRadioButtons();
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Event Listeners
+  //
+  //--------------------------------------------------------------------------
+  radioButtonChangeHandler(event) {
+    this.calciteRadioButtonGroupChange.emit(event.target.value);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    return (h(Host, { role: "radiogroup" }, h("slot", null)));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "disabled": ["onDisabledChange"],
+    "hidden": ["onHiddenChange"],
+    "layout": ["onLayoutChange"],
+    "scale": ["onScaleChange"]
+  }; }
+  static get style() { return radioButtonGroupCss; }
+}, [1, "calcite-radio-button-group", {
+    "disabled": [516],
+    "hidden": [516],
+    "layout": [513],
+    "name": [513],
+    "required": [516],
+    "scale": [513]
+  }, [[0, "calciteRadioButtonChange", "radioButtonChangeHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-radio-button-group"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-radio-button-group":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, RadioButtonGroup);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const CalciteRadioButtonGroup = RadioButtonGroup;
+const defineCustomElement = defineCustomElement$1;
+
+export { CalciteRadioButtonGroup, defineCustomElement };