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

package/dist/esm-es5/mds-table-row.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function a(t){try{s(n.next(t))}catch(t){i(t)}}function c(t){try{s(n["throw"](t))}catch(t){i(t)}}function s(t){t.done?r(t.value):o(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(r=0)),r)try{if(n=1,o&&(i=c[0]&2?o["return"]:c[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,c[1])).done)return i;if(o=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;o=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){r.label=c[1];break}if(c[0]===6&&r.label<i[1]){r.label=i[1];i=c;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(c);break}if(i[2])r.ops.pop();r.trys.pop();continue}c=e.call(t,r)}catch(t){c=[6,t];o=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-0a14d3b4.js";export{s as setNonce}from"./index-0a14d3b4.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var t=import.meta.url;var e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return promiseResolve(e)};patchBrowser().then((function(t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],t)]}}))}))}));
+var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function a(t){try{s(n.next(t))}catch(t){i(t)}}function c(t){try{s(n["throw"](t))}catch(t){i(t)}}function s(t){t.done?r(t.value):o(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(r=0)),r)try{if(n=1,o&&(i=c[0]&2?o["return"]:c[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,c[1])).done)return i;if(o=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;o=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){r.label=c[1];break}if(c[0]===6&&r.label<i[1]){r.label=i[1];i=c;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(c);break}if(i[2])r.ops.pop();r.trys.pop();continue}c=e.call(t,r)}catch(t){c=[6,t];o=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-a948f479.js";export{s as setNonce}from"./index-a948f479.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var t=import.meta.url;var e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return promiseResolve(e)};patchBrowser().then((function(t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],t)]}}))}))}));

package/dist/mds-table-row/mds-table-row.esm.js

@@ -1 +1 @@
-import{p as a,b as e}from"./p-60aa058b.js";export{s as setNonce}from"./p-60aa058b.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-33796315",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],a))));
+import{p as e,b as a}from"./p-faec61cc.js";export{s as setNonce}from"./p-faec61cc.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-d906e5c7",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],e))));

package/dist/mds-table-row/mds-table-row.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-25a5e94e.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-98955251.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/dist/mds-table-row/p-5ab8c209.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-bfa177c6.system.js"],(function(n){"use strict";var t,e,a,i;return{setters:[function(n){t=n.r;e=n.h;a=n.H;i=n.g}],execute:function(){var o='@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n  -ms-flex-align: center;\n  align-items: center;\n  background-color: var(--mds-table-cell-background);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:not([overlay-actions="false"])) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:not([overlay-actions="false"]):hover) .actions {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var r=o;var s=n("mds_table_row",function(){function n(n){t(this,n);this.interactive=undefined;this.overlayActions=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.componentWillLoad=function(){this.hasActions=this.host.querySelector('[slot="action"]')!==null};n.prototype.componentDidLoad=function(){var n;if(this.hasActions){this.actions=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".actions");this.sizerWidth="".concat(this.actions.offsetWidth.toString(),"px")}};n.prototype.render=function(){return e(a,{key:"44d102599e90a2abb4cf32ea398d6c3f194e6177",role:"row"},e("slot",{key:"3bc595925a4dafac49d206692fae394754b10d70"}),this.hasActions&&e("mds-table-cell",{key:"8b1a1b0e32db91cc03988de856fea521d25b8424",class:"actions-cell"},e("div",{key:"5867330d68358f30429123a85027b72def045933",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),e("div",{key:"15d6e37bb432b0671e8a5fa447a17fde060e2d60",class:"actions-view"},e("div",{key:"63cf3b620e6c428ce7cb318e07fb35cec631b0c3",class:"actions",style:{marginRight:"calc(".concat(this.sizerWidth," + var(--mds-table-cell-padding))")}},e("slot",{key:"0a479f584fd1ed0c927b39006de79747c7e3ed87",name:"action"})))))};Object.defineProperty(n.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return n}());s.style=r}}}));

