@maggioli-design-system/mds-breadcrumb - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

dist/cjs/mds-breadcrumb.cjs.entry.js

@@ -80,6 +80,6 @@ 'use strict';
       this.updateBackButton(selectedId);
-      this.onChanged(selectedId);
+      this.onChanged(selectedId, item);
     };
-    this.onChanged = (id) => {
-      this.changedEvent.emit({ id: id.toString() });
+    this.onChanged = (id, caller) => {
+      this.changedEvent.emit({ id: id.toString(), caller });
     };
@@ -123,3 +123,3 @@ this.back = true;
     this.updateBackButton(selectedId);
-    this.onChanged(selectedId);
+    this.onChanged(selectedId, event.target);
   }
@@ -126,0 +126,0 @@ render() {

dist/collection/components/mds-breadcrumb/mds-breadcrumb.js

@@ -30,6 +30,6 @@ import { Host, h } from '@stencil/core';
       this.updateBackButton(selectedId);
-      this.onChanged(selectedId);
+      this.onChanged(selectedId, item);
     };
-    this.onChanged = (id) => {
-      this.changedEvent.emit({ id: id.toString() });
+    this.onChanged = (id, caller) => {
+      this.changedEvent.emit({ id: id.toString(), caller });
     };
@@ -73,3 +73,3 @@ this.back = true;
     this.updateBackButton(selectedId);
-    this.onChanged(selectedId);
+    this.onChanged(selectedId, event.target);
   }
