@esri/calcite-components 2.2.0-next.7 → 2.2.0-next.9

package/dist/cjs/calcite-date-picker_4.cjs.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.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const utils = require('./utils-04684b94.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const locale = require('./locale-6380f8fd.js');
-const t9n = require('./t9n-2007f297.js');
-const dom = require('./dom-594b805d.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const key = require('./key-c023f3e3.js');
-const Heading = require('./Heading-69d7a469.js');
-const component = require('./component-e232b290.js');
-require('./observers-952444d2.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./browser-959185aa.js');
+const index = require('./index-9c7b583a.js');
+const utils = require('./utils-2bb350c6.js');
+const loadable = require('./loadable-43db5758.js');
+const locale = require('./locale-4943de4f.js');
+const t9n = require('./t9n-ec81bca5.js');
+const dom = require('./dom-b6bc10de.js');
+const interactive = require('./interactive-9069ba3b.js');
+const key = require('./key-38e595a7.js');
+const Heading = require('./Heading-865419a0.js');
+const component = require('./component-988081ea.js');
+require('./observers-dd83c8bf.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./browser-3d891f13.js');
 
 const HEADING_LEVEL = 2;
 const DATE_PICKER_FORMAT_OPTIONS = { dateStyle: "full" };

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

@@ -1,25 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const floatingUi = require('./floating-ui-8eccc675.js');
-const guid = require('./guid-cddacceb.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const key = require('./key-c023f3e3.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const observers = require('./observers-952444d2.js');
-const openCloseComponent = require('./openCloseComponent-2c59a44c.js');
-const component = require('./component-e232b290.js');
-require('./resources-36901a12.js');
-require('./debounce-a866e732.js');
-require('./browser-959185aa.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const floatingUi = require('./floating-ui-c491b128.js');
+const guid = require('./guid-e08074dd.js');
+const interactive = require('./interactive-9069ba3b.js');
+const key = require('./key-38e595a7.js');
+const loadable = require('./loadable-43db5758.js');
+const observers = require('./observers-dd83c8bf.js');
+const openCloseComponent = require('./openCloseComponent-cbf7b95f.js');
+const component = require('./component-988081ea.js');
+require('./resources-459a530e.js');
+require('./debounce-fa6ea1bf.js');
+require('./browser-3d891f13.js');
 
 const SLOTS = {
     dropdownTrigger: "trigger",

package/dist/cjs/calcite-fab.cjs.entry.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.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const loadable = require('./loadable-2ec3c03a.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./browser-959185aa.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const interactive = require('./interactive-9069ba3b.js');
+const loadable = require('./loadable-43db5758.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./browser-3d891f13.js');
 
 const CSS = {
     button: "button",

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

@@ -1,25 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const filter = require('./filter-b82f9e93.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const locale = require('./locale-6380f8fd.js');
-const t9n = require('./t9n-2007f297.js');
-const debounce = require('./debounce-a866e732.js');
-require('./browser-959185aa.js');
-require('./dom-594b805d.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./key-c023f3e3.js');
-require('./observers-952444d2.js');
+const index = require('./index-9c7b583a.js');
+const filter = require('./filter-de0a7fe5.js');
+const interactive = require('./interactive-9069ba3b.js');
+const loadable = require('./loadable-43db5758.js');
+const locale = require('./locale-4943de4f.js');
+const t9n = require('./t9n-ec81bca5.js');
+const debounce = require('./debounce-fa6ea1bf.js');
+require('./browser-3d891f13.js');
+require('./dom-b6bc10de.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./key-38e595a7.js');
+require('./observers-dd83c8bf.js');
 
 const CSS = {
     container: "container",

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

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const locale = require('./locale-6380f8fd.js');
-const t9n = require('./t9n-2007f297.js');
-const resources = require('./resources-5bece786.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./browser-959185aa.js');
-require('./key-c023f3e3.js');
-require('./observers-952444d2.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const interactive = require('./interactive-9069ba3b.js');
+const loadable = require('./loadable-43db5758.js');
+const locale = require('./locale-4943de4f.js');
+const t9n = require('./t9n-ec81bca5.js');
+const resources = require('./resources-a8828011.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./browser-3d891f13.js');
+require('./key-38e595a7.js');
+require('./observers-dd83c8bf.js');
 
 const CSS = {
     backButton: "back-button",

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

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const observers = require('./observers-952444d2.js');
-const loadable = require('./loadable-2ec3c03a.js');
+const index = require('./index-9c7b583a.js');
+const observers = require('./observers-dd83c8bf.js');
+const loadable = require('./loadable-43db5758.js');
 
 const CSS = {
     frame: "frame",

package/dist/cjs/calcite-graph_2.cjs.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.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const guid = require('./guid-cddacceb.js');
-const observers = require('./observers-952444d2.js');
-const dom = require('./dom-594b805d.js');
-const form = require('./form-28894c22.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const key = require('./key-c023f3e3.js');
-const label = require('./label-5a667a29.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const locale = require('./locale-6380f8fd.js');
-const math = require('./math-00c46285.js');
-require('./resources-36901a12.js');
-require('./browser-959185aa.js');
-require('./component-e232b290.js');
+const index = require('./index-9c7b583a.js');
+const guid = require('./guid-e08074dd.js');
+const observers = require('./observers-dd83c8bf.js');
+const dom = require('./dom-b6bc10de.js');
+const form = require('./form-caf82575.js');
+const interactive = require('./interactive-9069ba3b.js');
+const key = require('./key-38e595a7.js');
+const label = require('./label-2f23cffd.js');
+const loadable = require('./loadable-43db5758.js');
+const locale = require('./locale-4943de4f.js');
+const math = require('./math-a06e4117.js');
+require('./resources-459a530e.js');
+require('./browser-3d891f13.js');
+require('./component-988081ea.js');
 
 /**
  * Calculate slope of the tangents

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

@@ -1,57 +1,59 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const locale = require('./locale-6380f8fd.js');
-const t9n = require('./t9n-2007f297.js');
-const interactive = require('./interactive-e23d5b5f.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./key-c023f3e3.js');
-require('./observers-952444d2.js');
-require('./browser-959185aa.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const loadable = require('./loadable-43db5758.js');
+const locale = require('./locale-4943de4f.js');
+const t9n = require('./t9n-ec81bca5.js');
+const interactive = require('./interactive-9069ba3b.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./key-38e595a7.js');
+require('./observers-dd83c8bf.js');
+require('./browser-3d891f13.js');
 
 const CSS = {
     handle: "handle",
-    handleActivated: "handle--activated",
+    handleSelected: "handle--selected",
 };
 const ICONS = {
     drag: "drag",
 };
 
-const handleCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-color-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:not([disabled])) .handle:focus{color:var(--calcite-color-text-1);outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:not([disabled])) .handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
+const handleCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.handle{display:flex;align-items:center;justify-content:center;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-color-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle calcite-icon{color:inherit}:host(:not([disabled])) .handle{cursor:move}:host(:not([disabled])) .handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}:host(:not([disabled])) .handle:focus{color:var(--calcite-color-text-1);outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:not([disabled])) .handle--selected{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Handle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.calciteHandleChange = index.createEvent(this, "calciteHandleChange", 6);
         this.calciteHandleNudge = index.createEvent(this, "calciteHandleNudge", 6);
-        this.calciteInternalHandleChange = index.createEvent(this, "calciteInternalHandleChange", 6);
+        this.calciteInternalAssistiveTextChange = index.createEvent(this, "calciteInternalAssistiveTextChange", 6);
         this.handleKeyDown = (event) => {
             if (this.disabled) {
                 return;
             }
             switch (event.key) {
                 case " ":
-                    this.activated = !this.activated;
+                    this.selected = !this.selected;
+                    this.calciteHandleChange.emit();
                     event.preventDefault();
                     break;
                 case "ArrowUp":
-                    if (!this.activated) {
+                    if (!this.selected) {
                         return;
                     }
                     event.preventDefault();
                     this.calciteHandleNudge.emit({ direction: "up" });
                     break;
                 case "ArrowDown":
-                    if (!this.activated) {
+                    if (!this.selected) {
                         return;
                     }
                     event.preventDefault();
@@ -63,9 +65,12 @@ const Handle = class {
             if (this.blurUnselectDisabled || this.disabled) {
                 return;
             }
-            this.activated = false;
+            if (this.selected) {
+                this.selected = false;
+                this.calciteHandleChange.emit();
+            }
         };
-        this.activated = false;
+        this.selected = false;
         this.disabled = false;
         this.dragHandle = undefined;
         this.messages = undefined;
@@ -80,7 +85,7 @@ const Handle = class {
     handleAriaTextChange() {
         const message = this.getAriaText("live");
         if (message) {
-            this.calciteInternalHandleChange.emit({
+            this.calciteInternalAssistiveTextChange.emit({
                 message,
             });
         }
@@ -132,15 +137,15 @@ const Handle = class {
     //
     // --------------------------------------------------------------------------
     getAriaText(type) {
-        const { setPosition, setSize, label, messages, activated } = this;
+        const { setPosition, setSize, label, messages, selected } = this;
         if (!messages || !label || typeof setSize !== "number" || typeof setPosition !== "number") {
             return null;
         }
         const text = type === "label"
-            ? activated
+            ? selected
                 ? messages.dragHandleChange
                 : messages.dragHandleIdle
-            : activated
+            : selected
                 ? messages.dragHandleActive
                 : messages.dragHandleCommit;
         const replacePosition = text.replace("{position}", setPosition.toString());
@@ -155,7 +160,7 @@ const Handle = class {
     render() {
         return (
         // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
-        index.h("span", { "aria-disabled": this.disabled ? dom.toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), "aria-pressed": this.disabled ? null : dom.toAriaBoolean(this.activated), class: { [CSS.handle]: true, [CSS.handleActivated]: !this.disabled && this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: "button", tabIndex: this.disabled ? null : 0, title: this.messages?.dragHandle,
+        index.h("span", { "aria-disabled": this.disabled ? dom.toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), "aria-pressed": this.disabled ? null : dom.toAriaBoolean(this.selected), class: { [CSS.handle]: true, [CSS.handleSelected]: !this.disabled && this.selected }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: "button", tabIndex: this.disabled ? null : 0, title: this.messages?.dragHandle,
             // 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: (el) => {
                 this.handleButton = el;
@@ -166,7 +171,7 @@ const Handle = class {
     static get watchers() { return {
         "messages": ["handleAriaTextChange"],
         "label": ["handleAriaTextChange"],
-        "activated": ["handleAriaTextChange"],
+        "selected": ["handleAriaTextChange"],
         "setPosition": ["handleAriaTextChange"],
         "setSize": ["handleAriaTextChange"],
         "messageOverrides": ["onMessagesChange"],

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

@@ -1 +1 @@
-{"file":"calcite-handle.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAO,MAAM,GAAG,GAAG;IACjB,MAAM,EAAE,QAAQ;IAChB,eAAe,EAAE,mBAAmB;CACrC,CAAC;AAEK,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE,MAAM;CACb;;ACPD,MAAM,SAAS,GAAG,40CAA40C;;MC2Cj1C,MAAM;;;;;QA6LjB,kBAAa,GAAG,CAAC,KAAoB;YACnC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,QAAQ,KAAK,CAAC,GAAG;gBACf,KAAK,GAAG;oBACN,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;oBACjC,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,MAAM;gBACR,KAAK,SAAS;oBACZ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;wBACnB,OAAO;qBACR;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;oBAClD,MAAM;gBACR,KAAK,WAAW;oBACd,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;wBACnB,OAAO;qBACR;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;oBACpD,MAAM;aACT;SACF,CAAC;QAEF,eAAU,GAAG;YACX,IAAI,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAC9C,OAAO;aACR;YAED,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;SACxB,CAAC;yBApNkD,KAAK;wBAoBrB,KAAK;;;;;;oCAwCV,KAAK;;;;;IArDpC,oBAAoB;QAClB,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEzC,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC;gBACpC,OAAO;aACR,CAAC,CAAC;SACJ;KACF;IAqDD,gBAAgB;;KAEf;;;;;;IAQD,iBAAiB;QACfA,8BAAkB,CAAC,IAAI,CAAC,CAAC;QACzBC,mBAAe,CAAC,IAAI,CAAC,CAAC;QACtBC,uBAAgB,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,MAAM,iBAAiB;QACrBC,+BAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,MAAMC,iBAAa,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,gBAAgB;QACdC,2BAAkB,CAAC,IAAI,CAAC,CAAC;KAC1B;IAED,kBAAkB;QAChBC,iCAAqB,CAAC,IAAI,CAAC,CAAC;KAC7B;IAED,oBAAoB;QAClBC,iCAAqB,CAAC,IAAI,CAAC,CAAC;QAC5BC,sBAAkB,CAAC,IAAI,CAAC,CAAC;QACzBC,0BAAmB,CAAC,IAAI,CAAC,CAAC;KAC3B;IAiBD,qBAAqB;QACnBC,kBAAc,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;KAC5C;;;;;;;IA0BD,MAAM,QAAQ;QACZ,MAAMC,2BAAkB,CAAC,IAAI,CAAC,CAAC;QAE/B,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC;KAC5B;;;;;;IAQD,WAAW,CAAC,IAAsB;QAChC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAElE,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;YACzF,OAAO,IAAI,CAAC;SACb;QAED,MAAM,IAAI,GACR,IAAI,KAAK,OAAO;cACZ,SAAS;kBACP,QAAQ,CAAC,gBAAgB;kBACzB,QAAQ,CAAC,cAAc;cACzB,SAAS;kBACP,QAAQ,CAAC,gBAAgB;kBACzB,QAAQ,CAAC,gBAAgB,CAAC;QAElC,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QACnE,OAAO,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;KAC5D;;;;;;IA2CD,MAAM;QACJ;;QAEEC,mCACiB,IAAI,CAAC,QAAQ,GAAGC,iBAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,gBACtD,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,kBAC9C,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAGA,iBAAa,CAAC,IAAI,CAAC,SAAS,CAAC,EAClE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,EACtF,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,CAAC,EAClC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU;;YAEhC,GAAG,EAAE,CAAC,EAAE;gBACN,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;aACxB,IAEDD,0BAAc,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAC,GAAG,GAAG,CACvC,EACP;KACH;;;;;;;;;;;;;;;;;","names":["connectInteractive","connectMessages","connectLocalized","setUpLoadableComponent","setUpMessages","setComponentLoaded","updateHostInteraction","disconnectInteractive","disconnectMessages","disconnectLocalized","updateMessages","componentFocusable","h","toAriaBoolean"],"sources":["src/components/handle/resources.ts","src/components/handle/handle.scss?tag=calcite-handle&encapsulation=shadow","src/components/handle/handle.tsx"],"sourcesContent":["export const CSS = {\n  handle: \"handle\",\n  handleActivated: \"handle--activated\",\n};\n\nexport const ICONS = {\n  drag: \"drag\",\n};\n",":host {\n  @apply flex;\n}\n\n.handle {\n  @apply focus-base\n    flex\n    items-center\n    justify-center\n    self-stretch\n    border-none\n    bg-transparent;\n  color: theme(\"borderColor.color.input\");\n  padding-block: theme(\"spacing.3\");\n  padding-inline: theme(\"spacing.1\");\n  line-height: 0;\n\n  calcite-icon {\n    color: inherit;\n  }\n}\n\n:host(:not([disabled])) .handle {\n  @apply cursor-move;\n  &:hover {\n    @apply bg-foreground-2 text-color-1;\n  }\n  &:focus {\n    @apply text-color-1 focus-inset;\n  }\n  &--activated {\n    @apply bg-foreground-3 text-color-1;\n  }\n}\n\n@include disabled();\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HandleMessages } from \"./assets/handle/t9n\";\nimport { HandleChange, HandleNudge } from \"./interfaces\";\nimport { CSS, ICONS } from \"./resources\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\n\n@Component({\n  tag: \"calcite-handle\",\n  styleUrl: \"handle.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Handle implements LoadableComponent, T9nComponent, InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) activated = false;\n\n  @Watch(\"messages\")\n  @Watch(\"label\")\n  @Watch(\"activated\")\n  @Watch(\"setPosition\")\n  @Watch(\"setSize\")\n  handleAriaTextChange(): void {\n    const message = this.getAriaText(\"live\");\n\n    if (message) {\n      this.calciteInternalHandleChange.emit({\n        message,\n      });\n    }\n  }\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Value for the button title attribute\n   */\n  @Prop({ reflect: true }) dragHandle: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  @Prop() messages: HandleMessages;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() setPosition: number;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() setSize: number;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, disables unselecting the component when blurred.\n   *\n   * @internal\n   */\n  @Prop() blurUnselectDisabled = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  @Prop() messageOverrides: Partial<HandleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectMessages(this);\n    connectLocalized(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectMessages(this);\n    disconnectLocalized(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteHandleElement;\n\n  handleButton: HTMLElement;\n\n  @State() effectiveLocale: string;\n\n  @State() defaultMessages: HandleMessages;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emitted when the handle is activated and the up or down arrow key is pressed.\n   */\n  @Event({ cancelable: false }) calciteHandleNudge: EventEmitter<HandleNudge>;\n\n  /**\n   * Emitted when the handle is activated or deactivated.\n   */\n  @Event({ cancelable: false }) calciteInternalHandleChange: EventEmitter<HandleChange>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.handleButton?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getAriaText(type: \"label\" | \"live\"): string {\n    const { setPosition, setSize, label, messages, activated } = this;\n\n    if (!messages || !label || typeof setSize !== \"number\" || typeof setPosition !== \"number\") {\n      return null;\n    }\n\n    const text =\n      type === \"label\"\n        ? activated\n          ? messages.dragHandleChange\n          : messages.dragHandleIdle\n        : activated\n          ? messages.dragHandleActive\n          : messages.dragHandleCommit;\n\n    const replacePosition = text.replace(\"{position}\", setPosition.toString());\n    const replaceLabel = replacePosition.replace(\"{itemLabel}\", label);\n    return replaceLabel.replace(\"{total}\", setSize.toString());\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    switch (event.key) {\n      case \" \":\n        this.activated = !this.activated;\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n        if (!this.activated) {\n          return;\n        }\n        event.preventDefault();\n        this.calciteHandleNudge.emit({ direction: \"up\" });\n        break;\n      case \"ArrowDown\":\n        if (!this.activated) {\n          return;\n        }\n        event.preventDefault();\n        this.calciteHandleNudge.emit({ direction: \"down\" });\n        break;\n    }\n  };\n\n  handleBlur = (): void => {\n    if (this.blurUnselectDisabled || this.disabled) {\n      return;\n    }\n\n    this.activated = false;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486\n      <span\n        aria-disabled={this.disabled ? toAriaBoolean(this.disabled) : null}\n        aria-label={this.disabled ? null : this.getAriaText(\"label\")}\n        aria-pressed={this.disabled ? null : toAriaBoolean(this.activated)}\n        class={{ [CSS.handle]: true, [CSS.handleActivated]: !this.disabled && this.activated }}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\n        role=\"button\"\n        tabIndex={this.disabled ? null : 0}\n        title={this.messages?.dragHandle}\n        // 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)\n        ref={(el): void => {\n          this.handleButton = el;\n        }}\n      >\n        <calcite-icon icon={ICONS.drag} scale=\"s\" />\n      </span>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-handle.entry.cjs.js","mappings":"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","names":["connectInteractive","connectMessages","connectLocalized","setUpLoadableComponent","setUpMessages","setComponentLoaded","updateHostInteraction","disconnectInteractive","disconnectMessages","disconnectLocalized","updateMessages","componentFocusable","h","toAriaBoolean"],"sources":["src/components/handle/resources.ts","src/components/handle/handle.scss?tag=calcite-handle&encapsulation=shadow","src/components/handle/handle.tsx"],"sourcesContent":["export const CSS = {\n  handle: \"handle\",\n  handleSelected: \"handle--selected\",\n};\n\nexport const ICONS = {\n  drag: \"drag\",\n};\n",":host {\n  @apply flex;\n}\n\n.handle {\n  @apply focus-base\n    flex\n    items-center\n    justify-center\n    self-stretch\n    border-none\n    bg-transparent;\n  color: theme(\"borderColor.color.input\");\n  padding-block: theme(\"spacing.3\");\n  padding-inline: theme(\"spacing.1\");\n  line-height: 0;\n\n  calcite-icon {\n    color: inherit;\n  }\n}\n\n:host(:not([disabled])) .handle {\n  @apply cursor-move;\n  &:hover {\n    @apply bg-foreground-2 text-color-1;\n  }\n  &:focus {\n    @apply text-color-1 focus-inset;\n  }\n  &--selected {\n    @apply bg-foreground-3 text-color-1;\n  }\n}\n\n@include disabled();\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HandleMessages } from \"./assets/handle/t9n\";\nimport { HandleChange, HandleNudge } from \"./interfaces\";\nimport { CSS, ICONS } from \"./resources\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\n\n@Component({\n  tag: \"calcite-handle\",\n  styleUrl: \"handle.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Handle implements LoadableComponent, T9nComponent, InteractiveComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When `true`, the component is selected.\n   */\n  @Prop({ mutable: true, reflect: true }) selected = false;\n\n  @Watch(\"messages\")\n  @Watch(\"label\")\n  @Watch(\"selected\")\n  @Watch(\"setPosition\")\n  @Watch(\"setSize\")\n  handleAriaTextChange(): void {\n    const message = this.getAriaText(\"live\");\n\n    if (message) {\n      this.calciteInternalAssistiveTextChange.emit({\n        message,\n      });\n    }\n  }\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Value for the button title attribute\n   */\n  @Prop({ reflect: true }) dragHandle: string;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  @Prop() messages: HandleMessages;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() setPosition: number;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() setSize: number;\n\n  /**\n   *\n   *\n   * @internal\n   */\n  @Prop() label: string;\n\n  /**\n   * When `true`, disables unselecting the component when blurred.\n   *\n   * @internal\n   */\n  @Prop() blurUnselectDisabled = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  @Prop() messageOverrides: Partial<HandleMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectMessages(this);\n    connectLocalized(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    await setUpMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectMessages(this);\n    disconnectLocalized(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteHandleElement;\n\n  handleButton: HTMLElement;\n\n  @State() effectiveLocale: string;\n\n  @State() defaultMessages: HandleMessages;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emits whenever the component is selected or unselected.\n   *\n   */\n  @Event({ cancelable: false }) calciteHandleChange: EventEmitter<void>;\n\n  /**\n   * Emitted when the handle is selected and the up or down arrow key is pressed.\n   */\n  @Event({ cancelable: false }) calciteHandleNudge: EventEmitter<HandleNudge>;\n\n  /**\n   * Emitted when the assistive text has changed.\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAssistiveTextChange: EventEmitter<HandleChange>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    this.handleButton?.focus();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  getAriaText(type: \"label\" | \"live\"): string {\n    const { setPosition, setSize, label, messages, selected } = this;\n\n    if (!messages || !label || typeof setSize !== \"number\" || typeof setPosition !== \"number\") {\n      return null;\n    }\n\n    const text =\n      type === \"label\"\n        ? selected\n          ? messages.dragHandleChange\n          : messages.dragHandleIdle\n        : selected\n          ? messages.dragHandleActive\n          : messages.dragHandleCommit;\n\n    const replacePosition = text.replace(\"{position}\", setPosition.toString());\n    const replaceLabel = replacePosition.replace(\"{itemLabel}\", label);\n    return replaceLabel.replace(\"{total}\", setSize.toString());\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    switch (event.key) {\n      case \" \":\n        this.selected = !this.selected;\n        this.calciteHandleChange.emit();\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n        if (!this.selected) {\n          return;\n        }\n        event.preventDefault();\n        this.calciteHandleNudge.emit({ direction: \"up\" });\n        break;\n      case \"ArrowDown\":\n        if (!this.selected) {\n          return;\n        }\n        event.preventDefault();\n        this.calciteHandleNudge.emit({ direction: \"down\" });\n        break;\n    }\n  };\n\n  handleBlur = (): void => {\n    if (this.blurUnselectDisabled || this.disabled) {\n      return;\n    }\n\n    if (this.selected) {\n      this.selected = false;\n      this.calciteHandleChange.emit();\n    }\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486\n      <span\n        aria-disabled={this.disabled ? toAriaBoolean(this.disabled) : null}\n        aria-label={this.disabled ? null : this.getAriaText(\"label\")}\n        aria-pressed={this.disabled ? null : toAriaBoolean(this.selected)}\n        class={{ [CSS.handle]: true, [CSS.handleSelected]: !this.disabled && this.selected }}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\n        role=\"button\"\n        tabIndex={this.disabled ? null : 0}\n        title={this.messages?.dragHandle}\n        // 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)\n        ref={(el): void => {\n          this.handleButton = el;\n        }}\n      >\n        <calcite-icon icon={ICONS.drag} scale=\"s\" />\n      </span>\n    );\n  }\n}\n"],"version":3}

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-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const observers = require('./observers-952444d2.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const observers = require('./observers-dd83c8bf.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
 
 const CSS = {
     icon: "icon",

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

@@ -1,25 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const label = require('./label-5a667a29.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const locale = require('./locale-6380f8fd.js');
-const observers = require('./observers-952444d2.js');
-const t9n = require('./t9n-2007f297.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
-require('./browser-959185aa.js');
-require('./component-e232b290.js');
-require('./key-c023f3e3.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+const interactive = require('./interactive-9069ba3b.js');
+const label = require('./label-2f23cffd.js');
+const loadable = require('./loadable-43db5758.js');
+const locale = require('./locale-4943de4f.js');
+const observers = require('./observers-dd83c8bf.js');
+const t9n = require('./t9n-ec81bca5.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
+require('./browser-3d891f13.js');
+require('./component-988081ea.js');
+require('./key-38e595a7.js');
 
 const CSS = {
     wrapper: "wrapper",

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

@@ -1,32 +1,32 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const utils = require('./utils-04684b94.js');
-const dom = require('./dom-594b805d.js');
-const floatingUi = require('./floating-ui-8eccc675.js');
-const form = require('./form-28894c22.js');
-const interactive = require('./interactive-e23d5b5f.js');
-const key = require('./key-c023f3e3.js');
-const label = require('./label-5a667a29.js');
-const loadable = require('./loadable-2ec3c03a.js');
-const locale = require('./locale-6380f8fd.js');
-const openCloseComponent = require('./openCloseComponent-2c59a44c.js');
-const t9n = require('./t9n-2007f297.js');
-const focusTrapComponent = require('./focusTrapComponent-6a86b29c.js');
-const guid = require('./guid-cddacceb.js');
-const component = require('./component-e232b290.js');
-const Validation = require('./Validation-b36431f0.js');
-require('./resources-36901a12.js');
-require('./debounce-a866e732.js');
-require('./browser-959185aa.js');
-require('./observers-952444d2.js');
+const index = require('./index-9c7b583a.js');
+const utils = require('./utils-2bb350c6.js');
+const dom = require('./dom-b6bc10de.js');
+const floatingUi = require('./floating-ui-c491b128.js');
+const form = require('./form-caf82575.js');
+const interactive = require('./interactive-9069ba3b.js');
+const key = require('./key-38e595a7.js');
+const label = require('./label-2f23cffd.js');
+const loadable = require('./loadable-43db5758.js');
+const locale = require('./locale-4943de4f.js');
+const openCloseComponent = require('./openCloseComponent-cbf7b95f.js');
+const t9n = require('./t9n-ec81bca5.js');
+const focusTrapComponent = require('./focusTrapComponent-13c54f6b.js');
+const guid = require('./guid-e08074dd.js');
+const component = require('./component-988081ea.js');
+const Validation = require('./Validation-6291de9a.js');
+require('./resources-459a530e.js');
+require('./debounce-fa6ea1bf.js');
+require('./browser-3d891f13.js');
+require('./observers-dd83c8bf.js');
 
 const CSS = {
     assistiveText: "assistive-text",

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-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.7
+ * v2.2.0-next.9
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b3a1ed9.js');
-const dom = require('./dom-594b805d.js');
-require('./guid-cddacceb.js');
-require('./resources-36901a12.js');
+const index = require('./index-9c7b583a.js');
+const dom = require('./dom-b6bc10de.js');
+require('./guid-e08074dd.js');
+require('./resources-459a530e.js');
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {