@maggioli-design-system/mds-table-row 4.7.1 → 4.8.1

package/dist/mds-table-row/p-faec61cc.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>(0,console.error)(e,t),s=new Map,i=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u=c.document||{head:{}},a={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},f=e=>Promise.resolve(e),h=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),d=!1,p=[],m=[],y=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&a.l?v(w):a.raf(w))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){o(e)}e.length=0},w=()=>{$(p),$(m),(d=p.length>0)&&a.raf(w)},v=e=>f().then(e),b=y(m,!0),S={},g=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>E,map:()=>O,ok:()=>k,unwrap:()=>M,unwrapErr:()=>P});var k=e=>({isOk:!0,isErr:!1,value:e}),E=e=>({isOk:!1,isErr:!0,value:e});function O(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>k(e))):k(n)}if(e.isErr)return E(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},x=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!g(l))&&(l+=""),s&&i?r[r.length-1].i+=l:r.push(s?A(null,l):l),i=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=A(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=o,u},A=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),H={},D=e=>n(e).$hostElement$,L=new WeakMap,T=e=>"sc-"+e.v,N=(e,t,n,l,o,s)=>{if(n!==l){let i=((e,t)=>t in e)(e,t);if(t.toLowerCase(),"class"===t){const t=e.classList,o=U(n),s=U(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else{const r=g(l);if((i||r&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&s||o)&&!r&&e.setAttribute(t,l=!0===l?"":l)}}},R=/\s/,U=e=>e?e.split(R):[],W=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||S,s=t.u||S;for(const e of F(Object.keys(o)))e in s||N(l,e,o[e],void 0,n,t.l);for(const e of F(Object.keys(s)))N(l,e,o[e],s[e],n,t.l)};function F(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var q=!1,G=!1,V=(e,t,n)=>{const l=t.h[n];let o,s,i=0;if(null!==l.i)o=l.$=u.createTextNode(l.i);else if(o=l.$=u.createElement(l.m),W(null,l,G),o.getRootNode().querySelector("body"),l.h)for(i=0;i<l.h.length;++i)s=V(e,l,i),s&&o.appendChild(s);return o["s-hn"]=C,o},_=(e,t,n,l,o,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=V(null,n,o),i&&(l[o].$=i,J(r,i,t)))},z=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;e&&e.remove()}}},B=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),I=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,i=t.i;null===i?(("slot"!==t.m||q)&&W(e,t,G),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],y=l[p];for(;r<=f&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--p];else if(B(h,m,o))I(h,m,o),h=t[++r],m=l[++c];else if(B(d,y,o))I(d,y,o),d=t[--f],y=l[--p];else if(B(h,y,o))I(h,y,o),J(e,h.$,d.$.nextSibling),h=t[++r],y=l[--p];else if(B(d,m,o))I(d,m,o),J(e,d.$,h.$),d=t[--f],m=l[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=V(t&&t[c],n,u):(I(i,m,o),t[u]=void 0,s=i.$),m=l[++c]):(s=V(t&&t[c],n,c),m=l[++c]),s&&J(h.$.parentNode,s,h.$)}r>f?_(e,null==l[p+1]?null:l[p+1].$,n,l,c,p):c>p&&z(t,r,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),_(l,null,t,s,0,s.length-1)):!n&&null!==o&&z(o,0,o.length-1)):e.i!==i&&(l.data=i)},J=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),K=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Q=(e,t)=>{if(e.l|=16,!(4&e.l))return K(e,e.j),b((()=>X(e,t)));e.l|=512},X=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.k&&(e.k.map((([e,t])=>oe(n,e,t))),e.k=void 0),l=oe(n,"componentWillLoad")),Y(l,(()=>ee(e,n,t)))},Y=(e,t)=>Z(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Z=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ee=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=T(t),o=i.get(l);if(e=11===e.nodeType?e:u,o)if("string"==typeof o){let s,i=L.get(e=e.head||e);if(i||L.set(e,i=new Set),!i.has(l)){{s=u.createElement("style"),s.innerHTML=o;const l=null!=(n=a.C)?n:j(u);if(null!=l&&s.setAttribute("nonce",l),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(h){const t=new CSSStyleSheet;t.replaceSync(o),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=o+t.innerHTML:e.prepend(s)}else e.append(s);1&t.l&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=r),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);te(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ne(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},te=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.O,s=e.M||A(null,null),i=(e=>e&&e.m===H)(t)?t:x(null,null,t);if(C=l.tagName,o.P&&(i.u=i.u||{},o.P.map((([e,t])=>i.u[t]=l[e]))),n&&i.u)for(const e of Object.keys(i.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=l[e]);i.m=null,i.l|=4,e.M=i,i.$=s.$=l.shadowRoot||l,q=!!(1&o.l),I(s,i,n)})(e,t,l)}catch(t){o(t,e.$hostElement$)}return null},ne=e=>{const t=e.$hostElement$,n=e.t,l=e.j;64&e.l||(e.l|=64,se(t),oe(n,"componentDidLoad"),e.A(t),l||le()),e.S&&(e.S(),e.S=void 0),512&e.l&&v((()=>Q(e,!1))),e.l&=-517},le=()=>{se(u.documentElement),v((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"mds-table-row"}});return e.dispatchEvent(t),t})(c)))},oe=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){o(e)}},se=e=>e.setAttribute("hydrated",""),ie=(e,t,l)=>{var o,s;const i=e.prototype;if(t.H){const r=Object.entries(null!=(o=t.H)?o:{});if(r.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(i,e,{get(){return((e,t)=>n(this).D.get(t))(0,e)},set(l){((e,t,l,o)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.D.get(t),r=s.l,c=s.t;l=((e,t)=>null==e||g(e)?e:4&t?"false"!==e&&(""===e||!!e):e)(l,o.H[t][0]),8&r&&void 0!==i||l===i||Number.isNaN(i)&&Number.isNaN(l)||(s.D.set(t,l),c&&2==(18&r)&&Q(s,!1))})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){a.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.L)?void 0:r[e];null==i||i.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.L)?s:{}),...r.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.P)||o.push([e,s])),s}))]))}}return e},re=(e,l={})=>{var f;const d=[],p=l.exclude||[],m=c.customElements,y=u.head,$=y.querySelector("meta[charset]"),w=u.createElement("style"),v=[];let b,S=!0;Object.assign(a,l),a.o=new URL(l.resourcesUrl||"./",u.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((l=>{const r={l:l[0],v:l[1],H:l[2],T:l[3]};4&r.l&&(g=!0),r.H=l[2],r.T=l[3],r.P=[];const c=r.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,O:n,D:new Map};l.N=new Promise((e=>l.A=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,r),1&r.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,ce(this,e,r.T)),b&&(clearTimeout(b),b=null),S?v.push(this):a.jmp((()=>(e=>{if(!(1&a.l)){const t=n(e),l=t.O,r=()=>{};if(1&t.l)ce(e,t,l.T),(null==t?void 0:t.t)||(null==t?void 0:t.N)&&t.N.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){K(t,t.j=n);break}}l.H&&Object.entries(l.H).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.R){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.R;if(!n)return;const l=s.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(s.set(n,e),e[t])),o)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.U}" was not found`);l.isProxied||(ie(l,n,2),l.isProxied=!0);const i=()=>{};t.l|=8;try{new l(t)}catch(e){o(e)}t.l&=-9,i()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=T(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);h&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.set(e,l)})(t,e,!!(1&n.l)),l()}}}const r=t.j,c=()=>Q(t,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(e,t,l)}r()}})(this)))}disconnectedCallback(){a.jmp((()=>(async()=>{if(!(1&a.l)){const e=n(this);e.W&&(e.W.map((e=>e())),e.W=void 0),(null==e?void 0:e.t)||(null==e?void 0:e.N)&&e.N.then((()=>{}))}})()))}componentOnReady(){return n(this).N}};r.R=e[0],p.includes(c)||m.get(c)||(d.push(c),m.define(c,ie(u,r,1)))}))})),d.length>0&&(g&&(w.textContent+=r),w.textContent+=d.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",w.innerHTML.length)){w.setAttribute("data-styles","");const e=null!=(f=a.C)?f:j(u);null!=e&&w.setAttribute("nonce",e),y.insertBefore(w,$?$.nextSibling:y.firstChild)}S=!1,v.length?v.map((e=>e.connectedCallback())):a.jmp((()=>b=setTimeout(le,30)))},ce=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=ae(e,n),i=ue(t,o),r=fe(n);a.ael(s,l,i,r),(t.W=t.W||[]).push((()=>a.rel(s,l,i,r)))}))},ue=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.k=e.k||[]).push([t,n])}catch(e){o(e)}},ae=(e,t)=>4&t?u:e,fe=e=>({passive:!!(1&e),capture:!!(2&e)}),he=e=>a.C=e;export{H,re as b,D as g,x as h,f as p,l as r,he as s}

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T16:22:40",
+  "timestamp": "2024-12-05T16:19:09",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -9,14 +9,15 @@
     "fsNamespace": "mds-table-row",
     "components": 1,
     "entries": 1,
-    "bundles": 90,
+    "bundles": 91,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 42,
+        "files": 43,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/date.js",
+          "./dist/collection/common/device.js",
           "./dist/collection/common/file.js",
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
@@ -74,19 +75,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-6df370d5.js",
+          "./dist/cjs/index-19c36c53.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/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-6aef85b9.js",
+          "./dist/esm-es5/index-a948f479.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/app-globals-0f993ce5.js",
-          "./dist/esm/index-6aef85b9.js",
+          "./dist/esm/index-a948f479.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-table-row.entry.js",
@@ -98,23 +99,23 @@
           "./dist/mds-table-row/mds-table-row.js",
           "./dist/mds-table-row/p-50ea2036.system.js",
           "./dist/mds-table-row/p-56ba5cbf.system.js",
-          "./dist/mds-table-row/p-6fd17720.js",
-          "./dist/mds-table-row/p-81af01a5.entry.js",
-          "./dist/mds-table-row/p-93ae789e.system.js",
-          "./dist/mds-table-row/p-a349d802.system.js",
+          "./dist/mds-table-row/p-5ab8c209.system.entry.js",
+          "./dist/mds-table-row/p-98955251.system.js",
+          "./dist/mds-table-row/p-bfa177c6.system.js",
+          "./dist/mds-table-row/p-d906e5c7.entry.js",
           "./dist/mds-table-row/p-e1255160.js",
-          "./dist/mds-table-row/p-fa157b43.system.entry.js",
+          "./dist/mds-table-row/p-faec61cc.js",
           "./www/build/index.esm.js",
           "./www/build/mds-table-row.esm.js",
           "./www/build/mds-table-row.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-6fd17720.js",
-          "./www/build/p-81af01a5.entry.js",
-          "./www/build/p-93ae789e.system.js",
-          "./www/build/p-a349d802.system.js",
+          "./www/build/p-5ab8c209.system.entry.js",
+          "./www/build/p-98955251.system.js",
+          "./www/build/p-bfa177c6.system.js",
+          "./www/build/p-d906e5c7.entry.js",
           "./www/build/p-e1255160.js",
-          "./www/build/p-fa157b43.system.entry.js"
+          "./www/build/p-faec61cc.js"
         ]
       },
       {
@@ -147,12 +148,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-81af01a5",
-        "fileName": "p-81af01a5.entry.js",
+        "bundleId": "p-d906e5c7",
+        "fileName": "p-d906e5c7.entry.js",
         "imports": [
-          "p-6fd17720.js"
+          "p-faec61cc.js"
         ],
-        "originalByteSize": 2399
+        "originalByteSize": 5387
       }
     ],
     "esm": [
@@ -164,9 +165,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-6aef85b9.js"
+          "index-a948f479.js"
         ],
-        "originalByteSize": 2403
+        "originalByteSize": 5391
       }
     ],
     "es5": [
@@ -178,9 +179,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-6aef85b9.js"
+          "index-a948f479.js"
         ],
-        "originalByteSize": 2403
+        "originalByteSize": 5391
       }
     ],
     "system": [
@@ -189,12 +190,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-fa157b43.system",
-        "fileName": "p-fa157b43.system.entry.js",
+        "bundleId": "p-5ab8c209.system",
+        "fileName": "p-5ab8c209.system.entry.js",
         "imports": [
-          "p-93ae789e.system.js"
+          "p-bfa177c6.system.js"
         ],
-        "originalByteSize": 2690
+        "originalByteSize": 5816
       }
     ],
     "commonjs": [
@@ -206,9 +207,9 @@
         "bundleId": "mds-table-row.cjs",
         "fileName": "mds-table-row.cjs.entry.js",
         "imports": [
-          "index-6df370d5.js"
+          "index-19c36c53.js"
         ],
-        "originalByteSize": 2473
+        "originalByteSize": 5480
       }
     ]
   },
@@ -217,7 +218,7 @@
       "tag": "mds-table-row",
       "path": "./src/components/mds-table-row/mds-table-row.js",
       "source": "./src/components/mds-table-row/mds-table-row.tsx",
-      "elementRef": null,
+      "elementRef": "host",
       "componentClassName": "MdsTableRow",
       "assetsDirs": [],
       "dependencies": [],