@@ -126,8 +126,8 @@ render() {
         "complexType": {
-          "original": "BreadcrumbClickedEvent",
-          "resolved": "BreadcrumbClickedEvent",
+          "original": "MdsBreadcrumbEventDetail",
+          "resolved": "MdsBreadcrumbEventDetail",
           "references": {
-            "BreadcrumbClickedEvent": {
+            "MdsBreadcrumbEventDetail": {
               "location": "import",
-              "path": "./meta/interface"
+              "path": "./meta/event-detail"
             }
@@ -134,0 +134,0 @@ }

dist/components/mds-breadcrumb.js

@@ -78,6 +78,6 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
       this.updateBackButton(selectedId);
-      this.onChanged(selectedId);
+      this.onChanged(selectedId, item);
     };
-    this.onChanged = (id) => {
-      this.changedEvent.emit({ id: id.toString() });
+    this.onChanged = (id, caller) => {
+      this.changedEvent.emit({ id: id.toString(), caller });
     };
@@ -121,3 +121,3 @@ this.back = true;
     this.updateBackButton(selectedId);
-    this.onChanged(selectedId);
+    this.onChanged(selectedId, event.target);
   }
@@ -124,0 +124,0 @@ render() {

dist/esm-es5/mds-breadcrumb.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-95cb68ae.js";var miBaselineArrowBack='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>';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(t){if(t.code==="Escape"&&e.escapeCallback){e.escapeCallback()}};this.addElement=function(t,r){if(r===void 0){r="element"}e.elements[r]=t};this.attachClickBehavior=function(t){if(t===void 0){t="element"}if(e.elements[t]){e.elements[t].addEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(t){if(t===void 0){t="element"}if(e.elements[t]){e.elements[t].removeEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(t){e.escapeCallback=t;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 mdsBreadcrumbCss="@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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.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-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;gap:0px;overflow:auto;scroll-behavior:smooth;padding:0.5rem;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host::-webkit-scrollbar{display:none}.back{margin-right:0.25rem;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;background-color:var(--mds-breadcrumb-button-background);fill:var(--mds-breadcrumb-button-color)}.back:hover{--mds-breadcrumb-button-background:var(--mds-breadcrumb-button-background-hover);--mds-breadcrumb-button-color:var(--mds-breadcrumb-button-color-hover)}.disabled{pointer-events:none;--mds-breadcrumb-button-background:var(--mds-breadcrumb-button-background-disabled);--mds-breadcrumb-button-color:var(--mds-breadcrumb-button-color-disabled)}";var MdsBreadcrumb=function(){function e(e){var t=this;registerInstance(this,e);this.changedEvent=createEvent(this,"mdsBreadcrumbChange",7);this.kb=new KeyboardManager;this.queryItems=function(){return t.element.querySelectorAll("mds-breadcrumb-item")};this.updateBackButton=function(e){var r=t.element.shadowRoot.querySelector(".back");if(e===0){r.classList.add("disabled");t.kb.detachClickBehavior();return}r.classList.remove("disabled");t.kb.attachClickBehavior()};this.togglePrevious=function(){var e=t.element.querySelector("mds-breadcrumb-item[selected]");var r=Number(e.id.replace("item-",""));var o=t.queryItems();var a=0;o.forEach((function(e,t){e.selected=t===r-1;if(e.selected){a=t}}));t.updateBackButton(a);t.onChanged(a)};this.onChanged=function(e){t.changedEvent.emit({id:e.toString()})};this.back=true}e.prototype.componentDidLoad=function(){var e=this.queryItems();e.forEach((function(e,t){return e.id="item-".concat(t)}));var t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t||t.id==="item-0"){this.updateBackButton(0)}if(this.back){var r=this.element.shadowRoot.querySelector(".back");this.kb.addElement(r);this.kb.attachClickBehavior()}};e.prototype.componentDidUpdate=function(){if(this.back){var e=this.element.shadowRoot.querySelector(".back");this.kb.addElement(e);this.kb.attachClickBehavior();return}this.kb.detachClickBehavior()};e.prototype.disconnectedCallback=function(){this.kb.detachClickBehavior()};e.prototype.activedEventHandler=function(e){var t=this.queryItems();var r=0;t.forEach((function(t,o){t.selected="item-".concat(o)===e.detail.id&&e.detail.selected;if(t.selected){r=o}}));this.updateBackButton(r);this.onChanged(r)};e.prototype.render=function(){return h(Host,null,this.back&&h("div",{tabindex:"0",class:"back focusable",onClick:this.togglePrevious},h("i",{class:"svg icon",innerHTML:miBaselineArrowBack})),h("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsBreadcrumb.style=mdsBreadcrumbCss;export{MdsBreadcrumb as mds_breadcrumb};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-95cb68ae.js";var miBaselineArrowBack='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z"/></svg>';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(t){if(t.code==="Escape"&&e.escapeCallback){e.escapeCallback()}};this.addElement=function(t,r){if(r===void 0){r="element"}e.elements[r]=t};this.attachClickBehavior=function(t){if(t===void 0){t="element"}if(e.elements[t]){e.elements[t].addEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(t){if(t===void 0){t="element"}if(e.elements[t]){e.elements[t].removeEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(t){e.escapeCallback=t;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 mdsBreadcrumbCss="@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)}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.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-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;gap:0px;overflow:auto;scroll-behavior:smooth;padding:0.5rem;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}:host::-webkit-scrollbar{display:none}.back{margin-right:0.25rem;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;background-color:var(--mds-breadcrumb-button-background);fill:var(--mds-breadcrumb-button-color)}.back:hover{--mds-breadcrumb-button-background:var(--mds-breadcrumb-button-background-hover);--mds-breadcrumb-button-color:var(--mds-breadcrumb-button-color-hover)}.disabled{pointer-events:none;--mds-breadcrumb-button-background:var(--mds-breadcrumb-button-background-disabled);--mds-breadcrumb-button-color:var(--mds-breadcrumb-button-color-disabled)}";var MdsBreadcrumb=function(){function e(e){var t=this;registerInstance(this,e);this.changedEvent=createEvent(this,"mdsBreadcrumbChange",7);this.kb=new KeyboardManager;this.queryItems=function(){return t.element.querySelectorAll("mds-breadcrumb-item")};this.updateBackButton=function(e){var r=t.element.shadowRoot.querySelector(".back");if(e===0){r.classList.add("disabled");t.kb.detachClickBehavior();return}r.classList.remove("disabled");t.kb.attachClickBehavior()};this.togglePrevious=function(){var e=t.element.querySelector("mds-breadcrumb-item[selected]");var r=Number(e.id.replace("item-",""));var o=t.queryItems();var a=0;o.forEach((function(e,t){e.selected=t===r-1;if(e.selected){a=t}}));t.updateBackButton(a);t.onChanged(a,e)};this.onChanged=function(e,r){t.changedEvent.emit({id:e.toString(),caller:r})};this.back=true}e.prototype.componentDidLoad=function(){var e=this.queryItems();e.forEach((function(e,t){return e.id="item-".concat(t)}));var t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t||t.id==="item-0"){this.updateBackButton(0)}if(this.back){var r=this.element.shadowRoot.querySelector(".back");this.kb.addElement(r);this.kb.attachClickBehavior()}};e.prototype.componentDidUpdate=function(){if(this.back){var e=this.element.shadowRoot.querySelector(".back");this.kb.addElement(e);this.kb.attachClickBehavior();return}this.kb.detachClickBehavior()};e.prototype.disconnectedCallback=function(){this.kb.detachClickBehavior()};e.prototype.activedEventHandler=function(e){var t=this.queryItems();var r=0;t.forEach((function(t,o){t.selected="item-".concat(o)===e.detail.id&&e.detail.selected;if(t.selected){r=o}}));this.updateBackButton(r);this.onChanged(r,e.target)};e.prototype.render=function(){return h(Host,null,this.back&&h("div",{tabindex:"0",class:"back focusable",onClick:this.togglePrevious},h("i",{class:"svg icon",innerHTML:miBaselineArrowBack})),h("slot",null))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsBreadcrumb.style=mdsBreadcrumbCss;export{MdsBreadcrumb as mds_breadcrumb};

dist/esm/mds-breadcrumb.entry.js

@@ -76,6 +76,6 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-95cb68ae.js';
       this.updateBackButton(selectedId);
-      this.onChanged(selectedId);
+      this.onChanged(selectedId, item);
     };
-    this.onChanged = (id) => {
-      this.changedEvent.emit({ id: id.toString() });
+    this.onChanged = (id, caller) => {
+      this.changedEvent.emit({ id: id.toString(), caller });
     };
@@ -119,3 +119,3 @@ this.back = true;
     this.updateBackButton(selectedId);
-    this.onChanged(selectedId);
+    this.onChanged(selectedId, event.target);
   }
@@ -122,0 +122,0 @@ render() {

dist/mds-breadcrumb/mds-breadcrumb.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as c}from"./p-29c25cf0.js";export{s as setNonce}from"./p-29c25cf0.js";(()=>{const c=import.meta.url,r={};return""!==c&&(r.resourcesUrl=new URL(".",c).href),e(r)})().then((e=>c([["p-58c1ec19",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],e)));
+import{p as e,b as r}from"./p-29c25cf0.js";export{s as setNonce}from"./p-29c25cf0.js";(()=>{const r=import.meta.url,c={};return""!==r&&(c.resourcesUrl=new URL(".",r).href),e(c)})().then((e=>r([["p-74fa7894",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],e)));

dist/mds-breadcrumb/p-28b1799c.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-fed3ccf0.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-971d4415.system",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],e)}))}}}));
+System.register(["./p-fed3ccf0.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-35e3fecb.system",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],e)}))}}}));

