@awc-ui/core 1.0.0-beta.3 → 1.0.0-beta.4

package/dist/components/md-navigation-bar.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as e,h as a,d as s,t as n}from"./p-BR6gfOQH.js";const r=()=>`:host{--_container-color:var(     --md-navigation-bar-container-color,     var(--md-sys-color-surface-container, #F3EDF7)   );--_container-height:var(--md-navigation-bar-container-height, 64px);--_container-shape:var(--md-navigation-bar-container-shape, 0);--_container-elevation:var(--md-navigation-bar-container-elevation, none);--_divider-color:var(--md-navigation-bar-divider-color, transparent);--_divider-width:var(--md-navigation-bar-divider-width, 0);--_z-index:var(--md-navigation-bar-z-index, var(--md-sys-z-index-navigation, 200));display:block;inline-size:100%;box-sizing:border-box;background-color:var(--_container-color);border-radius:var(--_container-shape);border-block-start:var(--_divider-width) solid var(--_divider-color);box-shadow:var(--_container-elevation);color:var(--md-sys-color-on-surface, #1C1B1F);z-index:var(--_z-index);position:relative}.md-navigation-bar__container{display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;inline-size:100%;min-block-size:max(48px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));block-size:max(48px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));box-sizing:border-box}::slotted(md-navigation-tab){flex:1 1 0;min-inline-size:64px}@media (forced-colors: active){:host{--_container-color:Canvas;--_divider-color:CanvasText;--_divider-width:1px}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const o=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=e(this,"mdChange",7);this.activeIndex=0;this.labelBehavior="always";this.manualActivation=false;this.density=0;this.tabs=[];this.previousIndex=-1}componentDidLoad(){this.syncTabs();this.applyActiveState(this.activeIndex,false);this.previousIndex=this.activeIndex}disconnectedCallback(){this.slotObserver?.disconnect()}onActiveIndexChange(t,i){const e=this.clampToEnabled(t);if(e!==t){this.activeIndex=e;return}this.applyActiveState(e,true,i)}onLabelBehaviorChange(){this.tabs.forEach((t=>this.propagateLabelBehavior(t)))}async select(t){const i=this.clampToEnabled(t);if(i===this.activeIndex)return;this.activeIndex=i}async focusTab(t){const i=this.tabs[t];if(!i||this.isHardDisabled(i))return;i.focus()}syncTabs(){const t=this.el.shadowRoot;if(!t)return;const i=t.querySelector("slot");if(!i)return;this.tabs=i.assignedElements().filter((t=>t.tagName==="MD-NAVIGATION-TAB"));if(this.tabs.length>0){this.el.setAttribute("data-tab-count",String(this.tabs.length))}else{this.el.removeAttribute("data-tab-count")}this.tabs.forEach((t=>this.propagateLabelBehavior(t)));this.applyActiveState(this.activeIndex,false)}propagateLabelBehavior(t){if(!t.hasAttribute("label-behavior")){t.labelBehavior=this.labelBehavior;t.setAttribute("data-md-inherited-label-behavior",this.labelBehavior)}}isDisabled(t){return t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"}isHardDisabled(t){return t.hasAttribute("disabled")}clampToEnabled(t){if(this.tabs.length===0)return-1;const i=Math.max(0,Math.min(t,this.tabs.length-1));if(!this.isDisabled(this.tabs[i]))return i;for(let t=i+1;t<this.tabs.length;t++){if(!this.isDisabled(this.tabs[t]))return t}for(let t=i-1;t>=0;t--){if(!this.isDisabled(this.tabs[t]))return t}return-1}applyActiveState(t,i,e){this.tabs.forEach(((i,e)=>{if(e===t){if(!i.hasAttribute("active"))i.setAttribute("active","");i.setAttribute("tabindex","0");i.setAttribute("aria-selected","true")}else{if(i.hasAttribute("active"))i.removeAttribute("active");i.setAttribute("tabindex","-1");i.setAttribute("aria-selected","false")}}));if(i){const i=e??this.previousIndex;this.previousIndex=t;this.mdChange.emit({index:t,previousIndex:i})}else{this.previousIndex=t}}handleTabClick(t){t.stopPropagation();const i=t.target;if(!i)return;if(this.isDisabled(i))return;const e=this.tabs.indexOf(i);if(e<0)return;if(e===this.activeIndex)return;this.activeIndex=e}handleKeyDown(t){if(this.tabs.length===0)return;const i=document.activeElement;const e=t.composedPath()[0]??i;const a=this.tabs.findIndex((t=>t===e||t.contains(e)));if(a===-1)return;let s=null;const n=getComputedStyle(this.el).direction==="rtl";const r=n?"ArrowLeft":"ArrowRight";const o=n?"ArrowRight":"ArrowLeft";switch(t.key){case r:t.preventDefault();s=this.nextEnabled(a,1);break;case o:t.preventDefault();s=this.nextEnabled(a,-1);break;case"Home":t.preventDefault();s=this.firstEnabled();break;case"End":t.preventDefault();s=this.lastEnabled();break}if(s===null||s===a)return;this.tabs[s].focus();if(!this.manualActivation&&!this.isDisabled(this.tabs[s])){this.activeIndex=s}}nextEnabled(t,i){const e=this.tabs.length;let a=t;for(let t=0;t<e;t++){a=(a+i+e)%e;if(!this.isHardDisabled(this.tabs[a]))return a}return t}firstEnabled(){for(let t=0;t<this.tabs.length;t++){if(!this.isHardDisabled(this.tabs[t]))return t}return 0}lastEnabled(){for(let t=this.tabs.length-1;t>=0;t--){if(!this.isHardDisabled(this.tabs[t]))return t}return this.tabs.length-1}render(){return a(s,{key:"325e851ac4a7042b130860220da50841a056e1c4",role:"navigation"},a("div",{key:"ad48829d543d990abc77b4fe0f4acbfcf4761690",class:"md-navigation-bar__container",part:"container",role:"tablist","aria-orientation":"horizontal"},a("slot",{key:"cd8ef24df338375bd3a40a24ad39cb7b92ab3a59",onSlotchange:()=>this.syncTabs()})))}get el(){return this}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}],labelBehavior:[{onLabelBehaviorChange:0}]}}static get style(){return r()}},[257,"md-navigation-bar",{activeIndex:[1538,"active-index"],labelBehavior:[1,"label-behavior"],manualActivation:[4,"manual-activation"],density:[514],select:[64],focusTab:[64]},[[0,"mdTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{activeIndex:[{onActiveIndexChange:0}],labelBehavior:[{onLabelBehaviorChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["md-navigation-bar"];t.forEach((t=>{switch(t){case"md-navigation-bar":if(!customElements.get(n(t))){customElements.define(n(t),o)}break}}))}c();const h=o;const d=c;export{h as MdNavigationBar,d as defineCustomElement};
+import{p as t,H as i,c as e,h as a,d as s,t as n}from"./p-BR6gfOQH.js";const r=()=>`:host{--_container-color:var(     --md-navigation-bar-container-color,     var(--md-sys-color-surface-container, #F3EDF7)   );--_container-height:var(--md-navigation-bar-container-height, 64px);--_container-shape:var(--md-navigation-bar-container-shape, 0);--_container-elevation:var(--md-navigation-bar-container-elevation, none);--_divider-color:var(--md-navigation-bar-divider-color, transparent);--_divider-width:var(--md-navigation-bar-divider-width, 0);--_z-index:var(--md-navigation-bar-z-index, var(--md-sys-z-index-navigation, 200));display:block;inline-size:100%;box-sizing:border-box;background-color:var(--_container-color);border-radius:var(--_container-shape);border-block-start:var(--_divider-width) solid var(--_divider-color);box-shadow:var(--_container-elevation);color:var(--md-sys-color-on-surface, #1C1B1F);z-index:var(--_z-index);position:relative}.md-navigation-bar__container{display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;inline-size:100%;min-block-size:max(48px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));block-size:max(48px, calc(var(--_container-height) + var(--md-sys-density-scale, 0) * 4px));box-sizing:border-box}::slotted(md-navigation-tab){flex:1 1 0;min-inline-size:64px}@media (forced-colors: active){:host{--_container-color:Canvas;--_divider-color:CanvasText;--_divider-width:1px}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const o=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=e(this,"mdChange",7);this.activeIndex=0;this.labelBehavior="always";this.manualActivation=false;this.density=0;this.tabs=[];this.previousIndex=-1}componentDidLoad(){this.syncTabs();this.applyActiveState(this.activeIndex,false);this.previousIndex=this.activeIndex}disconnectedCallback(){this.slotObserver?.disconnect()}onActiveIndexChange(t,i){const e=this.clampToEnabled(t);if(e!==t){this.activeIndex=e;return}this.applyActiveState(e,true,i)}onLabelBehaviorChange(){this.tabs.forEach((t=>this.propagateLabelBehavior(t)))}async select(t){const i=this.clampToEnabled(t);if(i===this.activeIndex)return;this.activeIndex=i}async focusTab(t){const i=this.tabs[t];if(!i||this.isHardDisabled(i))return;i.focus()}syncTabs(){const t=this.el.shadowRoot;if(!t)return;const i=t.querySelector("slot");if(!i)return;this.tabs=i.assignedElements().filter((t=>t.tagName==="MD-NAVIGATION-TAB"));if(this.tabs.length>0){this.el.setAttribute("data-tab-count",String(this.tabs.length))}else{this.el.removeAttribute("data-tab-count")}this.tabs.forEach((t=>this.propagateLabelBehavior(t)));this.applyActiveState(this.activeIndex,false)}propagateLabelBehavior(t){if(!t.hasAttribute("label-behavior")){t.labelBehavior=this.labelBehavior;t.setAttribute("data-md-inherited-label-behavior",this.labelBehavior)}}isDisabled(t){return t.hasAttribute("disabled")||t.getAttribute("aria-disabled")==="true"}isHardDisabled(t){return t.hasAttribute("disabled")}clampToEnabled(t){if(this.tabs.length===0)return-1;const i=Math.max(0,Math.min(t,this.tabs.length-1));if(!this.isDisabled(this.tabs[i]))return i;for(let t=i+1;t<this.tabs.length;t++){if(!this.isDisabled(this.tabs[t]))return t}for(let t=i-1;t>=0;t--){if(!this.isDisabled(this.tabs[t]))return t}return-1}applyActiveState(t,i,e){this.tabs.forEach(((i,e)=>{if(e===t){if(!i.hasAttribute("active"))i.setAttribute("active","");i.setAttribute("tabindex","0");i.setAttribute("aria-selected","true")}else{if(i.hasAttribute("active"))i.removeAttribute("active");i.setAttribute("tabindex","-1");i.setAttribute("aria-selected","false")}}));if(i){const i=e??this.previousIndex;this.previousIndex=t;this.mdChange.emit({index:t,previousIndex:i})}else{this.previousIndex=t}}handleTabClick(t){t.stopPropagation();const i=t.target;if(!i)return;if(this.isDisabled(i))return;const e=this.tabs.indexOf(i);if(e<0)return;if(e===this.activeIndex)return;this.activeIndex=e}handleKeyDown(t){if(this.tabs.length===0)return;const i=document.activeElement;const e=t.composedPath()[0]??i;const a=this.tabs.findIndex((t=>t===e||t.contains(e)));if(a===-1)return;let s=null;const n=getComputedStyle(this.el).direction==="rtl";const r=n?"ArrowLeft":"ArrowRight";const o=n?"ArrowRight":"ArrowLeft";switch(t.key){case r:t.preventDefault();s=this.nextEnabled(a,1);break;case o:t.preventDefault();s=this.nextEnabled(a,-1);break;case"Home":t.preventDefault();s=this.firstEnabled();break;case"End":t.preventDefault();s=this.lastEnabled();break}if(s===null||s===a)return;this.tabs[s].focus();if(!this.manualActivation&&!this.isDisabled(this.tabs[s])){this.activeIndex=s}}nextEnabled(t,i){const e=this.tabs.length;let a=t;for(let t=0;t<e;t++){a=(a+i+e)%e;if(!this.isHardDisabled(this.tabs[a]))return a}return t}firstEnabled(){for(let t=0;t<this.tabs.length;t++){if(!this.isHardDisabled(this.tabs[t]))return t}return 0}lastEnabled(){for(let t=this.tabs.length-1;t>=0;t--){if(!this.isHardDisabled(this.tabs[t]))return t}return this.tabs.length-1}render(){return a(s,{key:"cb22af9667abfc892a7f0d1d829bba39f17cdfd7",role:"navigation"},a("div",{key:"3f3b41e2f66fc7abe0d82425a685c64a0cf1e2dc",class:"md-navigation-bar__container",part:"container",role:"tablist","aria-orientation":"horizontal"},a("slot",{key:"ae3e561d42998fdd4f2489f6f50368d9de103f62",onSlotchange:()=>this.syncTabs()})))}get el(){return this}static get watchers(){return{activeIndex:[{onActiveIndexChange:0}],labelBehavior:[{onLabelBehaviorChange:0}]}}static get style(){return r()}},[257,"md-navigation-bar",{activeIndex:[1538,"active-index"],labelBehavior:[1,"label-behavior"],manualActivation:[4,"manual-activation"],density:[514],select:[64],focusTab:[64]},[[0,"mdTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{activeIndex:[{onActiveIndexChange:0}],labelBehavior:[{onLabelBehaviorChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["md-navigation-bar"];t.forEach((t=>{switch(t){case"md-navigation-bar":if(!customElements.get(n(t))){customElements.define(n(t),o)}break}}))}c();const d=o;const h=c;export{d as MdNavigationBar,h as defineCustomElement};
 //# sourceMappingURL=md-navigation-bar.js.map

package/dist/components/md-navigation-rail-tab.js

@@ -1,2 +1,2 @@
-import{p as a,H as i,c as t,h as n,d as o,t as e}from"./p-BR6gfOQH.js";import{t as r}from"./p-DYBUr7K_.js";import{s,S as l}from"./p-BdEoSBtL.js";import{d}from"./p-CTC8XAB6.js";const c=()=>`:host{--_icon-color:var(     --md-navigation-rail-tab-icon-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-icon-color:var(     --md-navigation-rail-tab-active-icon-color,     var(--md-sys-color-on-secondary-container, #4A4458)   );--_label-color:var(     --md-navigation-rail-tab-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-label-color:var(     --md-navigation-rail-tab-active-label-color,     var(--md-sys-color-secondary, #625B71)   );--_indicator-color:var(     --md-navigation-rail-tab-indicator-color,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_indicator-shape:var(     --md-navigation-rail-tab-indicator-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_indicator-width:var(--md-navigation-rail-tab-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-height:var(--md-navigation-rail-tab-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_icon-size:var(--md-navigation-rail-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_min-height:var(--md-navigation-rail-tab-min-height, 56px);--_badge-color:var(     --md-navigation-rail-tab-badge-color,     var(--md-sys-color-error, #B3261E)   );--_badge-content-color:var(     --md-navigation-rail-tab-badge-content-color,     var(--md-sys-color-on-error, #FFFFFF)   );--_focus-ring-color:var(     --md-navigation-rail-tab-focus-ring-color,     var(--md-sys-color-secondary, #625B71)   );--_state-layer-color:var(     --md-navigation-rail-tab-state-layer-color,     var(--md-sys-color-on-secondary-container, #4A4458)   );--_motion-duration:var(--md-sys-motion-spring-effects-fast-duration, 150ms);--_motion-easing:var(     --md-sys-motion-spring-effects-fast-easing,     cubic-bezier(0.31, 0.94, 0.34, 1)   );--_motion-spatial-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);--_motion-spatial-easing:var(     --md-sys-motion-spring-spatial-fast-easing,     cubic-bezier(0.42, 1.67, 0.21, 0.9)   );--_hover-opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08);--_focus-opacity:var(--md-navigation-rail-tab-focus-state-layer-opacity, 0.10);--_press-opacity:var(--md-navigation-rail-tab-press-state-layer-opacity, 0.10);--_disabled-opacity:var(--md-sys-state-disabled-content-opacity, 0.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;min-block-size:max(48px, calc(var(--_min-height) + var(--md-sys-density-scale, 0) * 4px));padding-block:max(0px, calc(2px + var(--md-sys-density-scale, 0) * 0.5px));padding-inline:0;box-sizing:border-box;cursor:pointer;user-select:none;position:relative;outline:none;-webkit-tap-highlight-color:transparent;color:var(--_icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-rail-tab--disabled){cursor:default;pointer-events:none;color:color-mix(     in srgb,     var(--md-sys-color-on-surface, #1C1B1F) calc(var(--_disabled-opacity) * 100%),     transparent   )}:host(:focus-visible){outline:none}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid var(--_focus-ring-color);outline-offset:2px}:host(.md-navigation-rail-tab--expanded:focus-visible) .md-navigation-rail-tab__indicator{outline-offset:-3px}md-ripple{border-radius:inherit}.md-navigation-rail-tab__indicator{position:absolute;inset-block-start:max(2px, calc(2px + var(--md-sys-density-scale, 0) * -0.5px));inset-inline:0;margin-inline:auto;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);border-radius:var(--_indicator-shape);background-color:transparent;pointer-events:none;overflow:hidden;transition:background-color var(--_motion-duration) var(--_motion-easing),     inline-size var(--_motion-spatial-duration) var(--_motion-spatial-easing);z-index:0}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--labels-none:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator,:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator{inset-block:0;margin-block:auto}.md-navigation-rail-tab__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing);border-radius:inherit}:host(:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_hover-opacity)}:host(:focus-visible:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_focus-opacity)}:host(:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_press-opacity)}.md-navigation-rail-tab__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);z-index:1;pointer-events:none}.md-navigation-rail-tab__icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-navigation-rail-tab__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_motion-duration) var(--_motion-easing);color:inherit}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__icon{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted([slot='icon']){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:currentColor;fill:currentColor;pointer-events:none}.md-navigation-rail-tab__label{position:relative;z-index:1;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);text-align:center;color:var(--_label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%;transition:color var(--_motion-duration) var(--_motion-easing),     font-weight var(--_motion-duration) var(--_motion-easing),     opacity var(--_motion-duration) var(--_motion-easing);padding-inline:var(--md-sys-spacing-inset-xs, 4px);box-sizing:border-box}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{color:var(--_active-label-color);font-weight:var(--md-sys-typescale-label-medium-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{max-block-size:1.25rem;transition:color var(--_motion-duration) var(--_motion-easing),     font-weight var(--_motion-duration) var(--_motion-easing),     opacity var(--_motion-duration) var(--_motion-easing),     max-block-size var(--_motion-duration) var(--_motion-easing),     margin-block-start var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{opacity:0;max-block-size:0;margin-block-start:-4px}:host(.md-navigation-rail-tab--labels-selected.md-navigation-rail-tab--expanded:not(.md-navigation-rail-tab--active)) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--expanded){flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);padding-block:0;inline-size:fit-content;min-block-size:max(48px, calc(56px + var(--md-sys-density-scale, 0) * 4px));border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__indicator{position:absolute;inset:0;transform:none;inline-size:auto;block-size:auto;border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__icon-wrapper{inline-size:var(--_icon-size);block-size:var(--_icon-size);flex:0 0 auto}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__label{text-align:start;flex:1 1 auto;min-inline-size:0;display:inline-block;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{font-weight:var(--md-sys-typescale-label-large-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}.md-navigation-rail-tab__badge{position:absolute;background-color:var(--_badge-color);color:var(--_badge-content-color);border-radius:var(--md-sys-shape-corner-full, 9999px);line-height:1;box-sizing:border-box;pointer-events:none;z-index:2}.md-navigation-rail-tab__badge--dot{inline-size:6px;block-size:6px;inset-block-start:-2px;inset-inline-end:-2px}.md-navigation-rail-tab__badge--large{min-inline-size:16px;block-size:16px;padding-inline:4px;inset-block-start:-6px;inset-inline-end:-6px;font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center}.md-navigation-rail-tab__anchor{display:contents;color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail-tab__indicator,.md-navigation-rail-tab__state-layer,.md-navigation-rail-tab__icon,.md-navigation-rail-tab__label{transition:none}}@media (forced-colors: active){:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:Highlight;forced-color-adjust:none}:host(.md-navigation-rail-tab--active){color:HighlightText}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([data-orientation='horizontal']){block-size:100%}:host([data-orientation='horizontal']) .md-navigation-rail-tab__indicator,:host([data-orientation='horizontal']) .md-navigation-rail-tab__state-layer{display:none}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{border-radius:var(--_indicator-shape);background-color:transparent;transition:background-color var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal'].md-navigation-rail-tab--active) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper::after{content:'';position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal']:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_hover-opacity)}:host([data-orientation='horizontal']:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_press-opacity)}:host([data-orientation='horizontal']:focus-visible) .md-navigation-rail-tab__icon-wrapper{outline:3px solid var(--_focus-ring-color);outline-offset:2px}.md-navigation-rail-tab__caret{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px));line-height:1;vertical-align:middle;margin-inline-start:2px;transition:transform     var(--md-navigation-rail-tab-caret-duration, var(--md-sys-motion-duration-medium2, 300ms))     var(       --md-sys-motion-easing-emphasized,       cubic-bezier(0.2, 0, 0, 1)     )}:host([aria-expanded='true']) .md-navigation-rail-tab__caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.md-navigation-rail-tab__caret{transition-duration:1ms}}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected[data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__icon,:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__label{color:var(--_active-icon-color)}`;const m=a(class a extends i{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdTabClick=t(this,"mdTabClick",7);this.mdSubmenuToggle=t(this,"mdSubmenuToggle",7);this.icon="";this.label="";this.active=false;this.disabled=false;this.badge=false;this.badgeValue="";this.href="";this.target="";this.value="";this.labelVisibility="all";this.expanded=false;this.density=0;this.iconFirst=null;this.pendingTransition=false;this.submenuOpen=false;this.hasSubmenu=false;this.submenuHasSelection=false;this.handleSubmenuClick=a=>{const i=a.target?.closest?.("md-menu-item");const t=this.submenu;if(!i||!t||!t.contains(i))return;t.querySelectorAll("md-menu-item[selected]").forEach((a=>{if(a!==i)a.removeAttribute("selected")}));i.setAttribute("selected","");this.syncSubmenuSelection();this.mdTabClick.emit({value:this.value})};this.handleClick=a=>{if(this.disabled){a.preventDefault();a.stopImmediatePropagation();return}if(this.submenu){a.preventDefault();this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value})};this.handleKeyDown=a=>{if(this.disabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();r(this.el);if(this.submenu){this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value});if(this.href){const a=this.el.shadowRoot?.querySelector("a.md-navigation-rail-tab__anchor");a?.click()}}}}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){this.warnMissingAccessibleName()}this.ensureSubmenuAnchor();const a=this.submenu;this.hasSubmenu=!!a;if(a){a.addEventListener("mdOpen",(()=>{this.submenuOpen=true;this.mdSubmenuToggle.emit({open:true})}));a.addEventListener("mdClose",(()=>{this.submenuOpen=false;this.syncSubmenuSelection();this.mdSubmenuToggle.emit({open:false})}));a.addEventListener("mdClick",(a=>this.handleSubmenuClick(a)));this.syncSubmenuSelection()}}onExpandedChange(){if(this.prefersReducedMotion())return;this.iconFirst=this.iconCentre();this.pendingTransition=true}componentDidRender(){if(!this.pendingTransition)return;this.pendingTransition=false;this.playTransition()}prefersReducedMotion(){return typeof window!=="undefined"&&!!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches}iconCentre(){const a=this.el.shadowRoot?.querySelector(".md-navigation-rail-tab__icon-wrapper");if(!a)return null;const i=a.getBoundingClientRect();return{cx:i.left+i.width/2,cy:i.top+i.height/2}}motionDuration(){const a=getComputedStyle(this.el).getPropertyValue("--md-sys-motion-duration-short4").trim();if(a.endsWith("ms"))return parseFloat(a)||200;if(a.endsWith("s"))return(parseFloat(a)||.2)*1e3;return 200}playTransition(){const a=this.el.shadowRoot;if(!a)return;const i=this.motionDuration();const t=a.querySelector(".md-navigation-rail-tab__icon-wrapper");if(t&&this.iconFirst){const a=t.getBoundingClientRect();const n=this.iconFirst.cx-(a.left+a.width/2);const o=this.iconFirst.cy-(a.top+a.height/2);if(Math.abs(n)>.5||Math.abs(o)>.5){t.animate([{transform:`translate(${n}px, ${o}px)`},{transform:"translate(0, 0)"}],{duration:i,easing:getComputedStyle(this.el).getPropertyValue("--md-sys-motion-easing-standard").trim()||"cubic-bezier(0.2, 0, 0, 1)",fill:"none"})}}this.iconFirst=null;const n=a.querySelector(".md-navigation-rail-tab__label");if(n){n.animate([{opacity:0},{opacity:0,offset:.15},{opacity:1}],{duration:i,easing:"ease-out",fill:"none"})}}warnMissingAccessibleName(){const a=this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby");if(!this.label&&!a){console.warn("[md-navigation-rail-tab] WCAG 1.1.1 / 2.4.4: destination is missing a label. "+"Add a `label` attribute or aria-label.",this.el)}}get submenu(){return this.el.querySelector('[slot="submenu"]')}ensureSubmenuAnchor(){const a=this.submenu;if(!a)return;if(!this.el.id){this.generatedId=this.generatedId??`md-rail-tab-${Math.random().toString(36).slice(2,9)}`;this.el.id=this.generatedId}if(a.getAttribute("anchor")!==this.el.id)a.setAttribute("anchor",this.el.id);if(!a.hasAttribute("placement"))a.setAttribute("placement","bottom-start")}async clearSubmenuSelection(){const a=this.submenu;a?.querySelectorAll("md-menu-item[selected]").forEach((a=>{a.removeAttribute("selected")}));this.submenuHasSelection=false}syncSubmenuSelection(){const a=this.submenu;this.submenuHasSelection=!!a?.querySelector('md-menu-item[selected], md-menu-item[aria-checked="true"]')}toggleSubmenu(){const a=this.submenu;if(!a)return;if(a.open)void a.close();else void a.show()}get displayBadgeValue(){if(!this.badgeValue)return"";const a=Number(this.badgeValue);if(Number.isFinite(a)&&a>999)return"999+";return this.badgeValue}renderIcon(){const a=!!this.icon;return n("slot",{name:"icon"},a&&n("span",{class:"md-navigation-rail-tab__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon))}renderBadge(){const a=!!this.badgeValue;const i=this.badge&&!a;if(!a&&!i)return null;return n("span",{class:{"md-navigation-rail-tab__badge":true,"md-navigation-rail-tab__badge--dot":i,"md-navigation-rail-tab__badge--large":a},part:i?"badge badge-dot":"badge badge-large",role:"status","aria-label":a?`${this.displayBadgeValue} new notifications`:"new notifications"},a&&this.displayBadgeValue)}renderInner(){return[n("span",{class:"md-navigation-rail-tab__indicator",part:"indicator","aria-hidden":"true"},n("span",{class:"md-navigation-rail-tab__state-layer",part:"state-layer","aria-hidden":"true"})),n("md-ripple",{disabled:this.disabled}),n("span",{class:"md-navigation-rail-tab__icon-wrapper",part:"icon-wrapper"},n("span",{class:"md-navigation-rail-tab__icon-box"},this.renderIcon(),this.renderBadge())),this.label&&n("span",{class:"md-navigation-rail-tab__label",part:"label"},this.label,this.hasSubmenu&&n("span",{class:"md-navigation-rail-tab__caret material-symbols-outlined",part:"caret","aria-hidden":"true"},"arrow_drop_down")),n("slot",{name:"submenu"})]}render(){const a=s(this.href);const i=!!a&&!this.disabled;const t=this.disabled?"true":null;const e=this.active&&i?"page":null;const r=i?null:this.active?"true":"false";const d=i?"link":"tab";const c=this.el.getAttribute("aria-label")??undefined;const m=i?this.label||c:!this.label?c:undefined;return n(o,{key:"f7f616314485ebf51d0cc79a5a91c949a98045de",class:{"md-navigation-rail-tab":true,"md-navigation-rail-tab--active":this.active,"md-navigation-rail-tab--child-selected":this.submenuHasSelection&&!this.active,"md-navigation-rail-tab--disabled":this.disabled,"md-navigation-rail-tab--has-label":!!this.label,[`md-navigation-rail-tab--labels-${this.labelVisibility}`]:true,"md-navigation-rail-tab--expanded":this.expanded},role:d,"aria-selected":r,"aria-current":e,"aria-disabled":t,"aria-label":m,tabindex:this.disabled?"-1":this.active?"0":"-1","aria-haspopup":this.submenu?"menu":undefined,"aria-expanded":this.submenu?this.submenuOpen?"true":"false":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i?n("a",{class:"md-navigation-rail-tab__anchor",href:a,target:this.target||undefined,rel:this.target?l:undefined,tabIndex:-1,"aria-hidden":"true",part:"anchor"},this.renderInner()):this.renderInner())}get el(){return this}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return c()}},[257,"md-navigation-rail-tab",{icon:[1],label:[1],active:[1540],disabled:[516],badge:[4],badgeValue:[1,"badge-value"],href:[1],target:[1],value:[1],labelVisibility:[513,"label-visibility"],expanded:[516],density:[514],submenuOpen:[32],hasSubmenu:[32],submenuHasSelection:[32],clearSubmenuSelection:[64]},undefined,{expanded:[{onExpandedChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const a=["md-navigation-rail-tab","md-ripple"];a.forEach((a=>{switch(a){case"md-navigation-rail-tab":if(!customElements.get(e(a))){customElements.define(e(a),m)}break;case"md-ripple":if(!customElements.get(e(a))){d()}break}}))}v();const b=m;const g=v;export{b as MdNavigationRailTab,g as defineCustomElement};
+import{p as a,H as i,c as t,h as n,d as o,t as e}from"./p-BR6gfOQH.js";import{t as r}from"./p-DYBUr7K_.js";import{s,S as l}from"./p-BdEoSBtL.js";import{d}from"./p-De3E5Q8v.js";const c=()=>`:host{--_icon-color:var(     --md-navigation-rail-tab-icon-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-icon-color:var(     --md-navigation-rail-tab-active-icon-color,     var(--md-sys-color-on-secondary-container, #4A4458)   );--_label-color:var(     --md-navigation-rail-tab-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-label-color:var(     --md-navigation-rail-tab-active-label-color,     var(--md-sys-color-secondary, #625B71)   );--_indicator-color:var(     --md-navigation-rail-tab-indicator-color,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_indicator-shape:var(     --md-navigation-rail-tab-indicator-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_indicator-width:var(--md-navigation-rail-tab-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-height:var(--md-navigation-rail-tab-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_icon-size:var(--md-navigation-rail-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_min-height:var(--md-navigation-rail-tab-min-height, 56px);--_badge-color:var(     --md-navigation-rail-tab-badge-color,     var(--md-sys-color-error, #B3261E)   );--_badge-content-color:var(     --md-navigation-rail-tab-badge-content-color,     var(--md-sys-color-on-error, #FFFFFF)   );--_focus-ring-color:var(     --md-navigation-rail-tab-focus-ring-color,     var(--md-sys-color-secondary, #625B71)   );--_state-layer-color:var(     --md-navigation-rail-tab-state-layer-color,     var(--md-sys-color-on-secondary-container, #4A4458)   );--_motion-duration:var(--md-sys-motion-spring-effects-fast-duration, 150ms);--_motion-easing:var(     --md-sys-motion-spring-effects-fast-easing,     cubic-bezier(0.31, 0.94, 0.34, 1)   );--_motion-spatial-duration:var(--md-sys-motion-spring-spatial-fast-duration, 350ms);--_motion-spatial-easing:var(     --md-sys-motion-spring-spatial-fast-easing,     cubic-bezier(0.42, 1.67, 0.21, 0.9)   );--_hover-opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08);--_focus-opacity:var(--md-navigation-rail-tab-focus-state-layer-opacity, 0.10);--_press-opacity:var(--md-navigation-rail-tab-press-state-layer-opacity, 0.10);--_disabled-opacity:var(--md-sys-state-disabled-content-opacity, 0.38);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;min-block-size:max(48px, calc(var(--_min-height) + var(--md-sys-density-scale, 0) * 4px));padding-block:max(0px, calc(2px + var(--md-sys-density-scale, 0) * 0.5px));padding-inline:0;box-sizing:border-box;cursor:pointer;user-select:none;position:relative;outline:none;-webkit-tap-highlight-color:transparent;color:var(--_icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-rail-tab--disabled){cursor:default;pointer-events:none;color:color-mix(     in srgb,     var(--md-sys-color-on-surface, #1C1B1F) calc(var(--_disabled-opacity) * 100%),     transparent   )}:host(:focus-visible){outline:none}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid var(--_focus-ring-color);outline-offset:2px}:host(.md-navigation-rail-tab--expanded:focus-visible) .md-navigation-rail-tab__indicator{outline-offset:-3px}md-ripple{border-radius:inherit}.md-navigation-rail-tab__indicator{position:absolute;inset-block-start:max(2px, calc(2px + var(--md-sys-density-scale, 0) * -0.5px));inset-inline:0;margin-inline:auto;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);border-radius:var(--_indicator-shape);background-color:transparent;pointer-events:none;overflow:hidden;transition:background-color var(--_motion-duration) var(--_motion-easing),     inline-size var(--_motion-spatial-duration) var(--_motion-spatial-easing);z-index:0}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--labels-none:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator,:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__indicator{inset-block:0;margin-block:auto}.md-navigation-rail-tab__state-layer{position:absolute;inset:0;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing);border-radius:inherit}:host(:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_hover-opacity)}:host(:focus-visible:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_focus-opacity)}:host(:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__state-layer{opacity:var(--_press-opacity)}.md-navigation-rail-tab__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;inline-size:var(--_indicator-width);block-size:var(--_indicator-height);z-index:1;pointer-events:none}.md-navigation-rail-tab__icon-box{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size)}.md-navigation-rail-tab__icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;transition:font-variation-settings var(--_motion-duration) var(--_motion-easing);color:inherit}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__icon{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted([slot='icon']){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:currentColor;fill:currentColor;pointer-events:none}.md-navigation-rail-tab__label{position:relative;z-index:1;font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);text-align:center;color:var(--_label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%;transition:color var(--_motion-duration) var(--_motion-easing),     font-weight var(--_motion-duration) var(--_motion-easing),     opacity var(--_motion-duration) var(--_motion-easing);padding-inline:var(--md-sys-spacing-inset-xs, 4px);box-sizing:border-box}:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{color:var(--_active-label-color);font-weight:var(--md-sys-typescale-label-medium-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{max-block-size:1.25rem;transition:color var(--_motion-duration) var(--_motion-easing),     font-weight var(--_motion-duration) var(--_motion-easing),     opacity var(--_motion-duration) var(--_motion-easing),     max-block-size var(--_motion-duration) var(--_motion-easing),     margin-block-start var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail-tab--labels-selected:not(.md-navigation-rail-tab--active):not(.md-navigation-rail-tab--expanded)) .md-navigation-rail-tab__label{opacity:0;max-block-size:0;margin-block-start:-4px}:host(.md-navigation-rail-tab--labels-selected.md-navigation-rail-tab--expanded:not(.md-navigation-rail-tab--active)) .md-navigation-rail-tab__label{display:none}:host(.md-navigation-rail-tab--expanded){flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);padding-block:0;inline-size:fit-content;min-block-size:max(48px, calc(56px + var(--md-sys-density-scale, 0) * 4px));border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__indicator{position:absolute;inset:0;transform:none;inline-size:auto;block-size:auto;border-radius:var(--_indicator-shape)}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__icon-wrapper{inline-size:var(--_icon-size);block-size:var(--_icon-size);flex:0 0 auto}:host(.md-navigation-rail-tab--expanded) .md-navigation-rail-tab__label{text-align:start;flex:1 1 auto;min-inline-size:0;display:inline-block;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--active) .md-navigation-rail-tab__label{font-weight:var(--md-sys-typescale-label-large-prominent-font-weight, 700)}:host(.md-navigation-rail-tab--expanded.md-navigation-rail-tab--labels-none) .md-navigation-rail-tab__label{display:none}.md-navigation-rail-tab__badge{position:absolute;background-color:var(--_badge-color);color:var(--_badge-content-color);border-radius:var(--md-sys-shape-corner-full, 9999px);line-height:1;box-sizing:border-box;pointer-events:none;z-index:2}.md-navigation-rail-tab__badge--dot{inline-size:6px;block-size:6px;inset-block-start:-2px;inset-inline-end:-2px}.md-navigation-rail-tab__badge--large{min-inline-size:16px;block-size:16px;padding-inline:4px;inset-block-start:-6px;inset-inline-end:-6px;font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center}.md-navigation-rail-tab__anchor{display:contents;color:inherit;text-decoration:none}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail-tab__indicator,.md-navigation-rail-tab__state-layer,.md-navigation-rail-tab__icon,.md-navigation-rail-tab__label{transition:none}}@media (forced-colors: active){:host(.md-navigation-rail-tab--active) .md-navigation-rail-tab__indicator{background-color:Highlight;forced-color-adjust:none}:host(.md-navigation-rail-tab--active){color:HighlightText}:host(:focus-visible) .md-navigation-rail-tab__indicator{outline:3px solid CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([data-orientation='horizontal']){block-size:100%}:host([data-orientation='horizontal']) .md-navigation-rail-tab__indicator,:host([data-orientation='horizontal']) .md-navigation-rail-tab__state-layer{display:none}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{border-radius:var(--_indicator-shape);background-color:transparent;transition:background-color var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal'].md-navigation-rail-tab--active) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host([data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper::after{content:'';position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host([data-orientation='horizontal']:hover:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_hover-opacity)}:host([data-orientation='horizontal']:active:not(.md-navigation-rail-tab--disabled)) .md-navigation-rail-tab__icon-wrapper::after{opacity:var(--_press-opacity)}:host([data-orientation='horizontal']:focus-visible) .md-navigation-rail-tab__icon-wrapper{outline:3px solid var(--_focus-ring-color);outline-offset:2px}.md-navigation-rail-tab__caret{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px));line-height:1;vertical-align:middle;margin-inline-start:2px;transition:transform     var(--md-navigation-rail-tab-caret-duration, var(--md-sys-motion-duration-medium2, 300ms))     var(       --md-sys-motion-easing-emphasized,       cubic-bezier(0.2, 0, 0, 1)     )}:host([aria-expanded='true']) .md-navigation-rail-tab__caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.md-navigation-rail-tab__caret{transition-duration:1ms}}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__indicator{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected[data-orientation='horizontal']) .md-navigation-rail-tab__icon-wrapper{background-color:var(--_indicator-color)}:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__icon,:host(.md-navigation-rail-tab--child-selected) .md-navigation-rail-tab__label{color:var(--_active-icon-color)}`;const m=a(class a extends i{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdTabClick=t(this,"mdTabClick",7);this.mdSubmenuToggle=t(this,"mdSubmenuToggle",7);this.icon="";this.label="";this.active=false;this.disabled=false;this.badge=false;this.badgeValue="";this.href="";this.target="";this.value="";this.labelVisibility="all";this.expanded=false;this.density=0;this.iconFirst=null;this.pendingTransition=false;this.submenuOpen=false;this.hasSubmenu=false;this.submenuHasSelection=false;this.handleSubmenuClick=a=>{const i=a.target?.closest?.("md-menu-item");const t=this.submenu;if(!i||!t||!t.contains(i))return;t.querySelectorAll("md-menu-item[selected]").forEach((a=>{if(a!==i)a.removeAttribute("selected")}));i.setAttribute("selected","");this.syncSubmenuSelection();this.mdTabClick.emit({value:this.value})};this.handleClick=a=>{if(this.disabled){a.preventDefault();a.stopImmediatePropagation();return}if(this.submenu){a.preventDefault();this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value})};this.handleKeyDown=a=>{if(this.disabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();r(this.el);if(this.submenu){this.toggleSubmenu();return}this.mdTabClick.emit({value:this.value});if(this.href){const a=this.el.shadowRoot?.querySelector("a.md-navigation-rail-tab__anchor");a?.click()}}}}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){this.warnMissingAccessibleName()}this.ensureSubmenuAnchor();const a=this.submenu;this.hasSubmenu=!!a;if(a){a.addEventListener("mdOpen",(()=>{this.submenuOpen=true;this.mdSubmenuToggle.emit({open:true})}));a.addEventListener("mdClose",(()=>{this.submenuOpen=false;this.syncSubmenuSelection();this.mdSubmenuToggle.emit({open:false})}));a.addEventListener("mdClick",(a=>this.handleSubmenuClick(a)));this.syncSubmenuSelection()}}onExpandedChange(){if(this.prefersReducedMotion())return;this.iconFirst=this.iconCentre();this.pendingTransition=true}componentDidRender(){if(!this.pendingTransition)return;this.pendingTransition=false;this.playTransition()}prefersReducedMotion(){return typeof window!=="undefined"&&!!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches}iconCentre(){const a=this.el.shadowRoot?.querySelector(".md-navigation-rail-tab__icon-wrapper");if(!a)return null;const i=a.getBoundingClientRect();return{cx:i.left+i.width/2,cy:i.top+i.height/2}}motionDuration(){const a=getComputedStyle(this.el).getPropertyValue("--md-sys-motion-duration-short4").trim();if(a.endsWith("ms"))return parseFloat(a)||200;if(a.endsWith("s"))return(parseFloat(a)||.2)*1e3;return 200}playTransition(){const a=this.el.shadowRoot;if(!a)return;const i=this.motionDuration();const t=a.querySelector(".md-navigation-rail-tab__icon-wrapper");if(t&&this.iconFirst){const a=t.getBoundingClientRect();const n=this.iconFirst.cx-(a.left+a.width/2);const o=this.iconFirst.cy-(a.top+a.height/2);if(Math.abs(n)>.5||Math.abs(o)>.5){t.animate([{transform:`translate(${n}px, ${o}px)`},{transform:"translate(0, 0)"}],{duration:i,easing:getComputedStyle(this.el).getPropertyValue("--md-sys-motion-easing-standard").trim()||"cubic-bezier(0.2, 0, 0, 1)",fill:"none"})}}this.iconFirst=null;const n=a.querySelector(".md-navigation-rail-tab__label");if(n){n.animate([{opacity:0},{opacity:0,offset:.15},{opacity:1}],{duration:i,easing:"ease-out",fill:"none"})}}warnMissingAccessibleName(){const a=this.el.hasAttribute("aria-label")||this.el.hasAttribute("aria-labelledby");if(!this.label&&!a){console.warn("[md-navigation-rail-tab] WCAG 1.1.1 / 2.4.4: destination is missing a label. "+"Add a `label` attribute or aria-label.",this.el)}}get submenu(){return this.el.querySelector('[slot="submenu"]')}ensureSubmenuAnchor(){const a=this.submenu;if(!a)return;if(!this.el.id){this.generatedId=this.generatedId??`md-rail-tab-${Math.random().toString(36).slice(2,9)}`;this.el.id=this.generatedId}if(a.getAttribute("anchor")!==this.el.id)a.setAttribute("anchor",this.el.id);if(!a.hasAttribute("placement"))a.setAttribute("placement","bottom-start")}async clearSubmenuSelection(){const a=this.submenu;a?.querySelectorAll("md-menu-item[selected]").forEach((a=>{a.removeAttribute("selected")}));this.submenuHasSelection=false}syncSubmenuSelection(){const a=this.submenu;this.submenuHasSelection=!!a?.querySelector('md-menu-item[selected], md-menu-item[aria-checked="true"]')}toggleSubmenu(){const a=this.submenu;if(!a)return;if(a.open)void a.close();else void a.show()}get displayBadgeValue(){if(!this.badgeValue)return"";const a=Number(this.badgeValue);if(Number.isFinite(a)&&a>999)return"999+";return this.badgeValue}renderIcon(){const a=!!this.icon;return n("slot",{name:"icon"},a&&n("span",{class:"md-navigation-rail-tab__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon))}renderBadge(){const a=!!this.badgeValue;const i=this.badge&&!a;if(!a&&!i)return null;return n("span",{class:{"md-navigation-rail-tab__badge":true,"md-navigation-rail-tab__badge--dot":i,"md-navigation-rail-tab__badge--large":a},part:i?"badge badge-dot":"badge badge-large",role:"status","aria-label":a?`${this.displayBadgeValue} new notifications`:"new notifications"},a&&this.displayBadgeValue)}renderInner(){return[n("span",{class:"md-navigation-rail-tab__indicator",part:"indicator","aria-hidden":"true"},n("span",{class:"md-navigation-rail-tab__state-layer",part:"state-layer","aria-hidden":"true"})),n("md-ripple",{disabled:this.disabled}),n("span",{class:"md-navigation-rail-tab__icon-wrapper",part:"icon-wrapper"},n("span",{class:"md-navigation-rail-tab__icon-box"},this.renderIcon(),this.renderBadge())),this.label&&n("span",{class:"md-navigation-rail-tab__label",part:"label"},this.label,this.hasSubmenu&&n("span",{class:"md-navigation-rail-tab__caret material-symbols-outlined",part:"caret","aria-hidden":"true"},"arrow_drop_down")),n("slot",{name:"submenu"})]}render(){const a=s(this.href);const i=!!a&&!this.disabled;const t=this.disabled?"true":null;const e=this.active&&i?"page":null;const r=i?null:this.active?"true":"false";const d=i?"link":"tab";const c=this.el.getAttribute("aria-label")??undefined;const m=i?this.label||c:!this.label?c:undefined;return n(o,{key:"f7f616314485ebf51d0cc79a5a91c949a98045de",class:{"md-navigation-rail-tab":true,"md-navigation-rail-tab--active":this.active,"md-navigation-rail-tab--child-selected":this.submenuHasSelection&&!this.active,"md-navigation-rail-tab--disabled":this.disabled,"md-navigation-rail-tab--has-label":!!this.label,[`md-navigation-rail-tab--labels-${this.labelVisibility}`]:true,"md-navigation-rail-tab--expanded":this.expanded},role:d,"aria-selected":r,"aria-current":e,"aria-disabled":t,"aria-label":m,tabindex:this.disabled?"-1":this.active?"0":"-1","aria-haspopup":this.submenu?"menu":undefined,"aria-expanded":this.submenu?this.submenuOpen?"true":"false":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i?n("a",{class:"md-navigation-rail-tab__anchor",href:a,target:this.target||undefined,rel:this.target?l:undefined,tabIndex:-1,"aria-hidden":"true",part:"anchor"},this.renderInner()):this.renderInner())}get el(){return this}static get watchers(){return{expanded:[{onExpandedChange:0}]}}static get style(){return c()}},[257,"md-navigation-rail-tab",{icon:[1],label:[1],active:[1540],disabled:[516],badge:[4],badgeValue:[1,"badge-value"],href:[1],target:[1],value:[1],labelVisibility:[513,"label-visibility"],expanded:[516],density:[514],submenuOpen:[32],hasSubmenu:[32],submenuHasSelection:[32],clearSubmenuSelection:[64]},undefined,{expanded:[{onExpandedChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const a=["md-navigation-rail-tab","md-ripple"];a.forEach((a=>{switch(a){case"md-navigation-rail-tab":if(!customElements.get(e(a))){customElements.define(e(a),m)}break;case"md-ripple":if(!customElements.get(e(a))){d()}break}}))}v();const b=m;const g=v;export{b as MdNavigationRailTab,g as defineCustomElement};
 //# sourceMappingURL=md-navigation-rail-tab.js.map

package/dist/components/md-navigation-rail.js

@@ -1,2 +1,2 @@
-import{p as i,H as a,c as n,h as t,d as e,t as o}from"./p-BR6gfOQH.js";import{d as s}from"./p-DYL-8C5C.js";import{d as r}from"./p-CCMritCA.js";import{d}from"./p-D8oM1Kr3.js";import{d as l}from"./p-CTC8XAB6.js";const c=()=>`:host{--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface, #FFFBFE)   );--_container-width:var(--md-navigation-rail-container-width, max(56px, calc(80px + var(--md-sys-density-scale, 0) * 4px)));--_expanded-width:var(--md-navigation-rail-expanded-width, max(140px, calc(220px + var(--md-sys-density-scale, 0) * 20px)));--_expanded-max-width:var(--md-navigation-rail-expanded-max-width, 360px);--_container-shape:var(--md-navigation-rail-container-shape, 0px);--_container-elevation:var(--md-navigation-rail-container-elevation, none);--_padding-block:var(--md-navigation-rail-padding-block, max(24px, calc(44px + var(--md-sys-density-scale, 0) * 4px)));--_padding-inline:var(--md-navigation-rail-padding-inline, 0px);--_gap:var(--md-navigation-rail-gap, var(--md-sys-spacing-gap-md, 12px));--_header-space:var(--md-navigation-rail-header-space, max(20px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_destinations-gap:var(--md-navigation-rail-destinations-gap, max(0px, calc(8px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(     --md-navigation-rail-content-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_logo-icon-size:var(--md-navigation-rail-logo-icon-size, 24px);--_motion-duration:var(--md-sys-motion-duration-short4, 200ms);--_motion-easing:var(     --md-sys-motion-easing-standard,     cubic-bezier(0.2, 0, 0, 1)   );--_motion-effects-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_motion-effects-easing:var(     --md-sys-motion-spring-effects-default-easing,     cubic-bezier(0.34, 0.8, 0.34, 1)   );display:flex;flex-direction:column;box-sizing:border-box;inline-size:var(--_container-width);min-inline-size:var(--_container-width);max-inline-size:var(--_container-width);block-size:100%;min-block-size:100%;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);background-color:var(--_container-color);color:var(--_content-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);position:relative;isolation:isolate;transition:inline-size var(--_motion-duration) var(--_motion-easing),     min-inline-size var(--_motion-duration) var(--_motion-easing),     max-inline-size var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-effects-duration) var(--_motion-effects-easing);font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif)}:host(.md-navigation-rail--full-height){block-size:100dvh;min-block-size:100dvh}:host(.md-navigation-rail--expanded){inline-size:var(--_expanded-width);min-inline-size:var(--_expanded-width);max-inline-size:var(--_expanded-max-width);--_padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-navigation-rail--modal){position:static;isolation:auto;background-color:transparent;box-shadow:none;padding:0}:host(.md-navigation-rail--modal.md-navigation-rail--expanded){--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface-container, #F3EDF7)   );--_container-shape:var(     --md-navigation-rail-container-shape,     var(--md-sys-shape-corner-large, 16px)   );--_container-elevation:var(     --md-navigation-rail-container-elevation,     var(--md-sys-elevation-3, 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15))   );inline-size:var(--_container-width);min-inline-size:var(--_container-width);max-inline-size:var(--_container-width)}.md-navigation-rail__scrim{position:absolute;inset:0;background-color:var(--md-sys-color-scrim, #000000);opacity:0;pointer-events:none;z-index:2;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail--modal.md-navigation-rail--expanded) .md-navigation-rail__scrim{opacity:0.32;pointer-events:auto}:host(.md-navigation-rail--modal) .md-navigation-rail__container{position:absolute;inset-block-start:0;inset-inline-start:0;box-sizing:border-box;inline-size:var(--_container-width);block-size:100%;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);background-color:var(--_container-color);box-shadow:var(--_container-elevation);border-start-end-radius:var(--_container-shape);border-end-end-radius:var(--_container-shape);z-index:3;overflow:hidden;transition:inline-size var(--_motion-duration) var(--_motion-easing),     inset-block-start var(--_motion-duration) var(--_motion-easing),     inset-inline-start var(--_motion-duration) var(--_motion-easing),     block-size var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-effects-duration) var(--_motion-effects-easing),     box-shadow var(--_motion-effects-duration) var(--_motion-effects-easing),     border-radius var(--_motion-effects-duration) var(--_motion-effects-easing)}:host(.md-navigation-rail--modal.md-navigation-rail--expanded) .md-navigation-rail__container{inline-size:var(--_expanded-width);max-inline-size:var(--_expanded-max-width);inset-block-start:16px;inset-inline-start:16px;block-size:calc(100% - 32px);border-radius:var(--_container-shape)}.md-navigation-rail__container{display:flex;flex-direction:column;block-size:100%;gap:var(--_gap);inline-size:100%}.md-navigation-rail__logo{position:relative;inline-size:100%;min-block-size:48px}.md-navigation-rail__logo[hidden]{display:none}.md-navigation-rail__logo-contracted,.md-navigation-rail__logo-expanded{position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:0;display:flex;align-items:center;justify-content:flex-start;padding-inline-start:calc((var(--_container-width) - var(--_logo-icon-size)) / 2);transition:opacity var(--_motion-effects-duration) var(--_motion-effects-easing)}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-contracted,:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-expanded{margin-inline-start:calc(-1 * var(--_padding-inline))}.md-navigation-rail__logo-contracted{opacity:1}.md-navigation-rail__logo-expanded{opacity:0;pointer-events:none}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-contracted{opacity:0;pointer-events:none}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-expanded{opacity:1;pointer-events:auto}:host(.md-navigation-rail--expanded:not(.md-navigation-rail--with-logo-expanded)) .md-navigation-rail__logo-contracted{opacity:1;pointer-events:auto}.md-navigation-rail__toggle{display:flex;align-items:center;justify-content:flex-start;inline-size:100%;min-block-size:48px;padding-inline-start:calc((var(--_container-width) - 40px) / 2)}:host(.md-navigation-rail--expanded) .md-navigation-rail__toggle{padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__header{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:100%;min-block-size:56px;padding-block-end:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-navigation-rail--expanded) .md-navigation-rail__header{align-items:flex-start;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__header[hidden]{display:none}.md-navigation-rail__fab{display:flex;align-items:center;justify-content:center;inline-size:100%;padding-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-navigation-rail--expanded) .md-navigation-rail__fab{justify-content:flex-start;padding-inline-start:var(--md-sys-spacing-inset-md, 12px)}.md-navigation-rail__fab[hidden]{display:none}.md-navigation-rail__destinations{display:flex;flex-direction:column;gap:var(--_destinations-gap);inline-size:100%;flex:1 1 auto;min-block-size:0;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;scrollbar-width:thin;padding-block:5px}:host(.md-navigation-rail--with-header) .md-navigation-rail__destinations,:host(.md-navigation-rail--with-fab) .md-navigation-rail__destinations{padding-block-start:calc(var(--_header-space) - var(--_gap))}:host(.md-navigation-rail--align-top) .md-navigation-rail__destinations{justify-content:flex-start}:host(.md-navigation-rail--align-middle) .md-navigation-rail__destinations{justify-content:center}:host(.md-navigation-rail--align-bottom) .md-navigation-rail__destinations{justify-content:flex-end}.md-navigation-rail__footer{display:flex;flex-direction:column;align-items:stretch;inline-size:100%;gap:var(--_destinations-gap);padding-block-start:var(--md-sys-spacing-inset-sm, 8px);margin-block-start:auto;}.md-navigation-rail__footer ::slotted(md-icon-button){align-self:center}:host(.md-navigation-rail--expanded) .md-navigation-rail__footer ::slotted(md-icon-button){align-self:flex-start}:host(.md-navigation-rail--expanded) .md-navigation-rail__footer{padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__footer[hidden]{display:none}::slotted(md-navigation-rail-tab){inline-size:var(--_container-width)}:host(.md-navigation-rail--tabs-expanded) ::slotted(md-navigation-rail-tab){inline-size:fit-content}::slotted(md-fab),::slotted(md-icon-button){flex:0 0 auto}::slotted(md-fab){box-shadow:none}::slotted([data-section-header]){display:none}:host(.md-navigation-rail--tabs-expanded) ::slotted([data-section-header]){display:block;flex:0 0 auto;padding-block:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);margin:0;color:var(--md-sys-color-on-surface-variant, #49454F);font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-title-small-font-size, 14px);font-weight:var(--md-sys-typescale-title-small-font-weight, 500);line-height:var(--md-sys-typescale-title-small-line-height, 20px);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail__toggle,.md-navigation-rail__fab,.md-navigation-rail__scrim,:host(.md-navigation-rail--modal) .md-navigation-rail__container{transition:none}}:host([data-theme='dark']),:host-context([data-theme='dark']){--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface, #1C1B1F)   )}@media (forced-colors: active){:host{border-inline-end:1px solid CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host(.md-navigation-rail--horizontal){flex-direction:row;inline-size:100%;min-inline-size:0;max-inline-size:none;block-size:auto;min-block-size:var(     --md-navigation-rail-horizontal-height,     max(64px, calc(72px + var(--md-sys-density-scale, 0) * 4px))   );padding-block:var(--md-navigation-rail-horizontal-padding-block, 0px);padding-inline:var(--md-navigation-rail-horizontal-padding-inline, var(--md-sys-spacing-inset-md, 12px))}:host(.md-navigation-rail--horizontal) .md-navigation-rail__container{flex-direction:row;align-items:stretch;block-size:auto}:host(.md-navigation-rail--horizontal) .md-navigation-rail__destinations{flex-direction:row;align-items:stretch;inline-size:auto;min-inline-size:0;block-size:auto;min-block-size:0;overflow-x:auto;overflow-y:clip;padding-block:0;padding-inline:5px;justify-content:center}:host(.md-navigation-rail--horizontal.md-navigation-rail--with-header) .md-navigation-rail__destinations,:host(.md-navigation-rail--horizontal.md-navigation-rail--with-fab) .md-navigation-rail__destinations{padding-block-start:0;padding-inline-start:calc(var(--_header-space) - var(--_gap))}:host(.md-navigation-rail--horizontal) ::slotted(md-navigation-rail-tab){inline-size:auto;min-inline-size:var(--_container-width);flex-shrink:0}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo{inline-size:auto;min-block-size:0;flex:0 0 auto;display:flex;align-items:center}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-contracted,:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-expanded{position:static;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-expanded{display:none}:host(.md-navigation-rail--horizontal) .md-navigation-rail__fab{flex:0 0 auto}:host(.md-navigation-rail--horizontal) .md-navigation-rail__footer{flex-direction:row;align-items:center;inline-size:auto;padding-block-start:0;padding-inline-start:var(--md-sys-spacing-inset-sm, 8px);margin-block-start:0;margin-inline-start:auto}:host(.md-navigation-rail--horizontal) ::slotted([data-section-header]){display:none}:host(.md-navigation-rail--submenu-open){isolation:auto;z-index:3}::slotted(md-navigation-rail-tab[data-overflowed]){display:none}.md-navigation-rail__overflow{position:relative;display:flex;flex:0 0 auto;justify-content:center}.md-navigation-rail__overflow-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;inline-size:100%;min-block-size:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 2px));padding:0 var(--md-sys-spacing-inset-sm, 8px);border:none;background:none;color:var(--_content-color);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.md-navigation-rail__overflow-trigger:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:var(--md-sys-shape-corner-small, 8px)}.md-navigation-rail__overflow-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1}.md-navigation-rail__overflow-label{font:var(--md-sys-typescale-label-medium, 500 12px/16px Roboto, sans-serif);white-space:nowrap}:host(.md-navigation-rail--label-visibility-none) .md-navigation-rail__overflow-label{display:none}:host(.md-navigation-rail--horizontal) .md-navigation-rail__overflow-trigger{inline-size:auto;min-inline-size:var(--_container-width)}.md-navigation-rail__overflow md-menu-item .material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted(md-menu[slot='submenu']){position:absolute}`;const m=i(class i extends a{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdTabChange=n(this,"mdTabChange",7);this.mdExpand=n(this,"mdExpand",7);this.mdCollapse=n(this,"mdCollapse",7);this.variant="standard";this.modal=false;this.fullHeight=false;this.alignment="top";this.expandable=false;this.toggleLabel="Toggle navigation";this.labelVisibility="all";this.activeIndex=-1;this.label="Navigation";this.disableFocusManagement=false;this.density=0;this.hasLogo=false;this.hasLogoExpanded=false;this.hasHeader=false;this.hasFab=false;this.hasFooter=false;this.hasLinkDestinations=false;this.overflowCount=0;this.submenuOpen=false;this.tabsExpanded=false;this.orientation="vertical";this.overflowLabel="More";this.overflowIcon="more_horiz";this.wiredMenus=new WeakSet;this.handleSlottedMenuOpen=()=>{this.submenuOpen=true};this.handleSlottedMenuClose=()=>{this.submenuOpen=this.anyMenuOpen()};this.overflowId=`md-rail-overflow-${Math.random().toString(36).slice(2,9)}`;this.toggleOverflow=()=>{const i=this.overflowMenu();if(!i)return;if(i.open)void i.close();else void i.show()};this.handleKeyDown=i=>{if(i.key==="Escape"&&this.modal&&this.variant==="expanded"){i.preventDefault();this.collapse();this.focusToggle();return}if(this.disableFocusManagement)return;const n=this.getTabs().filter((i=>!this.isTabDisabled(i)));if(n.length===0)return;const t=i.composedPath().find((i=>i instanceof a&&n.includes(i)));const e=t?n.indexOf(t):-1;let o=null;const s=this.orientation==="horizontal"&&this.resolveDirection()==="rtl";const r=i=>i==="ArrowDown"||(s?i==="ArrowLeft":i==="ArrowRight");const d=i=>i==="ArrowUp"||(s?i==="ArrowRight":i==="ArrowLeft");switch(true){case r(i.key):o=e<0?0:(e+1)%n.length;break;case d(i.key):o=e<0?n.length-1:(e-1+n.length)%n.length;break;case i.key==="Home":o=0;break;case i.key==="End":o=n.length-1;break;default:return}i.preventDefault();const l=n[o];if(!l)return;const c=this.getTabs();this.setRovingTabindex(c.indexOf(l));l.focus()};this.handleToggleClick=()=>{this.toggle()};this.handleScrimClick=()=>{if(this.modal&&this.variant==="expanded"){this.collapse();this.focusToggle()}};this.handleSlotChange=()=>{this.syncTabs()};this.handleLogoSlotChange=i=>{this.hasLogo=i.target.assignedElements().length>0};this.handleLogoExpandedSlotChange=i=>{this.hasLogoExpanded=i.target.assignedElements().length>0};this.handleHeaderSlotChange=i=>{this.hasHeader=i.target.assignedElements().length>0};this.handleFabSlotChange=i=>{this.hasFab=i.target.assignedElements().length>0;this.syncFab()};this.handleFooterSlotChange=i=>{this.hasFooter=i.target.assignedElements().length>0;this.wireSlottedMenus()}}async expand(){if(this.variant!=="expanded"){this.variant="expanded"}}async collapse(){if(this.variant!=="standard"){this.variant="standard"}}async toggle(){this.variant=this.variant==="expanded"?"standard":"expanded"}async focusTab(i){const a=this.getTabs();const n=a[i];if(n){this.setRovingTabindex(i);n.focus()}}componentWillLoad(){this.tabsExpanded=this.variant==="expanded";if(this.activeIndex<0){const i=Array.from(this.el.children).filter((i=>i.tagName.toLowerCase()==="md-navigation-rail-tab"));const a=i.findIndex((i=>i.hasAttribute("active")));if(a>=0)this.activeIndex=a}}componentDidLoad(){this.syncTabs();this.syncFab();this.wireSlottedMenus()}onVariantChange(i,a){if(i===a)return;if(i==="expanded")this.mdExpand.emit();else this.mdCollapse.emit();this.tabsExpanded=i==="expanded";this.syncTabs();this.syncFab()}syncFab(){const i=this.el.shadowRoot?.querySelector('slot[name="fab"]');i?.assignedElements().forEach((i=>{this.setProp(i,"extended",this.variant==="expanded")}))}onLabelVisibilityChange(){this.syncTabs()}onActiveIndexChange(){this.syncTabs()}handleTabClick(i){const a=i.target;if(!a)return;const n=this.getTabs();const t=n.indexOf(a);if(t<0)return;if(this.isTabDisabled(a)){i.stopPropagation();return}const e=t!==this.activeIndex;this.activeIndex=t;this.setRovingTabindex(t);this.clearOtherSubmenuSelections(a);if(e){this.mdTabChange.emit({index:t,value:i.detail?.value??""})}}clearOtherSubmenuSelections(i){this.getTabs().forEach((a=>{if(a===i)return;const n=a.clearSubmenuSelection;if(typeof n==="function")void n.call(a)}))}isTabDisabled(i){return i.hasAttribute("disabled")||i.getAttribute("aria-disabled")==="true"||i.hasAttribute("data-overflowed")}getTabs(){const i=this.el.shadowRoot?.querySelector("slot:not([name])");if(!i)return[];return i.assignedElements().filter((i=>i.tagName.toLowerCase()==="md-navigation-rail-tab"))}syncTabs(){const i=this.getTabs();this.hasLinkDestinations=i.some((i=>!!i.href||!!i.getAttribute("href")));i.forEach(((a,n)=>{const t=n===this.activeIndex;this.setProp(a,"active",t);this.setProp(a,"labelVisibility",this.labelVisibility);this.setProp(a,"expanded",this.tabsExpanded);a.setAttribute("data-orientation",this.orientation);if(!this.disableFocusManagement){const e=!this.isTabDisabled(a);const o=this.activeIndex>=0&&t||this.activeIndex<0&&n===i.findIndex((i=>!this.isTabDisabled(i)));a.tabIndex=e&&o?0:-1}}));this.applyOverflow()}setProp(i,a,n){try{i[a]=n}catch{}}setRovingTabindex(i){if(this.disableFocusManagement)return;const a=this.getTabs();a.forEach(((a,n)=>{a.tabIndex=n===i&&!this.isTabDisabled(a)?0:-1}))}resolveDirection(){let i=this.el;while(i){const a=i.getAttribute?.("dir");if(a==="rtl"||a==="ltr")return a;i=i.parentElement}return"ltr"}onDescendantSubmenuToggle(i){this.submenuOpen=i.detail?.open?true:this.anyMenuOpen()}wireSlottedMenus(){this.el.querySelectorAll("md-menu").forEach((i=>{if(this.wiredMenus.has(i))return;this.wiredMenus.add(i);i.addEventListener("mdOpen",this.handleSlottedMenuOpen);i.addEventListener("mdClose",this.handleSlottedMenuClose)}))}anyMenuOpen(){return Array.from(this.el.querySelectorAll("md-menu")).some((i=>i.open))}get overflowedTabs(){const i=this.maxVisible;const a=this.getTabs();if(!i||i<1||a.length<=i)return[];return a.slice(i)}applyOverflow(){const i=this.overflowedTabs;const a=new Set(i);this.getTabs().forEach((i=>{if(a.has(i))i.setAttribute("data-overflowed","");else i.removeAttribute("data-overflowed")}));this.overflowCount=i.length}onMaxVisibleChange(){this.applyOverflow()}overflowMenu(){return this.el.shadowRoot?.querySelector("md-menu")}selectOverflowed(i){const a=this.getTabs().indexOf(i);if(a<0)return;const n=a!==this.activeIndex;this.activeIndex=a;this.setRovingTabindex(a);this.clearOtherSubmenuSelections(i);if(n){this.mdTabChange.emit({index:a,value:i.getAttribute("value")??""})}void this.overflowMenu()?.close()}focusToggle(){const i=this.el.shadowRoot?.querySelector(".md-navigation-rail__toggle-button");i?.focus()}render(){return t(e,{key:"3d3929306bacef8acfbd8f686a4b7c3a0a1c7d04",class:{"md-navigation-rail":true,[`md-navigation-rail--${this.variant}`]:true,"md-navigation-rail--tabs-expanded":this.tabsExpanded,"md-navigation-rail--horizontal":this.orientation==="horizontal","md-navigation-rail--submenu-open":this.submenuOpen,"md-navigation-rail--modal":this.modal,"md-navigation-rail--full-height":this.fullHeight,[`md-navigation-rail--align-${this.alignment}`]:true,[`md-navigation-rail--labels-${this.labelVisibility}`]:true,"md-navigation-rail--with-logo":this.hasLogo||this.hasLogoExpanded,"md-navigation-rail--with-logo-expanded":this.hasLogoExpanded,"md-navigation-rail--with-header":this.hasHeader,"md-navigation-rail--with-fab":this.hasFab,"md-navigation-rail--with-footer":this.hasFooter},role:"navigation","aria-label":this.label,onKeyDown:this.handleKeyDown},t("div",{key:"c92433602e7747f3302be5769ebcd491b48fc6a7",class:"md-navigation-rail__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),t("div",{key:"d70f14a5d4c57e49ce91818919765204277fb2b1",class:"md-navigation-rail__container",part:"container"},t("div",{key:"59344703c915d15a79e44e8c6287db111b3cc1e5",class:"md-navigation-rail__logo",part:"logo",hidden:!this.hasLogo&&!this.hasLogoExpanded},t("span",{key:"e1d8cee7cccd8ed977c980f998d77faa544b8ea3",class:"md-navigation-rail__logo-contracted",part:"logo-contracted"},t("slot",{key:"c92ecdf05c7ae1faac015ccc2b77011607ec2400",name:"logo",onSlotchange:this.handleLogoSlotChange})),t("span",{key:"059d6e0eadec6398d1626ed44667231ad65d846c",class:"md-navigation-rail__logo-expanded",part:"logo-expanded"},t("slot",{key:"7bf0cf2e55ef500ab9d7f1689c44faffd35a907b",name:"logo-expanded",onSlotchange:this.handleLogoExpandedSlotChange}))),this.expandable&&this.orientation==="vertical"&&t("div",{key:"573b13d0e600e20286a1cb77a0243661d5995443",class:"md-navigation-rail__toggle",part:"toggle"},t("md-icon-button",{key:"64ace22b44d1da34bb84c7114ed5977d0c7597a0",class:"md-navigation-rail__toggle-button",icon:this.variant==="expanded"?"menu_open":"menu","aria-label":this.toggleLabel,"aria-expanded":this.variant==="expanded"?"true":"false",onClick:this.handleToggleClick})),t("div",{key:"dc3991334f2711aa0ca7a56b7c51a5302b22577a",class:"md-navigation-rail__header",part:"header",hidden:!this.hasHeader},t("slot",{key:"f4d839f52101b0c6d7fda026763c6fc16e1d065b",name:"header",onSlotchange:this.handleHeaderSlotChange})),t("div",{key:"fa32e9e3b98308e9cb2c94a53a9b804565833a44",class:"md-navigation-rail__fab",part:"fab",hidden:!this.hasFab},t("slot",{key:"58ec6681efb826b3aa5e88c4f8dd07607b0d0e17",name:"fab",onSlotchange:this.handleFabSlotChange})),t("div",{key:"47ad4dcc7900c2dcc5b686db218492b44d783cc9",class:"md-navigation-rail__destinations",part:"destinations",role:this.hasLinkDestinations?undefined:"tablist","aria-orientation":this.hasLinkDestinations?undefined:this.orientation,"aria-label":this.hasLinkDestinations?undefined:this.label},t("slot",{key:"c7e9b32b3285e15d1fd5898b2e75e6c588abf434",onSlotchange:this.handleSlotChange})),this.overflowCount>0&&t("div",{key:"d9918f2d696971906868c0410a3ff7fa13b108bf",class:"md-navigation-rail__overflow",part:"overflow"},t("button",{key:"16a274e2898cea6e9c912ada3b811ea32d2c4d5a",id:this.overflowId,type:"button",class:"md-navigation-rail__overflow-trigger",part:"overflow-trigger","aria-haspopup":"menu","aria-label":this.overflowLabel,onClick:this.toggleOverflow},t("span",{key:"b52e99255604616dca34eed531c8d8b738e0a183",class:"material-symbols-outlined md-navigation-rail__overflow-icon","aria-hidden":"true"},this.overflowIcon),t("span",{key:"29c312daad50206e6cde02edd1f3d20025465823",class:"md-navigation-rail__overflow-label"},this.overflowLabel)),t("md-menu",{key:"4aeb58bb954bd30673330f7c3a9aa4e9111f3330",anchor:this.overflowId,placement:this.orientation==="horizontal"?"bottom-end":"top-start"},this.overflowedTabs.map((i=>t("md-menu-item",{key:i.getAttribute("value")||i.getAttribute("label")||"",headline:i.getAttribute("label")||"",onClick:()=>this.selectOverflowed(i)},i.getAttribute("icon")&&t("span",{slot:"leading-icon",class:"material-symbols-outlined"},i.getAttribute("icon"))))))),t("div",{key:"4a5edb00ca0ed470ded1aebf24fd43ba44f5a400",class:"md-navigation-rail__footer",part:"footer",hidden:!this.hasFooter},t("slot",{key:"47ef388857f60eab7941467abad8461ee0349387",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return this}static get watchers(){return{variant:[{onVariantChange:0}],labelVisibility:[{onLabelVisibilityChange:0}],activeIndex:[{onActiveIndexChange:0}],maxVisible:[{onMaxVisibleChange:0}]}}static get style(){return c()}},[257,"md-navigation-rail",{variant:[1537],modal:[516],fullHeight:[516,"full-height"],alignment:[513],expandable:[516],toggleLabel:[1,"toggle-label"],labelVisibility:[513,"label-visibility"],activeIndex:[1538,"active-index"],label:[1],disableFocusManagement:[4,"disable-focus-management"],density:[514],orientation:[513],maxVisible:[2,"max-visible"],overflowLabel:[1,"overflow-label"],overflowIcon:[1,"overflow-icon"],hasLogo:[32],hasLogoExpanded:[32],hasHeader:[32],hasFab:[32],hasFooter:[32],hasLinkDestinations:[32],overflowCount:[32],submenuOpen:[32],tabsExpanded:[32],expand:[64],collapse:[64],toggle:[64],focusTab:[64]},[[0,"mdTabClick","handleTabClick"],[0,"mdSubmenuToggle","onDescendantSubmenuToggle"]],{variant:[{onVariantChange:0}],labelVisibility:[{onLabelVisibilityChange:0}],activeIndex:[{onActiveIndexChange:0}],maxVisible:[{onMaxVisibleChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const i=["md-navigation-rail","md-icon-button","md-menu","md-menu-item","md-ripple"];i.forEach((i=>{switch(i){case"md-navigation-rail":if(!customElements.get(o(i))){customElements.define(o(i),m)}break;case"md-icon-button":if(!customElements.get(o(i))){s()}break;case"md-menu":if(!customElements.get(o(i))){r()}break;case"md-menu-item":if(!customElements.get(o(i))){d()}break;case"md-ripple":if(!customElements.get(o(i))){l()}break}}))}h();const g=m;const v=h;export{g as MdNavigationRail,v as defineCustomElement};
+import{p as i,H as a,c as n,h as t,d as e,t as o}from"./p-BR6gfOQH.js";import{d as s}from"./p-zMR3UIR_.js";import{d as r}from"./p-C77M30dm.js";import{d}from"./p-2HV152w7.js";import{d as l}from"./p-De3E5Q8v.js";const c=()=>`:host{--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface, #FFFBFE)   );--_container-width:var(--md-navigation-rail-container-width, max(56px, calc(80px + var(--md-sys-density-scale, 0) * 4px)));--_expanded-width:var(--md-navigation-rail-expanded-width, max(140px, calc(220px + var(--md-sys-density-scale, 0) * 20px)));--_expanded-max-width:var(--md-navigation-rail-expanded-max-width, 360px);--_container-shape:var(--md-navigation-rail-container-shape, 0px);--_container-elevation:var(--md-navigation-rail-container-elevation, none);--_padding-block:var(--md-navigation-rail-padding-block, max(24px, calc(44px + var(--md-sys-density-scale, 0) * 4px)));--_padding-inline:var(--md-navigation-rail-padding-inline, 0px);--_gap:var(--md-navigation-rail-gap, var(--md-sys-spacing-gap-md, 12px));--_header-space:var(--md-navigation-rail-header-space, max(20px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_destinations-gap:var(--md-navigation-rail-destinations-gap, max(0px, calc(8px + var(--md-sys-density-scale, 0) * 2px)));--_content-color:var(     --md-navigation-rail-content-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_logo-icon-size:var(--md-navigation-rail-logo-icon-size, 24px);--_motion-duration:var(--md-sys-motion-duration-short4, 200ms);--_motion-easing:var(     --md-sys-motion-easing-standard,     cubic-bezier(0.2, 0, 0, 1)   );--_motion-effects-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_motion-effects-easing:var(     --md-sys-motion-spring-effects-default-easing,     cubic-bezier(0.34, 0.8, 0.34, 1)   );display:flex;flex-direction:column;box-sizing:border-box;inline-size:var(--_container-width);min-inline-size:var(--_container-width);max-inline-size:var(--_container-width);block-size:100%;min-block-size:100%;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);background-color:var(--_container-color);color:var(--_content-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);position:relative;isolation:isolate;transition:inline-size var(--_motion-duration) var(--_motion-easing),     min-inline-size var(--_motion-duration) var(--_motion-easing),     max-inline-size var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-effects-duration) var(--_motion-effects-easing);font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif)}:host(.md-navigation-rail--full-height){block-size:100dvh;min-block-size:100dvh}:host(.md-navigation-rail--expanded){inline-size:var(--_expanded-width);min-inline-size:var(--_expanded-width);max-inline-size:var(--_expanded-max-width);--_padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.md-navigation-rail--modal){position:static;isolation:auto;background-color:transparent;box-shadow:none;padding:0}:host(.md-navigation-rail--modal.md-navigation-rail--expanded){--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface-container, #F3EDF7)   );--_container-shape:var(     --md-navigation-rail-container-shape,     var(--md-sys-shape-corner-large, 16px)   );--_container-elevation:var(     --md-navigation-rail-container-elevation,     var(--md-sys-elevation-3, 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15))   );inline-size:var(--_container-width);min-inline-size:var(--_container-width);max-inline-size:var(--_container-width)}.md-navigation-rail__scrim{position:absolute;inset:0;background-color:var(--md-sys-color-scrim, #000000);opacity:0;pointer-events:none;z-index:2;transition:opacity var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-rail--modal.md-navigation-rail--expanded) .md-navigation-rail__scrim{opacity:0.32;pointer-events:auto}:host(.md-navigation-rail--modal) .md-navigation-rail__container{position:absolute;inset-block-start:0;inset-inline-start:0;box-sizing:border-box;inline-size:var(--_container-width);block-size:100%;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);background-color:var(--_container-color);box-shadow:var(--_container-elevation);border-start-end-radius:var(--_container-shape);border-end-end-radius:var(--_container-shape);z-index:3;overflow:hidden;transition:inline-size var(--_motion-duration) var(--_motion-easing),     inset-block-start var(--_motion-duration) var(--_motion-easing),     inset-inline-start var(--_motion-duration) var(--_motion-easing),     block-size var(--_motion-duration) var(--_motion-easing),     background-color var(--_motion-effects-duration) var(--_motion-effects-easing),     box-shadow var(--_motion-effects-duration) var(--_motion-effects-easing),     border-radius var(--_motion-effects-duration) var(--_motion-effects-easing)}:host(.md-navigation-rail--modal.md-navigation-rail--expanded) .md-navigation-rail__container{inline-size:var(--_expanded-width);max-inline-size:var(--_expanded-max-width);inset-block-start:16px;inset-inline-start:16px;block-size:calc(100% - 32px);border-radius:var(--_container-shape)}.md-navigation-rail__container{display:flex;flex-direction:column;block-size:100%;gap:var(--_gap);inline-size:100%}.md-navigation-rail__logo{position:relative;inline-size:100%;min-block-size:48px}.md-navigation-rail__logo[hidden]{display:none}.md-navigation-rail__logo-contracted,.md-navigation-rail__logo-expanded{position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:0;display:flex;align-items:center;justify-content:flex-start;padding-inline-start:calc((var(--_container-width) - var(--_logo-icon-size)) / 2);transition:opacity var(--_motion-effects-duration) var(--_motion-effects-easing)}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-contracted,:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-expanded{margin-inline-start:calc(-1 * var(--_padding-inline))}.md-navigation-rail__logo-contracted{opacity:1}.md-navigation-rail__logo-expanded{opacity:0;pointer-events:none}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-contracted{opacity:0;pointer-events:none}:host(.md-navigation-rail--expanded) .md-navigation-rail__logo-expanded{opacity:1;pointer-events:auto}:host(.md-navigation-rail--expanded:not(.md-navigation-rail--with-logo-expanded)) .md-navigation-rail__logo-contracted{opacity:1;pointer-events:auto}.md-navigation-rail__toggle{display:flex;align-items:center;justify-content:flex-start;inline-size:100%;min-block-size:48px;padding-inline-start:calc((var(--_container-width) - 40px) / 2)}:host(.md-navigation-rail--expanded) .md-navigation-rail__toggle{padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__header{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:100%;min-block-size:56px;padding-block-end:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-navigation-rail--expanded) .md-navigation-rail__header{align-items:flex-start;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__header[hidden]{display:none}.md-navigation-rail__fab{display:flex;align-items:center;justify-content:center;inline-size:100%;padding-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-navigation-rail--expanded) .md-navigation-rail__fab{justify-content:flex-start;padding-inline-start:var(--md-sys-spacing-inset-md, 12px)}.md-navigation-rail__fab[hidden]{display:none}.md-navigation-rail__destinations{display:flex;flex-direction:column;gap:var(--_destinations-gap);inline-size:100%;flex:1 1 auto;min-block-size:0;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;scrollbar-width:thin;padding-block:5px}:host(.md-navigation-rail--with-header) .md-navigation-rail__destinations,:host(.md-navigation-rail--with-fab) .md-navigation-rail__destinations{padding-block-start:calc(var(--_header-space) - var(--_gap))}:host(.md-navigation-rail--align-top) .md-navigation-rail__destinations{justify-content:flex-start}:host(.md-navigation-rail--align-middle) .md-navigation-rail__destinations{justify-content:center}:host(.md-navigation-rail--align-bottom) .md-navigation-rail__destinations{justify-content:flex-end}.md-navigation-rail__footer{display:flex;flex-direction:column;align-items:stretch;inline-size:100%;gap:var(--_destinations-gap);padding-block-start:var(--md-sys-spacing-inset-sm, 8px);margin-block-start:auto;}.md-navigation-rail__footer ::slotted(md-icon-button){align-self:center}:host(.md-navigation-rail--expanded) .md-navigation-rail__footer ::slotted(md-icon-button){align-self:flex-start}:host(.md-navigation-rail--expanded) .md-navigation-rail__footer{padding-inline-start:var(--md-sys-spacing-inset-sm, 8px)}.md-navigation-rail__footer[hidden]{display:none}::slotted(md-navigation-rail-tab){inline-size:var(--_container-width)}:host(.md-navigation-rail--tabs-expanded) ::slotted(md-navigation-rail-tab){inline-size:fit-content}::slotted(md-fab),::slotted(md-icon-button){flex:0 0 auto}::slotted(md-fab){box-shadow:none}::slotted([data-section-header]){display:none}:host(.md-navigation-rail--tabs-expanded) ::slotted([data-section-header]){display:block;flex:0 0 auto;padding-block:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-sm, 8px);padding-inline:var(--md-sys-spacing-inset-lg, 16px);margin:0;color:var(--md-sys-color-on-surface-variant, #49454F);font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-title-small-font-size, 14px);font-weight:var(--md-sys-typescale-title-small-font-weight, 500);line-height:var(--md-sys-typescale-title-small-line-height, 20px);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){:host,.md-navigation-rail__toggle,.md-navigation-rail__fab,.md-navigation-rail__scrim,:host(.md-navigation-rail--modal) .md-navigation-rail__container{transition:none}}:host([data-theme='dark']),:host-context([data-theme='dark']){--_container-color:var(     --md-navigation-rail-container-color,     var(--md-sys-color-surface, #1C1B1F)   )}@media (forced-colors: active){:host{border-inline-end:1px solid CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host(.md-navigation-rail--horizontal){flex-direction:row;inline-size:100%;min-inline-size:0;max-inline-size:none;block-size:auto;min-block-size:var(     --md-navigation-rail-horizontal-height,     max(64px, calc(72px + var(--md-sys-density-scale, 0) * 4px))   );padding-block:var(--md-navigation-rail-horizontal-padding-block, 0px);padding-inline:var(--md-navigation-rail-horizontal-padding-inline, var(--md-sys-spacing-inset-md, 12px))}:host(.md-navigation-rail--horizontal) .md-navigation-rail__container{flex-direction:row;align-items:stretch;block-size:auto}:host(.md-navigation-rail--horizontal) .md-navigation-rail__destinations{flex-direction:row;align-items:stretch;inline-size:auto;min-inline-size:0;block-size:auto;min-block-size:0;overflow-x:auto;overflow-y:clip;padding-block:0;padding-inline:5px;justify-content:center}:host(.md-navigation-rail--horizontal.md-navigation-rail--with-header) .md-navigation-rail__destinations,:host(.md-navigation-rail--horizontal.md-navigation-rail--with-fab) .md-navigation-rail__destinations{padding-block-start:0;padding-inline-start:calc(var(--_header-space) - var(--_gap))}:host(.md-navigation-rail--horizontal) ::slotted(md-navigation-rail-tab){inline-size:auto;min-inline-size:var(--_container-width);flex-shrink:0}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo{inline-size:auto;min-block-size:0;flex:0 0 auto;display:flex;align-items:center}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-contracted,:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-expanded{position:static;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-navigation-rail--horizontal) .md-navigation-rail__logo-expanded{display:none}:host(.md-navigation-rail--horizontal) .md-navigation-rail__fab{flex:0 0 auto}:host(.md-navigation-rail--horizontal) .md-navigation-rail__footer{flex-direction:row;align-items:center;inline-size:auto;padding-block-start:0;padding-inline-start:var(--md-sys-spacing-inset-sm, 8px);margin-block-start:0;margin-inline-start:auto}:host(.md-navigation-rail--horizontal) ::slotted([data-section-header]){display:none}:host(.md-navigation-rail--submenu-open){isolation:auto;z-index:3}::slotted(md-navigation-rail-tab[data-overflowed]){display:none}.md-navigation-rail__overflow{position:relative;display:flex;flex:0 0 auto;justify-content:center}.md-navigation-rail__overflow-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;inline-size:100%;min-block-size:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 2px));padding:0 var(--md-sys-spacing-inset-sm, 8px);border:none;background:none;color:var(--_content-color);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.md-navigation-rail__overflow-trigger:focus-visible{outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px;border-radius:var(--md-sys-shape-corner-small, 8px)}.md-navigation-rail__overflow-icon{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1}.md-navigation-rail__overflow-label{font:var(--md-sys-typescale-label-medium, 500 12px/16px Roboto, sans-serif);white-space:nowrap}:host(.md-navigation-rail--label-visibility-none) .md-navigation-rail__overflow-label{display:none}:host(.md-navigation-rail--horizontal) .md-navigation-rail__overflow-trigger{inline-size:auto;min-inline-size:var(--_container-width)}.md-navigation-rail__overflow md-menu-item .material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));line-height:1;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}::slotted(md-menu[slot='submenu']){position:absolute}`;const m=i(class i extends a{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdTabChange=n(this,"mdTabChange",7);this.mdExpand=n(this,"mdExpand",7);this.mdCollapse=n(this,"mdCollapse",7);this.variant="standard";this.modal=false;this.fullHeight=false;this.alignment="top";this.expandable=false;this.toggleLabel="Toggle navigation";this.labelVisibility="all";this.activeIndex=-1;this.label="Navigation";this.disableFocusManagement=false;this.density=0;this.hasLogo=false;this.hasLogoExpanded=false;this.hasHeader=false;this.hasFab=false;this.hasFooter=false;this.hasLinkDestinations=false;this.overflowCount=0;this.submenuOpen=false;this.tabsExpanded=false;this.orientation="vertical";this.overflowLabel="More";this.overflowIcon="more_horiz";this.wiredMenus=new WeakSet;this.handleSlottedMenuOpen=()=>{this.submenuOpen=true};this.handleSlottedMenuClose=()=>{this.submenuOpen=this.anyMenuOpen()};this.overflowId=`md-rail-overflow-${Math.random().toString(36).slice(2,9)}`;this.toggleOverflow=()=>{const i=this.overflowMenu();if(!i)return;if(i.open)void i.close();else void i.show()};this.handleKeyDown=i=>{if(i.key==="Escape"&&this.modal&&this.variant==="expanded"){i.preventDefault();this.collapse();this.focusToggle();return}if(this.disableFocusManagement)return;const n=this.getTabs().filter((i=>!this.isTabDisabled(i)));if(n.length===0)return;const t=i.composedPath().find((i=>i instanceof a&&n.includes(i)));const e=t?n.indexOf(t):-1;let o=null;const s=this.orientation==="horizontal"&&this.resolveDirection()==="rtl";const r=i=>i==="ArrowDown"||(s?i==="ArrowLeft":i==="ArrowRight");const d=i=>i==="ArrowUp"||(s?i==="ArrowRight":i==="ArrowLeft");switch(true){case r(i.key):o=e<0?0:(e+1)%n.length;break;case d(i.key):o=e<0?n.length-1:(e-1+n.length)%n.length;break;case i.key==="Home":o=0;break;case i.key==="End":o=n.length-1;break;default:return}i.preventDefault();const l=n[o];if(!l)return;const c=this.getTabs();this.setRovingTabindex(c.indexOf(l));l.focus()};this.handleToggleClick=()=>{this.toggle()};this.handleScrimClick=()=>{if(this.modal&&this.variant==="expanded"){this.collapse();this.focusToggle()}};this.handleSlotChange=()=>{this.syncTabs()};this.handleLogoSlotChange=i=>{this.hasLogo=i.target.assignedElements().length>0};this.handleLogoExpandedSlotChange=i=>{this.hasLogoExpanded=i.target.assignedElements().length>0};this.handleHeaderSlotChange=i=>{this.hasHeader=i.target.assignedElements().length>0};this.handleFabSlotChange=i=>{this.hasFab=i.target.assignedElements().length>0;this.syncFab()};this.handleFooterSlotChange=i=>{this.hasFooter=i.target.assignedElements().length>0;this.wireSlottedMenus()}}async expand(){if(this.variant!=="expanded"){this.variant="expanded"}}async collapse(){if(this.variant!=="standard"){this.variant="standard"}}async toggle(){this.variant=this.variant==="expanded"?"standard":"expanded"}async focusTab(i){const a=this.getTabs();const n=a[i];if(n){this.setRovingTabindex(i);n.focus()}}componentWillLoad(){this.tabsExpanded=this.variant==="expanded";if(this.activeIndex<0){const i=Array.from(this.el.children).filter((i=>i.tagName.toLowerCase()==="md-navigation-rail-tab"));const a=i.findIndex((i=>i.hasAttribute("active")));if(a>=0)this.activeIndex=a}}componentDidLoad(){this.syncTabs();this.syncFab();this.wireSlottedMenus()}onVariantChange(i,a){if(i===a)return;if(i==="expanded")this.mdExpand.emit();else this.mdCollapse.emit();this.tabsExpanded=i==="expanded";this.syncTabs();this.syncFab()}syncFab(){const i=this.el.shadowRoot?.querySelector('slot[name="fab"]');i?.assignedElements().forEach((i=>{this.setProp(i,"extended",this.variant==="expanded")}))}onLabelVisibilityChange(){this.syncTabs()}onActiveIndexChange(){this.syncTabs()}handleTabClick(i){const a=i.target;if(!a)return;const n=this.getTabs();const t=n.indexOf(a);if(t<0)return;if(this.isTabDisabled(a)){i.stopPropagation();return}const e=t!==this.activeIndex;this.activeIndex=t;this.setRovingTabindex(t);this.clearOtherSubmenuSelections(a);if(e){this.mdTabChange.emit({index:t,value:i.detail?.value??""})}}clearOtherSubmenuSelections(i){this.getTabs().forEach((a=>{if(a===i)return;const n=a.clearSubmenuSelection;if(typeof n==="function")void n.call(a)}))}isTabDisabled(i){return i.hasAttribute("disabled")||i.getAttribute("aria-disabled")==="true"||i.hasAttribute("data-overflowed")}getTabs(){const i=this.el.shadowRoot?.querySelector("slot:not([name])");if(!i)return[];return i.assignedElements().filter((i=>i.tagName.toLowerCase()==="md-navigation-rail-tab"))}syncTabs(){const i=this.getTabs();this.hasLinkDestinations=i.some((i=>!!i.href||!!i.getAttribute("href")));i.forEach(((a,n)=>{const t=n===this.activeIndex;this.setProp(a,"active",t);this.setProp(a,"labelVisibility",this.labelVisibility);this.setProp(a,"expanded",this.tabsExpanded);a.setAttribute("data-orientation",this.orientation);if(!this.disableFocusManagement){const e=!this.isTabDisabled(a);const o=this.activeIndex>=0&&t||this.activeIndex<0&&n===i.findIndex((i=>!this.isTabDisabled(i)));a.tabIndex=e&&o?0:-1}}));this.applyOverflow()}setProp(i,a,n){try{i[a]=n}catch{}}setRovingTabindex(i){if(this.disableFocusManagement)return;const a=this.getTabs();a.forEach(((a,n)=>{a.tabIndex=n===i&&!this.isTabDisabled(a)?0:-1}))}resolveDirection(){let i=this.el;while(i){const a=i.getAttribute?.("dir");if(a==="rtl"||a==="ltr")return a;i=i.parentElement}return"ltr"}onDescendantSubmenuToggle(i){this.submenuOpen=i.detail?.open?true:this.anyMenuOpen()}wireSlottedMenus(){this.el.querySelectorAll("md-menu").forEach((i=>{if(this.wiredMenus.has(i))return;this.wiredMenus.add(i);i.addEventListener("mdOpen",this.handleSlottedMenuOpen);i.addEventListener("mdClose",this.handleSlottedMenuClose)}))}anyMenuOpen(){return Array.from(this.el.querySelectorAll("md-menu")).some((i=>i.open))}get overflowedTabs(){const i=this.maxVisible;const a=this.getTabs();if(!i||i<1||a.length<=i)return[];return a.slice(i)}applyOverflow(){const i=this.overflowedTabs;const a=new Set(i);this.getTabs().forEach((i=>{if(a.has(i))i.setAttribute("data-overflowed","");else i.removeAttribute("data-overflowed")}));this.overflowCount=i.length}onMaxVisibleChange(){this.applyOverflow()}overflowMenu(){return this.el.shadowRoot?.querySelector("md-menu")}selectOverflowed(i){const a=this.getTabs().indexOf(i);if(a<0)return;const n=a!==this.activeIndex;this.activeIndex=a;this.setRovingTabindex(a);this.clearOtherSubmenuSelections(i);if(n){this.mdTabChange.emit({index:a,value:i.getAttribute("value")??""})}void this.overflowMenu()?.close()}focusToggle(){const i=this.el.shadowRoot?.querySelector(".md-navigation-rail__toggle-button");i?.focus()}render(){return t(e,{key:"3d3929306bacef8acfbd8f686a4b7c3a0a1c7d04",class:{"md-navigation-rail":true,[`md-navigation-rail--${this.variant}`]:true,"md-navigation-rail--tabs-expanded":this.tabsExpanded,"md-navigation-rail--horizontal":this.orientation==="horizontal","md-navigation-rail--submenu-open":this.submenuOpen,"md-navigation-rail--modal":this.modal,"md-navigation-rail--full-height":this.fullHeight,[`md-navigation-rail--align-${this.alignment}`]:true,[`md-navigation-rail--labels-${this.labelVisibility}`]:true,"md-navigation-rail--with-logo":this.hasLogo||this.hasLogoExpanded,"md-navigation-rail--with-logo-expanded":this.hasLogoExpanded,"md-navigation-rail--with-header":this.hasHeader,"md-navigation-rail--with-fab":this.hasFab,"md-navigation-rail--with-footer":this.hasFooter},role:"navigation","aria-label":this.label,onKeyDown:this.handleKeyDown},t("div",{key:"c92433602e7747f3302be5769ebcd491b48fc6a7",class:"md-navigation-rail__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),t("div",{key:"d70f14a5d4c57e49ce91818919765204277fb2b1",class:"md-navigation-rail__container",part:"container"},t("div",{key:"59344703c915d15a79e44e8c6287db111b3cc1e5",class:"md-navigation-rail__logo",part:"logo",hidden:!this.hasLogo&&!this.hasLogoExpanded},t("span",{key:"e1d8cee7cccd8ed977c980f998d77faa544b8ea3",class:"md-navigation-rail__logo-contracted",part:"logo-contracted"},t("slot",{key:"c92ecdf05c7ae1faac015ccc2b77011607ec2400",name:"logo",onSlotchange:this.handleLogoSlotChange})),t("span",{key:"059d6e0eadec6398d1626ed44667231ad65d846c",class:"md-navigation-rail__logo-expanded",part:"logo-expanded"},t("slot",{key:"7bf0cf2e55ef500ab9d7f1689c44faffd35a907b",name:"logo-expanded",onSlotchange:this.handleLogoExpandedSlotChange}))),this.expandable&&this.orientation==="vertical"&&t("div",{key:"573b13d0e600e20286a1cb77a0243661d5995443",class:"md-navigation-rail__toggle",part:"toggle"},t("md-icon-button",{key:"64ace22b44d1da34bb84c7114ed5977d0c7597a0",class:"md-navigation-rail__toggle-button",icon:this.variant==="expanded"?"menu_open":"menu","aria-label":this.toggleLabel,"aria-expanded":this.variant==="expanded"?"true":"false",onClick:this.handleToggleClick})),t("div",{key:"dc3991334f2711aa0ca7a56b7c51a5302b22577a",class:"md-navigation-rail__header",part:"header",hidden:!this.hasHeader},t("slot",{key:"f4d839f52101b0c6d7fda026763c6fc16e1d065b",name:"header",onSlotchange:this.handleHeaderSlotChange})),t("div",{key:"fa32e9e3b98308e9cb2c94a53a9b804565833a44",class:"md-navigation-rail__fab",part:"fab",hidden:!this.hasFab},t("slot",{key:"58ec6681efb826b3aa5e88c4f8dd07607b0d0e17",name:"fab",onSlotchange:this.handleFabSlotChange})),t("div",{key:"47ad4dcc7900c2dcc5b686db218492b44d783cc9",class:"md-navigation-rail__destinations",part:"destinations",role:this.hasLinkDestinations?undefined:"tablist","aria-orientation":this.hasLinkDestinations?undefined:this.orientation,"aria-label":this.hasLinkDestinations?undefined:this.label},t("slot",{key:"c7e9b32b3285e15d1fd5898b2e75e6c588abf434",onSlotchange:this.handleSlotChange})),this.overflowCount>0&&t("div",{key:"d9918f2d696971906868c0410a3ff7fa13b108bf",class:"md-navigation-rail__overflow",part:"overflow"},t("button",{key:"16a274e2898cea6e9c912ada3b811ea32d2c4d5a",id:this.overflowId,type:"button",class:"md-navigation-rail__overflow-trigger",part:"overflow-trigger","aria-haspopup":"menu","aria-label":this.overflowLabel,onClick:this.toggleOverflow},t("span",{key:"b52e99255604616dca34eed531c8d8b738e0a183",class:"material-symbols-outlined md-navigation-rail__overflow-icon","aria-hidden":"true"},this.overflowIcon),t("span",{key:"29c312daad50206e6cde02edd1f3d20025465823",class:"md-navigation-rail__overflow-label"},this.overflowLabel)),t("md-menu",{key:"4aeb58bb954bd30673330f7c3a9aa4e9111f3330",anchor:this.overflowId,placement:this.orientation==="horizontal"?"bottom-end":"top-start"},this.overflowedTabs.map((i=>t("md-menu-item",{key:i.getAttribute("value")||i.getAttribute("label")||"",headline:i.getAttribute("label")||"",onClick:()=>this.selectOverflowed(i)},i.getAttribute("icon")&&t("span",{slot:"leading-icon",class:"material-symbols-outlined"},i.getAttribute("icon"))))))),t("div",{key:"4a5edb00ca0ed470ded1aebf24fd43ba44f5a400",class:"md-navigation-rail__footer",part:"footer",hidden:!this.hasFooter},t("slot",{key:"47ef388857f60eab7941467abad8461ee0349387",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return this}static get watchers(){return{variant:[{onVariantChange:0}],labelVisibility:[{onLabelVisibilityChange:0}],activeIndex:[{onActiveIndexChange:0}],maxVisible:[{onMaxVisibleChange:0}]}}static get style(){return c()}},[257,"md-navigation-rail",{variant:[1537],modal:[516],fullHeight:[516,"full-height"],alignment:[513],expandable:[516],toggleLabel:[1,"toggle-label"],labelVisibility:[513,"label-visibility"],activeIndex:[1538,"active-index"],label:[1],disableFocusManagement:[4,"disable-focus-management"],density:[514],orientation:[513],maxVisible:[2,"max-visible"],overflowLabel:[1,"overflow-label"],overflowIcon:[1,"overflow-icon"],hasLogo:[32],hasLogoExpanded:[32],hasHeader:[32],hasFab:[32],hasFooter:[32],hasLinkDestinations:[32],overflowCount:[32],submenuOpen:[32],tabsExpanded:[32],expand:[64],collapse:[64],toggle:[64],focusTab:[64]},[[0,"mdTabClick","handleTabClick"],[0,"mdSubmenuToggle","onDescendantSubmenuToggle"]],{variant:[{onVariantChange:0}],labelVisibility:[{onLabelVisibilityChange:0}],activeIndex:[{onActiveIndexChange:0}],maxVisible:[{onMaxVisibleChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const i=["md-navigation-rail","md-icon-button","md-menu","md-menu-item","md-ripple"];i.forEach((i=>{switch(i){case"md-navigation-rail":if(!customElements.get(o(i))){customElements.define(o(i),m)}break;case"md-icon-button":if(!customElements.get(o(i))){s()}break;case"md-menu":if(!customElements.get(o(i))){r()}break;case"md-menu-item":if(!customElements.get(o(i))){d()}break;case"md-ripple":if(!customElements.get(o(i))){l()}break}}))}h();const g=m;const v=h;export{g as MdNavigationRail,v as defineCustomElement};
 //# sourceMappingURL=md-navigation-rail.js.map

package/dist/components/md-navigation-tab.js

@@ -1,2 +1,2 @@
-import{p as i,H as a,c as t,h as e,d as n,t as o}from"./p-BR6gfOQH.js";import{t as s}from"./p-DYBUr7K_.js";import{s as r,a as l}from"./p-BdEoSBtL.js";import{d}from"./p-CTC8XAB6.js";const c=()=>`:host{--_indicator-color:var(     --md-navigation-tab-active-indicator-color,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_indicator-w:var(--md-navigation-tab-active-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-h:var(--md-navigation-tab-active-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_indicator-shape:var(     --md-navigation-tab-active-indicator-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_active-icon-color:var(     --md-navigation-tab-active-icon-color,     var(--md-sys-color-on-secondary-container, #1E192B)   );--_inactive-icon-color:var(     --md-navigation-tab-inactive-icon-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-label-color:var(     --md-navigation-tab-active-label-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_inactive-label-color:var(     --md-navigation-tab-inactive-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_icon-size:var(--md-navigation-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_pad-top:var(--md-navigation-tab-padding-block-start, calc(5px + var(--md-sys-density-scale, 0) * 1px));--_pad-bottom:var(--md-navigation-tab-padding-block-end, calc(5px + var(--md-sys-density-scale, 0) * 1px));--_hover-color:var(     --md-navigation-tab-hover-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_focus-color:var(     --md-navigation-tab-focus-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_pressed-color:var(     --md-navigation-tab-pressed-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_badge-color:var(     --md-navigation-tab-badge-color,     var(--md-sys-color-error, #B3261E)   );--_badge-on-color:var(     --md-navigation-tab-badge-on-color,     var(--md-sys-color-on-error, #FFFFFF)   );--_disabled-opacity:var(--md-navigation-tab-disabled-opacity, 0.38);--_label-font:var(     --md-navigation-tab-label-font,     var(--md-sys-typescale-label-medium-font, 500 12px/16px Roboto, sans-serif)   );--_label-size:var(--md-navigation-tab-label-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_label-weight-active:var(--md-navigation-tab-label-font-weight, 600);--_motion-duration:var(--md-sys-motion-duration-short4, 200ms);--_motion-easing:var(     --md-sys-motion-easing-emphasized-decelerate,     cubic-bezier(0.05, 0.7, 0.1, 1)   );display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;inline-size:100%;min-inline-size:48px;block-size:100%;padding-block:var(--_pad-top) var(--_pad-bottom);box-sizing:border-box;cursor:pointer;position:relative;outline:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--_inactive-icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-tab--disabled),:host(.md-navigation-tab--soft-disabled){cursor:not-allowed;opacity:var(--_disabled-opacity)}:host(.md-navigation-tab--disabled){pointer-events:none}.md-navigation-tab__state-layer{position:absolute;inset:0;background-color:currentColor;opacity:0;border-radius:inherit;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms) ease}:host(:hover:not(.md-navigation-tab--disabled):not(.md-navigation-tab--soft-disabled)) .md-navigation-tab__state-layer{background-color:var(--_hover-color);opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active:not(.md-navigation-tab--disabled):not(.md-navigation-tab--soft-disabled)) .md-navigation-tab__state-layer{background-color:var(--_pressed-color);opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible:not(.md-navigation-tab--disabled)) .md-navigation-tab__state-layer{background-color:var(--_focus-color);opacity:var(--md-navigation-tab-focus-state-layer-opacity, 0.1)}:host(:focus-visible:not(.md-navigation-tab--disabled)) .md-navigation-tab__icon-container::after{content:'';position:absolute;inset:-4px;border:3px solid var(--md-sys-color-secondary, #625B71);border-radius:var(--_indicator-shape, 9999px);box-sizing:border-box;pointer-events:none}.md-navigation-tab__container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:max(2px, calc(6px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;pointer-events:none;}.md-navigation-tab__indicator{position:absolute;inset-block-start:0;inline-size:var(--_indicator-w);block-size:var(--_indicator-h);border-radius:var(--_indicator-shape);background-color:var(--_indicator-color);transform:scale(0, 1);transform-origin:center center;opacity:0;transition:transform var(--_motion-duration) var(--_motion-easing),     opacity var(--md-sys-motion-duration-short2, 100ms) ease;pointer-events:none}.md-navigation-tab__indicator--active{transform:scale(1, 1);opacity:1}.md-navigation-tab__icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_indicator-w);block-size:var(--_indicator-h);pointer-events:none}.md-navigation-tab__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;color:inherit;z-index:1;transition:font-variation-settings var(--md-sys-motion-duration-short2, 100ms) ease}.md-navigation-tab__icon ::slotted(*){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);line-height:1;font-family:var(--md-navigation-tab-slotted-icon-font, system-ui, sans-serif);color:inherit;object-fit:contain}.md-navigation-tab__icon--filled{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons'), sans-serif;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}.md-navigation-tab__badge{position:absolute;z-index:2;background-color:var(--_badge-color);color:var(--_badge-on-color);border-radius:var(--md-sys-shape-corner-full, 9999px);box-sizing:border-box;pointer-events:none;display:inline-flex;align-items:center;justify-content:center}.md-navigation-tab__badge--small{inset-block-start:2px;inset-inline-end:14px;inline-size:6px;block-size:6px}.md-navigation-tab__badge--large{inset-block-start:-2px;inset-inline-start:50%;margin-inline-start:4px;min-inline-size:16px;block-size:16px;padding-inline:4px;font:var(     --md-sys-typescale-label-small-font,     500 11px/16px Roboto, sans-serif   );letter-spacing:var(     --md-sys-typescale-label-small-letter-spacing,     0.5px   )}.md-navigation-tab__label{font:var(--_label-font);font-size:var(--_label-size);letter-spacing:var(     --md-sys-typescale-label-medium-letter-spacing,     0.5px   );color:var(--_inactive-label-color);max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none;transition:color var(--md-sys-motion-duration-short2, 100ms) ease,     opacity var(--md-sys-motion-duration-short2, 100ms) ease}:host(.md-navigation-tab--active) .md-navigation-tab__label{color:var(--_active-label-color);font-weight:var(--_label-weight-active)}.md-navigation-tab__label--hidden{opacity:0;visibility:hidden}:host(.md-navigation-tab--label-hidden){--_pad-top:var(--md-sys-spacing-inset-lg, 16px);--_pad-bottom:var(--md-sys-spacing-inset-lg, 16px);justify-content:center}:host(.md-navigation-tab--label-hidden) .md-navigation-tab__container{justify-content:center}@media (forced-colors: active){:host{--_indicator-color:Highlight;--_active-icon-color:HighlightText;--_active-label-color:HighlightText;--_inactive-icon-color:ButtonText;--_inactive-label-color:ButtonText}:host(:focus-visible:not(.md-navigation-tab--disabled)){outline:2px solid CanvasText}}@media (prefers-reduced-motion: reduce){:host,.md-navigation-tab__state-layer,.md-navigation-tab__indicator,.md-navigation-tab__icon,.md-navigation-tab__label{transition:none !important}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const b=i(class i extends a{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow();this.mdTabClick=t(this,"mdTabClick",7);this.active=false;this.disabled=false;this.softDisabled=false;this.label="";this.icon="";this.activeIcon="";this.badge=false;this.badgeValue="";this.badgeMax=999;this.href="";this.target="";this.labelBehavior="always";this.density=0;this.focusVisible=false;this.handleClick=i=>{if(this.interactionDisabled){i.preventDefault();i.stopPropagation();return}if(i.defaultPrevented)return;this.emitActivation();this.maybeFollowHref()};this.handleKeyDown=i=>{if(this.interactionDisabled)return;if(i.key==="Enter"||i.key===" "||i.key==="Spacebar"){i.preventDefault();s(this.el);this.el.click()}};this.handleFocus=()=>{this.focusVisible=this.el.matches(":focus-visible")};this.handleBlur=()=>{this.focusVisible=false}}onActiveChange(i){this.el.setAttribute("aria-selected",String(i))}onDisabledChange(){this.syncAriaDisabled()}onSoftDisabledChange(){this.syncAriaDisabled()}get interactionDisabled(){return this.disabled||this.softDisabled}syncAriaDisabled(){this.el.setAttribute("aria-disabled",String(this.interactionDisabled))}connectedCallback(){if(!this.el.hasAttribute("role"))this.el.setAttribute("role","tab");this.el.setAttribute("aria-selected",String(this.active));if(this.interactionDisabled)this.el.setAttribute("aria-disabled","true");if(!this.el.hasAttribute("tabindex")){this.el.setAttribute("tabindex",this.active?"0":"-1")}}async focusEl(){if(this.disabled)return;this.el.focus()}resolveIndex(){const i=this.el.parentElement;if(!i)return-1;const a=[];for(const t of Array.from(i.children)){if(t.tagName==="MD-NAVIGATION-TAB"){a.push(t)}}return a.indexOf(this.el)}emitActivation(){const i=this.resolveIndex();this.mdTabClick.emit({index:i})}maybeFollowHref(){const i=r(this.href);if(!i)return;if(typeof window==="undefined")return;if(this.target==="_blank"){window.open(i,"_blank",l)}else if(this.target){window.open(i,this.target,l)}else{window.location.assign(i)}}resolveLabelVisibility(){return this.labelBehavior}formatBadgeValue(){const i=(this.badgeValue??"").trim();if(!i)return"";if(this.badgeMax>0){const a=Number(i);if(!Number.isNaN(a)&&Number.isFinite(a)&&a>this.badgeMax){return`${this.badgeMax}+`}}return i}renderIcon(){const i=this.active&&(this.activeIcon||this.icon);const a=this.active;const t=i?this.activeIcon||this.icon:this.icon;return e("span",{class:"md-navigation-tab__icon-container",part:"icon-container"},e("span",{class:{"md-navigation-tab__icon":true,"material-symbols-outlined":true,"md-navigation-tab__icon--filled":a},part:"icon","aria-hidden":"true"},this.active?e("slot",{name:"active-icon"},t):e("slot",{name:"icon"},t)),this.renderBadge())}renderBadge(){if(!this.badge&&!this.badgeValue)return null;const i=this.formatBadgeValue();const a=i.length>0;return e("span",{class:{"md-navigation-tab__badge":true,"md-navigation-tab__badge--small":!a,"md-navigation-tab__badge--large":a},part:"badge",role:"status","aria-label":a?`${i} new`:"New"},a?i:"")}renderLabel(){const i=this.resolveLabelVisibility();if(i==="none")return null;return e("span",{class:{"md-navigation-tab__label":true,"md-navigation-tab__label--hidden":i==="selected"&&!this.active},part:"label"},e("slot",null,this.label))}render(){const i=this.label||undefined;const a=this.resolveLabelVisibility();const t=a==="none"?i:undefined;return e(n,{key:"b84f80a399f4fa30e3fd35d3c708f5a10c86fbc7",class:{"md-navigation-tab":true,"md-navigation-tab--active":this.active,"md-navigation-tab--disabled":this.disabled,"md-navigation-tab--soft-disabled":this.softDisabled&&!this.disabled,"md-navigation-tab--label-hidden":a==="none"},"aria-label":t,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur},e("md-ripple",{key:"83fec6cfe2db2bb364b91597f38263f9bc7ef919",disabled:this.interactionDisabled}),e("span",{key:"66d3e42b259170e7dfc2021521e8e5a06b049b6a",class:"md-navigation-tab__state-layer",part:"state-layer","aria-hidden":"true","data-focus-visible":this.focusVisible?"true":null}),e("span",{key:"66fefed1e19574db90dc10435c4d252f25858281",class:"md-navigation-tab__container",part:"container"},e("span",{key:"9107a93789b7b0d3f45df0d8af5f2fb18ef0de50",class:{"md-navigation-tab__indicator":true,"md-navigation-tab__indicator--active":this.active},part:"indicator","aria-hidden":"true"}),this.renderIcon(),this.renderLabel()))}get el(){return this}static get watchers(){return{active:[{onActiveChange:0}],disabled:[{onDisabledChange:0}],softDisabled:[{onSoftDisabledChange:0}]}}static get style(){return c()}},[257,"md-navigation-tab",{active:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],label:[1],icon:[1],activeIcon:[1,"active-icon"],badge:[516],badgeValue:[1,"badge-value"],badgeMax:[2,"badge-max"],href:[1],target:[1],labelBehavior:[1025,"label-behavior"],density:[514],focusVisible:[32],focusEl:[64]},undefined,{active:[{onActiveChange:0}],disabled:[{onDisabledChange:0}],softDisabled:[{onSoftDisabledChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const i=["md-navigation-tab","md-ripple"];i.forEach((i=>{switch(i){case"md-navigation-tab":if(!customElements.get(o(i))){customElements.define(o(i),b)}break;case"md-ripple":if(!customElements.get(o(i))){d()}break}}))}v();const m=b;const h=v;export{m as MdNavigationTab,h as defineCustomElement};
+import{p as a,H as i,c as t,h as e,d as n,t as o}from"./p-BR6gfOQH.js";import{t as s}from"./p-DYBUr7K_.js";import{s as r,a as l}from"./p-BdEoSBtL.js";import{d}from"./p-De3E5Q8v.js";const c=()=>`:host{--_indicator-color:var(     --md-navigation-tab-active-indicator-color,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_indicator-w:var(--md-navigation-tab-active-indicator-width, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_indicator-h:var(--md-navigation-tab-active-indicator-height, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_indicator-shape:var(     --md-navigation-tab-active-indicator-shape,     var(--md-sys-shape-corner-full, 9999px)   );--_active-icon-color:var(     --md-navigation-tab-active-icon-color,     var(--md-sys-color-on-secondary-container, #1E192B)   );--_inactive-icon-color:var(     --md-navigation-tab-inactive-icon-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_active-label-color:var(     --md-navigation-tab-active-label-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_inactive-label-color:var(     --md-navigation-tab-inactive-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_icon-size:var(--md-navigation-tab-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_pad-top:var(--md-navigation-tab-padding-block-start, calc(5px + var(--md-sys-density-scale, 0) * 1px));--_pad-bottom:var(--md-navigation-tab-padding-block-end, calc(5px + var(--md-sys-density-scale, 0) * 1px));--_hover-color:var(     --md-navigation-tab-hover-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_focus-color:var(     --md-navigation-tab-focus-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_pressed-color:var(     --md-navigation-tab-pressed-state-layer-color,     var(--md-sys-color-on-surface, #1C1B1F)   );--_badge-color:var(     --md-navigation-tab-badge-color,     var(--md-sys-color-error, #B3261E)   );--_badge-on-color:var(     --md-navigation-tab-badge-on-color,     var(--md-sys-color-on-error, #FFFFFF)   );--_disabled-opacity:var(--md-navigation-tab-disabled-opacity, 0.38);--_label-font:var(     --md-navigation-tab-label-font,     var(--md-sys-typescale-label-medium-font, 500 12px/16px Roboto, sans-serif)   );--_label-size:var(--md-navigation-tab-label-font-size, max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px)));--_label-weight-active:var(--md-navigation-tab-label-font-weight, 600);--_motion-duration:var(--md-sys-motion-duration-short4, 200ms);--_motion-easing:var(     --md-sys-motion-easing-emphasized-decelerate,     cubic-bezier(0.05, 0.7, 0.1, 1)   );display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;inline-size:100%;min-inline-size:48px;block-size:100%;padding-block:var(--_pad-top) var(--_pad-bottom);box-sizing:border-box;cursor:pointer;position:relative;outline:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--_inactive-icon-color);transition:color var(--_motion-duration) var(--_motion-easing)}:host(.md-navigation-tab--active){color:var(--_active-icon-color)}:host(.md-navigation-tab--disabled),:host(.md-navigation-tab--soft-disabled){cursor:not-allowed;opacity:var(--_disabled-opacity)}:host(.md-navigation-tab--disabled){pointer-events:none}.md-navigation-tab__state-layer{position:absolute;inset:0;background-color:currentColor;opacity:0;border-radius:inherit;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms) ease}:host(:hover:not(.md-navigation-tab--disabled):not(.md-navigation-tab--soft-disabled)) .md-navigation-tab__state-layer{background-color:var(--_hover-color);opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active:not(.md-navigation-tab--disabled):not(.md-navigation-tab--soft-disabled)) .md-navigation-tab__state-layer{background-color:var(--_pressed-color);opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible:not(.md-navigation-tab--disabled)) .md-navigation-tab__state-layer{background-color:var(--_focus-color);opacity:var(--md-navigation-tab-focus-state-layer-opacity, 0.1)}:host(:focus-visible:not(.md-navigation-tab--disabled)) .md-navigation-tab__icon-container::after{content:'';position:absolute;inset:-4px;border:3px solid var(--md-sys-color-secondary, #625B71);border-radius:var(--_indicator-shape, 9999px);box-sizing:border-box;pointer-events:none}.md-navigation-tab__container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:max(2px, calc(6px + var(--md-sys-density-scale, 0) * 1px));inline-size:100%;pointer-events:none;}.md-navigation-tab__indicator{position:absolute;inset-block-start:0;inline-size:var(--_indicator-w);block-size:var(--_indicator-h);border-radius:var(--_indicator-shape);background-color:var(--_indicator-color);transform:scale(0, 1);transform-origin:center center;opacity:0;transition:transform var(--_motion-duration) var(--_motion-easing),     opacity var(--md-sys-motion-duration-short2, 100ms) ease;pointer-events:none}.md-navigation-tab__indicator--active{transform:scale(1, 1);opacity:1}.md-navigation-tab__icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_indicator-w);block-size:var(--_indicator-h);pointer-events:none}.md-navigation-tab__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);line-height:1;color:inherit;z-index:1;transition:font-variation-settings var(--md-sys-motion-duration-short2, 100ms) ease}.md-navigation-tab__icon ::slotted(*){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);line-height:1;font-family:var(--md-navigation-tab-slotted-icon-font, system-ui, sans-serif);color:inherit;object-fit:contain}.md-navigation-tab__icon--filled{font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons'), sans-serif;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}.md-navigation-tab__badge{position:absolute;z-index:2;background-color:var(--_badge-color);color:var(--_badge-on-color);border-radius:var(--md-sys-shape-corner-full, 9999px);box-sizing:border-box;pointer-events:none;display:inline-flex;align-items:center;justify-content:center}.md-navigation-tab__badge--small{inset-block-start:2px;inset-inline-end:14px;inline-size:6px;block-size:6px}.md-navigation-tab__badge--large{inset-block-start:-2px;inset-inline-start:50%;margin-inline-start:4px;min-inline-size:16px;block-size:16px;padding-inline:4px;font:var(     --md-sys-typescale-label-small-font,     500 11px/16px Roboto, sans-serif   );letter-spacing:var(     --md-sys-typescale-label-small-letter-spacing,     0.5px   )}.md-navigation-tab__label{font:var(--_label-font);font-size:var(--_label-size);letter-spacing:var(     --md-sys-typescale-label-medium-letter-spacing,     0.5px   );color:var(--_inactive-label-color);max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;pointer-events:none;transition:color var(--md-sys-motion-duration-short2, 100ms) ease,     opacity var(--md-sys-motion-duration-short2, 100ms) ease}:host(.md-navigation-tab--active) .md-navigation-tab__label{color:var(--_active-label-color);font-weight:var(--_label-weight-active)}.md-navigation-tab__label--hidden{opacity:0;visibility:hidden}:host(.md-navigation-tab--label-hidden){--_pad-top:var(--md-sys-spacing-inset-lg, 16px);--_pad-bottom:var(--md-sys-spacing-inset-lg, 16px);justify-content:center}:host(.md-navigation-tab--label-hidden) .md-navigation-tab__container{justify-content:center}@media (forced-colors: active){:host{--_indicator-color:Highlight;--_active-icon-color:HighlightText;--_active-label-color:HighlightText;--_inactive-icon-color:ButtonText;--_inactive-label-color:ButtonText}:host(:focus-visible:not(.md-navigation-tab--disabled)){outline:2px solid CanvasText}}@media (prefers-reduced-motion: reduce){:host,.md-navigation-tab__state-layer,.md-navigation-tab__indicator,.md-navigation-tab__icon,.md-navigation-tab__label{transition:none !important}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const b=a(class a extends i{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdTabClick=t(this,"mdTabClick",7);this.active=false;this.disabled=false;this.softDisabled=false;this.label="";this.icon="";this.activeIcon="";this.badge=false;this.badgeValue="";this.badgeMax=999;this.href="";this.target="";this.labelBehavior="always";this.density=0;this.focusVisible=false;this.handleClick=a=>{if(this.interactionDisabled){a.preventDefault();a.stopPropagation();return}if(a.defaultPrevented)return;this.emitActivation();this.maybeFollowHref()};this.handleKeyDown=a=>{if(this.interactionDisabled)return;if(a.key==="Enter"||a.key===" "||a.key==="Spacebar"){a.preventDefault();s(this.el);this.el.click()}};this.handleFocus=()=>{this.focusVisible=this.el.matches(":focus-visible")};this.handleBlur=()=>{this.focusVisible=false}}onActiveChange(a){this.el.setAttribute("aria-selected",String(a))}onDisabledChange(){this.syncAriaDisabled()}onSoftDisabledChange(){this.syncAriaDisabled()}get interactionDisabled(){return this.disabled||this.softDisabled}syncAriaDisabled(){this.el.setAttribute("aria-disabled",String(this.interactionDisabled))}connectedCallback(){if(!this.el.hasAttribute("role"))this.el.setAttribute("role","tab");this.el.setAttribute("aria-selected",String(this.active));if(this.interactionDisabled)this.el.setAttribute("aria-disabled","true");if(!this.el.hasAttribute("tabindex")){this.el.setAttribute("tabindex",this.active?"0":"-1")}}async focusEl(){if(this.disabled)return;this.el.focus()}resolveIndex(){const a=this.el.parentElement;if(!a)return-1;const i=[];for(const t of Array.from(a.children)){if(t.tagName==="MD-NAVIGATION-TAB"){i.push(t)}}return i.indexOf(this.el)}emitActivation(){const a=this.resolveIndex();this.mdTabClick.emit({index:a})}maybeFollowHref(){const a=r(this.href);if(!a)return;if(typeof window==="undefined")return;if(this.target==="_blank"){window.open(a,"_blank",l)}else if(this.target){window.open(a,this.target,l)}else{window.location.assign(a)}}resolveLabelVisibility(){return this.labelBehavior}formatBadgeValue(){const a=(this.badgeValue??"").trim();if(!a)return"";if(this.badgeMax>0){const i=Number(a);if(!Number.isNaN(i)&&Number.isFinite(i)&&i>this.badgeMax){return`${this.badgeMax}+`}}return a}renderIcon(){const a=this.active&&(this.activeIcon||this.icon);const i=this.active;const t=a?this.activeIcon||this.icon:this.icon;return e("span",{class:"md-navigation-tab__icon-container",part:"icon-container"},e("span",{class:{"md-navigation-tab__icon":true,"material-symbols-outlined":true,"md-navigation-tab__icon--filled":i},part:"icon","aria-hidden":"true"},this.active?e("slot",{name:"active-icon"},t):e("slot",{name:"icon"},t)),this.renderBadge())}renderBadge(){if(!this.badge&&!this.badgeValue)return null;const a=this.formatBadgeValue();const i=a.length>0;return e("span",{class:{"md-navigation-tab__badge":true,"md-navigation-tab__badge--small":!i,"md-navigation-tab__badge--large":i},part:"badge",role:"status","aria-label":i?`${a} new`:"New"},i?a:"")}renderLabel(){const a=this.resolveLabelVisibility();if(a==="none")return null;return e("span",{class:{"md-navigation-tab__label":true,"md-navigation-tab__label--hidden":a==="selected"&&!this.active},part:"label"},e("slot",null,this.label))}render(){const a=this.label||undefined;const i=this.resolveLabelVisibility();const t=i==="none"?a:undefined;return e(n,{key:"1e813ec1dff85462d7936f43f4cb6b8063b21a9d",class:{"md-navigation-tab":true,"md-navigation-tab--active":this.active,"md-navigation-tab--disabled":this.disabled,"md-navigation-tab--soft-disabled":this.softDisabled&&!this.disabled,"md-navigation-tab--label-hidden":i==="none"},"aria-label":t,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur},e("md-ripple",{key:"e82500d6252f6396ab2df765552c3d7f99d03ef6",disabled:this.interactionDisabled}),e("span",{key:"e8a2a889a6cabfaea71d8867ebba3596a5c71936",class:"md-navigation-tab__state-layer",part:"state-layer","aria-hidden":"true","data-focus-visible":this.focusVisible?"true":null}),e("span",{key:"823780d7fc34e8527e8c83604d9659e1299427a3",class:"md-navigation-tab__container",part:"container"},e("span",{key:"a86bd4d59cf9597e971a3a72faa35d9313d61d45",class:{"md-navigation-tab__indicator":true,"md-navigation-tab__indicator--active":this.active},part:"indicator","aria-hidden":"true"}),this.renderIcon(),this.renderLabel()))}get el(){return this}static get watchers(){return{active:[{onActiveChange:0}],disabled:[{onDisabledChange:0}],softDisabled:[{onSoftDisabledChange:0}]}}static get style(){return c()}},[257,"md-navigation-tab",{active:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],label:[1],icon:[1],activeIcon:[1,"active-icon"],badge:[516],badgeValue:[1,"badge-value"],badgeMax:[2,"badge-max"],href:[1],target:[1],labelBehavior:[1025,"label-behavior"],density:[514],focusVisible:[32],focusEl:[64]},undefined,{active:[{onActiveChange:0}],disabled:[{onDisabledChange:0}],softDisabled:[{onSoftDisabledChange:0}]}]);function v(){if(typeof customElements==="undefined"){return}const a=["md-navigation-tab","md-ripple"];a.forEach((a=>{switch(a){case"md-navigation-tab":if(!customElements.get(o(a))){customElements.define(o(a),b)}break;case"md-ripple":if(!customElements.get(o(a))){d()}break}}))}v();const m=b;const h=v;export{m as MdNavigationTab,h as defineCustomElement};
 //# sourceMappingURL=md-navigation-tab.js.map

package/dist/components/md-number-field.js

@@ -1,2 +1,2 @@
-import{p as t,H as e,c as i,h as s,d as n,t as r}from"./p-BR6gfOQH.js";import{g as l,c as h,r as o,s as a}from"./p-DWxN44zD.js";import{d as u}from"./p-DYL-8C5C.js";import{d as c}from"./p-CTC8XAB6.js";import{d}from"./p-CtVItLby.js";const f=()=>`:host{--_stepper-icon-size:var(--md-number-field-stepper-icon-size, max(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_stepper-color:var(--md-number-field-stepper-color, var(--md-sys-color-on-surface-variant, #49454f));--_inline-stepper-size:max(20px, calc(28px + var(--md-sys-density-scale, 0) * 2px));--_split-stepper-size:var(--md-number-field-split-stepper-size, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_field-box-height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));display:inline-flex;flex-direction:column;inline-size:var(--md-number-field-width, 100%);min-inline-size:var(--md-number-field-min-width, 200px);box-sizing:border-box;vertical-align:bottom;position:relative}.md-number-field__field{display:block;inline-size:100%}:host(.md-number-field--inline){--md-text-field-padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}.md-number-field__stepper{--md-icon-button-icon-size:var(--_stepper-icon-size);--md-icon-button-icon-color:var(--_stepper-color);flex:none}.md-number-field__stepper--inline{--md-icon-button-container-width:var(--_inline-stepper-size);--md-icon-button-container-height:var(--_inline-stepper-size)}.md-number-field__stepper--inline+.md-number-field__stepper--inline{margin-inline-start:var(--md-sys-spacing-gap-xs, 4px)}:host(.md-number-field--split){flex-direction:row;align-items:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px)}:host(.md-number-field--split) .md-number-field__field{flex:1 1 auto;inline-size:auto;min-inline-size:0}.md-number-field__stepper--split{--md-icon-button-container-width:var(--_split-stepper-size);--md-icon-button-container-height:var(--_split-stepper-size);margin-block-start:calc((var(--_field-box-height) - var(--_split-stepper-size)) / 2)}:host(.md-number-field--disabled){pointer-events:none}@media (forced-colors: active){.md-number-field__stepper{--md-icon-button-icon-color:ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const m=400;const p=60;const b=/[\u061c\u200b\u200e\u200f\u202a-\u202e\u2066-\u2069]/g;const y=/[\s\u00a0\u2009\u202f]/;const g=/[\s\u00a0\u2009\u202f]/g;function w(t,e){const i=t||undefined;let s;try{s=new Intl.NumberFormat(i,e)}catch{s=new Intl.NumberFormat(i)}let n="";let r="";let l="-";let h="+";let o="";let a="";const u=new Intl.NumberFormat(i);for(const t of u.formatToParts(-12345678.9)){if(t.type==="group")n=t.value;else if(t.type==="decimal")r=t.value;else if(t.type==="minusSign")l=t.value}for(const t of s.formatToParts(-12345678.9)){switch(t.type){case"group":n=t.value;break;case"decimal":r=t.value;break;case"minusSign":l=t.value;break;case"plusSign":h=t.value;break;case"percentSign":o=t.value;break;case"currency":case"unit":case"literal":a+=t.value;break}}const c=new Map;const d=new Intl.NumberFormat(i,{useGrouping:false});for(let t=0;t<=9;t++){const e=d.format(t);if(e!==String(t))c.set(e,String(t))}let f=false;try{f=s.resolvedOptions().style==="percent"}catch{}const m=new Set;for(let t=0;t<=9;t++)m.add(String(t));for(const t of c.keys())m.add(t);for(const t of n+r+l+h+a)m.add(t);m.add("-");m.add("+");if(f){m.add("%");if(o)m.add(o)}if(y.test(n+a))m.add(" ");return{formatter:s,group:n,decimal:r,minus:l,plus:h,percent:o,symbolChars:a,digitMap:c,isPercent:f,allowed:m}}function v(t){if(!Number.isFinite(t))return t;const e=parseFloat(t.toPrecision(15));return Math.abs(e-t)<1e-10?e:t}const x=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdInput=i(this,"mdInput",7);this.mdChange=i(this,"mdChange",7);this.mdValidityChange=i(this,"mdValidityChange",5);this.internals=this.attachInternals();this.variant="filled";this.label="";this.placeholder="";this.supportingText="";this.error=false;this.errorText="";this.disabled=false;this.readOnly=false;this.required=false;this.name="";this.density=0;this.value=null;this.locale="";this.step=1;this.smallStep=.1;this.largeStep=10;this.snapOnStep=false;this.allowOutOfRange=false;this.allowWheelScrub=false;this.steppers="inline";this.incrementLabel="Increment";this.decrementLabel="Decrement";this.valueMissingLabel="Please enter a number.";this.reserveSupportingSpace=false;this.inputValue="";this.focused=false;this.formDisabled=false;this.defaultValue=null;this.lastCommitted=null;this.internalWrite=false;this.customValidityMessage="";this.lastValidityKey=null;this.holdDir=1;this.heldAlt=false;this.heldShift=false;this.trackHoldModifiers=t=>{this.heldAlt=t.altKey;this.heldShift=t.shiftKey};this.holdTick=()=>{const t=this.holdDir;if(this.atBound(t)){this.endHold();return}const e=this.heldShift?this.largeStep:this.heldAlt?this.smallStep:this.stepAmount;this.doStep(t,e,this.heldAlt,t>0?"increment-press":"decrement-press")};this.endHold=()=>{clearTimeout(this.holdTimer);clearInterval(this.holdInterval);this.holdTimer=undefined;this.holdInterval=undefined;if(typeof window!=="undefined"){window.removeEventListener("pointerup",this.endHold);window.removeEventListener("pointercancel",this.endHold);window.removeEventListener("contextmenu",this.endHold);window.removeEventListener("keydown",this.trackHoldModifiers);window.removeEventListener("keyup",this.trackHoldModifiers)}};this.handleFieldInput=t=>{t.stopPropagation();const e=t.detail??"";if(e.trim()===""){this.inputValue=e;if(this.value!==null){this.internalWrite=true;this.value=null;this.internalWrite=false;this.mdInput.emit({value:null,formattedValue:e,reason:"input-clear"})}return}if(!this.hasOnlyAllowedChars(e)){this.revertFieldText();return}this.inputValue=e;const i=this.parseNumber(e);if(i!==null&&i!==this.value){this.internalWrite=true;this.value=i;this.internalWrite=false;this.mdInput.emit({value:i,formattedValue:e,reason:"input-change"})}};this.handleFieldChange=t=>{t.stopPropagation()};this.handleFieldKeyDown=t=>{if(this.isDisabled)return;if(t.isComposing||t.keyCode===229)return;switch(t.key){case"ArrowUp":case"ArrowDown":{t.preventDefault();if(this.readOnly)return;const e=t.key==="ArrowUp"?1:-1;const i=t.shiftKey?this.largeStep:t.altKey?this.smallStep:this.stepAmount;this.doStep(e,i,t.altKey,"keyboard");return}case"Home":if(this.minBound!=null&&!this.readOnly){t.preventDefault();this.setAndCommit(this.minBound,"keyboard")}return;case"End":if(this.maxBound!=null&&!this.readOnly){t.preventDefault();this.setAndCommit(this.maxBound,"keyboard")}return;case"Enter":this.commitTyped("input-blur");this.requestSubmit();return}if(t.ctrlKey||t.metaKey||t.altKey)return;if(t.key.length!==1)return;if(this.readOnly)return;if(!this.formatInfo.allowed.has(t.key))t.preventDefault()};this.handleFieldFocus=()=>{this.focused=true};this.handleFieldBlur=()=>{this.focused=false;this.commitTyped("input-blur")};this.handleWheel=t=>{if(!this.allowWheelScrub||this.isDisabled||this.readOnly||!this.focused)return;if(t.ctrlKey)return;t.preventDefault();const e=t.deltaY>0?-1:1;const i=t.shiftKey?this.largeStep:t.altKey?this.smallStep:this.stepAmount;this.doStep(e,i,t.altKey,"wheel")}}get isDisabled(){return this.disabled||this.formDisabled}get formatOptionsObject(){const t=this.formatOptions;if(t==null)return undefined;if(typeof t!=="string")return t;const e=t.trim();if(!e)return undefined;if(this.parsedOptionsKey!==e){this.parsedOptionsKey=e;try{const i=JSON.parse(e);const s=!!i&&typeof i==="object"&&!Array.isArray(i);this.parsedOptionsCache=s?i:undefined;if(!s&&typeof console!=="undefined"){console.warn("[md-number-field] `format-options` must be a JSON object:",t)}}catch{this.parsedOptionsCache=undefined;if(typeof console!=="undefined"){console.warn("[md-number-field] `format-options` attribute is not valid JSON:",t)}}}return this.parsedOptionsCache}get formatInfo(){let t="null";try{t=JSON.stringify(this.formatOptions??null)??"null"}catch{t="opaque"}const e=`${this.locale}|${t}`;if(!this.formatInfoCache||this.formatInfoKey!==e){this.formatInfoCache=w(this.locale,this.formatOptionsObject);this.formatInfoKey=e}return this.formatInfoCache}get stepAmount(){const t=Number(this.step);return Number.isFinite(t)&&t>0?t:1}get minBound(){const t=this.min==null?NaN:Number(this.min);return Number.isFinite(t)?t:null}get maxBound(){const t=this.max==null?NaN:Number(this.max);return Number.isFinite(t)?t:null}get resolvedInputMode(){const t=this.formatOptionsObject;const e=!Number.isInteger(this.stepAmount)||t!=null&&((t.maximumFractionDigits??0)>0||(t.minimumFractionDigits??0)>0||t.style==="currency"||t.style==="percent");const i=this.minBound;return i!=null&&i>=0&&!e?"numeric":"decimal"}async setFocus(){this.focusField()}async select(){await(this.fieldEl?.select?.())}async stepUp(t=1){this.doStep(1,this.stepAmount*Math.max(1,t),false,"none")}async stepDown(t=1){this.doStep(-1,this.stepAmount*Math.max(1,t),false,"none")}async getValidity(){return l(this.internals)}async checkValidity(){return h(this.internals)}async reportValidity(){return o(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.updateValidity()}componentWillLoad(){this.normalizeValueProp();this.defaultValue=this.value;this.lastCommitted=this.value;this.inputValue=this.formatValue(this.value);this.syncFormValue()}componentDidLoad(){this.updateValidity();if(typeof window==="undefined")return;this.el.addEventListener("wheel",this.handleWheel,{passive:false})}disconnectedCallback(){if(typeof window!=="undefined"){this.el.removeEventListener("wheel",this.handleWheel)}this.endHold()}formResetCallback(){this.internalWrite=false;this.customValidityMessage="";this.value=this.defaultValue;this.inputValue=this.formatValue(this.value);this.lastCommitted=this.value;this.syncFormValue()}formDisabledCallback(t){queueMicrotask((()=>{this.formDisabled=t}))}formStateRestoreCallback(t){if(typeof t==="string"){const e=t===""?NaN:Number(t);this.value=Number.isFinite(e)?e:null}}onValueChange(){this.normalizeValueProp();this.syncFormValue();if(!this.internalWrite){this.lastCommitted=this.value;const t=this.formatValue(this.value);if(this.inputValue!==t)this.inputValue=t}}onFormatChange(){this.formatInfoKey=undefined;this.inputValue=this.formatValue(this.value)}updateValidity(){if(!this.internals?.setValidity)return;if(this.customValidityMessage){this.internals.setValidity({customError:true},this.customValidityMessage,this.fieldEl??this.el)}else if(this.required&&this.value===null){this.internals.setValidity({valueMissing:true},this.errorText||this.valueMissingLabel,this.fieldEl??this.el)}else{this.internals.setValidity({})}this.emitValidityChange()}normalizeValueProp(){const t=this.value;if(t===null)return;if(typeof t==="number"){if(!Number.isFinite(t))this.value=null;return}const e=t===""||t==null?NaN:Number(t);this.value=Number.isFinite(e)?e:null}syncFormValue(){a(this.internals,this.value===null?null:String(this.value));this.updateValidity()}emitValidityChange(){const t=l(this.internals);const e=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===e)return;const i=this.lastValidityKey!==null;this.lastValidityKey=e;if(i)this.mdValidityChange.emit(t)}formatValue(t){if(t===null)return"";try{return this.formatInfo.formatter.format(t)}catch{return String(t)}}parseNumber(t){if(!t)return null;const e=this.formatInfo;let i=t.replace(b,"");if(e.digitMap.size>0){let t="";for(const s of i)t+=e.digitMap.get(s)??s;i=t}for(const t of new Set(e.symbolChars))i=i.split(t).join("");i=i.replace(g,"");if(e.percent)i=i.split(e.percent).join("");i=i.split("%").join("");if(e.group)i=i.split(e.group).join("");if(e.decimal&&e.decimal!==".")i=i.split(e.decimal).join(".");if(e.minus&&e.minus!=="-")i=i.split(e.minus).join("-");if(e.plus&&e.plus!=="+")i=i.split(e.plus).join("+");i=i.replace(/[\u2012\u2013\u2212]/g,"-");if(i===""||i==="-"||i==="+")return null;const s=Number(i);if(!Number.isFinite(s))return null;return e.isPercent?s/100:s}hasOnlyAllowedChars(t){const e=this.formatInfo;for(const i of t.replace(b,"")){if(e.allowed.has(i))continue;if(y.test(i))continue;return false}return true}clamp(t){const e=this.minBound;const i=this.maxBound;if(e!=null&&t<e)t=e;if(i!=null&&t>i)t=i;return t}snap(t,e,i,s){const n=this.minBound??0;const r=t-n;const l=e*1e-10;let h;if(s)h=Math.round(r/e);else if(i>0)h=Math.floor(r/e+l);else h=Math.ceil(r/e-l);return v(n+h*e)}atBound(t){if(this.value===null)return false;if(t>0)return this.maxBound!=null&&this.value>=this.maxBound;return this.minBound!=null&&this.value<=this.minBound}makeDetail(t){return{value:this.value,formattedValue:this.inputValue,reason:t}}doStep(t,e,i,s){if(!(Number.isFinite(e)&&e>0))e=this.stepAmount;const n=this.parseNumber(this.inputValue);const r=n??this.value??0;let l=r+t*e;if(this.snapOnStep)l=this.snap(l,e,t,i);l=v(this.clamp(l));const h=this.value;this.internalWrite=true;this.value=l;this.internalWrite=false;this.inputValue=this.formatValue(l);const o=this.makeDetail(s);if(l!==h)this.mdInput.emit(o);if(l!==this.lastCommitted){this.lastCommitted=l;this.mdChange.emit(o)}}setAndCommit(t,e){const i=v(this.clamp(t));const s=this.value;this.internalWrite=true;this.value=i;this.internalWrite=false;this.inputValue=this.formatValue(i);const n=this.makeDetail(e);if(i!==s)this.mdInput.emit(n);if(i!==this.lastCommitted){this.lastCommitted=i;this.mdChange.emit(n)}}commitTyped(t){const e=this.parseNumber(this.inputValue);let i=e;if(i!==null&&!this.allowOutOfRange)i=this.clamp(i);const s=this.value;this.internalWrite=true;this.value=i;this.internalWrite=false;this.inputValue=this.formatValue(i);const n=this.makeDetail(t);if(i!==s)this.mdInput.emit(n);if(i!==this.lastCommitted){this.lastCommitted=i;this.mdChange.emit(n)}}focusField(){const t=this.fieldEl;if(!t)return;if(typeof t.setFocus==="function")void t.setFocus();else t.focus?.()}revertFieldText(){const t=this.fieldEl;if(t&&t.value!==this.inputValue){t.value=this.inputValue}}requestSubmit(){try{const t=this.internals?.form;const e=t?.querySelector('button[type="submit"], input[type="submit"], button:not([type])');t?.requestSubmit(e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e:undefined)}catch{}}beginHold(t,e){if(this.isDisabled||this.readOnly)return;if(e.pointerType!=="touch")this.focusField();this.endHold();this.holdDir=t;this.heldAlt=e.altKey===true;this.heldShift=e.shiftKey===true;this.holdTick();if(typeof window==="undefined")return;window.addEventListener("pointerup",this.endHold);window.addEventListener("pointercancel",this.endHold);window.addEventListener("contextmenu",this.endHold);window.addEventListener("keydown",this.trackHoldModifiers);window.addEventListener("keyup",this.trackHoldModifiers);this.holdTimer=setTimeout((()=>{this.holdInterval=setInterval(this.holdTick,p)}),m)}renderStepper(t){const e=this.steppers==="inline";const i=t==="increment"?1:-1;const n=this.isDisabled||this.readOnly||this.atBound(i);return s("md-icon-button",{key:t,class:{"md-number-field__stepper":true,[`md-number-field__stepper--${t}`]:true,"md-number-field__stepper--inline":e,"md-number-field__stepper--split":!e},slot:e?"trailing-icon":undefined,part:t,variant:e?"standard":"tonal",icon:t==="increment"?"add":"remove","aria-label":t==="increment"?this.incrementLabel:this.decrementLabel,disabled:n,groupTabindex:-1,onMouseDown:t=>t.preventDefault(),onPointerDown:t=>this.beginHold(i,t),onPointerLeave:this.endHold,onClick:t=>t.stopPropagation(),onMdClick:t=>t.stopPropagation()})}render(){const t=this.steppers==="split";return s(n,{key:"a05641b5d1a8483f8971ecdb3c2e3d2869d4cea3",class:{"md-number-field":true,[`md-number-field--${this.variant}`]:true,"md-number-field--disabled":this.isDisabled,"md-number-field--split":t,"md-number-field--inline":this.steppers==="inline"}},t&&this.renderStepper("decrement"),s("md-text-field",{key:"ccfc537634b5002a9d32f1b3fa753f6f5c69b2b7",ref:t=>this.fieldEl=t,class:"md-number-field__field",part:"field",variant:this.variant,label:this.label,placeholder:this.placeholder,value:this.inputValue,disabled:this.isDisabled,readOnly:this.readOnly,required:this.required,error:this.error,errorText:this.errorText,supportingText:this.supportingText,reserveSupportingSpace:this.reserveSupportingSpace,density:this.density,inputMode:this.resolvedInputMode,autocomplete:"off",spellcheck:false,onMdInput:this.handleFieldInput,onMdChange:this.handleFieldChange,onKeyDown:this.handleFieldKeyDown,onFocus:this.handleFieldFocus,onBlur:this.handleFieldBlur},this.steppers==="inline"&&[this.renderStepper("decrement"),this.renderStepper("increment")]),t&&this.renderStepper("increment"))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],locale:[{onFormatChange:0}],formatOptions:[{onFormatChange:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}]}}static get style(){return f()}},[65,"md-number-field",{variant:[513],label:[1],placeholder:[1],supportingText:[1,"supporting-text"],error:[516],errorText:[1,"error-text"],disabled:[516],readOnly:[4,"readonly"],required:[516],name:[513],density:[514],value:[1026],locale:[1],formatOptions:[1,"format-options"],min:[2],max:[2],step:[2],smallStep:[2,"small-step"],largeStep:[2,"large-step"],snapOnStep:[4,"snap-on-step"],allowOutOfRange:[4,"allow-out-of-range"],allowWheelScrub:[4,"allow-wheel-scrub"],steppers:[1],incrementLabel:[1,"increment-label"],decrementLabel:[1,"decrement-label"],valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],inputValue:[32],focused:[32],formDisabled:[32],setFocus:[64],select:[64],stepUp:[64],stepDown:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},undefined,{value:[{onValueChange:0}],locale:[{onFormatChange:0}],formatOptions:[{onFormatChange:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}]}]);function _(){if(typeof customElements==="undefined"){return}const t=["md-number-field","md-icon-button","md-ripple","md-text-field"];t.forEach((t=>{switch(t){case"md-number-field":if(!customElements.get(r(t))){customElements.define(r(t),x)}break;case"md-icon-button":if(!customElements.get(r(t))){u()}break;case"md-ripple":if(!customElements.get(r(t))){c()}break;case"md-text-field":if(!customElements.get(r(t))){d()}break}}))}_();const k=x;const N=_;export{k as MdNumberField,N as defineCustomElement};
+import{p as t,H as e,c as i,h as s,d as n,t as r}from"./p-BR6gfOQH.js";import{g as l,c as h,r as o,s as a}from"./p-DWxN44zD.js";import{d as u}from"./p-zMR3UIR_.js";import{d as c}from"./p-De3E5Q8v.js";import{d}from"./p-D5Ht729E.js";const f=()=>`:host{--_stepper-icon-size:var(--md-number-field-stepper-icon-size, max(14px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_stepper-color:var(--md-number-field-stepper-color, var(--md-sys-color-on-surface-variant, #49454f));--_inline-stepper-size:max(20px, calc(28px + var(--md-sys-density-scale, 0) * 2px));--_split-stepper-size:var(--md-number-field-split-stepper-size, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_field-box-height:max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px));display:inline-flex;flex-direction:column;inline-size:var(--md-number-field-width, 100%);min-inline-size:var(--md-number-field-min-width, 200px);box-sizing:border-box;vertical-align:bottom;position:relative}.md-number-field__field{display:block;inline-size:100%}:host(.md-number-field--inline){--md-text-field-padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}.md-number-field__stepper{--md-icon-button-icon-size:var(--_stepper-icon-size);--md-icon-button-icon-color:var(--_stepper-color);flex:none}.md-number-field__stepper--inline{--md-icon-button-container-width:var(--_inline-stepper-size);--md-icon-button-container-height:var(--_inline-stepper-size)}.md-number-field__stepper--inline+.md-number-field__stepper--inline{margin-inline-start:var(--md-sys-spacing-gap-xs, 4px)}:host(.md-number-field--split){flex-direction:row;align-items:flex-start;gap:var(--md-sys-spacing-gap-sm, 8px)}:host(.md-number-field--split) .md-number-field__field{flex:1 1 auto;inline-size:auto;min-inline-size:0}.md-number-field__stepper--split{--md-icon-button-container-width:var(--_split-stepper-size);--md-icon-button-container-height:var(--_split-stepper-size);margin-block-start:calc((var(--_field-box-height) - var(--_split-stepper-size)) / 2)}:host(.md-number-field--disabled){pointer-events:none}@media (forced-colors: active){.md-number-field__stepper{--md-icon-button-icon-color:ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const m=400;const p=60;const b=/[\u061c\u200b\u200e\u200f\u202a-\u202e\u2066-\u2069]/g;const y=/[\s\u00a0\u2009\u202f]/;const g=/[\s\u00a0\u2009\u202f]/g;function w(t,e){const i=t||undefined;let s;try{s=new Intl.NumberFormat(i,e)}catch{s=new Intl.NumberFormat(i)}let n="";let r="";let l="-";let h="+";let o="";let a="";const u=new Intl.NumberFormat(i);for(const t of u.formatToParts(-12345678.9)){if(t.type==="group")n=t.value;else if(t.type==="decimal")r=t.value;else if(t.type==="minusSign")l=t.value}for(const t of s.formatToParts(-12345678.9)){switch(t.type){case"group":n=t.value;break;case"decimal":r=t.value;break;case"minusSign":l=t.value;break;case"plusSign":h=t.value;break;case"percentSign":o=t.value;break;case"currency":case"unit":case"literal":a+=t.value;break}}const c=new Map;const d=new Intl.NumberFormat(i,{useGrouping:false});for(let t=0;t<=9;t++){const e=d.format(t);if(e!==String(t))c.set(e,String(t))}let f=false;try{f=s.resolvedOptions().style==="percent"}catch{}const m=new Set;for(let t=0;t<=9;t++)m.add(String(t));for(const t of c.keys())m.add(t);for(const t of n+r+l+h+a)m.add(t);m.add("-");m.add("+");if(f){m.add("%");if(o)m.add(o)}if(y.test(n+a))m.add(" ");return{formatter:s,group:n,decimal:r,minus:l,plus:h,percent:o,symbolChars:a,digitMap:c,isPercent:f,allowed:m}}function v(t){if(!Number.isFinite(t))return t;const e=parseFloat(t.toPrecision(15));return Math.abs(e-t)<1e-10?e:t}const x=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdInput=i(this,"mdInput",7);this.mdChange=i(this,"mdChange",7);this.mdValidityChange=i(this,"mdValidityChange",5);this.internals=this.attachInternals();this.variant="filled";this.label="";this.placeholder="";this.supportingText="";this.error=false;this.errorText="";this.disabled=false;this.readOnly=false;this.required=false;this.name="";this.density=0;this.value=null;this.locale="";this.step=1;this.smallStep=.1;this.largeStep=10;this.snapOnStep=false;this.allowOutOfRange=false;this.allowWheelScrub=false;this.steppers="inline";this.incrementLabel="Increment";this.decrementLabel="Decrement";this.valueMissingLabel="Please enter a number.";this.reserveSupportingSpace=false;this.inputValue="";this.focused=false;this.formDisabled=false;this.defaultValue=null;this.lastCommitted=null;this.internalWrite=false;this.customValidityMessage="";this.lastValidityKey=null;this.holdDir=1;this.heldAlt=false;this.heldShift=false;this.trackHoldModifiers=t=>{this.heldAlt=t.altKey;this.heldShift=t.shiftKey};this.holdTick=()=>{const t=this.holdDir;if(this.atBound(t)){this.endHold();return}const e=this.heldShift?this.largeStep:this.heldAlt?this.smallStep:this.stepAmount;this.doStep(t,e,this.heldAlt,t>0?"increment-press":"decrement-press")};this.endHold=()=>{clearTimeout(this.holdTimer);clearInterval(this.holdInterval);this.holdTimer=undefined;this.holdInterval=undefined;if(typeof window!=="undefined"){window.removeEventListener("pointerup",this.endHold);window.removeEventListener("pointercancel",this.endHold);window.removeEventListener("contextmenu",this.endHold);window.removeEventListener("keydown",this.trackHoldModifiers);window.removeEventListener("keyup",this.trackHoldModifiers)}};this.handleFieldInput=t=>{t.stopPropagation();const e=t.detail??"";if(e.trim()===""){this.inputValue=e;if(this.value!==null){this.internalWrite=true;this.value=null;this.internalWrite=false;this.mdInput.emit({value:null,formattedValue:e,reason:"input-clear"})}return}if(!this.hasOnlyAllowedChars(e)){this.revertFieldText();return}this.inputValue=e;const i=this.parseNumber(e);if(i!==null&&i!==this.value){this.internalWrite=true;this.value=i;this.internalWrite=false;this.mdInput.emit({value:i,formattedValue:e,reason:"input-change"})}};this.handleFieldChange=t=>{t.stopPropagation()};this.handleFieldKeyDown=t=>{if(this.isDisabled)return;if(t.isComposing||t.keyCode===229)return;switch(t.key){case"ArrowUp":case"ArrowDown":{t.preventDefault();if(this.readOnly)return;const e=t.key==="ArrowUp"?1:-1;const i=t.shiftKey?this.largeStep:t.altKey?this.smallStep:this.stepAmount;this.doStep(e,i,t.altKey,"keyboard");return}case"Home":if(this.minBound!=null&&!this.readOnly){t.preventDefault();this.setAndCommit(this.minBound,"keyboard")}return;case"End":if(this.maxBound!=null&&!this.readOnly){t.preventDefault();this.setAndCommit(this.maxBound,"keyboard")}return;case"Enter":this.commitTyped("input-blur");this.requestSubmit();return}if(t.ctrlKey||t.metaKey||t.altKey)return;if(t.key.length!==1)return;if(this.readOnly)return;if(!this.formatInfo.allowed.has(t.key))t.preventDefault()};this.handleFieldFocus=()=>{this.focused=true};this.handleFieldBlur=()=>{this.focused=false;this.commitTyped("input-blur")};this.handleWheel=t=>{if(!this.allowWheelScrub||this.isDisabled||this.readOnly||!this.focused)return;if(t.ctrlKey)return;t.preventDefault();const e=t.deltaY>0?-1:1;const i=t.shiftKey?this.largeStep:t.altKey?this.smallStep:this.stepAmount;this.doStep(e,i,t.altKey,"wheel")}}get isDisabled(){return this.disabled||this.formDisabled}get formatOptionsObject(){const t=this.formatOptions;if(t==null)return undefined;if(typeof t!=="string")return t;const e=t.trim();if(!e)return undefined;if(this.parsedOptionsKey!==e){this.parsedOptionsKey=e;try{const i=JSON.parse(e);const s=!!i&&typeof i==="object"&&!Array.isArray(i);this.parsedOptionsCache=s?i:undefined;if(!s&&typeof console!=="undefined"){console.warn("[md-number-field] `format-options` must be a JSON object:",t)}}catch{this.parsedOptionsCache=undefined;if(typeof console!=="undefined"){console.warn("[md-number-field] `format-options` attribute is not valid JSON:",t)}}}return this.parsedOptionsCache}get formatInfo(){let t="null";try{t=JSON.stringify(this.formatOptions??null)??"null"}catch{t="opaque"}const e=`${this.locale}|${t}`;if(!this.formatInfoCache||this.formatInfoKey!==e){this.formatInfoCache=w(this.locale,this.formatOptionsObject);this.formatInfoKey=e}return this.formatInfoCache}get stepAmount(){const t=Number(this.step);return Number.isFinite(t)&&t>0?t:1}get minBound(){const t=this.min==null?NaN:Number(this.min);return Number.isFinite(t)?t:null}get maxBound(){const t=this.max==null?NaN:Number(this.max);return Number.isFinite(t)?t:null}get resolvedInputMode(){const t=this.formatOptionsObject;const e=!Number.isInteger(this.stepAmount)||t!=null&&((t.maximumFractionDigits??0)>0||(t.minimumFractionDigits??0)>0||t.style==="currency"||t.style==="percent");const i=this.minBound;return i!=null&&i>=0&&!e?"numeric":"decimal"}async setFocus(){this.focusField()}async select(){await(this.fieldEl?.select?.())}async stepUp(t=1){this.doStep(1,this.stepAmount*Math.max(1,t),false,"none")}async stepDown(t=1){this.doStep(-1,this.stepAmount*Math.max(1,t),false,"none")}async getValidity(){return l(this.internals)}async checkValidity(){return h(this.internals)}async reportValidity(){return o(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.updateValidity()}componentWillLoad(){this.normalizeValueProp();this.defaultValue=this.value;this.lastCommitted=this.value;this.inputValue=this.formatValue(this.value);this.syncFormValue()}componentDidLoad(){this.updateValidity();if(typeof window==="undefined")return;this.el.addEventListener("wheel",this.handleWheel,{passive:false})}disconnectedCallback(){if(typeof window!=="undefined"){this.el.removeEventListener("wheel",this.handleWheel)}this.endHold()}formResetCallback(){this.internalWrite=false;this.customValidityMessage="";this.value=this.defaultValue;this.inputValue=this.formatValue(this.value);this.lastCommitted=this.value;this.syncFormValue()}formDisabledCallback(t){queueMicrotask((()=>{this.formDisabled=t}))}formStateRestoreCallback(t){if(typeof t==="string"){const e=t===""?NaN:Number(t);this.value=Number.isFinite(e)?e:null}}onValueChange(){this.normalizeValueProp();this.syncFormValue();if(!this.internalWrite){this.lastCommitted=this.value;const t=this.formatValue(this.value);if(this.inputValue!==t)this.inputValue=t}}onFormatChange(){this.formatInfoKey=undefined;this.inputValue=this.formatValue(this.value)}updateValidity(){if(!this.internals?.setValidity)return;if(this.customValidityMessage){this.internals.setValidity({customError:true},this.customValidityMessage,this.fieldEl??this.el)}else if(this.required&&this.value===null){this.internals.setValidity({valueMissing:true},this.errorText||this.valueMissingLabel,this.fieldEl??this.el)}else{this.internals.setValidity({})}this.emitValidityChange()}normalizeValueProp(){const t=this.value;if(t===null)return;if(typeof t==="number"){if(!Number.isFinite(t))this.value=null;return}const e=t===""||t==null?NaN:Number(t);this.value=Number.isFinite(e)?e:null}syncFormValue(){a(this.internals,this.value===null?null:String(this.value));this.updateValidity()}emitValidityChange(){const t=l(this.internals);const e=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===e)return;const i=this.lastValidityKey!==null;this.lastValidityKey=e;if(i)this.mdValidityChange.emit(t)}formatValue(t){if(t===null)return"";try{return this.formatInfo.formatter.format(t)}catch{return String(t)}}parseNumber(t){if(!t)return null;const e=this.formatInfo;let i=t.replace(b,"");if(e.digitMap.size>0){let t="";for(const s of i)t+=e.digitMap.get(s)??s;i=t}for(const t of new Set(e.symbolChars))i=i.split(t).join("");i=i.replace(g,"");if(e.percent)i=i.split(e.percent).join("");i=i.split("%").join("");if(e.group)i=i.split(e.group).join("");if(e.decimal&&e.decimal!==".")i=i.split(e.decimal).join(".");if(e.minus&&e.minus!=="-")i=i.split(e.minus).join("-");if(e.plus&&e.plus!=="+")i=i.split(e.plus).join("+");i=i.replace(/[\u2012\u2013\u2212]/g,"-");if(i===""||i==="-"||i==="+")return null;const s=Number(i);if(!Number.isFinite(s))return null;return e.isPercent?s/100:s}hasOnlyAllowedChars(t){const e=this.formatInfo;for(const i of t.replace(b,"")){if(e.allowed.has(i))continue;if(y.test(i))continue;return false}return true}clamp(t){const e=this.minBound;const i=this.maxBound;if(e!=null&&t<e)t=e;if(i!=null&&t>i)t=i;return t}snap(t,e,i,s){const n=this.minBound??0;const r=t-n;const l=e*1e-10;let h;if(s)h=Math.round(r/e);else if(i>0)h=Math.floor(r/e+l);else h=Math.ceil(r/e-l);return v(n+h*e)}atBound(t){if(this.value===null)return false;if(t>0)return this.maxBound!=null&&this.value>=this.maxBound;return this.minBound!=null&&this.value<=this.minBound}makeDetail(t){return{value:this.value,formattedValue:this.inputValue,reason:t}}doStep(t,e,i,s){if(!(Number.isFinite(e)&&e>0))e=this.stepAmount;const n=this.parseNumber(this.inputValue);const r=n??this.value??0;let l=r+t*e;if(this.snapOnStep)l=this.snap(l,e,t,i);l=v(this.clamp(l));const h=this.value;this.internalWrite=true;this.value=l;this.internalWrite=false;this.inputValue=this.formatValue(l);const o=this.makeDetail(s);if(l!==h)this.mdInput.emit(o);if(l!==this.lastCommitted){this.lastCommitted=l;this.mdChange.emit(o)}}setAndCommit(t,e){const i=v(this.clamp(t));const s=this.value;this.internalWrite=true;this.value=i;this.internalWrite=false;this.inputValue=this.formatValue(i);const n=this.makeDetail(e);if(i!==s)this.mdInput.emit(n);if(i!==this.lastCommitted){this.lastCommitted=i;this.mdChange.emit(n)}}commitTyped(t){const e=this.parseNumber(this.inputValue);let i=e;if(i!==null&&!this.allowOutOfRange)i=this.clamp(i);const s=this.value;this.internalWrite=true;this.value=i;this.internalWrite=false;this.inputValue=this.formatValue(i);const n=this.makeDetail(t);if(i!==s)this.mdInput.emit(n);if(i!==this.lastCommitted){this.lastCommitted=i;this.mdChange.emit(n)}}focusField(){const t=this.fieldEl;if(!t)return;if(typeof t.setFocus==="function")void t.setFocus();else t.focus?.()}revertFieldText(){const t=this.fieldEl;if(t&&t.value!==this.inputValue){t.value=this.inputValue}}requestSubmit(){try{const t=this.internals?.form;const e=t?.querySelector('button[type="submit"], input[type="submit"], button:not([type])');t?.requestSubmit(e instanceof HTMLButtonElement||e instanceof HTMLInputElement?e:undefined)}catch{}}beginHold(t,e){if(this.isDisabled||this.readOnly)return;if(e.pointerType!=="touch")this.focusField();this.endHold();this.holdDir=t;this.heldAlt=e.altKey===true;this.heldShift=e.shiftKey===true;this.holdTick();if(typeof window==="undefined")return;window.addEventListener("pointerup",this.endHold);window.addEventListener("pointercancel",this.endHold);window.addEventListener("contextmenu",this.endHold);window.addEventListener("keydown",this.trackHoldModifiers);window.addEventListener("keyup",this.trackHoldModifiers);this.holdTimer=setTimeout((()=>{this.holdInterval=setInterval(this.holdTick,p)}),m)}renderStepper(t){const e=this.steppers==="inline";const i=t==="increment"?1:-1;const n=this.isDisabled||this.readOnly||this.atBound(i);return s("md-icon-button",{key:t,class:{"md-number-field__stepper":true,[`md-number-field__stepper--${t}`]:true,"md-number-field__stepper--inline":e,"md-number-field__stepper--split":!e},slot:e?"trailing-icon":undefined,part:t,variant:e?"standard":"tonal",icon:t==="increment"?"add":"remove","aria-label":t==="increment"?this.incrementLabel:this.decrementLabel,disabled:n,groupTabindex:-1,onMouseDown:t=>t.preventDefault(),onPointerDown:t=>this.beginHold(i,t),onPointerLeave:this.endHold,onClick:t=>t.stopPropagation(),onMdClick:t=>t.stopPropagation()})}render(){const t=this.steppers==="split";return s(n,{key:"a5c75305c0b69a09e59c749fc8b9d2ff64089190",class:{"md-number-field":true,[`md-number-field--${this.variant}`]:true,"md-number-field--disabled":this.isDisabled,"md-number-field--split":t,"md-number-field--inline":this.steppers==="inline"}},t&&this.renderStepper("decrement"),s("md-text-field",{key:"0a6e19edf3250e05e6beb067bfbe1bb90fce9dc4",ref:t=>this.fieldEl=t,class:"md-number-field__field",part:"field",variant:this.variant,label:this.label,placeholder:this.placeholder,value:this.inputValue,disabled:this.isDisabled,readOnly:this.readOnly,required:this.required,error:this.error,errorText:this.errorText,supportingText:this.supportingText,reserveSupportingSpace:this.reserveSupportingSpace,density:this.density,inputMode:this.resolvedInputMode,autocomplete:"off",spellcheck:false,onMdInput:this.handleFieldInput,onMdChange:this.handleFieldChange,onKeyDown:this.handleFieldKeyDown,onFocus:this.handleFieldFocus,onBlur:this.handleFieldBlur},this.steppers==="inline"&&[this.renderStepper("decrement"),this.renderStepper("increment")]),t&&this.renderStepper("increment"))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],locale:[{onFormatChange:0}],formatOptions:[{onFormatChange:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}]}}static get style(){return f()}},[65,"md-number-field",{variant:[513],label:[1],placeholder:[1],supportingText:[1,"supporting-text"],error:[516],errorText:[1,"error-text"],disabled:[516],readOnly:[4,"readonly"],required:[516],name:[513],density:[514],value:[1026],locale:[1],formatOptions:[1,"format-options"],min:[2],max:[2],step:[2],smallStep:[2,"small-step"],largeStep:[2,"large-step"],snapOnStep:[4,"snap-on-step"],allowOutOfRange:[4,"allow-out-of-range"],allowWheelScrub:[4,"allow-wheel-scrub"],steppers:[1],incrementLabel:[1,"increment-label"],decrementLabel:[1,"decrement-label"],valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],inputValue:[32],focused:[32],formDisabled:[32],setFocus:[64],select:[64],stepUp:[64],stepDown:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},undefined,{value:[{onValueChange:0}],locale:[{onFormatChange:0}],formatOptions:[{onFormatChange:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}]}]);function _(){if(typeof customElements==="undefined"){return}const t=["md-number-field","md-icon-button","md-ripple","md-text-field"];t.forEach((t=>{switch(t){case"md-number-field":if(!customElements.get(r(t))){customElements.define(r(t),x)}break;case"md-icon-button":if(!customElements.get(r(t))){u()}break;case"md-ripple":if(!customElements.get(r(t))){c()}break;case"md-text-field":if(!customElements.get(r(t))){d()}break}}))}_();const k=x;const N=_;export{k as MdNumberField,N as defineCustomElement};
 //# sourceMappingURL=md-number-field.js.map

package/dist/components/md-organization-chart.js

@@ -1,2 +1,2 @@
-import{p as t,H as r,c as e,h as o,d as a,t as i}from"./p-BR6gfOQH.js";import{d as s}from"./p-Eb44PPZa.js";import{d as n}from"./p-DYL-8C5C.js";import{d as c}from"./p-CTC8XAB6.js";import{d}from"./p-DfU4xY2F.js";const l=()=>`:host{--_connector-color:var(--md-org-chart-connector-color, var(--md-sys-color-outline-variant, #c4c7c5));--_connector-width:var(--md-org-chart-connector-width, 1.5px);--_node-color:var(--md-org-chart-node-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_node-outline:var(--md-org-chart-node-outline-color, var(--md-sys-color-outline-variant, #c4c7c5));--_node-outline-width:var(--md-org-chart-node-outline-width, 1px);--_node-shape:var(--md-org-chart-node-shape, var(--md-sys-shape-corner-medium, 12px));--_node-min-width:var(--md-org-chart-node-min-width, 176px);--_node-max-width:var(--md-org-chart-node-max-width, 260px);--_selected-color:var(--md-org-chart-selected-color, var(--md-sys-color-primary, #6750a4));--_focus-ring-color:var(--md-org-chart-focus-ring-color, var(--md-sys-color-secondary, #625b71));--_toggle-size:var(--md-org-chart-toggle-size, max(20px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_state-layer-color:var(--md-org-chart-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_accent:var(--md-sys-color-primary, #6750a4);--_level-gap:var(--md-org-chart-level-gap, max(24px, calc(28px + var(--md-sys-density-scale, 0) * 1px)));--_sibling-gap:var(--md-org-chart-sibling-gap, max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px)));--_duration:var(--md-org-chart-duration, var(--md-sys-motion-duration-medium2, 300ms));--_easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_line:var(--_connector-width) solid var(--_connector-color);--_elbow:12px;display:block;box-sizing:border-box;color:var(--md-sys-color-on-surface, #1d1b20);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, system-ui, sans-serif)}.md-org-chart__viewport{overflow:auto;padding:8px 8px calc(var(--_toggle-size) / 2 + 10px);box-sizing:border-box}.md-org-chart__tree,.md-org-chart__group{display:flex;justify-content:center;align-items:flex-start;list-style:none;margin:0;padding:0;position:relative}.md-org-chart__tree{inline-size:max-content;margin-inline:auto}.md-org-chart__group{padding-block-start:var(--_level-gap)}.md-org-chart__branch{position:relative;display:flex;flex-direction:column;align-items:center;padding-block-start:var(--_level-gap);padding-inline:calc(var(--_sibling-gap) / 2);outline:none}.md-org-chart__branch::before,.md-org-chart__branch::after{content:'';position:absolute;inset-block-start:0;inset-inline-end:50%;inline-size:50%;block-size:var(--_level-gap);border-block-start:var(--_line)}.md-org-chart__branch::after{inset-inline-end:auto;inset-inline-start:50%;border-inline-start:var(--_line)}.md-org-chart__branch:only-child::before,.md-org-chart__branch:only-child::after{display:none}.md-org-chart__branch:only-child{padding-block-start:0}.md-org-chart__branch:first-child::before,.md-org-chart__branch:last-child::after{border:0}.md-org-chart__branch:last-child::before{border-inline-end:var(--_line);border-start-end-radius:var(--_elbow)}.md-org-chart__branch:first-child::after{border-start-start-radius:var(--_elbow)}.md-org-chart__group::before{content:'';position:absolute;inset-block-start:0;inset-inline-start:50%;inline-size:0;block-size:var(--_level-gap);border-inline-start:var(--_line)}.md-org-chart__tree>.md-org-chart__branch{padding-block-start:0}.md-org-chart__tree>.md-org-chart__branch::before,.md-org-chart__tree>.md-org-chart__branch::after{display:none}.md-org-chart__node{position:relative;z-index:2;display:inline-flex;align-items:center;gap:max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px));padding-block:max(6px, calc(10px + var(--md-sys-density-scale, 0) * 1px));padding-inline:max(8px, calc(14px + var(--md-sys-density-scale, 0) * 1.5px));min-inline-size:var(--_node-min-width);max-inline-size:var(--_node-max-width);box-sizing:border-box;border-radius:var(--_node-shape);background:var(--_node-color);border:var(--_node-outline-width) solid var(--_node-outline);color:var(--md-sys-color-on-surface, #1d1b20);transition:border-color var(--_duration) var(--_easing),     box-shadow var(--_duration) var(--_easing);}.md-org-chart__node--selectable{cursor:pointer}.md-org-chart__node--selectable:hover{box-shadow:var(--md-sys-elevation-1, 0 1px 3px 1px rgba(0, 0, 0, 0.15))}.md-org-chart__node--selected{border-color:var(--_selected-color);box-shadow:0 0 0 1px var(--_selected-color)}.md-org-chart__node--selected.md-org-chart__node--selectable:hover{box-shadow:0 0 0 1px var(--_selected-color),     var(--md-sys-elevation-1, 0 1px 3px 1px rgba(0, 0, 0, 0.15))}.md-org-chart__branch:focus-visible>.md-org-chart__node{outline:3px solid var(--_focus-ring-color);outline-offset:2px}.md-org-chart__ripple{--md-ripple-color:var(--_selected-color);border-radius:inherit}.md-org-chart__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_duration) var(--_easing)}.md-org-chart__node--selectable:hover>.md-org-chart__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-org-chart__node--selectable:active>.md-org-chart__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.md-org-chart__node--selected>.md-org-chart__state-layer{opacity:0.08;background:var(--_selected-color)}.md-org-chart__avatar{flex:0 0 auto;--md-avatar-container-color:var(--md-sys-color-primary-container, #eaddff);--md-avatar-label-color:var(--md-sys-color-on-primary-container, #21005d)}.md-org-chart__text{display:flex;flex-direction:column;min-inline-size:0;gap:2px}.md-org-chart__name{font-family:var(--md-sys-typescale-title-small-font-family, Roboto, system-ui, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:600;line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));color:var(--md-sys-color-on-surface, #1d1b20);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-org-chart__title{font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--md-sys-color-on-surface-variant, #49454f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-org-chart__toggle-tip{position:absolute;inset-block-end:calc(-1 * var(--_toggle-size) / 2);inset-inline-start:calc(50% - var(--_toggle-size) / 2);z-index:3;line-height:0}.md-org-chart__toggle{--md-icon-button-container-color:var(--md-sys-color-surface-container-high, #ece6f0);--md-icon-button-container-width:var(--_toggle-size);--md-icon-button-container-height:var(--_toggle-size);--md-icon-button-icon-size:calc(var(--_toggle-size) * 0.66)}@keyframes md-org-chart-grow{from{opacity:0;transform:translateY(-8px) scale(0.96)}to{opacity:1;transform:none}}.md-org-chart__group{animation:md-org-chart-grow var(--_duration) var(--_easing);transform-origin:top center}.md-org-chart__empty{padding:32px 16px;text-align:center;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:var(--md-sys-typescale-body-medium-size, 14px)}:host([orientation='horizontal']) .md-org-chart__tree,:host([orientation='horizontal']) .md-org-chart__group{flex-direction:column}:host([orientation='horizontal']) .md-org-chart__group{padding-block-start:0;padding-inline-start:var(--_level-gap)}:host([orientation='horizontal']) .md-org-chart__branch{flex-direction:row;padding-block:calc(var(--_sibling-gap) / 2);padding-inline:var(--_level-gap) 0;}:host([orientation='horizontal']) .md-org-chart__branch:only-child,:host([orientation='horizontal']) .md-org-chart__tree>.md-org-chart__branch{padding-inline-start:0}:host([orientation='horizontal']) .md-org-chart__branch::before,:host([orientation='horizontal']) .md-org-chart__branch::after{inset-block-start:0;inset-inline-start:0;inset-inline-end:auto;inline-size:var(--_level-gap);block-size:50%;border-block-start:0;border-inline-start:var(--_line);}:host([orientation='horizontal']) .md-org-chart__branch::after{inset-block-start:50%;border-block-start:var(--_line);}:host([orientation='horizontal']) .md-org-chart__branch:first-child::before,:host([orientation='horizontal']) .md-org-chart__branch:last-child::after{border:0}:host([orientation='horizontal']) .md-org-chart__branch:last-child::before{border-inline-end:0;border-start-end-radius:0;border-block-end:var(--_line);border-end-start-radius:var(--_elbow)}:host([orientation='horizontal']) .md-org-chart__branch:first-child::after{border-start-start-radius:var(--_elbow)}:host([orientation='horizontal']) .md-org-chart__group::before{inset-block-start:50%;inset-inline-start:0;inline-size:var(--_level-gap);block-size:0;border-inline-start:0;border-block-start:var(--_line)}:host([orientation='horizontal']) .md-org-chart__toggle-tip{inset-block-end:auto;inset-block-start:calc(50% - var(--_toggle-size) / 2);inset-inline-start:auto;inset-inline-end:calc(-1 * var(--_toggle-size) / 2)}:host([orientation='horizontal']) .md-org-chart__viewport{padding:8px calc(var(--_toggle-size) / 2 + 10px) 8px 8px}@keyframes md-org-chart-grow-h{from{opacity:0;transform:translateX(-8px) scale(0.96)}to{opacity:1;transform:none}}:host([orientation='horizontal']) .md-org-chart__group{animation-name:md-org-chart-grow-h;transform-origin:left center}@media (prefers-reduced-motion: reduce){.md-org-chart__node,.md-org-chart__toggle-icon,.md-org-chart__state-layer{transition:none}.md-org-chart__group{animation:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const h=t(class t extends r{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdSelectionChange=e(this,"mdSelectionChange",7);this.mdNodeToggle=e(this,"mdNodeToggle",7);this.nodes=[];this.selectionMode="none";this.selectedIds=[];this.collapsible=true;this.orientation="vertical";this.label="Organization chart";this.expandLabel="Expand";this.collapseLabel="Collapse";this.density=0;this.collapsed=new Set;this.selection=new Set;this.activeId="";this.nodeMap=new Map;this.roots=[];this.handleKeyDown=t=>{const r=t.target;if(!r||r.getAttribute?.("role")!=="treeitem")return;const e=this.nodeMap.get(r.getAttribute("data-id")??"");if(!e)return;const o=getComputedStyle(this.el).direction==="rtl";const a=o?"ArrowLeft":"ArrowRight";const i=o?"ArrowRight":"ArrowLeft";const s=this.visibleItems();const n=s.indexOf(r);switch(t.key){case"ArrowDown":this.focusItem(s[n+1]);break;case"ArrowUp":this.focusItem(s[n-1]);break;case a:if(this.hasChildren(e)){if(!this.isExpanded(e))this.toggle(e);else this.focusItem(this.firstChildItem(r))}break;case i:if(this.hasChildren(e)&&this.isExpanded(e))this.toggle(e);else this.focusItem(this.parentItem(r));break;case"Home":this.focusItem(s[0]);break;case"End":this.focusItem(s[s.length-1]);break;case"Enter":case" ":case"Spacebar":if(this.isSelectable(e))this.select(e);else if(this.hasChildren(e))this.toggle(e);break;default:return}t.preventDefault();t.stopPropagation()};this.handleNodeClick=t=>r=>{if(r.target?.closest(".md-org-chart__toggle"))return;this.activeId=t.id;if(this.isSelectable(t))this.select(t)};this.handleTogglerClick=t=>r=>{r.stopPropagation();this.toggle(t)}}componentWillLoad(){this.syncFromNodes(this.nodes);this.selection=new Set(this.selectedIds??[])}onNodesChange(t){this.syncFromNodes(t)}onSelectedIdsChange(t){this.selection=new Set(t??[])}syncFromNodes(t){const r=this.parseNodes(t);this.nodeMap=new Map;const e=new Set;const o=t=>{for(const r of t){if(!r||r.id==null)continue;this.nodeMap.set(r.id,r);if(r.expanded===false&&r.children?.length)e.add(r.id);if(r.children?.length)o(r.children)}};o(r);this.collapsed=e;if(!this.activeId||!this.nodeMap.has(this.activeId)){this.activeId=r[0]?.id??""}this.roots=r}parseNodes(t){if(Array.isArray(t))return t;if(typeof t==="string"&&t.trim()){try{const r=JSON.parse(t);return Array.isArray(r)?r:[r]}catch{return[]}}return[]}isExpanded(t){return!this.collapsed.has(t.id)}hasChildren(t){return!!t.children&&t.children.length>0}isSelectable(t){return this.selectionMode!=="none"&&t.selectable!==false}toggle(t){if(!this.hasChildren(t))return;const r=new Set(this.collapsed);const e=r.has(t.id);if(e)r.delete(t.id);else r.add(t.id);this.collapsed=r;this.mdNodeToggle.emit({node:t,expanded:e})}select(t){if(!this.isSelectable(t))return;const r=new Set(this.selection);if(this.selectionMode==="single"){const e=r.has(t.id)&&r.size===1;r.clear();if(!e)r.add(t.id)}else{if(r.has(t.id))r.delete(t.id);else r.add(t.id)}this.selection=r;this.selectedIds=Array.from(r);this.mdSelectionChange.emit({node:t,selectedIds:this.selectedIds})}visibleItems(){return Array.from(this.el.shadowRoot?.querySelectorAll('li[role="treeitem"]')??[])}itemFor(t){return this.el.shadowRoot?.querySelector(`li[role="treeitem"][data-id="${m(t.id)}"]`)??null}focusItem(t){if(!t)return;const r=t.getAttribute("data-id");if(r)this.activeId=r;t.focus()}firstChildItem(t){const r=Array.from(t.children).find((t=>t.getAttribute?.("role")==="group"));if(!r)return null;return Array.from(r.children).find((t=>t.getAttribute?.("role")==="treeitem"))??null}parentItem(t){const r=t.parentElement;if(!r||r.getAttribute("role")!=="group")return null;const e=r.parentElement;return e&&e.getAttribute("role")==="treeitem"?e:null}renderNode(t,r,e,a){const i=this.hasChildren(t);const s=this.isExpanded(t);const n=this.isSelectable(t);const c=n&&this.selection.has(t.id);const d=t.id===this.activeId;const l=this.collapsible&&i;return o("li",{role:"treeitem","data-id":t.id,"aria-level":r,"aria-setsize":a,"aria-posinset":e,"aria-expanded":i?String(s):undefined,"aria-selected":n?String(c):undefined,tabindex:d?"0":"-1",class:{"md-org-chart__branch":true,"md-org-chart__branch--collapsed":i&&!s},onKeyDown:this.handleKeyDown,onFocus:()=>this.activeId=t.id},o("div",{class:{"md-org-chart__node":true,"md-org-chart__node--selectable":n,"md-org-chart__node--selected":c},part:`node${c?" node-selected":""}`,style:t.accent?{"--_accent":t.accent}:undefined,onClick:this.handleNodeClick(t)},o("span",{class:"md-org-chart__state-layer",part:"state-layer","aria-hidden":"true"}),n&&o("md-ripple",{class:"md-org-chart__ripple"}),o("md-avatar",{class:"md-org-chart__avatar",part:"avatar",exportparts:"image: avatar-image","aria-hidden":"true",colorFromName:false,src:t.avatar,initials:t.avatarInitials,name:t.name,size:"medium",shape:"circle"}),o("span",{class:"md-org-chart__text"},o("span",{class:"md-org-chart__name",part:"name"},t.name),t.title&&o("span",{class:"md-org-chart__title",part:"title"},t.title)),l&&o("md-tooltip",{class:"md-org-chart__toggle-tip",text:s?this.collapseLabel:this.expandLabel,position:"bottom"},o("md-icon-button",{class:"md-org-chart__toggle",part:"toggle",icon:s?"expand_less":"expand_more",size:"xs",variant:"tonal",shape:"round","aria-hidden":"true","group-tabindex":-1,onPointerDown:t=>t.stopPropagation(),onClick:this.handleTogglerClick(t)}))),i&&s&&o("ul",{role:"group",class:"md-org-chart__group",part:"group"},t.children.map(((e,o)=>this.renderNode(e,r+1,o+1,t.children.length)))))}render(){const t=this.roots;const r=t.length===0;return o(a,{key:"26bfcbc5b511f6d4a3fff05f01b7c5a17c76d799",class:{"md-org-chart":true,"md-org-chart--empty":r}},o("div",{key:"341c78bd4de81514d001fe4df0b9065edc19f8fc",class:"md-org-chart__viewport",part:"viewport"},r?o("div",{class:"md-org-chart__empty",part:"empty",role:"status"},o("slot",{name:"empty"},"No data")):o("ul",{role:"tree",class:"md-org-chart__tree",part:"tree","aria-label":this.label,"aria-multiselectable":this.selectionMode==="multiple"?"true":undefined},t.map(((r,e)=>this.renderNode(r,1,e+1,t.length))))))}get el(){return this}static get watchers(){return{nodes:[{onNodesChange:0}],selectedIds:[{onSelectedIdsChange:0}]}}static get style(){return l()}},[257,"md-organization-chart",{nodes:[1],selectionMode:[513,"selection-mode"],selectedIds:[1040],collapsible:[4],orientation:[513],label:[1],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],density:[514],collapsed:[32],selection:[32],activeId:[32]},undefined,{nodes:[{onNodesChange:0}],selectedIds:[{onSelectedIdsChange:0}]}]);function m(t){return String(t).replace(/["\\\]]/g,"\\$&")}function g(){if(typeof customElements==="undefined"){return}const t=["md-organization-chart","md-avatar","md-icon-button","md-ripple","md-tooltip"];t.forEach((t=>{switch(t){case"md-organization-chart":if(!customElements.get(i(t))){customElements.define(i(t),h)}break;case"md-avatar":if(!customElements.get(i(t))){s()}break;case"md-icon-button":if(!customElements.get(i(t))){n()}break;case"md-ripple":if(!customElements.get(i(t))){c()}break;case"md-tooltip":if(!customElements.get(i(t))){d()}break}}))}g();const _=h;const p=g;export{_ as MdOrganizationChart,p as defineCustomElement};
+import{p as t,H as r,c as e,h as o,d as a,t as i}from"./p-BR6gfOQH.js";import{d as s}from"./p-1RSrsLOs.js";import{d as n}from"./p-zMR3UIR_.js";import{d as c}from"./p-De3E5Q8v.js";import{d}from"./p-ssLobpGS.js";const l=()=>`:host{--_connector-color:var(--md-org-chart-connector-color, var(--md-sys-color-outline-variant, #c4c7c5));--_connector-width:var(--md-org-chart-connector-width, 1.5px);--_node-color:var(--md-org-chart-node-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_node-outline:var(--md-org-chart-node-outline-color, var(--md-sys-color-outline-variant, #c4c7c5));--_node-outline-width:var(--md-org-chart-node-outline-width, 1px);--_node-shape:var(--md-org-chart-node-shape, var(--md-sys-shape-corner-medium, 12px));--_node-min-width:var(--md-org-chart-node-min-width, 176px);--_node-max-width:var(--md-org-chart-node-max-width, 260px);--_selected-color:var(--md-org-chart-selected-color, var(--md-sys-color-primary, #6750a4));--_focus-ring-color:var(--md-org-chart-focus-ring-color, var(--md-sys-color-secondary, #625b71));--_toggle-size:var(--md-org-chart-toggle-size, max(20px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_state-layer-color:var(--md-org-chart-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_accent:var(--md-sys-color-primary, #6750a4);--_level-gap:var(--md-org-chart-level-gap, max(24px, calc(28px + var(--md-sys-density-scale, 0) * 1px)));--_sibling-gap:var(--md-org-chart-sibling-gap, max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px)));--_duration:var(--md-org-chart-duration, var(--md-sys-motion-duration-medium2, 300ms));--_easing:var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));--_line:var(--_connector-width) solid var(--_connector-color);--_elbow:12px;display:block;box-sizing:border-box;color:var(--md-sys-color-on-surface, #1d1b20);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, system-ui, sans-serif)}.md-org-chart__viewport{overflow:auto;padding:8px 8px calc(var(--_toggle-size) / 2 + 10px);box-sizing:border-box}.md-org-chart__tree,.md-org-chart__group{display:flex;justify-content:center;align-items:flex-start;list-style:none;margin:0;padding:0;position:relative}.md-org-chart__tree{inline-size:max-content;margin-inline:auto}.md-org-chart__group{padding-block-start:var(--_level-gap)}.md-org-chart__branch{position:relative;display:flex;flex-direction:column;align-items:center;padding-block-start:var(--_level-gap);padding-inline:calc(var(--_sibling-gap) / 2);outline:none}.md-org-chart__branch::before,.md-org-chart__branch::after{content:'';position:absolute;inset-block-start:0;inset-inline-end:50%;inline-size:50%;block-size:var(--_level-gap);border-block-start:var(--_line)}.md-org-chart__branch::after{inset-inline-end:auto;inset-inline-start:50%;border-inline-start:var(--_line)}.md-org-chart__branch:only-child::before,.md-org-chart__branch:only-child::after{display:none}.md-org-chart__branch:only-child{padding-block-start:0}.md-org-chart__branch:first-child::before,.md-org-chart__branch:last-child::after{border:0}.md-org-chart__branch:last-child::before{border-inline-end:var(--_line);border-start-end-radius:var(--_elbow)}.md-org-chart__branch:first-child::after{border-start-start-radius:var(--_elbow)}.md-org-chart__group::before{content:'';position:absolute;inset-block-start:0;inset-inline-start:50%;inline-size:0;block-size:var(--_level-gap);border-inline-start:var(--_line)}.md-org-chart__tree>.md-org-chart__branch{padding-block-start:0}.md-org-chart__tree>.md-org-chart__branch::before,.md-org-chart__tree>.md-org-chart__branch::after{display:none}.md-org-chart__node{position:relative;z-index:2;display:inline-flex;align-items:center;gap:max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px));padding-block:max(6px, calc(10px + var(--md-sys-density-scale, 0) * 1px));padding-inline:max(8px, calc(14px + var(--md-sys-density-scale, 0) * 1.5px));min-inline-size:var(--_node-min-width);max-inline-size:var(--_node-max-width);box-sizing:border-box;border-radius:var(--_node-shape);background:var(--_node-color);border:var(--_node-outline-width) solid var(--_node-outline);color:var(--md-sys-color-on-surface, #1d1b20);transition:border-color var(--_duration) var(--_easing),     box-shadow var(--_duration) var(--_easing);}.md-org-chart__node--selectable{cursor:pointer}.md-org-chart__node--selectable:hover{box-shadow:var(--md-sys-elevation-1, 0 1px 3px 1px rgba(0, 0, 0, 0.15))}.md-org-chart__node--selected{border-color:var(--_selected-color);box-shadow:0 0 0 1px var(--_selected-color)}.md-org-chart__node--selected.md-org-chart__node--selectable:hover{box-shadow:0 0 0 1px var(--_selected-color),     var(--md-sys-elevation-1, 0 1px 3px 1px rgba(0, 0, 0, 0.15))}.md-org-chart__branch:focus-visible>.md-org-chart__node{outline:3px solid var(--_focus-ring-color);outline-offset:2px}.md-org-chart__ripple{--md-ripple-color:var(--_selected-color);border-radius:inherit}.md-org-chart__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--_state-layer-color);opacity:0;pointer-events:none;transition:opacity var(--_duration) var(--_easing)}.md-org-chart__node--selectable:hover>.md-org-chart__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-org-chart__node--selectable:active>.md-org-chart__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.md-org-chart__node--selected>.md-org-chart__state-layer{opacity:0.08;background:var(--_selected-color)}.md-org-chart__avatar{flex:0 0 auto;--md-avatar-container-color:var(--md-sys-color-primary-container, #eaddff);--md-avatar-label-color:var(--md-sys-color-on-primary-container, #21005d)}.md-org-chart__text{display:flex;flex-direction:column;min-inline-size:0;gap:2px}.md-org-chart__name{font-family:var(--md-sys-typescale-title-small-font-family, Roboto, system-ui, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:600;line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));color:var(--md-sys-color-on-surface, #1d1b20);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-org-chart__title{font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--md-sys-color-on-surface-variant, #49454f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-org-chart__toggle-tip{position:absolute;inset-block-end:calc(-1 * var(--_toggle-size) / 2);inset-inline-start:calc(50% - var(--_toggle-size) / 2);z-index:3;line-height:0}.md-org-chart__toggle{--md-icon-button-container-color:var(--md-sys-color-surface-container-high, #ece6f0);--md-icon-button-container-width:var(--_toggle-size);--md-icon-button-container-height:var(--_toggle-size);--md-icon-button-icon-size:calc(var(--_toggle-size) * 0.66)}@keyframes md-org-chart-grow{from{opacity:0;transform:translateY(-8px) scale(0.96)}to{opacity:1;transform:none}}.md-org-chart__group{animation:md-org-chart-grow var(--_duration) var(--_easing);transform-origin:top center}.md-org-chart__empty{padding:32px 16px;text-align:center;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:var(--md-sys-typescale-body-medium-size, 14px)}:host([orientation='horizontal']) .md-org-chart__tree,:host([orientation='horizontal']) .md-org-chart__group{flex-direction:column}:host([orientation='horizontal']) .md-org-chart__group{padding-block-start:0;padding-inline-start:var(--_level-gap)}:host([orientation='horizontal']) .md-org-chart__branch{flex-direction:row;padding-block:calc(var(--_sibling-gap) / 2);padding-inline:var(--_level-gap) 0;}:host([orientation='horizontal']) .md-org-chart__branch:only-child,:host([orientation='horizontal']) .md-org-chart__tree>.md-org-chart__branch{padding-inline-start:0}:host([orientation='horizontal']) .md-org-chart__branch::before,:host([orientation='horizontal']) .md-org-chart__branch::after{inset-block-start:0;inset-inline-start:0;inset-inline-end:auto;inline-size:var(--_level-gap);block-size:50%;border-block-start:0;border-inline-start:var(--_line);}:host([orientation='horizontal']) .md-org-chart__branch::after{inset-block-start:50%;border-block-start:var(--_line);}:host([orientation='horizontal']) .md-org-chart__branch:first-child::before,:host([orientation='horizontal']) .md-org-chart__branch:last-child::after{border:0}:host([orientation='horizontal']) .md-org-chart__branch:last-child::before{border-inline-end:0;border-start-end-radius:0;border-block-end:var(--_line);border-end-start-radius:var(--_elbow)}:host([orientation='horizontal']) .md-org-chart__branch:first-child::after{border-start-start-radius:var(--_elbow)}:host([orientation='horizontal']) .md-org-chart__group::before{inset-block-start:50%;inset-inline-start:0;inline-size:var(--_level-gap);block-size:0;border-inline-start:0;border-block-start:var(--_line)}:host([orientation='horizontal']) .md-org-chart__toggle-tip{inset-block-end:auto;inset-block-start:calc(50% - var(--_toggle-size) / 2);inset-inline-start:auto;inset-inline-end:calc(-1 * var(--_toggle-size) / 2)}:host([orientation='horizontal']) .md-org-chart__viewport{padding:8px calc(var(--_toggle-size) / 2 + 10px) 8px 8px}@keyframes md-org-chart-grow-h{from{opacity:0;transform:translateX(-8px) scale(0.96)}to{opacity:1;transform:none}}:host([orientation='horizontal']) .md-org-chart__group{animation-name:md-org-chart-grow-h;transform-origin:left center}@media (prefers-reduced-motion: reduce){.md-org-chart__node,.md-org-chart__toggle-icon,.md-org-chart__state-layer{transition:none}.md-org-chart__group{animation:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const h=t(class t extends r{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdSelectionChange=e(this,"mdSelectionChange",7);this.mdNodeToggle=e(this,"mdNodeToggle",7);this.nodes=[];this.selectionMode="none";this.selectedIds=[];this.collapsible=true;this.orientation="vertical";this.label="Organization chart";this.expandLabel="Expand";this.collapseLabel="Collapse";this.density=0;this.collapsed=new Set;this.selection=new Set;this.activeId="";this.nodeMap=new Map;this.roots=[];this.handleKeyDown=t=>{const r=t.target;if(!r||r.getAttribute?.("role")!=="treeitem")return;const e=this.nodeMap.get(r.getAttribute("data-id")??"");if(!e)return;const o=getComputedStyle(this.el).direction==="rtl";const a=o?"ArrowLeft":"ArrowRight";const i=o?"ArrowRight":"ArrowLeft";const s=this.visibleItems();const n=s.indexOf(r);switch(t.key){case"ArrowDown":this.focusItem(s[n+1]);break;case"ArrowUp":this.focusItem(s[n-1]);break;case a:if(this.hasChildren(e)){if(!this.isExpanded(e))this.toggle(e);else this.focusItem(this.firstChildItem(r))}break;case i:if(this.hasChildren(e)&&this.isExpanded(e))this.toggle(e);else this.focusItem(this.parentItem(r));break;case"Home":this.focusItem(s[0]);break;case"End":this.focusItem(s[s.length-1]);break;case"Enter":case" ":case"Spacebar":if(this.isSelectable(e))this.select(e);else if(this.hasChildren(e))this.toggle(e);break;default:return}t.preventDefault();t.stopPropagation()};this.handleNodeClick=t=>r=>{if(r.target?.closest(".md-org-chart__toggle"))return;this.activeId=t.id;if(this.isSelectable(t))this.select(t)};this.handleTogglerClick=t=>r=>{r.stopPropagation();this.toggle(t)}}componentWillLoad(){this.syncFromNodes(this.nodes);this.selection=new Set(this.selectedIds??[])}onNodesChange(t){this.syncFromNodes(t)}onSelectedIdsChange(t){this.selection=new Set(t??[])}syncFromNodes(t){const r=this.parseNodes(t);this.nodeMap=new Map;const e=new Set;const o=t=>{for(const r of t){if(!r||r.id==null)continue;this.nodeMap.set(r.id,r);if(r.expanded===false&&r.children?.length)e.add(r.id);if(r.children?.length)o(r.children)}};o(r);this.collapsed=e;if(!this.activeId||!this.nodeMap.has(this.activeId)){this.activeId=r[0]?.id??""}this.roots=r}parseNodes(t){if(Array.isArray(t))return t;if(typeof t==="string"&&t.trim()){try{const r=JSON.parse(t);return Array.isArray(r)?r:[r]}catch{return[]}}return[]}isExpanded(t){return!this.collapsed.has(t.id)}hasChildren(t){return!!t.children&&t.children.length>0}isSelectable(t){return this.selectionMode!=="none"&&t.selectable!==false}toggle(t){if(!this.hasChildren(t))return;const r=new Set(this.collapsed);const e=r.has(t.id);if(e)r.delete(t.id);else r.add(t.id);this.collapsed=r;this.mdNodeToggle.emit({node:t,expanded:e})}select(t){if(!this.isSelectable(t))return;const r=new Set(this.selection);if(this.selectionMode==="single"){const e=r.has(t.id)&&r.size===1;r.clear();if(!e)r.add(t.id)}else{if(r.has(t.id))r.delete(t.id);else r.add(t.id)}this.selection=r;this.selectedIds=Array.from(r);this.mdSelectionChange.emit({node:t,selectedIds:this.selectedIds})}visibleItems(){return Array.from(this.el.shadowRoot?.querySelectorAll('li[role="treeitem"]')??[])}itemFor(t){return this.el.shadowRoot?.querySelector(`li[role="treeitem"][data-id="${m(t.id)}"]`)??null}focusItem(t){if(!t)return;const r=t.getAttribute("data-id");if(r)this.activeId=r;t.focus()}firstChildItem(t){const r=Array.from(t.children).find((t=>t.getAttribute?.("role")==="group"));if(!r)return null;return Array.from(r.children).find((t=>t.getAttribute?.("role")==="treeitem"))??null}parentItem(t){const r=t.parentElement;if(!r||r.getAttribute("role")!=="group")return null;const e=r.parentElement;return e&&e.getAttribute("role")==="treeitem"?e:null}renderNode(t,r,e,a){const i=this.hasChildren(t);const s=this.isExpanded(t);const n=this.isSelectable(t);const c=n&&this.selection.has(t.id);const d=t.id===this.activeId;const l=this.collapsible&&i;return o("li",{role:"treeitem","data-id":t.id,"aria-level":r,"aria-setsize":a,"aria-posinset":e,"aria-expanded":i?String(s):undefined,"aria-selected":n?String(c):undefined,tabindex:d?"0":"-1",class:{"md-org-chart__branch":true,"md-org-chart__branch--collapsed":i&&!s},onKeyDown:this.handleKeyDown,onFocus:()=>this.activeId=t.id},o("div",{class:{"md-org-chart__node":true,"md-org-chart__node--selectable":n,"md-org-chart__node--selected":c},part:`node${c?" node-selected":""}`,style:t.accent?{"--_accent":t.accent}:undefined,onClick:this.handleNodeClick(t)},o("span",{class:"md-org-chart__state-layer",part:"state-layer","aria-hidden":"true"}),n&&o("md-ripple",{class:"md-org-chart__ripple"}),o("md-avatar",{class:"md-org-chart__avatar",part:"avatar",exportparts:"image: avatar-image","aria-hidden":"true",colorFromName:false,src:t.avatar,initials:t.avatarInitials,name:t.name,size:"medium",shape:"circle"}),o("span",{class:"md-org-chart__text"},o("span",{class:"md-org-chart__name",part:"name"},t.name),t.title&&o("span",{class:"md-org-chart__title",part:"title"},t.title)),l&&o("md-tooltip",{class:"md-org-chart__toggle-tip",text:s?this.collapseLabel:this.expandLabel,position:"bottom"},o("md-icon-button",{class:"md-org-chart__toggle",part:"toggle",icon:s?"expand_less":"expand_more",size:"xs",variant:"tonal",shape:"round","aria-hidden":"true","group-tabindex":-1,onPointerDown:t=>t.stopPropagation(),onClick:this.handleTogglerClick(t)}))),i&&s&&o("ul",{role:"group",class:"md-org-chart__group",part:"group"},t.children.map(((e,o)=>this.renderNode(e,r+1,o+1,t.children.length)))))}render(){const t=this.roots;const r=t.length===0;return o(a,{key:"30c2227bc9572fdf2eb6592bdf03409f86d8608e",class:{"md-org-chart":true,"md-org-chart--empty":r}},o("div",{key:"469a05bbafc74a11fe0e8d76012e0b6f94c56536",class:"md-org-chart__viewport",part:"viewport"},r?o("div",{class:"md-org-chart__empty",part:"empty",role:"status"},o("slot",{name:"empty"},"No data")):o("ul",{role:"tree",class:"md-org-chart__tree",part:"tree","aria-label":this.label,"aria-multiselectable":this.selectionMode==="multiple"?"true":undefined},t.map(((r,e)=>this.renderNode(r,1,e+1,t.length))))))}get el(){return this}static get watchers(){return{nodes:[{onNodesChange:0}],selectedIds:[{onSelectedIdsChange:0}]}}static get style(){return l()}},[257,"md-organization-chart",{nodes:[1],selectionMode:[513,"selection-mode"],selectedIds:[1040],collapsible:[4],orientation:[513],label:[1],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],density:[514],collapsed:[32],selection:[32],activeId:[32]},undefined,{nodes:[{onNodesChange:0}],selectedIds:[{onSelectedIdsChange:0}]}]);function m(t){return String(t).replace(/["\\\]]/g,"\\$&")}function g(){if(typeof customElements==="undefined"){return}const t=["md-organization-chart","md-avatar","md-icon-button","md-ripple","md-tooltip"];t.forEach((t=>{switch(t){case"md-organization-chart":if(!customElements.get(i(t))){customElements.define(i(t),h)}break;case"md-avatar":if(!customElements.get(i(t))){s()}break;case"md-icon-button":if(!customElements.get(i(t))){n()}break;case"md-ripple":if(!customElements.get(i(t))){c()}break;case"md-tooltip":if(!customElements.get(i(t))){d()}break}}))}g();const _=h;const p=g;export{_ as MdOrganizationChart,p as defineCustomElement};
 //# sourceMappingURL=md-organization-chart.js.map