@@ -247,7 +248,9 @@
         }
       ],
       "methods": [],
-      "potentialCmpRefs": [],
+      "potentialCmpRefs": [
+        "mds-table-cell"
+      ],
       "properties": [
         {
           "name": "interactive",
@@ -267,6 +270,25 @@
             "text": ""
           },
           "internal": false
+        },
+        {
+          "name": "overlayActions",
+          "type": "boolean",
+          "attribute": "overlay-actions",
+          "reflect": true,
+          "mutable": true,
+          "required": false,
+          "optional": false,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": ""
+          },
+          "internal": false
         }
       ],
       "shadowDelegatesFocus": false,
@@ -283,7 +305,7 @@
           "excludeFromCollection": false,
           "isCollectionDependency": false,
           "componentClassName": "MdsTableRow",
-          "elementRef": null,
+          "elementRef": "host",
           "encapsulation": "shadow",
           "shadowDelegatesFocus": false,
           "properties": [
@@ -305,6 +327,25 @@
                 "text": ""
               },
               "internal": false
+            },
+            {
+              "name": "overlayActions",
+              "type": "boolean",
+              "attribute": "overlay-actions",
+              "reflect": true,
+              "mutable": true,
+              "required": false,
+              "optional": false,
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": ""
+              },
+              "internal": false
             }
           ],
           "virtualProperties": [],
@@ -352,8 +393,8 @@
           "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-table-row/src/components/mds-table-row/mds-table-row.tsx",
           "sourceMapPath": null,
           "hasAttributeChangedCallbackFn": false,
-          "hasComponentWillLoadFn": false,
-          "hasComponentDidLoadFn": false,
+          "hasComponentWillLoadFn": true,
+          "hasComponentDidLoadFn": true,
           "hasComponentShouldUpdateFn": false,
           "hasComponentWillUpdateFn": false,
           "hasComponentDidUpdateFn": false,
@@ -364,7 +405,7 @@
           "hasDisconnectedCallbackFn": false,
           "hasElement": false,
           "hasEvent": false,
-          "hasLifecycle": false,
+          "hasLifecycle": true,
           "hasListener": true,
           "hasListenerTarget": true,
           "hasListenerTargetWindow": false,
@@ -386,27 +427,34 @@
           "hasStyle": true,
           "hasVdomAttribute": true,
           "hasVdomXlink": false,
-          "hasVdomClass": false,
+          "hasVdomClass": true,
           "hasVdomFunctional": false,
           "hasVdomKey": true,
           "hasVdomListener": false,
           "hasVdomPropOrAttr": true,
           "hasVdomRef": false,
           "hasVdomRender": true,
-          "hasVdomStyle": false,
-          "hasVdomText": false,
+          "hasVdomStyle": true,
+          "hasVdomText": true,
           "hasWatchCallback": false,
           "isPlain": false,
           "htmlAttrNames": [
             "key",
-            "role"
+            "role",
+            "class",
+            "style",
+            "name"
           ],
           "htmlTagNames": [
-            "slot"
+            "slot",
+            "mds-table-cell",
+            "div"
           ],
           "htmlParts": [],
           "isUpdateable": true,
-          "potentialCmpRefs": [],
+          "potentialCmpRefs": [
+            "mds-table-cell"
+          ],
           "dependents": [],
           "dependencies": [],
           "directDependents": [],
@@ -418,12 +466,13 @@
   ],
   "componentGraph": {
     "sc-mds-table-row": [
-      "p-6fd17720.js"
+      "p-faec61cc.js"
     ]
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
     "./src/common/date.ts": [],
+    "./src/common/device.ts": [],
     "./src/common/file.ts": [],
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],

package/dist/types/common/aria.d.ts

@@ -1,5 +1,7 @@
 declare const unslugName: (name: string) => string;
 declare const setAttributeIfEmpty: (element: HTMLElement, attribute: string, value: string) => string;
+declare const removeAttributesIf: (element: HTMLElement, attribute: string, valueCheck: string | undefined, cleanAttributes: string | string[]) => boolean;
+declare const ifAttribute: (element: HTMLElement, attribute: string, valueCheck?: string) => boolean;
 declare const hashValue: (value: string) => string;
 declare const hashRandomValue: (value?: string) => string;
-export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };
+export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, };

package/dist/types/common/device.d.ts

@@ -0,0 +1,2 @@
+declare const isMobileDevice: () => boolean;
+export { isMobileDevice, };

package/dist/types/components/mds-table-row/mds-table-row.d.ts

