@maggioli-design-system/magma 1.0.0-beta → 1.0.1

package/dist/esm-es5/mds-push-notification.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h as h$2,H as Host,g as getElement}from"./index-f08bac5f.js";import{a as commonjsGlobal}from"./_commonjsHelpers-e557d4a5.js";import{m as miBaselineCancel}from"./cancel-8698c6fc.js";import{L as Locale}from"./locale-a730711f.js";var dayjs_min={exports:{}};(function(n,t){!function(t,i){n.exports=i()}(commonjsGlobal,(function(){var n=1e3,t=6e4,i=36e5,r="millisecond",o="second",a="minute",s="hour",e="day",c="week",u="month",h="quarter",l="year",d="date",m="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,b=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,v={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(n){var t=["th","st","nd","rd"],i=n%100;return"["+n+(t[(i-20)%10]||t[i]||t[0])+"]"}},g=function(n,t,i){var r=String(n);return!r||r.length>=t?n:""+Array(t+1-r.length).join(i)+n},p={s:g,z:function(n){var t=-n.utcOffset(),i=Math.abs(t),r=Math.floor(i/60),o=i%60;return(t<=0?"+":"-")+g(r,2,"0")+":"+g(o,2,"0")},m:function n(t,i){if(t.date()<i.date())return-n(i,t);var r=12*(i.year()-t.year())+(i.month()-t.month()),o=t.clone().add(r,u),a=i-o<0,s=t.clone().add(r+(a?-1:1),u);return+(-(r+(i-o)/(a?o-s:s-o))||0)},a:function(n){return n<0?Math.ceil(n)||0:Math.floor(n)},p:function(n){return{M:u,y:l,w:c,d:e,D:d,h:s,m:a,s:o,ms:r,Q:h}[n]||String(n||"").toLowerCase().replace(/s$/,"")},u:function(n){return void 0===n}},y="en",k={};k[y]=v;var w="$isDayjsObject",x=function(n){return n instanceof S||!(!n||!n[w])},M=function n(t,i,r){var o;if(!t)return y;if("string"==typeof t){var a=t.toLowerCase();k[a]&&(o=a),i&&(k[a]=i,o=a);var s=t.split("-");if(!o&&s.length>1)return n(s[0])}else{var e=t.name;k[e]=t,o=e}return!r&&o&&(y=o),o||!r&&y},$=function(n,t){if(x(n))return n.clone();var i="object"==typeof t?t:{};return i.date=n,i.args=arguments,new S(i)},D=p;D.l=M,D.i=x,D.w=function(n,t){return $(n,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var S=function(){function v(n){this.$L=M(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[w]=!0}var g=v.prototype;return g.parse=function(n){this.$d=function(n){var t=n.date,i=n.utc;if(null===t)return new Date(NaN);if(D.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var r=t.match(f);if(r){var o=r[2]-1||0,a=(r[7]||"0").substring(0,3);return i?new Date(Date.UTC(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)):new Date(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)}}return new Date(t)}(n),this.init()},g.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},g.$utils=function(){return D},g.isValid=function(){return!(this.$d.toString()===m)},g.isSame=function(n,t){var i=$(n);return this.startOf(t)<=i&&i<=this.endOf(t)},g.isAfter=function(n,t){return $(n)<this.startOf(t)},g.isBefore=function(n,t){return this.endOf(t)<$(n)},g.$g=function(n,t,i){return D.u(n)?this[t]:this.set(i,n)},g.unix=function(){return Math.floor(this.valueOf()/1e3)},g.valueOf=function(){return this.$d.getTime()},g.startOf=function(n,t){var i=this,r=!!D.u(t)||t,h=D.p(n),m=function(n,t){var o=D.w(i.$u?Date.UTC(i.$y,t,n):new Date(i.$y,t,n),i);return r?o:o.endOf(e)},f=function(n,t){return D.w(i.toDate()[n].apply(i.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(t)),i)},b=this.$W,v=this.$M,g=this.$D,p="set"+(this.$u?"UTC":"");switch(h){case l:return r?m(1,0):m(31,11);case u:return r?m(1,v):m(0,v+1);case c:var y=this.$locale().weekStart||0,k=(b<y?b+7:b)-y;return m(r?g-k:g+(6-k),v);case e:case d:return f(p+"Hours",0);case s:return f(p+"Minutes",1);case a:return f(p+"Seconds",2);case o:return f(p+"Milliseconds",3);default:return this.clone()}},g.endOf=function(n){return this.startOf(n,!1)},g.$set=function(n,t){var i,c=D.p(n),h="set"+(this.$u?"UTC":""),m=(i={},i[e]=h+"Date",i[d]=h+"Date",i[u]=h+"Month",i[l]=h+"FullYear",i[s]=h+"Hours",i[a]=h+"Minutes",i[o]=h+"Seconds",i[r]=h+"Milliseconds",i)[c],f=c===e?this.$D+(t-this.$W):t;if(c===u||c===l){var b=this.clone().set(d,1);b.$d[m](f),b.init(),this.$d=b.set(d,Math.min(this.$D,b.daysInMonth())).$d}else m&&this.$d[m](f);return this.init(),this},g.set=function(n,t){return this.clone().$set(n,t)},g.get=function(n){return this[D.p(n)]()},g.add=function(r,h){var d,m=this;r=Number(r);var f=D.p(h),b=function(n){var t=$(m);return D.w(t.date(t.date()+Math.round(n*r)),m)};if(f===u)return this.set(u,this.$M+r);if(f===l)return this.set(l,this.$y+r);if(f===e)return b(1);if(f===c)return b(7);var v=(d={},d[a]=t,d[s]=i,d[o]=n,d)[f]||1,g=this.$d.getTime()+r*v;return D.w(g,this)},g.subtract=function(n,t){return this.add(-1*n,t)},g.format=function(n){var t=this,i=this.$locale();if(!this.isValid())return i.invalidDate||m;var r=n||"YYYY-MM-DDTHH:mm:ssZ",o=D.z(this),a=this.$H,s=this.$m,e=this.$M,c=i.weekdays,u=i.months,h=i.meridiem,l=function(n,i,o,a){return n&&(n[i]||n(t,r))||o[i].slice(0,a)},d=function(n){return D.s(a%12||12,n,"0")},f=h||function(n,t,i){var r=n<12?"AM":"PM";return i?r.toLowerCase():r};return r.replace(b,(function(n,r){return r||function(n){switch(n){case"YY":return String(t.$y).slice(-2);case"YYYY":return D.s(t.$y,4,"0");case"M":return e+1;case"MM":return D.s(e+1,2,"0");case"MMM":return l(i.monthsShort,e,u,3);case"MMMM":return l(u,e);case"D":return t.$D;case"DD":return D.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return l(i.weekdaysMin,t.$W,c,2);case"ddd":return l(i.weekdaysShort,t.$W,c,3);case"dddd":return c[t.$W];case"H":return String(a);case"HH":return D.s(a,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return f(a,s,!0);case"A":return f(a,s,!1);case"m":return String(s);case"mm":return D.s(s,2,"0");case"s":return String(t.$s);case"ss":return D.s(t.$s,2,"0");case"SSS":return D.s(t.$ms,3,"0");case"Z":return o}return null}(n)||o.replace(":","")}))},g.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},g.diff=function(r,d,m){var f,b=this,v=D.p(d),g=$(r),p=(g.utcOffset()-this.utcOffset())*t,y=this-g,k=function(){return D.m(b,g)};switch(v){case l:f=k()/12;break;case u:f=k();break;case h:f=k()/3;break;case c:f=(y-p)/6048e5;break;case e:f=(y-p)/864e5;break;case s:f=y/i;break;case a:f=y/t;break;case o:f=y/n;break;default:f=y}return m?f:D.a(f)},g.daysInMonth=function(){return this.endOf(u).$D},g.$locale=function(){return k[this.$L]},g.locale=function(n,t){if(!n)return this.$L;var i=this.clone(),r=M(n,t,!0);return r&&(i.$L=r),i},g.clone=function(){return D.w(this.$d,this)},g.toDate=function(){return new Date(this.valueOf())},g.toJSON=function(){return this.isValid()?this.toISOString():null},g.toISOString=function(){return this.$d.toISOString()},g.toString=function(){return this.$d.toUTCString()},v}(),j=S.prototype;return $.prototype=j,[["$ms",r],["$s",o],["$m",a],["$H",s],["$W",e],["$M",u],["$y",l],["$D",d]].forEach((function(n){j[n[1]]=function(t){return this.$g(t,n[0],n[1])}})),$.extend=function(n,t){return n.$i||(n(t,S,$),n.$i=!0),$},$.locale=M,$.isDayjs=x,$.unix=function(n){return $(1e3*n)},$.en=k[y],$.Ls=k,$.p={},$}))})(dayjs_min);var dayjs=dayjs_min.exports;var dismiss$1="Close";var future$1="in %s";var past$1="%s ago";var s$1="few sec";var m$1="1 min";var mm$1="%d mins";var h$1="1 hour";var hh$1="%d hours";var d$1="1 day";var dd$1="%d days";var M$1="1 month";var MM$1="%d months";var y$1="1 year";var yy$1="%d years";var localeEn={dismiss:dismiss$1,future:future$1,past:past$1,s:s$1,m:m$1,mm:mm$1,h:h$1,hh:hh$1,d:d$1,dd:dd$1,M:M$1,MM:MM$1,y:y$1,yy:yy$1};var dismiss="Chiudi";var future="tra %s";var past="%s fa";var s="pochi sec";var m="1 min";var mm="%d min";var h="1 ora";var hh="%d ore";var d="1 giorno";var dd="%d giorni";var M="1 mese";var MM="%d mesi";var y="1 anno";var yy="%d anni";var localeIt={dismiss:dismiss,future:future,past:past,s:s,m:m,mm:mm,h:h,hh:hh,d:d,dd:dd,M:M,MM:MM,y:y,yy:yy};var relativeTime$1={exports:{}};(function(n,t){!function(t,i){n.exports=i()}(commonjsGlobal,(function(){return function(n,t,i){n=n||{};var r=t.prototype,o={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function a(n,t,i,o){return r.fromToBase(n,t,i,o)}i.en.relativeTime=o,r.fromToBase=function(t,r,a,s,e){for(var c,u,h,l=a.$locale().relativeTime||o,d=n.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],m=d.length,f=0;f<m;f+=1){var b=d[f];b.d&&(c=s?i(t).diff(a,b.d,!0):a.diff(t,b.d,!0));var v=(n.rounding||Math.round)(Math.abs(c));if(h=c>0,v<=b.r||!b.r){v<=1&&f>0&&(b=d[f-1]);var g=l[b.l];e&&(v=e(""+v)),u="string"==typeof g?g.replace("%d",v):g(v,r,b.l,h);break}}if(r)return u;var p=h?l.future:l.past;return"function"==typeof p?p(u):p.replace("%s",u)},r.to=function(n,t){return a(n,t,this,!0)},r.from=function(n,t){return a(n,t,this)};var s=function(n){return n.$u?i.utc():i()};r.toNow=function(n){return this.to(s(this),n)},r.fromNow=function(n){return this.from(s(this),n)}}}))})(relativeTime$1);var relativeTime=relativeTime$1.exports;var ISO8601RegexString="^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$";var isISO8601Date=function(n){var t=new RegExp(ISO8601RegexString);return t.test(n)};var sanitizeISO8601Date=function(n){if(isISO8601Date(n)){return n}return new Date(n).toISOString()};var mdsPushNotificationCss='@tailwind components;\n@tailwind utilities;\n\n:host {\n\n  --mds-push-notification-duration: 200ms;\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--tone-neutral-04));\n  --mds-push-notification-message-line-clamp: 2;\n  --mds-push-notification-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --mds-push-notification-subject-line-clamp: 1;\n  --mds-push-notification-timing-function: cubic-bezier(1, 0, 0, 1);\n  min-width: 18rem;\n  max-width: 20rem;\n  gap: 1rem;\n  border-radius: 0.5rem;\n  padding: 1rem;\n  padding-right: 2rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: var(--mds-push-notification-shadow);\n  box-shadow: var(--mds-push-notification-shadow);\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: auto;\n  position: relative;\n  -webkit-transition-duration: var(--mds-push-notification-duration);\n  transition-duration: var(--mds-push-notification-duration);\n  -webkit-transition-property: background-color, color, margin, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, color, margin, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, box-shadow, color, margin, transform;\n  transition-property: background-color, box-shadow, color, margin, transform, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-push-notification-timing-function);\n  transition-timing-function: var(--mds-push-notification-timing-function);\n}\n\n:host([deletable="false"]){\n\n  padding-right: 1rem;\n}\n\n.content {\n  display: grid;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.actions{\n\n  gap: 0.5rem;\n\n  padding-top: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  min-width: 1px;\n}\n\n.avatar,\n.picture {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.picture{\n\n  max-width: 3rem;\n\n  border-radius: 0.25rem;\n\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  width: 100%;\n}\n\n.close-button{\n\n  padding: 0.375rem;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  background-color: transparent;\n  fill: rgb(var(--tone-neutral-06));\n  opacity: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n:host(:hover) .close-button {\n  opacity: 1;\n}\n\n.close-button:focus-visible,\n.close-button:hover {\n  fill: rgb(var(--tone-neutral-03));\n  opacity: 1;\n}\n\nheader{\n\n  gap: 0.25rem;\n\n  -ms-flex-align: baseline;\n\n  align-items: baseline;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.infos {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n.time{\n\n  margin-right: 0.25rem;\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.subject {\n\n  --mds-text-line-clamp: var(--mds-push-notification-subject-line-clamp);\n\n  line-height: 1.25rem;\n  text-overflow: ellipsis;\n}\n\n.message {\n\n  --mds-text-line-clamp: var(--mds-push-notification-message-line-clamp);\n\n  line-height: 1.25rem;\n  text-overflow: ellipsis;\n}\n\n.avatar{\n\n  height: 2.25rem;\n\n  width: 2.25rem;\n\n  background-color: var(--mds-push-notification-icon-background-color);\n  border-radius: 1000px;\n  fill: var(--mds-push-notification-icon-color);\n}\n\n.avatar::part(svg){\n\n  width: 1.5rem;\n}\n\n:host([src]) .avatar {\n  background-color: transparent;\n}\n\n:host([icon]) .avatar::part(wrapper){\n\n  padding: 0.375rem;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--brand-maggioli-05));\n  --mds-push-notification-icon-color: rgb(var(--brand-maggioli-10));\n}\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--brand-maggioli-09));\n  --mds-push-notification-icon-color: rgb(var(--brand-maggioli-05));\n}\n\n:host( [variant="primary"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--brand-maggioli-05));\n}\n\n@tailwind utilities;\n\n:host( [variant="orange"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-orange-05));\n  --mds-push-notification-icon-color: rgb(var(--label-orange-10));\n}\n\n:host( [variant="orange"] ),\n:host( [variant="orange"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-orange-09));\n  --mds-push-notification-icon-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="orange"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="amaranth"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-amaranth-05));\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-10));\n}\n\n:host( [variant="amaranth"] ),\n:host( [variant="amaranth"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-amaranth-09));\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="amaranth"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="orchid"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-orchid-05));\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-10));\n}\n\n:host( [variant="orchid"] ),\n:host( [variant="orchid"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-orchid-09));\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="orchid"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="violet"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-violet-05));\n  --mds-push-notification-icon-color: rgb(var(--label-violet-10));\n}\n\n:host( [variant="violet"] ),\n:host( [variant="violet"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-violet-09));\n  --mds-push-notification-icon-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="violet"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="blue"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-blue-05));\n  --mds-push-notification-icon-color: rgb(var(--label-blue-10));\n}\n\n:host( [variant="blue"] ),\n:host( [variant="blue"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-blue-09));\n  --mds-push-notification-icon-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="blue"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="sky"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-sky-05));\n  --mds-push-notification-icon-color: rgb(var(--label-sky-10));\n}\n\n:host( [variant="sky"] ),\n:host( [variant="sky"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-sky-09));\n  --mds-push-notification-icon-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="sky"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="aqua"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-aqua-05));\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-10));\n}\n\n:host( [variant="aqua"] ),\n:host( [variant="aqua"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-aqua-09));\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="aqua"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="green"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-green-05));\n  --mds-push-notification-icon-color: rgb(var(--label-green-10));\n}\n\n:host( [variant="green"] ),\n:host( [variant="green"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-green-09));\n  --mds-push-notification-icon-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="green"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="lime"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-lime-05));\n  --mds-push-notification-icon-color: rgb(var(--label-lime-10));\n}\n\n:host( [variant="lime"] ),\n:host( [variant="lime"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-lime-09));\n  --mds-push-notification-icon-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="lime"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="yellow"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-yellow-05));\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-10));\n}\n\n:host( [variant="yellow"] ),\n:host( [variant="yellow"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-yellow-09));\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-05));\n}\n\n:host( [variant="yellow"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-05));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-error-05));\n  --mds-push-notification-icon-color: rgb(var(--status-error-10));\n}\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-error-09));\n  --mds-push-notification-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="warning"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-warning-05));\n  --mds-push-notification-icon-color: rgb(var(--status-warning-10));\n}\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-warning-09));\n  --mds-push-notification-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="success"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-success-05));\n  --mds-push-notification-icon-color: rgb(var(--status-success-10));\n}\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-success-09));\n  --mds-push-notification-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="info"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-info-05));\n  --mds-push-notification-icon-color: rgb(var(--status-info-10));\n}\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-info-09));\n  --mds-push-notification-icon-color: rgb(var(--status-info-05));\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-info-05));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .close-button {\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    .close-button {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-push-notification-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-push-notification-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-push-notification-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) inset;\n\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-push-notification-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) inset;\n\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';var MdsPushNotificationStyle0=mdsPushNotificationCss;dayjs.extend(relativeTime);var MdsPushNotification=function(){function n(n){var t=this;registerInstance(this,n);this.closedEvent=createEvent(this,"mdsPushNotificationClose",7);this.t=new Locale({en:localeEn,it:localeIt});this.onClickClose=function(n){n.stopPropagation();t.closedEvent.emit()};this.datetime=undefined;this.dateFormat="timeago";this.deletable=true;this.icon=undefined;this.initials=undefined;this.message="Nessun messaggio disponibile";this.preview="image";this.src=undefined;this.subject=undefined;this.tone="weak";this.variant=undefined}n.prototype.componentWillLoad=function(){var n;this.hasActions=this.host.querySelector('[slot="actions"]')!==null;this.hasBadge=this.host.querySelector('[slot="badge"]')!==null;if(this.datetime){this.datetime=sanitizeISO8601Date((n=this.datetime)===null||n===void 0?void 0:n.toString())}this.t.lang(this.host);var t={future:this.t.get("future"),past:this.t.get("past"),s:this.t.get("s"),m:this.t.get("m"),mm:this.t.get("mm"),h:this.t.get("h"),hh:this.t.get("hh"),d:this.t.get("d"),dd:this.t.get("dd"),M:this.t.get("M"),MM:this.t.get("MM"),y:this.t.get("y"),yy:this.t.get("yy")};dayjs.locale("custom-locale",{relativeTime:t})};n.prototype.render=function(){var n;return h$2(Host,{key:"5ab26f417bb0669a421a915b199db46056bea293"},((n=this.icon)!==null&&n!==void 0?n:this.preview==="avatar")&&h$2("mds-avatar",{key:"b802f27374b54e11a60e7b8a7e5471fb13ba205b",class:"avatar",icon:this.icon,initials:this.initials,part:"avatar",src:this.src,tone:this.tone,variant:this.variant}),this.src&&this.preview!=="avatar"&&h$2("mds-img",{key:"ebe75cbe762085bce6db5f15dfc31aecadf7beba",class:"picture",part:"picture",src:this.src}),h$2("div",{key:"08b455ccc7746e010e3fce299adbaa81cc1e4c30",class:"content",part:"content"},h$2("header",{key:"1cfc7f5a8370d9e08e289defab3e3f4f01c6635d"},h$2("div",{key:"a01d21b75dfb29c9390caa7391a66b9646002665",class:"infos"},this.hasBadge&&h$2("div",{key:"8c5a498282dbbbe2f7dd0931b35c729b49438457"},h$2("slot",{key:"9c19420ce6e08e72b72a5518704b6a7adb426d9c",name:"badge"})),this.subject&&h$2("mds-text",{key:"08c3ddbef8a93d2b5b3c184038bedcef7945a9d0",class:"subject",typography:"h6",variant:"title",truncate:"all"},this.subject)),this.datetime&&h$2("mds-text",{key:"577487c90632a2eba5f878b127fd5966257d7eb3",class:"time",typography:"option"},this.dateFormat==="timeago"?dayjs(this.datetime).fromNow():dayjs(this.datetime).format(this.dateFormat))),h$2("mds-text",{key:"6fa8d4db7012728cfe24c672eb78a604fc9bf299",class:"message",truncate:"all",typography:"caption",variant:"info"},this.message),this.hasActions&&h$2("div",{key:"da82de1403c19e6a74171271c61ca37faef06e29",class:"actions",part:"actions"},h$2("slot",{key:"07d7c096d7c9557e5375ccea9337cdd471732f4d",name:"actions"}))),this.deletable&&h$2("mds-button",{key:"ba10f9912ec1df744235e67be8d71d31d6ce05e5",class:"close-button",title:this.t.get("dismiss"),icon:miBaselineCancel,onClick:this.onClickClose.bind(this)}))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsPushNotification.style=MdsPushNotificationStyle0;export{MdsPushNotification as mds_push_notification};
+var __awaiter=this&&this.__awaiter||function(n,t,i,r){function a(n){return n instanceof i?n:new i((function(t){t(n)}))}return new(i||(i=Promise))((function(i,o){function s(n){try{c(r.next(n))}catch(n){o(n)}}function e(n){try{c(r["throw"](n))}catch(n){o(n)}}function c(n){n.done?i(n.value):a(n.value).then(s,e)}c((r=r.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,s;return s={next:e(0),throw:e(1),return:e(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function e(n){return function(t){return c([n,t])}}function c(e){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,e[0]&&(i=0)),i)try{if(r=1,a&&(o=e[0]&2?a["return"]:e[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,e[1])).done)return o;if(a=0,o)e=[e[0]&2,o.value];switch(e[0]){case 0:case 1:o=e;break;case 4:i.label++;return{value:e[1],done:false};case 5:i.label++;a=e[1];e=[0];continue;case 7:e=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(e[0]===6||e[0]===2)){i=0;continue}if(e[0]===3&&(!o||e[1]>o[0]&&e[1]<o[3])){i.label=e[1];break}if(e[0]===6&&i.label<o[1]){i.label=o[1];o=e;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(e);break}if(o[2])i.ops.pop();i.trys.pop();continue}e=t.call(n,i)}catch(n){e=[6,n];a=0}finally{r=o=0}if(e[0]&5)throw e[1];return{value:e[0]?e[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h as h$4,H as Host,g as getElement}from"./index-44fd80a1.js";import{c as commonjsGlobal}from"./_commonjsHelpers-bdec4bbd.js";import{m as miBaselineCancel}from"./cancel-8698c6fc.js";import{L as Locale}from"./locale-149207d6.js";var dayjs_min={exports:{}};(function(n,t){!function(t,i){n.exports=i()}(commonjsGlobal,(function(){var n=1e3,t=6e4,i=36e5,r="millisecond",a="second",o="minute",s="hour",e="day",c="week",u="month",h="quarter",d="year",l="date",f="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,b=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,v={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(n){var t=["th","st","nd","rd"],i=n%100;return"["+n+(t[(i-20)%10]||t[i]||t[0])+"]"}},p=function(n,t,i){var r=String(n);return!r||r.length>=t?n:""+Array(t+1-r.length).join(i)+n},g={s:p,z:function(n){var t=-n.utcOffset(),i=Math.abs(t),r=Math.floor(i/60),a=i%60;return(t<=0?"+":"-")+p(r,2,"0")+":"+p(a,2,"0")},m:function n(t,i){if(t.date()<i.date())return-n(i,t);var r=12*(i.year()-t.year())+(i.month()-t.month()),a=t.clone().add(r,u),o=i-a<0,s=t.clone().add(r+(o?-1:1),u);return+(-(r+(i-a)/(o?a-s:s-a))||0)},a:function(n){return n<0?Math.ceil(n)||0:Math.floor(n)},p:function(n){return{M:u,y:d,w:c,d:e,D:l,h:s,m:o,s:a,ms:r,Q:h}[n]||String(n||"").toLowerCase().replace(/s$/,"")},u:function(n){return void 0===n}},y="en",k={};k[y]=v;var w="$isDayjsObject",$=function(n){return n instanceof S||!(!n||!n[w])},M=function n(t,i,r){var a;if(!t)return y;if("string"==typeof t){var o=t.toLowerCase();k[o]&&(a=o),i&&(k[o]=i,a=o);var s=t.split("-");if(!a&&s.length>1)return n(s[0])}else{var e=t.name;k[e]=t,a=e}return!r&&a&&(y=a),a||!r&&y},x=function(n,t){if($(n))return n.clone();var i="object"==typeof t?t:{};return i.date=n,i.args=arguments,new S(i)},_=g;_.l=M,_.i=$,_.w=function(n,t){return x(n,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var S=function(){function v(n){this.$L=M(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[w]=!0}var p=v.prototype;return p.parse=function(n){this.$d=function(n){var t=n.date,i=n.utc;if(null===t)return new Date(NaN);if(_.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var r=t.match(m);if(r){var a=r[2]-1||0,o=(r[7]||"0").substring(0,3);return i?new Date(Date.UTC(r[1],a,r[3]||1,r[4]||0,r[5]||0,r[6]||0,o)):new Date(r[1],a,r[3]||1,r[4]||0,r[5]||0,r[6]||0,o)}}return new Date(t)}(n),this.init()},p.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},p.$utils=function(){return _},p.isValid=function(){return!(this.$d.toString()===f)},p.isSame=function(n,t){var i=x(n);return this.startOf(t)<=i&&i<=this.endOf(t)},p.isAfter=function(n,t){return x(n)<this.startOf(t)},p.isBefore=function(n,t){return this.endOf(t)<x(n)},p.$g=function(n,t,i){return _.u(n)?this[t]:this.set(i,n)},p.unix=function(){return Math.floor(this.valueOf()/1e3)},p.valueOf=function(){return this.$d.getTime()},p.startOf=function(n,t){var i=this,r=!!_.u(t)||t,h=_.p(n),f=function(n,t){var a=_.w(i.$u?Date.UTC(i.$y,t,n):new Date(i.$y,t,n),i);return r?a:a.endOf(e)},m=function(n,t){return _.w(i.toDate()[n].apply(i.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(t)),i)},b=this.$W,v=this.$M,p=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case d:return r?f(1,0):f(31,11);case u:return r?f(1,v):f(0,v+1);case c:var y=this.$locale().weekStart||0,k=(b<y?b+7:b)-y;return f(r?p-k:p+(6-k),v);case e:case l:return m(g+"Hours",0);case s:return m(g+"Minutes",1);case o:return m(g+"Seconds",2);case a:return m(g+"Milliseconds",3);default:return this.clone()}},p.endOf=function(n){return this.startOf(n,!1)},p.$set=function(n,t){var i,c=_.p(n),h="set"+(this.$u?"UTC":""),f=(i={},i[e]=h+"Date",i[l]=h+"Date",i[u]=h+"Month",i[d]=h+"FullYear",i[s]=h+"Hours",i[o]=h+"Minutes",i[a]=h+"Seconds",i[r]=h+"Milliseconds",i)[c],m=c===e?this.$D+(t-this.$W):t;if(c===u||c===d){var b=this.clone().set(l,1);b.$d[f](m),b.init(),this.$d=b.set(l,Math.min(this.$D,b.daysInMonth())).$d}else f&&this.$d[f](m);return this.init(),this},p.set=function(n,t){return this.clone().$set(n,t)},p.get=function(n){return this[_.p(n)]()},p.add=function(r,h){var l,f=this;r=Number(r);var m=_.p(h),b=function(n){var t=x(f);return _.w(t.date(t.date()+Math.round(n*r)),f)};if(m===u)return this.set(u,this.$M+r);if(m===d)return this.set(d,this.$y+r);if(m===e)return b(1);if(m===c)return b(7);var v=(l={},l[o]=t,l[s]=i,l[a]=n,l)[m]||1,p=this.$d.getTime()+r*v;return _.w(p,this)},p.subtract=function(n,t){return this.add(-1*n,t)},p.format=function(n){var t=this,i=this.$locale();if(!this.isValid())return i.invalidDate||f;var r=n||"YYYY-MM-DDTHH:mm:ssZ",a=_.z(this),o=this.$H,s=this.$m,e=this.$M,c=i.weekdays,u=i.months,h=i.meridiem,d=function(n,i,a,o){return n&&(n[i]||n(t,r))||a[i].slice(0,o)},l=function(n){return _.s(o%12||12,n,"0")},m=h||function(n,t,i){var r=n<12?"AM":"PM";return i?r.toLowerCase():r};return r.replace(b,(function(n,r){return r||function(n){switch(n){case"YY":return String(t.$y).slice(-2);case"YYYY":return _.s(t.$y,4,"0");case"M":return e+1;case"MM":return _.s(e+1,2,"0");case"MMM":return d(i.monthsShort,e,u,3);case"MMMM":return d(u,e);case"D":return t.$D;case"DD":return _.s(t.$D,2,"0");case"d":return String(t.$W);case"dd":return d(i.weekdaysMin,t.$W,c,2);case"ddd":return d(i.weekdaysShort,t.$W,c,3);case"dddd":return c[t.$W];case"H":return String(o);case"HH":return _.s(o,2,"0");case"h":return l(1);case"hh":return l(2);case"a":return m(o,s,!0);case"A":return m(o,s,!1);case"m":return String(s);case"mm":return _.s(s,2,"0");case"s":return String(t.$s);case"ss":return _.s(t.$s,2,"0");case"SSS":return _.s(t.$ms,3,"0");case"Z":return a}return null}(n)||a.replace(":","")}))},p.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},p.diff=function(r,l,f){var m,b=this,v=_.p(l),p=x(r),g=(p.utcOffset()-this.utcOffset())*t,y=this-p,k=function(){return _.m(b,p)};switch(v){case d:m=k()/12;break;case u:m=k();break;case h:m=k()/3;break;case c:m=(y-g)/6048e5;break;case e:m=(y-g)/864e5;break;case s:m=y/i;break;case o:m=y/t;break;case a:m=y/n;break;default:m=y}return f?m:_.a(m)},p.daysInMonth=function(){return this.endOf(u).$D},p.$locale=function(){return k[this.$L]},p.locale=function(n,t){if(!n)return this.$L;var i=this.clone(),r=M(n,t,!0);return r&&(i.$L=r),i},p.clone=function(){return _.w(this.$d,this)},p.toDate=function(){return new Date(this.valueOf())},p.toJSON=function(){return this.isValid()?this.toISOString():null},p.toISOString=function(){return this.$d.toISOString()},p.toString=function(){return this.$d.toUTCString()},v}(),D=S.prototype;return x.prototype=D,[["$ms",r],["$s",a],["$m",o],["$H",s],["$W",e],["$M",u],["$y",d],["$D",l]].forEach((function(n){D[n[1]]=function(t){return this.$g(t,n[0],n[1])}})),x.extend=function(n,t){return n.$i||(n(t,S,x),n.$i=!0),x},x.locale=M,x.isDayjs=$,x.unix=function(n){return x(1e3*n)},x.en=k[y],x.Ls=k,x.p={},x}))})(dayjs_min);var dayjs=dayjs_min.exports;var dismiss$3="Κλείσιμο";var future$3="σε %s";var past$3="πριν από %s";var s$3="λίγα δευτ.";var m$3="1 λεπτό";var mm$3="%d λεπτά";var h$3="1 ώρα";var hh$3="%d ώρες";var d$3="1 ημέρα";var dd$3="%d ημέρες";var M$3="1 μήνας";var MM$3="%d μήνες";var y$3="1 έτος";var yy$3="%d έτη";var localeEl={dismiss:dismiss$3,future:future$3,past:past$3,s:s$3,m:m$3,mm:mm$3,h:h$3,hh:hh$3,d:d$3,dd:dd$3,M:M$3,MM:MM$3,y:y$3,yy:yy$3};var dismiss$2="Close";var future$2="in %s";var past$2="%s ago";var s$2="few sec";var m$2="1 min";var mm$2="%d mins";var h$2="1 hour";var hh$2="%d hours";var d$2="1 day";var dd$2="%d days";var M$2="1 month";var MM$2="%d months";var y$2="1 year";var yy$2="%d years";var localeEn={dismiss:dismiss$2,future:future$2,past:past$2,s:s$2,m:m$2,mm:mm$2,h:h$2,hh:hh$2,d:d$2,dd:dd$2,M:M$2,MM:MM$2,y:y$2,yy:yy$2};var dismiss$1="Cerrar";var future$1="en %s";var past$1="hace %s";var s$1="pocos seg";var m$1="1 min";var mm$1="%d mins";var h$1="1 hora";var hh$1="%d horas";var d$1="1 día";var dd$1="%d días";var M$1="1 mes";var MM$1="%d meses";var y$1="1 año";var yy$1="%d años";var localeEs={dismiss:dismiss$1,future:future$1,past:past$1,s:s$1,m:m$1,mm:mm$1,h:h$1,hh:hh$1,d:d$1,dd:dd$1,M:M$1,MM:MM$1,y:y$1,yy:yy$1};var dismiss="Chiudi";var future="tra %s";var past="%s fa";var s="pochi sec";var m="1 min";var mm="%d min";var h="1 ora";var hh="%d ore";var d="1 giorno";var dd="%d giorni";var M="1 mese";var MM="%d mesi";var y="1 anno";var yy="%d anni";var localeIt={dismiss:dismiss,future:future,past:past,s:s,m:m,mm:mm,h:h,hh:hh,d:d,dd:dd,M:M,MM:MM,y:y,yy:yy};var relativeTime$1={exports:{}};(function(n,t){!function(t,i){n.exports=i()}(commonjsGlobal,(function(){return function(n,t,i){n=n||{};var r=t.prototype,a={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function o(n,t,i,a){return r.fromToBase(n,t,i,a)}i.en.relativeTime=a,r.fromToBase=function(t,r,o,s,e){for(var c,u,h,d=o.$locale().relativeTime||a,l=n.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],f=l.length,m=0;m<f;m+=1){var b=l[m];b.d&&(c=s?i(t).diff(o,b.d,!0):o.diff(t,b.d,!0));var v=(n.rounding||Math.round)(Math.abs(c));if(h=c>0,v<=b.r||!b.r){v<=1&&m>0&&(b=l[m-1]);var p=d[b.l];e&&(v=e(""+v)),u="string"==typeof p?p.replace("%d",v):p(v,r,b.l,h);break}}if(r)return u;var g=h?d.future:d.past;return"function"==typeof g?g(u):g.replace("%s",u)},r.to=function(n,t){return o(n,t,this,!0)},r.from=function(n,t){return o(n,t,this)};var s=function(n){return n.$u?i.utc():i()};r.toNow=function(n){return this.to(s(this),n)},r.fromNow=function(n){return this.from(s(this),n)}}}))})(relativeTime$1);var relativeTime=relativeTime$1.exports;var ISO8601RegexString="^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$";var isISO8601Date=function(n){var t=new RegExp(ISO8601RegexString);return t.test(n)};var sanitizeISO8601Date=function(n){if(isISO8601Date(n)){return n}return new Date(n).toISOString()};var mdsPushNotificationCss='@tailwind components;\n@tailwind utilities;\n\n:host {\n\n  --mds-push-notification-duration: 200ms;\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--tone-neutral-04));\n  --mds-push-notification-message-line-clamp: 2;\n  --mds-push-notification-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --mds-push-notification-subject-line-clamp: 1;\n  --mds-push-notification-timing-function: cubic-bezier(1, 0, 0, 1);\n  min-width: 18rem;\n  max-width: 20rem;\n  gap: 1rem;\n  border-radius: 0.5rem;\n  padding: 1rem;\n  padding-right: 2rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: var(--mds-push-notification-shadow);\n  box-shadow: var(--mds-push-notification-shadow);\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: auto;\n  position: relative;\n  -webkit-transition-duration: var(--mds-push-notification-duration);\n  transition-duration: var(--mds-push-notification-duration);\n  -webkit-transition-property: background-color, color, margin, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, color, margin, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, box-shadow, color, margin, transform;\n  transition-property: background-color, box-shadow, color, margin, transform, -webkit-box-shadow, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-push-notification-timing-function);\n  transition-timing-function: var(--mds-push-notification-timing-function);\n}\n\n:host([deletable="false"]){\n\n  padding-right: 1rem;\n}\n\n.content {\n  display: grid;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.actions{\n\n  gap: 0.5rem;\n\n  padding-top: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  min-width: 1px;\n}\n\n.avatar,\n.picture {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.picture{\n\n  max-width: 3rem;\n\n  border-radius: 0.25rem;\n\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  width: 100%;\n}\n\n.close-button{\n\n  padding: 0.375rem;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  background-color: transparent;\n  fill: rgb(var(--tone-neutral-06));\n  opacity: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n:host(:hover) .close-button {\n  opacity: 1;\n}\n\n.close-button:focus-visible,\n.close-button:hover {\n  fill: rgb(var(--tone-neutral-03));\n  opacity: 1;\n}\n\nheader{\n\n  gap: 0.25rem;\n\n  -ms-flex-align: baseline;\n\n  align-items: baseline;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.infos {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n.time{\n\n  margin-right: 0.25rem;\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n  white-space: nowrap;\n}\n\n.subject {\n\n  --mds-text-line-clamp: var(--mds-push-notification-subject-line-clamp);\n\n  line-height: 1.25rem;\n  text-overflow: ellipsis;\n}\n\n.message {\n\n  --mds-text-line-clamp: var(--mds-push-notification-message-line-clamp);\n\n  line-height: 1.25rem;\n  text-overflow: ellipsis;\n}\n\n.avatar{\n\n  height: 2.25rem;\n\n  width: 2.25rem;\n\n  background-color: var(--mds-push-notification-icon-background-color);\n  border-radius: 1000px;\n  fill: var(--mds-push-notification-icon-color);\n}\n\n.avatar::part(svg){\n\n  width: 1.5rem;\n}\n\n:host([src]) .avatar {\n  background-color: transparent;\n}\n\n:host([icon]) .avatar::part(wrapper){\n\n  padding: 0.375rem;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--variant-primary-05));\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-10));\n}\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--variant-primary-09));\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-05));\n}\n\n:host( [variant="primary"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--variant-primary-05));\n}\n\n@tailwind utilities;\n\n:host( [variant="orange"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-orange-05));\n  --mds-push-notification-icon-color: rgb(var(--label-orange-10));\n}\n\n:host( [variant="orange"] ),\n:host( [variant="orange"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-orange-09));\n  --mds-push-notification-icon-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="orange"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="amaranth"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-amaranth-05));\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-10));\n}\n\n:host( [variant="amaranth"] ),\n:host( [variant="amaranth"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-amaranth-09));\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="amaranth"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="orchid"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-orchid-05));\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-10));\n}\n\n:host( [variant="orchid"] ),\n:host( [variant="orchid"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-orchid-09));\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="orchid"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="violet"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-violet-05));\n  --mds-push-notification-icon-color: rgb(var(--label-violet-10));\n}\n\n:host( [variant="violet"] ),\n:host( [variant="violet"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-violet-09));\n  --mds-push-notification-icon-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="violet"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="blue"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-blue-05));\n  --mds-push-notification-icon-color: rgb(var(--label-blue-10));\n}\n\n:host( [variant="blue"] ),\n:host( [variant="blue"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-blue-09));\n  --mds-push-notification-icon-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="blue"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="sky"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-sky-05));\n  --mds-push-notification-icon-color: rgb(var(--label-sky-10));\n}\n\n:host( [variant="sky"] ),\n:host( [variant="sky"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-sky-09));\n  --mds-push-notification-icon-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="sky"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="aqua"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-aqua-05));\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-10));\n}\n\n:host( [variant="aqua"] ),\n:host( [variant="aqua"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-aqua-09));\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="aqua"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="green"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-green-05));\n  --mds-push-notification-icon-color: rgb(var(--label-green-10));\n}\n\n:host( [variant="green"] ),\n:host( [variant="green"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-green-09));\n  --mds-push-notification-icon-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="green"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="lime"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-lime-05));\n  --mds-push-notification-icon-color: rgb(var(--label-lime-10));\n}\n\n:host( [variant="lime"] ),\n:host( [variant="lime"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-lime-09));\n  --mds-push-notification-icon-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="lime"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="yellow"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--label-yellow-05));\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-10));\n}\n\n:host( [variant="yellow"] ),\n:host( [variant="yellow"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--label-yellow-09));\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-05));\n}\n\n:host( [variant="yellow"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--label-yellow-05));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-error-05));\n  --mds-push-notification-icon-color: rgb(var(--status-error-10));\n}\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-error-09));\n  --mds-push-notification-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="warning"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-warning-05));\n  --mds-push-notification-icon-color: rgb(var(--status-warning-10));\n}\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-warning-09));\n  --mds-push-notification-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="success"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-success-05));\n  --mds-push-notification-icon-color: rgb(var(--status-success-10));\n}\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-success-09));\n  --mds-push-notification-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="info"][tone="strong"] ) {\n  \n  --mds-push-notification-icon-background-color: rgb(var(--status-info-05));\n  --mds-push-notification-icon-color: rgb(var(--status-info-10));\n}\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-push-notification-icon-background-color: rgb(var(--status-info-09));\n  --mds-push-notification-icon-color: rgb(var(--status-info-05));\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-push-notification-icon-background-color: transparent;\n  --mds-push-notification-icon-color: rgb(var(--status-info-05));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .close-button {\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    .close-button {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-push-notification-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-push-notification-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-push-notification-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) inset;\n\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-push-notification-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) inset;\n\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';var MdsPushNotificationStyle0=mdsPushNotificationCss;dayjs.extend(relativeTime);var MdsPushNotification=function(){function n(n){var t=this;registerInstance(this,n);this.closedEvent=createEvent(this,"mdsPushNotificationClose",7);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.onClickClose=function(n){n.stopPropagation();t.closedEvent.emit()};this.language=undefined;this.datetime=undefined;this.dateFormat="timeago";this.deletable=true;this.icon=undefined;this.initials=undefined;this.message="Nessun messaggio disponibile";this.preview="image";this.src=undefined;this.subject=undefined;this.tone="weak";this.variant=undefined}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.host);return[2]}))}))};n.prototype.componentWillLoad=function(){var n;this.hasActions=this.host.querySelector('[slot="actions"]')!==null;this.hasBadge=this.host.querySelector('[slot="badge"]')!==null;if(this.datetime){this.datetime=sanitizeISO8601Date((n=this.datetime)===null||n===void 0?void 0:n.toString())}this.t.lang(this.host);var t={future:this.t.get("future"),past:this.t.get("past"),s:this.t.get("s"),m:this.t.get("m"),mm:this.t.get("mm"),h:this.t.get("h"),hh:this.t.get("hh"),d:this.t.get("d"),dd:this.t.get("dd"),M:this.t.get("M"),MM:this.t.get("MM"),y:this.t.get("y"),yy:this.t.get("yy")};dayjs.locale("custom-locale",{relativeTime:t})};n.prototype.render=function(){var n;return h$4(Host,{key:"fb0bb49a54e0059779a7507b6204a4fb95e6d416"},((n=this.icon)!==null&&n!==void 0?n:this.preview==="avatar")&&h$4("mds-avatar",{key:"36df14237eae97491ca677ed507419d587abe139",class:"avatar",icon:this.icon,initials:this.initials,part:"avatar",src:this.src,tone:this.tone,variant:this.variant}),this.src&&this.preview!=="avatar"&&h$4("mds-img",{key:"d1c26548d723f1b624294a561efbbae8e5e0a133",class:"picture",part:"picture",src:this.src}),h$4("div",{key:"19c9c55ab9f35433aaa17857ef637878e2c3674d",class:"content",part:"content"},h$4("div",{key:"bc1d02a555df4f14a4075f012b0b5a1d5a383a6c",class:"header"},h$4("div",{key:"dd1cfea1b3e978de93c06fb96e3d301b42155f10",class:"infos"},this.hasBadge&&h$4("div",{key:"17128b559b34384f4f20afab1a07654fd8f81f39"},h$4("slot",{key:"5087eb822c4f1ac96b96e8bae51597583cf6f8b0",name:"badge"})),this.subject&&h$4("mds-text",{key:"7b57beff77694fa4a7a0e95199060d9e8481c97a",class:"subject",typography:"h6",variant:"title",truncate:"all"},this.subject)),this.datetime&&h$4("mds-text",{key:"f6138c1053bbeba3f7b0098f2b4d107f9a504792",class:"time",typography:"option"},this.dateFormat==="timeago"?dayjs(this.datetime).fromNow():dayjs(this.datetime).format(this.dateFormat))),h$4("mds-text",{key:"c870d5168b8bf0ac69cbd0c0b7f9544df1261e48",class:"message",truncate:"all",typography:"caption",variant:"info"},this.message),this.hasActions&&h$4("div",{key:"a49ec7b8adbfc94d9f09ee6ebab2bb9831954877",class:"actions",part:"actions"},h$4("slot",{key:"bc30e20478153457a333a21eb5caee616dbdba7d",name:"actions"}))),this.deletable&&h$4("mds-button",{key:"0fc28572cbfb9c53412ab5bb3eb5d3989f0cc1a1",class:"close-button",title:this.t.get("dismiss"),icon:miBaselineCancel,onClick:this.onClickClose.bind(this)}))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsPushNotification.style=MdsPushNotificationStyle0;export{MdsPushNotification as mds_push_notification};

package/dist/esm-es5/mds-push-notifications.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,i,n,s){function o(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,e){function a(t){try{c(s.next(t))}catch(t){e(t)}}function r(t){try{c(s["throw"](t))}catch(t){e(t)}}function c(t){t.done?n(t.value):o(t.value).then(a,r)}c((s=s.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},s,o,e,a;return a={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(t){return function(i){return c([t,i])}}function c(r){if(s)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(n=0)),n)try{if(s=1,o&&(e=r[0]&2?o["return"]:r[0]?o["throw"]||((e=o["return"])&&e.call(o),0):o.next)&&!(e=e.call(o,r[1])).done)return e;if(o=0,e)r=[r[0]&2,e.value];switch(r[0]){case 0:case 1:e=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(e=n.trys,e=e.length>0&&e[e.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!e||r[1]>e[0]&&r[1]<e[3])){n.label=r[1];break}if(r[0]===6&&n.label<e[1]){n.label=e[1];e=r;break}if(e&&n.label<e[2]){n.label=e[2];n.ops.push(r);break}if(e[2])n.ops.pop();n.trys.pop();continue}r=i.call(t,n)}catch(t){r=[6,t];o=0}finally{s=e=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{a as cssSizeToNumber,c as cssDurationToMilliseconds}from"./unit-dc091397.js";var mdsPushNotificationsCss=':host{--mds-push-notifications-fadeout-delay:3s;--mds-push-notifications-gap:0.5rem;--mds-push-notifications-items-delay:400ms;--mds-push-notifications-items-duration:300ms;--mds-push-notifications-items-gap:var(--mds-push-notifications-gap);--mds-push-notifications-items-timing-function:cubic-bezier(0.86, 0, 0.07, 1);min-width:18rem;max-width:360px;gap:0.5rem;padding:1rem;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;pointer-events:none;position:fixed;right:0;top:0;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition-delay:0;transition-delay:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;z-index:var(--magma-notification-z-index, 3000)}:host([visible]:not([visible="false"])){-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:var(--mds-push-notifications-fadeout-delay);transition-delay:var(--mds-push-notifications-fadeout-delay)}.notifications{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:var(--mds-push-notifications-items-gap)}.notifications ::slotted(mds-push-notification){--mds-push-notification-duration:var(--mds-push-notifications-items-duration);--mds-push-notification-timing-function:var(--mds-push-notifications-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);visibility:hidden}';var MdsPushNotificationsStyle0=mdsPushNotificationsCss;var MdsPushNotifications=function(){function t(t){var i=this;registerInstance(this,t);this.totalItems=0;this.introItem=function(t){t.style.marginBottom="-".concat(t.offsetHeight+cssSizeToNumber(i.cssItemsGap),"px");return new Promise((function(n){setTimeout((function(){t.style.marginBottom="-".concat(t.offsetHeight+cssSizeToNumber(i.cssItemsGap),"px");setTimeout((function(){t.style.visibility="visible";t.style.position="relative";t.style.transform="translate(0, 0)";t.style.marginBottom="0px";n()}),cssDurationToMilliseconds(i.cssItemsDuration))}),15)}))};this.checkNotificationsItems=function(){i.totalItems-=1;if(i.totalItems===0){i.visible=false}};this.outroItem=function(t){t.style.marginBottom="0px";i.checkNotificationsItems();return new Promise((function(n){setTimeout((function(){t.style.marginBottom="0px";setTimeout((function(){t.addEventListener("transitionend",(function(){t.remove()}));t.style.removeProperty("transform");t.style.marginBottom="-".concat(t.offsetHeight+cssSizeToNumber(i.cssItemsGap),"px");n()}),cssDurationToMilliseconds(i.cssItemsDuration))}),15)}))};this.addNotificationBehavior=function(t){t.addEventListener("mdsPushNotificationClose",(function(){return i.outroItem(t)}))};this.handleSlotChange=function(){var t,n;i.updateCSSCustomProps();var s=(n=(t=i.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("slot")[1])===null||n===void 0?void 0:n.assignedNodes();if(!s){console.info("No slotted elements found.");return}var o=[];var e;while(i.totalItems<s.length){e=s[i.totalItems];i.addNotificationBehavior(e);o.push(i.introItem(e));i.totalItems+=1}o.forEach((function(t){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:return[4,t];case 1:i.sent();return[2]}}))}))}))};this.updateCSSCustomProps=function(){var t,n;var s=window.getComputedStyle(i.host);i.cssItemsGap=(t=s.getPropertyValue("--mds-push-notifications-items-gap"))!==null&&t!==void 0?t:"0.5rem";i.cssItemsDuration=(n=s.getPropertyValue("--mds-push-notifications-items-duration"))!==null&&n!==void 0?n:"200ms"};this.visible=undefined;this.visiblity=undefined}t.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};t.prototype.render=function(){return h(Host,{key:"d7da4eb7407b4886b2e29ce2617c54086bd55a0c"},h("slot",{key:"aadeb2649b5eb2bcfbedc401e7ae98f88fc0545c",name:"top"}),h("div",{key:"90eaf13dcecaa032c633929bed4483a516d0caac",class:"notifications",part:"notifications"},h("slot",{key:"b488d366486583afdf499c3cd8636a9ce2f7be57",onSlotchange:this.handleSlotChange.bind(this)})),h("slot",{key:"5932e50f11832b2ccf9eae9118a01fc3d665dba1",name:"bottom"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsPushNotifications.style=MdsPushNotificationsStyle0;export{MdsPushNotifications as mds_push_notifications};
+var __awaiter=this&&this.__awaiter||function(t,i,n,s){function o(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,e){function a(t){try{c(s.next(t))}catch(t){e(t)}}function r(t){try{c(s["throw"](t))}catch(t){e(t)}}function c(t){t.done?n(t.value):o(t.value).then(a,r)}c((s=s.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},s,o,e,a;return a={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(t){return function(i){return c([t,i])}}function c(r){if(s)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(n=0)),n)try{if(s=1,o&&(e=r[0]&2?o["return"]:r[0]?o["throw"]||((e=o["return"])&&e.call(o),0):o.next)&&!(e=e.call(o,r[1])).done)return e;if(o=0,e)r=[r[0]&2,e.value];switch(r[0]){case 0:case 1:e=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(e=n.trys,e=e.length>0&&e[e.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!e||r[1]>e[0]&&r[1]<e[3])){n.label=r[1];break}if(r[0]===6&&n.label<e[1]){n.label=e[1];e=r;break}if(e&&n.label<e[2]){n.label=e[2];n.ops.push(r);break}if(e[2])n.ops.pop();n.trys.pop();continue}r=i.call(t,n)}catch(t){r=[6,t];o=0}finally{s=e=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{a as cssSizeToNumber,c as cssDurationToMilliseconds}from"./unit-dc091397.js";var mdsPushNotificationsCss=':host{--mds-push-notifications-fadeout-delay:3s;--mds-push-notifications-gap:0.5rem;--mds-push-notifications-items-delay:400ms;--mds-push-notifications-items-duration:300ms;--mds-push-notifications-items-gap:var(--mds-push-notifications-gap);--mds-push-notifications-items-timing-function:cubic-bezier(0.86, 0, 0.07, 1);min-width:18rem;max-width:360px;gap:0.5rem;padding:1rem;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;pointer-events:none;position:fixed;right:0;top:0;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition-delay:0;transition-delay:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;z-index:var(--magma-notification-z-index, 3000)}:host([visible]:not([visible="false"])){-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:var(--mds-push-notifications-fadeout-delay);transition-delay:var(--mds-push-notifications-fadeout-delay)}.notifications{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:var(--mds-push-notifications-items-gap)}.notifications ::slotted(mds-push-notification){--mds-push-notification-duration:var(--mds-push-notifications-items-duration);--mds-push-notification-timing-function:var(--mds-push-notifications-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);visibility:hidden}';var MdsPushNotificationsStyle0=mdsPushNotificationsCss;var MdsPushNotifications=function(){function t(t){var i=this;registerInstance(this,t);this.totalItems=0;this.introItem=function(t){t.style.marginBottom="-".concat(t.offsetHeight+cssSizeToNumber(i.cssItemsGap),"px");return new Promise((function(n){setTimeout((function(){t.style.marginBottom="-".concat(t.offsetHeight+cssSizeToNumber(i.cssItemsGap),"px");setTimeout((function(){t.style.visibility="visible";t.style.position="relative";t.style.transform="translate(0, 0)";t.style.marginBottom="0px";n()}),cssDurationToMilliseconds(i.cssItemsDuration))}),15)}))};this.checkNotificationsItems=function(){i.totalItems-=1;if(i.totalItems===0){i.visible=false}};this.outroItem=function(t){t.style.marginBottom="0px";i.checkNotificationsItems();return new Promise((function(n){setTimeout((function(){t.style.marginBottom="0px";setTimeout((function(){t.addEventListener("transitionend",(function(){t.remove()}));t.style.removeProperty("transform");t.style.marginBottom="-".concat(t.offsetHeight+cssSizeToNumber(i.cssItemsGap),"px");n()}),cssDurationToMilliseconds(i.cssItemsDuration))}),15)}))};this.addNotificationBehavior=function(t){t.addEventListener("mdsPushNotificationClose",(function(){return i.outroItem(t)}))};this.handleSlotChange=function(){var t,n;i.updateCSSCustomProps();var s=(n=(t=i.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("slot")[1])===null||n===void 0?void 0:n.assignedNodes();if(!s){console.info("No slotted elements found.");return}var o=[];var e;while(i.totalItems<s.length){e=s[i.totalItems];i.addNotificationBehavior(e);o.push(i.introItem(e));i.totalItems+=1}o.forEach((function(t){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:return[4,t];case 1:i.sent();return[2]}}))}))}))};this.updateCSSCustomProps=function(){var t,n;var s=window.getComputedStyle(i.host);i.cssItemsGap=(t=s.getPropertyValue("--mds-push-notifications-items-gap"))!==null&&t!==void 0?t:"0.5rem";i.cssItemsDuration=(n=s.getPropertyValue("--mds-push-notifications-items-duration"))!==null&&n!==void 0?n:"200ms"};this.visible=undefined;this.visiblity=undefined}t.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};t.prototype.render=function(){return h(Host,{key:"d7da4eb7407b4886b2e29ce2617c54086bd55a0c"},h("slot",{key:"aadeb2649b5eb2bcfbedc401e7ae98f88fc0545c",name:"top"}),h("div",{key:"90eaf13dcecaa032c633929bed4483a516d0caac",class:"notifications",part:"notifications"},h("slot",{key:"b488d366486583afdf499c3cd8636a9ce2f7be57",onSlotchange:this.handleSlotChange.bind(this)})),h("slot",{key:"5932e50f11832b2ccf9eae9118a01fc3d665dba1",name:"bottom"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsPushNotifications.style=MdsPushNotificationsStyle0;export{MdsPushNotifications as mds_push_notifications};

package/dist/esm-es5/mds-quote.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsQuoteCss="@tailwind utilities;\n\n:host {\n  display: -ms-inline-flexbox;\n  display: inline-flex\n}\n\n.open-quote {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.quote{\n  gap: 1rem;\n\n  display: grid;\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all\n}\n\nspan {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var MdsQuoteStyle0=mdsQuoteCss;var MdsQuote=function(){function e(e){registerInstance(this,e);this.typography="h3"}e.prototype.render=function(){return h(Host,{key:"0869548e062d318a691a3615ea09c44d2901703b"},h("mds-text",{key:"bd181e851abb083d82daa9c1145e889877f6392a",class:"open-quote",typography:this.typography},h("span",{key:"91777bc7d1352ba12717040cd14f228337613476"},h("i",{key:"9e6d08f5cfe34900652ec09d8c2a174daed28467"},"❝ "))),h("div",{key:"5b0214c657ccf28324861ecec72c74f891131612",class:"quote"},h("mds-text",{key:"7f06ab8398913fd68f40c91b8c3452c55a1338d1",typography:this.typography},h("i",{key:"60f12113f4e70643f47a33d5507fbde395099e6d"},h("slot",{key:"04c6c8f312bee45598c80b4bf8d98f745ac3a0b4"}),h("span",{key:"f83de716b38bbc2428970a7dff06567cbb52abd4"}," ❞"))),h("slot",{key:"c60ecd181c343573ebe78cf955a305cc85696816",name:"author"})))};return e}();MdsQuote.style=MdsQuoteStyle0;export{MdsQuote as mds_quote};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsQuoteCss="@tailwind utilities;\n\n:host {\n  display: -ms-inline-flexbox;\n  display: inline-flex\n}\n\n.open-quote {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.quote{\n  gap: 1rem;\n\n  display: grid;\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all\n}\n\nspan {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var MdsQuoteStyle0=mdsQuoteCss;var MdsQuote=function(){function e(e){registerInstance(this,e);this.typography="h3";this.tag="h3"}e.prototype.render=function(){return h(Host,{key:"0c7690c8a35c1cdeaf32476a37acffec7b8f323d"},h("mds-text",{key:"b3e21e3678fe93551b87f642f78fdda8a9525d60",class:"open-quote",tag:"div",typography:this.typography},h("span",{key:"695196efbc951ec814efb9cb7421c21493ee60ab"},h("i",{key:"8453cac06ebaf5e23127c5ecb4c8124e7916ce81"},"❝ "))),h("div",{key:"0092ce2020ee2ccdc930fede05559c13a54f7134",class:"quote"},h("mds-text",{key:"a25408cfbee178885d94b7d9a6a6c135798a866f",tag:this.tag,typography:this.typography},h("i",{key:"f710bf1614b4532447fcec84e8209059b192bec9"},h("slot",{key:"88c75e40ac0a6edbbc5ef0385b41059737522e9c"}),h("span",{key:"612a391d4da1efb238cc6da17a87bdf5146a6c85"}," ❞"))),h("slot",{key:"8ee3f36a5fa48c2ef77813c00c91f94316805240",name:"author"})))};return e}();MdsQuote.style=MdsQuoteStyle0;export{MdsQuote as mds_quote};

package/dist/esm-es5/mds-separator.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsSeparatorCss="@tailwind utilities;\n\n:host {\n\n  --mds-separator-background: rgb(var(--tone-neutral-08));\n\n  height: 1px;\n\n  border-radius: 9999px;\n\n  background-color: var(--mds-separator-background);\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-separator-background: rgb(var(--tone-neutral-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-separator-background: rgb(var(--tone-neutral-07));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-separator-background: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-separator-background: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n";var MdsSeparatorStyle0=mdsSeparatorCss;var MdsSeparator=function(){function n(n){registerInstance(this,n)}n.prototype.render=function(){return h(Host,{key:"0d8d9d093ec4349f07659bb12a5408934d3f8fa7"})};return n}();MdsSeparator.style=MdsSeparatorStyle0;export{MdsSeparator as mds_separator};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsSeparatorCss="@tailwind utilities;\n\n:host {\n\n  --mds-separator-background: rgb(var(--tone-neutral-08));\n\n  height: 1px;\n\n  border-radius: 9999px;\n\n  background-color: var(--mds-separator-background);\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-separator-background: rgb(var(--tone-neutral-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-separator-background: rgb(var(--tone-neutral-07));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-separator-background: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-separator-background: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n";var MdsSeparatorStyle0=mdsSeparatorCss;var MdsSeparator=function(){function n(n){registerInstance(this,n)}n.prototype.render=function(){return h(Host,{key:"0d8d9d093ec4349f07659bb12a5408934d3f8fa7"})};return n}();MdsSeparator.style=MdsSeparatorStyle0;export{MdsSeparator as mds_separator};

package/dist/esm-es5/mds-stepper-bar-item.entry.js

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(e,n,r){if(r||arguments.length===2)for(var t=0,i=n.length,s;t<i;t++){if(s||!(t in n)){if(!s)s=Array.prototype.slice.call(n,0,t);s[t]=n[t]}}return e.concat(s||Array.prototype.slice.call(n))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{c as clsx}from"./clsx-297c1ffe.js";var mdsStepperBarItemCss="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-stepper-bar-item-color: Sets the color of the text\n * @prop --mds-stepper-bar-item-duaration: Sets the duration of the animation\n * @prop --mds-stepper-bar-item-icon-background-done: Sets the background-color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-background-current: Sets the background-color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-background: Sets the background-color of the icon\n * @prop --mds-stepper-bar-item-icon-color-done: Sets the color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-color-current: Sets the color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-color: Sets the color of the icon\n * @prop --mds-stepper-bar-item-icon-ring-size: Sets the size of the icon circle when the component is current\n * @prop --mds-stepper-bar-item-min-width: Sets the minimum width of the component\n * @prop --mds-stepper-bar-item-progress-background: Sets the background color of the progress bar\n * @prop --mds-stepper-bar-item-progress-color: Sets the color of the progress bar\n * @prop --mds-stepper-bar-item-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-stepper-bar-item-color: rgb(var(--tone-neutral-03));\n  --mds-stepper-bar-item-duaration: 250ms;\n  --mds-stepper-bar-item-icon-background-done: rgb(var(--status-success-05));\n  --mds-stepper-bar-item-icon-background-current: rgb(var(--brand-maggioli-04));\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));\n  --mds-stepper-bar-item-icon-color-done: rgb(var(--status-success-10));\n  --mds-stepper-bar-item-icon-color-current: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-color: rgb(var(--tone-neutral-04));\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-ring-separator-color: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-ring-separator-size: 0.375rem;\n  --mds-stepper-bar-item-icon-ring-size: 0.25rem;\n  --mds-stepper-bar-item-min-width: 180px;\n  --mds-stepper-bar-item-progress-background: rgb(var(--tone-neutral-08));\n  --mds-stepper-bar-item-progress-color: rgb(var(--status-success-04));\n  --mds-stepper-bar-item-progress-thickness: 0.5rem;\n  gap: 1rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: var(--mds-stepper-bar-item-min-width);\n  padding-left: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  padding-top: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  position: relative;\n  scroll-snap-align: center;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n:host( :last-of-type ){\n\n  -ms-flex-preferred-size: 0.25rem;\n\n  flex-basis: 0.25rem;\n}\n\n:host( :last-of-type ) .progress {\n  display: hidden;\n}\n\n:host([done]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-done);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-done);\n\n  -webkit-transition-delay: 0ms;\n\n  transition-delay: 0ms;\n}\n\n:host([current]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-current);\n\n  -webkit-transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n\n  transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n}\n\n:host(:not([done])) .icon,\n:host(:not([current])) .icon {\n\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background);\n}\n\n.header{\n\n  width: 100%;\n\n  border-radius: 0.375rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-stepper-bar-item-icon-background);\n  -webkit-box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-stepper-bar-item-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  position: relative;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, fill;\n  transition-property: background-color, box-shadow, fill, -webkit-box-shadow;\n}\n\n.progress {\n\n  --mds-stepper-bar-item-background: var(--mds-stepper-bar-item-progress-background);\n  --mds-stepper-bar-item-color: var(--mds-stepper-bar-item-progress-color);\n  --mds-stepper-bar-item-thickness: var(--mds-stepper-bar-item-progress-thickness);\n  margin-left: -0.25rem;\n\n  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  margin-right: calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem);\n  position: relative;\n  z-index: -1;\n}\n\n.infos{\n\n  gap: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  display: grid;\n}\n\n.text{\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  color: var(--mds-stepper-bar-item-color);\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.badge{\n\n  border-radius: 9999px;\n\n  pointer-events: none;\n}\n\n.step{\n\n  border-radius: 9999px;\n\n  color: rgb(var(--tone-neutral-04));\n  pointer-events: none;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .header,\n  .icon,\n  .text {\n    -webkit-transition-delay: 0s !important;\n    transition-delay: 0s !important;\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    .header,\n    .icon,\n    .text {\n      -webkit-transition-delay: 0s !important;\n      transition-delay: 0s !important;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsStepperBarItemStyle0=mdsStepperBarItemCss;var MdsStepperBarItem=function(){function e(e){var n=this;registerInstance(this,e);this.doneEvent=createEvent(this,"mdsStepperBarItemDone",7);this.showBadge=function(){if(n.isDone){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(n.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isDone=undefined;this.isCurrent=undefined;this.index=undefined;this.label=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.done=false;this.current=false;this.value=undefined;this.typography="h6"}e.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var e=this.host.parentElement;if(e)this.index=__spreadArray([],Array.from(e.childNodes),true).indexOf(this.host)};e.prototype.selectedHandler=function(e){this.isDone=e};e.prototype.currentHandler=function(e){this.isCurrent=e};e.prototype.render=function(){return h(Host,{key:"715f4ed46dd375ba551e95e0aa7cb4efc4a31f63"},h("header",{key:"264b3b0097255542637b030b21f5e1671ddc1878",class:"header",tabindex:"0"},h("mds-icon",{key:"a3450a3cee7e601c4c96ddec0f1b0f3f71bca4d8",class:"icon",name:clsx(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{key:"95634a5ef10acab544d5f11288f6dc4e4d079b46",class:"progress",progress:this.isDone?1:0})),h("div",{key:"abbabd9a031c0d21d83b0c6f63a81512b9cb06a8",class:"infos"},this.step&&h("mds-text",{key:"ceb824218fa61d539b535878caf768f367243d8c",class:"step",typography:"option"},"step ",this.index+1),this.label&&h("mds-text",{key:"9db318bad863eb57fd65b88dfae3ec957217bb13",class:"text",typography:this.typography},this.label),this.badge&&h("div",{key:"896a0943deed1e16bfd475b133a7ae10ea29e5fc"},this.showBadge())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{done:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return e}();MdsStepperBarItem.style=MdsStepperBarItemStyle0;export{MdsStepperBarItem as mds_stepper_bar_item};
+var __spreadArray=this&&this.__spreadArray||function(e,n,r){if(r||arguments.length===2)for(var t=0,i=n.length,s;t<i;t++){if(s||!(t in n)){if(!s)s=Array.prototype.slice.call(n,0,t);s[t]=n[t]}}return e.concat(s||Array.prototype.slice.call(n))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{c as clsx}from"./clsx-297c1ffe.js";var mdsStepperBarItemCss="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-stepper-bar-item-color: Sets the color of the text\n * @prop --mds-stepper-bar-item-duaration: Sets the duration of the animation\n * @prop --mds-stepper-bar-item-icon-background-done: Sets the background-color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-background-current: Sets the background-color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-background: Sets the background-color of the icon\n * @prop --mds-stepper-bar-item-icon-color-done: Sets the color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-color-current: Sets the color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-color: Sets the color of the icon\n * @prop --mds-stepper-bar-item-icon-ring-size: Sets the size of the icon circle when the component is current\n * @prop --mds-stepper-bar-item-min-width: Sets the minimum width of the component\n * @prop --mds-stepper-bar-item-progress-background: Sets the background color of the progress bar\n * @prop --mds-stepper-bar-item-progress-color: Sets the color of the progress bar\n * @prop --mds-stepper-bar-item-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-stepper-bar-item-color: rgb(var(--tone-neutral-03));\n  --mds-stepper-bar-item-duaration: 250ms;\n  --mds-stepper-bar-item-icon-background-done: rgb(var(--status-success-05));\n  --mds-stepper-bar-item-icon-background-current: rgb(var(--variant-primary-04));\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));\n  --mds-stepper-bar-item-icon-color-done: rgb(var(--status-success-10));\n  --mds-stepper-bar-item-icon-color-current: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-color: rgb(var(--tone-neutral-04));\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-ring-separator-color: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-ring-separator-size: 0.375rem;\n  --mds-stepper-bar-item-icon-ring-size: 0.25rem;\n  --mds-stepper-bar-item-min-width: 180px;\n  --mds-stepper-bar-item-progress-background: rgb(var(--tone-neutral-08));\n  --mds-stepper-bar-item-progress-color: rgb(var(--status-success-04));\n  --mds-stepper-bar-item-progress-thickness: 0.5rem;\n  gap: 1rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: var(--mds-stepper-bar-item-min-width);\n  padding-left: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  padding-top: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  position: relative;\n  scroll-snap-align: center;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n:host( :last-of-type ){\n\n  -ms-flex-preferred-size: 0.25rem;\n\n  flex-basis: 0.25rem;\n}\n\n:host( :last-of-type ) .progress {\n  display: hidden;\n}\n\n:host([done]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-done);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-done);\n\n  -webkit-transition-delay: 0ms;\n\n  transition-delay: 0ms;\n}\n\n:host([current]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-current);\n\n  -webkit-transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n\n  transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n}\n\n:host(:not([done])) .icon,\n:host(:not([current])) .icon {\n\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background);\n}\n\n.header{\n\n  width: 100%;\n\n  border-radius: 0.375rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-stepper-bar-item-icon-background);\n  -webkit-box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-stepper-bar-item-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  position: relative;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, fill;\n  transition-property: background-color, box-shadow, fill, -webkit-box-shadow;\n}\n\n.progress {\n\n  --mds-stepper-bar-item-background: var(--mds-stepper-bar-item-progress-background);\n  --mds-stepper-bar-item-color: var(--mds-stepper-bar-item-progress-color);\n  --mds-stepper-bar-item-thickness: var(--mds-stepper-bar-item-progress-thickness);\n  margin-left: -0.25rem;\n\n  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  margin-right: calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem);\n  position: relative;\n  z-index: -1;\n}\n\n.infos{\n\n  gap: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  display: grid;\n}\n\n.text{\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  color: var(--mds-stepper-bar-item-color);\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.badge{\n\n  border-radius: 9999px;\n\n  pointer-events: none;\n}\n\n.step{\n\n  border-radius: 9999px;\n\n  color: rgb(var(--tone-neutral-04));\n  pointer-events: none;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .header,\n  .icon,\n  .text {\n    -webkit-transition-delay: 0s !important;\n    transition-delay: 0s !important;\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    .header,\n    .icon,\n    .text {\n      -webkit-transition-delay: 0s !important;\n      transition-delay: 0s !important;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsStepperBarItemStyle0=mdsStepperBarItemCss;var MdsStepperBarItem=function(){function e(e){var n=this;registerInstance(this,e);this.doneEvent=createEvent(this,"mdsStepperBarItemDone",7);this.showBadge=function(){if(n.isDone){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(n.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isDone=undefined;this.isCurrent=undefined;this.index=undefined;this.label=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.done=false;this.current=false;this.value=undefined;this.typography="h6"}e.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var e=this.host.parentElement;if(e)this.index=__spreadArray([],Array.from(e.childNodes),true).indexOf(this.host)};e.prototype.selectedHandler=function(e){this.isDone=e};e.prototype.currentHandler=function(e){this.isCurrent=e};e.prototype.render=function(){return h(Host,{key:"715f4ed46dd375ba551e95e0aa7cb4efc4a31f63"},h("div",{key:"a95536046218a876f6b58972111e3579f7db0b5b",class:"header",tabindex:"0"},h("mds-icon",{key:"572bfcd53c28c751ec923c19a83ad2da516a087d",class:"icon",name:clsx(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{key:"7afca827a100f9676cc61c700754105a946ad988","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),h("div",{key:"a0b34eaba6a2b818c63e9a21de8c5bb160b6ccc2",class:"infos"},this.step&&h("mds-text",{key:"2ae5ce5ab77172373301b8c36e16c1131fa0c046",class:"step",typography:"option"},"step ",this.index+1),this.label&&h("mds-text",{key:"63b5bf25b4ae174725af0340701577699e333951",class:"text",typography:this.typography},this.label),this.badge&&h("div",{key:"569ed53badb0ee775fdfb487680378090f782b15"},this.showBadge())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{done:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return e}();MdsStepperBarItem.style=MdsStepperBarItemStyle0;export{MdsStepperBarItem as mds_stepper_bar_item};

package/dist/esm-es5/mds-stepper-bar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";var mdsStepperBarCss='@tailwind utilities;\n\n:host{\n\n  gap: 1.5rem;\n\n  display: grid;\n  position: relative;\n}\n\n.items{\n\n  z-index: 10;\n\n  width: 100%;\n\n  gap: 0rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  overflow: auto;\n  position: relative;\n  scroll-behavior: smooth;\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n}\n\n:host( [linear="true"] ) ::slotted( mds-stepper-bar-item ),\n:host( [linear] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: none;\n}\n\n:host( [linear="false"] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: auto;\n}\n\n\n.contents{\n\n  width: 100%;\n\n  opacity: 0;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n:host( [hydrated] ) .contents {\n  opacity: 1;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  .contents,\n  .items {\n    scroll-behavior: unset;\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    .contents,\n    .items {\n      scroll-behavior: unset;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var MdsStepperBarStyle0=mdsStepperBarCss;var MdsStepperBar=function(){function n(n){var t=this;registerInstance(this,n);this.changedEvent=createEvent(this,"mdsStepperBarChange",7);this.queryItems=function(){return t.element.querySelectorAll("mds-stepper-bar-item")};this.queryContentItems=function(){return t.element.querySelectorAll("[slot=content]")};this.minmax=function(n,t,e){return Math.min(Math.max(n,t),e)};this.setCurrent=function(n){t.items=t.queryItems();t.currentItem=n-1;var e=new Array;t.items.forEach((function(n,i){n.done=false;if(i<t.currentItem){n.done=true;if(n.value){e.push(n.value)}}n.current=false;if(i===t.currentItem){n.current=true;t.currentItem=i}}));t.changedEvent.emit({value:e.toString(),step:t.currentItem});t.scrollItems();t.setCurrentContent()};this.setCurrentContent=function(){t.contentItems.forEach((function(n,e){n.classList.add("hidden");if(e===t.currentItem){n.classList.remove("hidden")}}))};this.scrollItems=function(){var n;var e=(n=t.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".items");var i=t.queryItems();var s=t.minmax(t.currentItem,0,t.items.length-1);if(!e)throw Error("No mds-stepper-bar-items found");if(s<=0){e.scrollLeft=0;return}if(s>=i.length){var r=i[i.length-1];e.scrollLeft=r.offsetLeft-e.offsetLeft;return}var a=i[s];e.scrollLeft=a.offsetLeft-e.offsetLeft-e.offsetWidth/2+a.offsetWidth/2};this.currentItem=0;this.itemsDone=1}n.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(n,t){n.id="mds-stepper-bar-item-".concat(t)}))};n.prototype.componentDidLoad=function(){this.contentItems=this.queryContentItems();this.setCurrent(this.itemsDone)};n.prototype.itemDone=function(n){this.setCurrent(n)};n.prototype.changeEventHandler=function(n){var t=this;this.items=this.queryItems();this.items.forEach((function(e,i){e.done=false;if("mds-stepper-bar-item-".concat(i)===n.detail){e.current=true;t.currentItem=i}}))};n.prototype.render=function(){return h(Host,{key:"c5d8c6cb5fd5646e779b13d2e2bec4153779cc49"},h("div",{key:"291a35bd8e514bc20b0d0bfa91884d6856dbfb1a",class:"items"},h("slot",{key:"0a2372a33d6e2dd3640c32d960bbd8b2b0c774ed"})),h("div",{key:"015e8905ddcf52e2ae1f41c81b498dfc1b231223",class:"contents",part:"contents"},h("slot",{key:"b4391197ca58d2241c7cba04572b25e33da888bb",name:"content"})))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{itemsDone:["itemDone"]}},enumerable:false,configurable:true});return n}();MdsStepperBar.style=MdsStepperBarStyle0;export{MdsStepperBar as mds_stepper_bar};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";var mdsStepperBarCss='@tailwind utilities;\n\n:host{\n\n  gap: 1.5rem;\n\n  display: grid;\n  position: relative;\n}\n\n.items{\n\n  z-index: 10;\n\n  width: 100%;\n\n  gap: 0rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  overflow: auto;\n  position: relative;\n  scroll-behavior: smooth;\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n}\n\n:host( [linear="true"] ) ::slotted( mds-stepper-bar-item ),\n:host( [linear] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: none;\n}\n\n:host( [linear="false"] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: auto;\n}\n\n\n.contents{\n\n  width: 100%;\n\n  opacity: 0;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n:host( [hydrated] ) .contents {\n  opacity: 1;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  .contents,\n  .items {\n    scroll-behavior: unset;\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    .contents,\n    .items {\n      scroll-behavior: unset;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var MdsStepperBarStyle0=mdsStepperBarCss;var MdsStepperBar=function(){function n(n){var t=this;registerInstance(this,n);this.changedEvent=createEvent(this,"mdsStepperBarChange",7);this.queryItems=function(){return t.element.querySelectorAll("mds-stepper-bar-item")};this.queryContentItems=function(){return t.element.querySelectorAll("[slot=content]")};this.minmax=function(n,t,e){return Math.min(Math.max(n,t),e)};this.setCurrent=function(n){t.items=t.queryItems();t.currentItem=n-1;var e=new Array;t.items.forEach((function(n,i){n.done=false;if(i<t.currentItem){n.done=true;if(n.value){e.push(n.value)}}n.current=false;if(i===t.currentItem){n.current=true;t.currentItem=i}}));t.changedEvent.emit({value:e.toString(),step:t.currentItem});t.scrollItems();t.setCurrentContent()};this.setCurrentContent=function(){t.contentItems.forEach((function(n,e){n.classList.add("hidden");if(e===t.currentItem){n.classList.remove("hidden")}}))};this.scrollItems=function(){var n;var e=(n=t.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".items");var i=t.queryItems();var s=t.minmax(t.currentItem,0,t.items.length-1);if(!e)throw Error("No mds-stepper-bar-items found");if(s<=0){e.scrollLeft=0;return}if(s>=i.length){var r=i[i.length-1];e.scrollLeft=r.offsetLeft-e.offsetLeft;return}var a=i[s];e.scrollLeft=a.offsetLeft-e.offsetLeft-e.offsetWidth/2+a.offsetWidth/2};this.currentItem=0;this.itemsDone=1}n.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(n,t){n.id="mds-stepper-bar-item-".concat(t)}))};n.prototype.componentDidLoad=function(){this.contentItems=this.queryContentItems();this.setCurrent(this.itemsDone)};n.prototype.itemDone=function(n){this.setCurrent(n)};n.prototype.changeEventHandler=function(n){var t=this;this.items=this.queryItems();this.items.forEach((function(e,i){e.done=false;if("mds-stepper-bar-item-".concat(i)===n.detail){e.current=true;t.currentItem=i}}))};n.prototype.render=function(){return h(Host,{key:"c5d8c6cb5fd5646e779b13d2e2bec4153779cc49"},h("div",{key:"291a35bd8e514bc20b0d0bfa91884d6856dbfb1a",class:"items"},h("slot",{key:"0a2372a33d6e2dd3640c32d960bbd8b2b0c774ed"})),h("div",{key:"015e8905ddcf52e2ae1f41c81b498dfc1b231223",class:"contents",part:"contents"},h("slot",{key:"b4391197ca58d2241c7cba04572b25e33da888bb",name:"content"})))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{itemsDone:["itemDone"]}},enumerable:false,configurable:true});return n}();MdsStepperBar.style=MdsStepperBarStyle0;export{MdsStepperBar as mds_stepper_bar};

package/dist/esm-es5/mds-tab-bar-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";var mdsTabBarItemCss="@tailwind utilities;\n\n/**\n * @prop --mds-tab-bar-item-background-selected: Sets the background-color of the component when it's selected\n * @prop --mds-tab-bar-item-background: Sets the background-color of the component\n * @prop --mds-tab-bar-item-color-selected: Sets the text color of the component when it's selected\n * @prop --mds-tab-bar-item-color: Sets the text color of the component\n */\n\n:host {\n\n  --mds-tab-bar-item-background: transparent;\n  --mds-tab-bar-item-background-selected: var(--mds-tab-bar-item-background);\n  --mds-tab-bar-item-color: rgb(var(--tone-neutral-06));\n  --mds-tab-bar-item-color-selected: rgb(var(--brand-maggioli-04));\n  gap: 0.25rem;\n  padding: 0.5rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-tab-bar-item-background);\n  color: var(--mds-tab-bar-item-color);\n  cursor: pointer;\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-tab-bar-item-color);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  text-align: center;\n  -webkit-transition-property: color, background-color, fill;\n  transition-property: color, background-color, fill;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) {\n  background-color: var(--mds-tab-bar-item-background-selected);\n  color: var(--mds-tab-bar-item-color-selected);\n  fill: var(--mds-tab-bar-item-color-selected);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n    --mds-tab-bar-item-color-selected: rgb(var(--brand-maggioli-02));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n      --mds-tab-bar-item-color-selected: rgb(var(--brand-maggioli-02));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n    --mds-tab-bar-item-color-selected: rgb(var(--brand-maggioli-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n      --mds-tab-bar-item-color-selected: rgb(var(--brand-maggioli-02));\n    }\n  }\n}\n\n";var MdsTabBarItemStyle0=mdsTabBarItemCss;var MdsTabBarItem=function(){function e(e){var n=this;registerInstance(this,e);this.selectedEvent=createEvent(this,"mdsTabBarItemSelect",7);this.select=function(){n.isSelected=!n.isSelected;if(n.isSelected){n.selectedEvent.emit(n.element.id)}};this.isSelected=undefined;this.icon="";this.selected=undefined;this.typography="tip"}e.prototype.componentWillLoad=function(){this.isSelected=this.selected};e.prototype.validateSelected=function(e){this.isSelected=e};e.prototype.render=function(){return h(Host,{key:"a3cf2c5f50b9c6195ad12b8a6ccbcaa15cca9295",onClick:this.select},h("mds-icon",{key:"1e2f9cb96b6eb5e78b3ff52575352d5d0d16e1f2",name:this.icon}),h("mds-text",{key:"27bfbb915740e47a4f4560f56f176b313714c6ef",typography:this.typography},h("slot",{key:"860ac3100af629b56772a2551ddd4013bc5d4d9a"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["validateSelected"]}},enumerable:false,configurable:true});return e}();MdsTabBarItem.style=MdsTabBarItemStyle0;export{MdsTabBarItem as mds_tab_bar_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";var mdsTabBarItemCss="@tailwind utilities;\n\n/**\n * @prop --mds-tab-bar-item-background-selected: Sets the background-color of the component when it's selected\n * @prop --mds-tab-bar-item-background: Sets the background-color of the component\n * @prop --mds-tab-bar-item-color-selected: Sets the text color of the component when it's selected\n * @prop --mds-tab-bar-item-color: Sets the text color of the component\n */\n\n:host {\n\n  --mds-tab-bar-item-background: rgb(var(--tone-neutral-10));\n  --mds-tab-bar-item-background-selected: transparent;\n  --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n  --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-03));\n  gap: 0.25rem;\n  padding: 0.5rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-tab-bar-item-background);\n  color: var(--mds-tab-bar-item-color);\n  cursor: pointer;\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-tab-bar-item-color);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  text-align: center;\n  -webkit-transition-property: color, background-color, fill;\n  transition-property: color, background-color, fill;\n}\n\n:host( [selected]:not([selected=\"false\"]) ) {\n  background-color: var(--mds-tab-bar-item-background-selected);\n  color: var(--mds-tab-bar-item-color-selected);\n  fill: var(--mds-tab-bar-item-color-selected);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n    --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-02));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n      --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-02));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n    --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-bar-item-color: rgb(var(--tone-neutral-04));\n      --mds-tab-bar-item-color-selected: rgb(var(--variant-primary-02));\n    }\n  }\n}\n\n";var MdsTabBarItemStyle0=mdsTabBarItemCss;var MdsTabBarItem=function(){function e(e){var t=this;registerInstance(this,e);this.selectedEvent=createEvent(this,"mdsTabBarItemSelect",7);this.select=function(){t.isSelected=!t.isSelected;if(t.isSelected){t.selectedEvent.emit(t.element.id)}};this.isSelected=undefined;this.icon="";this.selected=undefined;this.typography="tip"}e.prototype.componentWillLoad=function(){this.isSelected=this.selected};e.prototype.validateSelected=function(e){this.isSelected=e};e.prototype.render=function(){return h(Host,{key:"a3cf2c5f50b9c6195ad12b8a6ccbcaa15cca9295",onClick:this.select},h("mds-icon",{key:"1e2f9cb96b6eb5e78b3ff52575352d5d0d16e1f2",name:this.icon}),h("mds-text",{key:"27bfbb915740e47a4f4560f56f176b313714c6ef",typography:this.typography},h("slot",{key:"860ac3100af629b56772a2551ddd4013bc5d4d9a"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["validateSelected"]}},enumerable:false,configurable:true});return e}();MdsTabBarItem.style=MdsTabBarItemStyle0;export{MdsTabBarItem as mds_tab_bar_item};

package/dist/esm-es5/mds-tab-bar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";var mdsTabBarCss="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  bottom: 0;\n  -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n  left: 0;\n  position: fixed;\n  right: 0;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, box-shadow;\n  transition-property: background-color, color, box-shadow, -webkit-box-shadow;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n";var MdsTabBarStyle0=mdsTabBarCss;var MdsTabBar=function(){function n(n){var t=this;registerInstance(this,n);this.changedEvent=createEvent(this,"mdsTabBarChange",7);this.queryItems=function(){return t.element.querySelectorAll("mds-tab-bar-item")}}n.prototype.componentWillLoad=function(){var n=this.queryItems();n.forEach((function(n,t){return n.id="mds-tab-bar-item-".concat(t)}))};n.prototype.changeEventHandler=function(n){var t=this;var e=this.queryItems();e.forEach((function(e,r){e.selected="mds-tab-bar-item-".concat(r)===n.detail;if(e.selected){t.changedEvent.emit({index:r})}}))};n.prototype.render=function(){return h(Host,{key:"143f956bec3fad0f56df5d076f8be11759347f2b"},h("slot",{key:"62a642468cae60d404806b0a543eecff5ec8f8be"}))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsTabBar.style=MdsTabBarStyle0;export{MdsTabBar as mds_tab_bar};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";var mdsTabBarCss="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  bottom: 0;\n  -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n  left: 0;\n  position: fixed;\n  right: 0;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, box-shadow;\n  transition-property: background-color, color, box-shadow, -webkit-box-shadow;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n";var MdsTabBarStyle0=mdsTabBarCss;var MdsTabBar=function(){function n(n){var t=this;registerInstance(this,n);this.changedEvent=createEvent(this,"mdsTabBarChange",7);this.queryItems=function(){return t.element.querySelectorAll("mds-tab-bar-item")}}n.prototype.componentWillLoad=function(){var n=this.queryItems();n.forEach((function(n,t){return n.id="mds-tab-bar-item-".concat(t)}))};n.prototype.changeEventHandler=function(n){var t=this;var e=this.queryItems();e.forEach((function(e,r){e.selected="mds-tab-bar-item-".concat(r)===n.detail;if(e.selected){t.changedEvent.emit({index:r})}}))};n.prototype.render=function(){return h(Host,{key:"143f956bec3fad0f56df5d076f8be11759347f2b"},h("slot",{key:"62a642468cae60d404806b0a543eecff5ec8f8be"}))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsTabBar.style=MdsTabBarStyle0;export{MdsTabBar as mds_tab_bar};

package/dist/esm-es5/mds-tab_2.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{s as setAttributeIfEmpty}from"./aria-0e390d9c.js";var mdsTabCss='@tailwind components;\n@tailwind utilities;\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-tab-duration: Sets the animation duration on how the contents height is resized when the component switch from a content to another one\n * @prop --mds-tab-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-tab-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n * @prop --mds-tab-timing-function: Sets the animation timing function on how the contents height is resized when the component switch from a content to another one\n */\n\n:host {\n\n  --mds-tab-duration: .75s;\n  --mds-tab-timing-function: cubic-bezier(1, 0, 0, 1);\n  --mds-tab-current-item: 2;\n  --mds-tab-scroll-scrollbar-radius: 0;\n  --mds-tab-scroll-scrollbar-margin: 0;\n  --mds-tab-scroll-scrollbar-size: 0.5rem;\n  --mds-tab-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-tab-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  display: grid;\n}\n\n.tabs{\n\n  gap: 0.5rem;\n\n  border-width: 0.125rem;\n\n  border-style: solid;\n\n  border-color: transparent;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--theme-default-06-secondary-background));\n  border-radius: 1rem;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\n  scroll-behavior: smooth;\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n.contents {\n\n  --mds-tab-contents-height: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    gap: 1.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-tab-contents-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\n  scroll-behavior: smooth;\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  -webkit-transition: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n  transition: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n}\n\n::slotted( [slot="content"] ){\n\n  width: 100%;\n\n  min-width: 100%;\n\n  -webkit-animation-duration: var(--mds-tab-duration);\n\n  animation-duration: var(--mds-tab-duration);\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n  -webkit-animation-timing-function: var(--mds-tab-timing-function);\n  animation-timing-function: var(--mds-tab-timing-function);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  scroll-snap-align: start;\n}\n\n::slotted( [slot="content"][mds-tab-content-hidden] ) {\n    display: none !important;\n}\n\n@import \'~@maggioli-design-system/styles/dist/tailwind/components.css\';\n@tailwind components;\n@tailwind utilities;\n\n:host(:not([scrollbar])) .tabs {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([scrollbar])) .tabs::-webkit-scrollbar {\n  display: none;\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar {\n  height: var(--mds-tab-scroll-scrollbar-size);\n  width: var(--mds-tab-scroll-scrollbar-size);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-track {\n  background-color: var(--mds-tab-scroll-scrollbar-track-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n  margin-block: var(--mds-tab-scroll-scrollbar-margin);\n  margin-inline: var(--mds-tab-scroll-scrollbar-margin);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-thumb {\n  background-color: var(--mds-tab-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .tabs {\n    scrollbar-color: var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-tab-duration: 0s;\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .contents,\n  .tabs {\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\n      --mds-tab-duration: 0s;\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .contents,\n    .tabs {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  .tabs {\n    border-color: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  .tabs {\n    border-color: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n\n';var MdsTabStyle0=mdsTabCss;var MdsTab=function(){function n(n){var t=this;registerInstance(this,n);this.changedEvent=createEvent(this,"mdsTabChange",7);this.currentItem=-1;this.queryContentItems=function(){return t.element.querySelectorAll("[slot=content]")};this.scrollTabs=function(n){var e=t.tabItems[n];t.tabs.scrollLeft=e.offsetLeft-t.tabs.offsetLeft-t.tabs.offsetWidth/2+e.offsetWidth/2};this.selectContentItem=function(){t.contentItems.forEach((function(n,e){n.setAttribute("mds-tab-content-hidden","");if(e===t.currentItem){n.removeAttribute("mds-tab-content-hidden")}}))};this.scrollbar=undefined}n.prototype.componentWillLoad=function(){var n=this;this.tabItems=this.element.querySelectorAll("mds-tab-item");this.tabItems.forEach((function(t,e){if(!t.id){t.id="mds-tab-item-".concat(e)}if(t.selected){n.currentItem=e}}))};n.prototype.componentDidLoad=function(){var n;this.tabs=(n=this.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".tabs");this.contentItems=this.queryContentItems();this.contentItems.forEach((function(n){setAttributeIfEmpty(n,"role","tabpanel")}));this.selectContentItem()};n.prototype.changeEventHandler=function(n){var t=this;this.tabItems.forEach((function(e,r){if(e.id===n.detail.target.id){e.selected=true;t.changedEvent.emit({id:r,value:e.value});t.currentItem=r;t.scrollTabs(r)}else{e.selected=false}}));this.selectContentItem()};n.prototype.focusEventHandler=function(n){var t=this;this.tabItems.forEach((function(e,r){if(e.id===n.detail.target.id){t.scrollTabs(r)}}))};n.prototype.render=function(){return h(Host,{key:"21e53d7ffaff031d678118bad56b294434850b55"},h("div",{key:"1163324be5882c026755c4230ab816a8af379b3a",class:"tabs",part:"tabs",role:"tablist"},h("slot",{key:"2d43944cbc98837c9eb3e88681fae97d2aa7c833"})),h("div",{key:"1249e79e0c9ce4826eb1c5c998dfdc5bae45d306",class:"contents",part:"contents"},h("slot",{key:"ae717f86aadc0e95f430d3353ddd8a823bf4010a",name:"content"})))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsTab.style=MdsTabStyle0;var mdsTabItemCss='@tailwind utilities;\n\n/**\n * @prop --mds-tab-item-background-hover: Sets the background when the mouse is over the component\n * @prop --mds-tab-item-background-selected: Sets the background when the component is selected\n * @prop --mds-tab-item-background: Sets the background color of the component\n * @prop --mds-tab-item-color-hover: Sets the color when the mouse is over the component\n * @prop --mds-tab-item-color-selected: Sets the color when the component is selected\n * @prop --mds-tab-item-color: Sets the color of the component\n * @prop --mds-tab-item-radius: Sets the border-radius of the component\n * @prop --mds-tab-item-shadow-selected: Sets the box-shadow when the component is selected\n */\n\n:host{\n\n  display: -ms-flexbox;\n\n  display: flex;\n\n  --mds-tab-item-background-hover: transparent;\n  --mds-tab-item-background-selected: rgb(var(--tone-neutral));\n  --mds-tab-item-background: transparent;\n  --mds-tab-item-color-hover: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color: rgb(var(--tone-neutral-04));\n  --mds-tab-item-radius: 0.5rem;\n  --mds-tab-item-shadow-selected: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n}\n\n.button {\n\n  --mds-button-background: var(--mds-tab-item-background);\n  --mds-button-color: var(--mds-tab-item-color);\n  --mds-button-radius: var(--mds-tab-item-radius);\n\n  fill: var(--mds-tab-item-color);\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-hover);\n  --mds-button-color: var(--mds-tab-item-color-hover);\n\n  fill: var(--mds-tab-item-color-hover);\n}\n\n:host([selected]:not([selected="false"])) .button,\n:host([selected]:not([selected="false"])) .button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-selected);\n  --mds-button-color: var(--mds-tab-item-color-selected);\n\n  -webkit-box-shadow: var(--mds-tab-item-shadow-selected);\n\n  box-shadow: var(--mds-tab-item-shadow-selected);\n  fill: var(--mds-tab-item-color-selected);\n  pointer-events: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n    --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n      --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n  }\n}\n\n';var MdsTabItemStyle0=mdsTabItemCss;var MdsTabItem=function(){function n(n){var t=this;registerInstance(this,n);this.selectedEvent=createEvent(this,"mdsTabItemSelect",7);this.focusedEvent=createEvent(this,"mdsTabItemFocus",7);this.toggle=function(){t.isSelected=!t.isSelected;if(t.isSelected){t.selectedEvent.emit({target:t.element,value:t.value})}};this.focus=function(){t.focusedEvent.emit({target:t.element,value:t.value})};this.isSelected=undefined;this.hasText=undefined;this.selected=undefined;this.icon=undefined;this.iconPosition="left";this.type="submit";this.size="md";this.value=undefined}n.prototype.validateActive=function(n){this.isSelected=n;if(this.selected){this.selectedEvent.emit({target:this.element,value:this.value})}};n.prototype.componentWillLoad=function(){this.hasText=this.element.innerHTML!==""};n.prototype.render=function(){return h(Host,{key:"f3fafe16ed0bf7ed425aa22a513dab9a9e67451f",onClick:this.toggle},h("mds-button",{key:"ab7b9ee28b3e2fac37f21193efb8992f3d221cfe",class:"button",onFocus:this.focus,icon:this.icon,iconPosition:this.iconPosition,part:"button",role:"tab",size:this.size,type:this.type},this.hasText&&h("slot",{key:"a9f9a48dceb2338f538206a7400c3a0401b933a3"})))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{selected:["validateActive"]}},enumerable:false,configurable:true});return n}();MdsTabItem.style=MdsTabItemStyle0;export{MdsTab as mds_tab,MdsTabItem as mds_tab_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{s as setAttributeIfEmpty}from"./aria-ed9d415d.js";var mdsTabCss='@tailwind components;\n@tailwind utilities;\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-tab-duration: Sets the animation duration on how the contents height is resized when the component switch from a content to another one\n * @prop --mds-tab-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-tab-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n * @prop --mds-tab-timing-function: Sets the animation timing function on how the contents height is resized when the component switch from a content to another one\n */\n\n:host {\n\n  --mds-tab-duration: .75s;\n  --mds-tab-timing-function: cubic-bezier(1, 0, 0, 1);\n  --mds-tab-current-item: 2;\n  --mds-tab-scroll-scrollbar-radius: 0;\n  --mds-tab-scroll-scrollbar-margin: 0;\n  --mds-tab-scroll-scrollbar-size: 0.5rem;\n  --mds-tab-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-tab-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  display: grid;\n}\n\n.tabs{\n\n  gap: 0.5rem;\n\n  border-width: 0.125rem;\n\n  border-style: solid;\n\n  border-color: transparent;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--theme-default-06-secondary-background));\n  border-radius: 1rem;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\n  scroll-behavior: smooth;\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n.contents {\n\n  --mds-tab-contents-height: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    gap: 1.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-tab-contents-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\n  scroll-behavior: smooth;\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  -webkit-transition: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n  transition: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n}\n\n::slotted( [slot="content"] ){\n\n  width: 100%;\n\n  min-width: 100%;\n\n  -webkit-animation-duration: var(--mds-tab-duration);\n\n  animation-duration: var(--mds-tab-duration);\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n  -webkit-animation-timing-function: var(--mds-tab-timing-function);\n  animation-timing-function: var(--mds-tab-timing-function);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  scroll-snap-align: start;\n}\n\n::slotted( [slot="content"][mds-tab-content-hidden] ) {\n    display: none !important;\n}\n\n@import \'~@maggioli-design-system/styles/dist/tailwind/components.css\';\n@tailwind components;\n@tailwind utilities;\n\n:host(:not([scrollbar])) .tabs {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([scrollbar])) .tabs::-webkit-scrollbar {\n  display: none;\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar {\n  height: var(--mds-tab-scroll-scrollbar-size);\n  width: var(--mds-tab-scroll-scrollbar-size);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-track {\n  background-color: var(--mds-tab-scroll-scrollbar-track-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n  margin-block: var(--mds-tab-scroll-scrollbar-margin);\n  margin-inline: var(--mds-tab-scroll-scrollbar-margin);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-thumb {\n  background-color: var(--mds-tab-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .tabs {\n    scrollbar-color: var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-tab-duration: 0s;\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .contents,\n  .tabs {\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\n      --mds-tab-duration: 0s;\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .contents,\n    .tabs {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  .tabs {\n    border-color: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  .tabs {\n    border-color: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n\n';var MdsTabStyle0=mdsTabCss;var MdsTab=function(){function n(n){var t=this;registerInstance(this,n);this.changedEvent=createEvent(this,"mdsTabChange",7);this.currentItem=-1;this.queryContentItems=function(){return t.element.querySelectorAll("[slot=content]")};this.scrollTabs=function(n){var e=t.tabItems[n];t.tabs.scrollLeft=e.offsetLeft-t.tabs.offsetLeft-t.tabs.offsetWidth/2+e.offsetWidth/2};this.selectContentItem=function(){t.contentItems.forEach((function(n,e){n.setAttribute("mds-tab-content-hidden","");if(e===t.currentItem){n.removeAttribute("mds-tab-content-hidden")}}))};this.scrollbar=undefined}n.prototype.componentWillLoad=function(){var n=this;this.tabItems=this.element.querySelectorAll("mds-tab-item");this.tabItems.forEach((function(t,e){if(!t.id){t.id="mds-tab-item-".concat(e)}if(t.selected){n.currentItem=e}}))};n.prototype.componentDidLoad=function(){var n;this.tabs=(n=this.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".tabs");this.contentItems=this.queryContentItems();this.contentItems.forEach((function(n){setAttributeIfEmpty(n,"role","tabpanel")}));this.selectContentItem()};n.prototype.changeEventHandler=function(n){var t=this;this.tabItems.forEach((function(e,r){if(e.id===n.detail.target.id){e.selected=true;t.changedEvent.emit({id:r,value:e.value});t.currentItem=r;t.scrollTabs(r)}else{e.selected=false}}));this.selectContentItem()};n.prototype.focusEventHandler=function(n){var t=this;this.tabItems.forEach((function(e,r){if(e.id===n.detail.target.id){t.scrollTabs(r)}}))};n.prototype.render=function(){return h(Host,{key:"21e53d7ffaff031d678118bad56b294434850b55"},h("div",{key:"1163324be5882c026755c4230ab816a8af379b3a",class:"tabs",part:"tabs",role:"tablist"},h("slot",{key:"2d43944cbc98837c9eb3e88681fae97d2aa7c833"})),h("div",{key:"1249e79e0c9ce4826eb1c5c998dfdc5bae45d306",class:"contents",part:"contents"},h("slot",{key:"ae717f86aadc0e95f430d3353ddd8a823bf4010a",name:"content"})))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsTab.style=MdsTabStyle0;var mdsTabItemCss='@tailwind utilities;\n\n/**\n * @prop --mds-tab-item-background-hover: Sets the background when the mouse is over the component\n * @prop --mds-tab-item-background-selected: Sets the background when the component is selected\n * @prop --mds-tab-item-background: Sets the background color of the component\n * @prop --mds-tab-item-color-hover: Sets the color when the mouse is over the component\n * @prop --mds-tab-item-color-selected: Sets the color when the component is selected\n * @prop --mds-tab-item-color: Sets the color of the component\n * @prop --mds-tab-item-radius: Sets the border-radius of the component\n * @prop --mds-tab-item-shadow-selected: Sets the box-shadow when the component is selected\n */\n\n:host{\n\n  display: -ms-flexbox;\n\n  display: flex;\n\n  --mds-tab-item-background-hover: transparent;\n  --mds-tab-item-background-selected: rgb(var(--tone-neutral));\n  --mds-tab-item-background: transparent;\n  --mds-tab-item-color-hover: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color: rgb(var(--tone-neutral-04));\n  --mds-tab-item-radius: 0.5rem;\n  --mds-tab-item-shadow-selected: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n}\n\n.button {\n\n  --mds-button-background: var(--mds-tab-item-background);\n  --mds-button-color: var(--mds-tab-item-color);\n  --mds-button-radius: var(--mds-tab-item-radius);\n\n  fill: var(--mds-tab-item-color);\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-hover);\n  --mds-button-color: var(--mds-tab-item-color-hover);\n\n  fill: var(--mds-tab-item-color-hover);\n}\n\n:host([selected]:not([selected="false"])) .button,\n:host([selected]:not([selected="false"])) .button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-selected);\n  --mds-button-color: var(--mds-tab-item-color-selected);\n\n  -webkit-box-shadow: var(--mds-tab-item-shadow-selected);\n\n  box-shadow: var(--mds-tab-item-shadow-selected);\n  fill: var(--mds-tab-item-color-selected);\n  pointer-events: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n    --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n      --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n  }\n}\n\n';var MdsTabItemStyle0=mdsTabItemCss;var MdsTabItem=function(){function n(n){var t=this;registerInstance(this,n);this.selectedEvent=createEvent(this,"mdsTabItemSelect",7);this.focusedEvent=createEvent(this,"mdsTabItemFocus",7);this.toggle=function(){t.isSelected=!t.isSelected;if(t.isSelected){t.selectedEvent.emit({target:t.element,value:t.value})}};this.focus=function(){t.focusedEvent.emit({target:t.element,value:t.value})};this.isSelected=undefined;this.hasText=undefined;this.selected=undefined;this.icon=undefined;this.iconPosition="left";this.type="submit";this.size="md";this.value=undefined}n.prototype.validateActive=function(n){this.isSelected=n;if(this.selected){this.selectedEvent.emit({target:this.element,value:this.value})}};n.prototype.componentWillLoad=function(){this.hasText=this.element.innerHTML!==""};n.prototype.render=function(){return h(Host,{key:"f3fafe16ed0bf7ed425aa22a513dab9a9e67451f",onClick:this.toggle},h("mds-button",{key:"ab7b9ee28b3e2fac37f21193efb8992f3d221cfe",class:"button",onFocus:this.focus,icon:this.icon,iconPosition:this.iconPosition,part:"button",role:"tab",size:this.size,type:this.type},this.hasText&&h("slot",{key:"a9f9a48dceb2338f538206a7400c3a0401b933a3"})))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{selected:["validateActive"]}},enumerable:false,configurable:true});return n}();MdsTabItem.style=MdsTabItemStyle0;export{MdsTab as mds_tab,MdsTabItem as mds_tab_item};

package/dist/esm-es5/mds-table-body.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsTableBodyCss="@tailwind utilities;\n\n/**\n * @prop --mds-table-body-background-hover: The background-color of the table body when the mouse is over it\n * @prop --mds-table-body-background: The background-color of the table body\n */\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-body-background);\n  display: table-row-group;\n  overflow: hidden;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n:host( [interactive]:hover ) {\n\n  --mds-table-body-background: var(--mds-table-body-background-hover);\n}\n\n:host(:last-child) ::slotted(*:last-child) {\n\n  --mds-table-cell-border-color: transparent;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableBodyStyle0=mdsTableBodyCss;var MdsTableBody=function(){function n(n){registerInstance(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return h(Host,{key:"e0630b028046f3d72ae12dc803200a4f0ae04912",role:"rowgroup"},h("slot",{key:"700d8d0ae9750c4f7305e02c4af0ea2025513179"}))};return n}();MdsTableBody.style=MdsTableBodyStyle0;export{MdsTableBody as mds_table_body};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsTableBodyCss="@tailwind utilities;\n\n/**\n * @prop --mds-table-body-background-hover: The background-color of the table body when the mouse is over it\n * @prop --mds-table-body-background: The background-color of the table body\n */\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-body-background);\n  display: table-row-group;\n  overflow: hidden;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n:host( [interactive]:hover ) {\n\n  --mds-table-body-background: var(--mds-table-body-background-hover);\n}\n\n:host(:last-child) ::slotted(*:last-child) {\n\n  --mds-table-cell-border-color: transparent;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableBodyStyle0=mdsTableBodyCss;var MdsTableBody=function(){function n(n){registerInstance(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return h(Host,{key:"e0630b028046f3d72ae12dc803200a4f0ae04912",role:"rowgroup"},h("slot",{key:"700d8d0ae9750c4f7305e02c4af0ea2025513179"}))};return n}();MdsTableBody.style=MdsTableBodyStyle0;export{MdsTableBody as mds_table_body};

package/dist/esm-es5/mds-table-cell.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsTableCellCss="@tailwind utilities;\n\n/**\n * @prop --mds-table-cell-background-hover: The background-color of the table cell when the mouse is over it\n * @prop --mds-table-cell-background: The background-color of the table cell\n * @prop --mds-table-cell-border-color: The border-color of the table cell\n * @prop --mds-table-cell-border-width: The border-width of the table cell\n * @prop --mds-table-cell-padding: The padding of the table cell\n */\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-cell-background);\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;\n  border-top: var(--mds-table-cell-border-width) solid transparent !important;\n  display: table-cell;\n  padding: var(--mds-table-cell-padding);\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableCellStyle0=mdsTableCellCss;var MdsTableCell=function(){function e(e){registerInstance(this,e);this.value=undefined}e.prototype.render=function(){return h(Host,{key:"3bdade084b4338cd4c2cf2a0c94adaab9f6f1f34"},h("slot",{key:"8bdb8b0d5e0e5cf6880f406e564e4a96520ccfc9"}))};return e}();MdsTableCell.style=MdsTableCellStyle0;export{MdsTableCell as mds_table_cell};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsTableCellCss="@tailwind utilities;\n\n/**\n * @prop --mds-table-cell-background-hover: The background-color of the table cell when the mouse is over it\n * @prop --mds-table-cell-background: The background-color of the table cell\n * @prop --mds-table-cell-border-color: The border-color of the table cell\n * @prop --mds-table-cell-border-width: The border-width of the table cell\n * @prop --mds-table-cell-padding: The padding of the table cell\n */\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-cell-background);\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;\n  border-top: var(--mds-table-cell-border-width) solid transparent !important;\n  display: table-cell;\n  padding: var(--mds-table-cell-padding);\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableCellStyle0=mdsTableCellCss;var MdsTableCell=function(){function e(e){registerInstance(this,e);this.value=undefined}e.prototype.render=function(){return h(Host,{key:"ba2b1023ba3152b3bad3815cf9cc881f9c2dbd8f",role:"cell"},h("slot",{key:"e4301e2a7637473334a33ff03c1a115a0748a718"}))};return e}();MdsTableCell.style=MdsTableCellStyle0;export{MdsTableCell as mds_table_cell};

package/dist/esm-es5/mds-table-footer.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsTableFooterCss="\n:host {\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-top: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n::slotted(mds-table-cell) {\n\n  --mds-table-cell-border-color: transparent;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableFooterStyle0=mdsTableFooterCss;var MdsTableFooter=function(){function n(n){registerInstance(this,n)}n.prototype.render=function(){return h(Host,{key:"56ac800ab6645d1cc66d99994c52ed7acad7d847",role:"row"},h("slot",{key:"ab2a34d439db369640cfeff938a66b0b28d2fd90"}))};return n}();MdsTableFooter.style=MdsTableFooterStyle0;export{MdsTableFooter as mds_table_footer};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsTableFooterCss="\n:host {\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-top: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n::slotted(mds-table-cell) {\n\n  --mds-table-cell-border-color: transparent;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableFooterStyle0=mdsTableFooterCss;var MdsTableFooter=function(){function n(n){registerInstance(this,n)}n.prototype.render=function(){return h(Host,{key:"56ac800ab6645d1cc66d99994c52ed7acad7d847",role:"row"},h("slot",{key:"ab2a34d439db369640cfeff938a66b0b28d2fd90"}))};return n}();MdsTableFooter.style=MdsTableFooterStyle0;export{MdsTableFooter as mds_table_footer};

package/dist/esm-es5/mds-table-header-cell.entry.js

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(n,e,t){if(t||arguments.length===2)for(var r=0,i=e.length,a;r<i;r++){if(a||!(r in e)){if(!a)a=Array.prototype.slice.call(e,0,r);a[r]=e[r]}}return n.concat(a||Array.prototype.slice.call(e))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{m as miBaselineArrowUp}from"./keyboard-arrow-up-3a627eb5.js";import{m as miBaselineArrowDown}from"./keyboard-arrow-down-fa82970e.js";import{c as clsx}from"./clsx-297c1ffe.js";var miBaselineUnfoldMore='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>';var mdsTableHeaderCellCss="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-table-header-cell-padding: The padding of the table cell\n */\n\n:host {\n\n  --mds-table-header-cell-padding: 0.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-cell-background);\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;\n  border-top: var(--mds-table-cell-border-width) solid transparent !important;\n  display: table-cell;\n  padding: var(--mds-table-header-cell-padding);\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n  vertical-align: top;\n}\n\n.action {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.action::part(label) {\n  min-height: 1rem;\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  font-weight: 700;\n  text-transform: uppercase;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.label {\n  height: 1.75rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableHeaderCellStyle0=mdsTableHeaderCellCss;var Sort;(function(n){n["ASC"]="asc";n["DESC"]="desc";n["NONE"]="none"})(Sort||(Sort={}));var MdsTableHeaderCell=function(){function n(n){var e=this;registerInstance(this,n);this.currentDirection=Sort.NONE;this.index=0;this.prepareSorter=function(){var n,t;if(!e.sortable||e.sortable&&((n=e.tableHeaderCellSiblings)===null||n===void 0?void 0:n.length))return;e.tableBody=(t=e.element.closest("mds-table"))===null||t===void 0?void 0:t.querySelector("mds-table-body");e.tableHeader=e.element.closest("mds-table-header");e.tableHeaderCellSiblings=Array.from(e.tableHeader.children);e.index=e.tableHeaderCellSiblings.indexOf(e.element);e.tableRows=Array.from(e.tableBody.children);e.tableRowsDefaultSorted=Array.from(e.tableBody.children)};this.getValue=function(n){if(n.value){return n.value}return n.textContent?n.textContent.trim():""};this.resetSortAttribute=function(){e.tableHeaderCellSiblings.forEach((function(n){if(e.tableHeaderCellSiblings.indexOf(n)!==e.index){n.direction="none"}}));e.tableRows.forEach((function(n){var t=Array.from(n.children);t.forEach((function(n,t){if(e.index===t&&e.currentDirection!==Sort.NONE){n.setAttribute("sorted","");return}n.removeAttribute("sorted")}))}))};this.sortRows=function(){if(e.currentDirection===Sort.NONE){e.tableRowsDefaultSorted.forEach((function(n){return e.tableBody.appendChild(n)}));return}var n=__spreadArray([],e.tableRows,true).sort((function(n,t){var r=e.getValue(n.querySelectorAll("mds-table-cell")[e.index]);var i=e.getValue(t.querySelectorAll("mds-table-cell")[e.index]);var a=!isNaN(Number(r))&&!isNaN(Number(i));if(a){return e.direction==="asc"?Number(r)-Number(i):Number(i)-Number(r)}return e.direction==="asc"?String(r).localeCompare(String(i)):String(i).localeCompare(String(r))}));n.forEach((function(n){return e.tableBody.appendChild(n)}))};this.updateDirection=function(){e.currentDirection=Object.values(Sort)[(Object.values(Sort).indexOf(e.currentDirection)+1)%Object.values(Sort).length];e.direction=e.currentDirection.toString()};this.sort=function(){e.updateDirection();e.sortRows();e.resetSortAttribute();if(e.currentDirection!==Sort.NONE){e.tableRows.forEach((function(n){n.setAttribute("sorted","")}));return}e.tableRows.forEach((function(n){n.removeAttribute("sorted")}))};this.isAscending=true;this.sortable=undefined;this.label=undefined;this.direction="none"}n.prototype.componentDidLoad=function(){this.prepareSorter()};n.prototype.sortableHandler=function(){this.prepareSorter()};n.prototype.directionHandler=function(n){if(n==="none"){this.direction="none";this.currentDirection=Sort.NONE}};n.prototype.render=function(){return h(Host,{key:"d74e353b01b4a9bda45eef16a4edec0c49a0c62f"},this.sortable?h("mds-button",{class:"action",icon:clsx(this.direction==="none"&&miBaselineUnfoldMore,this.direction==="asc"&&miBaselineArrowUp,this.direction==="desc"&&miBaselineArrowDown),"icon-position":"right",onClick:this.sort,tone:"quiet",variant:"dark",size:"sm",part:"action"},this.label):h("mds-text",{class:"label",typography:"label",part:"label"},this.label))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{sortable:["sortableHandler"],direction:["directionHandler"]}},enumerable:false,configurable:true});return n}();MdsTableHeaderCell.style=MdsTableHeaderCellStyle0;export{MdsTableHeaderCell as mds_table_header_cell};
+var __spreadArray=this&&this.__spreadArray||function(n,e,t){if(t||arguments.length===2)for(var r=0,i=e.length,a;r<i;r++){if(a||!(r in e)){if(!a)a=Array.prototype.slice.call(e,0,r);a[r]=e[r]}}return n.concat(a||Array.prototype.slice.call(e))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{m as miBaselineArrowUp}from"./keyboard-arrow-up-3a627eb5.js";import{m as miBaselineArrowDown}from"./keyboard-arrow-down-fa82970e.js";import{c as clsx}from"./clsx-297c1ffe.js";var miBaselineUnfoldMore='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>';var mdsTableHeaderCellCss="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-table-header-cell-padding: The padding of the table cell\n */\n\n:host {\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  background-color: var(--mds-table-background);\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;\n  border-top: var(--mds-table-cell-border-width) solid transparent !important;\n  display: table-cell;\n  padding: var(--mds-table-cell-padding);\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n  vertical-align: top;\n}\n\n.action {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.action::part(label) {\n  min-height: 1rem;\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  font-weight: 700;\n  text-transform: uppercase;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.label {\n  height: 1.75rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableHeaderCellStyle0=mdsTableHeaderCellCss;var Sort;(function(n){n["ASC"]="ascending";n["DESC"]="descending";n["NONE"]="none"})(Sort||(Sort={}));var MdsTableHeaderCell=function(){function n(n){var e=this;registerInstance(this,n);this.currentDirection=Sort.NONE;this.index=0;this.prepareSorter=function(){var n,t;if(!e.sortable||e.sortable&&((n=e.tableHeaderCellSiblings)===null||n===void 0?void 0:n.length))return;e.tableBody=(t=e.element.closest("mds-table"))===null||t===void 0?void 0:t.querySelector("mds-table-body");e.tableHeader=e.element.closest("mds-table-header");e.tableHeaderCellSiblings=Array.from(e.tableHeader.children);e.index=e.tableHeaderCellSiblings.indexOf(e.element);e.tableRows=Array.from(e.tableBody.children);e.tableRowsDefaultSorted=Array.from(e.tableBody.children)};this.getValue=function(n){if(n.value){return n.value}return n.textContent?n.textContent.trim():""};this.resetSortAttribute=function(){e.tableHeaderCellSiblings.forEach((function(n){if(e.tableHeaderCellSiblings.indexOf(n)!==e.index){n.direction="none"}}));e.tableRows.forEach((function(n){var t=Array.from(n.children);t.forEach((function(n,t){if(e.index===t&&e.currentDirection!==Sort.NONE){n.setAttribute("sorted","");return}n.removeAttribute("sorted")}))}))};this.sortRows=function(){if(e.currentDirection===Sort.NONE){e.tableRowsDefaultSorted.forEach((function(n){return e.tableBody.appendChild(n)}));return}var n=__spreadArray([],e.tableRows,true).sort((function(n,t){var r=e.getValue(n.querySelectorAll("mds-table-cell")[e.index]);var i=e.getValue(t.querySelectorAll("mds-table-cell")[e.index]);var a=!isNaN(Number(r))&&!isNaN(Number(i));if(a){return e.direction==="ascending"?Number(r)-Number(i):Number(i)-Number(r)}return e.direction==="ascending"?String(r).localeCompare(String(i)):String(i).localeCompare(String(r))}));n.forEach((function(n){return e.tableBody.appendChild(n)}))};this.updateDirection=function(){e.currentDirection=Object.values(Sort)[(Object.values(Sort).indexOf(e.currentDirection)+1)%Object.values(Sort).length];e.direction=e.currentDirection.toString()};this.sort=function(){e.updateDirection();e.sortRows();e.resetSortAttribute();if(e.currentDirection!==Sort.NONE){e.tableRows.forEach((function(n){n.setAttribute("sorted","")}));return}e.tableRows.forEach((function(n){n.removeAttribute("sorted")}))};this.isAscending=true;this.sortable=undefined;this.label=undefined;this.direction="none"}n.prototype.componentDidLoad=function(){this.prepareSorter()};n.prototype.sortableHandler=function(){this.prepareSorter()};n.prototype.directionHandler=function(n){if(n==="none"){this.direction="none";this.currentDirection=Sort.NONE}};n.prototype.render=function(){return h(Host,{key:"3d17c76c086828a39ad0090acabbebb3ea449198",role:"columnheader","aria-sort":this.direction},this.sortable?h("mds-button",{class:"action",icon:clsx(this.direction==="none"&&miBaselineUnfoldMore,this.direction==="ascending"&&miBaselineArrowUp,this.direction==="descending"&&miBaselineArrowDown),"icon-position":"right",onClick:this.sort,tone:"quiet",variant:"dark",size:"sm",part:"action"},this.label):h("mds-text",{class:"label",typography:"label",part:"label"},this.label))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{sortable:["sortableHandler"],direction:["directionHandler"]}},enumerable:false,configurable:true});return n}();MdsTableHeaderCell.style=MdsTableHeaderCellStyle0;export{MdsTableHeaderCell as mds_table_header_cell};

package/dist/esm-es5/mds-table-header.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsTableHeaderCss="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableHeaderStyle0=mdsTableHeaderCss;var MdsTableHeader=function(){function n(n){registerInstance(this,n)}n.prototype.render=function(){return h(Host,{key:"fe59571d8b3b1794d6e66ae955037b9de93d7162",role:"row"},h("slot",{key:"7ca30e6c5d316103b25bdee9ff4358b8099f3a11"}))};return n}();MdsTableHeader.style=MdsTableHeaderStyle0;export{MdsTableHeader as mds_table_header};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsTableHeaderCss="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableHeaderStyle0=mdsTableHeaderCss;var MdsTableHeader=function(){function n(n){registerInstance(this,n)}n.prototype.render=function(){return h(Host,{key:"fe59571d8b3b1794d6e66ae955037b9de93d7162",role:"row"},h("slot",{key:"7ca30e6c5d316103b25bdee9ff4358b8099f3a11"}))};return n}();MdsTableHeader.style=MdsTableHeaderStyle0;export{MdsTableHeader as mds_table_header};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsTableRowCss='@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  -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  -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@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var MdsTableRowStyle0=mdsTableRowCss;var MdsTableRow=function(){function n(n){registerInstance(this,n);this.interactive=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.render=function(){return h(Host,{key:"283e13bdc34ec2c034de9e422a3ad57ff023585e",role:"row"},h("slot",{key:"e0682272fcada8ee3afcf71e350d6a40c3ee6c82"}))};return n}();MdsTableRow.style=MdsTableRowStyle0;export{MdsTableRow as mds_table_row};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{c as clsx}from"./clsx-297c1ffe.js";var isMobileDevice=function(){var n=navigator.userAgent||navigator.vendor||window.opera;return/android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(n)};var mdsTableRowCss='@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.actions-wrapper {\n  inset: 0;\n  display: -ms-flexbox;\n  display: flex;\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  border-bottom-color: transparent;\n  border-bottom-style: solid;\n  border-bottom-width: var(--mds-table-border-width);\n  border-top-color: var(--mds-table-border-color);\n  border-top-style: solid;\n  border-top-width: var(--mds-table-border-width);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  height: 100%;\n  margin-top: calc(var(--mds-table-border-width) * -1);\n  padding: var(--mds-table-cell-padding);\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, -webkit-transform;\n  transition-property: background-color, -webkit-transform;\n  transition-property: transform, background-color;\n  transition-property: transform, background-color, -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.actions-wrapper--mobile {\n  position: relative;\n}\n\n.actions-wrapper--mobile .actions {\n  position: static;\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host([overlay-actions]:not([overlay-actions="false"])) .actions-wrapper:not(.actions-wrapper--mobile) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([interactive]:not([interactive="false"])) .actions {\n  --mds-table-cell-background: var(--mds-table-body-background);\n}\n\n:host([interactive]:not([interactive="false"]):hover) .actions {\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\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@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var MdsTableRowStyle0=mdsTableRowCss;var MdsTableRow=function(){function n(n){registerInstance(this,n);this.interactive=undefined;this.overlayActions=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.componentWillLoad=function(){this.actions=this.host.querySelector('[slot="action"]')!==null};n.prototype.render=function(){return h(Host,{key:"a336d00d38f7ced41c3febcb4b0c2c106ed61ca9",role:"row"},h("slot",{key:"a0a251d24deb3b7655613f6d15c118386db1bcba"}),this.actions&&h("div",{key:"bebaef82204a44ac50487875a9f7bfe18f473517",class:clsx("actions-wrapper",isMobileDevice()&&"actions-wrapper--mobile"),role:"cell"},h("div",{key:"57f2f06b534858b3ca3fb7e9d50a7098d0c24856",class:"actions"},h("slot",{key:"9d5aceec024928169a6fd221f93d3e87b2c47386",name:"action"}))))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsTableRow.style=MdsTableRowStyle0;export{MdsTableRow as mds_table_row};

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f08bac5f.js";import{c as clsx}from"./clsx-297c1ffe.js";var mdsTableCss="@tailwind utilities;\n\n/**\n * @prop --mds-table-background: The background-color of the table\n * @prop --mds-table-body-background-hover: The background-color of the table body when the mouse is over it\n * @prop --mds-table-body-background: The background-color of the table body\n * @prop --mds-table-border-color: The border-color of the table\n * @prop --mds-table-border-width: The border-width of the table\n * @prop --mds-table-cell-background-hover: The background-color of the table cell when the mouse is over it\n * @prop --mds-table-cell-background: The background-color of the table cell\n * @prop --mds-table-cell-border-color: The border-color of the table cell\n * @prop --mds-table-cell-border-width: The border-width of the table cell\n * @prop --mds-table-cell-padding: The padding of the table cell\n */\n\n:host {\n\n  --mds-table-background: rgb(var(--tone-neutral));\n  --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n  --mds-table-body-background: var(--mds-table-background);\n  --mds-table-border-color: rgb(var(--tone-neutral-08));\n  --mds-table-border-width: 2px;\n  --mds-table-cell-background-hover: var(--mds-table-background);\n  --mds-table-cell-background: transparent;\n  --mds-table-cell-border-color: var(--mds-table-border-color);\n  --mds-table-cell-border-width: var(--mds-table-border-width);\n  --mds-table-cell-padding: 1rem;\n  --mds-table-color-hover: rgb(var(--tone-neutral-02));\n  --mds-table-color: rgb(var(--tone-neutral-03));\n  --mds-table-row-color-hover: var(--mds-table-body-background-hover);\n  --mds-table-row-color: var(--mds-table-color);\n  border-radius: 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  background-color: var(--mds-table-background);\n  border: var(--mds-table-border-width) solid var(--mds-table-border-color) !important;\n  border-color: var(--mds-table-border-color);\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n}\n\n.table {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral-08));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n    --mds-table-border-color: rgb(var(--tone-neutral-07));\n    --mds-table-color-hover: rgb(var(--tone-neutral-02));\n    --mds-table-color: rgb(var(--tone-neutral-03));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n      --mds-table-border-color: rgb(var(--tone-neutral-07));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral-09));\n    --mds-table-border-color: rgb(var(--tone-neutral-06));\n    --mds-table-color-hover: rgb(var(--tone-neutral-01));\n    --mds-table-color: rgb(var(--tone-neutral-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral-09));\n      --mds-table-border-color: rgb(var(--tone-neutral-06));\n      --mds-table-color-hover: rgb(var(--tone-neutral-01));\n      --mds-table-color: rgb(var(--tone-neutral-02));\n    }\n  }\n}\n\n/* dark mode */\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral-08));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral));\n    --mds-table-border-color: rgb(var(--tone-neutral-05));\n    --mds-table-color-hover: rgb(var(--tone-neutral-02));\n    --mds-table-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: dark) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: system) {\n\n  @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var MdsTableStyle0=mdsTableCss;var MdsTable=function(){function r(r){registerInstance(this,r);this.interactiveEvent=createEvent(this,"mdsTableInteractiveChange",7);this.interactive=undefined}r.prototype.onTableInteractive=function(){this.interactiveEvent.emit(this.interactive)};r.prototype.componentDidLoad=function(){this.interactiveEvent.emit(this.interactive)};r.prototype.render=function(){return h(Host,{key:"77e8beec5fa074a69651c0a2b5f87d4e890f51de"},h("table",{key:"14243bf0f16c10aa5cb1295618100604ea32dfea",class:clsx("table",this.interactive&&"table--interactive"),role:"grid"},h("slot",{key:"fd2d0f1642b7878a3e1579536a17fa16e680f03e"})))};Object.defineProperty(r,"watchers",{get:function(){return{interactive:["onTableInteractive"]}},enumerable:false,configurable:true});return r}();MdsTable.style=MdsTableStyle0;export{MdsTable as mds_table};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{c as clsx}from"./clsx-297c1ffe.js";var mdsTableCss="@tailwind utilities;\n\n/**\n * @prop --mds-table-background: The background-color of the table\n * @prop --mds-table-body-background-hover: The background-color of the table body when the mouse is over it\n * @prop --mds-table-body-background: The background-color of the table body\n * @prop --mds-table-border-color: The border-color of the table\n * @prop --mds-table-border-width: The border-width of the table\n * @prop --mds-table-cell-background-hover: The background-color of the table cell when the mouse is over it\n * @prop --mds-table-cell-background: The background-color of the table cell\n * @prop --mds-table-cell-border-color: The border-color of the table cell\n * @prop --mds-table-cell-border-width: The border-width of the table cell\n * @prop --mds-table-cell-padding: The padding of the table cell\n */\n\n:host {\n\n  --mds-table-background: rgb(var(--tone-neutral));\n  --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n  --mds-table-body-background: var(--mds-table-background);\n  --mds-table-border-color: rgb(var(--tone-neutral-08));\n  --mds-table-border-width: 2px;\n  --mds-table-cell-background-hover: var(--mds-table-background);\n  --mds-table-cell-background: transparent;\n  --mds-table-cell-border-color: var(--mds-table-border-color);\n  --mds-table-cell-border-width: var(--mds-table-border-width);\n  --mds-table-cell-padding: 1rem;\n  --mds-table-color-hover: rgb(var(--tone-neutral-02));\n  --mds-table-color: rgb(var(--tone-neutral-03));\n  --mds-table-actions-gap: 0.5rem;\n  border-radius: 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  background-color: var(--mds-table-background);\n  border: var(--mds-table-border-width) solid var(--mds-table-border-color) !important;\n  border-color: var(--mds-table-border-color);\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n}\n\n.table {\n  border-collapse: separate;\n  border-spacing: 0;\n  width: 100%;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\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      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral-08));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n    --mds-table-border-color: rgb(var(--tone-neutral-07));\n    --mds-table-color-hover: rgb(var(--tone-neutral-02));\n    --mds-table-color: rgb(var(--tone-neutral-03));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n      --mds-table-border-color: rgb(var(--tone-neutral-07));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral-09));\n    --mds-table-border-color: rgb(var(--tone-neutral-06));\n    --mds-table-color-hover: rgb(var(--tone-neutral-01));\n    --mds-table-color: rgb(var(--tone-neutral-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral-09));\n      --mds-table-border-color: rgb(var(--tone-neutral-06));\n      --mds-table-color-hover: rgb(var(--tone-neutral-01));\n      --mds-table-color: rgb(var(--tone-neutral-02));\n    }\n  }\n}\n\n/* dark mode */\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral-08));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral));\n    --mds-table-border-color: rgb(var(--tone-neutral-05));\n    --mds-table-color-hover: rgb(var(--tone-neutral-02));\n    --mds-table-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: dark) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: system) {\n\n  @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var MdsTableStyle0=mdsTableCss;var MdsTable=function(){function e(e){registerInstance(this,e);this.interactiveEvent=createEvent(this,"mdsTableInteractiveChange",7);this.interactive=undefined}e.prototype.onTableInteractive=function(){this.interactiveEvent.emit(this.interactive)};e.prototype.componentDidLoad=function(){this.interactiveEvent.emit(this.interactive);var e=this.host.querySelectorAll("mds-table-row");this.host.addEventListener("scroll",(function(r){var n=r.target;e.forEach((function(e){if(n.scrollLeft>e.offsetWidth-n.offsetWidth){e.overlayActions=true;return}e.overlayActions=false}))}))};e.prototype.render=function(){return h(Host,{key:"f8dc8ae93a7803a18b0e7d03f34ca1b46286bac9"},h("table",{key:"511db82bcadc15ed656129e4929e9c88a9694cc7",class:clsx("table",this.interactive&&"table--interactive"),role:"table"},h("slot",{key:"eb90aa29cd0f11fc60b4749f5808c5862f24e877"})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{interactive:["onTableInteractive"]}},enumerable:false,configurable:true});return e}();MdsTable.style=MdsTableStyle0;export{MdsTable as mds_table};