@maggioli-design-system/mds-paginator-item 2.2.0 → 2.3.0

package/dist/esm-es5/loader.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-43abfe8a.js";export{s as setNonce}from"./index-43abfe8a.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-paginator-item",[[1,"mds-paginator-item",{icon:[513],active:[516],disabled:[516]}]]]],t)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-43abfe8a.js";export{s as setNonce}from"./index-43abfe8a.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-paginator-item",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],t)}))};export{defineCustomElements};

package/dist/esm-es5/mds-paginator-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-43abfe8a.js";var KeyboardManager=function(){function o(){var o=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(o){if(o.code==="Space"||o.code==="Enter"||o.code==="NumpadEnter"){o.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(e){if(e.code==="Escape"&&o.escapeCallback){o.escapeCallback()}};this.addElement=function(e,t){if(t===void 0){t="element"}o.elements[t]=e};this.attachClickBehavior=function(e){if(e===void 0){e="element"}if(o.elements[e]){o.elements[e].addEventListener("keydown",o.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(e){if(e===void 0){e="element"}if(o.elements[e]){o.elements[e].removeEventListener("keydown",o.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(e){o.escapeCallback=e;if(typeof window!==undefined){window.addEventListener("keydown",o.handleEscapeBehaviorDispatchEvent.bind(o))}};this.detachEscapeBehavior=function(){o.escapeCallback=null;if(typeof window!==undefined){window.removeEventListener("keydown",o.handleEscapeBehaviorDispatchEvent.bind(o))}}}return o}();var mdsPaginatorItemCss="@tailwind components; .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-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--brand-maggioli-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;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;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-left:0.75rem;padding-right:0.75rem;-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);background-color:var(--mds-paginator-item-background);border-radius:var(--mds-paginator-item-radius);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);min-width:var(--mds-paginator-item-size);-webkit-transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, box-shadow, color, outline, outline-offset;transition-property:background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}:host(:hover){background-color:var(--mds-paginator-item-background-hover);-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover);fill:var(--mds-paginator-item-color-hover)}:host([icon]){padding:0px}:host([active]){pointer-events:none;background-color:var(--mds-paginator-item-background-selected);-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected);fill:var(--mds-paginator-item-color-selected)}:host([disabled]){pointer-events:none;background-color:var(--mds-paginator-item-background-disabled);-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled);fill:var(--mds-paginator-item-color-disabled)}.icon{padding-left:0px;padding-right:0px}";var MdsPaginatorItem=function(){function o(o){var e=this;registerInstance(this,o);this.km=new KeyboardManager;this.componentDidLoad=function(){e.km.addElement(e.host);e.km.attachClickBehavior()};this.componentDidUpdate=function(){if(!e.disabled&&!e.active){e.km.attachClickBehavior();return}e.km.detachClickBehavior()};this.disconnectedCallback=function(){e.km.detachClickBehavior()};this.icon=undefined;this.active=undefined;this.disabled=undefined}o.prototype.render=function(){return h(Host,{tabindex:"0"},this.icon!==undefined?h("mds-icon",{name:this.icon}):h("mds-text",{class:"text",typography:"detail"},h("slot",null)))};Object.defineProperty(o.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();MdsPaginatorItem.style=mdsPaginatorItemCss;export{MdsPaginatorItem as mds_paginator_item};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-43abfe8a.js";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(o){if(o.code==="Escape"&&e.escapeCallback){e.escapeCallback()}};this.addElement=function(o,t){if(t===void 0){t="element"}e.elements[t]=o};this.attachClickBehavior=function(o){if(o===void 0){o="element"}if(e.elements[o]){e.elements[o].addEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(o){if(o===void 0){o="element"}if(e.elements[o]){e.elements[o].removeEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(o){e.escapeCallback=o;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 mdsPaginatorItemCss="@tailwind components; .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-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--brand-maggioli-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;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;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-left:0.75rem;padding-right:0.75rem;-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);background-color:var(--mds-paginator-item-background);border-radius:var(--mds-paginator-item-radius);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);min-width:var(--mds-paginator-item-size);-webkit-transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, box-shadow, color, outline, outline-offset;transition-property:background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}:host(:hover){background-color:var(--mds-paginator-item-background-hover);-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover);fill:var(--mds-paginator-item-color-hover)}:host([icon]){padding:0px}:host([selected]){pointer-events:none;background-color:var(--mds-paginator-item-background-selected);-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected);fill:var(--mds-paginator-item-color-selected)}:host([disabled]){pointer-events:none;background-color:var(--mds-paginator-item-background-disabled);-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled);fill:var(--mds-paginator-item-color-disabled)}.icon{padding-left:0px;padding-right:0px}";var MdsPaginatorItem=function(){function e(e){var o=this;registerInstance(this,e);this.km=new KeyboardManager;this.componentDidLoad=function(){o.km.addElement(o.host);o.km.attachClickBehavior()};this.componentDidUpdate=function(){if(!o.disabled&&!o.selected){o.km.attachClickBehavior();return}o.km.detachClickBehavior()};this.disconnectedCallback=function(){o.km.detachClickBehavior()};this.icon=undefined;this.selected=undefined;this.disabled=undefined}e.prototype.render=function(){return h(Host,{tabindex:"0"},this.icon!==undefined?h("mds-icon",{name:this.icon}):h("mds-text",{class:"text",typography:"detail"},h("slot",null)))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsPaginatorItem.style=mdsPaginatorItemCss;export{MdsPaginatorItem as mds_paginator_item};

package/dist/esm-es5/mds-paginator-item.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-43abfe8a.js";export{s as setNonce}from"./index-43abfe8a.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-paginator-item",[[1,"mds-paginator-item",{icon:[513],active:[516],disabled:[516]}]]]],e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-43abfe8a.js";export{s as setNonce}from"./index-43abfe8a.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-paginator-item",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],e)}));

package/dist/mds-paginator-item/mds-paginator-item.esm.js

@@ -1 +1 @@
-import{p as o,b as t}from"./p-cd35cb31.js";export{s as setNonce}from"./p-cd35cb31.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),o(t)})().then((s=>t([["p-6f0a5176",[[1,"mds-paginator-item",{icon:[513],active:[516],disabled:[516]}]]]],s)));
+import{p as e,b as o}from"./p-cd35cb31.js";export{s as setNonce}from"./p-cd35cb31.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((s=>o([["p-a07f2745",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],s)));

package/dist/mds-paginator-item/mds-paginator-item.js

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-043d636e.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-d8314fea.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/dist/mds-paginator-item/p-a07f2745.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t,H as i,g as r}from"./p-cd35cb31.js";class e{constructor(){this.elements=[],this.handleClickBehaviorDispatchEvent=o=>{"Space"!==o.code&&"Enter"!==o.code&&"NumpadEnter"!==o.code||o.target.click()},this.handleEscapeBehaviorDispatchEvent=o=>{"Escape"===o.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(o,t="element")=>{this.elements[t]=o},this.attachClickBehavior=(o="element")=>{this.elements[o]&&this.elements[o].addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(o="element")=>{this.elements[o]&&this.elements[o].removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=o=>{this.escapeCallback=o,void 0!==typeof window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=()=>{},void 0!==typeof window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}const a=class{constructor(t){o(this,t),this.km=new e,this.componentDidLoad=()=>{this.km.addElement(this.host),this.km.attachClickBehavior()},this.componentDidUpdate=()=>{this.disabled||this.selected?this.km.detachClickBehavior():this.km.attachClickBehavior()},this.disconnectedCallback=()=>{this.km.detachClickBehavior()},this.icon=void 0,this.selected=void 0,this.disabled=void 0}render(){return t(i,{tabindex:"0"},void 0!==this.icon?t("mds-icon",{name:this.icon}):t("mds-text",{class:"text",typography:"detail"},t("slot",null)))}get host(){return r(this)}};a.style="@tailwind components; .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-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--brand-maggioli-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;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;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-left:0.75rem;padding-right:0.75rem;-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);background-color:var(--mds-paginator-item-background);border-radius:var(--mds-paginator-item-radius);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);min-width:var(--mds-paginator-item-size);-webkit-transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, box-shadow, color, outline, outline-offset;transition-property:background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}:host(:hover){background-color:var(--mds-paginator-item-background-hover);-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover);fill:var(--mds-paginator-item-color-hover)}:host([icon]){padding:0px}:host([selected]){pointer-events:none;background-color:var(--mds-paginator-item-background-selected);-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected);fill:var(--mds-paginator-item-color-selected)}:host([disabled]){pointer-events:none;background-color:var(--mds-paginator-item-background-disabled);-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled);fill:var(--mds-paginator-item-color-disabled)}.icon{padding-left:0px;padding-right:0px}";export{a as mds_paginator_item}

package/dist/mds-paginator-item/{p-043d636e.system.js → p-d8314fea.system.js}

@@ -1 +1 @@
-System.register(["./p-545e4388.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-632f225a.system",[[1,"mds-paginator-item",{icon:[513],active:[516],disabled:[516]}]]]],e)}))}}}));
+System.register(["./p-545e4388.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-fda89125.system",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],e)}))}}}));

