@maggioli-design-system/mds-table-row 3.1.0 → 4.0.0

package/dist/mds-table-row/{p-f26de3ab.js → p-426bd1f3.js}

@@ -1,2 +1,2 @@
-let t,n,e=!1;const l={},o=t=>"object"==(t=typeof t)||"function"===t;function s(t){var n,e,l;return null!==(l=null===(e=null===(n=t.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const r=(t,n,...e)=>{let l=null,s=!1,r=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)l=n[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!o(l))&&(l+=""),s&&r?c[c.length-1].t+=l:c.push(s?i(null,l):l),r=s)};u(e);const a=i(t,null);return a.l=n,c.length>0&&(a.o=c),a},i=(t,n)=>({i:0,u:t,t:n,h:null,o:null,l:null}),c={},u=new WeakMap,a=t=>"sc-"+t.$,f=(t,n,e,l,s,r)=>{if(e!==l){let i=q(t,n);n.toLowerCase();{const c=o(l);if((i||c&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[n]=l;else{const o=null==l?"":l;"list"===n?i=!1:null!=e&&t[n]==o||(t[n]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(n)||t.removeAttribute(n):(!i||4&r||s)&&!c&&t.setAttribute(n,l=!0===l?"":l)}}},d=(t,n,e,o)=>{const s=11===n.h.nodeType&&n.h.host?n.h.host:n.h,r=t&&t.l||l,i=n.l||l;for(o in r)o in i||f(s,o,r[o],void 0,e,n.i);for(o in i)f(s,o,r[o],i[o],e,n.i)},h=(n,e,l)=>{const o=e.o[l];let s,r,i=0;if(s=o.h=D.createElement(o.u),d(null,o,!1),null!=t&&s["s-si"]!==t&&s.classList.add(s["s-si"]=t),o.o)for(i=0;i<o.o.length;++i)r=h(n,o,i),r&&s.appendChild(r);return s},$=(t,e,l,o,s,r)=>{let i,c=t;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=r;++s)o[s]&&(i=h(null,l,s),i&&(o[s].h=i,c.insertBefore(i,e)))},y=(t,n,e,l)=>{for(;n<=e;++n)(l=t[n])&&l.h.remove()},m=(t,n)=>t.u===n.u,p=(t,n)=>{const e=n.h=t.h,l=t.o,o=n.o;"slot"===n.u||d(t,n,!1),null!==l&&null!==o?((t,n,e,l)=>{let o,s=0,r=0,i=n.length-1,c=n[0],u=n[i],a=l.length-1,f=l[0],d=l[a];for(;s<=i&&r<=a;)null==c?c=n[++s]:null==u?u=n[--i]:null==f?f=l[++r]:null==d?d=l[--a]:m(c,f)?(p(c,f),c=n[++s],f=l[++r]):m(u,d)?(p(u,d),u=n[--i],d=l[--a]):m(c,d)?(p(c,d),t.insertBefore(c.h,u.h.nextSibling),c=n[++s],d=l[--a]):m(u,f)?(p(u,f),t.insertBefore(u.h,c.h),u=n[--i],f=l[++r]):(o=h(n&&n[r],e,r),f=l[++r],o&&c.h.parentNode.insertBefore(o,c.h));s>i?$(t,null==l[a+1]?null:l[a+1].h,e,l,r,a):r>a&&y(n,s,i)})(e,l,n,o):null!==o?$(e,null,n,o,0,o.length-1):null!==l&&y(l,0,l.length-1)},w=(t,n)=>{n&&!t.m&&n["s-p"]&&n["s-p"].push(new Promise((n=>t.m=n)))},b=(t,n)=>{if(t.i|=16,!(4&t.i))return w(t,t.p),nt((()=>v(t,n)));t.i|=512},v=(t,n)=>{const e=t.v;return n&&(t.i|=256,t.S&&(t.S.map((([t,n])=>k(e,t,n))),t.S=null)),C(void 0,(()=>S(t,e,n)))},S=async(t,n,e)=>{const l=t.g,o=l["s-rc"];e&&(t=>{const n=t.M,e=t.g,l=n.i,o=((t,n)=>{var e;let l=a(n);const o=z.get(l);if(t=11===t.nodeType?t:D,o)if("string"==typeof o){let n,r=u.get(t=t.head||t);if(r||u.set(t,r=new Set),!r.has(l)){{n=D.createElement("style"),n.innerHTML=o;const l=null!==(e=G.j)&&void 0!==e?e:s(D);null!=l&&n.setAttribute("nonce",l),t.insertBefore(n,t.querySelector("link"))}r&&r.add(l)}}else t.adoptedStyleSheets.includes(o)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]);return l})(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);10&l&&(e["s-sc"]=o,e.classList.add(o+"-h"))})(t);g(t,n),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const n=l["s-p"],e=()=>M(t);0===n.length?e():(Promise.all(n).then(e),t.i|=4,n.length=0)}},g=(e,l)=>{try{l=l.render(),e.i&=-17,e.i|=2,((e,l)=>{const o=e.g,s=e.M,u=e.k||i(null,null),a=(t=>t&&t.u===c)(l)?l:r(null,null,l);n=o.tagName,s.C&&(a.l=a.l||{},s.C.map((([t,n])=>a.l[n]=o[t]))),a.u=null,a.i|=4,e.k=a,a.h=u.h=o.shadowRoot||o,t=o["s-sc"],p(u,a)})(e,l)}catch(t){F(t,e.g)}return null},M=t=>{const n=t.g,e=t.p;64&t.i||(t.i|=64,O(n),t.O(n),e||j()),t.m&&(t.m(),t.m=void 0),512&t.i&&tt((()=>b(t,!1))),t.i&=-517},j=()=>{O(D.documentElement),tt((()=>(t=>{const n=G.ce("appload",{detail:{namespace:"mds-table-row"}});return t.dispatchEvent(n),n})(B)))},k=(t,n,e)=>{if(t&&t[n])try{return t[n](e)}catch(t){F(t)}},C=(t,n)=>t&&t.then?t.then(n):n(),O=t=>t.setAttribute("hydrated",""),P=(t,n,e)=>{if(n.P){const l=Object.entries(n.P),s=t.prototype;if(l.map((([t,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(s,t,{get(){return((t,n)=>R(this).N.get(n))(0,t)},set(e){((t,n,e,l)=>{const s=R(t),r=s.N.get(n),i=s.i,c=s.v;e=((t,n)=>null==t||o(t)?t:4&n?"false"!==t&&(""===t||!!t):t)(e,l.P[n][0]),8&i&&void 0!==r||e===r||Number.isNaN(r)&&Number.isNaN(e)||(s.N.set(n,e),c&&2==(18&i)&&b(s,!1))})(this,t,e,n)},configurable:!0,enumerable:!0})})),1&e){const e=new Map;s.attributeChangedCallback=function(t,n,l){G.jmp((()=>{const n=e.get(t);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},t.observedAttributes=l.filter((([t,n])=>15&n[0])).map((([t,l])=>{const o=l[1]||t;return e.set(o,t),512&l[0]&&n.C.push([t,o]),o}))}}return t},x=(t,n={})=>{var e;const l=[],o=n.exclude||[],r=B.customElements,i=D.head,c=i.querySelector("meta[charset]"),u=D.createElement("style"),f=[];let d,h=!0;Object.assign(G,n),G.T=new URL(n.resourcesUrl||"./",D.baseURI).href,t.map((t=>{t[1].map((n=>{const e={i:n[0],$:n[1],P:n[2],A:n[3]};e.P=n[2],e.A=n[3],e.C=[];const s=e.$,i=class extends HTMLElement{constructor(t){super(t),W(t=this,e),1&e.i&&t.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),h?f.push(this):G.jmp((()=>(t=>{if(0==(1&G.i)){const n=R(t),e=n.M,l=()=>{};if(1&n.i)E(t,n,e.A);else{n.i|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){w(n,n.p=e);break}}e.P&&Object.entries(e.P).map((([n,[e]])=>{if(31&e&&t.hasOwnProperty(n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e,l,o)=>{if(0==(32&n.i)){{if(n.i|=32,(o=_(e)).then){const t=()=>{};o=await o,t()}o.isProxied||(P(o,e,2),o.isProxied=!0);const t=()=>{};n.i|=8;try{new o(n)}catch(t){F(t)}n.i&=-9,t()}if(o.style){let t=o.style;const n=a(e);if(!z.has(n)){const l=()=>{};((t,n,e)=>{let l=z.get(t);J&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,z.set(t,l)})(n,t,!!(1&e.i)),l()}}}const s=n.p,r=()=>b(n,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,n,e)}l()}})(this)))}disconnectedCallback(){G.jmp((()=>(()=>{if(0==(1&G.i)){const t=R(this);t.H&&(t.H.map((t=>t())),t.H=void 0)}})()))}componentOnReady(){return R(this).L}};e.R=t[0],o.includes(s)||r.get(s)||(l.push(s),r.define(s,P(i,e,1)))}))}));{u.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",u.setAttribute("data-styles","");const t=null!==(e=G.j)&&void 0!==e?e:s(D);null!=t&&u.setAttribute("nonce",t),i.insertBefore(u,c?c.nextSibling:i.firstChild)}h=!1,f.length?f.map((t=>t.connectedCallback())):G.jmp((()=>d=setTimeout(j,30)))},E=(t,n,e)=>{e&&e.map((([e,l,o])=>{const s=T(t,e),r=N(n,o),i=A(e);G.ael(s,l,r,i),(n.H=n.H||[]).push((()=>G.rel(s,l,r,i)))}))},N=(t,n)=>e=>{try{256&t.i?t.v[n](e):(t.S=t.S||[]).push([n,e])}catch(t){F(t)}},T=(t,n)=>16&n?D.body:t,A=t=>0!=(2&t),H=t=>G.j=t,L=new WeakMap,R=t=>L.get(t),U=(t,n)=>L.set(n.v=t,n),W=(t,n)=>{const e={i:0,g:t,M:n,N:new Map};return e.L=new Promise((t=>e.O=t)),t["s-p"]=[],t["s-rc"]=[],E(t,e,n.A),L.set(t,e)},q=(t,n)=>n in t,F=(t,n)=>(0,console.error)(t,n),V=new Map,_=t=>{const n=t.$.replace(/-/g,"_"),e=t.R,l=V.get(e);return l?l[n]:import(`./${e}.entry.js`).then((t=>(V.set(e,t),t[n])),F)
+let t,n,e=!1;const l={},o=t=>"object"==(t=typeof t)||"function"===t;function s(t){var n,e,l;return null!==(l=null===(e=null===(n=t.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const r=(t,n,...e)=>{let l=null,s=!1,r=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)l=n[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!o(l))&&(l+=""),s&&r?c[c.length-1].t+=l:c.push(s?i(null,l):l),r=s)};u(e);const a=i(t,null);return a.l=n,c.length>0&&(a.o=c),a},i=(t,n)=>({i:0,u:t,t:n,h:null,o:null,l:null}),c={},u=new WeakMap,a=t=>"sc-"+t.$,f=(t,n,e,l,s,r)=>{if(e!==l){let i=q(t,n);n.toLowerCase();{const c=o(l);if((i||c&&null!==l)&&!s)try{if(t.tagName.includes("-"))t[n]=l;else{const o=null==l?"":l;"list"===n?i=!1:null!=e&&t[n]==o||(t[n]=o)}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(n)||t.removeAttribute(n):(!i||4&r||s)&&!c&&t.setAttribute(n,l=!0===l?"":l)}}},d=(t,n,e,o)=>{const s=11===n.h.nodeType&&n.h.host?n.h.host:n.h,r=t&&t.l||l,i=n.l||l;for(o in r)o in i||f(s,o,r[o],void 0,e,n.i);for(o in i)f(s,o,r[o],i[o],e,n.i)},h=(n,e,l)=>{const o=e.o[l];let s,r,i=0;if(s=o.h=D.createElement(o.u),d(null,o,!1),null!=t&&s["s-si"]!==t&&s.classList.add(s["s-si"]=t),o.o)for(i=0;i<o.o.length;++i)r=h(n,o,i),r&&s.appendChild(r);return s},$=(t,e,l,o,s,r)=>{let i,c=t;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=r;++s)o[s]&&(i=h(null,l,s),i&&(o[s].h=i,c.insertBefore(i,e)))},y=(t,n,e,l)=>{for(;n<=e;++n)(l=t[n])&&l.h.remove()},m=(t,n)=>t.u===n.u,p=(t,n)=>{const e=n.h=t.h,l=t.o,o=n.o;"slot"===n.u||d(t,n,!1),null!==l&&null!==o?((t,n,e,l)=>{let o,s=0,r=0,i=n.length-1,c=n[0],u=n[i],a=l.length-1,f=l[0],d=l[a];for(;s<=i&&r<=a;)null==c?c=n[++s]:null==u?u=n[--i]:null==f?f=l[++r]:null==d?d=l[--a]:m(c,f)?(p(c,f),c=n[++s],f=l[++r]):m(u,d)?(p(u,d),u=n[--i],d=l[--a]):m(c,d)?(p(c,d),t.insertBefore(c.h,u.h.nextSibling),c=n[++s],d=l[--a]):m(u,f)?(p(u,f),t.insertBefore(u.h,c.h),u=n[--i],f=l[++r]):(o=h(n&&n[r],e,r),f=l[++r],o&&c.h.parentNode.insertBefore(o,c.h));s>i?$(t,null==l[a+1]?null:l[a+1].h,e,l,r,a):r>a&&y(n,s,i)})(e,l,n,o):null!==o?$(e,null,n,o,0,o.length-1):null!==l&&y(l,0,l.length-1)},w=(t,n)=>{n&&!t.m&&n["s-p"]&&n["s-p"].push(new Promise((n=>t.m=n)))},b=(t,n)=>{if(t.i|=16,!(4&t.i))return w(t,t.p),nt((()=>v(t,n)));t.i|=512},v=(t,n)=>{const e=t.v;return n&&(t.i|=256,t.S&&(t.S.map((([t,n])=>k(e,t,n))),t.S=null)),C(void 0,(()=>S(t,e,n)))},S=async(t,n,e)=>{const l=t.g,o=l["s-rc"];e&&(t=>{const n=t.M,e=t.g,l=n.i,o=((t,n)=>{var e;let l=a(n);const o=z.get(l);if(t=11===t.nodeType?t:D,o)if("string"==typeof o){let n,r=u.get(t=t.head||t);if(r||u.set(t,r=new Set),!r.has(l)){{n=D.createElement("style"),n.innerHTML=o;const l=null!==(e=G.j)&&void 0!==e?e:s(D);null!=l&&n.setAttribute("nonce",l),t.insertBefore(n,t.querySelector("link"))}r&&r.add(l)}}else t.adoptedStyleSheets.includes(o)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]);return l})(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);10&l&&(e["s-sc"]=o,e.classList.add(o+"-h"))})(t);g(t,n),o&&(o.map((t=>t())),l["s-rc"]=void 0);{const n=l["s-p"],e=()=>M(t);0===n.length?e():(Promise.all(n).then(e),t.i|=4,n.length=0)}},g=(e,l)=>{try{l=l.render(),e.i&=-17,e.i|=2,((e,l)=>{const o=e.g,s=e.M,u=e.k||i(null,null),a=(t=>t&&t.u===c)(l)?l:r(null,null,l);n=o.tagName,s.C&&(a.l=a.l||{},s.C.map((([t,n])=>a.l[n]=o[t]))),a.u=null,a.i|=4,e.k=a,a.h=u.h=o.shadowRoot||o,t=o["s-sc"],p(u,a)})(e,l)}catch(t){F(t,e.g)}return null},M=t=>{const n=t.g,e=t.p;64&t.i||(t.i|=64,O(n),t.O(n),e||j()),t.m&&(t.m(),t.m=void 0),512&t.i&&tt((()=>b(t,!1))),t.i&=-517},j=()=>{O(D.documentElement),tt((()=>(t=>{const n=G.ce("appload",{detail:{namespace:"mds-table-row"}});return t.dispatchEvent(n),n})(B)))},k=(t,n,e)=>{if(t&&t[n])try{return t[n](e)}catch(t){F(t)}},C=(t,n)=>t&&t.then?t.then(n):n(),O=t=>t.setAttribute("hydrated",""),P=(t,n,e)=>{if(n.P){const l=Object.entries(n.P),s=t.prototype;if(l.map((([t,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(s,t,{get(){return((t,n)=>R(this).N.get(n))(0,t)},set(e){((t,n,e,l)=>{const s=R(t),r=s.N.get(n),i=s.i,c=s.v;e=((t,n)=>null==t||o(t)?t:4&n?"false"!==t&&(""===t||!!t):t)(e,l.P[n][0]),8&i&&void 0!==r||e===r||Number.isNaN(r)&&Number.isNaN(e)||(s.N.set(n,e),c&&2==(18&i)&&b(s,!1))})(this,t,e,n)},configurable:!0,enumerable:!0})})),1&e){const e=new Map;s.attributeChangedCallback=function(t,n,l){G.jmp((()=>{const n=e.get(t);if(this.hasOwnProperty(n))l=this[n],delete this[n];else if(s.hasOwnProperty(n)&&"number"==typeof this[n]&&this[n]==l)return;this[n]=(null!==l||"boolean"!=typeof this[n])&&l}))},t.observedAttributes=l.filter((([t,n])=>15&n[0])).map((([t,l])=>{const o=l[1]||t;return e.set(o,t),512&l[0]&&n.C.push([t,o]),o}))}}return t},x=(t,n={})=>{var e;const l=[],o=n.exclude||[],r=B.customElements,i=D.head,c=i.querySelector("meta[charset]"),u=D.createElement("style"),f=[];let d,h=!0;Object.assign(G,n),G.T=new URL(n.resourcesUrl||"./",D.baseURI).href,t.map((t=>{t[1].map((n=>{const e={i:n[0],$:n[1],P:n[2],A:n[3]};e.P=n[2],e.A=n[3],e.C=[];const s=e.$,i=class extends HTMLElement{constructor(t){super(t),W(t=this,e),1&e.i&&t.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),h?f.push(this):G.jmp((()=>(t=>{if(0==(1&G.i)){const n=R(t),e=n.M,l=()=>{};if(1&n.i)E(t,n,e.A);else{n.i|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){w(n,n.p=e);break}}e.P&&Object.entries(e.P).map((([n,[e]])=>{if(31&e&&t.hasOwnProperty(n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e,l,o)=>{if(0==(32&n.i)){{if(n.i|=32,(o=_(e)).then){const t=()=>{};o=await o,t()}o.isProxied||(P(o,e,2),o.isProxied=!0);const t=()=>{};n.i|=8;try{new o(n)}catch(t){F(t)}n.i&=-9,t()}if(o.style){let t=o.style;const n=a(e);if(!z.has(n)){const l=()=>{};((t,n,e)=>{let l=z.get(t);J&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,z.set(t,l)})(n,t,!!(1&e.i)),l()}}}const s=n.p,r=()=>b(n,!0);s&&s["s-rc"]?s["s-rc"].push(r):r()})(0,n,e)}l()}})(this)))}disconnectedCallback(){G.jmp((()=>(()=>{if(0==(1&G.i)){const t=R(this);t.H&&(t.H.map((t=>t())),t.H=void 0)}})()))}componentOnReady(){return R(this).L}};e.R=t[0],o.includes(s)||r.get(s)||(l.push(s),r.define(s,P(i,e,1)))}))}));{u.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",u.setAttribute("data-styles","");const t=null!==(e=G.j)&&void 0!==e?e:s(D);null!=t&&u.setAttribute("nonce",t),i.insertBefore(u,c?c.nextSibling:i.firstChild)}h=!1,f.length?f.map((t=>t.connectedCallback())):G.jmp((()=>d=setTimeout(j,30)))},E=(t,n,e)=>{e&&e.map((([e,l,o])=>{const s=T(t,e),r=N(n,o),i=A(e);G.ael(s,l,r,i),(n.H=n.H||[]).push((()=>G.rel(s,l,r,i)))}))},N=(t,n)=>e=>{try{256&t.i?t.v[n](e):(t.S=t.S||[]).push([n,e])}catch(t){F(t)}},T=(t,n)=>4&n?D:t,A=t=>0!=(2&t),H=t=>G.j=t,L=new WeakMap,R=t=>L.get(t),U=(t,n)=>L.set(n.v=t,n),W=(t,n)=>{const e={i:0,g:t,M:n,N:new Map};return e.L=new Promise((t=>e.O=t)),t["s-p"]=[],t["s-rc"]=[],E(t,e,n.A),L.set(t,e)},q=(t,n)=>n in t,F=(t,n)=>(0,console.error)(t,n),V=new Map,_=t=>{const n=t.$.replace(/-/g,"_"),e=t.R,l=V.get(e);return l?l[n]:import(`./${e}.entry.js`).then((t=>(V.set(e,t),t[n])),F)
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},z=new Map,B="undefined"!=typeof window?window:{},D=B.document||{head:{}},G={i:0,T:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,l)=>t.addEventListener(n,e,l),rel:(t,n,e,l)=>t.removeEventListener(n,e,l),ce:(t,n)=>new CustomEvent(t,n)},I=t=>Promise.resolve(t),J=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),K=[],Q=[],X=(t,n)=>l=>{t.push(l),e||(e=!0,n&&4&G.i?tt(Z):G.raf(Z))},Y=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){F(t)}t.length=0},Z=()=>{Y(K),Y(Q),(e=K.length>0)&&G.raf(Z)},tt=t=>I().then(t),nt=X(Q,!0);export{c as H,x as b,r as h,I as p,U as r,H as s}

package/dist/mds-table-row/{p-e2b31e90.system.entry.js → p-7d3f05d4.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-b0f4e920.system.js"],(function(t){"use strict";var r,o,e;return{setters:[function(t){r=t.r;o=t.h;e=t.H}],execute:function(){var a=".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{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";var s=t("mds_table_row",function(){function t(t){r(this,t);this.interactive=undefined}t.prototype.tableInteractiveHandler=function(t){this.interactive=t.detail};t.prototype.render=function(){return o(e,{role:"row"},o("slot",null))};return t}());s.style=a}}}));
+System.register(["./p-2647d8bd.system.js"],(function(t){"use strict";var r,o,e;return{setters:[function(t){r=t.r;o=t.h;e=t.H}],execute:function(){var a=".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{display:table-row}:host([interactive]:hover){--mds-table-cell-background:var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)))}";var s=t("mds_table_row",function(){function t(t){r(this,t);this.interactive=undefined}t.prototype.tableInteractiveHandler=function(t){this.interactive=t.detail};t.prototype.render=function(){return o(e,{role:"row"},o("slot",null))};return t}());s.style=a}}}));

package/dist/mds-table-row/p-fb327bab.system.js

@@ -0,0 +1 @@
+System.register(["./p-2647d8bd.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-7d3f05d4.system",[[1,"mds-table-row",{interactive:[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],e)}))}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-01-20T18:28:46",
+  "timestamp": "2023-03-09T10:59:52",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -9,13 +9,14 @@
     "fsNamespace": "mds-table-row",
     "components": 1,
     "entries": 1,
-    "bundles": 63,
+    "bundles": 64,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 22,
+        "files": 23,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/components/mds-table-row/mds-table-row.js",
           "./dist/collection/dictionary/autocomplete.js",
           "./dist/collection/dictionary/button.js",
@@ -28,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"
         ]
       },
       {
@@ -53,17 +54,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-f0f000bc.js",
+          "./dist/cjs/index-1066e7b9.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-table-row.cjs.entry.js",
           "./dist/cjs/mds-table-row.cjs.js",
-          "./dist/esm-es5/index-fa7f6909.js",
+          "./dist/esm-es5/index-be386e76.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-table-row.entry.js",
           "./dist/esm-es5/mds-table-row.js",
-          "./dist/esm/index-fa7f6909.js",
+          "./dist/esm/index-be386e76.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-table-row.entry.js",
@@ -73,21 +74,21 @@
           "./dist/mds-table-row/index.esm.js",
           "./dist/mds-table-row/mds-table-row.esm.js",
           "./dist/mds-table-row/mds-table-row.js",
-          "./dist/mds-table-row/p-4c63953c.entry.js",
+          "./dist/mds-table-row/p-2647d8bd.system.js",
+          "./dist/mds-table-row/p-30a6116a.entry.js",
+          "./dist/mds-table-row/p-426bd1f3.js",
           "./dist/mds-table-row/p-50ea2036.system.js",
-          "./dist/mds-table-row/p-b0f4e920.system.js",
-          "./dist/mds-table-row/p-e2b31e90.system.entry.js",
-          "./dist/mds-table-row/p-e6313d30.system.js",
-          "./dist/mds-table-row/p-f26de3ab.js",
+          "./dist/mds-table-row/p-7d3f05d4.system.entry.js",
+          "./dist/mds-table-row/p-fb327bab.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-table-row.esm.js",
           "./www/build/mds-table-row.js",
-          "./www/build/p-4c63953c.entry.js",
+          "./www/build/p-2647d8bd.system.js",
+          "./www/build/p-30a6116a.entry.js",
+          "./www/build/p-426bd1f3.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-b0f4e920.system.js",
-          "./www/build/p-e2b31e90.system.entry.js",
-          "./www/build/p-e6313d30.system.js",
-          "./www/build/p-f26de3ab.js"
+          "./www/build/p-7d3f05d4.system.entry.js",
+          "./www/build/p-fb327bab.system.js"
         ]
       },
       {
@@ -120,10 +121,10 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-4c63953c",
-        "fileName": "p-4c63953c.entry.js",
+        "bundleId": "p-30a6116a",
+        "fileName": "p-30a6116a.entry.js",
         "imports": [
-          "p-f26de3ab.js"
+          "p-426bd1f3.js"
         ],
         "originalByteSize": 1067
       }
@@ -137,7 +138,7 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-fa7f6909.js"
+          "index-be386e76.js"
         ],
         "originalByteSize": 1071
       }
@@ -151,7 +152,7 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-fa7f6909.js"
+          "index-be386e76.js"
         ],
         "originalByteSize": 1071
       }
@@ -162,10 +163,10 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-e2b31e90.system",
-        "fileName": "p-e2b31e90.system.entry.js",
+        "bundleId": "p-7d3f05d4.system",
+        "fileName": "p-7d3f05d4.system.entry.js",
         "imports": [
-          "p-b0f4e920.system.js"
+          "p-2647d8bd.system.js"
         ],
         "originalByteSize": 1352
       }
