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

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

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

package/dist/components/mds-tree.js

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