dist/stats.json

 {
-  "timestamp": "2023-03-09T10:46:01",
+  "timestamp": "2023-03-14T14:54:32",
   "compiler": {
@@ -21,3 +21,3 @@ "name": "node",
           "./dist/collection/components/mds-breadcrumb/mds-breadcrumb.js",
-          "./dist/collection/components/mds-breadcrumb/meta/interface.js",
+          "./dist/collection/components/mds-breadcrumb/meta/event-detail.js",
           "./dist/collection/components/mds-breadcrumb/test/mds-breadcrumb.stories.js",
@@ -82,5 +82,5 @@ "./dist/collection/dictionary/autocomplete.js",
           "./dist/mds-breadcrumb/p-29c25cf0.js",
+          "./dist/mds-breadcrumb/p-35e3fecb.system.entry.js",
           "./dist/mds-breadcrumb/p-50ea2036.system.js",
-          "./dist/mds-breadcrumb/p-58c1ec19.entry.js",
-          "./dist/mds-breadcrumb/p-971d4415.system.entry.js",
+          "./dist/mds-breadcrumb/p-74fa7894.entry.js",
           "./dist/mds-breadcrumb/p-fed3ccf0.system.js",
@@ -92,5 +92,5 @@ "./www/build/index.esm.js",
           "./www/build/p-29c25cf0.js",
+          "./www/build/p-35e3fecb.system.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-58c1ec19.entry.js",
-          "./www/build/p-971d4415.system.entry.js",
+          "./www/build/p-74fa7894.entry.js",
           "./www/build/p-fed3ccf0.system.js"
@@ -129,8 +129,8 @@ ]
         ],