package/dist/mds-paginator-item/p-fda89125.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-545e4388.system.js"],(function(e){"use strict";var o,t,i,a;return{setters:[function(e){o=e.r;t=e.h;i=e.H;a=e.g}],execute:function(){var r=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(o){if(o.code==="Escape"&&e.escapeCallback){e.escapeCallback()}};this.addElement=function(o,t){if(t===void 0){t="element"}e.elements[t]=o};this.attachClickBehavior=function(o){if(o===void 0){o="element"}if(e.elements[o]){e.elements[o].addEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(o){if(o===void 0){o="element"}if(e.elements[o]){e.elements[o].removeEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(o){e.escapeCallback=o;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 n="@tailwind components; .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-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--brand-maggioli-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;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;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-left:0.75rem;padding-right:0.75rem;-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);background-color:var(--mds-paginator-item-background);border-radius:var(--mds-paginator-item-radius);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);min-width:var(--mds-paginator-item-size);-webkit-transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, box-shadow, color, outline, outline-offset;transition-property:background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}:host(:hover){background-color:var(--mds-paginator-item-background-hover);-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover);fill:var(--mds-paginator-item-color-hover)}:host([icon]){padding:0px}:host([selected]){pointer-events:none;background-color:var(--mds-paginator-item-background-selected);-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected);fill:var(--mds-paginator-item-color-selected)}:host([disabled]){pointer-events:none;background-color:var(--mds-paginator-item-background-disabled);-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled);fill:var(--mds-paginator-item-color-disabled)}.icon{padding-left:0px;padding-right:0px}";var s=e("mds_paginator_item",function(){function e(e){var t=this;o(this,e);this.km=new r;this.componentDidLoad=function(){t.km.addElement(t.host);t.km.attachClickBehavior()};this.componentDidUpdate=function(){if(!t.disabled&&!t.selected){t.km.attachClickBehavior();return}t.km.detachClickBehavior()};this.disconnectedCallback=function(){t.km.detachClickBehavior()};this.icon=undefined;this.selected=undefined;this.disabled=undefined}e.prototype.render=function(){return t(i,{tabindex:"0"},this.icon!==undefined?t("mds-icon",{name:this.icon}):t("mds-text",{class:"text",typography:"detail"},t("slot",null)))};Object.defineProperty(e.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());s.style=n}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-02T10:00:49",
+  "timestamp": "2023-04-14T10:18:49",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -29,15 +29,15 @@
           "./dist/collection/dictionary/variant.js",
           "./dist/collection/fixtures/cities.js",
           "./dist/collection/interface/input-value.js",