package/{www/build/p-25a5e94e.system.js → dist/mds-table-row/p-98955251.system.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function a(t){try{u(r.next(t))}catch(t){c(t)}}function o(t){try{u(r["throw"](t))}catch(t){c(t)}}function u(t){t.done?e(t.value):i(t.value).then(a,o)}u((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(n){return u([t,n])}}function u(o){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-580bb30b.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-cca5599e.system",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],n)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function a(t){try{u(r.next(t))}catch(t){c(t)}}function o(t){try{u(r["throw"](t))}catch(t){c(t)}}function u(t){t.done?e(t.value):i(t.value).then(a,o)}u((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(n){return u([t,n])}}function u(o){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(e=0)),e)try{if(r=1,i&&(c=o[0]&2?i["return"]:o[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,o[1])).done)return c;if(i=0,c)o=[o[0]&2,c.value];switch(o[0]){case 0:case 1:c=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!c||o[1]>c[0]&&o[1]<c[3])){e.label=o[1];break}if(o[0]===6&&e.label<c[1]){e.label=c[1];c=o;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(o);break}if(c[2])e.ops.pop();e.trys.pop();continue}o=n.call(t,e)}catch(t){o=[6,t];i=0}finally{r=c=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-bfa177c6.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-5ab8c209.system",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],n)]}}))}))}))}}}));

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

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var r=function(e,n){r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,e){r.__proto__=e}||function(r,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))r[n]=e[n]};return r(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");r(e,n);function t(){this.constructor=e}e.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(r,e,n,t){function i(r){return r instanceof n?r:new n((function(e){e(r)}))}return new(n||(n=Promise))((function(n,a){function u(r){try{o(t.next(r))}catch(r){a(r)}}function f(r){try{o(t["throw"](r))}catch(r){a(r)}}function o(r){r.done?n(r.value):i(r.value).then(u,f)}o((t=t.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,u;return u={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function f(r){return function(e){return o([r,e])}}function o(f){if(t)throw new TypeError("Generator is already executing.");while(u&&(u=0,f[0]&&(n=0)),n)try{if(t=1,i&&(a=f[0]&2?i["return"]:f[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;if(i=0,a)f=[f[0]&2,a.value];switch(f[0]){case 0:case 1:a=f;break;case 4:n.label++;return{value:f[1],done:false};case 5:n.label++;i=f[1];f=[0];continue;case 7:f=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){n=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){n.label=f[1];break}if(f[0]===6&&n.label<a[1]){n.label=a[1];a=f;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(f);break}if(a[2])n.ops.pop();n.trys.pop();continue}f=e.call(r,n)}catch(r){f=[6,r];i=0}finally{t=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,e,n){if(n||arguments.length===2)for(var t=0,i=e.length,a;t<i;t++){if(a||!(t in e)){if(!a)a=Array.prototype.slice.call(e,0,t);a[t]=e[t]}}return r.concat(a||Array.prototype.slice.call(e))};System.register([],(function(r,e){"use strict";return{execute:function(){var n=this;var t="mds-table-row";var i={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:false,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:true,hydratedClass:false,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:false,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:false,propString:false,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:false,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:false,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:false};var a=Object.defineProperty;var u=function(r,e){for(var n in e)a(r,n,{get:e[n],enumerable:true})};var f=new WeakMap;var o=function(r){return f.get(r)};var l=r("r",(function(r,e){return f.set(e.t=r,e)}));var s=function(r,e){var n={i:0,$hostElement$:r,u:e,o:new Map};{n.l=new Promise((function(r){return n.v=r}));r["s-p"]=[];r["s-rc"]=[]}return f.set(r,n)};var c=function(r,e){return e in r};var v=function(r,e){return(0,console.error)(r,e)};var d=new Map;var h=function(r,n,t){var i=r.h.replace(/-/g,"_");var a=r.p;if(!a){return void 0}var u=d.get(a);if(u){return u[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return e.import("./".concat(a,".entry.js").concat("")).then((function(r){{d.set(a,r)}return r[i]}),v)};var p=new Map;var m="{visibility:hidden}[hydrated]{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w=typeof window!=="undefined"?window:{};var b=w.document||{head:{}};var S={i:0,m:"",jmp:function(r){return r()},raf:function(r){return requestAnimationFrame(r)},ael:function(r,e,n,t){return r.addEventListener(e,n,t)},rel:function(r,e,n,t){return r.removeEventListener(e,n,t)},ce:function(r,e){return new CustomEvent(r,e)}};var g=function(){var r=false;try{b.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){r=true}}))}catch(r){}return r}();var _=r("p",(function(r){return Promise.resolve(r)}));var $=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var k=false;var A=[];var C=[];var j=function(r,e){return function(n){r.push(n);if(!k){k=true;if(e&&S.i&4){T(O)}else{S.raf(O)}}}};var x=function(r){for(var e=0;e<r.length;e++){try{r[e](performance.now())}catch(r){v(r)}}r.length=0};var O=function(){x(A);{x(C);if(k=A.length>0){S.raf(O)}}};var T=function(r){return _().then(r)};var E=j(C,true);var D={};var L=function(r){return r!=null};var M=function(r){r=typeof r;return r==="object"||r==="function"};function F(r){var e,n,t;return(t=(n=(e=r.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?t:void 0}var P={};u(P,{err:function(){return N},map:function(){return U},ok:function(){return R},unwrap:function(){return W},unwrapErr:function(){return H}});var R=function(r){return{isOk:true,isErr:false,value:r}};var N=function(r){return{isOk:false,isErr:true,value:r}};function U(r,e){if(r.isOk){var n=e(r.value);if(n instanceof Promise){return n.then((function(r){return R(r)}))}else{return R(n)}}if(r.isErr){var t=r.value;return N(t)}throw"should never get here"}var W=function(r){if(r.isOk){return r.value}else{throw r.value}};var H=function(r){if(r.isErr){return r.value}else{throw r.value}};var z=function(r,e){if(e===void 0){e=""}{return function(){return}}};var B=function(r,e){{return function(){return}}};var G=r("h",(function(r,e){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var i=null;var a=null;var u=false;var f=false;var o=[];var l=function(e){for(var n=0;n<e.length;n++){i=e[n];if(Array.isArray(i)){l(i)}else if(i!=null&&typeof i!=="boolean"){if(u=typeof r!=="function"&&!M(i)){i=String(i)}if(u&&f){o[o.length-1].S+=i}else{o.push(u?Q(null,i):i)}f=u}}};l(n);if(e){if(e.key){a=e.key}{var s=e.className||e.class;if(s){e.class=typeof s!=="object"?s:Object.keys(s).filter((function(r){return s[r]})).join(" ")}}}var c=Q(r,null);c._=e;if(o.length>0){c.$=o}{c.k=a}return c}));var Q=function(r,e){var n={i:0,A:r,S:e,C:null,$:null};{n._=null}{n.k=null}return n};var q=r("H",{});var I=function(r){return r&&r.A===q};var K=function(r,e){if(r!=null&&!M(r)){if(e&4){return r==="false"?false:r===""||!!r}return r}return r};var V=r("g",(function(r){return o(r).$hostElement$}));var X=function(r,e,n){var t=S.ce(e,n);r.dispatchEvent(t);return t};var J=new WeakMap;var Y=function(r,e,n){var t=p.get(r);if($&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=e}else{t.replaceSync(e)}}else{t=e}p.set(r,t)};var Z=function(r,e,n){var t;var i=er(e);var a=p.get(i);r=r.nodeType===11?r:b;if(a){if(typeof a==="string"){r=r.head||r;var u=J.get(r);var f=void 0;if(!u){J.set(r,u=new Set)}if(!u.has(i)){{f=b.createElement("style");f.innerHTML=a;var o=(t=S.j)!=null?t:F(b);if(o!=null){f.setAttribute("nonce",o)}if(!(e.i&1)){if(r.nodeName==="HEAD"){var l=r.querySelectorAll("link[rel=preconnect]");var s=l.length>0?l[l.length-1].nextSibling:r.querySelector("style");r.insertBefore(f,s)}else if("host"in r){if($){var c=new CSSStyleSheet;c.replaceSync(a);r.adoptedStyleSheets=__spreadArray([c],r.adoptedStyleSheets,true)}else{var v=r.querySelector("style");if(v){v.innerHTML=a+v.innerHTML}else{r.prepend(f)}}}else{r.append(f)}}if(e.i&1&&r.nodeName!=="HEAD"){r.insertBefore(f,null)}}if(e.i&4){f.innerHTML+=y}if(u){u.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var rr=function(r){var e=r.u;var n=r.$hostElement$;var t=e.i;var i=z("attachStyles",e.h);var a=Z(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(t&10&&t&2){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var er=function(r,e){return"sc-"+r.h};var nr=function(r,e,n,t,i,a){if(n!==t){var u=c(r,e);e.toLowerCase();if(e==="class"){var f=r.classList;var o=ir(n);var l=ir(t);f.remove.apply(f,o.filter((function(r){return r&&!l.includes(r)})));f.add.apply(f,l.filter((function(r){return r&&!o.includes(r)})))}else if(e==="style"){{for(var s in n){if(!t||t[s]==null){if(s.includes("-")){r.style.removeProperty(s)}else{r.style[s]=""}}}}for(var s in t){if(!n||t[s]!==n[s]){if(s.includes("-")){r.style.setProperty(s,t[s])}else{r.style[s]=t[s]}}}}else if(e==="key");else{var v=M(t);if((u||v&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var d=t==null?"":t;if(e==="list"){u=false}else if(n==null||r[e]!=d){if(typeof r.__lookupSetter__(e)==="function"){r[e]=d}else{r.setAttribute(e,d)}}}else{r[e]=t}}catch(r){}}if(t==null||t===false){if(t!==false||r.getAttribute(e)===""){{r.removeAttribute(e)}}}else if((!u||a&4||i)&&!v){t=t===true?"":t;{r.setAttribute(e,t)}}}}};var tr=/\s/;var ir=function(r){return!r?[]:r.split(tr)};var ar=function(r,e,n){var t=e.C.nodeType===11&&e.C.host?e.C.host:e.C;var i=r&&r._||D;var a=e._||D;{for(var u=0,f=ur(Object.keys(i));u<f.length;u++){var o=f[u];if(!(o in a)){nr(t,o,i[o],void 0,n,e.i)}}}for(var l=0,s=ur(Object.keys(a));l<s.length;l++){var o=s[l];nr(t,o,i[o],a[o],n,e.i)}};function ur(r){return r.includes("ref")?__spreadArray(__spreadArray([],r.filter((function(r){return r!=="ref"})),true),["ref"],false):r}var fr;var or;var lr=false;var sr=false;var cr=function(r,e,n,t){var a=e.$[n];var u=0;var f;var o;if(a.S!==null){f=a.C=b.createTextNode(a.S)}else{f=a.C=b.createElement(!lr&&i.slotRelocation&&a.i&2?"slot-fb":a.A);{ar(null,a,sr)}var l=f.getRootNode();var s=!l.querySelector("body");if(!s&&i.scoped&&L(fr)&&f["s-si"]!==fr){f.classList.add(f["s-si"]=fr)}if(a.$){for(u=0;u<a.$.length;++u){o=cr(r,a,u);if(o){f.appendChild(o)}}}}f["s-hn"]=or;return f};var vr=function(r,e,n,t,i,a){var u=r;var f;if(u.shadowRoot&&u.tagName===or){u=u.shadowRoot}for(;i<=a;++i){if(t[i]){f=cr(null,n,i);if(f){t[i].C=f;yr(u,f,e)}}}};var dr=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.C;if(a){a.remove()}}}};var hr=function(r,e,n,t,i){if(i===void 0){i=false}var a=0;var u=0;var f=0;var o=0;var l=e.length-1;var s=e[0];var c=e[l];var v=t.length-1;var d=t[0];var h=t[v];var p;var m;while(a<=l&&u<=v){if(s==null){s=e[++a]}else if(c==null){c=e[--l]}else if(d==null){d=t[++u]}else if(h==null){h=t[--v]}else if(pr(s,d,i)){mr(s,d,i);s=e[++a];d=t[++u]}else if(pr(c,h,i)){mr(c,h,i);c=e[--l];h=t[--v]}else if(pr(s,h,i)){mr(s,h,i);yr(r,s.C,c.C.nextSibling);s=e[++a];h=t[--v]}else if(pr(c,d,i)){mr(c,d,i);yr(r,c.C,s.C);c=e[--l];d=t[++u]}else{f=-1;{for(o=a;o<=l;++o){if(e[o]&&e[o].k!==null&&e[o].k===d.k){f=o;break}}}if(f>=0){m=e[f];if(m.A!==d.A){p=cr(e&&e[u],n,f)}else{mr(m,d,i);e[f]=void 0;p=m.C}d=t[++u]}else{p=cr(e&&e[u],n,u);d=t[++u]}if(p){{yr(s.C.parentNode,p,s.C)}}}}if(a>l){vr(r,t[v+1]==null?null:t[v+1].C,n,t,u,v)}else if(u>v){dr(e,a,l)}};var pr=function(r,e,n){if(n===void 0){n=false}if(r.A===e.A){if(!n){return r.k===e.k}return true}return false};var mr=function(r,e,n){if(n===void 0){n=false}var t=e.C=r.C;var a=r.$;var u=e.$;var f=e.A;var o=e.S;if(o===null){{if(f==="slot"&&!lr);else{ar(r,e,sr)}}if(a!==null&&u!==null){hr(t,a,e,u,n)}else if(u!==null){if(r.S!==null){t.textContent=""}vr(t,null,e,u,0,u.length-1)}else if(!n&&i.updatable&&a!==null){dr(a,0,a.length-1)}}else if(r.S!==o){t.data=o}};var yr=function(r,e,n){var t=r==null?void 0:r.insertBefore(e,n);return t};var wr=function(r,e,n){if(n===void 0){n=false}var t=r.$hostElement$;var i=r.u;var a=r.O||Q(null,null);var u=I(e)?e:G(null,null,e);or=t.tagName;if(i.T){u._=u._||{};i.T.map((function(r){var e=r[0],n=r[1];return u._[n]=t[e]}))}if(n&&u._){for(var f=0,o=Object.keys(u._);f<o.length;f++){var l=o[f];if(t.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){u._[l]=t[l]}}}u.A=null;u.i|=4;r.O=u;u.C=a.C=t.shadowRoot||t;{fr=t["s-sc"]}lr=(i.i&1)!==0;mr(a,u,n)};var br=function(r,e){if(e&&!r.D&&e["s-p"]){e["s-p"].push(new Promise((function(e){return r.D=e})))}};var Sr=function(r,e){{r.i|=16}if(r.i&4){r.i|=512;return}br(r,r.L);var n=function(){return gr(r,e)};return E(n)};var gr=function(r,e){var n=r.$hostElement$;var t=z("scheduleUpdate",r.u.h);var i=r.t;if(!i){throw new Error("Can't render component <".concat(n.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"))}var a;if(e){{r.i|=256;if(r.M){r.M.map((function(r){var e=r[0],n=r[1];return xr(i,e,n)}));r.M=void 0}}{a=xr(i,"componentWillLoad")}}t();return _r(a,(function(){return kr(r,i,e)}))};var _r=function(r,e){return $r(r)?r.then(e).catch((function(r){console.error(r);e()})):e()};var $r=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var kr=function(r,e,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,u,f,o,l;return __generator(this,(function(s){i=r.$hostElement$;a=z("update",r.u.h);u=i["s-rc"];if(t){rr(r)}f=z("render",r.u.h);{Ar(r,e,i,t)}if(u){u.map((function(r){return r()}));i["s-rc"]=void 0}f();a();{o=(n=i["s-p"])!=null?n:[];l=function(){return Cr(r)};if(o.length===0){l()}else{Promise.all(o).then(l);r.i|=4;o.length=0}}return[2]}))}))};var Ar=function(r,e,n,t){try{e=e.render();{r.i&=~16}{r.i|=2}{{{wr(r,e,t)}}}}catch(e){v(e,r.$hostElement$)}return null};var Cr=function(r){var e=r.u.h;var n=r.$hostElement$;var t=z("postUpdate",e);var i=r.t;var a=r.L;if(!(r.i&64)){r.i|=64;{Or(n)}{xr(i,"componentDidLoad")}t();{r.v(n);if(!a){jr()}}}else{t()}{if(r.D){r.D();r.D=void 0}if(r.i&512){T((function(){return Sr(r,false)}))}r.i&=~(4|512)}};var jr=function(r){{Or(b.documentElement)}T((function(){return X(w,"appload",{detail:{namespace:t}})}))};var xr=function(r,e,n){if(r&&r[e]){try{return r[e](n)}catch(r){v(r)}}return void 0};var Or=function(r){var e;return r.setAttribute((e=i.hydratedSelectorName)!=null?e:"hydrated","")};var Tr=function(r,e){return o(r).o.get(e)};var Er=function(r,e,n,t){var i=o(r);if(!i){throw new Error("Couldn't find host element for \"".concat(t.h,'" 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).'))}var a=i.o.get(e);var u=i.i;var f=i.t;n=K(n,t.F[e][0]);var l=Number.isNaN(a)&&Number.isNaN(n);var s=n!==a&&!l;if((!(u&8)||a===void 0)&&s){i.o.set(e,n);if(f){if((u&(2|16))===2){Sr(i,false)}}}};var Dr=function(r,e,n){var t,a;var u=r.prototype;if(e.F||i.watchCallback){var f=Object.entries((t=e.F)!=null?t:{});f.map((function(r){var t=r[0],i=r[1][0];if(i&31||n&2&&i&32){Object.defineProperty(u,t,{get:function(){return Tr(this,t)},set:function(r){Er(this,t,r,e)},configurable:true,enumerable:true})}}));if(n&1){var l=new Map;u.attributeChangedCallback=function(r,n,t){var i=this;S.jmp((function(){var a;var f=l.get(r);if(i.hasOwnProperty(f)){t=i[f];delete i[f]}else if(u.hasOwnProperty(f)&&typeof i[f]==="number"&&i[f]==t){return}else if(f==null){var s=o(i);var c=s==null?void 0:s.i;if(c&&!(c&8)&&c&128&&t!==n){var v=s.t;var d=(a=e.P)==null?void 0:a[r];d==null?void 0:d.forEach((function(e){if(v[e]!=null){v[e].call(v,t,n,r)}}))}return}i[f]=t===null&&typeof i[f]==="boolean"?false:t}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((a=e.P)!=null?a:{}),true),f.filter((function(r){var e=r[0],n=r[1];return n[0]&15})).map((function(r){var n=r[0],t=r[1];var i;var a=t[1]||n;l.set(a,n);if(t[0]&512){(i=e.T)==null?void 0:i.push([n,a])}return a})),true)))}}return r};var Lr=function(r,e,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,u,f,o,l,s,c,d,m;return __generator(this,(function(y){switch(y.label){case 0:if(!((e.i&32)===0))return[3,6];e.i|=32;i=t.p;if(!i)return[3,4];a=h(t);if(!(a&&"then"in a))return[3,2];u=B();return[4,a];case 1:n=y.sent();u();return[3,3];case 2:n=a;y.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.h,"#").concat(e.R,'" was not found'))}if(!n.isProxied){Dr(n,t,2);n.isProxied=true}f=z("createInstance",t.h);{e.i|=8}try{new n(e)}catch(r){v(r)}{e.i&=~8}f();return[3,5];case 4:n=r.constructor;o=r.localName;customElements.whenDefined(o).then((function(){return e.i|=128}));y.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}s=er(t);if(!p.has(s)){c=z("registerStyles",t.h);Y(s,l,!!(t.i&1));c()}}y.label=6;case 6:d=e.L;m=function(){return Sr(e,true)};if(d&&d["s-rc"]){d["s-rc"].push(m)}else{m()}return[2]}}))}))};var Mr=function(r){};var Fr=function(r){if((S.i&1)===0){var e=o(r);var n=e.u;var t=z("connectedCallback",n.h);if(!(e.i&1)){e.i|=1;{var i=r;while(i=i.parentNode||i.host){if(i["s-p"]){br(e,e.L=i);break}}}if(n.F){Object.entries(n.F).map((function(e){var n=e[0],t=e[1][0];if(t&31&&r.hasOwnProperty(n)){var i=r[n];delete r[n];r[n]=i}}))}{Lr(r,e,n)}}else{Ur(r,e,n.N);if(e==null?void 0:e.t);else if(e==null?void 0:e.l){e.l.then((function(){return Mr()}))}}t()}};var Pr=function(r){};var Rr=function(r){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(n){if((S.i&1)===0){e=o(r);{if(e.U){e.U.map((function(r){return r()}));e.U=void 0}}if(e==null?void 0:e.t);else if(e==null?void 0:e.l){e.l.then((function(){return Pr()}))}}return[2]}))}))};var Nr=r("b",(function(r,e){if(e===void 0){e={}}var n;var t=z();var i=[];var a=e.exclude||[];var u=w.customElements;var f=b.head;var l=f.querySelector("meta[charset]");var c=b.createElement("style");var v=[];var d;var h=true;Object.assign(S,e);S.m=new URL(e.resourcesUrl||"./",b.baseURI).href;var p=false;r.map((function(r){r[1].map((function(e){var n={i:e[0],h:e[1],F:e[2],N:e[3]};if(n.i&4){p=true}{n.F=e[2]}{n.N=e[3]}{n.T=[]}var t=n.h;var f=function(r){__extends(e,r);function e(e){var t=r.call(this,e)||this;t.hasRegisteredEventListeners=false;e=t;s(e,n);if(n.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(n.h,"! Mode is set to ").concat(e.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return t}e.prototype.connectedCallback=function(){var r=this;var e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ur(this,e,n.N)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{S.jmp((function(){return Fr(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;S.jmp((function(){return Rr(r)}))};e.prototype.componentOnReady=function(){return o(this).l};return e}(HTMLElement);n.p=r[0];if(!a.includes(t)&&!u.get(t)){i.push(t);u.define(t,Dr(f,n,1))}}))}));if(i.length>0){if(p){c.textContent+=y}{c.textContent+=i.sort()+m}if(c.innerHTML.length){c.setAttribute("data-styles","");var g=(n=S.j)!=null?n:F(b);if(g!=null){c.setAttribute("nonce",g)}f.insertBefore(c,l?l.nextSibling:f.firstChild)}}h=false;if(v.length){v.map((function(r){return r.connectedCallback()}))}else{{S.jmp((function(){return d=setTimeout(jr,30)}))}}t()}));var Ur=function(r,e,n,t){if(n){n.map((function(n){var t=n[0],i=n[1],a=n[2];var u=Hr(r,t);var f=Wr(e,a);var o=zr(t);S.ael(u,i,f,o);(e.U=e.U||[]).push((function(){return S.rel(u,i,f,o)}))}))}};var Wr=function(r,e){return function(n){var t;try{{if(r.i&256){(t=r.t)==null?void 0:t[e](n)}else{(r.M=r.M||[]).push([e,n])}}}catch(r){v(r)}}};var Hr=function(r,e){if(e&4)return b;return r};var zr=function(r){return g?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0};var Br=r("s",(function(r){return S.j=r}))}}}));

package/dist/mds-table-row/p-d906e5c7.entry.js

@@ -0,0 +1 @@
+import{r as n,h as t,H as e,g as a}from"./p-faec61cc.js";const o=class{constructor(t){n(this,t),this.interactive=void 0,this.overlayActions=void 0}tableInteractiveHandler(n){this.interactive=n.detail}componentWillLoad(){this.hasActions=null!==this.host.querySelector('[slot="action"]')}componentDidLoad(){var n;this.hasActions&&(this.actions=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".actions"),this.sizerWidth=`${this.actions.offsetWidth.toString()}px`)}render(){return t(e,{key:"44d102599e90a2abb4cf32ea398d6c3f194e6177",role:"row"},t("slot",{key:"3bc595925a4dafac49d206692fae394754b10d70"}),this.hasActions&&t("mds-table-cell",{key:"8b1a1b0e32db91cc03988de856fea521d25b8424",class:"actions-cell"},t("div",{key:"5867330d68358f30429123a85027b72def045933",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),t("div",{key:"15d6e37bb432b0671e8a5fa447a17fde060e2d60",class:"actions-view"},t("div",{key:"63cf3b620e6c428ce7cb318e07fb35cec631b0c3",class:"actions",style:{marginRight:`calc(${this.sizerWidth} + var(--mds-table-cell-padding))`}},t("slot",{key:"0a479f584fd1ed0c927b39006de79747c7e3ed87",name:"action"})))))}get host(){return a(this)}};o.style='@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n  -ms-flex-align: center;\n  align-items: center;\n  background-color: var(--mds-table-cell-background);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:not([overlay-actions="false"])) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:not([overlay-actions="false"]):hover) .actions {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';export{o as mds_table_row}

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-12-04T16:25:26",
+  "timestamp": "2024-12-05T16:19:09",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -75,19 +75,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-6ff13374.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-0a14d3b4.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-0a14d3b4.js",
+          "./dist/esm/index-a948f479.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-table-row.entry.js",
@@ -97,25 +97,25 @@
           "./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-25a5e94e.system.js",
-          "./dist/mds-table-row/p-33796315.entry.js",
           "./dist/mds-table-row/p-50ea2036.system.js",
           "./dist/mds-table-row/p-56ba5cbf.system.js",
-          "./dist/mds-table-row/p-580bb30b.system.js",
-          "./dist/mds-table-row/p-60aa058b.js",
-          "./dist/mds-table-row/p-cca5599e.system.entry.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-faec61cc.js",
           "./www/build/index.esm.js",
           "./www/build/mds-table-row.esm.js",
           "./www/build/mds-table-row.js",
-          "./www/build/p-25a5e94e.system.js",
-          "./www/build/p-33796315.entry.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-580bb30b.system.js",
-          "./www/build/p-60aa058b.js",
-          "./www/build/p-cca5599e.system.entry.js",
-          "./www/build/p-e1255160.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-faec61cc.js"
         ]
       },
       {
@@ -148,12 +148,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-33796315",
-        "fileName": "p-33796315.entry.js",
+        "bundleId": "p-d906e5c7",
+        "fileName": "p-d906e5c7.entry.js",
         "imports": [
-          "p-60aa058b.js"
+          "p-faec61cc.js"
         ],
-        "originalByteSize": 5883
+        "originalByteSize": 5387
       }
     ],
     "esm": [
@@ -165,9 +165,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-0a14d3b4.js"
+          "index-a948f479.js"
         ],
-        "originalByteSize": 5887
+        "originalByteSize": 5391
       }
     ],
     "es5": [
@@ -179,9 +179,9 @@
         "bundleId": "mds-table-row",
         "fileName": "mds-table-row.entry.js",
         "imports": [
-          "index-0a14d3b4.js"
+          "index-a948f479.js"
         ],
-        "originalByteSize": 5887
+        "originalByteSize": 5391
       }
     ],
     "system": [
@@ -190,12 +190,12 @@
         "components": [
           "mds-table-row"
         ],
-        "bundleId": "p-cca5599e.system",
-        "fileName": "p-cca5599e.system.entry.js",
+        "bundleId": "p-5ab8c209.system",
+        "fileName": "p-5ab8c209.system.entry.js",
         "imports": [
-          "p-580bb30b.system.js"
+          "p-bfa177c6.system.js"
         ],
-        "originalByteSize": 6480
+        "originalByteSize": 5816
       }
     ],
     "commonjs": [
@@ -207,9 +207,9 @@
         "bundleId": "mds-table-row.cjs",
         "fileName": "mds-table-row.cjs.entry.js",
         "imports": [
-          "index-6ff13374.js"
+          "index-19c36c53.js"
         ],
-        "originalByteSize": 5964
+        "originalByteSize": 5480
       }
     ]
   },
@@ -248,7 +248,9 @@
         }
       ],
       "methods": [],
