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

package/dist/magma-components/p-b5551799.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(a,r,v,e){function n(a){return a instanceof v?a:new v((function(r){r(a)}))}return new(v||(v=Promise))((function(v,i){function o(a){try{s(e.next(a))}catch(a){i(a)}}function t(a){try{s(e["throw"](a))}catch(a){i(a)}}function s(a){a.done?v(a.value):n(a.value).then(o,t)}s((e=e.apply(a,r||[])).next())}))};var __generator=this&&this.__generator||function(a,r){var v={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},e,n,i,o;return o={next:t(0),throw:t(1),return:t(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function t(a){return function(r){return s([a,r])}}function s(t){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,t[0]&&(v=0)),v)try{if(e=1,n&&(i=t[0]&2?n["return"]:t[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,t[1])).done)return i;if(n=0,i)t=[t[0]&2,i.value];switch(t[0]){case 0:case 1:i=t;break;case 4:v.label++;return{value:t[1],done:false};case 5:v.label++;n=t[1];t=[0];continue;case 7:t=v.ops.pop();v.trys.pop();continue;default:if(!(i=v.trys,i=i.length>0&&i[i.length-1])&&(t[0]===6||t[0]===2)){v=0;continue}if(t[0]===3&&(!i||t[1]>i[0]&&t[1]<i[3])){v.label=t[1];break}if(t[0]===6&&v.label<i[1]){v.label=i[1];i=t;break}if(i&&v.label<i[2]){v.label=i[2];v.ops.push(t);break}if(i[2])v.ops.pop();v.trys.pop();continue}t=r.call(a,v)}catch(a){t=[6,a];n=0}finally{e=i=0}if(t[0]&5)throw t[1];return{value:t[0]?t[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-3759b1b2.system.js","./p-b26ef48a.system.js","./p-48f78684.system.js","./p-21b1acec.system.js"],(function(a){"use strict";var r,v,e,n,i,o,t,s;return{setters:[function(a){r=a.r;v=a.c;e=a.h;n=a.H;i=a.g},function(a){o=a.L},function(a){t=a.m},function(a){s=a.m},function(){}],execute:function(){var u="Αυτόματο";var l="Γλώσσα";var c="Αφρικάανς";var h="Αραβικά";var d="Αζερμπαϊτζανικά";var g="Λευκορωσικά";var m="Βουλγαρικά";var f="Μπενγκάλι";var b="Βοσνιακά";var y="Καταλανικά";var k="Σεμπουάνο";var p="Τσεχικά";var S="Ουαλικά";var w="Δανικά";var z="Γερμανικά";var C="Ελληνικά";var L="Αγγλικά";var M="Εσπεράντο";var j="Ισπανικά";var G="Εσθονικά";var I="Βασκικά";var P="Περσικά";var T="Φινλανδικά";var A="Γαλλικά";var H="Φριζικά";var B="Ιρλανδικά";var x="Σκωτικά Κέλτικα";var E="Γαλικιανά";var K="Γκουτζαράτι";var U="Χάουσα";var _="Χαβαϊκά";var F="Εβραϊκά";var N="Χίντι";var R="Χμονγκ";var Y="Κροατικά";var q="Κρεολικά Αϊτής";var D="Ουγγρικά";var J="Αρμενικά";var O="Ινδονησιακά";var V="Ίγκμπο";var Z="Ισλανδικά";var X="Ιταλικά";var W="Ιαπωνικά";var $="Ιαβανικά";var Q="Γεωργιανά";var aa="Καζακικά";var ra="Χμερ";var va="Κανάντα";var ea="Κορεατικά";var na="Κουρδικά";var ia="Κιργιζικά";var oa="Λατινικά";var ta="Λουξεμβουργιανά";var sa="Λάο";var ua="Λιθουανικά";var la="Λετονικά";var ca="Μαλαγάσι";var ha="Μαορί";var da="Μακεδονικά";var ga="Μαλαγιαλαμικά";var ma="Μογγολικά";var fa="Μαράθι";var ba="Μαλαϊκά";var ya="Μαλτέζικα";var ka="Βιρμανικά";var pa="Νεπαλικά";var Sa="Ολλανδικά";var wa="Νορβηγικά";var za="Τσιτσέουα";var Ca="Ορίγια";var La="Παντζαπικά";var Ma="Πολωνικά";var ja="Πάστο";var Ga="Πορτογαλικά";var Ia="Ρουμανικά";var Pa="Ρωσικά";var Ta="Σιντ";var Aa="Σινχαλέζικα";var Ha="Σλοβακικά";var Ba="Σλοβενικά";var xa="Σαμοανά";var Ea="Σόνα";var Ka="Σομαλικά";var Ua="Αλβανικά";var _a="Σερβικά";var Fa="Σόθο";var Na="Σουνδανικά";var Ra="Σουηδικά";var Ya="Σουαχίλι";var qa="Ταμίλ";var Da="Τελούγκου";var Ja="Τατζικικά";var Oa="Ταϊλανδικά";var Va="Τουρκικά";var Za="Ταταρικά";var Xa="Ουκρανικά";var Wa="Ουρντού";var $a="Ουζμπεκικά";var Qa="Βιετναμέζικα";var ar="Ξόσα";var rr="Γίντις";var vr="Γιορούμπα";var er="Κινέζικα";var nr="Ζουλού";var ir="Εάν η μετάφραση δεν είναι διαθέσιμη, θα χρησιμοποιηθούν τα Αγγλικά";var or={auto:u,label:l,af:c,ar:h,az:d,be:g,bg:m,bn:f,bs:b,ca:y,ceb:k,cs:p,cy:S,da:w,de:z,el:C,en:L,eo:M,es:j,et:G,eu:I,fa:P,fi:T,fr:A,fy:H,ga:B,gd:x,gl:E,gu:K,ha:U,haw:_,he:F,hi:N,hmn:R,hr:Y,ht:q,hu:D,hy:J,id:O,ig:V,is:Z,it:X,ja:W,jv:$,ka:Q,kk:aa,km:ra,kn:va,ko:ea,ku:na,ky:ia,la:oa,lb:ta,lo:sa,lt:ua,lv:la,mg:ca,mi:ha,mk:da,ml:ga,mn:ma,mr:fa,ms:ba,mt:ya,my:ka,ne:pa,nl:Sa,no:wa,ny:za,or:Ca,pa:La,pl:Ma,ps:ja,pt:Ga,ro:Ia,ru:Pa,sd:Ta,si:Aa,sk:Ha,sl:Ba,sm:xa,sn:Ea,so:Ka,sq:Ua,sr:_a,st:Fa,su:Na,sv:Ra,sw:Ya,ta:qa,te:Da,tg:Ja,th:Oa,tr:Va,tt:Za,uk:Xa,ur:Wa,uz:$a,vi:Qa,xh:ar,yi:rr,yo:vr,zh:er,zu:nr,defaultLanguage:ir};var tr="Automatic";var sr="Language";var ur="Afrikaans";var lr="Arabic";var cr="Azerbaijani";var hr="Belarusian";var dr="Bulgarian";var gr="Bengali";var mr="Bosnian";var fr="Catalan";var br="Cebuano";var yr="Czech";var kr="Welsh";var pr="Danish";var Sr="German";var wr="Greek";var zr="English";var Cr="Esperanto";var Lr="Spanish";var Mr="Estonian";var jr="Basque";var Gr="Persian";var Ir="Finnish";var Pr="French";var Tr="Frisian";var Ar="Irish";var Hr="Scottish Gaelic";var Br="Galician";var xr="Gujarati";var Er="Hausa";var Kr="Hawaiian";var Ur="Hebrew";var _r="Hindi";var Fr="Hmong";var Nr="Croatian";var Rr="Haitian Creole";var Yr="Hungarian";var qr="Armenian";var Dr="Indonesian";var Jr="Igbo";var Or="Icelandic";var Vr="Italian";var Zr="Japanese";var Xr="Javanese";var Wr="Georgian";var $r="Kazakh";var Qr="Khmer";var av="Kannada";var rv="Korean";var vv="Kurdish";var ev="Kyrgyz";var nv="Latin";var iv="Luxembourgish";var ov="Lao";var tv="Lithuanian";var sv="Latvian";var uv="Malagasy";var lv="Maori";var cv="Macedonian";var hv="Malayalam";var dv="Mongolian";var gv="Marathi";var mv="Malay";var fv="Maltese";var bv="Burmese";var yv="Nepali";var kv="Dutch";var pv="Norwegian";var Sv="Chichewa";var wv="Odia";var zv="Punjabi";var Cv="Polish";var Lv="Pashto";var Mv="Portuguese";var jv="Romanian";var Gv="Russian";var Iv="Sindhi";var Pv="Sinhala";var Tv="Slovak";var Av="Slovenian";var Hv="Samoan";var Bv="Shona";var xv="Somali";var Ev="Albanian";var Kv="Serbian";var Uv="Sesotho";var _v="Sundanese";var Fv="Swedish";var Nv="Swahili";var Rv="Tamil";var Yv="Telugu";var qv="Tajik";var Dv="Thai";var Jv="Turkish";var Ov="Tatar";var Vv="Ukrainian";var Zv="Urdu";var Xv="Uzbek";var Wv="Vietnamese";var $v="Xhosa";var Qv="Yiddish";var ae="Yoruba";var re="Chinese";var ve="Zulu";var ee="If the translation is not available, English will be used";var ne={auto:tr,label:sr,af:ur,ar:lr,az:cr,be:hr,bg:dr,bn:gr,bs:mr,ca:fr,ceb:br,cs:yr,cy:kr,da:pr,de:Sr,el:wr,en:zr,eo:Cr,es:Lr,et:Mr,eu:jr,fa:Gr,fi:Ir,fr:Pr,fy:Tr,ga:Ar,gd:Hr,gl:Br,gu:xr,ha:Er,haw:Kr,he:Ur,hi:_r,hmn:Fr,hr:Nr,ht:Rr,hu:Yr,hy:qr,id:Dr,ig:Jr,is:Or,it:Vr,ja:Zr,jv:Xr,ka:Wr,kk:$r,km:Qr,kn:av,ko:rv,ku:vv,ky:ev,la:nv,lb:iv,lo:ov,lt:tv,lv:sv,mg:uv,mi:lv,mk:cv,ml:hv,mn:dv,mr:gv,ms:mv,mt:fv,my:bv,ne:yv,nl:kv,no:pv,ny:Sv,or:wv,pa:zv,pl:Cv,ps:Lv,pt:Mv,ro:jv,ru:Gv,sd:Iv,si:Pv,sk:Tv,sl:Av,sm:Hv,sn:Bv,so:xv,sq:Ev,sr:Kv,st:Uv,su:_v,sv:Fv,sw:Nv,ta:Rv,te:Yv,tg:qv,th:Dv,tr:Jv,tt:Ov,uk:Vv,ur:Zv,uz:Xv,vi:Wv,xh:$v,yi:Qv,yo:ae,zh:re,zu:ve,defaultLanguage:ee};var ie="Automático";var oe="Idioma";var te="Afrikáans";var se="Árabe";var ue="Azerbaiyano";var le="Bielorruso";var ce="Búlgaro";var he="Bengalí";var de="Bosnio";var ge="Catalán";var me="Cebuano";var fe="Checo";var be="Galés";var ye="Danés";var ke="Alemán";var pe="Griego";var Se="Inglés";var we="Esperanto";var ze="Español";var Ce="Estonio";var Le="Vasco";var Me="Persa";var je="Finlandés";var Ge="Francés";var Ie="Frisón";var Pe="Irlandés";var Te="Gaélico escocés";var Ae="Gallego";var He="Gujarati";var Be="Hausa";var xe="Hawaiano";var Ee="Hebreo";var Ke="Hindi";var Ue="Hmong";var _e="Croata";var Fe="Criollo haitiano";var Ne="Húngaro";var Re="Armenio";var Ye="Indonesio";var qe="Igbo";var De="Islandés";var Je="Italiano";var Oe="Japonés";var Ve="Javanés";var Ze="Georgiano";var Xe="Kazajo";var We="Jemer";var $e="Canarés";var Qe="Coreano";var an="Kurdo";var rn="Kirguís";var vn="Latín";var en="Luxemburgués";var nn="Lao";var on="Lituano";var tn="Letón";var sn="Malgache";var un="Maorí";var ln="Macedonio";var cn="Malayalam";var hn="Mongol";var dn="Maratí";var gn="Malayo";var mn="Maltés";var fn="Birmano";var bn="Nepalí";var yn="Holandés";var kn="Noruego";var pn="Chichewa";var Sn="Oriya";var wn="Panyabí";var zn="Polaco";var Cn="Pastún";var Ln="Portugués";var Mn="Rumano";var jn="Ruso";var Gn="Sindhi";var In="Cingalés";var Pn="Eslovaco";var Tn="Esloveno";var An="Samoano";var Hn="Shona";var Bn="Somalí";var xn="Albanés";var En="Serbio";var Kn="Sesotho";var Un="Sundanés";var _n="Sueco";var Fn="Suajili";var Nn="Tamil";var Rn="Telugu";var Yn="Tayiko";var qn="Tailandés";var Dn="Turco";var Jn="Tártaro";var On="Ucraniano";var Vn="Urdu";var Zn="Uzbeko";var Xn="Vietnamita";var Wn="Xhosa";var $n="Yidis";var Qn="Yoruba";var ai="Chino";var ri="Zulú";var vi="Si la traducción no está disponible, se utilizará el inglés";var ei={auto:ie,label:oe,af:te,ar:se,az:ue,be:le,bg:ce,bn:he,bs:de,ca:ge,ceb:me,cs:fe,cy:be,da:ye,de:ke,el:pe,en:Se,eo:we,es:ze,et:Ce,eu:Le,fa:Me,fi:je,fr:Ge,fy:Ie,ga:Pe,gd:Te,gl:Ae,gu:He,ha:Be,haw:xe,he:Ee,hi:Ke,hmn:Ue,hr:_e,ht:Fe,hu:Ne,hy:Re,id:Ye,ig:qe,is:De,it:Je,ja:Oe,jv:Ve,ka:Ze,kk:Xe,km:We,kn:$e,ko:Qe,ku:an,ky:rn,la:vn,lb:en,lo:nn,lt:on,lv:tn,mg:sn,mi:un,mk:ln,ml:cn,mn:hn,mr:dn,ms:gn,mt:mn,my:fn,ne:bn,nl:yn,no:kn,ny:pn,or:Sn,pa:wn,pl:zn,ps:Cn,pt:Ln,ro:Mn,ru:jn,sd:Gn,si:In,sk:Pn,sl:Tn,sm:An,sn:Hn,so:Bn,sq:xn,sr:En,st:Kn,su:Un,sv:_n,sw:Fn,ta:Nn,te:Rn,tg:Yn,th:qn,tr:Dn,tt:Jn,uk:On,ur:Vn,uz:Zn,vi:Xn,xh:Wn,yi:$n,yo:Qn,zh:ai,zu:ri,defaultLanguage:vi};var ni="Automatico";var ii="Lingua";var oi="Afrikaans";var ti="Arabo";var si="Azero";var ui="Bielorusso";var li="Bulgaro";var ci="Bengalese";var hi="Bosniaco";var di="Catalano";var gi="Cebuano";var mi="Ceco";var fi="Gallese";var bi="Danese";var yi="Tedesco";var ki="Greco";var pi="Inglese";var Si="Esperanto";var wi="Spagnolo";var zi="Estone";var Ci="Basco";var Li="Persiano";var Mi="Finlandese";var ji="Francese";var Gi="Frisone";var Ii="Irlandese";var Pi="Gaelico scozzese";var Ti="Galiziano";var Ai="Gujarati";var Hi="Hausa";var Bi="Hawaiano";var xi="Ebraico";var Ei="Hindi";var Ki="Hmong";var Ui="Croato";var _i="Creolo haitiano";var Fi="Ungherese";var Ni="Armeno";var Ri="Indonesiano";var Yi="Igbo";var qi="Islandese";var Di="Italiano";var Ji="Giapponese";var Oi="Giavanese";var Vi="Georgiano";var Zi="Kazako";var Xi="Khmer";var Wi="Kannada";var $i="Coreano";var Qi="Curdo";var ao="Kirghiso";var ro="Latino";var vo="Lussemburghese";var eo="Lao";var no="Lituano";var io="Lettone";var oo="Malgascio";var to="Maori";var so="Macedone";var uo="Malayalam";var lo="Mongolo";var co="Marathi";var ho="Malese";var go="Maltese";var mo="Birmano";var fo="Nepalese";var bo="Olandese";var yo="Norvegese";var ko="Chichewa";var po="Oriya";var So="Punjabi";var wo="Polacco";var zo="Pashtu";var Co="Portoghese";var Lo="Rumeno";var Mo="Russo";var jo="Sindhi";var Go="Singalese";var Io="Slovacco";var Po="Sloveno";var To="Samoano";var Ao="Shona";var Ho="Somalo";var Bo="Albanese";var xo="Serbo";var Eo="Sesotho";var Ko="Sundanese";var Uo="Svedese";var _o="Swahili";var Fo="Tamil";var No="Telugu";var Ro="Tagico";var Yo="Thai";var qo="Turco";var Do="Tataro";var Jo="Ucraino";var Oo="Urdu";var Vo="Uzbeko";var Zo="Vietnamita";var Xo="Xhosa";var Wo="Yiddish";var $o="Yoruba";var Qo="Cinese";var at="Zulu";var rt="Se la traduzione non è disponibile, verrà utilizzato l'Inglese";var vt={auto:ni,label:ii,af:oi,ar:ti,az:si,be:ui,bg:li,bn:ci,bs:hi,ca:di,ceb:gi,cs:mi,cy:fi,da:bi,de:yi,el:ki,en:pi,eo:Si,es:wi,et:zi,eu:Ci,fa:Li,fi:Mi,fr:ji,fy:Gi,ga:Ii,gd:Pi,gl:Ti,gu:Ai,ha:Hi,haw:Bi,he:xi,hi:Ei,hmn:Ki,hr:Ui,ht:_i,hu:Fi,hy:Ni,id:Ri,ig:Yi,is:qi,it:Di,ja:Ji,jv:Oi,ka:Vi,kk:Zi,km:Xi,kn:Wi,ko:$i,ku:Qi,ky:ao,la:ro,lb:vo,lo:eo,lt:no,lv:io,mg:oo,mi:to,mk:so,ml:uo,mn:lo,mr:co,ms:ho,mt:go,my:mo,ne:fo,nl:bo,no:yo,ny:ko,or:po,pa:So,pl:wo,ps:zo,pt:Co,ro:Lo,ru:Mo,sd:jo,si:Go,sk:Io,sl:Po,sm:To,sn:Ao,so:Ho,sq:Bo,sr:xo,st:Eo,su:Ko,sv:Uo,sw:_o,ta:Fo,te:No,tg:Ro,th:Yo,tr:qo,tt:Do,uk:Jo,ur:Oo,uz:Vo,vi:Zo,xh:Xo,yi:Wo,yo:$o,zh:Qo,zu:at,defaultLanguage:rt};var et="mds-pref-language{gap:1rem;display:grid}.mds-pref-language-dropdown{gap:0.25rem;padding:1rem}.item{--mds-tab-item-color:rgb(var(--tone-neutral-05));-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.item--custom-language{cursor:pointer}.item--auto,.item--custom-language{--mds-tab-item-color-selected:rgb(var(--tone-neutral-03))}";var nt=et;var it=a("mds_pref_language",function(){function a(a){var e=this;r(this,a);this.languageChangeEvent=v(this,"mdsPrefLanguageChange",7);this.prefChangeEvent=v(this,"mdsPrefChange",7);this.localStorageAlias="mdsPrefLanguage";this.defaultLanguage="en";this.t=new o({el:or,en:ne,es:ei,it:vt});this.toggleDropdown=function(){e.showDropdown=!e.showDropdown};this.hideLanguageSelectDropdown=function(){e.showDropdown=false};this.changeLanguageSelectItem=function(){e.elPreferLanguageItems.forEach((function(a){a.selected=false}))};this.checkLanguageSelect=function(){e.elPreferLanguageItems=e.element.querySelectorAll("mds-pref-language-item");e.elPreferLanguageItems.forEach((function(a){a.addEventListener("mdsPrefLanguageItemSelect",(function(a){e.changeLanguageSelectItem();e.currentSelectedItem=a.currentTarget;e.currentSelectedItem.selected=true;e.languageChangeEvent.emit({language:e.currentSelectedItem.code});e.showDropdown=false;e.setLanguage(a.detail.language);e.t.update(document)}))}));e.elPreferLanguageItems.forEach((function(a){a.selected=a.code===e.set}))};this.sanitizeLanguage=function(a){if(a.includes("-")){return a.split("-")[0].toLowerCase()}return a};this.setLanguage=function(a){var r,v;if(!/(auto)|^[a-z]{2}(-[A-Z]{2})?$/gm.exec(a)){throw Error("Language code setted not reconized: ".concat(a))}a==="auto"?e.set=(v=(r=e.userLanguage)!==null&&r!==void 0?r:e.pageLanguage)!==null&&v!==void 0?v:e.systemLanguage:e.set=e.sanitizeLanguage(a);e.prefChangeEvent.emit({preference:"language"});localStorage.setItem(e.localStorageAlias,e.set);if(document){var n=document.querySelector("html");n===null||n===void 0?void 0:n.setAttribute("lang",e.set)}};this.showDropdown=false;this.language=undefined;this.set="auto"}a.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=this.t.lang(this.element);return[2]}))}))};a.prototype.componentDidLoad=function(){this.checkLanguageSelect()};a.prototype.componentWillRender=function(){var a,r;this.systemLanguage=this.sanitizeLanguage(navigator.language);this.userLanguage=localStorage.getItem(this.localStorageAlias);this.pageLanguage=(r=(a=document.querySelector("html"))===null||a===void 0?void 0:a.getAttribute("lang"))!==null&&r!==void 0?r:null;this.setLanguage(this.set);this.t.lang(this.element)};a.prototype.render=function(){var a;return e(n,{key:"004e6c321027b3d41aeef337a9006ec1133fe046"},e("div",{key:"b5f15701517827f06f623ef796d852038ed40c90",class:"menu"},e("mds-text",{key:"575d52cb2e7263a163353a074785094e7f5dffb0",class:"info",typography:"caption"},e("b",{key:"688d99f90e35c7a77ded0049f4866f6a64daf45f"},this.t.get("label"))),e("mds-tab",{key:"98fcc66f3838b976593deda6d14aa72ec2c3177f"},e("mds-tab-item",{key:"8396c3afda71454ea0ea4478d9077a9b2ff506f3",selected:true,onClick:this.toggleDropdown,id:"mds-pref-language-nav",class:"item item--custom-language","icon-position":"right",icon:this.showDropdown?s:t},this.t.get((a=this.set)!==null&&a!==void 0?a:"auto")))),e("mds-dropdown",{key:"d5cb5237e922d67b1afbe50b7478895ab80f2402",class:"mds-pref-language-dropdown",target:"#mds-pref-language-nav",interaction:"none",visible:this.showDropdown,onMdsDropdownHide:this.hideLanguageSelectDropdown,autoPlacement:true},e("slot",{key:"dd72a6011f36cc10b6f87110665b7f1db7058e13"})),this.set!==this.defaultLanguage&&e("mds-text",{key:"96eb6bfa741a3164dd05862c6c180f6a8af3c232",typography:"caption"},this.t.get("defaultLanguage")))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return a}());it.style=nt}}}));

package/dist/magma-components/p-b5a65fcd.system.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,a,t,s){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,d){function i(e){try{r(s.next(e))}catch(e){d(e)}}function l(e){try{r(s["throw"](e))}catch(e){d(e)}}function r(e){e.done?t(e.value):n(e.value).then(i,l)}r((s=s.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},s,n,d,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(a){return r([e,a])}}function r(l){if(s)throw new TypeError("Generator is already executing.");while(i&&(i=0,l[0]&&(t=0)),t)try{if(s=1,n&&(d=l[0]&2?n["return"]:l[0]?n["throw"]||((d=n["return"])&&d.call(n),0):n.next)&&!(d=d.call(n,l[1])).done)return d;if(n=0,d)l=[l[0]&2,d.value];switch(l[0]){case 0:case 1:d=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;n=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(d=t.trys,d=d.length>0&&d[d.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!d||l[1]>d[0]&&l[1]<d[3])){t.label=l[1];break}if(l[0]===6&&t.label<d[1]){t.label=d[1];d=l;break}if(d&&t.label<d[2]){t.label=d[2];t.ops.push(l);break}if(d[2])t.ops.pop();t.trys.pop();continue}l=a.call(e,t)}catch(e){l=[6,e];n=0}finally{s=d=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-56ba5cbf.system.js"],(function(e,a){"use strict";var t,s,n;return{setters:[function(a){t=a.p;s=a.b;e("setNonce",a.s)},function(e){n=e.g}],execute:function(){var e=this;var d=function(){var e=a.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return t(s)};d().then((function(a){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,n()];case 1:e.sent();return[2,s(JSON.parse('[["p-f060e8cc.system",[[65,"mds-input-upload",{"accept":[513],"maxFileSize":[514,"max-file-size"],"maxFiles":[514,"max-files"],"sort":[513],"language":[32],"actionTitle":[32],"files":[32],"progress":[32],"animateText":[32],"updateLang":[64],"getFiles":[64],"getFilesError":[64]},null,{"maxFiles":["updateActionTitle"]}]]],["p-d239736c.system",[[65,"mds-input-field",{"autocomplete":[513],"autofocus":[516],"await":[516],"controlsLayout":[513,"controls-layout"],"controlsIcon":[513,"controls-icon"],"disabled":[516],"icon":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[516],"step":[1],"type":[513],"typography":[1],"value":[1537],"label":[1],"message":[1025],"variant":[1537],"tip":[1],"hasFocus":[32],"setFocus":[64],"getInputElement":[64],"addValidator":[64],"removeValidator":[64],"getErrors":[64]},null,{"value":["valueChanged"]}]]],["p-b5551799.system",[[1,"mds-pref-language",{"set":[1537],"showDropdown":[32],"language":[32],"updateLang":[64]}]]],["p-f94593f9.system",[[1,"mds-entity",{"await":[516],"icon":[513],"src":[513],"initials":[513],"tone":[513],"variant":[513]}]]],["p-5100bf68.system",[[1,"mds-pref-animation",{"mode":[1537],"language":[32],"updateLang":[64]},null,{"mode":["modeChanged"]}]]],["p-04c61fa1.system",[[1,"mds-pref-consumption",{"mode":[1537],"language":[32],"updateLang":[64]},null,{"mode":["modeChanged"]}]]],["p-25602048.system",[[1,"mds-pref-contrast",{"mode":[1537],"language":[32],"updateLang":[64]},null,{"mode":["modeChanged"]}]]],["p-a9432fee.system",[[1,"mds-pref-theme",{"mode":[1537],"transition":[1537],"language":[32],"updateLang":[64]},null,{"mode":["modeChanged"]}]]],["p-3d9b24ed.system",[[1,"mds-push-notification",{"datetime":[1040],"dateFormat":[513,"date-format"],"deletable":[516],"icon":[513],"initials":[1537],"message":[513],"preview":[513],"src":[513],"subject":[513],"tone":[513],"variant":[513],"language":[32],"updateLang":[64]}]]],["p-0f6c6757.system",[[1,"mds-header",{"appearance":[1537],"appearanceSet":[513,"appearance-set"],"autoHide":[514,"auto-hide"],"menu":[513],"nav":[513],"threshold":[514],"visibility":[1537],"hasMenu":[32],"isOpened":[32]},[[4,"mdsHeaderBarOpen","onModalOpenedHandler"]],{"menu":["onMenuChangedHandler"],"nav":["onNavChangedHandler"]}]]],["p-96afff9f.system",[[1,"mds-banner",{"variant":[513],"tone":[513],"deletable":[4],"headline":[1],"icon":[1],"language":[32],"updateLang":[64]}]]],["p-fc8bce99.system",[[1,"mds-breadcrumb",{"back":[4],"language":[32],"updateLang":[64]},[[0,"mdsBreadcrumbItemSelect","activedEventHandler"]]]]],["p-1581b10e.system",[[1,"mds-chip",{"clickable":[1540],"deletable":[4],"disabled":[4],"icon":[1],"label":[513],"selected":[1540],"selectable":[516],"variant":[513],"tone":[513],"language":[32],"updateLang":[64]},null,{"selectable":["handleSelectableProp"],"clickable":["handleClickableProp"],"deletable":["handleDeletableProp"]}]]],["p-27923d25.system",[[1,"mds-header-bar",{"menu":[513],"nav":[513],"isOpened":[32]},[[4,"mdsHeaderClose","closedHandler"]]]]],["p-332ef4c5.system",[[1,"mds-horizontal-scroll",{"controls":[513],"snap":[513],"scrollbar":[516],"showForward":[32],"showBack":[32]}]]],["p-2d58b5b8.system",[[1,"mds-label",{"labelAction":[1,"label-action"],"variant":[513],"tone":[513],"truncate":[513],"typography":[1],"deletable":[4],"language":[32],"updateLang":[64]}]]],["p-aa24e213.system",[[1,"mds-note",{"deletable":[4],"variant":[513],"language":[32],"updateLang":[64]}]]],["p-13ce8757.system",[[1,"mds-pref-language-item",{"code":[513],"selected":[516],"language":[32],"updateLang":[64]}]]],["p-9bd9e612.system",[[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]},null,{"done":["selectedHandler"],"current":["currentHandler"]}]]],["p-217aed60.system",[[1,"mds-table-header-cell",{"sortable":[516],"label":[513],"direction":[1537],"isAscending":[32]},null,{"sortable":["sortableHandler"],"direction":["directionHandler"]}]]],["p-f0027ed8.system",[[1,"mds-url-view",{"domain":[4],"src":[1],"loading":[1],"language":[32],"updateLang":[64]}]]],["p-e82d486e.system",[[1,"mds-file",{"suffix":[513],"description":[1],"filename":[1],"preview":[1],"showDownloadedIcon":[4,"show-downloaded-icon"],"format":[1537],"language":[32],"wasDownloaded":[32],"updateLang":[64]},null,{"filename":["handleFilename"]}]]],["p-4f52b15e.system",[[1,"mds-filter",{"autoReset":[4,"auto-reset"],"label":[1],"multiple":[4],"reset":[4],"active":[32],"itemsSelected":[32]},[[0,"mdsFilterItemSelect","activeEventHandler"]]]]],["p-7ad5eeb3.system",[[1,"mds-help",{"icon":[1],"autoPlacement":[516,"auto-placement"],"placement":[513]}]]],["p-fe13fac9.system",[[65,"mds-input-select",{"autocomplete":[513],"autoFocus":[516,"auto-focus"],"placeholder":[513],"name":[513],"disabled":[516],"required":[516],"multiple":[516],"size":[514],"value":[520],"variant":[513],"selected":[32],"hasFocus":[32]},null,{"value":["valueChanged"]}]]],["p-fa5fb4be.system",[[1,"mds-paginator",{"pages":[2],"currentPage":[1538,"current-page"]}]]],["p-5fbe3d63.system",[[1,"mds-accordion-timer-item",{"typography":[1],"selected":[516],"description":[1],"duration":[514],"progress":[2],"uuid":[2]},null,{"selected":["handleSelected"]}]]],["p-c2c1ca38.system",[[1,"mds-benchmark-bar",{"alias":[1],"typography":[1],"value":[2],"variant":[513]}]]],["p-7affff90.system",[[65,"mds-input-switch",{"autofocus":[516],"checked":[1540],"disabled":[516],"explicit":[516],"icon":[513],"indeterminate":[516],"name":[513],"size":[513],"type":[513],"typography":[513],"variant":[513],"value":[1537],"dirty":[32]}]]],["p-5a2c6a26.system",[[1,"mds-kpi-item",{"label":[1],"description":[1],"threshold":[2],"icon":[1],"isIntersecting":[32]}]]],["p-30326380.system",[[1,"mds-list-item",{"typography":[513],"variant":[1],"icon":[1]}]]],["p-6c4c3d44.system",[[1,"mds-tab-bar-item",{"icon":[1],"selected":[1540],"typography":[1],"isSelected":[32]},null,{"selected":["validateSelected"]}]]],["p-66ef6f68.system",[[1,"mds-usage",{"variant":[1],"alias":[1]}]]],["p-d4ad6446.system",[[1,"mds-accordion-item",{"typography":[1],"selected":[1540],"label":[1]}]]],["p-ae0c3e38.system",[[1,"mds-bibliography",{"format":[1],"author":[1],"name":[1],"publisher":[1],"date":[1],"location":[1],"rel":[1],"typography":[1],"variant":[1],"url":[1]}]]],["p-aead7eab.system",[[1,"mds-breadcrumb-item",{"selected":[1540]}]]],["p-665f05ca.system",[[65,"mds-input-range",{"max":[2],"min":[2],"step":[2],"value":[1538],"progress":[32]},null,{"value":["valueChanged"],"min":["minChanged"],"max":["maxChanged"],"step":["stepChanged"]}]]],["p-8fe9a0a2.system",[[1,"mds-notification",{"target":[1],"value":[1538],"visible":[1540],"strategy":[1537],"max":[514]},null,{"strategy":["strategyHandler"]}]]],["p-1400e3c3.system",[[1,"mds-pref",{"showReload":[32],"language":[32],"updateLang":[64]}]]],["p-eef53c2a.system",[[1,"mds-price-table-features",{"label":[1]}]]],["p-feadfe43.system",[[1,"mds-price-table-features-cell",{"type":[513]}]]],["p-b7889230.system",[[1,"mds-price-table-list",{"hasItems":[32]}]]],["p-ffa94d0f.system",[[1,"mds-price-table-list-item",{"supported":[516],"typography":[513]}]]],["p-96e60eca.system",[[1,"mds-quote",{"typography":[1],"tag":[1]}]]],["p-d4f60172.system",[[1,"mds-toast",{"duration":[1538],"visible":[1540],"variant":[513],"tone":[513],"position":[1537]},null,{"visible":["visibleChanged"],"duration":["durationChanged"]}]]],["p-5e063b6a.system",[[1,"mds-accordion",{"multiple":[4],"closable":[4]},[[0,"mdsAccordionItemSelect","selectedEventHandler"],[0,"mdsAccordionItemUnselect","unselectedEventHandler"]]]]],["p-6aed6b97.system",[[1,"mds-accordion-timer",{"duration":[514],"paused":[516],"time":[32]},[[0,"mdsAccordionTimerItemClickSelect","onClickSelect"],[0,"mdsAccordionTimerItemSelect","onSelect"],[0,"mdsAccordionTimerItemMouseEnterSelect","onMouseEnterSelect"],[0,"mdsAccordionTimerItemMouseLeaveSelect","onMouseLeaveSelect"]],{"paused":["handlePaused"]}]]],["p-41b0013f.system",[[1,"mds-author"]]],["p-e0288f0c.system",[[1,"mds-card",{"autoGrid":[516,"auto-grid"],"layout":[32]}]]],["p-e9940be7.system",[[1,"mds-card-content"]]],["p-c0611d00.system",[[1,"mds-card-footer"]]],["p-c2291312.system",[[1,"mds-card-header"]]],["p-438c83a4.system",[[1,"mds-card-media"]]],["p-84a3bc2b.system",[[1,"mds-details",{"opened":[1540],"isOpened":[32]},null,{"opened":["validateOpened"]}]]],["p-1bb949c2.system",[[1,"mds-hr"]]],["p-b62d164b.system",[[1,"mds-kpi"]]],["p-a557bad7.system",[[1,"mds-list"]]],["p-600f012f.system",[[1,"mds-price-table"]]],["p-6f15b2d9.system",[[1,"mds-price-table-features-row",{"cellPercWidth":[32]}]]],["p-63e3f820.system",[[1,"mds-price-table-header"]]],["p-a1f69741.system",[[1,"mds-push-notifications",{"visible":[1540],"visiblity":[513]}]]],["p-17d63927.system",[[1,"mds-stepper-bar",{"itemsDone":[2,"items-done"],"currentItem":[32]},[[0,"mdsStepperBarItemDone","changeEventHandler"]],{"itemsDone":["itemDone"]}]]],["p-1b436c7c.system",[[1,"mds-tab-bar",null,[[0,"mdsTabBarItemSelect","changeEventHandler"]]]]],["p-ddb91a8e.system",[[1,"mds-table",{"interactive":[4]},null,{"interactive":["onTableInteractive"]}]]],["p-3545d28a.system",[[1,"mds-table-body",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]],["p-f63148da.system",[[1,"mds-table-cell",{"value":[520]}]]],["p-782313bb.system",[[1,"mds-table-footer"]]],["p-07253a21.system",[[1,"mds-table-header"]]],["p-eb4bc264.system",[[1,"mds-table-row",{"interactive":[1540],"overlayActions":[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]],["p-96d07c9f.system",[[1,"mds-video-wall",{"autoplay":[4],"loop":[4],"muted":[4],"noise":[1],"poster":[1],"preload":[1],"src":[1]}]]],["p-dd7b49e7.system",[[1,"mds-zero"]]],["p-62ac240e.system",[[1,"mds-text",{"animation":[1],"tag":[1537],"text":[513],"truncate":[513],"typography":[513],"variant":[513]},null,{"text":["textHandler"]}]]],["p-0b77bb1c.system",[[65,"mds-button",{"autoFocus":[4,"auto-focus"],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"variant":[513],"tone":[513],"size":[513],"active":[1540],"disabled":[516],"await":[516],"href":[513],"target":[1]},null,{"disabled":["disabledChanged"],"await":["awaitChanged"],"type":["handleTypeChange"]}],[1,"mds-spinner",{"running":[516]}],[1,"mds-icon",{"name":[513],"svgHTML":[32],"_iconHref":[32],"setSvgPath":[64]},null,{"name":["updateIcon"]}]]],["p-a9f8f986.system",[[1,"mds-file-preview",{"deletable":[516],"downloadable":[516],"description":[513],"filename":[513],"filesize":[513],"message":[513],"truncate":[513],"src":[513],"suffix":[513],"icon":[513],"variant":[513],"format":[1537],"language":[32],"updateLang":[64]},null,{"filename":["handleFilename"],"downloadable":["handleDownloadable"]}]]],["p-de21d32b.system",[[65,"mds-input",{"autocomplete":[513],"autofocus":[516],"await":[516],"controlsLayout":[513,"controls-layout"],"controlsIcon":[513,"controls-icon"],"controlIncreaseLabel":[513,"control-increase-label"],"controlDecreaseLabel":[513,"control-decrease-label"],"datalist":[16],"disabled":[516],"icon":[513],"max":[513],"maxlength":[514],"min":[520],"minlength":[514],"name":[513],"pattern":[513],"placeholder":[513],"readonly":[516],"required":[516],"variant":[513],"tip":[513],"step":[513],"type":[513],"typography":[513],"value":[1537],"hasFocus":[32],"language":[32],"isPasswordVisible":[32],"updateLang":[64],"setFocus":[64],"getInputElement":[64]},null,{"value":["valueChanged"]}]]],["p-71601583.system",[[1,"mds-modal",{"opened":[1540],"position":[1537],"animating":[1537]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{"opened":["handleOpenProp"]}]]],["p-30671bb6.system",[[1,"mds-filter-item",{"selected":[1540],"label":[513],"icon":[513],"value":[513]}]]],["p-810ba60f.system",[[1,"mds-paginator-item",{"icon":[513],"selected":[516],"disabled":[516]}]]],["p-e5c3a802.system",[[1,"mds-tooltip",{"arrow":[4],"autoPlacement":[516,"auto-placement"],"flip":[4],"target":[513],"offset":[2],"placement":[513],"typography":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"strategy":[513],"visible":[1540]},null,{"arrow":["arrowChanged"],"autoPlacement":["autoPlacementChanged"],"flip":["flipChanged"],"offset":["offsetChanged"],"placement":["placementChanged"],"shift":["shiftChanged"],"shiftPadding":["shiftPaddingChanged"],"strategy":["strategyChanged"],"visible":["visibleChanged"]}]]],["p-03c13bdf.system",[[1,"mds-dropdown",{"arrow":[4],"arrowPadding":[2,"arrow-padding"],"autoPlacement":[4,"auto-placement"],"backdrop":[4],"flip":[4],"interaction":[513],"target":[1],"offset":[2],"placement":[1],"shift":[4],"shiftPadding":[2,"shift-padding"],"smooth":[4],"strategy":[1],"visible":[1540],"zIndex":[2,"z-index"]},null,{"arrow":["arrowChanged"],"arrowPadding":["arrowPaddingChanged"],"autoPlacement":["autoPlacementChanged"],"backdrop":["backdropChanged"],"flip":["flipChanged"],"offset":["offsetChanged"],"placement":["placementChanged"],"shift":["shiftChanged"],"shiftPadding":["shiftPaddingChanged"],"strategy":["strategyChanged"],"visible":["visibleChanged"],"zIndex":["zIndexChanged"]}]]],["p-893a87dc.system",[[1,"mds-separator"]]],["p-e95f01d6.system",[[1,"mds-avatar",{"icon":[513],"initials":[1537],"src":[513],"tone":[513],"variant":[513],"fallback":[32],"loaded":[32]},null,{"initials":["initialsHandler"],"src":["srcHandler"],"icon":["iconHandler"]}]]],["p-ae0b6dcb.system",[[1,"mds-badge",{"variant":[513],"tone":[513],"typography":[1],"typographyVariant":[1,"typography-variant"]}]]],["p-d3f2a762.system",[[1,"mds-progress",{"progress":[2],"direction":[513],"variant":[513],"steps":[1],"currentStep":[32]},null,{"progress":["progressChanged"],"steps":["stepsChanged"]}]]],["p-2bedaf5f.system",[[1,"mds-img",{"alt":[1537],"crossorigin":[1],"height":[1],"loading":[1],"referrerpolicy":[1],"sizes":[1],"src":[1],"srcset":[1],"srcsetConsumption":[1,"srcset-consumption"],"width":[1],"imageConsumptionLoaded":[32],"imageError":[32],"language":[32],"updateLang":[64]},null,{"srcsetConsumption":["srcsetConsumptionHandler"]}]]],["p-5818b17b.system",[[1,"mds-input-tip-item",{"variant":[513],"expanded":[516],"language":[32],"updateLang":[64]}],[1,"mds-input-tip",{"active":[516],"position":[513]}]]],["p-19114f13.system",[[1,"mds-tab-item",{"selected":[516],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"size":[513],"value":[513],"isSelected":[32],"hasText":[32]},null,{"selected":["validateActive"]}],[1,"mds-tab",{"scrollbar":[516]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]]]]]]'),a)]}}))}))}))}}}));

package/dist/magma-components/p-b62d164b.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(t){"use strict";var e,a,i;return{setters:[function(t){e=t.r;a=t.h;i=t.H}],execute:function(){var n=':host{--mds-kpi-text-animation-speed:0.15;--mds-kpi-text-animation-placeholder-char:" ";gap:1rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))}';var r=n;var s=t("mds_kpi",function(){function t(t){e(this,t)}t.prototype.render=function(){return a(i,{key:"708ae136da63b0837b6b5244bd5914511c827914",role:"list"},a("slot",{key:"ab2517e35afd60e26f91823079372201a606f3c3"}))};return t}());s.style=r}}}));

package/dist/magma-components/{p-efdb9fda.entry.js → p-b6cc1d20.entry.js}

@@ -1 +1 @@
-import{r as e,h as s,H as t,g as a}from"./p-b6defcb6.js";const d=class{constructor(s){e(this,s)}componentWillLoad(){this.actions=null!==this.hostElement.querySelector('[slot="action"]')}render(){return s(t,{key:"7589cac2382eccf8dd59114dc86f2945218548e5",slot:"header"},s("slot",{key:"65516ff06a9b972414a1903175e216302b16da74"}),this.actions&&s("div",{key:"2d191d112450087d1486c38eeed8d34d3fd560bb",class:"actions"},s("slot",{key:"dd08f65d6de11b5328aecde1a39ed95f669cea46",name:"action"})))}get hostElement(){return a(this)}};d.style=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between}";export{d as mds_card_header}
+import{r as e,h as s,H as t,g as a}from"./p-eab621a7.js";const d=class{constructor(s){e(this,s)}componentWillLoad(){this.actions=null!==this.hostElement.querySelector('[slot="action"]')}render(){return s(t,{key:"7589cac2382eccf8dd59114dc86f2945218548e5",slot:"header"},s("slot",{key:"65516ff06a9b972414a1903175e216302b16da74"}),this.actions&&s("div",{key:"2d191d112450087d1486c38eeed8d34d3fd560bb",class:"actions"},s("slot",{key:"dd08f65d6de11b5328aecde1a39ed95f669cea46",name:"action"})))}get hostElement(){return a(this)}};d.style=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between}";export{d as mds_card_header}

package/dist/magma-components/p-b7889230.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var e,r,t,a;return{setters:[function(n){e=n.r;r=n.h;t=n.H;a=n.g}],execute:function(){var o="@tailwind utilities;\n\n:host {\n\n  --mds-price-table-list-separator-color: rgb(var(--tone-neutral-03) / 0.5);\n\n  gap: 1.5rem;\n\n  border-radius: 0.75rem;\n\n  padding: 1.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--label-green-10));\n  display: grid;\n  -webkit-transition-property: background-color, color;\n  transition-property: background-color, color;\n}\n\n\n.separator{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-price-table-list-separator-color);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n\n.header {\n  display: grid;\n}\n\n.main{\n\n  gap: 0.75rem;\n\n  display: grid;\n}\n\n.footer{\n\n  gap: 1rem;\n\n  display: grid;\n}\n\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    background-color: rgb(var(--label-green-09));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n      background-color: rgb(var(--label-green-09));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var i=o;var s=n("mds_price_table_list",function(){function n(n){e(this,n);this.hasItems=undefined}n.prototype.componentWillLoad=function(){this.hasItems=this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length>0};n.prototype.render=function(){return r(t,{key:"8848846da137075f1279ed2a3a0d802b247f7a4c"},r("div",{key:"ffcc0524827624fd6d195ed5a517e8b7e1904e4a",class:"header",part:"header"},r("slot",{key:"e07351229478f6e654801e67598a75201f80ab7e",name:"header"})),this.hasItems&&r("mds-separator",{key:"d01804193430448ee78834f0358ab4ef9d71bf3c",class:"separator"}),this.hasItems&&r("main",{key:"a0d877c27f5b076d0561ed2e89aa54da7a9246ff",class:"main",part:"content"},r("slot",{key:"3a9029359e46082062c2dbf435ad5d6f57451583",name:"item"})),r("div",{key:"a95176bd6168f8b60ff9a75ed1b8752f785d0650",class:"footer",part:"footer"},r("slot",{key:"e21ad28632027ca11064584bb9e49d7977f3b80b",name:"price"}),r("slot",{key:"c6e7ad45301d8b27ebf4af90c8654be9fde0c005",name:"action"})))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());s.style=i}}}));

package/dist/magma-components/{p-ec8975f3.entry.js → p-b8fcf897.entry.js}

@@ -1 +1 @@
-import{r as n,c as t,h as o,H as e,g as r}from"./p-b6defcb6.js";const a=class{constructor(o){n(this,o),this.changedEvent=t(this,"mdsTabBarChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-tab-bar-item")}componentWillLoad(){this.queryItems().forEach(((n,t)=>n.id=`mds-tab-bar-item-${t}`))}changeEventHandler(n){this.queryItems().forEach(((t,o)=>{t.selected=`mds-tab-bar-item-${o}`===n.detail,t.selected&&this.changedEvent.emit({index:o})}))}render(){return o(e,{key:"143f956bec3fad0f56df5d076f8be11759347f2b"},o("slot",{key:"62a642468cae60d404806b0a543eecff5ec8f8be"}))}get element(){return r(this)}};a.style="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  bottom: 0;\n  -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n  left: 0;\n  position: fixed;\n  right: 0;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, box-shadow;\n  transition-property: background-color, color, box-shadow, -webkit-box-shadow;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n";export{a as mds_tab_bar}
+import{r as n,c as t,h as o,H as a,g as e}from"./p-eab621a7.js";const r=class{constructor(o){n(this,o),this.changedEvent=t(this,"mdsTabBarChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-tab-bar-item")}componentWillLoad(){this.queryItems().forEach(((n,t)=>n.id=`mds-tab-bar-item-${t}`))}changeEventHandler(n){this.queryItems().forEach(((t,o)=>{t.selected=`mds-tab-bar-item-${o}`===n.detail,t.selected&&this.changedEvent.emit({index:o})}))}render(){return o(a,{key:"143f956bec3fad0f56df5d076f8be11759347f2b"},o("slot",{key:"62a642468cae60d404806b0a543eecff5ec8f8be"}))}get element(){return e(this)}};r.style="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  bottom: 0;\n  -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n  left: 0;\n  position: fixed;\n  right: 0;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, box-shadow;\n  transition-property: background-color, color, box-shadow, -webkit-box-shadow;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n";export{r as mds_tab_bar}

package/dist/magma-components/{p-73ccc008.entry.js → p-bbe19d86.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,g as r}from"./p-b6defcb6.js";import{c as a}from"./p-8a1a6e56.js";const n=()=>null,o=t=>{if(Number.isNaN(t.slice(0,-1))||10!==t.length&&13!==t.length)return{"isbn-error":"formato isbn non correto"};const s=t.split("").map((t=>"X"===t?10:Number(t)));let i=0;return i=10===t.length?s.reduce(((t,s,i)=>t+(10-i)*s),0)%11:s.reduce(((t,s,i)=>t+s*(i%2==0?1:3)),0)%10,0===i?null:{"isbn-error":"codice isbn non valido"}};class h{constructor(){this._validators=[],this._errors=null,this.isValid=!0}addValidator(t){Array.isArray(t)?this._validators.push(...t):this._validators.push(t)}_hasValidator(t,s){return Array.isArray(t)?t.includes(s):t===s}hasValidator(t){return this._hasValidator(this._validators,t)}removeValidator(t){this._validators=this._validators.filter((s=>!this._hasValidator(t,s)))}validate(t){if(0===t.length)return this._errors=null,void(this.isValid=!0);const s=this._validators.map((s=>s(t))).reduce(((t,s)=>Object.assign(Object.assign({},t),s)),n);this._errors=0===Object.keys(s).length?null:s,this.isValid=!this._errors}get errors(){return this._errors}}class d{}d.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i,d.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A",d.CC_MASK="9999-9999-9999-9999";class c{constructor(t){this.validator=new h,this.pattern=t}mask(t){if(!this.pattern)throw new Error("no pattern found, set pattern before mask")}isValid(t){return this.validator.validate(t),this.validator.isValid}}const l=class{constructor(i){t(this,i),this.changeEvent=s(this,"mdsInputFieldChange",7),this.keyDownEvent=s(this,"mdsInputFieldKeydown",7),this.blurEvent=s(this,"mdsInputFieldBlur",7),this.focusEvent=s(this,"mdsInputFieldFocus",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.isValidInput=!0,this.onInput=t=>{const s=t.target;s&&(this.value=s.value,this.internals.setFormValue(this.value)),this.keyDownEvent.emit(t)},this.onBlur=()=>{this.hasFocus=!1,this.blurEvent.emit(),this.isValidInput=this.validateInput(),this.variant=this.isValidInput?"success":"error",this.message=this.inputValidation.validator.errors?Object.entries(this.inputValidation.validator.errors).map((t=>t[1])).join("\n"):void 0},this.onFocus=t=>{const s=t.target;this.hasFocus=!0,this.focusEvent.emit(),this.readonly&&setTimeout((()=>{s.select()}),10)},this.hasFocus=!1,this.autocomplete="off",this.autofocus=!1,this.await=!1,this.controlsLayout="vertical",this.controlsIcon="arrow",this.disabled=!1,this.icon=void 0,this.max=void 0,this.maxlength=void 0,this.min=void 0,this.minlength=void 0,this.name=void 0,this.pattern=void 0,this.placeholder="",this.readonly=!1,this.required=!1,this.step=void 0,this.type="text",this.typography="detail",this.value="",this.label=void 0,this.message=void 0,this.variant=void 0,this.tip=void 0}componentWillLoad(){if(this.el.hasAttribute("tabindex")){const t=this.el.getAttribute("tabindex");this.tabindex=null!==t?parseInt(t):void 0,this.el.removeAttribute("tabindex")}this.inputValidation=function(t){let s;switch(t){case"tel":case"url":case"piva":default:s=new c("");break;case"cc":s=new c(d.CC_MASK);break;case"cf":s=new c(d.CF_MASK),s.validator.addValidator((t=>d.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"})),s.validator.addValidator((t=>16===t.length?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}));break;case"isbn":s=new c,s.validator.addValidator(o)}return s}(this.type)}componentDidLoad(){var t,s,i,e;this.nativeInput=null===(i=null===(s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("mds-input"))||void 0===s?void 0:s.shadowRoot)||void 0===i?void 0:i.querySelector("input"),null===(e=this.nativeInput)||void 0===e||e.setAttribute("pattern",String(this.inputValidation.pattern))}valueChanged(){this.changeEvent.emit({value:this.value}),this.internals.setFormValue(this.value)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}getInputElement(){return Promise.resolve(this.nativeInput)}async addValidator(t){return this.inputValidation.validator.addValidator(t),Promise.resolve()}async removeValidator(t){this.inputValidation.validator.removeValidator(t)}async getErrors(){return Promise.resolve(this.inputValidation.validator.errors)}validateInput(){return this.inputValidation.isValid(this.value)}render(){return i(e,{key:"db5b1e0a4e149d9f32644f0d319c91ede6154508"},this.label&&i("mds-text",{key:"35e32691561662a7b7218c435adb709cac4b6169",class:"label",typography:"label"},this.label),i("div",{key:"69e644c0d945b87ecae0f529fa322523292c72f9",class:a("message-window",this.variant&&this.message&&"message-window--opened")},i("mds-input",{key:"c8f9c545b595311edfea7571bb896a7e80401af8",autocomplete:this.autocomplete,autofocus:this.autofocus,await:this.await,class:a("input",this.isValidInput?"input-valid":"input-invalid"),controlsLayout:this.controlsLayout,controlsIcon:this.controlsIcon,disabled:this.disabled,icon:this.icon,id:"field",max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,placeholder:this.placeholder,readonly:this.readonly,required:this.required,typography:this.typography,variant:this.variant,tip:this.tip,step:this.step,tabIndex:this.tabindex,type:this.type,value:this.value}),this.message&&i("mds-text",{key:"37b8805d9b7abe1c644a66e49abc391ab97141e9",class:"message",typography:"caption"},this.message)))}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};l.style='@tailwind utilities; :host{--mds-input-field-message-color:rgb(var(--tone-neutral-03));--mds-input-field-message-background:transparent;gap:0.5rem;color:rgb(var(--tone-neutral-02));display:grid}.message-window{gap:0.5rem;border-radius:0.75rem;padding:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-input-field-message-background);color:var(--mds-input-field-message-color);display:grid;-webkit-transition-property:background-color, color;transition-property:background-color, color}.message-window--opened{padding:0.5rem}.message{padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-top:0.25rem}:host([variant="info"]){--mds-input-field-message-color:rgb(var(--status-info-02));--mds-input-field-message-background:rgb(var(--status-info-09))}:host([variant="success"]){--mds-input-field-message-color:rgb(var(--status-success-02));--mds-input-field-message-background:rgb(var(--status-success-09))}:host([variant="warning"]){--mds-input-field-message-color:rgb(var(--status-warning-02));--mds-input-field-message-background:rgb(var(--status-warning-09))}:host([variant="error"]){--mds-input-field-message-color:rgb(var(--status-error-02));--mds-input-field-message-background:rgb(var(--status-error-09))}';export{l as mds_input_field}
+import{r as t,c as s,h as i,H as e,g as r}from"./p-eab621a7.js";import{c as a}from"./p-8a1a6e56.js";const n=()=>null,o=t=>{if(Number.isNaN(t.slice(0,-1))||10!==t.length&&13!==t.length)return{"isbn-error":"formato isbn non correto"};const s=t.split("").map((t=>"X"===t?10:Number(t)));let i=0;return i=10===t.length?s.reduce(((t,s,i)=>t+(10-i)*s),0)%11:s.reduce(((t,s,i)=>t+s*(i%2==0?1:3)),0)%10,0===i?null:{"isbn-error":"codice isbn non valido"}};class h{constructor(){this._validators=[],this._errors=null,this.isValid=!0}addValidator(t){Array.isArray(t)?this._validators.push(...t):this._validators.push(t)}_hasValidator(t,s){return Array.isArray(t)?t.includes(s):t===s}hasValidator(t){return this._hasValidator(this._validators,t)}removeValidator(t){this._validators=this._validators.filter((s=>!this._hasValidator(t,s)))}validate(t){if(0===t.length)return this._errors=null,void(this.isValid=!0);const s=this._validators.map((s=>s(t))).reduce(((t,s)=>Object.assign(Object.assign({},t),s)),n);this._errors=0===Object.keys(s).length?null:s,this.isValid=!this._errors}get errors(){return this._errors}}class d{}d.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i,d.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A",d.CC_MASK="9999-9999-9999-9999";class c{constructor(t){this.validator=new h,this.pattern=t}mask(t){if(!this.pattern)throw new Error("no pattern found, set pattern before mask")}isValid(t){return this.validator.validate(t),this.validator.isValid}}const l=class{constructor(i){t(this,i),this.changeEvent=s(this,"mdsInputFieldChange",7),this.keyDownEvent=s(this,"mdsInputFieldKeydown",7),this.blurEvent=s(this,"mdsInputFieldBlur",7),this.focusEvent=s(this,"mdsInputFieldFocus",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.isValidInput=!0,this.onInput=t=>{const s=t.target;s&&(this.value=s.value,this.internals.setFormValue(this.value)),this.keyDownEvent.emit(t)},this.onBlur=()=>{this.hasFocus=!1,this.blurEvent.emit(),this.isValidInput=this.validateInput(),this.variant=this.isValidInput?"success":"error",this.message=this.inputValidation.validator.errors?Object.entries(this.inputValidation.validator.errors).map((t=>t[1])).join("\n"):void 0},this.onFocus=t=>{const s=t.target;this.hasFocus=!0,this.focusEvent.emit(),this.readonly&&setTimeout((()=>{s.select()}),10)},this.hasFocus=!1,this.autocomplete="off",this.autofocus=!1,this.await=!1,this.controlsLayout="vertical",this.controlsIcon="arrow",this.disabled=!1,this.icon=void 0,this.max=void 0,this.maxlength=void 0,this.min=void 0,this.minlength=void 0,this.name=void 0,this.pattern=void 0,this.placeholder="",this.readonly=!1,this.required=!1,this.step=void 0,this.type="text",this.typography="detail",this.value="",this.label=void 0,this.message=void 0,this.variant=void 0,this.tip=void 0}componentWillLoad(){if(this.el.hasAttribute("tabindex")){const t=this.el.getAttribute("tabindex");this.tabindex=null!==t?parseInt(t):void 0,this.el.removeAttribute("tabindex")}this.inputValidation=function(t){let s;switch(t){case"tel":case"url":case"piva":default:s=new c("");break;case"cc":s=new c(d.CC_MASK);break;case"cf":s=new c(d.CF_MASK),s.validator.addValidator((t=>d.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"})),s.validator.addValidator((t=>16===t.length?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}));break;case"isbn":s=new c,s.validator.addValidator(o)}return s}(this.type)}componentDidLoad(){var t,s,i,e;this.nativeInput=null===(i=null===(s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("mds-input"))||void 0===s?void 0:s.shadowRoot)||void 0===i?void 0:i.querySelector("input"),null===(e=this.nativeInput)||void 0===e||e.setAttribute("pattern",String(this.inputValidation.pattern))}valueChanged(){this.changeEvent.emit({value:this.value}),this.internals.setFormValue(this.value)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}getInputElement(){return Promise.resolve(this.nativeInput)}async addValidator(t){return this.inputValidation.validator.addValidator(t),Promise.resolve()}async removeValidator(t){this.inputValidation.validator.removeValidator(t)}async getErrors(){return Promise.resolve(this.inputValidation.validator.errors)}validateInput(){return this.inputValidation.isValid(this.value)}render(){return i(e,{key:"4ac545ba6d87644a4104ae62f46f6eb15b3f93e7"},this.label&&i("mds-text",{key:"df7dba982c349670445324c8f3213b4dccfb5087",class:"label",typography:"label"},this.label),i("div",{key:"4a21301b0f233c53a61ba9e6fb4f1858c99a4af5",class:a("message-window",this.variant&&this.message&&"message-window--opened")},i("mds-input",{key:"9b3274442d3798c8d818e87bb02cc9b7853e6b5f",autocomplete:this.autocomplete,autofocus:this.autofocus,await:this.await,class:a("input",this.isValidInput?"input-valid":"input-invalid"),controlsLayout:this.controlsLayout,controlsIcon:this.controlsIcon,disabled:this.disabled,icon:this.icon,id:"field",max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,placeholder:this.placeholder,readonly:this.readonly,required:this.required,typography:this.typography,variant:this.variant,tip:this.tip,step:this.step,tabIndex:this.tabindex,type:this.type,value:this.value}),this.message&&i("mds-text",{key:"021dcc9f0d404847f6b81831ab1393704907545d",class:"message",typography:"caption"},this.message)))}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){return{value:["valueChanged"]}}};l.style='@tailwind utilities; :host{--mds-input-field-message-color:rgb(var(--tone-neutral-03));--mds-input-field-message-background:transparent;gap:0.5rem;color:rgb(var(--tone-neutral-02));display:grid}.message-window{gap:0.5rem;border-radius:0.75rem;padding:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-input-field-message-background);color:var(--mds-input-field-message-color);display:grid;-webkit-transition-property:background-color, color;transition-property:background-color, color}.message-window--opened{padding:0.5rem}.message{padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-top:0.25rem}:host([variant="info"]){--mds-input-field-message-color:rgb(var(--status-info-02));--mds-input-field-message-background:rgb(var(--status-info-09))}:host([variant="success"]){--mds-input-field-message-color:rgb(var(--status-success-02));--mds-input-field-message-background:rgb(var(--status-success-09))}:host([variant="warning"]){--mds-input-field-message-color:rgb(var(--status-warning-02));--mds-input-field-message-background:rgb(var(--status-warning-09))}:host([variant="error"]){--mds-input-field-message-color:rgb(var(--status-error-02));--mds-input-field-message-background:rgb(var(--status-error-09))}';export{l as mds_input_field}

