@maggioli-design-system/mds-stepper-bar-item - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["mds-stepper-bar-item.cjs",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"selected":[516],"current":[1540],"typography":[1],"isSelected":[32],"isCurrent":[32],"index":[32]}]]]], options);
+  return index.bootstrapLazy([["mds-stepper-bar-item.cjs",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"selected":[516],"current":[1540],"value":[513],"typography":[1],"isSelected":[32],"isCurrent":[32],"index":[32]}]]]], options);
   });
@@ -20,0 +20,0 @@ };

dist/cjs/mds-stepper-bar-item.cjs.entry.js

@@ -67,3 +67,3 @@ 'use strict';
       this.isCurrent = true;
-      this.selectedEvent.emit(this.host.id);
+      this.selectedEvent.emit({ value: this.value });
     };
@@ -89,2 +89,3 @@ this.showBadge = () => {
     this.current = false;
+    this.value = undefined;
     this.typography = 'h6';
@@ -91,0 +92,0 @@ }

dist/cjs/mds-stepper-bar-item.cjs.js

@@ -20,5 +20,5 @@ 'use strict';
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["mds-stepper-bar-item.cjs",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"selected":[516],"current":[1540],"typography":[1],"isSelected":[32],"isCurrent":[32],"index":[32]}]]]], options);
+  return index.bootstrapLazy([["mds-stepper-bar-item.cjs",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"selected":[516],"current":[1540],"value":[513],"typography":[1],"isSelected":[32],"isCurrent":[32],"index":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

dist/collection/components/mds-stepper-bar-item/mds-stepper-bar-item.js

@@ -17,3 +17,3 @@ import clsx from 'clsx';
       this.isCurrent = true;
-      this.selectedEvent.emit(this.host.id);
+      this.selectedEvent.emit({ value: this.value });
     };
@@ -39,2 +39,3 @@ this.showBadge = () => {
     this.current = false;
+    this.value = undefined;
     this.typography = 'h6';
@@ -192,2 +193,19 @@ }
       },
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the value the component will return mdsStepperBarItemSelect event"
+        },
+        "attribute": "value",
+        "reflect": true
+      },
       "typography": {
@@ -237,5 +255,10 @@ "type": "string",
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "MdsStepperBarItemEventDetail",
+          "resolved": "MdsStepperBarItemEventDetail",
+          "references": {
+            "MdsStepperBarItemEventDetail": {
+              "location": "import",
+              "path": "./meta/event-detail"
+            }
+          }
         }
@@ -242,0 +265,0 @@ }];

dist/components/mds-stepper-bar-item.js

@@ -65,3 +65,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
       this.isCurrent = true;
-      this.selectedEvent.emit(this.host.id);
+      this.selectedEvent.emit({ value: this.value });
     };
@@ -87,2 +87,3 @@ this.showBadge = () => {
     this.current = false;
+    this.value = undefined;
     this.typography = 'h6';
@@ -118,2 +119,3 @@ }
     "current": [1540],
+    "value": [513],
     "typography": [1],
@@ -120,0 +122,0 @@ "isSelected": [32],

dist/esm-es5/loader.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-7e2acc7a.js";export{s as setNonce}from"./index-7e2acc7a.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],t)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-7e2acc7a.js";export{s as setNonce}from"./index-7e2acc7a.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,t){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],value:[513],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],t)}))};export{defineCustomElements};

dist/esm-es5/mds-stepper-bar-item.entry.js

@@ -1,1 +0,1 @@
-var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var i=0,o=r.length,s;i<o;i++){if(s||!(i in r)){if(!s)s=Array.prototype.slice.call(r,0,i);s[i]=r[i]}}return e.concat(s||Array.prototype.slice.call(r))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7e2acc7a.js";function r(e){var t,i,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(i=r(e[t]))&&(o&&(o+=" "),o+=i);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function clsx(){for(var e,t,i=0,o="";i<arguments.length;)(e=arguments[i++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}var KeyboardManager=function(){function e(){var e=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(e){if(e.code==="Space"||e.code==="Enter"||e.code==="NumpadEnter"){e.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(r){if(r.code==="Escape"&&e.escapeCallback){e.escapeCallback()}};this.addElement=function(r,t){if(t===void 0){t="element"}e.elements[t]=r};this.attachClickBehavior=function(r){if(r===void 0){r="element"}if(e.elements[r]){e.elements[r].addEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(r){if(r===void 0){r="element"}if(e.elements[r]){e.elements[r].removeEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(r){e.escapeCallback=r;if(typeof window!==undefined){window.addEventListener("keydown",e.handleEscapeBehaviorDispatchEvent.bind(e))}};this.detachEscapeBehavior=function(){e.escapeCallback=null;if(typeof window!==undefined){window.removeEventListener("keydown",e.handleEscapeBehaviorDispatchEvent.bind(e))}}}return e}();var mdsStepperBarItemCss="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03));--mds-stepper-bar-item-duaration:250ms;--mds-stepper-bar-item-icon-background-selected:rgb(var(--status-success-05));--mds-stepper-bar-item-icon-background-current:rgb(var(--brand-maggioli-04));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));--mds-stepper-bar-item-icon-color-selected:rgb(var(--status-success-10));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current);--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral));--mds-stepper-bar-item-icon-ring-separator-size:0.375rem;--mds-stepper-bar-item-icon-ring-size:0.25rem;--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04));--mds-stepper-bar-item-progress-thickness:0.5rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0px;flex-basis:0px;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--mds-stepper-bar-item-min-width);padding-left:calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));padding-top:calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));-webkit-transition-property:outline, outline-offset;transition-property:outline, outline-offset}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ selected ]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-selected);--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-selected);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current);--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current);-webkit-box-shadow:0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);box-shadow:0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration) / 2);transition-delay:calc(var(--mds-stepper-bar-item-duaration) / 2)}:host(:not([ selected ])) .icon,:host(:not([ current ])) .icon{--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:0.375rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-property:outline, outline-offset;transition-property:outline, outline-offset}.icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;border-radius:9999px;padding:0.5rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-stepper-bar-item-icon-background);-webkit-box-shadow:0 0 0 0 var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-color);box-shadow:0 0 0 0 var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-color);fill:var(--mds-stepper-bar-item-icon-color);-webkit-transition-duration:var(--mds-stepper-bar-item-duaration);transition-duration:var(--mds-stepper-bar-item-duaration)}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background);--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color);--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem)}.infos{display:grid;cursor:pointer;gap:0.25rem;padding-left:0.25rem}.text{pointer-events:none;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;color:var(--mds-stepper-bar-item-color);-webkit-transition-duration:var(--mds-stepper-bar-item-duaration);transition-duration:var(--mds-stepper-bar-item-duaration)}.badge{pointer-events:none;border-radius:9999px}.step{pointer-events:none;border-radius:9999px;--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}";var MdsStepperBarItem=function(){function e(e){var r=this;registerInstance(this,e);this.selectedEvent=createEvent(this,"mdsStepperBarItemSelect",7);this.km=new KeyboardManager;this.componentDidLoad=function(){var e=r.host.shadowRoot.querySelector("header");r.km.addElement(e);r.km.attachClickBehavior()};this.disconnectedCallback=function(){r.km.detachClickBehavior()};this.toggle=function(){r.isCurrent=true;r.selectedEvent.emit(r.host.id)};this.showBadge=function(){if(r.isSelected){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(r.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isSelected=undefined;this.isCurrent=undefined;this.index=undefined;this.text=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.selected=false;this.current=false;this.typography="h6"}e.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isSelected=this.selected;this.index=__spreadArray([],Array.from(this.host.parentElement.childNodes),true).indexOf(this.host)};e.prototype.selectedHandler=function(e){this.isSelected=e};e.prototype.currentHandler=function(e){this.isCurrent=e};e.prototype.render=function(){return h(Host,null,h("header",{class:"header focusable",onClick:this.toggle,tabindex:"0"},h("mds-icon",{class:"icon",name:clsx(this.isSelected&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{class:"progress",progress:this.isSelected?1:0})),h("div",{class:"infos",onClick:this.toggle},this.step&&h("mds-text",{class:"step",typography:"option"},"step ",this.index+1),this.text&&h("mds-text",{class:"text",typography:this.typography},this.text),this.badge&&h("div",null,this.showBadge())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return e}();MdsStepperBarItem.style=mdsStepperBarItemCss;export{MdsStepperBarItem as mds_stepper_bar_item};
+var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var i=0,o=r.length,s;i<o;i++){if(s||!(i in r)){if(!s)s=Array.prototype.slice.call(r,0,i);s[i]=r[i]}}return e.concat(s||Array.prototype.slice.call(r))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7e2acc7a.js";function r(e){var t,i,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(i=r(e[t]))&&(o&&(o+=" "),o+=i);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function clsx(){for(var e,t,i=0,o="";i<arguments.length;)(e=arguments[i++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}var KeyboardManager=function(){function e(){var e=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(e){if(e.code==="Space"||e.code==="Enter"||e.code==="NumpadEnter"){e.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(r){if(r.code==="Escape"&&e.escapeCallback){e.escapeCallback()}};this.addElement=function(r,t){if(t===void 0){t="element"}e.elements[t]=r};this.attachClickBehavior=function(r){if(r===void 0){r="element"}if(e.elements[r]){e.elements[r].addEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(r){if(r===void 0){r="element"}if(e.elements[r]){e.elements[r].removeEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(r){e.escapeCallback=r;if(typeof window!==undefined){window.addEventListener("keydown",e.handleEscapeBehaviorDispatchEvent.bind(e))}};this.detachEscapeBehavior=function(){e.escapeCallback=null;if(typeof window!==undefined){window.removeEventListener("keydown",e.handleEscapeBehaviorDispatchEvent.bind(e))}}}return e}();var mdsStepperBarItemCss="@tailwind components; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03));--mds-stepper-bar-item-duaration:250ms;--mds-stepper-bar-item-icon-background-selected:rgb(var(--status-success-05));--mds-stepper-bar-item-icon-background-current:rgb(var(--brand-maggioli-04));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));--mds-stepper-bar-item-icon-color-selected:rgb(var(--status-success-10));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current);--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral));--mds-stepper-bar-item-icon-ring-separator-size:0.375rem;--mds-stepper-bar-item-icon-ring-size:0.25rem;--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04));--mds-stepper-bar-item-progress-thickness:0.5rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0px;flex-basis:0px;scroll-snap-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1rem;min-width:var(--mds-stepper-bar-item-min-width);padding-left:calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));padding-top:calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));-webkit-transition-property:outline, outline-offset;transition-property:outline, outline-offset}:host(:last-of-type){-ms-flex-preferred-size:0.25rem;flex-basis:0.25rem}:host(:last-of-type) .progress{display:none}:host([ selected ]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-selected);--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-selected);-webkit-transition-delay:0ms;transition-delay:0ms}:host([ current ]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current);--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current);-webkit-box-shadow:0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);box-shadow:0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration) / 2);transition-delay:calc(var(--mds-stepper-bar-item-duaration) / 2)}:host(:not([ selected ])) .icon,:host(:not([ current ])) .icon{--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background)}.header{display:-ms-flexbox;display:flex;width:100%;cursor:pointer;-ms-flex-align:center;align-items:center;border-radius:0.375rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-property:outline, outline-offset;transition-property:outline, outline-offset}.icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;border-radius:9999px;padding:0.5rem;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--mds-stepper-bar-item-icon-background);-webkit-box-shadow:0 0 0 0 var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-color);box-shadow:0 0 0 0 var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-color);fill:var(--mds-stepper-bar-item-icon-color);-webkit-transition-duration:var(--mds-stepper-bar-item-duaration);transition-duration:var(--mds-stepper-bar-item-duaration)}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background);--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color);--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness);margin-left:-0.25rem;-ms-flex-positive:1;flex-grow:1;margin-right:calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem)}.infos{display:grid;cursor:pointer;gap:0.25rem;padding-left:0.25rem}.text{pointer-events:none;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;color:var(--mds-stepper-bar-item-color);-webkit-transition-duration:var(--mds-stepper-bar-item-duaration);transition-duration:var(--mds-stepper-bar-item-duaration)}.badge{pointer-events:none;border-radius:9999px}.step{pointer-events:none;border-radius:9999px;--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}";var MdsStepperBarItem=function(){function e(e){var r=this;registerInstance(this,e);this.selectedEvent=createEvent(this,"mdsStepperBarItemSelect",7);this.km=new KeyboardManager;this.componentDidLoad=function(){var e=r.host.shadowRoot.querySelector("header");r.km.addElement(e);r.km.attachClickBehavior()};this.disconnectedCallback=function(){r.km.detachClickBehavior()};this.toggle=function(){r.isCurrent=true;r.selectedEvent.emit({value:r.value})};this.showBadge=function(){if(r.isSelected){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(r.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isSelected=undefined;this.isCurrent=undefined;this.index=undefined;this.text=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.selected=false;this.current=false;this.value=undefined;this.typography="h6"}e.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isSelected=this.selected;this.index=__spreadArray([],Array.from(this.host.parentElement.childNodes),true).indexOf(this.host)};e.prototype.selectedHandler=function(e){this.isSelected=e};e.prototype.currentHandler=function(e){this.isCurrent=e};e.prototype.render=function(){return h(Host,null,h("header",{class:"header focusable",onClick:this.toggle,tabindex:"0"},h("mds-icon",{class:"icon",name:clsx(this.isSelected&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{class:"progress",progress:this.isSelected?1:0})),h("div",{class:"infos",onClick:this.toggle},this.step&&h("mds-text",{class:"step",typography:"option"},"step ",this.index+1),this.text&&h("mds-text",{class:"text",typography:this.typography},this.text),this.badge&&h("div",null,this.showBadge())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return e}();MdsStepperBarItem.style=mdsStepperBarItemCss;export{MdsStepperBarItem as mds_stepper_bar_item};

dist/esm-es5/mds-stepper-bar-item.js

@@ -1,1 +0,1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-7e2acc7a.js";export{s as setNonce}from"./index-7e2acc7a.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-7e2acc7a.js";export{s as setNonce}from"./index-7e2acc7a.js";var patchBrowser=function(){var e=import.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return promiseResolve(r)};patchBrowser().then((function(e){return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],value:[513],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)}));

dist/esm/loader.js

@@ -14,3 +14,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-7e2acc7a.js';
   return patchEsm().then(() => {
-  return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"selected":[516],"current":[1540],"typography":[1],"isSelected":[32],"isCurrent":[32],"index":[32]}]]]], options);
+  return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"selected":[516],"current":[1540],"value":[513],"typography":[1],"isSelected":[32],"isCurrent":[32],"index":[32]}]]]], options);
   });
@@ -17,0 +17,0 @@ };

dist/esm/mds-stepper-bar-item.entry.js

@@ -63,3 +63,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-7e2acc7a.js';
       this.isCurrent = true;
-      this.selectedEvent.emit(this.host.id);
+      this.selectedEvent.emit({ value: this.value });
     };
@@ -85,2 +85,3 @@ this.showBadge = () => {
     this.current = false;
+    this.value = undefined;
     this.typography = 'h6';
@@ -87,0 +88,0 @@ }

dist/esm/mds-stepper-bar-item.js

@@ -17,3 +17,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-7e2acc7a.js';
 patchBrowser().then(options => {
-  return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"selected":[516],"current":[1540],"typography":[1],"isSelected":[32],"isCurrent":[32],"index":[32]}]]]], options);
+  return bootstrapLazy([["mds-stepper-bar-item",[[1,"mds-stepper-bar-item",{"text":[1],"step":[4],"badge":[1540],"icon":[1],"iconChecked":[1,"icon-checked"],"selected":[516],"current":[1540],"value":[513],"typography":[1],"isSelected":[32],"isCurrent":[32],"index":[32]}]]]], options);
 });

dist/mds-stepper-bar-item/mds-stepper-bar-item.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as t}from"./p-5233da01.js";export{s as setNonce}from"./p-5233da01.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),e(r)})().then((e=>t([["p-2c7bb5b0",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)));
+import{p as e,b as t}from"./p-5233da01.js";export{s as setNonce}from"./p-5233da01.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),e(r)})().then((e=>t([["p-7e43a054",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],value:[513],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)));

dist/mds-stepper-bar-item/p-60ab95ad.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-521f2489.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-b0eb0bb2.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));
+System.register(["./p-521f2489.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-33655035.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],value:[513],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));

dist/stats.json

 {
-  "timestamp": "2023-03-09T10:57:31",
+  "timestamp": "2023-03-14T14:59:23",
   "compiler": {
@@ -12,7 +12,7 @@ "name": "node",
     "entries": 1,
-    "bundles": 65,
+    "bundles": 66,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 24,
+        "files": 25,
         "generatedFiles": [
@@ -22,2 +22,3 @@ "./dist/collection/common/aria.js",
           "./dist/collection/components/mds-stepper-bar-item/mds-stepper-bar-item.js",
+          "./dist/collection/components/mds-stepper-bar-item/meta/event-detail.js",
           "./dist/collection/components/mds-stepper-bar-item/test/mds-stepper-bar-item.stories.js",
@@ -80,3 +81,3 @@ "./dist/collection/dictionary/autocomplete.js",
           "./dist/mds-stepper-bar-item/mds-stepper-bar-item.js",
-          "./dist/mds-stepper-bar-item/p-2c7bb5b0.entry.js",
+          "./dist/mds-stepper-bar-item/p-33655035.system.entry.js",
           "./dist/mds-stepper-bar-item/p-50ea2036.system.js",
@@ -86,7 +87,7 @@ "./dist/mds-stepper-bar-item/p-521f2489.system.js",
           "./dist/mds-stepper-bar-item/p-60ab95ad.system.js",
-          "./dist/mds-stepper-bar-item/p-b0eb0bb2.system.entry.js",
+          "./dist/mds-stepper-bar-item/p-7e43a054.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-stepper-bar-item.esm.js",
           "./www/build/mds-stepper-bar-item.js",
-          "./www/build/p-2c7bb5b0.entry.js",
+          "./www/build/p-33655035.system.entry.js",
           "./www/build/p-50ea2036.system.js",
@@ -96,3 +97,3 @@ "./www/build/p-521f2489.system.js",
           "./www/build/p-60ab95ad.system.js",
-          "./www/build/p-b0eb0bb2.system.entry.js"
+          "./www/build/p-7e43a054.entry.js"
         ]
@@ -130,8 +131,8 @@ },
         ],
-        "bundleId": "p-2c7bb5b0",
-        "fileName": "p-2c7bb5b0.entry.js",
+        "bundleId": "p-7e43a054",
+        "fileName": "p-7e43a054.entry.js",
         "imports": [
           "p-5233da01.js"
         ],
-        "originalByteSize": 12380
+        "originalByteSize": 12417
       }
@@ -150,3 +151,3 @@ ],
         ],