-      "potentialCmpRefs": [],
+      "potentialCmpRefs": [
+        "mds-table-cell"
+      ],
       "properties": [
         {
           "name": "interactive",
@@ -392,7 +394,7 @@
           "sourceMapPath": null,
           "hasAttributeChangedCallbackFn": false,
           "hasComponentWillLoadFn": true,
-          "hasComponentDidLoadFn": false,
+          "hasComponentDidLoadFn": true,
           "hasComponentShouldUpdateFn": false,
           "hasComponentWillUpdateFn": false,
           "hasComponentDidUpdateFn": false,
@@ -432,7 +434,7 @@
           "hasVdomPropOrAttr": true,
           "hasVdomRef": false,
           "hasVdomRender": true,
-          "hasVdomStyle": false,
+          "hasVdomStyle": true,
           "hasVdomText": true,
           "hasWatchCallback": false,
           "isPlain": false,
@@ -440,15 +442,19 @@
             "key",
             "role",
             "class",
+            "style",
             "name"
           ],
           "htmlTagNames": [
             "slot",
+            "mds-table-cell",
             "div"
           ],
           "htmlParts": [],
           "isUpdateable": true,
-          "potentialCmpRefs": [],
+          "potentialCmpRefs": [
+            "mds-table-cell"
+          ],
           "dependents": [],
           "dependencies": [],
           "directDependents": [],
@@ -460,7 +466,7 @@
   ],
   "componentGraph": {
     "sc-mds-table-row": [
-      "p-60aa058b.js"
+      "p-faec61cc.js"
     ]
   },
   "sourceGraph": {

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

@@ -4,9 +4,12 @@
 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/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-12-04T15:30:05",
+  "timestamp": "2024-12-05T15:33:30",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.22.2",
@@ -82,8 +82,14 @@
       ],
       "parts": [],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "mds-table-cell"
