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

Comparing version 2.1.0 to 2.2.0

dist/cjs/loader.cjs.js

@@ -8,3 +8,3 @@ 'use strict';
 /*
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchEsm = () => {

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

@@ -42,3 +42,3 @@ 'use strict';
     this.detachEscapeBehavior = () => {
-      this.escapeCallback = null;
+      this.escapeCallback = () => { return; };
       if (typeof window !== undefined) {
@@ -60,3 +60,6 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
     this.updateBackButton = (id) => {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      var _a;
+      if (!this.back)
+        return;
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       if (id === 0) {
@@ -72,2 +75,4 @@ backElement.classList.add('disabled');
       const item = this.element.querySelector('mds-breadcrumb-item[selected]');
+      if (!item)
+        return;
       const id = Number(item.id.replace('item-', ''));
@@ -91,2 +96,3 @@ const items = this.queryItems();
   componentDidLoad() {
+    var _a;
     const items = this.queryItems();
@@ -99,3 +105,3 @@ items.forEach((item, key) => item.id = `item-${key}`);
     if (this.back) {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       this.kb.addElement(backElement);
@@ -106,4 +112,5 @@ this.kb.attachClickBehavior();
   componentDidUpdate() {
+    var _a;
     if (this.back) {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       this.kb.addElement(backElement);
@@ -110,0 +117,0 @@ this.kb.attachClickBehavior();

dist/cjs/mds-breadcrumb.cjs.js

@@ -8,3 +8,3 @@ 'use strict';
 /*
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {
     "name": "@stencil/core",
-    "version": "2.22.2",
+    "version": "2.22.3",
     "typescriptVersion": "4.9.4"
@@ -10,0 +10,0 @@ },

dist/collection/common/aria.js

@@ -9,7 +9,9 @@ const hash = (s) => {
 const unslugName = (name) => {
-  return name.split('/').slice(-1).pop().replace(/-/g, ' ');
+  var _a, _b, _c;
+  return (_c = (_b = (_a = name.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()) === null || _b === void 0 ? void 0 : _b.replace(/-/g, ' ')) !== null && _c !== void 0 ? _c : name;
 };
 const setAttributeIfEmpty = (element, attribute, value) => {
+  var _a;
   if (element.hasAttribute(attribute)) {
-    return element.getAttribute(attribute);
+    return (_a = element.getAttribute(attribute)) !== null && _a !== void 0 ? _a : '';
   }
@@ -16,0 +18,0 @@ element.setAttribute(attribute, value);

dist/collection/common/keyboard-manager.js

@@ -34,3 +34,3 @@ export class KeyboardManager {
     this.detachEscapeBehavior = () => {
-      this.escapeCallback = null;
+      this.escapeCallback = () => { return; };
       if (typeof window !== undefined) {
@@ -37,0 +37,0 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));

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

@@ -9,3 +9,6 @@ import { Host, h } from '@stencil/core';
     this.updateBackButton = (id) => {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      var _a;
+      if (!this.back)
+        return;
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       if (id === 0) {
@@ -21,2 +24,4 @@ backElement.classList.add('disabled');
       const item = this.element.querySelector('mds-breadcrumb-item[selected]');
+      if (!item)
+        return;
       const id = Number(item.id.replace('item-', ''));
@@ -40,2 +45,3 @@ const items = this.queryItems();
   componentDidLoad() {
+    var _a;
     const items = this.queryItems();
@@ -48,3 +54,3 @@ items.forEach((item, key) => item.id = `item-${key}`);
     if (this.back) {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       this.kb.addElement(backElement);
@@ -55,4 +61,5 @@ this.kb.attachClickBehavior();
   componentDidUpdate() {
+    var _a;
     if (this.back) {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       this.kb.addElement(backElement);
@@ -102,3 +109,3 @@ this.kb.attachClickBehavior();
           "original": "boolean",
-          "resolved": "boolean",
+          "resolved": "boolean | undefined",
           "references": {}
@@ -105,0 +112,0 @@ },

dist/components/mds-breadcrumb.js

@@ -38,3 +38,3 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
     this.detachEscapeBehavior = () => {
-      this.escapeCallback = null;
+      this.escapeCallback = () => { return; };
       if (typeof window !== undefined) {
@@ -58,3 +58,6 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
     this.updateBackButton = (id) => {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      var _a;
+      if (!this.back)
+        return;
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       if (id === 0) {
@@ -70,2 +73,4 @@ backElement.classList.add('disabled');
       const item = this.element.querySelector('mds-breadcrumb-item[selected]');
+      if (!item)
+        return;
       const id = Number(item.id.replace('item-', ''));
@@ -89,2 +94,3 @@ const items = this.queryItems();
   componentDidLoad() {
+    var _a;
     const items = this.queryItems();
@@ -97,3 +103,3 @@ items.forEach((item, key) => item.id = `item-${key}`);
     if (this.back) {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       this.kb.addElement(backElement);
@@ -104,4 +110,5 @@ this.kb.attachClickBehavior();
   componentDidUpdate() {
+    var _a;
     if (this.back) {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       this.kb.addElement(backElement);
@@ -108,0 +115,0 @@ this.kb.attachClickBehavior();

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,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};
+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=function(){return};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;if(!t.back)return;var o=(r=t.element.shadowRoot)===null||r===void 0?void 0:r.querySelector(".back");if(e===0){o.classList.add("disabled");t.kb.detachClickBehavior();return}o.classList.remove("disabled");t.kb.attachClickBehavior()};this.togglePrevious=function(){var e=t.element.querySelector("mds-breadcrumb-item[selected]");if(!e)return;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;var t=this.queryItems();t.forEach((function(e,t){return e.id="item-".concat(t)}));var r=this.element.querySelector("mds-breadcrumb-item[selected]");if(!r||r.id==="item-0"){this.updateBackButton(0)}if(this.back){var o=(e=this.element.shadowRoot)===null||e===void 0?void 0:e.querySelector(".back");this.kb.addElement(o);this.kb.attachClickBehavior()}};e.prototype.componentDidUpdate=function(){var e;if(this.back){var t=(e=this.element.shadowRoot)===null||e===void 0?void 0:e.querySelector(".back");this.kb.addElement(t);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/loader.js

@@ -5,3 +5,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-95cb68ae.js';
 /*
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
  */
