@esri/calcite-components 1.3.0-next.12 → 1.3.0-next.13

package/dist/esm/{resources-41f0f704.js → resources-8a3a1501.js}

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
-import { g as getRoundRobinIndex } from './array-303ff19f.js';
-import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-9b9f8bc6.js';
-import { d as debounce } from './debounce-2d701360.js';
-import { h, H as Host } from './index-d726db8d.js';
+import { g as getRoundRobinIndex } from './array-689ff631.js';
+import { f as focusElement, g as getSlotted, t as toAriaBoolean } from './dom-00068eb7.js';
+import { d as debounce } from './debounce-fdbd181f.js';
+import { h, H as Host } from './index-49aca689.js';
 
 const CSS$2 = {
   heading: "heading",

package/dist/esm/{resources-9c6e6654.js → resources-b136f993.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
 const CSS = {
   menu: "menu",

package/dist/esm/{resources-e166558c.js → resources-bb72bce0.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
 const SLOTS = {
   menuActions: "menu-actions",

package/dist/esm/{sortable.esm-7daed18e.js → sortable.esm-039bc20d.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
 /**!
  * Sortable 1.15.0

package/dist/esm/{t9n-955f6ef8.js → t9n-e75a680f.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
-import { g as getAssetPath } from './index-d726db8d.js';
-import { g as getSupportedLocale } from './locale-cc57c66f.js';
+import { g as getAssetPath } from './index-49aca689.js';
+import { g as getSupportedLocale } from './locale-a43dcb99.js';
 
 const componentLangToMessageBundleCache = {};
 async function getMessageBundle(lang, component) {

package/dist/esm/{throttle-31a87a5c.js → throttle-b31bdd47.js}

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
-import { d as debounce, i as isObject } from './debounce-2d701360.js';
+import { d as debounce, i as isObject } from './debounce-fdbd181f.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';

package/dist/esm/{utils-9295f93b.js → utils-4bd8997b.js}

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
-import { g as getAssetPath } from './index-d726db8d.js';
-import { n as numberStringFormatter, g as getSupportedLocale } from './locale-cc57c66f.js';
+import { g as getAssetPath } from './index-49aca689.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-a43dcb99.js';
 
 /**
  * Check if date is within a min and max

package/dist/esm/{utils-8c432a42.js → utils-a910b4cc.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-04-22T00:37:59",
+  "timestamp": "2023-04-22T23:42:11",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",
@@ -9916,6 +9916,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "focusTrapDisabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "focus-trap-disabled",
+          "reflectToAttr": true,
+          "docs": "When `true`, prevents focus trapping.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "form",
           "type": "string",
@@ -18327,42 +18344,42 @@
         {
           "name": "--calcite-shell-panel-detached-max-height",
           "annotation": "prop",
-          "docs": "The maximum height of the component when `detached` is true."
+          "docs": "When `detached` is `true`, specifies the maximum height of the component."
         },
         {
           "name": "--calcite-shell-panel-height",
           "annotation": "prop",
-          "docs": "The height of the component."
+          "docs": "When `layout` is `\"horizontal\"`, specifies the height of the component."
         },
         {
           "name": "--calcite-shell-panel-max-height",
           "annotation": "prop",
-          "docs": "The maximum height of the component."
+          "docs": "When `layout` is `\"horizontal\"`, specifies the maximum height of the component."
         },
         {
           "name": "--calcite-shell-panel-max-width",
           "annotation": "prop",
-          "docs": "The maximum width of the component."
+          "docs": "Specifies the maximum width of the component."
         },
         {
           "name": "--calcite-shell-panel-min-height",
           "annotation": "prop",
-          "docs": "The minimum height of the component."
+          "docs": "When `layout` is `\"horizontal\"`, specifies the minimum height of the component."
         },
         {
           "name": "--calcite-shell-panel-min-width",
           "annotation": "prop",
-          "docs": "The minimum width of the component."
+          "docs": "Specifies the minimum width of the component."
         },
         {
           "name": "--calcite-shell-panel-width",
           "annotation": "prop",
-          "docs": "The width of the component."
+          "docs": "Specifies the width of the component."
         },
         {
           "name": "--calcite-shell-panel-z-index",
           "annotation": "prop",
-          "docs": "Sets the z-index value for the component."
+          "docs": "Specifies the z-index value for the component."
         }
       ],
       "slots": [

package/dist/extras/vscode-data.json

@@ -2727,6 +2727,10 @@
           "name": "disabled",
           "description": "When `true`, interaction is prevented and the component is displayed with lower opacity."
         },
+        {
+          "name": "focus-trap-disabled",
+          "description": "When `true`, prevents focus trapping."
+        },
         {
           "name": "form",
           "description": "The ID of the form that will be associated with the component.\n\nWhen not set, the component will be associated with its ancestor form element, if any."

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.3.0-next.12
+ * v1.3.0-next.13
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/input-date-picker/input-date-picker.d.ts

@@ -10,12 +10,19 @@ import { DatePickerMessages } from "../date-picker/assets/date-picker/t9n";
 import { HeadingLevel } from "../functional/Heading";
 import { T9nComponent } from "../../utils/t9n";
 import { InputDatePickerMessages } from "./assets/input-date-picker/t9n";
-export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent, FloatingUIComponent, LocalizedComponent, LoadableComponent, T9nComponent {
+import { FocusTrapComponent } from "../../utils/focusTrapComponent";
+import { FocusTrap } from "focus-trap";
+export declare class InputDatePicker implements FloatingUIComponent, FocusTrapComponent, FormComponent, InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, OpenCloseComponent, T9nComponent {
   el: HTMLCalciteInputDatePickerElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
+  /**
+   * When `true`, prevents focus trapping.
+   */
+  focusTrapDisabled: boolean;
+  handleFocusTrapDisabled(focusTrapDisabled: boolean): void;
   /**
    * The ID of the form that will be associated with the component.
    *
@@ -142,8 +149,11 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   componentDidRender(): void;
   render(): VNode;
   renderToggleIcon(open: boolean): VNode;
+  private datePickerEl;
   private dialogId;
   filteredFlipPlacements: EffectivePlacement[];
+  private focusOnOpen;
+  focusTrap: FocusTrap;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: InputDatePicker["value"];
@@ -183,6 +193,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   setFloatingEl: (el: HTMLDivElement) => void;
   setStartWrapper: (el: HTMLDivElement) => void;
   setEndWrapper: (el: HTMLDivElement) => void;
+  setDatePickerRef: (el: HTMLCalciteDatePickerElement) => void;
   private loadLocaleData;
   /**
    * Event handler for when the selected date changes
@@ -193,6 +204,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private shouldFocusRangeStart;
   private shouldFocusRangeEnd;
   private handleDateRangeChange;
+  private restoreInputFocus;
   private localizeInputValues;
   private setInputValue;
   private setRangeValue;

package/dist/types/components.d.ts

@@ -1770,6 +1770,10 @@ export namespace Components {
           * Defines the available placements that can be used when a flip occurs.
          */
         "flipPlacements": EffectivePlacement[];
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
         /**
           * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
          */
@@ -6785,6 +6789,10 @@ declare namespace LocalJSX {
           * Defines the available placements that can be used when a flip occurs.
          */
         "flipPlacements"?: EffectivePlacement[];
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
         /**
           * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
          */

package/dist/types/utils/focusTrapComponent.d.ts

@@ -1,4 +1,4 @@
-import { FocusTrap as _FocusTrap } from "focus-trap";
+import { FocusTrap as _FocusTrap, Options as FocusTrapOptions } from "focus-trap";
 /**
  * Defines interface for components with a focus trap. Focusable content is required for components implementing focus trapping with this interface.
  */
@@ -17,28 +17,43 @@ export interface FocusTrapComponent {
   focusTrap: FocusTrap;
   /**
    * Method to update the element(s) that are used within the FocusTrap component.
+   *
+   * This should be implemented for components that allow user content and/or have conditionally-rendered focusable elements within the trap.
    */
-  updateFocusTrapElements: () => Promise<void>;
+  updateFocusTrapElements?: () => Promise<void>;
 }
 export type FocusTrap = _FocusTrap;
+interface ConnectFocusTrapOptions {
+  /**
+   * This option allows the focus trap to be created on a different element that's not the host (e.g., a supporting popup component).
+   */
+  focusTrapEl?: HTMLElement;
+  /**
+   * This allows specifying overrides to ConnectFocusTrap options.
+   */
+  focusTrapOptions?: Omit<FocusTrapOptions, "document" | "tabbableOptions" | "trapStack">;
+}
 /**
  * Helper to set up the FocusTrap component.
  *
  * @param {FocusTrapComponent} component The FocusTrap component.
+ * @param options
  */
-export declare function connectFocusTrap(component: FocusTrapComponent): void;
+export declare function connectFocusTrap(component: FocusTrapComponent, options?: ConnectFocusTrapOptions): void;
 /**
  * Helper to activate the FocusTrap component.
  *
  * @param {FocusTrapComponent} component The FocusTrap component.
+ * @param [options] The FocusTrap activate options.
  */
-export declare function activateFocusTrap(component: FocusTrapComponent): void;
+export declare function activateFocusTrap(component: FocusTrapComponent, options?: Parameters<_FocusTrap["activate"]>[0]): void;
 /**
  * Helper to deactivate the FocusTrap component.
  *
  * @param {FocusTrapComponent} component The FocusTrap component.
+ * @param [options] The FocusTrap deactivate options.
  */
-export declare function deactivateFocusTrap(component: FocusTrapComponent): void;
+export declare function deactivateFocusTrap(component: FocusTrapComponent, options?: Parameters<_FocusTrap["deactivate"]>[0]): void;
 /**
  * Helper to update the element(s) that are used within the FocusTrap component.
  *
@@ -52,3 +67,4 @@ export declare function deactivateFocusTrap(component: FocusTrapComponent): void
  * requestAnimationFrame(() => input.setFocus());
  */
 export declare function updateFocusTrapElements(component: FocusTrapComponent): void;
+export {};