@govtechsg/sgds-web-component 3.20.0-rc.0 → 3.20.0-rc.1

package/components/Stepper/index.umd.min.js

@@ -2254,7 +2254,7 @@ const Ve=1;class Be{constructor(e){}get _$isConnected(){return this._$parent._$i
       clip-rule="evenodd"
     />
   </svg>
-`};var Ye,Ge=o`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;class Qe extends Ae{constructor(){super(...arguments),this.size="lg"}_getIconByName(e){if(!e)return;const t=Xe[e];if(t)return t;console.warn(`Icon not found: ${e}`)}render(){const e=this._getIconByName(this.name);return e||le}}Qe.styles=[...Ae.styles,Ge],e([He({type:String,reflect:!0})],Qe.prototype,"name",void 0),e([He({type:String,reflect:!0})],Qe.prototype,"size",void 0);class et{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{var t;if(e.nodeType===e.TEXT_NODE&&""!==(null===(t=e.textContent)||void 0===t?void 0:t.trim()))return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if("sl-visually-hidden"===t.tagName.toLowerCase())return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return null!==this.host.querySelector(`:scope > [slot="${e}"]`)}test(e){return"[default]"===e?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(e){const t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}}class tt extends Ae{constructor(){super(...arguments),this.steps=[],this.activeStep=0,this.orientation="horizontal",this.clickable=!1,this.linear=!1,this.defaultActiveStep=0,this._items=[],this._totalSteps=0,this._boundHandleItemClick=this._handleStepClick.bind(this),this.hasDefaultSlot=!1,this.hasSlotController=new et(this,"[default]")}connectedCallback(){super.connectedCallback(),this._totalSteps=this.steps.length,this.addEventListener("i-sgds-click",this._boundHandleItemClick)}_handleSlotChange(){this._items=this._slotNodes,this._totalSteps=this._items.length,this._updateStepItems()}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]"))}_updateStepItems(){this._items&&this._items.length>0&&this._items.forEach((e,t)=>{e.stepIndex=t,e.active=this.activeStep===t,e._isCompleted=e.completed||this.activeStep>t,e.isClickable=this.linear?!e.disabled&&this.clickable&&(this.activeStep-1==t||this.activeStep+1==t):!e.disabled&&this.clickable,e.orientation=this.orientation,this._items.length>1&&(e.isFirstOfType=0===t,e.classList.toggle("last",t===this._items.length-1))})}getComponent(e=this.activeStep){var t,l;const a=this.hasDefaultSlot?this._items:this.steps;return console.log(e,this._items),a&&a.length>0?null===(t=a[e])||void 0===t?void 0:t.component:null===(l=this.steps[e])||void 0===l?void 0:l.component}nextStep(){var e;this.emit("sgds-next-step"),this.activeStep<this._totalSteps-1&&((null===(e=this._slotNodes[this.activeStep+1])||void 0===e?void 0:e.disabled)||this.activeStep++)}previousStep(){var e;this.emit("sgds-previous-step"),this.activeStep>0&&((null===(e=this._slotNodes[this.activeStep-1])||void 0===e?void 0:e.disabled)||this.activeStep--)}lastStep(){this.emit("sgds-last-step"),this.activeStep!==this._totalSteps-1&&(this.activeStep=this._totalSteps-1)}firstStep(){this.emit("sgds-first-step"),this.activeStep>0&&(this.activeStep=0)}reset(){this.emit("sgds-reset"),this.activeStep=this.defaultActiveStep}_onStepperItemClick(e){this.activeStep=e}_handleActiveStepChange(){this._updateStepItems(),this.emit("sgds-arrived")}_handleClickableChange(){this._updateStepItems()}_handleOrientationChange(){this._updateStepItems()}_handleKeyDown(e,t){"Enter"===e.key&&this._onStepperItemClick(t)}_handleStepClick(e){var t;const l=e;e.stopPropagation();const a=null===(t=l.detail)||void 0===t?void 0:t.stepIndex;this._onStepperItemClick(a)}render(){return Q`
+`};var Ye,Ge=o`:host{color:inherit;display:inline-flex;vertical-align:bottom}:host(.icon-left){margin-right:.25rem}:host(.icon-right){margin-left:.25rem}:host([size=xs]) svg{height:var(--sgds-icon-size-xs);width:var(--sgds-icon-size-xs)}:host([size=sm]) svg{height:var(--sgds-icon-size-sm);width:var(--sgds-icon-size-sm)}:host([size=md]) svg{height:var(--sgds-icon-size-md);width:var(--sgds-icon-size-md)}:host([size=xl]) svg{height:var(--sgds-icon-size-xl);width:var(--sgds-icon-size-xl)}:host([size="2-xl"]) svg{height:var(--sgds-icon-size-2-xl);width:var(--sgds-icon-size-2-xl)}:host([size="3-xl"]) svg{height:var(--sgds-icon-size-3-xl);width:var(--sgds-icon-size-3-xl)}svg{display:inline-block;height:var(--sgds-icon-size-lg);width:var(--sgds-icon-size-lg)}`;class Qe extends Ae{constructor(){super(...arguments),this.size="lg"}_getIconByName(e){if(!e)return;const t=Xe[e];if(t)return t;console.warn(`Icon not found: ${e}`)}render(){const e=this._getIconByName(this.name);return e||le}}Qe.styles=[...Ae.styles,Ge],e([He({type:String,reflect:!0})],Qe.prototype,"name",void 0),e([He({type:String,reflect:!0})],Qe.prototype,"size",void 0);class et{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(e=>{var t;if(e.nodeType===e.TEXT_NODE&&""!==(null===(t=e.textContent)||void 0===t?void 0:t.trim()))return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if("sl-visually-hidden"===t.tagName.toLowerCase())return!1;if(!t.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(e){return null!==this.host.querySelector(`:scope > [slot="${e}"]`)}test(e){return"[default]"===e?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){var e;null===(e=this.host.shadowRoot)||void 0===e||e.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(e){const t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}}class tt extends Ae{constructor(){super(...arguments),this.steps=[],this.activeStep=0,this.orientation="horizontal",this.clickable=!1,this.linear=!1,this.defaultActiveStep=0,this._items=[],this._totalSteps=0,this._boundHandleItemClick=this._handleStepClick.bind(this),this.hasDefaultSlot=!1,this.hasSlotController=new et(this,"[default]")}connectedCallback(){super.connectedCallback(),this._totalSteps=this.steps.length,this.addEventListener("i-sgds-click",this._boundHandleItemClick)}_handleSlotChange(){this._items=this._slotNodes,this._totalSteps=this._items.length,this._updateStepItems()}updated(){this.hasDefaultSlot||(this.hasDefaultSlot=this.hasSlotController.test("[default]"))}_updateStepItems(){this._items&&this._items.length>0&&this._items.forEach((e,t)=>{e.stepIndex=t,e.active=this.activeStep===t,e.completed=e.completed||this.activeStep>t,e.clickable=this.linear?!e.disabled&&this.clickable&&(this.activeStep-1==t||this.activeStep+1==t):!e.disabled&&this.clickable,e.orientation=this.orientation,this._items.length>1&&(e.isFirstOfType=0===t,e.classList.toggle("last",t===this._items.length-1))})}getComponent(e=this.activeStep){var t,l;const a=this.hasDefaultSlot?this._items:this.steps;return console.log(e,this._items),a&&a.length>0?null===(t=a[e])||void 0===t?void 0:t.component:null===(l=this.steps[e])||void 0===l?void 0:l.component}nextStep(){var e;this.emit("sgds-next-step"),this.activeStep<this._totalSteps-1&&((null===(e=this._slotNodes[this.activeStep+1])||void 0===e?void 0:e.disabled)||this.activeStep++)}previousStep(){var e;this.emit("sgds-previous-step"),this.activeStep>0&&((null===(e=this._slotNodes[this.activeStep-1])||void 0===e?void 0:e.disabled)||this.activeStep--)}lastStep(){this.emit("sgds-last-step"),this.activeStep!==this._totalSteps-1&&(this.activeStep=this._totalSteps-1)}firstStep(){this.emit("sgds-first-step"),this.activeStep>0&&(this.activeStep=0)}reset(){this.emit("sgds-reset"),this.activeStep=this.defaultActiveStep}_onStepperItemClick(e){this.activeStep=e}_handleActiveStepChange(){this._updateStepItems(),this.emit("sgds-arrived")}_handleClickableChange(){this._updateStepItems()}_handleOrientationChange(){this._updateStepItems()}_handleKeyDown(e,t){"Enter"===e.key&&this._onStepperItemClick(t)}_handleStepClick(e){var t;const l=e;e.stopPropagation();const a=null===(t=l.detail)||void 0===t?void 0:t.stepIndex;this._onStepperItemClick(a)}render(){return Q`
       <div
         class="stepper ${Se({[`${this.orientation}`]:this.orientation,clickable:this.clickable})}"
       >
@@ -2278,13 +2278,13 @@ const Ve=1;class Be{constructor(e){}get _$isConnected(){return this._$parent._$i
                 </div>
               `)}
       </div>
-    `}}tt.styles=[...Ae.styles,Pe],tt.dependencies={"sgds-icon":Qe},e([He({type:Array})],tt.prototype,"steps",void 0),e([He({type:Number,reflect:!0})],tt.prototype,"activeStep",void 0),e([He({type:String,reflect:!0})],tt.prototype,"orientation",void 0),e([He({type:Boolean,reflect:!0})],tt.prototype,"clickable",void 0),e([He({type:Boolean,reflect:!0})],tt.prototype,"linear",void 0),e([((e="value")=>(t,l)=>{const a=t.constructor,i=a.prototype.attributeChangedCallback;a.prototype.attributeChangedCallback=function(t,c,o){var r;const s=a.getPropertyOptions(e);if(t===("string"==typeof s.attribute?s.attribute:e).toLowerCase()){const t=s.converter||x,a=("function"==typeof t?t:null!==(r=null==t?void 0:t.fromAttribute)&&void 0!==r?r:x.fromAttribute)(o,s.type);this[e]!==a&&(this[l]=a)}i.call(this,t,c,o)}})("activeStep")],tt.prototype,"defaultActiveStep",void 0),e([(e,t)=>{const{slot:l,selector:a}=Ye??{},i="slot"+(l?`[name=${l}]`:":not([name])");return((e,t,l)=>(l.configurable=!0,l.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,l),l))(e,t,{get(){const e=this.renderRoot?.querySelector(i),t=e?.assignedElements(Ye)??[];return void 0===a?t:t.filter(e=>e.matches(a))}})}],tt.prototype,"_slotNodes",void 0),e([He({type:Boolean})],tt.prototype,"hasDefaultSlot",void 0),e([Le("activeStep",{waitUntilFirstUpdate:!0})],tt.prototype,"_handleActiveStepChange",null),e([Le("clickable",{waitUntilFirstUpdate:!0})],tt.prototype,"_handleClickableChange",null),e([Le("orientation",{waitUntilFirstUpdate:!0})],tt.prototype,"_handleOrientationChange",null);var lt=o`:host{display:contents}.stepper-item-container{flex-basis:1em;flex-grow:1;flex-shrink:1;position:relative;width:fit-content}.stepper-item,.stepper-item-container{align-items:center;display:flex;flex-direction:column}.stepper-item{gap:var(--sgds-gap-sm)}.stepper-item.vertical{align-items:flex-start;flex-direction:row;margin-bottom:var(--sgds-padding-xl)}.stepper-item.clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper-item:not(.first):not(.vertical):before{background:var(--sgds-border-color-translucent);content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}:host(:not(.last)) .stepper-item-container .stepper-item.vertical:after{background:var(--sgds-bg-translucent);content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper-item-container .stepper-item.active:not(.first):before,.stepper-item-container .stepper-item.completed:not(.first):before,:host(:not(.last)) .stepper-item-container .stepper-item.completed:after{background:var(--sgds-primary-border-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;flex-shrink:0;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper-detail{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);max-width:var(--sgds-dimension-128);text-align:center}.stepper-item.vertical .stepper-detail{max-width:unset;padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper-item:not(.active):not(.completed) .stepper-label{color:var(--sgds-color-subtle)}.stepper-item.clickable:focus .stepper-marker,.stepper-item.clickable:focus-visible .stepper-marker,.stepper-item.clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper-item.clickable:focus .stepper-label,.stepper-item.clickable:focus-visible .stepper-label,.stepper-item.clickable:hover .stepper-label{color:var(--sgds-primary-color-emphasis)}.stepper-item.clickable .stepper-label{color:var(--sgds-primary-color-default)}.stepper-item.completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.stepper-item.active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper-slot{color:var(--sgds-color-subtle);display:flex;flex-direction:column;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);gap:var(--sgds-gap-xs);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.stepper-item.disabled{opacity:var(--sgds-opacity-40)}`;class at extends Ae{constructor(){super(...arguments),this.stepHeader="",this.stepIndex=0,this.active=!1,this.disabled=!1,this.completed=!1,this.isClickable=!1,this.orientation="horizontal",this.isFirstOfType=!1,this._isCompleted=!1}render(){const e=!this.disabled&&this.isClickable;return Q`
+    `}}tt.styles=[...Ae.styles,Pe],tt.dependencies={"sgds-icon":Qe},e([He({type:Array})],tt.prototype,"steps",void 0),e([He({type:Number,reflect:!0})],tt.prototype,"activeStep",void 0),e([He({type:String,reflect:!0})],tt.prototype,"orientation",void 0),e([He({type:Boolean,reflect:!0})],tt.prototype,"clickable",void 0),e([He({type:Boolean,reflect:!0})],tt.prototype,"linear",void 0),e([((e="value")=>(t,l)=>{const a=t.constructor,i=a.prototype.attributeChangedCallback;a.prototype.attributeChangedCallback=function(t,c,o){var r;const s=a.getPropertyOptions(e);if(t===("string"==typeof s.attribute?s.attribute:e).toLowerCase()){const t=s.converter||x,a=("function"==typeof t?t:null!==(r=null==t?void 0:t.fromAttribute)&&void 0!==r?r:x.fromAttribute)(o,s.type);this[e]!==a&&(this[l]=a)}i.call(this,t,c,o)}})("activeStep")],tt.prototype,"defaultActiveStep",void 0),e([(e,t)=>{const{slot:l,selector:a}=Ye??{},i="slot"+(l?`[name=${l}]`:":not([name])");return((e,t,l)=>(l.configurable=!0,l.enumerable=!0,Reflect.decorate&&"object"!=typeof t&&Object.defineProperty(e,t,l),l))(e,t,{get(){const e=this.renderRoot?.querySelector(i),t=e?.assignedElements(Ye)??[];return void 0===a?t:t.filter(e=>e.matches(a))}})}],tt.prototype,"_slotNodes",void 0),e([He({type:Boolean})],tt.prototype,"hasDefaultSlot",void 0),e([Le("activeStep",{waitUntilFirstUpdate:!0})],tt.prototype,"_handleActiveStepChange",null),e([Le("clickable",{waitUntilFirstUpdate:!0})],tt.prototype,"_handleClickableChange",null),e([Le("orientation",{waitUntilFirstUpdate:!0})],tt.prototype,"_handleOrientationChange",null);var lt=o`:host{display:contents}.stepper-item-container{flex-basis:1em;flex-grow:1;flex-shrink:1;position:relative;width:fit-content}.stepper-item,.stepper-item-container{align-items:center;display:flex;flex-direction:column}.stepper-item{gap:var(--sgds-gap-sm)}.stepper-item.vertical{align-items:flex-start;flex-direction:row;margin-bottom:var(--sgds-padding-xl)}.stepper-item.clickable:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.stepper-item:not(.first):not(.vertical):before{background:var(--sgds-border-color-translucent);content:" ";height:var(--sgds-dimension-2);left:calc(-50% + 16px);position:absolute;top:15px;width:calc(100% - var(--sgds-dimension-32))}:host(:not(.last)) .stepper-item-container .stepper-item.vertical:after{background:var(--sgds-bg-translucent);content:" ";height:calc(100% - var(--sgds-dimension-32));left:15px;position:absolute;top:32px;width:var(--sgds-dimension-2)}.stepper-item-container .stepper-item.active:not(.first):before,.stepper-item-container .stepper-item.completed:not(.first):before,:host(:not(.last)) .stepper-item-container .stepper-item.completed:after{background:var(--sgds-primary-border-color-default)}.stepper-item.clickable{cursor:pointer}.stepper-marker{align-items:center;background:var(--sgds-bg-translucent);border:var(--sgds-border-width-2) solid var(--sgds-border-color-transparent);border-radius:50%;color:var(--sgds-color-default);display:flex;flex-shrink:0;height:var(--sgds-dimension-32);justify-content:center;width:var(--sgds-dimension-32);z-index:1}.stepper-detail{display:flex;flex-direction:column;gap:var(--sgds-gap-2-xs);max-width:var(--sgds-dimension-128);text-align:center}.stepper-item.vertical .stepper-detail{max-width:unset;padding:var(--sgds-padding-2-xs) 0 0;text-align:left}.stepper-item:not(.active):not(.completed) .stepper-label{color:var(--sgds-color-subtle)}.stepper-item.clickable:focus .stepper-marker,.stepper-item.clickable:focus-visible .stepper-marker,.stepper-item.clickable:hover .stepper-marker{background-color:var(--sgds-primary-surface-emphasis);border-color:var(--sgds-border-color-transparent);color:var(--sgds-color-fixed-light)}.stepper-item.clickable:focus .stepper-label,.stepper-item.clickable:focus-visible .stepper-label,.stepper-item.clickable:hover .stepper-label{color:var(--sgds-primary-color-emphasis)}.stepper-item.clickable .stepper-label{color:var(--sgds-primary-color-default)}.stepper-item.completed .stepper-marker{background-color:var(--sgds-bg-transparent);border:var(--sgds-border-width-2) solid var(--sgds-primary-border-color-default);color:var(--sgds-primary-color-default)}.stepper-item.active .stepper-marker{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.stepper-slot{color:var(--sgds-color-subtle);display:flex;flex-direction:column;font-size:var(--sgds-font-size-label-sm);font-weight:var(--sgds-font-weight-regular);gap:var(--sgds-gap-xs);letter-spacing:var(--sgds-letter-spacing-normal);line-height:var(--sgds-line-height-2-xs)}.stepper-item.disabled{opacity:var(--sgds-opacity-40)}`;class at extends Ae{constructor(){super(...arguments),this.stepHeader="",this.clickable=!1,this.active=!1,this.disabled=!1,this.completed=!1,this.stepIndex=0,this.orientation="horizontal",this.isFirstOfType=!1}render(){const e=!this.disabled&&this.clickable;return Q`
       <div class="stepper-item-container">
         <div
-          class="stepper-item ${Se({first:this.isFirstOfType,active:this.active,completed:this._isCompleted,clickable:this.isClickable,vertical:"vertical"===this.orientation,disabled:this.disabled})}"
+          class="stepper-item ${Se({first:this.isFirstOfType,active:this.active,completed:this.completed,clickable:this.clickable,vertical:"vertical"===this.orientation,disabled:this.disabled})}"
           tabindex=${e?"0":"-1"}
           aria-current=${this.active?"step":"false"}
-          aria-disabled=${this.disabled||!this.active&&!this._isCompleted?"true":"false"}
+          aria-disabled=${this.disabled||!this.active&&!this.completed?"true":"false"}
           @click="${e?e=>this._handleClick(e):null}"
           @keydown=${e?e=>this._handleKeyDown(e):null}
         >
@@ -2298,5 +2298,5 @@ const Ve=1;class Be{constructor(e){}get _$isConnected(){return this._$parent._$i
           </div>
         </div>
       </div>
-    `}_handleClick(e){if(e){if(e.target.hasAttribute("data-clickable"))return}this.emit("i-sgds-click",{detail:{stepIndex:this.stepIndex}})}_handleKeyDown(e){"Enter"===e.key&&this._handleClick()}}function it(e,t){customElements.get(e)||customElements.define(e,t)}at.styles=[...Ae.styles,lt],at.dependencies={"sgds-icon":Qe},e([He({type:String,reflect:!0})],at.prototype,"stepHeader",void 0),e([He({type:String,reflect:!0})],at.prototype,"iconName",void 0),e([He({type:Object})],at.prototype,"component",void 0),e([He({type:Number})],at.prototype,"stepIndex",void 0),e([He({type:Boolean,reflect:!0})],at.prototype,"active",void 0),e([He({type:Boolean,reflect:!0})],at.prototype,"disabled",void 0),e([He({type:Boolean,reflect:!0})],at.prototype,"completed",void 0),e([He({type:Boolean})],at.prototype,"isClickable",void 0),e([He({type:String})],at.prototype,"orientation",void 0),e([He({type:Boolean})],at.prototype,"isFirstOfType",void 0),e([He({type:Boolean})],at.prototype,"_isCompleted",void 0),it("sgds-stepper",tt),it("sgds-step",at)});
+    `}_handleClick(e){if(e){if(e.target.hasAttribute("data-clickable"))return}this.emit("i-sgds-click",{detail:{stepIndex:this.stepIndex}})}_handleKeyDown(e){"Enter"===e.key&&this._handleClick()}}function it(e,t){customElements.get(e)||customElements.define(e,t)}at.styles=[...Ae.styles,lt],at.dependencies={"sgds-icon":Qe},e([He({type:String,reflect:!0})],at.prototype,"stepHeader",void 0),e([He({type:String,reflect:!0})],at.prototype,"iconName",void 0),e([He({type:Object})],at.prototype,"component",void 0),e([He({type:Boolean})],at.prototype,"clickable",void 0),e([He({type:Boolean,reflect:!0})],at.prototype,"active",void 0),e([He({type:Boolean,reflect:!0})],at.prototype,"disabled",void 0),e([He({type:Boolean,reflect:!0})],at.prototype,"completed",void 0),e([He({type:Number})],at.prototype,"stepIndex",void 0),e([He({type:String})],at.prototype,"orientation",void 0),e([He({type:Boolean})],at.prototype,"isFirstOfType",void 0),it("sgds-stepper",tt),it("sgds-step",at)});
 //# sourceMappingURL=index.umd.min.js.map