@esri/calcite-components 1.0.0-next.363 → 1.0.0-next.364

package/dist/custom-elements/index.js

@@ -152,7 +152,7 @@ const CSS_UTILITY = {
   lightTheme,
   rtl: "calcite--rtl"
 };
-const TEXT$q = {
+const TEXT$r = {
   loading: "Loading"
 };
 
@@ -463,7 +463,7 @@ const CSS$P = {
   textContainer: "text-container",
   textContainerVisible: "text-container--visible"
 };
-const TEXT$p = {
+const TEXT$q = {
   loading: "Loading"
 };
 
@@ -516,7 +516,7 @@ let CalciteAction$1 = class extends HTMLElement$1 {
     /** string to override English loading text
      * @default "Loading"
      */
-    this.intlLoading = TEXT$p.loading;
+    this.intlLoading = TEXT$q.loading;
     /**
      * When true, content is waiting to be loaded. This state shows a busy indicator.
      */
@@ -620,7 +620,7 @@ const SLOTS$o = {
   menuActions: "menu-actions",
   menuTooltip: "menu-tooltip"
 };
-const TEXT$o = {
+const TEXT$p = {
   more: "More"
 };
 const ICONS$e = {
@@ -711,7 +711,7 @@ const SLOTS$n = {
   bottomActions: "bottom-actions",
   expandTooltip: "expand-tooltip"
 };
-const TEXT$n = {
+const TEXT$o = {
   expand: "Expand",
   collapse: "Collapse"
 };
@@ -2162,8 +2162,8 @@ let CalciteActionBar$1 = class extends HTMLElement$1 {
   renderBottomActionGroup() {
     const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale } = this;
     const tooltip = getSlotted(el, SLOTS$n.expandTooltip);
-    const expandLabel = intlExpand || TEXT$n.expand;
-    const collapseLabel = intlCollapse || TEXT$n.collapse;
+    const expandLabel = intlExpand || TEXT$o.expand;
+    const collapseLabel = intlCollapse || TEXT$o.collapse;
     const expandToggleNode = !expandDisabled ? (h(CalciteExpandToggle, { el: el, expanded: expanded, intlCollapse: collapseLabel, intlExpand: expandLabel, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;
     return getSlotted(el, SLOTS$n.bottomActions) || expandToggleNode ? (h("calcite-action-group", { class: CSS$N.actionGroupBottom, scale: scale }, h("slot", { name: SLOTS$n.bottomActions }), h("slot", { name: SLOTS$n.expandTooltip }), expandToggleNode)) : null;
   }
@@ -2228,7 +2228,7 @@ let CalciteActionGroup$1 = class extends HTMLElement$1 {
   renderMenu() {
     const { el, expanded, intlMore, menuOpen, scale } = this;
     const hasMenuItems = getSlotted(el, SLOTS$o.menuActions);
-    return hasMenuItems ? (h("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], label: intlMore || TEXT$o.more, onCalciteActionMenuOpenChange: this.setMenuOpen, open: menuOpen, placement: "leading-start", scale: scale }, h("calcite-action", { icon: ICONS$e.menu, scale: scale, slot: SLOTS$p.trigger, text: intlMore || TEXT$o.more, textEnabled: expanded }), h("slot", { name: SLOTS$o.menuActions }), this.renderTooltip())) : null;
+    return hasMenuItems ? (h("calcite-action-menu", { expanded: expanded, flipPlacements: ["left", "right"], label: intlMore || TEXT$p.more, onCalciteActionMenuOpenChange: this.setMenuOpen, open: menuOpen, placement: "leading-start", scale: scale }, h("calcite-action", { icon: ICONS$e.menu, scale: scale, slot: SLOTS$p.trigger, text: intlMore || TEXT$p.more, textEnabled: expanded }), h("slot", { name: SLOTS$o.menuActions }), this.renderTooltip())) : null;
   }
   render() {
     return (h(Fragment, null, h("slot", null), this.renderMenu()));
@@ -2527,7 +2527,7 @@ const CSS$M = {
   actionGroupBottom: "action-group--bottom",
   container: "container"
 };
-const TEXT$m = {
+const TEXT$n = {
   expand: "Expand",
   collapse: "Collapse"
 };
@@ -2625,8 +2625,8 @@ let CalciteActionPad$1 = class extends HTMLElement$1 {
   renderBottomActionGroup() {
     const { expanded, expandDisabled, intlExpand, intlCollapse, el, position, toggleExpand, scale } = this;
     const tooltip = getSlotted(el, SLOTS$m.expandTooltip);
-    const expandLabel = intlExpand || TEXT$m.expand;
-    const collapseLabel = intlCollapse || TEXT$m.collapse;
+    const expandLabel = intlExpand || TEXT$n.expand;
+    const collapseLabel = intlCollapse || TEXT$n.collapse;
     const expandToggleNode = !expandDisabled ? (h(CalciteExpandToggle, { el: el, expanded: expanded, intlCollapse: collapseLabel, intlExpand: expandLabel, position: position, ref: this.setExpandToggleRef, scale: scale, toggle: toggleExpand, tooltip: tooltip })) : null;
     return expandToggleNode ? (h("calcite-action-group", { class: CSS$M.actionGroupBottom, scale: scale }, h("slot", { name: SLOTS$m.expandTooltip }), expandToggleNode)) : null;
   }
@@ -2641,7 +2641,7 @@ let CalciteActionPad$1 = class extends HTMLElement$1 {
   static get style() { return calciteActionPadCss; }
 };
 
-const TEXT$l = {
+const TEXT$m = {
   intlClose: "Close"
 };
 const DURATIONS = {
@@ -2690,7 +2690,7 @@ let CalciteAlert$1 = class extends HTMLElement$1 {
     /** string to override English close text
      * @default "Close"
      */
-    this.intlClose = TEXT$l.intlClose;
+    this.intlClose = TEXT$m.intlClose;
     /** specify the placement of the alert */
     this.placement = "bottom";
     /** specify the scale of the alert, defaults to m */
@@ -3103,7 +3103,7 @@ const CSS$L = {
   invalid: "invalid",
   loading: "loading"
 };
-const TEXT$k = {
+const TEXT$l = {
   collapse: "Collapse",
   expand: "Expand",
   loading: "Loading",
@@ -3160,11 +3160,11 @@ let CalciteBlock$1 = class extends HTMLElement$1 {
     /** string to override English loading text
      * @default "Loading"
      */
-    this.intlLoading = TEXT$k.loading;
+    this.intlLoading = TEXT$l.loading;
     /** Text string used for the actions menu
      * @default "Options"
      */
-    this.intlOptions = TEXT$k.options;
+    this.intlOptions = TEXT$l.options;
     /**
      * When true, content is waiting to be loaded. This state shows a busy indicator.
      */
@@ -3212,12 +3212,12 @@ let CalciteBlock$1 = class extends HTMLElement$1 {
   }
   render() {
     const { collapsible, disabled, el, intlCollapse, intlExpand, loading, open, intlLoading } = this;
-    const toggleLabel = open ? intlCollapse || TEXT$k.collapse : intlExpand || TEXT$k.expand;
+    const toggleLabel = open ? intlCollapse || TEXT$l.collapse : intlExpand || TEXT$l.expand;
     const headerContent = (h("header", { class: CSS$L.header }, this.renderIcon(), this.renderTitle()));
     const hasControl = !!getSlotted(el, SLOTS$k.control);
     const hasMenuActions = !!getSlotted(el, SLOTS$k.headerMenuActions);
     const collapseIcon = open ? ICONS$c.opened : ICONS$c.closed;
-    const headerNode = (h("div", { class: CSS$L.headerContainer }, this.dragHandle ? h("calcite-handle", null) : null, collapsible ? (h("button", { "aria-expanded": collapsible ? open.toString() : null, "aria-label": toggleLabel, class: CSS$L.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (h("calcite-icon", { "aria-hidden": "true", class: CSS$L.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), loading ? (h("calcite-loader", { inline: true, "is-active": true, label: intlLoading })) : hasControl ? (h("div", { class: CSS$L.controlContainer }, h("slot", { name: SLOTS$k.control }))) : null, hasMenuActions ? (h("calcite-action-menu", { label: this.intlOptions || TEXT$k.options }, h("slot", { name: SLOTS$k.headerMenuActions }))) : null));
+    const headerNode = (h("div", { class: CSS$L.headerContainer }, this.dragHandle ? h("calcite-handle", null) : null, collapsible ? (h("button", { "aria-expanded": collapsible ? open.toString() : null, "aria-label": toggleLabel, class: CSS$L.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (h("calcite-icon", { "aria-hidden": "true", class: CSS$L.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), loading ? (h("calcite-loader", { inline: true, "is-active": true, label: intlLoading })) : hasControl ? (h("div", { class: CSS$L.controlContainer }, h("slot", { name: SLOTS$k.control }))) : null, hasMenuActions ? (h("calcite-action-menu", { label: this.intlOptions || TEXT$l.options }, h("slot", { name: SLOTS$k.headerMenuActions }))) : null));
     return (h(Host, { tabIndex: disabled ? -1 : null }, h("article", { "aria-busy": loading.toString(), class: {
         [CSS$L.article]: true
       } }, headerNode, h("div", { class: CSS$L.content, hidden: !open }, this.renderScrim()))));
@@ -3238,7 +3238,7 @@ const CSS$K = {
   statusIcon: "status-icon",
   valid: "valid"
 };
-const TEXT$j = {
+const TEXT$k = {
   collapse: "Collapse",
   expand: "Expand"
 };
@@ -3309,7 +3309,7 @@ let CalciteBlockSection$1 = class extends HTMLElement$1 {
       : dir === "rtl"
         ? ICONS$b.menuClosedLeft
         : ICONS$b.menuClosedRight;
-    const toggleLabel = open ? intlCollapse || TEXT$j.collapse : intlExpand || TEXT$j.expand;
+    const toggleLabel = open ? intlCollapse || TEXT$k.collapse : intlExpand || TEXT$k.expand;
     const headerNode = toggleDisplay === "switch" ? (h("div", { "aria-label": toggleLabel, class: {
         [CSS$K.toggle]: true,
         [CSS$K.toggleSwitch]: true
@@ -3363,7 +3363,7 @@ const CSS$J = {
   iconStartEmpty: "icon-start-empty",
   iconEndEmpty: "icon-end-empty"
 };
-const TEXT$i = {
+const TEXT$j = {
   loading: "Loading"
 };
 
@@ -3469,7 +3469,7 @@ let CalciteButton$1 = class extends HTMLElement$1 {
     /** string to override English loading text
      * @default "Loading"
      */
-    this.intlLoading = TEXT$i.loading;
+    this.intlLoading = TEXT$j.loading;
     /** optionally add a calcite-loader component to the button, disabling interaction.  */
     this.loading = false;
     /** optionally add a round style to the button  */
@@ -3607,7 +3607,7 @@ const SLOTS$j = {
   footerLeading: "footer-leading",
   footerTrailing: "footer-trailing"
 };
-const TEXT$h = {
+const TEXT$i = {
   select: "Select",
   deselect: "Deselect",
   loading: "Loading"
@@ -3635,15 +3635,15 @@ let CalciteCard$1 = class extends HTMLElement$1 {
     /** string to override English loading text
      * @default "Loading"
      */
-    this.intlLoading = TEXT$h.loading;
+    this.intlLoading = TEXT$i.loading;
     /** string to override English select text for checkbox when selectable is true
      * @default "Select"
      */
-    this.intlSelect = TEXT$h.select;
+    this.intlSelect = TEXT$i.select;
     /** string to override English deselect text for checkbox when selectable is true
      * @default "Deselect"
      */
-    this.intlDeselect = TEXT$h.deselect;
+    this.intlDeselect = TEXT$i.deselect;
     //--------------------------------------------------------------------------
     //
     //  Private State/Props
@@ -3994,7 +3994,7 @@ const CSS$H = {
   chipImageContainer: "chip-image-container",
   calciteChipIcon: "calcite-chip--icon"
 };
-const TEXT$g = {
+const TEXT$h = {
   close: "Close"
 };
 const SLOTS$i = {
@@ -4026,7 +4026,7 @@ let CalciteChip$1 = class extends HTMLElement$1 {
     /** Aria label for the "x" button
      * @default "Close"
      */
-    this.dismissLabel = TEXT$g.close;
+    this.dismissLabel = TEXT$h.close;
     /** flip the icon in rtl */
     this.iconFlipRtl = false;
     /** specify the scale of the chip, defaults to m */
@@ -6228,7 +6228,7 @@ const HSV_LIMITS = {
   s: 100,
   v: 100
 };
-const TEXT$f = {
+const TEXT$g = {
   b: "B",
   blue: "Blue",
   deleteColor: "Delete color",
@@ -6351,80 +6351,80 @@ let CalciteColorPicker$1 = class extends HTMLElement$1 {
     /** Label used for the blue channel
      * @default "B"
      */
-    this.intlB = TEXT$f.b;
+    this.intlB = TEXT$g.b;
     /** Label used for the blue channel description
      * @default "Blue"
      */
-    this.intlBlue = TEXT$f.blue;
+    this.intlBlue = TEXT$g.blue;
     /** Label used for the delete color button.
      * @default "Delete color"
      */
-    this.intlDeleteColor = TEXT$f.deleteColor;
+    this.intlDeleteColor = TEXT$g.deleteColor;
     /** Label used for the green channel
      * @default "G"
      */
-    this.intlG = TEXT$f.g;
+    this.intlG = TEXT$g.g;
     /** Label used for the green channel description
      * @default "Green"
      */
-    this.intlGreen = TEXT$f.green;
+    this.intlGreen = TEXT$g.green;
     /** Label used for the hue channel
      * @default "H"
      */
-    this.intlH = TEXT$f.h;
+    this.intlH = TEXT$g.h;
     /** Label used for the HSV mode
      * @default "HSV"
      */
-    this.intlHsv = TEXT$f.hsv;
+    this.intlHsv = TEXT$g.hsv;
     /** Label used for the hex input
      * @default "Hex"
      */
-    this.intlHex = TEXT$f.hex;
+    this.intlHex = TEXT$g.hex;
     /** Label used for the hue channel description
      * @default "Hue"
      */
-    this.intlHue = TEXT$f.hue;
+    this.intlHue = TEXT$g.hue;
     /**
      * Label used for the hex input when there is no color selected.
      * @default "No color"
      */
-    this.intlNoColor = TEXT$f.noColor;
+    this.intlNoColor = TEXT$g.noColor;
     /** Label used for the red channel
      * @default "R"
      */
-    this.intlR = TEXT$f.r;
+    this.intlR = TEXT$g.r;
     /** Label used for the red channel description
      * @default "Red"
      */
-    this.intlRed = TEXT$f.red;
+    this.intlRed = TEXT$g.red;
     /** Label used for the RGB mode
      * @default "RGB"
      */
-    this.intlRgb = TEXT$f.rgb;
+    this.intlRgb = TEXT$g.rgb;
     /** Label used for the saturation channel
      * @default "S"
      */
-    this.intlS = TEXT$f.s;
+    this.intlS = TEXT$g.s;
     /** Label used for the saturation channel description
      * @default "Saturation"
      */
-    this.intlSaturation = TEXT$f.saturation;
+    this.intlSaturation = TEXT$g.saturation;
     /** Label used for the save color button.
      * @default "Save color"
      */
-    this.intlSaveColor = TEXT$f.saveColor;
+    this.intlSaveColor = TEXT$g.saveColor;
     /** Label used for the saved colors section
      * @default "Saved"
      */
-    this.intlSaved = TEXT$f.saved;
+    this.intlSaved = TEXT$g.saved;
     /** Label used for the value channel
      * @default "V"
      */
-    this.intlV = TEXT$f.v;
+    this.intlV = TEXT$g.v;
     /** Label used for the
      * @default "Value"
      */
-    this.intlValue = TEXT$f.value;
+    this.intlValue = TEXT$g.value;
     /**
      * The scale of the color picker.
      */
@@ -7100,12 +7100,12 @@ let CalciteColorPickerHexInput$1 = class extends HTMLElement$1 {
      * Label used for the hex input.
      * @default "Hex"
      */
-    this.intlHex = TEXT$f.hex;
+    this.intlHex = TEXT$g.hex;
     /**
      * Label used for the hex input when there is no color selected.
      * @default "No color"
      */
-    this.intlNoColor = TEXT$f.noColor;
+    this.intlNoColor = TEXT$g.noColor;
     /**
      * The component's scale.
      */
@@ -9180,6 +9180,9 @@ const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
 const ComboboxDefaultPlacement = "bottom-leading";
+const TEXT$f = {
+  removeTag: "Remove tag"
+};
 
 function getAncestors(element) {
   var _a, _b;
@@ -9249,6 +9252,10 @@ let CalciteCombobox$1 = class extends HTMLElement$1 {
     this.scale = "m";
     /** The value(s) of the selectedItem(s) */
     this.value = null;
+    /** string to override the English "Remove tag" text for when an item is selected.
+     * @default "Remove tag"
+     */
+    this.intlRemoveTag = TEXT$f.removeTag;
     //--------------------------------------------------------------------------
     //
     //  Private State/Props
@@ -9854,7 +9861,7 @@ let CalciteCombobox$1 = class extends HTMLElement$1 {
   //
   //--------------------------------------------------------------------------
   renderChips() {
-    const { activeChipIndex, scale, selectionMode } = this;
+    const { activeChipIndex, scale, selectionMode, intlRemoveTag } = this;
     return this.selectedItems.map((item, i) => {
       const chipClasses = {
         chip: true,
@@ -9863,7 +9870,7 @@ let CalciteCombobox$1 = class extends HTMLElement$1 {
       const ancestors = [...getItemAncestors(item)].reverse();
       const pathLabel = [...ancestors, item].map((el) => el.textLabel);
       const label = selectionMode !== "ancestors" ? item.textLabel : pathLabel.join(" / ");
-      return (h("calcite-chip", { "aria-label": label, class: chipClasses, dismissLabel: "remove tag", dismissible: true, icon: item.icon, id: `chip-${item.guid}`, key: item.textLabel, onCalciteChipDismiss: (event) => this.calciteChipDismissHandler(event, item), scale: scale, title: label, value: item.value }, label));
+      return (h("calcite-chip", { "aria-label": label, class: chipClasses, dismissLabel: intlRemoveTag, dismissible: true, icon: item.icon, id: `chip-${item.guid}`, key: item.textLabel, onCalciteChipDismiss: (event) => this.calciteChipDismissHandler(event, item), scale: scale, title: label, value: item.value }, label));
     });
   }
   renderInput() {
@@ -12919,7 +12926,7 @@ let CalciteInput$1 = class extends HTMLElement$1 {
      * string to override English loading text
      * @default "Loading"
      */
-    this.intlLoading = TEXT$q.loading;
+    this.intlLoading = TEXT$r.loading;
     /** flip the icon in rtl */
     this.iconFlipRtl = false;
     /** specify if the input is in loading state */
@@ -13094,6 +13101,9 @@ let CalciteInput$1 = class extends HTMLElement$1 {
       const inputMin = this.minString ? parseFloat(this.minString) : null;
       const valueNudgeDelayInMs = 100;
       this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
+      if (this.nudgeNumberValueIntervalId) {
+        window.clearInterval(this.nudgeNumberValueIntervalId);
+      }
       let firstValueNudge = true;
       this.nudgeNumberValueIntervalId = window.setInterval(() => {
         if (firstValueNudge) {
@@ -25201,7 +25211,7 @@ const CalciteChip = /*@__PURE__*/proxyCustomElement(CalciteChip$1, [1,"calcite-c
 const CalciteColorPicker = /*@__PURE__*/proxyCustomElement(CalciteColorPicker$1, [1,"calcite-color-picker",{"allowEmpty":[4,"allow-empty"],"appearance":[513],"color":[1040],"format":[1],"hideHex":[4,"hide-hex"],"hideChannels":[4,"hide-channels"],"hideSaved":[4,"hide-saved"],"intlB":[1,"intl-b"],"intlBlue":[1,"intl-blue"],"intlDeleteColor":[1,"intl-delete-color"],"intlG":[1,"intl-g"],"intlGreen":[1,"intl-green"],"intlH":[1,"intl-h"],"intlHsv":[1,"intl-hsv"],"intlHex":[1,"intl-hex"],"intlHue":[1,"intl-hue"],"intlNoColor":[1,"intl-no-color"],"intlR":[1,"intl-r"],"intlRed":[1,"intl-red"],"intlRgb":[1,"intl-rgb"],"intlS":[1,"intl-s"],"intlSaturation":[1,"intl-saturation"],"intlSaveColor":[1,"intl-save-color"],"intlSaved":[1,"intl-saved"],"intlV":[1,"intl-v"],"intlValue":[1,"intl-value"],"scale":[513],"storageId":[1,"storage-id"],"value":[1025],"colorFieldAndSliderInteractive":[32],"channelMode":[32],"channels":[32],"dimensions":[32],"savedColors":[32],"colorFieldScopeTop":[32],"colorFieldScopeLeft":[32],"scopeOrientation":[32],"hueScopeLeft":[32],"hueScopeTop":[32]},[[2,"keydown","handleChannelKeyUpOrDown"],[2,"keyup","handleChannelKeyUpOrDown"]]]);
 const CalciteColorPickerHexInput = /*@__PURE__*/proxyCustomElement(CalciteColorPickerHexInput$1, [1,"calcite-color-picker-hex-input",{"allowEmpty":[4,"allow-empty"],"intlHex":[1,"intl-hex"],"intlNoColor":[1,"intl-no-color"],"scale":[513],"value":[1537],"internalColor":[32]},[[2,"keydown","onInputKeyDown"]]]);
 const CalciteColorPickerSwatch = /*@__PURE__*/proxyCustomElement(CalciteColorPickerSwatch$1, [1,"calcite-color-picker-swatch",{"active":[516],"color":[1],"scale":[513]}]);
-const CalciteCombobox = /*@__PURE__*/proxyCustomElement(CalciteCombobox$1, [1,"calcite-combobox",{"active":[1540],"disabled":[516],"label":[1],"placeholder":[1],"maxItems":[2,"max-items"],"name":[513],"allowCustomValues":[4,"allow-custom-values"],"overlayPositioning":[1,"overlay-positioning"],"required":[4],"selectionMode":[513,"selection-mode"],"scale":[513],"value":[1025],"items":[32],"groupItems":[32],"selectedItems":[32],"visibleItems":[32],"needsIcon":[32],"hideList":[32],"activeItemIndex":[32],"activeChipIndex":[32],"activeDescendant":[32],"text":[32],"open":[32],"maxScrollerHeight":[32]},[[4,"click","documentClickHandler"],[0,"calciteComboboxItemChange","calciteComboboxItemChangeHandler"]]]);
+const CalciteCombobox = /*@__PURE__*/proxyCustomElement(CalciteCombobox$1, [1,"calcite-combobox",{"active":[1540],"disabled":[516],"label":[1],"placeholder":[1],"maxItems":[2,"max-items"],"name":[513],"allowCustomValues":[4,"allow-custom-values"],"overlayPositioning":[1,"overlay-positioning"],"required":[4],"selectionMode":[513,"selection-mode"],"scale":[513],"value":[1025],"intlRemoveTag":[1,"intl-remove-tag"],"items":[32],"groupItems":[32],"selectedItems":[32],"visibleItems":[32],"needsIcon":[32],"hideList":[32],"activeItemIndex":[32],"activeChipIndex":[32],"activeDescendant":[32],"text":[32],"open":[32],"maxScrollerHeight":[32]},[[4,"click","documentClickHandler"],[0,"calciteComboboxItemChange","calciteComboboxItemChangeHandler"]]]);
 const CalciteComboboxItem = /*@__PURE__*/proxyCustomElement(CalciteComboboxItem$1, [1,"calcite-combobox-item",{"disabled":[516],"selected":[1540],"active":[4],"ancestors":[1040],"guid":[1],"icon":[1],"textLabel":[513,"text-label"],"value":[8],"constant":[516]}]);
 const CalciteComboboxItemGroup = /*@__PURE__*/proxyCustomElement(CalciteComboboxItemGroup$1, [1,"calcite-combobox-item-group",{"ancestors":[1040],"label":[1]}]);
 const CalciteDatePicker = /*@__PURE__*/proxyCustomElement(CalciteDatePicker$1, [1,"calcite-date-picker",{"activeRange":[1,"active-range"],"value":[1025],"headingLevel":[2,"heading-level"],"valueAsDate":[1040],"startAsDate":[1040],"endAsDate":[1040],"minAsDate":[1040],"maxAsDate":[1040],"min":[1025],"max":[1025],"intlPrevMonth":[1,"intl-prev-month"],"intlNextMonth":[1,"intl-next-month"],"intlYear":[1,"intl-year"],"locale":[1],"scale":[513],"range":[516],"start":[1025],"end":[1025],"proximitySelectionDisabled":[4,"proximity-selection-disabled"],"activeDate":[32],"activeStartDate":[32],"activeEndDate":[32],"localeData":[32],"hoverRange":[32]}]);

package/dist/esm/calcite-combobox_3.entry.js

@@ -155,6 +155,9 @@ const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
 const ComboboxDefaultPlacement = "bottom-leading";
+const TEXT = {
+  removeTag: "Remove tag"
+};
 
 function getAncestors(element) {
   var _a, _b;
@@ -219,6 +222,10 @@ let CalciteCombobox = class {
     this.scale = "m";
     /** The value(s) of the selectedItem(s) */
     this.value = null;
+    /** string to override the English "Remove tag" text for when an item is selected.
+     * @default "Remove tag"
+     */
+    this.intlRemoveTag = TEXT.removeTag;
     //--------------------------------------------------------------------------
     //
     //  Private State/Props
@@ -824,7 +831,7 @@ let CalciteCombobox = class {
   //
   //--------------------------------------------------------------------------
   renderChips() {
-    const { activeChipIndex, scale, selectionMode } = this;
+    const { activeChipIndex, scale, selectionMode, intlRemoveTag } = this;
     return this.selectedItems.map((item, i) => {
       const chipClasses = {
         chip: true,
@@ -833,7 +840,7 @@ let CalciteCombobox = class {
       const ancestors = [...getItemAncestors(item)].reverse();
       const pathLabel = [...ancestors, item].map((el) => el.textLabel);
       const label = selectionMode !== "ancestors" ? item.textLabel : pathLabel.join(" / ");
-      return (h("calcite-chip", { "aria-label": label, class: chipClasses, dismissLabel: "remove tag", dismissible: true, icon: item.icon, id: `chip-${item.guid}`, key: item.textLabel, onCalciteChipDismiss: (event) => this.calciteChipDismissHandler(event, item), scale: scale, title: label, value: item.value }, label));
+      return (h("calcite-chip", { "aria-label": label, class: chipClasses, dismissLabel: intlRemoveTag, dismissible: true, icon: item.icon, id: `chip-${item.guid}`, key: item.textLabel, onCalciteChipDismiss: (event) => this.calciteChipDismissHandler(event, item), scale: scale, title: label, value: item.value }, label));
     });
   }
   renderInput() {

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

@@ -246,6 +246,9 @@ let CalciteInput = class {
       const inputMin = this.minString ? parseFloat(this.minString) : null;
       const valueNudgeDelayInMs = 100;
       this.incrementOrDecrementNumberValue(direction, inputMax, inputMin, nativeEvent);
+      if (this.nudgeNumberValueIntervalId) {
+        window.clearInterval(this.nudgeNumberValueIntervalId);
+      }
       let firstValueNudge = true;
       this.nudgeNumberValueIntervalId = window.setInterval(() => {
         if (firstValueNudge) {