@esri/calcite-components 1.0.0-beta.81 → 1.0.0-beta.84

package/dist/components/form.js

@@ -1,9 +1,9 @@
 /*!
  * 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.81
+ * v1.0.0-beta.84
  */
-import { d as closestElementCrossShadowBoundary } from './dom.js';
+import { j as closestElementCrossShadowBoundary } from './dom.js';
 import { h } from '@stencil/core/internal/client';
 
 /**
@@ -31,8 +31,31 @@ function hasRegisteredFormComponentParent(form, formComponentEl) {
   }));
   return hasRegisteredFormComponentParent;
 }
+/**
+ * Helper to submit a form.
+ *
+ * @param component
+ */
+function submitForm(component) {
+  const { formEl } = component;
+  if (!formEl) {
+    return;
+  }
+  "requestSubmit" in formEl ? formEl.requestSubmit() : formEl.submit();
+}
+/**
+ * Helper to reset a form.
+ *
+ * @param component
+ */
+function resetForm(component) {
+  var _a;
+  (_a = component.formEl) === null || _a === void 0 ? void 0 : _a.reset();
+}
 /**
  * Helper to set up form interactions on connectedCallback.
+ *
+ * @param component
  */
 function connectForm(component) {
   const { el, value } = component;
@@ -47,6 +70,7 @@ function connectForm(component) {
   }
   const boundOnFormReset = (component.onFormReset || onFormReset).bind(component);
   form.addEventListener("reset", boundOnFormReset);
+  onFormResetMap.set(component.el, boundOnFormReset);
   formComponentSet.add(el);
 }
 function onFormReset() {
@@ -58,6 +82,8 @@ function onFormReset() {
 }
 /**
  * Helper to tear down form interactions on disconnectedCallback.
+ *
+ * @param component
  */
 function disconnectForm(component) {
   const { el, formEl } = component;
@@ -74,6 +100,9 @@ function disconnectForm(component) {
  * Helper for setting the default value on initialization after connectedCallback.
  *
  * Note that this is only needed if the default value cannot be determined on connectedCallback.
+ *
+ * @param component
+ * @param value
  */
 function afterConnectDefaultValueSet(component, value) {
   component.defaultValue = value;
@@ -82,6 +111,8 @@ function afterConnectDefaultValueSet(component, value) {
  * Helper for maintaining a form-associated's hidden input in sync with the component.
  *
  * Based on Ionic's approach: https://github.com/ionic-team/ionic-framework/blob/e4bf052794af9aac07f887013b9250d2a045eba3/core/src/utils/helpers.ts#L198
+ *
+ * @param component
  */
 function syncHiddenFormInput(component) {
   const { el, formEl, name, value } = component;
@@ -166,10 +197,13 @@ function defaultSyncHiddenFormInput(component, input, value) {
  * }
  *
  * Note that the hidden-form-input Sass mixin must be added to the component's style to apply specific styles.
+ *
+ * @param root0
+ * @param root0.component
  */
 const HiddenFormInputSlot = ({ component }) => {
   syncHiddenFormInput(component);
   return h("slot", { name: hiddenFormInputSlotName });
 };
 
-export { HiddenFormInputSlot as H, afterConnectDefaultValueSet as a, connectForm as c, disconnectForm as d };
+export { HiddenFormInputSlot as H, afterConnectDefaultValueSet as a, connectForm as c, disconnectForm as d, resetForm as r, submitForm as s };

package/dist/components/graph.js

@@ -1,7 +1,7 @@
 /*!
  * 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.81
+ * v1.0.0-beta.84
  */
 import { proxyCustomElement, HTMLElement, forceUpdate, h } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';
@@ -11,6 +11,10 @@ import { c as createObserver } from './observers.js';
  * Calculate slope of the tangents
  * uses Steffen interpolation as it's monotonic
  * http://jrwalsh1.github.io/posts/interpolations/
+ *
+ * @param p0
+ * @param p1
+ * @param p2
  */
 function slope(p0, p1, p2) {
   const dx = p1[0] - p0[0];
@@ -24,6 +28,10 @@ function slope(p0, p1, p2) {
 }
 /**
  * Calculate slope for just one tangent (single-sided)
+ *
+ * @param p0
+ * @param p1
+ * @param m
  */
 function slopeSingle(p0, p1, m) {
   const dx = p1[0] - p0[0];
@@ -36,6 +44,12 @@ function slopeSingle(p0, p1, m) {
  *
  * Translates Hermite Spline to Beziér curve:
  * stackoverflow.com/questions/42574940/
+ *
+ * @param p0
+ * @param p1
+ * @param m0
+ * @param m1
+ * @param t
  */
 function bezier(p0, p1, m0, m1, t) {
   const [x0, y0] = p0;
@@ -49,6 +63,12 @@ function bezier(p0, p1, m0, m1, t) {
 /**
  * Generate a function which will translate a point
  * from the data coordinate space to svg viewbox oriented pixels
+ *
+ * @param root0
+ * @param root0.width
+ * @param root0.height
+ * @param root0.min
+ * @param root0.max
  */
 function translate({ width, height, min, max }) {
   const rangeX = max[0] - min[0];
@@ -61,6 +81,8 @@ function translate({ width, height, min, max }) {
 }
 /**
  * Get the min and max values from the dataset
+ *
+ * @param data
  */
 function range(data) {
   const [startX, startY] = data[0];
@@ -74,6 +96,12 @@ function range(data) {
 /**
  * Generate drawing commands for an area graph
  * returns a string can can be passed directly to a path element's `d` attribute
+ *
+ * @param root0
+ * @param root0.data
+ * @param root0.min
+ * @param root0.max
+ * @param root0.t
  */
 function area({ data, min, max, t }) {
   if (data.length === 0) {
@@ -106,7 +134,7 @@ function area({ data, min, max, t }) {
   return `${commands} ${end} L ${maxX},${minY} Z`;
 }
 
-const graphCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;height:100%;width:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";
+const graphCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;height:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;height:100%;width:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";
 
 const Graph = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/guid.js

@@ -1,7 +1,7 @@
 /*!
  * 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.81
+ * v1.0.0-beta.84
  */
 function gen(counts) {
   return counts

package/dist/components/handle.js

@@ -1,9 +1,10 @@
 /*!
  * 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.81
+ * v1.0.0-beta.84
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { t as toAriaBoolean } from './dom.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
 const CSS = {
@@ -14,7 +15,7 @@ const ICONS = {
   drag: "drag"
 };
 
-const handleCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex}.handle{display:-ms-flexbox;display:flex;cursor:move;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;color:var(--calcite-ui-border-3);padding:0.75rem 0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}";
+const handleCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex}.handle{display:-ms-flexbox;display:flex;cursor:move;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-ui-border-3);padding:0.75rem 0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}";
 
 const Handle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -28,7 +29,7 @@ const Handle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     // --------------------------------------------------------------------------
     /**
-     * @internal - stores the activated state of the drag handle.
+     * @internal
      */
     this.activated = false;
     /**
@@ -66,7 +67,8 @@ const Handle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    this.handleButton.focus();
+    var _a;
+    (_a = this.handleButton) === null || _a === void 0 ? void 0 : _a.focus();
   }
   // --------------------------------------------------------------------------
   //
@@ -76,7 +78,7 @@ const Handle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   render() {
     return (
     // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
-    h("span", { "aria-pressed": this.activated.toString(), class: { [CSS.handle]: true, [CSS.handleActivated]: this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+    h("span", { "aria-pressed": toAriaBoolean(this.activated), class: { [CSS.handle]: true, [CSS.handleActivated]: this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
         this.handleButton = el;
       }, role: "button", tabindex: "0", title: this.textTitle }, h("calcite-icon", { icon: ICONS.drag, scale: "s" })));
   }

package/dist/components/icon.js

@@ -1,10 +1,10 @@
 /*!
  * 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.81
+ * v1.0.0-beta.84
  */
 import { getAssetPath, proxyCustomElement, HTMLElement, h, Host, Build } from '@stencil/core/internal/client';
-import { a as getElementDir } from './dom.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom.js';
 import { c as createObserver } from './observers.js';
 
 const CSS = {
@@ -15,12 +15,14 @@ const CSS = {
 /**
  * Icon data cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 const iconCache = {};
 /**
  * Icon request cache.
  * Exported for testing purposes.
+ *
  * @private
  */
 const requestCache = {};
@@ -53,6 +55,8 @@ async function fetchIcon({ icon, scale }) {
 /**
  * Normalize the icon name to match the path data module exports.
  * Exported for testing purposes.
+ *
+ * @param name
  * @private
  */
 function normalizeIconName(name) {
@@ -122,7 +126,7 @@ const Icon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const size = scaleToPx[scale];
     const semantic = !!textLabel;
     const paths = [].concat(pathData || "");
-    return (h(Host, { "aria-hidden": (!semantic).toString(), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { class: {
+    return (h(Host, { "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { class: {
         [CSS.flipRtl]: dir === "rtl" && flipRtl,
         svg: true
       }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));

package/dist/components/index.d.ts

@@ -1,6 +1,94 @@
 /* calcite custom elements */
-
-import type { Components, JSX } from "../types/components";
+export { Accordion as CalciteAccordion } from '../types/components/calcite-accordion/calcite-accordion';
+export { AccordionItem as CalciteAccordionItem } from '../types/components/calcite-accordion-item/calcite-accordion-item';
+export { Action as CalciteAction } from '../types/components/calcite-action/calcite-action';
+export { ActionBar as CalciteActionBar } from '../types/components/calcite-action-bar/calcite-action-bar';
+export { ActionGroup as CalciteActionGroup } from '../types/components/calcite-action-group/calcite-action-group';
+export { ActionMenu as CalciteActionMenu } from '../types/components/calcite-action-menu/calcite-action-menu';
+export { ActionPad as CalciteActionPad } from '../types/components/calcite-action-pad/calcite-action-pad';
+export { Alert as CalciteAlert } from '../types/components/calcite-alert/calcite-alert';
+export { Avatar as CalciteAvatar } from '../types/components/calcite-avatar/calcite-avatar';
+export { Block as CalciteBlock } from '../types/components/calcite-block/calcite-block';
+export { BlockSection as CalciteBlockSection } from '../types/components/calcite-block-section/calcite-block-section';
+export { Button as CalciteButton } from '../types/components/calcite-button/calcite-button';
+export { Card as CalciteCard } from '../types/components/calcite-card/calcite-card';
+export { Checkbox as CalciteCheckbox } from '../types/components/calcite-checkbox/calcite-checkbox';
+export { Chip as CalciteChip } from '../types/components/calcite-chip/calcite-chip';
+export { ColorPicker as CalciteColorPicker } from '../types/components/calcite-color-picker/calcite-color-picker';
+export { ColorPickerHexInput as CalciteColorPickerHexInput } from '../types/components/calcite-color-picker-hex-input/calcite-color-picker-hex-input';
+export { ColorPickerSwatch as CalciteColorPickerSwatch } from '../types/components/calcite-color-picker-swatch/calcite-color-picker-swatch';
+export { Combobox as CalciteCombobox } from '../types/components/calcite-combobox/calcite-combobox';
+export { ComboboxItem as CalciteComboboxItem } from '../types/components/calcite-combobox-item/calcite-combobox-item';
+export { ComboboxItemGroup as CalciteComboboxItemGroup } from '../types/components/calcite-combobox-item-group/calcite-combobox-item-group';
+export { DatePicker as CalciteDatePicker } from '../types/components/calcite-date-picker/calcite-date-picker';
+export { DatePickerDay as CalciteDatePickerDay } from '../types/components/calcite-date-picker-day/calcite-date-picker-day';
+export { DatePickerMonth as CalciteDatePickerMonth } from '../types/components/calcite-date-picker-month/calcite-date-picker-month';
+export { DatePickerMonthHeader as CalciteDatePickerMonthHeader } from '../types/components/calcite-date-picker-month-header/calcite-date-picker-month-header';
+export { Dropdown as CalciteDropdown } from '../types/components/calcite-dropdown/calcite-dropdown';
+export { DropdownGroup as CalciteDropdownGroup } from '../types/components/calcite-dropdown-group/calcite-dropdown-group';
+export { DropdownItem as CalciteDropdownItem } from '../types/components/calcite-dropdown-item/calcite-dropdown-item';
+export { Fab as CalciteFab } from '../types/components/calcite-fab/calcite-fab';
+export { Filter as CalciteFilter } from '../types/components/calcite-filter/calcite-filter';
+export { Flow as CalciteFlow } from '../types/components/calcite-flow/calcite-flow';
+export { Graph as CalciteGraph } from '../types/components/calcite-graph/calcite-graph';
+export { Handle as CalciteHandle } from '../types/components/calcite-handle/calcite-handle';
+export { Icon as CalciteIcon } from '../types/components/calcite-icon/calcite-icon';
+export { InlineEditable as CalciteInlineEditable } from '../types/components/calcite-inline-editable/calcite-inline-editable';
+export { Input as CalciteInput } from '../types/components/calcite-input/calcite-input';
+export { InputDatePicker as CalciteInputDatePicker } from '../types/components/calcite-input-date-picker/calcite-input-date-picker';
+export { InputMessage as CalciteInputMessage } from '../types/components/calcite-input-message/calcite-input-message';
+export { InputTimePicker as CalciteInputTimePicker } from '../types/components/calcite-input-time-picker/calcite-input-time-picker';
+export { Label as CalciteLabel } from '../types/components/calcite-label/calcite-label';
+export { Link as CalciteLink } from '../types/components/calcite-link/calcite-link';
+export { List as CalciteList } from '../types/components/calcite-list/calcite-list';
+export { ListItem as CalciteListItem } from '../types/components/calcite-list-item/calcite-list-item';
+export { ListItemGroup as CalciteListItemGroup } from '../types/components/calcite-list-item-group/calcite-list-item-group';
+export { Loader as CalciteLoader } from '../types/components/calcite-loader/calcite-loader';
+export { Modal as CalciteModal } from '../types/components/calcite-modal/calcite-modal';
+export { Notice as CalciteNotice } from '../types/components/calcite-notice/calcite-notice';
+export { Option as CalciteOption } from '../types/components/calcite-option/calcite-option';
+export { OptionGroup as CalciteOptionGroup } from '../types/components/calcite-option-group/calcite-option-group';
+export { Pagination as CalcitePagination } from '../types/components/calcite-pagination/calcite-pagination';
+export { Panel as CalcitePanel } from '../types/components/calcite-panel/calcite-panel';
+export { PickList as CalcitePickList } from '../types/components/calcite-pick-list/calcite-pick-list';
+export { PickListGroup as CalcitePickListGroup } from '../types/components/calcite-pick-list-group/calcite-pick-list-group';
+export { PickListItem as CalcitePickListItem } from '../types/components/calcite-pick-list-item/calcite-pick-list-item';
+export { Popover as CalcitePopover } from '../types/components/calcite-popover/calcite-popover';
+export { PopoverManager as CalcitePopoverManager } from '../types/components/calcite-popover-manager/calcite-popover-manager';
+export { Progress as CalciteProgress } from '../types/components/calcite-progress/calcite-progress';
+export { RadioButton as CalciteRadioButton } from '../types/components/calcite-radio-button/calcite-radio-button';
+export { RadioButtonGroup as CalciteRadioButtonGroup } from '../types/components/calcite-radio-button-group/calcite-radio-button-group';
+export { RadioGroup as CalciteRadioGroup } from '../types/components/calcite-radio-group/calcite-radio-group';
+export { RadioGroupItem as CalciteRadioGroupItem } from '../types/components/calcite-radio-group-item/calcite-radio-group-item';
+export { Rating as CalciteRating } from '../types/components/calcite-rating/calcite-rating';
+export { Scrim as CalciteScrim } from '../types/components/calcite-scrim/calcite-scrim';
+export { Select as CalciteSelect } from '../types/components/calcite-select/calcite-select';
+export { Shell as CalciteShell } from '../types/components/calcite-shell/calcite-shell';
+export { ShellCenterRow as CalciteShellCenterRow } from '../types/components/calcite-shell-center-row/calcite-shell-center-row';
+export { ShellPanel as CalciteShellPanel } from '../types/components/calcite-shell-panel/calcite-shell-panel';
+export { Slider as CalciteSlider } from '../types/components/calcite-slider/calcite-slider';
+export { SortableList as CalciteSortableList } from '../types/components/calcite-sortable-list/calcite-sortable-list';
+export { SplitButton as CalciteSplitButton } from '../types/components/calcite-split-button/calcite-split-button';
+export { Stepper as CalciteStepper } from '../types/components/calcite-stepper/calcite-stepper';
+export { StepperItem as CalciteStepperItem } from '../types/components/calcite-stepper-item/calcite-stepper-item';
+export { Switch as CalciteSwitch } from '../types/components/calcite-switch/calcite-switch';
+export { Tab as CalciteTab } from '../types/components/calcite-tab/calcite-tab';
+export { TabNav as CalciteTabNav } from '../types/components/calcite-tab-nav/calcite-tab-nav';
+export { TabTitle as CalciteTabTitle } from '../types/components/calcite-tab-title/calcite-tab-title';
+export { Tabs as CalciteTabs } from '../types/components/calcite-tabs/calcite-tabs';
+export { Tile as CalciteTile } from '../types/components/calcite-tile/calcite-tile';
+export { TileSelect as CalciteTileSelect } from '../types/components/calcite-tile-select/calcite-tile-select';
+export { TileSelectGroup as CalciteTileSelectGroup } from '../types/components/calcite-tile-select-group/calcite-tile-select-group';
+export { TimePicker as CalciteTimePicker } from '../types/components/calcite-time-picker/calcite-time-picker';
+export { Tip as CalciteTip } from '../types/components/calcite-tip/calcite-tip';
+export { TipGroup as CalciteTipGroup } from '../types/components/calcite-tip-group/calcite-tip-group';
+export { TipManager as CalciteTipManager } from '../types/components/calcite-tip-manager/calcite-tip-manager';
+export { Tooltip as CalciteTooltip } from '../types/components/calcite-tooltip/calcite-tooltip';
+export { TooltipManager as CalciteTooltipManager } from '../types/components/calcite-tooltip-manager/calcite-tooltip-manager';
+export { Tree as CalciteTree } from '../types/components/calcite-tree/calcite-tree';
+export { TreeItem as CalciteTreeItem } from '../types/components/calcite-tree-item/calcite-tree-item';
+export { ValueList as CalciteValueList } from '../types/components/calcite-value-list/calcite-value-list';
+export { ValueListItem as CalciteValueListItem } from '../types/components/calcite-value-list-item/calcite-value-list-item';
 
 /**
  * Used to manually set the base path where assets can be found.
@@ -20,7 +108,4 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
 export * from '../types/components';

package/dist/components/index.js

@@ -1,6 +1,96 @@
 /*!
  * 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.81
+ * v1.0.0-beta.84
  */
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { CalciteAccordion, defineCustomElement as defineCustomElementCalciteAccordion } from './calcite-accordion.js';
+export { CalciteAccordionItem, defineCustomElement as defineCustomElementCalciteAccordionItem } from './calcite-accordion-item.js';
+export { CalciteAction, defineCustomElement as defineCustomElementCalciteAction } from './calcite-action.js';
+export { CalciteActionBar, defineCustomElement as defineCustomElementCalciteActionBar } from './calcite-action-bar.js';
+export { CalciteActionGroup, defineCustomElement as defineCustomElementCalciteActionGroup } from './calcite-action-group.js';
+export { CalciteActionMenu, defineCustomElement as defineCustomElementCalciteActionMenu } from './calcite-action-menu.js';
+export { CalciteActionPad, defineCustomElement as defineCustomElementCalciteActionPad } from './calcite-action-pad.js';
+export { CalciteAlert, defineCustomElement as defineCustomElementCalciteAlert } from './calcite-alert.js';
+export { CalciteAvatar, defineCustomElement as defineCustomElementCalciteAvatar } from './calcite-avatar.js';
+export { CalciteBlock, defineCustomElement as defineCustomElementCalciteBlock } from './calcite-block.js';
+export { CalciteBlockSection, defineCustomElement as defineCustomElementCalciteBlockSection } from './calcite-block-section.js';
+export { CalciteButton, defineCustomElement as defineCustomElementCalciteButton } from './calcite-button.js';
+export { CalciteCard, defineCustomElement as defineCustomElementCalciteCard } from './calcite-card.js';
+export { CalciteCheckbox, defineCustomElement as defineCustomElementCalciteCheckbox } from './calcite-checkbox.js';
+export { CalciteChip, defineCustomElement as defineCustomElementCalciteChip } from './calcite-chip.js';
+export { CalciteColorPicker, defineCustomElement as defineCustomElementCalciteColorPicker } from './calcite-color-picker.js';
+export { CalciteColorPickerHexInput, defineCustomElement as defineCustomElementCalciteColorPickerHexInput } from './calcite-color-picker-hex-input.js';
+export { CalciteColorPickerSwatch, defineCustomElement as defineCustomElementCalciteColorPickerSwatch } from './calcite-color-picker-swatch.js';
+export { CalciteCombobox, defineCustomElement as defineCustomElementCalciteCombobox } from './calcite-combobox.js';
+export { CalciteComboboxItem, defineCustomElement as defineCustomElementCalciteComboboxItem } from './calcite-combobox-item.js';
+export { CalciteComboboxItemGroup, defineCustomElement as defineCustomElementCalciteComboboxItemGroup } from './calcite-combobox-item-group.js';
+export { CalciteDatePicker, defineCustomElement as defineCustomElementCalciteDatePicker } from './calcite-date-picker.js';
+export { CalciteDatePickerDay, defineCustomElement as defineCustomElementCalciteDatePickerDay } from './calcite-date-picker-day.js';
+export { CalciteDatePickerMonth, defineCustomElement as defineCustomElementCalciteDatePickerMonth } from './calcite-date-picker-month.js';
+export { CalciteDatePickerMonthHeader, defineCustomElement as defineCustomElementCalciteDatePickerMonthHeader } from './calcite-date-picker-month-header.js';
+export { CalciteDropdown, defineCustomElement as defineCustomElementCalciteDropdown } from './calcite-dropdown.js';
+export { CalciteDropdownGroup, defineCustomElement as defineCustomElementCalciteDropdownGroup } from './calcite-dropdown-group.js';
+export { CalciteDropdownItem, defineCustomElement as defineCustomElementCalciteDropdownItem } from './calcite-dropdown-item.js';
+export { CalciteFab, defineCustomElement as defineCustomElementCalciteFab } from './calcite-fab.js';
+export { CalciteFilter, defineCustomElement as defineCustomElementCalciteFilter } from './calcite-filter.js';
+export { CalciteFlow, defineCustomElement as defineCustomElementCalciteFlow } from './calcite-flow.js';
+export { CalciteGraph, defineCustomElement as defineCustomElementCalciteGraph } from './calcite-graph.js';
+export { CalciteHandle, defineCustomElement as defineCustomElementCalciteHandle } from './calcite-handle.js';
+export { CalciteIcon, defineCustomElement as defineCustomElementCalciteIcon } from './calcite-icon.js';
+export { CalciteInlineEditable, defineCustomElement as defineCustomElementCalciteInlineEditable } from './calcite-inline-editable.js';
+export { CalciteInput, defineCustomElement as defineCustomElementCalciteInput } from './calcite-input.js';
+export { CalciteInputDatePicker, defineCustomElement as defineCustomElementCalciteInputDatePicker } from './calcite-input-date-picker.js';
+export { CalciteInputMessage, defineCustomElement as defineCustomElementCalciteInputMessage } from './calcite-input-message.js';
+export { CalciteInputTimePicker, defineCustomElement as defineCustomElementCalciteInputTimePicker } from './calcite-input-time-picker.js';
+export { CalciteLabel, defineCustomElement as defineCustomElementCalciteLabel } from './calcite-label.js';
+export { CalciteLink, defineCustomElement as defineCustomElementCalciteLink } from './calcite-link.js';
+export { CalciteList, defineCustomElement as defineCustomElementCalciteList } from './calcite-list.js';
+export { CalciteListItem, defineCustomElement as defineCustomElementCalciteListItem } from './calcite-list-item.js';
+export { CalciteListItemGroup, defineCustomElement as defineCustomElementCalciteListItemGroup } from './calcite-list-item-group.js';
+export { CalciteLoader, defineCustomElement as defineCustomElementCalciteLoader } from './calcite-loader.js';
+export { CalciteModal, defineCustomElement as defineCustomElementCalciteModal } from './calcite-modal.js';
+export { CalciteNotice, defineCustomElement as defineCustomElementCalciteNotice } from './calcite-notice.js';
+export { CalciteOption, defineCustomElement as defineCustomElementCalciteOption } from './calcite-option.js';
+export { CalciteOptionGroup, defineCustomElement as defineCustomElementCalciteOptionGroup } from './calcite-option-group.js';
+export { CalcitePagination, defineCustomElement as defineCustomElementCalcitePagination } from './calcite-pagination.js';
+export { CalcitePanel, defineCustomElement as defineCustomElementCalcitePanel } from './calcite-panel.js';
+export { CalcitePickList, defineCustomElement as defineCustomElementCalcitePickList } from './calcite-pick-list.js';
+export { CalcitePickListGroup, defineCustomElement as defineCustomElementCalcitePickListGroup } from './calcite-pick-list-group.js';
+export { CalcitePickListItem, defineCustomElement as defineCustomElementCalcitePickListItem } from './calcite-pick-list-item.js';
+export { CalcitePopover, defineCustomElement as defineCustomElementCalcitePopover } from './calcite-popover.js';
+export { CalcitePopoverManager, defineCustomElement as defineCustomElementCalcitePopoverManager } from './calcite-popover-manager.js';
+export { CalciteProgress, defineCustomElement as defineCustomElementCalciteProgress } from './calcite-progress.js';
+export { CalciteRadioButton, defineCustomElement as defineCustomElementCalciteRadioButton } from './calcite-radio-button.js';
+export { CalciteRadioButtonGroup, defineCustomElement as defineCustomElementCalciteRadioButtonGroup } from './calcite-radio-button-group.js';
+export { CalciteRadioGroup, defineCustomElement as defineCustomElementCalciteRadioGroup } from './calcite-radio-group.js';
+export { CalciteRadioGroupItem, defineCustomElement as defineCustomElementCalciteRadioGroupItem } from './calcite-radio-group-item.js';
+export { CalciteRating, defineCustomElement as defineCustomElementCalciteRating } from './calcite-rating.js';
+export { CalciteScrim, defineCustomElement as defineCustomElementCalciteScrim } from './calcite-scrim.js';
+export { CalciteSelect, defineCustomElement as defineCustomElementCalciteSelect } from './calcite-select.js';
+export { CalciteShell, defineCustomElement as defineCustomElementCalciteShell } from './calcite-shell.js';
+export { CalciteShellCenterRow, defineCustomElement as defineCustomElementCalciteShellCenterRow } from './calcite-shell-center-row.js';
+export { CalciteShellPanel, defineCustomElement as defineCustomElementCalciteShellPanel } from './calcite-shell-panel.js';
+export { CalciteSlider, defineCustomElement as defineCustomElementCalciteSlider } from './calcite-slider.js';
+export { CalciteSortableList, defineCustomElement as defineCustomElementCalciteSortableList } from './calcite-sortable-list.js';
+export { CalciteSplitButton, defineCustomElement as defineCustomElementCalciteSplitButton } from './calcite-split-button.js';
+export { CalciteStepper, defineCustomElement as defineCustomElementCalciteStepper } from './calcite-stepper.js';
+export { CalciteStepperItem, defineCustomElement as defineCustomElementCalciteStepperItem } from './calcite-stepper-item.js';
+export { CalciteSwitch, defineCustomElement as defineCustomElementCalciteSwitch } from './calcite-switch.js';
+export { CalciteTab, defineCustomElement as defineCustomElementCalciteTab } from './calcite-tab.js';
+export { CalciteTabNav, defineCustomElement as defineCustomElementCalciteTabNav } from './calcite-tab-nav.js';
+export { CalciteTabTitle, defineCustomElement as defineCustomElementCalciteTabTitle } from './calcite-tab-title.js';
+export { CalciteTabs, defineCustomElement as defineCustomElementCalciteTabs } from './calcite-tabs.js';
+export { CalciteTile, defineCustomElement as defineCustomElementCalciteTile } from './calcite-tile.js';
+export { CalciteTileSelect, defineCustomElement as defineCustomElementCalciteTileSelect } from './calcite-tile-select.js';
+export { CalciteTileSelectGroup, defineCustomElement as defineCustomElementCalciteTileSelectGroup } from './calcite-tile-select-group.js';
+export { CalciteTimePicker, defineCustomElement as defineCustomElementCalciteTimePicker } from './calcite-time-picker.js';
+export { CalciteTip, defineCustomElement as defineCustomElementCalciteTip } from './calcite-tip.js';
+export { CalciteTipGroup, defineCustomElement as defineCustomElementCalciteTipGroup } from './calcite-tip-group.js';
+export { CalciteTipManager, defineCustomElement as defineCustomElementCalciteTipManager } from './calcite-tip-manager.js';
+export { CalciteTooltip, defineCustomElement as defineCustomElementCalciteTooltip } from './calcite-tooltip.js';
+export { CalciteTooltipManager, defineCustomElement as defineCustomElementCalciteTooltipManager } from './calcite-tooltip-manager.js';
+export { CalciteTree, defineCustomElement as defineCustomElementCalciteTree } from './calcite-tree.js';
+export { CalciteTreeItem, defineCustomElement as defineCustomElementCalciteTreeItem } from './calcite-tree-item.js';
+export { CalciteValueList, defineCustomElement as defineCustomElementCalciteValueList } from './calcite-value-list.js';
+export { CalciteValueListItem, defineCustomElement as defineCustomElementCalciteValueListItem } from './calcite-value-list-item.js';