@esri/calcite-components 1.5.0-next.21 → 1.5.0-next.23

package/dist/collection/components/functional/ExpandToggle.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -9,18 +9,18 @@ import { queryActions } from "../action-bar/utils";
 import { SLOTS as ACTION_GROUP_SLOTS } from "../action-group/resources";
 const ICONS = {
   chevronsLeft: "chevrons-left",
-  chevronsRight: "chevrons-right"
+  chevronsRight: "chevrons-right",
 };
 function getCalcitePosition(position, el) {
   return position || el.closest("calcite-shell-panel")?.position || "start";
 }
-export function toggleChildActionText({ el, expanded }) {
+export function toggleChildActionText({ el, expanded, }) {
   queryActions(el)
     .filter((el) => el.slot !== ACTION_GROUP_SLOTS.menuActions)
     .forEach((action) => (action.textEnabled = expanded));
   el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
 }
-const setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {
+const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
   if (tooltip) {
     tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
   }
@@ -29,7 +29,7 @@ const setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {
   }
   return referenceElement;
 };
-export const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position, tooltip, ref, scale }) => {
+export const ExpandToggle = ({ expanded, intlExpand, intlCollapse, toggle, el, position, tooltip, ref, scale, }) => {
   const rtl = getElementDir(el) === "rtl";
   const expandText = expanded ? intlCollapse : intlExpand;
   const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];

package/dist/collection/components/functional/FloatingArrow.js

@@ -1,17 +1,17 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 import { h } from "@stencil/core";
 const CSS = {
   arrow: "calcite-floating-ui-arrow",
-  arrowStroke: "calcite-floating-ui-arrow__stroke"
+  arrowStroke: "calcite-floating-ui-arrow__stroke",
 };
 const DEFAULTS = {
   width: 12,
   height: 6,
-  strokeWidth: 1
+  strokeWidth: 1,
 };
 /**
  * Renders a SVG element to be used as a floating-ui arrow.
@@ -25,7 +25,7 @@ const DEFAULTS = {
  * @param floatingLayout.key
  * @param floatingLayout.ref
  */
-export const FloatingArrow = ({ floatingLayout, key, ref }) => {
+export const FloatingArrow = ({ floatingLayout, key, ref, }) => {
   const { width, height, strokeWidth } = DEFAULTS;
   const svgX = width / 2;
   const isVertical = floatingLayout === "vertical";

package/dist/collection/components/functional/Heading.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 import { h } from "@stencil/core";
 export function constrainHeadingLevel(level) {

package/dist/collection/components/functional/XButton.js

@@ -1,13 +1,13 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 import { h } from "@stencil/core";
 export const CSS = {
-  button: "x-button"
+  button: "x-button",
 };
-export function XButton({ disabled, key, label, onClick, ref, scale }) {
+export function XButton({ disabled, key, label, onClick, ref, scale, }) {
   return (h("button", { "aria-label": label, class: CSS.button, disabled: disabled, key: key, onClick: onClick, tabIndex: -1, type: "button",
     // eslint-disable-next-line react/jsx-sort-props
     ref: ref }, h("calcite-icon", { icon: "x", scale: scale === "l" ? "m" : "s" })));

package/dist/collection/components/graph/graph.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 import { forceUpdate, h } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -80,7 +80,7 @@ export class Graph {
               `, fill: "white" })),
       h("path", { class: "graph-path", d: areaPath, fill: fill, mask: `url(#${id}1)` }),
       h("path", { class: "graph-path--highlight", d: areaPath, fill: fill, mask: `url(#${id}2)` }),
-      h("path", { class: "graph-path", d: areaPath, fill: fill, mask: `url(#${id}3)` })
+      h("path", { class: "graph-path", d: areaPath, fill: fill, mask: `url(#${id}3)` }),
     ]) : (h("path", { class: "graph-path", d: areaPath, fill: fill }))));
   }
   static get is() { return "calcite-graph"; }

package/dist/collection/components/graph/util.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 /**
  * Calculate slope of the tangents
@@ -86,7 +86,7 @@ export function range(data) {
   const max = [startX, startY];
   return data.reduce(({ min, max }, [x, y]) => ({
     min: [Math.min(min[0], x), Math.min(min[1], y)],
-    max: [Math.max(max[0], x), Math.max(max[1], y)]
+    max: [Math.max(max[0], x), Math.max(max[1], y)],
   }), { min, max });
 }
 /**

package/dist/collection/components/handle/handle.js

@@ -1,13 +1,13 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { CSS, ICONS } from "./resources";
 export class Handle {
   constructor() {

package/dist/collection/components/handle/resources.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.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   handle: "handle",
-  handleActivated: "handle--activated"
+  handleActivated: "handle--activated",
 };
 export const ICONS = {
-  drag: "drag"
+  drag: "drag",
 };

package/dist/collection/components/icon/icon.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";
@@ -43,7 +43,7 @@ export class Icon {
     const paths = [].concat(pathData || "");
     return (h(Host, { "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { "aria-hidden": "true", class: {
         [CSS.flipRtl]: dir === "rtl" && flipRtl,
-        svg: true
+        svg: true,
       }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
   }
   //--------------------------------------------------------------------------

package/dist/collection/components/icon/resources.js

@@ -1,9 +1,9 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   icon: "icon",
-  flipRtl: "flip-rtl"
+  flipRtl: "flip-rtl",
 };

package/dist/collection/components/icon/utils.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 import { getAssetPath } from "@stencil/core";
 /**
@@ -21,7 +21,7 @@ export const requestCache = {};
 export const scaleToPx = {
   s: 16,
   m: 24,
-  l: 32
+  l: 32,
 };
 export async function fetchIcon({ icon, scale }) {
   const size = scaleToPx[scale];

package/dist/collection/components/inline-editable/inline-editable.js

@@ -1,16 +1,16 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { CSS } from "./resources";
 /**
  * @slot - A slot for adding a `calcite-input`.
@@ -148,7 +148,7 @@ export class InlineEditable {
   render() {
     return (h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { class: CSS.inputWrapper }, h("slot", null)), h("div", { class: CSS.controlsWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, scale: this.scale, style: {
         opacity: this.editingEnabled ? "0" : "1",
-        width: this.editingEnabled ? "0" : "inherit"
+        width: this.editingEnabled ? "0" : "inherit",
       }, type: "button",
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.enableEditingButton = el) }), this.shouldShowControls && [
@@ -157,7 +157,7 @@ export class InlineEditable {
         ref: (el) => (this.cancelEditingButton = el) })),
       h("calcite-button", { appearance: "solid", class: CSS.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, scale: this.scale, type: "button",
         // eslint-disable-next-line react/jsx-sort-props
-        ref: (el) => (this.confirmEditingButton = el) })
+        ref: (el) => (this.confirmEditingButton = el) }),
     ])));
   }
   //--------------------------------------------------------------------------
@@ -197,7 +197,7 @@ export class InlineEditable {
   }
   updateSlottedInput() {
     const inputElement = getSlotted(this.el, {
-      matches: "calcite-input"
+      matches: "calcite-input",
     });
     this.inputElement = inputElement;
     if (!inputElement) {

package/dist/collection/components/inline-editable/resources.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   wrapper: "wrapper",
@@ -10,5 +10,5 @@ export const CSS = {
   inputWrapper: "input-wrapper",
   cancelEditingButtonWrapper: "cancel-editing-button-wrapper",
   enableEditingButton: "enable-editing-button",
-  controlsWrapper: "controls-wrapper"
+  controlsWrapper: "controls-wrapper",
 };

package/dist/collection/components/input/input.js

@@ -1,20 +1,20 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
-import { getElementDir, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";
-import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { h, Host, } from "@stencil/core";
+import { getElementDir, getSlotted, isPrimaryPointerButton, setRequestedIcon, } from "../../utils/dom";
+import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm, } from "../../utils/form";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
-import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
-import { addLocalizedTrailingDecimalZeros, BigDecimal, isValidNumber, parseNumberString, sanitizeNumberString } from "../../utils/number";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+import { connectLocalized, disconnectLocalized, numberStringFormatter, } from "../../utils/locale";
+import { addLocalizedTrailingDecimalZeros, BigDecimal, isValidNumber, parseNumberString, sanitizeNumberString, } from "../../utils/number";
 import { createObserver } from "../../utils/observers";
 import { CSS_UTILITY } from "../../utils/resources";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { CSS, INPUT_TYPE_ICONS, SLOTS } from "./resources";
 /**
  * @slot action - A slot for positioning a `calcite-button` next to the component.
@@ -50,7 +50,7 @@ export class Input {
         committing: true,
         nativeEvent,
         origin: "user",
-        value: ""
+        value: "",
       });
     };
     this.emitChangeIfUserModified = () => {
@@ -87,7 +87,7 @@ export class Input {
       this.setValue({
         nativeEvent,
         origin: "user",
-        value: nativeEvent.target.value
+        value: nativeEvent.target.value,
       });
     };
     this.inputKeyDownHandler = (event) => {
@@ -106,7 +106,7 @@ export class Input {
       numberStringFormatter.numberFormatOptions = {
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        useGrouping: this.groupSeparator
+        useGrouping: this.groupSeparator,
       };
       const delocalizedValue = numberStringFormatter.delocalize(value);
       if (nativeEvent.inputType === "insertFromPaste") {
@@ -116,7 +116,7 @@ export class Input {
         this.setValue({
           nativeEvent,
           origin: "user",
-          value: parseNumberString(delocalizedValue)
+          value: parseNumberString(delocalizedValue),
         });
         this.childNumberEl.value = this.localizedValue;
       }
@@ -124,7 +124,7 @@ export class Input {
         this.setValue({
           nativeEvent,
           origin: "user",
-          value: delocalizedValue
+          value: delocalizedValue,
         });
       }
     };
@@ -150,7 +150,7 @@ export class Input {
         "Delete",
         "Enter",
         "Escape",
-        "Tab"
+        "Tab",
       ];
       if (event.altKey || event.ctrlKey || event.metaKey) {
         return;
@@ -165,7 +165,7 @@ export class Input {
       numberStringFormatter.numberFormatOptions = {
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        useGrouping: this.groupSeparator
+        useGrouping: this.groupSeparator,
       };
       if (event.key === numberStringFormatter.decimal) {
         if (!this.value && !this.childNumberEl.value) {
@@ -230,7 +230,7 @@ export class Input {
       if (event.target.name === this.name) {
         this.setValue({
           value: event.target.value,
-          origin: "direct"
+          origin: "direct",
         });
       }
       event.stopPropagation();
@@ -256,7 +256,7 @@ export class Input {
     this.setPreviousValue = (value) => {
       this.previousValue = this.normalizeValue(value);
     };
-    this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
+    this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value, }) => {
       this.setPreviousValue(previousValue ?? this.value);
       this.previousValueOrigin = origin;
       if (this.type === "number") {
@@ -264,7 +264,7 @@ export class Input {
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
           useGrouping: this.groupSeparator,
-          signDisplay: "never"
+          signDisplay: "never",
         };
         const isValueDeleted = this.previousValue?.length > value.length || this.value?.length > value.length;
         const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === ".";
@@ -382,7 +382,7 @@ export class Input {
             ? isValidNumber(newValue)
               ? newValue
               : this.previousValue || ""
-            : newValue
+            : newValue,
       });
       this.warnAboutInvalidNumberValue(newValue);
     }
@@ -421,7 +421,7 @@ export class Input {
       this.warnAboutInvalidNumberValue(this.value);
       this.setValue({
         origin: "connected",
-        value: isValidNumber(this.value) ? this.value : ""
+        value: isValidNumber(this.value) ? this.value : "",
       });
     }
     this.mutationObserver?.observe(this.el, { childList: true });
@@ -452,7 +452,7 @@ export class Input {
     if (this.type === "number" && property === "value" && newValue && !isValidNumber(newValue)) {
       this.setValue({
         origin: "reset",
-        value: oldValue
+        value: oldValue,
       });
       return false;
     }
@@ -485,17 +485,6 @@ export class Input {
       this.childEl?.select();
     }
   }
-  // TODO: refactor so we don't need to sync the internals in color-picker
-  // https://github.com/Esri/calcite-design-system/issues/6100
-  /** @internal */
-  async internalSyncChildElValue() {
-    if (this.type === "number") {
-      this.childNumberEl.value = this.value;
-    }
-    else {
-      this.childEl.value = this.value;
-    }
-  }
   onLabelClick() {
     this.setFocus();
   }
@@ -520,13 +509,13 @@ export class Input {
       committing: true,
       nativeEvent,
       origin: "user",
-      value: finalValue
+      value: finalValue,
     });
   }
   onFormReset() {
     this.setValue({
       origin: "reset",
-      value: this.defaultValue
+      value: this.defaultValue,
     });
   }
   syncHiddenFormInput(input) {
@@ -582,11 +571,11 @@ export class Input {
     const isHorizontalNumberButton = this.numberButtonType === "horizontal";
     const numberButtonsHorizontalUp = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
-        [CSS.buttonItemHorizontal]: isHorizontalNumberButton
+        [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
       }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-up", scale: this.scale === "l" ? "m" : "s" })));
     const numberButtonsHorizontalDown = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
-        [CSS.buttonItemHorizontal]: isHorizontalNumberButton
+        [CSS.buttonItemHorizontal]: isHorizontalNumberButton,
       }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-down", scale: this.scale === "l" ? "m" : "s" })));
     const numberButtonsVertical = (h("div", { class: CSS.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
     const prefixText = h("div", { class: CSS.prefix }, this.prefixText);
@@ -598,11 +587,11 @@ export class Input {
       ? [
         h(this.childElType, { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, class: {
             [CSS.editingEnabled]: this.editingEnabled,
-            [CSS.inlineChild]: !!this.inlineEditableEl
+            [CSS.inlineChild]: !!this.inlineEditableEl,
           }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.enterKeyHint, inputMode: this.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, multiple: this.multiple, name: this.name, onBlur: this.inputBlurHandler, onChange: this.inputChangeHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: this.type, value: this.value,
           // eslint-disable-next-line react/jsx-sort-props
           ref: this.setChildElRef }),
-        this.isTextarea ? (h("div", { class: CSS.resizeIconWrapper }, h("calcite-icon", { icon: "chevron-down", scale: this.scale === "l" ? "m" : "s" }))) : null
+        this.isTextarea ? (h("div", { class: CSS.resizeIconWrapper }, h("calcite-icon", { icon: "chevron-down", scale: this.scale === "l" ? "m" : "s" }))) : null,
       ]
       : null;
     return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly
@@ -1521,25 +1510,6 @@ export class Input {
           "text": "Selects the text of the component's `value`.",
           "tags": []
         }
-      },
-      "internalSyncChildElValue": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": [{
-              "name": "internal",
-              "text": undefined
-            }]
-        }
       }
     };
   }

