@esri/calcite-components 1.0.0-next.540 → 1.0.0-next.541

package/dist/esm-es5/{resources-6ebd7149.js → resources-54cc4b17.js}

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e ins
 /*!
  * 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.540
- */import{a as getAssetPath}from"./index-15d8b691.js";import{a as locales}from"./locale-fdc3373c.js";function getSupportedLocale(e){if(e===void 0){e=""}if(locales.indexOf(e)>-1){return e}e=e.toLowerCase();if(e.includes("-")){e=e.replace(/(\w+)-(\w+)/,(function(e,t,n){return"".concat(t,"-").concat(n.toUpperCase())}));if(!locales.includes(e)){e=e.split("-")[0]}}return locales.includes(e)?e:"en"}var translationCache={};var requestCache={};function getLocaleData(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(r){switch(r.label){case 0:t=getSupportedLocale(e);if(translationCache[t]){return[2,translationCache[t]]}if(!requestCache[t]){requestCache[t]=fetch(getAssetPath("./assets/date-picker/nls/".concat(t,".json"))).then((function(e){return e.json()})).catch((function(){console.error('Translations for "'.concat(t,'" not found or invalid, falling back to english'));return getLocaleData("en")}))}return[4,requestCache[t]];case 1:n=r.sent();translationCache[t]=n;return[2,n]}}))}))}function inRange(e,t,n){var r=e.getTime();var a=!(t instanceof Date)||r>=t.getTime();var o=!(n instanceof Date)||r<=n.getTime();return a&&o}function dateFromRange(e,t,n){if(!(e instanceof Date)){return null}var r=e.getTime();var a=t instanceof Date&&r<t.getTime();var o=n instanceof Date&&r>n.getTime();if(a){return t}if(o){return n}return e}function dateFromISO(e){if(e instanceof Date){return e}if(!e||typeof e!=="string"){return null}var t=e.split(/[: T-]/).map(parseFloat);var n=new Date(t[0],(t[1]||1)-1,t[2]||1);n.setFullYear(t[0]);if(isNaN(n.getTime())){throw new Error('Invalid ISO 8601 date: "'.concat(e,'"'))}return n}function dateToISO(e){if(typeof e==="string"){return e}if(e instanceof Date){return new Date(e.getTime()-e.getTimezoneOffset()*6e4).toISOString().split("T")[0]}return""}function sameDate(e,t){return e instanceof Date&&t instanceof Date&&e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()}function prevMonth(e){var t=e.getMonth();var n=new Date(e);n.setMonth(t-1);if(t===n.getMonth()){return new Date(e.getFullYear(),t,0)}return n}function nextMonth(e){var t=e.getMonth();var n=new Date(e);n.setMonth(t+1);if((t+2)%7===n.getMonth()%7){return new Date(e.getFullYear(),t+2,0)}return n}function localizeNumber(e,t){return String(e).split("").map((function(e){return t.numerals[e]})).join("")}function parseNumber(e,t){var n="0123456789";return parseInt(e.split("").map((function(e){return n[t.numerals.indexOf(e)]})).filter((function(e){return e})).join(""))}function parseDateString(e,t){var n=t.separator,r=t.unitOrder;var a=getOrder(r);var o=replaceArabicNumerals(e).split(n);return{day:parseInt(o[a.indexOf("d")]),month:parseInt(o[a.indexOf("m")])-1,year:parseInt(o[a.indexOf("y")])}}function replaceArabicNumerals(e){if(e===void 0){e=""}return e.replace(/[\u0660-\u0669]/g,(function(e){return e.charCodeAt(0)-1632})).replace(/[\u06f0-\u06f9]/g,(function(e){return e.charCodeAt(0)-1776}))}function getOrder(e){var t=["d","m","y"];var n=e.toLowerCase();return t.sort((function(e,t){return n.indexOf(e)-n.indexOf(t)}))}function getDaysDiff(e,t){var n=e.getTime();var r=t.getTime();return(n-r)/(1e3*3600*24)}var HEADING_LEVEL=2;var TEXT={nextMonth:"Next month",prevMonth:"Previous month",year:"Year"};export{HEADING_LEVEL as H,TEXT as T,dateFromISO as a,dateFromRange as b,getDaysDiff as c,dateToISO as d,getOrder as e,prevMonth as f,getLocaleData as g,parseNumber as h,inRange as i,localizeNumber as l,nextMonth as n,parseDateString as p,sameDate as s};
+ * v1.0.0-next.541
+ */import{a as getAssetPath}from"./index-d514fd3e.js";import{a as locales}from"./locale-cc96165f.js";function getSupportedLocale(e){if(e===void 0){e=""}if(locales.indexOf(e)>-1){return e}e=e.toLowerCase();if(e.includes("-")){e=e.replace(/(\w+)-(\w+)/,(function(e,t,n){return"".concat(t,"-").concat(n.toUpperCase())}));if(!locales.includes(e)){e=e.split("-")[0]}}return locales.includes(e)?e:"en"}var translationCache={};var requestCache={};function getLocaleData(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(r){switch(r.label){case 0:t=getSupportedLocale(e);if(translationCache[t]){return[2,translationCache[t]]}if(!requestCache[t]){requestCache[t]=fetch(getAssetPath("./assets/date-picker/nls/".concat(t,".json"))).then((function(e){return e.json()})).catch((function(){console.error('Translations for "'.concat(t,'" not found or invalid, falling back to english'));return getLocaleData("en")}))}return[4,requestCache[t]];case 1:n=r.sent();translationCache[t]=n;return[2,n]}}))}))}function inRange(e,t,n){var r=e.getTime();var a=!(t instanceof Date)||r>=t.getTime();var o=!(n instanceof Date)||r<=n.getTime();return a&&o}function dateFromRange(e,t,n){if(!(e instanceof Date)){return null}var r=e.getTime();var a=t instanceof Date&&r<t.getTime();var o=n instanceof Date&&r>n.getTime();if(a){return t}if(o){return n}return e}function dateFromISO(e){if(e instanceof Date){return e}if(!e||typeof e!=="string"){return null}var t=e.split(/[: T-]/).map(parseFloat);var n=new Date(t[0],(t[1]||1)-1,t[2]||1);n.setFullYear(t[0]);if(isNaN(n.getTime())){throw new Error('Invalid ISO 8601 date: "'.concat(e,'"'))}return n}function dateToISO(e){if(typeof e==="string"){return e}if(e instanceof Date){return new Date(e.getTime()-e.getTimezoneOffset()*6e4).toISOString().split("T")[0]}return""}function sameDate(e,t){return e instanceof Date&&t instanceof Date&&e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear()}function prevMonth(e){var t=e.getMonth();var n=new Date(e);n.setMonth(t-1);if(t===n.getMonth()){return new Date(e.getFullYear(),t,0)}return n}function nextMonth(e){var t=e.getMonth();var n=new Date(e);n.setMonth(t+1);if((t+2)%7===n.getMonth()%7){return new Date(e.getFullYear(),t+2,0)}return n}function localizeNumber(e,t){return String(e).split("").map((function(e){return t.numerals[e]})).join("")}function parseNumber(e,t){var n="0123456789";return parseInt(e.split("").map((function(e){return n[t.numerals.indexOf(e)]})).filter((function(e){return e})).join(""))}function parseDateString(e,t){var n=t.separator,r=t.unitOrder;var a=getOrder(r);var o=replaceArabicNumerals(e).split(n);return{day:parseInt(o[a.indexOf("d")]),month:parseInt(o[a.indexOf("m")])-1,year:parseInt(o[a.indexOf("y")])}}function replaceArabicNumerals(e){if(e===void 0){e=""}return e.replace(/[\u0660-\u0669]/g,(function(e){return e.charCodeAt(0)-1632})).replace(/[\u06f0-\u06f9]/g,(function(e){return e.charCodeAt(0)-1776}))}function getOrder(e){var t=["d","m","y"];var n=e.toLowerCase();return t.sort((function(e,t){return n.indexOf(e)-n.indexOf(t)}))}function getDaysDiff(e,t){var n=e.getTime();var r=t.getTime();return(n-r)/(1e3*3600*24)}var HEADING_LEVEL=2;var TEXT={nextMonth:"Next month",prevMonth:"Previous month",year:"Year"};export{HEADING_LEVEL as H,TEXT as T,dateFromISO as a,dateFromRange as b,getDaysDiff as c,dateToISO as d,getOrder as e,prevMonth as f,getLocaleData as g,parseNumber as h,inRange as i,localizeNumber as l,nextMonth as n,parseDateString as p,sameDate as s};

