@esri/calcite-components 1.0.0-next.630 → 1.0.0-next.632

package/dist/esm/{resources-2051930a.js → resources-8da94c50.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.630
+ * v1.0.0-next.632
  */
-import { a as getAssetPath } from './index-fbd3bcac.js';
-import { n as numberStringFormatter, g as getSupportedLocale } from './locale-639b5686.js';
+import { a as getAssetPath } from './index-39e12ba3.js';
+import { n as numberStringFormatter, g as getSupportedLocale } from './locale-67e8291a.js';
 
 /**
  * Check if date is within a min and max
@@ -261,11 +261,10 @@ function getValueAsDateRange(value) {
   return value.map((v, index) => dateFromISO(v, index === 1));
 }
 
-const HEADING_LEVEL = 2;
 const TEXT = {
   nextMonth: "Next month",
   prevMonth: "Previous month",
   year: "Year"
 };
 
-export { HEADING_LEVEL as H, TEXT as T, dateFromLocalizedString as a, dateToISO as b, dateFromISO as c, datePartsFromLocalizedString as d, getLocaleData as e, dateFromRange as f, getValueAsDateRange as g, getDaysDiff as h, inRange as i, sameDate as j, getOrder as k, nextMonth as n, prevMonth as p, setEndOfDay as s };
+export { TEXT as T, dateFromLocalizedString as a, dateToISO as b, dateFromISO as c, datePartsFromLocalizedString as d, getLocaleData as e, dateFromRange as f, getValueAsDateRange as g, getDaysDiff as h, inRange as i, sameDate as j, getOrder as k, nextMonth as n, prevMonth as p, setEndOfDay as s };

package/dist/esm/{resources-ea60d617.js → resources-a12626f7.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.630
+ * v1.0.0-next.632
  */
 const autoTheme = "calcite-theme-auto";
 const darkTheme = "calcite-theme-dark";

package/dist/esm/{resources-4ae18812.js → resources-cc0585cf.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.630
+ * v1.0.0-next.632
  */
 const SLOTS = {
   menuActions: "menu-actions",

package/dist/esm/{resources-983a43e3.js → resources-d2959b68.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.630
+ * v1.0.0-next.632
  */
 const CSS = {
   backButton: "back-button",
@@ -41,6 +41,5 @@ const TEXT = {
   open: "Open",
   options: "Options"
 };
-const HEADING_LEVEL = 3;
 
-export { CSS as C, HEADING_LEVEL as H, ICONS as I, SLOTS as S, TEXT as T };
+export { CSS as C, ICONS as I, SLOTS as S, TEXT as T };

package/dist/esm/{resources-6cd8cba9.js → resources-fa77b6f3.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.630
+ * v1.0.0-next.632
  */
 const CSS = {
   menu: "menu",

package/dist/esm/{sortable.esm-13398aed.js → sortable.esm-a150fbaf.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.630
+ * v1.0.0-next.632
  */
 /**!
  * Sortable 1.15.0

package/dist/esm/{utils-c6e69a66.js → utils-a448267c.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.630
+ * v1.0.0-next.632
  */
 function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-11-15T19:43:46",
+  "timestamp": "2022-11-16T18:14:35",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.18.1",
@@ -16448,6 +16448,62 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "filterText",
+          "type": "string",
+          "mutable": true,
+          "attr": "filter-text",
+          "reflectToAttr": true,
+          "docs": "Text for the filter input field.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "filteredData",
+          "type": "{ label: string; description: string; metadata: Record<string, unknown>; value: string; }[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "**read-only** The currently filtered items",
+          "docsTags": [
+            {
+              "name": "readonly"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "{ label: string; description: string; metadata: Record<string, unknown>; value: string; }[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "filteredItems",
+          "type": "HTMLCalcitePickListItemElement[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "**read-only** The currently filtered items",
+          "docsTags": [
+            {
+              "name": "readonly"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "HTMLCalcitePickListItemElement[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "headingLevel",
           "type": "1 | 2 | 3 | 4 | 5 | 6",
@@ -16575,6 +16631,15 @@
           "composed": true,
           "docs": "Emits when any of the `calcite-pick-list-item` selections have changed.",
           "docsTags": []
+        },
+        {
+          "event": "calciteListFilter",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Emits when a filter has changed.",
+          "docsTags": []
         }
       ],
       "listeners": [
@@ -24130,6 +24195,62 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "filterText",
+          "type": "string",
+          "mutable": true,
+          "attr": "filter-text",
+          "reflectToAttr": true,
+          "docs": "Text for the filter input field.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "filteredData",
+          "type": "{ label: string; description: string; metadata: Record<string, unknown>; value: string; }[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "**read-only** The currently filtered items",
+          "docsTags": [
+            {
+              "name": "readonly"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "{ label: string; description: string; metadata: Record<string, unknown>; value: string; }[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "filteredItems",
+          "type": "HTMLCalciteValueListItemElement[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "**read-only** The currently filtered items",
+          "docsTags": [
+            {
+              "name": "readonly"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "HTMLCalciteValueListItemElement[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "group",
           "type": "string",
@@ -24301,6 +24422,15 @@
           "docs": "Emits when any of the list item selections have changed.",
           "docsTags": []
         },
+        {
+          "event": "calciteListFilter",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": false,
+          "composed": true,
+          "docs": "Emits when a filter has changed.",
+          "docsTags": []
+        },
         {
           "event": "calciteListOrderChange",
           "detail": "any[]",

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.630
+ * v1.0.0-next.632
  */
 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.630
+ * v1.0.0-next.632
  */
 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.630
+ * v1.0.0-next.632
  */
 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.630
+ * v1.0.0-next.632
  */
 (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/block/resources.d.ts

@@ -36,4 +36,3 @@ export declare const ICONS: {
   invalid: string;
   refresh: string;
 };
-export declare const HEADING_LEVEL = 4;

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

@@ -1,4 +1,3 @@
-export declare const HEADING_LEVEL = 2;
 export declare const TEXT: {
   nextMonth: string;
   prevMonth: string;

package/dist/types/components/functional/Heading.d.ts

@@ -2,7 +2,7 @@ import { FunctionalComponent } from "../../stencil-public-runtime";
 import { JSXBase } from "../../stencil-public-runtime";
 export declare type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 interface HeadingProps extends JSXBase.HTMLAttributes {
-  level: HeadingLevel;
+  level?: HeadingLevel;
 }
 export declare function constrainHeadingLevel(level: number): HeadingLevel;
 export declare const Heading: FunctionalComponent<HeadingProps>;

package/dist/types/components/list-item-group/resources.d.ts

@@ -2,4 +2,3 @@ export declare const CSS: {
   heading: string;
   container: string;
 };
-export declare const HEADING_LEVEL = 3;

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

@@ -3,6 +3,7 @@ import { Scale } from "../interfaces";
 import { ModalBackgroundColor } from "./interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { OpenCloseComponent } from "../../utils/openCloseComponent";
+import { FocusTrapComponent, FocusTrap } from "../../utils/focusTrapComponent";
 /**
  * @slot header - A slot for adding header text.
  * @slot content - A slot for adding the component's content.
@@ -10,7 +11,7 @@ import { OpenCloseComponent } from "../../utils/openCloseComponent";
  * @slot secondary - A slot for adding a secondary button.
  * @slot back - A slot for adding a back button.
  */
-export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent {
+export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent, FocusTrapComponent {
   el: HTMLCalciteModalElement;
   /**
    * When `true`, the component is active.
@@ -69,10 +70,11 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   isOpen: boolean;
   modalContent: HTMLDivElement;
   private mutationObserver;
-  previousActiveElement: HTMLElement;
   titleId: string;
   openTransitionProp: string;
   transitionEl: HTMLDivElement;
+  focusTrap: FocusTrap;
+  focusTrapEl: HTMLDivElement;
   handleEscape(event: KeyboardEvent): void;
   /** Fires when the component is requested to be closed and before the closing transition begins. */
   calciteModalBeforeClose: EventEmitter<void>;
@@ -118,8 +120,6 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   handleOutsideClose: () => void;
   /** Close the modal, first running the `beforeClose` method */
   close: () => Promise<void>;
-  focusFirstElement: () => void;
-  focusLastElement: () => void;
   private removeOverflowHiddenClass;
   private updateFooterVisibility;
 }

package/dist/types/components/panel/resources.d.ts

@@ -36,4 +36,3 @@ export declare const TEXT: {
   open: string;
   options: string;
 };
-export declare const HEADING_LEVEL = 3;

package/dist/types/components/pick-list/pick-list.d.ts

@@ -12,6 +12,18 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
+  /**
+   * **read-only** The currently filtered items
+   *
+   * @readonly
+   */
+  filteredItems: HTMLCalcitePickListItemElement[];
+  /**
+   * **read-only** The currently filtered items
+   *
+   * @readonly
+   */
+  filteredData: ItemData;
   /**
    * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
    */
@@ -20,6 +32,10 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
    * Placeholder text for the filter input field.
    */
   filterPlaceholder: string;
+  /**
+   * Text for the filter input field.
+   */
+  filterText: string;
   /**
    * Specifies the number at which section headings should start.
    */
@@ -46,14 +62,20 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   el: HTMLCalcitePickListElement;
   emitCalciteListChange: () => void;
+  emitCalciteListFilter: () => void;
   filterEl: HTMLCalciteFilterElement;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  componentDidLoad(): void;
   componentDidRender(): void;
   /**
    * Emits when any of the `calcite-pick-list-item` selections have changed.
    */
   calciteListChange: EventEmitter<Map<string, HTMLCalcitePickListItemElement>>;
+  /**
+   * Emits when a filter has changed.
+   */
+  calciteListFilter: EventEmitter<void>;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
   calciteListItemChangeHandler(event: CustomEvent): void;
   calciteInternalListItemPropsChangeHandler(event: CustomEvent): void;
@@ -62,10 +84,12 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
   setUpItems(): void;
   setUpFilter(): void;
   setFilterEl: (el: HTMLCalciteFilterElement) => void;
+  setFilteredItems: (filteredItems: any[]) => void;
   deselectRemovedItems: any;
   deselectSiblingItems: any;
   selectSiblings: any;
   handleFilter: any;
+  handleFilterEvent: any;
   getItemData: any;
   keyDownHandler: any;
   /** Returns the component's selected `calcite-pick-list-item`s. */

package/dist/types/components/pick-list/shared-list-logic.d.ts

@@ -14,6 +14,7 @@ export declare function calciteListFocusOutHandler<T extends Lists>(this: List<T
 export declare function keyDownHandler<T extends Lists>(this: List<T>, event: KeyboardEvent): void;
 export declare function moveItemIndex<T extends Lists>(list: List<T>, item: ListItemElement<T>, direction: "up" | "down"): number;
 export declare function getItemIndex<T extends Lists>(list: List<T>, item: ListItemElement<T>): number;
+export declare function internalCalciteListFilterEvent<T extends Lists>(this: List<T>): void;
 export declare function internalCalciteListChangeEvent<T extends Lists>(this: List<T>): void;
 export declare function removeItem<T extends Lists, U extends ListItemElement<T>>(this: List<T>, event: CustomEvent): void;
 export declare function setFocus<T extends Lists>(this: List<T>, focusId: ListFocusId): Promise<void>;
@@ -22,7 +23,9 @@ export declare function setUpFilter<T extends Lists>(this: List<T>): void;
 export declare function deselectRemovedItems<T extends Lists>(this: List<T>): void;
 export declare function deselectSiblingItems<T extends Lists>(this: List<T>, item: ListItemElement<T>): void;
 export declare function selectSiblings<T extends Lists>(this: List<T>, item: ListItemElement<T>, deselect?: boolean): void;
-export declare function handleFilter<T extends Lists>(this: List<T>, event: CustomEvent): void;
+export declare function handleFilter<T extends Lists>(this: List<T>, emit?: boolean): void;
+export declare function handleInitialFilter<T extends Lists>(this: List<T>): void;
+export declare function handleFilterEvent<T extends Lists>(this: List<T>, event: CustomEvent): void;
 export declare type ItemData = {
   label: string;
   description: string;

package/dist/types/components/pick-list/shared-list-render.d.ts

@@ -1,16 +1,19 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
 import { JSXBase } from "../../stencil-public-runtime";
-import { handleFilter } from "./shared-list-logic";
+import { handleFilter, handleFilterEvent } from "./shared-list-logic";
 import DOMAttributes = JSXBase.DOMAttributes;
 interface ListProps extends DOMAttributes<any> {
   disabled: boolean;
   loading: boolean;
   filterEnabled: boolean;
+  filterText: string;
   dataForFilter: any;
   handleFilter: typeof handleFilter;
+  handleFilterEvent: typeof handleFilterEvent;
   filterPlaceholder: string;
   el: HTMLCalcitePickListElement | HTMLCalciteValueListElement;
   setFilterEl: (el: HTMLCalciteFilterElement) => void;
+  setFilteredItems: (filteredItems: HTMLCalcitePickListItemElement | HTMLCalciteValueListItemElement[]) => void;
   dragEnabled?: boolean;
   storeAssistiveEl?: (el: HTMLSpanElement) => void;
 }

package/dist/types/components/pick-list-group/resources.d.ts

@@ -6,4 +6,3 @@ export declare const CSS: {
 export declare const SLOTS: {
   parentItem: string;
 };
-export declare const HEADING_LEVEL = 3;

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

@@ -16,4 +16,3 @@ export declare const TEXT: {
 export declare const defaultPopoverPlacement = "auto";
 export declare const ARIA_CONTROLS = "aria-controls";
 export declare const ARIA_EXPANDED = "aria-expanded";
-export declare const HEADING_LEVEL = 2;

package/dist/types/components/tip/resources.d.ts

@@ -1,4 +1,3 @@
-import { HeadingLevel } from "../functional/Heading";
 export declare const CSS: {
   container: string;
   header: string;
@@ -17,4 +16,3 @@ export declare const SLOTS: {
 export declare const TEXT: {
   close: string;
 };
-export declare const HEADING_LEVEL: HeadingLevel;

package/dist/types/components/tip-manager/resources.d.ts

@@ -23,4 +23,3 @@ export declare const TEXT: {
   previous: string;
   next: string;
 };
-export declare const HEADING_LEVEL = 2;

package/dist/types/components/value-list/value-list.d.ts

@@ -16,6 +16,18 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
    * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
    */
   dragEnabled: boolean;
+  /**
+   * **read-only** The currently filtered items
+   *
+   * @readonly
+   */
+  filteredItems: HTMLCalciteValueListItemElement[];
+  /**
+   * **read-only** The currently filtered items
+   *
+   * @readonly
+   */
+  filteredData: ItemData;
   /**
    * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
    */
@@ -24,6 +36,10 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
    * Placeholder text for the filter's input field.
    */
   filterPlaceholder: string;
+  /**
+   * Text for the filter input field.
+   */
+  filterText: string;
   /**
    * The component's group identifier.
    *
@@ -77,6 +93,7 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
   sortable: Sortable;
   el: HTMLCalciteValueListElement;
   emitCalciteListChange: () => void;
+  emitCalciteListFilter: () => void;
   filterEl: HTMLCalciteFilterElement;
   assistiveTextEl: HTMLSpanElement;
   connectedCallback(): void;
@@ -91,6 +108,10 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
    * Emits when the order of the list has changed.
    */
   calciteListOrderChange: EventEmitter<any[]>;
+  /**
+   * Emits when a filter has changed.
+   */
+  calciteListFilter: EventEmitter<void>;
   calciteListFocusOutHandler(event: FocusEvent): void;
   calciteListItemRemoveHandler(event: CustomEvent<void>): void;
   calciteListItemChangeHandler(event: CustomEvent): void;
@@ -100,12 +121,14 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
   setUpItems(): void;
   setUpFilter(): void;
   setFilterEl: (el: HTMLCalciteFilterElement) => void;
+  setFilteredItems: (filteredItems: HTMLCalciteValueListItemElement[]) => void;
   setUpDragAndDrop(): void;
   cleanUpDragAndDrop(): void;
   deselectRemovedItems: any;
   deselectSiblingItems: any;
   selectSiblings: any;
   handleFilter: any;
+  handleFilterEvent: any;
   getItemData: any;
   keyDownHandler: (event: KeyboardEvent) => void;
   handleBlur(): void;