package/dist/collection/components/input/resources.js

@@ -1,7 +1,7 @@
 /*!
  * 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.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   loader: "loader",
@@ -17,7 +17,7 @@ export const CSS = {
   inputWrapper: "wrapper",
   actionWrapper: "action-wrapper",
   resizeIconWrapper: "resize-icon-wrapper",
-  numberButtonItem: "number-button-item"
+  numberButtonItem: "number-button-item",
 };
 export const INPUT_TYPE_ICONS = {
   tel: "phone",
@@ -25,8 +25,8 @@ export const INPUT_TYPE_ICONS = {
   email: "email-address",
   date: "calendar",
   time: "clock",
-  search: "search"
+  search: "search",
 };
 export const SLOTS = {
-  action: "action"
+  action: "action",
 };

package/dist/collection/components/input-date-picker/assets/input-date-picker/t9n/index.d.ts

@@ -1,3 +1,4 @@
 export type InputDatePickerMessages = {
   chooseDate: string;
+  dateFormat: string;
 };

package/dist/collection/components/input-date-picker/assets/input-date-picker/t9n/messages.json

@@ -1,3 +1,4 @@
 {
-  "chooseDate": "Choose date"
+  "chooseDate": "Choose date",
+  "dateFormat": "Date Format:"
 }

package/dist/collection/components/input-date-picker/assets/input-date-picker/t9n/messages_en.json

@@ -1,3 +1,4 @@
 {
-  "chooseDate": "Choose date"
+  "chooseDate": "Choose date",
+  "dateFormat": "Date Format:"
 }

package/dist/collection/components/input-date-picker/input-date-picker.css

@@ -345,4 +345,16 @@
   transform: none !important;
   -webkit-appearance: none !important;
   z-index: -1 !important;
+}
+
+.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;
 }