-        "bundleId": "p-58c1ec19",
-        "fileName": "p-58c1ec19.entry.js",
+        "bundleId": "p-74fa7894",
+        "fileName": "p-74fa7894.entry.js",
         "imports": [
           "p-29c25cf0.js"
         ],
-        "originalByteSize": 7693
+        "originalByteSize": 7729
       }
@@ -149,3 +149,3 @@ ],
         ],
-        "originalByteSize": 7697
+        "originalByteSize": 7733
       }
@@ -164,3 +164,3 @@ ],
         ],
-        "originalByteSize": 7697
+        "originalByteSize": 7733
       }
@@ -174,8 +174,8 @@ ],
         ],
-        "bundleId": "p-971d4415.system",
-        "fileName": "p-971d4415.system.entry.js",
+        "bundleId": "p-35e3fecb.system",
+        "fileName": "p-35e3fecb.system.entry.js",
         "imports": [
           "p-fed3ccf0.system.js"
         ],
-        "originalByteSize": 8667
+        "originalByteSize": 8703
       }
@@ -194,3 +194,3 @@ ],
         ],
-        "originalByteSize": 7756
+        "originalByteSize": 7792
       }
@@ -229,8 +229,8 @@ ]
           "complexType": {
-            "original": "BreadcrumbClickedEvent",
-            "resolved": "BreadcrumbClickedEvent",
+            "original": "MdsBreadcrumbEventDetail",
+            "resolved": "MdsBreadcrumbEventDetail",
             "references": {
-              "BreadcrumbClickedEvent": {
+              "MdsBreadcrumbEventDetail": {
                 "location": "import",
-                "path": "./meta/interface"
+                "path": "./meta/event-detail"
               }
@@ -337,8 +337,8 @@ }
               "complexType": {
-                "original": "BreadcrumbClickedEvent",
-                "resolved": "BreadcrumbClickedEvent",
+                "original": "MdsBreadcrumbEventDetail",
+                "resolved": "MdsBreadcrumbEventDetail",
                 "references": {
-                  "BreadcrumbClickedEvent": {
+                  "MdsBreadcrumbEventDetail": {
                     "location": "import",
-                    "path": "./meta/interface"
+                    "path": "./meta/event-detail"
                   }
@@ -507,3 +507,3 @@ }
     "./src/components/mds-breadcrumb/mds-breadcrumb.tsx": [],
-    "./src/components/mds-breadcrumb/meta/interface.ts": [],
+    "./src/components/mds-breadcrumb/meta/event-detail.ts": [],
     "./src/components/mds-breadcrumb/test/mds-breadcrumb.stories.tsx": [],
@@ -510,0 +510,0 @@ "./src/dictionary/autocomplete.ts": [],

dist/types/components.d.ts

@@ -8,3 +8,3 @@ /* eslint-disable */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { BreadcrumbClickedEvent } from "./components/mds-breadcrumb/meta/interface";
+import { MdsBreadcrumbEventDetail } from "./components/mds-breadcrumb/meta/event-detail";
 export namespace Components {
@@ -42,3 +42,3 @@ interface MdsBreadcrumb {
          */
-        "onMdsBreadcrumbChange"?: (event: MdsBreadcrumbCustomEvent<BreadcrumbClickedEvent>) => void;
+        "onMdsBreadcrumbChange"?: (event: MdsBreadcrumbCustomEvent<MdsBreadcrumbEventDetail>) => void;
     }
@@ -45,0 +45,0 @@ interface IntrinsicElements {

dist/types/components/mds-breadcrumb/mds-breadcrumb.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
-import { BreadcrumbClickedEvent } from './meta/interface';
+import { MdsBreadcrumbEventDetail } from './meta/event-detail';
+import { MdsBreadcrumbItemEventDetail } from '@component/mds-breadcrumb-item/meta/event-detail';
 export declare class MdsBreadcrumb {
@@ -13,3 +14,3 @@ private element;
    */
-  changedEvent: EventEmitter<BreadcrumbClickedEvent>;
+  changedEvent: EventEmitter<MdsBreadcrumbEventDetail>;
   private queryItems;
@@ -20,3 +21,3 @@ private updateBackButton;
   disconnectedCallback(): void;
-  activedEventHandler(event: CustomEvent<BreadcrumbClickedEvent>): void;
+  activedEventHandler(event: CustomEvent<MdsBreadcrumbItemEventDetail>): void;
   private togglePrevious;
@@ -23,0 +24,0 @@ private onChanged;

package.json

 {
   "name": "@maggioli-design-system/mds-breadcrumb",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "mds-breadcrumb 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.",
@@ -26,3 +26,3 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/mds-breadcrumb-item": "^2.0.0",
+    "@maggioli-design-system/mds-breadcrumb-item": "^2.1.0",
     "@maggioli-design-system/styles": "^11.2.1",
@@ -29,0 +29,0 @@ "@stencil/core": "^2.22.2"

readme.md

@@ -17,5 +17,5 @@ # mds-breadcrumb
 
-| Event                 | Description                          | Type                                  |
-| --------------------- | ------------------------------------ | ------------------------------------- |
-| `mdsBreadcrumbChange` | Emits when the breadcrumb is changed | `CustomEvent<BreadcrumbClickedEvent>` |
+| Event                 | Description                          | Type                                    |
+| --------------------- | ------------------------------------ | --------------------------------------- |
+| `mdsBreadcrumbChange` | Emits when the breadcrumb is changed | `CustomEvent<MdsBreadcrumbEventDetail>` |
 
@@ -22,0 +22,0 @@

src/components.d.ts

@@ -8,3 +8,3 @@ /* eslint-disable */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
-import { BreadcrumbClickedEvent } from "./components/mds-breadcrumb/meta/interface";
+import { MdsBreadcrumbEventDetail } from "./components/mds-breadcrumb/meta/event-detail";
 export namespace Components {
@@ -42,3 +42,3 @@ interface MdsBreadcrumb {
          */
-        "onMdsBreadcrumbChange"?: (event: MdsBreadcrumbCustomEvent<BreadcrumbClickedEvent>) => void;
+        "onMdsBreadcrumbChange"?: (event: MdsBreadcrumbCustomEvent<MdsBreadcrumbEventDetail>) => void;
     }
@@ -45,0 +45,0 @@ interface IntrinsicElements {

src/components/mds-breadcrumb/readme.md

@@ -17,5 +17,5 @@ # mds-breadcrumb
 
-| Event                 | Description                          | Type                                  |
-| --------------------- | ------------------------------------ | ------------------------------------- |
-| `mdsBreadcrumbChange` | Emits when the breadcrumb is changed | `CustomEvent<BreadcrumbClickedEvent>` |
+| Event                 | Description                          | Type                                    |
+| --------------------- | ------------------------------------ | --------------------------------------- |
+| `mdsBreadcrumbChange` | Emits when the breadcrumb is changed | `CustomEvent<MdsBreadcrumbEventDetail>` |
 
@@ -22,0 +22,0 @@

www/build/mds-breadcrumb.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as c}from"./p-29c25cf0.js";export{s as setNonce}from"./p-29c25cf0.js";(()=>{const c=import.meta.url,r={};return""!==c&&(r.resourcesUrl=new URL(".",c).href),e(r)})().then((e=>c([["p-58c1ec19",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],e)));
+import{p as e,b as r}from"./p-29c25cf0.js";export{s as setNonce}from"./p-29c25cf0.js";(()=>{const r=import.meta.url,c={};return""!==r&&(c.resourcesUrl=new URL(".",r).href),e(c)})().then((e=>r([["p-74fa7894",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],e)));

www/build/p-28b1799c.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-fed3ccf0.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-971d4415.system",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],e)}))}}}));
+System.register(["./p-fed3ccf0.system.js"],(function(e,r){"use strict";var t,n;return{setters:[function(r){t=r.p;n=r.b;e("setNonce",r.s)}],execute:function(){var e=function(){var e=r.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};e().then((function(e){return n([["p-35e3fecb.system",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],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

770969

increased by0.08%

Worsened metrics

Number of package files

142

decreased by-0.7%

Lines of code

9821

decreased by-0.01%

Dependency changes

• Updated@maggioli-design-system/mds-breadcrumb-item@^2.1.0