+      ],
+      "dependencyGraph": {
+        "mds-table-row": [
+          "mds-table-cell"
+        ]
+      }
     }
   ],
   "typeLibrary": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-table-row",
-  "version": "4.8.0",
+  "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",

package/readme.md

@@ -22,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/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;
     }
   }

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

@@ -18,63 +18,6 @@
 
 }
 
-.actions-wrapper {
-  inset: 0;
-  display: flex;
-  justify-content: end;
-  pointer-events: none;
-  position: absolute;
-}
-
-.actions {
-  align-items: center;
-  background-color: var(--mds-table-cell-background);
-  border-bottom-color: transparent;
-  border-bottom-style: solid;
-  border-bottom-width: var(--mds-table-border-width);
-  border-top-color: var(--mds-table-border-color);
-  border-top-style: solid;
-  border-top-width: var(--mds-table-border-width);
-  box-sizing: border-box;
-  display: inline-flex;
-  gap: var(--mds-table-row-actions-gap);
-  height: 100%;
-  margin-top: calc(var(--mds-table-border-width) * -1);
-  padding: var(--mds-table-cell-padding);
-  pointer-events: auto;
-  position: sticky;
-  right: 0;
-  transform: translateX(100%);
-  transition-duration: theme('transitionDuration.500');
-  transition-property: transform, background-color;
-  transition-timing-function: theme('transitionTimingFunction.out-expo');
-}
-
-.actions-wrapper--mobile {
-  position: relative;
-}
-
-.actions-wrapper--mobile .actions {
-  position: static;
-  transform: translateX(0);
-}
-
-:host(:hover) .actions {
-  transform: translateX(0);
-}
-
-:host([overlay-actions]:not([overlay-actions="false"])) .actions-wrapper:not(.actions-wrapper--mobile) .actions {
-  transform: translateX(100%);
-}
-
-:host([interactive]:not([interactive="false"])) .actions {
-  --mds-table-cell-background: var(--mds-table-body-background);
-}
-
-:host([interactive]:not([interactive="false"]):hover) .actions {
-  --mds-table-cell-background: var(--mds-table-cell-background-hover);
-}
-
 :host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {
 
   --mds-table-cell-background: var(--mds-table-cell-background-hover);
@@ -102,4 +45,5 @@
   --mds-table-cell-background: var(--mds-table-body-background-hover);
 }
 