-          "./dist/collection/types/autocomplete.js",
-          "./dist/collection/types/button.js",
-          "./dist/collection/types/floating-ui.js",
-          "./dist/collection/types/form-rel.js",
-          "./dist/collection/types/input-text-type.js",
-          "./dist/collection/types/input-value-type.js",
-          "./dist/collection/types/loading.js",
-          "./dist/collection/types/typography.js",
-          "./dist/collection/types/variant.js"
+          "./dist/collection/type/autocomplete.js",
+          "./dist/collection/type/button.js",
+          "./dist/collection/type/floating-ui.js",
+          "./dist/collection/type/form-rel.js",
+          "./dist/collection/type/input-text-type.js",
+          "./dist/collection/type/input-value-type.js",
+          "./dist/collection/type/loading.js",
+          "./dist/collection/type/typography.js",
+          "./dist/collection/type/variant.js"
         ]
       },
       {
@@ -74,21 +74,21 @@
           "./dist/mds-paginator-item/index.esm.js",
           "./dist/mds-paginator-item/mds-paginator-item.esm.js",
           "./dist/mds-paginator-item/mds-paginator-item.js",
-          "./dist/mds-paginator-item/p-043d636e.system.js",
           "./dist/mds-paginator-item/p-50ea2036.system.js",
           "./dist/mds-paginator-item/p-545e4388.system.js",
-          "./dist/mds-paginator-item/p-632f225a.system.entry.js",
-          "./dist/mds-paginator-item/p-6f0a5176.entry.js",
+          "./dist/mds-paginator-item/p-a07f2745.entry.js",
           "./dist/mds-paginator-item/p-cd35cb31.js",
+          "./dist/mds-paginator-item/p-d8314fea.system.js",
+          "./dist/mds-paginator-item/p-fda89125.system.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-paginator-item.esm.js",
           "./www/build/mds-paginator-item.js",
-          "./www/build/p-043d636e.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-545e4388.system.js",
-          "./www/build/p-632f225a.system.entry.js",
-          "./www/build/p-6f0a5176.entry.js",
-          "./www/build/p-cd35cb31.js"
+          "./www/build/p-a07f2745.entry.js",
+          "./www/build/p-cd35cb31.js",
+          "./www/build/p-d8314fea.system.js",
+          "./www/build/p-fda89125.system.entry.js"
         ]
       },
       {
@@ -121,12 +121,12 @@
         "components": [
           "mds-paginator-item"
         ],
-        "bundleId": "p-6f0a5176",
-        "fileName": "p-6f0a5176.entry.js",
+        "bundleId": "p-a07f2745",
+        "fileName": "p-a07f2745.entry.js",
         "imports": [
           "p-cd35cb31.js"
         ],
-        "originalByteSize": 6688
+        "originalByteSize": 6707
       }
     ],
     "esm": [
@@ -140,7 +140,7 @@
         "imports": [
           "index-43abfe8a.js"
         ],
-        "originalByteSize": 6692
+        "originalByteSize": 6711
       }
     ],
     "es5": [
@@ -154,7 +154,7 @@
         "imports": [
           "index-43abfe8a.js"
         ],
-        "originalByteSize": 6692
+        "originalByteSize": 6711
       }
     ],
     "system": [
@@ -163,12 +163,12 @@
         "components": [
           "mds-paginator-item"
         ],
-        "bundleId": "p-632f225a.system",
-        "fileName": "p-632f225a.system.entry.js",
+        "bundleId": "p-fda89125.system",
+        "fileName": "p-fda89125.system.entry.js",
         "imports": [
           "p-545e4388.system.js"
         ],
-        "originalByteSize": 7334
+        "originalByteSize": 7353
       }
     ],
     "commonjs": [
@@ -182,7 +182,7 @@
         "imports": [
           "index-969219be.js"
         ],
-        "originalByteSize": 6763
+        "originalByteSize": 6782
       }
     ]
   },
