jtBaseApp/node_modules/@esri/calcite-components/dist/esm-es5/calcite-stepper_2.entry.js

var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function s(t){try{c(n["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):a(t.value).then(o,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return c([t,e])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
/*!
 * 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-beta.82
 */import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-8ece2564.js";import{d as getElementProp,t as toAriaBoolean}from"./dom-da697a3f.js";import{u as updateHostInteraction}from"./interactive-cb5bf285.js";import"./guid-b4461004.js";var 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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width: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]){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";var Stepper=function(){function t(t){registerInstance(this,t);this.calciteStepperItemChange=createEvent(this,"calciteStepperItemChange",7);this.icon=false;this.layout="horizontal";this.numbered=false;this.scale="m";this.itemMap=new Map;this.items=[];this.enabledItems=[]}t.prototype.contentWatcher=function(){if(this.layout==="horizontal"){if(!this.stepperContentContainer&&this.requestedContent){this.addHorizontalContentContainer()}this.updateContent(this.requestedContent)}};t.prototype.componentDidLoad=function(){if(!this.currentPosition){this.calciteStepperItemChange.emit({position:0})}};t.prototype.componentWillLoad=function(){if(this.layout==="horizontal"&&!this.stepperContentContainer){this.addHorizontalContentContainer()}};t.prototype.render=function(){return h("slot",null)};t.prototype.calciteStepperItemKeyEvent=function(t){var e=t.detail.item;var i=t.target;var n=this.itemIndex(i)===0;var a=this.itemIndex(i)===this.enabledItems.length-1;switch(e.key){case"ArrowDown":case"ArrowRight":if(a){this.focusFirstItem()}else{this.focusNextItem(i)}break;case"ArrowUp":case"ArrowLeft":if(n){this.focusLastItem()}else{this.focusPrevItem(i)}break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}};t.prototype.registerItem=function(t){var e=t.target;var i=t.detail,n=i.content,a=i.position;if(n&&e.active){this.requestedContent=n}this.itemMap.set(e,a);this.items=this.sortItems();this.enabledItems=this.filterItems()};t.prototype.updateItem=function(t){if(t.detail.content){this.requestedContent=t.detail.content}this.currentPosition=t.detail.position;this.calciteStepperItemChange.emit({position:this.currentPosition})};t.prototype.nextStep=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.getEnabledStepIndex(this.currentPosition+1,"next");if(typeof t!=="number"){return[2]}this.emitChangedItem(t);return[2]}))}))};t.prototype.prevStep=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.getEnabledStepIndex(this.currentPosition-1,"previous");if(typeof t!=="number"){return[2]}this.emitChangedItem(t);return[2]}))}))};t.prototype.goToStep=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=t-1;if(this.currentPosition!==e){this.emitChangedItem(e)}return[2]}))}))};t.prototype.startStep=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.getEnabledStepIndex(0,"next");if(typeof t!=="number"){return[2]}this.emitChangedItem(t);return[2]}))}))};t.prototype.endStep=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.getEnabledStepIndex(this.items.length-1,"previous");if(typeof t!=="number"){return[2]}this.emitChangedItem(t);return[2]}))}))};t.prototype.getEnabledStepIndex=function(t,e){if(e===void 0){e="next"}var i;var n=this,a=n.items,r=n.currentPosition;var o=t;while((i=a[o])===null||i===void 0?void 0:i.disabled){o=o+(e==="previous"?-1:1)}return o!==r&&o<a.length&&o>=0?o:null};t.prototype.addHorizontalContentContainer=function(){this.stepperContentContainer=document.createElement("div");this.stepperContentContainer.classList.add("calcite-stepper-content");this.el.insertAdjacentElement("beforeend",this.stepperContentContainer)};t.prototype.emitChangedItem=function(t){this.currentPosition=t;this.calciteStepperItemChange.emit({position:t})};t.prototype.focusFirstItem=function(){var t=this.enabledItems[0];this.focusElement(t)};t.prototype.focusLastItem=function(){var t=this.enabledItems[this.enabledItems.length-1];this.focusElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.enabledItems[e+1]||this.enabledItems[0];this.focusElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.enabledItems[e-1]||this.enabledItems[this.enabledItems.length-1];this.focusElement(i)};t.prototype.itemIndex=function(t){return this.enabledItems.indexOf(t)};t.prototype.focusElement=function(t){t.focus()};t.prototype.sortItems=function(){var t=this.itemMap;return Array.from(t.keys()).sort((function(e,i){return t.get(e)-t.get(i)}))};t.prototype.filterItems=function(){return this.items.filter((function(t){return!t.disabled}))};t.prototype.updateContent=function(t){var e;this.stepperContentContainer.innerHTML="";(e=this.stepperContentContainer).append.apply(e,t)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{requestedContent:["contentWatcher"]}},enumerable:false,configurable:true});return t}();Stepper.style=stepperCss;var 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{--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{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{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]){--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-subtitle{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--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-subtitle{font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--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-subtitle{font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--calcite-stepper-item-spacing-unit-s)}:host .container{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-top-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{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host .stepper-item-header{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:start;align-items:flex-start}:host .stepper-item-content,:host .stepper-item-header{-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 *{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{display:none;width:100%;-ms-flex-direction:column;flex-direction:column;font-size:var(--calcite-font-size--2);line-height:1.375}:host .stepper-item-icon{-webkit-margin-end:var(--calcite-stepper-item-spacing-unit-m);margin-inline-end:var(--calcite-stepper-item-spacing-unit-m);margin-top:1px;display:-ms-inline-flexbox;display:inline-flex;height: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{-ms-flex-direction:column;flex-direction:column;text-align:initial;-webkit-margin-end:auto;margin-inline-end:auto}:host .stepper-item-title,:host .stepper-item-subtitle{display:-ms-flexbox;display:flex;width:100%}:host .stepper-item-title{margin-bottom:0.25rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}:host .stepper-item-subtitle{color:var(--calcite-ui-text-3)}:host .stepper-item-number{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]){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]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([complete]) .container .stepper-item-icon{color:var(--calcite-ui-brand)}:host([error]) .container{border-top-color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-number{color:var(--calcite-ui-danger)}:host([error]) .container .stepper-item-icon{opacity:1;color:var(--calcite-ui-danger)}:host(:hover:not([disabled]):not([active])) .container,:host(:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-brand)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-title,:host(:focus:not([disabled]):not([active])) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host(:hover:not([disabled]):not([active])) .container .stepper-item-subtitle,:host(:focus:not([disabled]):not([active])) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([error]:hover:not([disabled]):not([active])) .container,:host([error]:focus:not([disabled]):not([active])) .container{border-top-color:var(--calcite-ui-danger-hover)}:host([active]) .container{border-top-color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-title{color:var(--calcite-ui-text-1)}:host([active]) .container .stepper-item-subtitle{color:var(--calcite-ui-text-2)}:host([active]) .container .stepper-item-number{color:var(--calcite-ui-brand)}:host([active]) .container .stepper-item-icon{color:var(--calcite-ui-brand);opacity:1}:host([layout=vertical]) .container{margin-left:0px;margin-right:0px;margin-top:0px;-ms-flex:1 1 auto;flex:1 1 auto;border-top-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);padding-top:0px;padding-bottom: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{-ms-flex-order:3;order:3;margin-top:1px;margin-bottom: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{-webkit-padding-end:0px;padding-inline-end:0px}:host([layout=vertical]) .container .stepper-item-content{padding:0px}:host([layout=vertical][active]) .container .stepper-item-content{display:-ms-flexbox;display:flex}:host([layout=vertical][active]) .container .stepper-item-content ::slotted(:last-child){margin-bottom:var(--calcite-stepper-item-spacing-unit-l)}:host([layout=vertical][complete]) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][complete]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][complete]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical][error]) .container{border-color:var(--calcite-ui-danger)}:host([layout=vertical][active]) .container{border-color:var(--calcite-ui-brand)}:host([layout=vertical]:hover:not([disabled]):not([active])) .container,:host([layout=vertical]:focus:not([disabled]):not([active])) .container{border-color:rgba(0, 122, 194, 0.5)}:host([layout=vertical][error]:hover:not([disabled]):not([active])) .container,:host([layout=vertical][error]:focus:not([disabled]):not([active])) .container{border-color:var(--calcite-ui-danger-hover)}";var StepperItem=function(){function t(t){var e=this;registerInstance(this,t);this.calciteStepperItemKeyEvent=createEvent(this,"calciteStepperItemKeyEvent",7);this.calciteStepperItemSelect=createEvent(this,"calciteStepperItemSelect",7);this.calciteStepperItemRegister=createEvent(this,"calciteStepperItemRegister",7);this.active=false;this.complete=false;this.error=false;this.disabled=false;this.icon=false;this.numbered=false;this.scale="m";this.keyDownHandler=function(t){if(!e.disabled&&t.target===e.el){switch(t.key){case" ":case"Enter":e.emitRequestedItem();t.preventDefault();break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"Home":case"End":e.calciteStepperItemKeyEvent.emit({item:t});t.preventDefault();break}}};this.emitRequestedItem=function(){if(!e.disabled){e.calciteStepperItemSelect.emit({position:e.itemPosition,content:e.itemContent})}};this.setItemContent=function(t){e.itemPosition=e.getItemPosition();var i=t.target.assignedNodes({flatten:true});if(i.length){e.itemContent=i}e.registerStepperItem();if(e.active){e.emitRequestedItem()}}}t.prototype.disabledWatcher=function(){this.registerStepperItem()};t.prototype.componentWillLoad=function(){this.icon=getElementProp(this.el,"icon",false);this.numbered=getElementProp(this.el,"numbered",false);this.layout=getElementProp(this.el,"layout",false);this.scale=getElementProp(this.el,"scale","m");this.parentStepperEl=this.el.parentElement};t.prototype.componentDidRender=function(){updateHostInteraction(this,true)};t.prototype.render=function(){return h(Host,{"aria-expanded":toAriaBoolean(this.active),onClick:this.emitRequestedItem,onKeyDown:this.keyDownHandler},h("div",{class:"container"},h("div",{class:"stepper-item-header"},this.icon?this.renderIcon():null,this.numbered?h("div",{class:"stepper-item-number"},this.getItemPosition()+1,"."):null,h("div",{class:"stepper-item-header-text"},h("span",{class:"stepper-item-title"},this.itemTitle),h("span",{class:"stepper-item-subtitle"},this.itemSubtitle))),h("div",{class:"stepper-item-content"},h("slot",{onSlotchange:this.setItemContent}))))};t.prototype.updateActiveItemOnChange=function(t){if(t.target===this.parentStepperEl||t.composedPath().includes(this.parentStepperEl)){this.activePosition=t.detail.position;this.determineActiveItem()}};t.prototype.renderIcon=function(){var t=this.active?"circleF":this.error?"exclamationMarkCircleF":this.complete?"checkCircleF":"circle";return h("calcite-icon",{class:"stepper-item-icon",icon:t,scale:"s"})};t.prototype.determineActiveItem=function(){this.active=!this.disabled&&this.itemPosition===this.activePosition};t.prototype.registerStepperItem=function(){this.calciteStepperItemRegister.emit({position:this.itemPosition,content:this.itemContent})};t.prototype.getItemPosition=function(){return Array.prototype.indexOf.call(this.parentStepperEl.querySelectorAll("calcite-stepper-item"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledWatcher"]}},enumerable:false,configurable:true});return t}();StepperItem.style=stepperItemCss;export{Stepper as calcite_stepper,StepperItem as calcite_stepper_item};