@@ -2,7 +2,14 @@
  * @slot default - Put `mds-table-cell` element/s.
  */
 export declare class MdsTableRow {
+    host: HTMLMdsTableRowElement;
+    private actions;
+    private hasActions;
+    private sizerWidth;
     interactive: boolean;
+    overlayActions: boolean;
     tableInteractiveHandler(event: CustomEvent<boolean>): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -8,6 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface MdsTableRow {
         "interactive": boolean;
+        "overlayActions": boolean;
     }
 }
 declare global {
@@ -24,6 +25,7 @@ declare global {
 declare namespace LocalJSX {
     interface MdsTableRow {
         "interactive"?: boolean;
+        "overlayActions"?: boolean;
     }
     interface IntrinsicElements {
         "mds-table-row": MdsTableRow;

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

@@ -1,2 +1,4 @@
+declare const typographyTagDictionary: string[];
+declare const typographyHeadingTagDictionary: string[];
 declare const truncateDictionary: string[];
-export { truncateDictionary, };
+export { truncateDictionary, typographyHeadingTagDictionary, typographyTagDictionary, };

package/dist/types/type/text.d.ts

@@ -1 +1,3 @@
+export type TypographyTagType = 'abbr' | 'address' | 'article' | 'b' | 'bdo' | 'blockquote' | 'cite' | 'code' | 'dd' | 'del' | 'details' | 'dfn' | 'div' | 'dl' | 'dt' | 'em' | 'figcaption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'i' | 'ins' | 'kbd' | 'label' | 'legend' | 'li' | 'mark' | 'ol' | 'p' | 'pre' | 'q' | 'rb' | 'rt' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'summary' | 'sup' | 'time' | 'u' | 'ul' | 'var';
+export type TypographyHeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type TypographyTruncateType = 'all' | 'none' | 'word';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-25T16:00:58",
+  "timestamp": "2024-12-05T15:33:30",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.22.2",
@@ -40,6 +40,27 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "overlayActions",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "overlay-actions",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -61,8 +82,14 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "mds-table-cell"
+      ],
+      "dependencyGraph": {
+        "mds-table-row": [
+          "mds-table-cell"
+        ]
+      }
     }
   ],
   "typeLibrary": {
@@ -476,6 +503,11 @@
       "docstring": "",
       "path": "src/components/mds-push-notification/meta/event-detail.ts"
     },
+    "src/type/text.ts::TypographyHeadingTagType": {
+      "declaration": "export type TypographyHeadingTagType =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'",
+      "docstring": "",
+      "path": "src/type/text.ts"
+    },
     "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
       "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
       "docstring": "",
@@ -507,7 +539,7 @@
       "path": "src/components/mds-tab-item/meta/event-detail.ts"
     },
     "src/components/mds-table-header-cell/meta/types.ts::SortDirectionType": {
-      "declaration": "export type SortDirectionType =\n  | 'asc'\n  | 'desc'\n  | 'none'",
+      "declaration": "export type SortDirectionType =\n  | 'ascending'\n  | 'descending'\n  | 'none'",
       "docstring": "",
       "path": "src/components/mds-table-header-cell/meta/types.ts"
     },
@@ -516,10 +548,10 @@
       "docstring": "",
       "path": "src/components/mds-text/meta/types.ts"
     },
-    "src/components/mds-text/meta/types.ts::TypographyTagType": {
+    "src/type/text.ts::TypographyTagType": {
       "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
       "docstring": "",
-      "path": "src/components/mds-text/meta/types.ts"
+      "path": "src/type/text.ts"
     },
     "src/type/variant.ts::ThemeLuminanceVariantType": {
       "declaration": "export type ThemeLuminanceVariantType =\n  | 'dark'\n  | 'light'",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-table-row",
-  "version": "4.7.1",
+  "version": "4.8.1",
   "description": "mds-table-row is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,7 +23,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-table-cell": "4.7.1",
+    "@maggioli-design-system/mds-table-cell": "4.7.2",
     "@maggioli-design-system/styles": "15.5.0",
     "@stencil/core": "4.22.2"
   },

package/readme.md

@@ -9,9 +9,10 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 
 ## Properties
 
-| Property      | Attribute     | Description | Type      | Default     |
-| ------------- | ------------- | ----------- | --------- | ----------- |
-| `interactive` | `interactive` |             | `boolean` | `undefined` |
+| Property         | Attribute         | Description | Type      | Default     |
+| ---------------- | ----------------- | ----------- | --------- | ----------- |
+| `interactive`    | `interactive`     |             | `boolean` | `undefined` |
+| `overlayActions` | `overlay-actions` |             | `boolean` | `undefined` |
 
 
 ## Slots
@@ -21,6 +22,19 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 | `"default"` | Put `mds-table-cell` element/s. |
 
 
+## Dependencies
+
+### Depends on
+
+- [mds-table-cell](../mds-table-cell)
+
+### Graph
+```mermaid
+graph TD;
+  mds-table-row --> mds-table-cell
+  style mds-table-row fill:#f9f,stroke:#333,stroke-width:4px
+```
+
 ----------------------------------------------
 
 Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)

package/src/common/aria.ts

@@ -20,6 +20,24 @@ const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: str
   return value
 }
 
+const removeAttributesIf = (element: HTMLElement, attribute: string, valueCheck: string = 'true', cleanAttributes: string | string[]): boolean => {
+  if (ifAttribute(element, attribute, valueCheck)) {
+    const attributesList = Array.isArray(cleanAttributes) ? cleanAttributes : [cleanAttributes]
+    attributesList.forEach(attributeToRemove => {
+      element.removeAttribute(attributeToRemove)
+    })
+    return true
+  }
+  return false
+}
+
+const ifAttribute = (element: HTMLElement, attribute: string, valueCheck: string = 'true'): boolean => {
+  if (element.hasAttribute(attribute) && element.getAttribute(attribute) === valueCheck) {
+    return true
+  }
+  return false
+}
+
 const hashValue = (value: string): string => `${value}-${hash(value)}`
 
 const hashRandomValue = (value?: string): string => {
@@ -32,8 +50,10 @@ const hashRandomValue = (value?: string): string => {
 }
 
 export {
-  unslugName,
-  setAttributeIfEmpty,
   hashRandomValue,
   hashValue,
+  removeAttributesIf,
+  setAttributeIfEmpty,
+  ifAttribute,
+  unslugName,
 }

package/src/common/device.ts

@@ -0,0 +1,9 @@
+const isMobileDevice = (): boolean => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const userAgent = navigator.userAgent || navigator.vendor || (window as any).opera
+  return /android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent)
+}
+
+export {
+  isMobileDevice,
+}

package/src/common/keyboard-manager.ts

@@ -36,14 +36,14 @@ export class KeyboardManager {
 
   attachEscapeBehavior = (callback: () => void): void => {
     this.escapeCallback = callback
-    if (window !== undefined) {
+    if (typeof window !== 'undefined') {
       window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }
   }
 
   detachEscapeBehavior = (): void => {
     this.escapeCallback = () => { return }
-    if (window !== undefined) {
+    if (typeof window !== 'undefined') {
       window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }
   }

package/src/components/mds-table-row/css/mds-table-row-actions.css

@@ -0,0 +1,38 @@
+.actions-view {
+  align-items: center;
+  display: flex;
+  inset: 0;
+  justify-content: end;
+  pointer-events: none;
+  position: absolute;
+}
+
+.actions {
+  align-items: center;
+  background-color: var(--mds-table-cell-background);
+  display: inline-flex;
+  gap: var(--mds-table-row-actions-gap);
+  inset: 0;
+  margin-right: 100%;
+  padding-right: 0;
+  pointer-events: auto;
+  position: sticky;
+  right: 0;
+  transform: translateX(100%);
+  transition-duration: theme('transitionDuration.500');
+  transition-property: transform, background-color, padding-right;
+  transition-timing-function: theme('transitionTimingFunction.out-expo');
+}
+
+:host(:hover) .actions {
+  transform: translateX(100%);
+}
+
+:host([overlay-actions]:not([overlay-actions="false"])) .actions {
+  padding-right: var(--mds-table-cell-padding);
+  transform: translateX(100%);
+}
+
+:host([overlay-actions]:not([overlay-actions="false"]):hover) .actions {
+  transform: translateX(0);
+}

package/src/components/mds-table-row/css/mds-table-row-pref-animation.css

@@ -1,7 +1,8 @@
 @tailwind utilities;
 
 @container style(--magma-pref-animation: reduce) {
-  :host {
+  :host,
+  .actions {
     transition-duration: 0s;
   }
 }
@@ -9,7 +10,8 @@
 @container style(--magma-pref-animation: system) {
 
   @media (prefers-reduced-motion) {
-    :host {
+    :host,
+    .actions {
       transition-duration: 0s;
     }
   }