-        "originalByteSize": 12384
+        "originalByteSize": 12421
       }
@@ -165,3 +166,3 @@ ],
         ],
-        "originalByteSize": 12384
+        "originalByteSize": 12421
       }
@@ -175,8 +176,8 @@ ],
         ],
-        "bundleId": "p-b0eb0bb2.system",
-        "fileName": "p-b0eb0bb2.system.entry.js",
+        "bundleId": "p-33655035.system",
+        "fileName": "p-33655035.system.entry.js",
         "imports": [
           "p-521f2489.system.js"
         ],
-        "originalByteSize": 13230
+        "originalByteSize": 13273
       }
@@ -195,3 +196,3 @@ ],
         ],
-        "originalByteSize": 12485
+        "originalByteSize": 12522
       }
@@ -230,5 +231,10 @@ ]
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "MdsStepperBarItemEventDetail",
+            "resolved": "MdsStepperBarItemEventDetail",
+            "references": {
+              "MdsStepperBarItemEventDetail": {
+                "location": "import",
+                "path": "./meta/event-detail"
+              }
+            }
           },
@@ -387,2 +393,21 @@ "internal": false
         {
+          "name": "value",
+          "type": "string",
+          "attribute": "value",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Specifies the value the component will return mdsStepperBarItemSelect event"
+          },
+          "internal": false
+        },
+        {
           "name": "typography",
@@ -576,2 +601,21 @@ "type": "string",
             {
+              "name": "value",
+              "type": "string",
+              "attribute": "value",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": true,
+              "complexType": {
+                "original": "string",
+                "resolved": "string",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Specifies the value the component will return mdsStepperBarItemSelect event"
+              },
+              "internal": false
+            },
+            {
               "name": "typography",
@@ -628,5 +672,10 @@ "type": "string",
               "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
+                "original": "MdsStepperBarItemEventDetail",
+                "resolved": "MdsStepperBarItemEventDetail",
+                "references": {
+                  "MdsStepperBarItemEventDetail": {
+                    "location": "import",
+                    "path": "./meta/event-detail"
+                  }
+                }
               },
@@ -829,2 +878,3 @@ "internal": false
     "./src/components/mds-stepper-bar-item/mds-stepper-bar-item.tsx": [],
+    "./src/components/mds-stepper-bar-item/meta/event-detail.ts": [],
     "./src/components/mds-stepper-bar-item/test/mds-stepper-bar-item.stories.tsx": [],
@@ -831,0 +881,0 @@ "./src/dictionary/autocomplete.ts": [],

dist/types/components.d.ts

@@ -9,2 +9,3 @@ /* eslint-disable */
 import { TypographyType } from "@type/typography";
+import { MdsStepperBarItemEventDetail } from "./components/mds-stepper-bar-item/meta/event-detail";
 export namespace Components {
@@ -44,2 +45,6 @@ interface MdsStepperBarItem {
         "typography"?: TypographyType;
+        /**
+          * Specifies the value the component will return mdsStepperBarItemSelect event
+         */
+        "value"?: string;
     }
@@ -83,3 +88,3 @@ }
          */
-        "onMdsStepperBarItemSelect"?: (event: MdsStepperBarItemCustomEvent<string>) => void;
+        "onMdsStepperBarItemSelect"?: (event: MdsStepperBarItemCustomEvent<MdsStepperBarItemEventDetail>) => void;
         /**
@@ -101,2 +106,6 @@ * Specifies if the component is checked or not
         "typography"?: TypographyType;
+        /**
+          * Specifies the value the component will return mdsStepperBarItemSelect event
+         */
+        "value"?: string;
     }
@@ -103,0 +112,0 @@ interface IntrinsicElements {

dist/types/components/mds-stepper-bar-item/mds-stepper-bar-item.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
 import { TypographyType } from '@type/typography';
+import { MdsStepperBarItemEventDetail } from './meta/event-detail';
 export declare class MdsStepperBarItem {
@@ -38,2 +39,6 @@ private host;
   /**
+   * Specifies the value the component will return mdsStepperBarItemSelect event
+   */
+  value?: string;
+  /**
    * Specifies the typography of the element
@@ -52,4 +57,4 @@ */
    */
-  selectedEvent: EventEmitter<string>;
+  selectedEvent: EventEmitter<MdsStepperBarItemEventDetail>;
   render(): any;
 }

package.json

 {
   "name": "@maggioli-design-system/mds-stepper-bar-item",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "mds-stepper-bar-item is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

readme.md

@@ -20,2 +20,3 @@ # mds-stepper-bar-item
 | `typography`        | `typography`   | Specifies the typography of the element                                               | `"action" \| "caption" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph" \| "snippet" \| "tip"` | `'h6'`      |
+| `value`             | `value`        | Specifies the value the component will return mdsStepperBarItemSelect event           | `string`                                                                                                                                                  | `undefined` |
 
@@ -25,5 +26,5 @@
 
-| Event                     | Description                          | Type                  |
-| ------------------------- | ------------------------------------ | --------------------- |
-| `mdsStepperBarItemSelect` | Emits when the accordion is selected | `CustomEvent<string>` |
+| Event                     | Description                          | Type                                        |
+| ------------------------- | ------------------------------------ | ------------------------------------------- |
+| `mdsStepperBarItemSelect` | Emits when the accordion is selected | `CustomEvent<MdsStepperBarItemEventDetail>` |
 
@@ -30,0 +31,0 @@

src/components.d.ts

@@ -9,2 +9,3 @@ /* eslint-disable */
 import { TypographyType } from "@type/typography";
+import { MdsStepperBarItemEventDetail } from "./components/mds-stepper-bar-item/meta/event-detail";
 export namespace Components {
@@ -44,2 +45,6 @@ interface MdsStepperBarItem {
         "typography"?: TypographyType;
+        /**
+          * Specifies the value the component will return mdsStepperBarItemSelect event
+         */
+        "value"?: string;
     }
@@ -83,3 +88,3 @@ }
          */
-        "onMdsStepperBarItemSelect"?: (event: MdsStepperBarItemCustomEvent<string>) => void;
+        "onMdsStepperBarItemSelect"?: (event: MdsStepperBarItemCustomEvent<MdsStepperBarItemEventDetail>) => void;
         /**
@@ -101,2 +106,6 @@ * Specifies if the component is checked or not
         "typography"?: TypographyType;
+        /**
+          * Specifies the value the component will return mdsStepperBarItemSelect event
+         */
+        "value"?: string;
     }
@@ -103,0 +112,0 @@ interface IntrinsicElements {

src/components/mds-stepper-bar-item/readme.md

@@ -20,2 +20,3 @@ # mds-stepper-bar-item
 | `typography`        | `typography`   | Specifies the typography of the element                                               | `"action" \| "caption" \| "detail" \| "h1" \| "h2" \| "h3" \| "h4" \| "h5" \| "h6" \| "hack" \| "label" \| "option" \| "paragraph" \| "snippet" \| "tip"` | `'h6'`      |
+| `value`             | `value`        | Specifies the value the component will return mdsStepperBarItemSelect event           | `string`                                                                                                                                                  | `undefined` |
 
@@ -25,5 +26,5 @@
 
-| Event                     | Description                          | Type                  |
-| ------------------------- | ------------------------------------ | --------------------- |
-| `mdsStepperBarItemSelect` | Emits when the accordion is selected | `CustomEvent<string>` |
+| Event                     | Description                          | Type                                        |
+| ------------------------- | ------------------------------------ | ------------------------------------------- |
+| `mdsStepperBarItemSelect` | Emits when the accordion is selected | `CustomEvent<MdsStepperBarItemEventDetail>` |
 
@@ -30,0 +31,0 @@

www/build/mds-stepper-bar-item.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as t}from"./p-5233da01.js";export{s as setNonce}from"./p-5233da01.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),e(r)})().then((e=>t([["p-2c7bb5b0",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)));
+import{p as e,b as t}from"./p-5233da01.js";export{s as setNonce}from"./p-5233da01.js";(()=>{const t=import.meta.url,r={};return""!==t&&(r.resourcesUrl=new URL(".",t).href),e(r)})().then((e=>t([["p-7e43a054",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],value:[513],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)));

www/build/p-60ab95ad.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-521f2489.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-b0eb0bb2.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));
+System.register(["./p-521f2489.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-33655035.system",[[1,"mds-stepper-bar-item",{text:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],selected:[516],current:[1540],value:[513],typography:[1],isSelected:[32],isCurrent:[32],index:[32]}]]]],e)}))}}}));

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

848063

increased by0.58%

Number of package files

141

increased by2.17%

Lines of code

10716

increased by1.06%

Number of lines in readme file

72

increased by1.41%

No dependency changes