@maggioli-design-system/magma 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/components/mds-push-notification-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as o,h as n,Host as a,transformTag as r}from"@stencil/core/internal/client";import{g as e}from"./_commonjsHelpers.js";import{m as s}from"./cancel.js";import{L as c}from"./locale.js";import{s as u}from"./date.js";import{d as m}from"./mds-avatar2.js";import{d}from"./mds-button2.js";import{d as h}from"./mds-icon2.js";import{d as l}from"./mds-img2.js";import{d as f}from"./mds-spinner2.js";import{d as p}from"./mds-text2.js";var b,v,g={exports:{}},y=e((b||(b=1,g.exports=function(){var t=6e4,i=36e5,o="millisecond",n="second",a="minute",r="hour",e="day",s="week",c="month",u="quarter",m="year",d="date",h="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|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,p={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(t){var i=["th","st","nd","rd"],o=t%100;return"["+t+(i[(o-20)%10]||i[o]||"th")+"]"}},b=function(t,i,o){var n=t+"";return!n||n.length>=i?t:""+Array(i+1-n.length).join(o)+t},v={s:b,z:function(t){var i=-t.utcOffset(),o=Math.abs(i),n=o%60;return(i<=0?"+":"-")+b(Math.floor(o/60),2,"0")+":"+b(n,2,"0")},m:function t(i,o){if(i.date()<o.date())return-t(o,i);var n=12*(o.year()-i.year())+(o.month()-i.month()),a=i.clone().add(n,c),r=o-a<0,e=i.clone().add(n+(r?-1:1),c);return+(-(n+(o-a)/(r?a-e:e-a))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:c,y:m,w:s,d:e,D:d,h:r,m:a,s:n,ms:o,Q:u}[t]||((t||"")+"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",y={};y[g]=p;var k="$isDayjsObject",w=function(t){return t instanceof j||!(!t||!t[k])},x=function t(i,o,n){var a;if(!i)return g;if("string"==typeof i){var r=i.toLowerCase();y[r]&&(a=r),o&&(y[r]=o,a=r);var e=i.split("-");if(!a&&e.length>1)return t(e[0])}else{var s=i.name;y[s]=i,a=s}return!n&&a&&(g=a),a||!n&&g},M=function(t,i){if(w(t))return t.clone();var o="object"==typeof i?i:{};return o.date=t,o.args=arguments,new j(o)},D=v;D.l=x,D.i=w,D.w=function(t,i){return M(t,{locale:i.$L,utc:i.$u,x:i.$x,$offset:i.$offset})};var j=function(){function p(t){this.$L=x(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[k]=!0}var b=p.prototype;return b.parse=function(t){this.$d=function(t){var i=t.date,o=t.utc;if(null===i)return new Date(NaN);if(D.u(i))return new Date;if(i instanceof Date)return new Date(i);if("string"==typeof i&&!/Z$/i.test(i)){var n=i.match(l);if(n){var a=n[2]-1||0,r=(n[7]||"0").substring(0,3);return o?new Date(Date.UTC(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)):new Date(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)}}return new Date(i)}(t),this.init()},b.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},b.$utils=function(){return D},b.isValid=function(){return!(""+this.$d===h)},b.isSame=function(t,i){var o=M(t);return this.startOf(i)<=o&&o<=this.endOf(i)},b.isAfter=function(t,i){return M(t)<this.startOf(i)},b.isBefore=function(t,i){return this.endOf(i)<M(t)},b.$g=function(t,i,o){return D.u(t)?this[i]:this.set(o,t)},b.unix=function(){return Math.floor(this.valueOf()/1e3)},b.valueOf=function(){return this.$d.getTime()},b.startOf=function(t,i){var o=this,u=!!D.u(i)||i,h=D.p(t),l=function(t,i){var n=D.w(o.$u?Date.UTC(o.$y,i,t):new Date(o.$y,i,t),o);return u?n:n.endOf(e)},f=function(t,i){return D.w(o.toDate()[t].apply(o.toDate("s"),(u?[0,0,0,0]:[23,59,59,999]).slice(i)),o)},p=this.$W,b=this.$M,v=this.$D,g="set"+(this.$u?"UTC":"");switch(h){case m:return u?l(1,0):l(31,11);case c:return u?l(1,b):l(0,b+1);case s:var y=this.$locale().weekStart||0,k=(p<y?p+7:p)-y;return l(u?v-k:v+(6-k),b);case e:case d:return f(g+"Hours",0);case r:return f(g+"Minutes",1);case a:return f(g+"Seconds",2);case n:return f(g+"Milliseconds",3);default:return this.clone()}},b.endOf=function(t){return this.startOf(t,!1)},b.$set=function(t,i){var s,u=D.p(t),h="set"+(this.$u?"UTC":""),l=(s={},s[e]=h+"Date",s[d]=h+"Date",s[c]=h+"Month",s[m]=h+"FullYear",s[r]=h+"Hours",s[a]=h+"Minutes",s[n]=h+"Seconds",s[o]=h+"Milliseconds",s)[u],f=u===e?this.$D+(i-this.$W):i;if(u===c||u===m){var p=this.clone().set(d,1);p.$d[l](f),p.init(),this.$d=p.set(d,Math.min(this.$D,p.daysInMonth())).$d}else l&&this.$d[l](f);return this.init(),this},b.set=function(t,i){return this.clone().$set(t,i)},b.get=function(t){return this[D.p(t)]()},b.add=function(o,u){var d,h=this;o=Number(o);var l=D.p(u),f=function(t){var i=M(h);return D.w(i.date(i.date()+Math.round(t*o)),h)};if(l===c)return this.set(c,this.$M+o);if(l===m)return this.set(m,this.$y+o);if(l===e)return f(1);if(l===s)return f(7);var p=(d={},d[a]=t,d[r]=i,d[n]=1e3,d)[l]||1,b=this.$d.getTime()+o*p;return D.w(b,this)},b.subtract=function(t,i){return this.add(-1*t,i)},b.format=function(t){var i=this,o=this.$locale();if(!this.isValid())return o.invalidDate||h;var n=t||"YYYY-MM-DDTHH:mm:ssZ",a=D.z(this),r=this.$H,e=this.$m,s=this.$M,c=o.weekdays,u=o.months,m=function(t,o,a,r){return t&&(t[o]||t(i,n))||a[o].slice(0,r)},d=function(t){return D.s(r%12||12,t,"0")},l=o.meridiem||function(t,i,o){var n=t<12?"AM":"PM";return o?n.toLowerCase():n};return n.replace(f,(function(t,n){return n||function(t){switch(t){case"YY":return(i.$y+"").slice(-2);case"YYYY":return D.s(i.$y,4,"0");case"M":return s+1;case"MM":return D.s(s+1,2,"0");case"MMM":return m(o.monthsShort,s,u,3);case"MMMM":return m(u,s);case"D":return i.$D;case"DD":return D.s(i.$D,2,"0");case"d":return i.$W+"";case"dd":return m(o.weekdaysMin,i.$W,c,2);case"ddd":return m(o.weekdaysShort,i.$W,c,3);case"dddd":return c[i.$W];case"H":return r+"";case"HH":return D.s(r,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return l(r,e,!0);case"A":return l(r,e,!1);case"m":return e+"";case"mm":return D.s(e,2,"0");case"s":return i.$s+"";case"ss":return D.s(i.$s,2,"0");case"SSS":return D.s(i.$ms,3,"0");case"Z":return a}return null}(t)||a.replace(":","")}))},b.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},b.diff=function(o,d,h){var l,f=this,p=D.p(d),b=M(o),v=(b.utcOffset()-this.utcOffset())*t,g=this-b,y=function(){return D.m(f,b)};switch(p){case m:l=y()/12;break;case c:l=y();break;case u:l=y()/3;break;case s:l=(g-v)/6048e5;break;case e:l=(g-v)/864e5;break;case r:l=g/i;break;case a:l=g/t;break;case n:l=g/1e3;break;default:l=g}return h?l:D.a(l)},b.daysInMonth=function(){return this.endOf(c).$D},b.$locale=function(){return y[this.$L]},b.locale=function(t,i){if(!t)return this.$L;var o=this.clone(),n=x(t,i,!0);return n&&(o.$L=n),o},b.clone=function(){return D.w(this.$d,this)},b.toDate=function(){return new Date(this.valueOf())},b.toJSON=function(){return this.isValid()?this.toISOString():null},b.toISOString=function(){return this.$d.toISOString()},b.toString=function(){return this.$d.toUTCString()},p}(),_=j.prototype;return M.prototype=_,[["$ms",o],["$s",n],["$m",a],["$H",r],["$W",e],["$M",c],["$y",m],["$D",d]].forEach((function(t){_[t[1]]=function(i){return this.$g(i,t[0],t[1])}})),M.extend=function(t,i){return t.$i||(t(i,j,M),t.$i=!0),M},M.locale=x,M.isDayjs=w,M.unix=function(t){return M(1e3*t)},M.en=y[g],M.Ls=y,M.p={},M}()),g.exports)),k={dismiss:"Κλείσιμο",future:"σε %s",past:"πριν από %s",s:"λίγα δευτ.",m:"1 λεπτό",mm:"%d λεπτά",h:"1 ώρα",hh:"%d ώρες",d:"1 ημέρα",dd:"%d ημέρες",M:"1 μήνας",MM:"%d μήνες",y:"1 έτος",yy:"%d έτη"},w={dismiss:"Close",future:"in %s",past:"%s ago",s:"few sec",m:"1 min",mm:"%d mins",h:"1 hour",hh:"%d hours",d:"1 day",dd:"%d days",M:"1 month",MM:"%d months",y:"1 year",yy:"%d years"},x={dismiss:"Cerrar",future:"en %s",past:"hace %s",s:"pocos seg",m:"1 min",mm:"%d mins",h:"1 hora",hh:"%d horas",d:"1 día",dd:"%d días",M:"1 mes",MM:"%d meses",y:"1 año",yy:"%d años"},M={dismiss:"Chiudi",future:"tra %s",past:"%s fa",s:"pochi sec",m:"1 min",mm:"%d min",h:"1 ora",hh:"%d ore",d:"1 giorno",dd:"%d giorni",M:"1 mese",MM:"%d mesi",y:"1 anno",yy:"%d anni"},D={exports:{}},j=(v||(v=1,D.exports=function(t,i,o){t=t||{};var n=i.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 r(t,i,o,a){return n.fromToBase(t,i,o,a)}o.en.relativeTime=a,n.fromToBase=function(i,n,r,e,s){for(var c,u,m,d=r.$locale().relativeTime||a,h=t.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"}],l=h.length,f=0;f<l;f+=1){var p=h[f];p.d&&(c=e?o(i).diff(r,p.d,!0):r.diff(i,p.d,!0));var b=(t.rounding||Math.round)(Math.abs(c));if(m=c>0,b<=p.r||!p.r){b<=1&&f>0&&(p=h[f-1]);var v=d[p.l];s&&(b=s(""+b)),u="string"==typeof v?v.replace("%d",b):v(b,n,p.l,m);break}}if(n)return u;var g=m?d.future:d.past;return"function"==typeof g?g(u):g.replace("%s",u)},n.to=function(t,i){return r(t,i,this,!0)},n.from=function(t,i){return r(t,i,this)};var e=function(t){return t.$u?o.utc():o()};n.toNow=function(t){return this.to(e(this),t)},n.fromNow=function(t){return this.from(e(this),t)}}),D.exports);y.extend(e(j));const _=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closedEvent=o(this,"mdsPushNotificationItemClose",7),this.t=new c({el:k,en:w,es:x,it:M}),this.dateFormat="timeago",this.deletable=!0,this.message="Nessun messaggio disponibile",this.preview="image",this.tone="weak",this.onClickClose=t=>{t.stopPropagation(),this.closedEvent.emit()}}async updateLang(){this.language=this.t.lang(this.host)}componentDidLoad(){this.handleDeletableChange(this.deletable)}componentWillLoad(){var t;this.hasActions=null!==this.host.querySelector(':scope > [slot="action"]'),this.hasBadge=null!==this.host.querySelector(':scope > [slot="badge"]'),this.datetime&&(this.datetime=u(null===(t=this.datetime)||void 0===t?void 0:""+t)),this.t.lang(this.host);const i={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")};y.locale("custom-locale",{relativeTime:i})}handleDeletableChange(t){!1===t&&(this.deletable=void 0)}render(){var t;return n(a,{key:"cef1482e9e16dcc52b6fc255c7392f575f0c1772"},(null!==(t=this.icon)&&void 0!==t?t:"avatar"===this.preview)&&n("mds-avatar",{key:"0bfdb9ecf0fa36599c981aa778a02f73d0b80a32",class:"avatar",icon:this.icon,initials:this.initials,part:"avatar",src:this.src,tone:this.tone,variant:this.variant}),this.src&&"avatar"!==this.preview&&n("mds-img",{key:"719fe7dae8dc94021f0efd96c50b86b614572aca",class:"picture",part:"picture",src:this.src}),n("div",{key:"a5ead1ed262e19ed60a37f23cce81a29889daedb",class:"content",part:"content"},n("div",{key:"a747e13b1fcb292b193db53ebf2c6174eac99fd9",class:"header"},n("div",{key:"4a402d86378e9b5269dc4ffbbc25a1b0b54be36d",class:"infos"},this.hasBadge&&n("div",{key:"40eb647711cb32839e9ee5cec391c800b5a8d983"},n("slot",{key:"f73ddcfd20ebb75f62a0ff3b7dfe5dfa0a9477a4",name:"badge"})),this.subject&&n("mds-text",{key:"aab0df869115c44eecc4d5fa180210392c72e1e1",class:"subject",typography:"h6",variant:"title",truncate:"all"},this.subject)),this.datetime&&n("mds-text",{key:"e93ee1684aeb8a4df9203a9b416df5181bc2342f",class:"time",typography:"option"},"timeago"===this.dateFormat?y(this.datetime).fromNow():y(this.datetime).format(this.dateFormat))),n("mds-text",{key:"4554d9ae482fefec3899d740d74227657d612fd5",class:"message",truncate:"all",typography:"caption",variant:"info"},this.message),this.hasActions&&n("div",{key:"ddc27141fb944f8ecf6c1e72082c9fc2428edb4e",class:"actions",part:"actions"},n("slot",{key:"315db21f5d2f6e3f43849c64de4407422dfafed2",name:"action"}))),this.deletable&&n("mds-button",{key:"25190761bcc0b1afb4ae807bc6e880edd98d7dcc",class:"close-button",variant:"dark",tone:"text",title:this.t.get("dismiss"),icon:s,onClick:this.onClickClose.bind(this)}))}get host(){return this}static get watchers(){return{deletable:[{handleDeletableChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-push-notification-item-duration:.3s;--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-push-notification-item-message-line-clamp:2;--mds-push-notification-item-subject-line-clamp:1}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-avatar,mds-button,mds-img,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-push-notification-item-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-push-notification-item-icon-background-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-push-notification-item-message-line-clamp{syntax:"<integer>";inherits:false;initial-value:2}@property --mds-push-notification-item-subject-line-clamp{syntax:"<integer>";inherits:false;initial-value:1}:host{--mds-push-notification-item-duration:.3s;--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-push-notification-item-message-line-clamp:2;--mds-push-notification-item-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-push-notification-item-subject-line-clamp:1;--mds-push-notification-item-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--mds-push-notification-item-shadow);box-shadow:var(--mds-push-notification-item-shadow);color:rgb(var(--tone-neutral-02,244 244 244));display:flex;gap:calc(var(--spacing,.0025rem)*400);max-width:calc(var(--spacing,.0025rem)*8000);min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);pointer-events:auto;position:relative;-webkit-transition-duration:var(--mds-push-notification-item-duration,.3s);transition-duration:var(--mds-push-notification-item-duration,.3s);transition-property:background-color,box-shadow,color,margin,transform;-webkit-transition-timing-function:var(--mds-push-notification-item-timing-function);transition-timing-function:var(--mds-push-notification-item-timing-function)}:host([deletable]){padding-right:calc(var(--spacing,.0025rem)*800)}.content{display:grid;flex-grow:1}.actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200);min-width:1px;padding-top:calc(var(--spacing,.0025rem)*200)}.avatar,.picture{flex-shrink:0}.picture{border-radius:.25rem;-webkit-box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);max-width:calc(var(--spacing,.0025rem)*1200);width:100%}.close-button{opacity:0;padding:calc(var(--spacing,.0025rem)*150);position:absolute;right:0;top:0;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function)}:host-context(:not(.safari)):host(:hover) .close-button{opacity:1}.close-button:focus-visible,.close-button:hover{fill:rgb(var(--tone-neutral-03,233 233 233));opacity:1}.header{align-items:baseline;display:flex;gap:calc(var(--spacing,.0025rem)*100);justify-content:space-between;min-width:0;overflow:hidden;text-overflow:ellipsis}.infos{display:flex;flex-direction:column}.time{flex-shrink:0;margin-right:calc(var(--spacing,.0025rem)*100);white-space:nowrap}.subject{--mds-text-line-clamp:var(--mds-push-notification-item-subject-line-clamp,1);line-height:var(--leading-sm,1.25rem)}.message,.subject{text-overflow:ellipsis}.message{--mds-text-line-clamp:var(--mds-push-notification-item-message-line-clamp,2)}.avatar{background-color:var(--mds-push-notification-item-icon-background-color,transparent);border-radius:1000px;fill:var(--mds-push-notification-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}.avatar::part(svg){width:calc(var(--spacing,.0025rem)*600)}:host([src]) .avatar{background-color:#0000}:host([icon]) .avatar::part(wrapper){padding:calc(var(--spacing,.0025rem)*150)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-push-notifications-shadow:var(--shadow-outline) inset;background-color:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-contrast-more){--mds-push-notification-item-shadow:var(--shadow-outline-strong-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=primary][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-push-notification-item-icon-color:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]),:host([variant=primary][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-push-notification-item-icon-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=primary][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=orange][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orange-05,251 168 111));--mds-push-notification-item-icon-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]),:host([variant=orange][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orange-09,116 49 3));--mds-push-notification-item-icon-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=orange][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=amaranth][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]),:host([variant=amaranth][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=amaranth][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-push-notification-item-icon-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]),:host([variant=orchid][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-push-notification-item-icon-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=orchid][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-violet-05,198 175 251));--mds-push-notification-item-icon-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]),:host([variant=violet][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-violet-09,67 11 195));--mds-push-notification-item-icon-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=violet][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=blue][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-blue-05,170 184 252));--mds-push-notification-item-icon-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]),:host([variant=blue][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-blue-09,7 40 196));--mds-push-notification-item-icon-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=blue][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-sky-05,94 198 245));--mds-push-notification-item-icon-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]),:host([variant=sky][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-sky-09,6 76 107));--mds-push-notification-item-icon-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=sky][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-push-notification-item-icon-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]),:host([variant=aqua][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-push-notification-item-icon-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=aqua][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-green-05,37 213 102));--mds-push-notification-item-icon-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]),:host([variant=green][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-green-09,14 81 39));--mds-push-notification-item-icon-color:rgb(var(--label-green-05,37 213 102))}:host([variant=green][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-lime-05,134 207 22));--mds-push-notification-item-icon-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]),:host([variant=lime][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-lime-09,51 79 8));--mds-push-notification-item-icon-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=lime][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-push-notification-item-icon-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]),:host([variant=yellow][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-push-notification-item-icon-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=yellow][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=error][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-error-05,250 165 160));--mds-push-notification-item-icon-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]),:host([variant=error][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-error-09,135 0 14));--mds-push-notification-item-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=error][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-warning-05,237 177 0));--mds-push-notification-item-icon-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]),:host([variant=warning][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-warning-09,90 67 0));--mds-push-notification-item-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=warning][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=success][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-success-05,107 206 147));--mds-push-notification-item-icon-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]),:host([variant=success][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-success-09,0 82 9));--mds-push-notification-item-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=success][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=info][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-info-05,112 198 234));--mds-push-notification-item-icon-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]),:host([variant=info][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-info-09,0 73 116));--mds-push-notification-item-icon-color:rgb(var(--status-info-05,112 198 234))}:host([variant=info][tone=text]){--mds-push-notification-item-icon-background-color:transparent;--mds-push-notification-item-icon-color:rgb(var(--status-info-05,112 198 234))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-push-notifications-shadow:var(--shadow-outline) inset;background-color:rgb(var(--tone-neutral-09,76 76 76))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-push-notification-item-shadow:var(--shadow-outline-strong-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-push-notification-item",{datetime:[1537],dateFormat:[513,"date-format"],deletable:[1540],icon:[513],initials:[1537],message:[513],preview:[513],src:[513],subject:[513],tone:[513],variant:[513],language:[32],updateLang:[64]},void 0,{deletable:[{handleDeletableChange:0}]}]),$=_,Y=function(){"undefined"!=typeof customElements&&["mds-push-notification-item","mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-push-notification-item":customElements.get(r(t))||customElements.define(r(t),_);break;case"mds-avatar":customElements.get(r(t))||m();break;case"mds-button":customElements.get(r(t))||d();break;case"mds-icon":customElements.get(r(t))||h();break;case"mds-img":customElements.get(r(t))||l();break;case"mds-spinner":customElements.get(r(t))||f();break;case"mds-text":customElements.get(r(t))||p()}}))};export{$ as MdsPushNotificationItem,Y as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as o,h as n,Host as a,transformTag as r}from"@stencil/core/internal/client";import{g as e}from"./_commonjsHelpers.js";import{m as s}from"./cancel.js";import{L as c}from"./locale.js";import{s as u}from"./date.js";import{s as h}from"./preference.js";import{d as m}from"./mds-avatar2.js";import{d}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as f}from"./mds-img2.js";import{d as p}from"./mds-spinner2.js";import{d as b}from"./mds-text2.js";var v,g,y={exports:{}},k=e((v||(v=1,y.exports=function(){var t=6e4,i=36e5,o="millisecond",n="second",a="minute",r="hour",e="day",s="week",c="month",u="quarter",h="year",m="date",d="Invalid Date",l=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|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,p={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(t){var i=["th","st","nd","rd"],o=t%100;return"["+t+(i[(o-20)%10]||i[o]||"th")+"]"}},b=function(t,i,o){var n=t+"";return!n||n.length>=i?t:""+Array(i+1-n.length).join(o)+t},v={s:b,z:function(t){var i=-t.utcOffset(),o=Math.abs(i),n=o%60;return(i<=0?"+":"-")+b(Math.floor(o/60),2,"0")+":"+b(n,2,"0")},m:function t(i,o){if(i.date()<o.date())return-t(o,i);var n=12*(o.year()-i.year())+(o.month()-i.month()),a=i.clone().add(n,c),r=o-a<0,e=i.clone().add(n+(r?-1:1),c);return+(-(n+(o-a)/(r?a-e:e-a))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:c,y:h,w:s,d:e,D:m,h:r,m:a,s:n,ms:o,Q:u}[t]||((t||"")+"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",y={};y[g]=p;var k="$isDayjsObject",w=function(t){return t instanceof j||!(!t||!t[k])},x=function t(i,o,n){var a;if(!i)return g;if("string"==typeof i){var r=i.toLowerCase();y[r]&&(a=r),o&&(y[r]=o,a=r);var e=i.split("-");if(!a&&e.length>1)return t(e[0])}else{var s=i.name;y[s]=i,a=s}return!n&&a&&(g=a),a||!n&&g},M=function(t,i){if(w(t))return t.clone();var o="object"==typeof i?i:{};return o.date=t,o.args=arguments,new j(o)},D=v;D.l=x,D.i=w,D.w=function(t,i){return M(t,{locale:i.$L,utc:i.$u,x:i.$x,$offset:i.$offset})};var j=function(){function p(t){this.$L=x(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[k]=!0}var b=p.prototype;return b.parse=function(t){this.$d=function(t){var i=t.date,o=t.utc;if(null===i)return new Date(NaN);if(D.u(i))return new Date;if(i instanceof Date)return new Date(i);if("string"==typeof i&&!/Z$/i.test(i)){var n=i.match(l);if(n){var a=n[2]-1||0,r=(n[7]||"0").substring(0,3);return o?new Date(Date.UTC(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)):new Date(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)}}return new Date(i)}(t),this.init()},b.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},b.$utils=function(){return D},b.isValid=function(){return!(""+this.$d===d)},b.isSame=function(t,i){var o=M(t);return this.startOf(i)<=o&&o<=this.endOf(i)},b.isAfter=function(t,i){return M(t)<this.startOf(i)},b.isBefore=function(t,i){return this.endOf(i)<M(t)},b.$g=function(t,i,o){return D.u(t)?this[i]:this.set(o,t)},b.unix=function(){return Math.floor(this.valueOf()/1e3)},b.valueOf=function(){return this.$d.getTime()},b.startOf=function(t,i){var o=this,u=!!D.u(i)||i,d=D.p(t),l=function(t,i){var n=D.w(o.$u?Date.UTC(o.$y,i,t):new Date(o.$y,i,t),o);return u?n:n.endOf(e)},f=function(t,i){return D.w(o.toDate()[t].apply(o.toDate("s"),(u?[0,0,0,0]:[23,59,59,999]).slice(i)),o)},p=this.$W,b=this.$M,v=this.$D,g="set"+(this.$u?"UTC":"");switch(d){case h:return u?l(1,0):l(31,11);case c:return u?l(1,b):l(0,b+1);case s:var y=this.$locale().weekStart||0,k=(p<y?p+7:p)-y;return l(u?v-k:v+(6-k),b);case e:case m:return f(g+"Hours",0);case r:return f(g+"Minutes",1);case a:return f(g+"Seconds",2);case n:return f(g+"Milliseconds",3);default:return this.clone()}},b.endOf=function(t){return this.startOf(t,!1)},b.$set=function(t,i){var s,u=D.p(t),d="set"+(this.$u?"UTC":""),l=(s={},s[e]=d+"Date",s[m]=d+"Date",s[c]=d+"Month",s[h]=d+"FullYear",s[r]=d+"Hours",s[a]=d+"Minutes",s[n]=d+"Seconds",s[o]=d+"Milliseconds",s)[u],f=u===e?this.$D+(i-this.$W):i;if(u===c||u===h){var p=this.clone().set(m,1);p.$d[l](f),p.init(),this.$d=p.set(m,Math.min(this.$D,p.daysInMonth())).$d}else l&&this.$d[l](f);return this.init(),this},b.set=function(t,i){return this.clone().$set(t,i)},b.get=function(t){return this[D.p(t)]()},b.add=function(o,u){var m,d=this;o=Number(o);var l=D.p(u),f=function(t){var i=M(d);return D.w(i.date(i.date()+Math.round(t*o)),d)};if(l===c)return this.set(c,this.$M+o);if(l===h)return this.set(h,this.$y+o);if(l===e)return f(1);if(l===s)return f(7);var p=(m={},m[a]=t,m[r]=i,m[n]=1e3,m)[l]||1,b=this.$d.getTime()+o*p;return D.w(b,this)},b.subtract=function(t,i){return this.add(-1*t,i)},b.format=function(t){var i=this,o=this.$locale();if(!this.isValid())return o.invalidDate||d;var n=t||"YYYY-MM-DDTHH:mm:ssZ",a=D.z(this),r=this.$H,e=this.$m,s=this.$M,c=o.weekdays,u=o.months,h=function(t,o,a,r){return t&&(t[o]||t(i,n))||a[o].slice(0,r)},m=function(t){return D.s(r%12||12,t,"0")},l=o.meridiem||function(t,i,o){var n=t<12?"AM":"PM";return o?n.toLowerCase():n};return n.replace(f,(function(t,n){return n||function(t){switch(t){case"YY":return(i.$y+"").slice(-2);case"YYYY":return D.s(i.$y,4,"0");case"M":return s+1;case"MM":return D.s(s+1,2,"0");case"MMM":return h(o.monthsShort,s,u,3);case"MMMM":return h(u,s);case"D":return i.$D;case"DD":return D.s(i.$D,2,"0");case"d":return i.$W+"";case"dd":return h(o.weekdaysMin,i.$W,c,2);case"ddd":return h(o.weekdaysShort,i.$W,c,3);case"dddd":return c[i.$W];case"H":return r+"";case"HH":return D.s(r,2,"0");case"h":return m(1);case"hh":return m(2);case"a":return l(r,e,!0);case"A":return l(r,e,!1);case"m":return e+"";case"mm":return D.s(e,2,"0");case"s":return i.$s+"";case"ss":return D.s(i.$s,2,"0");case"SSS":return D.s(i.$ms,3,"0");case"Z":return a}return null}(t)||a.replace(":","")}))},b.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},b.diff=function(o,m,d){var l,f=this,p=D.p(m),b=M(o),v=(b.utcOffset()-this.utcOffset())*t,g=this-b,y=function(){return D.m(f,b)};switch(p){case h:l=y()/12;break;case c:l=y();break;case u:l=y()/3;break;case s:l=(g-v)/6048e5;break;case e:l=(g-v)/864e5;break;case r:l=g/i;break;case a:l=g/t;break;case n:l=g/1e3;break;default:l=g}return d?l:D.a(l)},b.daysInMonth=function(){return this.endOf(c).$D},b.$locale=function(){return y[this.$L]},b.locale=function(t,i){if(!t)return this.$L;var o=this.clone(),n=x(t,i,!0);return n&&(o.$L=n),o},b.clone=function(){return D.w(this.$d,this)},b.toDate=function(){return new Date(this.valueOf())},b.toJSON=function(){return this.isValid()?this.toISOString():null},b.toISOString=function(){return this.$d.toISOString()},b.toString=function(){return this.$d.toUTCString()},p}(),_=j.prototype;return M.prototype=_,[["$ms",o],["$s",n],["$m",a],["$H",r],["$W",e],["$M",c],["$y",h],["$D",m]].forEach((function(t){_[t[1]]=function(i){return this.$g(i,t[0],t[1])}})),M.extend=function(t,i){return t.$i||(t(i,j,M),t.$i=!0),M},M.locale=x,M.isDayjs=w,M.unix=function(t){return M(1e3*t)},M.en=y[g],M.Ls=y,M.p={},M}()),y.exports)),w={dismiss:"Κλείσιμο",future:"σε %s",past:"πριν από %s",s:"λίγα δευτ.",m:"1 λεπτό",mm:"%d λεπτά",h:"1 ώρα",hh:"%d ώρες",d:"1 ημέρα",dd:"%d ημέρες",M:"1 μήνας",MM:"%d μήνες",y:"1 έτος",yy:"%d έτη"},x={dismiss:"Close",future:"in %s",past:"%s ago",s:"few sec",m:"1 min",mm:"%d mins",h:"1 hour",hh:"%d hours",d:"1 day",dd:"%d days",M:"1 month",MM:"%d months",y:"1 year",yy:"%d years"},M={dismiss:"Cerrar",future:"en %s",past:"hace %s",s:"pocos seg",m:"1 min",mm:"%d mins",h:"1 hora",hh:"%d horas",d:"1 día",dd:"%d días",M:"1 mes",MM:"%d meses",y:"1 año",yy:"%d años"},D={dismiss:"Chiudi",future:"tra %s",past:"%s fa",s:"pochi sec",m:"1 min",mm:"%d min",h:"1 ora",hh:"%d ore",d:"1 giorno",dd:"%d giorni",M:"1 mese",MM:"%d mesi",y:"1 anno",yy:"%d anni"},j={exports:{}},_=e((g||(g=1,j.exports=function(t,i,o){t=t||{};var n=i.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 r(t,i,o,a){return n.fromToBase(t,i,o,a)}o.en.relativeTime=a,n.fromToBase=function(i,n,r,e,s){for(var c,u,h,m=r.$locale().relativeTime||a,d=t.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"}],l=d.length,f=0;f<l;f+=1){var p=d[f];p.d&&(c=e?o(i).diff(r,p.d,!0):r.diff(i,p.d,!0));var b=(t.rounding||Math.round)(Math.abs(c));if(h=c>0,b<=p.r||!p.r){b<=1&&f>0&&(p=d[f-1]);var v=m[p.l];s&&(b=s(""+b)),u="string"==typeof v?v.replace("%d",b):v(b,n,p.l,h);break}}if(n)return u;var g=h?m.future:m.past;return"function"==typeof g?g(u):g.replace("%s",u)},n.to=function(t,i){return r(t,i,this,!0)},n.from=function(t,i){return r(t,i,this)};var e=function(t){return t.$u?o.utc():o()};n.toNow=function(t){return this.to(e(this),t)},n.fromNow=function(t){return this.from(e(this),t)}}),j.exports));const C=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closedEvent=o(this,"mdsPushNotificationItemClose",7),this.t=new c({el:w,en:x,es:M,it:D}),this.dateFormat="timeago",this.deletable=!1,this.message="Nessun messaggio disponibile",this.preview="image",this.tone="weak",this.onClickClose=t=>{t.stopPropagation(),this.closedEvent.emit()}}async updateLang(){this.language=this.t.lang(this.host)}connectedCallback(){this.unsubscribePrefAnimation=h("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=h("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=h("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=h("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,i,o,n;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(i=this.unsubscribePrefContrast)||void 0===i||i.call(this),null===(o=this.unsubscribePrefTheme)||void 0===o||o.call(this),null===(n=this.unsubscribePrefThemeScheme)||void 0===n||n.call(this)}componentDidLoad(){this.handleDeletableChange(this.deletable)}componentWillLoad(){var t;k.extend(_),this.hasActions=null!==this.host.querySelector(':scope > [slot="action"]'),this.hasBadge=null!==this.host.querySelector(':scope > [slot="badge"]'),void 0!==this.datetime&&""!==this.datetime&&(this.datetime=u(null===(t=this.datetime)||void 0===t?void 0:""+t)),this.t.lang(this.host);const i={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")};k.locale("custom-locale",{relativeTime:i})}handleDeletableChange(t){!1===t&&(this.deletable=void 0)}render(){var t;return n(a,{key:"f88bb513bce95850a6047ac54f4dcfa63978363e","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},(null!==(t=this.icon)&&void 0!==t?t:"avatar"===this.preview)&&n("mds-avatar",{key:"f8cad6d2fae73aff043e52fef79075abede6df96",class:"avatar",icon:this.icon,initials:this.initials,part:"avatar",src:this.src,tone:this.tone,variant:this.variant}),this.src&&"avatar"!==this.preview&&n("mds-img",{key:"72f96d01bc55784f8c2c35e62da263e62d32a00b",class:"picture",part:"picture",src:this.src}),n("div",{key:"fb71c722dec7dd0216b415c1469cd4af03be5d4e",class:"content",part:"content"},n("div",{key:"6f6b128e2c72fa831a5603f05d3cb6141fdaec89",class:"header"},n("div",{key:"8381e70ddf528dda33765863ed8e6c67af6afaab",class:"infos"},this.hasBadge&&n("div",{key:"21882a488827403f500705436c23e4795aeea948"},n("slot",{key:"262d5394fae6e68f5556f561ecff8582e34b6b9d",name:"badge"})),this.subject&&n("mds-text",{key:"730388a07d901d1e742fb528db3e1bd2963fbd19",class:"subject",typography:"h6",variant:"title",truncate:"all"},this.subject)),this.datetime&&n("mds-text",{key:"96cb3254f601083ce3f96b9d5fd635e9e92fc857",class:"time",typography:"option"},"timeago"===this.dateFormat?k(this.datetime).fromNow():k(this.datetime).format(this.dateFormat))),n("mds-text",{key:"d4fa3358afbde90b5416a08cbf117fbd256eb8c5",class:"message",truncate:"all",typography:"caption",variant:"info"},this.message),this.hasActions&&n("div",{key:"83b296d9cdadfe0a9e483f2d48b4b35ea3d40338",class:"actions",part:"actions"},n("slot",{key:"91e29832a0de8bad5f5c37528dc2c1e3e09eeebf",name:"action"}))),this.deletable&&n("mds-button",{key:"e4f30edac40e73e6ea41d9d48391b9d9d077f118",class:"close-button",variant:"dark",tone:"text",title:this.t.get("dismiss"),icon:s,onClick:this.onClickClose}))}get host(){return this}static get watchers(){return{deletable:[{handleDeletableChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-push-notification-item-duration:.3s;--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-push-notification-item-message-line-clamp:2;--mds-push-notification-item-subject-line-clamp:1}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-avatar,mds-button,mds-img,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-push-notification-item-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-push-notification-item-icon-background-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-push-notification-item-message-line-clamp{syntax:"<integer>";inherits:false;initial-value:2}@property --mds-push-notification-item-subject-line-clamp{syntax:"<integer>";inherits:false;initial-value:1}:host{--mds-push-notification-item-duration:.3s;--private-push-notification-item-duration:var(--mds-push-notification-item-duration,.3s);--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-push-notification-item-message-line-clamp:2;--mds-push-notification-item-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-push-notification-item-subject-line-clamp:1;--mds-push-notification-item-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--mds-push-notification-item-shadow);box-shadow:var(--mds-push-notification-item-shadow);color:rgb(var(--tone-neutral-02,244 244 244));display:flex;gap:calc(var(--spacing,.0025rem)*400);max-width:calc(var(--spacing,.0025rem)*8000);min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);pointer-events:auto;position:relative;-webkit-transition-duration:var(--private-push-notification-item-duration);transition-duration:var(--private-push-notification-item-duration);transition-property:background-color,box-shadow,color,margin,transform;-webkit-transition-timing-function:var(--mds-push-notification-item-timing-function);transition-timing-function:var(--mds-push-notification-item-timing-function)}:host([deletable]:not([deletable=false])){padding-right:calc(var(--spacing,.0025rem)*800)}.content{display:grid;flex-grow:1}.actions{display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200);min-width:1px;padding-top:calc(var(--spacing,.0025rem)*200)}.avatar,.picture{flex-shrink:0}.picture{border-radius:.25rem;-webkit-box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);max-width:calc(var(--spacing,.0025rem)*1200);width:100%}.close-button{opacity:0;padding:calc(var(--spacing,.0025rem)*150);position:absolute;right:0;top:0;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function)}:host(:hover) .close-button{opacity:1}.close-button:focus-visible,.close-button:hover{fill:rgb(var(--tone-neutral-03,233 233 233));opacity:1}.header{align-items:baseline;display:flex;gap:calc(var(--spacing,.0025rem)*100);justify-content:space-between;min-width:0;overflow:hidden;text-overflow:ellipsis}.infos{display:flex;flex-direction:column}.time{flex-shrink:0;margin-right:calc(var(--spacing,.0025rem)*100);white-space:nowrap}.subject{--mds-text-line-clamp:var(--mds-push-notification-item-subject-line-clamp,1);line-height:var(--leading-sm,1.25rem)}.message,.subject{text-overflow:ellipsis}.message{--mds-text-line-clamp:var(--mds-push-notification-item-message-line-clamp,2)}.avatar{background-color:var(--mds-push-notification-item-icon-background-color,#0000);border-radius:1000px;fill:var(--mds-push-notification-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}.avatar::part(svg){width:calc(var(--spacing,.0025rem)*600)}:host([src]) .avatar{background-color:#0000}:host([icon]) .avatar::part(wrapper){padding:calc(var(--spacing,.0025rem)*150)}:host([pref-animation=reduce]){--private-push-notification-item-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-push-notifications-shadow:var(--shadow-outline) inset;background-color:rgb(var(--tone-neutral-09,76 76 76))}:host([pref-contrast=more]){--mds-push-notification-item-shadow:var(--shadow-outline-strong-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=primary][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-push-notification-item-icon-color:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]),:host([variant=primary][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-push-notification-item-icon-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=primary][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--variant-primary-05,152 188 255))}:host([variant=orange][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orange-05,251 168 111));--mds-push-notification-item-icon-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orange]),:host([variant=orange][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orange-09,116 49 3));--mds-push-notification-item-icon-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=orange][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-orange-05,251 168 111))}:host([variant=amaranth][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-amaranth-05,250 163 178));--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=amaranth]),:host([variant=amaranth][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-amaranth-09,135 8 30));--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=amaranth][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-amaranth-05,250 163 178))}:host([variant=orchid][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orchid-05,245 163 203));--mds-push-notification-item-icon-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=orchid]),:host([variant=orchid][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-orchid-09,131 14 71));--mds-push-notification-item-icon-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=orchid][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-orchid-05,245 163 203))}:host([variant=violet][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-violet-05,198 175 251));--mds-push-notification-item-icon-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=violet]),:host([variant=violet][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-violet-09,67 11 195));--mds-push-notification-item-icon-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=violet][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-violet-05,198 175 251))}:host([variant=blue][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-blue-05,170 184 252));--mds-push-notification-item-icon-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=blue]),:host([variant=blue][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-blue-09,7 40 196));--mds-push-notification-item-icon-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=blue][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-blue-05,170 184 252))}:host([variant=sky][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-sky-05,94 198 245));--mds-push-notification-item-icon-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=sky]),:host([variant=sky][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-sky-09,6 76 107));--mds-push-notification-item-icon-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=sky][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-sky-05,94 198 245))}:host([variant=aqua][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-aqua-05,7 203 237));--mds-push-notification-item-icon-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=aqua]),:host([variant=aqua][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-aqua-09,3 77 90));--mds-push-notification-item-icon-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=aqua][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-aqua-05,7 203 237))}:host([variant=green][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-green-05,37 213 102));--mds-push-notification-item-icon-color:rgb(var(--label-green-10,12 68 33))}:host([variant=green]),:host([variant=green][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-green-09,14 81 39));--mds-push-notification-item-icon-color:rgb(var(--label-green-05,37 213 102))}:host([variant=green][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-green-05,37 213 102))}:host([variant=lime][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-lime-05,134 207 22));--mds-push-notification-item-icon-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=lime]),:host([variant=lime][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-lime-09,51 79 8));--mds-push-notification-item-icon-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=lime][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-lime-05,134 207 22))}:host([variant=yellow][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--label-yellow-05,234 179 8));--mds-push-notification-item-icon-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=yellow]),:host([variant=yellow][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--label-yellow-09,89 68 3));--mds-push-notification-item-icon-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=yellow][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--label-yellow-05,234 179 8))}:host([variant=error][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-error-05,250 165 160));--mds-push-notification-item-icon-color:rgb(var(--status-error-10,115 0 0))}:host([variant=error]),:host([variant=error][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-error-09,135 0 14));--mds-push-notification-item-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=error][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=warning][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-warning-05,237 177 0));--mds-push-notification-item-icon-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]),:host([variant=warning][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-warning-09,90 67 0));--mds-push-notification-item-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=warning][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=success][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-success-05,107 206 147));--mds-push-notification-item-icon-color:rgb(var(--status-success-10,0 69 0))}:host([variant=success]),:host([variant=success][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-success-09,0 82 9));--mds-push-notification-item-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=success][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=info][tone=strong]){--mds-push-notification-item-icon-background-color:rgb(var(--status-info-05,112 198 234));--mds-push-notification-item-icon-color:rgb(var(--status-info-10,0 61 103))}:host([variant=info]),:host([variant=info][tone=weak]){--mds-push-notification-item-icon-background-color:rgb(var(--status-info-09,0 73 116));--mds-push-notification-item-icon-color:rgb(var(--status-info-05,112 198 234))}:host([variant=info][tone=text]){--mds-push-notification-item-icon-background-color:#0000;--mds-push-notification-item-icon-color:rgb(var(--status-info-05,112 198 234))}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-push-notification-item-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-push-notifications-shadow:var(--shadow-outline) inset;background-color:rgb(var(--tone-neutral-09,76 76 76))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-push-notification-item-shadow:var(--shadow-outline-strong-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-push-notification-item",{datetime:[1537],dateFormat:[513,"date-format"],deletable:[1540],icon:[513],initials:[1537],message:[513],preview:[513],src:[513],subject:[513],tone:[513],variant:[513],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],language:[32],updateLang:[64]},void 0,{deletable:[{handleDeletableChange:0}]}]),$=C,S=function(){"undefined"!=typeof customElements&&["mds-push-notification-item","mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-push-notification-item":customElements.get(r(t))||customElements.define(r(t),C);break;case"mds-avatar":customElements.get(r(t))||m();break;case"mds-button":customElements.get(r(t))||d();break;case"mds-icon":customElements.get(r(t))||l();break;case"mds-img":customElements.get(r(t))||f();break;case"mds-spinner":customElements.get(r(t))||p();break;case"mds-text":customElements.get(r(t))||b()}}))};export{$ as MdsPushNotificationItem,S as defineCustomElement}

package/dist/components/mds-push-notification.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{a,c as r}from"./unit.js";import{d}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";const l=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.changedEvent=s(this,"mdsPushNotificationChange",7),this.shownEvent=s(this,"mdsPushNotificationShow",7),this.hiddenEvent=s(this,"mdsPushNotificationHide",7),this.behavior="auto",this.introItem=i=>(i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,new Promise((t=>{setTimeout((()=>{i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,setTimeout((()=>{i.style.visibility="visible",i.style.position="relative",i.style.transform="translate(0, 0)",i.style.marginBottom="0px",t()}),r(this.cssItemsIntroDuration))}),15)}))),this.outroItem=i=>(this.slotNotifications.assignedNodes().length<=1&&this.hide(),i.style.marginBottom="0px",new Promise((t=>{setTimeout((()=>{i.style.marginBottom="0px",setTimeout((()=>{i.addEventListener("transitionend",(()=>{i.remove()})),i.style.removeProperty("transform"),i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,t()}),r(this.cssItemsOutroDuration))}),15)}))),this.handleSlotChange=()=>{const i=this.slotNotifications.assignedElements().map((i=>i)).filter((i=>!i.style.visibility));0!==i.length&&(i.forEach((async i=>{i.addEventListener("mdsPushNotificationItemClose",(()=>this.outroItem(i))),await this.introItem(i)})),"auto"===this.behavior&&this.show())},this.updateCSSCustomProps=()=>{var i,t,s;const e=window.getComputedStyle(this.host);this.cssItemsGap=null!==(i=e.getPropertyValue("--mds-push-notification-items-gap"))&&void 0!==i?i:"0.5rem",this.cssItemsIntroDuration=null!==(t=e.getPropertyValue("--mds-push-notification-items-intro-delay"))&&void 0!==t?t:"200ms",this.cssItemsOutroDuration=null!==(s=e.getPropertyValue("--mds-push-notification-items-outro-delay"))&&void 0!==s?s:"0ms"}}clear(){this.slotNotifications.assignedElements().forEach((i=>this.outroItem(i))),this.hide()}show(){return this.visible=!0,Promise.resolve()}hide(){return this.visible=void 0,Promise.resolve()}removeNotification(i){return Array.isArray(i)?i.forEach(this.outroItem):this.outroItem(i),Promise.resolve()}componentDidLoad(){this.updateCSSCustomProps(),this.slotNotifications.addEventListener("slotchange",this.handleSlotChange),this.handleSlotChange()}visibleChanged(i){return i?(this.changedEvent.emit({visible:!0}),void this.shownEvent.emit()):void 0===i?(this.changedEvent.emit({visible:!1}),void this.hiddenEvent.emit()):void(this.visible=void 0)}render(){return e(o,{key:"018cec5fec78b7abed252a3acc8a13352f534306"},e("mds-button",{key:"c96d02897f1fed58ae9d6252d9e53f8023d2c14a",variant:"dark",onClick:this.clear.bind(this)},"Cancella notifiche"),e("div",{key:"aabdf019411f23c91a3352ab9bc1a9c8aa02df9e",class:"notifications",part:"notifications"},e("slot",{key:"52e483e93b453f8f860eaba64f4a2223a2eceb38",ref:i=>this.slotNotifications=i})))}get host(){return this}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-push-notification-fadeout-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --mds-push-notification-items-intro-delay{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-push-notification-items-outro-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --mds-push-notification-items-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--mds-push-notification-items-gap:var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200));--mds-push-notification-items-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-push-notification-background:linear-gradient(90deg,#dcdcdc00 0%,#dcdcdcd9);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:calc(var(--spacing,.0025rem)*200);max-width:360px;min-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*400);padding-left:calc(var(--spacing,.0025rem)*2400);scrollbar-width:none;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background:var(--mds-push-notification-background);bottom:0;box-sizing:content-box!important;display:flex;flex-direction:column;overflow-x:hidden;position:fixed;right:0;top:0;transform:translate(100%);-webkit-transition-delay:var(--mds-push-notification-fadeout-delay,0s);transition-delay:var(--mds-push-notification-fadeout-delay,0s);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));z-index:var(--magma-notification-z-index,3000)}:host::-webkit-scrollbar{display:none}.notifications{display:flex;flex-direction:column-reverse;gap:var(--mds-push-notification-items-gap)}.notifications ::slotted(mds-push-notification-item){--mds-push-notification-duration:var(--mds-push-notification-items-duration,.3s);--mds-push-notification-timing-function:var(--mds-push-notification-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)))));transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)))));visibility:hidden}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}:host([visible]){transform:translate(0);transition-delay:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}}'}},[257,"mds-push-notification",{visible:[1540],behavior:[1],show:[64],hide:[64],removeNotification:[64]},void 0,{visible:[{visibleChanged:0}]}]),u=l,p=function(){"undefined"!=typeof customElements&&["mds-push-notification","mds-button","mds-icon","mds-spinner","mds-text"].forEach((i=>{switch(i){case"mds-push-notification":customElements.get(n(i))||customElements.define(n(i),l);break;case"mds-button":customElements.get(n(i))||d();break;case"mds-icon":customElements.get(n(i))||c();break;case"mds-spinner":customElements.get(n(i))||m();break;case"mds-text":customElements.get(n(i))||h()}}))};export{u as MdsPushNotification,p as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as t,createEvent as s,h as e,Host as n,transformTag as o}from"@stencil/core/internal/client";import{a,c as r}from"./unit.js";import{s as d}from"./preference.js";import{d as c}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as l}from"./mds-text2.js";const p=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.changedEvent=s(this,"mdsPushNotificationChange",7),this.shownEvent=s(this,"mdsPushNotificationShow",7),this.hiddenEvent=s(this,"mdsPushNotificationHide",7),this.behavior="auto",this.introItem=i=>(i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,new Promise((t=>{setTimeout((()=>{i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,setTimeout((()=>{i.style.visibility="visible",i.style.position="relative",i.style.transform="translate(0, 0)",i.style.marginBottom="0px",t()}),r(this.cssItemsIntroDuration))}),15)}))),this.outroItem=i=>(this.slotNotifications.assignedNodes().length<=1&&this.hide(),i.style.marginBottom="0px",new Promise((t=>{setTimeout((()=>{i.style.marginBottom="0px",setTimeout((()=>{i.addEventListener("transitionend",(()=>{i.remove()})),i.style.removeProperty("transform"),i.style.marginBottom=`-${i.offsetHeight+a(this.cssItemsGap)}px`,t()}),r(this.cssItemsOutroDuration))}),15)}))),this.handleSlotChange=()=>{const i=this.slotNotifications.assignedElements().map((i=>i)).filter((i=>""===i.style.visibility));0!==i.length&&(i.forEach((async i=>{i.addEventListener("mdsPushNotificationItemClose",(()=>this.outroItem(i))),await this.introItem(i)})),"auto"===this.behavior&&this.show())},this.updateCSSCustomProps=()=>{var i,t,s;const e=window.getComputedStyle(this.host);this.cssItemsGap=null!==(i=e.getPropertyValue("--mds-push-notification-items-gap"))&&void 0!==i?i:"0.5rem",this.cssItemsIntroDuration=null!==(t=e.getPropertyValue("--mds-push-notification-items-intro-delay"))&&void 0!==t?t:"200ms",this.cssItemsOutroDuration=null!==(s=e.getPropertyValue("--mds-push-notification-items-outro-delay"))&&void 0!==s?s:"0ms"},this.clear=()=>{this.slotNotifications.assignedElements().forEach((i=>this.outroItem(i))),this.hide()}}show(){return this.visible=!0,Promise.resolve()}hide(){return this.visible=void 0,Promise.resolve()}removeNotification(i){return Array.isArray(i)?i.forEach(this.outroItem):this.outroItem(i),Promise.resolve()}connectedCallback(){this.unsubscribePrefTheme=d("theme",(i=>{this.prefTheme=i})),this.unsubscribePrefThemeScheme=d("theme-scheme",(i=>{this.prefThemeScheme=i}))}disconnectedCallback(){var i,t;null===(i=this.unsubscribePrefTheme)||void 0===i||i.call(this),null===(t=this.unsubscribePrefThemeScheme)||void 0===t||t.call(this)}componentDidLoad(){this.updateCSSCustomProps(),this.slotNotifications.addEventListener("slotchange",this.handleSlotChange),this.handleSlotChange()}visibleChanged(i){return i?(this.changedEvent.emit({visible:!0}),void this.shownEvent.emit()):void 0===i?(this.changedEvent.emit({visible:!1}),void this.hiddenEvent.emit()):void(this.visible=void 0)}render(){return e(n,{key:"14c13d8af66f6c90da99f9f858d8696a796d01a7","pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},e("mds-button",{key:"61d7ab9ae3a1d0df6dd091f211b86aa7a8afb0c0",variant:"dark",onClick:this.clear},"Cancella notifiche"),e("div",{key:"614552ee81de3151c82622a0cf209e8e93afb314",class:"notifications",part:"notifications"},e("slot",{key:"bd60fe0bbcc81ff17c30681f27452a5d5aca067e",ref:i=>this.slotNotifications=i})))}get host(){return this}static get watchers(){return{visible:[{visibleChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-push-notification-fadeout-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --mds-push-notification-items-intro-delay{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-push-notification-items-outro-delay{syntax:"<time>";inherits:false;initial-value:0s}@property --mds-push-notification-items-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-push-notification-fadeout-delay:0s;--mds-push-notification-gap:calc(var(--spacing,.0025rem)*200);--mds-push-notification-items-intro-delay:.3s;--mds-push-notification-items-outro-delay:0s;--mds-push-notification-items-duration:.3s;--mds-push-notification-items-gap:var(--mds-push-notification-gap,calc(var(--spacing,.0025rem)*200));--mds-push-notification-items-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-push-notification-background:linear-gradient(90deg,#dcdcdc00 0%,#dcdcdcd9);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));background:var(--mds-push-notification-background);bottom:0;box-sizing:initial!important;display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*200);max-width:360px;min-width:calc(var(--spacing,.0025rem)*7200);overflow-x:hidden;padding:calc(var(--spacing,.0025rem)*400);padding-left:calc(var(--spacing,.0025rem)*2400);position:fixed;right:0;top:0;transform:translate(100%);-webkit-transition-delay:var(--mds-push-notification-fadeout-delay,0s);transition-delay:var(--mds-push-notification-fadeout-delay,0s);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:transform;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));z-index:var(--magma-notification-z-index,3000)}:host::-webkit-scrollbar{display:none}.notifications{display:flex;flex-direction:column-reverse;gap:var(--mds-push-notification-items-gap)}.notifications ::slotted(mds-push-notification-item){--mds-push-notification-duration:var(--mds-push-notification-items-duration,.3s);--mds-push-notification-timing-function:var(--mds-push-notification-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)))));transform:translate(calc(100% + calc(var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)) + var(--mds-push-notification-gap,calc(var(--spacing,.0025rem) * 200)))));visibility:hidden}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}:host([visible]){transform:translate(0);transition-delay:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-push-notification-background:linear-gradient(90deg,#0000 0%,#00000080 20%,#000000d9)}}'}},[257,"mds-push-notification",{visible:[1540],behavior:[1],prefTheme:[32],prefThemeScheme:[32],show:[64],hide:[64],removeNotification:[64]},void 0,{visible:[{visibleChanged:0}]}]),u=p,f=function(){"undefined"!=typeof customElements&&["mds-push-notification","mds-button","mds-icon","mds-spinner","mds-text"].forEach((i=>{switch(i){case"mds-push-notification":customElements.get(o(i))||customElements.define(o(i),p);break;case"mds-button":customElements.get(o(i))||c();break;case"mds-icon":customElements.get(o(i))||m();break;case"mds-spinner":customElements.get(o(i))||h();break;case"mds-text":customElements.get(o(i))||l()}}))};export{u as MdsPushNotification,f as defineCustomElement}

package/dist/components/mds-quote.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{d as r}from"./mds-text2.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.typography="h3",this.tag="h3"}render(){return s(a,{key:"26db9230c187400e8df30d1c9300e0a39b4a709f"},s("mds-text",{key:"4a1227b9e6e66376831c457746e26ec0d47b3144",class:"open-quote",tag:"div",typography:this.typography},s("span",{key:"9d6f5ae659999f27d8de5b8e92ee13bdff75244b"},s("i",{key:"89a139df5d605e4695f67a995174a2fbe3ca263b"},"❝ "))),s("div",{key:"73d10c6274ac92bf79f1acdad40c4e7144738b4f",class:"quote"},s("mds-text",{key:"8e6d76eec0ed6ca49b1ce01bdf5448b14c84fc1a",tag:this.tag,typography:this.typography},s("i",{key:"b7f817a0eda2745607a9c84d77d1059763f3d5e3"},s("slot",{key:"1617cb4cd4ed8dc8608447c49e8872677bf69367"}),s("span",{key:"2d9982646e27a1f642d3c62bc4007caab348012e"}," ❞"))),s("slot",{key:"4283ff3a9b4a31cb1e98e88e3ead9aa7e27fedb3",name:"author"})))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex}.open-quote{flex-shrink:0}.quote{display:grid;gap:calc(var(--spacing,.0025rem)*400);-webkit-user-select:all;user-select:all}span{-webkit-user-select:none;user-select:none}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[257,"mds-quote",{typography:[1],tag:[1]}]),n=d,c=function(){"undefined"!=typeof customElements&&["mds-quote","mds-text"].forEach((e=>{switch(e){case"mds-quote":customElements.get(o(e))||customElements.define(o(e),d);break;case"mds-text":customElements.get(o(e))||r()}}))};export{n as MdsQuote,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{s as r}from"./preference.js";import{d}from"./mds-text2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.typography="h3",this.tag="h3"}connectedCallback(){this.unsubscribePrefContrast=r("contrast",(e=>{this.prefContrast=e}))}disconnectedCallback(){var e;null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this)}render(){return s(a,{key:"d4732bfc13bec29539203b1bbf2f475c2124161a","pref-contrast":this.prefContrast},s("mds-text",{key:"bfe617d81d506022e982b8a97f1b88e99e06bb54",class:"open-quote",tag:"div",typography:this.typography},s("span",{key:"d42dd7538c075ef913397f3a58b0e327cf34d005"},s("i",{key:"4a1a90c5bf4d36c8f5e93153964688e9858faa4a"},"❝ "))),s("div",{key:"84b991190ae992b3f486821100731276386d1379",class:"quote"},s("mds-text",{key:"91bbfd150358dd889e391483d2a2ba1fc4f0f0d6",tag:this.tag,typography:this.typography},s("i",{key:"18150d9cc0da1116079fd76efe2291ef45247089"},s("slot",{key:"1861ee78891e58fa60c781afdc4eca8e17db0074"}),s("span",{key:"96f6ed87102e3839e258b51b1341df409056d669"}," ❞"))),s("slot",{key:"f4d6dbbe5cc07ce987fd5c35dd6f3a88e75168cd",name:"author"})))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex}.open-quote{flex-shrink:0}.quote{display:grid;gap:calc(var(--spacing,.0025rem)*400);-webkit-user-select:all;user-select:all}span{-webkit-user-select:none;user-select:none}:host([pref-contrast=more]){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[257,"mds-quote",{typography:[1],tag:[1],prefContrast:[32]}]),c=n,i=function(){"undefined"!=typeof customElements&&["mds-quote","mds-text"].forEach((e=>{switch(e){case"mds-quote":customElements.get(o(e))||customElements.define(o(e),n);break;case"mds-text":customElements.get(o(e))||d()}}))};export{c as MdsQuote,i as defineCustomElement}

package/dist/components/mds-radial-menu-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as n,transformTag as s}from"@stencil/core/internal/client";import{d as a}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as r}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";import{d}from"./mds-tooltip2.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tone="weak",this.variant="dark",this.size="lg"}render(){return i(n,{key:"9611b4afe26d59d69b5e934e6048998a5a6b15a1",slot:"item"},i("mds-button",{key:"93984131bf9fe5aafcb1e08e3ceb86df18a2ee39","aria-label":this.tooltip,class:"button",icon:this.icon,variant:this.variant,tone:this.tone,size:this.size}),this.tooltip&&i("mds-tooltip",{key:"849a979a53edeca55985f31b88f4e136558fea48",class:"tooltip",target:".button",placement:"top",autoPlacement:!1},this.tooltip))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s);--mds-radial-menu-item-transition-timing-function:var(--mds-radial-menu-transition-timing-function,var(--ease-out-expo,cubic-bezier(.19,1,.22,1)));--mds-radial-menu-item-delay:0;--mds-radial-menu-item-index:0;display:inline-flex;inset:0;pointer-events:none;position:absolute;transform:scale(0);-webkit-transition-delay:var(--mds-radial-menu-item-delay);transition-delay:var(--mds-radial-menu-item-delay);-webkit-transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-property:translate,transform;-webkit-transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);translate:var(--mds-radial-menu-item-translate)}:host(:hover){z-index:1}.button{border-radius:100%}.tooltip{--mds-tooltip-delay:0;min-width:max-content;width:min-content}"}},[1,"mds-radial-menu-item",{tooltip:[513],icon:[1537],tone:[513],variant:[513],size:[513]}]),u=l,c=function(){"undefined"!=typeof customElements&&["mds-radial-menu-item","mds-button","mds-icon","mds-spinner","mds-text","mds-tooltip"].forEach((t=>{switch(t){case"mds-radial-menu-item":customElements.get(s(t))||customElements.define(s(t),l);break;case"mds-button":customElements.get(s(t))||a();break;case"mds-icon":customElements.get(s(t))||o();break;case"mds-spinner":customElements.get(s(t))||r();break;case"mds-text":customElements.get(s(t))||m();break;case"mds-tooltip":customElements.get(s(t))||d()}}))};export{u as MdsRadialMenuItem,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,h as n,Host as e,transformTag as a}from"@stencil/core/internal/client";import{d as s}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as r}from"./mds-spinner2.js";import{d}from"./mds-text2.js";import{d as m}from"./mds-tooltip2.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tone="weak",this.variant="dark",this.size="lg"}render(){return n(e,{key:"6ef1882d37a9f3f1d7bd014a4a257b03e310bffd",slot:"item"},n("mds-button",{key:"697d5c349ee2083a4b766391ca7d82337b5b420b","aria-label":this.tooltip,class:"button",icon:this.icon,variant:this.variant,tone:this.tone,size:this.size}),this.tooltip&&n("mds-tooltip",{key:"74f407d34d4d2b009a5b28d2bb2d49455b7e3423",class:"tooltip",target:".button",placement:"top",disableAutoPlacement:!0},this.tooltip))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s)}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-radial-menu-item-transition-duration:var(--mds-radial-menu-transition-duration,.5s);--mds-radial-menu-item-transition-timing-function:var(--mds-radial-menu-transition-timing-function,var(--ease-out-expo,cubic-bezier(.19,1,.22,1)));--mds-radial-menu-item-delay:0;--mds-radial-menu-item-index:0;display:inline-flex;inset:0;pointer-events:none;position:absolute;transform:scale(0);-webkit-transition-delay:var(--mds-radial-menu-item-delay);transition-delay:var(--mds-radial-menu-item-delay);-webkit-transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-duration:var(--mds-radial-menu-item-transition-duration,var(--mds-radial-menu-transition-duration,.5s));transition-property:translate,transform;-webkit-transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);transition-timing-function:var(--mds-radial-menu-item-transition-timing-function);translate:var(--mds-radial-menu-item-translate)}:host(:hover){z-index:1}.button{border-radius:100%}.tooltip{--mds-tooltip-delay:0;min-width:max-content;width:min-content}"}},[1,"mds-radial-menu-item",{tooltip:[513],icon:[1537],tone:[513],variant:[513],size:[513]}]),u=l,c=function(){"undefined"!=typeof customElements&&["mds-radial-menu-item","mds-button","mds-icon","mds-spinner","mds-text","mds-tooltip"].forEach((t=>{switch(t){case"mds-radial-menu-item":customElements.get(a(t))||customElements.define(a(t),l);break;case"mds-button":customElements.get(a(t))||s();break;case"mds-icon":customElements.get(a(t))||o();break;case"mds-spinner":customElements.get(a(t))||r();break;case"mds-text":customElements.get(a(t))||d();break;case"mds-tooltip":customElements.get(a(t))||m()}}))};export{u as MdsRadialMenuItem,c as defineCustomElement}