package/dist/magma-components/p-bd7c0f2b.entry.js

@@ -0,0 +1 @@
+import{r as t,c as r,h as e,H as s,g as a}from"./p-eab621a7.js";import{m as o}from"./p-adc5a87e.js";import{K as n}from"./p-0f3e17bc.js";import{L as i}from"./p-c310b41f.js";import"./p-85aa8e05.js";const b={back:"Πήγαινε πίσω"},d={back:"Go back"},c={back:"Volver atrás"},l={back:"Indietro"},m=class{constructor(e){t(this,e),this.changedEvent=r(this,"mdsBreadcrumbChange",7),this.kb=new n,this.t=new i({el:b,en:d,es:c,it:l}),this.queryItems=()=>this.element.querySelectorAll("mds-breadcrumb-item"),this.updateBackButton=t=>{var r;if(!this.back)return;const e=null===(r=this.element.shadowRoot)||void 0===r?void 0:r.querySelector(".back");if(0===t)return e.classList.add("disabled"),void this.kb.detachClickBehavior();e.classList.remove("disabled"),this.kb.attachClickBehavior()},this.togglePrevious=()=>{const t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t)return;const r=Number(t.id.replace("item-","")),e=this.queryItems();let s=0;e.forEach(((t,e)=>{t.selected=e===r-1,t.selected&&(s=e)})),this.updateBackButton(s),this.onChanged(s,t)},this.onChanged=(t,r)=>{this.changedEvent.emit({id:t.toString(),caller:r})},this.language=void 0,this.back=!0}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){var t;this.queryItems().forEach(((t,r)=>t.id=`item-${r}`));const r=this.element.querySelector("mds-breadcrumb-item[selected]");if(r&&"item-0"!==r.id||this.updateBackButton(0),this.back){const r=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");this.kb.addElement(r),this.kb.attachClickBehavior()}}componentDidUpdate(){var t;if(this.back){const r=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");return this.kb.addElement(r),void this.kb.attachClickBehavior()}this.kb.detachClickBehavior()}componentWillRender(){this.t.lang(this.element)}disconnectedCallback(){this.kb.detachClickBehavior()}activedEventHandler(t){const r=this.queryItems();let e=0;r.forEach(((r,s)=>{r.selected=`item-${s}`===t.detail.id&&t.detail.selected,r.selected&&(e=s)})),this.updateBackButton(e),this.onChanged(e,t.target)}render(){return e(s,{key:"897713224e58733a2981ff8ba737cf2b05cfa3c0"},this.back&&e("mds-button",{key:"65402701ac1bee13a4b115a7601e0397dcb022b5",title:this.t.get("back"),class:"back",icon:o,onClick:this.togglePrevious}),e("slot",{key:"a3301ec42c30ef181670e561685386783f06dee5"}))}get element(){return a(this)}};m.style="@tailwind components; @tailwind utilities; :host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0rem;padding:0.5rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%}:host::-webkit-scrollbar{display:none}.back{margin-right:0.25rem;--mds-button-background:var(--mds-breadcrumb-button-background);fill:var(--mds-breadcrumb-button-color);-ms-flex-negative:0;flex-shrink:0}.back:hover{--mds-button-background:var(--mds-breadcrumb-button-background-hover);fill:var(--mds-breadcrumb-button-color-hover)}.disabled{--mds-button-background:var(--mds-breadcrumb-button-background-disabled);fill:var(--mds-breadcrumb-button-color-disabled);pointer-events:none}";export{m as mds_breadcrumb}

package/dist/magma-components/p-c0611d00.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var t,n,s;return{setters:[function(e){t=e.r;n=e.h;s=e.H}],execute:function(){var f=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";var r=f;var a=e("mds_card_footer",function(){function e(e){t(this,e)}e.prototype.render=function(){return n(s,{key:"82210fbde598faafaad3214af5d4d13cc3d3d310",slot:"footer"},n("slot",{key:"71af6a136827d40b4cd35528730eb8c37b002d73"}))};return e}());a.style=r}}}));

package/dist/magma-components/{p-cd60481a.system.entry.js → p-c2291312.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(e){"use strict";var t,n,s,c;return{setters:[function(e){t=e.r;n=e.h;s=e.H;c=e.g}],execute:function(){var a=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between}";var i=a;var d=e("mds_card_header",function(){function e(e){t(this,e)}e.prototype.componentWillLoad=function(){this.actions=this.hostElement.querySelector('[slot="action"]')!==null};e.prototype.render=function(){return n(s,{key:"7589cac2382eccf8dd59114dc86f2945218548e5",slot:"header"},n("slot",{key:"65516ff06a9b972414a1903175e216302b16da74"}),this.actions&&n("div",{key:"2d191d112450087d1486c38eeed8d34d3fd560bb",class:"actions"},n("slot",{key:"dd08f65d6de11b5328aecde1a39ed95f669cea46",name:"action"})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return c(this)},enumerable:false,configurable:true});return e}());d.style=i}}}));
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var t,n,s,c;return{setters:[function(e){t=e.r;n=e.h;s=e.H;c=e.g}],execute:function(){var a=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between}";var i=a;var d=e("mds_card_header",function(){function e(e){t(this,e)}e.prototype.componentWillLoad=function(){this.actions=this.hostElement.querySelector('[slot="action"]')!==null};e.prototype.render=function(){return n(s,{key:"7589cac2382eccf8dd59114dc86f2945218548e5",slot:"header"},n("slot",{key:"65516ff06a9b972414a1903175e216302b16da74"}),this.actions&&n("div",{key:"2d191d112450087d1486c38eeed8d34d3fd560bb",class:"actions"},n("slot",{key:"dd08f65d6de11b5328aecde1a39ed95f669cea46",name:"action"})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return c(this)},enumerable:false,configurable:true});return e}());d.style=i}}}));

package/dist/magma-components/{p-0b471b37.system.entry.js → p-c2c1ca38.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(e){"use strict";var s,t,a;return{setters:[function(e){s=e.r;t=e.h;a=e.H}],execute:function(){var i=":host{grid-template-columns:repeat(auto-fit, minmax(1px, 100%));gap:0.25rem;display:grid}.infos{gap:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.value{-ms-flex-negative:0;flex-shrink:0}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}";var f=i;var l=e("mds_benchmark_bar",function(){function e(e){s(this,e);this.alias=undefined;this.typography="label";this.value=0;this.variant="dark"}e.prototype.render=function(){var e;return t(a,{key:"702eac2b71d41cebcd6281e4ae2efd83d3e57289"},t("div",{key:"143d9130761ae72a0270bfd65d1772d9a7e186f3",class:"infos"},t("mds-text",{key:"3a1f60276b6f0d224d7ef678bbdf67b8c1588bfc",typography:this.typography,class:"label",id:"label"},t("slot",{key:"4f592182ef44f3c3f5e3611c7033ff1986e57201"})),t("mds-text",{key:"64ea428f960dc8264f234cc85c26ff1f79d6059d",typography:this.typography,class:"value"},(e=this.alias)!==null&&e!==void 0?e:this.value)),t("mds-progress",{key:"33a784d3415f5be56b548267eb88c87d7280f6a4","aria-labelledby":"label","aria-valuetext":this.alias,class:"progress",variant:this.variant,progress:this.value/100}))};return e}());l.style=f}}}));
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var s,t,a;return{setters:[function(e){s=e.r;t=e.h;a=e.H}],execute:function(){var i=":host{grid-template-columns:repeat(auto-fit, minmax(1px, 100%));gap:0.25rem;display:grid}.infos{gap:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.value{-ms-flex-negative:0;flex-shrink:0}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}";var f=i;var l=e("mds_benchmark_bar",function(){function e(e){s(this,e);this.alias=undefined;this.typography="label";this.value=0;this.variant="dark"}e.prototype.render=function(){var e;return t(a,{key:"702eac2b71d41cebcd6281e4ae2efd83d3e57289"},t("div",{key:"143d9130761ae72a0270bfd65d1772d9a7e186f3",class:"infos"},t("mds-text",{key:"3a1f60276b6f0d224d7ef678bbdf67b8c1588bfc",typography:this.typography,class:"label",id:"label"},t("slot",{key:"4f592182ef44f3c3f5e3611c7033ff1986e57201"})),t("mds-text",{key:"64ea428f960dc8264f234cc85c26ff1f79d6059d",typography:this.typography,class:"value"},(e=this.alias)!==null&&e!==void 0?e:this.value)),t("mds-progress",{key:"33a784d3415f5be56b548267eb88c87d7280f6a4","aria-labelledby":"label","aria-valuetext":this.alias,class:"progress",variant:this.variant,progress:this.value/100}))};return e}());l.style=f}}}));

package/dist/magma-components/p-c310b41f.js

@@ -0,0 +1,6 @@
+import{c as t}from"./p-85aa8e05.js";var n={exports:{}};n.exports=function(){
+/*!
+   * mustache.js - Logic-less {{mustache}} templates with JavaScript
+   * http://github.com/janl/mustache.js
+   */
+var t=Object.prototype.toString,n=Array.isArray||function(n){return"[object Array]"===t.call(n)};function i(t){return"function"==typeof t}function r(t){return t.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function e(t,n){return null!=t&&"object"==typeof t&&n in t}var s=RegExp.prototype.test;var o=/\S/;function u(t){return!function(t,n){return s.call(t,n)}(o,t)}var h={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};var f=/\s*/,a=/\s+/,c=/\s*=/,v=/\s*\}/,l=/#|\^|\/|>|\{|&|=|!/;function p(t){this.string=t,this.tail=t,this.pos=0}function d(t,n){this.view=t,this.cache={".":this.view},this.parent=n}function g(){this.templateCache={_cache:{},set:function(t,n){this._cache[t]=n},get:function(t){return this._cache[t]},clear:function(){this._cache={}}}}p.prototype.eos=function(){return""===this.tail},p.prototype.scan=function(t){var n=this.tail.match(t);if(!n||0!==n.index)return"";var i=n[0];return this.tail=this.tail.substring(i.length),this.pos+=i.length,i},p.prototype.scanUntil=function(t){var n,i=this.tail.search(t);switch(i){case-1:n=this.tail,this.tail="";break;case 0:n="";break;default:n=this.tail.substring(0,i),this.tail=this.tail.substring(i)}return this.pos+=n.length,n},d.prototype.push=function(t){return new d(t,this)},d.prototype.lookup=function(t){var n,r,s,o=this.cache;if(o.hasOwnProperty(t))n=o[t];else{for(var u,h,f,a=this,c=!1;a;){if(t.indexOf(".")>0)for(u=a.view,h=t.split("."),f=0;null!=u&&f<h.length;)f===h.length-1&&(c=e(u,h[f])||(s=h[f],null!=(r=u)&&"object"!=typeof r&&r.hasOwnProperty&&r.hasOwnProperty(s))),u=u[h[f++]];else u=a.view[t],c=e(a.view,t);if(c){n=u;break}a=a.parent}o[t]=n}return i(n)&&(n=n.call(this.view)),n},g.prototype.clearCache=function(){void 0!==this.templateCache&&this.templateCache.clear()},g.prototype.parse=function(t,i){var e=this.templateCache,s=t+":"+(i||w.tags).join(":"),o=void 0!==e,h=o?e.get(s):void 0;return null==h&&(h=function(t,i){if(!t)return[];var e,s,o,h=!1,d=[],g=[],m=[],b=!1,y=!1,x="",E=0;function j(){if(b&&!y)for(;m.length;)delete g[m.pop()];else m=[];b=!1,y=!1}function k(t){if("string"==typeof t&&(t=t.split(a,2)),!n(t)||2!==t.length)throw new Error("Invalid tags: "+t);e=new RegExp(r(t[0])+"\\s*"),s=new RegExp("\\s*"+r(t[1])),o=new RegExp("\\s*"+r("}"+t[1]))}k(i||w.tags);for(var C,R,S,U,A,I,L=new p(t);!L.eos();){if(C=L.pos,S=L.scanUntil(e))for(var O=0,T=S.length;O<T;++O)u(U=S.charAt(O))?(m.push(g.length),x+=U):(y=!0,h=!0,x+=" "),g.push(["text",U,C,C+1]),C+=1,"\n"===U&&(j(),x="",E=0,h=!1);if(!L.scan(e))break;if(b=!0,R=L.scan(l)||"name",L.scan(f),"="===R?(S=L.scanUntil(c),L.scan(c),L.scanUntil(s)):"{"===R?(S=L.scanUntil(o),L.scan(v),L.scanUntil(s),R="&"):S=L.scanUntil(s),!L.scan(s))throw new Error("Unclosed tag at "+L.pos);if(A=">"==R?[R,S,C,L.pos,x,E,h]:[R,S,C,L.pos],E++,g.push(A),"#"===R||"^"===R)d.push(A);else if("/"===R){if(!(I=d.pop()))throw new Error('Unopened section "'+S+'" at '+C);if(I[1]!==S)throw new Error('Unclosed section "'+I[1]+'" at '+C)}else"name"===R||"{"===R||"&"===R?y=!0:"="===R&&k(S)}if(j(),I=d.pop())throw new Error('Unclosed section "'+I[1]+'" at '+L.pos);return function(t){for(var n,i=[],r=i,e=[],s=0,o=t.length;s<o;++s)switch((n=t[s])[0]){case"#":case"^":r.push(n),e.push(n),r=n[4]=[];break;case"/":e.pop()[5]=n[2],r=e.length>0?e[e.length-1][4]:i;break;default:r.push(n)}return i}(function(t){for(var n,i,r=[],e=0,s=t.length;e<s;++e)(n=t[e])&&("text"===n[0]&&i&&"text"===i[0]?(i[1]+=n[1],i[3]=n[3]):(r.push(n),i=n));return r}(g))}(t,i),o&&e.set(s,h)),h},g.prototype.render=function(t,n,i,r){var e=this.getConfigTags(r),s=this.parse(t,e),o=n instanceof d?n:new d(n,void 0);return this.renderTokens(s,o,i,t,r)},g.prototype.renderTokens=function(t,n,i,r,e){for(var s,o,u,h="",f=0,a=t.length;f<a;++f)u=void 0,"#"===(o=(s=t[f])[0])?u=this.renderSection(s,n,i,r,e):"^"===o?u=this.renderInverted(s,n,i,r,e):">"===o?u=this.renderPartial(s,n,i,e):"&"===o?u=this.unescapedValue(s,n):"name"===o?u=this.escapedValue(s,n,e):"text"===o&&(u=this.rawValue(s)),void 0!==u&&(h+=u);return h},g.prototype.renderSection=function(t,r,e,s,o){var u=this,h="",f=r.lookup(t[1]);if(f){if(n(f))for(var a=0,c=f.length;a<c;++a)h+=this.renderTokens(t[4],r.push(f[a]),e,s,o);else if("object"==typeof f||"string"==typeof f||"number"==typeof f)h+=this.renderTokens(t[4],r.push(f),e,s,o);else if(i(f)){if("string"!=typeof s)throw new Error("Cannot use higher-order sections without the original template");null!=(f=f.call(r.view,s.slice(t[3],t[5]),(function(t){return u.render(t,r,e,o)})))&&(h+=f)}else h+=this.renderTokens(t[4],r,e,s,o);return h}},g.prototype.renderInverted=function(t,i,r,e,s){var o=i.lookup(t[1]);if(!o||n(o)&&0===o.length)return this.renderTokens(t[4],i,r,e,s)},g.prototype.indentPartial=function(t,n,i){for(var r=n.replace(/[^ \t]/g,""),e=t.split("\n"),s=0;s<e.length;s++)e[s].length&&(s>0||!i)&&(e[s]=r+e[s]);return e.join("\n")},g.prototype.renderPartial=function(t,n,r,e){if(r){var s=this.getConfigTags(e),o=i(r)?r(t[1]):r[t[1]];if(null!=o){var u=t[4],h=o;0==t[5]&&u&&(h=this.indentPartial(o,u,t[6]));var f=this.parse(h,s);return this.renderTokens(f,n,r,h,e)}}},g.prototype.unescapedValue=function(t,n){var i=n.lookup(t[1]);if(null!=i)return i},g.prototype.escapedValue=function(t,n,i){var r=this.getConfigEscape(i)||w.escape,e=n.lookup(t[1]);if(null!=e)return"number"==typeof e&&r===w.escape?String(e):r(e)},g.prototype.rawValue=function(t){return t[1]},g.prototype.getConfigTags=function(t){return n(t)?t:t&&"object"==typeof t?t.tags:void 0},g.prototype.getConfigEscape=function(t){return t&&"object"==typeof t&&!n(t)?t.escape:void 0};var w={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:void 0,escape:void 0,parse:void 0,render:void 0,Scanner:void 0,Context:void 0,Writer:void 0,set templateCache(t){m.templateCache=t},get templateCache(){return m.templateCache}},m=new g;return w.clearCache=function(){return m.clearCache()},w.parse=function(t,n){return m.parse(t,n)},w.render=function(t,i,r,e){if("string"!=typeof t)throw new TypeError('Invalid template! Template should be a "string" but "'+((n(s=t)?"array":typeof s)+'" was given as the first argument for mustache#render(template, view, partials)'));var s;return m.render(t,i,r,e)},w.escape=function(t){return String(t).replace(/[&<>"'`=\/]/g,(function(t){return h[t]}))},w.Scanner=p,w.Context=d,w.Writer=g,w}();class i{constructor(t){this.rollbackLanguage="en",this.set=t=>{this.config=t},this.lang=t=>(this.element=t,this.closestElement=this.element.closest("[lang]"),this.closestElement&&this.closestElement.lang?(this.language=this.closestElement.lang,this.language):(this.language=this.rollbackLanguage,this.language)),this.update=t=>{const n=null!=t?t:this.element.shadowRoot;n&&n.querySelectorAll("*").forEach((t=>{t.tagName.toLowerCase().startsWith("mds-")&&t&&"updateLang"in t&&t.updateLang()}))},this.pluralize=(t,i)=>{const r=this.config[this.language]?this.config[this.language][t]:this.config[this.rollbackLanguage][t],e=[];Array.isArray(r)?(e.push(r[0]),e.push(r[1])):(e.push(r),e.push(r));const[s]=e;let o=s;const u=Object.keys(i);if(u.length>0){const[t]=u;"number"==typeof i[t]&&1!==i[t]&&(o=e[1])}return n.exports.render(o,i)},this.get=(t,n)=>n?this.pluralize(t,n):this.config[this.language]?this.config[this.language][t]:this.config[this.rollbackLanguage][t],t&&this.set(t)}}export{i as L}

package/dist/magma-components/p-c3b57b65.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as o}from"./p-eab621a7.js";const n=class{constructor(s){t(this,s),this.changeEvent=i(this,"mdsAccordionTimerChange",7),this.currentDuration=0,this.clearIntervals=()=>{"undefined"!=typeof window&&window.clearInterval(this.timeChecker),this.timeChecker=0},this.remainingTime=()=>{const t=this.selectedItemRemainingTime-((new Date).getTime()-this.timeStarted);return t>=0?t:0},this.progress=()=>Math.abs(this.remainingTime()/this.currentDuration-1),this.addTimeListener=()=>{"undefined"!=typeof window&&(this.timeChecker=window.setInterval((()=>{const t=this.progress();void 0!==this.selectedItem&&(this.selectedItem.progress=t),1===t&&(this.selectedItem.progress=0,this.startNext())}),100))},this.beginningTime=()=>(this.timeStarted=(new Date).getTime(),this.timeStarted),this.setSelectedItem=t=>{this.children.forEach(((i,s)=>{s===t?(i.selected=!0,this.currentDuration=i.duration?i.duration:this.duration,this.selectedItem=i,this.changeEvent.emit({index:s})):i.selected=!1}))},this.startNext=()=>{this.setSelectedItem(this.selectedItem.uuid+1>this.children.length-1?0:this.selectedItem.uuid+1),this.startTimer()},this.startTimer=()=>{this.clearIntervals(),this.time=this.beginningTime(),this.selectedItemRemainingTime=this.currentDuration,this.addTimeListener()},this.playTimer=()=>{this.beginningTime(),this.addTimeListener()},this.pauseTimer=()=>{this.clearIntervals(),this.selectedItemRemainingTime=this.remainingTime()},this.stopTimer=()=>{this.clearIntervals()},this.time=0,this.duration=1e4,this.paused=void 0}componentDidLoad(){this.children=this.element.querySelectorAll("mds-accordion-timer-item"),this.children.forEach(((t,i)=>{t.uuid=i,t.selected&&(this.currentDuration=t.duration?t.duration:this.duration,this.selectedItem=t)})),void 0!==this.selectedItem&&this.startTimer(),this.paused&&this.pauseTimer()}disconnectedCallback(){this.stopTimer(),this.clearIntervals()}onClickSelect(t){this.clearIntervals(),this.selectedItem&&(this.selectedItem.progress=0),this.setSelectedItem(t.detail.uuid),this.startTimer(),this.pauseTimer()}onSelect(t){this.clearIntervals(),this.paused=!1,this.selectedItem&&(this.selectedItem.progress=0),this.setSelectedItem(t.detail.uuid),this.startTimer()}onMouseEnterSelect(){this.paused||this.pauseTimer()}onMouseLeaveSelect(){this.paused||0===this.timeChecker&&this.playTimer()}handlePaused(t){t?this.pauseTimer():this.playTimer()}render(){return s(e,{key:"5394ee87d77b1e39a18f9134e46e3f6ad38f0750"},s("slot",{key:"38dd272298e290e8bc31be110948c878cc1776a4"}))}get element(){return o(this)}static get watchers(){return{paused:["handlePaused"]}}};n.style="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item\n * @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item\n * @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item\n */\n\n:host {\n\n  --mds-accordion-timer-progress-bar-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-timer-progress-bar-background: rgb(var(--tone-neutral-08));\n  --mds-accordion-timer-progress-bar-thickness: 0.25rem;\n  --mds-accordion-timer-duration: 500ms;\n\n  /* comment */\n  display: block;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\n    }\n  }\n}\n";export{n as mds_accordion_timer}

package/dist/magma-components/{p-f0bf8d7e.entry.js → p-c55796f6.entry.js}

@@ -1 +1 @@
-import{r as n,c as e,h as t,H as r,g as a}from"./p-b6defcb6.js";const o=class{constructor(t){n(this,t),this.openedEvent=e(this,"mdsHeaderBarOpen",7),this.open=()=>{this.isOpened=!0,this.openedEvent.emit()},this.isOpened=void 0,this.menu="mobile",this.nav="desktop"}componentWillLoad(){this.hasNav=null!==this.host.querySelector('[slot="nav"]')}closedHandler(){this.isOpened=!1}render(){return t(r,{key:"7ab04f4ac6155b1313e2ee22596e6de9b8fab5be"},t("div",{key:"154ea9ed773a592ce6e336f3c5798ac43453fd4a",class:"content",part:"content"},t("div",{key:"b4e50840f935b268687a3c23408ef0b5430932b4",class:"logo"},t("slot",{key:"211959873b9bd4a1beb8e6508290d176acc76c80"})),t("div",{key:"ca5b1e89865bc47edb0970f96156fe7b36d11144",class:"actions",part:"actions"},"none"!==this.nav&&this.hasNav&&t("nav",{key:"a4c1b17421963a95ece46677ea49f2479c4e11f2",class:"nav",part:"nav"},t("slot",{key:"557afb673df7ab68758327c3f56a6f7e2334e870",name:"nav"})),"none"!==this.menu&&t("mds-button",{key:"ae8919445eb1251c83ccf2fb5b9979590233fedd",class:"menu",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>',onClick:this.open,part:"hamburger"}))))}get host(){return a(this)}};o.style='@tailwind utilities;\n\n:host {\n\n  --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-03));\n\n  padding-left: 1.5rem;\n\n  padding-right: 1.5rem;\n\n  padding-top: 1rem;\n\n  padding-bottom: 1rem;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0 0 auto;\n  interpolate-size: allow-keywords; /* not supported yet https://youtu.be/JN-nme9oF10 */\n  -ms-flex-pack: center;\n  justify-content: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: fixed;\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, border-radius, margin, max-width, width, -webkit-transform;\n  transition-property: background-color, border-radius, margin, max-width, width, -webkit-transform;\n  transition-property: background-color, border-radius, margin, max-width, transform, width;\n  transition-property: background-color, border-radius, margin, max-width, transform, width, -webkit-transform;\n}\n\n.logo {\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.content{\n\n  max-width: 1280px;\n\n  gap: 1rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.actions{\n\n  gap: 1.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.nav{\n\n  gap: 1rem;\n\n  display: -ms-inline-flexbox;\n\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.menu {\n\n  --mds-button-background: transparent;\n\n  fill: var(--mds-header-bar-hamburger-color);\n  padding: 0;\n}\n\n.menu::part(icon){\n\n  width: 2rem;\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu,\n:host([nav="desktop"]) .nav{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu,\n:host([nav="mobile"]) .nav{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu,\n:host([nav="none"]) .nav {\n  display: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n  }\n  }\n}\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-10));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-10));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-01));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-01));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    }\n  }\n}\n\n';export{o as mds_header_bar}
+import{r as n,c as e,h as t,H as a,g as r}from"./p-eab621a7.js";const o=class{constructor(t){n(this,t),this.openedEvent=e(this,"mdsHeaderBarOpen",7),this.open=()=>{this.isOpened=!0,this.openedEvent.emit()},this.isOpened=void 0,this.menu="mobile",this.nav="desktop"}componentWillLoad(){this.hasNav=null!==this.host.querySelector('[slot="nav"]')}closedHandler(){this.isOpened=!1}render(){return t(a,{key:"7ab04f4ac6155b1313e2ee22596e6de9b8fab5be"},t("div",{key:"154ea9ed773a592ce6e336f3c5798ac43453fd4a",class:"content",part:"content"},t("div",{key:"b4e50840f935b268687a3c23408ef0b5430932b4",class:"logo"},t("slot",{key:"211959873b9bd4a1beb8e6508290d176acc76c80"})),t("div",{key:"ca5b1e89865bc47edb0970f96156fe7b36d11144",class:"actions",part:"actions"},"none"!==this.nav&&this.hasNav&&t("nav",{key:"a4c1b17421963a95ece46677ea49f2479c4e11f2",class:"nav",part:"nav"},t("slot",{key:"557afb673df7ab68758327c3f56a6f7e2334e870",name:"nav"})),"none"!==this.menu&&t("mds-button",{key:"ae8919445eb1251c83ccf2fb5b9979590233fedd",class:"menu",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>',onClick:this.open,part:"hamburger"}))))}get host(){return r(this)}};o.style='@tailwind utilities;\n\n:host {\n\n  --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-03));\n\n  padding-left: 1.5rem;\n\n  padding-right: 1.5rem;\n\n  padding-top: 1rem;\n\n  padding-bottom: 1rem;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0 0 auto;\n  interpolate-size: allow-keywords; /* not supported yet https://youtu.be/JN-nme9oF10 */\n  -ms-flex-pack: center;\n  justify-content: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: fixed;\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, border-radius, margin, max-width, width, -webkit-transform;\n  transition-property: background-color, border-radius, margin, max-width, width, -webkit-transform;\n  transition-property: background-color, border-radius, margin, max-width, transform, width;\n  transition-property: background-color, border-radius, margin, max-width, transform, width, -webkit-transform;\n}\n\n.logo {\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.content{\n\n  max-width: 1280px;\n\n  gap: 1rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.actions{\n\n  gap: 1.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.nav{\n\n  gap: 1rem;\n\n  display: -ms-inline-flexbox;\n\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.menu {\n\n  --mds-button-background: transparent;\n\n  fill: var(--mds-header-bar-hamburger-color);\n  padding: 0;\n}\n\n.menu::part(icon){\n\n  width: 2rem;\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu,\n:host([nav="desktop"]) .nav{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu,\n:host([nav="mobile"]) .nav{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu,\n:host([nav="none"]) .nav {\n  display: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n  }\n  }\n}\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-10));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-10));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-01));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-01));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    }\n  }\n}\n\n';export{o as mds_header_bar}

package/dist/magma-components/p-c6616cf4.entry.js

@@ -0,0 +1 @@
+import{r as n,h as t,H as o,g as r}from"./p-eab621a7.js";import{c as e}from"./p-8a1a6e56.js";const a=()=>{const n=navigator.userAgent||navigator.vendor||window.opera;return/android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(n)},i=class{constructor(t){n(this,t),this.interactive=void 0,this.overlayActions=void 0}tableInteractiveHandler(n){this.interactive=n.detail}componentWillLoad(){this.actions=null!==this.host.querySelector('[slot="action"]')}render(){return t(o,{key:"a336d00d38f7ced41c3febcb4b0c2c106ed61ca9",role:"row"},t("slot",{key:"a0a251d24deb3b7655613f6d15c118386db1bcba"}),this.actions&&t("div",{key:"bebaef82204a44ac50487875a9f7bfe18f473517",class:e("actions-wrapper",a()&&"actions-wrapper--mobile"),role:"cell"},t("div",{key:"57f2f06b534858b3ca3fb7e9d50a7098d0c24856",class:"actions"},t("slot",{key:"9d5aceec024928169a6fd221f93d3e87b2c47386",name:"action"}))))}get host(){return r(this)}};i.style='@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.actions-wrapper {\n  inset: 0;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n  -ms-flex-align: center;\n  align-items: center;\n  background-color: var(--mds-table-cell-background);\n  border-bottom-color: transparent;\n  border-bottom-style: solid;\n  border-bottom-width: var(--mds-table-border-width);\n  border-top-color: var(--mds-table-border-color);\n  border-top-style: solid;\n  border-top-width: var(--mds-table-border-width);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  height: 100%;\n  margin-top: calc(var(--mds-table-border-width) * -1);\n  padding: var(--mds-table-cell-padding);\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, -webkit-transform;\n  transition-property: background-color, -webkit-transform;\n  transition-property: transform, background-color;\n  transition-property: transform, background-color, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.actions-wrapper--mobile {\n  position: relative;\n}\n\n.actions-wrapper--mobile .actions {\n  position: static;\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host([overlay-actions]:not([overlay-actions="false"])) .actions-wrapper:not(.actions-wrapper--mobile) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([interactive]:not([interactive="false"])) .actions {\n  --mds-table-cell-background: var(--mds-table-body-background);\n}\n\n:host([interactive]:not([interactive="false"]):hover) .actions {\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n  --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';export{i as mds_table_row}

package/dist/magma-components/p-c6f72257.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as r,g as a}from"./p-eab621a7.js";import{s as o}from"./p-f00c93f4.js";import{m as e}from"./p-78f9abaa.js";import{L as h}from"./p-c310b41f.js";import"./p-85aa8e05.js";const n={clickToLoad:"Φόρτωση εικόνας"},l={clickToLoad:"Load image"},c={clickToLoad:"Cargar imagen"},d={clickToLoad:"Carica immagine"},m=class{constructor(s){t(this,s),this.loadErrorEvent=i(this,"mdsImgLoadError",7),this.loadSuccessEvent=i(this,"mdsImgLoadSuccess",7),this.consumptionMode="high",this.t=new h({el:n,en:l,es:c,it:d}),this.onSuccess=t=>{this.image=t.target,this.loadSuccessEvent.emit({image:this.image})},this.onError=t=>{this.image=t.target,this.loadErrorEvent.emit({image:this.image}),this.imageError=!0},this.formatConsumptionData=t=>{const i={};return t.split(",").forEach((t=>{const s=t.trim().replace(/[ ]{2,}/g," ").split(" ");"low"===s[1].toLocaleLowerCase()&&(i.low=s[0]),"medium"===s[1].toLocaleLowerCase()&&(i.medium=s[0]),"high"===s[1].toLocaleLowerCase()&&(i.high=s[0])})),i},this.autoAltName=()=>{if(this.src){const t=this.src.lastIndexOf("/")+1;return this.src.substring(t)}return""},this.setAriaAttributes=()=>{o(this.host,"aria-label",this.alt)},this.imageConsumptionLoaded=!1,this.imageError=!1,this.language=void 0,this.alt="",this.crossorigin="use-credentials",this.height=void 0,this.loading="lazy",this.referrerpolicy="no-referrer-when-downgrade",this.sizes=void 0,this.src=void 0,this.srcset=void 0,this.srcsetConsumption=void 0,this.width=void 0}async updateLang(){this.language=this.t.lang(this.host)}srcsetConsumptionHandler(t){this.srcsetConsumptionData=this.formatConsumptionData(t)}componentWillLoad(){var t;this.consumptionMode=null!==(t=localStorage.getItem("mdsPrefConsumption"))&&void 0!==t?t:"high",this.srcsetConsumption&&(this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)),this.image=this.host.querySelector("img"),this.alt||(this.alt=this.autoAltName())}componentWillRender(){this.t.lang(this.host)}componentDidLoad(){this.setAriaAttributes()}render(){var t,i;return this.imageError?s(r,{"aria-label":this.alt,role:"img"},s("div",{class:"contrast-area-50"}),s("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},s("mds-icon",{class:"icon",name:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5v6.59l-3-3.01l-4 4.01l-4-4l-4 4l-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99l4-4l4 4l4-3.99z"/></svg>'}),s("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},s("i",null,this.alt)))):this.srcsetConsumptionData?"low"===this.consumptionMode?s(r,{"aria-label":this.alt,role:"img",onClick:()=>{this.imageConsumptionLoaded=!0}},s("div",{class:"contrast-area-50"}),this.imageConsumptionLoaded?s("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:null!==(t=this.srcsetConsumptionData[this.consumptionMode])&&void 0!==t?t:this.src,srcset:this.srcset,width:this.width}):s("div",{"aria-hidden":"true",class:"alt-text-container alt-text-container--default-aspect-ratio"},s("mds-icon",{class:"icon",name:e}),s("mds-text",{class:"alt-text",typography:"h6"},s("i",null,this.alt)),s("mds-button",{"aria-hidden":"true",role:"none",class:"click-to-load",tabIndex:-1,variant:"light",tone:"ghost"},this.t.get("clickToLoad")))):s(r,{"aria-label":this.alt,role:"img"},s("div",{class:"contrast-area-50"}),s("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:null!==(i=this.srcsetConsumptionData[this.consumptionMode])&&void 0!==i?i:this.src,srcset:this.srcset,width:this.width})):s(r,{"aria-label":this.alt,role:"img"},s("div",{class:"contrast-area-50"}),s("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))}get host(){return a(this)}static get watchers(){return{srcsetConsumption:["srcsetConsumptionHandler"]}}};m.style="@tailwind components; @tailwind utilities; :host{--mds-img-background:rgb(var(--variant-primary-03));--mds-img-color:rgb(var(--variant-primary-09));--mds-img-icon-color:rgb(var(--variant-primary-07));--mds-img-error-background:rgb(var(--status-error-09));--mds-img-error-color:rgb(var(--status-error-04));--mds-img-error-icon-color:rgb(var(--status-error-06));display:-ms-flexbox;display:flex;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative}img{width:100%;-o-object-fit:inherit;object-fit:inherit}.alt-text-container{gap:1.5rem;padding:1.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-img-background);color:var(--mds-img-color);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center}.alt-text-container--absolute{cursor:pointer;inset:0;position:absolute}.alt-text-container--error{--mds-img-background:var(--mds-img-error-background);--mds-img-color:var(--mds-img-error-color);--mds-img-icon-color:var(--mds-img-error-icon-color);cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{width:2.25rem;fill:var(--mds-img-icon-color)}";export{m as mds_img}

package/dist/magma-components/p-c7d97a3c.entry.js

@@ -0,0 +1 @@
+import{r as n,h as t,H as r,g as a}from"./p-eab621a7.js";import{c as o}from"./p-8a1a6e56.js";import{K as s}from"./p-0f3e17bc.js";import{u as e,s as i}from"./p-f00c93f4.js";const u={sm:"action",md:"action",lg:"h6",xl:"h4"},b="data:image/svg+xml;base64,",c=n=>!!n&&n.startsWith(b),d=n=>!!n&&n.startsWith("<svg "),v=class{constructor(t){n(this,t),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.km=new s,this.handleRequestSubmitForm=n=>{var t;n.preventDefault(),null===(t=this.internals.form)||void 0===t||t.requestSubmit()},this.handleReset=n=>{var t;n.preventDefault(),null===(t=this.internals.form)||void 0===t||t.reset()},this.mouseDown=()=>{this.active=!0},this.mouseUp=()=>{this.active=!1},this.redirectBlank=()=>{var n;const t=document.createElement("a");t.target="_blank",t.href=null!==(n=this.href)&&void 0!==n?n:"",t.click()},this.autoFocus=void 0,this.icon=void 0,this.iconPosition="left",this.type="submit",this.variant="primary",this.tone="strong",this.size="md",this.active=void 0,this.disabled=void 0,this.await=void 0,this.href=void 0,this.target="self"}disabledChanged(n){n?this.km.attachClickBehavior():this.km.detachClickBehavior()}awaitChanged(n){this.host.setAttribute("aria-busy",n.toString()),n?this.km.attachClickBehavior():this.km.detachClickBehavior()}handleTypeChange(n){this.internals.form&&("submit"===n?(this.host.removeEventListener("click",this.handleReset),this.host.addEventListener("click",this.handleRequestSubmitForm)):"reset"===n?(this.host.removeEventListener("click",this.handleRequestSubmitForm),this.host.addEventListener("click",this.handleReset)):(this.host.removeEventListener("click",this.handleRequestSubmitForm),this.host.removeEventListener("click",this.handleReset)))}componentWillLoad(){this.hasNotification=null!==this.host.querySelector('[slot="notification"]'),this.hasText=""!==this.host.innerHTML,this.href?this.host.addEventListener("click",(n=>{var t;n.preventDefault(),"blank"!==this.target?"undefined"!=typeof window&&(window.location.href=null!==(t=this.href)&&void 0!==t?t:""):this.redirectBlank()})):this.internals.form&&("submit"===this.type?this.host.addEventListener("click",this.handleRequestSubmitForm):"reset"===this.type&&this.host.addEventListener("click",this.handleReset))}componentDidLoad(){if(this.km.addElement(this.host),this.await||this.km.attachClickBehavior(),this.host.setAttribute("aria-busy",this.await?"true":"false"),this.autoFocus&&this.host.focus(),!c(this.icon)&&!d(this.icon)&&!this.hasText&&this.icon){const n=e(this.icon);this.host.hasAttribute("aria-label")||i(this.host,"title",n),i(this.host,"aria-label",n)}}disconnectedCallback(){this.km.detachClickBehavior()}render(){return this.typography=u[this.size],t(r,{key:"649b7825ea9191bc59e101a134971f6ab3f812a4",class:o(!this.hasText&&"no-text"),onMouseDown:this.mouseDown,onMouseUp:this.mouseUp,onMouseOut:this.mouseUp,tabindex:"0",role:"button"},t("div",{key:"dc8611656e599dadcd72a987cd02d366308b668e",class:"await"},t("mds-spinner",{key:"2cf418c1d46fd3434491641b73ef996499e4a9fe",class:"spinner",running:this.await})),this.icon&&"left"===this.iconPosition&&t("mds-icon",{key:"0b14c60e5e56118befb1cdab8e5f7e439a8e407f","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}),this.hasText&&t("mds-text",{key:"36be920f94596da917901f921914c11b4b713819",class:"text",part:"label",typography:this.typography},t("slot",{key:"0f637c83733088951a9f5b0cc8969325cc099198"})),this.hasNotification&&t("slot",{key:"8b0f56322131126cd861c2b76e2d0b7bd40435ae",name:"notification"}),this.icon&&"right"===this.iconPosition&&t("mds-icon",{key:"8c2d58ff81373d1217aa1579b6d09f421b9754d4","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}))}static get formAssociated(){return!0}get host(){return a(this)}static get watchers(){return{disabled:["disabledChanged"],await:["awaitChanged"],type:["handleTypeChange"]}}};function g(n){return new Promise((function(t,r){n.oncomplete=n.onsuccess=function(){return t(n.result)},n.onabort=n.onerror=function(){return r(n.error)}}))}var m;function l(){return m||(m=function(n,t){var r=indexedDB.open("keyval-store");r.onupgradeneeded=function(){return r.result.createObjectStore(t)};var a=g(r);return function(n,r){return a.then((function(a){return r(a.transaction(t,n).objectStore(t))}))}}(0,"keyval")),m}v.style='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-button-await-duration: Sets the duration of the rotation of the spinner await component\n * @prop --mds-button-background: Sets the background-color of the component\n * @prop --mds-button-border-color: Sets the border-color of the component\n * @prop --mds-button-color: Sets the text color of the component\n * @prop --mds-button-gap: Sets the distance betwen element inside the components, use it instead of setting gap property directly.\n * @prop --mds-button-radius: Sets the border-radius of the component\n */\n\n:host {\n\n  --mds-button-await-duration: 0.725s;\n  --mds-button-background: rgb(var(--variant-primary-02));\n  --mds-button-border-color: transparent;\n  --mds-button-color: rgb(var(--tone-neutral));\n  --mds-button-gap: 0.5rem;\n  --mds-button-radius: 0.5rem;\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n}\n\n:host:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n:host {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-button-background);\n  border-color: var(--mds-button-border-color);\n  border-radius: var(--mds-button-radius);\n  border-style: solid;\n  border-width: 2px;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: var(--mds-button-color);\n  cursor: pointer;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  fill: currentcolor;\n  gap: var(--mds-button-gap);\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  -webkit-transition-property: background-color, border-color, color, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, color, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, border-color, box-shadow, color, transform, outline, outline-offset;\n  transition-property: background-color, border-color, box-shadow, color, transform, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n}\n\n:host(:focus-visible) {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n\n    z-index: 10;\n  }\n\n.text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  min-width: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n.text::first-letter {\n  text-transform: uppercase;\n}\n\n.icon {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  fill: inherit;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -ms-flex-pack: center;\n  justify-content: center;\n  pointer-events: none;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n}\n\n:host([disabled]:not([disabled="false"])) {\n  opacity: 0.5;\n\n  pointer-events: none;\n}\n\n.await {\n  height: 1.5rem;\n  width: 1.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  display: none;\n  margin-right: calc(calc(-1 * var(--mds-button-gap)) - 1.5rem);\n  -webkit-transform: scale(0);\n  transform: scale(0);\n  transition-behavior: allow-discrete;\n  -webkit-transition-property: display, margin-right, opacity, width, -webkit-transform;\n  transition-property: display, margin-right, opacity, width, -webkit-transform;\n  transition-property: display, margin-right, opacity, transform, width;\n  transition-property: display, margin-right, opacity, transform, width, -webkit-transform;\n}\n\n.spinner {\n  height: 1.5rem;\n  width: 1.5rem;\n\n  --mds-spinner-duration: var(--mds-button-await-duration);\n\n  color: currentcolor;\n}\n\n:host(:not([await])) .spinner,\n:host([await="false"]) .spinner {\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n:host([await]:not([await="false"])) .await {\n  margin-right: 0rem;\n  opacity: 1;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n\n  @starting-style {\n    margin-right: calc(calc(-1 * var(--mds-button-gap)) - 1.5rem);\n    opacity: 0;\n    -webkit-transform: scale(0);\n    transform: scale(0);\n  }\n}\n\n:host([await]:not([await="false"])) {\n  pointer-events: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--variant-primary-03));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="primary"]:hover ),\n:host( [variant="primary"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--variant-primary-04));\n}\n\n:host( [variant="primary"][active] ),\n:host( [variant="primary"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--variant-primary-02));\n}\n\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--variant-primary-09));\n  --mds-button-color: rgb(var(--variant-primary-03));\n\n  fill: rgb(var(--variant-primary-03));\n}\n\n:host( [variant="primary"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--variant-primary-08));\n\n}\n\n:host( [variant="primary"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--variant-primary-08));\n  --mds-button-color: rgb(var(--variant-primary-02));\n\n  fill: rgb(var(--variant-primary-02));\n}\n\n:host( [variant="primary"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-primary-04));\n  --mds-button-color: rgb(var(--variant-primary-03));\n}\n\n:host( [variant="primary"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-primary-04));\n  --mds-button-color: rgb(var(--variant-primary-02));\n}\n\n:host( [variant="primary"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-primary-05));\n  --mds-button-color: rgb(var(--variant-primary-03));\n}\n\n:host( [variant="primary"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-primary-02));\n}\n\n:host( [variant="primary"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-primary-04));\n}\n\n:host( [variant="primary"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-primary-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="primary"] ),\n  :host( [variant="primary"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--variant-primary-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="primary"]:hover ),\n  :host( [variant="primary"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][active] ),\n  :host( [variant="primary"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--variant-primary-09));\n    --mds-button-color: rgb(var(--variant-primary-02));\n\n    fill: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--variant-primary-08));\n    --mds-button-color: rgb(var(--variant-primary-01));\n\n    fill: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="primary"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--variant-primary-08));\n    --mds-button-color: rgb(var(--variant-primary-01));\n\n    fill: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="primary"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-primary-03));\n    --mds-button-color: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-primary-03));\n    --mds-button-color: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="primary"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-primary-04));\n    --mds-button-color: rgb(var(--variant-primary-02));\n  }\n\n  :host( [variant="primary"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-primary-01));\n  }\n\n  :host( [variant="primary"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-primary-03));\n  }\n\n  :host( [variant="primary"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-primary-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="primary"] ),\n    :host( [variant="primary"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--variant-primary-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="primary"]:hover ),\n    :host( [variant="primary"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][active] ),\n    :host( [variant="primary"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--variant-primary-02));\n    }\n\n    :host( [variant="primary"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--variant-primary-09));\n      --mds-button-color: rgb(var(--variant-primary-02));\n\n      fill: rgb(var(--variant-primary-02));\n    }\n\n    :host( [variant="primary"][tone="weak"]:hover ) {\n\n      --mds-button-background: rgb(var(--variant-primary-08));\n      --mds-button-color: rgb(var(--variant-primary-01));\n\n      fill: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][tone="weak"][active] ) {\n\n      --mds-button-background: rgb(var(--variant-primary-08));\n      --mds-button-color: rgb(var(--variant-primary-01));\n\n      fill: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-primary-03));\n      --mds-button-color: rgb(var(--variant-primary-02));\n    }\n\n    :host( [variant="primary"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-primary-03));\n      --mds-button-color: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-primary-04));\n      --mds-button-color: rgb(var(--variant-primary-02));\n    }\n\n    :host( [variant="primary"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-primary-01));\n    }\n\n    :host( [variant="primary"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-primary-03));\n    }\n\n    :host( [variant="primary"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-primary-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="secondary"] ),\n:host( [variant="secondary"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-03));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="secondary"]:hover ),\n:host( [variant="secondary"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-04));\n}\n\n:host( [variant="secondary"][active] ),\n:host( [variant="secondary"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-02));\n}\n\n:host( [variant="secondary"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-09));\n  --mds-button-color: rgb(var(--variant-secondary-03));\n\n  fill: rgb(var(--variant-secondary-03));\n}\n\n:host( [variant="secondary"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-08));\n\n}\n\n:host( [variant="secondary"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--variant-secondary-08));\n  --mds-button-color: rgb(var(--variant-secondary-02));\n\n  fill: rgb(var(--variant-secondary-02));\n}\n\n:host( [variant="secondary"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-secondary-04));\n  --mds-button-color: rgb(var(--variant-secondary-03));\n}\n\n:host( [variant="secondary"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-secondary-04));\n  --mds-button-color: rgb(var(--variant-secondary-02));\n}\n\n:host( [variant="secondary"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--variant-secondary-05));\n  --mds-button-color: rgb(var(--variant-secondary-03));\n}\n\n:host( [variant="secondary"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-secondary-02));\n}\n\n:host( [variant="secondary"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-secondary-04));\n}\n\n:host( [variant="secondary"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--variant-secondary-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="secondary"] ),\n  :host( [variant="secondary"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="secondary"]:hover ),\n  :host( [variant="secondary"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][active] ),\n  :host( [variant="secondary"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-09));\n    --mds-button-color: rgb(var(--variant-secondary-02));\n\n    fill: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-08));\n    --mds-button-color: rgb(var(--variant-secondary-01));\n\n    fill: rgb(var(--variant-secondary-01));\n  }\n\n  :host( [variant="secondary"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--variant-secondary-08));\n    --mds-button-color: rgb(var(--variant-secondary-01));\n\n    fill: rgb(var(--variant-secondary-01));\n  }\n\n  :host( [variant="secondary"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-secondary-03));\n    --mds-button-color: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-secondary-03));\n    --mds-button-color: rgb(var(--variant-secondary-01));\n  }\n\n  :host( [variant="secondary"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--variant-secondary-04));\n    --mds-button-color: rgb(var(--variant-secondary-02));\n  }\n\n  :host( [variant="secondary"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-secondary-01));\n  }\n\n  :host( [variant="secondary"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-secondary-03));\n  }\n\n  :host( [variant="secondary"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--variant-secondary-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="secondary"] ),\n    :host( [variant="secondary"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="secondary"]:hover ),\n    :host( [variant="secondary"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][active] ),\n    :host( [variant="secondary"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-02));\n    }\n\n    :host( [variant="secondary"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-09));\n      --mds-button-color: rgb(var(--variant-secondary-02));\n\n      fill: rgb(var(--variant-secondary-02));\n    }\n\n    :host( [variant="secondary"][tone="weak"]:hover ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-08));\n      --mds-button-color: rgb(var(--variant-secondary-01));\n\n      fill: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][tone="weak"][active] ) {\n\n      --mds-button-background: rgb(var(--variant-secondary-08));\n      --mds-button-color: rgb(var(--variant-secondary-01));\n\n      fill: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-secondary-03));\n      --mds-button-color: rgb(var(--variant-secondary-02));\n    }\n\n    :host( [variant="secondary"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-secondary-03));\n      --mds-button-color: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--variant-secondary-04));\n      --mds-button-color: rgb(var(--variant-secondary-02));\n    }\n\n    :host( [variant="secondary"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-secondary-01));\n    }\n\n    :host( [variant="secondary"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-secondary-03));\n    }\n\n    :host( [variant="secondary"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--variant-secondary-01));\n    }\n  }\n}\n\n:host( [variant="dark"] ),\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-04));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="dark"]:hover ),\n:host( [variant="dark"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="dark"][active] ),\n:host( [variant="dark"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-08));\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-07));\n}\n\n:host( [variant="dark"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral-06));\n}\n\n:host( [variant="dark"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral-03));\n  --mds-button-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="dark"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral-04));\n  --mds-button-color: rgb(var(--tone-neutral-04));\n}\n\n:host( [variant="dark"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral-02));\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral-04));\n}\n\n:host( [variant="dark"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ),\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"]:hover ),\n:host( [variant="light"][tone="strong"]:hover ) {\n\n  --mds-button-color: rgb(var(--tone-neutral-04));\n}\n\n:host( [variant="light"][active] ),\n:host( [variant="light"][tone="strong"][active] ) {\n\n  --mds-button-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="light"][tone="weak"]:hover ) {\n\n  --mds-button-color: rgb(var(--tone-neutral-04));\n}\n\n:host( [variant="light"][tone="weak"][active] ) {\n\n  --mds-button-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--tone-neutral));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="light"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--status-error-05));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="error"]:hover ),\n:host( [variant="error"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-error-04));\n}\n\n:host( [variant="error"][active] ),\n:host( [variant="error"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--status-error-06));\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--status-error-09));\n  --mds-button-color: rgb(var(--status-error-03));\n\n  fill: rgb(var(--status-error-03));\n}\n\n:host( [variant="error"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-error-08));\n\n}\n\n:host( [variant="error"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--status-error-08));\n  --mds-button-color: rgb(var(--status-error-02));\n\n  fill: rgb(var(--status-error-02));\n}\n\n:host( [variant="error"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-error-04));\n  --mds-button-color: rgb(var(--status-error-03));\n}\n\n:host( [variant="error"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-error-04));\n  --mds-button-color: rgb(var(--status-error-02));\n}\n\n:host( [variant="error"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-error-05));\n  --mds-button-color: rgb(var(--status-error-03));\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-error-02));\n}\n\n:host( [variant="error"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-error-04));\n}\n\n:host( [variant="error"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-error-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="error"] ),\n  :host( [variant="error"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--status-error-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="error"]:hover ),\n  :host( [variant="error"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][active] ),\n  :host( [variant="error"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--status-error-04));\n  }\n\n  :host( [variant="error"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--status-error-09));\n    --mds-button-color: rgb(var(--status-error-02));\n\n    fill: rgb(var(--status-error-02));\n  }\n\n  :host( [variant="error"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-error-08));\n    --mds-button-color: rgb(var(--status-error-01));\n\n    fill: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--status-error-08));\n    --mds-button-color: rgb(var(--status-error-01));\n\n    fill: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-error-03));\n    --mds-button-color: rgb(var(--status-error-02));\n  }\n\n  :host( [variant="error"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-error-03));\n    --mds-button-color: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-error-04));\n    --mds-button-color: rgb(var(--status-error-02));\n  }\n\n  :host( [variant="error"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-error-01));\n  }\n\n  :host( [variant="error"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-error-03));\n  }\n\n  :host( [variant="error"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-error-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="error"] ),\n    :host( [variant="error"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--status-error-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="error"]:hover ),\n    :host( [variant="error"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][active] ),\n    :host( [variant="error"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--status-error-04));\n    }\n\n    :host( [variant="error"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--status-error-09));\n      --mds-button-color: rgb(var(--status-error-02));\n  \n      fill: rgb(var(--status-error-02));\n    }\n\n    :host( [variant="error"][tone="weak"]:hover ) {\n  \n      --mds-button-background: rgb(var(--status-error-08));\n      --mds-button-color: rgb(var(--status-error-01));\n  \n      fill: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][tone="weak"][active] ) {\n  \n      --mds-button-background: rgb(var(--status-error-08));\n      --mds-button-color: rgb(var(--status-error-01));\n  \n      fill: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-error-03));\n      --mds-button-color: rgb(var(--status-error-02));\n    }\n\n    :host( [variant="error"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-error-03));\n      --mds-button-color: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-error-04));\n      --mds-button-color: rgb(var(--status-error-02));\n    }\n\n    :host( [variant="error"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-error-01));\n    }\n\n    :host( [variant="error"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-error-03));\n    }\n\n    :host( [variant="error"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-error-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--status-warning-05));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="warning"]:hover ),\n:host( [variant="warning"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-warning-04));\n}\n\n:host( [variant="warning"][active] ),\n:host( [variant="warning"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--status-warning-06));\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--status-warning-09));\n  --mds-button-color: rgb(var(--status-warning-03));\n\n  fill: rgb(var(--status-warning-03));\n}\n\n:host( [variant="warning"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-warning-08));\n\n}\n\n:host( [variant="warning"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--status-warning-08));\n  --mds-button-color: rgb(var(--status-warning-02));\n\n  fill: rgb(var(--status-warning-02));\n}\n\n:host( [variant="warning"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-warning-04));\n  --mds-button-color: rgb(var(--status-warning-03));\n}\n\n:host( [variant="warning"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-warning-04));\n  --mds-button-color: rgb(var(--status-warning-02));\n}\n\n:host( [variant="warning"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-warning-05));\n  --mds-button-color: rgb(var(--status-warning-03));\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-warning-02));\n}\n\n:host( [variant="warning"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-warning-04));\n}\n\n:host( [variant="warning"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-warning-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="warning"] ),\n  :host( [variant="warning"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--status-warning-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="warning"]:hover ),\n  :host( [variant="warning"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][active] ),\n  :host( [variant="warning"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--status-warning-04));\n  }\n\n  :host( [variant="warning"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--status-warning-09));\n    --mds-button-color: rgb(var(--status-warning-02));\n\n    fill: rgb(var(--status-warning-02));\n  }\n\n  :host( [variant="warning"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-warning-08));\n    --mds-button-color: rgb(var(--status-warning-01));\n\n    fill: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--status-warning-08));\n    --mds-button-color: rgb(var(--status-warning-01));\n\n    fill: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-warning-03));\n    --mds-button-color: rgb(var(--status-warning-02));\n  }\n\n  :host( [variant="warning"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-warning-03));\n    --mds-button-color: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-warning-04));\n    --mds-button-color: rgb(var(--status-warning-02));\n  }\n\n  :host( [variant="warning"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-warning-01));\n  }\n\n  :host( [variant="warning"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-warning-03));\n  }\n\n  :host( [variant="warning"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-warning-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="warning"] ),\n    :host( [variant="warning"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--status-warning-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="warning"]:hover ),\n    :host( [variant="warning"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][active] ),\n    :host( [variant="warning"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--status-warning-04));\n    }\n\n    :host( [variant="warning"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--status-warning-09));\n      --mds-button-color: rgb(var(--status-warning-02));\n  \n      fill: rgb(var(--status-warning-02));\n    }\n\n    :host( [variant="warning"][tone="weak"]:hover ) {\n  \n      --mds-button-background: rgb(var(--status-warning-08));\n      --mds-button-color: rgb(var(--status-warning-01));\n  \n      fill: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][tone="weak"][active] ) {\n  \n      --mds-button-background: rgb(var(--status-warning-08));\n      --mds-button-color: rgb(var(--status-warning-01));\n  \n      fill: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-warning-03));\n      --mds-button-color: rgb(var(--status-warning-02));\n    }\n\n    :host( [variant="warning"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-warning-03));\n      --mds-button-color: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-warning-04));\n      --mds-button-color: rgb(var(--status-warning-02));\n    }\n\n    :host( [variant="warning"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-warning-01));\n    }\n\n    :host( [variant="warning"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-warning-03));\n    }\n\n    :host( [variant="warning"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-warning-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--status-info-05));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="info"]:hover ),\n:host( [variant="info"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-info-04));\n}\n\n:host( [variant="info"][active] ),\n:host( [variant="info"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--status-info-06));\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--status-info-09));\n  --mds-button-color: rgb(var(--status-info-03));\n\n  fill: rgb(var(--status-info-03));\n}\n\n:host( [variant="info"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-info-08));\n\n}\n\n:host( [variant="info"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--status-info-08));\n  --mds-button-color: rgb(var(--status-info-02));\n\n  fill: rgb(var(--status-info-02));\n}\n\n:host( [variant="info"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-info-04));\n  --mds-button-color: rgb(var(--status-info-03));\n}\n\n:host( [variant="info"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-info-04));\n  --mds-button-color: rgb(var(--status-info-02));\n}\n\n:host( [variant="info"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-info-05));\n  --mds-button-color: rgb(var(--status-info-03));\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-info-02));\n}\n\n:host( [variant="info"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-info-04));\n}\n\n:host( [variant="info"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-info-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="info"] ),\n  :host( [variant="info"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--status-info-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="info"]:hover ),\n  :host( [variant="info"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][active] ),\n  :host( [variant="info"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--status-info-04));\n  }\n\n  :host( [variant="info"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--status-info-09));\n    --mds-button-color: rgb(var(--status-info-02));\n\n    fill: rgb(var(--status-info-02));\n  }\n\n  :host( [variant="info"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-info-08));\n    --mds-button-color: rgb(var(--status-info-01));\n\n    fill: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--status-info-08));\n    --mds-button-color: rgb(var(--status-info-01));\n\n    fill: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-info-03));\n    --mds-button-color: rgb(var(--status-info-02));\n  }\n\n  :host( [variant="info"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-info-03));\n    --mds-button-color: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-info-04));\n    --mds-button-color: rgb(var(--status-info-02));\n  }\n\n  :host( [variant="info"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-info-01));\n  }\n\n  :host( [variant="info"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-info-03));\n  }\n\n  :host( [variant="info"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-info-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="info"] ),\n    :host( [variant="info"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--status-info-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="info"]:hover ),\n    :host( [variant="info"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][active] ),\n    :host( [variant="info"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--status-info-04));\n    }\n\n    :host( [variant="info"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--status-info-09));\n      --mds-button-color: rgb(var(--status-info-02));\n  \n      fill: rgb(var(--status-info-02));\n    }\n\n    :host( [variant="info"][tone="weak"]:hover ) {\n  \n      --mds-button-background: rgb(var(--status-info-08));\n      --mds-button-color: rgb(var(--status-info-01));\n  \n      fill: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][tone="weak"][active] ) {\n  \n      --mds-button-background: rgb(var(--status-info-08));\n      --mds-button-color: rgb(var(--status-info-01));\n  \n      fill: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-info-03));\n      --mds-button-color: rgb(var(--status-info-02));\n    }\n\n    :host( [variant="info"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-info-03));\n      --mds-button-color: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-info-04));\n      --mds-button-color: rgb(var(--status-info-02));\n    }\n\n    :host( [variant="info"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-info-01));\n    }\n\n    :host( [variant="info"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-info-03));\n    }\n\n    :host( [variant="info"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-info-01));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-button-background: rgb(var(--status-success-05));\n  --mds-button-color: rgb(var(--tone-neutral));\n}\n\n:host( [variant="success"]:hover ),\n:host( [variant="success"][tone="strong"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-success-04));\n}\n\n:host( [variant="success"][active] ),\n:host( [variant="success"][tone="strong"][active] ) {\n\n  --mds-button-background: rgb(var(--status-success-06));\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-button-background: rgb(var(--status-success-09));\n  --mds-button-color: rgb(var(--status-success-03));\n\n  fill: rgb(var(--status-success-03));\n}\n\n:host( [variant="success"][tone="weak"]:hover ) {\n\n  --mds-button-background: rgb(var(--status-success-08));\n\n}\n\n:host( [variant="success"][tone="weak"][active] ) {\n\n  --mds-button-background: rgb(var(--status-success-08));\n  --mds-button-color: rgb(var(--status-success-02));\n\n  fill: rgb(var(--status-success-02));\n}\n\n:host( [variant="success"][tone="ghost"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-success-04));\n  --mds-button-color: rgb(var(--status-success-03));\n}\n\n:host( [variant="success"][tone="ghost"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-success-04));\n  --mds-button-color: rgb(var(--status-success-02));\n}\n\n:host( [variant="success"][tone="ghost"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-border-color: rgb(var(--status-success-05));\n  --mds-button-color: rgb(var(--status-success-03));\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-success-02));\n}\n\n:host( [variant="success"][tone="quiet"]:hover ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-success-04));\n}\n\n:host( [variant="success"][tone="quiet"][active] ) {\n\n  --mds-button-background: transparent;\n  --mds-button-color: rgb(var(--status-success-01));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="success"] ),\n  :host( [variant="success"][tone="strong"] ) {\n\n    --mds-button-background: rgb(var(--status-success-03));\n    --mds-button-color: rgb(var(--tone-neutral));\n  }\n\n  :host( [variant="success"]:hover ),\n  :host( [variant="success"][tone="strong"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][active] ),\n  :host( [variant="success"][tone="strong"][active] ) {\n\n    --mds-button-background: rgb(var(--status-success-04));\n  }\n\n  :host( [variant="success"][tone="weak"] ) {\n\n    --mds-button-background: rgb(var(--status-success-09));\n    --mds-button-color: rgb(var(--status-success-02));\n\n    fill: rgb(var(--status-success-02));\n  }\n\n  :host( [variant="success"][tone="weak"]:hover ) {\n\n    --mds-button-background: rgb(var(--status-success-08));\n    --mds-button-color: rgb(var(--status-success-01));\n\n    fill: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][tone="weak"][active] ) {\n\n    --mds-button-background: rgb(var(--status-success-08));\n    --mds-button-color: rgb(var(--status-success-01));\n\n    fill: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][tone="ghost"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-success-03));\n    --mds-button-color: rgb(var(--status-success-02));\n  }\n\n  :host( [variant="success"][tone="ghost"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-success-03));\n    --mds-button-color: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][tone="ghost"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-border-color: rgb(var(--status-success-04));\n    --mds-button-color: rgb(var(--status-success-02));\n  }\n\n  :host( [variant="success"][tone="quiet"] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-success-01));\n  }\n\n  :host( [variant="success"][tone="quiet"]:hover ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-success-03));\n  }\n\n  :host( [variant="success"][tone="quiet"][active] ) {\n\n    --mds-button-background: transparent;\n    --mds-button-color: rgb(var(--status-success-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="success"] ),\n    :host( [variant="success"][tone="strong"] ) {\n\n      --mds-button-background: rgb(var(--status-success-03));\n      --mds-button-color: rgb(var(--tone-neutral));\n    }\n\n    :host( [variant="success"]:hover ),\n    :host( [variant="success"][tone="strong"]:hover ) {\n\n      --mds-button-background: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][active] ),\n    :host( [variant="success"][tone="strong"][active] ) {\n\n      --mds-button-background: rgb(var(--status-success-04));\n    }\n\n    :host( [variant="success"][tone="weak"] ) {\n\n      --mds-button-background: rgb(var(--status-success-09));\n      --mds-button-color: rgb(var(--status-success-02));\n  \n      fill: rgb(var(--status-success-02));\n    }\n\n    :host( [variant="success"][tone="weak"]:hover ) {\n  \n      --mds-button-background: rgb(var(--status-success-08));\n      --mds-button-color: rgb(var(--status-success-01));\n  \n      fill: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][tone="weak"][active] ) {\n  \n      --mds-button-background: rgb(var(--status-success-08));\n      --mds-button-color: rgb(var(--status-success-01));\n  \n      fill: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][tone="ghost"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-success-03));\n      --mds-button-color: rgb(var(--status-success-02));\n    }\n\n    :host( [variant="success"][tone="ghost"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-success-03));\n      --mds-button-color: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][tone="ghost"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-border-color: rgb(var(--status-success-04));\n      --mds-button-color: rgb(var(--status-success-02));\n    }\n\n    :host( [variant="success"][tone="quiet"] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-success-01));\n    }\n\n    :host( [variant="success"][tone="quiet"]:hover ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-success-03));\n    }\n\n    :host( [variant="success"][tone="quiet"][active] ) {\n\n      --mds-button-background: transparent;\n      --mds-button-color: rgb(var(--status-success-01));\n    }\n  }\n}\n\n:host( [size="sm"] ) {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0rem;\n  padding-bottom: 0rem;\n\n  --mds-button-radius: 0.375rem;\n\n  min-height: 1.75rem;\n  min-width: 1.75rem;\n}\n\n:host( .no-text[size="sm"] ) {\n  padding: 0rem;\n}\n\n:host( [size="sm"] ) .text {\n  font-weight: 500;\n}\n\n:host( [size="sm"][await]:not([await="false"]) ) .await {\n  -webkit-transform: scale(.75);\n  transform: scale(.75);\n}\n\n:host( [size="md"] ) {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\n:host( .no-text[size="md"] ) {\n  padding: 0.25rem;\n}\n\n:host( [size="lg"] ) {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n\n  min-height: 2.75rem;\n  min-width: 2.75rem;\n}\n\n:host( .no-text[size="lg"] ) {\n  padding: 0.5rem;\n}\n\n:host( [size="xl"] ) {\n  padding-left: 2rem;\n  padding-right: 2rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n\n  min-height: 3.25rem;\n  min-width: 3.25rem;\n}\n\n:host( .no-text[size="xl"] ) {\n  padding: 0.5rem;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .await,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .await,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n  }\n  }\n}\n\n\n';class h{resolveIconName(n){return this._resolveIconName(n,this.name,this.path)}constructor(n,t,r){this.name=n,this.path=t,this._resolveIconName=r}get resolver(){return this._resolveIconName}}const p=new class{constructor(){this._svgPathKey="mdsIconSvgPath",this._iconsSets=new Map,this._svgPathUpdate="mdsIconSvgPathUpdate",this.cacheExp=864e5,this.listeners=[],this.memoryCache={},this.isCacheAvailable=async n=>{try{const t=await function(n){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:l())("readonly",(function(t){return g(t.get(n))}))}(`loader_${n}`);if(!t)return!1;const r=JSON.parse(t);return Date.now()<r.expiry?r.data:(function(n){(arguments.length>1&&void 0!==arguments[1]?arguments[1]:l())("readwrite",(function(t){return t.delete(n),g(t.transaction)}))}(`loader_${n}`),!1)}catch(n){return console.error("isCacheAvailable error",n),!1}},this.setCache=async(n,t)=>{try{await function(n,t){return(arguments.length>2&&void 0!==arguments[2]?arguments[2]:l())("readwrite",(function(r){return r.put(t,n),g(r.transaction)}))}(`loader_${n}`,JSON.stringify({data:t,expiry:Date.now()+this.cacheExp}))}catch(n){console.error("setCache error",n)}},this.setUpListener()}addIconSet(n,t,r){let a=r;const o=this._iconsSets.get(n);if(!a&&o&&"function"==typeof o.resolver)a=o.resolver;else{if(a&&"function"!=typeof a)return console.error("MdsIconSvg: the third input of addIconSet should be a function that parses and returns the icons's filename."),!1;if(!a)return console.error(`MdsIconSvg: the set ${n} needs a resolve function for the icon names.`),!1}return this._iconsSets.set(n,new h(n,t,a)),!0}getIconSet(n){return n?{set:this._iconsSets.get(n.split("/")[0])}:{set:null}}setSvgPath(n){const t=/^(((https?:\/\/)?[.\w]+(:\d+)?)|\/)([\w/-]+)*/.exec(n);if(!t)throw Error(`Svg path not recognize ${n}, ensure is a absolute path starting with '/' or a url`);"undefined"!=typeof window&&(this._svgPath=t[1]?t[0]:window.location.origin.concat(t[0]),window.dispatchEvent(new Event(this._svgPathUpdate)))}getSvgPath(){return this._svgPath}registerListener(n){this.listeners.push(n)}setUpListener(){"undefined"!=typeof window&&window.addEventListener(this._svgPathUpdate,(()=>{for(const n of this.listeners)n()}))}async fetchSvg(n){var t;try{if(!this._svgPath&&"undefined"==typeof window)throw Error("Cant find svgPath, ensure you set it");this._svgPath||this.setSvgPath(null!==(t=window.sessionStorage.getItem(p._svgPathKey))&&void 0!==t?t:"");const r=this._svgPath&&!n.startsWith("http")?this._svgPath.concat(n,".svg"):n,a=await this.isCacheAvailable(r);if(this.memoryCache[r]||a)return this.memoryCache[r]||a;const o=await fetch(r);if(!o.ok)throw Error(`Request for '${r}' returned ${o.status} (${o.statusText})`);const s=await o.text(),e=s.toLowerCase().trim();if(!e.startsWith("<svg")&&!e.startsWith("<?xml"))throw Error(`Resource '${r}' returned an invalid SVG file`);return this.setCache(r,s),this.memoryCache[r]=s,s}catch(n){return console.error("fetchSvg error",n),""}}},f=class{constructor(t){n(this,t),this.convertBase64ToSvg=()=>{const n=this.name.replace(b,"").replace(/\=/i,"");return atob(n)},this.svgHTML=void 0,this.name=void 0,this._iconHref=void 0}componentWillLoad(){this.updateIcon(),p.registerListener((()=>this.updateIcon()))}static setSvgPathStatic(n){p.setSvgPath(n)}async setSvgPath(n){p.setSvgPath(n)}async updateIcon(){return this.name?c(this.name)?(this.svgHTML=this.convertBase64ToSvg(),Promise.resolve()):d(this.name)?(this.svgHTML=this.name,Promise.resolve()):void(this.svgHTML=await p.fetchSvg(this.name)):Promise.resolve()}render(){return t(r,{key:"0776044452ef994b9671eaad6d0f1299bd3f7add"},this.svgHTML&&t("i",{key:"0091505aeb5563e9a1327d174d19ac0e4fe1ffd6","aria-hidden":"true",class:"icon",part:"svg",innerHTML:this.svgHTML}))}get hostElement(){return a(this)}static get watchers(){return{name:["updateIcon"]}}};f.style=":host{aspect-ratio:1/1;width:1.5rem;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center}.icon{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;font-style:normal;-ms-flex-pack:center;justify-content:center;width:100%}.icon svg{height:auto;width:100%}";const k=class{constructor(t){n(this,t),this.running=!1}render(){return t(r,{key:"910389c00098833f8ed30cc5cfc5e84cb8c12b1b"},t("i",{key:"25f79ee1462cfab7b0c700b31966bf6f3cdb3bc5",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'}))}};k.style='@tailwind utilities;\n\n/**\n * @prop --mds-spinner-duration: Sets the duration of the icon animation\n */\n\n:host {\n\n  --mds-spinner-duration: 0.725s;\n\n  height: 3rem;\n\n  width: 3rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n\n  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: rgb(var(--variant-primary-03));\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-transform: scale(0);\n  transform: scale(0);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host([running]:not([running="false"])){\n\n  -webkit-transition-duration: 700ms;\n\n  transition-duration: 700ms;\n\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  -webkit-transform: scale(1);\n\n  transform: scale(1);\n}\n\n.await-icon{\n\n  aspect-ratio: 1/1;\n\n  width: 100%;\n}\n\n@-webkit-keyframes spin{\n\n  to{\n\n    -webkit-transform: rotate(360deg);\n\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spin{\n\n  to{\n\n    -webkit-transform: rotate(360deg);\n\n    transform: rotate(360deg);\n  }\n}\n\n.await-icon{\n\n  -webkit-animation: spin 1s linear infinite;\n\n  animation: spin 1s linear infinite;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -webkit-animation-duration: var(--mds-spinner-duration);\n\n  animation-duration: var(--mds-spinner-duration);\n  -webkit-animation-play-state: paused;\n  animation-play-state: paused;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  stroke: currentcolor;\n  -webkit-transition-property: stroke;\n  transition-property: stroke;\n}\n\n:host([running]:not([running="false"])) .await-icon {\n  -webkit-animation-play-state: running;\n  animation-play-state: running;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-spinner-duration: 4s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-spinner-duration: 4s;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    color: rgb(var(--variant-primary-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      color: rgb(var(--variant-primary-01));\n    }\n  }\n}\n\n';export{v as mds_button,f as mds_icon,k as mds_spinner}

package/dist/magma-components/p-c94628eb.system.js

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