@@ -8,0 +8,0 @@ const patchEsm = () => {

dist/esm/mds-breadcrumb.entry.js

@@ -38,3 +38,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-95cb68ae.js';
     this.detachEscapeBehavior = () => {
-      this.escapeCallback = null;
+      this.escapeCallback = () => { return; };
       if (typeof window !== undefined) {
@@ -56,3 +56,6 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
     this.updateBackButton = (id) => {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      var _a;
+      if (!this.back)
+        return;
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       if (id === 0) {
@@ -68,2 +71,4 @@ backElement.classList.add('disabled');
       const item = this.element.querySelector('mds-breadcrumb-item[selected]');
+      if (!item)
+        return;
       const id = Number(item.id.replace('item-', ''));
@@ -87,2 +92,3 @@ const items = this.queryItems();
   componentDidLoad() {
+    var _a;
     const items = this.queryItems();
@@ -95,3 +101,3 @@ items.forEach((item, key) => item.id = `item-${key}`);
     if (this.back) {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       this.kb.addElement(backElement);
@@ -102,4 +108,5 @@ this.kb.attachClickBehavior();
   componentDidUpdate() {
+    var _a;
     if (this.back) {
-      const backElement = this.element.shadowRoot.querySelector('.back');
+      const backElement = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.back');
       this.kb.addElement(backElement);
@@ -106,0 +113,0 @@ this.kb.attachClickBehavior();

dist/esm/mds-breadcrumb.js

@@ -5,3 +5,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-95cb68ae.js';
 /*
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
  */
@@ -8,0 +8,0 @@ const patchBrowser = () => {

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

@@ -1,1 +0,1 @@
-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)));
+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-9c81255f",[[1,"mds-breadcrumb",{back:[4]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]]],e)));

dist/stats.json

 {
-  "timestamp": "2023-03-14T14:54:32",
+  "timestamp": "2023-04-14T10:15:56",
   "compiler": {
@@ -79,7 +79,7 @@ "name": "node",
           "./dist/mds-breadcrumb/mds-breadcrumb.js",
-          "./dist/mds-breadcrumb/p-28b1799c.system.js",
           "./dist/mds-breadcrumb/p-29c25cf0.js",
-          "./dist/mds-breadcrumb/p-35e3fecb.system.entry.js",
+          "./dist/mds-breadcrumb/p-3140dd15.system.js",
           "./dist/mds-breadcrumb/p-50ea2036.system.js",
-          "./dist/mds-breadcrumb/p-74fa7894.entry.js",
+          "./dist/mds-breadcrumb/p-9c81255f.entry.js",
+          "./dist/mds-breadcrumb/p-acc2ffb0.system.entry.js",
           "./dist/mds-breadcrumb/p-fed3ccf0.system.js",
@@ -89,7 +89,7 @@ "./www/build/index.esm.js",
           "./www/build/mds-breadcrumb.js",
-          "./www/build/p-28b1799c.system.js",
           "./www/build/p-29c25cf0.js",
-          "./www/build/p-35e3fecb.system.entry.js",
+          "./www/build/p-3140dd15.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-74fa7894.entry.js",
+          "./www/build/p-9c81255f.entry.js",
+          "./www/build/p-acc2ffb0.system.entry.js",
           "./www/build/p-fed3ccf0.system.js"
@@ -128,8 +128,8 @@ ]
         ],
-        "bundleId": "p-74fa7894",
-        "fileName": "p-74fa7894.entry.js",
+        "bundleId": "p-9c81255f",
+        "fileName": "p-9c81255f.entry.js",
         "imports": [
           "p-29c25cf0.js"
         ],
-        "originalByteSize": 7729
+        "originalByteSize": 7992
       }
@@ -148,3 +148,3 @@ ],
         ],
-        "originalByteSize": 7733
+        "originalByteSize": 7996
       }
@@ -163,3 +163,3 @@ ],
         ],
-        "originalByteSize": 7733
+        "originalByteSize": 7996
       }