package/dist/components/mds-radial-menu.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as a,h as e,Host as n,transformTag as t}from"@stencil/core/internal/client";import{m as s}from"./close.js";import{c as d}from"./clsx.js";import{B as r}from"./floating-controller.js";import{d as m}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as l}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";const c=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.backdropController=new r("mds-radial-menu-backdrop"),this.angleStart=0,this.angleEnd=360,this.radius=5,this.direction="clockwise",this.backdrop=!1,this.interaction="click",this.variant="dark",this.tone="strong",this.size="lg",this.toggleMenu=()=>{this.opened=!0!==this.opened||void 0},this.setItemSize=()=>{var i;null===(i=this.items)||void 0===i||i.forEach((i=>{i.size=this.size}))},this.setItemIndex=()=>{this.items.forEach(((i,a)=>{i.style.setProperty("--mds-radial-menu-item-index",""+a)}))},this.setIsFullCircle=()=>{this.hostElement.style.setProperty("--mds-radial-menu-is-full-circle",this.angleEnd-this.angleStart==360?"1":"0")},this.setIsStartGreaterThanEnd=()=>{this.hostElement.style.setProperty("--mds-radial-menu-is-start-greater-than-end",this.angleStart>this.angleEnd?"-1":"1")},this.updateItems=()=>{this.items=this.hostElement.querySelectorAll(':scope > [slot="item"]'),this.setItemSize(),this.setItemIndex(),this.hostElement.style.setProperty("--mds-radial-menu-nth-siblings",""+(this.items.length-1))},this.toggleRightClickMenu=i=>{i.preventDefault(),this.hostElement.style.top=i.clientY-this.hostElement.offsetHeight/2+"px",this.hostElement.style.left=i.clientX-this.hostElement.offsetWidth/2+"px",this.toggleMenu()},this.handleBackdrop=()=>{this.backdrop&&this.opened?this.backdropController.attachBackdrop():this.backdropController.detachBackdrop()}}componentWillLoad(){var i;this.icon=null!==(i=this.icon)&&void 0!==i?i:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"/></svg>',this.onAngleStartChange(this.angleStart),this.onAngleEndChange(this.angleEnd),this.onRadiusChange(this.radius),this.onSizeChange()}componentDidLoad(){this.updateItems(),this.setIsFullCircle(),this.setIsStartGreaterThanEnd(),this.onOpenedChange(this.opened),this.onInteractionChange(this.interaction)}disconnectedCallback(){document&&document.removeEventListener("contextmenu",this.toggleRightClickMenu)}onDiscChanged(i){!1===i&&(this.disc=void 0)}backdropChanged(i){!1===i&&(this.backdrop=void 0),this.handleBackdrop()}onInteractionChange(i){document&&("rightclick"!==i?document.removeEventListener("contextmenu",this.toggleRightClickMenu):document.addEventListener("contextmenu",this.toggleRightClickMenu))}onAngleStartChange(i){this.hostElement.style.setProperty("--mds-radial-menu-angle-start",i+"deg"),this.setIsFullCircle(),this.setIsStartGreaterThanEnd()}onAngleEndChange(i){this.hostElement.style.setProperty("--mds-radial-menu-angle-end",i+"deg"),this.setIsFullCircle(),this.setIsStartGreaterThanEnd()}onRadiusChange(i){this.hostElement.style.setProperty("--mds-radial-menu-radius",i+"rem")}onSizeChange(){this.setItemSize()}onOpenedChange(i){!1===i&&(this.opened=void 0),this.handleBackdrop()}render(){return e(n,{key:"18679022a9759985a3c518df2d733b94d28473dc"},e("mds-button",{key:"156f0692417d19bc2f9418469d1b011ea5f0f72f",class:d("menu-button","click"!==this.interaction&&"menu-button--hidden"),icon:this.opened?s:this.icon,tone:this.tone,variant:this.variant,size:this.size,onClick:this.toggleMenu}),e("div",{key:"4277fb28c411a3ec3808d46e260e0800fc92eebb",class:"radial-menu",part:"radial-menu"},e("slot",{key:"ff21f4e1110c14954128ec0e891507ff178fa548",name:"item",onSlotchange:this.updateItems})),e("div",{key:"e5dc3a9fbd3f813721bfdefbbf445fb4b4301995",class:"disc"}))}get hostElement(){return this}static get watchers(){return{disc:[{onDiscChanged:0}],backdrop:[{backdropChanged:0}],interaction:[{onInteractionChange:0}],angleStart:[{onAngleStartChange:0}],angleEnd:[{onAngleEndChange:0}],radius:[{onRadiusChange:0}],size:[{onSizeChange:0}],opened:[{onOpenedChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-menu-angle-start{syntax:"<angle>";inherits:false;initial-value:0deg}@property --mds-radial-menu-angle-end{syntax:"<angle>";inherits:false;initial-value:1turn}@property --mds-radial-menu-delay{syntax:"<time>";inherits:false;initial-value:10ms}@property --mds-radial-menu-direction{syntax:"<integer>";inherits:false;initial-value:-1}@property --mds-radial-menu-radius{syntax:"<length>";inherits:false;initial-value:5rem}@property --mds-radial-menu-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-filter:blur(8px);--mds-radial-menu-disc-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s;--mds-radial-menu-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-radial-menu-nth-siblings:0;--mds-radial-menu-disc-delay:0s;--mds-radial-menu-disc-scale:0;--mds-radial-menu-radius-current:0;--mds-radial-menu-is-full-circle:1;--mds-radial-menu-is-start-greater-than-end:1;display:inline-flex;position:relative;-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:top,left;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:var(--magma-dropdown-z-index,5000)}:host([direction=clockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*-1)}:host([direction=counterclockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*1)}.menu-button{border-radius:100%;position:relative;transform:scale(1);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:2}:host(:not([opened])) .menu-button--hidden{transform:scale(0)}.radial-menu{inset:0;pointer-events:none;position:absolute;-webkit-transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-property:z-index;z-index:3}:host(:not([opened])) .radial-menu{transition-delay:0s;z-index:1}:host(:not([opened])){--mds-radial-menu-radius-current:0}:host([opened]){--mds-radial-menu-radius-current:var(--mds-radial-menu-radius,5rem)}:host([opened]) ::slotted(mds-radial-menu-item){pointer-events:auto;transform:scale(1)}::slotted(mds-radial-menu-item){--mds-radial-menu-item-offset-per-child:calc((var(--mds-radial-menu-angle-end,360deg) - var(--mds-radial-menu-angle-start,0deg))/(var(--mds-radial-menu-nth-siblings) + var(--mds-radial-menu-is-full-circle)));--mds-radial-menu-item-angle-offset:calc(var(--mds-radial-menu-direction,-1)*var(--mds-radial-menu-item-index)*var(--mds-radial-menu-item-offset-per-child));--mds-radial-menu-item-delay:calc((var(--mds-radial-menu-item-index) + 1)*var(--mds-radial-menu-delay,10ms));--mds-radial-menu-item-translate:calc(cos((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset))) * var(--mds-radial-menu-radius-current)) calc(sin((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset))) * var(--mds-radial-menu-radius-current) * -1)}.disc{--size:calc(var(--mds-radial-menu-disc-size,calc(var(--mds-radial-menu-radius,5rem) * 2)) + var(--mds-radial-menu-radius,5rem));-webkit-backdrop-filter:var(--mds-radial-menu-disc-filter);backdrop-filter:var(--mds-radial-menu-disc-filter);background-color:var(--mds-radial-menu-disc-background,rgb(var(--tone-neutral,0 0 0)/.5));border-radius:100%;-webkit-box-shadow:var(--mds-radial-menu-disc-shadow);box-shadow:var(--mds-radial-menu-disc-shadow);display:inline-flex;height:var(--size);inset:50%;position:absolute;-webkit-transform:translate(-50%,-50%) scale(var(--mds-radial-menu-disc-scale));transform:translate(-50%,-50%) scale(var(--mds-radial-menu-disc-scale));-webkit-transition-delay:var(--mds-radial-menu-disc-delay);transition-delay:var(--mds-radial-menu-disc-delay);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:height,transform,width;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);width:var(--size);z-index:0}:host(:not([opened][disc])){--mds-radial-menu-disc-scale:0;--mds-radial-menu-disc-delay:calc((var(--mds-radial-menu-nth-siblings) + 1)*var(--mds-radial-menu-delay,10ms))}:host([opened][disc]){--mds-radial-menu-disc-scale:1;--mds-radial-menu-disc-delay:0s}:host([interaction=rightclick]){position:fixed;z-index:var(--mds-radial-menu-context-menu-z-index,var(--magma-context-menu-z-index,8000))}'}},[257,"mds-radial-menu",{angleStart:[514,"angle-start"],angleEnd:[514,"angle-end"],radius:[514],direction:[513],opened:[1540],disc:[1540],backdrop:[516],interaction:[513],icon:[1537],variant:[513],tone:[513],size:[513]},void 0,{disc:[{onDiscChanged:0}],backdrop:[{backdropChanged:0}],interaction:[{onInteractionChange:0}],angleStart:[{onAngleStartChange:0}],angleEnd:[{onAngleEndChange:0}],radius:[{onRadiusChange:0}],size:[{onSizeChange:0}],opened:[{onOpenedChange:0}]}]),h=c,g=function(){"undefined"!=typeof customElements&&["mds-radial-menu","mds-button","mds-icon","mds-spinner","mds-text"].forEach((i=>{switch(i){case"mds-radial-menu":customElements.get(t(i))||customElements.define(t(i),c);break;case"mds-button":customElements.get(t(i))||m();break;case"mds-icon":customElements.get(t(i))||o();break;case"mds-spinner":customElements.get(t(i))||l();break;case"mds-text":customElements.get(t(i))||u()}}))};export{h as MdsRadialMenu,g as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as a,h as n,Host as e,transformTag as t}from"@stencil/core/internal/client";import{m as s}from"./close.js";import{c as d}from"./clsx.js";import{B as r}from"./floating-controller.js";import{d as m}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as l}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";const c=i(class extends a{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.backdropController=new r("mds-radial-menu-backdrop"),this.angleStart=0,this.angleEnd=360,this.radius=5,this.direction="clockwise",this.backdrop=!1,this.interaction="click",this.variant="dark",this.tone="strong",this.size="lg",this.toggleMenu=()=>{this.opened=!0!==this.opened||void 0},this.setItemSize=()=>{var i;null===(i=this.items)||void 0===i||i.forEach((i=>{i.size=this.size}))},this.setItemIndex=()=>{this.items.forEach(((i,a)=>{i.style.setProperty("--mds-radial-menu-item-index",""+a)}))},this.setIsFullCircle=()=>{this.hostElement.style.setProperty("--mds-radial-menu-is-full-circle",this.angleEnd-this.angleStart==360?"1":"0")},this.setIsStartGreaterThanEnd=()=>{this.hostElement.style.setProperty("--mds-radial-menu-is-start-greater-than-end",this.angleStart>this.angleEnd?"-1":"1")},this.updateItems=()=>{this.items=this.hostElement.querySelectorAll(':scope > [slot="item"]'),this.setItemSize(),this.setItemIndex(),this.hostElement.style.setProperty("--mds-radial-menu-nth-siblings",""+(this.items.length-1))},this.toggleRightClickMenu=i=>{i.preventDefault(),this.hostElement.style.top=i.clientY-this.hostElement.offsetHeight/2+"px",this.hostElement.style.left=i.clientX-this.hostElement.offsetWidth/2+"px",this.toggleMenu()},this.handleBackdrop=()=>{this.backdrop&&this.opened?this.backdropController.attachBackdrop():this.backdropController.detachBackdrop()}}componentWillLoad(){var i;this.icon=null!==(i=this.icon)&&void 0!==i?i:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z"/></svg>',this.onAngleStartChange(this.angleStart),this.onAngleEndChange(this.angleEnd),this.onRadiusChange(this.radius),this.onSizeChange()}componentDidLoad(){this.updateItems(),this.setIsFullCircle(),this.setIsStartGreaterThanEnd(),this.onOpenedChange(this.opened),this.onInteractionChange(this.interaction)}disconnectedCallback(){"undefined"!=typeof document&&document.removeEventListener("contextmenu",this.toggleRightClickMenu)}onDiscChanged(i){!1===i&&(this.disc=void 0)}backdropChanged(i){!1===i&&(this.backdrop=void 0),this.handleBackdrop()}onInteractionChange(i){"undefined"!=typeof document&&("rightclick"!==i?document.removeEventListener("contextmenu",this.toggleRightClickMenu):document.addEventListener("contextmenu",this.toggleRightClickMenu))}onAngleStartChange(i){this.hostElement.style.setProperty("--mds-radial-menu-angle-start",i+"deg"),this.setIsFullCircle(),this.setIsStartGreaterThanEnd()}onAngleEndChange(i){this.hostElement.style.setProperty("--mds-radial-menu-angle-end",i+"deg"),this.setIsFullCircle(),this.setIsStartGreaterThanEnd()}onRadiusChange(i){this.hostElement.style.setProperty("--mds-radial-menu-radius",i+"rem")}onSizeChange(){this.setItemSize()}onOpenedChange(i){!1===i&&(this.opened=void 0),this.handleBackdrop()}render(){return n(e,{key:"6f7cf327cfc3a90b1ce80e9e9aab86f6423cbf41"},n("mds-button",{key:"545b32a7fe48707ceb0eec5adb799a776421a053",class:d("menu-button","click"!==this.interaction&&"menu-button--hidden"),icon:this.opened?s:this.icon,tone:this.tone,variant:this.variant,size:this.size,onClick:this.toggleMenu}),n("div",{key:"76acb7ae11c61f5f216c1870f61eb5cd50b1848b",class:"radial-menu",part:"radial-menu"},n("slot",{key:"1f0a16e3505609ec32450384c40f35ec439c58ed",name:"item",onSlotchange:this.updateItems})),n("div",{key:"cd886be843d69836088046472a720ceaac4b7676",class:"disc"}))}get hostElement(){return this}static get watchers(){return{disc:[{onDiscChanged:0}],backdrop:[{backdropChanged:0}],interaction:[{onInteractionChange:0}],angleStart:[{onAngleStartChange:0}],angleEnd:[{onAngleEndChange:0}],radius:[{onRadiusChange:0}],size:[{onSizeChange:0}],opened:[{onOpenedChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s}}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-menu-angle-start{syntax:"<angle>";inherits:false;initial-value:0deg}@property --mds-radial-menu-angle-end{syntax:"<angle>";inherits:false;initial-value:1turn}@property --mds-radial-menu-delay{syntax:"<time>";inherits:false;initial-value:10ms}@property --mds-radial-menu-direction{syntax:"<integer>";inherits:false;initial-value:-1}@property --mds-radial-menu-radius{syntax:"<length>";inherits:false;initial-value:5rem}@property --mds-radial-menu-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-radial-menu-angle-start:0deg;--mds-radial-menu-angle-end:360deg;--mds-radial-menu-context-menu-z-index:var(--magma-context-menu-z-index,8000);--mds-radial-menu-delay:10ms;--mds-radial-menu-direction:-1;--mds-radial-menu-disc-background:rgb(var(--tone-neutral,0 0 0)/.5);--mds-radial-menu-disc-filter:blur(8px);--mds-radial-menu-disc-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-radial-menu-disc-size:calc(var(--mds-radial-menu-radius,5rem)*2);--mds-radial-menu-radius:5rem;--mds-radial-menu-transition-duration:.5s;--mds-radial-menu-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-radial-menu-nth-siblings:0;--mds-radial-menu-disc-delay:0s;--mds-radial-menu-disc-scale:0;--mds-radial-menu-radius-current:0;--mds-radial-menu-is-full-circle:1;--mds-radial-menu-is-start-greater-than-end:1;display:inline-flex;position:relative;-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:top,left;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:var(--magma-dropdown-z-index,5000)}:host([direction=clockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*-1)}:host([direction=counterclockwise]){--mds-radial-menu-direction:calc(var(--mds-radial-menu-is-start-greater-than-end)*1)}.menu-button{border-radius:100%;position:relative;transform:scale(1);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);z-index:2}:host(:not([opened])) .menu-button--hidden{transform:scale(0)}.radial-menu{inset:0;pointer-events:none;position:absolute;-webkit-transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-delay:calc((var(--mds-radial-menu-nth-siblings)*2)*var(--mds-radial-menu-delay,10ms));transition-property:z-index;z-index:3}:host(:not([opened])) .radial-menu{transition-delay:0s;z-index:1}:host(:not([opened])){--mds-radial-menu-radius-current:0}:host([opened]){--mds-radial-menu-radius-current:var(--mds-radial-menu-radius,5rem)}:host([opened]) ::slotted(mds-radial-menu-item){pointer-events:auto;transform:scale(1)}::slotted(mds-radial-menu-item){--mds-radial-menu-item-offset-per-child:calc((var(--mds-radial-menu-angle-end,360deg) - var(--mds-radial-menu-angle-start,0deg))/(var(--mds-radial-menu-nth-siblings) + var(--mds-radial-menu-is-full-circle)));--mds-radial-menu-item-angle-offset:calc(var(--mds-radial-menu-direction,-1)*var(--mds-radial-menu-item-index)*var(--mds-radial-menu-item-offset-per-child));--mds-radial-menu-item-delay:calc((var(--mds-radial-menu-item-index) + 1)*var(--mds-radial-menu-delay,10ms));--mds-radial-menu-item-translate:calc(cos((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset))) * var(--mds-radial-menu-radius-current)) calc(sin((var(--mds-radial-menu-angle-start,0deg) + var(--mds-radial-menu-item-angle-offset))) * var(--mds-radial-menu-radius-current) * -1)}.disc{--size:calc(var(--mds-radial-menu-disc-size,calc(var(--mds-radial-menu-radius,5rem) * 2)) + var(--mds-radial-menu-radius,5rem));-webkit-backdrop-filter:var(--mds-radial-menu-disc-filter);backdrop-filter:var(--mds-radial-menu-disc-filter);background-color:var(--mds-radial-menu-disc-background,rgb(var(--tone-neutral,0 0 0)/.5));border-radius:100%;-webkit-box-shadow:var(--mds-radial-menu-disc-shadow);box-shadow:var(--mds-radial-menu-disc-shadow);display:inline-flex;height:var(--size);inset:50%;position:absolute;-webkit-transform:translate(-50%,-50%) scale(var(--mds-radial-menu-disc-scale));transform:translate(-50%,-50%) scale(var(--mds-radial-menu-disc-scale));-webkit-transition-delay:var(--mds-radial-menu-disc-delay);transition-delay:var(--mds-radial-menu-disc-delay);-webkit-transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-duration:var(--mds-radial-menu-transition-duration,.5s);transition-property:height,transform,width;-webkit-transition-timing-function:var(--mds-radial-menu-transition-timing-function);transition-timing-function:var(--mds-radial-menu-transition-timing-function);width:var(--size);z-index:0}:host(:not([opened][disc])){--mds-radial-menu-disc-scale:0;--mds-radial-menu-disc-delay:calc((var(--mds-radial-menu-nth-siblings) + 1)*var(--mds-radial-menu-delay,10ms))}:host([opened][disc]){--mds-radial-menu-disc-scale:1;--mds-radial-menu-disc-delay:0s}:host([interaction=rightclick]){position:fixed;z-index:var(--mds-radial-menu-context-menu-z-index,var(--magma-context-menu-z-index,8000))}'}},[257,"mds-radial-menu",{angleStart:[514,"angle-start"],angleEnd:[514,"angle-end"],radius:[514],direction:[513],opened:[1540],disc:[1540],backdrop:[516],interaction:[513],icon:[1537],variant:[513],tone:[513],size:[513]},void 0,{disc:[{onDiscChanged:0}],backdrop:[{backdropChanged:0}],interaction:[{onInteractionChange:0}],angleStart:[{onAngleStartChange:0}],angleEnd:[{onAngleEndChange:0}],radius:[{onRadiusChange:0}],size:[{onSizeChange:0}],opened:[{onOpenedChange:0}]}]),h=c,g=function(){"undefined"!=typeof customElements&&["mds-radial-menu","mds-button","mds-icon","mds-spinner","mds-text"].forEach((i=>{switch(i){case"mds-radial-menu":customElements.get(t(i))||customElements.define(t(i),c);break;case"mds-button":customElements.get(t(i))||m();break;case"mds-icon":customElements.get(t(i))||o();break;case"mds-spinner":customElements.get(t(i))||l();break;case"mds-text":customElements.get(t(i))||u()}}))};export{h as MdsRadialMenu,g as defineCustomElement}