@@ -179,7 +180,7 @@
         "bundleId": "mds-table-row.cjs",
         "fileName": "mds-table-row.cjs.entry.js",
         "imports": [
-          "index-f0f000bc.js"
+          "index-1066e7b9.js"
         ],
         "originalByteSize": 1141
       }
@@ -209,11 +210,11 @@
       "legacyContext": [],
       "listeners": [
         {
-          "name": "tableInteractive",
+          "name": "mdsTableInteractiveChange",
           "method": "tableInteractiveHandler",
           "capture": false,
           "passive": false,
-          "target": "body"
+          "target": "document"
         }
       ],
       "methods": [],
@@ -280,11 +281,11 @@
           "methods": [],
           "listeners": [
             {
-              "name": "tableInteractive",
+              "name": "mdsTableInteractiveChange",
               "method": "tableInteractiveHandler",
               "capture": false,
               "passive": false,
-              "target": "body"
+              "target": "document"
             }
           ],
           "events": [],
@@ -333,8 +334,8 @@
           "hasListener": true,
           "hasListenerTarget": true,
           "hasListenerTargetWindow": false,
-          "hasListenerTargetDocument": false,
-          "hasListenerTargetBody": true,
+          "hasListenerTargetDocument": true,
+          "hasListenerTargetBody": false,
           "hasListenerTargetParent": false,
           "hasMember": true,
           "hasMethod": false,
@@ -382,18 +383,20 @@
   ],
   "componentGraph": {
     "sc-mds-table-row": [
-      "p-f26de3ab.js"
+      "p-426bd1f3.js"
     ]
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
+    "./src/common/keyboard-manager.ts": [],
     "./src/components/mds-table-row/mds-table-row.tsx": [],
     "./src/dictionary/autocomplete.ts": [],
     "./src/dictionary/button.ts": [],
     "./src/dictionary/color.ts": [],
     "./src/dictionary/floating-ui.ts": [],
     "./src/dictionary/icon.ts": [
-      "./src/fixtures/icons.json"
+      "./src/fixtures/icons.json",
+      "./src/fixtures/iconsauce.json"
     ],
     "./src/dictionary/input-text-type.ts": [],
     "./src/dictionary/loading.ts": [],
@@ -401,15 +404,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/common/keyboard-manager.d.ts

@@ -0,0 +1,11 @@
+export declare class KeyboardManager {
+  private escapeCallback;
+  private elements;
+  private handleClickBehaviorDispatchEvent;
+  private handleEscapeBehaviorDispatchEvent;
+  addElement: (el: HTMLElement, name?: string) => void;
+  attachClickBehavior: (name?: string) => void;
+  detachClickBehavior: (name?: string) => void;
+  attachEscapeBehavior: (callBack: () => void) => void;
+  detachEscapeBehavior: () => void;
+}

package/dist/types/dictionary/icon.d.ts

@@ -1,2 +1,3 @@
 declare const iconsDictionary: string[];
-export { iconsDictionary, };
+declare const mggIconsDictionary: string[];
+export { iconsDictionary, mggIconsDictionary, };

package/dist/types/dictionary/typography.d.ts

@@ -1,9 +1,10 @@
 declare const typographyDictionary: string[];
 declare const typographyVariationsDictionary: string[];
+declare const typographyReadingVariationsDictionary: string[];
 declare const typographyMonoDictionary: string[];
 declare const typographyTitleDictionary: string[];
 declare const typographyInfoDictionary: string[];
 declare const typographyReadDictionary: string[];
 declare const typographySmallerDictionary: string[];
 declare const typographyTooltipDictionary: string[];
-export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
+export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

package/dist/types/stencil-public-runtime.d.ts

@@ -485,6 +485,14 @@ export interface FunctionalUtilities {
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -531,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;

package/dist/types/{types → type}/typography.d.ts

@@ -1,5 +1,6 @@
 export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyVariants = 'title' | 'info' | 'read' | 'code';
+export type TypographyReadingVariants = 'info' | 'read';
 export type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyReadType = 'caption' | 'detail' | 'paragraph';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-table-row",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "mds-table-row 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",
@@ -22,9 +22,9 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-table-cell": "^3.1.0",
-    "@maggioli-design-system/styles": "^10.0.1",
-    "@stencil/core": "^2.22.1"
+    "@maggioli-design-system/mds-table-cell": "^4.0.0",
+    "@maggioli-design-system/styles": "^11.2.1",
+    "@stencil/core": "^2.22.2"
   },
   "license": "MIT",
   "author": {

package/src/common/keyboard-manager.ts

@@ -0,0 +1,46 @@
+export class KeyboardManager {
+  private escapeCallback: () => void
+  private elements = []
+
+  private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
+    if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+      (event.target as HTMLElement).click()
+    }
+  }
+
+  private handleEscapeBehaviorDispatchEvent = (event: KeyboardEvent): void => {
+    if (event.code === 'Escape' && this.escapeCallback) {
+      this.escapeCallback()
+    }
+  }
+
+  addElement = (el: HTMLElement, name = 'element'): void => {
+    this.elements[name] = el
+  }
+
+  attachClickBehavior = (name = 'element'): void => {
+    if (this.elements[name]) {
+      this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
+    }
+  }
+
+  detachClickBehavior = (name = 'element'): void => {
+    if (this.elements[name]) {
+      this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
+    }
+  }
+
+  attachEscapeBehavior = (callBack: () => void): void => {
+    this.escapeCallback = callBack
+    if (typeof window !== undefined) {
+      window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
+    }
+  }
+
+  detachEscapeBehavior = (): void => {
+    this.escapeCallback = null
+    if (typeof window !== undefined) {
+      window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
+    }
+  }
+}

package/src/components/mds-table-row/mds-table-row.tsx

@@ -8,7 +8,7 @@ export class MdsTableRow {
 
   @Prop({ mutable: true, reflect: true }) interactive: boolean
 
-  @Listen('tableInteractive', { target: 'body' })
+  @Listen('mdsTableInteractiveChange', { target: 'document' })
   tableInteractiveHandler (event: CustomEvent<boolean>): void {
     this.interactive = event.detail
   }

package/src/dictionary/icon.ts

@@ -1,5 +1,9 @@
 import jsonIconsDictionary from '../fixtures/icons.json'
+import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
 const iconsDictionary = jsonIconsDictionary
+const mggIconsDictionary = jsonMggIconsDictionary
+
 export {
   iconsDictionary,
+  mggIconsDictionary,
 }

package/src/dictionary/typography.ts

@@ -23,6 +23,11 @@ const typographyVariationsDictionary = [
   'code',
 ]
 
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+]
+
 const typographyMonoDictionary = [
   'snippet',
   'hack',
@@ -66,11 +71,12 @@ const typographyTooltipDictionary = [
 
 export {
   typographyDictionary,
-  typographyVariationsDictionary,
-  typographyMonoDictionary,
-  typographyTitleDictionary,
   typographyInfoDictionary,
+  typographyReadingVariationsDictionary,
+  typographyMonoDictionary,
   typographyReadDictionary,
   typographySmallerDictionary,
+  typographyTitleDictionary,
   typographyTooltipDictionary,
+  typographyVariationsDictionary,
 }