@maggioli-design-system/mds-table-row 5.1.0 → 5.2.0

package/www/build/p-95fc715e.system.entry.js

@@ -1,6 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(n,t,e,r){function i(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,a){function o(n){try{c(r.next(n))}catch(n){a(n)}}function s(n){try{c(r["throw"](n))}catch(n){a(n)}}function c(n){n.done?e(n.value):i(n.value).then(o,s)}c((r=r.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(n){return function(t){return c([n,t])}}function c(s){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(e=0)),e)try{if(r=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;i=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){e.label=s[1];break}if(s[0]===6&&e.label<a[1]){e.label=a[1];a=s;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(s);break}if(a[2])e.ops.pop();e.trys.pop();continue}s=t.call(n,e)}catch(n){s=[6,n];i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-88f814c9.system.js"],(function(n){"use strict";var t,e,r,i;return{setters:[function(n){t=n.r;e=n.h;r=n.H;i=n.g}],execute:function(){var a=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var o={exports:{}};(function(n,t){(function(t,e){n.exports=e()})(a,(function(){
-/*!
-                     * mustache.js - Logic-less {{mustache}} templates with JavaScript
-                     * http://github.com/janl/mustache.js
-                     */
-var n=Object.prototype.toString;var t=Array.isArray||function t(e){return n.call(e)==="[object Array]"};function e(n){return typeof n==="function"}function r(n){return t(n)?"array":typeof n}function i(n){return n.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function a(n,t){return n!=null&&typeof n==="object"&&t in n}function o(n,t){return n!=null&&typeof n!=="object"&&n.hasOwnProperty&&n.hasOwnProperty(t)}var s=RegExp.prototype.test;function c(n,t){return s.call(n,t)}var l=/\S/;function f(n){return!c(l,n)}var u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};function d(n){return String(n).replace(/[&<>"'`=\/]/g,(function n(t){return u[t]}))}var h=/\s*/;var v=/\s+/;var b=/\s*=/;var m=/\s*\}/;var w=/#|\^|\/|>|\{|&|=|!/;function g(n,e){if(!n)return[];var r=false;var a=[];var o=[];var s=[];var c=false;var l=false;var u="";var d=0;function g(){if(c&&!l){while(s.length)delete o[s.pop()]}else{s=[]}c=false;l=false}var x,R,E;function S(n){if(typeof n==="string")n=n.split(v,2);if(!t(n)||n.length!==2)throw new Error("Invalid tags: "+n);x=new RegExp(i(n[0])+"\\s*");R=new RegExp("\\s*"+i(n[1]));E=new RegExp("\\s*"+i("}"+n[1]))}S(e||j.tags);var _=new y(n);var X,z,C,T,D,U;while(!_.eos()){X=_.pos;C=_.scanUntil(x);if(C){for(var A=0,I=C.length;A<I;++A){T=C.charAt(A);if(f(T)){s.push(o.length);u+=T}else{l=true;r=true;u+=" "}o.push(["text",T,X,X+1]);X+=1;if(T==="\n"){g();u="";d=0;r=false}}}if(!_.scan(x))break;c=true;z=_.scan(w)||"name";_.scan(h);if(z==="="){C=_.scanUntil(b);_.scan(b);_.scanUntil(R)}else if(z==="{"){C=_.scanUntil(E);_.scan(m);_.scanUntil(R);z="&"}else{C=_.scanUntil(R)}if(!_.scan(R))throw new Error("Unclosed tag at "+_.pos);if(z==">"){D=[z,C,X,_.pos,u,d,r]}else{D=[z,C,X,_.pos]}d++;o.push(D);if(z==="#"||z==="^"){a.push(D)}else if(z==="/"){U=a.pop();if(!U)throw new Error('Unopened section "'+C+'" at '+X);if(U[1]!==C)throw new Error('Unclosed section "'+U[1]+'" at '+X)}else if(z==="name"||z==="{"||z==="&"){l=true}else if(z==="="){S(C)}}g();U=a.pop();if(U)throw new Error('Unclosed section "'+U[1]+'" at '+_.pos);return k(p(o))}function p(n){var t=[];var e,r;for(var i=0,a=n.length;i<a;++i){e=n[i];if(e){if(e[0]==="text"&&r&&r[0]==="text"){r[1]+=e[1];r[3]=e[3]}else{t.push(e);r=e}}}return t}function k(n){var t=[];var e=t;var r=[];var i,a;for(var o=0,s=n.length;o<s;++o){i=n[o];switch(i[0]){case"#":case"^":e.push(i);r.push(i);e=i[4]=[];break;case"/":a=r.pop();a[5]=i[2];e=r.length>0?r[r.length-1][4]:t;break;default:e.push(i)}}return t}function y(n){this.string=n;this.tail=n;this.pos=0}y.prototype.eos=function n(){return this.tail===""};y.prototype.scan=function n(t){var e=this.tail.match(t);if(!e||e.index!==0)return"";var r=e[0];this.tail=this.tail.substring(r.length);this.pos+=r.length;return r};y.prototype.scanUntil=function n(t){var e=this.tail.search(t),r;switch(e){case-1:r=this.tail;this.tail="";break;case 0:r="";break;default:r=this.tail.substring(0,e);this.tail=this.tail.substring(e)}this.pos+=r.length;return r};function x(n,t){this.view=n;this.cache={".":this.view};this.parent=t}x.prototype.push=function n(t){return new x(t,this)};x.prototype.lookup=function n(t){var r=this.cache;var i;if(r.hasOwnProperty(t)){i=r[t]}else{var s=this,c,l,f,u=false;while(s){if(t.indexOf(".")>0){c=s.view;l=t.split(".");f=0;while(c!=null&&f<l.length){if(f===l.length-1)u=a(c,l[f])||o(c,l[f]);c=c[l[f++]]}}else{c=s.view[t];u=a(s.view,t)}if(u){i=c;break}s=s.parent}r[t]=i}if(e(i))i=i.call(this.view);return i};function R(){this.templateCache={_cache:{},set:function n(t,e){this._cache[t]=e},get:function n(t){return this._cache[t]},clear:function n(){this._cache={}}}}R.prototype.clearCache=function n(){if(typeof this.templateCache!=="undefined"){this.templateCache.clear()}};R.prototype.parse=function n(t,e){var r=this.templateCache;var i=t+":"+(e||j.tags).join(":");var a=typeof r!=="undefined";var o=a?r.get(i):undefined;if(o==undefined){o=g(t,e);a&&r.set(i,o)}return o};R.prototype.render=function n(t,e,r,i){var a=this.getConfigTags(i);var o=this.parse(t,a);var s=e instanceof x?e:new x(e,undefined);return this.renderTokens(o,s,r,t,i)};R.prototype.renderTokens=function n(t,e,r,i,a){var o="";var s,c,l;for(var f=0,u=t.length;f<u;++f){l=undefined;s=t[f];c=s[0];if(c==="#")l=this.renderSection(s,e,r,i,a);else if(c==="^")l=this.renderInverted(s,e,r,i,a);else if(c===">")l=this.renderPartial(s,e,r,a);else if(c==="&")l=this.unescapedValue(s,e);else if(c==="name")l=this.escapedValue(s,e,a);else if(c==="text")l=this.rawValue(s);if(l!==undefined)o+=l}return o};R.prototype.renderSection=function n(r,i,a,o,s){var c=this;var l="";var f=i.lookup(r[1]);function u(n){return c.render(n,i,a,s)}if(!f)return;if(t(f)){for(var d=0,h=f.length;d<h;++d){l+=this.renderTokens(r[4],i.push(f[d]),a,o,s)}}else if(typeof f==="object"||typeof f==="string"||typeof f==="number"){l+=this.renderTokens(r[4],i.push(f),a,o,s)}else if(e(f)){if(typeof o!=="string")throw new Error("Cannot use higher-order sections without the original template");f=f.call(i.view,o.slice(r[3],r[5]),u);if(f!=null)l+=f}else{l+=this.renderTokens(r[4],i,a,o,s)}return l};R.prototype.renderInverted=function n(e,r,i,a,o){var s=r.lookup(e[1]);if(!s||t(s)&&s.length===0)return this.renderTokens(e[4],r,i,a,o)};R.prototype.indentPartial=function n(t,e,r){var i=e.replace(/[^ \t]/g,"");var a=t.split("\n");for(var o=0;o<a.length;o++){if(a[o].length&&(o>0||!r)){a[o]=i+a[o]}}return a.join("\n")};R.prototype.renderPartial=function n(t,r,i,a){if(!i)return;var o=this.getConfigTags(a);var s=e(i)?i(t[1]):i[t[1]];if(s!=null){var c=t[6];var l=t[5];var f=t[4];var u=s;if(l==0&&f){u=this.indentPartial(s,f,c)}var d=this.parse(u,o);return this.renderTokens(d,r,i,u,a)}};R.prototype.unescapedValue=function n(t,e){var r=e.lookup(t[1]);if(r!=null)return r};R.prototype.escapedValue=function n(t,e,r){var i=this.getConfigEscape(r)||j.escape;var a=e.lookup(t[1]);if(a!=null)return typeof a==="number"&&i===j.escape?String(a):i(a)};R.prototype.rawValue=function n(t){return t[1]};R.prototype.getConfigTags=function n(e){if(t(e)){return e}else if(e&&typeof e==="object"){return e.tags}else{return undefined}};R.prototype.getConfigEscape=function n(e){if(e&&typeof e==="object"&&!t(e)){return e.escape}else{return undefined}};var j={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:undefined,escape:undefined,parse:undefined,render:undefined,Scanner:undefined,Context:undefined,Writer:undefined,set templateCache(n){E.templateCache=n},get templateCache(){return E.templateCache}};var E=new R;j.clearCache=function n(){return E.clearCache()};j.parse=function n(t,e){return E.parse(t,e)};j.render=function n(t,e,i,a){if(typeof t!=="string"){throw new TypeError('Invalid template! Template should be a "string" '+'but "'+r(t)+'" was given as the first '+"argument for mustache#render(template, view, partials)")}return E.render(t,e,i,a)};j.escape=d;j.Scanner=y;j.Context=x;j.Writer=R;return j}))})(o);var s=function(){function n(n){var t=this;this.rollbackLanguage="en";this.set=function(n){t.config=n};this.lang=function(n){t.element=n;t.closestElement=t.element.closest("[lang]");if(t.closestElement){if(t.closestElement.lang){t.language=t.closestElement.lang;return t.language}}t.language=t.rollbackLanguage;return t.language};this.update=function(n){var e=n!==null&&n!==void 0?n:t.element.shadowRoot;e&&e.querySelectorAll("*").forEach((function(n){if(n.tagName.toLowerCase().startsWith("mds-")){if(n&&"updateLang"in n){n.updateLang()}}}))};this.pluralize=function(n,e){var r=t.config[t.language]?t.config[t.language][n]:t.config[t.rollbackLanguage][n];var i=[];if(Array.isArray(r)){i.push(r[0]);i.push(r[1])}else{i.push(r);i.push(r)}var a=i[0];var s=a;var c=Object.keys(e);if(c.length>0){var l=c[0];if(typeof e[l]==="number"){if(e[l]!==1){s=i[1]}}}return o.exports.render(s,e)};this.get=function(n,e){if(e){return t.pluralize(n,e)}return t.config[t.language]?t.config[t.language][n]:t.config[t.rollbackLanguage][n]};if(n){this.set(n)}}return n}();var c="Επιλογή γραμμής";var l="Αποεπιλογή γραμμής";var f={selectRow:c,unselectRow:l};var u="Select row";var d="Deselect row";var h={selectRow:u,unselectRow:d};var v="Seleccionar fila";var b="Deseleccionar fila";var m={selectRow:v,unselectRow:b};var w="Seleziona riga";var g="Deseleziona riga";var p={selectRow:w,unselectRow:g};var k='@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\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.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-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\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\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: calc(var(--mds-table-border-width) * 2);\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]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n:host(:hover):host-context(mds-table[interactive="false"]) .actions,\n:host(:hover):host-context(mds-table:not([interactive])) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n}\n\n:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host(:not([selected]):hover):host-context(mds-table[selection][interactive="false"]) .actions,\n:host([selected="false"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host([selected="false"]:hover):host-context(mds-table[selection][interactive="false"]) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-alt);\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 y=k;var x=n("mds_table_row",function(){function n(n){var e=this;t(this,n);this.t=new s({el:f,en:h,es:m,it:p});this.selectable=undefined;this.handleSelectionChange=function(n){var t;e.selected=n.detail.checked;(t=e.host.closest("mds-table"))===null||t===void 0?void 0:t.updateSelection()}}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};n.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);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(r,{key:"4905591b94a0af846d25e3cf55fe5805ecec76be",role:"row"},this.selectable&&e("mds-table-cell",{key:"07f8596969f20148250cc42fde0a806435825274",class:"selection-cell"},e("div",{key:"2d0bb74f3f5edaf6180c68a60457b374dcd7a4bd",class:"checkbox-wrapper"},e("mds-input-switch",{key:"e04fafd6a53ed1c6a4208b0317419fe21d08f28e",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),e("slot",{key:"d71c2ec9e675fd8190eeeb7d816a5e2566c6afc4"}),this.hasActions&&e("mds-table-cell",{key:"0ede2c5f98d7541920c4170d70c21f9f61ac93cb",class:"actions-cell"},e("div",{key:"8a097d4b04bd594778f51bedfe438fe1fd3479b3",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),e("div",{key:"31f1fe8d7e4ee01f33f1c6a5b76e23fd875dfd82",class:"actions-view"},e("div",{key:"762785e31a306ba3c1e7654218bdf8cb33044cd3",class:"actions",style:{marginRight:"calc(".concat(this.sizerWidth," + var(--mds-table-cell-padding))")}},e("slot",{key:"05ea2b5edc71e58859e55e52c1ab65ca0c5354f8",name:"action"})))))};Object.defineProperty(n.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return n}());x.style=y}}}));