package/dist/components/mds-radial-progress2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as s,Host as t,transformTag as a}from"@stencil/core/internal/client";import{d as o}from"./mds-icon2.js";import{d as i}from"./mds-text2.js";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.progress=0,this.animatedProgress=0,this.rafId=null,this.typography="option",this.variant="primary",this.progressPercentage=e=>`${Math.round(100*e)}`,this.clampProgress=e=>Math.min(1,Math.max(0,e)),this.prefersReducedMotion=()=>{var e,r;return"undefined"!=typeof window&&!0===(null===(r=null===(e=window.matchMedia)||void 0===e?void 0:e.call(window,"(prefers-reduced-motion: reduce)"))||void 0===r?void 0:r.matches)},this.easeOutExpo=e=>1===e?1:1-Math.pow(2,-10*e),this.stopAnimation=()=>{null!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null)},this.animateTo=e=>{const r=this.clampProgress(e),s=this.animatedProgress;if(this.stopAnimation(),this.prefersReducedMotion())return void(this.animatedProgress=r);const t=performance.now(),a=e=>{const o=Math.min(1,(e-t)/500),i=this.easeOutExpo(o);this.animatedProgress=s+(r-s)*i,this.rafId=o<1?requestAnimationFrame(a):null};this.rafId=requestAnimationFrame(a)}}componentWillLoad(){this.animatedProgress=this.clampProgress(this.progress)}disconnectedCallback(){this.stopAnimation()}onProgressChange(e){this.animateTo(e)}render(){const e=`${(100*this.animatedProgress).toFixed(2)}%`,r=this.progressPercentage(this.clampProgress(this.progress));return s(t,{key:"bcac88e69c445c6bfb5de1cbbfc649ffd507dc12",style:{"--mds-radial-progress":e},role:"progressbar"},s("div",{key:"c874c37272324a7edfa12252e22547c4ae6a8c5b",class:"value-container",part:"value-container"},this.icon&&s("mds-icon",{key:"ab14594f35d5ed15f6997c2cce47ca44612eab1d",class:"icon",name:this.icon,part:"icon"}),s("div",{key:"107216f2319c2895f0a9c6936c1c1ae42a54a0b5",class:"value-container__text"},s("mds-text",{key:"27127a11de571b6b1703690aa37553b20db84aff",class:"value",typography:this.typography},r))))}static get watchers(){return{progress:[{onProgressChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-progress:0%}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-progress{syntax:"<length-percentage>";inherits:false;initial-value:0%}:host{--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-text-background-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-radial-progress-text-background:rgb(var(--tone-neutral,0 0 0));--mds-radial-progress-text-suffix:"%";--mds-radial-progress:0%;align-items:center;aspect-ratio:1;background-color:var(--mds-radial-progress-background);background-image:conic-gradient(var(--mds-radial-progress-color) var(--mds-radial-progress,0),transparent 0);border-radius:3.40282e+38px;box-sizing:border-box;container:mds-radial-progress/inline-size;display:flex;height:auto;justify-content:center;padding:calc(var(--spacing,.0025rem)*200);transition-duration:.5s;transition-property:background-color,--mds-radial-progress-color,--mds-radial-progress;transition-timing-function:ease-out;width:calc(var(--spacing,.0025rem)*1200)}.value-container{aspect-ratio:1;background-color:var(--mds-radial-progress-text-background);border-radius:inherit;-webkit-box-shadow:var(--mds-radial-progress-text-background-shadow);box-shadow:var(--mds-radial-progress-text-background-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*50);width:100%}.value-container,.value-container__text{align-items:center;justify-content:center}.value,.value-container__text{display:inline-flex}.value{color:currentColor}.value:after{content:var(--mds-radial-progress-text-suffix)}.icon{aspect-ratio:1;fill:var(--mds-radial-progress-color);max-height:calc(var(--spacing,.0025rem)*600);max-width:calc(var(--spacing,.0025rem)*600);width:100%}@container mds-radial-progress (max-width:47px){:host([typography=label][icon]) .value-container__text,:host([typography=option][icon]) .value-container__text{display:none}}@container mds-radial-progress (max-width:35px){:host([typography=label]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:31px){:host([typography=option]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:23px){:host([typography=label]) .value{display:none}}@container mds-radial-progress (max-width:19px){:host([typography=option]) .value{display:none}}:host([variant=primary]){--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=secondary]){--mds-radial-progress-color:rgb(var(--variant-secondary-03,215 226 252));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=ai]){--mds-radial-progress-color:rgb(var(--variant-ai-04,218 199 253));--mds-radial-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=error]){--mds-radial-progress-color:rgb(var(--status-error-05,250 165 160));--mds-radial-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-radial-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-radial-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-radial-progress-color:rgb(var(--status-success-05,107 206 147));--mds-radial-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-radial-progress-color:rgb(var(--status-info-05,112 198 234));--mds-radial-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=light]){--mds-radial-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark]){--mds-radial-progress-color:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-background:rgb(var(--tone-neutral-02,244 244 244));--mds-radial-progress-text-background:rgb(var(--tone-neutral-04,218 218 218));color:rgb(var(--tone-neutral,0 0 0))}'}},[1,"mds-radial-progress",{progress:[2],icon:[513],typography:[513],variant:[513],animatedProgress:[32]},void 0,{progress:[{onProgressChange:0}]}]);function d(){"undefined"!=typeof customElements&&["mds-radial-progress","mds-icon","mds-text"].forEach((e=>{switch(e){case"mds-radial-progress":customElements.get(a(e))||customElements.define(a(e),n);break;case"mds-icon":customElements.get(a(e))||o();break;case"mds-text":customElements.get(a(e))||i()}}))}export{n as M,d}
+import{proxyCustomElement as r,HTMLElement as a,h as s,Host as t,transformTag as o}from"@stencil/core/internal/client";import{d as e}from"./mds-icon2.js";import{d as i}from"./mds-text2.js";const n=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.progress=0,this.animatedProgress=0,this.rafId=null,this.typography="option",this.variant="primary",this.progressPercentage=r=>`${Math.round(100*r)}`,this.clampProgress=r=>Math.min(1,Math.max(0,r)),this.prefersReducedMotion=()=>{var r,a;return"undefined"!=typeof window&&!0===(null===(a=null===(r=window.matchMedia)||void 0===r?void 0:r.call(window,"(prefers-reduced-motion: reduce)"))||void 0===a?void 0:a.matches)},this.easeOutExpo=r=>1===r?1:1-Math.pow(2,-10*r),this.stopAnimation=()=>{null!==this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null)},this.animateTo=r=>{const a=this.clampProgress(r),s=this.animatedProgress;if(this.stopAnimation(),this.prefersReducedMotion())return void(this.animatedProgress=a);const t=performance.now(),o=r=>{const e=Math.min(1,(r-t)/500),i=this.easeOutExpo(e);this.animatedProgress=s+(a-s)*i,this.rafId=e<1?requestAnimationFrame(o):null};this.rafId=requestAnimationFrame(o)}}componentWillLoad(){this.animatedProgress=this.clampProgress(this.progress)}disconnectedCallback(){this.stopAnimation()}onProgressChange(r){this.animateTo(r)}render(){const r=`${(100*this.animatedProgress).toFixed(2)}%`,a=this.progressPercentage(this.clampProgress(this.progress));return s(t,{key:"83881b4057b76db8a56eff2185522ab7394f11aa",style:{"--mds-radial-progress":r},role:"progressbar"},s("div",{key:"f21da1d993decfa5cd242186559f2c25c0209030",class:"value-container",part:"value-container"},this.icon&&s("mds-icon",{key:"1f53b8c170ae2657ae097e4207e32b75ce91cf91",class:"icon",name:this.icon,part:"icon"}),s("div",{key:"7f5b4e719ccb8c484c633b2cfc07cb02f90b14f0",class:"value-container__text"},s("mds-text",{key:"2a379a399770d3a0dac5dc5bf88fcda83ff9ad43",class:"value",typography:this.typography},a))))}static get watchers(){return{progress:[{onProgressChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-radial-progress:0%}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-tooltip):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-radial-progress{syntax:"<length-percentage>";inherits:false;initial-value:0%}:host{--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-text-background-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-radial-progress-text-background:rgb(var(--tone-neutral,0 0 0));--mds-radial-progress-text-suffix:"%";--mds-radial-progress:0%;align-items:center;aspect-ratio:1;background-color:var(--mds-radial-progress-background);background-image:conic-gradient(var(--mds-radial-progress-color) var(--mds-radial-progress,0),#0000 0);border-radius:3.40282e+38px;box-sizing:border-box;container:mds-radial-progress/inline-size;display:flex;height:auto;justify-content:center;padding:calc(var(--spacing,.0025rem)*200);transition-duration:.5s;transition-property:background-color,--mds-radial-progress-color,--mds-radial-progress;transition-timing-function:ease-out;width:calc(var(--spacing,.0025rem)*1200)}.value-container{aspect-ratio:1;background-color:var(--mds-radial-progress-text-background);border-radius:inherit;-webkit-box-shadow:var(--mds-radial-progress-text-background-shadow);box-shadow:var(--mds-radial-progress-text-background-shadow);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*50);padding:calc(var(--spacing,.0025rem)*50);width:100%}.value-container,.value-container__text{align-items:center;justify-content:center}.value,.value-container__text{display:inline-flex}.value{color:currentColor}.value:after{content:var(--mds-radial-progress-text-suffix)}.icon{aspect-ratio:1;fill:var(--mds-radial-progress-color);max-height:calc(var(--spacing,.0025rem)*600);max-width:calc(var(--spacing,.0025rem)*600);width:100%}@container mds-radial-progress (max-width:47px){:host([typography=label][icon]) .value-container__text,:host([typography=option][icon]) .value-container__text{display:none}}@container mds-radial-progress (max-width:35px){:host([typography=label]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:31px){:host([typography=option]) .value{--mds-radial-progress-text-suffix:""}}@container mds-radial-progress (max-width:23px){:host([typography=label]) .value{display:none}}@container mds-radial-progress (max-width:19px){:host([typography=option]) .value{display:none}}:host([variant=primary]){--mds-radial-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=secondary]){--mds-radial-progress-color:rgb(var(--variant-secondary-03,215 226 252));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=ai]){--mds-radial-progress-color:rgb(var(--variant-ai-04,218 199 253));--mds-radial-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=error]){--mds-radial-progress-color:rgb(var(--status-error-05,250 165 160));--mds-radial-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-radial-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-radial-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-radial-progress-color:rgb(var(--status-success-05,107 206 147));--mds-radial-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-radial-progress-color:rgb(var(--status-info-05,112 198 234));--mds-radial-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=light]){--mds-radial-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-radial-progress-background:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark]){--mds-radial-progress-color:rgb(var(--tone-neutral-09,76 76 76));--mds-radial-progress-background:rgb(var(--tone-neutral-02,244 244 244));--mds-radial-progress-text-background:rgb(var(--tone-neutral-04,218 218 218));color:rgb(var(--tone-neutral,0 0 0))}'}},[1,"mds-radial-progress",{progress:[2],icon:[513],typography:[513],variant:[513],animatedProgress:[32]},void 0,{progress:[{onProgressChange:0}]}]);function d(){"undefined"!=typeof customElements&&["mds-radial-progress","mds-icon","mds-text"].forEach((r=>{switch(r){case"mds-radial-progress":customElements.get(o(r))||customElements.define(o(r),n);break;case"mds-icon":customElements.get(o(r))||e();break;case"mds-text":customElements.get(o(r))||i()}}))}export{n as M,d}

package/dist/components/mds-separator2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(o,{key:"b77bfa637825f2c45736df617eaac64b69427ad0"})}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-separator-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-separator-background:rgb(var(--tone-neutral-08,107 107 107));background-color:var(--mds-separator-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-full,1000px);display:flex;height:1px}:host-context(:root.pref-theme-dark){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}}"}},[1,"mds-separator"]);function n(){"undefined"!=typeof customElements&&["mds-separator"].forEach((e=>{"mds-separator"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}export{s as M,n as d}
+import{proxyCustomElement as e,HTMLElement as r,h as t,Host as s,transformTag as o}from"@stencil/core/internal/client";import{s as a}from"./preference.js";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}connectedCallback(){this.unsubscribePrefContrast=a("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=a("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=a("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,r,t;null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(r=this.unsubscribePrefTheme)||void 0===r||r.call(this),null===(t=this.unsubscribePrefThemeScheme)||void 0===t||t.call(this)}render(){return t(s,{key:"ea2d787f29d9a411ff5d52bb7159f61af06706fb","pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme})}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-separator-background:rgb(var(--tone-neutral-08,107 107 107))}}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-separator-background:rgb(var(--tone-neutral-08,107 107 107));background-color:var(--mds-separator-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-full,1000px);display:flex;height:1px}:host([pref-theme=dark]){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}:host([pref-contrast=more]){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-separator-background:rgb(var(--tone-neutral-07,134 134 134))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-separator-background:rgb(var(--tone-neutral-06,158 158 158))}}"}},[1,"mds-separator",{prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]);function i(){"undefined"!=typeof customElements&&["mds-separator"].forEach((e=>{"mds-separator"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))}export{n as M,i as d}

