@esri/calcite-components 1.0.0-next.532 → 1.0.0-next.535

package/dist/esm-es5/{resources-807adc68.js → resources-a22c88de.js}

@@ -2,5 +2,5 @@ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e)
 /*!
  * 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.532
- */import{f as focusElement,g as getSlotted,t as toAriaBoolean}from"./dom-0cd3f6fc.js";import{g as getRoundRobinIndex}from"./array-aab7ad42.js";import{d as debounce}from"./debounce-0e2bb1be.js";import{h,H as Host}from"./index-67812472.js";var CSS$2={heading:"heading",container:"container",indented:"container--indented"};var SLOTS$2={parentItem:"parent-item"};var HEADING_LEVEL=3;function mutationObserverCallback(){this.setUpItems();this.setUpFilter();this.deselectRemovedItems()}var SUPPORTED_ARROW_KEYS=["ArrowUp","ArrowDown"];function initialize(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=debounce(internalCalciteListChangeEvent.bind(this),0)}function initializeObserver(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true})}function cleanUpObserver(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()}function calciteListItemChangeHandler(e){var t=this.selectedValues;var i=e.detail,n=i.item,a=i.value,r=i.selected,l=i.shiftPressed;if(r){if(this.multiple&&l){this.selectSiblings(n)}if(!this.multiple){this.deselectSiblingItems(n)}t.set(a,n)}else{t.delete(a);if(this.multiple&&l){this.selectSiblings(n,true)}}if(!this.multiple){toggleSingleSelectItemTabbing(n,r);if(r){focusElement(n)}}this.lastSelectedItem=n;this.emitCalciteListChange()}function calciteInternalListItemValueChangeHandler(e){var t=e.detail.oldValue;var i=this.selectedValues;if(i.has(t)){var n=i.get(t);i.delete(t);i.set(e.detail.newValue,n)}e.stopPropagation()}function isValidNavigationKey(e){return!!SUPPORTED_ARROW_KEYS.find((function(t){return t===e}))}function calciteListFocusOutHandler(e){var t=this,i=t.el,n=t.items,a=t.multiple,r=t.selectedValues;if(a){return}var l=i.contains(e.relatedTarget);if(l){return}filterOutDisabled(n).forEach((function(t){toggleSingleSelectItemTabbing(t,r.size===0?t.contains(e.target)||e.target===t:t.selected)}))}function keyDownHandler(e){var t=e.key,i=e.target;if(!isValidNavigationKey(t)){return}var n=this,a=n.items,r=n.multiple,l=n.selectionFollowsFocus;var s=a.length;var o=a.indexOf(i);if(!s||o===-1){return}e.preventDefault();var c=moveItemIndex(this,i,t==="ArrowUp"?"up":"down");var u=a[c];a.forEach((function(e){return toggleSingleSelectItemTabbing(e,e===u)}));if(!r&&l){u.selected=true}focusElement(u)}function moveItemIndex(e,t,i){var n=e.items;var a=n.length;var r=n.indexOf(t);var l=i==="up"?-1:1;var s=1;var o=getRoundRobinIndex(r+l*s++,a);var c=o;while(n[o].disabled){o=getRoundRobinIndex(r+l*s++,a);if(o===c){break}}return o}function getItemIndex(e,t){var i=e.items;return i.indexOf(t)}function filterOutDisabled(e){return e.filter((function(e){return!e.disabled}))}function internalCalciteListChangeEvent(){this.calciteListChange.emit(this.selectedValues)}function removeItem(e){if(e.defaultPrevented){return}var t=e.target;var i=this.selectedValues;if(t.parentElement.tagName==="CALCITE-PICK-LIST-GROUP"&&t.slot===SLOTS$2.parentItem){t.parentElement.remove();Array.from(t.parentElement.children).forEach((function(e){return i.delete(e.value)}))}else{t.remove();i.delete(t.value)}this.emitCalciteListChange()}function toggleSingleSelectItemTabbing(e,t){if(e.disabled){return}if(t){e.removeAttribute("tabindex")}else{e.setAttribute("tabindex","-1")}}function setFocus(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,a,r,l,s;return __generator(this,(function(o){switch(o.label){case 0:if(!(this.filterEnabled&&e==="filter"))return[3,2];return[4,focusElement(this.filterEl)];case 1:o.sent();return[2];case 2:i=this,n=i.items,a=i.multiple,r=i.selectionFollowsFocus;if(n.length===0){return[2]}if(a){return[2,(t=filterOutDisabled(n)[0])===null||t===void 0?void 0:t.setFocus()]}l=filterOutDisabled(n);s=l.find((function(e){return e.selected}))||l[0];if(r&&s){s.selected=true}return[2,s.setFocus()]}}))}))}function setUpItems(e){var t=this;this.items=Array.from(this.el.querySelectorAll(e));var i=false;var n=this.items;n.forEach((function(e){e.icon=t.getIconType();if(!t.multiple){e.disableDeselect=true;toggleSingleSelectItemTabbing(e,false)}if(e.selected){i=true;toggleSingleSelectItemTabbing(e,true);t.selectedValues.set(e.value,e)}}));var a=n[0];if(!i&&a&&!a.disabled){toggleSingleSelectItemTabbing(a,true)}}function deselectRemovedItems(){var e=this;var t=this.selectedValues;var i=this.items.map((function(e){var t=e.value;return t}));t.forEach((function(t){if(!i.includes(t.value)){e.selectedValues.delete(t.value)}}))}function deselectSiblingItems(e){var t=this;this.items.forEach((function(i){if(i.value!==e.value){i.toggleSelected(false);if(t.selectedValues.has(i.value)){t.selectedValues.delete(i.value)}}}))}function selectSiblings(e,t){var i=this;if(t===void 0){t=false}if(!this.lastSelectedItem){return}var n=this.items;var a=n.findIndex((function(e){return e.value===i.lastSelectedItem.value}));var r=n.findIndex((function(t){return t.value===e.value}));n.slice(Math.min(a,r),Math.max(a,r)).forEach((function(e){e.toggleSelected(!t);if(!t){i.selectedValues.set(e.value,e)}else{i.selectedValues.delete(e.value)}}))}var groups;function handleFilter(e){var t=e.currentTarget.filteredItems;var i=t.map((function(e){return e.value}));var n=false;if(!groups){groups=new Set}var a=this.items.filter((function(e){var t=e.parentElement;var a=t.matches("calcite-pick-list-group");if(a){groups.add(t)}var r=i.includes(e.value);e.hidden=!r;if(!n){n=r&&e.selected}return r}));groups.forEach((function(e){var t=a.some((function(t){return e.contains(t)}));e.hidden=!t;if(!t){return}var i=getSlotted(e,"parent-item");if(i){i.hidden=false;if(a.includes(i)){Array.from(e.children).forEach((function(e){return e.hidden=false}))}}}));groups.clear();if(a.length>0&&!n&&!this.multiple){toggleSingleSelectItemTabbing(a[0],true)}}function getItemData(){return this.items.map((function(e){return{label:e.label,description:e.description,metadata:e.metadata,value:e.value}}))}var CSS$1={sticky:"sticky-pos"};var ICON_TYPES;(function(e){e["circle"]="circle";e["square"]="square";e["grip"]="grip"})(ICON_TYPES||(ICON_TYPES={}));var SLOTS$1={menuActions:"menu-actions"};var List=function(e){var t;var i=e.props,n=i.disabled,a=i.loading,r=i.filterEnabled,l=i.dataForFilter,s=i.handleFilter,o=i.filterPlaceholder,c=i.setFilterEl,u=i.dragEnabled,d=i.storeAssistiveEl,f=__rest(e,["props"]);var v=h("slot",null);return h(Host,__assign({"aria-busy":toAriaBoolean(a),role:"menu"},f),h("section",null,u?h("span",{"aria-live":"assertive",class:"assistive-text",ref:d}):null,h("header",{class:(t={},t[CSS$1.sticky]=true,t)},r?h("calcite-filter",{"aria-label":o,disabled:a||n,items:l,onCalciteFilterChange:s,placeholder:o,ref:c}):null,h("slot",{name:SLOTS$1.menuActions})),a?h("calcite-scrim",{loading:a}):null,v))};var CSS={actions:"actions",actionsEnd:"actions--end",actionsStart:"actions--start",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",iconDot:"icon-dot",label:"label",remove:"remove",title:"title",textContainer:"text-container"};var ICONS={checked:"check",remove:"x"};var SLOTS={actionsEnd:"actions-end",actionsStart:"actions-start"};var TEXT={remove:"Remove"};export{CSS as C,HEADING_LEVEL as H,ICON_TYPES as I,List as L,SLOTS as S,TEXT as T,deselectSiblingItems as a,getItemData as b,moveItemIndex as c,deselectRemovedItems as d,initializeObserver as e,cleanUpObserver as f,getItemIndex as g,handleFilter as h,initialize as i,calciteListFocusOutHandler as j,keyDownHandler as k,calciteListItemChangeHandler as l,mutationObserverCallback as m,calciteInternalListItemValueChangeHandler as n,setUpItems as o,setFocus as p,SLOTS$2 as q,removeItem as r,selectSiblings as s,CSS$2 as t,ICONS as u};
+ * v1.0.0-next.535
+ */import{f as focusElement,g as getSlotted,t as toAriaBoolean}from"./dom-50ba18b2.js";import{g as getRoundRobinIndex}from"./array-85ebc136.js";import{d as debounce}from"./debounce-96842e57.js";import{h,H as Host}from"./index-75818348.js";var CSS$2={heading:"heading",container:"container",indented:"container--indented"};var SLOTS$2={parentItem:"parent-item"};var HEADING_LEVEL=3;function mutationObserverCallback(){this.setUpItems();this.setUpFilter();this.deselectRemovedItems()}var SUPPORTED_ARROW_KEYS=["ArrowUp","ArrowDown"];function initialize(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=debounce(internalCalciteListChangeEvent.bind(this),0)}function initializeObserver(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true})}function cleanUpObserver(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()}function calciteListItemChangeHandler(e){var t=this.selectedValues;var i=e.detail,n=i.item,a=i.value,r=i.selected,l=i.shiftPressed;if(r){if(this.multiple&&l){this.selectSiblings(n)}if(!this.multiple){this.deselectSiblingItems(n)}t.set(a,n)}else{t.delete(a);if(this.multiple&&l){this.selectSiblings(n,true)}}if(!this.multiple){toggleSingleSelectItemTabbing(n,r);if(r){focusElement(n)}}this.lastSelectedItem=n;this.emitCalciteListChange()}function calciteInternalListItemValueChangeHandler(e){var t=e.detail.oldValue;var i=this.selectedValues;if(i.has(t)){var n=i.get(t);i.delete(t);i.set(e.detail.newValue,n)}e.stopPropagation()}function isValidNavigationKey(e){return!!SUPPORTED_ARROW_KEYS.find((function(t){return t===e}))}function calciteListFocusOutHandler(e){var t=this,i=t.el,n=t.items,a=t.multiple,r=t.selectedValues;if(a){return}var l=i.contains(e.relatedTarget);if(l){return}filterOutDisabled(n).forEach((function(t){toggleSingleSelectItemTabbing(t,r.size===0?t.contains(e.target)||e.target===t:t.selected)}))}function keyDownHandler(e){var t=e.key,i=e.target;if(!isValidNavigationKey(t)){return}var n=this,a=n.items,r=n.multiple,l=n.selectionFollowsFocus;var s=a.length;var o=a.indexOf(i);if(!s||o===-1){return}e.preventDefault();var c=moveItemIndex(this,i,t==="ArrowUp"?"up":"down");var u=a[c];a.forEach((function(e){return toggleSingleSelectItemTabbing(e,e===u)}));if(!r&&l){u.selected=true}focusElement(u)}function moveItemIndex(e,t,i){var n=e.items;var a=n.length;var r=n.indexOf(t);var l=i==="up"?-1:1;var s=1;var o=getRoundRobinIndex(r+l*s++,a);var c=o;while(n[o].disabled){o=getRoundRobinIndex(r+l*s++,a);if(o===c){break}}return o}function getItemIndex(e,t){var i=e.items;return i.indexOf(t)}function filterOutDisabled(e){return e.filter((function(e){return!e.disabled}))}function internalCalciteListChangeEvent(){this.calciteListChange.emit(this.selectedValues)}function removeItem(e){if(e.defaultPrevented){return}var t=e.target;var i=this.selectedValues;if(t.parentElement.tagName==="CALCITE-PICK-LIST-GROUP"&&t.slot===SLOTS$2.parentItem){t.parentElement.remove();Array.from(t.parentElement.children).forEach((function(e){return i.delete(e.value)}))}else{t.remove();i.delete(t.value)}this.emitCalciteListChange()}function toggleSingleSelectItemTabbing(e,t){if(e.disabled){return}if(t){e.removeAttribute("tabindex")}else{e.setAttribute("tabindex","-1")}}function setFocus(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,a,r,l,s;return __generator(this,(function(o){switch(o.label){case 0:if(!(this.filterEnabled&&e==="filter"))return[3,2];return[4,focusElement(this.filterEl)];case 1:o.sent();return[2];case 2:i=this,n=i.items,a=i.multiple,r=i.selectionFollowsFocus;if(n.length===0){return[2]}if(a){return[2,(t=filterOutDisabled(n)[0])===null||t===void 0?void 0:t.setFocus()]}l=filterOutDisabled(n);s=l.find((function(e){return e.selected}))||l[0];if(r&&s){s.selected=true}return[2,s.setFocus()]}}))}))}function setUpItems(e){var t=this;this.items=Array.from(this.el.querySelectorAll(e));var i=false;var n=this.items;n.forEach((function(e){e.icon=t.getIconType();if(!t.multiple){e.disableDeselect=true;toggleSingleSelectItemTabbing(e,false)}if(e.selected){i=true;toggleSingleSelectItemTabbing(e,true);t.selectedValues.set(e.value,e)}}));var a=n[0];if(!i&&a&&!a.disabled){toggleSingleSelectItemTabbing(a,true)}}function deselectRemovedItems(){var e=this;var t=this.selectedValues;var i=this.items.map((function(e){var t=e.value;return t}));t.forEach((function(t){if(!i.includes(t.value)){e.selectedValues.delete(t.value)}}))}function deselectSiblingItems(e){var t=this;this.items.forEach((function(i){if(i.value!==e.value){i.toggleSelected(false);if(t.selectedValues.has(i.value)){t.selectedValues.delete(i.value)}}}))}function selectSiblings(e,t){var i=this;if(t===void 0){t=false}if(!this.lastSelectedItem){return}var n=this.items;var a=n.findIndex((function(e){return e.value===i.lastSelectedItem.value}));var r=n.findIndex((function(t){return t.value===e.value}));n.slice(Math.min(a,r),Math.max(a,r)).forEach((function(e){e.toggleSelected(!t);if(!t){i.selectedValues.set(e.value,e)}else{i.selectedValues.delete(e.value)}}))}var groups;function handleFilter(e){var t=e.currentTarget.filteredItems;var i=t.map((function(e){return e.value}));var n=false;if(!groups){groups=new Set}var a=this.items.filter((function(e){var t=e.parentElement;var a=t.matches("calcite-pick-list-group");if(a){groups.add(t)}var r=i.includes(e.value);e.hidden=!r;if(!n){n=r&&e.selected}return r}));groups.forEach((function(e){var t=a.some((function(t){return e.contains(t)}));e.hidden=!t;if(!t){return}var i=getSlotted(e,"parent-item");if(i){i.hidden=false;if(a.includes(i)){Array.from(e.children).forEach((function(e){return e.hidden=false}))}}}));groups.clear();if(a.length>0&&!n&&!this.multiple){toggleSingleSelectItemTabbing(a[0],true)}}function getItemData(){return this.items.map((function(e){return{label:e.label,description:e.description,metadata:e.metadata,value:e.value}}))}var CSS$1={sticky:"sticky-pos"};var ICON_TYPES;(function(e){e["circle"]="circle";e["square"]="square";e["grip"]="grip"})(ICON_TYPES||(ICON_TYPES={}));var SLOTS$1={menuActions:"menu-actions"};var List=function(e){var t;var i=e.props,n=i.disabled,a=i.loading,r=i.filterEnabled,l=i.dataForFilter,s=i.handleFilter,o=i.filterPlaceholder,c=i.setFilterEl,u=i.dragEnabled,d=i.storeAssistiveEl,f=__rest(e,["props"]);var v=h("slot",null);return h(Host,__assign({"aria-busy":toAriaBoolean(a),role:"menu"},f),h("section",null,u?h("span",{"aria-live":"assertive",class:"assistive-text",ref:d}):null,h("header",{class:(t={},t[CSS$1.sticky]=true,t)},r?h("calcite-filter",{"aria-label":o,disabled:a||n,items:l,onCalciteFilterChange:s,placeholder:o,ref:c}):null,h("slot",{name:SLOTS$1.menuActions})),a?h("calcite-scrim",{loading:a}):null,v))};var CSS={actions:"actions",actionsEnd:"actions--end",actionsStart:"actions--start",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",iconDot:"icon-dot",label:"label",remove:"remove",title:"title",textContainer:"text-container"};var ICONS={checked:"check",remove:"x"};var SLOTS={actionsEnd:"actions-end",actionsStart:"actions-start"};var TEXT={remove:"Remove"};export{CSS as C,HEADING_LEVEL as H,ICON_TYPES as I,List as L,SLOTS as S,TEXT as T,deselectSiblingItems as a,getItemData as b,moveItemIndex as c,deselectRemovedItems as d,initializeObserver as e,cleanUpObserver as f,getItemIndex as g,handleFilter as h,initialize as i,calciteListFocusOutHandler as j,keyDownHandler as k,calciteListItemChangeHandler as l,mutationObserverCallback as m,calciteInternalListItemValueChangeHandler as n,setUpItems as o,setFocus as p,SLOTS$2 as q,removeItem as r,selectSiblings as s,CSS$2 as t,ICONS as u};

package/dist/esm-es5/{resources-c07080d2.js → resources-a9cebed0.js}

@@ -1,6 +1,6 @@
 /*!
  * 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.532
+ * v1.0.0-next.535
  */
 var CSS={menu:"menu",defaultTrigger:"default-trigger"};var SLOTS={tooltip:"tooltip",trigger:"trigger"};var ICONS={menu:"ellipsis"};export{CSS as C,ICONS as I,SLOTS as S};

package/dist/esm-es5/{sortable.esm-3fabfa02.js → sortable.esm-1f170720.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.532
+ * v1.0.0-next.535
  */
 /**!
  * Sortable 1.15.0

package/dist/esm-es5/{utils-aba2aa4f.js → utils-25a4bf72.js}

@@ -1,6 +1,6 @@
 /*!
  * 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.532
+ * v1.0.0-next.535
  */
 function rgbToHex(r){var e=r.r,n=r.g,t=r.b;return"#".concat(e.toString(16).padStart(2,"0")).concat(n.toString(16).padStart(2,"0")).concat(t.toString(16).padStart(2,"0")).toLowerCase()}var hexChar=/^[0-9A-F]$/i;var shortHandHex=/^#[0-9A-F]{3}$/i;var longhandHex=/^#[0-9A-F]{6}$/i;function isValidHex(r){return isShorthandHex(r)||isLonghandHex(r)}function isShorthandHex(r){return r&&r.length===4&&shortHandHex.test(r)}function isLonghandHex(r){return r&&r.length===7&&longhandHex.test(r)}function normalizeHex(r){r=r.toLowerCase();if(!r.startsWith("#")){r="#".concat(r)}if(isShorthandHex(r)){return rgbToHex(hexToRGB(r))}return r}function hexToRGB(r){if(!isValidHex(r)){return null}r=r.replace("#","");if(r.length===3){var e=r.split(""),n=e[0],t=e[1],o=e[2];var a=parseInt("".concat(n).concat(n),16);var s=parseInt("".concat(t).concat(t),16);var i=parseInt("".concat(o).concat(o),16);return{r:a,g:s,b:i}}var h=parseInt(r.slice(0,2),16);var l=parseInt(r.slice(2,4),16);var S=parseInt(r.slice(4,6),16);return{r:h,g:l,b:S}}var enumify=function(r){return r};var CSSColorMode=enumify({HEX:"hex",HEXA:"hexa",RGB_CSS:"rgb-css",RGBA_CSS:"rgba-css",HSL_CSS:"hsl-css",HSLA_CSS:"hsla-css"});var ObjectColorMode=enumify({RGB:"rgb",RGBA:"rgba",HSL:"hsl",HSLA:"hsla",HSV:"hsv",HSVA:"hsva"});function parseMode(r){if(typeof r==="string"){if(r.startsWith("#")){var e=r.length;if(e===4||e===7){return CSSColorMode.HEX}if(e===5||e===9){return CSSColorMode.HEXA}}if(r.startsWith("rgba(")){return CSSColorMode.RGBA_CSS}if(r.startsWith("rgb(")){return CSSColorMode.RGB_CSS}if(r.startsWith("hsl(")){return CSSColorMode.HSL_CSS}if(r.startsWith("hsla(")){return CSSColorMode.HSLA_CSS}}if(typeof r==="object"){if(hasChannels(r,"r","g","b")){return hasChannels(r,"a")?ObjectColorMode.RGBA:ObjectColorMode.RGB}if(hasChannels(r,"h","s","l")){return hasChannels(r,"a")?ObjectColorMode.HSLA:ObjectColorMode.HSL}if(hasChannels(r,"h","s","v")){return hasChannels(r,"a")?ObjectColorMode.HSVA:ObjectColorMode.HSV}}return null}function hasChannels(r){var e=[];for(var n=1;n<arguments.length;n++){e[n-1]=arguments[n]}return e.every((function(e){return e&&r&&"".concat(e)in r}))}function colorEqual(r,e){return(r===null||r===void 0?void 0:r.rgbNumber())===(e===null||e===void 0?void 0:e.rgbNumber())}export{CSSColorMode as C,isLonghandHex as a,hexChar as b,colorEqual as c,hexToRGB as h,isValidHex as i,normalizeHex as n,parseMode as p,rgbToHex as r};

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-07-14T21:27:21",
+  "timestamp": "2022-07-19T20:10:19",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.16.1",
@@ -1895,7 +1895,7 @@
       "events": [
         {
           "event": "calciteAlertBeforeClose",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1904,7 +1904,7 @@
         },
         {
           "event": "calciteAlertBeforeOpen",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1913,7 +1913,7 @@
         },
         {
           "event": "calciteAlertClose",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1922,7 +1922,7 @@
         },
         {
           "event": "calciteAlertOpen",
-          "detail": "{ el: HTMLCalciteAlertElement; queue: HTMLCalciteAlertElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5291,7 +5291,7 @@
       "events": [
         {
           "event": "calciteComboboxBeforeClose",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5300,7 +5300,7 @@
         },
         {
           "event": "calciteComboboxBeforeOpen",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5327,7 +5327,7 @@
         },
         {
           "event": "calciteComboboxClose",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -5345,7 +5345,7 @@
         },
         {
           "event": "calciteComboboxOpen",
-          "detail": "{ el: HTMLCalciteComboboxElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -7169,7 +7169,7 @@
       "events": [
         {
           "event": "calciteDropdownBeforeClose",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -7178,7 +7178,7 @@
         },
         {
           "event": "calciteDropdownBeforeOpen",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -7187,7 +7187,7 @@
         },
         {
           "event": "calciteDropdownClose",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -7196,7 +7196,7 @@
         },
         {
           "event": "calciteDropdownOpen",
-          "detail": "{ el: HTMLCalciteDropdownElement; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -10171,6 +10171,24 @@
           ],
           "deprecation": "use `calciteInputDatePickerChange` instead."
         },
+        {
+          "event": "calciteInputDatePickerBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "calciteInputDatePickerChange",
           "detail": "void",
@@ -10179,6 +10197,24 @@
           "composed": true,
           "docs": "This event fires when the input date picker value changes.",
           "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calciteInputDatePickerOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
         }
       ],
       "listeners": [
@@ -12816,22 +12852,40 @@
         }
       ],
       "events": [
+        {
+          "event": "calciteModalBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calciteModalBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "calciteModalClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emits when the component finishes the close animation.",
+          "docs": "",
           "docsTags": []
         },
         {
           "event": "calciteModalOpen",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Emits when the component finishes the open animation.",
+          "docs": "",
           "docsTags": []
         }
       ],
@@ -14581,7 +14635,7 @@
             }
           ],
           "optional": false,
-          "required": false
+          "required": true
         },
         {
           "name": "metadata",
@@ -15164,22 +15218,40 @@
         }
       ],
       "events": [
+        {
+          "event": "calcitePopoverBeforeClose",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "calcitePopoverBeforeOpen",
+          "detail": "void",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "calcitePopoverClose",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired when the component is closed.",
+          "docs": "",
           "docsTags": []
         },
         {
           "event": "calcitePopoverOpen",
-          "detail": "any",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
-          "docs": "Fired when the component is opened.",
+          "docs": "",
           "docsTags": []
         }
       ],