@@ -225,7 +225,7 @@
           "optional": true,
           "complexType": {
             "original": "string",
-            "resolved": "string",
+            "resolved": "string | undefined",
             "references": {}
           },
           "docs": {
@@ -235,21 +235,21 @@
           "internal": false
         },
         {
-          "name": "active",
+          "name": "selected",
           "type": "boolean",
-          "attribute": "active",
+          "attribute": "selected",
           "reflect": true,
           "mutable": false,
           "required": false,
           "optional": true,
           "complexType": {
             "original": "boolean",
-            "resolved": "boolean",
+            "resolved": "boolean | undefined",
             "references": {}
           },
           "docs": {
             "tags": [],
-            "text": "Specifies if the item is active or not, is handled from the parent paginator"
+            "text": "Specifies if the item is selected or not, is handled from the parent paginator"
           },
           "internal": false
         },
@@ -263,7 +263,7 @@
           "optional": true,
           "complexType": {
             "original": "boolean",
-            "resolved": "boolean",
+            "resolved": "boolean | undefined",
             "references": {}
           },
           "docs": {
@@ -299,7 +299,7 @@
               "optional": true,
               "complexType": {
                 "original": "string",
-                "resolved": "string",
+                "resolved": "string | undefined",
                 "references": {}
               },
               "docs": {
@@ -309,21 +309,21 @@
               "internal": false
             },
             {
-              "name": "active",
+              "name": "selected",
               "type": "boolean",
-              "attribute": "active",
+              "attribute": "selected",
               "reflect": true,
               "mutable": false,
               "required": false,
               "optional": true,
               "complexType": {
                 "original": "boolean",
-                "resolved": "boolean",
+                "resolved": "boolean | undefined",
                 "references": {}
               },
               "docs": {
                 "tags": [],
-                "text": "Specifies if the item is active or not, is handled from the parent paginator"
+                "text": "Specifies if the item is selected or not, is handled from the parent paginator"
               },
               "internal": false
             },
@@ -337,7 +337,7 @@
               "optional": true,
               "complexType": {
                 "original": "boolean",
-                "resolved": "boolean",
+                "resolved": "boolean | undefined",
                 "references": {}
               },
               "docs": {
@@ -546,15 +546,15 @@
     "./src/dictionary/variant.ts": [],
     "./src/fixtures/cities.ts": [],
     "./src/interface/input-value.ts": [],
-    "./src/types/autocomplete.ts": [],
-    "./src/types/button.ts": [],
-    "./src/types/floating-ui.ts": [],
-    "./src/types/form-rel.ts": [],
-    "./src/types/input-text-type.ts": [],
-    "./src/types/input-value-type.ts": [],
-    "./src/types/loading.ts": [],
-    "./src/types/typography.ts": [],
-    "./src/types/variant.ts": []
+    "./src/type/autocomplete.ts": [],
+    "./src/type/button.ts": [],
+    "./src/type/floating-ui.ts": [],
+    "./src/type/form-rel.ts": [],
+    "./src/type/input-text-type.ts": [],
+    "./src/type/input-value-type.ts": [],
+    "./src/type/loading.ts": [],
+    "./src/type/typography.ts": [],
+    "./src/type/variant.ts": []
   },
   "collections": []
 }

package/dist/types/components.d.ts

@@ -7,10 +7,6 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface MdsPaginatorItem {
-        /**
-          * Specifies if the item is active or not, is handled from the parent paginator
-         */
-        "active"?: boolean;
         /**
           * Specifies if the item is disabled or not, is handled from the parent paginator
          */
@@ -19,6 +15,10 @@ export namespace Components {
           * Specifies the icon used inside the paginator item
          */
         "icon"?: string;
+        /**
+          * Specifies if the item is selected or not, is handled from the parent paginator
+         */
+        "selected"?: boolean;
     }
 }
 declare global {
@@ -34,10 +34,6 @@ declare global {
 }
 declare namespace LocalJSX {
     interface MdsPaginatorItem {
-        /**
-          * Specifies if the item is active or not, is handled from the parent paginator
-         */
-        "active"?: boolean;
         /**
           * Specifies if the item is disabled or not, is handled from the parent paginator
          */
@@ -46,6 +42,10 @@ declare namespace LocalJSX {
           * Specifies the icon used inside the paginator item
          */
         "icon"?: string;
+        /**
+          * Specifies if the item is selected or not, is handled from the parent paginator
+         */
+        "selected"?: boolean;
     }
     interface IntrinsicElements {
         "mds-paginator-item": MdsPaginatorItem;

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

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

package/documentation.json

@@ -0,0 +1,171 @@
+{
+  "timestamp": "2023-04-14T09:57:39",
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.22.3",
+    "typescriptVersion": "4.9.4"
+  },
+  "components": [
+    {
+      "filePath": "./src/components/mds-paginator-item/mds-paginator-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "mds-paginator-item",
+      "readme": "# mds-paginator-item\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean | undefined",
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Specifies if the item is disabled or not, is handled from the parent paginator",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "icon",
+          "type": "string | undefined",
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": true,
+          "docs": "Specifies the icon used inside the paginator item",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "selected",
+          "type": "boolean | undefined",
+          "mutable": false,
+          "attr": "selected",
+          "reflectToAttr": true,
+          "docs": "Specifies if the item is selected or not, is handled from the parent paginator",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--mds-paginator-item-background",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the pages area and the item"
+        },
+        {
+          "name": "--mds-paginator-item-background-disabled",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the item when is disabled"
+        },
+        {
+          "name": "--mds-paginator-item-background-hover",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the item when the mouse is over it"
+        },
+        {
+          "name": "--mds-paginator-item-background-selected",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the item when is selected"
+        },
+        {
+          "name": "--mds-paginator-item-color",
+          "annotation": "prop",
+          "docs": "Sets the text color of the component"
+        },
+        {
+          "name": "--mds-paginator-item-color-disabled",
+          "annotation": "prop",
+          "docs": "Sets the color of the item when is disabled"
+        },
+        {
+          "name": "--mds-paginator-item-color-hover",
+          "annotation": "prop",
+          "docs": "Sets the text color of the item when the mouse is over it"
+        },
+        {
+          "name": "--mds-paginator-item-color-selected",
+          "annotation": "prop",
+          "docs": "Sets the text color of the item when is selected"
+        },
+        {
+          "name": "--mds-paginator-item-radius",
+          "annotation": "prop",
+          "docs": "Sets the border-radius of the component"
+        },
+        {
+          "name": "--mds-paginator-item-shadow",
+          "annotation": "prop",
+          "docs": "Sets the box-shadow of the component"
+        },
+        {
+          "name": "--mds-paginator-item-shadow-disabled",
+          "annotation": "prop",
+          "docs": "Sets the box-shadow of the item when is disabled"
+        },
+        {
+          "name": "--mds-paginator-item-shadow-hover",
+          "annotation": "prop",
+          "docs": "Sets the box-shadow of the item when the mouse is over it"
+        },
+        {
+          "name": "--mds-paginator-item-shadow-selected",
+          "annotation": "prop",
+          "docs": "Sets the box-shadow of the item when is selected"
+        },
+        {
+          "name": "--mds-paginator-item-size",
+          "annotation": "prop",
+          "docs": "Sets the height and the min-width of the paginator item"
+        }
+      ],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "mds-paginator"
+      ],
+      "dependencies": [
+        "mds-icon",
+        "mds-text"
+      ],
+      "dependencyGraph": {
+        "mds-paginator-item": [
+          "mds-icon",
+          "mds-text"
+        ],
+        "mds-paginator": [
+          "mds-paginator-item"
+        ]
+      }
+    }
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-paginator-item",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "mds-paginator-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.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -12,6 +12,7 @@
   "unpkg": "dist/mds-paginator-item/mds-paginator-item.esm.js",
   "files": [
     "dist/",
+    "documentation.json",
     "loader/",
     "readme.md",
     "src/",
@@ -23,8 +24,8 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/styles": "^11.2.1",
-    "@stencil/core": "^2.22.2"
+    "@maggioli-design-system/styles": "^11.4.0",
+    "@stencil/core": "^2.22.3"
   },
   "license": "MIT",
   "author": {
@@ -38,10 +39,15 @@
       "email": "andrea.pruccoli@maggioli.it",
       "role": "Software Engineer"
     },
+    {
+      "name": "Nicola Tamburini",
+      "email": "nicola.tamburini@maggioli.it",
+      "role": "Software Engineer"
+    },
     {
       "name": "Vittorio Vittori",
       "email": "vittorio.vittori@maggioli.it",
-      "role": "UX UI Designer"
+      "role": "Product Designer"
     }
   ]
 }

