@esri/calcite-components 1.0.0-next.686 → 1.0.0-next.688

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

@@ -1,29 +1,29 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const filter = require('./filter-0da1914f.js');
-const floatingUi = require('./floating-ui-e30dce0b.js');
-const guid = require('./guid-9d815eba.js');
-const dom = require('./dom-53afe91f.js');
-const label = require('./label-b113cdc7.js');
-const form = require('./form-6130c77e.js');
-const observers = require('./observers-acb48387.js');
-const interactive = require('./interactive-013cee30.js');
-const openCloseComponent = require('./openCloseComponent-c6da7e66.js');
-const t9n = require('./t9n-c5ff0399.js');
-const locale = require('./locale-f78f4a21.js');
-const loadable = require('./loadable-ea8b063e.js');
-const debounce = require('./debounce-f24e2e2f.js');
-const conditionalSlot = require('./conditionalSlot-50a96097.js');
-require('./resources-0f7ff7d4.js');
-require('./key-3ef28a50.js');
+const index = require('./index-ca650359.js');
+const filter = require('./filter-28153bb2.js');
+const floatingUi = require('./floating-ui-e70ae22d.js');
+const guid = require('./guid-b1c57a9d.js');
+const dom = require('./dom-2db5c855.js');
+const label = require('./label-53aedc4b.js');
+const form = require('./form-132d25cc.js');
+const observers = require('./observers-1d66d5a8.js');
+const interactive = require('./interactive-63d6086f.js');
+const openCloseComponent = require('./openCloseComponent-9efefc2b.js');
+const t9n = require('./t9n-04ab4138.js');
+const locale = require('./locale-635fc90b.js');
+const loadable = require('./loadable-f17eb8de.js');
+const debounce = require('./debounce-693cccee.js');
+const conditionalSlot = require('./conditionalSlot-a53d134c.js');
+require('./resources-f90ea3f5.js');
+require('./key-daca21ec.js');
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -345,6 +345,7 @@ const Combobox = class {
     this.label = undefined;
     this.placeholder = undefined;
     this.placeholderIcon = undefined;
+    this.placeholderIconFlipRtl = false;
     this.maxItems = 0;
     this.name = undefined;
     this.allowCustomValues = undefined;
@@ -765,7 +766,7 @@ const Combobox = class {
       const ancestors = [...getItemAncestors(item)].reverse();
       const pathLabel = [...ancestors, item].map((el) => el.textLabel);
       const label = selectionMode !== "ancestors" ? item.textLabel : pathLabel.join(" / ");
-      return (index.h("calcite-chip", { class: chipClasses, closable: true, icon: item.icon, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, messageOverrides: { dismissLabel: messages.removeTag }, onCalciteChipClose: () => this.calciteChipCloseHandler(item), scale: scale, title: label, value: item.value }, label));
+      return (index.h("calcite-chip", { class: chipClasses, closable: true, icon: item.icon, iconFlipRtl: item.iconFlipRtl, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, messageOverrides: { dismissLabel: messages.removeTag }, onCalciteChipClose: () => this.calciteChipCloseHandler(item), scale: scale, title: label, value: item.value }, label));
     });
   }
   renderInput() {
@@ -803,14 +804,14 @@ const Combobox = class {
       }, ref: setFloatingEl }, index.h("div", { class: classes, ref: setContainerEl }, index.h("ul", { class: { list: true, "list--hide": !open } }, index.h("slot", null)))));
   }
   renderIconStart() {
-    const { selectedItems, placeholderIcon, selectionMode } = this;
+    const { selectedItems, placeholderIcon, selectionMode, placeholderIconFlipRtl } = this;
     const selectedItem = selectedItems[0];
     const selectedIcon = selectedItem?.icon;
     const singleSelectionMode = selectionMode === "single";
     const iconAtStart = !this.open && selectedItem
       ? !!selectedIcon && singleSelectionMode
       : !!this.placeholderIcon && (!selectedItem || singleSelectionMode);
-    return (iconAtStart && (index.h("span", { class: "icon-start" }, index.h("calcite-icon", { class: "selected-icon", icon: !this.open && selectedItem ? selectedIcon : placeholderIcon, scale: "s" }))));
+    return (iconAtStart && (index.h("span", { class: "icon-start" }, index.h("calcite-icon", { class: "selected-icon", flipRtl: this.open && selectedItem ? selectedItem.iconFlipRtl : placeholderIconFlipRtl, icon: !this.open && selectedItem ? selectedIcon : placeholderIcon, scale: "s" }))));
   }
   renderIconEnd() {
     const { open } = this;
@@ -877,6 +878,7 @@ const ComboboxItem = class {
     this.ancestors = undefined;
     this.guid = guid.guid();
     this.icon = undefined;
+    this.iconFlipRtl = false;
     this.textLabel = undefined;
     this.value = undefined;
     this.filterDisabled = undefined;
@@ -923,7 +925,7 @@ const ComboboxItem = class {
   //
   // --------------------------------------------------------------------------
   renderIcon(isSingle) {
-    const { icon, disabled, selected } = this;
+    const { icon, disabled, selected, iconFlipRtl } = this;
     const level = `${CSS$1.icon}--indent`;
     const defaultIcon = isSingle ? "dot" : "check";
     const iconPath = disabled ? "circle-disallowed" : defaultIcon;
@@ -937,7 +939,7 @@ const ComboboxItem = class {
         [CSS$1.custom]: !!icon,
         [CSS$1.iconActive]: icon && selected,
         [level]: true
-      }, icon: icon || iconPath, scale: "s" }));
+      }, flipRtl: iconFlipRtl, icon: icon || iconPath, scale: "s" }));
   }
   renderChildren() {
     if (dom.getSlotted(this.el)) {

package/dist/cjs/calcite-date-picker_4.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const utils = require('./utils-436492ba.js');
-const t9n = require('./t9n-c5ff0399.js');
-const locale = require('./locale-f78f4a21.js');
-const dom = require('./dom-53afe91f.js');
-const resources = require('./resources-0f7ff7d4.js');
-const interactive = require('./interactive-013cee30.js');
-const key = require('./key-3ef28a50.js');
-const Heading = require('./Heading-6b74fdc4.js');
-require('./observers-acb48387.js');
-require('./guid-9d815eba.js');
+const index = require('./index-ca650359.js');
+const utils = require('./utils-23374f68.js');
+const t9n = require('./t9n-04ab4138.js');
+const locale = require('./locale-635fc90b.js');
+const dom = require('./dom-2db5c855.js');
+const resources = require('./resources-f90ea3f5.js');
+const interactive = require('./interactive-63d6086f.js');
+const key = require('./key-daca21ec.js');
+const Heading = require('./Heading-ab835192.js');
+require('./observers-1d66d5a8.js');
+require('./guid-b1c57a9d.js');
 
 const HEADING_LEVEL = 2;
 
@@ -412,6 +412,7 @@ const DatePicker = class {
   getActiveEndDate(value, min, max) {
     return (utils.dateFromRange(this.activeEndDate, min, max) || value || utils.dateFromRange(new Date(), min, max));
   }
+  static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/calcite-dropdown_3.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const floatingUi = require('./floating-ui-e30dce0b.js');
-const observers = require('./observers-acb48387.js');
-const interactive = require('./interactive-013cee30.js');
-const openCloseComponent = require('./openCloseComponent-c6da7e66.js');
-const guid = require('./guid-9d815eba.js');
-const key = require('./key-3ef28a50.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
-require('./debounce-f24e2e2f.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const floatingUi = require('./floating-ui-e70ae22d.js');
+const observers = require('./observers-1d66d5a8.js');
+const interactive = require('./interactive-63d6086f.js');
+const openCloseComponent = require('./openCloseComponent-9efefc2b.js');
+const guid = require('./guid-b1c57a9d.js');
+const key = require('./key-daca21ec.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
+require('./debounce-693cccee.js');
 
 const SLOTS = {
   dropdownTrigger: "trigger"
@@ -411,6 +411,7 @@ const Dropdown = class {
       : item;
     dom.focusElement(target);
   }
+  static get delegatesFocus() { return true; }
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "open": ["openHandler"],
@@ -479,6 +480,7 @@ const DropdownGroup = class {
   getGroupPosition() {
     return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"), this.el);
   }
+  static get delegatesFocus() { return true; }
   get el() { return index.getElement(this); }
 };
 DropdownGroup.style = dropdownGroupCss;

package/dist/cjs/calcite-fab.cjs.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const interactive = require('./interactive-013cee30.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const interactive = require('./interactive-63d6086f.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
 
 const CSS = {
   button: "button"
@@ -26,10 +26,11 @@ const fabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%
 const Fab = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.appearance = "outline";
-    this.color = "neutral";
+    this.appearance = "solid";
+    this.kind = "brand";
     this.disabled = false;
     this.icon = ICONS.plus;
+    this.iconFlipRtl = false;
     this.label = undefined;
     this.loading = false;
     this.scale = "m";
@@ -66,9 +67,9 @@ const Fab = class {
   //
   // --------------------------------------------------------------------------
   render() {
-    const { appearance, color, disabled, loading, scale, textEnabled, icon, label, text } = this;
+    const { appearance, kind, disabled, loading, scale, textEnabled, icon, label, text, iconFlipRtl } = this;
     const title = !textEnabled ? label || text || null : null;
-    return (index.h("calcite-button", { appearance: appearance === "solid" ? "solid" : "outline", class: CSS.button, color: color, disabled: disabled, iconStart: icon, label: label, loading: loading, ref: (buttonEl) => {
+    return (index.h("calcite-button", { appearance: appearance === "solid" ? "solid" : "outline-fill", class: CSS.button, disabled: disabled, iconFlipRtl: iconFlipRtl ? "start" : null, iconStart: icon, kind: kind, label: label, loading: loading, ref: (buttonEl) => {
         this.buttonEl = buttonEl;
       }, round: true, scale: scale, title: title, type: "button", width: "auto" }, this.textEnabled ? this.text : null));
   }

package/dist/cjs/calcite-filter.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const interactive = require('./interactive-013cee30.js');
-const filter = require('./filter-0da1914f.js');
-const locale = require('./locale-f78f4a21.js');
-const t9n = require('./t9n-c5ff0399.js');
-const loadable = require('./loadable-ea8b063e.js');
-const debounce = require('./debounce-f24e2e2f.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./key-3ef28a50.js');
-require('./observers-acb48387.js');
+const index = require('./index-ca650359.js');
+const interactive = require('./interactive-63d6086f.js');
+const filter = require('./filter-28153bb2.js');
+const locale = require('./locale-635fc90b.js');
+const t9n = require('./t9n-04ab4138.js');
+const loadable = require('./loadable-f17eb8de.js');
+const debounce = require('./debounce-693cccee.js');
+require('./key-daca21ec.js');
+require('./observers-1d66d5a8.js');
+require('./dom-2db5c855.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
 
 const CSS = {
   container: "container",
@@ -117,7 +117,7 @@ const Filter = class {
   /** Sets focus on the component. */
   async setFocus() {
     await loadable.componentLoaded(this);
-    dom.focusElement(this.textInput);
+    this.el?.focus();
   }
   updateFiltered(filtered, emit = false) {
     this.filteredItems.length = 0;
@@ -137,6 +137,7 @@ const Filter = class {
         this.textInput = el;
       }, scale: scale, type: "text", value: this.value })))));
   }
+  static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/calcite-flow-item.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const resources = require('./resources-04373cab.js');
-const interactive = require('./interactive-013cee30.js');
-const locale = require('./locale-f78f4a21.js');
-const t9n = require('./t9n-c5ff0399.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./key-3ef28a50.js');
-require('./observers-acb48387.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const resources = require('./resources-b73d9c4a.js');
+const interactive = require('./interactive-63d6086f.js');
+const locale = require('./locale-635fc90b.js');
+const t9n = require('./t9n-04ab4138.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
+require('./key-daca21ec.js');
+require('./observers-1d66d5a8.js');
 
 const CSS = {
   backButton: "back-button"

package/dist/cjs/calcite-flow.cjs.entry.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const observers = require('./observers-acb48387.js');
+const index = require('./index-ca650359.js');
+const observers = require('./observers-1d66d5a8.js');
 
 const CSS = {
   frame: "frame",

package/dist/cjs/calcite-graph_2.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const guid = require('./guid-9d815eba.js');
-const observers = require('./observers-acb48387.js');
-const dom = require('./dom-53afe91f.js');
-const math = require('./math-2b139bd1.js');
-const label = require('./label-b113cdc7.js');
-const form = require('./form-6130c77e.js');
-const interactive = require('./interactive-013cee30.js');
-const key = require('./key-3ef28a50.js');
-const locale = require('./locale-f78f4a21.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
+const index = require('./index-ca650359.js');
+const guid = require('./guid-b1c57a9d.js');
+const observers = require('./observers-1d66d5a8.js');
+const dom = require('./dom-2db5c855.js');
+const math = require('./math-06685661.js');
+const label = require('./label-53aedc4b.js');
+const form = require('./form-132d25cc.js');
+const interactive = require('./interactive-63d6086f.js');
+const key = require('./key-daca21ec.js');
+const locale = require('./locale-635fc90b.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
 
 /**
  * Calculate slope of the tangents
@@ -1026,6 +1026,7 @@ const Slider = class {
     const handleBounds = handle.getBoundingClientRect();
     return dom.intersects(maxLabelBounds, handleBounds);
   }
+  static get delegatesFocus() { return true; }
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "histogram": ["histogramWatcher"],

package/dist/cjs/calcite-handle.cjs.entry.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
 
 const CSS = {
   handle: "handle",

package/dist/cjs/calcite-icon.cjs.entry.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const observers = require('./observers-acb48387.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const observers = require('./observers-1d66d5a8.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
 
 const CSS = {
   icon: "icon",

package/dist/cjs/calcite-inline-editable.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-const label = require('./label-b113cdc7.js');
-const observers = require('./observers-acb48387.js');
-const interactive = require('./interactive-013cee30.js');
-const locale = require('./locale-f78f4a21.js');
-const t9n = require('./t9n-c5ff0399.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./key-3ef28a50.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+const label = require('./label-53aedc4b.js');
+const observers = require('./observers-1d66d5a8.js');
+const interactive = require('./interactive-63d6086f.js');
+const locale = require('./locale-635fc90b.js');
+const t9n = require('./t9n-04ab4138.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
+require('./key-daca21ec.js');
 
 const CSS = {
   wrapper: "wrapper",
@@ -164,12 +164,12 @@ const InlineEditable = class {
     interactive.updateHostInteraction(this);
   }
   render() {
-    return (index.h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, index.h("div", { class: CSS.inputWrapper }, index.h("slot", null)), index.h("div", { class: CSS.controlsWrapper }, index.h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, color: "neutral", disabled: this.disabled, iconStart: "pencil", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
+    return (index.h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, index.h("div", { class: CSS.inputWrapper }, index.h("slot", null)), index.h("div", { class: CSS.controlsWrapper }, index.h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
         opacity: this.editingEnabled ? "0" : "1",
         width: this.editingEnabled ? "0" : "inherit"
       }, type: "button" }), this.shouldShowControls && [
-      index.h("div", { class: CSS.cancelEditingButtonWrapper }, index.h("calcite-button", { appearance: "transparent", class: CSS.cancelEditingButton, color: "neutral", disabled: this.disabled, iconStart: "x", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
-      index.h("calcite-button", { appearance: "solid", class: CSS.confirmChangesButton, color: "blue", disabled: this.disabled, iconStart: "check", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" })
+      index.h("div", { class: CSS.cancelEditingButtonWrapper }, index.h("calcite-button", { appearance: "transparent", class: CSS.cancelEditingButton, disabled: this.disabled, iconStart: "x", kind: "neutral", label: this.messages.cancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
+      index.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, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" })
     ])));
   }
   //--------------------------------------------------------------------------
@@ -192,12 +192,7 @@ const InlineEditable = class {
   //--------------------------------------------------------------------------
   async setFocus() {
     await loadable.componentLoaded(this);
-    if (this.editingEnabled) {
-      this.inputElement?.setFocus();
-    }
-    else {
-      this.enableEditingButton?.setFocus();
-    }
+    this.el?.focus();
   }
   //--------------------------------------------------------------------------
   //
@@ -226,6 +221,7 @@ const InlineEditable = class {
   get shouldShowControls() {
     return this.editingEnabled && this.controls;
   }
+  static get delegatesFocus() { return true; }
   static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const utils = require('./utils-436492ba.js');
-const label = require('./label-b113cdc7.js');
-const form = require('./form-6130c77e.js');
-const floatingUi = require('./floating-ui-e30dce0b.js');
-const interactive = require('./interactive-013cee30.js');
-const dom = require('./dom-53afe91f.js');
-const openCloseComponent = require('./openCloseComponent-c6da7e66.js');
-const locale = require('./locale-f78f4a21.js');
-const key = require('./key-3ef28a50.js');
-const loadable = require('./loadable-ea8b063e.js');
-require('./debounce-f24e2e2f.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
-require('./observers-acb48387.js');
+const index = require('./index-ca650359.js');
+const utils = require('./utils-23374f68.js');
+const label = require('./label-53aedc4b.js');
+const form = require('./form-132d25cc.js');
+const floatingUi = require('./floating-ui-e70ae22d.js');
+const interactive = require('./interactive-63d6086f.js');
+const dom = require('./dom-2db5c855.js');
+const openCloseComponent = require('./openCloseComponent-9efefc2b.js');
+const locale = require('./locale-635fc90b.js');
+const key = require('./key-daca21ec.js');
+const loadable = require('./loadable-f17eb8de.js');
+require('./debounce-693cccee.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
+require('./observers-1d66d5a8.js');
 
 const CSS = {
   menu: "menu-container",
@@ -345,7 +345,7 @@ const InputDatePicker = class {
   /** Sets focus on the component. */
   async setFocus() {
     await loadable.componentLoaded(this);
-    this.startInput?.setFocus();
+    this.el.focus();
   }
   /**
    * Updates the position of the component.
@@ -562,6 +562,7 @@ const InputDatePicker = class {
   warnAboutInvalidValue(value) {
     console.warn(`The specified value "${value}" does not conform to the required format, "yyyy-MM-dd".`);
   }
+  static get delegatesFocus() { return true; }
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "disabled": ["handleDisabledAndReadOnlyChange"],

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.686
+ * v1.0.0-next.688
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d849f743.js');
-const dom = require('./dom-53afe91f.js');
-require('./resources-0f7ff7d4.js');
-require('./guid-9d815eba.js');
+const index = require('./index-ca650359.js');
+const dom = require('./dom-2db5c855.js');
+require('./resources-f90ea3f5.js');
+require('./guid-b1c57a9d.js');
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {
@@ -25,6 +25,7 @@ const InputMessage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.icon = undefined;
+    this.iconFlipRtl = false;
     this.scale = "m";
     this.status = "idle";
   }
@@ -51,7 +52,7 @@ const InputMessage = class {
   //--------------------------------------------------------------------------
   renderIcon(iconName) {
     if (iconName) {
-      return index.h("calcite-icon", { class: "calcite-input-message-icon", icon: iconName, scale: "s" });
+      return (index.h("calcite-icon", { class: "calcite-input-message-icon", flipRtl: this.iconFlipRtl, icon: iconName, scale: "s" }));
     }
   }
   get el() { return index.getElement(this); }