@esri/calcite-components 2.5.0-next.1 → 2.5.0-next.3

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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const utils = require('./utils-afcb5b91.js');
-const loadable = require('./loadable-fb9078dd.js');
-const locale = require('./locale-6fa7eb38.js');
-const t9n = require('./t9n-c8b706fd.js');
-const dom = require('./dom-d4bdfc93.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const key = require('./key-bbb62d71.js');
-const Heading = require('./Heading-aa6d8157.js');
-const component = require('./component-60017307.js');
-require('./observers-064ac249.js');
-require('./guid-c97ceae0.js');
-require('./resources-72a978f4.js');
-require('./browser-f3f285f4.js');
+const index = require('./index-782e692c.js');
+const utils = require('./utils-70100f02.js');
+const loadable = require('./loadable-541807aa.js');
+const locale = require('./locale-4c916cec.js');
+const t9n = require('./t9n-84b57d1e.js');
+const dom = require('./dom-7578a1d4.js');
+const interactive = require('./interactive-c57fecd3.js');
+const key = require('./key-56bfdd9f.js');
+const Heading = require('./Heading-6936b968.js');
+const component = require('./component-da204f58.js');
+require('./observers-17895322.js');
+require('./guid-acf410ab.js');
+require('./resources-f7c47fe3.js');
+require('./browser-9bea214b.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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const dom = require('./dom-d4bdfc93.js');
-const floatingUi = require('./floating-ui-2142db87.js');
-const guid = require('./guid-c97ceae0.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const key = require('./key-bbb62d71.js');
-const loadable = require('./loadable-fb9078dd.js');
-const observers = require('./observers-064ac249.js');
-const openCloseComponent = require('./openCloseComponent-656ce4c9.js');
-const component = require('./component-60017307.js');
-require('./resources-72a978f4.js');
-require('./debounce-0c7e1a59.js');
-require('./browser-f3f285f4.js');
+const index = require('./index-782e692c.js');
+const dom = require('./dom-7578a1d4.js');
+const floatingUi = require('./floating-ui-7287e848.js');
+const guid = require('./guid-acf410ab.js');
+const interactive = require('./interactive-c57fecd3.js');
+const key = require('./key-56bfdd9f.js');
+const loadable = require('./loadable-541807aa.js');
+const observers = require('./observers-17895322.js');
+const openCloseComponent = require('./openCloseComponent-71649d3a.js');
+const component = require('./component-da204f58.js');
+require('./resources-f7c47fe3.js');
+require('./debounce-3e399ca6.js');
+require('./browser-9bea214b.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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const dom = require('./dom-d4bdfc93.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const loadable = require('./loadable-fb9078dd.js');
-require('./guid-c97ceae0.js');
-require('./resources-72a978f4.js');
-require('./browser-f3f285f4.js');
+const index = require('./index-782e692c.js');
+const dom = require('./dom-7578a1d4.js');
+const interactive = require('./interactive-c57fecd3.js');
+const loadable = require('./loadable-541807aa.js');
+require('./guid-acf410ab.js');
+require('./resources-f7c47fe3.js');
+require('./browser-9bea214b.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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const filter = require('./filter-513ae2bf.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const loadable = require('./loadable-fb9078dd.js');
-const locale = require('./locale-6fa7eb38.js');
-const t9n = require('./t9n-c8b706fd.js');
-const debounce = require('./debounce-0c7e1a59.js');
-require('./browser-f3f285f4.js');
-require('./dom-d4bdfc93.js');
-require('./guid-c97ceae0.js');
-require('./resources-72a978f4.js');
-require('./key-bbb62d71.js');
-require('./observers-064ac249.js');
+const index = require('./index-782e692c.js');
+const filter = require('./filter-f4b8843f.js');
+const interactive = require('./interactive-c57fecd3.js');
+const loadable = require('./loadable-541807aa.js');
+const locale = require('./locale-4c916cec.js');
+const t9n = require('./t9n-84b57d1e.js');
+const debounce = require('./debounce-3e399ca6.js');
+require('./browser-9bea214b.js');
+require('./dom-7578a1d4.js');
+require('./guid-acf410ab.js');
+require('./resources-f7c47fe3.js');
+require('./key-56bfdd9f.js');
+require('./observers-17895322.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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const dom = require('./dom-d4bdfc93.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const loadable = require('./loadable-fb9078dd.js');
-const locale = require('./locale-6fa7eb38.js');
-const t9n = require('./t9n-c8b706fd.js');
-const resources = require('./resources-339a809b.js');
-require('./guid-c97ceae0.js');
-require('./resources-72a978f4.js');
-require('./browser-f3f285f4.js');
-require('./key-bbb62d71.js');
-require('./observers-064ac249.js');
+const index = require('./index-782e692c.js');
+const dom = require('./dom-7578a1d4.js');
+const interactive = require('./interactive-c57fecd3.js');
+const loadable = require('./loadable-541807aa.js');
+const locale = require('./locale-4c916cec.js');
+const t9n = require('./t9n-84b57d1e.js');
+const resources = require('./resources-12630921.js');
+require('./guid-acf410ab.js');
+require('./resources-f7c47fe3.js');
+require('./browser-9bea214b.js');
+require('./key-56bfdd9f.js');
+require('./observers-17895322.js');
 
 const CSS = {
     backButton: "back-button",
@@ -38,7 +38,7 @@ const SLOTS = {
     footerActions: "footer-actions",
 };
 
-const flowItemCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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{position:relative;display:flex;inline-size:100%;flex:1 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}calcite-panel{--calcite-panel-footer-padding:var(--calcite-flow-item-footer-padding);--calcite-panel-header-border-block-end:var(--calcite-flow-item-header-border-block-end)}:host([hidden]){display:none}[hidden]{display:none}";
+const flowItemCss = ":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}: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{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);border-inline-end-width:1px}calcite-panel{--calcite-panel-footer-padding:var(--calcite-flow-item-footer-padding);--calcite-panel-header-border-block-end:var(--calcite-flow-item-header-border-block-end)}:host([hidden]){display:none}[hidden]{display:none}";
 
 const FlowItem = class {
     constructor(hostRef) {

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

@@ -1 +1 @@
-{"file":"calcite-flow-item.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;AAAO,MAAM,GAAG,GAAG;IACjB,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEK,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,eAAe;CAC3B,CAAC;AAEK,MAAM,KAAK,GAAG;IACnB,SAAS,EAAE,YAAY;IACvB,kBAAkB,EAAE,sBAAsB;IAC1C,gBAAgB,EAAE,oBAAoB;IACtC,iBAAiB,EAAE,qBAAqB;IACxC,aAAa,EAAE,gBAAgB;IAC/B,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,gBAAgB;CAChC;;AClBD,MAAM,WAAW,GAAG,y6BAAy6B;;MC0Dh7B,QAAQ;;;;;;;;;;;;QAkOnB,sBAAiB,GAAG,CAAC,KAAwB;YAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;SACnC,CAAC;QAEF,qBAAgB,GAAG,CAAC,KAAwB;YAC1C,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;SAClC,CAAC;QAEF,sBAAiB,GAAG,CAAC,KAAwB;YAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,SAAS,GAAI,KAAK,CAAC,MAAkC,CAAC,SAAS,CAAC;YACrE,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE,CAAC;SACnC,CAAC;QAEF,oBAAe,GAAG;YAChB,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;SACjC,CAAC;QAEF,eAAU,GAAG,CAAC,IAA8B;YAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B,CAAC;QAEF,oBAAe,GAAG,CAAC,IAA6B;YAC9C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SACzB,CAAC;wBAlPkC,KAAK;sBAGP,KAAK;yBAKF,KAAK;iCAOC,MAAM;2BAKV,KAAK;;;wBAaR,KAAK;;;uBAeN,KAAK;wBAKJ,KAAK;;;kCA6ByB,UAAU;8BAOnD,KAAK;;+BAyEH,EAAE;;IApG7B,gBAAgB;;KAEf;;;;;;IAiCD,iBAAiB;QACfA,8BAAkB,CAAC,IAAI,CAAC,CAAC;QACzBC,uBAAgB,CAAC,IAAI,CAAC,CAAC;QACvBC,mBAAe,CAAC,IAAI,CAAC,CAAC;KACvB;IAED,MAAM,iBAAiB;QACrB,MAAMC,iBAAa,CAAC,IAAI,CAAC,CAAC;QAC1BC,+BAAsB,CAAC,IAAI,CAAC,CAAC;KAC9B;IAED,kBAAkB;QAChBC,iCAAqB,CAAC,IAAI,CAAC,CAAC;KAC7B;IAED,oBAAoB;QAClBC,iCAAqB,CAAC,IAAI,CAAC,CAAC;QAC5BC,0BAAmB,CAAC,IAAI,CAAC,CAAC;QAC1BC,sBAAkB,CAAC,IAAI,CAAC,CAAC;KAC1B;IAED,gBAAgB;QACdC,2BAAkB,CAAC,IAAI,CAAC,CAAC;KAC1B;IA6CD,qBAAqB;QACnBC,kBAAc,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;KAC5C;;;;;;;;;;;IAcD,MAAM,QAAQ;QACZ,MAAMC,2BAAkB,CAAC,IAAI,CAAC,CAAC;QAE/B,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QAE3C,IAAI,YAAY,EAAE;YAChB,OAAO,YAAY,CAAC,QAAQ,EAAE,CAAC;SAChC;aAAM,IAAI,WAAW,EAAE;YACtB,OAAO,WAAW,CAAC,QAAQ,EAAE,CAAC;SAC/B;KACF;;;;;;;;;;;;;IAeD,MAAM,eAAe,CAAC,OAAyB;QAC7C,MAAM,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;KAClD;;;;;;IA0CD,gBAAgB;QACd,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QAEpB,MAAM,GAAG,GAAGC,iBAAa,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC;QACxC,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC3D,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC;QAC5B,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;QAEpD,OAAO,cAAc,IACnBC,0CACc,KAAK,EACjB,KAAK,EAAE,GAAG,CAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,kBAAkB,EACtB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAC,GAAG,EACT,IAAI,EAAC,sBAAsB,EAC3B,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,KAAK;;YAEZ,GAAG,EAAE,IAAI,CAAC,UAAU,GACpB,IACA,IAAI,CAAC;KACV;IAED,MAAM;QACJ,MAAM,EACJ,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,kBAAkB,GACnB,GAAG,IAAI,CAAC;QACT,QACEA,QAACC,UAAI,QACHD,QAACE,gCAAoB,IAAC,QAAQ,EAAE,QAAQ,IACtCF,2BACE,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,QAAQ,EAC1B,mBAAmB,EAAE,IAAI,CAAC,gBAAgB,EAC1C,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,EAC5C,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,EAC5C,kBAAkB,EAAE,kBAAkB;;YAEtC,GAAG,EAAE,IAAI,CAAC,eAAe,IAExB,IAAI,CAAC,gBAAgB,EAAE,EACxBA,kBAAM,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAEG,eAAW,CAAC,SAAS,GAAI,EAC5DH,kBAAM,IAAI,EAAE,KAAK,CAAC,kBAAkB,EAAE,IAAI,EAAEG,eAAW,CAAC,kBAAkB,GAAI,EAC9EH,kBAAM,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAAE,IAAI,EAAEG,eAAW,CAAC,gBAAgB,GAAI,EAC1EH,kBAAM,IAAI,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAEG,eAAW,CAAC,aAAa,GAAI,EACpEH,kBAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAAE,IAAI,EAAEG,eAAW,CAAC,iBAAiB,GAAI,EAC5EH,kBAAM,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,EAAEG,eAAW,CAAC,GAAG,GAAI,EAChDH,kBAAM,IAAI,EAAE,KAAK,CAAC,aAAa,EAAE,IAAI,EAAEG,eAAW,CAAC,aAAa,GAAI,EACpEH,kBAAM,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAEG,eAAW,CAAC,MAAM,GAAI,EACtDH,qBAAQ,CACM,CACK,CAClB,EACP;KACH;;;;;;;;;;;;","names":["connectInteractive","connectLocalized","connectMessages","setUpMessages","setUpLoadableComponent","updateHostInteraction","disconnectInteractive","disconnectLocalized","disconnectMessages","setComponentLoaded","updateMessages","componentFocusable","getElementDir","h","Host","InteractiveContainer","PANEL_SLOTS"],"sources":["src/components/flow-item/resources.ts","src/components/flow-item/flow-item.scss?tag=calcite-flow-item&encapsulation=shadow","src/components/flow-item/flow-item.tsx"],"sourcesContent":["export const CSS = {\n  backButton: \"back-button\",\n};\n\nexport const ICONS = {\n  backLeft: \"chevron-left\",\n  backRight: \"chevron-right\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  headerActionsStart: \"header-actions-start\",\n  headerActionsEnd: \"header-actions-end\",\n  headerMenuActions: \"header-menu-actions\",\n  headerContent: \"header-content\",\n  fab: \"fab\",\n  footer: \"footer\",\n  footerActions: \"footer-actions\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-flow-item-footer-padding: Specifies the padding of the component's footer.\n * @prop --calcite-flow-item-header-border-block-end: Specifies the component header's block end border.\n */\n\n:host {\n  @extend %component-host;\n  @apply relative flex w-full flex-auto;\n}\n\n@include disabled();\n\n.back-button {\n  @apply border-color-3\n  border-0\n  border-solid;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\ncalcite-panel {\n  --calcite-panel-footer-padding: var(--calcite-flow-item-footer-padding);\n  --calcite-panel-header-border-block-end: var(--calcite-flow-item-header-border-block-end);\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { SLOTS as PANEL_SLOTS } from \"../panel/resources\";\nimport { FlowItemMessages } from \"./assets/flow-item/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n * @slot header-actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.\n * @slot header-actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.\n * @slot header-content - A slot for adding custom content to the component's header.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer-actions - [Deprecated] Use the `\"footer\"` slot instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer - A slot for adding custom content to the component's footer.\n */\n@Component({\n  tag: \"calcite-flow-item\",\n  styleUrl: \"flow-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class FlowItem\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** When `true`, displays a close button in the trailing side of the component's header. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ reflect: true }) closed = false;\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * Specifies the direction of the collapse.\n   *\n   * @internal\n   */\n  @Prop() collapseDirection: \"down\" | \"up\" = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * When provided, the method will be called before it is removed from its parent `calcite-flow`.\n   */\n  @Prop() beforeBack: () => Promise<void>;\n\n  /** A description for the component. */\n  @Prop() description: string;\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   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<FlowItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: FlowItemMessages;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * When `true`, displays a back button in the component's header.\n   *\n   * @internal\n   */\n  @Prop() showBackButton = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the back button is clicked.\n   */\n  @Event({ cancelable: true }) calciteFlowItemBack: EventEmitter<void>;\n\n  /**\n   * Fires when the content is scrolled.\n   */\n  @Event({ cancelable: false }) calciteFlowItemScroll: EventEmitter<void>;\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calciteFlowItemClose: EventEmitter<void>;\n\n  /**\n   * Fires when the collapse button is clicked.\n   */\n  @Event({ cancelable: false }) calciteFlowItemToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFlowItemElement;\n\n  containerEl: HTMLCalcitePanelElement;\n\n  backButtonEl: HTMLCalciteActionElement;\n\n  @State() defaultMessages: FlowItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component.\n   *\n   * @returns promise.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const { backButtonEl, containerEl } = this;\n\n    if (backButtonEl) {\n      return backButtonEl.setFocus();\n    } else if (containerEl) {\n      return containerEl.setFocus();\n    }\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    await this.containerEl?.scrollContentTo(options);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handlePanelScroll = (event: CustomEvent<void>): void => {\n    event.stopPropagation();\n    this.calciteFlowItemScroll.emit();\n  };\n\n  handlePanelClose = (event: CustomEvent<void>): void => {\n    event.stopPropagation();\n    this.calciteFlowItemClose.emit();\n  };\n\n  handlePanelToggle = (event: CustomEvent<void>): void => {\n    event.stopPropagation();\n    this.collapsed = (event.target as HTMLCalcitePanelElement).collapsed;\n    this.calciteFlowItemToggle.emit();\n  };\n\n  backButtonClick = (): void => {\n    this.calciteFlowItemBack.emit();\n  };\n\n  setBackRef = (node: HTMLCalciteActionElement): void => {\n    this.backButtonEl = node;\n  };\n\n  setContainerRef = (node: HTMLCalcitePanelElement): void => {\n    this.containerEl = node;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderBackButton(): VNode {\n    const { el } = this;\n\n    const rtl = getElementDir(el) === \"rtl\";\n    const { showBackButton, backButtonClick, messages } = this;\n    const label = messages.back;\n    const icon = rtl ? ICONS.backRight : ICONS.backLeft;\n\n    return showBackButton ? (\n      <calcite-action\n        aria-label={label}\n        class={CSS.backButton}\n        icon={icon}\n        key=\"flow-back-button\"\n        onClick={backButtonClick}\n        scale=\"s\"\n        slot=\"header-actions-start\"\n        text={label}\n        title={label}\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={this.setBackRef}\n      />\n    ) : null;\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      collapseDirection,\n      collapsible,\n      closable,\n      closed,\n      description,\n      disabled,\n      heading,\n      headingLevel,\n      loading,\n      menuOpen,\n      messages,\n      overlayPositioning,\n    } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <calcite-panel\n            closable={closable}\n            closed={closed}\n            collapseDirection={collapseDirection}\n            collapsed={collapsed}\n            collapsible={collapsible}\n            description={description}\n            disabled={disabled}\n            heading={heading}\n            headingLevel={headingLevel}\n            loading={loading}\n            menuOpen={menuOpen}\n            messageOverrides={messages}\n            onCalcitePanelClose={this.handlePanelClose}\n            onCalcitePanelScroll={this.handlePanelScroll}\n            onCalcitePanelToggle={this.handlePanelToggle}\n            overlayPositioning={overlayPositioning}\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={this.setContainerRef}\n          >\n            {this.renderBackButton()}\n            <slot name={SLOTS.actionBar} slot={PANEL_SLOTS.actionBar} />\n            <slot name={SLOTS.headerActionsStart} slot={PANEL_SLOTS.headerActionsStart} />\n            <slot name={SLOTS.headerActionsEnd} slot={PANEL_SLOTS.headerActionsEnd} />\n            <slot name={SLOTS.headerContent} slot={PANEL_SLOTS.headerContent} />\n            <slot name={SLOTS.headerMenuActions} slot={PANEL_SLOTS.headerMenuActions} />\n            <slot name={SLOTS.fab} slot={PANEL_SLOTS.fab} />\n            <slot name={SLOTS.footerActions} slot={PANEL_SLOTS.footerActions} />\n            <slot name={SLOTS.footer} slot={PANEL_SLOTS.footer} />\n            <slot />\n          </calcite-panel>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"calcite-flow-item.entry.cjs.js","mappings":"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","names":["connectInteractive","connectLocalized","connectMessages","setUpMessages","setUpLoadableComponent","updateHostInteraction","disconnectInteractive","disconnectLocalized","disconnectMessages","setComponentLoaded","updateMessages","componentFocusable","getElementDir","h","Host","InteractiveContainer","PANEL_SLOTS"],"sources":["src/components/flow-item/resources.ts","src/components/flow-item/flow-item.scss?tag=calcite-flow-item&encapsulation=shadow","src/components/flow-item/flow-item.tsx"],"sourcesContent":["export const CSS = {\n  backButton: \"back-button\",\n};\n\nexport const ICONS = {\n  backLeft: \"chevron-left\",\n  backRight: \"chevron-right\",\n};\n\nexport const SLOTS = {\n  actionBar: \"action-bar\",\n  headerActionsStart: \"header-actions-start\",\n  headerActionsEnd: \"header-actions-end\",\n  headerMenuActions: \"header-menu-actions\",\n  headerContent: \"header-content\",\n  fab: \"fab\",\n  footer: \"footer\",\n  footerActions: \"footer-actions\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-flow-item-footer-padding: Specifies the padding of the component's footer.\n * @prop --calcite-flow-item-header-border-block-end: Specifies the component header's block end border.\n */\n\n:host {\n  @extend %component-host;\n  @apply relative flex w-full flex-auto overflow-hidden;\n}\n\n@include disabled();\n\n.back-button {\n  @apply border-color-3\n  border-0\n  border-solid;\n  border-inline-end-width: theme(\"borderWidth.DEFAULT\");\n}\n\ncalcite-panel {\n  --calcite-panel-footer-padding: var(--calcite-flow-item-footer-padding);\n  --calcite-panel-header-border-block-end: var(--calcite-flow-item-header-border-block-end);\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { HeadingLevel } from \"../functional/Heading\";\nimport { SLOTS as PANEL_SLOTS } from \"../panel/resources\";\nimport { FlowItemMessages } from \"./assets/flow-item/t9n\";\nimport { CSS, ICONS, SLOTS } from \"./resources\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\n\n/**\n * @slot - A slot for adding custom content.\n * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.\n * @slot header-actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.\n * @slot header-actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.\n * @slot header-content - A slot for adding custom content to the component's header.\n * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.\n * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.\n * @slot footer-actions - [Deprecated] Use the `\"footer\"` slot instead. A slot for adding `calcite-button`s to the component's footer.\n * @slot footer - A slot for adding custom content to the component's footer.\n */\n@Component({\n  tag: \"calcite-flow-item\",\n  styleUrl: \"flow-item.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class FlowItem\n  implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent\n{\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /** When `true`, displays a close button in the trailing side of the component's header. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** When `true`, the component will be hidden. */\n  @Prop({ reflect: true }) closed = false;\n\n  /**\n   * When `true`, hides the component's content area.\n   */\n  @Prop({ reflect: true }) collapsed = false;\n\n  /**\n   * Specifies the direction of the collapse.\n   *\n   * @internal\n   */\n  @Prop() collapseDirection: \"down\" | \"up\" = \"down\";\n\n  /**\n   * When `true`, the component is collapsible.\n   */\n  @Prop({ reflect: true }) collapsible = false;\n\n  /**\n   * When provided, the method will be called before it is removed from its parent `calcite-flow`.\n   */\n  @Prop() beforeBack: () => Promise<void>;\n\n  /** A description for the component. */\n  @Prop() description: string;\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   * The component header text.\n   */\n  @Prop() heading: string;\n\n  /**\n   * Specifies the number at which section headings should start.\n   */\n  @Prop({ reflect: true }) headingLevel: HeadingLevel;\n\n  /**\n   * When `true`, a busy indicator is displayed.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  /**\n   * When `true`, the action menu items in the `header-menu-actions` slot are open.\n   */\n  @Prop({ reflect: true }) menuOpen = false;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<FlowItemMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: FlowItemMessages;\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * When `true`, displays a back button in the component's header.\n   *\n   * @internal\n   */\n  @Prop() showBackButton = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    await setUpMessages(this);\n    setUpLoadableComponent(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Fires when the back button is clicked.\n   */\n  @Event({ cancelable: true }) calciteFlowItemBack: EventEmitter<void>;\n\n  /**\n   * Fires when the content is scrolled.\n   */\n  @Event({ cancelable: false }) calciteFlowItemScroll: EventEmitter<void>;\n\n  /**\n   * Fires when the close button is clicked.\n   */\n  @Event({ cancelable: false }) calciteFlowItemClose: EventEmitter<void>;\n\n  /**\n   * Fires when the collapse button is clicked.\n   */\n  @Event({ cancelable: false }) calciteFlowItemToggle: EventEmitter<void>;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteFlowItemElement;\n\n  containerEl: HTMLCalcitePanelElement;\n\n  backButtonEl: HTMLCalciteActionElement;\n\n  @State() defaultMessages: FlowItemMessages;\n\n  @State() effectiveLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Sets focus on the component.\n   *\n   * @returns promise.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const { backButtonEl, containerEl } = this;\n\n    if (backButtonEl) {\n      return backButtonEl.setFocus();\n    } else if (containerEl) {\n      return containerEl.setFocus();\n    }\n  }\n\n  /**\n   * Scrolls the component's content to a specified set of coordinates.\n   *\n   * @example\n   * myCalciteFlowItem.scrollContentTo({\n   *   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.\n   *   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element\n   *   behavior: \"auto\" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value).\n   * });\n   * @param options - allows specific coordinates to be defined.\n   * @returns - promise that resolves once the content is scrolled to.\n   */\n  @Method()\n  async scrollContentTo(options?: ScrollToOptions): Promise<void> {\n    await this.containerEl?.scrollContentTo(options);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  handlePanelScroll = (event: CustomEvent<void>): void => {\n    event.stopPropagation();\n    this.calciteFlowItemScroll.emit();\n  };\n\n  handlePanelClose = (event: CustomEvent<void>): void => {\n    event.stopPropagation();\n    this.calciteFlowItemClose.emit();\n  };\n\n  handlePanelToggle = (event: CustomEvent<void>): void => {\n    event.stopPropagation();\n    this.collapsed = (event.target as HTMLCalcitePanelElement).collapsed;\n    this.calciteFlowItemToggle.emit();\n  };\n\n  backButtonClick = (): void => {\n    this.calciteFlowItemBack.emit();\n  };\n\n  setBackRef = (node: HTMLCalciteActionElement): void => {\n    this.backButtonEl = node;\n  };\n\n  setContainerRef = (node: HTMLCalcitePanelElement): void => {\n    this.containerEl = node;\n  };\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderBackButton(): VNode {\n    const { el } = this;\n\n    const rtl = getElementDir(el) === \"rtl\";\n    const { showBackButton, backButtonClick, messages } = this;\n    const label = messages.back;\n    const icon = rtl ? ICONS.backRight : ICONS.backLeft;\n\n    return showBackButton ? (\n      <calcite-action\n        aria-label={label}\n        class={CSS.backButton}\n        icon={icon}\n        key=\"flow-back-button\"\n        onClick={backButtonClick}\n        scale=\"s\"\n        slot=\"header-actions-start\"\n        text={label}\n        title={label}\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={this.setBackRef}\n      />\n    ) : null;\n  }\n\n  render(): VNode {\n    const {\n      collapsed,\n      collapseDirection,\n      collapsible,\n      closable,\n      closed,\n      description,\n      disabled,\n      heading,\n      headingLevel,\n      loading,\n      menuOpen,\n      messages,\n      overlayPositioning,\n    } = this;\n    return (\n      <Host>\n        <InteractiveContainer disabled={disabled}>\n          <calcite-panel\n            closable={closable}\n            closed={closed}\n            collapseDirection={collapseDirection}\n            collapsed={collapsed}\n            collapsible={collapsible}\n            description={description}\n            disabled={disabled}\n            heading={heading}\n            headingLevel={headingLevel}\n            loading={loading}\n            menuOpen={menuOpen}\n            messageOverrides={messages}\n            onCalcitePanelClose={this.handlePanelClose}\n            onCalcitePanelScroll={this.handlePanelScroll}\n            onCalcitePanelToggle={this.handlePanelToggle}\n            overlayPositioning={overlayPositioning}\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={this.setContainerRef}\n          >\n            {this.renderBackButton()}\n            <slot name={SLOTS.actionBar} slot={PANEL_SLOTS.actionBar} />\n            <slot name={SLOTS.headerActionsStart} slot={PANEL_SLOTS.headerActionsStart} />\n            <slot name={SLOTS.headerActionsEnd} slot={PANEL_SLOTS.headerActionsEnd} />\n            <slot name={SLOTS.headerContent} slot={PANEL_SLOTS.headerContent} />\n            <slot name={SLOTS.headerMenuActions} slot={PANEL_SLOTS.headerMenuActions} />\n            <slot name={SLOTS.fab} slot={PANEL_SLOTS.fab} />\n            <slot name={SLOTS.footerActions} slot={PANEL_SLOTS.footerActions} />\n            <slot name={SLOTS.footer} slot={PANEL_SLOTS.footer} />\n            <slot />\n          </calcite-panel>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const observers = require('./observers-064ac249.js');
-const loadable = require('./loadable-fb9078dd.js');
+const index = require('./index-782e692c.js');
+const observers = require('./observers-17895322.js');
+const loadable = require('./loadable-541807aa.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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const guid = require('./guid-c97ceae0.js');
-const observers = require('./observers-064ac249.js');
-const dom = require('./dom-d4bdfc93.js');
-const form = require('./form-f34ee1ae.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const key = require('./key-bbb62d71.js');
-const label = require('./label-b783cc72.js');
-const loadable = require('./loadable-fb9078dd.js');
-const locale = require('./locale-6fa7eb38.js');
-const math = require('./math-63677290.js');
-require('./resources-72a978f4.js');
-require('./browser-f3f285f4.js');
-require('./component-60017307.js');
+const index = require('./index-782e692c.js');
+const guid = require('./guid-acf410ab.js');
+const observers = require('./observers-17895322.js');
+const dom = require('./dom-7578a1d4.js');
+const form = require('./form-9502ee56.js');
+const interactive = require('./interactive-c57fecd3.js');
+const key = require('./key-56bfdd9f.js');
+const label = require('./label-559895b1.js');
+const loadable = require('./loadable-541807aa.js');
+const locale = require('./locale-4c916cec.js');
+const math = require('./math-853fd449.js');
+require('./resources-f7c47fe3.js');
+require('./browser-9bea214b.js');
+require('./component-da204f58.js');
 
 /**
  * Calculate slope of the tangents

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

@@ -1,23 +1,23 @@
 /*!
  * 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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const dom = require('./dom-d4bdfc93.js');
-const loadable = require('./loadable-fb9078dd.js');
-const locale = require('./locale-6fa7eb38.js');
-const t9n = require('./t9n-c8b706fd.js');
-const interactive = require('./interactive-f9f66f8f.js');
-require('./guid-c97ceae0.js');
-require('./resources-72a978f4.js');
-require('./key-bbb62d71.js');
-require('./observers-064ac249.js');
-require('./browser-f3f285f4.js');
+const index = require('./index-782e692c.js');
+const dom = require('./dom-7578a1d4.js');
+const loadable = require('./loadable-541807aa.js');
+const locale = require('./locale-4c916cec.js');
+const t9n = require('./t9n-84b57d1e.js');
+const interactive = require('./interactive-c57fecd3.js');
+require('./guid-acf410ab.js');
+require('./resources-f7c47fe3.js');
+require('./key-56bfdd9f.js');
+require('./observers-17895322.js');
+require('./browser-9bea214b.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-design-system/blob/main/LICENSE.md for details.
- * v2.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const dom = require('./dom-d4bdfc93.js');
-const observers = require('./observers-064ac249.js');
-require('./guid-c97ceae0.js');
-require('./resources-72a978f4.js');
+const index = require('./index-782e692c.js');
+const dom = require('./dom-7578a1d4.js');
+const observers = require('./observers-17895322.js');
+require('./guid-acf410ab.js');
+require('./resources-f7c47fe3.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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const dom = require('./dom-d4bdfc93.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const label = require('./label-b783cc72.js');
-const loadable = require('./loadable-fb9078dd.js');
-const locale = require('./locale-6fa7eb38.js');
-const observers = require('./observers-064ac249.js');
-const t9n = require('./t9n-c8b706fd.js');
-require('./guid-c97ceae0.js');
-require('./resources-72a978f4.js');
-require('./browser-f3f285f4.js');
-require('./component-60017307.js');
-require('./key-bbb62d71.js');
+const index = require('./index-782e692c.js');
+const dom = require('./dom-7578a1d4.js');
+const interactive = require('./interactive-c57fecd3.js');
+const label = require('./label-559895b1.js');
+const loadable = require('./loadable-541807aa.js');
+const locale = require('./locale-4c916cec.js');
+const observers = require('./observers-17895322.js');
+const t9n = require('./t9n-84b57d1e.js');
+require('./guid-acf410ab.js');
+require('./resources-f7c47fe3.js');
+require('./browser-9bea214b.js');
+require('./component-da204f58.js');
+require('./key-56bfdd9f.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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const utils = require('./utils-afcb5b91.js');
-const dom = require('./dom-d4bdfc93.js');
-const floatingUi = require('./floating-ui-2142db87.js');
-const form = require('./form-f34ee1ae.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const key = require('./key-bbb62d71.js');
-const label = require('./label-b783cc72.js');
-const loadable = require('./loadable-fb9078dd.js');
-const locale = require('./locale-6fa7eb38.js');
-const openCloseComponent = require('./openCloseComponent-656ce4c9.js');
-const t9n = require('./t9n-c8b706fd.js');
-const focusTrapComponent = require('./focusTrapComponent-7f6948b7.js');
-const guid = require('./guid-c97ceae0.js');
-const component = require('./component-60017307.js');
-const Validation = require('./Validation-ba3b6ebf.js');
-require('./resources-72a978f4.js');
-require('./debounce-0c7e1a59.js');
-require('./browser-f3f285f4.js');
-require('./observers-064ac249.js');
+const index = require('./index-782e692c.js');
+const utils = require('./utils-70100f02.js');
+const dom = require('./dom-7578a1d4.js');
+const floatingUi = require('./floating-ui-7287e848.js');
+const form = require('./form-9502ee56.js');
+const interactive = require('./interactive-c57fecd3.js');
+const key = require('./key-56bfdd9f.js');
+const label = require('./label-559895b1.js');
+const loadable = require('./loadable-541807aa.js');
+const locale = require('./locale-4c916cec.js');
+const openCloseComponent = require('./openCloseComponent-71649d3a.js');
+const t9n = require('./t9n-84b57d1e.js');
+const focusTrapComponent = require('./focusTrapComponent-3bc219cc.js');
+const guid = require('./guid-acf410ab.js');
+const component = require('./component-da204f58.js');
+const Validation = require('./Validation-e2fd8241.js');
+require('./resources-f7c47fe3.js');
+require('./debounce-3e399ca6.js');
+require('./browser-9bea214b.js');
+require('./observers-17895322.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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const dom = require('./dom-d4bdfc93.js');
-require('./guid-c97ceae0.js');
-require('./resources-72a978f4.js');
+const index = require('./index-782e692c.js');
+const dom = require('./dom-7578a1d4.js');
+require('./guid-acf410ab.js');
+require('./resources-f7c47fe3.js');
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

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

@@ -1,28 +1,28 @@
 /*!
  * 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.5.0-next.1
+ * v2.5.0-next.3
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-28c9b535.js');
-const dom = require('./dom-d4bdfc93.js');
-const form = require('./form-f34ee1ae.js');
-const interactive = require('./interactive-f9f66f8f.js');
-const key = require('./key-bbb62d71.js');
-const label = require('./label-b783cc72.js');
-const loadable = require('./loadable-fb9078dd.js');
-const locale = require('./locale-6fa7eb38.js');
-const observers = require('./observers-064ac249.js');
-const resources = require('./resources-72a978f4.js');
-const t9n = require('./t9n-c8b706fd.js');
-const component = require('./component-60017307.js');
-const Validation = require('./Validation-ba3b6ebf.js');
-const input = require('./input-cd70f4ba.js');
-require('./guid-c97ceae0.js');
-require('./browser-f3f285f4.js');
+const index = require('./index-782e692c.js');
+const dom = require('./dom-7578a1d4.js');
+const form = require('./form-9502ee56.js');
+const interactive = require('./interactive-c57fecd3.js');
+const key = require('./key-56bfdd9f.js');
+const label = require('./label-559895b1.js');
+const loadable = require('./loadable-541807aa.js');
+const locale = require('./locale-4c916cec.js');
+const observers = require('./observers-17895322.js');
+const resources = require('./resources-f7c47fe3.js');
+const t9n = require('./t9n-84b57d1e.js');
+const component = require('./component-da204f58.js');
+const Validation = require('./Validation-e2fd8241.js');
+const input = require('./input-9dc2b926.js');
+require('./guid-acf410ab.js');
+require('./browser-9bea214b.js');
 
 const CSS = {
     loader: "loader",