@esri/calcite-components 1.0.0-next.667 → 1.0.0-next.669

package/dist/esm/{resources-6966aa6d.js → resources-92654248.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.0.0-next.667
+ * v1.0.0-next.669
  */
 const autoTheme = "calcite-theme-auto";
 const darkTheme = "calcite-theme-dark";

package/dist/esm/{resources-18aa033e.js → resources-b35aceec.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.0.0-next.667
+ * v1.0.0-next.669
  */
-import { e as getAssetPath } from './index-9f11f69c.js';
-import { n as numberStringFormatter, g as getSupportedLocale } from './locale-65c0ba26.js';
+import { e as getAssetPath } from './index-f937f146.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-2136f53b.js';
 
 /**
  * Check if date is within a min and max

package/dist/esm/{resources-6066bba7.js → resources-c3394ffc.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.0.0-next.667
+ * v1.0.0-next.669
  */
 const CSS = {
   backButton: "back-button",

package/dist/esm/{sortable.esm-50085857.js → sortable.esm-4c6b0444.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.0.0-next.667
+ * v1.0.0-next.669
  */
 /**!
  * Sortable 1.15.0

package/dist/esm/{utils-3099d30b.js → utils-91e585ec.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.0.0-next.667
+ * v1.0.0-next.669
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-09T21:51:20",
+  "timestamp": "2022-12-09T23:57:48",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -10553,29 +10553,6 @@
         "Basic": "```html\n<div style=\"width: 400px\">\n  <calcite-label layout=\"inline\">\n    Date\n    <calcite-input-date-picker\n      min=\"2016-08-09\"\n      max=\"2023-12-18\"\n      lang=\"en\"\n      intl-next-month=\"Next month\"\n      intl-prev-month=\"Previous month\"\n      role=\"application\"\n      layout=\"horizontal\"\n    ></calcite-input-date-picker>\n  </calcite-label>\n</div>\n```\n"
       },
       "props": [
-        {
-          "name": "active",
-          "type": "boolean",
-          "mutable": true,
-          "attr": "active",
-          "reflectToAttr": true,
-          "docs": "When `true`, the component is active.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `open` instead."
-            }
-          ],
-          "default": "false",
-          "deprecation": "use `open` instead.",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -14784,6 +14761,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "disableFocusTrap",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disable-focus-trap",
+          "reflectToAttr": true,
+          "docs": "When `true`, prevents focus trapping.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "disableOutsideClose",
           "type": "boolean",

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.0.0-next.667
+ * v1.0.0-next.669
  */
 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.0.0-next.667
+ * v1.0.0-next.669
  */
 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.0.0-next.667
+ * v1.0.0-next.669
  */
 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.0.0-next.667
+ * v1.0.0-next.669
  */
 (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

@@ -58,13 +58,6 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   /** Specifies the latest allowed date ("yyyy-mm-dd"). */
   max: string;
   onMaxChanged(max: string): void;
-  /**
-   * When `true`, the component is active.
-   *
-   * @deprecated use `open` instead.
-   */
-  active: boolean;
-  activeHandler(value: boolean): void;
   /** When `true`, displays the `calcite-date-picker` component. */
   open: boolean;
   openHandler(value: boolean): void;

package/dist/types/components/modal/modal.d.ts

@@ -26,6 +26,11 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   beforeClose: (el: HTMLElement) => Promise<void>;
   /** When `true`, disables the component's close button. */
   disableCloseButton: boolean;
+  /**
+   * When `true`, prevents focus trapping.
+   */
+  disableFocusTrap: boolean;
+  handleDisableFocusTrap(disableFocusTrap: boolean): void;
   /** When `true`, disables the closing of the component when clicked outside. */
   disableOutsideClose: boolean;
   /** Accessible name for the component's close button. */

package/dist/types/components/popover/popover.d.ts

@@ -23,6 +23,7 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
    * When `true`, prevents focus trapping.
    */
   disableFocusTrap: boolean;
+  handleDisableFocusTrap(disableFocusTrap: boolean): void;
   /**
    * When `true`, removes the caret pointer.
    */

package/dist/types/components.d.ts

@@ -1758,11 +1758,6 @@ export namespace Components {
         "value": string;
     }
     interface CalciteInputDatePicker {
-        /**
-          * When `true`, the component is active.
-          * @deprecated use `open` instead.
-         */
-        "active": boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -2533,6 +2528,10 @@ export namespace Components {
           * When `true`, disables the default close on escape behavior.
          */
         "disableEscape": boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "disableFocusTrap": boolean;
         /**
           * When `true`, disables the closing of the component when clicked outside.
          */
@@ -6810,11 +6809,6 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface CalciteInputDatePicker {
-        /**
-          * When `true`, the component is active.
-          * @deprecated use `open` instead.
-         */
-        "active"?: boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -7558,6 +7552,10 @@ declare namespace LocalJSX {
           * When `true`, disables the default close on escape behavior.
          */
         "disableEscape"?: boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "disableFocusTrap"?: boolean;
         /**
           * When `true`, disables the closing of the component when clicked outside.
          */

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

@@ -3,6 +3,10 @@ import { FocusTrap as _FocusTrap } from "focus-trap";
  * Defines interface for components with a focus trap.
  */
 export interface FocusTrapComponent {
+  /**
+   * When `true`, prevents focus trapping.
+   */
+  disableFocusTrap: boolean;
   /**
    * The focus trap instance.
    */
@@ -14,20 +18,26 @@ export interface FocusTrapComponent {
 }
 export declare type FocusTrap = _FocusTrap;
 /**
- * Helper to set up focus trap component.
+ * Helper to set up the FocusTrap component.
  *
- * @param component
+ * @param {FocusTrapComponent} component The FocusTrap component.
  */
 export declare function connectFocusTrap(component: FocusTrapComponent): void;
 /**
- * Helper to activate focus trap component.
+ * Helper to activate the FocusTrap component.
  *
- * @param component
+ * @param {FocusTrapComponent} component The FocusTrap component.
  */
 export declare function activateFocusTrap(component: FocusTrapComponent): void;
 /**
- * Helper to tear deactivate focus trap component.
+ * Helper to deactivate the FocusTrap component.
  *
- * @param component
+ * @param {FocusTrapComponent} component The FocusTrap component.
  */
 export declare function deactivateFocusTrap(component: FocusTrapComponent): void;
+/**
+ * Helper to focus the first tabbable element within the FocusTrap component.
+ *
+ * @param {FocusTrapComponent} component The FocusTrap component.
+ */
+export declare function focusFirstTabbable(component: FocusTrapComponent): void;

package/hydrate/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.0.0-next.667
+ * v1.0.0-next.669
  */
 'use strict';
 
@@ -20789,7 +20789,6 @@ class InputDatePicker {
         }
       }
       else if (key === "Escape" && !defaultPrevented) {
-        this.active = false;
         this.open = false;
         event.preventDefault();
       }
@@ -20933,7 +20932,6 @@ class InputDatePicker {
     this.maxAsDate = undefined;
     this.min = undefined;
     this.max = undefined;
-    this.active = false;
     this.open = false;
     this.name = undefined;
     this.intlPrevMonth = TEXT$i.prevMonth;
@@ -21007,11 +21005,7 @@ class InputDatePicker {
       this.maxAsDate = dateFromISO(max);
     }
   }
-  activeHandler(value) {
-    this.open = value;
-  }
   openHandler(value) {
-    this.active = value;
     if (this.disabled || this.readOnly) {
       if (!value) {
         updateAfterClose(this.floatingEl);
@@ -21073,9 +21067,8 @@ class InputDatePicker {
   // --------------------------------------------------------------------------
   connectedCallback() {
     connectLocalized(this);
-    const isOpen = this.active || this.open;
-    isOpen && this.activeHandler(isOpen);
-    isOpen && this.openHandler(isOpen);
+    const { open } = this;
+    open && this.openHandler(open);
     if (Array.isArray(this.value)) {
       this.valueAsDate = getValueAsDateRange(this.value);
       this.start = this.value[0];
@@ -21272,7 +21265,6 @@ class InputDatePicker {
     "flipPlacements": ["flipPlacementsHandler"],
     "min": ["onMinChanged"],
     "max": ["onMaxChanged"],
-    "active": ["activeHandler"],
     "open": ["openHandler"],
     "overlayPositioning": ["overlayPositioningHandler"],
     "layout": ["setReferenceEl"],
@@ -21298,7 +21290,6 @@ class InputDatePicker {
       "maxAsDate": [1040],
       "min": [1025],
       "max": [1025],
-      "active": [1540],
       "open": [1540],
       "name": [513],
       "intlPrevMonth": [1, "intl-prev-month"],
@@ -21325,7 +21316,7 @@ class InputDatePicker {
     },
     "$listeners$": [[0, "calciteDaySelect", "calciteDaySelectHandler"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["disabled", "disabled"], ["readOnly", "read-only"], ["headingLevel", "heading-level"], ["active", "active"], ["open", "open"], ["name", "name"], ["numberingSystem", "numbering-system"], ["scale", "scale"], ["placement", "placement"], ["range", "range"], ["required", "required"], ["start", "start"], ["end", "end"], ["overlayPositioning", "overlay-positioning"], ["layout", "layout"]]
+    "$attrsToReflect$": [["disabled", "disabled"], ["readOnly", "read-only"], ["headingLevel", "heading-level"], ["open", "open"], ["name", "name"], ["numberingSystem", "numbering-system"], ["scale", "scale"], ["placement", "placement"], ["range", "range"], ["required", "required"], ["start", "start"], ["end", "end"], ["overlayPositioning", "overlay-positioning"], ["layout", "layout"]]
   }; }
 }
 
@@ -24984,11 +24975,14 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
   return trap;
 };
 
+const tabbableOptions = {
+  getShadowRoot: true
+};
 const trapStack = [];
 /**
- * Helper to set up focus trap component.
+ * Helper to set up the FocusTrap component.
  *
- * @param component
+ * @param {FocusTrapComponent} component The FocusTrap component.
  */
 function connectFocusTrap(component) {
   const { focusTrapEl } = component;
@@ -25008,29 +25002,37 @@ function connectFocusTrap(component) {
       focusElement(el);
       return false;
     },
-    tabbableOptions: {
-      getShadowRoot: true
-    },
+    tabbableOptions,
     trapStack
   };
   component.focusTrap = createFocusTrap(focusTrapEl, focusTrapOptions);
 }
 /**
- * Helper to activate focus trap component.
+ * Helper to activate the FocusTrap component.
  *
- * @param component
+ * @param {FocusTrapComponent} component The FocusTrap component.
  */
 function activateFocusTrap(component) {
-  component.focusTrap?.activate();
+  if (!component.disableFocusTrap) {
+    component.focusTrap?.activate();
+  }
 }
 /**
- * Helper to tear deactivate focus trap component.
+ * Helper to deactivate the FocusTrap component.
  *
- * @param component
+ * @param {FocusTrapComponent} component The FocusTrap component.
  */
 function deactivateFocusTrap(component) {
   component.focusTrap?.deactivate();
 }
+/**
+ * Helper to focus the first tabbable element within the FocusTrap component.
+ *
+ * @param {FocusTrapComponent} component The FocusTrap component.
+ */
+function focusFirstTabbable(component) {
+  tabbable(component.focusTrapEl, tabbableOptions)[0]?.focus();
+}
 
 const modalCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-modal:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-modal{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-modal{animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-modal{animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-modal{animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-modal{animation-name:in-scale}@media (prefers-reduced-motion: reduce){/*!@:root*/.sc-calcite-modal:root{--calcite-internal-duration-factor:0.01}}/*!@:root*/.sc-calcite-modal:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}/*!@:host([hidden])*/[hidden].sc-calcite-modal-h{display:none}/*!@:host*/.sc-calcite-modal-h{position:fixed;inset:0px;z-index:700;display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-ui-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}/*!@:host([scale=s])*/[scale=s].sc-calcite-modal-h{--calcite-modal-padding:0.75rem;--calcite-modal-padding-large:1rem;--calcite-modal-title-text:var(--calcite-font-size-1);--calcite-modal-content-text:var(--calcite-font-size--1);--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}/*!@:host([scale=m])*/[scale=m].sc-calcite-modal-h{--calcite-modal-padding:1rem;--calcite-modal-padding-large:1.25rem;--calcite-modal-title-text:var(--calcite-font-size-2);--calcite-modal-content-text:var(--calcite-font-size-0);--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}/*!@:host([scale=l])*/[scale=l].sc-calcite-modal-h{--calcite-modal-padding:1.25rem;--calcite-modal-padding-large:1.5rem;--calcite-modal-title-text:var(--calcite-font-size-3);--calcite-modal-content-text:var(--calcite-font-size-1);--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}/*!@.scrim*/.scrim.sc-calcite-modal{--calcite-scrim-background:rgba(0, 0, 0, 0.75);position:fixed;inset:0px;display:flex;overflow-y:hidden}/*!@.modal*/.modal.sc-calcite-modal{pointer-events:none;z-index:800;float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-ui-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}/*!@.modal--opening-idle*/.modal--opening-idle.sc-calcite-modal{transform:var(--calcite-modal-hidden-position)}/*!@.modal--opening-active*/.modal--opening-active.sc-calcite-modal{transform:var(--calcite-modal-shown-position)}/*!@.modal--closing-idle*/.modal--closing-idle.sc-calcite-modal{transform:var(--calcite-modal-shown-position)}/*!@.modal--closing-active*/.modal--closing-active.sc-calcite-modal{transform:var(--calcite-modal-hidden-position)}/*!@:host([open])*/[open].sc-calcite-modal-h{opacity:1;visibility:visible !important;transition-delay:0ms}/*!@:host([open]) .modal--open*/[open].sc-calcite-modal-h .modal--open.sc-calcite-modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}/*!@.header*/.header.sc-calcite-modal{z-index:400;display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto}/*!@.close*/.close.sc-calcite-modal{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-ui-text-3);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-start-end-radius:0.25rem;padding-block:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));padding-inline:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));flex:0 0 auto}/*!@.close calcite-icon*/.close.sc-calcite-modal calcite-icon.sc-calcite-modal{pointer-events:none;vertical-align:-2px}/*!@.close:focus*/.close.sc-calcite-modal:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}/*!@.close:hover, .close:focus, .close:active*/.close.sc-calcite-modal:hover,.close.sc-calcite-modal:focus,.close.sc-calcite-modal:active{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}/*!@.title*/.title.sc-calcite-modal{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding, var(--calcite-model-padding-internal));padding-inline:var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal))}/*!@slot[name=header]::slotted(*),\n*::slotted([slot=header])*/slot[name=header].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=header]{margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1);font-size:var(--calcite-modal-title-text, var(--calcite-modal-title-text-internal))}/*!@.content*/.content.sc-calcite-modal{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;background-color:var(--calcite-ui-foreground-1);padding:0px;max-block-size:calc(100vh - 12rem)}/*!@.content--spaced*/.content--spaced.sc-calcite-modal{padding:var(--calcite-modal-padding)}/*!@.content--no-footer*/.content--no-footer.sc-calcite-modal{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}/*!@slot[name=content]::slotted(*),\n*::slotted([slot=content])*/slot[name=content].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=content]{font-size:var(--calcite-modal-content-text, var(--calcite-modal-context-text-internal))}/*!@:host([background-color=grey]) .content*/[background-color=grey].sc-calcite-modal-h .content.sc-calcite-modal{background-color:var(--calcite-ui-background)}/*!@.footer*/.footer.sc-calcite-modal{z-index:400;margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);background-color:var(--calcite-ui-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding, var(--calcite-modal-padding-internal));padding-inline:var(--calcite-modal-padding-large, var(--calcite-modal-padding-large-internal))}/*!@.footer--hide-back .back,\n.footer--hide-secondary .secondary*/.footer--hide-back.sc-calcite-modal .back.sc-calcite-modal,.footer--hide-secondary.sc-calcite-modal .secondary.sc-calcite-modal{display:none}/*!@.back*/.back.sc-calcite-modal{display:block;margin-inline-end:auto}/*!@.secondary*/.secondary.sc-calcite-modal{margin-inline:0.25rem;display:block}/*!@slot[name=primary]*/slot[name=primary].sc-calcite-modal{display:block}/*!@:host([width=small]) .modal*/[width=small].sc-calcite-modal-h .modal.sc-calcite-modal{inline-size:auto}/*!@:host([width=s]) .modal*/[width=s].sc-calcite-modal-h .modal.sc-calcite-modal{max-inline-size:32rem}@media screen and (max-width: 35rem){/*!@:host([width=s]) .modal*/[width=s].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}/*!@:host([width=s]) .content*/[width=s].sc-calcite-modal-h .content.sc-calcite-modal{flex:1 1 auto;max-block-size:unset}/*!@:host([width=s][docked])*/[width=s][docked].sc-calcite-modal-h{align-items:flex-end}}/*!@:host([width=m]) .modal*/[width=m].sc-calcite-modal-h .modal.sc-calcite-modal{max-inline-size:48rem}@media screen and (max-width: 51rem){/*!@:host([width=m]) .modal*/[width=m].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}/*!@:host([width=m]) .content*/[width=m].sc-calcite-modal-h .content.sc-calcite-modal{flex:1 1 auto;max-block-size:unset}/*!@:host([width=m][docked])*/[width=m][docked].sc-calcite-modal-h{align-items:flex-end}}/*!@:host([width=l]) .modal*/[width=l].sc-calcite-modal-h .modal.sc-calcite-modal{max-inline-size:94rem}@media screen and (max-width: 97rem){/*!@:host([width=l]) .modal*/[width=l].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px}/*!@:host([width=l]) .content*/[width=l].sc-calcite-modal-h .content.sc-calcite-modal{flex:1 1 auto;max-block-size:unset}/*!@:host([width=l][docked])*/[width=l][docked].sc-calcite-modal-h{align-items:flex-end}}/*!@:host([fullscreen])*/[fullscreen].sc-calcite-modal-h{background-color:transparent}/*!@:host([fullscreen]) .modal*/[fullscreen].sc-calcite-modal-h .modal.sc-calcite-modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}/*!@:host([fullscreen]) .content*/[fullscreen].sc-calcite-modal-h .content.sc-calcite-modal{max-block-size:100%;flex:1 1 auto}/*!@:host([open][fullscreen]) .header*/[open][fullscreen].sc-calcite-modal-h .header.sc-calcite-modal{border-radius:0}/*!@:host([open][fullscreen]) .footer*/[open][fullscreen].sc-calcite-modal-h .footer.sc-calcite-modal{border-radius:0}/*!@:host([docked]) .modal*/[docked].sc-calcite-modal-h .modal.sc-calcite-modal{block-size:auto}/*!@:host([docked]) .content*/[docked].sc-calcite-modal-h .content.sc-calcite-modal{block-size:auto;flex:1 1 auto}@media screen and (max-width: 860px){/*!@:host([docked]) .modal*/[docked].sc-calcite-modal-h .modal.sc-calcite-modal{border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}/*!@:host([docked]) .close*/[docked].sc-calcite-modal-h .close.sc-calcite-modal{border-start-end-radius:var(--calcite-border-radius)}}/*!@:host([color=red]) .modal*/[color=red].sc-calcite-modal-h .modal.sc-calcite-modal{border-color:var(--calcite-ui-danger)}/*!@:host([color=blue]) .modal*/[color=blue].sc-calcite-modal-h .modal.sc-calcite-modal{border-color:var(--calcite-ui-info)}/*!@:host([color=red]) .modal,\n:host([color=blue]) .modal*/[color=red].sc-calcite-modal-h .modal.sc-calcite-modal,[color=blue].sc-calcite-modal-h .modal.sc-calcite-modal{border-width:0px;border-block-start-width:4px;border-style:solid}/*!@:host([color=red]) .header,\n:host([color=blue]) .header*/[color=red].sc-calcite-modal-h .header.sc-calcite-modal,[color=blue].sc-calcite-modal-h .header.sc-calcite-modal{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){/*!@slot[name=header]::slotted(*),\n*::slotted([slot=header])*/slot[name=header].sc-calcite-modal-s>*,*.sc-calcite-modal-s>[slot=header]{font-size:var(--calcite-font-size-1)}/*!@.footer*/.footer.sc-calcite-modal{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){/*!@.footer*/.footer.sc-calcite-modal{flex-direction:column}/*!@.back,\n.secondary*/.back.sc-calcite-modal,.secondary.sc-calcite-modal{margin:0px;margin-block-end:0.25rem}}";
 
@@ -25085,6 +25087,7 @@ class Modal {
     this.open = false;
     this.beforeClose = () => Promise.resolve();
     this.disableCloseButton = false;
+    this.disableFocusTrap = false;
     this.disableOutsideClose = false;
     this.intlClose = TEXT$a.close;
     this.docked = undefined;
@@ -25098,6 +25101,12 @@ class Modal {
     this.hasFooter = true;
     this.isOpen = false;
   }
+  handleDisableFocusTrap(disableFocusTrap) {
+    if (!this.open) {
+      return;
+    }
+    disableFocusTrap ? deactivateFocusTrap(this) : activateFocusTrap(this);
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -25211,7 +25220,7 @@ class Modal {
     if (closeButtonEl && focusId === "close-button") {
       return focusElement(closeButtonEl);
     }
-    activateFocusTrap(this);
+    focusFirstTabbable(this);
   }
   /**
    * Sets the scroll top of the component's content.
@@ -25237,6 +25246,7 @@ class Modal {
   onOpen() {
     this.transitionEl.classList.remove(CSS$n.openingIdle, CSS$n.openingActive);
     this.calciteModalOpen.emit();
+    activateFocusTrap(this);
   }
   onBeforeClose() {
     this.transitionEl.classList.add(CSS$n.closingActive);
@@ -25278,6 +25288,7 @@ class Modal {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "disableFocusTrap": ["handleDisableFocusTrap"],
     "active": ["activeHandler"],
     "open": ["toggleModal"]
   }; }
@@ -25290,6 +25301,7 @@ class Modal {
       "open": [1540],
       "beforeClose": [16],
       "disableCloseButton": [516, "disable-close-button"],
+      "disableFocusTrap": [516, "disable-focus-trap"],
       "disableOutsideClose": [516, "disable-outside-close"],
       "intlClose": [1, "intl-close"],
       "docked": [516],
@@ -25308,7 +25320,7 @@ class Modal {
     },
     "$listeners$": [[8, "keydown", "handleEscape"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["active", "active"], ["open", "open"], ["disableCloseButton", "disable-close-button"], ["disableOutsideClose", "disable-outside-close"], ["docked", "docked"], ["disableEscape", "disable-escape"], ["scale", "scale"], ["width", "width"], ["fullscreen", "fullscreen"], ["color", "color"], ["backgroundColor", "background-color"], ["noPadding", "no-padding"]]
+    "$attrsToReflect$": [["active", "active"], ["open", "open"], ["disableCloseButton", "disable-close-button"], ["disableFocusTrap", "disable-focus-trap"], ["disableOutsideClose", "disable-outside-close"], ["docked", "docked"], ["disableEscape", "disable-escape"], ["scale", "scale"], ["width", "width"], ["fullscreen", "fullscreen"], ["color", "color"], ["backgroundColor", "background-color"], ["noPadding", "no-padding"]]
   }; }
 }
 
@@ -27035,6 +27047,12 @@ class Popover {
     this.intlClose = TEXT$6.close;
     this.effectiveReferenceElement = undefined;
   }
+  handleDisableFocusTrap(disableFocusTrap) {
+    if (!this.open) {
+      return;
+    }
+    disableFocusTrap ? deactivateFocusTrap(this) : activateFocusTrap(this);
+  }
   flipPlacementsHandler() {
     this.setFilteredPlacements();
     this.reposition(true);
@@ -27130,7 +27148,7 @@ class Popover {
       closeButtonEl.setFocus();
       return;
     }
-    activateFocusTrap(this);
+    focusFirstTabbable(this);
   }
   /**
    * Toggles the component's open property.
@@ -27151,9 +27169,7 @@ class Popover {
   }
   onOpen() {
     this.calcitePopoverOpen.emit();
-    if (!this.disableFocusTrap) {
-      activateFocusTrap(this);
-    }
+    activateFocusTrap(this);
   }
   onBeforeClose() {
     this.calcitePopoverBeforeClose.emit();
@@ -27191,6 +27207,7 @@ class Popover {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
+    "disableFocusTrap": ["handleDisableFocusTrap"],
     "flipPlacements": ["flipPlacementsHandler"],
     "offsetDistance": ["offsetDistanceOffsetHandler"],
     "offsetSkidding": ["offsetSkiddingHandler"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.667",
+  "version": "1.0.0-next.669",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/calcite/p-373608cf.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.667
- */
-import{c as n}from"./p-a5aee43d.js";import{h as t}from"./p-b3bcbd73.js";function e(n){return"checked"in n}const o=new WeakMap,s=new WeakSet;function i(n){const{formEl:t}=n;return!!t&&("requestSubmit"in t?t.requestSubmit():t.submit(),!0)}function r(n){n.formEl?.reset()}function c(t){const{el:i,value:r}=t,c=n(i,"form");if(!c||function(n,t){const e="calciteInternalFormComponentRegister";let o=!1;return n.addEventListener(e,(n=>{o=n.composedPath().some((n=>s.has(n))),n.stopPropagation()}),{once:!0}),t.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0})),o}(c,i))return;t.formEl=c,t.defaultValue=r,e(t)&&(t.defaultChecked=t.checked);const a=(t.onFormReset||u).bind(t);c.addEventListener("reset",a),o.set(t.el,a),s.add(i)}function u(){e(this)?this.checked=this.defaultChecked:this.value=this.defaultValue}function a(n){const{el:t,formEl:e}=n;if(!e)return;const i=o.get(t);e.removeEventListener("reset",i),o.delete(t),n.formEl=null,s.delete(t)}function l(n,t){n.defaultValue=t}const f=n=>{n.target.dispatchEvent(new CustomEvent("calciteInternalHiddenInputChange",{bubbles:!0}))},m=n=>n.removeEventListener("change",f);function d(n,t,o){const{defaultValue:s,disabled:i,name:r,required:c}=n;t.defaultValue=s,t.disabled=i,t.name=r,t.required=c,t.tabIndex=-1,e(n)?(t.defaultChecked=n.defaultChecked,t.value=n.checked?o||"on":"",i||n.checked||(t.disabled=!0)):t.value=o||"",n.syncHiddenFormInput?.(t)}const p=({component:n})=>(function(n){const{el:t,formEl:e,name:o,value:s}=n,{ownerDocument:i}=t,r=t.querySelectorAll('input[slot="hidden-form-input"]');if(!e||!o)return void r.forEach((n=>{m(n),n.remove()}));const c=Array.isArray(s)?s:[s],u=[],a=new Set;let l;r.forEach((t=>{const e=c.find((n=>n==t.value));null!=e?(a.add(e),d(n,t,e)):u.push(t)})),c.forEach((t=>{if(a.has(t))return;let e=u.pop();e||(e=i.createElement("input"),e.slot="hidden-form-input"),l||(l=i.createDocumentFragment()),l.append(e),e.addEventListener("change",f),d(n,e,t)})),l&&t.append(l),u.forEach((n=>{m(n),n.remove()}))}(n),t("slot",{name:"hidden-form-input"}));export{p as H,l as a,c,a as d,r,i as s}

package/dist/calcite/p-49ce2f68.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.667
- */
-import{r as t,c as i,h as a,g as n}from"./p-b3bcbd73.js";import{S as e}from"./p-78157cb7.js";import{c}from"./p-c3d2aa60.js";import{u as s}from"./p-7755fc88.js";const o=class{constructor(a){t(this,a),this.calciteListOrderChange=i(this,"calciteListOrderChange",6),this.items=[],this.mutationObserver=c("mutation",(()=>{this.cleanUpDragAndDrop(),this.items=Array.from(this.el.children),this.setUpDragAndDrop()})),this.dragSelector=void 0,this.group=void 0,this.handleSelector="calcite-handle",this.layout="vertical",this.disabled=!1,this.loading=!1,this.handleActivated=!1}connectedCallback(){this.items=Array.from(this.el.children),this.setUpDragAndDrop(),this.beginObserving()}disconnectedCallback(){this.mutationObserver?.disconnect(),this.cleanUpDragAndDrop()}componentDidRender(){s(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}handleNudgeEvent(t){const{direction:i}=t.detail,a=t.target,n=this.items.find((i=>i.contains(a)||t.composedPath().includes(i))),e=this.items.length-1,c=this.items.indexOf(n);let s,o=!1;"up"===i?0===c?o=!0:s=c-1:c===e?s=0:c===e-1?o=!0:s=c+2,this.mutationObserver?.disconnect(),o?n.parentElement.appendChild(n):n.parentElement.insertBefore(n,this.items[s]),this.items=Array.from(this.el.children),a.activated=!0,a.setFocus(),this.beginObserving()}setUpDragAndDrop(){this.cleanUpDragAndDrop();const t={dataIdAttr:"id",group:this.group,handle:this.handleSelector,onUpdate:()=>{this.items=Array.from(this.el.children),this.calciteListOrderChange.emit()},onStart:()=>{this.mutationObserver?.disconnect()},onEnd:()=>{this.beginObserving()}};this.dragSelector&&(t.draggable=this.dragSelector),this.sortable=e.create(this.el,t)}cleanUpDragAndDrop(){this.sortable?.destroy(),this.sortable=null}beginObserving(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}render(){const{layout:t}=this,i="horizontal"===t||!1;return a("div",{class:{container:!0,"container--vertical":!i,"container--horizontal":i}},a("slot",null))}get el(){return n(this)}};o.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}";export{o as calcite_sortable_list}