package/readme.md

@@ -7,11 +7,11 @@
 
 ## Properties
 
-| Property   | Attribute  | Description                                                                    | Type      | Default     |
-| ---------- | ---------- | ------------------------------------------------------------------------------ | --------- | ----------- |
-| `active`   | `active`   | Specifies if the item is active or not, is handled from the parent paginator   | `boolean` | `undefined` |
-| `disabled` | `disabled` | Specifies if the item is disabled or not, is handled from the parent paginator | `boolean` | `undefined` |
-| `icon`     | `icon`     | Specifies the icon used inside the paginator item                              | `string`  | `undefined` |
+| Property   | Attribute  | Description                                                                    | Type                   | Default     |
+| ---------- | ---------- | ------------------------------------------------------------------------------ | ---------------------- | ----------- |
+| `disabled` | `disabled` | Specifies if the item is disabled or not, is handled from the parent paginator | `boolean \| undefined` | `undefined` |
+| `icon`     | `icon`     | Specifies the icon used inside the paginator item                              | `string \| undefined`  | `undefined` |
+| `selected` | `selected` | Specifies if the item is selected or not, is handled from the parent paginator | `boolean \| undefined` | `undefined` |
 
 
 ## CSS Custom Properties

package/src/common/aria.ts

@@ -7,12 +7,12 @@ 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
 }
 
 const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: string): string => {
   if (element.hasAttribute(attribute)) {
-    return element.getAttribute(attribute)
+    return element.getAttribute(attribute) ?? ''
   }
   element.setAttribute(attribute, value)
   return value

package/src/common/keyboard-manager.ts

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