@esri/solutions-components 0.10.10 → 0.10.11

package/dist/components/solution-organization-variables2.js

@@ -5,7 +5,6 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$4 } from './checkbox.js';
 import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './tree.js';
 import { d as defineCustomElement$1 } from './tree-item.js';
@@ -42,7 +41,7 @@ const SolutionOrganizationVariables = /*@__PURE__*/ proxyCustomElement(class Sol
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '387c9a17b83de9f4aa2dc60666e4c45268b7d656' }, h("div", { key: '5181a83dbd700220b8ec55828a37d35fd1406ed1' }, h("h4", { key: '88eea182594f50b86ba873289d84ea0e1b7cc3eb', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: 'dcbaf3f135d1a6d660e4f17bce722feb6d2fed3e', class: "container-border" }, h("calcite-tree", { key: '4b85c9bd443deb82e570e58ae59c546d8ea9d36d', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: 'e84690899c2e378ddc30676d53c0199c52bcdbef' }, h("div", { key: '41599319f26d5348d3766e8208fcc22bd97741c5' }, h("h4", { key: 'ee898a64a72159101ab89b946679f7ada661a2ef', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '091a202b8c710ff9bb7c03e868a00f79e756d201', class: "container-border" }, h("calcite-tree", { key: '6ff1bb7fe8f286852d01ccecf19d35c3e85fb5f6', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -112,18 +111,13 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["solution-organization-variables", "calcite-checkbox", "calcite-icon", "calcite-tree", "calcite-tree-item"];
+    const components = ["solution-organization-variables", "calcite-icon", "calcite-tree", "calcite-tree-item"];
     components.forEach(tagName => { switch (tagName) {
         case "solution-organization-variables":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SolutionOrganizationVariables);
             }
             break;
-        case "calcite-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();

package/dist/components/solution-resource-item2.js

@@ -58,7 +58,7 @@ const SolutionResourceItem = /*@__PURE__*/ proxyCustomElement(class SolutionReso
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: '3209042541d0df8440c8ae7b1564ddad9adb4466' }, h("div", { key: '11d0ad8b5ad181a4db7836e9f3f05fa3e79b924b', class: "resource-item" }, h("div", { key: '1b768c980d3679dd8ce0557cd24c18ab397cac16', class: "margin-bottom-1" }, h("calcite-button", { key: '33a827d3df40e68d985a0f6f8c9fdfb89b78ef25', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '22adce285d7eb9c5fb5a189b0bee43cd25eb89a3', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '20b41623ed7ab10202a5ea929b9ddd63b62d0c0e', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: '45bc346197968e07be42cc16c1c792e0e4872547' }, h("div", { key: 'f57fe6d4cf7d54975d48a11927477e295eb06089', class: "resource-item" }, h("div", { key: '4d1903665522dee371f51002370775f3b004e2fd', class: "margin-bottom-1" }, h("calcite-button", { key: 'fae693d09c76a1b0fb379c6178b561d30e962fec', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '3e07b0ee9ccc50aef57442a982816dd6bc376ecd', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '2e87fe655e7314299419ca97d7f1dae833e36426', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------

package/dist/components/solution-spatial-ref2.js

@@ -50,7 +50,7 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
     }
     render() {
         this._updateUIFromStore();
-        return (h(Host, { key: 'd0ad66cff340a144e93356015f56b68d208a770a' }, h("label", { key: 'ab1e206b4ca0d4a9c8cd0e6ee3c5e145165966f6', class: "switch-label" }, h("calcite-switch", { key: 'ea8bc162371773ef36b709cd2662738dcf60a9dc', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'a085245ff9605523f532fb8483682fa54300d6c2' }), h("div", { key: '52a86a14efb23a1d56a092494760ab1c82bdf93c', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '6b08cf7be83e71b7715cc1e7e7f4ca7193abc3ee', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: 'dd82b90b032c953f7ce18492d038a4090d3ef4b2', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
+        return (h(Host, { key: 'f2c603befdfe68e8786ad9ecf4372c3e30a0d7c9' }, h("label", { key: '5bcd7df8edb0732f030c9b5a79070b8edfe41c93', class: "switch-label" }, h("calcite-switch", { key: '2474efeeded9c8a5caac71cab1ebd5cbe0177607', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'c6ba57097163af5d2a77240a980b3399320fd406' }), h("div", { key: '1dc102993f8c6d5f7f1c88e1d034afe2e287caa2', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: 'a08457ccda613337c88c48e718919315c2c6392d', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '5e32b27b06b5a073c40b7f0f2fa254444b5bd3c4', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/solution-template-data2.js

@@ -6,10 +6,9 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as state } from './solution-store.js';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$h } from './action.js';
-import { d as defineCustomElement$g } from './action-menu.js';
-import { d as defineCustomElement$f } from './button.js';
-import { d as defineCustomElement$e } from './checkbox.js';
+import { d as defineCustomElement$g } from './action.js';
+import { d as defineCustomElement$f } from './action-menu.js';
+import { d as defineCustomElement$e } from './button.js';
 import { d as defineCustomElement$d } from './icon.js';
 import { d as defineCustomElement$c } from './loader.js';
 import { d as defineCustomElement$b } from './panel.js';
@@ -80,7 +79,7 @@ const SolutionTemplateData = /*@__PURE__*/ proxyCustomElement(class SolutionTemp
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '2ac01aadffbe8719d947d3258721a24e79c5827a' }, h("div", { key: '8576d2c273b557393ae9c959817c3a1803000ca6', class: "solution-data-container" }, h("calcite-shell", { key: '7962b2da3ebce8428119e95dee13a79fb06a71ca', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '49c9e36a219e8f09431f88b7e698bd53bc538e43', class: "json-editor" }, h("div", { key: 'ef96fb9a8d9bced4a36dca4786b7c77f06bd3dc7', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'f8e1662a22f6b36e0be929aec00c539508527a81', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '853f9c2df14fe53cc305b290cd1e5b9a8f694b4d', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: '0bc3d510ba7dc9d4ca1339bf6d5fa1a52c249723', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '2c316175ebe7bdbd4911abbdd58c2bcac8c6e39c', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'e436c6dba30492a9eda496c4da41a7632cc03232', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '4956e3bf41676ccf3dd0168f6f4f573f14927110', value: this.organizationVariables })), h("div", { key: '3376d0034d66f01cd78d01adf5653aeeca63b47f', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: 'bb3978deedbe0a439d85d1bb7a8d26380e226dd7', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '2e0fd019cf024cccd287674fc47c8c7149c5896e' }, h("div", { key: 'f36da861eb0915300e6cfa66507bfa819c5175ca', class: "solution-data-container" }, h("calcite-shell", { key: '05f2abaa3e654c5098f1b0fa39540b8e1ba69414', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '465260b700ea88b98e50b37cc1adf1815736c590', class: "json-editor" }, h("div", { key: '77828dc31fb4b3b556538a14660506dc0ce91c18', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'cf7be387699d46e0efce1cc9d2bafa1ecd1bd54b', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: 'a0f2aedafaf8eb4376c8f90a230b5992392ca4ce', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'c6275b75e9f275fad1c5cbd420847d1876c0084b', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '96329209db26f9acbfc5d8717fb9e09fba44a555', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'ab6dfc9c86fb7b6fdf67668589990d12a517e0c6', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: '26a8b4bcedbe525cde504431549fb911f9987865', value: this.organizationVariables })), h("div", { key: 'f0900c1e28036dbb0a5af6fd7db0e8625340c458', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '4ec9c214341c65e4b03a9d83e0731545c56ef3dd', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------
@@ -137,7 +136,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["solution-template-data", "calcite-action", "calcite-action-menu", "calcite-button", "calcite-checkbox", "calcite-icon", "calcite-loader", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-shell", "calcite-shell-panel", "calcite-tree", "calcite-tree-item", "json-editor", "solution-item-icon", "solution-organization-variables", "solution-variables"];
+    const components = ["solution-template-data", "calcite-action", "calcite-action-menu", "calcite-button", "calcite-icon", "calcite-loader", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-shell", "calcite-shell-panel", "calcite-tree", "calcite-tree-item", "json-editor", "solution-item-icon", "solution-organization-variables", "solution-variables"];
     components.forEach(tagName => { switch (tagName) {
         case "solution-template-data":
             if (!customElements.get(tagName)) {
@@ -145,21 +144,16 @@ function defineCustomElement() {
             }
             break;
         case "calcite-action":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "calcite-action-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "calcite-button":
+        case "calcite-action-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "calcite-checkbox":
+        case "calcite-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }

package/dist/components/solution-variables2.js

@@ -5,7 +5,6 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$5 } from './checkbox.js';
 import { d as defineCustomElement$4 } from './icon.js';
 import { d as defineCustomElement$3 } from './tree.js';
 import { d as defineCustomElement$2 } from './tree-item.js';
@@ -43,7 +42,7 @@ const SolutionVariables = /*@__PURE__*/ proxyCustomElement(class SolutionVariabl
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '207eba2b3a7c2ae6958bc253c50a30ba05e4ad53' }, h("div", { key: '258351a67b1ffac4ce9290bdbc7a15fe045e1cf8' }, h("h4", { key: 'e8b6c6ff6b78d2ee885f352069426a79e12a4376', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: 'e68c85b552c5313300250d4e7a29aee50e3d070d', class: "container-border" }, h("calcite-tree", { key: '011383a8abb007bd6d7a59f6a7681f24fc32d3b0', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: '51a1c5b70a98964bc4ffe33a94dc3555a959c82b' }, h("div", { key: '0dfa406bacb18becccc9a78bb191972d1c40141d' }, h("h4", { key: 'b0b8dcfd320cf44464c07fadf08121ee45f78ab5', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '01421759487d2a79a24fff4fbae2077ee00e0cd1', class: "container-border" }, h("calcite-tree", { key: 'a8952b2a7035122914cf62044d67f00261054548', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -124,18 +123,13 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["solution-variables", "calcite-checkbox", "calcite-icon", "calcite-tree", "calcite-tree-item", "solution-item-icon"];
+    const components = ["solution-variables", "calcite-icon", "calcite-tree", "calcite-tree-item", "solution-item-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "solution-variables":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SolutionVariables);
             }
             break;
-        case "calcite-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();

package/dist/components/sortableComponent.js

@@ -2658,7 +2658,7 @@ Sortable.mount(Remove, Revert);
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const sortableComponentSet = new Set();
 const CSS = {

package/dist/components/spatial-ref.js

@@ -6,7 +6,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { n as nodeListToArray } from './common.js';
-import { d as defineCustomElement$7 } from './checkbox.js';
 import { d as defineCustomElement$6 } from './icon.js';
 import { d as defineCustomElement$5 } from './input.js';
 import { d as defineCustomElement$4 } from './progress.js';
@@ -21103,7 +21102,7 @@ const SpatialRef$1 = /*@__PURE__*/ proxyCustomElement(class SpatialRef extends H
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '1f9d7ad0fe2043b7e950a59e6b10e1380c218a11' }, h("div", { key: 'f9e14494a1d2783c2d80bbe94d355e397674951b' }, h("calcite-input", { key: '3c2565f0c1f0bf8d7a4051969ca3bcb68a9107ce', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '7657240c433836340bc0767bb7e9206b75d0691d', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: 'f4e114cda6d1b8276569d4e67f415aeaa2e75ffe' }, h("div", { key: '0a88406f59a89fc83b946b8eaf2f950a4969147a' }, h("calcite-input", { key: '541839acb00cb6fbfcca0edd0f2de80010f9261c', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '5ef8183cec669a8aefb9d3bbb72f10766b0fb6ca', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     _lastHighlightedSref;
     //--------------------------------------------------------------------------
@@ -21322,18 +21321,13 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["spatial-ref", "calcite-checkbox", "calcite-icon", "calcite-input", "calcite-progress", "calcite-tree", "calcite-tree-item"];
+    const components = ["spatial-ref", "calcite-icon", "calcite-input", "calcite-progress", "calcite-tree", "calcite-tree-item"];
     components.forEach(tagName => { switch (tagName) {
         case "spatial-ref":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SpatialRef$1);
             }
             break;
-        case "calcite-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();

package/dist/components/stack.js

@@ -9,7 +9,7 @@ import { j as slotChangeHasAssignedElement } from './dom.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -82,7 +82,7 @@ const Stack = /*@__PURE__*/ proxyCustomElement(class Stack extends HTMLElement {
         return (h("div", { class: CSS.contentEnd, hidden: !hasContentEnd }, h("slot", { name: SLOTS.contentEnd, onSlotchange: this.handleContentEndSlotChange })));
     }
     render() {
-        return (h(Host, { key: '77243a78e7e5f05ef2fa43193460dc3b0a63afb8' }, h("div", { key: '761521ceb58a4d186a1aff5889e29db18e5f5f4d', class: CSS.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
+        return (h(Host, { key: '6469377ccf7311aefda5e864aac7cb5870b24ded' }, h("div", { key: 'd897fc4e108392784147cc0c8ed0a4bf5d347ca1', class: CSS.container }, this.renderActionsStart(), this.renderContentStart(), this.renderDefaultContent(), this.renderContentEnd(), this.renderActionsEnd())));
     }
     static get style() { return CalciteStackStyle0; }
 }, [1, "calcite-stack", {

package/dist/components/switch.js

@@ -14,7 +14,7 @@ import { c as componentFocusable, s as setUpLoadableComponent, a as setComponent
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -112,7 +112,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends HTMLElement
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'd8a05a72c0bb972b3b935b988f42f0055de27a76', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '14e02919dcdabc5b3ef07506eb678050868c54c6', disabled: this.disabled }, h("div", { key: 'f7b8078eebf6affba170ad5a827bb3df1b2ba03e', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, h("div", { key: '575761234c8a06d73af690c2392fe56afeb166b9', class: CSS.track }, h("div", { key: 'b1d9522f221f80a552197f582cd048f1255547a9', class: CSS.handle })), h(HiddenFormInputSlot, { key: 'cb2656a5b7391b5686512ef25d878c9cc8f6d4bc', component: this })))));
+        return (h(Host, { key: '2e5e3a9e0dcc88431502cd2bbea8323a1898ef9a', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '73c50c102fe522422e08835b653dc8651eca6bae', disabled: this.disabled }, h("div", { key: 'f0020b33ecee02265dcd4d712f729638ccabb14e', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, h("div", { key: '03b2f583e888ea429025b74ca43b22a4dd957ee5', class: CSS.track }, h("div", { key: '3045c61b33731f692ecf201cb6ffea2a164f6297', class: CSS.handle })), h(HiddenFormInputSlot, { key: 'f1a1c1bda4e85b357936c962175e0942dc0b0001', component: this })))));
     }
     get el() { return this; }
     static get style() { return CalciteSwitchStyle0; }

package/dist/components/t9n.js

@@ -10,7 +10,7 @@ import { i as isBrowser } from './browser.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const componentLangToMessageBundleCache = {};
 async function getMessageBundle(lang, component) {

package/dist/components/tab-nav.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const ICON = {
     chevronRight: "chevron-right",
@@ -239,16 +239,16 @@ const TabNav = /*@__PURE__*/ proxyCustomElement(class TabNav extends HTMLElement
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'dd1f2b015a83e243b6d5b74f5d75f6e15a380326', role: "tablist" }, h("div", { key: 'b855759e9b8f549fe804ed6eeae6da3c1a48ff71', class: {
+        return (h(Host, { key: 'e2e130cc399d8bb88201f283de2eef17a46882fc', role: "tablist" }, h("div", { key: '2beae02bec71c759201063e4820ce19cacd1c432', class: {
                 [CSS.container]: true,
                 [CSS.containerHasStartTabTitleOverflow]: !!this.hasOverflowingStartTabTitle,
                 [CSS.containerHasEndTabTitleOverflow]: !!this.hasOverflowingEndTabTitle,
                 [`scale-${this.scale}`]: true,
                 [`position-${this.position}`]: true,
                 [CSS_UTILITY.rtl]: this.effectiveDir === "rtl",
-            } }, this.renderScrollButton("start"), h("div", { key: '83290a1781ffe3644be2c33b4df23e02c9bc322e', class: {
+            } }, this.renderScrollButton("start"), h("div", { key: '609a5b8efc1bd46810217ab17256aaad7432586b', class: {
                 [CSS.tabTitleSlotWrapper]: true,
-            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, h("slot", { key: '3564fbf9bfd1c05f1cec10ec330240b8d9572e07', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
+            }, onScroll: this.onTabTitleScroll, onWheel: this.onTabTitleWheel, ref: this.storeTabTitleWrapperRef }, h("slot", { key: '7436f2fcacf2b483a77c741a2449f783c9c4c148', onSlotchange: this.onSlotChange })), this.renderScrollButton("end"))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/tab-title.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const CSS = {
     closeButton: "close-button",
@@ -137,14 +137,14 @@ const TabTitle = /*@__PURE__*/ proxyCustomElement(class TabTitle extends HTMLEle
     render() {
         const { el, closed } = this;
         const id = el.id || this.guid;
-        const iconStartEl = (h("calcite-icon", { key: 'ad1702b0148764ff6e4aebb00ea87497d112c293', class: { [CSS.titleIcon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
-        const iconEndEl = (h("calcite-icon", { key: '8e7b1d4960585f34a03f40b05f9328c02a706c93', class: { [CSS.titleIcon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
-        return (h(Host, { key: 'bd822a327a486c08dad7c9033054863de46591d6', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, h(InteractiveContainer, { key: '23f47db639bbe21922c8c8aa3bbcfe9b0433f2f5', disabled: this.disabled }, h("div", { key: 'c02773329f60ddcba7869df57f83ef5781346f62', class: {
+        const iconStartEl = (h("calcite-icon", { key: '20ea18dabdb4cabe8a032d0799f3c757bc90c91d', class: { [CSS.titleIcon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: getIconScale(this.scale) }));
+        const iconEndEl = (h("calcite-icon", { key: 'ebd3913a334a959e8962addd45e5077ee82f2ca8', class: { [CSS.titleIcon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: getIconScale(this.scale) }));
+        return (h(Host, { key: '58a72fa4a6e961c3414dfe224a4e235892784707', "aria-controls": this.controls, "aria-selected": toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected && !this.disabled ? 0 : -1 }, h(InteractiveContainer, { key: 'fe7662ade3001579b664772b4672d6bebd06a82b', disabled: this.disabled }, h("div", { key: 'ea226b71436922de6bae2e8e542ae0adf08add1b', class: {
                 [CSS.container]: true,
                 [CSS.containerBottom]: this.position === "bottom",
                 [CSS.iconPresent]: !!this.iconStart || !!this.iconEnd,
                 [CSS.scale(this.scale)]: true,
-            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, h("div", { key: '1cc60233446099ee25cf5231ca22ab7c96647dd8', class: { [CSS.content]: true, [CSS.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, h("slot", { key: 'd4c96c09ee2853b2053ed346fd1221cdfbbe750b' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), h("div", { key: '487f585d1c3137a4c7354d9881bf1a777d77238c', class: CSS.selectedIndicator })))));
+            }, hidden: closed, ref: (el) => this.resizeObserver?.observe(el) }, h("div", { key: '737609daa04d9dc18b46872c49b82cf211ba9b5a', class: { [CSS.content]: true, [CSS.contentHasText]: this.hasText } }, this.iconStart ? iconStartEl : null, h("slot", { key: 'fb500a910e5c6bfcd8571e2d109331dd88f2544d' }), this.iconEnd ? iconEndEl : null), this.renderCloseButton(), h("div", { key: '3fd13c6f459e05cea88c40809b7220369866a2b9', class: CSS.selectedIndicator })))));
     }
     renderCloseButton() {
         const { closable, messages } = this;

package/dist/components/tab.js

@@ -10,7 +10,7 @@ import { g as guid } from './guid.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const CSS = {
     container: "container",
@@ -38,7 +38,7 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class Tab extends HTMLElement {
     //--------------------------------------------------------------------------
     render() {
         const id = this.el.id || this.guid;
-        return (h(Host, { key: '03e398db2023e422338659deb076c6e6c63cd866', "aria-labelledby": this.labeledBy, id: id }, h("div", { key: '371846888e92a0791d2a5a725d1525808241132e', class: { [CSS.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, h("section", { key: '48e3af2254269734886ed512dc3577dfafed52fa', class: CSS.content }, h("slot", { key: 'e25dd14ed3972ed4b488f7abb07484cf5e48681f' })))));
+        return (h(Host, { key: '781e0b82d69d7ea6b2bd6e15ed0d1c5248f24d05', "aria-labelledby": this.labeledBy, id: id }, h("div", { key: '58a6be23b29e8bee598ecf0cd97ef0578fd4e197', class: { [CSS.container]: true, [`scale-${this.scale}`]: true }, role: "tabpanel", tabIndex: this.selected ? 0 : -1 }, h("section", { key: 'fbff1dec6ca2494f2485528679c14b4b0741abd8', class: CSS.content }, h("slot", { key: 'fc52db6fd58bd87f137e887837df5c08772809a3' })))));
     }
     connectedCallback() {
         this.parentTabsEl = this.el.closest("calcite-tabs");

package/dist/components/table-cell.js

@@ -14,7 +14,7 @@ import { C as CSS_UTILITY } from './resources.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const CSS = {
     contentCell: "content-cell",
@@ -133,7 +133,7 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (h(Host, { key: '7827c1a5f297e7436e89e33e8bdab1701095c6a4' }, h(InteractiveContainer, { key: '42ffde1bd750dddbaefbe2b7ec29b16a6da83ad0', disabled: this.disabled }, h("td", { key: '3719c428fec09f9237174091d933f05aa1f68136', "aria-disabled": this.disabled, class: {
+        return (h(Host, { key: '4d52967c0b56ad11ae0cd2f2bcda584a4c32d7aa' }, h(InteractiveContainer, { key: '38dc03f0b7b46647d55510c954da818991134923', disabled: this.disabled }, h("td", { key: 'f33e06346894caae2199743b02b3d82d45227a9c', "aria-disabled": this.disabled, class: {
                 [CSS.footerCell]: this.parentRowType === "foot",
                 [CSS.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS.numberCell]: this.numberCell,
@@ -143,7 +143,7 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends HTMLE
                 [CSS_UTILITY.rtl]: dir === "rtl",
                 [CSS.staticCell]: staticCell,
                 [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0 }, (this.selectionCell || this.readCellContentsToAT) && (h("span", { key: '70593b5f249e4f3678a9f858b97e23104a6185f4', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), h("slot", { key: '82258001661931991431268a11fa28a320b08777', onSlotchange: this.updateScreenReaderContentsText })))));
+            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0 }, (this.selectionCell || this.readCellContentsToAT) && (h("span", { key: '09f8419edf6633fec643980debdab653cfa1aa18', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), h("slot", { key: '05f0410a867cb1cfab5a01b1d4e374002314493d', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/table-header.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const CSS = {
     contentCell: "content-cell",
@@ -30,6 +30,11 @@ const CSS = {
     lastCell: "last-cell",
     staticCell: "static-cell",
 };
+const ICONS = {
+    checked: "check-square-f",
+    indeterminate: "minus-square-f",
+    unchecked: "square",
+};
 
 const tableHeaderCss = ":host{--calcite-internal-table-header-background:var(--calcite-table-header-background, var(--calcite-color-foreground-2));--calcite-internal-table-header-border-color:var(--calcite-table-border-color, var(--calcite-color-border-3));display:contents}:host([alignment=center]) th{text-align:center}:host([alignment=end]) th{text-align:end}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}th{white-space:normal;text-align:start;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);font-size:var(--calcite-internal-table-cell-font-size);border-inline-end:1px solid var(--calcite-internal-table-header-border-color);border-block-end:1px solid var(--calcite-internal-table-header-border-color);padding-block:calc(var(--calcite-internal-table-cell-padding) * 1.5);padding-inline:var(--calcite-internal-table-cell-padding);background-color:var(--calcite-internal-table-header-background)}th:not(.static-cell){outline-color:transparent}th:not(.static-cell):not(.static-cell):focus-within{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}th:not(.center):not(.end).content-cell{vertical-align:top}th.center{vertical-align:middle}th.end.content-cell{vertical-align:bottom}th.body-row,th.footer-row{padding-block:var(--calcite-internal-table-cell-padding);border-block-end:0}th.footer-row{border-block-start:1px solid var(--calcite-internal-table-header-border-color)}th.last-cell{border-inline-end:0}.cell--multiple-selection{cursor:pointer;vertical-align:middle;color:var(--calcite-color-text-3)}.cell--multiple-selection:not(.end){vertical-align:middle}.selected-cell:not(.number-cell):not(.footer-cell){--calcite-internal-table-header-background:var(--calcite-color-foreground-current)}.number-cell,.selection-cell{color:var(--calcite-color-text-2);inline-size:2rem;min-inline-size:2rem}.selection-cell calcite-icon.active{color:var(--calcite-color-brand)}.number-cell calcite-icon,.selection-cell calcite-icon{margin-inline-start:auto;margin-inline-end:auto;vertical-align:middle}.heading{color:var(--calcite-color-text-1)}.description{color:var(--calcite-color-text-3);font-size:var(--calcite-internal-table-cell-font-size-secondary)}";
 const CalciteTableHeaderStyle0 = tableHeaderCss;
@@ -145,10 +150,15 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
                 : this.parentRowType === "body"
                     ? "row"
                     : "col";
-        const allSelected = this.selectedRowCount === this.bodyRowCount;
-        const selectionIcon = allSelected ? "check-square-f" : "check-square";
+        const checked = this.selectedRowCount === this.bodyRowCount;
+        const indeterminate = this.selectedRowCount > 0;
+        const selectionIcon = checked
+            ? ICONS.checked
+            : indeterminate
+                ? ICONS.indeterminate
+                : ICONS.unchecked;
         const staticCell = this.interactionMode === "static" && !this.selectionCell;
-        return (h(Host, { key: 'd8e616e4d83977fff658a32eeca9a9b988cc5229' }, h("th", { key: '3121d424b6468511ece08d96d8835bd7a3c102e3', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (h(Host, { key: '55805e40fd5617971301fe6c3df52fd45ff4486e' }, h("th", { key: '2f7c756603386e578a871558645daac673fd6cdc', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
                 [CSS.bodyRow]: this.parentRowType === "body",
                 [CSS.footerRow]: this.parentRowType === "foot",
                 [CSS.contentCell]: !this.numberCell && !this.selectionCell,
@@ -159,7 +169,7 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
                 [CSS.staticCell]: staticCell,
                 [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),
                 [this.parentRowAlignment]: this.parentRowAlignment === "center" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0 }, this.heading && h("div", { key: '883cb33b4e8c6d1be39d1d9e16103ed012768db0', class: CSS.heading }, this.heading), this.description && h("div", { key: '5d6633a84187d82f2b7f7e0fe1e67c15f5c9881d', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (h("calcite-icon", { key: '210a2311c2ff0de94fb1513086b94d396bd5d95d', class: { [CSS.active]: allSelected }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (h("span", { key: '765e886d82775747b676daf4a74ecec40dd0d9c9', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.screenReaderText)))));
+            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0 }, this.heading && h("div", { key: 'e347778a1676cf40c5f4c2937a590ac8b6c1fde0', class: CSS.heading }, this.heading), this.description && h("div", { key: '13c5d2ec28bf68132c1217be299aa4363794f370', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (h("calcite-icon", { key: '11f84e3c1c3cb8be33c8c5aa4a2cc4f5d01fbbfa', class: { [CSS.active]: indeterminate || checked }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (h("span", { key: '23c2914de335aa02bf99b1d9286ad2b2ad38cccb', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.screenReaderText)))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/tabs.js

@@ -9,7 +9,7 @@ import { h as slotChangeGetAssignedElements, C as getSlotAssignedElements } from
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const SLOTS = {
     titleGroup: "title-group",
@@ -133,7 +133,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
     }
     disconnectedCallback() { }
     render() {
-        return (h(Fragment, { key: 'fbdc57d4dbdde7b3dd75afef8d58139559fce80f' }, h("slot", { key: 'ecbd722566a4372f1d3ba156870bd2a7659d6e03', name: SLOTS.titleGroup }), h("section", { key: '8df862476d3a83acfce631bf815582cab1d7f5d2' }, h("slot", { key: '06c4deb3e46c92fdbd06b66663617c1bee81c26d', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
+        return (h(Fragment, { key: '300872682f4f969586b06b6bbfa5cccb5a005e03' }, h("slot", { key: '9b8c09c2f93725349a98d13fb0167c88b82ef413', name: SLOTS.titleGroup }), h("section", { key: 'bf1b19251ca8ab3ba4c3c3fa15995889d71d9355' }, h("slot", { key: 'e1008e065225b4f0cb1b4fbe2ec91ab761db1144', onSlotchange: this.defaultSlotChangeHandler, ref: this.setDefaultSlotRef }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/time-picker.js

@@ -5,7 +5,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { n as numberKeys } from './key.js';
-import { n as numberStringFormatter, b as getDateTimeFormat, i as isValidNumber, e as getSupportedNumberingSystem, c as connectLocalized, d as disconnectLocalized } from './locale2.js';
+import { n as numberStringFormatter, b as getDateTimeFormat, i as isValidNumber, f as getSupportedNumberingSystem, c as connectLocalized, d as disconnectLocalized } from './locale2.js';
 import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n.js';
 import { d as decimalPlaces, g as getDecimals } from './math.js';
 import { g as getIconScale } from './component.js';
@@ -15,7 +15,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true, fractionalSecondDigits) {
@@ -292,7 +292,7 @@ function toISOTimeString(value, includeSeconds = true) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.11.1
+ * v2.12.0
  */
 const CSS = {
     button: "button",
@@ -1007,69 +1007,69 @@ const TimePicker = /*@__PURE__*/ proxyCustomElement(class TimePicker extends HTM
         const secondIsNumber = isValidNumber(this.second);
         const fractionalSecondIsNumber = isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (h("div", { key: 'd5039206cbfa6109176b2c8b0658f18bf44b1331', class: {
+        return (h("div", { key: 'b896c9e080ebc7d8810c48581026aec7159b6490', class: {
                 [CSS.timePicker]: true,
                 [CSS.showMeridiem]: showMeridiem,
                 [CSS.showSecond]: this.showSecond,
                 [CSS[`scale-${this.scale}`]]: true,
-            }, dir: "ltr" }, h("div", { key: '4a39656a37249af5ff6df76fd77db246fa748c9d', class: CSS.column, role: "group" }, h("span", { key: 'ec4eef25dc3b26f896f778ba6c3eff916f64e612', "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, h("div", { key: '785e1bce4a2440bcc89c6f3e71e224be8aac636a', class: CSS.column, role: "group" }, h("span", { key: 'ed2a6cff185d1589aad531730a9064c3d86abb8f', "aria-label": this.messages.hourUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonHourUp]: true,
                 [CSS.buttonTopLeft]: true,
-            }, onClick: this.hourUpClickHandler, role: "button" }, h("calcite-icon", { key: 'cb00900c5c4eef3b2b274ffc3a0b9260fa791f9b', icon: "chevron-up", scale: iconScale })), h("span", { key: '13f4bfdcd4bbffcf41a51b3fdfd0c365feee1395', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
+            }, onClick: this.hourUpClickHandler, role: "button" }, h("calcite-icon", { key: 'cd8fff81bab8a40771f1f889f8e2a31dfd751c23', icon: "chevron-up", scale: iconScale })), h("span", { key: '137872f9897924e5d803a6c8691e76d97b9849ca', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
                 [CSS.input]: true,
                 [CSS.hour]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.hourEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, ref: this.setHourEl, role: "spinbutton", tabIndex: 0 }, this.localizedHour || "--"), h("span", { key: '0ccfcd3eeb04e85f7da68a93e098cf9512917ce5', "aria-label": this.messages.hourDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, ref: this.setHourEl, role: "spinbutton", tabIndex: 0 }, this.localizedHour || "--"), h("span", { key: '29fb9c92a013801bad2653a993b5c33764c10d12', "aria-label": this.messages.hourDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonHourDown]: true,
                 [CSS.buttonBottomLeft]: true,
-            }, onClick: this.hourDownClickHandler, role: "button" }, h("calcite-icon", { key: '4192e90218a65516ecde8a458787610f9b9edd19', icon: "chevron-down", scale: iconScale }))), h("span", { key: 'dcd3c4dd5b288d58399c14fd0ed900c5c5f232c8', class: CSS.delimiter }, this.localizedHourSuffix), h("div", { key: 'c76be45fb0e44c8ebc4eb9b8f3fe1f2bbce6ff2a', class: CSS.column, role: "group" }, h("span", { key: '33ced1cb8a027ff0cf97405d6e237ae8edfc752c', "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, h("calcite-icon", { key: '557650c90ba66405b6d254a913281001d9553ccd', icon: "chevron-down", scale: iconScale }))), h("span", { key: '186666854fd27680137a6dcfffc708257f7296a1', class: CSS.delimiter }, this.localizedHourSuffix), h("div", { key: '68d54624a648d15fe9248abb5a2b7d47ebb8d4ae', class: CSS.column, role: "group" }, h("span", { key: '412d6dc40d3a5df85334e87c986ff22a2a4a89b2', "aria-label": this.messages.minuteUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, h("calcite-icon", { key: '8e76ca8a979024044251d8fa7238d78b21f1ab7d', icon: "chevron-up", scale: iconScale })), h("span", { key: '1624aa7493b83aa3ebe4ad8f98d747357cb85133', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
+            }, onClick: this.minuteUpClickHandler, role: "button" }, h("calcite-icon", { key: '73ce5f6e4f296fedb75facd98806aaa0f9264f9e', icon: "chevron-up", scale: iconScale })), h("span", { key: '9e12170f05aba47a11f64b4986038588ba0d2526', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
                 [CSS.input]: true,
                 [CSS.minute]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.minuteEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, ref: this.setMinuteEl, role: "spinbutton", tabIndex: 0 }, this.localizedMinute || "--"), h("span", { key: 'c49716f1dc2b7b38919ad223aead9238afc578c4', "aria-label": this.messages.minuteDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, ref: this.setMinuteEl, role: "spinbutton", tabIndex: 0 }, this.localizedMinute || "--"), h("span", { key: 'a46f2686fc2b9c4e00b5917380ce32d00c426c13', "aria-label": this.messages.minuteDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, h("calcite-icon", { key: '71993e8095abe2cc7c59f85570f65d21f79d2a1a', icon: "chevron-down", scale: iconScale }))), this.showSecond && h("span", { key: '04deb17685d535f071c173306c9f130e40b7dca2', class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (h("div", { key: 'f9ef625ca2de1e3f4b51eaffe5c110919cfefcaf', class: CSS.column, role: "group" }, h("span", { key: '449a6e446bdeec64f2fc2ff9b3e28b35c9fac974', "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, h("calcite-icon", { key: '0442e7441c06408b4fbd08e5b9929ec28e292e2f', icon: "chevron-down", scale: iconScale }))), this.showSecond && h("span", { key: '3fa42032693c411259214cfeb2e8cb1b4b00e8ad', class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (h("div", { key: 'b56d1df519432c1ed12a97c2ca0104dd9b0e10fc', class: CSS.column, role: "group" }, h("span", { key: 'ecfdd7599b18acc92b0367743878cb43b5124c8b', "aria-label": this.messages.secondUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, h("calcite-icon", { key: '2264a34b57406266a37fb410636b3b90450444ee', icon: "chevron-up", scale: iconScale })), h("span", { key: '354db8faf89154c0e35b916fbce4589983c60391', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
+            }, onClick: this.secondUpClickHandler, role: "button" }, h("calcite-icon", { key: '745355c72d3cc9acb8ae31c773ab210183335b4e', icon: "chevron-up", scale: iconScale })), h("span", { key: '8214dc9a5f44b758406e3914c562f3622c0111be', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
                 [CSS.input]: true,
                 [CSS.second]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.secondEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, ref: this.setSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedSecond || "--"), h("span", { key: 'bcbb4dd9b52ee9d181c82872bdf052baf616f36f', "aria-label": this.messages.secondDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, ref: this.setSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedSecond || "--"), h("span", { key: '9cf088e25e010c520aa3f1cec8744926b310bce6', "aria-label": this.messages.secondDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, h("calcite-icon", { key: '929587373f82a19260f9523391dd66c8efb75142', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (h("span", { key: '7a8c6a7617c2e2297f2af95bb7dd86b6e3ab467c', class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (h("div", { key: '30670756880931411b29affce8882a918477a84e', class: CSS.column, role: "group" }, h("span", { key: '21e24abf5a5cf4b2e09e35cf6dd34e2579b239ff', "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, h("calcite-icon", { key: 'cbb0e61bef5ff64b65a68ffd96003a35cc49c778', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (h("span", { key: 'd544b2a64681f299b898d98c4c9484851b022a67', class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (h("div", { key: 'f74e8b291e21da12b89ce47e0e6ca98c5f87c53c', class: CSS.column, role: "group" }, h("span", { key: '742053eb033a078a338221e2ec37db9b3dcab106', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, h("calcite-icon", { key: 'f63960ef5b8ba94dcfde877a5afbb8627e7746f8', icon: "chevron-up", scale: iconScale })), h("span", { key: '320dcee216bb975470a901a10704f6d5c3964fea', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
+            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, h("calcite-icon", { key: 'b4f4e9d78b27e7e49a18cffe87c53b5d983a7a24', icon: "chevron-up", scale: iconScale })), h("span", { key: 'a643735e771f0bfac44bc8fa70a7f7f44a2bd995', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
                 [CSS.input]: true,
                 [CSS.fractionalSecond]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.fractionalSecondEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, ref: this.setFractionalSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedFractionalSecond || "--"), h("span", { key: 'c50801abf8b63bd907e4bcc74cf89c0645fe8a8d', "aria-label": this.messages.fractionalSecondDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, ref: this.setFractionalSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedFractionalSecond || "--"), h("span", { key: '606fa4272030adb287794834025c8ea5ab64b775', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, h("calcite-icon", { key: 'fdc6bd9e080141a81e353a2ce1da7e8239481c28', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { key: '132cccc017aab84aa27e95a70513c85a25ae43bb', class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { key: '9d35ac58eb3febd7365bf8f5d5422a2b82e7b58c', class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, h("calcite-icon", { key: '6088c70fbd84ba6628dd03ccc14bc8761b1474b0', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { key: '896a343dcbc4fd063453978ab4ba23152c1d5b02', class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { key: '279201865dd76e7b3403f7d9950cc35b12314c4e', class: {
                 [CSS.column]: true,
                 [CSS.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, h("span", { key: '89f0d5da6089d4497fc1b26c9b49053881225aa0', "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, h("span", { key: '9c9d8fc7d24826a04ced761072d3a462e17960c6', "aria-label": this.messages.meridiemUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonMeridiemUp]: true,
                 [CSS.buttonTopRight]: true,
-            }, onClick: this.meridiemUpClickHandler, role: "button" }, h("calcite-icon", { key: 'cbebff3749840bd6de63f96eab55e3e1d7e6fe9a', icon: "chevron-up", scale: iconScale })), h("span", { key: 'b4f0bd3e47d8cbfadfab045a9c87dbd539f0ee06', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
+            }, onClick: this.meridiemUpClickHandler, role: "button" }, h("calcite-icon", { key: '8fc5b56ff6d42d03362ad4a61ef3097c0f518a7b', icon: "chevron-up", scale: iconScale })), h("span", { key: '9566bd9ba5d3154d873454e2b665ce60fa3cef87', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
                 [CSS.input]: true,
                 [CSS.meridiem]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.meridiemEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, ref: this.setMeridiemEl, role: "spinbutton", tabIndex: 0 }, this.localizedMeridiem || "--"), h("span", { key: '4c4530826eaa567d8a23757601539b3432464b52', "aria-label": this.messages.meridiemDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, ref: this.setMeridiemEl, role: "spinbutton", tabIndex: 0 }, this.localizedMeridiem || "--"), h("span", { key: 'f19c68761eebad472f944ce66be8a44d4c1b9b94', "aria-label": this.messages.meridiemDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonMeridiemDown]: true,
                 [CSS.buttonBottomRight]: true,
-            }, onClick: this.meridiemDownClickHandler, role: "button" }, h("calcite-icon", { key: '835a086eb26e6548b89257ba9709863783e7d115', icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, h("calcite-icon", { key: '7592f3288984a22f0fc1d4b8df3967483768c05a', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }