@esri/calcite-components 1.0.0-next.679 → 1.0.0-next.680

package/dist/types/preact.d.ts

@@ -170,8 +170,7 @@ declare module "preact/src/jsx" {
         "oncalciteInputChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange" | "onCalciteInputDatePickerChange" | "onCalciteInputDatePickerBeforeClose" | "onCalciteInputDatePickerClose" | "onCalciteInputDatePickerBeforeOpen" | "onCalciteInputDatePickerOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
-        "oncalciteDatePickerChange"?: (event: CustomEvent<any>) => void;
+      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteDatePickerRangeChange" | "onCalciteInputDatePickerChange" | "onCalciteInputDatePickerBeforeClose" | "onCalciteInputDatePickerClose" | "onCalciteInputDatePickerBeforeOpen" | "onCalciteInputDatePickerOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
         "oncalciteDatePickerRangeChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInputDatePickerChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInputDatePickerBeforeClose"?: (event: CustomEvent<any>) => void;

package/dist/types/utils/floating-ui.d.ts

@@ -68,7 +68,7 @@ export declare function getEffectivePlacement(floatingEl: HTMLElement, placement
  * @param options.floatingEl
  * @param options.overlayPositioning
  * @param options.placement
- * @param options.disableFlip
+ * @param options.flipDisabled
  * @param options.flipPlacements
  * @param options.offsetDistance
  * @param options.offsetSkidding
@@ -87,7 +87,7 @@ export declare function reposition(component: FloatingUIComponent, options: Para
  * @param root0.floatingEl
  * @param root0.overlayPositioning
  * @param root0.placement
- * @param root0.disableFlip
+ * @param root0.flipDisabled
  * @param root0.flipPlacements
  * @param root0.offsetDistance
  * @param root0.offsetSkidding
@@ -95,12 +95,12 @@ export declare function reposition(component: FloatingUIComponent, options: Para
  * @param root0.type
  * @param root0.includeArrow
  */
-export declare function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning, placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, includeArrow, arrowEl, type }: {
+export declare function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning, placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, includeArrow, arrowEl, type }: {
   referenceEl: ReferenceElement;
   floatingEl: HTMLElement;
   overlayPositioning: Strategy;
   placement: LogicalPlacement;
-  disableFlip?: boolean;
+  flipDisabled?: boolean;
   flipPlacements?: EffectivePlacement[];
   offsetDistance?: number;
   offsetSkidding?: number;

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

@@ -6,7 +6,7 @@ export interface FocusTrapComponent {
   /**
    * When `true`, prevents focus trapping.
    */
-  disableFocusTrap: boolean;
+  focusTrapDisabled: boolean;
   /**
    * The focus trap instance.
    */

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.679
+ * v1.0.0-next.680
  */
 'use strict';
 
@@ -9199,7 +9199,7 @@ class ActionMenu {
     const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements } = this;
     const activeAction = actionElements[activeMenuItemIndex];
     const activeDescendantId = activeAction?.id || null;
-    return (hAsync("calcite-popover", { disableFocusTrap: true, disablePointer: true, flipPlacements: flipPlacements, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl }, hAsync("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl?.id, class: CSS$U.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, hAsync("slot", { onSlotchange: this.handleDefaultSlotChange }))));
+    return (hAsync("calcite-popover", { flipPlacements: flipPlacements, focusTrapDisabled: true, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, pointerDisabled: true, referenceElement: menuButtonEl }, hAsync("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl?.id, class: CSS$U.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, hAsync("slot", { onSlotchange: this.handleDefaultSlotChange }))));
   }
   render() {
     return (hAsync(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), hAsync("slot", { name: SLOTS$s.tooltip, onSlotchange: this.updateTooltip })));
@@ -16056,7 +16056,7 @@ const FloatingCSS = {
   animation: "calcite-floating-ui-anim",
   animationActive: "calcite-floating-ui-anim--active"
 };
-function getMiddleware({ placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
+function getMiddleware({ placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, arrowEl, type }) {
   const defaultMiddleware = [shift(), hide()];
   if (type === "menu") {
     return [
@@ -16077,7 +16077,7 @@ function getMiddleware({ placement, disableFlip, flipPlacements, offsetDistance,
     if (placement === "auto" || placement === "auto-start" || placement === "auto-end") {
       middleware.push(autoPlacement({ alignment: placement === "auto-start" ? "start" : placement === "auto-end" ? "end" : null }));
     }
-    else if (!disableFlip) {
+    else if (!flipDisabled) {
       middleware.push(flip(flipPlacements ? { fallbackPlacements: flipPlacements } : {}));
     }
     if (arrowEl) {
@@ -16117,7 +16117,7 @@ function getEffectivePlacement(floatingEl, placement) {
  * @param options.floatingEl
  * @param options.overlayPositioning
  * @param options.placement
- * @param options.disableFlip
+ * @param options.flipDisabled
  * @param options.flipPlacements
  * @param options.offsetDistance
  * @param options.offsetSkidding
@@ -16145,7 +16145,7 @@ const debouncedReposition = debounce(positionFloatingUI, repositionDebounceTimeo
  * @param root0.floatingEl
  * @param root0.overlayPositioning
  * @param root0.placement
- * @param root0.disableFlip
+ * @param root0.flipDisabled
  * @param root0.flipPlacements
  * @param root0.offsetDistance
  * @param root0.offsetSkidding
@@ -16153,7 +16153,7 @@ const debouncedReposition = debounce(positionFloatingUI, repositionDebounceTimeo
  * @param root0.type
  * @param root0.includeArrow
  */
-async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning = "absolute", placement, disableFlip, flipPlacements, offsetDistance, offsetSkidding, includeArrow = false, arrowEl, type }) {
+async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning = "absolute", placement, flipDisabled, flipPlacements, offsetDistance, offsetSkidding, includeArrow = false, arrowEl, type }) {
   if (!referenceEl || !floatingEl || (includeArrow && !arrowEl)) {
     return null;
   }
@@ -16165,7 +16165,7 @@ async function positionFloatingUI({ referenceEl, floatingEl, overlayPositioning
       : getEffectivePlacement(floatingEl, placement),
     middleware: getMiddleware({
       placement,
-      disableFlip,
+      flipDisabled,
       flipPlacements,
       offsetDistance,
       offsetSkidding,
@@ -18793,7 +18793,7 @@ class Dropdown {
       }
     };
     this.open = false;
-    this.disableCloseOnSelect = false;
+    this.closeOnSelectDisabled = false;
     this.disabled = false;
     this.flipPlacements = undefined;
     this.maxItems = 0;
@@ -18961,7 +18961,7 @@ class Dropdown {
     this.calciteDropdownSelect.emit({
       item: event.detail.requestedDropdownItem
     });
-    if (!this.disableCloseOnSelect ||
+    if (!this.closeOnSelectDisabled ||
       event.detail.requestedDropdownGroup.selectionMode === "none") {
       this.closeCalciteDropdown();
     }
@@ -19056,7 +19056,7 @@ class Dropdown {
     "$tagName$": "calcite-dropdown",
     "$members$": {
       "open": [1540],
-      "disableCloseOnSelect": [516, "disable-close-on-select"],
+      "closeOnSelectDisabled": [516, "close-on-select-disabled"],
       "disabled": [516],
       "flipPlacements": [16],
       "maxItems": [514, "max-items"],
@@ -19070,7 +19070,7 @@ class Dropdown {
     },
     "$listeners$": [[9, "pointerdown", "closeCalciteDropdownOnClick"], [0, "calciteInternalDropdownCloseRequest", "closeCalciteDropdownOnEvent"], [8, "calciteDropdownOpen", "closeCalciteDropdownOnOpenEvent"], [1, "pointerenter", "mouseEnterHandler"], [1, "pointerleave", "mouseLeaveHandler"], [0, "calciteInternalDropdownItemKeyEvent", "calciteInternalDropdownItemKeyEvent"], [0, "calciteInternalDropdownItemSelect", "handleItemSelect"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["open", "open"], ["disableCloseOnSelect", "disable-close-on-select"], ["disabled", "disabled"], ["maxItems", "max-items"], ["overlayPositioning", "overlay-positioning"], ["placement", "placement"], ["scale", "scale"], ["type", "type"], ["width", "width"]]
+    "$attrsToReflect$": [["open", "open"], ["closeOnSelectDisabled", "close-on-select-disabled"], ["disabled", "disabled"], ["maxItems", "max-items"], ["overlayPositioning", "overlay-positioning"], ["placement", "placement"], ["scale", "scale"], ["type", "type"], ["width", "width"]]
   }; }
 }
 
@@ -21283,7 +21283,6 @@ const inputDatePickerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframe
 class InputDatePicker {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 6);
     this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 6);
     this.calciteInputDatePickerChange = createEvent(this, "calciteInputDatePickerChange", 6);
     this.calciteInputDatePickerBeforeClose = createEvent(this, "calciteInputDatePickerBeforeClose", 6);
@@ -21464,8 +21463,7 @@ class InputDatePicker {
       this.valueAsDate = newValue ? dateFromISO(newValue) : undefined;
       this.value = newValue || "";
       const changeEvent = this.calciteInputDatePickerChange.emit();
-      const deprecatedDatePickerChangeEvent = this.calciteDatePickerChange.emit(value);
-      if (changeEvent.defaultPrevented || deprecatedDatePickerChangeEvent.defaultPrevented) {
+      if (changeEvent.defaultPrevented) {
         this.value = oldValue;
         this.setInputValue(oldValue);
       }
@@ -23325,7 +23323,7 @@ class InputTimePicker {
   // --------------------------------------------------------------------------
   render() {
     const popoverId = `${this.referenceElementId}-popover`;
-    return (hAsync(Host, { onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, hAsync("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), hAsync("calcite-popover", { disableFocusTrap: true, id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, hAsync("calcite-time-picker", {
+    return (hAsync(Host, { onKeyDown: this.keyDownHandler }, hAsync("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, hAsync("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), hAsync("calcite-popover", { focusTrapDisabled: true, id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, hAsync("calcite-time-picker", {
       //t9n props are used here to forward the messages only.
       intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.effectiveLocale, messageOverrides: this.messagesOverrides, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value
     })), hAsync(HiddenFormInputSlot, { component: this })));
@@ -25605,7 +25603,7 @@ function connectFocusTrap(component) {
  * @param {FocusTrapComponent} component The FocusTrap component.
  */
 function activateFocusTrap(component) {
-  if (!component.disableFocusTrap) {
+  if (!component.focusTrapDisabled) {
     component.focusTrap?.activate();
   }
 }
@@ -25659,7 +25657,7 @@ class Modal {
       this.el.removeEventListener("calciteModalOpen", this.openEnd);
     };
     this.handleOutsideClose = () => {
-      if (this.disableOutsideClose) {
+      if (this.outsideCloseDisabled) {
         return;
       }
       this.close();
@@ -25677,12 +25675,12 @@ class Modal {
     };
     this.open = false;
     this.beforeClose = () => Promise.resolve();
-    this.disableCloseButton = false;
-    this.disableFocusTrap = false;
-    this.disableOutsideClose = false;
+    this.closeButtonDisabled = false;
+    this.focusTrapDisabled = false;
+    this.outsideCloseDisabled = false;
     this.intlClose = undefined;
     this.docked = undefined;
-    this.disableEscape = false;
+    this.escapeDisabled = false;
     this.scale = "m";
     this.width = "m";
     this.fullscreen = undefined;
@@ -25695,11 +25693,11 @@ class Modal {
     this.effectiveLocale = undefined;
     this.defaultMessages = undefined;
   }
-  handleDisableFocusTrap(disableFocusTrap) {
+  handlefocusTrapDisabled(focusTrapDisabled) {
     if (!this.open) {
       return;
     }
-    disableFocusTrap ? deactivateFocusTrap(this) : activateFocusTrap(this);
+    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);
   }
   onMessagesChange() {
     /* wired up by t9n util */
@@ -25749,7 +25747,7 @@ class Modal {
     return this.hasFooter ? (hAsync("div", { class: CSS$n.footer, key: "footer" }, hAsync("span", { class: CSS$n.back }, hAsync("slot", { name: SLOTS$d.back })), hAsync("span", { class: CSS$n.secondary }, hAsync("slot", { name: SLOTS$d.secondary })), hAsync("span", { class: CSS$n.primary }, hAsync("slot", { name: SLOTS$d.primary })))) : null;
   }
   renderCloseButton() {
-    return !this.disableCloseButton ? (hAsync("button", { "aria-label": this.messages.close, class: CSS$n.close, key: "button", onClick: this.close, ref: (el) => (this.closeButtonEl = el), title: this.messages.close }, hAsync("calcite-icon", { icon: ICONS$5.close, scale: this.scale === "s" ? "s" : this.scale === "m" ? "m" : this.scale === "l" ? "l" : null }))) : null;
+    return !this.closeButtonDisabled ? (hAsync("button", { "aria-label": this.messages.close, class: CSS$n.close, key: "button", onClick: this.close, ref: (el) => (this.closeButtonEl = el), title: this.messages.close }, hAsync("calcite-icon", { icon: ICONS$5.close, scale: this.scale === "s" ? "s" : this.scale === "m" ? "m" : this.scale === "l" ? "l" : null }))) : null;
   }
   renderStyle() {
     const hasCustomWidth = !isNaN(parseInt(`${this.width}`));
@@ -25782,7 +25780,7 @@ class Modal {
   //
   //--------------------------------------------------------------------------
   handleEscape(event) {
-    if (this.open && !this.disableEscape && event.key === "Escape" && !event.defaultPrevented) {
+    if (this.open && !this.escapeDisabled && event.key === "Escape" && !event.defaultPrevented) {
       this.close();
       event.preventDefault();
     }
@@ -25871,7 +25869,7 @@ class Modal {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "disableFocusTrap": ["handleDisableFocusTrap"],
+    "focusTrapDisabled": ["handlefocusTrapDisabled"],
     "intlClose": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"],
@@ -25884,12 +25882,12 @@ class Modal {
     "$members$": {
       "open": [1540],
       "beforeClose": [16],
-      "disableCloseButton": [516, "disable-close-button"],
-      "disableFocusTrap": [516, "disable-focus-trap"],
-      "disableOutsideClose": [516, "disable-outside-close"],
+      "closeButtonDisabled": [516, "close-button-disabled"],
+      "focusTrapDisabled": [516, "focus-trap-disabled"],
+      "outsideCloseDisabled": [516, "outside-close-disabled"],
       "intlClose": [1, "intl-close"],
       "docked": [516],
-      "disableEscape": [516, "disable-escape"],
+      "escapeDisabled": [516, "escape-disabled"],
       "scale": [513],
       "width": [520],
       "fullscreen": [516],
@@ -25906,7 +25904,7 @@ class Modal {
     },
     "$listeners$": [[8, "keydown", "handleEscape"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["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"]]
+    "$attrsToReflect$": [["open", "open"], ["closeButtonDisabled", "close-button-disabled"], ["focusTrapDisabled", "focus-trap-disabled"], ["outsideCloseDisabled", "outside-close-disabled"], ["docked", "docked"], ["escapeDisabled", "escape-disabled"], ["scale", "scale"], ["width", "width"], ["fullscreen", "fullscreen"], ["color", "color"], ["backgroundColor", "background-color"]]
   }; }
 }
 
@@ -26960,7 +26958,7 @@ function setUpItems(tagName) {
   items.forEach((item) => {
     item.icon = this.getIconType();
     if (!this.multiple) {
-      item.disableDeselect = true;
+      item.deselectDisabled = true;
       toggleSingleSelectItemTabbing(item, false);
     }
     if (item.selected) {
@@ -27338,7 +27336,7 @@ class PickListItem {
     //
     // --------------------------------------------------------------------------
     this.pickListClickHandler = (event) => {
-      if (this.disabled || (this.disableDeselect && this.selected) || this.nonInteractive) {
+      if (this.disabled || (this.deselectDisabled && this.selected) || this.nonInteractive) {
         return;
       }
       this.shiftPressed = event.shiftKey;
@@ -27347,7 +27345,7 @@ class PickListItem {
     this.pickListKeyDownHandler = (event) => {
       if (event.key === " ") {
         event.preventDefault();
-        if ((this.disableDeselect && this.selected) || this.nonInteractive) {
+        if ((this.deselectDisabled && this.selected) || this.nonInteractive) {
           return;
         }
         this.selected = !this.selected;
@@ -27358,7 +27356,7 @@ class PickListItem {
     };
     this.description = undefined;
     this.disabled = false;
-    this.disableDeselect = false;
+    this.deselectDisabled = false;
     this.nonInteractive = false;
     this.icon = null;
     this.label = undefined;
@@ -27495,7 +27493,7 @@ class PickListItem {
     "$members$": {
       "description": [513],
       "disabled": [516],
-      "disableDeselect": [516, "disable-deselect"],
+      "deselectDisabled": [516, "deselect-disabled"],
       "nonInteractive": [516, "non-interactive"],
       "icon": [513],
       "label": [513],
@@ -27513,7 +27511,7 @@ class PickListItem {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["description", "description"], ["disabled", "disabled"], ["disableDeselect", "disable-deselect"], ["nonInteractive", "non-interactive"], ["icon", "icon"], ["label", "label"], ["removable", "removable"], ["selected", "selected"], ["intlRemove", "intl-remove"]]
+    "$attrsToReflect$": [["description", "description"], ["disabled", "disabled"], ["deselectDisabled", "deselect-disabled"], ["nonInteractive", "non-interactive"], ["icon", "icon"], ["label", "label"], ["removable", "removable"], ["selected", "selected"], ["intlRemove", "intl-remove"]]
   }; }
 }
 
@@ -27701,9 +27699,9 @@ class Popover {
     };
     this.autoClose = false;
     this.closable = false;
-    this.disableFlip = false;
-    this.disableFocusTrap = false;
-    this.disablePointer = false;
+    this.flipDisabled = false;
+    this.focusTrapDisabled = false;
+    this.pointerDisabled = false;
     this.flipPlacements = undefined;
     this.heading = undefined;
     this.headingLevel = undefined;
@@ -27723,11 +27721,11 @@ class Popover {
     this.effectiveReferenceElement = undefined;
     this.defaultMessages = undefined;
   }
-  handleDisableFocusTrap(disableFocusTrap) {
+  handlefocusTrapDisabled(focusTrapDisabled) {
     if (!this.open) {
       return;
     }
-    disableFocusTrap ? deactivateFocusTrap(this) : activateFocusTrap(this);
+    focusTrapDisabled ? deactivateFocusTrap(this) : activateFocusTrap(this);
   }
   flipPlacementsHandler() {
     this.setFilteredPlacements();
@@ -27807,17 +27805,17 @@ class Popover {
    * @param delayed
    */
   async reposition(delayed = false) {
-    const { el, effectiveReferenceElement, placement, overlayPositioning, disableFlip, filteredFlipPlacements, offsetDistance, offsetSkidding, arrowEl } = this;
+    const { el, effectiveReferenceElement, placement, overlayPositioning, flipDisabled, filteredFlipPlacements, offsetDistance, offsetSkidding, arrowEl } = this;
     return reposition(this, {
       floatingEl: el,
       referenceEl: effectiveReferenceElement,
       overlayPositioning,
       placement,
-      disableFlip,
+      flipDisabled,
       flipPlacements: filteredFlipPlacements,
       offsetDistance,
       offsetSkidding,
-      includeArrow: !this.disablePointer,
+      includeArrow: !this.pointerDisabled,
       arrowEl,
       type: "popover"
     }, delayed);
@@ -27880,10 +27878,10 @@ class Popover {
     return headingNode ? (hAsync("div", { class: CSS$h.header }, headingNode, this.renderCloseButton())) : null;
   }
   render() {
-    const { effectiveReferenceElement, heading, label, open, disablePointer } = this;
+    const { effectiveReferenceElement, heading, label, open, pointerDisabled } = this;
     const displayed = effectiveReferenceElement && open;
     const hidden = !displayed;
-    const arrowNode = !disablePointer ? hAsync("div", { class: CSS$h.arrow, ref: this.storeArrowEl }) : null;
+    const arrowNode = !pointerDisabled ? hAsync("div", { class: CSS$h.arrow, ref: this.storeArrowEl }) : null;
     return (hAsync(Host, { "aria-hidden": toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "dialog" }, hAsync("div", { class: {
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: displayed
@@ -27895,7 +27893,7 @@ class Popover {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "disableFocusTrap": ["handleDisableFocusTrap"],
+    "focusTrapDisabled": ["handlefocusTrapDisabled"],
     "flipPlacements": ["flipPlacementsHandler"],
     "intlClose": ["onMessagesChange"],
     "messageOverrides": ["onMessagesChange"],
@@ -27914,9 +27912,9 @@ class Popover {
     "$members$": {
       "autoClose": [516, "auto-close"],
       "closable": [1540],
-      "disableFlip": [516, "disable-flip"],
-      "disableFocusTrap": [516, "disable-focus-trap"],
-      "disablePointer": [516, "disable-pointer"],
+      "flipDisabled": [516, "flip-disabled"],
+      "focusTrapDisabled": [516, "focus-trap-disabled"],
+      "pointerDisabled": [516, "pointer-disabled"],
       "flipPlacements": [16],
       "heading": [1],
       "headingLevel": [514, "heading-level"],
@@ -27941,7 +27939,7 @@ class Popover {
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["autoClose", "auto-close"], ["closable", "closable"], ["disableFlip", "disable-flip"], ["disableFocusTrap", "disable-focus-trap"], ["disablePointer", "disable-pointer"], ["headingLevel", "heading-level"], ["offsetDistance", "offset-distance"], ["offsetSkidding", "offset-skidding"], ["open", "open"], ["overlayPositioning", "overlay-positioning"], ["placement", "placement"], ["scale", "scale"], ["triggerDisabled", "trigger-disabled"]]
+    "$attrsToReflect$": [["autoClose", "auto-close"], ["closable", "closable"], ["flipDisabled", "flip-disabled"], ["focusTrapDisabled", "focus-trap-disabled"], ["pointerDisabled", "pointer-disabled"], ["headingLevel", "heading-level"], ["offsetDistance", "offset-distance"], ["offsetSkidding", "offset-skidding"], ["open", "open"], ["overlayPositioning", "overlay-positioning"], ["placement", "placement"], ["scale", "scale"], ["triggerDisabled", "trigger-disabled"]]
   }; }
 }
 
@@ -37417,7 +37415,7 @@ class ValueListItem {
     };
     this.description = undefined;
     this.disabled = false;
-    this.disableDeselect = false;
+    this.deselectDisabled = false;
     this.nonInteractive = false;
     this.handleActivated = false;
     this.icon = null;
@@ -37495,7 +37493,7 @@ class ValueListItem {
     }
   }
   render() {
-    return (hAsync(Host, { id: this.el.id || this.guid }, this.renderHandle(), hAsync("calcite-pick-list-item", { description: this.description, disableDeselect: this.disableDeselect, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd())));
+    return (hAsync(Host, { id: this.el.id || this.guid }, this.renderHandle(), hAsync("calcite-pick-list-item", { description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, ref: this.getPickListRef, removable: this.removable, selected: this.selected, value: this.value }, this.renderActionsStart(), this.renderActionsEnd())));
   }
   get el() { return getElement(this); }
   static get style() { return valueListItemCss; }
@@ -37505,7 +37503,7 @@ class ValueListItem {
     "$members$": {
       "description": [513],
       "disabled": [516],
-      "disableDeselect": [4, "disable-deselect"],
+      "deselectDisabled": [4, "deselect-disabled"],
       "nonInteractive": [516, "non-interactive"],
       "handleActivated": [1028, "handle-activated"],
       "icon": [513],

package/package.json

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

package/dist/calcite/p-082d9b08.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.679
- */
-import{r as t,c as i,h as a,H as e,g as s}from"./p-4c9105d5.js";import{d as n,a as r,i as o,b as c,g as h,s as l,c as d,e as p,f as m}from"./p-a2f582ab.js";import{c as u,d as f,g}from"./p-1a1abc2e.js";import{s as v,c as y,d as b,H as w}from"./p-a8791f5d.js";import{f as x,c as k,d as D,u as C,r as I,a as z,F as P}from"./p-b4ec4357.js";import{u as A}from"./p-ce09fe4b.js";import{t as j}from"./p-9c0aac1a.js";import{c as R,d as _}from"./p-4b895aa6.js";import{n as O,c as W,d as E}from"./p-a45b41b1.js";import{n as S}from"./p-f2386a46.js";import{c as H,s as L,a as M}from"./p-67f464f7.js";import"./p-e067ebc5.js";import"./p-4c1ed0ef.js";import"./p-032c4a6c.js";import"./p-55ce8df2.js";const B=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?x(i,t):null},this.setTransitionEl=t=>{this.transitionEl=t,R(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.open=!1,t.preventDefault()):(this.commitValue(),this.shouldFocusRangeEnd()?this.endInput?.setFocus():this.shouldFocusRangeStart()&&this.startInput?.setFocus(),v(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,k(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.target.valueAsDate),this.localizeInputValues())},this.handleDateRangeChange=t=>{this.range&&(t.stopPropagation(),this.setRangeValue(t.target.valueAsDate),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.open=!1,this.name=void 0,this.intlPrevMonth=void 0,this.intlNextMonth=void 0,this.intlYear=void 0,this.numberingSystem=void 0,this.scale="m",this.placement=D,this.range=!1,this.required=!1,this.start=void 0,this.end=void 0,this.overlayPositioning="absolute",this.proximitySelectionDisabled=!1,this.layout="horizontal",this.messageOverrides=void 0,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))}openHandler(t){if(this.disabled||this.readOnly)return t||C(this.floatingEl),void(this.open=!1);t?this.reposition(!0):C(this.floatingEl)}overlayPositioningHandler(){this.reposition(!0)}calciteDaySelectHandler(){this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()||(this.open=!1)}async setFocus(){await H(this),this.startInput?.setFocus()}async reposition(t=!1){const{floatingEl:i,referenceEl:a,placement:e,overlayPositioning:s,filteredFlipPlacements:n}=this;return I(this,{floatingEl:i,referenceEl:a,overlayPositioning:s,placement:e,flipPlacements:n,type:"menu"},t)}connectedCallback(){W(this);const{open:t}=this;if(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)),u(this),y(this),R(this),this.setFilteredPlacements(),this.reposition(!0),O.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1}}async componentWillLoad(){L(this),await this.loadLocaleData(),this.onMinChanged(this.min),this.onMaxChanged(this.max)}componentDidLoad(){M(this),this.localizeInputValues(),this.reposition(!0)}disconnectedCallback(){f(this),b(this),z(this,this.referenceEl,this.floatingEl),_(this),E(this)}componentDidRender(){A(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":j(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:g(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":j(!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,[P.animation]:!0,[P.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,messageOverrides:this.messageOverrides,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(w,{component:this}))}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:a,startWrapper:e}=this;this.referenceEl="end"===t||"vertical"===i?a||e:e||a,k(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 p(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=m(this.range?this.startAsDate:this.valueAsDate,this.minAsDate,this.maxAsDate),i=this.range?m(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"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"],start:["startWatcher"],end:["endWatcher"],effectiveLocale:["loadLocaleData"]}}};B.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}}: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{B as calcite_input_date_picker}

package/dist/calcite/p-4fd2d68d.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.679
- */
-import{f as t,h as o}from"./p-4c9105d5.js";import{b as e}from"./p-9c0aac1a.js";import{S as n}from"./p-d5e75b3a.js";import{S as a}from"./p-3927861d.js";const i=150,c=t=>t.reduce(((t,o)=>t+o),0)/t.length,l=t=>{const o=t?.length;return{actionWidth:o?c(t.map((t=>t.clientWidth||0))):0,actionHeight:o?c(t.map((t=>t.clientHeight||0))):0}},r=({layout:t,actionCount:o,actionWidth:e,width:n,actionHeight:a,height:i,groupCount:c})=>Math.max(o-(({width:t,actionWidth:o,layout:e,height:n,actionHeight:a,groupCount:i})=>Math.floor((("horizontal"===e?t:n)-2*i)/("horizontal"===e?o:a)))({width:n,actionWidth:e,layout:t,height:i,actionHeight:a,groupCount:c}),0),s=t=>Array.from(t.querySelectorAll("calcite-action")).filter((t=>!t.closest("calcite-action-menu")||t.slot===n.trigger)),p=({actionGroups:o,expanded:e,overflowCount:n})=>{let i=n;o.reverse().forEach((o=>{let n=0;const c=s(o).reverse();c.forEach((t=>{t.slot===a.menuActions&&(t.removeAttribute("slot"),t.textEnabled=e)})),i>0&&c.some((t=>(c.filter((t=>!t.slot)).length>1&&c.length>2&&!t.closest("calcite-action-menu")&&(t.textEnabled=!0,t.setAttribute("slot",a.menuActions),n++,n>1&&i--),i<1))),t(o)}))};function h({parent:t,expanded:o}){s(t).filter((t=>t.slot!==a.menuActions)).forEach((t=>t.textEnabled=o)),t.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((t=>t.expanded=o))}const d=({expanded:t,intlExpand:n,intlCollapse:a,toggle:i,el:c,position:l,tooltip:r,ref:s,scale:p})=>{const h="rtl"===e(c),d=t?a:n,u=["chevrons-left","chevrons-right"];h&&u.reverse();const f="end"===function(t,o){return t||o.closest("calcite-shell-panel")?.position||"start"}(l,c);return o("calcite-action",{icon:t?f?u[1]:u[0]:f?u[0]:u[1],onClick:i,ref:o=>(({tooltip:t,referenceElement:o,expanded:e,ref:n})=>(t&&(t.referenceElement=!e&&o?o:null),n&&n(o),o))({tooltip:r,referenceElement:o,expanded:t,ref:s}),scale:p,text:d,textEnabled:t})};export{d as E,p as a,r as b,l as g,i as o,s as q,h as t}

package/dist/calcite/p-68b17862.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.679
- */
-import{r as t,c as i,h as a,g as e,F as n}from"./p-4c9105d5.js";import{m as s,d as c,a as o,s as r,h as l,b as d,c as h,k as m,i as p,f,l as u,j as g,r as v,o as b,p as y,n as x,q as w,t as k,I as _,L as D,u as z,v as C,w as L,C as j,S as I}from"./p-a94ede89.js";import{c as H}from"./p-55ce8df2.js";import{u as W}from"./p-ce09fe4b.js";import{s as F,a as M,c as R}from"./p-67f464f7.js";import{g as S,t as V}from"./p-9c0aac1a.js";import{H as A,c as P}from"./p-849df68a.js";import{c as T,d as U}from"./p-fdf7da25.js";import{c as K,d as O}from"./p-a45b41b1.js";import{u as q,c as E,s as B,d as G}from"./p-5ea240ba.js";import"./p-40b96bda.js";import"./p-e067ebc5.js";import"./p-4c1ed0ef.js";import"./p-032c4a6c.js";import"./p-f2386a46.js";const J=class{constructor(a){t(this,a),this.calciteListChange=i(this,"calciteListChange",6),this.calciteListFilter=i(this,"calciteListFilter",6),this.lastSelectedItem=null,this.mutationObserver=H("mutation",s.bind(this)),this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=c.bind(this),this.deselectSiblingItems=o.bind(this),this.selectSiblings=r.bind(this),this.handleFilter=l.bind(this),this.handleFilterEvent=d.bind(this),this.getItemData=h.bind(this),this.keyDownHandler=m.bind(this),this.disabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.filterPlaceholder=void 0,this.filterText=void 0,this.headingLevel=void 0,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.selectedValues=new Map,this.dataForFilter=[]}connectedCallback(){p.call(this),f.call(this)}disconnectedCallback(){u.call(this)}componentWillLoad(){F(this)}componentDidLoad(){M(this),g.call(this)}componentDidRender(){W(this)}calciteListItemRemoveHandler(t){v.call(this,t)}calciteListItemChangeHandler(t){b.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){y.call(this,t),t.stopPropagation()}calciteListFocusOutHandler(t){x.call(this,t)}setUpItems(){w.call(this,"calcite-pick-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}async getSelectedItems(){return this.selectedValues}async setFocus(t){return await R(this),k.call(this,t)}getIconType(){return this.multiple?_.square:_.circle}render(){return a(D,{onKeyDown:this.keyDownHandler,props:this})}get el(){return e(this)}};J.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}}: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;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:1}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}";const N=class{constructor(i){t(this,i),this.groupTitle=void 0,this.headingLevel=void 0}connectedCallback(){T(this)}disconnectedCallback(){U(this)}render(){const{el:t,groupTitle:i,headingLevel:e}=this,s=null!==S(t,z.parentItem),c={[C.container]:!0,[C.indented]:s},o=i,r=t.closest("calcite-pick-list")?.headingLevel,l=r?P(r+1):null;return a(n,null,o?a(A,{class:C.heading,level:e||l},o):null,a("slot",{name:z.parentItem}),a("section",{class:c},a("slot",null)))}get el(){return e(this)}};N.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}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{margin-inline-start:1.5rem}";const Q=class{constructor(a){t(this,a),this.calciteListItemChange=i(this,"calciteListItemChange",6),this.calciteListItemRemove=i(this,"calciteListItemRemove",7),this.calciteInternalListItemPropsChange=i(this,"calciteInternalListItemPropsChange",6),this.calciteInternalListItemValueChange=i(this,"calciteInternalListItemValueChange",6),this.pickListClickHandler=t=>{this.disabled||this.disableDeselect&&this.selected||this.nonInteractive||(this.shiftPressed=t.shiftKey,this.selected=!this.selected)},this.pickListKeyDownHandler=t=>{if(" "===t.key){if(t.preventDefault(),this.disableDeselect&&this.selected||this.nonInteractive)return;this.selected=!this.selected}},this.removeClickHandler=()=>{this.calciteListItemRemove.emit()},this.description=void 0,this.disabled=!1,this.disableDeselect=!1,this.nonInteractive=!1,this.icon=null,this.label=void 0,this.messageOverrides=void 0,this.messages=void 0,this.metadata=void 0,this.removable=!1,this.selected=!1,this.intlRemove=void 0,this.value=void 0,this.defaultMessages=void 0,this.effectiveLocale=""}descriptionWatchHandler(){this.calciteInternalListItemPropsChange.emit()}labelWatchHandler(){this.calciteInternalListItemPropsChange.emit()}onMessagesChange(){}metadataWatchHandler(){this.calciteInternalListItemPropsChange.emit()}selectedWatchHandler(){this.calciteListItemChange.emit({item:this.el,value:this.value,selected:this.selected,shiftPressed:this.shiftPressed}),this.shiftPressed=!1}valueWatchHandler(t,i){this.calciteInternalListItemValueChange.emit({oldValue:i,newValue:t})}effectiveLocaleChange(){q(this,this.effectiveLocale)}connectedCallback(){K(this),E(this),T(this)}async componentWillLoad(){await B(this),F(this)}componentDidLoad(){M(this)}disconnectedCallback(){O(this),G(this),U(this)}componentDidRender(){W(this,!!this.el.closest("calcite-pick-list")&&"managed")}async toggleSelected(t){this.selected="boolean"==typeof t?t:!this.selected}async setFocus(){await R(this),this.focusEl?.focus()}renderIcon(){const{icon:t}=this;return t?a("span",{class:{[j.icon]:!0,[j.iconDot]:t===_.circle},onClick:this.pickListClickHandler},t===_.square?a("calcite-icon",{icon:L.checked,scale:"s"}):null):null}renderRemoveAction(){return this.removable?a("calcite-action",{class:j.remove,icon:L.remove,onClick:this.removeClickHandler,slot:I.actionsEnd,text:this.messages.remove}):null}renderActionsStart(){const{el:t}=this;return S(t,I.actionsStart)?a("div",{class:{[j.actions]:!0,[j.actionsStart]:!0}},a("slot",{name:I.actionsStart})):null}renderActionsEnd(){const{el:t,removable:i}=this;return S(t,I.actionsEnd)||i?a("div",{class:{[j.actions]:!0,[j.actionsEnd]:!0}},a("slot",{name:I.actionsEnd}),this.renderRemoveAction()):null}render(){const{description:t,label:i}=this;return a(n,null,this.renderIcon(),this.renderActionsStart(),a("label",{"aria-label":i,class:j.label,onClick:this.pickListClickHandler,onKeyDown:this.pickListKeyDownHandler,ref:t=>this.focusEl=t,tabIndex:0},a("div",{"aria-checked":V(this.selected),class:j.textContainer,role:"menuitemcheckbox"},a("span",{class:j.title},i),t?a("span",{class:j.description},t):null)),this.renderActionsEnd())}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{description:["descriptionWatchHandler"],label:["labelWatchHandler"],intlRemove:["onMessagesChange"],defaultMessages:["onMessagesChange"],messageOverrides:["onMessagesChange"],metadata:["metadataWatchHandler"],selected:["selectedWatchHandler"],value:["valueWatchHandler"],effectiveLocale:["effectiveLocaleChange"]}}};Q.style='@charset "UTF-8";@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}}: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{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:"•"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}';export{J as calcite_pick_list,N as calcite_pick_list_group,Q as calcite_pick_list_item}