npm - @maggioli-design-system/magma - Versions diffs - 2.0.0-beta.1 → 2.0.0-beta.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (938) hide show

package/dist/components/mds-text2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";const n={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}},r=2147483647,a=e=>16807e%r,l=e=>a(e)/r,m=((e=1)=>{let t=e<1?1:e;const s=()=>(t=a(t),t);return{random:()=>s(),randomFloat:()=>l(s()),range:(e,t)=>{const i=e-.4999;return Math.round(i+(t+.4999-i)l(s()))},rangeFloat:(e,t)=>e+(t-e)l(s())}})(),h=()=>{};class p{constructor(e){this.start=()=>{const{frameOffset:e,charOffset:t,str:s,speed:i}=this,o=(n=e,r=t,e=>(e=>e.split("").map((e=>e.charCodeAt(0))))(e).map(((e,t)=>()=>(e+m.range(0,t))(2(Math.round(Math.random())-.5)))(n,r)))(s);var n,r;this.stop(),this.rafId=requestAnimationFrame((()=>{this.step(o,i,i)}))},Object.assign(this,Object.assign(Object.assign({},p.defaults),e))}stop(){cancelAnimationFrame(this.rafId)}step(e,t,s){const{str:i,charStep:o,minCharCode:n,maxCharCode:r,placeholderChar:a,onProgress:l,onComplete:m}=this,h=e.slice(0,t).map((e=>e>0?e-1:e<0?e+1:0)),p=(({str:e,minCharCode:t,maxCharCode:s,placeholderChar:i,charStep:o})=>n=>n.reduce(((n,r,a)=>{return 0!==r?Math.abs(r)>o?n+i:n+String.fromCharCode((l=t,m=s,e=>e>m?l+(e-m):e<l?m+(e-l):e)(e.charCodeAt(a)+r)):n+e.charAt(a);var l,m}),""))({str:i,minCharCode:n,maxCharCode:r,placeholderChar:a,charStep:o})(h),d=[...h,...e.slice(t)];l(p),p!==i?this.rafId=requestAnimationFrame((()=>{this.step(d,t+s,s)})):m(p)}}p.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:h,onComplete:h};const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.cssTextAnimationSpeed=2,this.cssTextAnimationPlaceholderChar=" ",this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15},this.animation="none",this.typography="detail",this.animateText=e=>{var t;const s=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelector(".text");this.randomTextOptions.speed=this.cssTextAnimationSpeed,this.randomTextOptions.placeholderChar=this.cssTextAnimationPlaceholderChar,this.randomText=new p(Object.assign({str:e,onProgress:e=>{s.innerHTML=e}},this.randomTextOptions)),this.randomText.start()},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const e=window.getComputedStyle(this.host);this.cssTextAnimationSpeed=Number(e.getPropertyValue("--mds-text-animation-speed"));const t=e.getPropertyValue("--mds-text-animation-placeholder-char");this.cssTextAnimationPlaceholderChar='" "'!==t&&"' '"!==t?t:" "}}componentWillRender(){var e;const{tag:t}=n[this.typography];this.tag=null!==(e=this.tag)&&void 0!==e?e:t}componentDidLoad(){"yugop"===this.animation&&this.updateCSSCustomProps()}textHandler(e){"none"!==this.animation&&(this.randomText&&this.randomText.stop(),e&&this.animateText(e))}render(){return s(i,{key:"a17218098b9bd86f05c2dd6940fababb6e4394f5"},s(this.tag,{key:"b0ca477f6dee2adf72652e9327dab5f715419080",class:"text"},this.text?this.text:s("slot",null)))}get host(){return this}static get watchers(){return{text:[{textHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";--tw-font-weight:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-text-line-clamp{syntax:"<integer>";inherits:false;initial-value:3}@property --mds-text-animation-speed{syntax:"<number>";inherits:false;initial-value:.5}@property --mds-text-animation-placeholder-char{syntax:"<string>";inherits:false;initial-value:" "}:host{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";display:flex;min-width:0}.text::selection{background-color:var(--mds-text-selection-background,rgb(var(--label-sky-09,6 76 107)));color:var(--mds-text-selection-color,rgb(var(--label-sky-01,236 248 254)))}.text{cursor:inherit;display:inherit}:host([typography=snippet]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=hack]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h1,3rem);font-weight:var(--tw-font-weight,var(--text-size-title-h1--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h1--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h1--line-height,3rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h2]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h2,2.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h2--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h2--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h2--line-height,2.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h3]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h3,1.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-h3--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h3--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h3--line-height,2.25rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h4]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h4,1.5rem);font-weight:var(--tw-font-weight,var(--text-size-title-h4--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h4--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h4--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h5]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h5,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h5--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h5--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h5--line-height,1.75rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h6]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h6,1rem);font-weight:var(--tw-font-weight,var(--text-size-title-h6--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-title-h6--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h6--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]),:host([typography=h2]),:host([typography=h3]),:host([typography=h4]),:host([typography=h5]),:host([typography=h6]){text-wrap:balance}:host([typography=action]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-action,.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-action--font-weight,500));line-height:var(--tw-leading,var(--text-size-title-action--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-info-paragraph--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-info-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]),:host([typography=detail]),:host([typography=paragraph]){text-wrap:pretty}:host([typography=label]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=tip]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-tip,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-tip--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-tip--line-height,1rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=option]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-option,.625rem);font-weight:var(--tw-font-weight,var(--text-size-info-option--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-info-option--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-info-option--line-height,.625rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-read-paragraph--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-read-detail--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-read-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-read-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=article]),:host([tag=blockquote]),:host([tag=dd]),:host([tag=details]),:host([tag=div]),:host([tag=dl]),:host([tag=dt]),:host([tag=figcaption]),:host([tag=h1]),:host([tag=h2]),:host([tag=h3]),:host([tag=h4]),:host([tag=h5]),:host([tag=h6]),:host([tag=label]),:host([tag=legend]),:host([tag=li]),:host([tag=ol]),:host([tag=p]),:host([tag=pre]),:host([tag=summary]),:host([tag=ul]){display:block}:host([tag=abbr]),:host([tag=address]),:host([tag=b]),:host([tag=bdo]),:host([tag=cite]),:host([tag=code]),:host([tag=del]),:host([tag=dfn]),:host([tag=em]),:host([tag=i]),:host([tag=ins]),:host([tag=kbd]),:host([tag=mark]),:host([tag=q]),:host([tag=rb]),:host([tag=rt]),:host([tag=ruby]),:host([tag=s]),:host([tag=samp]),:host([tag=small]),:host([tag=span]),:host([tag=strong]),:host([tag=sub]),:host([tag=sup]),:host([tag=time]),:host([tag=u]),:host([tag=var]){display:inline}:host([tag=code]){padding-block:calc(var(--spacing,.0025rem)25);padding-inline:calc(var(--spacing,.0025rem)100);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:.25rem;-webkit-box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;color:rgb(var(--tone-neutral-03,233 233 233));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=word]) .text{white-space:nowrap}@supports (line-clamp:1){:host([truncate=all]) .text{line-clamp:var(--mds-text-line-clamp,1)}}@supports (display:-webkit-box){:host([truncate=all]) .text{-webkit-line-clamp:var(--mds-text-line-clamp,1);-webkit-box-orient:vertical;display:-webkit-box}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-ease{syntax:"";inherits:false}'}},[257,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},void 0,{text:[{textHandler:0}]}]);function c(){"undefined"!=typeof customElements&&["mds-text"].forEach((e=>{"mds-text"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),d))}))}export{d as M,c as d}
1	+ import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";const n={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}},r=2147483647,a=e=>16807e%r,l=e=>a(e)/r,m=((e=1)=>{let t=e<1?1:e;const s=()=>(t=a(t),t);return{random:()=>s(),randomFloat:()=>l(s()),range:(e,t)=>{const i=e-.4999;return Math.round(i+(t+.4999-i)l(s()))},rangeFloat:(e,t)=>e+(t-e)l(s())}})(),h=()=>{};class p{constructor(e){this.start=()=>{const{frameOffset:e,charOffset:t,str:s,speed:i}=this,o=(n=e,r=t,e=>(e=>e.split("").map((e=>e.charCodeAt(0))))(e).map(((e,t)=>()=>(e+m.range(0,t))(2(Math.round(Math.random())-.5)))(n,r)))(s);var n,r;this.stop(),this.rafId=requestAnimationFrame((()=>{this.step(o,i,i)}))},Object.assign(this,Object.assign(Object.assign({},p.defaults),e))}stop(){cancelAnimationFrame(this.rafId)}step(e,t,s){const{str:i,charStep:o,minCharCode:n,maxCharCode:r,placeholderChar:a,onProgress:l,onComplete:m}=this,h=e.slice(0,t).map((e=>e>0?e-1:e<0?e+1:0)),p=(({str:e,minCharCode:t,maxCharCode:s,placeholderChar:i,charStep:o})=>n=>n.reduce(((n,r,a)=>{return 0!==r?Math.abs(r)>o?n+i:n+String.fromCharCode((l=t,m=s,e=>e>m?l+(e-m):e<l?m+(e-l):e)(e.charCodeAt(a)+r)):n+e.charAt(a);var l,m}),""))({str:i,minCharCode:n,maxCharCode:r,placeholderChar:a,charStep:o})(h),c=[...h,...e.slice(t)];l(p),p!==i?this.rafId=requestAnimationFrame((()=>{this.step(c,t+s,s)})):m(p)}}p.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:h,onComplete:h};const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.cssTextAnimationSpeed=2,this.cssTextAnimationPlaceholderChar=" ",this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15},this.animation="none",this.typography="detail",this.animateText=e=>{var t;const s=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelector(".text");this.randomTextOptions.speed=this.cssTextAnimationSpeed,this.randomTextOptions.placeholderChar=this.cssTextAnimationPlaceholderChar,this.randomText=new p(Object.assign({str:e,onProgress:e=>{s.innerHTML=e}},this.randomTextOptions)),this.randomText.start()},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const e=window.getComputedStyle(this.host);this.cssTextAnimationSpeed=Number(e.getPropertyValue("--mds-text-animation-speed"));const t=e.getPropertyValue("--mds-text-animation-placeholder-char");this.cssTextAnimationPlaceholderChar='" "'!==t&&"' '"!==t?t:" "}}componentWillRender(){var e;const{tag:t}=n[this.typography];this.tag=null!==(e=this.tag)&&void 0!==e?e:t}componentDidLoad(){"yugop"===this.animation&&this.updateCSSCustomProps()}textHandler(e){"none"!==this.animation&&(null!=this.randomText&&this.randomText.stop(),void 0!==e&&""!==e&&this.animateText(e))}render(){return s(i,{key:"b6ca00bf5570b74f3d21ef1fac4066cae4c6e555"},s(this.tag,{key:"c7fb89120d1fba7a558e6ee13a4c627e2e024a34",class:"text"},void 0===this.text\|\|""===this.text?s("slot",null):this.text))}get host(){return this}static get watchers(){return{text:[{textHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";--tw-font-weight:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-text-line-clamp{syntax:"<integer>";inherits:false;initial-value:3}@property --mds-text-animation-speed{syntax:"<number>";inherits:false;initial-value:.5}@property --mds-text-animation-placeholder-char{syntax:"<string>";inherits:false;initial-value:" "}:host{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";display:flex;min-width:0}.text::selection{background-color:var(--mds-text-selection-background,rgb(var(--label-sky-09,6 76 107)));color:var(--mds-text-selection-color,rgb(var(--label-sky-01,236 248 254)))}.text{cursor:inherit;display:inherit}:host([typography=snippet]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=hack]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h1,3rem);font-weight:var(--tw-font-weight,var(--text-size-title-h1--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h1--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h1--line-height,3rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h2]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h2,2.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h2--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h2--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h2--line-height,2.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h3]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h3,1.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-h3--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h3--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h3--line-height,2.25rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h4]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h4,1.5rem);font-weight:var(--tw-font-weight,var(--text-size-title-h4--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h4--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h4--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h5]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h5,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h5--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h5--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h5--line-height,1.75rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h6]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h6,1rem);font-weight:var(--tw-font-weight,var(--text-size-title-h6--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-title-h6--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h6--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]),:host([typography=h2]),:host([typography=h3]),:host([typography=h4]),:host([typography=h5]),:host([typography=h6]){text-wrap:balance}:host([typography=action]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-action,.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-action--font-weight,500));line-height:var(--tw-leading,var(--text-size-title-action--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-info-paragraph--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-info-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]),:host([typography=detail]),:host([typography=paragraph]){text-wrap:pretty}:host([typography=label]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=tip]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-tip,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-tip--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-tip--line-height,1rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=option]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-option,.625rem);font-weight:var(--tw-font-weight,var(--text-size-info-option--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-info-option--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-info-option--line-height,.625rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-read-paragraph--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-read-detail--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-read-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-read-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=article]),:host([tag=blockquote]),:host([tag=dd]),:host([tag=details]),:host([tag=div]),:host([tag=dl]),:host([tag=dt]),:host([tag=figcaption]),:host([tag=h1]),:host([tag=h2]),:host([tag=h3]),:host([tag=h4]),:host([tag=h5]),:host([tag=h6]),:host([tag=label]),:host([tag=legend]),:host([tag=li]),:host([tag=ol]),:host([tag=p]),:host([tag=pre]),:host([tag=summary]),:host([tag=ul]){display:block}:host([tag=abbr]),:host([tag=address]),:host([tag=b]),:host([tag=bdo]),:host([tag=cite]),:host([tag=code]),:host([tag=del]),:host([tag=dfn]),:host([tag=em]),:host([tag=i]),:host([tag=ins]),:host([tag=kbd]),:host([tag=mark]),:host([tag=q]),:host([tag=rb]),:host([tag=rt]),:host([tag=ruby]),:host([tag=s]),:host([tag=samp]),:host([tag=small]),:host([tag=span]),:host([tag=strong]),:host([tag=sub]),:host([tag=sup]),:host([tag=time]),:host([tag=u]),:host([tag=var]){display:inline}:host([tag=code]){padding-block:calc(var(--spacing,.0025rem)25);padding-inline:calc(var(--spacing,.0025rem)100);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:.25rem;-webkit-box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;color:rgb(var(--tone-neutral-03,233 233 233));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=word]) .text{white-space:nowrap}@supports (line-clamp:1){:host([truncate=all]) .text{line-clamp:var(--mds-text-line-clamp,1)}}@supports (display:-webkit-box){:host([truncate=all]) .text{-webkit-line-clamp:var(--mds-text-line-clamp,1);-webkit-box-orient:vertical;display:-webkit-box}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-ease{syntax:"";inherits:false}'}},[257,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},void 0,{text:[{textHandler:0}]}]);function d(){"undefined"!=typeof customElements&&["mds-text"].forEach((e=>{"mds-text"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),c))}))}export{c as M,d}

package/dist/components/mds-toast.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as o,createEvent as a,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";import{c as n}from"./unit.js";import{c as e}from"./clsx.js";import{d}from"./mds-text2.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closedEvent=a(this,"mdsToastClose",7),this.cssDismissAnimationDuration=300,this.duration=5e3,this.variant="light",this.tone="strong",this.position="bottom-center",this.reloadTimeListeners=t=>{"undefined"!=typeof window&&this.duration&&t&&(this.removeTimeListener(),this.addTimeListener())},this.removeTimeListener=()=>{window.clearInterval(this.timer),this.timer=0},this.addTimeListener=()=>{this.timer=window.setInterval((()=>{this.visible=!1,this.timerToastDismiss=window.setInterval((()=>{this.closedEvent.emit(),window.clearInterval(this.timerToastDismiss),this.timerToastDismiss=0}),this.cssDismissAnimationDuration)}),this.duration)}}updateCSSCustomProps(){if("undefined"==typeof window)return;const t=window.getComputedStyle(this.hostElement);this.cssDismissAnimationDuration=n(t.getPropertyValue("--mds-tab-duration"))}componentWillLoad(){this.hasText=""!==this.hostElement.innerHTML,this.actions=null!==this.hostElement.querySelector(':scope > [slot="action"]'),this.duration&&this.visible&&this.addTimeListener()}componentDidLoad(){this.updateCSSCustomProps()}visibleChanged(t){this.reloadTimeListeners(t)}durationChanged(){this.reloadTimeListeners(!!this.visible)}render(){return s(r,{key:"07bd21eb409fba3bd390a18915b71142ab101f05"},s("div",{key:"2d24435a16e9e0fc22104f7cc55c3a410a5031af",class:e("dialog",this.position&&"to-"+this.position,this.visible&&"dialog--visible")},s("slot",{key:"113929b405b215eabbdfc79171555fd58ddce51f",name:"icon"}),this.hasText&&s("mds-text",{key:"c3b763b5a0ea335cbf3451332140bcc12a58c9a8",typography:"caption"},s("slot",{key:"d86fe90e7aa7f945cf00addc6c7b82dcd32c438c"})),this.actions&&s("div",{key:"42212943d1d4e563e459fdd9868ae116fe39fdb3",class:"actions"},s("slot",{key:"cf302f49b30627afb5d1c6b1278393292de718ba",name:"action"}))))}get hostElement(){return this}static get watchers(){return{visible:[{visibleChanged:0}],duration:[{durationChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-duration:.3s;--mds-toast-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-width:auto;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-toast-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-toast-width{syntax:"<length>\|auto";inherits:false;initial-value:auto}:host{--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-duration:.3s;--mds-toast-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a);--mds-toast-width:auto;color:var(--mds-toast-color,rgb(var(--tone-neutral,0 0 0)));display:flex;left:calc(var(--spacing,.0025rem)0);pointer-events:none;position:fixed;right:calc(var(--spacing,.0025rem)0)}.dialog{border-radius:var(--radius-xl,20px);gap:calc(var(--spacing,.0025rem)400);margin-inline:calc(var(--spacing,.0025rem)400);max-width:100%;padding:calc(var(--spacing,.0025rem)400);--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));align-items:center;background-color:var(--mds-toast-background,rgb(var(--tone-neutral-02,244 244 244)));-webkit-box-shadow:var(--mds-toast-shadow);box-shadow:var(--mds-toast-shadow);display:inline-flex;pointer-events:none;-webkit-transition-duration:var(--mds-toast-duration,.3s);transition-duration:var(--mds-toast-duration,.3s);transition-property:box-shadow,background-color,color,transform;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));width:var(--mds-toast-width,auto)}:host([visible]:not([visible=false])) .dialog{pointer-events:auto}:host([position^=top]){top:calc(var(--spacing,.0025rem)0)}:host([position=top-left]){justify-content:flex-start}:host([position=top-center]){justify-content:center}:host([position=top-right]){justify-content:flex-end}:host([position^=bottom]){bottom:calc(var(--spacing,.0025rem)0)}:host([position=bottom-left]){justify-content:flex-start}:host([position=bottom-center]){justify-content:center}:host([position=bottom-right]){justify-content:flex-end}.actions{display:flex;gap:calc(var(--spacing,.0025rem)200)}::slotted([slot=icon]){--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));fill:var(--mds-toast-icon-color,rgb(var(--tone-neutral,0 0 0)));flex-shrink:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host([variant=dark]),:host([variant=dark][tone=strong]){--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral-09,76 76 76));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark][tone=weak]){--mds-toast-background:rgb(var(--tone-neutral-03,233 233 233));--mds-toast-color:rgb(var(--tone-neutral-10,60 60 60));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=error]),:host([variant=error][tone=strong]){--mds-toast-background:rgb(var(--status-error-09,135 0 14));--mds-toast-color:rgb(var(--status-error-02,255 234 231));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=error][tone=weak]){--mds-toast-background:rgb(var(--status-error-10,115 0 0));--mds-toast-color:rgb(var(--status-error-03,255 217 214));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-error-06,239 108 105))}:host([variant=info]),:host([variant=info][tone=strong]){--mds-toast-background:rgb(var(--status-info-09,0 73 116));--mds-toast-color:rgb(var(--status-info-02,222 242 250));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-info-05,112 198 234))}:host([variant=info][tone=weak]){--mds-toast-background:rgb(var(--status-info-10,0 61 103));--mds-toast-color:rgb(var(--status-info-03,198 231 247));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-info-06,0 161 208))}:host([variant=light]),:host([variant=light][tone=strong]){--mds-toast-background:rgb(var(--tone-neutral,0 0 0));--mds-toast-color:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light][tone=weak]){--mds-toast-background:rgb(var(--tone-neutral,0 0 0));--mds-toast-color:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--tone-neutral-04,218 218 218))}:host([variant=success]),:host([variant=success][tone=strong]){--mds-toast-background:rgb(var(--status-success-09,0 82 9));--mds-toast-color:rgb(var(--status-success-02,222 244 228));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=success][tone=weak]){--mds-toast-background:rgb(var(--status-success-10,0 69 0));--mds-toast-color:rgb(var(--status-success-03,196 235 209));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-success-06,0 171 97))}:host([variant=warning]),:host([variant=warning][tone=strong]){--mds-toast-background:rgb(var(--status-warning-09,90 67 0));--mds-toast-color:rgb(var(--status-warning-02,255 237 185));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=warning][tone=weak]){--mds-toast-background:rgb(var(--status-warning-10,77 57 0));--mds-toast-color:rgb(var(--status-warning-03,255 223 129));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-warning-06,190 142 0))}.to-top-center,.to-top-left,.to-top-right{transform:translateY(calc(-1 calc(var(--spacing,.0025rem) * full) - calc(var(--spacing,.0025rem) * 400)));--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));transition-duration:var(--mds-toast-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}.to-top-center.dialog--visible,.to-top-left.dialog--visible,.to-top-right.dialog--visible{transform:translateY(calc(var(--spacing,.0025rem)400));--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-duration:var(--duration-500);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.to-bottom-center,.to-bottom-left,.to-bottom-right{transform:translateY(calc(calc(var(--spacing,.0025rem) full) + calc(var(--spacing,.0025rem) * 200)));--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));transition-duration:var(--mds-toast-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}.to-bottom-center.dialog--visible,.to-bottom-left.dialog--visible,.to-bottom-right.dialog--visible{transform:translateY(calc(var(--spacing,.0025rem)400-1));--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-duration:var(--duration-500);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s!important}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-toast-shadow:var(--shadow-outline)!important}:host-context(:root.pref-contrast-more){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s!important}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-toast-shadow:var(--shadow-outline)!important}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}}'}},[257,"mds-toast",{duration:[1538],visible:[1540],variant:[513],tone:[513],position:[1537]},void 0,{visible:[{visibleChanged:0}],duration:[{durationChanged:0}]}]),l=c,p=function(){"undefined"!=typeof customElements&&["mds-toast","mds-text"].forEach((t=>{switch(t){case"mds-toast":customElements.get(i(t))\|\|customElements.define(i(t),c);break;case"mds-text":customElements.get(i(t))\|\|d()}}))};export{l as MdsToast,p as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as o,createEvent as a,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";import{c as n}from"./unit.js";import{c as e}from"./clsx.js";import{d}from"./mds-text2.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closedEvent=a(this,"mdsToastClose",7),this.cssDismissAnimationDuration=300,this.duration=5e3,this.variant="light",this.tone="strong",this.position="bottom-center",this.reloadTimeListeners=t=>{"undefined"!=typeof window&&(void 0===this.duration\|\|0===this.duration\|\|Number.isNaN(this.duration)\|\|t&&(this.removeTimeListener(),this.addTimeListener()))},this.removeTimeListener=()=>{window.clearInterval(this.timer),this.timer=0},this.addTimeListener=()=>{this.timer=window.setInterval((()=>{this.visible=!1,this.timerToastDismiss=window.setInterval((()=>{this.closedEvent.emit(),window.clearInterval(this.timerToastDismiss),this.timerToastDismiss=0}),this.cssDismissAnimationDuration)}),this.duration)}}updateCSSCustomProps(){if("undefined"==typeof window)return;const t=window.getComputedStyle(this.hostElement);this.cssDismissAnimationDuration=n(t.getPropertyValue("--mds-tab-duration"))}componentWillLoad(){this.hasText=""!==this.hostElement.innerHTML,this.actions=null!==this.hostElement.querySelector(':scope > [slot="action"]'),void 0===this.duration\|\|0===this.duration\|\|Number.isNaN(this.duration)\|\|this.visible&&this.addTimeListener()}componentDidLoad(){this.updateCSSCustomProps()}visibleChanged(t){this.reloadTimeListeners(t)}durationChanged(){this.reloadTimeListeners(!!this.visible)}render(){return s(r,{key:"f862380888df39c981d61fb122c4812c63c5509f"},s("div",{key:"8e06caaed76364c1c62cea33f1a05b617dd0b0a4",class:e("dialog",this.position&&"to-"+this.position,this.visible&&"dialog--visible")},s("slot",{key:"2fb9869a252c87b601209a03928add41fccbc976",name:"icon"}),this.hasText&&s("mds-text",{key:"04c0b0e46ae6b486f68b2c8e0c3e6aed59fd7804",typography:"caption"},s("slot",{key:"cc1911a261d3040f6dd69b1980d24432f895f7d8"})),this.actions&&s("div",{key:"d4c1cebeecbbdfcf68fe41d2a9497c97c4354cc0",class:"actions"},s("slot",{key:"db67e0a9556c15885a5857c74286f18a361baa4e",name:"action"}))))}get hostElement(){return this}static get watchers(){return{visible:[{visibleChanged:0}],duration:[{durationChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-duration:.3s;--mds-toast-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-width:auto;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-toast-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-toast-width{syntax:"<length>\|auto";inherits:false;initial-value:auto}:host{--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-duration:.3s;--mds-toast-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-toast-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a);--mds-toast-width:auto;color:var(--mds-toast-color,rgb(var(--tone-neutral,0 0 0)));display:flex;left:calc(var(--spacing,.0025rem)0);pointer-events:none;position:fixed;right:calc(var(--spacing,.0025rem)0)}.dialog{border-radius:var(--radius-xl,20px);gap:calc(var(--spacing,.0025rem)400);margin-inline:calc(var(--spacing,.0025rem)400);max-width:100%;padding:calc(var(--spacing,.0025rem)400);--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));align-items:center;background-color:var(--mds-toast-background,rgb(var(--tone-neutral-02,244 244 244)));-webkit-box-shadow:var(--mds-toast-shadow);box-shadow:var(--mds-toast-shadow);display:inline-flex;pointer-events:none;-webkit-transition-duration:var(--mds-toast-duration,.3s);transition-duration:var(--mds-toast-duration,.3s);transition-property:box-shadow,background-color,color,transform;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));width:var(--mds-toast-width,auto)}:host([visible]:not([visible=false])) .dialog{pointer-events:auto}:host([position^=top]){top:calc(var(--spacing,.0025rem)0)}:host([position=top-left]){justify-content:flex-start}:host([position=top-center]){justify-content:center}:host([position=top-right]){justify-content:flex-end}:host([position^=bottom]){bottom:calc(var(--spacing,.0025rem)0)}:host([position=bottom-left]){justify-content:flex-start}:host([position=bottom-center]){justify-content:center}:host([position=bottom-right]){justify-content:flex-end}.actions{display:flex;gap:calc(var(--spacing,.0025rem)200)}::slotted([slot=icon]){--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));fill:var(--mds-toast-icon-color,rgb(var(--tone-neutral,0 0 0)));flex-shrink:0;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host([variant=dark]),:host([variant=dark][tone=strong]){--mds-toast-background:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-color:rgb(var(--tone-neutral-09,76 76 76));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--tone-neutral-09,76 76 76))}:host([variant=dark][tone=weak]){--mds-toast-background:rgb(var(--tone-neutral-03,233 233 233));--mds-toast-color:rgb(var(--tone-neutral-10,60 60 60));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=error]),:host([variant=error][tone=strong]){--mds-toast-background:rgb(var(--status-error-09,135 0 14));--mds-toast-color:rgb(var(--status-error-02,255 234 231));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-error-05,250 165 160))}:host([variant=error][tone=weak]){--mds-toast-background:rgb(var(--status-error-10,115 0 0));--mds-toast-color:rgb(var(--status-error-03,255 217 214));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-error-06,239 108 105))}:host([variant=info]),:host([variant=info][tone=strong]){--mds-toast-background:rgb(var(--status-info-09,0 73 116));--mds-toast-color:rgb(var(--status-info-02,222 242 250));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-info-05,112 198 234))}:host([variant=info][tone=weak]){--mds-toast-background:rgb(var(--status-info-10,0 61 103));--mds-toast-color:rgb(var(--status-info-03,198 231 247));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-info-06,0 161 208))}:host([variant=light]),:host([variant=light][tone=strong]){--mds-toast-background:rgb(var(--tone-neutral,0 0 0));--mds-toast-color:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light][tone=weak]){--mds-toast-background:rgb(var(--tone-neutral,0 0 0));--mds-toast-color:rgb(var(--tone-neutral-02,244 244 244));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--tone-neutral-04,218 218 218))}:host([variant=success]),:host([variant=success][tone=strong]){--mds-toast-background:rgb(var(--status-success-09,0 82 9));--mds-toast-color:rgb(var(--status-success-02,222 244 228));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-success-05,107 206 147))}:host([variant=success][tone=weak]){--mds-toast-background:rgb(var(--status-success-10,0 69 0));--mds-toast-color:rgb(var(--status-success-03,196 235 209));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-success-06,0 171 97))}:host([variant=warning]),:host([variant=warning][tone=strong]){--mds-toast-background:rgb(var(--status-warning-09,90 67 0));--mds-toast-color:rgb(var(--status-warning-02,255 237 185));--mds-toast-shadow:var(--shadow-lg-sharp,0 0 1px 1px #0000000f,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);--mds-toast-icon-color:rgb(var(--status-warning-05,237 177 0))}:host([variant=warning][tone=weak]){--mds-toast-background:rgb(var(--status-warning-10,77 57 0));--mds-toast-color:rgb(var(--status-warning-03,255 223 129));--mds-toast-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-toast-icon-color:rgb(var(--status-warning-06,190 142 0))}.to-top-center,.to-top-left,.to-top-right{transform:translateY(calc(-1 calc(var(--spacing,.0025rem) * full) - calc(var(--spacing,.0025rem) * 400)));--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));transition-duration:var(--mds-toast-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}.to-top-center.dialog--visible,.to-top-left.dialog--visible,.to-top-right.dialog--visible{transform:translateY(calc(var(--spacing,.0025rem)400));--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-duration:var(--duration-500);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.to-bottom-center,.to-bottom-left,.to-bottom-right{transform:translateY(calc(calc(var(--spacing,.0025rem) full) + calc(var(--spacing,.0025rem) * 200)));--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));transition-duration:var(--mds-toast-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}.to-bottom-center.dialog--visible,.to-bottom-left.dialog--visible,.to-bottom-right.dialog--visible{transform:translateY(calc(var(--spacing,.0025rem)400-1));--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-duration:var(--duration-500);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s!important}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-toast-shadow:var(--shadow-outline)!important}:host-context(:root.pref-contrast-more){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s!important}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-toast-shadow:var(--shadow-outline)!important}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}}'}},[257,"mds-toast",{duration:[1538],visible:[1540],variant:[513],tone:[513],position:[1537]},void 0,{visible:[{visibleChanged:0}],duration:[{durationChanged:0}]}]),l=c,p=function(){"undefined"!=typeof customElements&&["mds-toast","mds-text"].forEach((t=>{switch(t){case"mds-toast":customElements.get(i(t))\|\|customElements.define(i(t),c);break;case"mds-text":customElements.get(i(t))\|\|d()}}))};export{l as MdsToast,p as defineCustomElement}

package/dist/components/mds-tooltip2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as o,Host as a,transformTag as s}from"@stencil/core/internal/client";import{F as r}from"./floating-controller.js";import{d as i}from"./mds-text2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.arrow=!0,this.arrowPadding=4,this.autoPlacement=!0,this.flip=!1,this.offset=12,this.placement="top",this.typography="tip",this.shift=!0,this.shiftPadding=12,this.strategy="fixed",this.visible=!1,this.handleVisibility=t=>{this.visible=t}}arrowChanged(){this.floatingController.updatePosition()}autoPlacementChanged(){this.floatingController.updatePosition()}flipChanged(){this.floatingController.updatePosition()}offsetChanged(){this.floatingController.updatePosition()}placementChanged(){this.floatingController.updatePosition()}shiftChanged(){this.floatingController.updatePosition()}shiftPaddingChanged(){this.floatingController.updatePosition()}strategyChanged(){this.floatingController.updatePosition()}visibleChanged(t){this.floatingController.updatePosition(),t?this.floatingController.updatePosition():this.floatingController.dismiss()}targetChanged(){var t;this.target&&(this.caller=null===(t=this.floatingController)\|\|void 0===t?void 0:t.updateCaller(this.target),this.caller.addEventListener("mouseleave",this.handleVisibility.bind(this,!1)),this.caller.addEventListener("mouseenter",this.handleVisibility.bind(this,!0)))}componentDidLoad(){var t;const e=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelector(".arrow");this.floatingController=new r(this.host,e),this.targetChanged()}disconnectedCallback(){this.floatingController.dismiss()}render(){return o(a,{key:"d59dca4e9f7d244b236258da080e4692aa9b1aaf"},o("div",{key:"645586e89d4431aa550e4029c1c4a0cd12482616",class:"arrow",innerHTML:'<svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg">\n <path d="M5.9 1.13333C6.7 0.0666664 8.3 0.0666666 9.1 1.13333L15 9H0L5.9 1.13333Z"/>\n</svg>\n'}),o("mds-text",{key:"04afba74c1539e2065b366699d3ba0cd60cd2442",class:"text",typography:this.typography,part:"text"},o("slot",{key:"14fdf2a3e7eb1758920b48e2a9bc3ecba7727617"})))}get host(){return this}static get watchers(){return{arrow:[{arrowChanged:0}],autoPlacement:[{autoPlacementChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],shift:[{shiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],visible:[{visibleChanged:0}],target:[{targetChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-tooltip-arrow-background:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));--mds-tooltip-background:rgb(var(--tone-neutral,0 0 0));--mds-tooltip-delay:1s;--mds-tooltip-duration:.5s;--mds-tooltip-dot-padding:calc(var(--spacing,.0025rem)100);--mds-tooltip-transform-from:scale(.9) translateY(-3%);--mds-tooltip-transform-to:scale(1) translate(0,0);--mds-tooltip-z-index:var(--magma-tooltip-z-index,4000);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tooltip-delay{syntax:"<time>";inherits:false;initial-value:1s}@property --mds-tooltip-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-tooltip-transform-from{syntax:"<transform-function>";inherits:false;initial-value:scale(.9)}@property --mds-tooltip-transform-to{syntax:"<transform-list>";inherits:false;initial-value:scale(1)translate(0)}:host{--mds-tooltip-arrow-background:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));--mds-tooltip-background:rgb(var(--tone-neutral,0 0 0));--mds-tooltip-delay:1s;--mds-tooltip-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a) drop-shadow(0 0 1px #0000001a);--mds-tooltip-duration:.5s;--mds-tooltip-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tooltip-dot-padding:calc(var(--spacing,.0025rem)100);--mds-tooltip-transform-from:scale(.9) translateY(calc(var(--spacing,.0025rem)400-1));--mds-tooltip-transform-to:scale(1) translate(0,0);--mds-tooltip-z-index:var(--magma-tooltip-z-index,4000);background-color:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));border-radius:.25rem;box-sizing:border-box;display:grid;filter:var(--mds-tooltip-drop-shadow);gap:calc(var(--spacing,.0025rem)400);max-width:calc(var(--spacing,.0025rem)6400);opacity:0;padding-block:calc(var(--spacing,.0025rem)100);padding-inline:calc(var(--spacing,.0025rem)200);pointer-events:none;position:fixed;-webkit-transform:var(--mds-tooltip-transform-from,scale(.9) translateY(-3%));transform:var(--mds-tooltip-transform-from,scale(.9) translateY(-3%));transition-delay:0s;-webkit-transition-duration:var(--mds-tooltip-duration,.5s);transition-duration:var(--mds-tooltip-duration,.5s);transition-property:opacity,transform,transform-origin;-webkit-transition-timing-function:var(--mds-tooltip-ease);transition-timing-function:var(--mds-tooltip-ease);width:fit-content;z-index:var(--mds-tooltip-z-index,var(--magma-tooltip-z-index,4000))}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}:host([visible]:not([visible=false])){opacity:1;pointer-events:auto;-webkit-transform:var(--mds-tooltip-transform-to,scale(1) translate(0,0));transform:var(--mds-tooltip-transform-to,scale(1) translate(0,0));-webkit-transition-delay:var(--mds-tooltip-delay,1s);transition-delay:var(--mds-tooltip-delay,1s)}.text{display:inline-flex;padding:var(--mds-tooltip-dot-padding,calc(var(--spacing,.0025rem)100))}.arrow{--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;fill:var(--mds-tooltip-arrow-background,var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:-9px;transition-duration:.3s;transition-property:fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));z-index:-1}::slotted(){position:relative;z-index:10}:host-context(:root.pref-animation-reduce){--mds-tooltip-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tooltip-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tooltip-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more){--mds-tooltip-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}@property --tw-duration{syntax:"";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-tooltip-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tooltip-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tooltip-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tooltip-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}'}},[257,"mds-tooltip",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[516,"auto-placement"],flip:[4],target:[513],offset:[2],placement:[513],typography:[1],shift:[4],shiftPadding:[2,"shift-padding"],strategy:[513],visible:[1540]},void 0,{arrow:[{arrowChanged:0}],autoPlacement:[{autoPlacementChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],shift:[{shiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],visible:[{visibleChanged:0}],target:[{targetChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["mds-tooltip","mds-text"].forEach((t=>{switch(t){case"mds-tooltip":customElements.get(s(t))\|\|customElements.define(s(t),n);break;case"mds-text":customElements.get(s(t))\|\|i()}}))}export{n as M,d}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as o,Host as a,transformTag as s}from"@stencil/core/internal/client";import{F as r}from"./floating-controller.js";import{d as i}from"./mds-text2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.arrow=!0,this.arrowPadding=4,this.autoPlacement=!0,this.flip=!1,this.offset=12,this.placement="top",this.typography="tip",this.shift=!0,this.shiftPadding=12,this.strategy="fixed",this.visible=!1,this.handleVisibility=t=>{this.visible=t}}arrowChanged(){this.floatingController.updatePosition()}autoPlacementChanged(){this.floatingController.updatePosition()}flipChanged(){this.floatingController.updatePosition()}offsetChanged(){this.floatingController.updatePosition()}placementChanged(){this.floatingController.updatePosition()}shiftChanged(){this.floatingController.updatePosition()}shiftPaddingChanged(){this.floatingController.updatePosition()}strategyChanged(){this.floatingController.updatePosition()}visibleChanged(t){this.floatingController.updatePosition(),t?this.floatingController.updatePosition():this.floatingController.dismiss()}targetChanged(){var t;""!==this.target&&(this.caller=null===(t=this.floatingController)\|\|void 0===t?void 0:t.updateCaller(this.target),this.caller.addEventListener("mouseleave",this.handleVisibility.bind(this,!1)),this.caller.addEventListener("mouseenter",this.handleVisibility.bind(this,!0)))}componentDidLoad(){var t;const e=null===(t=this.host.shadowRoot)\|\|void 0===t?void 0:t.querySelector(".arrow");this.floatingController=new r(this.host,e),this.targetChanged()}disconnectedCallback(){this.floatingController.dismiss()}render(){return o(a,{key:"3e87a5065fb0785a6c108b47b0508a20b2fcf3d0"},o("div",{key:"224497f15c7616211c3d7a5eede797bb31f1f022",class:"arrow",innerHTML:'<svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg">\n <path d="M5.9 1.13333C6.7 0.0666664 8.3 0.0666666 9.1 1.13333L15 9H0L5.9 1.13333Z"/>\n</svg>\n'}),o("mds-text",{key:"711e915a632bfcacb16dc1a598d6d817520de363",class:"text",typography:this.typography,part:"text"},o("slot",{key:"efad82b8107bf54e566a9c631b536219ba264462"})))}get host(){return this}static get watchers(){return{arrow:[{arrowChanged:0}],autoPlacement:[{autoPlacementChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],shift:[{shiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],visible:[{visibleChanged:0}],target:[{targetChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-tooltip-arrow-background:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));--mds-tooltip-background:rgb(var(--tone-neutral,0 0 0));--mds-tooltip-delay:1s;--mds-tooltip-duration:.5s;--mds-tooltip-dot-padding:calc(var(--spacing,.0025rem)100);--mds-tooltip-transform-from:scale(.9) translateY(-3%);--mds-tooltip-transform-to:scale(1) translate(0,0);--mds-tooltip-z-index:var(--magma-tooltip-z-index,4000);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tooltip-delay{syntax:"<time>";inherits:false;initial-value:1s}@property --mds-tooltip-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-tooltip-transform-from{syntax:"<transform-function>";inherits:false;initial-value:scale(.9)}@property --mds-tooltip-transform-to{syntax:"<transform-list>";inherits:false;initial-value:scale(1)translate(0)}:host{--mds-tooltip-arrow-background:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));--mds-tooltip-background:rgb(var(--tone-neutral,0 0 0));--mds-tooltip-delay:1s;--mds-tooltip-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a) drop-shadow(0 0 1px #0000001a);--mds-tooltip-duration:.5s;--mds-tooltip-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tooltip-dot-padding:calc(var(--spacing,.0025rem)100);--mds-tooltip-transform-from:scale(.9) translateY(calc(var(--spacing,.0025rem)400-1));--mds-tooltip-transform-to:scale(1) translate(0,0);--mds-tooltip-z-index:var(--magma-tooltip-z-index,4000);background-color:var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0)));border-radius:.25rem;box-sizing:border-box;display:grid;filter:var(--mds-tooltip-drop-shadow);gap:calc(var(--spacing,.0025rem)400);max-width:calc(var(--spacing,.0025rem)6400);opacity:0;padding-block:calc(var(--spacing,.0025rem)100);padding-inline:calc(var(--spacing,.0025rem)200);pointer-events:none;position:fixed;-webkit-transform:var(--mds-tooltip-transform-from,scale(.9) translateY(-3%));transform:var(--mds-tooltip-transform-from,scale(.9) translateY(-3%));transition-delay:0s;-webkit-transition-duration:var(--mds-tooltip-duration,.5s);transition-duration:var(--mds-tooltip-duration,.5s);transition-property:opacity,transform,transform-origin;-webkit-transition-timing-function:var(--mds-tooltip-ease);transition-timing-function:var(--mds-tooltip-ease);width:fit-content;z-index:var(--mds-tooltip-z-index,var(--magma-tooltip-z-index,4000))}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}:host([visible]:not([visible=false])){opacity:1;pointer-events:auto;-webkit-transform:var(--mds-tooltip-transform-to,scale(1) translate(0,0));transform:var(--mds-tooltip-transform-to,scale(1) translate(0,0));-webkit-transition-delay:var(--mds-tooltip-delay,1s);transition-delay:var(--mds-tooltip-delay,1s)}.text{display:inline-flex;padding:var(--mds-tooltip-dot-padding,calc(var(--spacing,.0025rem)100))}.arrow{--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;fill:var(--mds-tooltip-arrow-background,var(--mds-tooltip-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:-9px;transition-duration:.3s;transition-property:fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));z-index:-1}::slotted(){position:relative;z-index:10}:host-context(:root.pref-animation-reduce){--mds-tooltip-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tooltip-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tooltip-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more){--mds-tooltip-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}@property --tw-duration{syntax:"";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-tooltip-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tooltip-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tooltip-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tooltip-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}'}},[257,"mds-tooltip",{arrow:[4],arrowPadding:[2,"arrow-padding"],autoPlacement:[516,"auto-placement"],flip:[4],target:[513],offset:[2],placement:[513],typography:[1],shift:[4],shiftPadding:[2,"shift-padding"],strategy:[513],visible:[1540]},void 0,{arrow:[{arrowChanged:0}],autoPlacement:[{autoPlacementChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],shift:[{shiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],visible:[{visibleChanged:0}],target:[{targetChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["mds-tooltip","mds-text"].forEach((t=>{switch(t){case"mds-tooltip":customElements.get(s(t))\|\|customElements.define(s(t),n);break;case"mds-text":customElements.get(s(t))\|\|i()}}))}export{n as M,d}

package/dist/components/mds-tree-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as o,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";import{L as d}from"./locale.js";import{c as s}from"./unit.js";import{d as c}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as g}from"./mds-text2.js";var h={expand:"Ανάπτυξη {{ label }}",collapse:"Σύμπτυξη {{ label }}"},v={expand:"Expand {{ label }}",collapse:"Collapse {{ label }}"},b={expand:"Expandir {{ label }}",collapse:"Contraer {{ label }}"},u={expand:"Espandi {{ label }}",collapse:"Contrai {{ label }}"};const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandEvent=r(this,"mdsTreeItemExpand",7),this.collapsedEvent=r(this,"mdsTreeItemCollapse",7),this.hasActions=!1,this.hasChildren=!1,this.t=new d({el:h,en:v,es:b,it:u}),this.truncate="word",this.checkChildrenTransitionEnd=()=>{this.childrenElement.classList.contains("children--expanded")\|\|this.childrenElement.classList.add("children--hidden")},this.updateToggleIcon=()=>{this.currentToggleIcon="folder"!==this.toggle?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>':this.expanded?'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-open" viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>'},this.onClick=()=>{!this.async\|\|this.expanded?this.updateToggle():this.idle()},this.idle=()=>{this.await=!0,this.expandEvent.emit({element:this.host})},this.updateToggle=()=>{this.expanded=!this.expanded,this.updateToggleIcon()},this.updateCssCustomProperty=()=>{const e=window.getComputedStyle(this.host);this.cssToggleChildrenDuration=e.getPropertyValue("--mds-dropdown-backdrop-duration")}}async updateLang(){this.language=this.t.lang(this.host)}handleIconChange(){this.updateToggleIcon()}handleExpandedChange(e){e?this.childrenElement.classList.remove("children--hidden"):this.toggleChildrenTimer=setTimeout((()=>{clearTimeout(this.toggleChildrenTimer),this.collapsedEvent.emit({element:this.host})}),s(this.cssToggleChildrenDuration))}async expand(){this.expanded=!0,this.await=!1,this.updateToggleIcon()}componentWillLoad(){this.language=this.t.lang(this.host),this.updateToggleIcon(),this.hasActions=!!this.host.querySelector(':scope > [slot="action"]'),this.hasChildren=!!this.host.querySelector("mds-tree-item")}componentDidLoad(){var e;this.updateCssCustomProperty(),this.childrenElement=null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelector(".children"),this.childrenElement.addEventListener("transitionend",this.checkChildrenTransitionEnd)}disconnectedCallback(){this.childrenElement.removeEventListener("transitionend",this.checkChildrenTransitionEnd)}render(){return o(a,{key:"4d9742bb5056fe5ec887cf205e59be84af6f7479"},o("div",{key:"3b2849f13a57e4bb4ba5420717328454321ccc47",class:n("header",this.hasChildren&&"header--has-children")},o("div",{key:"73f952b5cf6651cbdcd8a751b6b3f39dd575be53",class:"tree-node"},o("div",{key:"67251d0dab30cf34ed3d45b28d7c86b3e994cc13",class:"tree-branch"}),o("div",{key:"c4b5caf369bf18603ef6a6ce6d23131c1852acbd",class:"tree-dot"})),o("div",{key:"2105697b07dde1e064b78f3f1cb594adffe03ea4",class:n("toggle-icon","toggle-icon--"+this.toggle)},o("mds-button",{key:"a0bae2969bbb2ed2bd7922c7896e33ee54546017",await:this.await,onClick:this.onClick.bind(this),icon:this.await?void 0:this.currentToggleIcon,title:this.t.get(this.expanded?"collapse":"expand",{label:this.label}),variant:"dark",tone:"text",size:"sm"})),o("div",{key:"af2ff287dc1a92a7f8b6bd88a608f9f43e63e074",class:"title"},o("mds-button",{key:"3af511793f88b4464bea2d5345f7ff21183c0cc0",class:n("label-action",this.await&&"label-action--await"),disabled:this.await,icon:this.icon,onClick:this.onClick.bind(this),variant:"dark",tone:"text",truncate:this.truncate},this.label),o("div",{key:"ee94c987325d1ee8f5f1eb93a563ebd1db83447b",class:n("actions-container",this.hasActions&&"actions-container--has-actions"),part:"actions-container"},o("div",{key:"f32d4e90f0dc0cd903790497e560263586ddf266",class:"actions",part:"actions-list"},o("slot",{key:"b10a1d5e85ad00ebd0fb1a4abcafd95b8a3d70e4",name:"action"}))))),o("div",{key:"403e6fa954e7f9d5683ed8106a127b47a39fa607",class:n("children",this.hasChildren&&"children--has-children",this.expanded&&"children--expanded")},o("slot",{key:"00011292864c1aeeba6bdf216659d03974bcf1e4"})))}get host(){return this}static get watchers(){return{toggle:[{handleIconChange:0}],expanded:[{handleExpandedChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-tree-item-actions-border-radius:var(--mds-tree-actions-border-radius,var(--radius-lg,16px));--mds-tree-item-actions-gap:var(--mds-tree-actions-gap,calc(var(--spacing,.0025rem)50));--mds-tree-item-branch-border-color:var(--mds-tree-branch-border-color,#000);--mds-tree-item-branch-border-radius:var(--mds-tree-branch-border-radius,var(--radius-lg,16px));--mds-tree-item-branch-border-size:var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50));--mds-tree-item-branch-dot-default-color:var(--mds-tree-branch-dot-default-color,#000);--mds-tree-item-branch-dot-expanded-color:var(--mds-tree-branch-dot-expanded-color,#000);--mds-tree-item-label-default-background:var(--mds-tree-label-default-background,transparent);--mds-tree-item-label-hover-background:var(--mds-tree-label-hover-background,transparent);--mds-tree-item-label-icon-default-color:var(--mds-tree-label-icon-default-color,#000);--mds-tree-item-label-icon-hover-color:var(--mds-tree-label-icon-hover-color,#000);--mds-tree-item-line-clamp:var(--mds-tree-line-clamp,1);--mds-tree-item-toggle-gap:var(--mds-tree-toggle-gap,calc(var(--spacing,.0025rem)150));--mds-tree-item-toggle-icon-async-background:var(--mds-tree-toggle-icon-async-background,#000);--mds-tree-item-toggle-icon-async-color:var(--mds-tree-toggle-icon-async-color,#000);--mds-tree-item-toggle-icon-chevron-default-background:var(--mds-tree-toggle-icon-chevron-default-background,#000);--mds-tree-item-toggle-icon-chevron-default-color:var(--mds-tree-toggle-icon-chevron-default-color,#000);--mds-tree-item-toggle-icon-chevron-expanded-background:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-toggle-icon-chevron-expanded-color:var(--mds-tree-item-toggle-icon-default-color);--mds-tree-item-toggle-icon-folder-default-background:var(--mds-tree-toggle-icon-folder-default-background,#000);--mds-tree-item-toggle-icon-folder-default-color:var(--mds-tree-toggle-icon-folder-default-color,#000);--mds-tree-item-toggle-icon-folder-expanded-background:var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000));--mds-tree-item-toggle-icon-folder-expanded-color:var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000));--mds-tree-item-toggle-icon-position-right-default-background:var(--mds-tree-toggle-icon-position-right-default-background,transparent);--mds-tree-item-toggle-icon-position-right-default-color:var(--mds-tree-toggle-icon-position-right-default-color,#000);--mds-tree-item-toggle-icon-position-right-expanded-background:var(--mds-tree-toggle-icon-position-right-expanded-background,transparent);--mds-tree-item-toggle-icon-position-right-expanded-color:var(--mds-tree-toggle-icon-position-right-expanded-color,#000);--mds-tree-item-toggle-size:var(--mds-tree-toggle-size);--mds-tree-item-transition-duration:var(--mds-tree-transition-duration,0s)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@container style(--mds-tree-branch-use-rounded-border:true){:host-context(:not(.safari)){--mds-tree-branch-border-radius:var(--radius-lg,16px)}}@container style(--mds-tree-branch-use-rounded-border:false){:host-context(:not(.safari)){--mds-tree-branch-border-radius:0px}}:host{--mds-tree-item-actions-border-radius:var(--mds-tree-actions-border-radius,var(--radius-lg,16px));--mds-tree-item-actions-gap:var(--mds-tree-actions-gap,calc(var(--spacing,.0025rem)50));--mds-tree-item-branch-border-color:var(--mds-tree-branch-border-color,#000);--mds-tree-item-branch-border-radius:var(--mds-tree-branch-border-radius,var(--radius-lg,16px));--mds-tree-item-branch-border-size:var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50));--mds-tree-item-branch-dot-default-color:var(--mds-tree-branch-dot-default-color,#000);--mds-tree-item-branch-dot-expanded-color:var(--mds-tree-branch-dot-expanded-color,#000);--mds-tree-item-label-default-background:var(--mds-tree-label-default-background,transparent);--mds-tree-item-label-hover-background:var(--mds-tree-label-hover-background,transparent);--mds-tree-item-label-icon-default-color:var(--mds-tree-label-icon-default-color,#000);--mds-tree-item-label-icon-hover-color:var(--mds-tree-label-icon-hover-color,#000);--mds-tree-item-line-clamp:var(--mds-tree-line-clamp,1);--mds-tree-item-toggle-gap:var(--mds-tree-toggle-gap,calc(var(--spacing,.0025rem)150));--mds-tree-item-toggle-icon-async-background:var(--mds-tree-toggle-icon-async-background,#000);--mds-tree-item-toggle-icon-async-color:var(--mds-tree-toggle-icon-async-color,#000);--mds-tree-item-toggle-icon-chevron-default-background:var(--mds-tree-toggle-icon-chevron-default-background,#000);--mds-tree-item-toggle-icon-chevron-default-color:var(--mds-tree-toggle-icon-chevron-default-color,#000);--mds-tree-item-toggle-icon-chevron-expanded-background:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-toggle-icon-chevron-expanded-color:var(--mds-tree-item-toggle-icon-chevron-default-color,var(--mds-tree-toggle-icon-chevron-default-color,#000));--mds-tree-item-toggle-icon-folder-default-background:var(--mds-tree-toggle-icon-folder-default-background,#000);--mds-tree-item-toggle-icon-folder-default-color:var(--mds-tree-toggle-icon-folder-default-color,#000);--mds-tree-item-toggle-icon-folder-expanded-background:var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000));--mds-tree-item-toggle-icon-folder-expanded-color:var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000));--mds-tree-item-toggle-icon-position-right-default-background:var(--mds-tree-toggle-icon-position-right-default-background,transparent);--mds-tree-item-toggle-icon-position-right-default-color:var(--mds-tree-toggle-icon-position-right-default-color,#000);--mds-tree-item-toggle-icon-position-right-expanded-background:var(--mds-tree-toggle-icon-position-right-expanded-background,transparent);--mds-tree-item-toggle-icon-position-right-expanded-color:var(--mds-tree-toggle-icon-position-right-expanded-color,#000);--mds-tree-item-toggle-size:var(--mds-tree-toggle-size);--mds-tree-item-transition-duration:var(--mds-tree-transition-duration,0s);--mds-tree-item-transition-timing-function:var(--mds-tree-transition-timing-function);--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-default-color,var(--mds-tree-toggle-icon-chevron-default-color,#000));--header-gap:calc(var(--spacing,.0025rem)100);display:grid;-webkit-transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));-webkit-transition-timing-function:var(--mds-tree-item-transition-timing-function);transition-timing-function:var(--mds-tree-item-transition-timing-function)}.header{--offset:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) + var(--header-gap));align-items:flex-start;gap:var(--header-gap);position:relative;z-index:1}.header,.title{display:flex;min-width:0}.title{align-items:stretch;flex-grow:1;gap:calc(var(--spacing,.0025rem)200);justify-content:space-between}.label-action{--mds-button-line-clamp:var(--mds-tree-item-line-clamp,var(--mds-tree-line-clamp,1));--padding:calc(var(--spacing,.0025rem)100);background-color:var(--mds-tree-item-label-default-background,var(--mds-tree-label-default-background,transparent));border-radius:var(--radius-lg,16px);fill:var(--mds-tree-item-label-icon-default-color,var(--mds-tree-label-icon-default-color,#000));flex-grow:1;justify-content:flex-start;margin-left:calc(var(--padding)-1);padding-left:var(--padding);padding-right:var(--padding)}.label-action:hover{background-color:var(--mds-tree-item-label-hover-background,var(--mds-tree-label-hover-background,transparent));fill:var(--mds-tree-item-label-icon-hover-color,var(--mds-tree-label-icon-hover-color,#000))}.actions-container{--duration-300:.3s;--ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));border-radius:var(--mds-tree-item-actions-border-radius,var(--mds-tree-actions-border-radius,var(--radius-lg,16px)));interpolate-size:allow-keywords;align-items:center;display:none;justify-content:flex-start;min-width:0;overflow:hidden;transition-behavior:allow-discrete;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:min-width,width,overflow;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease);width:0}.actions-container--has-actions{display:flex}.actions{align-items:center;border-radius:var(--mds-tree-item-actions-border-radius,var(--mds-tree-actions-border-radius,var(--radius-lg,16px)));display:inline-flex;flex-shrink:0;gap:var(--mds-tree-item-actions-gap,var(--mds-tree-actions-gap,calc(var(--spacing,.0025rem)50)));pointer-events:none;transform:scale(0);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:transform;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease)}.header:focus-within .actions,.header:hover .actions{pointer-events:auto;transform:scale(1)}:host-context([actions=visible]) .actions-container{-webkit-animation:toggleOverflow var(--duration-300,.3s) forwards;animation:toggleOverflow var(--duration-300,.3s) forwards;min-width:fit-content;pointer-events:auto;width:fit-content}:host([actions=visible]):host-context([actions=auto]) .actions-container{-webkit-animation:toggleOverflow var(--duration-300,.3s) forwards;animation:toggleOverflow var(--duration-300,.3s) forwards;min-width:fit-content;pointer-events:auto;width:fit-content}.header:focus-within .actions-container,.header:hover .actions-container{-webkit-animation:toggleOverflow var(--duration-300,.3s) forwards;animation:toggleOverflow var(--duration-300,.3s) forwards;min-width:fit-content;width:fit-content}:host([actions=visible]):host-context([actions=auto]) .header:focus-within .actions{transform:scale(1)}:host([actions=visible]):host-context([actions=auto]) .header:hover .actions{transform:scale(1)}:host(:not([actions=auto])):host-context([actions=visible]) .actions{transform:scale(1)}:host(:not([actions=visible])):host-context([actions=auto]) .header:focus-within .actions{transform:scale(1)}:host(:not([actions=visible])):host-context([actions=auto]) .header:hover .actions{transform:scale(1)}:host(:not([actions=visible])):host-context([actions=auto]) .actions{transform:scale(0)}.children{--mds-tree-item-children-padding-left:calc(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) - var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50)))) / 2);interpolate-size:allow-keywords;display:flex;flex-direction:column;height:0;overflow:clip;padding-left:var(--mds-tree-item-children-padding-left);position:relative;-webkit-transform:translateY(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))/2-1));transform:translateY(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))/2-1));-webkit-transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-property:height,transform;-webkit-transition-timing-function:var(--mds-tree-item-transition-timing-function);transition-timing-function:var(--mds-tree-item-transition-timing-function);z-index:0}.children--expanded{-webkit-animation:toggleOverflow var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s)) forwards;animation:toggleOverflow var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s)) forwards;-webkit-animation-timing-function:var(--mds-tree-item-transition-timing-function);animation-timing-function:var(--mds-tree-item-transition-timing-function);display:flex;height:auto;transform:translateY(0)}.children--empty,.children--hidden{display:none}@keyframes toggleOverflow{99.99%{overflow:hidden}to{overflow:visible}}@keyframes toggleDisplay{99.99%{display:flex}to{display:none}}.tree-node{--middle-pos-x:calc(50% - calc(var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50)))/2));align-items:center;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));justify-content:center;pointer-events:none;position:relative;width:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));z-index:0}.tree-branch{--pos-y:calc(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) / 2 + var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px)))) * -1);--tree-height:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) + var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px))) + var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50))) / 2);--tree-width:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))/2);border-color:var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));border-radius:0 0 0 var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px)));border-style:solid;border-width:0 0 var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50))) var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50)));box-sizing:border-box;display:flex;height:var(--tree-height);inset:0;position:absolute;-webkit-transform:translateY(var(--pos-y));transform:translateY(var(--pos-y));width:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))/2);z-index:1}.tree-dot{--size:calc(calc(var(--spacing,.0025rem) * 300) + var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50))) * 2);background-color:var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));border-radius:var(--size);display:none;height:var(--size);position:relative;width:var(--size)}.header--has-children .tree-dot{display:inline-flex}.header:not(.header--has-children) .tree-node .tree-branch{width:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) - var(--header-gap))}:host(:not(:last-child)) .header--has-children .tree-node:after{--size:calc(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) / 2) + var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px))));--pos-y:calc(var(--size)/2);border-color:var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));border-radius:0 0 0 var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px)));border-style:solid;border-width:0 0 var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50))) var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50)));box-sizing:border-box;content:"";display:flex;height:var(--size);inset:0;position:absolute;-webkit-transform:translateY(var(--pos-y));transform:translateY(var(--pos-y));width:var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50)));z-index:1}:host(:not(:last-child)) .children--has-children:before{border-left:var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50))) solid var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));content:"";display:flex;height:calc(100% + var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)));left:0;position:absolute;top:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))-1)}.tree-dot:after{--pos-y:calc(var(--size)/2);background-color:var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));box-sizing:border-box;content:"";display:inline-flex;height:calc(var(--size)/2);inset:0 50% 0 0;position:absolute;-webkit-transform:translate(calc(var(--pos-y) - var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) 50))) / 2),var(--pos-y));transform:translate(calc(var(--pos-y) - var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50))) / 2),var(--pos-y));-webkit-transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-property:height;-webkit-transition-timing-function:var(--mds-tree-item-transition-timing-function);transition-timing-function:var(--mds-tree-item-transition-timing-function);width:var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50)));z-index:1}:host([expanded]) .tree-dot:after{height:calc(var(--size) + var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) 50))))}:host([depth="0"]) .children--has-children .tree-branch,:host([depth="0"]) .children--has-children:before,:host([depth="0"]) .header--has-children .tree-node:after,:host([depth="0"]) .tree-node .tree-branch,:host([depth="0"]) .tree-node:before{display:none}.toggle-icon{align-items:center;align-self:center;display:inline-flex;flex-shrink:0;height:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));justify-content:center;margin-left:calc(var(--offset)-1);position:relative;transform:rotate(0);-webkit-transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-property:transform;-webkit-transition-timing-function:var(--mds-tree-item-transition-timing-function);transition-timing-function:var(--mds-tree-item-transition-timing-function);width:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));z-index:1}.toggle-icon mds-button{--size:calc(var(--spacing,.0025rem)600);background-color:var(--mds-tree-item-icon-background-color);border:0;border-radius:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));color:var(--mds-tree-item-icon-color);fill:var(--mds-tree-item-icon-color);height:var(--size);min-height:var(--size);min-width:var(--size);overflow:hidden;width:var(--size)}.toggle-icon mds-button[await]{background-color:var(--mds-tree-item-toggle-icon-async-background,var(--mds-tree-toggle-icon-async-background,#000));color:var(--mds-tree-item-toggle-icon-async-color,var(--mds-tree-toggle-icon-async-color,#000))}:host-context([toggle=chevron]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-default-color,var(--mds-tree-toggle-icon-chevron-default-color,#000))}:host([expanded]):host-context([toggle=chevron]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-expanded-background,var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000)));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-expanded-color,var(--mds-tree-item-toggle-icon-default-color))}:host-context([toggle=folder][toggle-position=left]) .toggle-icon mds-button{-webkit-box-shadow:0 calc(var(--spacing,.0025rem)25) 0 0 var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));box-shadow:0 calc(var(--spacing,.0025rem)25) 0 0 var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000))}:host-context([toggle=folder]) .toggle-icon mds-button{--size:auto;border-radius:var(--radius);padding:calc(var(--spacing,.0025rem)25) calc(var(--spacing,.0025rem)50)}:host-context([toggle=folder]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000))}:host-context(mds-tree[toggle=folder]):host([expanded]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-folder-expanded-background,var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000)));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-folder-expanded-color,var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000)))}:host-context(mds-tree[toggle-position=right]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-position-right-default-background,var(--mds-tree-toggle-icon-position-right-default-background,transparent));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-position-right-default-color,var(--mds-tree-toggle-icon-position-right-default-color,#000));background-color:#0000;order:1}:host([expanded]):host-context(mds-tree[toggle-position=right]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-position-right-expanded-background,var(--mds-tree-toggle-icon-position-right-expanded-background,transparent));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-position-right-expanded-color,var(--mds-tree-toggle-icon-position-right-expanded-color,#000))}:host([expanded]):host-context(mds-tree[toggle-position=left][toggle=chevron]) .toggle-icon{transform:rotate(90deg)}.header:not(.header--has-children) .toggle-icon{display:none}.toggle-icon--chevron{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-default-color,var(--mds-tree-toggle-icon-chevron-default-color,#000))}:host([expanded]) .toggle-icon--chevron{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-expanded-background,var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000)));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-expanded-color,var(--mds-tree-item-toggle-icon-default-color));transform:rotate(90deg)}.toggle-icon--folder mds-button{--size:auto;border-radius:var(--radius);-webkit-box-shadow:0 calc(var(--spacing,.0025rem)25) 0 0 var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));box-shadow:0 calc(var(--spacing,.0025rem)25) 0 0 var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));padding:calc(var(--spacing,.0025rem)25) calc(var(--spacing,.0025rem)50)}.toggle-icon--folder{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000))}:host([expanded]) .toggle-icon--folder{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-folder-expanded-background,var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000)));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-folder-expanded-color,var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000)))}:host-context(mds-tree[toggle-position=left]) .toggle-icon{order:0}:host-context(mds-tree[toggle-position=right]) .header--has-children .title{margin-right:var(--offset)}:host-context(mds-tree[toggle-position=left]):host([toggle=chevron][expanded]) .toggle-icon{transform:rotate(90deg)}:host-context(mds-tree[toggle-position=left]):host([toggle=chevron]:not([expanded])) .toggle-icon{transform:rotate(0)}:host([toggle=chevron]):host-context(mds-tree[toggle-position=right]) .toggle-icon{transform:rotate(90deg)}:host([toggle=chevron][expanded]):host-context(mds-tree[toggle-position=right]) .toggle-icon{transform:rotate(270deg)}:is(:host([toggle=chevron]):host-context(mds-tree[toggle-position=right]) .toggle-icon--dot,:host([toggle=folder]):host-context(mds-tree[toggle-position=right]) .toggle-icon--dot){transform:rotate(0)scale(.825)}:is(:host([toggle=chevron]):host-context(mds-tree[toggle-position=right]) .toggle-icon,:host([toggle=folder]):host-context(mds-tree[toggle-position=right]) .toggle-icon){background-color:#0000;fill:var(--mds-tree-item-branch-dot-default-color,var(--mds-tree-branch-dot-default-color,#000))}:is(:host([toggle=chevron][expanded]):host-context(mds-tree[toggle-position=right]) .toggle-icon,:host([toggle=folder][expanded]):host-context(mds-tree[toggle-position=right]) .toggle-icon){background-color:#0000;fill:var(--mds-tree-item-branch-dot-expanded-color,var(--mds-tree-branch-dot-expanded-color,#000))}:host-context([appearance=none]) .header{--offset:0;gap:0}:host-context([appearance=none]):host(:not(:last-child)) .children--has-children:before{display:none}:host-context([appearance=none]) .tree-dot{display:none}:host-context([appearance=none]) .tree-node{display:none}:host-context([appearance=none]) .label-action{--padding:calc(var(--spacing,.0025rem)200);margin-left:0;padding-left:var(--padding);padding-right:var(--padding)}:host-context([appearance=none][toggle-position=left]) .children{padding-left:calc(calc(var(--header-gap) 2) + var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50))) + var(--mds-tree-item-children-padding-left) * 2)}:host-context([appearance=none][toggle-position=right]) .children{padding-left:var(--mds-tree-item-children-padding-left)}'}},[257,"mds-tree-item",{actions:[513],async:[516],depth:[514],label:[1],toggle:[513],expanded:[1540],truncate:[513],icon:[1],hasActions:[32],hasChildren:[32],currentToggleIcon:[32],await:[32],language:[32],updateLang:[64],expand:[64]},void 0,{toggle:[{handleIconChange:0}],expanded:[{handleExpandedChange:0}]}]),p=f,x=function(){"undefined"!=typeof customElements&&["mds-tree-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-tree-item":customElements.get(i(e))\|\|customElements.define(i(e),f);break;case"mds-button":customElements.get(i(e))\|\|c();break;case"mds-icon":customElements.get(i(e))\|\|l();break;case"mds-spinner":customElements.get(i(e))\|\|m();break;case"mds-text":customElements.get(i(e))\|\|g()}}))};export{p as MdsTreeItem,x as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as o,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";import{L as d}from"./locale.js";import{c as s}from"./unit.js";import{d as c}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as g}from"./mds-text2.js";var h={expand:"Ανάπτυξη {{ label }}",collapse:"Σύμπτυξη {{ label }}"},v={expand:"Expand {{ label }}",collapse:"Collapse {{ label }}"},b={expand:"Expandir {{ label }}",collapse:"Contraer {{ label }}"},u={expand:"Espandi {{ label }}",collapse:"Contrai {{ label }}"};const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandEvent=r(this,"mdsTreeItemExpand",7),this.collapsedEvent=r(this,"mdsTreeItemCollapse",7),this.hasActions=!1,this.hasChildren=!1,this.t=new d({el:h,en:v,es:b,it:u}),this.truncate="word",this.checkChildrenTransitionEnd=()=>{this.childrenElement.classList.contains("children--expanded")\|\|this.childrenElement.classList.add("children--hidden")},this.updateToggleIcon=()=>{this.currentToggleIcon="folder"!==this.toggle?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>':this.expanded?'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-open" viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>'},this.onClick=()=>{!this.async\|\|this.expanded?this.updateToggle():this.idle()},this.idle=()=>{this.await=!0,this.expandEvent.emit({element:this.host})},this.updateToggle=()=>{this.expanded=!this.expanded,this.updateToggleIcon()},this.updateCssCustomProperty=()=>{const e=window.getComputedStyle(this.host);this.cssToggleChildrenDuration=e.getPropertyValue("--mds-dropdown-backdrop-duration")}}async updateLang(){this.language=this.t.lang(this.host)}handleIconChange(){this.updateToggleIcon()}handleExpandedChange(e){e?this.childrenElement.classList.remove("children--hidden"):this.toggleChildrenTimer=setTimeout((()=>{clearTimeout(this.toggleChildrenTimer),this.collapsedEvent.emit({element:this.host})}),s(this.cssToggleChildrenDuration))}async expand(){this.expanded=!0,this.await=!1,this.updateToggleIcon()}componentWillLoad(){this.language=this.t.lang(this.host),this.updateToggleIcon(),this.hasActions=!!this.host.querySelector(':scope > [slot="action"]'),this.hasChildren=!!this.host.querySelector("mds-tree-item")}componentDidLoad(){var e;this.updateCssCustomProperty(),this.childrenElement=null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelector(".children"),this.childrenElement.addEventListener("transitionend",this.checkChildrenTransitionEnd)}disconnectedCallback(){this.childrenElement.removeEventListener("transitionend",this.checkChildrenTransitionEnd)}render(){return o(a,{key:"1968b16ce09355cfd0846a76ca845541a1d4e10b"},o("div",{key:"f337a00b3dd1b2c7d4ea524efa2c62ac620e31aa",class:n("header",this.hasChildren&&"header--has-children")},o("div",{key:"7c3929085de3ec9c2b4183f65fc7234cb5ecefe6",class:"tree-node"},o("div",{key:"8c9e692bbd1c38dcb425b8f8cd519dbd67b5548f",class:"tree-branch"}),o("div",{key:"88893e48863cf9ad8042cc83bcedd8f6eade0cbf",class:"tree-dot"})),o("div",{key:"2ebab75cddfc0963310c514151dd379c550c6921",class:n("toggle-icon","toggle-icon--"+this.toggle)},o("mds-button",{key:"56aaa210e2541d1c57b443ca5675accb315847c4",await:this.await,onClick:this.onClick,icon:this.await?void 0:this.currentToggleIcon,title:this.t.get(this.expanded?"collapse":"expand",{label:this.label}),variant:"dark",tone:"text",size:"sm"})),o("div",{key:"8e028b67775e9b925179efa649de9381cb69c040",class:"title"},o("mds-button",{key:"2d74fbe69bae7efab8e8abcde95618b7fee8846f",class:n("label-action",this.await&&"label-action--await"),disabled:this.await,icon:this.icon,onClick:this.onClick,variant:"dark",tone:"text",truncate:this.truncate},this.label),o("div",{key:"08f7872ed1464643a2c5d7a22752effe4b6dcf47",class:n("actions-container",this.hasActions&&"actions-container--has-actions"),part:"actions-container"},o("div",{key:"3411e6321ac1fe58b03896b447dd7d48d7ca11b6",class:"actions",part:"actions-list"},o("slot",{key:"fe8f7cceba502abf3becfa8b2434d0bd1ea52bff",name:"action"}))))),o("div",{key:"74192610dccb1db384c083e0ddc61a980b9878c5",class:n("children",this.hasChildren&&"children--has-children",this.expanded&&"children--expanded")},o("slot",{key:"098eb659d7e49634b756779911d9390ab5f109f0"})))}get host(){return this}static get watchers(){return{toggle:[{handleIconChange:0}],expanded:[{handleExpandedChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-tree-item-actions-border-radius:var(--mds-tree-actions-border-radius,var(--radius-lg,16px));--mds-tree-item-actions-gap:var(--mds-tree-actions-gap,calc(var(--spacing,.0025rem)50));--mds-tree-item-branch-border-color:var(--mds-tree-branch-border-color,#000);--mds-tree-item-branch-border-radius:var(--mds-tree-branch-border-radius,var(--radius-lg,16px));--mds-tree-item-branch-border-size:var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50));--mds-tree-item-branch-dot-default-color:var(--mds-tree-branch-dot-default-color,#000);--mds-tree-item-branch-dot-expanded-color:var(--mds-tree-branch-dot-expanded-color,#000);--mds-tree-item-label-default-background:var(--mds-tree-label-default-background,transparent);--mds-tree-item-label-hover-background:var(--mds-tree-label-hover-background,transparent);--mds-tree-item-label-icon-default-color:var(--mds-tree-label-icon-default-color,#000);--mds-tree-item-label-icon-hover-color:var(--mds-tree-label-icon-hover-color,#000);--mds-tree-item-line-clamp:var(--mds-tree-line-clamp,1);--mds-tree-item-toggle-gap:var(--mds-tree-toggle-gap,calc(var(--spacing,.0025rem)150));--mds-tree-item-toggle-icon-async-background:var(--mds-tree-toggle-icon-async-background,#000);--mds-tree-item-toggle-icon-async-color:var(--mds-tree-toggle-icon-async-color,#000);--mds-tree-item-toggle-icon-chevron-default-background:var(--mds-tree-toggle-icon-chevron-default-background,#000);--mds-tree-item-toggle-icon-chevron-default-color:var(--mds-tree-toggle-icon-chevron-default-color,#000);--mds-tree-item-toggle-icon-chevron-expanded-background:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-toggle-icon-chevron-expanded-color:var(--mds-tree-item-toggle-icon-default-color);--mds-tree-item-toggle-icon-folder-default-background:var(--mds-tree-toggle-icon-folder-default-background,#000);--mds-tree-item-toggle-icon-folder-default-color:var(--mds-tree-toggle-icon-folder-default-color,#000);--mds-tree-item-toggle-icon-folder-expanded-background:var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000));--mds-tree-item-toggle-icon-folder-expanded-color:var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000));--mds-tree-item-toggle-icon-position-right-default-background:var(--mds-tree-toggle-icon-position-right-default-background,transparent);--mds-tree-item-toggle-icon-position-right-default-color:var(--mds-tree-toggle-icon-position-right-default-color,#000);--mds-tree-item-toggle-icon-position-right-expanded-background:var(--mds-tree-toggle-icon-position-right-expanded-background,transparent);--mds-tree-item-toggle-icon-position-right-expanded-color:var(--mds-tree-toggle-icon-position-right-expanded-color,#000);--mds-tree-item-toggle-size:var(--mds-tree-toggle-size);--mds-tree-item-transition-duration:var(--mds-tree-transition-duration,0s)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@container style(--mds-tree-branch-use-rounded-border:true){:host-context(:not(.safari)){--mds-tree-branch-border-radius:var(--radius-lg,16px)}}@container style(--mds-tree-branch-use-rounded-border:false){:host-context(:not(.safari)){--mds-tree-branch-border-radius:0px}}:host{--mds-tree-item-actions-border-radius:var(--mds-tree-actions-border-radius,var(--radius-lg,16px));--mds-tree-item-actions-gap:var(--mds-tree-actions-gap,calc(var(--spacing,.0025rem)50));--mds-tree-item-branch-border-color:var(--mds-tree-branch-border-color,#000);--mds-tree-item-branch-border-radius:var(--mds-tree-branch-border-radius,var(--radius-lg,16px));--mds-tree-item-branch-border-size:var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50));--mds-tree-item-branch-dot-default-color:var(--mds-tree-branch-dot-default-color,#000);--mds-tree-item-branch-dot-expanded-color:var(--mds-tree-branch-dot-expanded-color,#000);--mds-tree-item-label-default-background:var(--mds-tree-label-default-background,transparent);--mds-tree-item-label-hover-background:var(--mds-tree-label-hover-background,transparent);--mds-tree-item-label-icon-default-color:var(--mds-tree-label-icon-default-color,#000);--mds-tree-item-label-icon-hover-color:var(--mds-tree-label-icon-hover-color,#000);--mds-tree-item-line-clamp:var(--mds-tree-line-clamp,1);--mds-tree-item-toggle-gap:var(--mds-tree-toggle-gap,calc(var(--spacing,.0025rem)150));--mds-tree-item-toggle-icon-async-background:var(--mds-tree-toggle-icon-async-background,#000);--mds-tree-item-toggle-icon-async-color:var(--mds-tree-toggle-icon-async-color,#000);--mds-tree-item-toggle-icon-chevron-default-background:var(--mds-tree-toggle-icon-chevron-default-background,#000);--mds-tree-item-toggle-icon-chevron-default-color:var(--mds-tree-toggle-icon-chevron-default-color,#000);--mds-tree-item-toggle-icon-chevron-expanded-background:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-toggle-icon-chevron-expanded-color:var(--mds-tree-item-toggle-icon-chevron-default-color,var(--mds-tree-toggle-icon-chevron-default-color,#000));--mds-tree-item-toggle-icon-folder-default-background:var(--mds-tree-toggle-icon-folder-default-background,#000);--mds-tree-item-toggle-icon-folder-default-color:var(--mds-tree-toggle-icon-folder-default-color,#000);--mds-tree-item-toggle-icon-folder-expanded-background:var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000));--mds-tree-item-toggle-icon-folder-expanded-color:var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000));--mds-tree-item-toggle-icon-position-right-default-background:var(--mds-tree-toggle-icon-position-right-default-background,transparent);--mds-tree-item-toggle-icon-position-right-default-color:var(--mds-tree-toggle-icon-position-right-default-color,#000);--mds-tree-item-toggle-icon-position-right-expanded-background:var(--mds-tree-toggle-icon-position-right-expanded-background,transparent);--mds-tree-item-toggle-icon-position-right-expanded-color:var(--mds-tree-toggle-icon-position-right-expanded-color,#000);--mds-tree-item-toggle-size:var(--mds-tree-toggle-size);--mds-tree-item-transition-duration:var(--mds-tree-transition-duration,0s);--mds-tree-item-transition-timing-function:var(--mds-tree-transition-timing-function);--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-default-color,var(--mds-tree-toggle-icon-chevron-default-color,#000));--header-gap:calc(var(--spacing,.0025rem)100);display:grid;-webkit-transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));-webkit-transition-timing-function:var(--mds-tree-item-transition-timing-function);transition-timing-function:var(--mds-tree-item-transition-timing-function)}.header{--offset:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) + var(--header-gap));align-items:flex-start;gap:var(--header-gap);position:relative;z-index:1}.header,.title{display:flex;min-width:0}.title{align-items:stretch;flex-grow:1;gap:calc(var(--spacing,.0025rem)200);justify-content:space-between}.label-action{--mds-button-line-clamp:var(--mds-tree-item-line-clamp,var(--mds-tree-line-clamp,1));--padding:calc(var(--spacing,.0025rem)100);background-color:var(--mds-tree-item-label-default-background,var(--mds-tree-label-default-background,transparent));border-radius:var(--radius-lg,16px);fill:var(--mds-tree-item-label-icon-default-color,var(--mds-tree-label-icon-default-color,#000));flex-grow:1;justify-content:flex-start;margin-left:calc(var(--padding)-1);padding-left:var(--padding);padding-right:var(--padding)}.label-action:hover{background-color:var(--mds-tree-item-label-hover-background,var(--mds-tree-label-hover-background,transparent));fill:var(--mds-tree-item-label-icon-hover-color,var(--mds-tree-label-icon-hover-color,#000))}.actions-container{--duration-300:.3s;--ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));border-radius:var(--mds-tree-item-actions-border-radius,var(--mds-tree-actions-border-radius,var(--radius-lg,16px)));interpolate-size:allow-keywords;align-items:center;display:none;justify-content:flex-start;min-width:0;overflow:hidden;transition-behavior:allow-discrete;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:min-width,width,overflow;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease);width:0}.actions-container--has-actions{display:flex}.actions{align-items:center;border-radius:var(--mds-tree-item-actions-border-radius,var(--mds-tree-actions-border-radius,var(--radius-lg,16px)));display:inline-flex;flex-shrink:0;gap:var(--mds-tree-item-actions-gap,var(--mds-tree-actions-gap,calc(var(--spacing,.0025rem)50)));pointer-events:none;transform:scale(0);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:transform;-webkit-transition-timing-function:var(--ease);transition-timing-function:var(--ease)}.header:focus-within .actions,.header:hover .actions{pointer-events:auto;transform:scale(1)}:host-context([actions=visible]) .actions-container{-webkit-animation:toggleOverflow var(--duration-300,.3s) forwards;animation:toggleOverflow var(--duration-300,.3s) forwards;min-width:fit-content;pointer-events:auto;width:fit-content}:host([actions=visible]):host-context([actions=auto]) .actions-container{-webkit-animation:toggleOverflow var(--duration-300,.3s) forwards;animation:toggleOverflow var(--duration-300,.3s) forwards;min-width:fit-content;pointer-events:auto;width:fit-content}.header:focus-within .actions-container,.header:hover .actions-container{-webkit-animation:toggleOverflow var(--duration-300,.3s) forwards;animation:toggleOverflow var(--duration-300,.3s) forwards;min-width:fit-content;width:fit-content}:host([actions=visible]):host-context([actions=auto]) .header:focus-within .actions{transform:scale(1)}:host([actions=visible]):host-context([actions=auto]) .header:hover .actions{transform:scale(1)}:host(:not([actions=auto])):host-context([actions=visible]) .actions{transform:scale(1)}:host(:not([actions=visible])):host-context([actions=auto]) .header:focus-within .actions{transform:scale(1)}:host(:not([actions=visible])):host-context([actions=auto]) .header:hover .actions{transform:scale(1)}:host(:not([actions=visible])):host-context([actions=auto]) .actions{transform:scale(0)}.children{--mds-tree-item-children-padding-left:calc(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) - var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50)))) / 2);interpolate-size:allow-keywords;display:flex;flex-direction:column;height:0;overflow:clip;padding-left:var(--mds-tree-item-children-padding-left);position:relative;-webkit-transform:translateY(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))/2-1));transform:translateY(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))/2-1));-webkit-transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-property:height,transform;-webkit-transition-timing-function:var(--mds-tree-item-transition-timing-function);transition-timing-function:var(--mds-tree-item-transition-timing-function);z-index:0}.children--expanded{-webkit-animation:toggleOverflow var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s)) forwards;animation:toggleOverflow var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s)) forwards;-webkit-animation-timing-function:var(--mds-tree-item-transition-timing-function);animation-timing-function:var(--mds-tree-item-transition-timing-function);display:flex;height:auto;transform:translateY(0)}.children--empty,.children--hidden{display:none}@keyframes toggleOverflow{99.99%{overflow:hidden}to{overflow:visible}}@keyframes toggleDisplay{99.99%{display:flex}to{display:none}}.tree-node{--middle-pos-x:calc(50% - calc(var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50)))/2));align-items:center;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));justify-content:center;pointer-events:none;position:relative;width:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));z-index:0}.tree-branch{--pos-y:calc(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) / 2 + var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px)))) * -1);--tree-height:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) + var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px))) + var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50))) / 2);--tree-width:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))/2);border-color:var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));border-radius:0 0 0 var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px)));border-style:solid;border-width:0 0 var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50))) var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50)));box-sizing:border-box;display:flex;height:var(--tree-height);inset:0;position:absolute;-webkit-transform:translateY(var(--pos-y));transform:translateY(var(--pos-y));width:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))/2);z-index:1}.tree-dot{--size:calc(calc(var(--spacing,.0025rem) * 300) + var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50))) * 2);background-color:var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));border-radius:var(--size);display:none;height:var(--size);position:relative;width:var(--size)}.header--has-children .tree-dot{display:inline-flex}.header:not(.header--has-children) .tree-node .tree-branch{width:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) - var(--header-gap))}:host(:not(:last-child)) .header--has-children .tree-node:after{--size:calc(calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)) / 2) + var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px))));--pos-y:calc(var(--size)/2);border-color:var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));border-radius:0 0 0 var(--mds-tree-item-branch-border-radius,var(--mds-tree-branch-border-radius,var(--radius-lg,16px)));border-style:solid;border-width:0 0 var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50))) var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50)));box-sizing:border-box;content:"";display:flex;height:var(--size);inset:0;position:absolute;-webkit-transform:translateY(var(--pos-y));transform:translateY(var(--pos-y));width:var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50)));z-index:1}:host(:not(:last-child)) .children--has-children:before{border-left:var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50))) solid var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));content:"";display:flex;height:calc(100% + var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size)));left:0;position:absolute;top:calc(var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size))-1)}.tree-dot:after{--pos-y:calc(var(--size)/2);background-color:var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));box-sizing:border-box;content:"";display:inline-flex;height:calc(var(--size)/2);inset:0 50% 0 0;position:absolute;-webkit-transform:translate(calc(var(--pos-y) - var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) 50))) / 2),var(--pos-y));transform:translate(calc(var(--pos-y) - var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50))) / 2),var(--pos-y));-webkit-transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-property:height;-webkit-transition-timing-function:var(--mds-tree-item-transition-timing-function);transition-timing-function:var(--mds-tree-item-transition-timing-function);width:var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem)50)));z-index:1}:host([expanded]) .tree-dot:after{height:calc(var(--size) + var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) 50))))}:host([depth="0"]) .children--has-children .tree-branch,:host([depth="0"]) .children--has-children:before,:host([depth="0"]) .header--has-children .tree-node:after,:host([depth="0"]) .tree-node .tree-branch,:host([depth="0"]) .tree-node:before{display:none}.toggle-icon{align-items:center;align-self:center;display:inline-flex;flex-shrink:0;height:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));justify-content:center;margin-left:calc(var(--offset)-1);position:relative;transform:rotate(0);-webkit-transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-duration:var(--mds-tree-item-transition-duration,var(--mds-tree-transition-duration,0s));transition-property:transform;-webkit-transition-timing-function:var(--mds-tree-item-transition-timing-function);transition-timing-function:var(--mds-tree-item-transition-timing-function);width:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));z-index:1}.toggle-icon mds-button{--size:calc(var(--spacing,.0025rem)600);background-color:var(--mds-tree-item-icon-background-color);border:0;border-radius:var(--mds-tree-item-toggle-size,var(--mds-tree-toggle-size));color:var(--mds-tree-item-icon-color);fill:var(--mds-tree-item-icon-color);height:var(--size);min-height:var(--size);min-width:var(--size);overflow:hidden;width:var(--size)}.toggle-icon mds-button[await]{background-color:var(--mds-tree-item-toggle-icon-async-background,var(--mds-tree-toggle-icon-async-background,#000));color:var(--mds-tree-item-toggle-icon-async-color,var(--mds-tree-toggle-icon-async-color,#000))}:host-context([toggle=chevron]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-default-color,var(--mds-tree-toggle-icon-chevron-default-color,#000))}:host([expanded]):host-context([toggle=chevron]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-expanded-background,var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000)));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-expanded-color,var(--mds-tree-item-toggle-icon-default-color))}:host-context([toggle=folder][toggle-position=left]) .toggle-icon mds-button{-webkit-box-shadow:0 calc(var(--spacing,.0025rem)25) 0 0 var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));box-shadow:0 calc(var(--spacing,.0025rem)25) 0 0 var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000))}:host-context([toggle=folder]) .toggle-icon mds-button{--size:auto;border-radius:var(--radius);padding:calc(var(--spacing,.0025rem)25) calc(var(--spacing,.0025rem)50)}:host-context([toggle=folder]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000))}:host-context(mds-tree[toggle=folder]):host([expanded]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-folder-expanded-background,var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000)));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-folder-expanded-color,var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000)))}:host-context(mds-tree[toggle-position=right]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-position-right-default-background,var(--mds-tree-toggle-icon-position-right-default-background,transparent));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-position-right-default-color,var(--mds-tree-toggle-icon-position-right-default-color,#000));background-color:#0000;order:1}:host([expanded]):host-context(mds-tree[toggle-position=right]) .toggle-icon{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-position-right-expanded-background,var(--mds-tree-toggle-icon-position-right-expanded-background,transparent));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-position-right-expanded-color,var(--mds-tree-toggle-icon-position-right-expanded-color,#000))}:host([expanded]):host-context(mds-tree[toggle-position=left][toggle=chevron]) .toggle-icon{transform:rotate(90deg)}.header:not(.header--has-children) .toggle-icon{display:none}.toggle-icon--chevron{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-default-color,var(--mds-tree-toggle-icon-chevron-default-color,#000))}:host([expanded]) .toggle-icon--chevron{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-chevron-expanded-background,var(--mds-tree-item-toggle-icon-chevron-default-background,var(--mds-tree-toggle-icon-chevron-default-background,#000)));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-chevron-expanded-color,var(--mds-tree-item-toggle-icon-default-color));transform:rotate(90deg)}.toggle-icon--folder mds-button{--size:auto;border-radius:var(--radius);-webkit-box-shadow:0 calc(var(--spacing,.0025rem)25) 0 0 var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));box-shadow:0 calc(var(--spacing,.0025rem)25) 0 0 var(--mds-tree-item-branch-border-color,var(--mds-tree-branch-border-color,#000));padding:calc(var(--spacing,.0025rem)25) calc(var(--spacing,.0025rem)50)}.toggle-icon--folder{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000))}:host([expanded]) .toggle-icon--folder{--mds-tree-item-icon-background-color:var(--mds-tree-item-toggle-icon-folder-expanded-background,var(--mds-tree-item-toggle-icon-folder-default-background,var(--mds-tree-toggle-icon-folder-default-background,#000)));--mds-tree-item-icon-color:var(--mds-tree-item-toggle-icon-folder-expanded-color,var(--mds-tree-item-toggle-icon-folder-default-color,var(--mds-tree-toggle-icon-folder-default-color,#000)))}:host-context(mds-tree[toggle-position=left]) .toggle-icon{order:0}:host-context(mds-tree[toggle-position=right]) .header--has-children .title{margin-right:var(--offset)}:host-context(mds-tree[toggle-position=left]):host([toggle=chevron][expanded]) .toggle-icon{transform:rotate(90deg)}:host-context(mds-tree[toggle-position=left]):host([toggle=chevron]:not([expanded])) .toggle-icon{transform:rotate(0)}:host([toggle=chevron]):host-context(mds-tree[toggle-position=right]) .toggle-icon{transform:rotate(90deg)}:host([toggle=chevron][expanded]):host-context(mds-tree[toggle-position=right]) .toggle-icon{transform:rotate(270deg)}:is(:host([toggle=chevron]):host-context(mds-tree[toggle-position=right]) .toggle-icon--dot,:host([toggle=folder]):host-context(mds-tree[toggle-position=right]) .toggle-icon--dot){transform:rotate(0)scale(.825)}:is(:host([toggle=chevron]):host-context(mds-tree[toggle-position=right]) .toggle-icon,:host([toggle=folder]):host-context(mds-tree[toggle-position=right]) .toggle-icon){background-color:#0000;fill:var(--mds-tree-item-branch-dot-default-color,var(--mds-tree-branch-dot-default-color,#000))}:is(:host([toggle=chevron][expanded]):host-context(mds-tree[toggle-position=right]) .toggle-icon,:host([toggle=folder][expanded]):host-context(mds-tree[toggle-position=right]) .toggle-icon){background-color:#0000;fill:var(--mds-tree-item-branch-dot-expanded-color,var(--mds-tree-branch-dot-expanded-color,#000))}:host-context([appearance=none]) .header{--offset:0;gap:0}:host-context([appearance=none]):host(:not(:last-child)) .children--has-children:before{display:none}:host-context([appearance=none]) .tree-dot{display:none}:host-context([appearance=none]) .tree-node{display:none}:host-context([appearance=none]) .label-action{--padding:calc(var(--spacing,.0025rem)200);margin-left:0;padding-left:var(--padding);padding-right:var(--padding)}:host-context([appearance=none][toggle-position=left]) .children{padding-left:calc(calc(var(--header-gap) 2) + var(--mds-tree-item-branch-border-size,var(--mds-tree-branch-border-size,calc(var(--spacing,.0025rem) * 50))) + var(--mds-tree-item-children-padding-left) * 2)}:host-context([appearance=none][toggle-position=right]) .children{padding-left:var(--mds-tree-item-children-padding-left)}'}},[257,"mds-tree-item",{actions:[513],async:[516],depth:[514],label:[1],toggle:[513],expanded:[1540],truncate:[513],icon:[1],hasActions:[32],hasChildren:[32],currentToggleIcon:[32],await:[32],language:[32],updateLang:[64],expand:[64]},void 0,{toggle:[{handleIconChange:0}],expanded:[{handleExpandedChange:0}]}]),f=p,x=function(){"undefined"!=typeof customElements&&["mds-tree-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-tree-item":customElements.get(i(e))\|\|customElements.define(i(e),p);break;case"mds-button":customElements.get(i(e))\|\|c();break;case"mds-icon":customElements.get(i(e))\|\|l();break;case"mds-spinner":customElements.get(i(e))\|\|m();break;case"mds-text":customElements.get(i(e))\|\|g()}}))};export{f as MdsTreeItem,x as defineCustomElement}

