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

package/dist/components/mds-toast.js

@@ -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}
+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{s as e}from"./preference.js";import{c as d}from"./clsx.js";import{d as c}from"./mds-text2.js";const h=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"))}connectedCallback(){this.unsubscribePrefAnimation=e("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=e("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=e("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=e("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,o,a,s;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(o=this.unsubscribePrefContrast)||void 0===o||o.call(this),null===(a=this.unsubscribePrefTheme)||void 0===a||a.call(this),null===(s=this.unsubscribePrefThemeScheme)||void 0===s||s.call(this)}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:"46d107363c17135813a545047e6ae735f7dcefa6","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},s("div",{key:"eb0d5703757687387438435fc931b62b1bc913e5",class:d("dialog",this.position&&"to-"+this.position,this.visible&&"dialog--visible")},s("slot",{key:"27ead3c153f71fa6b6505f6b90cbd612a6ad5ea9",name:"icon"}),this.hasText&&s("mds-text",{key:"270d5019769748ab6cbe60f0621884cd5c793e10",typography:"caption"},s("slot",{key:"14be34434c9d2a6c51cf2d2511bbfd721900f386"})),this.actions&&s("div",{key:"d84eb829e6934b2a10ffc01e4d450f83d02388a9",class:"actions"},s("slot",{key:"b1a7fd63b939a511f8ef5f793d5f98cd12ad27d3",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 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}}}: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;--private-toast-transition-duration:var(--mds-toast-duration,.3s);--private-toast-transition-duration-intro:var(--duration-500,.5s);--private-toast-transition-duration-icon:var(--duration-200,.2s);color:var(--mds-toast-color,rgb(var(--tone-neutral,0 0 0)));display:flex;left:0;pointer-events:none;position:fixed;right:0}.dialog{--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)));border-radius:var(--radius-xl,20px);-webkit-box-shadow:var(--mds-toast-shadow);box-shadow:var(--mds-toast-shadow);display:inline-flex;gap:calc(var(--spacing,.0025rem)*400);margin-inline:calc(var(--spacing,.0025rem)*400);max-width:100%;padding:calc(var(--spacing,.0025rem)*400);pointer-events:none;-webkit-transition-duration:var(--private-toast-transition-duration);transition-duration:var(--private-toast-transition-duration);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: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: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(--private-toast-transition-duration-icon);transition-duration:var(--private-toast-transition-duration-icon);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(--private-toast-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(--private-toast-transition-duration-intro,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(--private-toast-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(--private-toast-transition-duration-intro,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([pref-animation=reduce]){--private-toast-transition-duration:0s;--private-toast-transition-duration-intro:0s;--private-toast-transition-duration-icon:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-toast-shadow:var(--shadow-outline)!important}:host([pref-contrast=more]){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-toast-transition-duration:0s;--private-toast-transition-duration-intro:0s;--private-toast-transition-duration-icon:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-toast-shadow:var(--shadow-outline)!important}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-toast-shadow:var(--shadow-outline-strong-50)!important}}'}},[257,"mds-toast",{duration:[1538],visible:[1540],variant:[513],tone:[513],position:[1537],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]},void 0,{visible:[{visibleChanged:0}],duration:[{durationChanged:0}]}]),p=h,l=function(){"undefined"!=typeof customElements&&["mds-toast","mds-text"].forEach((t=>{switch(t){case"mds-toast":customElements.get(i(t))||customElements.define(i(t),h);break;case"mds-text":customElements.get(i(t))||c()}}))};export{p as MdsToast,l as defineCustomElement}

package/dist/components/mds-tooltip2.js

@@ -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}
+import{proxyCustomElement as t,HTMLElement as e,h as a,Host as o,transformTag as i}from"@stencil/core/internal/client";import{F as r}from"./floating-controller.js";import{s}from"./preference.js";import{d as n}from"./mds-text2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hideArrow=!1,this.arrowPadding=4,this.disableAutoPlacement=!1,this.flip=!1,this.offset=12,this.placement="top",this.typography="tip",this.disableShift=!1,this.shiftPadding=12,this.strategy="fixed",this.visible=!1,this.handleVisibility=t=>{this.visible=t}}hideArrowChanged(){this.floatingController.updatePosition()}disableAutoPlacementChanged(){this.floatingController.updatePosition()}flipChanged(){this.floatingController.updatePosition()}offsetChanged(){this.floatingController.updatePosition()}placementChanged(){this.floatingController.updatePosition()}disableShiftChanged(){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)))}connectedCallback(){this.unsubscribePrefAnimation=s("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=s("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=s("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=s("theme-scheme",(t=>{this.prefThemeScheme=t}))}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(){var t,e,a,o;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(a=this.unsubscribePrefTheme)||void 0===a||a.call(this),null===(o=this.unsubscribePrefThemeScheme)||void 0===o||o.call(this),this.floatingController.dismiss()}render(){return a(o,{key:"d71141bf2839b6ab6fef43754887ea0a0098d709","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},a("div",{key:"d7a256833a2102a5eb58bcf9b51c445a1a969000",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'}),a("mds-text",{key:"19a0295a047e2a48ddbf52636fb81f6304891e43",class:"text",typography:this.typography,part:"text"},a("slot",{key:"82bfa0ae911e8633ed3295b4f57d348ca357009e"})))}get host(){return this}static get watchers(){return{hideArrow:[{hideArrowChanged:0}],disableAutoPlacement:[{disableAutoPlacementChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],disableShift:[{disableShiftChanged: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 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-ease:initial}}}: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;--private-tooltip-duration:var(--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(--private-tooltip-duration);transition-duration:var(--private-tooltip-duration);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-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;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.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([pref-animation=reduce]){--private-tooltip-duration:0s}:host([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([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-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-tooltip-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]: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))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--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",{hideArrow:[4,"hide-arrow"],arrowPadding:[2,"arrow-padding"],disableAutoPlacement:[516,"disable-auto-placement"],flip:[4],target:[513],offset:[2],placement:[513],typography:[1],disableShift:[4,"disable-shift"],shiftPadding:[2,"shift-padding"],strategy:[513],visible:[1540],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]},void 0,{hideArrow:[{hideArrowChanged:0}],disableAutoPlacement:[{disableAutoPlacementChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],disableShift:[{disableShiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],visible:[{visibleChanged:0}],target:[{targetChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["mds-tooltip","mds-text"].forEach((t=>{switch(t){case"mds-tooltip":customElements.get(i(t))||customElements.define(i(t),d);break;case"mds-text":customElements.get(i(t))||n()}}))}export{d as M,l as d}

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

@@ -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}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as o,Host as i,transformTag as a}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 g}from"./mds-spinner2.js";import{d as m}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 r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expandEvent=t(this,"mdsTreeItemExpand",7),this.collapsedEvent=t(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")},this.resolveActions=()=>{var e;const r=this.host.closest("mds-tree-item[actions], mds-tree[actions]");this.resolvedActions=null!==(e=null==r?void 0:r.getAttribute("actions"))&&void 0!==e?e:"auto"}}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()}handleActionsChange(){this.resolveActions()}async refreshActions(){this.resolveActions()}componentWillLoad(){this.language=this.t.lang(this.host),this.updateToggleIcon(),this.resolveActions(),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(i,{key:"288e9f505e7d61c35591a1a76b59e55d988da5eb","resolved-actions":this.resolvedActions},o("div",{key:"2dc6752b5df90b1240a582b1e834a56c8c469f0c",class:n("header",this.hasChildren&&"header--has-children")},o("div",{key:"c6492d4f1bfbe6fe609835b3e949f15eae2f2be8",class:"tree-node"},o("div",{key:"981800c6964113b608f4f80ddad5f6a81cfd921b",class:"tree-branch"}),o("div",{key:"56b71655b2236135329b745acbd762fd02cf8a55",class:"tree-dot"})),o("div",{key:"69f0f6ae4613ee52eb721b5cd635dee31decedb4",class:"toggle-icon"},o("mds-button",{key:"1ff6586927d67697c6c79b9d8749a2d8f432ccf7",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:"629b3eb10a65f6f99137bee0dcbdbff2b9f21eac",class:"title"},o("mds-button",{key:"82d41a1fbc2aa763920f64d23c877df335eb6f19",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:"ecc46798cf242dd36a499499aefd2a92d3dd3e81",class:n("actions-container",this.hasActions&&"actions-container--has-actions"),part:"actions-container"},o("div",{key:"0d318f5697c3f9f13c41f818cfdeeaaf1cf3dd4d",class:"actions",part:"actions-list"},o("slot",{key:"adc4371e19dfb38e58feceaad187007a7a0a3108",name:"action"}))))),o("div",{key:"9f69e34dd1326bf419ba1c7395ced5433c351c4a",class:n("children",this.hasChildren&&"children--has-children",this.expanded&&"children--expanded")},o("slot",{key:"f04be5d65ec3e9628246958d7ae8c382bfb1af44"})))}get host(){return this}static get watchers(){return{toggle:[{handleIconChange:0}],expanded:[{handleExpandedChange:0}],actions:[{handleActionsChange: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-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,#0000);--mds-tree-item-label-hover-background:var(--mds-tree-label-hover-background,#0000);--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,#0000);--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,#0000);--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)}}}: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{--mds-tree-branch-border-radius:var(--radius-lg,16px)}}@container style(--mds-tree-branch-use-rounded-border:false){:host{--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,#0000);--mds-tree-item-label-hover-background:var(--mds-tree-label-hover-background,#0000);--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,#0000);--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,#0000);--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,#0000));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,#0000));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,:host([resolved-actions=visible]) .actions-container{pointer-events:auto}.header:focus-within .actions-container,.header:hover .actions-container,:host([resolved-actions=visible]) .actions-container{-webkit-animation:toggleOverflow var(--duration-300,.3s) forwards;animation:toggleOverflow var(--duration-300,.3s) forwards;min-width:fit-content;width:fit-content}.header:focus-within .actions,.header:hover .actions,:host([resolved-actions=visible]) .actions{transform:scale(1)}.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([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][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([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([toggle=folder]) .toggle-icon mds-button{--size:auto;border-radius:var(--radius);padding:calc(var(--spacing,.0025rem)*25) calc(var(--spacing,.0025rem)*50)}:host([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([toggle=folder][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([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,#0000));--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][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,#0000));--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][toggle-position=left][toggle=chevron]) .toggle-icon{transform:rotate(90deg)}.header:not(.header--has-children) .toggle-icon{display:none}:host([toggle-position=left]) .toggle-icon{order:0}:host([toggle-position=right]) .header--has-children .title{margin-right:var(--offset)}:host([toggle-position=left][toggle=chevron][expanded]) .toggle-icon{transform:rotate(90deg)}:host([toggle-position=left][toggle=chevron]:not([expanded])) .toggle-icon{transform:rotate(0)}:host([toggle=chevron][toggle-position=right]) .toggle-icon{transform:rotate(90deg)}:host([toggle=chevron][expanded][toggle-position=right]) .toggle-icon{transform:rotate(270deg)}:host([toggle=chevron][toggle-position=right]) .toggle-icon--dot,:host([toggle=folder][toggle-position=right]) .toggle-icon--dot{transform:rotate(0)scale(.825)}:host([toggle=chevron][toggle-position=right]) .toggle-icon,:host([toggle=folder][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))}:host([toggle=chevron][expanded][toggle-position=right]) .toggle-icon,:host([toggle=folder][expanded][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([appearance=none]) .header{--offset:0;gap:0}:host([appearance=none]) .tree-dot,:host([appearance=none]) .tree-node,:host([appearance=none]:not(:last-child)) .children--has-children:before{display:none}:host([appearance=none]) .label-action{--padding:calc(var(--spacing,.0025rem)*200);margin-left:0;padding-left:var(--padding);padding-right:var(--padding)}:host([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([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],togglePosition:[513,"toggle-position"],appearance:[513],expanded:[1540],truncate:[513],icon:[1],hasActions:[32],hasChildren:[32],currentToggleIcon:[32],await:[32],resolvedActions:[32],language:[32],updateLang:[64],expand:[64],refreshActions:[64]},void 0,{toggle:[{handleIconChange:0}],expanded:[{handleExpandedChange:0}],actions:[{handleActionsChange:0}]}]),f=p,k=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(a(e))||customElements.define(a(e),p);break;case"mds-button":customElements.get(a(e))||c();break;case"mds-icon":customElements.get(a(e))||l();break;case"mds-spinner":customElements.get(a(e))||g();break;case"mds-text":customElements.get(a(e))||m()}}))};export{f as MdsTreeItem,k as defineCustomElement}

package/dist/components/mds-tree.js

@@ -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}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";const n=e(class extends t{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((t=>{t.async||(t.expanded=e)}))},this.updateChildrenToggle=e=>{this.childrenElements.forEach((t=>{t.toggle=e}))},this.updateChildrenTogglePosition=e=>{this.childrenElements.forEach((t=>{t.togglePosition=e}))},this.updateChildrenAppearance=e=>{this.childrenElements.forEach((t=>{t.appearance=e}))},this.updateChildrenTruncate=e=>{this.childrenElements.forEach((t=>{t.truncate=e}))},this.updateElements=()=>{var e,t;this.elements=null===(t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelectorAll("slot")[0])||void 0===t?void 0:t.assignedNodes(),this.updateZIndex()},this.updateZIndex=()=>{this.elements.forEach(((e,t)=>{e.style.zIndex=""+(this.elements.length-t)}))}}handleExpandedChange(e){this.updateChildrenExpanded(e)}handleToggleChange(e){this.updateChildrenToggle(e)}handleTogglePositionChange(e){this.updateChildrenTogglePosition(e)}handleAppearanceChange(e){this.updateChildrenAppearance(e)}handleActionsChange(){this.childrenElements.forEach((e=>{e.refreshActions()}))}handleTruncateChange(e){this.updateChildrenTruncate(e)}componentWillLoad(){this.childrenElements=this.host.querySelectorAll("mds-tree-item"),this.updateChildrenTruncate(this.truncate),this.updateChildrenToggle(this.toggle),this.updateChildrenTogglePosition(this.togglePosition),this.updateChildrenAppearance(this.appearance);const e=this.host.querySelectorAll(":scope > mds-tree-item");null!=e&&e.forEach((e=>{e.depth=0}))}render(){return r(o,{key:"5f12437a013f46e4ec19e8e5ecd246f07b2238f2"},r("slot",{key:"0b8dbb5248df347958106a5ddb23b4c273e781d0",onSlotchange:this.updateElements}))}get host(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}],toggle:[{handleToggleChange:0}],togglePosition:[{handleTogglePositionChange:0}],appearance:[{handleAppearanceChange:0}],actions:[{handleActionsChange: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:#0000;--mds-tree-label-hover-background:#0000;--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:#0000;--mds-tree-toggle-icon-position-right-default-color:#000;--mds-tree-toggle-icon-position-right-expanded-background:#0000;--mds-tree-toggle-icon-position-right-expanded-color:#000;--mds-tree-transition-duration:0s;--tw-ease:initial}}}: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:#0000;--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:#0000;--mds-tree-toggle-icon-position-right-default-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tree-toggle-icon-position-right-expanded-background:#0000;--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-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);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}@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}],togglePosition:[{handleTogglePositionChange:0}],appearance:[{handleAppearanceChange:0}],actions:[{handleActionsChange: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

@@ -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}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,Host as s,transformTag as a}from"@stencil/core/internal/client";import{m as o}from"./close.js";import{K as n}from"./keyboard-manager.js";import{L as d}from"./locale.js";import{s as l}from"./preference.js";import{d as m}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";var w={close:"Κλείσιμο",iframeURL:"Στοιχείο iframe που περιέχει {{ url }}",previewURL:"Παράθυρο με προεπισκόπηση του {{ url }}"},v={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 }}"},f={close:"Chiudi",iframeURL:"Elemento iframe contentente {{ url }}",previewURL:"Finestra con anteprima di {{ url }}"};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closeEvent=i(this,"mdsUrlViewClose",7),this.km=new n,this.t=new d({el:w,en:v,es:p,it:f}),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)}connectedCallback(){this.unsubscribePrefAnimation=l("animation",(e=>{this.prefAnimation=e})),this.unsubscribePrefContrast=l("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=l("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=l("theme-scheme",(e=>{this.prefThemeScheme=e}))}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(){var e,t,i,r;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this),null===(i=this.unsubscribePrefTheme)||void 0===i||i.call(this),null===(r=this.unsubscribePrefThemeScheme)||void 0===r||r.call(this),this.km.detachClickBehavior()}render(){var e,t;return r(s,{key:"806641c36d9b4aa568b09ce3617f4ca860ed8817","aria-label":this.t.get("previewURL",{url:this.urlDomain(this.src)}),"pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},r("div",{key:"2205b5e3d0810ba101e3ba78e690f94ae156b042",class:"window"},r("div",{key:"cced352e1926c26eb05f122d8df152f19a695a78",class:"header"},r("mds-icon",{key:"8b386b0a164a176f3a65dd8f0ae9b639efcfbe51",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:"14b2574e7a3e28620a7fb098644e3cd1abb66208",class:"title",typography:"caption"},null!==(t=this.label)&&void 0!==t?t:this.urlDomain(this.src)),r("mds-button",{key:"eceac0ff4d497eaf88c675605b833fd3a7eac9f7",title:this.t.get("close"),class:"action-close",variant:"dark",tone:"text",icon:o,onClick:this.closeUrlView})),r("iframe",{key:"a18133eb09c2ef5bf7b7ecdaabef6f3e00b91a8b",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 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}}}: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-url-view-transition-duration:var(--duration-200,.2s);--private-url-view-transition-duration:var(--mds-url-view-transition-duration);--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(--private-url-view-transition-duration);transition-duration:var(--private-url-view-transition-duration);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: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([pref-animation=reduce]){--private-url-view-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-url-view-shadow:var(--shadow-outline)}:host([pref-contrast=more]){--mds-url-view-shadow:var(--shadow-outline-50)}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-url-view-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-url-view-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-url-view-shadow:var(--shadow-outline-50)}}'}},[1,"mds-url-view",{icon:[513],label:[513],src:[513],loading:[513],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],language:[32],updateLang:[64]}]),g=b,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),b);break;case"mds-button":customElements.get(a(e))||m();break;case"mds-icon":customElements.get(a(e))||c();break;case"mds-spinner":customElements.get(a(e))||h();break;case"mds-text":customElements.get(a(e))||u()}}))};export{g as MdsUrlView,x as defineCustomElement}

package/dist/components/mds-usage.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{L as s}from"./locale.js";import{d as n}from"./mds-icon2.js";import{d}from"./mds-text2.js";var i={do:"Επιτρέπεται",dont:"Δεν επιτρέπεται",info:"Πληροφορία",warn:"Προειδοποίηση"},c={do:"Allowed",dont:"Not allowed",info:"Information",warn:"Warning"},m={do:"Permitido",dont:"No permitido",info:"Información",warn:"Advertencia"},g={do:"Consentito",dont:"Non consentito",info:"Informazione",warn:"Attenzione"};const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.t=new s({el:i,en:c,es:m,it:g}),this.variant="info"}async updateLang(){this.language=this.t.lang(this.element)}render(){var t;return r(o,{key:"448aa090854adc543ebd50653234aae486f21037"},r("div",{key:"be4057f81c86c7accb98a003733af802da34b454",class:"header",part:"header"},r("mds-icon",{key:"c0264f5e80cf4ef8922f62935592138f0d6de0e9",name:"mi/baseline/info",part:"icon"}),r("mds-text",{key:"a30fa64ebb19c2b0187d664b153ee35dae409293",typography:"label",class:"label",part:"label"},null!==(t=this.alias)&&void 0!==t?t:this.t.get(this.variant))),r("div",{key:"1d0421d1ec8d2cae52c527db24f4bd30a25bb571",class:"content",role:"do"===this.variant||"info"===this.variant?"insertion":"deletion"},r("slot",{key:"80c342f0def0b79695703512c70ecf71da61ab3e"})))}get element(){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 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-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));--mds-usage-header-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*400);padding-top:calc(var(--spacing,.0025rem)*0);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-style:solid;border-width:calc(var(--spacing,.0025rem)*50);display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:minmax(0,100%);position:relative;transition-duration:.2s;transition-property:background-color,box-shadow,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.label{color:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)))}mds-icon{fill:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)));height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}.header{align-items:center;background-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-bottom-left-radius:calc(var(--spacing,.0025rem)*200);border-bottom-right-radius:calc(var(--spacing,.0025rem)*200);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);height:calc(var(--spacing,.0025rem)*600);justify-self:start;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .badge{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}:host([variant=do]){--mds-usage-border-color:rgb(var(--status-success-05,107 206 147));--mds-usage-header-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-usage-border-color:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103))}:host([variant=dont]){--mds-usage-border-color:rgb(var(--status-error-05,250 165 160));--mds-usage-header-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warn]){--mds-usage-border-color:rgb(var(--status-warning-08,129 96 0));--mds-usage-header-color:rgb(var(--status-warning-02,255 237 185))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){transition-duration:0s}:host-context(:root:not([data-magma-pref])){transition-duration:0s}:host-context(:root:not([data-magma-pref])) .badge{transition-duration:0s}}@media (prefers-contrast:more){:host-context(:root.pref-contrast-system){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=do]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=dont]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root:not([data-magma-pref])):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}}@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-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}}'}},[257,"mds-usage",{variant:[1],alias:[1],language:[32],updateLang:[64]}]),l=u,h=function(){"undefined"!=typeof customElements&&["mds-usage","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-usage":customElements.get(a(t))||customElements.define(a(t),u);break;case"mds-icon":customElements.get(a(t))||n();break;case"mds-text":customElements.get(a(t))||d()}}))};export{l as MdsUsage,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";import{L as o}from"./locale.js";import{s as n}from"./preference.js";import{d as i}from"./mds-icon2.js";import{d}from"./mds-text2.js";var c={do:"Επιτρέπεται",dont:"Δεν επιτρέπεται",info:"Πληροφορία",warn:"Προειδοποίηση"},h={do:"Allowed",dont:"Not allowed",info:"Information",warn:"Warning"},m={do:"Permitido",dont:"No permitido",info:"Información",warn:"Advertencia"},u={do:"Consentito",dont:"Non consentito",info:"Informazione",warn:"Attenzione"};const g=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.t=new o({el:c,en:h,es:m,it:u}),this.variant="info"}async updateLang(){this.language=this.t.lang(this.element)}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(e=>{this.prefAnimation=e})),this.unsubscribePrefContrast=n("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=n("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=n("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,t,r,a;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this),null===(r=this.unsubscribePrefTheme)||void 0===r||r.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this)}render(){var e;return r(a,{key:"85c8efc0f31d70d317575637e4c4e4584170ab10","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},r("div",{key:"b13cc0c447b185362dc7d8a2587ccc3f7f260ab9",class:"header",part:"header"},r("mds-icon",{key:"f739767d950f5f3d65e0571faf1270f73fa658da",name:"mi/baseline/info",part:"icon"}),r("mds-text",{key:"7df4c76d59a017beadb081603a25aab194f74b52",typography:"label",class:"label",part:"label"},null!==(e=this.alias)&&void 0!==e?e:this.t.get(this.variant))),r("div",{key:"1d2fd3a6c1e8a83c59b8c8819d5119e91b4870da",class:"content",role:"do"===this.variant||"info"===this.variant?"insertion":"deletion"},r("slot",{key:"a951eb3d2e26814d585f04d1143d588ddd008b18"})))}get element(){return this}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-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103));--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-usage-border-color:rgb(var(--status-info-06,0 161 208));--mds-usage-header-background:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));--mds-usage-header-color:rgb(var(--tone-neutral,0 0 0));--mds-usage-transition-duration:var(--duration-200,.2s);--private-usage-transition-duration:var(--mds-usage-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-radius:var(--radius-lg,16px);border-style:solid;border-width:calc(var(--spacing,.0025rem)*50);display:grid;gap:calc(var(--spacing,.0025rem)*200);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:minmax(0,100%);padding:calc(var(--spacing,.0025rem)*400);padding-top:0;position:relative;-webkit-transition-duration:var(--private-usage-transition-duration);transition-duration:var(--private-usage-transition-duration);transition-property:background-color,box-shadow,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.label{color:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)))}mds-icon{fill:var(--mds-usage-header-color,rgb(var(--status-info-10,0 61 103)));height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}.header{align-items:center;background-color:var(--mds-usage-border-color,rgb(var(--status-info-06,0 161 208)));border-bottom-left-radius:calc(var(--spacing,.0025rem)*200);border-bottom-right-radius:calc(var(--spacing,.0025rem)*200);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);height:calc(var(--spacing,.0025rem)*600);justify-self:start;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}:host([pref-animation=reduce]){--private-usage-transition-duration:0s}:host([pref-contrast=more]),:host([pref-contrast=more]):host([variant=do]),:host([pref-contrast=more]):host([variant=dont]),:host([pref-contrast=more]):host([variant=warn]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}:host([variant=do]){--mds-usage-border-color:rgb(var(--status-success-05,107 206 147));--mds-usage-header-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-usage-border-color:rgb(var(--status-info-05,112 198 234));--mds-usage-header-color:rgb(var(--status-info-10,0 61 103))}:host([variant=dont]){--mds-usage-border-color:rgb(var(--status-error-05,250 165 160));--mds-usage-header-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warn]){--mds-usage-border-color:rgb(var(--status-warning-08,129 96 0));--mds-usage-header-color:rgb(var(--status-warning-02,255 237 185))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-usage-transition-duration:0s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host(:not([pref-contrast])):host([variant=do]),:host(:not([pref-contrast])):host([variant=dont]),:host(:not([pref-contrast])):host([variant=warn]),:host([pref-contrast=system]){--mds-usage-badge-color:rgb(var(--tone-neutral-01,255 255 255));--mds-usage-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-usage-header-background:rgb(var(--status-info-05,112 198 234));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=do]){--mds-usage-header-background:rgb(var(--status-success-05,107 206 147))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=dont]){--mds-usage-header-background:rgb(var(--status-error-05,250 165 160))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=warn]){--mds-usage-header-background:rgb(var(--status-warning-05,237 177 0))}}'}},[257,"mds-usage",{variant:[1],alias:[1],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],language:[32],updateLang:[64]}]),l=g,b=function(){"undefined"!=typeof customElements&&["mds-usage","mds-icon","mds-text"].forEach((e=>{switch(e){case"mds-usage":customElements.get(s(e))||customElements.define(s(e),g);break;case"mds-icon":customElements.get(s(e))||i();break;case"mds-text":customElements.get(s(e))||d()}}))};export{l as MdsUsage,b as defineCustomElement}

package/dist/components/mds-video-wall.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,h as i,Host as t,transformTag as a}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";const n=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.autoplay=!0,this.loop=!0,this.muted=!0,this.noise="none",this.preload="auto"}componentWillLoad(){this.hasContent=null!==this.hostElement.querySelector(':scope > [slot="content"]')}render(){return i(t,{key:"82f1f142c13168968cc0652b21612a6872ba63fe"},"none"!==this.noise&&i("div",{key:"a6f179747d63769ec0780986754d9bd04579c39d","aria-hidden":"true",class:s("noise","noise--"+this.noise)}),i("video",{key:"b6d9b4d16a414594624c3bbf6b3c6059538c99de","aria-hidden":"true",autoplay:this.autoplay,loop:this.loop,muted:this.muted,poster:this.poster,preload:this.preload,src:this.src},i("slot",{key:"3667c4c9bc1bb1cb28dd42ef0e71841fcbc92013"})),this.hasContent&&i("div",{key:"a7173bd4b5306bbbada4d875fcbc25ba1702839a",class:"content"},i("slot",{key:"6f5a6425717d2ee622f53055ac3c4633392110b4",name:"content"})))}get hostElement(){return this}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-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-video-fit:cover}}}@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-video-wall-noise-background-size{syntax:"auto|<length>";inherits:false;initial-value:auto}@property --mds-video-wall-video-fit{syntax:"contain|cover|fill|none|scale-down";inherits:false;initial-value:cover}:host{--mds-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-noise-fitler:none;--mds-video-wall-video-fit:cover;aspect-ratio:var(--aspect-video,16/9);background-color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative}.content{align-items:center;display:flex;justify-content:center;position:relative;z-index:3}.content,.noise,video{height:100%;width:100%}.noise,video{inset:0;position:absolute}video{-o-object-fit:var(--mds-video-wall-video-fit,cover);object-fit:var(--mds-video-wall-video-fit,cover);z-index:1}.noise{background-color:var(--mds-video-wall-noise-background-color,rgb(var(--variant-primary-03,211 226 255)/.8));background-size:var(--mds-video-wall-noise-background-size,auto);filter:var(--mds-video-wall-noise-fitler);z-index:2}.noise--classic{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQYV2NkwAEYoeIzGRgYtjAwMGxmYGAAs2ESvlBBkDowGyaBYSDpRgEAkLwKoa+v7O8AAAAASUVORK5CYII=)}.noise--sharp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOklEQVQoU2NkYGAwZoCAs2hssCAjNkFkMZACGMBqEswErMaDTEJWgNUkmBU4HYpNAYpJyI4ESWCYBAAe2A7Vb66lfAAAAABJRU5ErkJggg==)}.noise--soft{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAOElEQVQYV2NkYGAwZoCA51BaEpnPiKTgLFQCpgHMR1aA0wQpbEYzMDCArQKZAAMoRsOsBinAawIAOXkJ1Ff0CjwAAAAASUVORK5CYII=)}.noise--tv{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkYGDwZcABGP8zKBuD5Bj/P4coEf0Kod8wSjH+Z5CVgki+RZc0HghJADPEICMR8Ep/AAAAAElFTkSuQmCC)}:host-context(:root.pref-animation-reduce) video{display:none}@media (prefers-reduced-motion){:host-context(:root.pref-animation-system){display:none}:host-context(:root:not([data-magma-pref])) video{display:none}}'}},[257,"mds-video-wall",{autoplay:[4],loop:[4],muted:[4],noise:[1],poster:[1],preload:[1],src:[1]}]),r=n,d=function(){"undefined"!=typeof customElements&&["mds-video-wall"].forEach((e=>{"mds-video-wall"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))};export{r as MdsVideoWall,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as o,h as i,Host as a,transformTag as t}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";const n=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.autoplay=!0,this.loop=!0,this.muted=!0,this.noise="none",this.preload="auto"}componentWillLoad(){this.hasContent=null!==this.hostElement.querySelector(':scope > [slot="content"]')}render(){return i(a,{key:"8f07c944028bfe470b32b16318d116b11b8182e7"},"none"!==this.noise&&i("div",{key:"98490d2cc82b65ff2e3032856af679d455820224","aria-hidden":"true",class:s("noise","noise--"+this.noise)}),i("video",{key:"6a7d2ecc5a053593b111f4a7bb55a0d559f514a0","aria-hidden":"true",autoplay:this.autoplay,loop:this.loop,muted:this.muted,poster:this.poster,preload:this.preload,src:this.src},i("slot",{key:"34d12c79883050650e0cc6c4585cdf74b2f0da5f"})),this.hasContent&&i("div",{key:"ce5d918aa67250207d7e81698eb0b1d40a9f6a36",class:"content"},i("slot",{key:"68e82013151c87a3b265d3d2cf398e92120e9b5a",name:"content"})))}get hostElement(){return this}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-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-video-fit:cover}}}: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-video-wall-noise-background-size{syntax:"auto|<length>";inherits:false;initial-value:auto}@property --mds-video-wall-video-fit{syntax:"contain|cover|fill|none|scale-down";inherits:false;initial-value:cover}:host{--mds-video-wall-noise-background-color:rgb(var(--variant-primary-03,211 226 255)/.8);--mds-video-wall-noise-background-size:auto;--mds-video-wall-noise-fitler:none;--mds-video-wall-video-fit:cover;aspect-ratio:var(--aspect-video,16/9);background-color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative}.content{align-items:center;display:flex;justify-content:center;position:relative;z-index:3}.content,.noise,video{height:100%;width:100%}.noise,video{inset:0;position:absolute}video{-o-object-fit:var(--mds-video-wall-video-fit,cover);object-fit:var(--mds-video-wall-video-fit,cover);z-index:1}.noise{background-color:var(--mds-video-wall-noise-background-color,rgb(var(--variant-primary-03,211 226 255)/.8));background-size:var(--mds-video-wall-noise-background-size,auto);filter:var(--mds-video-wall-noise-fitler);z-index:2}.noise--classic{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQYV2NkwAEYoeIzGRgYtjAwMGxmYGAAs2ESvlBBkDowGyaBYSDpRgEAkLwKoa+v7O8AAAAASUVORK5CYII=)}.noise--sharp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOklEQVQoU2NkYGAwZoCAs2hssCAjNkFkMZACGMBqEswErMaDTEJWgNUkmBU4HYpNAYpJyI4ESWCYBAAe2A7Vb66lfAAAAABJRU5ErkJggg==)}.noise--soft{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAOElEQVQYV2NkYGAwZoCA51BaEpnPiKTgLFQCpgHMR1aA0wQpbEYzMDCArQKZAAMoRsOsBinAawIAOXkJ1Ff0CjwAAAAASUVORK5CYII=)}.noise--tv{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkYGDwZcABGP8zKBuD5Bj/P4coEf0Kod8wSjH+Z5CVgki+RZc0HghJADPEICMR8Ep/AAAAAElFTkSuQmCC)}@media (prefers-reduced-motion:reduce){video{display:none}}'}},[257,"mds-video-wall",{autoplay:[4],loop:[4],muted:[4],noise:[1],poster:[1],preload:[1],src:[1]}]),r=n,A=function(){"undefined"!=typeof customElements&&["mds-video-wall"].forEach((e=>{"mds-video-wall"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))};export{r as MdsVideoWall,A as defineCustomElement}

package/dist/components/mds-zero.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as a,transformTag as n}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(a,{key:"4fa8ad6a12089daefb9f6c0c92a0e8e5d4d4514d"},o("slot",{key:"b75c4e9d7b1b37a6800fe27c83dbf870bf16bb33"}),o("div",{key:"06800749b5440e93d5d258aa71610ebc17841624",class:"contents",part:"contents"},o("slot",{key:"802d32def4e717b196e0fa1d4666d316107ef04c",name:"content"})),o("footer",{key:"0da9f38014efaef387026489b81050360af244e7",class:"actions",part:"actions"},o("slot",{key:"91f9ec1a9a3ace90eb721768d0e54600d057cf1d",name:"action"})))}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-zero-contents-max-width:none;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-zero-contents-max-width{syntax:"<length>|none";inherits:false;initial-value:none}:host{--mds-zero-contents-max-width:400px;border-radius:var(--radius-xl,20px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:rgb(var(--tone-neutral-10,60 60 60));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-items:center;padding:calc(var(--spacing,.0025rem)*1200);transition-duration:.2s;transition-property:box-shadow,background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host .contents{display:flex;flex-direction:column;max-width:var(--mds-zero-contents-max-width,none);place-items:center;text-align:center}:host .actions{display:flex;gap:calc(var(--spacing,.0025rem)*200);place-items:center;width:100%}:host ::slotted([slot=action]){margin:auto}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (min-width:480px){:host{padding-inline:calc(var(--spacing,.0025rem)*600)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[257,"mds-zero"]),s=r,i=function(){"undefined"!=typeof customElements&&["mds-zero"].forEach((e=>{"mds-zero"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{s as MdsZero,i as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as n}from"@stencil/core/internal/client";import{s as i}from"./preference.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}connectedCallback(){this.unsubscribePrefAnimation=i("animation",(e=>{this.prefAnimation=e})),this.unsubscribePrefContrast=i("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=i("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=i("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,t,o,r;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this),null===(o=this.unsubscribePrefTheme)||void 0===o||o.call(this),null===(r=this.unsubscribePrefThemeScheme)||void 0===r||r.call(this)}render(){return o(r,{key:"6313fb7bb691178754bf339cb5ed9fe35c89bf40","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},o("slot",{key:"ad07044307f4d6af9674c6f3f1b7dd1e53880936"}),o("div",{key:"2e99ce2ac84f02d16d119ab2952cfec09d16d8c6",class:"contents",part:"contents"},o("slot",{key:"e27e04c9b63d8312de6ca2ac44db5776ba7da30b",name:"content"})),o("footer",{key:"77d6ffcd4e3a8cc6d1e49662bdd06d91dc020177",class:"actions",part:"actions"},o("slot",{key:"7c774123d4bd3061b6901c95bf7999bf7759ea99",name:"action"})))}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-zero-contents-max-width:none;--tw-ease:initial}}}@property --mds-zero-contents-max-width{syntax:"<length>|none";inherits:false;initial-value:none}:host{--mds-zero-contents-max-width:400px;--mds-zero-transition-duration:var(--duration-200,.2s);--private-zero-transition-duration:var(--mds-zero-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:rgb(var(--tone-neutral-10,60 60 60));border-radius:var(--radius-xl,20px);display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-items:center;padding:calc(var(--spacing,.0025rem)*1200);-webkit-transition-duration:var(--private-zero-transition-duration);transition-duration:var(--private-zero-transition-duration);transition-property:box-shadow,background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host .contents{display:flex;flex-direction:column;max-width:var(--mds-zero-contents-max-width,none);place-items:center;text-align:center}:host .actions{align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-items:center;width:100%}:host ::slotted([slot=action]){margin:auto}:host([pref-animation=reduce]){--private-zero-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host([pref-contrast=more]){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-ease{syntax:"*";inherits:false}@media (min-width:480px){:host{padding-inline:calc(var(--spacing,.0025rem)*600)}}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-zero-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){background-color:rgb(var(--tone-neutral-09,76 76 76));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[257,"mds-zero",{prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]),s=a,d=function(){"undefined"!=typeof customElements&&["mds-zero"].forEach((e=>{"mds-zero"===e&&(customElements.get(n(e))||customElements.define(n(e),a))}))};export{s as MdsZero,d as defineCustomElement}

package/dist/components/preference.js

@@ -0,0 +1 @@
+const e={animation:["reduce","system","no-preference"],consumption:["low","medium","high"],contrast:["more","no-preference","system"],theme:["light","dark","system"],"theme-scheme":["light","dark","all"]},t=new Map,n=new Map;let r;const s=t=>{var n;const r=null!==(n=e[t])&&void 0!==n?n:[],{classList:s}=document.documentElement;return r.find((e=>s.contains(`pref-${t}-${e}`)))},o=()=>{t.forEach(((e,t)=>{const r=s(t);r!==n.get(t)&&(n.set(t,r),e.forEach((e=>e(r))))}))},i=(e,i)=>{if("undefined"==typeof document)return i(void 0),()=>{};r||"undefined"==typeof MutationObserver||(r=new MutationObserver(o),r.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]})),t.has(e)||(t.set(e,new Set),n.set(e,s(e)));const u=t.get(e);return null==u||u.add(i),i(n.get(e)),()=>{null==u||u.delete(i),u&&0===u.size&&(t.delete(e),n.delete(e))}};export{i as s}