@esri/calcite-components 1.7.1-next.2 → 1.8.0-next.0

package/dist/esm/calcite-input-date-picker.entry.js

@@ -1,26 +1,26 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.1-next.2
+ * v1.8.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-076873a8.js';
-import { d as datePartsFromISO, a as datePartsFromLocalizedString, b as dateFromLocalizedString, i as inRange, c as dateToISO, g as getValueAsDateRange, e as dateFromISO, f as getLocaleData, h as dateFromRange } from './utils-0f23a749.js';
-import { t as toAriaBoolean } from './dom-86d1d306.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-8436145e.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-35975a6d.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-bab5bdfd.js';
-import { n as numberKeys } from './key-c67d5809.js';
-import { c as connectLabel, d as disconnectLabel } from './label-7f0b95fb.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-185c3945.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-b0e55910.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-cfd85a9a.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-ea88db47.js';
-import { c as connectFocusTrap, d as deactivateFocusTrap, a as activateFocusTrap } from './focusTrapComponent-4542fa4e.js';
-import { g as guid } from './guid-39c3c100.js';
-import './resources-27bf9767.js';
-import './debounce-1d506949.js';
-import './browser-98466c38.js';
-import './observers-8af482aa.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c3fbce88.js';
+import { d as datePartsFromISO, a as datePartsFromLocalizedString, b as dateFromLocalizedString, i as inRange, c as dateToISO, g as getValueAsDateRange, e as dateFromISO, f as getLocaleData, h as dateFromRange } from './utils-a1aa8002.js';
+import { t as toAriaBoolean } from './dom-5be70645.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-6c21bacc.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-91d5efbc.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-189f9bf3.js';
+import { n as numberKeys } from './key-bf48a440.js';
+import { c as connectLabel, d as disconnectLabel } from './label-ad101fad.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-7d950f31.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-e9747e3f.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-e49d5a69.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-c9255e01.js';
+import { c as connectFocusTrap, d as deactivateFocusTrap, a as activateFocusTrap } from './focusTrapComponent-ab24c2c4.js';
+import { g as guid } from './guid-2bb3871a.js';
+import './resources-3caa5205.js';
+import './debounce-74f8bbda.js';
+import './browser-42aa39cb.js';
+import './observers-9cb41972.js';
 
 const CSS = {
   assistiveText: "assistive-text",

package/dist/esm/calcite-input-message.entry.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.1-next.2
+ * v1.8.0-next.0
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-076873a8.js';
-import { e as setRequestedIcon } from './dom-86d1d306.js';
-import './guid-39c3c100.js';
-import './resources-27bf9767.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-c3fbce88.js';
+import { e as setRequestedIcon } from './dom-5be70645.js';
+import './guid-2bb3871a.js';
+import './resources-3caa5205.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/esm/calcite-input-number.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.1-next.2
+ * v1.8.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-076873a8.js';
-import { h as getSlotted, i as isPrimaryPointerButton, e as setRequestedIcon, g as getElementDir } from './dom-86d1d306.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-35975a6d.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-bab5bdfd.js';
-import { n as numberKeys } from './key-c67d5809.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7f0b95fb.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-185c3945.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as addLocalizedTrailingDecimalZeros, c as connectLocalized, d as disconnectLocalized, B as BigDecimal } from './locale-b0e55910.js';
-import { c as createObserver } from './observers-8af482aa.js';
-import { C as CSS_UTILITY } from './resources-27bf9767.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-ea88db47.js';
-import './guid-39c3c100.js';
-import './browser-98466c38.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c3fbce88.js';
+import { h as getSlotted, i as isPrimaryPointerButton, e as setRequestedIcon, g as getElementDir } from './dom-5be70645.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-91d5efbc.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-189f9bf3.js';
+import { n as numberKeys } from './key-bf48a440.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-ad101fad.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentFocusable } from './loadable-7d950f31.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as addLocalizedTrailingDecimalZeros, c as connectLocalized, d as disconnectLocalized, B as BigDecimal } from './locale-e9747e3f.js';
+import { c as createObserver } from './observers-9cb41972.js';
+import { C as CSS_UTILITY } from './resources-3caa5205.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-c9255e01.js';
+import './guid-2bb3871a.js';
+import './browser-42aa39cb.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/calcite-input-text.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.1-next.2
+ * v1.8.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-076873a8.js';
-import { h as getSlotted, e as setRequestedIcon, g as getElementDir } from './dom-86d1d306.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-35975a6d.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-bab5bdfd.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7f0b95fb.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-185c3945.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-b0e55910.js';
-import { c as createObserver } from './observers-8af482aa.js';
-import { C as CSS_UTILITY } from './resources-27bf9767.js';
-import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-ea88db47.js';
-import './guid-39c3c100.js';
-import './browser-98466c38.js';
-import './key-c67d5809.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c3fbce88.js';
+import { h as getSlotted, e as setRequestedIcon, g as getElementDir } from './dom-5be70645.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-91d5efbc.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-189f9bf3.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-ad101fad.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-7d950f31.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-e9747e3f.js';
+import { c as createObserver } from './observers-9cb41972.js';
+import { C as CSS_UTILITY } from './resources-3caa5205.js';
+import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-c9255e01.js';
+import './guid-2bb3871a.js';
+import './browser-42aa39cb.js';
+import './key-bf48a440.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/{calcite-input-time-picker.calcite-time-picker-d98f3ae8.js → calcite-input-time-picker.calcite-time-picker-0bed126d.js}

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.1-next.2
+ * v1.8.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-076873a8.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-35975a6d.js';
-import { g as guid } from './guid-39c3c100.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-bab5bdfd.js';
-import { n as numberKeys } from './key-c67d5809.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-7f0b95fb.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-185c3945.js';
-import { n as numberStringFormatter, b as getDateTimeFormat, i as isValidNumber, e as getSupportedNumberingSystem, g as getSupportedLocale, c as connectLocalized, d as disconnectLocalized } from './locale-b0e55910.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap } from './focusTrapComponent-4542fa4e.js';
-import { d as decimalPlaces, g as getDecimals } from './math-ec63d34d.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-ea88db47.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-c3fbce88.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-91d5efbc.js';
+import { g as guid } from './guid-2bb3871a.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-189f9bf3.js';
+import { n as numberKeys } from './key-bf48a440.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-ad101fad.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-7d950f31.js';
+import { n as numberStringFormatter, b as getDateTimeFormat, i as isValidNumber, e as getSupportedNumberingSystem, g as getSupportedLocale, c as connectLocalized, d as disconnectLocalized } from './locale-e9747e3f.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap } from './focusTrapComponent-ab24c2c4.js';
+import { d as decimalPlaces, g as getDecimals } from './math-a9b9a7c5.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-c9255e01.js';
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true, fractionalSecondDigits) {
@@ -1444,56 +1444,56 @@ const inputTimePickerCss = ":host([disabled]){cursor:default;-webkit-user-select
 
 // some bundlers (e.g., Webpack) need dynamic import paths to be static
 const supportedDayjsLocaleToLocaleConfigImport = new Map([
-  ["ar", () => import('./ar-a34e4331.js')],
-  ["bg", () => import('./bg-7d5393fe.js')],
-  ["bs", () => import('./bs-468c2ed7.js')],
-  ["ca", () => import('./ca-277e4886.js')],
-  ["cs", () => import('./cs-d4396e66.js')],
-  ["da", () => import('./da-9afee29d.js')],
-  ["de", () => import('./de-7e0cfea4.js')],
-  ["de-at", () => import('./de-at-7750489c.js')],
-  ["de-ch", () => import('./de-ch-e8ade6bd.js')],
-  ["el", () => import('./el-93cde66a.js')],
+  ["ar", () => import('./ar-777d5897.js')],
+  ["bg", () => import('./bg-35221306.js')],
+  ["bs", () => import('./bs-39a2d3ca.js')],
+  ["ca", () => import('./ca-424fc229.js')],
+  ["cs", () => import('./cs-bbc91976.js')],
+  ["da", () => import('./da-cf386629.js')],
+  ["de", () => import('./de-05978c19.js')],
+  ["de-at", () => import('./de-at-26224d7a.js')],
+  ["de-ch", () => import('./de-ch-33df0401.js')],
+  ["el", () => import('./el-4d1cc333.js')],
   ["en", () => Promise.resolve().then(function () { return en$1; })],
-  ["en-au", () => import('./en-au-dc1fb699.js')],
-  ["en-ca", () => import('./en-ca-a2feb51a.js')],
-  ["en-gb", () => import('./en-gb-0c3ba0b8.js')],
-  ["es", () => import('./es-d1062882.js')],
-  ["es-mx", () => import('./es-mx-ae231e5c.js')],
-  ["et", () => import('./et-5a0e1e22.js')],
-  ["fi", () => import('./fi-5ec0d6f4.js')],
-  ["fr", () => import('./fr-a7335e87.js')],
-  ["fr-ch", () => import('./fr-ch-fc670dad.js')],
-  ["he", () => import('./he-5fd4f42e.js')],
-  ["hi", () => import('./hi-e21a5801.js')],
-  ["hr", () => import('./hr-1f7c73c3.js')],
-  ["hu", () => import('./hu-c70b0ac7.js')],
-  ["id", () => import('./id-17b4523e.js')],
-  ["it", () => import('./it-846ecbbb.js')],
-  ["it-ch", () => import('./it-ch-a51d1840.js')],
-  ["ja", () => import('./ja-3d42cf3b.js')],
-  ["ko", () => import('./ko-606eca1d.js')],
-  ["lt", () => import('./lt-6cc1c3fb.js')],
-  ["lv", () => import('./lv-fe5b4414.js')],
-  ["mk", () => import('./mk-64c9a0c1.js')],
-  ["nl", () => import('./nl-76cec413.js')],
-  ["nb", () => import('./nb-9534d3d9.js')],
-  ["pl", () => import('./pl-129c5fbc.js')],
-  ["pt", () => import('./pt-7ca34d79.js')],
-  ["pt-br", () => import('./pt-br-d088344e.js')],
-  ["ro", () => import('./ro-9e6ee065.js')],
-  ["ru", () => import('./ru-183c30ec.js')],
-  ["sk", () => import('./sk-183e7e59.js')],
-  ["sl", () => import('./sl-ffd7fff9.js')],
-  ["sr", () => import('./sr-ac375b86.js')],
-  ["sv", () => import('./sv-fb6582e2.js')],
-  ["th", () => import('./th-a8b17862.js')],
-  ["tr", () => import('./tr-44eb8e5f.js')],
-  ["uk", () => import('./uk-422cecec.js')],
-  ["vi", () => import('./vi-69163bc4.js')],
-  ["zh-cn", () => import('./zh-cn-b7ac9b95.js')],
-  ["zh-hk", () => import('./zh-hk-bde8be6c.js')],
-  ["zh-tw", () => import('./zh-tw-f4348505.js')],
+  ["en-au", () => import('./en-au-151ec2c4.js')],
+  ["en-ca", () => import('./en-ca-e5f08c00.js')],
+  ["en-gb", () => import('./en-gb-8355e7dd.js')],
+  ["es", () => import('./es-82ac5d15.js')],
+  ["es-mx", () => import('./es-mx-77420e25.js')],
+  ["et", () => import('./et-6ef80668.js')],
+  ["fi", () => import('./fi-2cbfb28a.js')],
+  ["fr", () => import('./fr-f8df1fbb.js')],
+  ["fr-ch", () => import('./fr-ch-b0ec270d.js')],
+  ["he", () => import('./he-c0643a3b.js')],
+  ["hi", () => import('./hi-2dab9137.js')],
+  ["hr", () => import('./hr-8bf7bfae.js')],
+  ["hu", () => import('./hu-8188bd52.js')],
+  ["id", () => import('./id-beca0b3a.js')],
+  ["it", () => import('./it-8fea51cc.js')],
+  ["it-ch", () => import('./it-ch-8dc159ed.js')],
+  ["ja", () => import('./ja-1b1d84dd.js')],
+  ["ko", () => import('./ko-bc9f51cd.js')],
+  ["lt", () => import('./lt-a3aed9b0.js')],
+  ["lv", () => import('./lv-4863e082.js')],
+  ["mk", () => import('./mk-3dc47ab4.js')],
+  ["nl", () => import('./nl-45515e76.js')],
+  ["nb", () => import('./nb-01855388.js')],
+  ["pl", () => import('./pl-b7f87fda.js')],
+  ["pt", () => import('./pt-b41d1583.js')],
+  ["pt-br", () => import('./pt-br-2d98a586.js')],
+  ["ro", () => import('./ro-19cced92.js')],
+  ["ru", () => import('./ru-f6740e42.js')],
+  ["sk", () => import('./sk-89a43429.js')],
+  ["sl", () => import('./sl-d223dff6.js')],
+  ["sr", () => import('./sr-989e1fdd.js')],
+  ["sv", () => import('./sv-5dfbc503.js')],
+  ["th", () => import('./th-62c83704.js')],
+  ["tr", () => import('./tr-0bb95277.js')],
+  ["uk", () => import('./uk-ad5bb66b.js')],
+  ["vi", () => import('./vi-45f665fe.js')],
+  ["zh-cn", () => import('./zh-cn-8f81b11c.js')],
+  ["zh-hk", () => import('./zh-hk-ca2d854e.js')],
+  ["zh-tw", () => import('./zh-tw-c0ceff70.js')],
 ]);
 dayjs.extend(customParseFormat);
 dayjs.extend(localeData);
@@ -2088,6 +2088,7 @@ const CSS = {
   fractionalSecond: "fractionalSecond",
   hour: "hour",
   input: "input",
+  inputFocus: "inputFocus",
   meridiem: "meridiem",
   minute: "minute",
   second: "second",
@@ -2100,7 +2101,7 @@ const CSS = {
   meridiemStart: "meridiem--start",
 };
 
-const timePickerCss = ":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-app-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);z-index:var(--calcite-app-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);z-index:var(--calcite-app-z-index-header);outline-offset:0}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";
+const timePickerCss = ":host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-app-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);z-index:var(--calcite-app-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;outline-offset:0}.time-picker .input.inputFocus,.time-picker .input:hover.inputFocus{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);z-index:var(--calcite-app-z-index-header)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";
 
 function capitalize(str) {
   return str.charAt(0).toUpperCase() + str.slice(1);
@@ -2111,9 +2112,7 @@ const TimePicker = class {
     this.calciteInternalTimePickerBlur = createEvent(this, "calciteInternalTimePickerBlur", 6);
     this.calciteInternalTimePickerChange = createEvent(this, "calciteInternalTimePickerChange", 6);
     this.calciteInternalTimePickerFocus = createEvent(this, "calciteInternalTimePickerFocus", 6);
-    this.decrementFractionalSecond = () => {
-      this.nudgeFractionalSecond("down");
-    };
+    this.pointerActivated = false;
     this.decrementHour = () => {
       const newHour = !this.hour ? 0 : this.hour === "00" ? 23 : parseInt(this.hour) - 1;
       this.setValuePart("hour", newHour);
@@ -2140,6 +2139,9 @@ const TimePicker = class {
       this.decrementMinuteOrSecond("second");
     };
     this.focusHandler = (event) => {
+      if (this.pointerActivated) {
+        return;
+      }
       this.activeEl = event.currentTarget;
     };
     this.fractionalSecondKeyDownHandler = (event) => {
@@ -2177,6 +2179,21 @@ const TimePicker = class {
         }
       }
     };
+    this.fractionalSecondDownClickHandler = () => {
+      this.activeEl = this.fractionalSecondEl;
+      this.fractionalSecondEl.focus();
+      this.nudgeFractionalSecond("down");
+    };
+    this.fractionalSecondUpClickHandler = () => {
+      this.activeEl = this.fractionalSecondEl;
+      this.fractionalSecondEl.focus();
+      this.nudgeFractionalSecond("up");
+    };
+    this.hourDownClickHandler = () => {
+      this.activeEl = this.hourEl;
+      this.hourEl.focus();
+      this.decrementHour();
+    };
     this.hourKeyDownHandler = (event) => {
       const { key } = event;
       if (numberKeys.includes(key)) {
@@ -2228,8 +2245,10 @@ const TimePicker = class {
         }
       }
     };
-    this.incrementFractionalSecond = () => {
-      this.nudgeFractionalSecond("up");
+    this.hourUpClickHandler = () => {
+      this.activeEl = this.hourEl;
+      this.hourEl.focus();
+      this.incrementHour();
     };
     this.incrementMeridiem = () => {
       const newMeridiem = this.meridiem === "AM" ? "PM" : "AM";
@@ -2257,6 +2276,14 @@ const TimePicker = class {
     this.incrementSecond = () => {
       this.incrementMinuteOrSecond("second");
     };
+    this.inputClickHandler = (event) => {
+      this.activeEl = event.target;
+    };
+    this.meridiemUpClickHandler = () => {
+      this.activeEl = this.meridiemEl;
+      this.meridiemEl.focus();
+      this.incrementMeridiem();
+    };
     this.meridiemKeyDownHandler = (event) => {
       switch (event.key) {
         case "a":
@@ -2282,6 +2309,21 @@ const TimePicker = class {
           break;
       }
     };
+    this.meridiemDownClickHandler = () => {
+      this.activeEl = this.meridiemEl;
+      this.meridiemEl.focus();
+      this.decrementMeridiem();
+    };
+    this.minuteDownClickHandler = () => {
+      this.activeEl = this.minuteEl;
+      this.minuteEl.focus();
+      this.decrementMinute();
+    };
+    this.minuteUpClickHandler = () => {
+      this.activeEl = this.minuteEl;
+      this.minuteEl.focus();
+      this.incrementMinute();
+    };
     this.minuteKeyDownHandler = (event) => {
       const { key } = event;
       if (numberKeys.includes(key)) {
@@ -2401,6 +2443,16 @@ const TimePicker = class {
         }
       }
     };
+    this.secondDownClickHandler = () => {
+      this.activeEl = this.secondEl;
+      this.secondEl.focus();
+      this.decrementSecond();
+    };
+    this.secondUpClickHandler = () => {
+      this.activeEl = this.secondEl;
+      this.secondEl.focus();
+      this.incrementSecond();
+    };
     this.setHourEl = (el) => (this.hourEl = el);
     this.setMeridiemEl = (el) => (this.meridiemEl = el);
     this.setMinuteEl = (el) => (this.minuteEl = el);
@@ -2531,6 +2583,7 @@ const TimePicker = class {
     this.value = null;
     this.messages = undefined;
     this.messageOverrides = undefined;
+    this.activeEl = undefined;
     this.effectiveLocale = "";
     this.fractionalSecond = undefined;
     this.hour = undefined;
@@ -2568,13 +2621,16 @@ const TimePicker = class {
   //  Event Listeners
   //
   //--------------------------------------------------------------------------
-  hostBlurHandler() {
+  blurHandler() {
+    this.activeEl = undefined;
+    this.pointerActivated = false;
     this.calciteInternalTimePickerBlur.emit();
   }
   hostFocusHandler() {
     this.calciteInternalTimePickerFocus.emit();
   }
   keyDownHandler(event) {
+    this.pointerActivated = false;
     const { defaultPrevented, key } = event;
     if (defaultPrevented) {
       return;
@@ -2654,6 +2710,9 @@ const TimePicker = class {
         break;
     }
   }
+  pointerDownHandler() {
+    this.pointerActivated = true;
+  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -2744,65 +2803,70 @@ const TimePicker = class {
         [CSS.button]: true,
         [CSS.buttonHourUp]: true,
         [CSS.buttonTopLeft]: true,
-      }, onClick: this.incrementHour, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "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", { icon: "chevron-up", scale: iconScale })), h("span", { "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,
-      }, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, role: "spinbutton", tabIndex: 0,
+        [CSS.inputFocus]: this.activeEl && this.activeEl === this.hourEl,
+      }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setHourEl }, this.localizedHour || "--"), h("span", { "aria-label": this.messages.hourDown, class: {
         [CSS.button]: true,
         [CSS.buttonHourDown]: true,
         [CSS.buttonBottomLeft]: true,
-      }, onClick: this.decrementHour, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), h("span", { class: CSS.delimiter }, this.localizedHourSuffix), h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.minuteUp, class: {
+      }, onClick: this.hourDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), h("span", { class: CSS.delimiter }, this.localizedHourSuffix), h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.minuteUp, class: {
         [CSS.button]: true,
         [CSS.buttonMinuteUp]: true,
-      }, onClick: this.incrementMinute, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "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", { icon: "chevron-up", scale: iconScale })), h("span", { "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,
-      }, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, role: "spinbutton", tabIndex: 0,
+        [CSS.inputFocus]: this.activeEl && this.activeEl === this.minuteEl,
+      }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setMinuteEl }, this.localizedMinute || "--"), h("span", { "aria-label": this.messages.minuteDown, class: {
         [CSS.button]: true,
         [CSS.buttonMinuteDown]: true,
-      }, onClick: this.decrementMinute, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), this.showSecond && h("span", { class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.secondUp, class: {
+      }, onClick: this.minuteDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), this.showSecond && h("span", { class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.secondUp, class: {
         [CSS.button]: true,
         [CSS.buttonSecondUp]: true,
-      }, onClick: this.incrementSecond, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "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", { icon: "chevron-up", scale: iconScale })), h("span", { "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,
-      }, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, role: "spinbutton", tabIndex: 0,
+        [CSS.inputFocus]: this.activeEl && this.activeEl === this.secondEl,
+      }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setSecondEl }, this.localizedSecond || "--"), h("span", { "aria-label": this.messages.secondDown, class: {
         [CSS.button]: true,
         [CSS.buttonSecondDown]: true,
-      }, onClick: this.decrementSecond, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (h("span", { class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.fractionalSecondUp, class: {
+      }, onClick: this.secondDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (h("span", { class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (h("div", { class: CSS.column, role: "group" }, h("span", { "aria-label": this.messages.fractionalSecondUp, class: {
         [CSS.button]: true,
         [CSS.buttonFractionalSecondUp]: true,
-      }, onClick: this.incrementFractionalSecond, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "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", { icon: "chevron-up", scale: iconScale })), h("span", { "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,
-      }, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, role: "spinbutton", tabIndex: 0,
+        [CSS.inputFocus]: this.activeEl && this.activeEl === this.fractionalSecondEl,
+      }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setFractionalSecondEl }, this.localizedFractionalSecond || "--"), h("span", { "aria-label": this.messages.fractionalSecondDown, class: {
         [CSS.button]: true,
         [CSS.buttonFractionalSecondDown]: true,
-      }, onClick: this.decrementFractionalSecond, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { class: {
+      }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (h("span", { class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (h("div", { class: {
         [CSS.column]: true,
         [CSS.meridiemStart]: this.meridiemOrder === 0,
       }, role: "group" }, h("span", { "aria-label": this.messages.meridiemUp, class: {
         [CSS.button]: true,
         [CSS.buttonMeridiemUp]: true,
         [CSS.buttonTopRight]: true,
-      }, onClick: this.incrementMeridiem, role: "button" }, h("calcite-icon", { icon: "chevron-up", scale: iconScale })), h("span", { "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", { icon: "chevron-up", scale: iconScale })), h("span", { "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,
-      }, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, role: "spinbutton", tabIndex: 0,
+        [CSS.inputFocus]: this.activeEl && this.activeEl === this.meridiemEl,
+      }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setMeridiemEl }, this.localizedMeridiem || "--"), h("span", { "aria-label": this.messages.meridiemDown, class: {
         [CSS.button]: true,
         [CSS.buttonMeridiemDown]: true,
         [CSS.buttonBottomRight]: true,
-      }, onClick: this.decrementMeridiem, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))))));
+      }, onClick: this.meridiemDownClickHandler, role: "button" }, h("calcite-icon", { icon: "chevron-down", scale: iconScale }))))));
   }
   static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }

package/dist/esm/calcite-input-time-picker_2.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.1-next.2
+ * v1.8.0-next.0
  */
-export { I as calcite_input_time_picker, T as calcite_time_picker } from './calcite-input-time-picker.calcite-time-picker-d98f3ae8.js';
-import './index-076873a8.js';
-import './form-35975a6d.js';
-import './dom-86d1d306.js';
-import './guid-39c3c100.js';
-import './resources-27bf9767.js';
-import './interactive-bab5bdfd.js';
-import './browser-98466c38.js';
-import './key-c67d5809.js';
-import './label-7f0b95fb.js';
-import './loadable-185c3945.js';
-import './locale-b0e55910.js';
-import './observers-8af482aa.js';
-import './focusTrapComponent-4542fa4e.js';
-import './math-ec63d34d.js';
-import './t9n-ea88db47.js';
+export { I as calcite_input_time_picker, T as calcite_time_picker } from './calcite-input-time-picker.calcite-time-picker-0bed126d.js';
+import './index-c3fbce88.js';
+import './form-91d5efbc.js';
+import './dom-5be70645.js';
+import './guid-2bb3871a.js';
+import './resources-3caa5205.js';
+import './interactive-189f9bf3.js';
+import './browser-42aa39cb.js';
+import './key-bf48a440.js';
+import './label-ad101fad.js';
+import './loadable-7d950f31.js';
+import './locale-e9747e3f.js';
+import './observers-9cb41972.js';
+import './focusTrapComponent-ab24c2c4.js';
+import './math-a9b9a7c5.js';
+import './t9n-c9255e01.js';