@esri/calcite-components 1.0.0-next.500 → 1.0.0-next.503

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-06-23T23:00:37",
+  "timestamp": "2022-06-29T17:37:00",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.17.0",
@@ -1872,7 +1872,7 @@
       "events": [
         {
           "event": "calciteAlertBeforeClose",
-          "detail": "any",
+          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1881,7 +1881,7 @@
         },
         {
           "event": "calciteAlertBeforeOpen",
-          "detail": "any",
+          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1890,7 +1890,7 @@
         },
         {
           "event": "calciteAlertClose",
-          "detail": "any",
+          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1899,7 +1899,7 @@
         },
         {
           "event": "calciteAlertOpen",
-          "detail": "any",
+          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -2141,6 +2141,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "disablePadding",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disable-padding",
+          "reflectToAttr": false,
+          "docs": "When true, removes padding for the slotted content",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -2333,23 +2350,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "noPadding",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "no-padding",
-          "reflectToAttr": false,
-          "docs": "When true, removes padding for the slotted content",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "open",
           "type": "boolean",
@@ -5057,6 +5057,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "placeholderIcon",
+          "type": "string",
+          "mutable": false,
+          "attr": "placeholder-icon",
+          "reflectToAttr": false,
+          "docs": "Placeholder icon for input",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "scale",
           "type": "\"l\" | \"m\" | \"s\"",
@@ -7010,22 +7026,40 @@
         }
       ],
       "events": [
+        {
+          "event": "calciteDropdownBeforeClose",
+          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calciteDropdownBeforeOpen",
+          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "calciteDropdownClose",
-          "detail": "void",
+          "detail": "{ el: HTMLCalciteDropdownElement; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "fires when a dropdown has been closed",
+          "docs": "",
           "docsTags": []
         },
         {
           "event": "calciteDropdownOpen",
-          "detail": "void",
+          "detail": "{ el: HTMLCalciteDropdownElement; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "fires when a dropdown has been opened",
+          "docs": "",
           "docsTags": []
         },
         {

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.500
+ * v1.0.0-next.503
  */
 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.500
+ * v1.0.0-next.503
  */
 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.500
+ * v1.0.0-next.503
  */
 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.500
+ * v1.0.0-next.503
  */
 (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/alert/alert.d.ts

@@ -44,10 +44,22 @@ export declare class Alert {
   componentWillLoad(): void;
   disconnectedCallback(): void;
   render(): VNode;
-  calciteAlertBeforeClose: EventEmitter;
-  calciteAlertClose: EventEmitter;
-  calciteAlertBeforeOpen: EventEmitter;
-  calciteAlertOpen: EventEmitter;
+  calciteAlertBeforeClose: EventEmitter<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>;
+  calciteAlertClose: EventEmitter<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>;
+  calciteAlertBeforeOpen: EventEmitter<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>;
+  calciteAlertOpen: EventEmitter<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>;
   /**
    * Fires to sync queue when opened or closed.
    *
@@ -84,9 +96,9 @@ export declare class Alert {
   private determineActiveAlert;
   /** close and emit calciteInternalAlertSync event with the updated queue payload */
   private closeAlert;
-  onTransitionRun: (event: TransitionEvent) => void;
+  transitionRunHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   /** remove queued class after animation completes */
   private openAlert;
-  private openCloseEventEmitter;
+  private emitOpenCloseEvent;
 }

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

@@ -75,7 +75,7 @@ export declare class Block implements ConditionalSlotComponent, InteractiveCompo
   /**Block description */
   description: string;
   /** When true, removes padding for the slotted content */
-  noPadding: boolean;
+  disablePadding: boolean;
   componentDidRender(): void;
   el: HTMLCalciteBlockElement;
   private guid;

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

@@ -26,6 +26,8 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   label: string;
   /** Placeholder text for input */
   placeholder?: string;
+  /** Placeholder icon for input  */
+  placeholderIcon?: string;
   /** Specify the maximum number of combobox items (including nested children) to display before showing the scroller */
   maxItems: number;
   maxItemsHandler(): void;
@@ -143,8 +145,8 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   private toggleCloseEnd;
   private toggleOpenEnd;
   transitionEnd: (event: TransitionEvent) => void;
-  onTransitionRun: (event: TransitionEvent) => void;
-  private openCloseEventEmitter;
+  transitionRunHandler: (event: TransitionEvent) => void;
+  private emitOpenCloseEvent;
   setMaxScrollerHeight: () => void;
   calciteChipDismissHandler: (event: CustomEvent<HTMLCalciteChipElement>, comboboxItem: HTMLCalciteComboboxItemElement) => void;
   clickHandler: (event: MouseEvent) => void;

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

@@ -62,10 +62,18 @@ export declare class Dropdown implements InteractiveComponent {
   reposition(): Promise<void>;
   /** fires when a dropdown item has been selected or deselected */
   calciteDropdownSelect: EventEmitter<void>;
-  /** fires when a dropdown has been opened */
-  calciteDropdownOpen: EventEmitter<void>;
-  /** fires when a dropdown has been closed */
-  calciteDropdownClose: EventEmitter<void>;
+  calciteDropdownBeforeOpen: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownOpen: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownBeforeClose: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
+  calciteDropdownClose: EventEmitter<{
+    el: HTMLCalciteDropdownElement;
+  }>;
   closeCalciteDropdownOnClick(e: Event): void;
   closeCalciteDropdownOnEvent(e: Event): void;
   closeCalciteDropdownOnOpenEvent(e: Event): void;
@@ -94,6 +102,8 @@ export declare class Dropdown implements InteractiveComponent {
   setMaxScrollerHeight: () => void;
   setScrollerEl: (scrollerEl: HTMLDivElement) => void;
   transitionEnd: (event: TransitionEvent) => void;
+  transitionRunHandler: (event: TransitionEvent) => void;
+  private emitOpenCloseEvent;
   setReferenceEl: (el: HTMLDivElement) => void;
   setMenuEl: (el: HTMLDivElement) => void;
   getModifiers(): Partial<StrictModifiers>[];

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

@@ -1,3 +1,6 @@
 export declare const SLOTS: {
   dropdownTrigger: string;
 };
+export declare const CSS: {
+  calciteDropdownContent: string;
+};

package/dist/types/components.d.ts

@@ -355,6 +355,10 @@ export namespace Components {
           * Block description
          */
         "description": string;
+        /**
+          * When true, removes padding for the slotted content
+         */
+        "disablePadding": boolean;
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -395,10 +399,6 @@ export namespace Components {
           * When true, content is waiting to be loaded. This state shows a busy indicator.
          */
         "loading": boolean;
-        /**
-          * When true, removes padding for the slotted content
-         */
-        "noPadding": boolean;
         /**
           * When true, the block's content will be displayed.
          */
@@ -875,6 +875,10 @@ export namespace Components {
           * Placeholder text for input
          */
         "placeholder"?: string;
+        /**
+          * Placeholder icon for input
+         */
+        "placeholderIcon"?: string;
         /**
           * Updates the position of the component.
          */
@@ -4764,10 +4768,22 @@ declare namespace LocalJSX {
           * Specifies an accessible name for the component.
          */
         "label": string;
-        "onCalciteAlertBeforeClose"?: (event: CalciteAlertCustomEvent<any>) => void;
-        "onCalciteAlertBeforeOpen"?: (event: CalciteAlertCustomEvent<any>) => void;
-        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<any>) => void;
-        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<any>) => void;
+        "onCalciteAlertBeforeClose"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertBeforeOpen"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
+        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<{
+    el: HTMLCalciteAlertElement;
+    queue: HTMLCalciteAlertElement[];
+  }>) => void;
         /**
           * Specifies the placement of the component
          */
@@ -4808,6 +4824,10 @@ declare namespace LocalJSX {
           * Block description
          */
         "description"?: string;
+        /**
+          * When true, removes padding for the slotted content
+         */
+        "disablePadding"?: boolean;
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -4848,10 +4868,6 @@ declare namespace LocalJSX {
           * When true, content is waiting to be loaded. This state shows a busy indicator.
          */
         "loading"?: boolean;
-        /**
-          * When true, removes padding for the slotted content
-         */
-        "noPadding"?: boolean;
         /**
           * Emitted when the header has been clicked.
          */
@@ -5348,6 +5364,10 @@ declare namespace LocalJSX {
           * Placeholder text for input
          */
         "placeholder"?: string;
+        /**
+          * Placeholder icon for input
+         */
+        "placeholderIcon"?: string;
         /**
           * Specify the scale of the combobox, defaults to m
          */
@@ -5683,14 +5703,10 @@ declare namespace LocalJSX {
           * specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 - this value does not include groupTitles passed to calcite-dropdown-group
          */
         "maxItems"?: number;
-        /**
-          * fires when a dropdown has been closed
-         */
-        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<void>) => void;
-        /**
-          * fires when a dropdown has been opened
-         */
-        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        "onCalciteDropdownBeforeClose"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownBeforeOpen"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
+        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<{ el: HTMLCalciteDropdownElement }>) => void;
         /**
           * fires when a dropdown item has been selected or deselected
          */

package/dist/types/preact.d.ts

@@ -119,9 +119,11 @@ declare module "preact/src/jsx" {
         "oncalciteDatePickerSelect"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownOpen" | "onCalciteDropdownClose"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
+      "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownBeforeOpen" | "onCalciteDropdownOpen" | "onCalciteDropdownBeforeClose" | "onCalciteDropdownClose"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
         "oncalciteDropdownSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownBeforeOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownBeforeClose"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownClose"?: (event: CustomEvent<any>) => void;
       }
 

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

@@ -14,14 +14,6 @@ export declare function getElementDir(el: HTMLElement): Direction;
 export declare function getElementProp(el: Element, prop: string, fallbackValue: any): any;
 export declare function getRootNode(el: Element): Document | ShadowRoot;
 export declare function getHost(root: Document | ShadowRoot): Element | null;
-/**
- * This helper queries an element's rootNodes and any ancestor rootNodes.
- *
- * @param element
- * @param selector
- * @returns {Element[]} The elements.
- */
-export declare function queryElementsRoots<T extends Element = Element>(element: Element, selector: string): T[];
 /**
  * This helper queries an element's rootNode and any ancestor rootNodes.
  *