@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.94

package/dist/components/progress.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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 
@@ -31,11 +31,11 @@ const Progress = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   get el() { return this; }
   static get style() { return progressCss; }
 }, [1, "calcite-progress", {
-    "type": [1],
+    "type": [513],
     "value": [2],
     "label": [1],
     "text": [1],
-    "reversed": [4]
+    "reversed": [516]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/resources.js

@@ -1,19 +1,19 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
-const autoTheme = "calcite-theme-auto";
-const darkTheme = "calcite-theme-dark";
-const lightTheme = "calcite-theme-light";
-const CSS_UTILITY = {
-  autoTheme,
-  darkTheme,
-  lightTheme,
-  rtl: "calcite--rtl"
+const CSS = {
+  sticky: "sticky-pos"
 };
-const TEXT = {
-  loading: "Loading"
+var ICON_TYPES;
+(function (ICON_TYPES) {
+  ICON_TYPES["circle"] = "circle";
+  ICON_TYPES["square"] = "square";
+  ICON_TYPES["grip"] = "grip";
+})(ICON_TYPES || (ICON_TYPES = {}));
+const SLOTS = {
+  menuActions: "menu-actions"
 };
 
-export { CSS_UTILITY as C, TEXT as T, autoTheme as a, darkTheme as d };
+export { CSS as C, ICON_TYPES as I, SLOTS as S };

package/dist/components/resources2.js

@@ -1,19 +1,16 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
 const CSS = {
-  sticky: "sticky-pos"
+  heading: "heading",
+  container: "container",
+  indented: "container--indented"
 };
-var ICON_TYPES;
-(function (ICON_TYPES) {
-  ICON_TYPES["circle"] = "circle";
-  ICON_TYPES["square"] = "square";
-  ICON_TYPES["grip"] = "grip";
-})(ICON_TYPES || (ICON_TYPES = {}));
 const SLOTS = {
-  menuActions: "menu-actions"
+  parentItem: "parent-item"
 };
+const HEADING_LEVEL = 3;
 
-export { CSS as C, ICON_TYPES as I, SLOTS as S };
+export { CSS as C, HEADING_LEVEL as H, SLOTS as S };

package/dist/components/resources3.js

@@ -1,16 +1,33 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
 const CSS = {
+  header: "header",
   heading: "heading",
+  close: "close",
   container: "container",
-  indented: "container--indented"
+  tipContainer: "tip-container",
+  tipContainerAdvancing: "tip-container--advancing",
+  tipContainerRetreating: "tip-container--retreating",
+  pagination: "pagination",
+  pagePosition: "page-position",
+  pageNext: "page-next",
+  pagePrevious: "page-previous"
 };
-const SLOTS = {
-  parentItem: "parent-item"
+const ICONS = {
+  chevronLeft: "chevron-left",
+  chevronRight: "chevron-right",
+  close: "x"
 };
-const HEADING_LEVEL = 3;
+const TEXT = {
+  defaultGroupTitle: "Tips",
+  defaultPaginationLabel: "Tip",
+  close: "Close",
+  previous: "Previous",
+  next: "Next"
+};
+const HEADING_LEVEL = 2;
 
-export { CSS as C, HEADING_LEVEL as H, SLOTS as S };
+export { CSS as C, HEADING_LEVEL as H, ICONS as I, TEXT as T };

package/dist/components/scrim.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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { d as defineCustomElement$1 } from './loader.js';

package/dist/components/shared-list-render.js

@@ -1,14 +1,14 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
-import { f as focusElement, a as getSlotted, t as toAriaBoolean } from './dom.js';
+import { f as focusElement, b as getSlotted, t as toAriaBoolean } from './dom.js';
 import { g as getRoundRobinIndex } from './array.js';
-import { S as SLOTS } from './resources3.js';
+import { S as SLOTS } from './resources2.js';
 import { d as debounce } from './debounce.js';
 import { h, Host } from '@stencil/core/internal/client/index.js';
-import { C as CSS, S as SLOTS$1 } from './resources2.js';
+import { C as CSS, S as SLOTS$1 } from './resources.js';
 
 function mutationObserverCallback() {
   this.setUpItems();

package/dist/components/sortable.esm.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.92
+ * v1.0.0-beta.94
  */
 /**!
  * Sortable 1.15.0

package/dist/components/switch.js

@@ -1,11 +1,11 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { f as focusElement, t as toAriaBoolean } from './dom.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
 import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { u as updateHostInteraction } from './interactive.js';
 import { i as isActivationKey } from './key.js';
@@ -116,7 +116,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "label": [1],
     "name": [513],
     "scale": [513],
-    "switched": [1028],
+    "switched": [1540],
     "checked": [1540],
     "value": [8],
     "setFocus": [64]

package/dist/components/tab-nav.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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
-import { b as getElementDir, e as filterDirectChildren } from './dom.js';
+import { c as getElementDir, l as filterDirectChildren } from './dom.js';
 import { c as createObserver } from './observers.js';
 
 const tabNavCss = "@-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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex}:host([scale=s]){min-block-size:1.5rem}:host([scale=m]){min-block-size:2rem}:host([scale=l]){min-block-size:2.75rem}.tab-nav{display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:start;justify-content:flex-start;overflow:auto}:host([layout=center]) .tab-nav{-ms-flex-pack:center;justify-content:center}.tab-nav-active-indicator-container{position:absolute;inset-inline:0px;inset-block-end:0px;block-size:0.125rem;inline-size:100%;overflow:hidden}.tab-nav-active-indicator{position:absolute;inset-block-end:0px;display:block;block-size:0.125rem;background-color:var(--calcite-ui-brand);-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}:host([position=below]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=bottom]) .tab-nav-active-indicator{inset-block-end:unset;inset-block-start:0px}:host([position=below]) .tab-nav-active-indicator-container{inset-block-start:0px;inset-block-end:unset}:host([position=bottom]) .tab-nav-active-indicator-container{inset-block-end:unset;inset-block-start:0px}:host([bordered]) .tab-nav-active-indicator-container{inset-block-end:unset}:host([bordered][position=below]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}:host([bordered][position=bottom]) .tab-nav-active-indicator-container{inset-block-end:0;inset-block-start:unset}@media (forced-colors: active){.tab-nav-active-indicator{background-color:highlight}}";
@@ -172,6 +172,9 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     event.stopPropagation();
   }
+  iconStartChangeHandler() {
+    this.updateActiveWidth();
+  }
   updateOffsetPosition() {
     var _a, _b, _c, _d, _e;
     const dir = getElementDir(this.el);
@@ -209,8 +212,8 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }; }
   static get style() { return tabNavCss; }
 }, [1, "calcite-tab-nav", {
-    "storageId": [1, "storage-id"],
-    "syncId": [1, "sync-id"],
+    "storageId": [513, "storage-id"],
+    "syncId": [513, "sync-id"],
     "scale": [1537],
     "layout": [1537],
     "position": [1537],
@@ -219,7 +222,7 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "indicatorWidth": [1026, "indicator-width"],
     "selectedTab": [32],
     "selectedTabEl": [32]
-  }, [[0, "calciteInternalTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteInternalTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteInternalTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"]]]);
+  }, [[0, "calciteInternalTabsFocusPrevious", "focusPreviousTabHandler"], [0, "calciteInternalTabsFocusNext", "focusNextTabHandler"], [0, "calciteInternalTabsActivate", "internalActivateTabHandler"], [0, "calciteTabsActivate", "activateTabHandler"], [0, "calciteInternalTabTitleRegister", "updateTabTitles"], [16, "calciteInternalTabChange", "globalInternalTabChangeHandler"], [0, "calciteInternalTabIconChanged", "iconStartChangeHandler"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/tab-title.js

@@ -1,11 +1,11 @@
 /*!
  * 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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
-import { g as getElementProp, t as toAriaBoolean, b as getElementDir } from './dom.js';
+import { g as getElementProp, t as toAriaBoolean, c as getElementDir } from './dom.js';
 import { c as createObserver } from './observers.js';
 import { u as updateHostInteraction } from './interactive.js';
 import { d as defineCustomElement$1 } from './icon.js';
@@ -22,22 +22,27 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteInternalTabsFocusNext = createEvent(this, "calciteInternalTabsFocusNext", 6);
     this.calciteInternalTabsFocusPrevious = createEvent(this, "calciteInternalTabsFocusPrevious", 6);
     this.calciteInternalTabTitleRegister = createEvent(this, "calciteInternalTabTitleRegister", 6);
+    this.calciteInternalTabIconChanged = createEvent(this, "calciteInternalTabIconChanged", 6);
     //--------------------------------------------------------------------------
     //
     //  Properties
     //
     //--------------------------------------------------------------------------
     /**
-     * Show this tab title as selected
+     * When true, the component and its respective `calcite-tab` contents are selected.
      *
-     * @deprecated Use selected instead.
+     * Only one tab can be selected within the `calcite-tabs` parent.
+     *
+     * @deprecated Use "selected" instead.
      */
     this.active = false;
     /**
-     * When true, display this tab title as selected.
+     * When true, the component and its respective `calcite-tab` contents are selected.
+     *
+     * Only one tab can be selected within the `calcite-tabs` parent.
      */
     this.selected = false;
-    /** Disable this tab title  */
+    /** When true, interaction is prevented and the component is displayed with lower opacity.  */
     this.disabled = false;
     /**
      * @internal
@@ -52,6 +57,9 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.mutationObserver = createObserver("mutation", () => this.updateHasText());
     /** determine if there is slotted text for styling purposes */
     this.hasText = false;
+    this.resizeObserver = createObserver("resize", () => {
+      this.calciteInternalTabIconChanged.emit();
+    });
     this.guid = `calcite-tab-title-${guid()}`;
   }
   activeHandler(value) {
@@ -81,12 +89,13 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.parentTabsEl = this.el.closest("calcite-tabs");
   }
   disconnectedCallback() {
-    var _a, _b;
+    var _a, _b, _c;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
     (_b = document.body) === null || _b === void 0 ? void 0 : _b.dispatchEvent(new CustomEvent("calciteTabTitleUnregister", {
       detail: this.el
     }));
+    (_c = this.resizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
   }
   componentWillLoad() {
     if (Build.isBrowser) {
@@ -116,7 +125,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return (h(Host, { "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected ? 0 : -1 }, h("div", { class: {
         container: true,
         "container--has-text": this.hasText
-      } }, this.iconStart ? iconStartEl : null, h("slot", null), this.iconEnd ? iconEndEl : null)));
+      }, ref: (el) => { var _a; return (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(el); } }, this.iconStart ? iconStartEl : null, h("slot", null), this.iconEnd ? iconEndEl : null)));
   }
   async componentDidLoad() {
     this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());
@@ -184,7 +193,7 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   //--------------------------------------------------------------------------
   /**
-   * Return the index of this title within the nav
+   * Returns the index of the title within the `calcite-tab-nav`.
    */
   async getTabIndex() {
     return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-tab-title"), this.el);

package/dist/components/tab.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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -16,13 +16,17 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
     this.calciteInternalTabRegister = createEvent(this, "calciteInternalTabRegister", 6);
     /**
-     * Show this tab
+     * When true, the component's contents are selected.
      *
-     * @deprecated Use selected instead.
+     * Only one tab can be selected within the `calcite-tabs` parent.
+     *
+     * @deprecated Use "selected" instead.
      */
     this.active = false;
     /**
-     * When true, display this tab.
+     * When true, the component's contents are selected.
+     *
+     * Only one tab can be selected within the `calcite-tabs` parent.
      */
     this.selected = false;
     /**
@@ -99,7 +103,7 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   //--------------------------------------------------------------------------
   /**
-   * Return the index of this tab within the tab array
+   * Returns the index of the component item within the tab array.
    */
   async getTabIndex() {
     return Array.prototype.indexOf.call(nodeListToArray(this.el.parentElement.children).filter((el) => el.matches("calcite-tab")), this.el);

package/dist/components/tabs.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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
 
@@ -22,20 +22,20 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     //--------------------------------------------------------------------------
     /**
-     * Align tab titles to the edge or fully justify them across the tab nav ("center")
+     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
      */
     this.layout = "inline";
     /**
-     * Display the tabs top (default) or bottom of the tab content. above and below are deprecated.
+     * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
      *
      */
     this.position = "top";
     /**
-     * Specify the scale of the tabs component, defaults to m
+     * Specifies the size of the component.
      */
     this.scale = "m";
     /**
-     * Optionally enable tabs to appear like a folder-style menu when its layout is "inline"
+     * When true and layout is set to "inline", the component will display with a folder style menu.
      */
     this.bordered = false;
     //--------------------------------------------------------------------------

package/dist/components/tile.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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client/index.js';
-import { a as getSlotted } from './dom.js';
+import { b as getSlotted } from './dom.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { u as updateHostInteraction } from './interactive.js';
 import { d as defineCustomElement$2 } from './icon.js';
@@ -27,21 +27,27 @@ const Tile = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** The active state of the tile. */
+    /**
+     * When true, the component is active.
+     */
     this.active = false;
     /**
-     * When true, prevents interaction.
+     * When true, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
-    /** The embed mode of the tile.  When true, renders without a border and padding for use by other components. */
+    /**
+     * The component's embed mode.
+     *
+     * When true, renders without a border and padding for use by other components.
+     */
     this.embed = false;
     /**
-     * The focused state of the tile.
+     * The focused state of the component.
      *
      * @internal
      */
     this.focused = false;
-    /** The hidden state of the tile. */
+    /** When true, the component is not displayed and is not focusable.  */
     this.hidden = false;
   }
   // --------------------------------------------------------------------------

package/dist/components/time-picker.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.92
+ * v1.0.0-beta.94
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { n as numberKeys, i as isActivationKey } from './key.js';
@@ -247,88 +247,88 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //
     //--------------------------------------------------------------------------
     /**
-     * aria-label for the hour input
+     * Accessible name for the component's hour input.
      *
      * @default "Hour"
      */
     this.intlHour = TEXT.hour;
     /**
-     * aria-label for the hour down button
+     * Accessible name for the component's hour down button.
      *
      * @default "Decrease hour"
      */
     this.intlHourDown = TEXT.hourDown;
     /**
-     * aria-label for the hour up button
+     * Accessible name for the component's hour up button.
      *
      * @default "Increase hour"
      */
     this.intlHourUp = TEXT.hourUp;
     /**
-     * aria-label for the meridiem (am/pm) input
+     * Accessible name for the component's meridiem (AM/PM) input.
      *
      * @default "AM/PM"
      */
     this.intlMeridiem = TEXT.meridiem;
     /**
-     * aria-label for the meridiem (am/pm) down button
+     * Accessible name for the component's meridiem (AM/PM) down button.
      *
      * @default "Decrease AM/PM"
      */
     this.intlMeridiemDown = TEXT.meridiemDown;
     /**
-     * aria-label for the meridiem (am/pm) up button
+     * Accessible name for the component's meridiem (AM/PM) up button.
      *
      * @default "Increase AM/PM"
      */
     this.intlMeridiemUp = TEXT.meridiemUp;
     /**
-     * aria-label for the minute input
+     * Accessible name for the component's minute input.
      *
      * @default "Minute"
      */
     this.intlMinute = TEXT.minute;
     /**
-     * aria-label for the minute down button
+     * Accessible name for the component's minute down button.
      *
      * @default "Decrease minute"
      */
     this.intlMinuteDown = TEXT.minuteDown;
     /**
-     * aria-label for the minute up button
+     * Accessible name for the component's minute up button.
      *
      * @default "Increase minute"
      */
     this.intlMinuteUp = TEXT.minuteUp;
     /**
-     * aria-label for the second input
+     * Accessible name for the component's second input.
      *
      * @default "Second"
      */
     this.intlSecond = TEXT.second;
     /**
-     * aria-label for the second down button
+     * Accessible name for the component's second down button.
      *
      * @default "Decrease second"
      */
     this.intlSecondDown = TEXT.secondDown;
     /**
-     * aria-label for the second up button
+     * Accessible name for the component's second up button.
      *
      * @default "Increase second"
      */
     this.intlSecondUp = TEXT.secondUp;
     /**
-     * BCP 47 language tag for desired language and country format
+     * BCP 47 language tag for desired language and country format.
      *
      * @internal
      */
     this.locale = document.documentElement.lang || navigator.language || "en";
-    /** The scale (size) of the time picker */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** number (seconds) that specifies the granularity that the value must adhere to */
+    /** Specifies the granularity the "value" must adhere to (in seconds). */
     this.step = 60;
-    /** The selected time in UTC (always 24-hour format) */
+    /** The component's value in UTC (always 24-hour format). */
     this.value = null;
     this.showSecond = this.step < 60;
     this.decrementHour = () => {
@@ -779,6 +779,7 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   connectedCallback() {
     this.setValue(this.value, false);
     this.hourCycle = getLocaleHourCycle(this.locale);
+    this.meridiemOrder = this.getMeridiemOrder(getTimeParts("0:00:00", this.locale));
   }
   // --------------------------------------------------------------------------
   //
@@ -861,8 +862,8 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "intlSecondDown": [1, "intl-second-down"],
     "intlSecondUp": [1, "intl-second-up"],
     "locale": [1025, "lang"],
-    "scale": [1],
-    "step": [2],
+    "scale": [513],
+    "step": [514],
     "value": [1025],
     "hour": [32],
     "hourCycle": [32],