package/dist/components/mds-tree.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as r,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.appearance="depth",this.toggle="chevron",this.togglePosition="left",this.truncate="word",this.actions="auto",this.updateChildrenExpanded=e=>{this.childrenElements.forEach((r=>{r.async\|\|(r.expanded=e)}))},this.updateChildrenToggle=e=>{this.childrenElements.forEach((r=>{r.toggle=e}))},this.updateChildrenTruncate=e=>{this.childrenElements.forEach((r=>{r.truncate=e}))},this.updateElements=()=>{var e,r;this.elements=null===(r=null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelectorAll("slot")[0])\|\|void 0===r?void 0:r.assignedNodes(),this.updateZIndex()},this.updateZIndex=()=>{this.elements.forEach(((e,r)=>{e.style.zIndex=""+(this.elements.length-r)}))}}handleExpandedChange(e){this.updateChildrenExpanded(e)}handleToggleChange(e){this.updateChildrenToggle(e)}handleTruncateChange(e){this.updateChildrenTruncate(e)}componentWillLoad(){this.childrenElements=this.host.querySelectorAll("mds-tree-item"),this.updateChildrenTruncate(this.truncate),this.updateChildrenToggle(this.toggle);const e=this.host.querySelectorAll(":scope > mds-tree-item");e&&e.forEach((e=>{e.depth=0}))}render(){return t(o,{key:"~~ebef68448b4b4f0d2f1a560477649cbfa344ebd1~~"},t("slot",{key:"~~470af7ca82cce1cacc7acb173f3f480f10cd1d0c~~",onSlotchange:this.updateElements}))}get host(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],toggle:[{handleToggleChange:0}],truncate:[{handleTruncateChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-tree-actions-border-radius:0;--mds-tree-actions-gap:0;--mds-tree-label-default-background:transparent;--mds-tree-label-hover-background:transparent;--mds-tree-label-icon-default-color:#000;--mds-tree-label-icon-hover-color:#000;--mds-tree-line-clamp:1;--mds-tree-branch-border-color:#000;--mds-tree-branch-use-rounded-border:true;--mds-tree-branch-border-size:0;--mds-tree-branch-dot-default-color:#000;--mds-tree-branch-dot-expanded-color:#000;--mds-tree-toggle-gap:0;--mds-tree-toggle-icon-async-background:#000;--mds-tree-toggle-icon-async-color:#000;--mds-tree-toggle-icon-chevron-default-background:#000;--mds-tree-toggle-icon-chevron-default-color:#000;--mds-tree-toggle-icon-chevron-expanded-background:#000;--mds-tree-toggle-icon-chevron-expanded-color:#000;--mds-tree-toggle-icon-folder-default-background:#000;--mds-tree-toggle-icon-folder-default-color:#000;--mds-tree-toggle-icon-folder-expanded-background:#000;--mds-tree-toggle-icon-folder-expanded-color:#000;--mds-tree-toggle-icon-position-right-default-background:transparent;--mds-tree-toggle-icon-position-right-default-color:#000;--mds-tree-toggle-icon-position-right-expanded-background:transparent;--mds-tree-toggle-icon-position-right-expanded-color:#000;--mds-tree-transition-duration:0s;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tree-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tree-actions-border-radius{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tree-actions-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tree-label-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tree-label-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tree-label-icon-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-label-icon-hover-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-line-clamp{syntax:"<integer>";inherits:false;initial-value:1}@property --mds-tree-branch-border-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-branch-use-rounded-border{syntax:"true\|false";inherits:false;initial-value:true}@property --mds-tree-branch-border-size{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tree-branch-dot-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-branch-dot-expanded-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tree-toggle-icon-async-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-async-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-chevron-default-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-chevron-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-chevron-expanded-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-chevron-expanded-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-folder-default-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-folder-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-folder-expanded-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-folder-expanded-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-position-right-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tree-toggle-icon-position-right-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-position-right-expanded-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tree-toggle-icon-position-right-expanded-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-transition-duration{syntax:"<time>";inherits:false;initial-value:0s}:host{--mds-tree-actions-border-radius:var(--radius-lg,16px);--mds-tree-actions-gap:calc(var(--spacing,.0025rem)50);--mds-tree-label-default-background:transparent;--mds-tree-label-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-tree-label-icon-default-color:rgb(var(--variant-primary-04,184 208 255));--mds-tree-label-icon-hover-color:var(--mds-tree-label-icon-default-color,#000);--mds-tree-line-clamp:2;--mds-tree-branch-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-branch-use-rounded-border:true;--mds-tree-branch-border-size:calc(var(--spacing,.0025rem)50);--mds-tree-branch-dot-default-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-branch-dot-expanded-color:rgb(var(--tone-neutral-06,158 158 158));--mds-tree-toggle-gap:calc(var(--spacing,.0025rem)150);--mds-tree-toggle-icon-async-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tree-toggle-icon-async-color:rgb(var(--variant-primary-03,211 226 255));--mds-tree-toggle-icon-chevron-default-background:rgb(var(--variant-primary-04,184 208 255));--mds-tree-toggle-icon-chevron-default-color:rgb(var(--tone-neutral,0 0 0));--mds-tree-toggle-icon-chevron-expanded-background:var(--mds-tree-toggle-icon-chevron-default-background,#000);--mds-tree-toggle-icon-chevron-expanded-color:var(--mds-tree-toggle-icon-chevron-default-color,#000);--mds-tree-toggle-icon-folder-default-background:rgb(var(--tone-neutral-08,107 107 107));--mds-tree-toggle-icon-folder-default-color:rgb(var(--variant-primary-04,184 208 255));--mds-tree-toggle-icon-folder-expanded-background:var(--mds-tree-toggle-icon-folder-default-background,#000);--mds-tree-toggle-icon-folder-expanded-color:var(--mds-tree-toggle-icon-folder-default-color,#000);--mds-tree-toggle-icon-position-right-default-background:transparent;--mds-tree-toggle-icon-position-right-default-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-toggle-icon-position-right-expanded-background:transparent;--mds-tree-toggle-icon-position-right-expanded-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-transition-duration:.3s;--mds-tree-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));--mds-tree-toggle-border-radius:var(--radius-lg,16px);--mds-tree-toggle-size:calc(var(--spacing,.0025rem)900);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:calc(var(--spacing,.0025rem)250);display:grid;padding:calc(var(--spacing,.0025rem)50);transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}@property --tw-duration{syntax:"";inherits:false}@property --tw-ease{syntax:"*";inherits:false}'}},[257,"mds-tree",{appearance:[513],async:[516],label:[1],toggle:[513],togglePosition:[513,"toggle-position"],expanded:[1540],truncate:[513],actions:[513]},void 0,{expanded:[{handleExpandedChange:0}],toggle:[{handleToggleChange:0}],truncate:[{handleTruncateChange:0}]}]),i=n,l=function(){"undefined"!=typeof customElements&&["mds-tree"].forEach((e=>{"mds-tree"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),n))}))};export{i as MdsTree,l as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as r,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.appearance="depth",this.toggle="chevron",this.togglePosition="left",this.truncate="word",this.actions="auto",this.updateChildrenExpanded=e=>{this.childrenElements.forEach((r=>{r.async\|\|(r.expanded=e)}))},this.updateChildrenToggle=e=>{this.childrenElements.forEach((r=>{r.toggle=e}))},this.updateChildrenTruncate=e=>{this.childrenElements.forEach((r=>{r.truncate=e}))},this.updateElements=()=>{var e,r;this.elements=null===(r=null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelectorAll("slot")[0])\|\|void 0===r?void 0:r.assignedNodes(),this.updateZIndex()},this.updateZIndex=()=>{this.elements.forEach(((e,r)=>{e.style.zIndex=""+(this.elements.length-r)}))}}handleExpandedChange(e){this.updateChildrenExpanded(e)}handleToggleChange(e){this.updateChildrenToggle(e)}handleTruncateChange(e){this.updateChildrenTruncate(e)}componentWillLoad(){this.childrenElements=this.host.querySelectorAll("mds-tree-item"),this.updateChildrenTruncate(this.truncate),this.updateChildrenToggle(this.toggle);const e=this.host.querySelectorAll(":scope > mds-tree-item");null!=e&&e.forEach((e=>{e.depth=0}))}render(){return t(o,{key:"8eea9807bbf709cb9c13900003312a3364b2b0ad"},t("slot",{key:"f2ad520332f4d634ddcdf9a5c035d1145635d856",onSlotchange:this.updateElements}))}get host(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],toggle:[{handleToggleChange:0}],truncate:[{handleTruncateChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-tree-actions-border-radius:0;--mds-tree-actions-gap:0;--mds-tree-label-default-background:transparent;--mds-tree-label-hover-background:transparent;--mds-tree-label-icon-default-color:#000;--mds-tree-label-icon-hover-color:#000;--mds-tree-line-clamp:1;--mds-tree-branch-border-color:#000;--mds-tree-branch-use-rounded-border:true;--mds-tree-branch-border-size:0;--mds-tree-branch-dot-default-color:#000;--mds-tree-branch-dot-expanded-color:#000;--mds-tree-toggle-gap:0;--mds-tree-toggle-icon-async-background:#000;--mds-tree-toggle-icon-async-color:#000;--mds-tree-toggle-icon-chevron-default-background:#000;--mds-tree-toggle-icon-chevron-default-color:#000;--mds-tree-toggle-icon-chevron-expanded-background:#000;--mds-tree-toggle-icon-chevron-expanded-color:#000;--mds-tree-toggle-icon-folder-default-background:#000;--mds-tree-toggle-icon-folder-default-color:#000;--mds-tree-toggle-icon-folder-expanded-background:#000;--mds-tree-toggle-icon-folder-expanded-color:#000;--mds-tree-toggle-icon-position-right-default-background:transparent;--mds-tree-toggle-icon-position-right-default-color:#000;--mds-tree-toggle-icon-position-right-expanded-background:transparent;--mds-tree-toggle-icon-position-right-expanded-color:#000;--mds-tree-transition-duration:0s;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tree-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tree-actions-border-radius{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tree-actions-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tree-label-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tree-label-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tree-label-icon-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-label-icon-hover-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-line-clamp{syntax:"<integer>";inherits:false;initial-value:1}@property --mds-tree-branch-border-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-branch-use-rounded-border{syntax:"true\|false";inherits:false;initial-value:true}@property --mds-tree-branch-border-size{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tree-branch-dot-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-branch-dot-expanded-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tree-toggle-icon-async-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-async-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-chevron-default-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-chevron-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-chevron-expanded-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-chevron-expanded-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-folder-default-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-folder-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-folder-expanded-background{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-folder-expanded-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-position-right-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tree-toggle-icon-position-right-default-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-toggle-icon-position-right-expanded-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tree-toggle-icon-position-right-expanded-color{syntax:"<color>";inherits:false;initial-value:#000}@property --mds-tree-transition-duration{syntax:"<time>";inherits:false;initial-value:0s}:host{--mds-tree-actions-border-radius:var(--radius-lg,16px);--mds-tree-actions-gap:calc(var(--spacing,.0025rem)50);--mds-tree-label-default-background:transparent;--mds-tree-label-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-tree-label-icon-default-color:rgb(var(--variant-primary-04,184 208 255));--mds-tree-label-icon-hover-color:var(--mds-tree-label-icon-default-color,#000);--mds-tree-line-clamp:2;--mds-tree-branch-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-branch-use-rounded-border:true;--mds-tree-branch-border-size:calc(var(--spacing,.0025rem)50);--mds-tree-branch-dot-default-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-branch-dot-expanded-color:rgb(var(--tone-neutral-06,158 158 158));--mds-tree-toggle-gap:calc(var(--spacing,.0025rem)150);--mds-tree-toggle-icon-async-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tree-toggle-icon-async-color:rgb(var(--variant-primary-03,211 226 255));--mds-tree-toggle-icon-chevron-default-background:rgb(var(--variant-primary-04,184 208 255));--mds-tree-toggle-icon-chevron-default-color:rgb(var(--tone-neutral,0 0 0));--mds-tree-toggle-icon-chevron-expanded-background:var(--mds-tree-toggle-icon-chevron-default-background,#000);--mds-tree-toggle-icon-chevron-expanded-color:var(--mds-tree-toggle-icon-chevron-default-color,#000);--mds-tree-toggle-icon-folder-default-background:rgb(var(--tone-neutral-08,107 107 107));--mds-tree-toggle-icon-folder-default-color:rgb(var(--variant-primary-04,184 208 255));--mds-tree-toggle-icon-folder-expanded-background:var(--mds-tree-toggle-icon-folder-default-background,#000);--mds-tree-toggle-icon-folder-expanded-color:var(--mds-tree-toggle-icon-folder-default-color,#000);--mds-tree-toggle-icon-position-right-default-background:transparent;--mds-tree-toggle-icon-position-right-default-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-toggle-icon-position-right-expanded-background:transparent;--mds-tree-toggle-icon-position-right-expanded-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-transition-duration:.3s;--mds-tree-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));--mds-tree-toggle-border-radius:var(--radius-lg,16px);--mds-tree-toggle-size:calc(var(--spacing,.0025rem)900);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:calc(var(--spacing,.0025rem)250);display:grid;padding:calc(var(--spacing,.0025rem)50);transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}@property --tw-duration{syntax:"";inherits:false}@property --tw-ease{syntax:"*";inherits:false}'}},[257,"mds-tree",{appearance:[513],async:[516],label:[1],toggle:[513],togglePosition:[513,"toggle-position"],expanded:[1540],truncate:[513],actions:[513]},void 0,{expanded:[{handleExpandedChange:0}],toggle:[{handleToggleChange:0}],truncate:[{handleTruncateChange:0}]}]),i=n,l=function(){"undefined"!=typeof customElements&&["mds-tree"].forEach((e=>{"mds-tree"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),n))}))};export{i as MdsTree,l as defineCustomElement}

package/dist/components/mds-url-view.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as r,Host as s,transformTag as i}from"@stencil/core/internal/client";import{m as a}from"./close.js";import{K as n}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as l}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";var u={close:"Κλείσιμο",iframeURL:"Στοιχείο iframe που περιέχει {{ url }}",previewURL:"Παράθυρο με προεπισκόπηση του {{ url }}"},w={close:"Close",iframeURL:"Iframe element containing {{ url }}",previewURL:"Window with a preview of {{ url }}"},p={close:"Cerrar",iframeURL:"Elemento iframe que contiene {{ url }}",previewURL:"Ventana con vista previa de {{ url }}"},v={close:"Chiudi",iframeURL:"Elemento iframe contentente {{ url }}",previewURL:"Finestra con anteprima di {{ url }}"};const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closeEvent=o(this,"mdsUrlViewClose",7),this.km=new n,this.t=new d({el:u,en:w,es:p,it:v}),this.loading="lazy",this.urlDomain=e=>new URL(e).hostname.replace("www.",""),this.closeUrlView=()=>{var e;this.closeEvent.emit(),null===(e=this.host.closest("mds-modal"))\|\|void 0===e\|\|e.close()}~~,this.disconnectedCallback=()=>{this.km.detachClickBehavior()~~}}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){var e;const t=null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelector(".action-close");this.km.addElement(t),this.km.attachClickBehavior()}render(){var e,t;return r(s,{key:"~~db3646514778edd26539244016b06b39f6c0ab7f~~","aria-label":this.t.get("previewURL",{url:this.urlDomain(this.src)})},r("div",{key:"~~f747eb49ed04e2f0992091ecc927e5315806d2d7~~",class:"window"},r("div",{key:"~~965b87ea11809a8e47f3a90a05520635a81753ab~~",class:"header"},r("mds-icon",{key:"~~29e0996b81341d5d19dad1930b918a45b3e98dc0~~",class:"window-icon",name:null!==(e=this.icon)&&void 0!==e?e:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z"/></svg>'}),r("mds-text",{key:"~~554c30e335f9b982036f9de2adef429d78a6e4ba~~",class:"title",typography:"caption"},null!==(t=this.label)&&void 0!==t?t:this.urlDomain(this.src)),r("mds-button",{key:"~~ce209ba666d12b97734211f1f8431b168e72d2c6~~",title:this.t.get("close"),class:"action-close",variant:"dark",tone:"text",icon:a,onClick:this.closeUrlView})),r("iframe",{key:"~~29cd963366d5407e922f79c9a5afc83183b93715~~",class:"iframe","aria-label":this.t.get("iframeURL",{url:this.urlDomain(this.src)}),src:this.src,loading:this.loading})))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-url-view-background:rgb(var(--tone-neutral-10,60 60 60));--mds-url-view-color:rgb(var(--tone-neutral-02,244 244 244));--mds-url-view-radius:var(--radius-md,12px);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-modal-custom-window-distance:0px;--mds-url-view-background:rgb(var(--tone-neutral-10,60 60 60));--mds-url-view-color:rgb(var(--tone-neutral-02,244 244 244));--mds-url-view-radius:var(--radius-md,12px);--mds-url-view-header-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-url-view-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;padding:calc(var(--spacing,.0025rem)400)}.window{border-radius:var(--mds-url-view-radius,var(--radius-md,12px));-webkit-box-shadow:var(--mds-url-view-shadow);box-shadow:var(--mds-url-view-shadow);flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.header,.window{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-url-view-background,rgb(var(--tone-neutral-10,60 60 60)));display:flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.header{align-items:center;-webkit-box-shadow:var(--mds-url-view-header-shadow);box-shadow:var(--mds-url-view-header-shadow);color:var(--mds-url-view-color,rgb(var(--tone-neutral-02,244 244 244)));flex-shrink:0;gap:calc(var(--spacing,.0025rem)200);justify-content:space-between;padding:calc(var(--spacing,.0025rem)200);position:relative}.title{flex-grow:1;min-width:calc(var(--spacing,.0025rem)0);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.window-icon{flex-shrink:0}.button-close,.window-icon{fill:var(--mds-url-view-color,rgb(var(--tone-neutral-02,244 244 244)))}.button-close{cursor:pointer}.iframe{border:0;flex-grow:1;margin:0;padding:0;width:100%}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .window{transition-duration:0s}:host-context(:root.pref-animation-reduce) .header{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-url-view-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-url-view-shadow:var(--shadow-outline-50)}@property --tw-ease{syntax:"";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .window{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-url-view-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-url-view-shadow:var(--shadow-outline-50)}}'}},[1,"mds-url-view",{icon:[513],label:[513],src:[513],loading:[513],language:[32],updateLang:[64]}]),b=f,x=function(){"undefined"!=typeof customElements&&["mds-url-view","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-url-view":customElements.get(i(e))\|\|customElements.define(i(e),f);break;case"mds-button":customElements.get(i(e))\|\|l();break;case"mds-icon":customElements.get(i(e))\|\|m();break;case"mds-spinner":customElements.get(i(e))\|\|c();break;case"mds-text":customElements.get(i(e))\|\|h()}}))};export{b as MdsUrlView,x as defineCustomElement}
1	+ import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as r,Host as s,transformTag as a}from"@stencil/core/internal/client";import{m as i}from"./close.js";import{K as n}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{d as l}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";var u={close:"Κλείσιμο",iframeURL:"Στοιχείο iframe που περιέχει {{ url }}",previewURL:"Παράθυρο με προεπισκόπηση του {{ url }}"},w={close:"Close",iframeURL:"Iframe element containing {{ url }}",previewURL:"Window with a preview of {{ url }}"},p={close:"Cerrar",iframeURL:"Elemento iframe que contiene {{ url }}",previewURL:"Ventana con vista previa de {{ url }}"},v={close:"Chiudi",iframeURL:"Elemento iframe contentente {{ url }}",previewURL:"Finestra con anteprima di {{ url }}"};const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closeEvent=o(this,"mdsUrlViewClose",7),this.km=new n,this.t=new d({el:u,en:w,es:p,it:v}),this.loading="lazy",this.urlDomain=e=>new URL(e).hostname.replace("www.",""),this.closeUrlView=()=>{var e;this.closeEvent.emit(),null===(e=this.host.closest("mds-modal"))\|\|void 0===e\|\|e.close()}}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){var e;const t=null===(e=this.host.shadowRoot)\|\|void 0===e?void 0:e.querySelector(".action-close");this.km.addElement(t),this.km.attachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){var e,t;return r(s,{key:"7cdaedfa3a5f6852a33e04c376df2a46dd5f28a4","aria-label":this.t.get("previewURL",{url:this.urlDomain(this.src)})},r("div",{key:"2d63ebc6278c37d8a3e6911b6a4606a7f33f6c2e",class:"window"},r("div",{key:"3ea3657d096bfe1d921eb7853492c4d6ffe36924",class:"header"},r("mds-icon",{key:"d8a653fd83cc24550f43a8399c52b244757f02f3",class:"window-icon",name:null!==(e=this.icon)&&void 0!==e?e:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z"/></svg>'}),r("mds-text",{key:"a39bbe9a04eeeb401aaae6ea2f843cfb2643f969",class:"title",typography:"caption"},null!==(t=this.label)&&void 0!==t?t:this.urlDomain(this.src)),r("mds-button",{key:"8f86fd7f760d6b5f70ade98e413010945f30e7e0",title:this.t.get("close"),class:"action-close",variant:"dark",tone:"text",icon:i,onClick:this.closeUrlView})),r("iframe",{key:"92ef7219b3d9e5f6b5250714fc5ed31ed871a0a3",class:"iframe","aria-label":this.t.get("iframeURL",{url:this.urlDomain(this.src)}),src:this.src,loading:this.loading})))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--mds-url-view-background:rgb(var(--tone-neutral-10,60 60 60));--mds-url-view-color:rgb(var(--tone-neutral-02,244 244 244));--mds-url-view-radius:var(--radius-md,12px);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-modal-custom-window-distance:0px;--mds-url-view-background:rgb(var(--tone-neutral-10,60 60 60));--mds-url-view-color:rgb(var(--tone-neutral-02,244 244 244));--mds-url-view-radius:var(--radius-md,12px);--mds-url-view-header-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-url-view-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;padding:calc(var(--spacing,.0025rem)400)}.window{border-radius:var(--mds-url-view-radius,var(--radius-md,12px));-webkit-box-shadow:var(--mds-url-view-shadow);box-shadow:var(--mds-url-view-shadow);flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.header,.window{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-url-view-background,rgb(var(--tone-neutral-10,60 60 60)));display:flex;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,box-shadow;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.header{align-items:center;-webkit-box-shadow:var(--mds-url-view-header-shadow);box-shadow:var(--mds-url-view-header-shadow);color:var(--mds-url-view-color,rgb(var(--tone-neutral-02,244 244 244)));flex-shrink:0;gap:calc(var(--spacing,.0025rem)200);justify-content:space-between;padding:calc(var(--spacing,.0025rem)200);position:relative}.title{flex-grow:1;min-width:calc(var(--spacing,.0025rem)0);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.window-icon{flex-shrink:0}.button-close,.window-icon{fill:var(--mds-url-view-color,rgb(var(--tone-neutral-02,244 244 244)))}.button-close{cursor:pointer}.iframe{border:0;flex-grow:1;margin:0;padding:0;width:100%}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .window{transition-duration:0s}:host-context(:root.pref-animation-reduce) .header{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-url-view-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-url-view-shadow:var(--shadow-outline-50)}@property --tw-ease{syntax:"";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .window{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-url-view-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-url-view-shadow:var(--shadow-outline-50)}}'}},[1,"mds-url-view",{icon:[513],label:[513],src:[513],loading:[513],language:[32],updateLang:[64]}]),b=f,x=function(){"undefined"!=typeof customElements&&["mds-url-view","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-url-view":customElements.get(a(e))\|\|customElements.define(a(e),f);break;case"mds-button":customElements.get(a(e))\|\|l();break;case"mds-icon":customElements.get(a(e))\|\|m();break;case"mds-spinner":customElements.get(a(e))\|\|c();break;case"mds-text":customElements.get(a(e))\|\|h()}}))};export{b as MdsUrlView,x as defineCustomElement}