package/dist/calcite/p-69fbb14e.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.667
- */
-import{f as t}from"./p-b3bcbd73.js";import{c as o}from"./p-c3d2aa60.js";const c=new Set;let n;const s={childList:!0};function a(t){n||(n=o("mutation",i)),n.observe(t.el,s)}function f(t){c.delete(t.el),i(n.takeRecords()),n.disconnect();for(const[t]of c.entries())n.observe(t,s)}function i(o){o.forEach((({target:o})=>{t(o)}))}export{a as c,f as d}

package/dist/calcite/p-6c17734f.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.667
- */
-import{r as t,c as i,h as a,H as e,g as s}from"./p-b3bcbd73.js";import{d as n,a as r,i as o,b as c,g as h,s as l,c as d,T as p,e as m,f as u}from"./p-32467d47.js";import{c as f,d as g,g as v}from"./p-7cbaddf7.js";import{s as y,c as b,d as w,H as x}from"./p-373608cf.js";import{f as k,c as D,d as C,u as I,r as z,a as P,F as A}from"./p-f5349cf2.js";import{u as j}from"./p-7755fc88.js";import{t as R}from"./p-a5aee43d.js";import{c as _,d as H}from"./p-f7457303.js";import{n as O,c as W,d as E}from"./p-22df71ea.js";import{n as S}from"./p-15398b5d.js";import{c as L,s as M,a as B}from"./p-62e62c0f.js";import"./p-0c47935f.js";import"./p-a5e2970d.js";import"./p-03d78983.js";import"./p-c3d2aa60.js";const F=class{constructor(a){t(this,a),this.calciteDatePickerChange=i(this,"calciteDatePickerChange",6),this.calciteDatePickerRangeChange=i(this,"calciteDatePickerRangeChange",6),this.calciteInputDatePickerChange=i(this,"calciteInputDatePickerChange",6),this.calciteInputDatePickerBeforeClose=i(this,"calciteInputDatePickerBeforeClose",6),this.calciteInputDatePickerClose=i(this,"calciteInputDatePickerClose",6),this.calciteInputDatePickerBeforeOpen=i(this,"calciteInputDatePickerBeforeOpen",6),this.calciteInputDatePickerOpen=i(this,"calciteInputDatePickerOpen",6),this.calciteInternalInputInputHandler=t=>{const i=t.target.value,{year:a}=n(i,this.localeData);if(a&&a.length<4)return;const e=r(i,this.localeData);o(e,this.min,this.max)&&(this.datePickerActiveDate=e)},this.calciteInternalInputBlurHandler=()=>{this.commitValue()},this.userChangedValue=!1,this.openTransitionProp="opacity",this.valueAsDateChangedExternally=!1,this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?k(i,t):null},this.setTransitionEl=t=>{this.transitionEl=t,_(this)},this.setStartInput=t=>{this.startInput=t},this.setEndInput=t=>{this.endInput=t},this.deactivate=()=>{this.open=!1},this.keyDownHandler=t=>{const{defaultPrevented:i,key:a}=t;"Enter"!==a||i?"Escape"!==a||i||(this.active=!1,this.open=!1,t.preventDefault()):(this.commitValue(),this.shouldFocusRangeEnd()?this.endInput?.setFocus():this.shouldFocusRangeStart()&&this.startInput?.setFocus(),y(this)&&t.preventDefault())},this.startInputFocus=()=>{this.readOnly||(this.open=!0),this.focusedInput="start"},this.endInputFocus=()=>{this.readOnly||(this.open=!0),this.focusedInput="end"},this.setFloatingEl=t=>{t&&(this.floatingEl=t,D(this,this.referenceEl,this.floatingEl))},this.setStartWrapper=t=>{this.startWrapper=t,this.setReferenceEl()},this.setEndWrapper=t=>{this.endWrapper=t,this.setReferenceEl()},this.handleDateChange=t=>{this.range||(t.stopPropagation(),this.setValue(t.detail),this.localizeInputValues())},this.handleDateRangeChange=t=>{if(!this.range||!t.detail)return;t.stopPropagation();const{startDate:i,endDate:a}=t.detail;this.setRangeValue([i,a]),this.localizeInputValues(),this.shouldFocusRangeEnd()?this.endInput?.setFocus():this.shouldFocusRangeStart()&&this.startInput?.setFocus()},this.setInputValue=(t,i="start")=>{const a=this[`${i}Input`];a&&(a.value=t)},this.setRangeValue=t=>{if(!this.range)return;const{value:i}=this,a=Array.isArray(i),e=Array.isArray(t),s=e?t[0]:"",n=e?c(s):"",r=e?t[1]:"",o=e?c(r):"",d=n||o?[n,o]:"";if(d===i)return;this.userChangedValue=!0,this.value=d,this.valueAsDate=d?h(d):void 0,this.start=n,this.end=o;const p={startDate:s,endDate:r?l(r):null},m=this.calciteInputDatePickerChange.emit(),u=this.calciteDatePickerRangeChange.emit(p);(m&&m.defaultPrevented||u&&u.defaultPrevented)&&(this.value=i,a?(this.setInputValue(i[0],"start"),this.setInputValue(i[1],"end")):(this.value=i,this.setInputValue(i)))},this.setValue=t=>{if(this.range)return;const i=this.value,a=c(t);if(a===i)return;this.userChangedValue=!0,this.valueAsDate=a?d(a):void 0,this.value=a||"";const e=this.calciteInputDatePickerChange.emit(),s=this.calciteDatePickerChange.emit(t);(e.defaultPrevented||s.defaultPrevented)&&(this.value=i,this.setInputValue(i))},this.formatNumerals=t=>t?t.split("").map((t=>S.includes(t)?O.numberFormatter.format(Number(t)):t)).join(""):"",this.disabled=!1,this.readOnly=!1,this.value="",this.flipPlacements=void 0,this.headingLevel=void 0,this.valueAsDate=void 0,this.startAsDate=void 0,this.endAsDate=void 0,this.minAsDate=void 0,this.maxAsDate=void 0,this.min=void 0,this.max=void 0,this.active=!1,this.open=!1,this.name=void 0,this.intlPrevMonth=p.prevMonth,this.intlNextMonth=p.nextMonth,this.intlYear=p.year,this.locale=void 0,this.numberingSystem=void 0,this.scale="m",this.placement=C,this.range=!1,this.required=!1,this.start=void 0,this.end=void 0,this.overlayPositioning="absolute",this.proximitySelectionDisabled=!1,this.layout="horizontal",this.datePickerActiveDate=void 0,this.effectiveLocale="",this.focusedInput="start",this.globalAttributes={},this.localeData=void 0}handleDisabledAndReadOnlyChange(t){t||(this.open=!1)}valueWatcher(t){if(!this.userChangedValue){let i;Array.isArray(t)?(i=h(t),this.start=t[0],this.end=t[1]):i=t?d(t):void 0,this.valueAsDateChangedExternally||i===this.valueAsDate||(this.valueAsDate=i),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(t){this.datePickerActiveDate=t;const i=this.range&&Array.isArray(t)?[c(t[0]),c(t[1])]:c(t);this.value!==i&&(this.valueAsDateChangedExternally=!0,this.value=i,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}onMinChanged(t){t&&(this.minAsDate=d(t))}onMaxChanged(t){t&&(this.maxAsDate=d(t))}activeHandler(t){this.open=t}openHandler(t){if(this.active=t,this.disabled||this.readOnly)return t||I(this.floatingEl),void(this.open=!1);t?this.reposition(!0):I(this.floatingEl)}overlayPositioningHandler(){this.reposition(!0)}calciteDaySelectHandler(){this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()||(this.open=!1)}async setFocus(){await L(this),this.startInput?.setFocus()}async reposition(t=!1){const{floatingEl:i,referenceEl:a,placement:e,overlayPositioning:s,filteredFlipPlacements:n}=this;return z(this,{floatingEl:i,referenceEl:a,overlayPositioning:s,placement:e,flipPlacements:n,type:"menu"},t)}connectedCallback(){W(this);const t=this.active||this.open;if(t&&this.activeHandler(t),t&&this.openHandler(t),Array.isArray(this.value))this.valueAsDate=h(this.value),this.start=this.value[0],this.end=this.value[1];else if(this.value){try{this.valueAsDate=d(this.value)}catch(t){this.warnAboutInvalidValue(this.value),this.value=""}this.start="",this.end=""}else this.range&&this.valueAsDate&&this.setRangeValue(this.valueAsDate);this.start&&(this.startAsDate=d(this.start)),this.end&&(this.endAsDate=l(d(this.end))),this.min&&(this.minAsDate=d(this.min)),this.max&&(this.maxAsDate=d(this.max)),f(this),b(this),_(this),this.setFilteredPlacements(),this.reposition(!0),O.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1}}async componentWillLoad(){M(this),await this.loadLocaleData(),this.onMinChanged(this.min),this.onMaxChanged(this.max)}componentDidLoad(){B(this),this.localizeInputValues(),this.reposition(!0)}disconnectedCallback(){g(this),w(this),P(this,this.referenceEl,this.floatingEl),H(this),E(this)}componentDidRender(){j(this)}render(){const{disabled:t,effectiveLocale:i,numberingSystem:s,readOnly:n}=this;return O.numberFormatOptions={numberingSystem:s,locale:i,useGrouping:!1},a(e,{onBlur:this.deactivate,onKeyDown:this.keyDownHandler,role:"application"},this.localeData&&a("div",{"aria-expanded":R(this.open),class:"input-container",role:"application"},a("div",{class:"input-wrapper",ref:this.setStartWrapper},a("calcite-input",{class:"input "+("vertical"===this.layout&&this.range?"no-bottom-border":""),disabled:t,icon:"calendar",label:v(this),"number-button-type":"none",numberingSystem:s,onCalciteInputInput:this.calciteInternalInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.startInputFocus,placeholder:this.localeData?.placeholder,readOnly:n,ref:this.setStartInput,scale:this.scale,type:"text"})),a("div",{"aria-hidden":R(!this.open),class:{"menu-container":!0,"menu-container--active":this.open},ref:this.setFloatingEl},a("div",{class:{"calendar-picker-wrapper":!0,"calendar-picker-wrapper--end":"end"===this.focusedInput,[A.animation]:!0,[A.animationActive]:this.open},ref:this.setTransitionEl},a("calcite-date-picker",{activeDate:this.datePickerActiveDate,activeRange:this.focusedInput,endAsDate:this.endAsDate,headingLevel:this.headingLevel,intlNextMonth:this.intlNextMonth,intlPrevMonth:this.intlPrevMonth,intlYear:this.intlYear,max:this.max,maxAsDate:this.maxAsDate,min:this.min,minAsDate:this.minAsDate,numberingSystem:s,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,scale:this.scale,startAsDate:this.startAsDate,tabIndex:0,valueAsDate:this.valueAsDate}))),this.range&&"horizontal"===this.layout&&a("div",{class:"horizontal-arrow-container"},a("calcite-icon",{flipRtl:!0,icon:"arrow-right",scale:"s"})),this.range&&"vertical"===this.layout&&"s"!==this.scale&&a("div",{class:"vertical-arrow-container"},a("calcite-icon",{icon:"arrow-down",scale:"s"})),this.range&&a("div",{class:"input-wrapper",ref:this.setEndWrapper},a("calcite-input",{class:{input:!0,"border-top-color-one":"vertical"===this.layout&&this.range},disabled:t,icon:"calendar","number-button-type":"none",numberingSystem:s,onCalciteInputInput:this.calciteInternalInputInputHandler,onCalciteInternalInputBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputFocus:this.endInputFocus,placeholder:this.localeData?.placeholder,readOnly:n,ref:this.setEndInput,scale:this.scale,type:"text"}))),a(x,{component:this}))}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:a,startWrapper:e}=this;this.referenceEl="end"===t||"vertical"===i?a||e:e||a,D(this,this.referenceEl,this.floatingEl)}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit()}commitValue(){const{focusedInput:t,value:i}=this,a=r(this[`${t}Input`].value,this.localeData),e=c(a),s=Array.isArray(i);if(this.range){const n="start"===t?0:1;if(s){if(e===i[n])return;a?(this.setRangeValue(["start"===t?a:d(i[0]),"end"===t?a:d(i[1])]),this.localizeInputValues()):this.setRangeValue(["end"===t&&d(i[0]),"start"===t&&d(i[1])])}else a&&(this.setRangeValue(["start"===t?a:d(i[0]),"end"===t?a:d(i[1])]),this.localizeInputValues())}else{if(e===i)return;this.setValue(a),this.localizeInputValues()}}startWatcher(t){this.startAsDate=d(t)}endWatcher(t){this.endAsDate=t?l(d(t)):d(t)}async loadLocaleData(){O.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1},this.localeData=await m(this.effectiveLocale)}shouldFocusRangeStart(){return!(!this.endAsDate||this.startAsDate||"end"!==this.focusedInput||!this.startInput)}shouldFocusRangeEnd(){return!(!this.startAsDate||this.endAsDate||"start"!==this.focusedInput||!this.endInput)}localizeInputValues(){const t=u(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate),i=this.range?u(this.endAsDate,this.minAsDate,this.maxAsDate):null,a=t&&this.formatNumerals(t.toLocaleDateString(this.effectiveLocale)),e=i&&this.formatNumerals(i.toLocaleDateString(this.effectiveLocale));a&&this.setInputValue(a,"start"),this.range&&e&&this.setInputValue(e,"end")}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "yyyy-MM-dd".`)}get el(){return s(this)}static get watchers(){return{disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueWatcher"],valueAsDate:["valueAsDateWatcher"],flipPlacements:["flipPlacementsHandler"],min:["onMinChanged"],max:["onMaxChanged"],active:["activeHandler"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],effectiveLocale:["loadLocaleData"]}}};F.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;inline-size:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:1;margin-inline:1px;background-color:var(--calcite-ui-foreground-1);padding-inline:0.625rem;inset-inline-start:0}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:398px}.menu-container{--calcite-floating-ui-z-index:600;display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{F as calcite_input_date_picker}