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

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

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js","./p-21b1acec.system.js"],(function(n){"use strict";var a,r,t,o,i,e;return{setters:[function(n){a=n.r;r=n.h;t=n.H;o=n.g},function(n){i=n.c},function(n){e=n.c}],execute:function(){var s={exports:{}};(function(n,a){!function(a,r){n.exports=r()}(e,(function(){return function(n){if(n){var a=function(n){return[].slice.call(n)},r=0,t=1,o=2,i=3,e=[],s=null,l="requestAnimationFrame"in n?function(){var a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};n.cancelAnimationFrame(s);var r=function(){return v(e.filter((function(n){return n.dirty&&n.active})))};if(a.sync)return r();s=n.requestAnimationFrame(r)}:function(){},c=function(n){return function(a){e.forEach((function(a){return a.dirty=n})),l(a)}},v=function(n){n.filter((function(n){return!n.styleComputed})).forEach((function(n){n.styleComputed=g(n)})),n.filter(m).forEach(f);var a=n.filter(u);a.forEach(b),a.forEach((function(n){f(n),d(n)})),a.forEach(h)},d=function(n){return n.dirty=r},b=function(n){n.availableWidth=n.element.parentNode.clientWidth,n.currentWidth=n.element.scrollWidth,n.previousFontSize=n.currentFontSize,n.currentFontSize=Math.min(Math.max(n.minSize,n.availableWidth/n.currentWidth*n.previousFontSize),n.maxSize),n.whiteSpace=n.multiLine&&n.currentFontSize===n.minSize?"normal":"nowrap"},u=function(n){return n.dirty!==o||n.dirty===o&&n.element.parentNode.clientWidth!==n.availableWidth},g=function(a){var r=n.getComputedStyle(a.element,null);return a.currentFontSize=parseFloat(r.getPropertyValue("font-size")),a.display=r.getPropertyValue("display"),a.whiteSpace=r.getPropertyValue("white-space"),!0},m=function(n){var a=!1;return!n.preStyleTestCompleted&&(/inline-/.test(n.display)||(a=!0,n.display="inline-block"),"nowrap"!==n.whiteSpace&&(a=!0,n.whiteSpace="nowrap"),n.preStyleTestCompleted=!0,a)},f=function(n){n.element.style.whiteSpace=n.whiteSpace,n.element.style.display=n.display,n.element.style.fontSize=n.currentFontSize+"px"},h=function(n){n.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:n.previousFontSize,newValue:n.currentFontSize,scaleFactor:n.currentFontSize/n.previousFontSize}}))},k=function(n,a){return function(r){n.dirty=a,n.active&&l(r)}},p=function(n){return function(){e=e.filter((function(a){return a.element!==n.element})),n.observeMutations&&n.observer.disconnect(),n.element.style.whiteSpace=n.originalStyle.whiteSpace,n.element.style.display=n.originalStyle.display,n.element.style.fontSize=n.originalStyle.fontSize}},w=function(n){return function(){n.active||(n.active=!0,l())}},y=function(n){return function(){return n.active=!1}},x=function(n){n.observeMutations&&(n.observer=new MutationObserver(k(n,t)),n.observer.observe(n.element,n.observeMutations))},z={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in n&&{subtree:!0,childList:!0,characterData:!0}},j=null,M=function(){n.clearTimeout(j),j=n.setTimeout(c(o),O.observeWindowDelay)},q=["resize","orientationchange"];return Object.defineProperty(O,"observeWindow",{set:function(a){var r="".concat(a?"add":"remove","EventListener");q.forEach((function(a){n[r](a,M)}))}}),O.observeWindow=!0,O.observeWindowDelay=100,O.fitAll=c(i),O}function S(n,a){var r=Object.assign({},z,a),t=n.map((function(n){var a=Object.assign({},r,{element:n,active:!0});return function(n){n.originalStyle={whiteSpace:n.element.style.whiteSpace,display:n.element.style.display,fontSize:n.element.style.fontSize},x(n),n.newbie=!0,n.dirty=!0,e.push(n)}(a),{element:n,fit:k(a,i),unfreeze:w(a),freeze:y(a),unsubscribe:p(a)}}));return l(),t}function O(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof n?S(a(document.querySelectorAll(n)),r):S([n],r)[0]}}("undefined"==typeof window?null:window)}))})(s);var l=s.exports;var c=["bg-brand-maggioli-05","bg-label-amaranth-05","bg-label-aqua-05","bg-label-blue-05","bg-label-green-05","bg-label-lime-05","bg-label-orange-05","bg-label-orchid-05","bg-label-sky-05","bg-label-yellow-05","bg-label-violet-05","bg-status-error-05","bg-status-info-05","bg-status-success-05","bg-status-warning-05"];var v='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>';var d='@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-avatar-background-color-pending: The background-color when an image is loading\n * @prop --mds-avatar-background-color: The background-color of the component\n * @prop --mds-avatar-color: The color of the placeholder icon\n * @prop --mds-avatar-radius: The border-radius of the element\n */\n\n:host {\n\n  --mds-avatar-background-color-pending: rgb(var(--tone-neutral-08));\n  --mds-avatar-background-color: rgb(var(--variant-primary-05));\n  --mds-avatar-color: rgb(var(--variant-primary-10));\n  --mds-avatar-radius: 9999px;\n  --mds-avatar-initials-padding: 20%;\n\n  aspect-ratio: 1/1;\n  border-radius: var(--mds-avatar-radius);\n  container-name: mds-avatar;\n  container-type: inline-size;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  overflow: hidden;\n  width: 3rem;\n}\n\n.avatar{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  aspect-ratio: 1/1;\n  border-radius: var(--mds-avatar-radius);\n  color: transparent;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  overflow: hidden;\n  -webkit-transition-property: color, background-color, fill, -webkit-box-shadow;\n  transition-property: color, background-color, fill, -webkit-box-shadow;\n  transition-property: color, background-color, box-shadow, fill;\n  transition-property: color, background-color, box-shadow, fill, -webkit-box-shadow;\n  width: 100%;\n}\n\n.avatar--pending {\n  background-color: var(--mds-avatar-background-color-pending);\n}\n\n.avatar--loaded {\n  -webkit-animation: none;\n  animation: none;\n}\n\n.avatar--icon,\n.avatar--fallback,\n.avatar--initials {\n  background-color: var(--mds-avatar-background-color);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n\n.avatar--fallback,\n.avatar--initials {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n  display: -ms-flexbox;\n  display: flex;\n  justify-items: stretch;\n}\n\n.avatar--icon,\n.avatar--fallback {\n  padding: 20%;\n}\n\n.avatar--initials {\n  padding: 30% var(--mds-avatar-initials-padding) 25%;\n}\n\n.image {\n  aspect-ratio: 1/1;\n  border-radius: var(--mds-avatar-radius);\n}\n\n.fallback-icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.fallback-icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.fallback-icon {\n\n  aspect-ratio: 1/1;\n  fill: var(--mds-avatar-color);\n  width: 100%;\n}\n\n\n.initials-text{\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-weight: 700;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: var(--mds-avatar-color);\n  display: -ms-flexbox;\n  display: flex;\n  height: 100%;\n  -ms-flex-pack: center;\n  justify-content: center;\n  text-transform: uppercase;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n  width: 100%;\n}\n\n:host([initials]) .initials-text {\n\n  --mds-avatar-color: rgb(var(--tone-neutral));\n}\n\n.fit {\n  display: inline-block;\n  white-space: nowrap !important;\n}\n\n.icon{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\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  fill: var(--mds-avatar-color);\n  height: 100%;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n  width: 100%;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--variant-primary-05));\n  --mds-avatar-color: rgb(var(--variant-primary-10));\n}\n\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--variant-primary-09));\n  --mds-avatar-color: rgb(var(--variant-primary-05));\n}\n\n:host( [variant="orange"] ),\n:host( [variant="orange"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-orange-05));\n  --mds-avatar-color: rgb(var(--label-orange-10));\n}\n\n:host( [variant="orange"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-orange-09));\n  --mds-avatar-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="amaranth"] ),\n:host( [variant="amaranth"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-amaranth-05));\n  --mds-avatar-color: rgb(var(--label-amaranth-10));\n}\n\n:host( [variant="amaranth"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-amaranth-09));\n  --mds-avatar-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="orchid"] ),\n:host( [variant="orchid"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-orchid-05));\n  --mds-avatar-color: rgb(var(--label-orchid-10));\n}\n\n:host( [variant="orchid"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-orchid-09));\n  --mds-avatar-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="violet"] ),\n:host( [variant="violet"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-violet-05));\n  --mds-avatar-color: rgb(var(--label-violet-10));\n}\n\n:host( [variant="violet"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-violet-09));\n  --mds-avatar-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="blue"] ),\n:host( [variant="blue"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-blue-05));\n  --mds-avatar-color: rgb(var(--label-blue-10));\n}\n\n:host( [variant="blue"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-blue-09));\n  --mds-avatar-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="sky"] ),\n:host( [variant="sky"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-sky-05));\n  --mds-avatar-color: rgb(var(--label-sky-10));\n}\n\n:host( [variant="sky"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-sky-09));\n  --mds-avatar-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="aqua"] ),\n:host( [variant="aqua"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-aqua-05));\n  --mds-avatar-color: rgb(var(--label-aqua-10));\n}\n\n:host( [variant="aqua"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-aqua-09));\n  --mds-avatar-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="green"] ),\n:host( [variant="green"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-green-05));\n  --mds-avatar-color: rgb(var(--label-green-10));\n}\n\n:host( [variant="green"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-green-09));\n  --mds-avatar-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="lime"] ),\n:host( [variant="lime"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-lime-05));\n  --mds-avatar-color: rgb(var(--label-lime-10));\n}\n\n:host( [variant="lime"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-lime-09));\n  --mds-avatar-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="yellow"] ),\n:host( [variant="yellow"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-yellow-05));\n  --mds-avatar-color: rgb(var(--label-yellow-10));\n}\n\n:host( [variant="yellow"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-yellow-09));\n  --mds-avatar-color: rgb(var(--label-yellow-05));\n}\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-error-05));\n  --mds-avatar-color: rgb(var(--status-error-10));\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-error-09));\n  --mds-avatar-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-warning-05));\n  --mds-avatar-color: rgb(var(--status-warning-10));\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-warning-09));\n  --mds-avatar-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-info-05));\n  --mds-avatar-color: rgb(var(--status-info-10));\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-info-09));\n  --mds-avatar-color: rgb(var(--status-info-05));\n}\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-success-05));\n  --mds-avatar-color: rgb(var(--status-success-10));\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-success-09));\n  --mds-avatar-color: rgb(var(--status-success-05));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  .avatar,\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    .avatar,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  .avatar--icon,\n  .avatar--fallback,\n  .avatar--initials {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .avatar--icon,\n    .avatar--fallback,\n    .avatar--initials {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n\n\n@container (max-width: 24px) {\n  .avatar--initials {\n    padding: 0 var(--mds-avatar-initials-padding);\n  }\n\n  .initials-text{\n\n    font-weight: 900;\n  }\n}\n';var b=d;var u=n("mds_avatar",function(){function n(n){var r=this;a(this,n);this.backgroundColor="";this.fittyInitialized=false;this.initialsChanged=false;this.addFontResize=function(){var n;if(r.fittyInitialized){return}var a=(n=r.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".fit");r.fittyElements=l(a,{minSize:10});r.observer=new ResizeObserver((function(n){n.forEach((function(){r.fittyElements.fit()}))}));r.observer.observe(r.element);r.fittyInitialized=true};this.removeFontResize=function(){if(!r.fittyInitialized){return}r.fittyInitialized=false;r.observer.unobserve(r.element)};this.checkInitials=function(n){if(n!==""&&n!==undefined){if(r.fittyInitialized){return}if(!r.fittyInitialized){r.addFontResize()}return}if(r.fittyInitialized){r.removeFontResize()}};this.checkInitialsBackground=function(){if(r.initials){var n=r.initials.toLowerCase().replace(/[^a-zA-Z0-9]+/g,"").substring(0,2);if(n.length===1){n=n+n}r.backgroundColor=c[(n.substring(0,1).charCodeAt(0)+n.substring(1,2).charCodeAt(0))%c.length]}};this.fallback=false;this.loaded=true;this.icon=undefined;this.initials=undefined;this.src=undefined;this.tone=undefined;this.variant=undefined}n.prototype.componentWillLoad=function(){this.checkInitialsBackground()};n.prototype.componentDidLoad=function(){if(this.src!==undefined){this.loaded=false}this.checkInitials(this.initials)};n.prototype.componentDidRender=function(){if(this.initialsChanged){this.checkInitials(this.initials);this.initialsChanged=false}};n.prototype.initialsHandler=function(){this.initialsChanged=true;this.checkInitialsBackground()};n.prototype.srcHandler=function(n){if(n===undefined){this.loaded=true}};n.prototype.iconHandler=function(n){if(n!==undefined){this.loaded=true}};n.prototype.render=function(){var n=this;return r(t,{key:"50b7b8ea98b921a9a59d127f8d56004c68dfd6bb"},r("div",{key:"e57818ab159c7307646cdf33da12732e090d6f3d",class:i("avatar",this.initials&&!this.fallback&&!this.src&&"avatar--initials",(this.fallback||!this.icon&&!this.initials&&!this.src)&&"avatar--fallback",this.icon&&"avatar--icon",this.loaded?"avatar--loaded":"avatar--pending",this.initials?this.backgroundColor:""),part:"wrapper"},this.initials&&!this.fallback&&!this.src&&r("div",{key:"23af919044a1e75f47ca69f17f82b42d7a505343",class:"initials-text"},r("span",{key:"4ffe43eae4bab731f4c4d200bacd702a2483e508",class:"fit"},this.initials.substring(0,2))),this.src&&!this.fallback&&!this.icon&&r("mds-img",{key:"62309217062233c1c1a79bf85029b8c6c37d8ef7",class:"image",loading:"lazy",onMdsImgLoadError:function(){n.loaded=true;n.fallback=true},onMdsImgLoadSuccess:function(){n.loaded=true},src:this.src}),this.icon&&!this.initials&&r("mds-icon",{key:"c490d8bf8b74fbd1c52287b8845a8e5e7d972a59",class:"icon",part:"icon",name:this.icon}),(this.fallback||!this.icon&&!this.initials&&!this.src)&&r("i",{key:"cb02a2c14ee20dbb5625a244df5e8acf49916f03",class:"fallback-icon",innerHTML:v})))};Object.defineProperty(n.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{initials:["initialsHandler"],src:["srcHandler"],icon:["iconHandler"]}},enumerable:false,configurable:true});return n}());u.style=b}}}));

package/dist/magma-components/{p-c2938231.system.entry.js → p-e9940be7.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(t){"use strict";var e,n,r;return{setters:[function(t){e=t.r;n=t.h;r=t.H}],execute:function(){var c=":host{gap:1rem;padding:1rem;display:grid;grid-template-columns:minmax(1fr, 100%)}";var s=c;var a=t("mds_card_content",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,{key:"70bdb9e30591eb51d1bf009c38b9f2a58d9818af",slot:"content"},n("slot",{key:"84492f05472d505d00c4b82dabb70c535e656366"}))};return t}());a.style=s}}}));
+System.register(["./p-c94628eb.system.js"],(function(t){"use strict";var e,n,r;return{setters:[function(t){e=t.r;n=t.h;r=t.H}],execute:function(){var c=":host{gap:1rem;padding:1rem;display:grid;grid-template-columns:minmax(1fr, 100%)}";var s=c;var a=t("mds_card_content",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,{key:"70bdb9e30591eb51d1bf009c38b9f2a58d9818af",slot:"content"},n("slot",{key:"84492f05472d505d00c4b82dabb70c535e656366"}))};return t}());a.style=s}}}));

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

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="s-id",a="c-id",u="slot-fb{display:contents}slot-fb[hidden]{display:none}",f=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],d="undefined"!=typeof window?window:{},$=d.document||{head:{}},h={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},m=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),y=!1,v=[],b=[],w=(e,t)=>n=>{e.push(n),y||(y=!0,t&&4&h.l?k(S):h.raf(S))},g=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},S=()=>{g(v),g(b),(y=v.length>0)&&h.raf(S)},k=e=>m().then(e),j=w(b,!0),C={},E=e=>"object"==(e=typeof e)||"function"===e;function O(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>M,map:()=>P,ok:()=>x,unwrap:()=>D,unwrapErr:()=>A});var x=e=>({isOk:!0,isErr:!1,value:e}),M=e=>({isOk:!1,isErr:!0,value:e});function P(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>x(e))):x(n)}if(e.isErr)return M(e.value);throw"should never get here"}var R,D=e=>{if(e.isOk)return e.value;throw e.value},A=e=>{if(e.isErr)return e.value;throw e.value},H=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!E(l))&&(l+=""),s&&i?r[r.length-1].i+=l:r.push(s?I(null,l):l),i=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,T);const a=I(e,null);return a.u=t,r.length>0&&(a.$=r),a.h=o,a},I=(e,t)=>({l:0,m:e,i:t,p:null,$:null,u:null,h:null}),L={},T={forEach:(e,t)=>e.map(U).forEach(t),map:(e,t)=>e.map(U).map(t).map(W)},U=e=>({vattrs:e.u,vchildren:e.$,vkey:e.h,vname:e.v,vtag:e.m,vtext:e.i}),W=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),H(e.vtag,t,...e.vchildren||[])}const t=I(e.vtag,e.vtext);return t.u=e.vattrs,t.$=e.vchildren,t.h=e.vkey,t.v=e.vname,t},F=(e,t,n,l,o,s,i)=>{let r,c,u,f;if(1===s.nodeType){if(r=s.getAttribute(a),r&&(c=r.split("."),c[0]!==i&&"0"!==c[0]||(u={l:0,S:c[0],k:c[1],j:c[2],C:c[3],m:s.tagName.toLowerCase(),p:s,u:null,$:null,h:null,v:null,i:null},t.push(u),s.removeAttribute(a),e.$||(e.$=[]),e.$[u.C]=u,e=u,l&&"0"===u.j&&(l[u.C]=u.p))),s.shadowRoot)for(f=s.shadowRoot.childNodes.length-1;f>=0;f--)F(e,t,n,l,o,s.shadowRoot.childNodes[f],i);for(f=s.childNodes.length-1;f>=0;f--)F(e,t,n,l,o,s.childNodes[f],i)}else if(8===s.nodeType)c=s.nodeValue.split("."),c[1]!==i&&"0"!==c[1]||(r=c[0],u={l:0,S:c[1],k:c[2],j:c[3],C:c[4],p:s,u:null,$:null,h:null,v:null,m:null,i:null},"t"===r?(u.p=s.nextSibling,u.p&&3===u.p.nodeType&&(u.i=u.p.textContent,t.push(u),s.remove(),e.$||(e.$=[]),e.$[u.C]=u,l&&"0"===u.j&&(l[u.C]=u.p))):u.S===i&&("s"===r?(u.m="slot",s["s-sn"]=c[5]?u.v=c[5]:"",s["s-sr"]=!0,l&&(u.p=$.createElement(u.m),u.v&&u.p.setAttribute("name",u.v),s.parentNode.insertBefore(u.p,s),s.remove(),"0"===u.j&&(l[u.C]=u.p)),n.push(u),e.$||(e.$=[]),e.$[u.C]=u):"r"===r&&l&&s.remove()));else if(e&&"style"===e.m){const t=I(null,s.textContent);t.p=s,t.C="0",e.$=[t]}},N=(e,t)=>{if(1===e.nodeType){let n=0;if(e.shadowRoot)for(;n<e.shadowRoot.childNodes.length;n++)N(e.shadowRoot.childNodes[n],t);for(n=0;n<e.childNodes.length;n++)N(e.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},q=e=>n(e).$hostElement$,G=(e,t,n)=>{const l=q(e);return{emit:e=>V(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},V=(e,t,n)=>{const l=h.ce(t,n);return e.dispatchEvent(l),l},_=new WeakMap,z=(e,t)=>{var n;const l=B(t),o=r.get(l);if(e=11===e.nodeType?e:$,o)if("string"==typeof o){let s,i=_.get(e=e.head||e);if(i||_.set(e,i=new Set),!i.has(l)){if(e.host&&(s=e.querySelector(`[sty-id="${l}"]`)))s.innerHTML=o;else{s=$.createElement("style"),s.innerHTML=o;const l=null!=(n=h.O)?n:O($);if(null!=l&&s.setAttribute("nonce",l),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(o),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=o+t.innerHTML:e.prepend(s)}else e.append(s);1&t.l&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=u),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l},B=e=>"sc-"+e.M,J=(e,t,n,l,s,i)=>{if(n!==l){let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=Q(n),s=Q(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const o=E(l);if((r||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(d,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(X);t=t.replace(Y,""),n&&h.rel(e,t,n,o),l&&h.ael(e,t,l,o)}}},K=/\s/,Q=e=>e?e.split(K):[],X="Capture",Y=RegExp(X+"$"),Z=(e,t,n)=>{const l=11===t.p.nodeType&&t.p.host?t.p.host:t.p,o=e&&e.u||C,s=t.u||C;for(const e of ee(Object.keys(o)))e in s||J(l,e,o[e],void 0,n,t.l);for(const e of ee(Object.keys(s)))J(l,e,o[e],s[e],n,t.l)};function ee(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var te=!1,ne=!1,le=(e,t,n)=>{const l=t.$[n];let o,s,i=0;if(null!==l.i)o=l.p=$.createTextNode(l.i);else if(o=l.p=$.createElement(l.m),Z(null,l,ne),o.getRootNode().querySelector("body"),l.$)for(i=0;i<l.$.length;++i)s=le(e,l,i),s&&o.appendChild(s);return o["s-hn"]=R,o},oe=(e,t,n,l,o,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===R&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=le(null,n,o),i&&(l[o].p=i,ae(r,i,t)))},se=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.p;ce(t),e&&e.remove()}}},ie=(e,t,n=!1)=>e.m===t.m&&(!!n||e.h===t.h),re=(e,t,n=!1)=>{const l=t.p=e.p,o=e.$,s=t.$,i=t.i;null===i?(("slot"!==t.m||te)&&Z(e,t,ne),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,a=0,u=0,f=t.length-1,d=t[0],$=t[f],h=l.length-1,m=l[0],p=l[h];for(;r<=f&&c<=h;)if(null==d)d=t[++r];else if(null==$)$=t[--f];else if(null==m)m=l[++c];else if(null==p)p=l[--h];else if(ie(d,m,o))re(d,m,o),d=t[++r],m=l[++c];else if(ie($,p,o))re($,p,o),$=t[--f],p=l[--h];else if(ie(d,p,o))re(d,p,o),ae(e,d.p,$.p.nextSibling),d=t[++r],p=l[--h];else if(ie($,m,o))re($,m,o),ae(e,$.p,d.p),$=t[--f],m=l[++c];else{for(a=-1,u=r;u<=f;++u)if(t[u]&&null!==t[u].h&&t[u].h===m.h){a=u;break}a>=0?(i=t[a],i.m!==m.m?s=le(t&&t[c],n,a):(re(i,m,o),t[a]=void 0,s=i.p),m=l[++c]):(s=le(t&&t[c],n,c),m=l[++c]),s&&ae(d.p.parentNode,s,d.p)}r>f?oe(e,null==l[h+1]?null:l[h+1].p,n,l,c,h):c>h&&se(t,r,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),oe(l,null,t,s,0,s.length-1)):!n&&null!==o&&se(o,0,o.length-1)):e.i!==i&&(l.data=i)},ce=e=>{e.u&&e.u.ref&&e.u.ref(null),e.$&&e.$.map(ce)},ae=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ue=(e,t)=>{t&&!e.P&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.P=t)))},fe=(e,t)=>{if(e.l|=16,!(4&e.l))return ue(e,e.R),j((()=>de(e,t)));e.l|=512},de=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.D&&(e.D.map((([e,t])=>be(n,e,t))),e.D=void 0),l=be(n,"componentWillLoad")),l=$e(l,(()=>be(n,"componentWillRender"))),$e(l,(()=>me(e,n,t)))},$e=(e,t)=>he(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),he=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,me=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.A,n=e.$hostElement$,l=t.l,o=z(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);pe(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>ye(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},pe=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.A,s=e.H||I(null,null),i=(e=>e&&e.m===L)(t)?t:H(null,null,t);if(R=l.tagName,o.I&&(i.u=i.u||{},o.I.map((([e,t])=>i.u[t]=l[e]))),n&&i.u)for(const e of Object.keys(i.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=l[e]);i.m=null,i.l|=4,e.H=i,i.p=s.p=l.shadowRoot||l,te=!!(1&o.l),re(s,i,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},ye=e=>{const t=e.$hostElement$,n=e.t,l=e.R;be(n,"componentDidRender"),64&e.l?be(n,"componentDidUpdate"):(e.l|=64,we(t),be(n,"componentDidLoad"),e.L(t),l||ve()),e.T(t),e.P&&(e.P(),e.P=void 0),512&e.l&&k((()=>fe(e,!1))),e.l&=-517},ve=()=>{we($.documentElement),k((()=>V(d,"appload",{detail:{namespace:"magma-components"}})))},be=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},we=e=>e.setAttribute("hydrated",""),ge=(e,t,l)=>{var o,i;const r=e.prototype;if(64&t.l&&1&l&&f.forEach((e=>Object.defineProperty(r,e,{value(...t){const l=n(this),o=l.t;if(o){const n=o[e];"function"==typeof n&&n.call(o,...t)}else l.U.then((n=>{const l=n[e];"function"==typeof l&&l.call(n,...t)}))}}))),t.W||t.F||e.watchers){e.watchers&&!t.F&&(t.F=e.watchers);const c=Object.entries(null!=(o=t.W)?o:{});if(c.map((([e,[o]])=>{31&o||2&l&&32&o?Object.defineProperty(r,e,{get(){return((e,t)=>n(this).N.get(t))(0,e)},set(l){((e,t,l,o)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${o.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).`);const r=i.$hostElement$,c=i.N.get(t),a=i.l,u=i.t;if(l=((e,t)=>null==e||E(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.W[t][0]),(!(8&a)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(i.N.set(t,l),u)){if(o.F&&128&a){const e=o.F[t];e&&e.map((e=>{try{u[e](l,c,t)}catch(e){s(e,r)}}))}2==(18&a)&&fe(i,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&o&&Object.defineProperty(r,e,{value(...t){var l;const o=n(this);return null==(l=null==o?void 0:o.q)?void 0:l.then((()=>{var n;return null==(n=o.t)?void 0:n[e](...t)}))}})})),1&l){const l=new Map;r.attributeChangedCallback=function(e,o,s){h.jmp((()=>{var i;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),r=null==l?void 0:l.l;if(r&&!(8&r)&&128&r&&s!==o){const n=l.t,r=null==(i=t.F)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=t.F)?i:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.I)||o.push([e,s])),s}))]))}}return e},Se=e=>{if(!(1&h.l)){const t=n(e),l=t.A,o=()=>{};if(1&t.l)Ce(e,t,l.G),(null==t?void 0:t.t)||(null==t?void 0:t.U)&&t.U.then((()=>{}));else{let n;if(t.l|=1,n=e.getAttribute(c),n){if(1&l.l){const t=z(e.shadowRoot,l);e.classList.remove(t+"-h",t+"-s")}((e,t,n,l)=>{const o=e.shadowRoot,s=[],i=o?[]:null,r=l.H=I(t,null);h.V||N($.body,h.V=new Map),e[c]=n,e.removeAttribute(c),F(r,s,[],i,e,e,n),s.map((e=>{const n=e.S+"."+e.k,l=h.V.get(n),s=e.p;l&&""===l["s-en"]&&l.parentNode.insertBefore(s,l.nextSibling),o||(s["s-hn"]=t,l&&(s["s-ol"]=l,s["s-ol"]["s-nr"]=s)),h.V.delete(n)})),o&&i.map((e=>{e&&o.appendChild(e)}))})(e,l.M,n,t)}{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ue(t,t.R=n);break}}l.W&&Object.entries(l.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n._){const e=(e=>{const t=e.M.replace(/-/g,"_"),n=e._;if(!n)return;const l=i.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.M}#${t.B}" was not found`);l.isProxied||(n.F=l.watchers,ge(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=B(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);p&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,r.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.R,c=()=>fe(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}},ke=e=>{be(e,"disconnectedCallback")},je=(e,l={})=>{var o;const s=[],i=l.exclude||[],r=d.customElements,c=$.head,a=c.querySelector("meta[charset]"),f=$.createElement("style"),m=[];let p,y=!0;Object.assign(h,l),h.o=new URL(l.resourcesUrl||"./",$.baseURI).href,h.l|=2;let v=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],M:l[1],W:l[2],G:l[3]};4&c.l&&(v=!0),c.W=l[2],c.G=l[3],c.I=[],c.F=null!=(o=l[4])?o:{};const a=c.M,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,A:n,N:new Map};l.q=new Promise((e=>l.T=e)),l.U=new Promise((e=>l.L=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.M}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ce(this,e,c.G)),p&&(clearTimeout(p),p=null),y?m.push(this):h.jmp((()=>Se(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.l)){const e=n(this);e.J&&(e.J.map((e=>e())),e.J=void 0),(null==e?void 0:e.t)?ke(e.t):(null==e?void 0:e.U)&&e.U.then((()=>ke(e.t)))}})()))}componentOnReady(){return n(this).U}};64&c.l&&(u.formAssociated=!0),c._=e[0],i.includes(a)||r.get(a)||(s.push(a),r.define(a,ge(u,c,1)))}))})),s.length>0&&(v&&(f.textContent+=u),f.textContent+=s.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",f.innerHTML.length)){f.setAttribute("data-styles","");const e=null!=(o=h.O)?o:O($);null!=e&&f.setAttribute("nonce",e),c.insertBefore(f,a?a.nextSibling:c.firstChild)}y=!1,m.length?m.map((e=>e.connectedCallback())):h.jmp((()=>p=setTimeout(ve,30)))},Ce=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=Oe(e,n),i=Ee(t,o),r=xe(n);h.ael(s,l,i,r),(t.J=t.J||[]).push((()=>h.rel(s,l,i,r)))}))},Ee=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.D=e.D||[]).push([t,n])}catch(e){s(e)}},Oe=(e,t)=>4&t?$:e,xe=e=>({passive:!!(1&e),capture:!!(2&e)}),Me=e=>h.O=e;export{L as H,je as b,G as c,q as g,H as h,m as p,l as r,Me as s}

package/dist/magma-components/{p-9a878d34.entry.js → p-eae957b3.entry.js}

@@ -1 +1 @@
-import{r as n,h as t,H as e,g as a}from"./p-b6defcb6.js";import{c as r}from"./p-8a1a6e56.js";const o=class{constructor(t){n(this,t),this.layout=void 0,this.autoGrid=!0}componentWillLoad(){this.layout=Array.from(this.host.children).map((n=>{var t;return(null!==(t=n.getAttribute("slot"))&&void 0!==t?t:n.tagName.startsWith("MDS-CARD-"))?n.tagName.toLocaleLowerCase().replace("mds-card-",""):""})).sort().reduce(((n,t)=>n+t.charAt(0)),"")}render(){return t(e,{key:"0bb4e3e8a5c41028092849b878f1eb7f4fb6ca69"},t("div",{key:"fd3caac153406fb4e283d1966403d2b32c86343a",class:r("layout",this.layout&&`layout--${this.layout}`,this.autoGrid?"":"layout--disabled"),part:"container"},t("slot",{key:"581983da53bb535659af36770a3d69bb73dec92a",name:"media"}),t("slot",{key:"c856bb9b9f5b49df851c23ef66dbbd415e1d5e64",name:"header"}),t("slot",{key:"668022431de991925b3be0e838c391b9aec7e6a9",name:"content"}),t("slot",{key:"1189b0b978b70c425a6eb3b7daab8b112beca40a",name:"footer"})))}get host(){return a(this)}};o.style='@tailwind utilities;\n\n/**\n * @prop --mds-card-gap: Sets the spacing between card elements\n * @prop --mds-card-padding: Sets the spacing around card elements\n */\n\n:host {\n\n  --mds-card-gap: 0;\n  --mds-card-padding: 0;\n  border-radius: 1rem;\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  container-name: mds-card;\n  container-type: inline-size;\n  display: grid;\n  min-height: 1rem;\n  overflow: hidden;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="media"]) {\n  grid-area: media;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="header"]) {\n  grid-area: header;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="content"]) {\n  grid-area: content;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="footer"]) {\n  grid-area: footer;\n}\n\n.layout{\n\n  padding: 1rem;\n\n  display: grid;\n  gap: var(--mds-card-gap);\n  grid-template-columns: minmax(0, 100%);\n  padding: var(--mds-card-padding);\n}\n\n.layout--cfhm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--chm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    min-content\n    1fr;\n}\n\n.layout--cfm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--fhm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--cfh:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--hm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--fm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "footer";\n  grid-template-rows:\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    1fr\n    min-content;\n}\n\n.layout--cm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--fh:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--ch:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--cf:not(.layout--disabled) {\n  grid-template-areas:\n    "content"\n    "footer";\n  grid-template-rows:\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    1fr\n    min-content;\n}\n\n.layout--h:not(.layout--disabled) {\n  grid-template-areas: "header";\n  grid-template-rows: 1fr;\n}\n\n.layout--m:not(.layout--disabled) {\n  grid-template-areas: "media";\n  grid-template-rows: 1fr;\n}\n\n.layout--c:not(.layout--disabled) {\n  grid-template-areas: "content";\n  grid-template-rows: 1fr;\n}\n\n.layout--f:not(.layout--disabled) {\n  grid-template-areas: "footer";\n  grid-template-rows: 1fr;\n}\n\n@container mds-card (width > 30em) {\n  .layout--cfhm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media content"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      min-content\n      1fr\n      min-content;\n  }\n\n  .layout--chm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media content"\n      "media content";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr\n      1fr;\n    grid-template-rows:\n      min-content\n      1fr\n      1fr;\n  }\n\n  .layout--fhm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr;\n    grid-template-rows:\n      min-content\n      1fr;\n  }\n\n  .layout--cfm:not(.layout--disabled) {\n    grid-template-areas:\n      "media content"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      1fr\n      min-content;\n  }\n\n  .layout--cm:not(.layout--disabled) {\n    grid-template-areas:\n      "media content";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      1fr\n      min-content;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\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      -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    -webkit-box-shadow: 0 0 0 2px 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 2px 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-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), 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 2px 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\n';export{o as mds_card}
+import{r as n,h as t,H as e,g as a}from"./p-eab621a7.js";import{c as r}from"./p-8a1a6e56.js";const o=class{constructor(t){n(this,t),this.layout=void 0,this.autoGrid=!0}componentWillLoad(){this.layout=Array.from(this.host.children).map((n=>{var t;return(null!==(t=n.getAttribute("slot"))&&void 0!==t?t:n.tagName.startsWith("MDS-CARD-"))?n.tagName.toLocaleLowerCase().replace("mds-card-",""):""})).sort().reduce(((n,t)=>n+t.charAt(0)),"")}render(){return t(e,{key:"0bb4e3e8a5c41028092849b878f1eb7f4fb6ca69"},t("div",{key:"fd3caac153406fb4e283d1966403d2b32c86343a",class:r("layout",this.layout&&`layout--${this.layout}`,this.autoGrid?"":"layout--disabled"),part:"container"},t("slot",{key:"581983da53bb535659af36770a3d69bb73dec92a",name:"media"}),t("slot",{key:"c856bb9b9f5b49df851c23ef66dbbd415e1d5e64",name:"header"}),t("slot",{key:"668022431de991925b3be0e838c391b9aec7e6a9",name:"content"}),t("slot",{key:"1189b0b978b70c425a6eb3b7daab8b112beca40a",name:"footer"})))}get host(){return a(this)}};o.style='@tailwind utilities;\n\n/**\n * @prop --mds-card-gap: Sets the spacing between card elements\n * @prop --mds-card-padding: Sets the spacing around card elements\n */\n\n:host {\n\n  --mds-card-gap: 0;\n  --mds-card-padding: 0;\n  border-radius: 1rem;\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  container-name: mds-card;\n  container-type: inline-size;\n  display: grid;\n  min-height: 1rem;\n  overflow: hidden;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="media"]) {\n  grid-area: media;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="header"]) {\n  grid-area: header;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="content"]) {\n  grid-area: content;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="footer"]) {\n  grid-area: footer;\n}\n\n.layout{\n\n  padding: 1rem;\n\n  display: grid;\n  gap: var(--mds-card-gap);\n  grid-template-columns: minmax(0, 100%);\n  padding: var(--mds-card-padding);\n}\n\n.layout--cfhm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--chm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    min-content\n    1fr;\n}\n\n.layout--cfm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--fhm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--cfh:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--hm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--fm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "footer";\n  grid-template-rows:\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    1fr\n    min-content;\n}\n\n.layout--cm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--fh:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--ch:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--cf:not(.layout--disabled) {\n  grid-template-areas:\n    "content"\n    "footer";\n  grid-template-rows:\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    1fr\n    min-content;\n}\n\n.layout--h:not(.layout--disabled) {\n  grid-template-areas: "header";\n  grid-template-rows: 1fr;\n}\n\n.layout--m:not(.layout--disabled) {\n  grid-template-areas: "media";\n  grid-template-rows: 1fr;\n}\n\n.layout--c:not(.layout--disabled) {\n  grid-template-areas: "content";\n  grid-template-rows: 1fr;\n}\n\n.layout--f:not(.layout--disabled) {\n  grid-template-areas: "footer";\n  grid-template-rows: 1fr;\n}\n\n@container mds-card (width > 30em) {\n  .layout--cfhm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media content"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      min-content\n      1fr\n      min-content;\n  }\n\n  .layout--chm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media content"\n      "media content";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr\n      1fr;\n    grid-template-rows:\n      min-content\n      1fr\n      1fr;\n  }\n\n  .layout--fhm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr;\n    grid-template-rows:\n      min-content\n      1fr;\n  }\n\n  .layout--cfm:not(.layout--disabled) {\n    grid-template-areas:\n      "media content"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      1fr\n      min-content;\n  }\n\n  .layout--cm:not(.layout--disabled) {\n    grid-template-areas:\n      "media content";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      1fr\n      min-content;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\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      -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    -webkit-box-shadow: 0 0 0 2px 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 2px 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-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), 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 2px 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\n';export{o as mds_card}

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

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

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

@@ -0,0 +1 @@
+import{r as n,c as t,h as i,H as o,g as e}from"./p-eab621a7.js";import{c as r}from"./p-8a1a6e56.js";import{m as s}from"./p-39f06295.js";import{m as a}from"./p-a5de65c5.js";import{m as d}from"./p-af30edf5.js";import{L as h}from"./p-c310b41f.js";import"./p-85aa8e05.js";const p='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>',l={increase:"Αύξηση",decrease:"Μείωση",showPassword:"Εμφάνιση Κωδικού",hidePassword:"Απόκρυψη Κωδικού"},c={increase:"Increase",decrease:"Decrease",showPassword:"Show Password",hidePassword:"Hide Password"},u={increase:"Aumentar",decrease:"Disminuir",showPassword:"Mostrar Contraseña",hidePassword:"Ocultar Contraseña"},m={increase:"Aumenta",decrease:"Diminuisci",showPassword:"Visualizza password",hidePassword:"Nascondi password"},b=class{constructor(i){n(this,i),this.changeEvent=t(this,"mdsInputChange",7),this.keyDownEvent=t(this,"mdsInputKeydown",7),this.blurEvent=t(this,"mdsInputBlur",7),this.focusEvent=t(this,"mdsInputFocus",7),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.t=new h({el:l,en:c,es:u,it:m}),this.onInput=n=>{const t=n.target;t&&(this.value=t.value,this.internals.setFormValue(this.value)),this.keyDownEvent.emit(n)},this.onBlur=()=>{this.hasFocus=!1,this.blurEvent.emit()},this.onFocus=n=>{const t=n.target;this.hasFocus=!0,this.focusEvent.emit(),this.readonly&&setTimeout((()=>{t.select()}),10)},this.stepUp=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepUp(),this.value=this.nativeInput.value)},this.stepDown=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepDown(),this.value=this.nativeInput.value)},this.hasFocus=!1,this.language=void 0,this.isPasswordVisible=!1,this.autocomplete="off",this.autofocus=!1,this.await=!1,this.controlsLayout="vertical",this.controlsIcon="arrow",this.controlIncreaseLabel="Aumenta",this.controlDecreaseLabel="Riduci",this.datalist=void 0,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.variant=void 0,this.tip=void 0,this.step=void 0,this.type="text",this.typography="detail",this.value=""}async updateLang(){this.language=this.t.lang(this.el),this.t.update()}componentWillLoad(){var n;if(this.language=this.t.lang(this.el),this.el.hasAttribute("tabindex")){const n=this.el.getAttribute("tabindex");this.tabindex=null!==n?parseInt(n):void 0,this.el.removeAttribute("tabindex")}this.internals.setFormValue(null!==(n=this.value)&&void 0!==n?n:null)}valueChanged(){var n;this.changeEvent.emit({value:this.value}),this.internals.setFormValue(null!==(n=this.value)&&void 0!==n?n:null)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}getInputElement(){return Promise.resolve(this.nativeInput)}componentWillRender(){this.t.lang(this.el)}render(){var n,t;return i(o,{key:"ca5bca3d38a637ff63798e17a43e94c700d5e147"},"number"===this.type&&"horizontal"===this.controlsLayout&&i("mds-button",{key:"ff7112d587a18d16647bc3b5dfc6dc77ebcc2477",class:"counter-button counter-button--horizontal counter-button--decrease",icon:"arrow"===this.controlsIcon?s:d,onClick:this.stepDown,role:"button",tabindex:"0",title:this.t.get("decrease"),part:"counter-button-decrease"}),"textarea"===this.type?i("textarea",{class:r("input",(null!==(n=this.icon)&&void 0!==n?n:this.await)&&"has-icon"),autoFocus:this.autofocus,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:n=>this.nativeInput=n,required:this.required,tabIndex:this.tabindex,value:this.value}):i("input",{class:r("input",(null!==(t=this.icon)&&void 0!==t?t:this.await)&&"has-icon"),autoComplete:this.autocomplete,autoFocus:this.autofocus,disabled:this.disabled,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,list:this.datalist&&"datalist",part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:n=>this.nativeInput=n,required:this.required,step:this.step,tabIndex:this.tabindex,type:"password"===this.type&&this.isPasswordVisible?"text":this.type,value:this.value}),"number"===this.type&&"vertical"===this.controlsLayout&&i("div",{key:"44238b57fbed08da81f30dc8048089d94d2e7b4c",class:"counter counter--vertical"},i("mds-button",{key:"24c0ce6b95dd8dce3c33805bb861b239c595a58d",class:"counter-button",icon:"arrow"===this.controlsIcon?a:p,onClick:this.stepUp,role:"button",tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),i("mds-button",{key:"d420b63e53fe0dad6a326959855ff0f62c627885",class:"counter-button",icon:"arrow"===this.controlsIcon?s:d,onClick:this.stepDown,role:"button",tabindex:"0",title:this.t.get("decrease"),part:"counter-button-decrease"})),"number"===this.type&&"horizontal"===this.controlsLayout&&i("mds-button",{key:"bd8380c85f04115019a8b0202dc4e7aa30d3c9ad",class:"counter-button counter-button--horizontal counter-button--increase",icon:"arrow"===this.controlsIcon?a:p,onClick:this.stepUp,role:"button",tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),"password"===this.type&&i("mds-button",{key:"6539cdfc36d63d28d319c79927545f8272179537",class:"password-toggle-button",icon:this.isPasswordVisible?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c2.76 0 5 2.24 5 5c0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28l.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22L21 20.73L3.27 3L2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65c0 1.66 1.34 3 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53c-2.76 0-5-2.24-5-5c0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15l.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"/></svg>',onClick:()=>this.isPasswordVisible=!this.isPasswordVisible,role:"button",tabindex:"0",tone:"quiet",title:this.t.get(this.isPasswordVisible?"hidePassword":"showPassword"),part:"password-toggle-button"}),i("mds-input-tip",{key:"8a0f5f05980067693a4335cd2f6355f6ddde09f3",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&i("mds-input-tip-item",{key:"f51f29717e92e822e3a1cd557619d6acec5c2fe1",expanded:!0,variant:"disabled"}),this.readonly&&i("mds-input-tip-item",{key:"aa32b7d8d683a4785d17dcd0d4966357a9a21738",expanded:!0,variant:"readonly"}),this.required&&i("mds-input-tip-item",{key:"13c92ab5bca38508d5395119f1f1cdcb303bc183",expanded:this.hasFocus,variant:""===this.value?"required":"required-success"})),i("mds-input-tip",{key:"e907daf8c28d9e3db05202e60501da285ab7d9d2",lang:this.language,position:"bottom",active:this.hasFocus},this.tip&&i("mds-input-tip-item",{key:"e4a8343e924a4813ac0bd483961b131d2b417132",expanded:!0,variant:"text"},this.tip)),this.datalist&&i("datalist",{key:"a61d4222f111e589b34d0c5d11bcd45f32d1a8c5",id:"datalist",class:"datalist"},this.datalist.forEach((n=>{i("option",{value:n})}))),this.icon&&!this.await&&i("mds-icon",{key:"ef47a0689013b6bd6e8b4c104b3c7895d56c6679",class:r("icon",this.variant),name:this.icon}),i("mds-spinner",{key:"3383f336ce1ae44b0d8ca5536ed251a0398d97d9",running:this.await,class:r("await",this.variant)}))}static get formAssociated(){return!0}get el(){return e(this)}static get watchers(){return{value:["valueChanged"]}}};b.style='@tailwind utilities;\n\n/**\n * @prop --mds-input-background: Sets the background-color of the component\n * @prop --mds-input-icon-color: Sets the icon color of the component\n * @prop --mds-input-ring: Sets the box-shadow of the component\'s input\n * @prop --mds-input-shadow: Sets the box-shadow of the component\'s input\n * @prop --mds-input-textarea-field-sizing: Sets the height of the textarea automatically, this is an EXPERIMENTAL css property, so it couldn\'t work in every browser\n * @prop --mds-input-textarea-max-height: Sets the `max-height` of the component when attribute `type` is set to `textarea`\n * @prop --mds-input-textarea-min-height: Sets the `min-height` of the component when attribute `type` is set to `textarea`\n * @prop --mds-input-tip-background: Sets the background color of the tip message at the bottom right of the component\n * @prop --mds-input-variant-color: Sets the variant colors of the component\n */\n\n:host {\n\n  --mds-input-background: rgb(var(--tone-neutral));\n  --mds-input-icon-color: var(--mds-input-variant-color);\n  --mds-input-tip-background: 84 84 84;\n  --mds-input-ring: 0 0 0 1px rgb(var(--mds-input-variant-color) / 0.1);\n  --mds-input-shadow: 0 1px 3px 0 rgb(var(--mds-input-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-variant-color) / 0.06);\n  --mds-input-variant-color: 0 0 0;\n  --mds-input-controls-color: rgb(var(--variant-primary-03));\n  --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-09));\n  --mds-input-textarea-min-height: 6rem;\n  --mds-input-textarea-max-height: 16rem;\n  --mds-input-textarea-field-sizing: content;\n  min-height: 1.5rem;\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  gap: 0.5rem;\n\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n}\n\n:host( [typography="detail"] ) .input{\n\n  min-height: 1.5rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="snippet"] ) .input{\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.input{\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n\n  margin: 0rem;\n\n  border-radius: 0.5rem;\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n\n  padding-top: 0.75rem;\n\n  padding-bottom: 0.75rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\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: var(--mds-input-background);\n    border: 0;\n    -webkit-box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    color: rgb(var(--tone-neutral-02));\n    min-height: 3rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-transition-property: background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;\n    width: 100%;\n}\n\n.input::-moz-placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input::-webkit-input-placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input:-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input::-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input::placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input::-webkit-outer-spin-button,\n.input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n          appearance: none;\n  display: none;\n  margin: 0;\n}\n\ntextarea.input{\n\n  resize: vertical;\n\n  border-bottom-right-radius: 0;\n\n  field-sizing: var(--mds-input-textarea-field-sizing);\n  max-height: var(--mds-input-textarea-max-height);\n  min-height: var(--mds-input-textarea-min-height);\n  overflow: auto;\n}\n\n.input:focus{\n\n  outline: 2px solid transparent;\n\n  outline-offset: 2px;\n\n  --mds-input-ring: 0 0 0 3px rgb(var(--mds-input-variant-color) / 1);\n  --mds-input-shadow: 0 4px 6px 3px rgb(var(--mds-input-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-variant-color) / 0.06);\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-10));\n}\n\n.input:disabled::-moz-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-webkit-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled:-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled,\n.input:disabled::placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input.has-icon{\n\n  padding-left: 2.75rem;\n}\n\n\n.await,\n.icon{\n\n  left: 0.75rem;\n\n  top: 0.75rem;\n\n  fill: rgb(var(--mds-input-icon-color));\n  position: absolute;\n}\n\n.await {\n  color: rgb(var(--mds-input-icon-color));\n  height: 24px;\n  width: 24px;\n}\n\n.counter {\n  border-left: var(--mds-input-controls-border);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  gap: 0;\n  position: absolute;\n  right: 0;\n}\n\n.counter-button{\n\n  height: 1.5rem;\n\n  width: 1.75rem;\n\n  border-radius: 0.5rem;\n\n  --mds-button-background: transparent;\n\n  border: 0;\n  fill: var(--mds-input-controls-color);\n  min-height: 0;\n  padding: 0;\n}\n\n.counter-button:hover {\n\n  --mds-button-background: rgb(var(--tone-neutral-09));\n}\n\n.counter .counter-button:first-child {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 0;\n}\n\n.counter .counter-button:last-child {\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.counter-button--horizontal{\n\n  height: 3rem;\n\n  width: 3rem;\n\n  bottom: 0;\n  position: absolute;\n  top: 0;\n}\n\n.counter-button--decrease {\n  border-bottom-right-radius: 0;\n  border-right: var(--mds-input-controls-border);\n  border-top-right-radius: 0;\n  left: 0;\n}\n\n.counter-button--increase {\n  border-bottom-left-radius: 0;\n  border-left: var(--mds-input-controls-border);\n  border-top-left-radius: 0;\n  right: 0;\n}\n\n.password-toggle-button{\n\n  top: 0.375rem;\n\n  right: 0.375rem;\n\n  fill: var(--mds-input-controls-color);\n  position: absolute;\n}\n\n:host( [type="number"] ) .input{\n\n  padding-right: 2rem;\n}\n\n:host( [type="number"][controls-layout="horizontal"] ) .input{\n\n  padding-left: 3.5rem;\n\n  padding-right: 3.5rem;\n\n  text-align: center;\n}\n\n:host( [type="number"][controls-layout="horizontal"][icon] ) .input{\n\n  padding-left: 6rem;\n\n  text-align: left;\n}\n\n\n:host( [type="number"][controls-layout="horizontal"] ) .icon{\n\n  left: 3.75rem;\n}\n\n:host( [type="password"]) .input{\n\n  padding-right: 2.5rem;\n}\n\n:host( [type="password"]) .input[type="password"]:not(:-moz-placeholder-shown) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host( [type="password"]) .input[type="password"]:not(:-ms-input-placeholder) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host( [type="password"]) .input[type="password"]:not(:placeholder-shown) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host( [type="password"]) .input[type="text"]:not(:-moz-placeholder-shown){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [type="password"]) .input[type="text"]:not(:-ms-input-placeholder){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [type="password"]) .input[type="text"]:not(:placeholder-shown){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@tailwind utilities;\n\n:host {\n\n  --mds-input-icon-color: var(--variant-primary-03);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( :focus ) {\n\n  --mds-input-variant-color: var(--variant-primary-04);\n}\n\n:host( [variant="info"] ) {\n\n  --mds-input-icon-color: var(--status-info-05);\n  --mds-input-tip-background: var(--status-info-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:focus ) {\n\n  --mds-input-icon-color: var(--status-info-04);\n  --mds-input-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n  --mds-input-icon-color: var(--status-success-05);\n  --mds-input-tip-background: var(--status-success-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:focus ) {\n\n  --mds-input-icon-color: var(--status-success-04);\n  --mds-input-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-input-icon-color: var(--status-warning-05);\n  --mds-input-tip-background: var(--status-warning-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:focus ) {\n\n  --mds-input-icon-color: var(--status-warning-04);\n  --mds-input-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n  --mds-input-icon-color: var(--status-error-05);\n  --mds-input-tip-background: var(--status-error-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:focus ) {\n\n  --mds-input-icon-color: var(--status-error-04);\n  --mds-input-variant-color: var(--status-error-05);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  .input {\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    .input {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-input-ring: 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\n      --mds-input-ring: 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\n    --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n\n  .input::-moz-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  .input::-webkit-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  .input:-ms-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  .input::-ms-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  .input::placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n\n    .input::-moz-placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n\n    .input::-webkit-input-placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n\n    .input:-ms-input-placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n\n    .input::-ms-input-placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n\n    .input::placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n\n    --mds-input-background: rgb(var(--variant-primary-07));\n  }\n}\n';export{b as mds_input}