@@ -173,8 +173,8 @@ ],
         ],
-        "bundleId": "p-35e3fecb.system",
-        "fileName": "p-35e3fecb.system.entry.js",
+        "bundleId": "p-acc2ffb0.system",
+        "fileName": "p-acc2ffb0.system.entry.js",
         "imports": [
           "p-fed3ccf0.system.js"
         ],
-        "originalByteSize": 8703
+        "originalByteSize": 9008
       }
@@ -193,3 +193,3 @@ ],
         ],
-        "originalByteSize": 7792
+        "originalByteSize": 8055
       }
@@ -265,3 +265,3 @@ ]
             "original": "boolean",
-            "resolved": "boolean",
+            "resolved": "boolean | undefined",
             "references": {}
@@ -303,3 +303,3 @@ },
                 "original": "boolean",
-                "resolved": "boolean",
+                "resolved": "boolean | undefined",
                 "references": {}
@@ -306,0 +306,0 @@ },

dist/types/interface/input-value.d.ts

@@ -1,4 +0,4 @@
-import { InputValueType } from '../types/input-value-type';
+import { InputValueType } from '@type/input-value-type';
 export interface InputValue {
   value: InputValueType;
 }

package.json

 {
   "name": "@maggioli-design-system/mds-breadcrumb",
-  "version": "2.1.0",
+  "version": "2.2.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.",
@@ -15,2 +15,3 @@ "main": "dist/index.cjs.js",
     "dist/",
+    "documentation.json",
     "loader/",
@@ -27,5 +28,5 @@ "readme.md",
   "dependencies": {
-    "@maggioli-design-system/mds-breadcrumb-item": "^2.1.0",
-    "@maggioli-design-system/styles": "^11.2.1",
-    "@stencil/core": "^2.22.2"
+    "@maggioli-design-system/mds-breadcrumb-item": "^2.2.0",
+    "@maggioli-design-system/styles": "^11.4.0",
+    "@stencil/core": "^2.22.3"
   },
@@ -45,12 +46,17 @@ "license": "MIT",
     {
-      "name": "Vittorio Vittori",
-      "email": "[e-mail]",
-      "role": "UX UI Designer"
-    },
-    {
       "name": "Daniele Tardia",
       "email": "[e-mail]",
       "role": "Senior Developer"
+    },
+    {
+      "name": "Nicola Tamburini",
+      "email": "[e-mail]",
+      "role": "Software Engineer"
+    },
+    {
+      "name": "Vittorio Vittori",
+      "email": "[e-mail]",
+      "role": "Product Designer"
     }
   ]
 }