package/dist/esm-es5/{resources-ebbd1852.js → resources-e4bc31a0.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.540
- */import{f as focusElement,g as getSlotted,t as toAriaBoolean}from"./dom-436db30d.js";import{g as getRoundRobinIndex}from"./array-d68030d1.js";import{d as debounce}from"./debounce-d9ca21e6.js";import{h,H as Host}from"./index-15d8b691.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.541
+ */import{f as focusElement,g as getSlotted,t as toAriaBoolean}from"./dom-77e16eb3.js";import{g as getRoundRobinIndex}from"./array-446667ee.js";import{d as debounce}from"./debounce-394ab6b8.js";import{h,H as Host}from"./index-d514fd3e.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/{sortable.esm-0ad2680c.js → sortable.esm-0fa01988.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.540
+ * v1.0.0-next.541
  */
 /**!
  * Sortable 1.15.0

package/dist/esm-es5/{utils-4707c83f.js → utils-58e4f06f.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.540
+ * v1.0.0-next.541
  */
 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-26T17:27:05",
+  "timestamp": "2022-07-26T21:50:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.16.1",

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.540
+ * v1.0.0-next.541
  */
 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.540
+ * v1.0.0-next.541
  */
 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.540
+ * v1.0.0-next.541
  */
 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.540
+ * v1.0.0-next.541
  */
 (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/combobox/combobox.d.ts

@@ -22,9 +22,10 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
    * @deprecated use open instead
    */
   active: boolean;
-  activeHandler(): void;
+  activeHandler(value: boolean): void;
   /**When true, opens the combobox */
   open: boolean;
+  openHandler(value: boolean): void;
   /** Disable combobox input */
   disabled: boolean;
   handleDisabledChange(value: boolean): void;

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

@@ -16,9 +16,10 @@ export declare class Dropdown implements InteractiveComponent, OpenCloseComponen
    * @deprecated use open instead.
    */
   active: boolean;
+  activeHandler(value: boolean): void;
   /** When true, opens the dropdown */
   open: boolean;
-  activeHandler(): void;
+  openHandler(value: boolean): void;
   /**
    allow the dropdown to remain open after a selection is made
    if the selection-mode of the selected item's containing group is "none", the dropdown will always close
@@ -86,6 +87,7 @@ export declare class Dropdown implements InteractiveComponent, OpenCloseComponen
   handleItemSelect(event: CustomEvent): void;
   filteredFlipPlacements: EffectivePlacement[];
   private items;
+  private groups;
   /** trigger elements */
   private triggers;
   floatingEl: HTMLDivElement;
@@ -100,6 +102,7 @@ export declare class Dropdown implements InteractiveComponent, OpenCloseComponen
   setFilteredPlacements: () => void;
   updateTriggers: (event: Event) => void;
   updateItems: () => void;
+  updateGroups: (event: Event) => void;
   resizeObserverCallback: (entries: ResizeObserverEntry[]) => void;
   setDropdownWidth: () => void;
   setMaxScrollerHeight: () => void;

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.540
+ * v1.0.0-next.541
  */
 'use strict';
 
@@ -15434,8 +15434,7 @@ class Combobox {
             this.addCustomChip(this.text, true);
             event.preventDefault();
           }
-          else if (this.open || this.active) {
-            this.active = false;
+          else if (this.open) {
             this.open = false;
             event.preventDefault();
           }
@@ -15453,9 +15452,8 @@ class Combobox {
           }
           break;
         case "ArrowDown":
-          if (!(this.open || this.active)) {
+          if (!this.open) {
             event.preventDefault();
-            this.active = true;
             this.open = true;
           }
           this.shiftActiveItemIndex(1);
@@ -15466,13 +15464,12 @@ class Combobox {
         case " ":
           if (!this.textInput.value) {
             event.preventDefault();
-            this.active = true;
             this.open = true;
             this.shiftActiveItemIndex(1);
           }
           break;
         case "Home":
-          if (this.open || this.active) {
+          if (this.open) {
             event.preventDefault();
           }
           this.updateActiveItemIndex(0);
@@ -15482,7 +15479,7 @@ class Combobox {
           }
           break;
         case "End":
-          if (this.open || this.active) {
+          if (this.open) {
             event.preventDefault();
           }
           this.updateActiveItemIndex(this.visibleItems.length - 1);
@@ -15492,7 +15489,6 @@ class Combobox {
           }
           break;
         case "Escape":
-          this.active = false;
           this.open = false;
           break;
         case "Enter":
@@ -15521,29 +15517,26 @@ class Combobox {
       }
     };
     this.toggleCloseEnd = () => {
-      this.active = false;
       this.open = false;
       this.el.removeEventListener("calciteComboboxClose", this.toggleCloseEnd);
     };
     this.toggleOpenEnd = () => {
-      this.active = true;
       this.open = false;
       this.el.removeEventListener("calciteComboboxOpen", this.toggleOpenEnd);
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp && event.target === this.listContainerEl) {
-        this.open || this.active ? this.onOpen() : this.onClose();
+        this.open ? this.onOpen() : this.onClose();
       }
     };
     this.transitionStartHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp && event.target === this.listContainerEl) {
-        this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
+        this.open ? this.onBeforeOpen() : this.onBeforeClose();
       }
     };
     this.setMaxScrollerHeight = async () => {
-      const { active, listContainerEl, open } = this;
-      const isOpen = !(active || open);
-      if (!listContainerEl || isOpen) {
+      const { listContainerEl, open } = this;
+      if (!listContainerEl || !open) {
         return;
       }
       await this.reposition();
@@ -15552,7 +15545,6 @@ class Combobox {
       await this.reposition();
     };
     this.calciteChipDismissHandler = (event, comboboxItem) => {
-      this.active = false;
       this.open = false;
       const selection = this.items.find((item) => item === comboboxItem);
       if (selection) {
@@ -15564,15 +15556,13 @@ class Combobox {
       if (event.composedPath().some((node) => node.tagName === "CALCITE-CHIP")) {
         return;
       }
-      this.active = !this.active;
       this.open = !this.open;
       this.updateActiveItemIndex(0);
       this.setFocus();
     };
     this.setInactiveIfNotContained = (event) => {
       const composedPath = event.composedPath();
-      const isOpen = !(this.open || this.active);
-      if (isOpen || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
+      if (!this.open || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
         return;
       }
       if (this.allowCustomValues && this.text.trim().length) {
@@ -15586,7 +15576,6 @@ class Combobox {
         this.filterItems("");
         this.updateActiveItemIndex(-1);
       }
-      this.active = false;
       this.open = false;
     };
     this.setFloatingEl = (el) => {
@@ -15678,12 +15667,21 @@ class Combobox {
       this.setInactiveIfNotContained(event);
     };
   }
-  activeHandler() {
+  activeHandler(value) {
+    if (this.disabled) {
+      this.active = false;
+      this.open = false;
+      return;
+    }
+    this.open = value;
+  }
+  openHandler(value) {
     if (this.disabled) {
       this.active = false;
       this.open = false;
       return;
     }
+    this.active = value;
     this.setMaxScrollerHeight();
   }
   handleDisabledChange(value) {
@@ -15771,6 +15769,12 @@ class Combobox {
     connectForm(this);
     this.reposition();
     this.setFilteredPlacements();
+    if (this.active) {
+      this.activeHandler(this.active);
+    }
+    if (this.open) {
+      this.openHandler(this.open);
+    }
   }
   componentWillLoad() {
     this.updateItems();
@@ -15877,7 +15881,6 @@ class Combobox {
       if (this.textInput) {
         this.textInput.value = item.textLabel;
       }
-      this.active = false;
       this.open = false;
       this.updateActiveItemIndex(-1);
       this.resetText();
@@ -16118,7 +16121,7 @@ class Combobox {
   get el() { return getElement(this); }
   static get watchers() { return {
     "active": ["activeHandler"],
-    "open": ["activeHandler"],
+    "open": ["openHandler"],
     "disabled": ["handleDisabledChange"],
     "maxItems": ["maxItemsHandler"],
     "overlayPositioning": ["overlayPositioningHandler"],
@@ -17807,7 +17810,7 @@ const SLOTS$i = {
   dropdownTrigger: "dropdown-trigger"
 };
 
-const dropdownCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-dropdown:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-dropdown{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-dropdown{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-dropdown{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-dropdown{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-dropdown{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-dropdown:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-dropdown-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-dropdown-h{pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host*/.sc-calcite-dropdown-h{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-dropdown-h[disabled] .sc-calcite-dropdown-s>[calcite-hydrated][disabled],[disabled].sc-calcite-dropdown-h [calcite-hydrated][disabled].sc-calcite-dropdown{opacity:1}/*!@:host .calcite-dropdown-wrapper*/.sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}/*!@.calcite-dropdown-wrapper .calcite-floating-ui-anim*/.calcite-dropdown-wrapper.sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{position:relative;z-index:1;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}/*!@.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim*/.calcite-dropdown-wrapper[data-placement^=bottom].sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{-webkit-transform:translateY(-5px);transform:translateY(-5px)}/*!@.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim*/.calcite-dropdown-wrapper[data-placement^=top].sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{-webkit-transform:translateY(5px);transform:translateY(5px)}/*!@.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim*/.calcite-dropdown-wrapper[data-placement^=left].sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{-webkit-transform:translateX(5px);transform:translateX(5px)}/*!@.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim*/.calcite-dropdown-wrapper[data-placement^=right].sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{-webkit-transform:translateX(-5px);transform:translateX(-5px)}/*!@.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active*/.calcite-dropdown-wrapper[data-placement].sc-calcite-dropdown .calcite-floating-ui-anim--active.sc-calcite-dropdown{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}/*!@:host([active]) .calcite-dropdown-wrapper,\n:host([open]) .calcite-dropdown-wrapper*/[active].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown,[open].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{pointer-events:initial;visibility:visible}/*!@:host .calcite-dropdown-content*/.sc-calcite-dropdown-h .calcite-dropdown-content.sc-calcite-dropdown{inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-block-size:90vh;inline-size:var(--calcite-dropdown-width)}/*!@.calcite-dropdown-trigger-container*/.calcite-dropdown-trigger-container.sc-calcite-dropdown{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}@media (forced-colors: active){/*!@:host([active]) .calcite-dropdown-wrapper,\n:host([open]) .calcite-dropdown-wrapper*/[active].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown,[open].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{border:1px solid canvasText}}/*!@:host([width=s])*/[width=s].sc-calcite-dropdown-h{--calcite-dropdown-width:12rem}/*!@:host([width=m])*/[width=m].sc-calcite-dropdown-h{--calcite-dropdown-width:14rem}/*!@:host([width=l])*/[width=l].sc-calcite-dropdown-h{--calcite-dropdown-width:16rem}";
+const dropdownCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}/*!@:root*/.sc-calcite-dropdown:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}/*!@.calcite-animate*/.calcite-animate.sc-calcite-dropdown{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}/*!@.calcite-animate__in*/.calcite-animate__in.sc-calcite-dropdown{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-dropdown{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-dropdown{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-dropdown{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-dropdown:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-dropdown-h{display:none}/*!@:host([disabled])*/[disabled].sc-calcite-dropdown-h{pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}/*!@:host*/.sc-calcite-dropdown-h{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}/*!@:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-dropdown-h[disabled] .sc-calcite-dropdown-s>[calcite-hydrated][disabled],[disabled].sc-calcite-dropdown-h [calcite-hydrated][disabled].sc-calcite-dropdown{opacity:1}/*!@:host .calcite-dropdown-wrapper*/.sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}/*!@.calcite-dropdown-wrapper .calcite-floating-ui-anim*/.calcite-dropdown-wrapper.sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{position:relative;z-index:1;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}/*!@.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim*/.calcite-dropdown-wrapper[data-placement^=bottom].sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{-webkit-transform:translateY(-5px);transform:translateY(-5px)}/*!@.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim*/.calcite-dropdown-wrapper[data-placement^=top].sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{-webkit-transform:translateY(5px);transform:translateY(5px)}/*!@.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim*/.calcite-dropdown-wrapper[data-placement^=left].sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{-webkit-transform:translateX(5px);transform:translateX(5px)}/*!@.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim*/.calcite-dropdown-wrapper[data-placement^=right].sc-calcite-dropdown .calcite-floating-ui-anim.sc-calcite-dropdown{-webkit-transform:translateX(-5px);transform:translateX(-5px)}/*!@.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active*/.calcite-dropdown-wrapper[data-placement].sc-calcite-dropdown .calcite-floating-ui-anim--active.sc-calcite-dropdown{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}/*!@:host([open]) .calcite-dropdown-wrapper*/[open].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{pointer-events:initial;visibility:visible}/*!@:host .calcite-dropdown-content*/.sc-calcite-dropdown-h .calcite-dropdown-content.sc-calcite-dropdown{inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-block-size:90vh;inline-size:var(--calcite-dropdown-width)}/*!@.calcite-dropdown-trigger-container*/.calcite-dropdown-trigger-container.sc-calcite-dropdown{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}@media (forced-colors: active){/*!@:host([open]) .calcite-dropdown-wrapper*/[open].sc-calcite-dropdown-h .calcite-dropdown-wrapper.sc-calcite-dropdown{border:1px solid canvasText}}/*!@:host([width=s])*/[width=s].sc-calcite-dropdown-h{--calcite-dropdown-width:12rem}/*!@:host([width=m])*/[width=m].sc-calcite-dropdown-h{--calcite-dropdown-width:14rem}/*!@:host([width=l])*/[width=l].sc-calcite-dropdown-h{--calcite-dropdown-width:16rem}";
 
 /**
  * @slot - A slot for adding `calcite-dropdown-group`s or `calcite-dropdown-item`s.
@@ -17865,6 +17868,7 @@ class Dropdown {
     /** specify whether the dropdown is opened by hover or click of a trigger element */
     this.type = "click";
     this.items = [];
+    this.groups = [];
     this.activeTransitionProp = "visibility";
     this.mutationObserver = createObserver();
     this.resizeObserver = createObserver();
@@ -17894,15 +17898,19 @@ class Dropdown {
       this.reposition();
     };
     this.updateItems = () => {
-      const { defaultAssignedElements } = this;
-      this.items = defaultAssignedElements.filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-dropdown-group, calcite-dropdown-item"))
-        .map((el) => el.matches("calcite-dropdown-group")
-        ? Array.from(el.querySelectorAll("calcite-dropdown-item"))
-        : [el])
+      this.items = this.groups
+        .map((group) => Array.from(group === null || group === void 0 ? void 0 : group.querySelectorAll("calcite-dropdown-item")))
         .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
       this.updateSelectedItems();
       this.reposition();
     };
+    this.updateGroups = (event) => {
+      const groups = event.target
+        .assignedElements({ flatten: true })
+        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-dropdown-group"));
+      this.groups = groups;
+      this.updateItems();
+    };
     this.resizeObserverCallback = (entries) => {
       entries.forEach((entry) => {
         const { target } = entry;
@@ -17923,9 +17931,8 @@ class Dropdown {
       scrollerEl.style.minWidth = `${referenceElWidth}px`;
     };
     this.setMaxScrollerHeight = () => {
-      const { active, scrollerEl, open } = this;
-      const isOpen = !(active || open);
-      if (!scrollerEl || isOpen) {
+      const { scrollerEl, open } = this;
+      if (!scrollerEl || !open) {
         return;
       }
       this.reposition();
@@ -17940,12 +17947,12 @@ class Dropdown {
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp && event.target === this.scrollerEl) {
-        this.open || this.active ? this.onOpen() : this.onClose();
+        this.open ? this.onOpen() : this.onClose();
       }
     };
     this.transitionStartHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp && event.target === this.scrollerEl) {
-        this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
+        this.open ? this.onBeforeOpen() : this.onBeforeClose();
       }
     };
     this.setReferenceEl = (el) => {
@@ -17963,7 +17970,7 @@ class Dropdown {
         return;
       }
       const key = event.key;
-      if ((this.open || this.active) && (key === "Escape" || (event.shiftKey && key === "Tab"))) {
+      if (this.open && (key === "Escape" || (event.shiftKey && key === "Tab"))) {
         this.closeCalciteDropdown();
         return;
       }
@@ -17985,24 +17992,25 @@ class Dropdown {
       this.el.removeEventListener("calciteDropdownOpen", this.toggleOpenEnd);
     };
     this.openCalciteDropdown = () => {
-      this.active = !this.active;
       this.open = !this.open;
-      if (this.active || this.open) {
+      if (this.open) {
         this.el.addEventListener("calciteDropdownOpen", this.toggleOpenEnd);
       }
     };
   }
-  activeHandler() {
+  activeHandler(value) {
+    this.open = value;
+  }
+  openHandler(value) {
     if (!this.disabled) {
       this.reposition();
+      this.active = value;
       return;
     }
-    this.active = false;
     this.open = false;
   }
   handleDisabledChange(value) {
     if (!value) {
-      this.active = false;
       this.open = false;
     }
   }
@@ -18028,6 +18036,12 @@ class Dropdown {
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
     this.setFilteredPlacements();
     this.reposition();
+    if (this.open) {
+      this.openHandler(this.open);
+    }
+    if (this.active) {
+      this.activeHandler(this.active);
+    }
   }
   componentDidLoad() {
     this.reposition();
@@ -18043,12 +18057,12 @@ class Dropdown {
     (_c = this.scrollerEl) === null || _c === void 0 ? void 0 : _c.removeEventListener("transitionstart", this.transitionStartHandler);
   }
   render() {
-    const { active, open, guid } = this;
-    return (hAsync(Host, null, hAsync("div", { class: "calcite-dropdown-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(active || open), "aria-haspopup": "menu", name: SLOTS$i.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { "aria-hidden": toAriaBoolean(!(active || open)), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { "aria-labelledby": `${guid}-menubutton`, class: {
+    const { open, guid } = this;
+    return (hAsync(Host, null, hAsync("div", { class: "calcite-dropdown-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, hAsync("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS$i.dropdownTrigger, onSlotchange: this.updateTriggers })), hAsync("div", { "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, hAsync("div", { "aria-labelledby": `${guid}-menubutton`, class: {
         ["calcite-dropdown-content"]: true,
         [FloatingCSS.animation]: true,
-        [FloatingCSS.animationActive]: active || open
-      }, id: `${guid}-menu`, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl, role: "menu" }, hAsync("div", { hidden: !(open || active) }, hAsync("slot", { onSlotchange: this.slotChangeHandler }))))));
+        [FloatingCSS.animationActive]: open
+      }, id: `${guid}-menu`, onTransitionEnd: this.transitionEnd, ref: this.setScrollerEl, role: "menu" }, hAsync("div", { hidden: !open }, hAsync("slot", { onSlotchange: this.updateGroups }))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -18067,8 +18081,7 @@ class Dropdown {
     });
   }
   closeCalciteDropdownOnClick(event) {
-    const isOpen = !(this.open || this.active);
-    if (isOpen || event.composedPath().includes(this.el)) {
+    if (!this.open || event.composedPath().includes(this.el)) {
       return;
     }
     this.closeCalciteDropdown(false);
@@ -18081,7 +18094,6 @@ class Dropdown {
     if (event.composedPath().includes(this.el)) {
       return;
     }
-    this.active = false;
     this.open = false;
   }
   mouseEnterHandler() {
@@ -18161,24 +18173,25 @@ class Dropdown {
     let itemsToProcess = 0;
     let maxScrollerHeight = 0;
     let groupHeaderHeight;
-    if (maxItems > 0 && itemsToProcess < maxItems) {
-      this.items.forEach((item) => {
-        if (item.matches("calcite-dropdown-group calcite-dropdown-item:first-child")) {
-          if (isNaN(groupHeaderHeight)) {
-            groupHeaderHeight = item.offsetTop;
+    this.groups.forEach((group) => {
+      if (maxItems > 0 && itemsToProcess < maxItems) {
+        Array.from(group.children).forEach((item, index) => {
+          if (index === 0) {
+            if (isNaN(groupHeaderHeight)) {
+              groupHeaderHeight = item.offsetTop;
+            }
+            maxScrollerHeight += groupHeaderHeight;
           }
-          maxScrollerHeight += groupHeaderHeight;
-        }
-        if (itemsToProcess < maxItems) {
-          maxScrollerHeight += item.offsetHeight;
-          itemsToProcess += 1;
-        }
-      });
-    }
+          if (itemsToProcess < maxItems) {
+            maxScrollerHeight += item.offsetHeight;
+            itemsToProcess += 1;
+          }
+        });
+      }
+    });
     return maxScrollerHeight;
   }
   closeCalciteDropdown(focusTrigger = true) {
-    this.active = false;
     this.open = false;
     if (focusTrigger) {
       focusElement(this.triggers[0]);
@@ -18217,7 +18230,7 @@ class Dropdown {
   get el() { return getElement(this); }
   static get watchers() { return {
     "active": ["activeHandler"],
-    "open": ["activeHandler"],
+    "open": ["openHandler"],
     "disabled": ["handleDisabledChange"],
     "flipPlacements": ["flipPlacementsHandler"],
     "maxItems": ["maxItemsHandler"],
@@ -22582,12 +22595,12 @@ class Modal {
     };
     this.transitionStartHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
-        this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
+        this.open ? this.onBeforeOpen() : this.onBeforeClose();
       }
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
-        this.open || this.active ? this.onOpen() : this.onClose();
+        this.open ? this.onOpen() : this.onClose();
       }
     };
     this.openEnd = () => {
@@ -22603,8 +22616,8 @@ class Modal {
     /** Close the modal, first running the `beforeClose` method */
     this.close = () => {
       return this.beforeClose(this.el).then(() => {
-        this.active = false;
         this.open = false;
+        this.active = false;
         focusElement(this.previousActiveElement);
         this.removeOverflowHiddenClass();
       });
@@ -22632,7 +22645,7 @@ class Modal {
   //--------------------------------------------------------------------------
   componentWillLoad() {
     // when modal initially renders, if active was set we need to open as watcher doesn't fire
-    if (this.open || this.active) {
+    if (this.open) {
       this.openModal();
     }
   }
@@ -22690,7 +22703,7 @@ class Modal {
   //
   //--------------------------------------------------------------------------
   handleEscape(event) {
-    if ((this.open || this.active) && !this.disableEscape && event.key === "Escape") {
+    if (this.open && !this.disableEscape && event.key === "Escape") {
       this.close();
     }
   }
@@ -22766,8 +22779,8 @@ class Modal {
   openModal() {
     this.previousActiveElement = document.activeElement;
     this.el.addEventListener("calciteModalOpen", this.openEnd);
-    this.active = true;
     this.open = true;
+    this.active = true;
     const titleEl = getSlotted(this.el, SLOTS$e.header);
     const contentEl = getSlotted(this.el, SLOTS$e.content);
     this.titleId = ensureId(titleEl);