@@ -18461,7 +18533,19 @@
           "required": false
         }
       ],
-      "methods": [],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "events": [],
       "listeners": [
         {

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { AlertDuration, AlertPlacement, StatusColor } from "./interfaces";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
@@ -10,7 +11,7 @@ import { AlertDuration, AlertPlacement, StatusColor } from "./interfaces";
  * @slot message - A slot for adding main text to the component.
  * @slot link - A slot for optionally adding an action to take from the alert (undo, try again, link to page, etc.)
  */
-export declare class Alert {
+export declare class Alert implements OpenCloseComponent {
   el: HTMLCalciteAlertElement;
   /** When true, the component is active. */
   active: boolean;
@@ -44,22 +45,10 @@ export declare class Alert {
   componentWillLoad(): void;
   disconnectedCallback(): void;
   render(): VNode;
-  calciteAlertBeforeClose: EventEmitter<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>;
-  calciteAlertClose: EventEmitter<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>;
-  calciteAlertBeforeOpen: EventEmitter<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>;
-  calciteAlertOpen: EventEmitter<{
-    el: HTMLCalciteAlertElement;
-    queue: HTMLCalciteAlertElement[];
-  }>;
+  calciteAlertBeforeClose: EventEmitter<void>;
+  calciteAlertClose: EventEmitter<void>;
+  calciteAlertBeforeOpen: EventEmitter<void>;
+  calciteAlertOpen: EventEmitter<void>;
   /**
    * Fires to sync queue when opened or closed.
    *
@@ -82,8 +71,8 @@ export declare class Alert {
   queueLength: number;
   /** is the alert queued */
   queued: boolean;
-  private containerDiv;
-  private setContainerDiv;
+  private containerEl;
+  private setContainerEl;
   /** the close button element */
   private closeButton?;
   private autoDismissTimeoutId;
@@ -96,9 +85,12 @@ export declare class Alert {
   private determineActiveAlert;
   /** close and emit calciteInternalAlertSync event with the updated queue payload */
   private closeAlert;
-  transitionRunHandler: (event: TransitionEvent) => void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   /** remove queued class after animation completes */
   private openAlert;
-  private emitOpenCloseEvent;
 }

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

@@ -98,18 +98,10 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   }>;
   /** Called when a selected item in the combobox is dismissed via its chip */
   calciteComboboxChipDismiss: EventEmitter;
-  calciteComboboxBeforeClose: EventEmitter<{
-    el: HTMLCalciteComboboxElement;
-  }>;
-  calciteComboboxClose: EventEmitter<{
-    el: HTMLCalciteComboboxElement;
-  }>;
-  calciteComboboxBeforeOpen: EventEmitter<{
-    el: HTMLCalciteComboboxElement;
-  }>;
-  calciteComboboxOpen: EventEmitter<{
-    el: HTMLCalciteComboboxElement;
-  }>;
+  calciteComboboxBeforeClose: EventEmitter<void>;
+  calciteComboboxClose: EventEmitter<void>;
+  calciteComboboxBeforeOpen: EventEmitter<void>;
+  calciteComboboxOpen: EventEmitter<void>;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -156,7 +148,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   onBeforeClose(): void;
   onClose(): void;
   transitionEnd: (event: TransitionEvent) => void;
-  transitionRunHandler: (event: TransitionEvent) => void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   setMaxScrollerHeight: () => Promise<void>;
   calciteChipDismissHandler: (event: CustomEvent<HTMLCalciteChipElement>, comboboxItem: HTMLCalciteComboboxItemElement) => void;
   clickHandler: (event: MouseEvent) => void;

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

@@ -4,11 +4,12 @@ import { ComputedPlacement, OverlayPositioning, MenuPlacement } from "../../util
 import { StrictModifiers } from "@popperjs/core";
 import { Scale } from "../interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * @slot - A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s.
  * @slot dropdown-trigger - A slot for the element that triggers the dropdown.
  */
-export declare class Dropdown implements InteractiveComponent {
+export declare class Dropdown implements InteractiveComponent, OpenCloseComponent {
   el: HTMLCalciteDropdownElement;
   /**
    * Opens or closes the dropdown
@@ -68,18 +69,10 @@ export declare class Dropdown implements InteractiveComponent {
   reposition(): Promise<void>;
   /** fires when a dropdown item has been selected or deselected */
   calciteDropdownSelect: EventEmitter<void>;
-  calciteDropdownBeforeOpen: EventEmitter<{
-    el: HTMLCalciteDropdownElement;
-  }>;
-  calciteDropdownOpen: EventEmitter<{
-    el: HTMLCalciteDropdownElement;
-  }>;
-  calciteDropdownBeforeClose: EventEmitter<{
-    el: HTMLCalciteDropdownElement;
-  }>;
-  calciteDropdownClose: EventEmitter<{
-    el: HTMLCalciteDropdownElement;
-  }>;
+  calciteDropdownBeforeClose: EventEmitter<void>;
+  calciteDropdownClose: EventEmitter<void>;
+  calciteDropdownBeforeOpen: EventEmitter<void>;
+  calciteDropdownOpen: EventEmitter<void>;
   closeCalciteDropdownOnClick(e: Event): void;
   closeCalciteDropdownOnEvent(e: Event): void;
   closeCalciteDropdownOnOpenEvent(e: Event): void;
@@ -108,8 +101,11 @@ export declare class Dropdown implements InteractiveComponent {
   setMaxScrollerHeight: () => void;
   setScrollerEl: (scrollerEl: HTMLDivElement) => void;
   transitionEnd: (event: TransitionEvent) => void;
-  transitionRunHandler: (event: TransitionEvent) => void;
-  private emitOpenCloseEvent;
+  transitionStartHandler: (event: TransitionEvent) => void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
   setReferenceEl: (el: HTMLDivElement) => void;
   setMenuEl: (el: HTMLDivElement) => void;
   getModifiers(): Partial<StrictModifiers>[];

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

@@ -6,7 +6,8 @@ import { OverlayPositioning, ComputedPlacement, MenuPlacement } from "../../util
 import { StrictModifiers } from "@popperjs/core";
 import { DateRangeChange } from "../date-picker/interfaces";
 import { InteractiveComponent } from "../../utils/interactive";
-export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent {
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
+export declare class InputDatePicker implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent {
   el: HTMLCalciteInputDatePickerElement;
   /**
    * When false, the component won't be interactive.
@@ -135,14 +136,10 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    * This event fires when the input date picker value changes.
    */
   calciteInputDatePickerChange: EventEmitter<void>;
-  /**
-   * @internal
-   */
-  calciteInternalInputDatePickerOpen: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteInternalInputDatePickerClose: EventEmitter;
+  calciteInputDatePickerBeforeClose: EventEmitter<void>;
+  calciteInputDatePickerClose: EventEmitter<void>;
+  calciteInputDatePickerBeforeOpen: EventEmitter<void>;
+  calciteInputDatePickerOpen: EventEmitter<void>;
   /** Updates the position of the component. */
   setFocus(): Promise<void>;
   /** Updates the position of the component. */
@@ -166,9 +163,16 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   private startWrapper;
   private endWrapper;
   private activeTransitionProp;
+  private containerEl;
+  private setContainerEl;
   setReferenceEl(): void;
   setFilteredPlacements: () => void;
   onLabelClick(): void;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   setStartInput: (el: HTMLCalciteInputElement) => void;
   setEndInput: (el: HTMLCalciteInputElement) => void;

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

@@ -2,6 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { ModalBackgroundColor } from "./interfaces";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
 /**
  * @slot header - A slot for adding header text.
  * @slot content - A slot for adding the component's content.
@@ -9,7 +10,7 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  * @slot secondary - A slot for adding a secondary button.
  * @slot back - A slot for adding a back button.
  */
-export declare class Modal implements ConditionalSlotComponent {
+export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent {
   el: HTMLCalciteModalElement;
   /**
    * When true, the `calcite-modal` is active.
@@ -61,11 +62,12 @@ export declare class Modal implements ConditionalSlotComponent {
   previousActiveElement: HTMLElement;
   titleId: string;
   private activeTransitionProp;
+  private containerEl;
   handleEscape(e: KeyboardEvent): void;
-  /** Emits when the component finishes the open animation. */
-  calciteModalOpen: EventEmitter;
-  /** Emits when the component finishes the close animation. */
-  calciteModalClose: EventEmitter;
+  calciteModalBeforeClose: EventEmitter<void>;
+  calciteModalClose: EventEmitter<void>;
+  calciteModalBeforeOpen: EventEmitter<void>;
+  calciteModalOpen: EventEmitter<void>;
   /**
    * Focus the first interactive element.
    *
@@ -89,6 +91,12 @@ export declare class Modal implements ConditionalSlotComponent {
    * @param left
    */
   scrollContent(top?: number, left?: number): Promise<void>;
+  private setContainerEl;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  transitionStartHandler: (event: TransitionEvent) => void;
   transitionEnd: (event: TransitionEvent) => void;
   toggleModal(value: boolean, oldValue: boolean): Promise<void>;
   private openEnd;