readme.md

@@ -10,5 +10,5 @@ # mds-breadcrumb
 
-| Property | Attribute | Description                                    | Type      | Default |
-| -------- | --------- | ---------------------------------------------- | --------- | ------- |
-| `back`   | `back`    | Choose to display or not the back arrow button | `boolean` | `true`  |
+| Property | Attribute | Description                                    | Type                   | Default |
+| -------- | --------- | ---------------------------------------------- | ---------------------- | ------- |
+| `back`   | `back`    | Choose to display or not the back arrow button | `boolean \| undefined` | `true`  |
 
@@ -15,0 +15,0 @@

src/common/aria.ts

@@ -10,3 +10,3 @@ const hash = (s: string): string => {
 const unslugName = (name: string): string => {
-  return name.split('/').slice(-1).pop().replace(/-/g, ' ')
+  return name.split('/')?.slice(-1).pop()?.replace(/-/g, ' ') ?? name
 }
@@ -16,3 +16,3 @@
   if (element.hasAttribute(attribute)) {
-    return element.getAttribute(attribute)
+    return element.getAttribute(attribute) ?? ''
   }
@@ -19,0 +19,0 @@ element.setAttribute(attribute, value)

src/common/keyboard-manager.ts

@@ -41,3 +41,3 @@ export class KeyboardManager {
   detachEscapeBehavior = (): void => {
-    this.escapeCallback = null
+    this.escapeCallback = () => {return}
     if (typeof window !== undefined) {
@@ -44,0 +44,0 @@ window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))

src/components/mds-breadcrumb/readme.md

@@ -10,5 +10,5 @@ # mds-breadcrumb
 
-| Property | Attribute | Description                                    | Type      | Default |
-| -------- | --------- | ---------------------------------------------- | --------- | ------- |
-| `back`   | `back`    | Choose to display or not the back arrow button | `boolean` | `true`  |
+| Property | Attribute | Description                                    | Type                   | Default |
+| -------- | --------- | ---------------------------------------------- | ---------------------- | ------- |
+| `back`   | `back`    | Choose to display or not the back arrow button | `boolean \| undefined` | `true`  |
 
@@ -15,0 +15,0 @@

src/fixtures/icons.json

@@ -224,2 +224,3 @@ [
     "mi/baseline/person",
+    "mi/baseline/pets",
     "mi/baseline/radio-button-checked",
@@ -226,0 +227,0 @@ "mi/baseline/radio-button-unchecked",

src/interface/input-value.ts

@@ -1,2 +0,2 @@
-import { InputValueType } from '../types/input-value-type'
+import { InputValueType } from '@type/input-value-type'
 
@@ -3,0 +3,0 @@ export interface InputValue {

www/build/mds-breadcrumb.esm.js

@@ -1,1 +0,1 @@
-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)));
+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-9c81255f",[[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

783718

increased by1.65%

Number of package files

145

increased by2.11%

Lines of code

10232

increased by4.18%

Dependency changes

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

• Updated@maggioli-design-system/styles@^11.4.0

• Updated@stencil/core@^2.22.3