package/dist/components/mds-spinner2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.running=!1}handleRunning(e){!1===e&&(this.running=void 0)}render(){return s(n,{key:"da29b22d2ddd2824a2f71aa9a6ea2c31da835b14"},s("i",{key:"c8cdc857de88d6e1c89f1365b4f11a7dc96e1ef1",class:"await-icon",innerHTML:'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path opacity="0.25" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="4"/>\n  <path opacity="0.75" d="M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>\n</svg>\n'}))}static get watchers(){return{running:[{handleRunning:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-spinner-duration:.725s;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-spinner-duration{syntax:"<time>";inherits:false;initial-value:.725s}:host{--mds-spinner-duration:.725s;height:calc(var(--spacing,.0025rem)*1200);width:calc(var(--spacing,.0025rem)*1200);--tw-duration:.3s;--tw-ease:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));align-items:center;color:rgb(var(--variant-primary-03,211 226 255));display:inline-flex;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transition-duration:.3s;transition-property:opacity,transform;transition-timing-function:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1))}:host([running]){--tw-duration:.7s;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));opacity:1;transform:scale(1);transition-duration:.7s;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.await-icon{animation:var(--animate-spin,spin 1s linear infinite);aspect-ratio:var(--aspect-square,1/1);width:100%;--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-animation-duration:var(--mds-spinner-duration,.725s);animation-duration:var(--mds-spinner-duration,.725s);animation-play-state:paused;display:flex;flex-shrink:0;stroke:currentColor;transition-duration:.3s;transition-property:stroke;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.await-icon svg{width:100%}:host([running]) .await-icon{animation-play-state:running}:host-context(:root.pref-animation-reduce){--mds-spinner-duration:8s}:host-context(:root.pref-contrast-more){color:rgb(var(--variant-primary-01,242 246 255))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-spinner-duration:8s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--variant-primary-01,242 246 255))}}'}},[1,"mds-spinner",{running:[1540]},void 0,{running:[{handleRunning:0}]}]);function o(){"undefined"!=typeof customElements&&["mds-spinner"].forEach((e=>{"mds-spinner"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))}export{r as M,o as d}
+import{proxyCustomElement as t,HTMLElement as n,h as i,Host as r,transformTag as e}from"@stencil/core/internal/client";import{s as a}from"./preference.js";const o=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.running=!1}connectedCallback(){this.unsubscribePrefContrast=a("contrast",(t=>{this.prefContrast=t}))}disconnectedCallback(){var t;null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this)}handleRunning(t){!1===t&&(this.running=void 0)}render(){return i(r,{key:"3cc5be5253b5a0dd6930f3e6b76f8740d929ec06","pref-contrast":this.prefContrast},i("i",{key:"cc12373124c1d79f96f6db046282ccf85a140e92",class:"await-icon",innerHTML:'<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path opacity="0.25" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="4"/>\n  <path opacity="0.75" d="M10 2.2002C5.43552 3.12674 2 7.16224 2 12.0002C2 13.5118 2.3354 14.9451 2.93585 16.2297" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>\n</svg>\n'}))}static get watchers(){return{running:[{handleRunning:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-spinner-duration:.725s;--tw-ease:initial}}}@property --mds-spinner-duration{syntax:"<time>";inherits:false;initial-value:.725s}:host{--mds-spinner-duration:.725s;--tw-ease:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));align-items:center;color:rgb(var(--variant-primary-03,211 226 255));display:inline-flex;height:calc(var(--spacing,.0025rem)*1200);justify-content:center;opacity:0;overflow:hidden;transform:scale(0);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:opacity,transform;transition-timing-function:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));width:calc(var(--spacing,.0025rem)*1200)}:host([running]){--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));opacity:1;transform:scale(1);-webkit-transition-duration:var(--duration-700,.7s);transition-duration:var(--duration-700,.7s);transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.await-icon{animation:var(--animate-spin,spin 1s linear infinite);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-animation-duration:var(--mds-spinner-duration,.725s);animation-duration:var(--mds-spinner-duration,.725s);animation-play-state:paused;aspect-ratio:var(--aspect-square,1/1);display:flex;flex-shrink:0;stroke:currentColor;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:stroke;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.await-icon svg{width:100%}:host([running]) .await-icon{animation-play-state:running}:host([pref-contrast=more]){color:rgb(var(--variant-primary-01,242 246 255))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){:host{--mds-spinner-duration:8s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){color:rgb(var(--variant-primary-01,242 246 255))}}'}},[1,"mds-spinner",{running:[1540],prefContrast:[32]},void 0,{running:[{handleRunning:0}]}]);function s(){"undefined"!=typeof customElements&&["mds-spinner"].forEach((t=>{"mds-spinner"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}export{o as M,s as d}

package/dist/components/mds-status-bar.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as a,h as s,Host as e,transformTag as r}from"@stencil/core/internal/client";import{d as o}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d}from"./mds-modal2.js";import{d as n}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.overflow="manual",this.position="bottom-right"}componentDidLoad(){var t;this.modal=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".modal"),this.modal.backdrop=void 0}handleVisbilityProp(t){!1===t&&(this.visible=void 0)}async hide(){this.visible=void 0}render(){return s(e,{key:"2e37f49ed168ac4f92de372d2174073b193ed5f3"},s("mds-modal",{key:"248f8662369de074f704d86b3ff83597b2403592",class:"modal",opened:this.visible,position:this.position,animation:"custom",overflow:this.overflow},s("div",{key:"3acce82b21bd279dab72e67cf3ecaa6c2c88c228",class:"status-bar-area",part:"status-bar-area",slot:"window"},s("div",{key:"40b7f67c8e568860cbdf843ca46b98f5fa61a765",class:"status-bar",part:"status-bar"},this.description&&s("mds-text",{key:"e669ba5dfe960c3a11812f55720f35ad2d1514a6",typography:"caption",class:"description"},this.description),s("div",{key:"bb0266d41aa9eabd340e1a709a625e94c08682ed",class:"actions",part:"actions"},s("slot",{key:"aac6557450ec7509c1126dfc1ccc629474e4d5e8"}))))))}get host(){return this}static get watchers(){return{visible:[{handleVisbilityProp:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-modal,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-status-bar-max-width{syntax:"<length>";inherits:false;initial-value:500px}:host{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1);--mds-status-bar-backdrop-filter:blur(10px)}mds-modal{--mds-modal-custom-window-distance:0;--mds-modal-custom-closed-transform:translateY(100%)}.status-bar-area{-webkit-backdrop-filter:var(--mds-status-bar-backdrop-filter);backdrop-filter:var(--mds-status-bar-backdrop-filter);background-color:var(--mds-status-bar-backdrop,rgb(var(--tone-neutral-01,255 255 255)/.1));border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;margin-left:calc(var(--spacing,.0025rem)*600);margin-right:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*600);transition-property:background-color,transform,opacity}.status-bar{align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);max-width:var(--mds-status-bar-max-width,500px);padding:calc(var(--spacing,.0025rem)*600)}.actions,.status-bar{display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*400)}.actions{flex-grow:1}:host-context(:root.pref-animation-reduce) .status-bar-area{transition-duration:0s}:host-context(:root.pref-consumption-medium){--mds-status-bar-backdrop-filter:none}:host-context(:root.pref-contrast-more){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}@media (max-width:480px){.status-bar-area{border-radius:0;margin-left:0;margin-right:0;padding:calc(var(--spacing,.0025rem)*400);width:100%}.status-bar{width:100%}.actions{gap:calc(var(--spacing,.0025rem)*200)}::slotted(*){flex-grow:1}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .status-bar-area{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}'}},[257,"mds-status-bar",{description:[513],overflow:[513],position:[513],visible:[1540],hide:[64]},void 0,{visible:[{handleVisbilityProp:0}]}]),l=c,p=function(){"undefined"!=typeof customElements&&["mds-status-bar","mds-button","mds-icon","mds-modal","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-status-bar":customElements.get(r(t))||customElements.define(r(t),c);break;case"mds-button":customElements.get(r(t))||o();break;case"mds-icon":customElements.get(r(t))||i();break;case"mds-modal":customElements.get(r(t))||d();break;case"mds-spinner":customElements.get(r(t))||n();break;case"mds-text":customElements.get(r(t))||m()}}))};export{l as MdsStatusBar,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,h as a,Host as e,transformTag as r}from"@stencil/core/internal/client";import{s as o}from"./preference.js";import{d as i}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as n}from"./mds-modal2.js";import{d as m}from"./mds-spinner2.js";import{d as c}from"./mds-text2.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.overflow="manual",this.position="bottom-right"}connectedCallback(){this.unsubscribeConsumption=o("consumption",(t=>{this.consumption=t})),this.unsubscribePrefContrast=o("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=o("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=o("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,s,a,e;null===(t=this.unsubscribeConsumption)||void 0===t||t.call(this),null===(s=this.unsubscribePrefContrast)||void 0===s||s.call(this),null===(a=this.unsubscribePrefTheme)||void 0===a||a.call(this),null===(e=this.unsubscribePrefThemeScheme)||void 0===e||e.call(this)}componentDidLoad(){var t;this.modal=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".modal"),this.modal.hideBackdrop=!0}handleVisbilityProp(t){!1===t&&(this.visible=void 0)}async hide(){this.visible=void 0}render(){return a(e,{key:"9513dd86370989a1a6c6d0823d4aa16206f3b5b5","pref-consumption":this.consumption,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},a("mds-modal",{key:"1e5731bfc9f747842197386c2f7f1d01d3456205",class:"modal",opened:this.visible,position:this.position,animation:"custom",overflow:this.overflow},a("div",{key:"0e3270a397ee348b736889134d20b2c913415d05",class:"status-bar-area",part:"status-bar-area",slot:"window"},a("div",{key:"9401d2abdcc9ee9e0b7ed31575b820c7d93a579e",class:"status-bar",part:"status-bar"},this.description&&a("mds-text",{key:"b95add3fd67ba4a8e7a42b9222f7421547a793d7",typography:"caption",class:"description"},this.description),a("div",{key:"156f0e9e4f550344eef4cc0774f6c924d5dbd265",class:"actions",part:"actions"},a("slot",{key:"28e6a570064fbb9fd541e2a8ad66be93bed36aa9"}))))))}get host(){return this}static get watchers(){return{visible:[{handleVisbilityProp:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1)}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-modal,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-status-bar-max-width{syntax:"<length>";inherits:false;initial-value:500px}:host{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1);--mds-status-bar-backdrop-filter:blur(10px)}mds-modal{--mds-modal-custom-window-distance:0;--mds-modal-custom-closed-transform:translateY(100%)}.status-bar-area{-webkit-backdrop-filter:var(--mds-status-bar-backdrop-filter);backdrop-filter:var(--mds-status-bar-backdrop-filter);background-color:var(--mds-status-bar-backdrop,rgb(var(--tone-neutral-01,255 255 255)/.1));border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;margin-left:calc(var(--spacing,.0025rem)*600);margin-right:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*600);transition-property:background-color,transform,opacity}.status-bar{align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);max-width:var(--mds-status-bar-max-width,500px);padding:calc(var(--spacing,.0025rem)*600)}.actions,.status-bar{display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*400)}.actions{flex-grow:1}:host([pref-consumption=medium]){--mds-status-bar-backdrop-filter:none}:host([pref-contrast=more]){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}@media (max-width:480px){.status-bar-area{border-radius:0;margin-left:0;margin-right:0;padding:calc(var(--spacing,.0025rem)*400);width:100%}.status-bar{width:100%}.actions{gap:calc(var(--spacing,.0025rem)*200)}::slotted(*){flex-grow:1}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}}@media (prefers-color-scheme:dark){:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}'}},[257,"mds-status-bar",{description:[513],overflow:[513],position:[513],visible:[1540],consumption:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],hide:[64]},void 0,{visible:[{handleVisbilityProp:0}]}]),p=l,h=function(){"undefined"!=typeof customElements&&["mds-status-bar","mds-button","mds-icon","mds-modal","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-status-bar":customElements.get(r(t))||customElements.define(r(t),l);break;case"mds-button":customElements.get(r(t))||i();break;case"mds-icon":customElements.get(r(t))||d();break;case"mds-modal":customElements.get(r(t))||n();break;case"mds-spinner":customElements.get(r(t))||m();break;case"mds-text":customElements.get(r(t))||c()}}))};export{p as MdsStatusBar,h as defineCustomElement}

package/dist/components/mds-stepper-bar-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";import{K as n}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as p}from"./mds-badge2.js";import{d as c}from"./mds-icon2.js";import{d as m}from"./mds-progress2.js";import{d as b}from"./mds-radial-progress2.js";import{d as u}from"./mds-text2.js";var l={badgeDone:"Ολοκληρώθηκε",badgeCurrent:"Καθημερινή",badgeQueued:"Σε αναμονή",step:"Βήμα {{ index }}"},g={badgeDone:"Done",badgeCurrent:"Current",badgeQueued:"Queued",step:"Step {{ index }}"},h={badgeDone:"Completado",badgeCurrent:"En curso",badgeQueued:"En cola",step:"Paso {{ index }}"},v={badgeDone:"Completato",badgeCurrent:"In corso",badgeQueued:"In coda",step:"Step {{ index }}"};const f=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.doneEvent=t(this,"mdsStepperBarItemDone",7),this.km=new n,this.t=new d({el:l,en:g,es:h,it:v}),this.iconChecked=this.icon,this.done=!1,this.current=!1,this.typography="h6",this.showBadge=()=>this.isDone?s("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},this.t.get("badgeDone")):this.isCurrent?s("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},this.t.get("badgeCurrent")):s("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},this.t.get("badgeQueued"))}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.isCurrent=this.current,this.isDone=this.done;const e=this.host.parentElement;e&&(this.index=[...Array.from(e.childNodes)].indexOf(this.host))}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentWillRender(){this.t.lang(this.host)}disconnectedCallback(){this.km.detachClickBehavior()}selectedHandler(e){this.isDone=e}currentHandler(e){this.isCurrent=e}render(){return s(a,{key:"117ff77114f72fb2e58659a53a594b133092edc2"},s("div",{key:"bdfcff07ea6e0c849643b1c36d8d0a3004d90a0f",class:"header"},s("mds-icon",{key:"15a20b0bb4bd3ec80e04890fafe28f657aa50c62",class:"icon",name:o(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),s("mds-progress",{key:"3da9d9cd257d82f7628f5f2845524854fd6a43e2","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),s("div",{key:"21ceca94f0545a0110558483668f289122fb2dcf",class:"infos"},this.step&&s("mds-text",{key:"d7609567247c9cf43acf3a52b8ee0c3e1697fbc5",class:"step",typography:"option"},this.t.get("step",{index:this.index+1})),this.label&&s("mds-text",{key:"3fc26167d085031d5ff9c7241c80046d28a1843d",class:"text",typography:this.typography},this.label),this.badge&&s("div",{key:"1ff407f2b05a19f13d3cdf7abc508853e9fb951c",part:"badge"},this.showBadge())))}get host(){return this}static get watchers(){return{done:[{selectedHandler:0}],current:[{currentHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-ring-separator-size:.375rem;--mds-stepper-bar-item-icon-ring-size:var(--height-100);--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);--tw-ease:initial;--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-stepper-bar-item-duaration{syntax:"<time>";inherits:false;initial-value:.25s}@property --mds-stepper-bar-item-icon-ring-separator-size{syntax:"<length>";inherits:false;initial-value:.375rem}@property --mds-stepper-bar-item-min-width{syntax:"<length>";inherits:false;initial-value:180px}:host{--mds-stepper-bar-item-header-gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*50));--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);align-items:flex-start;border-radius:var(--radius-xl,20px);display:grid;flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*400);min-width:var(--mds-stepper-bar-item-min-width,180px);position:relative;scroll-snap-align:center;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:outline,outline-offset,background-color}:host(:last-of-type){flex-basis:calc(var(--spacing,.0025rem)*100)}:host(:last-of-type) .progress{display:none}:host([done]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done,rgb(var(--status-success-05,107 206 147)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done,rgb(var(--status-success-10,0 69 0)));transition-delay:0s}:host([current]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current,rgb(var(--tone-neutral,0 0 0)));-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2);transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2)}.header{border-radius:var(--radius-md,12px);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;gap:var(--mds-stepper-bar-item-header-gap);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.icon{border-radius:var(--radius-full,1000px);--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-stepper-bar-item-icon-background,var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107))));display:flex;fill:var(--mds-stepper-bar-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;padding:calc(var(--spacing,.0025rem)*200);position:relative;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color,rgb(var(--status-success-04,158 222 181)));--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness,var(--height-200));--mds-progress-radius:0;flex-grow:1}.infos{display:grid;gap:calc(var(--spacing,.0025rem)*100);padding-left:calc(var(--spacing,.0025rem)*100)}.text{--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));color:var(--mds-stepper-bar-item-color,rgb(var(--tone-neutral-03,233 233 233)));pointer-events:none;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.badge,.step{border-radius:var(--radius-full,1000px);pointer-events:none}.step{color:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-animation-reduce){transition-delay:0s!important;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .header,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .text){transition-delay:0s!important;transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .text{transition-delay:0s!important;transition-duration:0s}}'}},[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],isDone:[32],isCurrent:[32],index:[32],language:[32],updateLang:[64]},void 0,{done:[{selectedHandler:0}],current:[{currentHandler:0}]}]),y=f,k=function(){"undefined"!=typeof customElements&&["mds-stepper-bar-item","mds-badge","mds-icon","mds-progress","mds-radial-progress","mds-text"].forEach((e=>{switch(e){case"mds-stepper-bar-item":customElements.get(i(e))||customElements.define(i(e),f);break;case"mds-badge":customElements.get(i(e))||p();break;case"mds-icon":customElements.get(i(e))||c();break;case"mds-progress":customElements.get(i(e))||m();break;case"mds-radial-progress":customElements.get(i(e))||b();break;case"mds-text":customElements.get(i(e))||u()}}))};export{y as MdsStepperBarItem,k as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as a,Host as s,transformTag as i}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";import{K as o}from"./keyboard-manager.js";import{L as p}from"./locale.js";import{s as d}from"./preference.js";import{d as c}from"./mds-badge2.js";import{d as m}from"./mds-icon2.js";import{d as b}from"./mds-progress2.js";import{d as u}from"./mds-radial-progress2.js";import{d as l}from"./mds-text2.js";var g={badgeDone:"Ολοκληρώθηκε",badgeCurrent:"Καθημερινή",badgeQueued:"Σε αναμονή",step:"Βήμα {{ index }}"},v={badgeDone:"Done",badgeCurrent:"Current",badgeQueued:"Queued",step:"Step {{ index }}"},h={badgeDone:"Completado",badgeCurrent:"En curso",badgeQueued:"En cola",step:"Paso {{ index }}"},f={badgeDone:"Completato",badgeCurrent:"In corso",badgeQueued:"In coda",step:"Step {{ index }}"};const k=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.doneEvent=t(this,"mdsStepperBarItemDone",7),this.km=new o,this.t=new p({el:g,en:v,es:h,it:f}),this.iconChecked=this.icon,this.done=!1,this.current=!1,this.typography="h6",this.showBadge=()=>this.isDone?a("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},this.t.get("badgeDone")):this.isCurrent?a("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},this.t.get("badgeCurrent")):a("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},this.t.get("badgeQueued"))}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.isCurrent=this.current,this.isDone=this.done;const e=this.host.parentElement;e&&(this.index=[...Array.from(e.childNodes)].indexOf(this.host))}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentWillRender(){this.t.lang(this.host)}connectedCallback(){this.unsubscribePrefAnimation=d("animation",(e=>{this.prefAnimation=e}))}disconnectedCallback(){var e;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),this.km.detachClickBehavior()}selectedHandler(e){this.isDone=e}currentHandler(e){this.isCurrent=e}render(){return a(s,{key:"5a8c6d0b17fd719b63c022620da9c0e52d4d6396","pref-animation":this.prefAnimation},a("div",{key:"bbc8a708a030d5877166a4ce59c6072be1312a21",class:"header"},a("mds-icon",{key:"3d1b84caad6c99c41427f2e9df11257020ef7f5e",class:"icon",name:n(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),a("mds-progress",{key:"174bb2a23c49847fd7a9fd7c8520d8536599750e","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),a("div",{key:"7a7a1499febfb335abbcc5971cf0d210a71d2bbb",class:"infos"},this.step&&a("mds-text",{key:"b7e0840dc402e165495aa9362e1a4a5094853c74",class:"step",typography:"option"},this.t.get("step",{index:this.index+1})),this.label&&a("mds-text",{key:"f1204fb34565802fad46d6b74a9c6eade81a488c",class:"text",typography:this.typography},this.label),this.badge&&a("div",{key:"98cba12f069e469a100387be7636f494f1c9796d",part:"badge"},this.showBadge())))}get host(){return this}static get watchers(){return{done:[{selectedHandler:0}],current:[{currentHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-ring-separator-size:.375rem;--mds-stepper-bar-item-icon-ring-size:var(--height-100);--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);--tw-ease:initial}}}@property --mds-stepper-bar-item-duaration{syntax:"<time>";inherits:false;initial-value:.25s}@property --mds-stepper-bar-item-icon-ring-separator-size{syntax:"<length>";inherits:false;initial-value:.375rem}@property --mds-stepper-bar-item-min-width{syntax:"<length>";inherits:false;initial-value:180px}:host{--mds-stepper-bar-item-header-gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*50));--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--private-stepper-bar-item-duaration:var(--mds-stepper-bar-item-duaration,.25s);--mds-stepper-bar-item-transition-duration:var(--duration-200,.2s);--private-stepper-bar-item-transition-duration:var(--mds-stepper-bar-item-transition-duration);--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);align-items:flex-start;border-radius:var(--radius-xl,20px);display:grid;flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*400);min-width:var(--mds-stepper-bar-item-min-width,180px);position:relative;scroll-snap-align:center;-webkit-transition-duration:var(--private-stepper-bar-item-duaration);transition-duration:var(--private-stepper-bar-item-duaration);transition-property:outline,outline-offset,background-color}:host(:last-of-type){-ms-flex-preferred-size:calc(var(--spacing,.0025rem)*100);flex-basis:calc(var(--spacing,.0025rem)*100)}:host(:last-of-type) .progress{display:none}:host([done]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done,rgb(var(--status-success-05,107 206 147)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done,rgb(var(--status-success-10,0 69 0)));transition-delay:0s}:host([current]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current,rgb(var(--tone-neutral,0 0 0)));-webkit-transition-delay:calc(var(--private-stepper-bar-item-duaration)/2);transition-delay:calc(var(--private-stepper-bar-item-duaration)/2)}.header{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;border-radius:var(--radius-md,12px);display:flex;gap:var(--mds-stepper-bar-item-header-gap);-webkit-transition-duration:var(--private-stepper-bar-item-transition-duration);transition-duration:var(--private-stepper-bar-item-transition-duration);transition-property:outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.icon{--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-stepper-bar-item-icon-background,var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107))));border-radius:var(--radius-full,1000px);display:flex;fill:var(--mds-stepper-bar-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;padding:calc(var(--spacing,.0025rem)*200);position:relative;-webkit-transition-duration:var(--private-stepper-bar-item-duaration);transition-duration:var(--private-stepper-bar-item-duaration);transition-property:background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color,rgb(var(--status-success-04,158 222 181)));--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness,var(--height-200));--mds-progress-radius:0;flex-grow:1}.infos{display:grid;gap:calc(var(--spacing,.0025rem)*100);padding-left:calc(var(--spacing,.0025rem)*100)}.text{--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));color:var(--mds-stepper-bar-item-color,rgb(var(--tone-neutral-03,233 233 233)));pointer-events:none;-webkit-transition-duration:var(--private-stepper-bar-item-duaration);transition-duration:var(--private-stepper-bar-item-duaration);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.badge,.step{border-radius:var(--radius-full,1000px);pointer-events:none}.step{color:rgb(var(--tone-neutral-04,218 218 218))}:host([pref-animation=reduce]){--private-stepper-bar-item-duaration:0s;--private-stepper-bar-item-transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-stepper-bar-item-duaration:0s;--private-stepper-bar-item-transition-duration:0s}}'}},[1,"mds-stepper-bar-item",{label:[1],step:[4],badge:[1540],icon:[1],iconChecked:[1,"icon-checked"],done:[516],current:[1540],value:[513],typography:[1],prefAnimation:[32],isDone:[32],isCurrent:[32],index:[32],language:[32],updateLang:[64]},void 0,{done:[{selectedHandler:0}],current:[{currentHandler:0}]}]),y=k,x=function(){"undefined"!=typeof customElements&&["mds-stepper-bar-item","mds-badge","mds-icon","mds-progress","mds-radial-progress","mds-text"].forEach((e=>{switch(e){case"mds-stepper-bar-item":customElements.get(i(e))||customElements.define(i(e),k);break;case"mds-badge":customElements.get(i(e))||c();break;case"mds-icon":customElements.get(i(e))||m();break;case"mds-progress":customElements.get(i(e))||b();break;case"mds-radial-progress":customElements.get(i(e))||u();break;case"mds-text":customElements.get(i(e))||l()}}))};export{y as MdsStepperBarItem,x as defineCustomElement}

package/dist/components/mds-stepper-bar.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as t,createEvent as e,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";const i=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.changedEvent=e(this,"mdsStepperBarChange",7),this.currentItem=0,this.itemsDone=1,this.navigation="none",this.queryItems=()=>this.element.querySelectorAll("mds-stepper-bar-item"),this.queryContentItems=()=>this.element.querySelectorAll("[slot=content]"),this.minmax=(r,t,e)=>Math.min(Math.max(r,t),e),this.setCurrent=r=>{this.items=this.queryItems(),this.currentItem=r-1;const t=[];this.items.forEach(((r,e)=>{r.done=!1,e<this.currentItem&&(r.done=!0,r.value&&t.push(r.value)),r.current=!1,e===this.currentItem&&(r.current=!0,this.currentItem=e)})),this.changedEvent.emit({value:""+t,step:this.currentItem}),this.scrollItems(),this.setCurrentContent()},this.setCurrentContent=()=>{this.contentItems.forEach(((r,t)=>{r.classList.add("hidden"),t===this.currentItem&&r.classList.remove("hidden")}))},this.scrollItems=()=>{var r;const t=null===(r=this.element.shadowRoot)||void 0===r?void 0:r.querySelector(".items"),e=this.queryItems(),s=this.minmax(this.currentItem,0,this.items.length-1);if(!t)throw Error("No mds-stepper-bar-items found");if(s<=0)return void(t.scrollLeft=0);if(s>=e.length)return void(t.scrollLeft=e[e.length-1].offsetLeft-t.offsetLeft);const a=e[s];t.scrollLeft=a.offsetLeft-t.offsetLeft-t.offsetWidth/2+a.offsetWidth/2}}componentWillLoad(){this.items=this.queryItems(),this.items.forEach(((r,t)=>{r.id="mds-stepper-bar-item-"+t}))}componentDidLoad(){this.contentItems=this.queryContentItems(),this.setCurrent(this.itemsDone)}itemDone(r){this.setCurrent(r)}changeEventHandler(r){this.items=this.queryItems(),this.items.forEach(((t,e)=>{t.done=!1,"mds-stepper-bar-item-"+e===r.detail&&(t.current=!0,this.currentItem=e)}))}render(){return s(a,{key:"a0b7e159765a3130fcc67b2e3a1146b0c43907ff"},s("div",{key:"25d1984f704bc071cda8010ab382384d28b86273",class:"items",part:"items"},s("slot",{key:"f32c13a94bbce2e93f28ef23b2dfcaeec17269d1"})),s("div",{key:"7dc90454240058f41ce07f98bb53e4376346b582",class:"contents",part:"contents"},s("slot",{key:"25185f4817e18132b066c01d9d98353e1f62b19e",name:"content"})))}get element(){return this}static get watchers(){return{itemsDone:[{itemDone:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-stepper-bar-item):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-stepper-bar-offset-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}@property --mds-stepper-bar-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107));display:grid;gap:calc(var(--spacing,.0025rem)*600);position:relative}.items{align-items:start;display:flex;flex-grow:1;gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*500));margin:0 calc(var(--mds-stepper-bar-offset-margin,0)*-1);overflow:auto;padding:0 var(--mds-stepper-bar-offset-margin,0);position:relative;scroll-behavior:var(--mds-stepper-bar-scroll-behavior,smooth);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%;z-index:10}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{display:flex;flex-direction:column;width:100%}:host-context(:root.pref-animation-reduce){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .contents,:host-context(:root.pref-animation-reduce) .items){transition-duration:0s}:host(:not([navigation=scrollbar])) .items{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([navigation=scrollbar])) .items::-webkit-scrollbar{display:none}:host([navigation=scrollbar]) .items::-webkit-scrollbar{height:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([navigation=scrollbar]) .items::-webkit-scrollbar-track{background-color:var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0);margin-block:var(--mds-stepper-bar-scrollbar-margin,0);margin-inline:var(--mds-stepper-bar-scrollbar-margin,0)}:host([navigation=scrollbar]) .items::-webkit-scrollbar-thumb{background-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.items{scrollbar-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158))) var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));scrollbar-width:thin}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .contents,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .items{transition-duration:0s}}'}},[257,"mds-stepper-bar",{itemsDone:[2,"items-done"],navigation:[513],currentItem:[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{itemsDone:[{itemDone:0}]}]),n=i,l=function(){"undefined"!=typeof customElements&&["mds-stepper-bar"].forEach((r=>{"mds-stepper-bar"===r&&(customElements.get(o(r))||customElements.define(o(r),i))}))};export{n as MdsStepperBar,l as defineCustomElement}
+import{proxyCustomElement as r,HTMLElement as e,createEvent as t,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";const o=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.changedEvent=t(this,"mdsStepperBarChange",7),this.currentItem=0,this.itemsDone=1,this.navigation="none",this.queryItems=()=>this.element.querySelectorAll("mds-stepper-bar-item"),this.queryContentItems=()=>this.element.querySelectorAll("[slot=content]"),this.minmax=(r,e,t)=>Math.min(Math.max(r,e),t),this.setCurrent=r=>{this.items=this.queryItems(),this.currentItem=r-1;const e=[];this.items.forEach(((r,t)=>{r.done=!1,t<this.currentItem&&(r.done=!0,void 0!==r.value&&""!==r.value&&e.push(r.value)),r.current=!1,t===this.currentItem&&(r.current=!0,this.currentItem=t)})),this.changedEvent.emit({value:""+e,step:this.currentItem}),this.scrollItems(),this.setCurrentContent()},this.setCurrentContent=()=>{this.contentItems.forEach(((r,e)=>{r.classList.add("hidden"),e===this.currentItem&&r.classList.remove("hidden")}))},this.scrollItems=()=>{var r;const e=null===(r=this.element.shadowRoot)||void 0===r?void 0:r.querySelector(".items"),t=this.queryItems(),s=this.minmax(this.currentItem,0,this.items.length-1);if(!e)throw Error("No mds-stepper-bar-items found");if(s<=0)return void(e.scrollLeft=0);if(s>=t.length)return void(e.scrollLeft=t[t.length-1].offsetLeft-e.offsetLeft);const a=t[s];e.scrollLeft=a.offsetLeft-e.offsetLeft-e.offsetWidth/2+a.offsetWidth/2}}componentWillLoad(){this.items=this.queryItems(),this.items.forEach(((r,e)=>{r.id="mds-stepper-bar-item-"+e}))}componentDidLoad(){this.contentItems=this.queryContentItems(),this.setCurrent(this.itemsDone)}itemDone(r){this.setCurrent(r)}changeEventHandler(r){this.items=this.queryItems(),this.items.forEach(((e,t)=>{e.done=!1,"mds-stepper-bar-item-"+t===r.detail&&(e.current=!0,this.currentItem=t)}))}render(){return s(a,{key:"bde1cc3ed68aa3d3350af4639fa0a4dbf3cc27ee"},s("div",{key:"f556e63f5e575d3c83b6aec4ea405c709d811121",class:"items",part:"items"},s("slot",{key:"43e7514d9ba620109caa3f585e0a9f5cc92f0ed6"})),s("div",{key:"46e7419b2ef009a3e37b70d5a5bab92df25dd5f9",class:"contents",part:"contents"},s("slot",{key:"cddf350976b5910117d1d64bae6b87bd32c37954",name:"content"})))}get element(){return this}static get watchers(){return{itemsDone:[{itemDone:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107))}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-stepper-bar-item):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-stepper-bar-offset-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}@property --mds-stepper-bar-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107));display:grid;gap:calc(var(--spacing,.0025rem)*600);position:relative}.items{align-items:start;display:flex;flex-grow:1;gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*500));margin:0 calc(var(--mds-stepper-bar-offset-margin,0)*-1);overflow:auto;padding:0 var(--mds-stepper-bar-offset-margin,0);position:relative;scroll-behavior:var(--mds-stepper-bar-scroll-behavior,smooth);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%;z-index:10}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{display:flex;flex-direction:column;width:100%}:host(:not([navigation=scrollbar])) .items{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([navigation=scrollbar])) .items::-webkit-scrollbar{display:none}:host([navigation=scrollbar]) .items::-webkit-scrollbar{height:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([navigation=scrollbar]) .items::-webkit-scrollbar-track{background-color:var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0);margin-block:var(--mds-stepper-bar-scrollbar-margin,0);margin-inline:var(--mds-stepper-bar-scrollbar-margin,0)}:host([navigation=scrollbar]) .items::-webkit-scrollbar-thumb{background-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.items{scrollbar-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158))) var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));scrollbar-width:thin}}@media (prefers-reduced-motion:reduce){:host{--mds-stepper-bar-scroll-behavior:auto}}'}},[257,"mds-stepper-bar",{itemsDone:[2,"items-done"],navigation:[513],currentItem:[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{itemsDone:[{itemDone:0}]}]),n=o,l=function(){"undefined"!=typeof customElements&&["mds-stepper-bar"].forEach((r=>{"mds-stepper-bar"===r&&(customElements.get(i(r))||customElements.define(i(r),o))}))};export{n as MdsStepperBar,l as defineCustomElement}

package/dist/components/mds-tab-bar-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{r as i,s as n}from"./slot.js";import{d as c}from"./mds-icon2.js";import{d}from"./mds-text2.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=r(this,"mdsTabBarItemSelect",7),this.icon="",this.typography="tip",this.select=()=>{this.isSelected=!this.isSelected,this.isSelected&&this.selectedEvent.emit(this.element.id)},this.onSlotChangeHandler=()=>{this.label||(this.label=i(this.element))}}componentWillLoad(){this.isSelected=this.selected}validateSelected(t){this.isSelected=t}labelChanged(t){this.label=n(t)}render(){return a(o,{key:"cfdd8682bdab7117d3853abff77c31f871314a20",onClick:this.select},a("mds-icon",{key:"4dd1b08193a0c6c1238104c1484523b7cc074a8a",name:this.icon}),a("mds-text",{key:"d8bb748fbc4941fd5b65101997a1a21b1b7a1ed4",typography:this.typography},this.label||a("slot",{key:"7e4fead88e847406b6e22ac534fcd67862fbe613",onSlotchange:this.onSlotChangeHandler})))}get element(){return this}static get watchers(){return{selected:[{validateSelected:0}],label:[{labelChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-bar-item-background-selected{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*200);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-tab-bar-item-background,rgb(var(--tone-neutral-10,60 60 60)));color:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));cursor:pointer;display:flex;fill:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));flex:1 0 0;flex-direction:column;text-align:center;transition-duration:.2s;transition-property:color,background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([selected]:not([selected=false])){background-color:var(--mds-tab-bar-item-background-selected,transparent);color:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)));fill:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-more){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}}'}},[257,"mds-tab-bar-item",{icon:[1],label:[1537],selected:[1540],typography:[1],isSelected:[32]},void 0,{selected:[{validateSelected:0}],label:[{labelChanged:0}]}]),l=m,b=function(){"undefined"!=typeof customElements&&["mds-tab-bar-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-tab-bar-item":customElements.get(s(t))||customElements.define(s(t),m);break;case"mds-icon":customElements.get(s(t))||c();break;case"mds-text":customElements.get(s(t))||d()}}))};export{l as MdsTabBarItem,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as a,Host as i,transformTag as s}from"@stencil/core/internal/client";import{r as o,s as n}from"./slot.js";import{s as m}from"./preference.js";import{d as c}from"./mds-icon2.js";import{d}from"./mds-text2.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=r(this,"mdsTabBarItemSelect",7),this.icon="",this.typography="tip",this.select=()=>{this.isSelected=!this.isSelected,this.isSelected&&this.selectedEvent.emit(this.element.id)},this.onSlotChangeHandler=()=>{void 0!==this.label&&""!==this.label||(this.label=o(this.element))}}componentWillLoad(){this.isSelected=this.selected}connectedCallback(){this.unsubscribePrefAnimation=m("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=m("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=m("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=m("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,e,r,a;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(r=this.unsubscribePrefTheme)||void 0===r||r.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this)}validateSelected(t){this.isSelected=t}labelChanged(t){this.label=n(t)}render(){return a(i,{key:"cc00fc45e7c8086a20e3800a9aca2fad80c08b7e",onClick:this.select,"pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},a("mds-icon",{key:"7edf9ade273c6408a477b9ccefd00be8fa323501",name:this.icon}),a("mds-text",{key:"42e04f0959f32573efbe01cc294d0a7a3754423f",typography:this.typography},this.label||a("slot",{key:"a654056dce145ce9bc0236cd4381e8b89f743dc5",onSlotchange:this.onSlotChangeHandler})))}get element(){return this}static get watchers(){return{selected:[{validateSelected:0}],label:[{labelChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:#0000;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-bar-item-background-selected{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:#0000;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));--mds-tab-bar-item-transition-duration:var(--duration-200,.2s);--private-tab-bar-item-transition-duration:var(--mds-tab-bar-item-transition-duration);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-tab-bar-item-background,rgb(var(--tone-neutral-10,60 60 60)));color:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));cursor:pointer;display:flex;fill:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*200);text-align:center;-webkit-transition-duration:var(--private-tab-bar-item-transition-duration);transition-duration:var(--private-tab-bar-item-transition-duration);transition-property:color,background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([selected]:not([selected=false])){background-color:var(--mds-tab-bar-item-background-selected,#0000);color:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)));fill:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)))}:host([pref-animation=reduce]){--private-tab-bar-item-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host([pref-contrast=more]){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-tab-bar-item-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}}'}},[257,"mds-tab-bar-item",{icon:[1],label:[1537],selected:[1540],typography:[1],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],isSelected:[32]},void 0,{selected:[{validateSelected:0}],label:[{labelChanged:0}]}]),b=l,h=function(){"undefined"!=typeof customElements&&["mds-tab-bar-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-tab-bar-item":customElements.get(s(t))||customElements.define(s(t),l);break;case"mds-icon":customElements.get(s(t))||c();break;case"mds-text":customElements.get(s(t))||d()}}))};export{b as MdsTabBarItem,h as defineCustomElement}