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

package/dist/esm/mds-tree-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
 import { c as cssDurationToMilliseconds } from './unit-D8eZRaSQ.js';
@@ -37,7 +37,7 @@ var mdiFolderOpen = `<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-open
 
 var miBaselineFolderClosed = `<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>`;
 
-const mdsTreeItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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)}";
+const mdsTreeItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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)}`;
 
 const MdsTreeItem = class {
     constructor(hostRef) {
@@ -129,10 +129,14 @@ const MdsTreeItem = class {
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "toggle": ["handleIconChange"],
-        "expanded": ["handleExpandedChange"]
+        "toggle": [{
+                "handleIconChange": 0
+            }],
+        "expanded": [{
+                "handleExpandedChange": 0
+            }]
     }; }
 };
-MdsTreeItem.style = mdsTreeItemCss;
+MdsTreeItem.style = mdsTreeItemCss();
 
 export { MdsTreeItem as mds_tree_item };

package/dist/esm/mds-tree.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 
-const mdsTreeCss = "@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}";
+const mdsTreeCss = () => `@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}`;
 
 const MdsTree = class {
     constructor(hostRef) {
@@ -78,11 +78,17 @@ const MdsTree = class {
     }
     get host() { return getElement(this); }
     static get watchers() { return {
-        "expanded": ["handleExpandedChange"],
-        "toggle": ["handleToggleChange"],
-        "truncate": ["handleTruncateChange"]
+        "expanded": [{
+                "handleExpandedChange": 0
+            }],
+        "toggle": [{
+                "handleToggleChange": 0
+            }],
+        "truncate": [{
+                "handleTruncateChange": 0
+            }]
     }; }
 };
-MdsTree.style = mdsTreeCss;
+MdsTree.style = mdsTreeCss();
 
 export { MdsTree as mds_tree };

package/dist/esm/mds-url-view.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { m as miBaselineClose } from './close-J-ikDhyq.js';
 import { K as KeyboardManager } from './keyboard-manager-BudfaWhu.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
@@ -41,7 +41,7 @@ var localeIt = {
 	previewURL: previewURL
 };
 
-const mdsUrlViewCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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)}}";
+const mdsUrlViewCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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)}}`;
 
 const MdsUrlView = class {
     constructor(hostRef) {
@@ -90,6 +90,6 @@ const MdsUrlView = class {
     }
     get host() { return getElement(this); }
 };
-MdsUrlView.style = mdsUrlViewCss;
+MdsUrlView.style = mdsUrlViewCss();
 
 export { MdsUrlView as mds_url_view };

package/dist/esm/mds-usage.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { L as Locale } from './locale-a4oAcjYG.js';
 
 const dont$3 = "Δεν επιτρέπεται";
@@ -41,7 +41,7 @@ var localeIt = {
 	warn: warn
 };
 
-const mdsUsageCss = "@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))}}";
+const mdsUsageCss = () => `@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))}}`;
 
 const MdsUsage = class {
     constructor(hostRef) {
@@ -66,6 +66,6 @@ const MdsUsage = class {
     }
     get element() { return getElement(this); }
 };
-MdsUsage.style = mdsUsageCss;
+MdsUsage.style = mdsUsageCss();
 
 export { MdsUsage as mds_usage };

package/dist/esm/mds-video-wall.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 
-const mdsVideoWallCss = "@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}}";
+const mdsVideoWallCss = () => `@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}}`;
 
 const MdsVideoWall = class {
     constructor(hostRef) {
@@ -35,6 +35,6 @@ const MdsVideoWall = class {
     }
     get hostElement() { return getElement(this); }
 };
-MdsVideoWall.style = mdsVideoWallCss;
+MdsVideoWall.style = mdsVideoWallCss();
 
 export { MdsVideoWall as mds_video_wall };

package/dist/esm/mds-zero.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-BfAC4pqU.js';
+import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
-const mdsZeroCss = "@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)}}";
+const mdsZeroCss = () => `@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)}}`;
 
 const MdsZero = class {
     constructor(hostRef) {
@@ -10,6 +10,6 @@ const MdsZero = class {
         return (h(Host, { key: '4fa8ad6a12089daefb9f6c0c92a0e8e5d4d4514d' }, h("slot", { key: 'b75c4e9d7b1b37a6800fe27c83dbf870bf16bb33' }), h("div", { key: '06800749b5440e93d5d258aa71610ebc17841624', class: "contents", part: "contents" }, h("slot", { key: '802d32def4e717b196e0fa1d4666d316107ef04c', name: "content" })), h("footer", { key: '0da9f38014efaef387026489b81050360af244e7', class: "actions", part: "actions" }, h("slot", { key: '91f9ec1a9a3ace90eb721768d0e54600d057cf1d', name: "action" }))));
     }
 };
-MdsZero.style = mdsZeroCss;
+MdsZero.style = mdsZeroCss();
 
 export { MdsZero as mds_zero };