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

package/dist/esm-es5/{resources-000bc05a.js → resources-41f9ccd3.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.532
- */import{a as getAssetPath}from"./index-67812472.js";import{a as locales}from"./locale-fda97619.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.533
+ */import{a as getAssetPath}from"./index-2302d792.js";import{a as locales}from"./locale-67ea5211.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-807adc68.js → resources-fb770018.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.533
+ */import{f as focusElement,g as getSlotted,t as toAriaBoolean}from"./dom-4deab368.js";import{g as getRoundRobinIndex}from"./array-4b131c4b.js";import{d as debounce}from"./debounce-7152e426.js";import{h,H as Host}from"./index-2302d792.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-3fabfa02.js → sortable.esm-b0277ca6.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.533
  */
 /**!
  * Sortable 1.15.0

package/dist/esm-es5/{utils-aba2aa4f.js → utils-8da1d515.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.533
  */
 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-15T00:30:55",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.16.1",
@@ -18461,7 +18461,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.533
  */
 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.533
  */
 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.533
  */
 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.533
  */
 (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/stepper/interfaces.d.ts

@@ -1,6 +1,5 @@
 export interface StepperItemEventDetail {
   position: number;
-  content: Node[];
 }
 export interface StepperItemKeyEventDetail {
   item: KeyboardEvent;

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

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Scale } from "../interfaces";
-import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./interfaces";
+import { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from "./interfaces";
 /**
  * @slot - A slot for adding `calcite-stepper-item`s.
  */
@@ -14,9 +14,6 @@ export declare class Stepper {
   numbered: boolean;
   /** specify the scale of stepper, defaults to m */
   scale: Scale;
-  /** @internal */
-  requestedContent: Node[];
-  contentWatcher(): void;
   /**
    * This event fires when the active stepper item has changed.
    *
@@ -29,11 +26,10 @@ export declare class Stepper {
    */
   calciteInternalStepperItemChange: EventEmitter<StepperItemChangeEventDetail>;
   componentDidLoad(): void;
-  componentWillLoad(): void;
   render(): VNode;
   calciteInternalStepperItemKeyEvent(e: CustomEvent<StepperItemKeyEventDetail>): void;
-  registerItem(event: CustomEvent<StepperItemEventDetail>): void;
-  updateItem(event: CustomEvent<StepperItemEventDetail>): void;
+  registerItem(event: CustomEvent): void;
+  updateItem(event: CustomEvent): void;
   handleUserRequestedStepperItemSelect(event: CustomEvent<StepperItemChangeEventDetail>): void;
   /** set the next step as active */
   nextStep(): Promise<void>;
@@ -56,18 +52,13 @@ export declare class Stepper {
   private enabledItems;
   /** keep track of the currently active item position */
   private currentPosition;
-  /** the container where we place horizontal layout step content */
-  private stepperContentContainer;
   private getEnabledStepIndex;
-  private addHorizontalContentContainer;
   private updateStep;
   private focusFirstItem;
   private focusLastItem;
   private focusNextItem;
   private focusPrevItem;
   private itemIndex;
-  private focusElement;
   private sortItems;
   private filterItems;
-  private updateContent;
 }

package/dist/types/components/stepper-item/stepper-item.d.ts

@@ -45,6 +45,7 @@ export declare class StepperItem implements InteractiveComponent {
   scale: Scale;
   disabledWatcher(): void;
   activeWatcher(active: boolean): void;
+  headerEl: HTMLDivElement;
   /**
    * @internal
    */
@@ -65,12 +66,11 @@ export declare class StepperItem implements InteractiveComponent {
   componentDidRender(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
+  setFocus(): Promise<void>;
   /** position within parent */
   private itemPosition;
   /** the latest requested item position*/
   private activePosition;
-  /** the slotted item content */
-  private itemContent;
   /** the parent stepper component */
   private parentStepperEl;
   private keyDownHandler;

package/dist/types/components.d.ts

@@ -3224,7 +3224,6 @@ export namespace Components {
           * set the previous step as active
          */
         "prevStep": () => Promise<void>;
-        "requestedContent": Node[];
         /**
           * specify the scale of stepper, defaults to m
          */
@@ -3273,6 +3272,7 @@ export namespace Components {
         "layout"?: Extract<"horizontal" | "vertical", Layout>;
         "numbered": boolean;
         "scale": Scale;
+        "setFocus": () => Promise<void>;
     }
     interface CalciteSwitch {
         /**

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.532
+ * v1.0.0-next.533
  */
 'use strict';
 
@@ -30935,7 +30935,7 @@ class SplitButton {
   }; }
 }
 
-const stepperCss = "@-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-stepper: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-stepper{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-stepper{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-stepper{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-stepper{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-stepper{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-stepper:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-stepper-h{display:none}/*!@:host*/.sc-calcite-stepper-h{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;min-inline-size:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}/*!@:host([layout=vertical])*/[layout=vertical].sc-calcite-stepper-h{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}/*!@:host ::slotted(.calcite-stepper-content)*/.sc-calcite-stepper-h .sc-calcite-stepper-s>.calcite-stepper-content{display:-ms-flexbox;display:flex;inline-size:100%;min-inline-size:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";
+const stepperCss = "@-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-stepper: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-stepper{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-stepper{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-stepper{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-stepper{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-stepper{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-stepper:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-stepper-h{display:none}/*!@:host*/.sc-calcite-stepper-h{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;min-inline-size:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}/*!@:host([layout=vertical])*/[layout=vertical].sc-calcite-stepper-h{-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}/*!@:host([layout=horizontal])*/[layout=horizontal].sc-calcite-stepper-h{display:grid;grid-template-areas:\"items\" \"content\"}";
 
 /**
  * @slot - A slot for adding `calcite-stepper-item`s.
@@ -30969,15 +30969,6 @@ class Stepper {
     /** list of enabled Stepper items */
     this.enabledItems = [];
   }
-  // watch for removal of disabled to register step
-  contentWatcher() {
-    if (this.layout === "horizontal") {
-      if (!this.stepperContentContainer && this.requestedContent) {
-        this.addHorizontalContentContainer();
-      }
-      this.updateContent(this.requestedContent);
-    }
-  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -30991,13 +30982,15 @@ class Stepper {
       });
     }
   }
-  componentWillLoad() {
-    if (this.layout === "horizontal" && !this.stepperContentContainer) {
-      this.addHorizontalContentContainer();
-    }
-  }
   render() {
-    return hAsync("slot", null);
+    return (hAsync("slot", { onSlotchange: (event) => {
+        const items = event.currentTarget
+          .assignedElements()
+          .filter((el) => (el === null || el === void 0 ? void 0 : el.tagName) === "CALCITE-STEPPER-ITEM");
+        const spacing = Array(items.length).fill("1fr").join(" ");
+        this.el.style.gridTemplateAreas = spacing;
+        this.el.style.gridTemplateColumns = spacing;
+      } }));
   }
   //--------------------------------------------------------------------------
   //
@@ -31040,33 +31033,25 @@ class Stepper {
   registerItem(event) {
     const item = event.target;
     const { content, position } = event.detail;
-    if (content && item.active) {
-      this.requestedContent = content;
-    }
     this.itemMap.set(item, { position, content });
     this.items = this.sortItems();
     this.enabledItems = this.filterItems();
     event.stopPropagation();
   }
   updateItem(event) {
-    const { content, position } = event.detail;
-    if (content) {
-      this.requestedContent = content;
-    }
+    const { position } = event.detail;
     if (typeof position === "number") {
       this.currentPosition = position;
     }
     this.calciteInternalStepperItemChange.emit({
       position
     });
-    event.stopPropagation();
   }
   handleUserRequestedStepperItemSelect(event) {
     const { position } = event.detail;
     this.calciteStepperItemChange.emit({
       position
     });
-    event.stopPropagation();
   }
   //--------------------------------------------------------------------------
   //
@@ -31132,47 +31117,33 @@ class Stepper {
       ? newIndex
       : null;
   }
-  addHorizontalContentContainer() {
-    this.stepperContentContainer = document.createElement("div");
-    this.stepperContentContainer.classList.add("calcite-stepper-content");
-    this.el.insertAdjacentElement("beforeend", this.stepperContentContainer);
-  }
   updateStep(position) {
-    var _a;
-    const { itemMap, items } = this;
     this.currentPosition = position;
-    const content = (_a = itemMap.get(items[position])) === null || _a === void 0 ? void 0 : _a.content;
-    if (content) {
-      this.requestedContent = content;
-    }
     this.calciteInternalStepperItemChange.emit({
       position
     });
   }
   focusFirstItem() {
     const firstItem = this.enabledItems[0];
-    this.focusElement(firstItem);
+    focusElement(firstItem);
   }
   focusLastItem() {
     const lastItem = this.enabledItems[this.enabledItems.length - 1];
-    this.focusElement(lastItem);
+    focusElement(lastItem);
   }
   focusNextItem(e) {
     const index = this.itemIndex(e);
     const nextItem = this.enabledItems[index + 1] || this.enabledItems[0];
-    this.focusElement(nextItem);
+    focusElement(nextItem);
   }
   focusPrevItem(e) {
     const index = this.itemIndex(e);
     const prevItem = this.enabledItems[index - 1] || this.enabledItems[this.enabledItems.length - 1];
-    this.focusElement(prevItem);
+    focusElement(prevItem);
   }
   itemIndex(e) {
     return this.enabledItems.indexOf(e);
   }
-  focusElement(item) {
-    item === null || item === void 0 ? void 0 : item.focus();
-  }
   sortItems() {
     const { itemMap } = this;
     return Array.from(itemMap.keys()).sort((a, b) => itemMap.get(a).position - itemMap.get(b).position);
@@ -31180,14 +31151,7 @@ class Stepper {
   filterItems() {
     return this.items.filter((item) => !item.disabled);
   }
-  updateContent(content) {
-    this.stepperContentContainer.innerHTML = "";
-    this.stepperContentContainer.append(...content);
-  }
   get el() { return getElement(this); }
-  static get watchers() { return {
-    "requestedContent": ["contentWatcher"]
-  }; }
   static get style() { return stepperCss; }
   static get cmpMeta() { return {
     "$flags$": 9,
@@ -31197,7 +31161,6 @@ class Stepper {
       "layout": [513],
       "numbered": [516],
       "scale": [513],
-      "requestedContent": [1040],
       "nextStep": [64],
       "prevStep": [64],
       "goToStep": [64],
@@ -31210,7 +31173,7 @@ class Stepper {
   }; }
 }
 
-const stepperItemCss = "@-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-stepper-item: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-stepper-item{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-stepper-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-stepper-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-stepper-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-stepper-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-stepper-item:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-stepper-item-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-stepper-item-h{--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}/*!@:host([scale=s]) .stepper-item-description*/[scale=s].sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-stepper-item-h{--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}/*!@:host([scale=m]) .stepper-item-description*/[scale=m].sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-stepper-item-h{--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}/*!@:host([scale=l]) .stepper-item-description*/[scale=l].sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host*/.sc-calcite-stepper-item-h{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}/*!@:host .container*/.sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host*/.sc-calcite-stepper-item-h{outline-color:transparent}/*!@:host(:focus)*/.sc-calcite-stepper-item-h:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@:host .stepper-item-header*/.sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:start;align-items:flex-start}/*!@:host .stepper-item-content, \n:host .stepper-item-header*/.sc-calcite-stepper-item-h .stepper-item-content.sc-calcite-stepper-item,.sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}/*!@:host .stepper-item-header **/.sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item *.sc-calcite-stepper-item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host .stepper-item-content*/.sc-calcite-stepper-item-h .stepper-item-content.sc-calcite-stepper-item{display:none;inline-size:100%;-ms-flex-direction:column;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host .stepper-item-icon*/.sc-calcite-stepper-item-h .stepper-item-icon.sc-calcite-stepper-item{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);-webkit-margin-before:1px;margin-block-start:1px;display:-ms-inline-flexbox;display:inline-flex;block-size:0.75rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host .stepper-item-header-text*/.sc-calcite-stepper-item-h .stepper-item-header-text.sc-calcite-stepper-item{-ms-flex-direction:column;flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}/*!@:host .stepper-item-heading, \n:host .stepper-item-description*/.sc-calcite-stepper-item-h .stepper-item-heading.sc-calcite-stepper-item,.sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{display:-ms-flexbox;display:flex;inline-size:100%}/*!@:host .stepper-item-heading*/.sc-calcite-stepper-item-h .stepper-item-heading.sc-calcite-stepper-item{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}/*!@:host .stepper-item-description*/.sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{color:var(--calcite-ui-text-3)}/*!@:host .stepper-item-number*/.sc-calcite-stepper-item-h .stepper-item-number.sc-calcite-stepper-item{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}/*!@:host([disabled])*/[disabled].sc-calcite-stepper-item-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([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-stepper-item-h[disabled] .sc-calcite-stepper-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-stepper-item-h [calcite-hydrated][disabled].sc-calcite-stepper-item{opacity:1}/*!@:host([complete]) .container*/[complete].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:rgba(0, 122, 194, 0.5)}/*!@:host([complete]) .container .stepper-item-icon*/[complete].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{color:var(--calcite-ui-brand)}/*!@:host([error]) .container*/[error].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-block-start-color:var(--calcite-ui-danger)}/*!@:host([error]) .container .stepper-item-number*/[error].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-number.sc-calcite-stepper-item{color:var(--calcite-ui-danger)}/*!@:host([error]) .container .stepper-item-icon*/[error].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{opacity:1;color:var(--calcite-ui-danger)}/*!@:host(:hover:not([disabled]):not([active])) .container, \n:host(:focus:not([disabled]):not([active])) .container*/.sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,.sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-block-start-color:var(--calcite-ui-brand)}/*!@:host(:hover:not([disabled]):not([active])) .container .stepper-item-heading, \n:host(:focus:not([disabled]):not([active])) .container .stepper-item-heading*/.sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item .stepper-item-heading.sc-calcite-stepper-item,.sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item .stepper-item-heading.sc-calcite-stepper-item{color:var(--calcite-ui-text-1)}/*!@:host(:hover:not([disabled]):not([active])) .container .stepper-item-description, \n:host(:focus:not([disabled]):not([active])) .container .stepper-item-description*/.sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item .stepper-item-description.sc-calcite-stepper-item,.sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item .stepper-item-description.sc-calcite-stepper-item{color:var(--calcite-ui-text-2)}/*!@:host([error]:hover:not([disabled]):not([active])) .container, \n:host([error]:focus:not([disabled]):not([active])) .container*/[error].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,[error].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-block-start-color:var(--calcite-ui-danger-hover)}/*!@:host([active]) .container*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-block-start-color:var(--calcite-ui-brand)}/*!@:host([active]) .container .stepper-item-heading*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-heading.sc-calcite-stepper-item{color:var(--calcite-ui-text-1)}/*!@:host([active]) .container .stepper-item-description*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-description.sc-calcite-stepper-item{color:var(--calcite-ui-text-2)}/*!@:host([active]) .container .stepper-item-number*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-number.sc-calcite-stepper-item{color:var(--calcite-ui-brand)}/*!@:host([active]) .container .stepper-item-icon*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{color:var(--calcite-ui-brand);opacity:1}/*!@:host([layout=vertical]) .container*/[layout=vertical].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;-ms-flex:1 1 auto;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;border-inline-start-width:2px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-l);padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}/*!@:host([layout=vertical]) .container .stepper-item-icon*/[layout=vertical].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{-ms-flex-order:3;order:3;margin-block:1px 0px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-s);padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);-webkit-margin-start:auto;margin-inline-start:auto}/*!@:host([layout=vertical]) .container .stepper-item-header*/[layout=vertical].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-header.sc-calcite-stepper-item{-webkit-padding-end:0px;padding-inline-end:0px}/*!@:host([layout=vertical]) .container .stepper-item-content*/[layout=vertical].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-content.sc-calcite-stepper-item{padding:0px}/*!@:host([layout=vertical][active]) .container .stepper-item-content*/[layout=vertical][active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-content.sc-calcite-stepper-item{display:-ms-flexbox;display:flex}/*!@:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child)*/.sc-calcite-stepper-item-h[layout=vertical][active] .container .stepper-item-content .sc-calcite-stepper-item-s>:last-child{-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-l);margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}/*!@:host([layout=vertical][complete]) .container*/[layout=vertical][complete].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:rgba(0, 122, 194, 0.5)}/*!@:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container, \n:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container*/[layout=vertical][complete].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,[layout=vertical][complete].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-color:var(--calcite-ui-brand)}/*!@:host([layout=vertical][error]) .container*/[layout=vertical][error].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:var(--calcite-ui-danger)}/*!@:host([layout=vertical][active]) .container*/[layout=vertical][active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:var(--calcite-ui-brand)}/*!@:host([layout=vertical]:hover:not([disabled]):not([active])) .container,\n:host([layout=vertical]:focus:not([disabled]):not([active])) .container*/[layout=vertical].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,[layout=vertical].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-color:rgba(0, 122, 194, 0.5)}/*!@:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container, \n:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container*/[layout=vertical][error].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,[layout=vertical][error].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-color:var(--calcite-ui-danger-hover)}@media (forced-colors: active){/*!@:host .container*/.sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{outline-width:0;outline-offset:0}/*!@:host(:focus),\n:host(:focus-visible)*/.sc-calcite-stepper-item-h:focus,.sc-calcite-stepper-item-h:focus-visible{outline-color:canvasText}/*!@:host([active]) .container*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-block-start-color:highlight}/*!@:host([active]) .container .stepper-item-number*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-number.sc-calcite-stepper-item{color:highlight}/*!@:host([active]) .container .stepper-item-icon*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{color:highlight}/*!@:host([layout=vertical][active]) .container*/[layout=vertical][active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:highlight}}";
+const stepperItemCss = "@-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-stepper-item: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-stepper-item{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-stepper-item{-webkit-animation-name:in;animation-name:in}/*!@.calcite-animate__in-down*/.calcite-animate__in-down.sc-calcite-stepper-item{-webkit-animation-name:in-down;animation-name:in-down}/*!@.calcite-animate__in-up*/.calcite-animate__in-up.sc-calcite-stepper-item{-webkit-animation-name:in-up;animation-name:in-up}/*!@.calcite-animate__in-scale*/.calcite-animate__in-scale.sc-calcite-stepper-item{-webkit-animation-name:in-scale;animation-name:in-scale}/*!@:root*/.sc-calcite-stepper-item:root{--calcite-popper-transition:var(--calcite-animation-timing)}/*!@:host([hidden])*/[hidden].sc-calcite-stepper-item-h{display:none}/*!@:host([scale=s])*/[scale=s].sc-calcite-stepper-item-h{--calcite-stepper-item-spacing-unit-s:0.25rem;--calcite-stepper-item-spacing-unit-m:0.75rem;--calcite-stepper-item-spacing-unit-l:1rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}/*!@:host([scale=s]) .stepper-item-description*/[scale=s].sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{font-size:var(--calcite-font-size--2);line-height:1rem}/*!@:host([scale=m])*/[scale=m].sc-calcite-stepper-item-h{--calcite-stepper-item-spacing-unit-s:0.5rem;--calcite-stepper-item-spacing-unit-m:1rem;--calcite-stepper-item-spacing-unit-l:1.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}/*!@:host([scale=m]) .stepper-item-description*/[scale=m].sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{font-size:var(--calcite-font-size--1);line-height:1rem}/*!@:host([scale=l])*/[scale=l].sc-calcite-stepper-item-h{--calcite-stepper-item-spacing-unit-s:0.75rem;--calcite-stepper-item-spacing-unit-m:1.25rem;--calcite-stepper-item-spacing-unit-l:1.5rem;font-size:var(--calcite-font-size-1);line-height:1.5rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem}/*!@:host([scale=l]) .stepper-item-description*/[scale=l].sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{font-size:var(--calcite-font-size-0);line-height:1.25rem}/*!@:host*/.sc-calcite-stepper-item-h{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}/*!@:host .container*/.sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-direction:column;flex-direction:column;border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host*/.sc-calcite-stepper-item-h{outline-color:transparent}/*!@:host(:focus)*/.sc-calcite-stepper-item-h:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@:host .stepper-item-header*/.sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:start;align-items:flex-start}/*!@:host .stepper-item-content, \n:host .stepper-item-header*/.sc-calcite-stepper-item-h .stepper-item-content.sc-calcite-stepper-item,.sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:var(--calcite-stepper-item-spacing-unit-l);-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}/*!@:host .stepper-item-header **/.sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item *.sc-calcite-stepper-item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host .stepper-item-content*/.sc-calcite-stepper-item-h .stepper-item-content.sc-calcite-stepper-item{display:none;inline-size:100%;-ms-flex-direction:column;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}/*!@:host .stepper-item-icon*/.sc-calcite-stepper-item-h .stepper-item-icon.sc-calcite-stepper-item{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);-webkit-margin-before:1px;margin-block-start:1px;display:-ms-inline-flexbox;display:inline-flex;block-size:0.75rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start;color:var(--calcite-ui-text-3);opacity:var(--calcite-ui-opacity-disabled);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host .stepper-item-header-text*/.sc-calcite-stepper-item-h .stepper-item-header-text.sc-calcite-stepper-item{-ms-flex-direction:column;flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}/*!@:host .stepper-item-heading, \n:host .stepper-item-description*/.sc-calcite-stepper-item-h .stepper-item-heading.sc-calcite-stepper-item,.sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{display:-ms-flexbox;display:flex;inline-size:100%}/*!@:host .stepper-item-heading*/.sc-calcite-stepper-item-h .stepper-item-heading.sc-calcite-stepper-item{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}/*!@:host .stepper-item-description*/.sc-calcite-stepper-item-h .stepper-item-description.sc-calcite-stepper-item{color:var(--calcite-ui-text-3)}/*!@:host .stepper-item-number*/.sc-calcite-stepper-item-h .stepper-item-number.sc-calcite-stepper-item{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m)}/*!@:host([disabled])*/[disabled].sc-calcite-stepper-item-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([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled]*/.sc-calcite-stepper-item-h[disabled] .sc-calcite-stepper-item-s>[calcite-hydrated][disabled],[disabled].sc-calcite-stepper-item-h [calcite-hydrated][disabled].sc-calcite-stepper-item{opacity:1}/*!@:host([complete]) .container*/[complete].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:rgba(0, 122, 194, 0.5)}/*!@:host([complete]) .container .stepper-item-icon*/[complete].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{color:var(--calcite-ui-brand)}/*!@:host([error]) .container*/[error].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-block-start-color:var(--calcite-ui-danger)}/*!@:host([error]) .container .stepper-item-number*/[error].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-number.sc-calcite-stepper-item{color:var(--calcite-ui-danger)}/*!@:host([error]) .container .stepper-item-icon*/[error].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{opacity:1;color:var(--calcite-ui-danger)}/*!@:host(:hover:not([disabled]):not([active])) .container, \n:host(:focus:not([disabled]):not([active])) .container*/.sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,.sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-block-start-color:var(--calcite-ui-brand)}/*!@:host(:hover:not([disabled]):not([active])) .container .stepper-item-heading, \n:host(:focus:not([disabled]):not([active])) .container .stepper-item-heading*/.sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item .stepper-item-heading.sc-calcite-stepper-item,.sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item .stepper-item-heading.sc-calcite-stepper-item{color:var(--calcite-ui-text-1)}/*!@:host(:hover:not([disabled]):not([active])) .container .stepper-item-description, \n:host(:focus:not([disabled]):not([active])) .container .stepper-item-description*/.sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item .stepper-item-description.sc-calcite-stepper-item,.sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item .stepper-item-description.sc-calcite-stepper-item{color:var(--calcite-ui-text-2)}/*!@:host([error]:hover:not([disabled]):not([active])) .container, \n:host([error]:focus:not([disabled]):not([active])) .container*/[error].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,[error].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-block-start-color:var(--calcite-ui-danger-hover)}/*!@:host([active]) .container*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-block-start-color:var(--calcite-ui-brand)}/*!@:host([active]) .container .stepper-item-heading*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-heading.sc-calcite-stepper-item{color:var(--calcite-ui-text-1)}/*!@:host([active]) .container .stepper-item-description*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-description.sc-calcite-stepper-item{color:var(--calcite-ui-text-2)}/*!@:host([active]) .container .stepper-item-number*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-number.sc-calcite-stepper-item{color:var(--calcite-ui-brand)}/*!@:host([active]) .container .stepper-item-icon*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{color:var(--calcite-ui-brand);opacity:1}/*!@:host([active]) .container .stepper-item-content*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-content.sc-calcite-stepper-item{display:-ms-flexbox;display:flex}/*!@:host([active]) .container .stepper-item-content ::slotted(:last-child)*/.sc-calcite-stepper-item-h[active] .container .stepper-item-content .sc-calcite-stepper-item-s>:last-child{-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-l);margin-block-end:var(--calcite-stepper-item-spacing-unit-l)}/*!@:host([layout=vertical]) .container*/[layout=vertical].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{margin-inline:0px;-webkit-margin-before:0px;margin-block-start:0px;-ms-flex:1 1 auto;flex:1 1 auto;border-block-start-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-block:0px;border-inline-start-width:2px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-l);padding-inline-start:var(--calcite-stepper-item-spacing-unit-l)}/*!@:host([layout=vertical]) .container .stepper-item-icon*/[layout=vertical].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{-ms-flex-order:3;order:3;margin-block:1px 0px;-webkit-padding-start:var(--calcite-stepper-item-spacing-unit-s);padding-inline-start:var(--calcite-stepper-item-spacing-unit-s);-webkit-margin-start:auto;margin-inline-start:auto}/*!@:host([layout=vertical]) .container .stepper-item-header*/[layout=vertical].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-header.sc-calcite-stepper-item{-webkit-padding-end:0px;padding-inline-end:0px}/*!@:host([layout=vertical]) .container .stepper-item-content*/[layout=vertical].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-content.sc-calcite-stepper-item{padding:0px}/*!@:host([layout=vertical][complete]) .container*/[layout=vertical][complete].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:rgba(0, 122, 194, 0.5)}/*!@:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container, \n:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container*/[layout=vertical][complete].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,[layout=vertical][complete].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-color:var(--calcite-ui-brand)}/*!@:host([layout=vertical][error]) .container*/[layout=vertical][error].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:var(--calcite-ui-danger)}/*!@:host([layout=vertical][active]) .container*/[layout=vertical][active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:var(--calcite-ui-brand)}/*!@:host([layout=vertical]:hover:not([disabled]):not([active])) .container,\n:host([layout=vertical]:focus:not([disabled]):not([active])) .container*/[layout=vertical].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,[layout=vertical].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-color:rgba(0, 122, 194, 0.5)}/*!@:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container, \n:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container*/[layout=vertical][error].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .container.sc-calcite-stepper-item,[layout=vertical][error].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .container.sc-calcite-stepper-item{border-color:var(--calcite-ui-danger-hover)}/*!@:host([layout=horizontal])*/[layout=horizontal].sc-calcite-stepper-item-h{display:contents}/*!@:host([layout=horizontal]) .container*/[layout=horizontal].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{display:contents}/*!@:host([layout=horizontal]) .stepper-item-header*/[layout=horizontal].sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{border-width:0px;border-block-start-width:2px;border-style:solid;border-color:var(--calcite-ui-border-3);outline-color:transparent;grid-row:items;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}/*!@:host([layout=horizontal]) .stepper-item-header:focus*/[layout=horizontal].sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}/*!@:host([layout=horizontal]) .stepper-item-content*/[layout=horizontal].sc-calcite-stepper-item-h .stepper-item-content.sc-calcite-stepper-item{-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-block:0;-webkit-padding-end:var(--calcite-stepper-item-spacing-unit-m);padding-inline-end:var(--calcite-stepper-item-spacing-unit-m);text-align:start}/*!@:host([layout=horizontal][active]) .stepper-item-content*/[layout=horizontal][active].sc-calcite-stepper-item-h .stepper-item-content.sc-calcite-stepper-item{grid-area:2/1/2/-1}/*!@:host([layout=horizontal][scale=s]) .stepper-item-header*/[layout=horizontal][scale=s].sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}/*!@:host([layout=horizontal][scale=l]) .stepper-item-header*/[layout=horizontal][scale=l].sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-after:var(--calcite-stepper-item-spacing-unit-s);margin-block-end:var(--calcite-stepper-item-spacing-unit-s)}/*!@:host([layout=horizontal][complete]) .stepper-item-header*/[layout=horizontal][complete].sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{border-color:rgba(0, 122, 194, 0.5)}/*!@:host([layout=horizontal][complete]:hover:not([disabled]):not([active])) .stepper-item-header, \n:host([layout=horizontal][complete]:focus:not([disabled]):not([active])) .stepper-item-header*/[layout=horizontal][complete].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .stepper-item-header.sc-calcite-stepper-item,[layout=horizontal][complete].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .stepper-item-header.sc-calcite-stepper-item{border-color:var(--calcite-ui-brand)}/*!@:host([layout=horizontal][error]) .stepper-item-header*/[layout=horizontal][error].sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{border-color:var(--calcite-ui-danger)}/*!@:host([layout=horizontal][active]) .stepper-item-header*/[layout=horizontal][active].sc-calcite-stepper-item-h .stepper-item-header.sc-calcite-stepper-item{border-color:var(--calcite-ui-brand)}/*!@:host([layout=horizontal]:hover:not([disabled]):not([active])) .stepper-item-header,\n:host([layout=horizontal]:focus:not([disabled]):not([active])) .stepper-item-header*/[layout=horizontal].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .stepper-item-header.sc-calcite-stepper-item,[layout=horizontal].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .stepper-item-header.sc-calcite-stepper-item{border-color:rgba(0, 122, 194, 0.5)}/*!@:host([layout=horizontal][error]:hover:not([disabled]):not([active])) .stepper-item-header, \n:host([layout=horizontal][error]:focus:not([disabled]):not([active])) .stepper-item-header*/[layout=horizontal][error].sc-calcite-stepper-item-h:hover:not([disabled]):not([active]) .stepper-item-header.sc-calcite-stepper-item,[layout=horizontal][error].sc-calcite-stepper-item-h:focus:not([disabled]):not([active]) .stepper-item-header.sc-calcite-stepper-item{border-color:var(--calcite-ui-danger-hover)}@media (forced-colors: active){/*!@:host .container*/.sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{outline-width:0;outline-offset:0}/*!@:host(:focus),\n:host(:focus-visible)*/.sc-calcite-stepper-item-h:focus,.sc-calcite-stepper-item-h:focus-visible{outline-color:canvasText}/*!@:host([active]) .container*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-block-start-color:highlight}/*!@:host([active]) .container .stepper-item-number*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-number.sc-calcite-stepper-item{color:highlight}/*!@:host([active]) .container .stepper-item-icon*/[active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item .stepper-item-icon.sc-calcite-stepper-item{color:highlight}/*!@:host([layout=vertical][active]) .container*/[layout=vertical][active].sc-calcite-stepper-item-h .container.sc-calcite-stepper-item{border-color:highlight}}";
 
 /**
  * @slot - A slot for adding custom content.
@@ -31285,19 +31248,13 @@ class StepperItem {
     this.emitRequestedItem = () => {
       if (!this.disabled) {
         const position = this.itemPosition;
-        const content = this.itemContent;
         this.calciteInternalStepperItemSelect.emit({
-          position,
-          content
+          position
         });
       }
     };
-    this.setItemContent = (event) => {
+    this.setItemContent = () => {
       this.itemPosition = this.getItemPosition();
-      const itemContent = event.target.assignedNodes({ flatten: true });
-      if (itemContent.length) {
-        this.itemContent = itemContent;
-      }
       this.registerStepperItem();
       if (this.active) {
         this.emitRequestedItem();
@@ -31329,7 +31286,9 @@ class StepperItem {
     updateHostInteraction(this, true);
   }
   render() {
-    return (hAsync(Host, { "aria-expanded": toAriaBoolean(this.active), onClick: this.emitUserRequestedItem, onKeyDown: this.keyDownHandler }, hAsync("div", { class: "container" }, hAsync("div", { class: "stepper-item-header" }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: "stepper-item-number" }, this.getItemPosition() + 1, ".")) : null, hAsync("div", { class: "stepper-item-header-text" }, hAsync("span", { class: "stepper-item-heading" }, this.heading || this.itemTitle), hAsync("span", { class: "stepper-item-description" }, this.description || this.itemSubtitle))), hAsync("div", { class: "stepper-item-content" }, hAsync("slot", { onSlotchange: this.setItemContent })))));
+    return (hAsync(Host, { "aria-expanded": toAriaBoolean(this.active), onClick: this.emitUserRequestedItem, onKeyDown: this.keyDownHandler }, hAsync("div", { class: "container" }, hAsync("div", { class: "stepper-item-header", ref: (el) => (this.headerEl = el), tabIndex: 
+      /* additional tab index logic needed because of display: contents */
+      this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (hAsync("div", { class: "stepper-item-number" }, this.getItemPosition() + 1, ".")) : null, hAsync("div", { class: "stepper-item-header-text" }, hAsync("span", { class: "stepper-item-heading" }, this.heading || this.itemTitle), hAsync("span", { class: "stepper-item-description" }, this.description || this.itemSubtitle))), hAsync("div", { class: "stepper-item-content" }, hAsync("slot", { onSlotchange: this.setItemContent })))));
   }
   //--------------------------------------------------------------------------
   //
@@ -31342,7 +31301,15 @@ class StepperItem {
       this.activePosition = event.detail.position;
       this.determineActiveItem();
     }
-    event.stopPropagation();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  async setFocus() {
+    var _a;
+    (_a = (this.layout === "vertical" ? this.el : this.headerEl)) === null || _a === void 0 ? void 0 : _a.focus();
   }
   renderIcon() {
     const path = this.active
@@ -31359,8 +31326,7 @@ class StepperItem {
   }
   registerStepperItem() {
     this.calciteInternalStepperItemRegister.emit({
-      position: this.itemPosition,
-      content: this.itemContent
+      position: this.itemPosition
     });
   }
   getItemPosition() {
@@ -31387,7 +31353,8 @@ class StepperItem {
       "layout": [1537],
       "icon": [1028],
       "numbered": [1028],
-      "scale": [1537]
+      "scale": [1537],
+      "setFocus": [64]
     },
     "$listeners$": [[16, "calciteInternalStepperItemChange", "updateActiveItemOnChange"]],
     "$lazyBundleId$": "-",

package/package.json

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