+@import './css/mds-table-row-actions.css';
 @import './css/mds-table-row-pref-animation.css';

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

@@ -1,6 +1,6 @@
 import { Component, Host, h, Listen, Prop, Element } from '@stencil/core'
-import { isMobileDevice } from '@common/device'
-import clsx from 'clsx'
+// import { isMobileDevice } from '@common/device'
+// import clsx from 'clsx'
 
 /**
  * @slot default - Put `mds-table-cell` element/s.
@@ -14,7 +14,9 @@ import clsx from 'clsx'
 export class MdsTableRow {
 
   @Element() host: HTMLMdsTableRowElement
-  private actions: boolean
+  private actions: HTMLDivElement
+  private hasActions: boolean
+  private sizerWidth: string
 
   @Prop({ mutable: true, reflect: true }) interactive: boolean
 
@@ -26,19 +28,35 @@ export class MdsTableRow {
   }
 
   componentWillLoad (): void {
-    this.actions = this.host.querySelector('[slot="action"]') !== null
+    this.hasActions = this.host.querySelector('[slot="action"]') !== null
+  }
+
+  componentDidLoad (): void {
+    if (this.hasActions) {
+      this.actions = this.host.shadowRoot?.querySelector('.actions') as HTMLDivElement
+      this.sizerWidth = `${this.actions.offsetWidth.toString()}px`
+    }
   }
 
   render () {
     return (
       <Host role="row">
         <slot/>
-        { this.actions
-          && <div class={clsx('actions-wrapper', isMobileDevice() && 'actions-wrapper--mobile')} role="cell">
-            <div class="actions">
-              <slot name="action"></slot>
+        { this.hasActions &&
+          <mds-table-cell class="actions-cell">
+            <div class="actions-sizer" style={{
+              minHeight: '1px',
+              maxWidth: this.sizerWidth,
+              minWidth: this.sizerWidth,
+            }}></div>
+            <div class="actions-view">
+              <div class="actions" style={{
+                marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
+              }}>
+                <slot name="action"></slot>
+              </div>
             </div>
-          </div>
+          </mds-table-cell>
         }
       </Host>
     )

package/www/build/mds-table-row.esm.js

@@ -1 +1 @@
-import{p as a,b as e}from"./p-60aa058b.js";export{s as setNonce}from"./p-60aa058b.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-33796315",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],a))));
+import{p as e,b as a}from"./p-faec61cc.js";export{s as setNonce}from"./p-faec61cc.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-d906e5c7",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],e))));

package/www/build/mds-table-row.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-25a5e94e.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-98955251.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };