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

package/dist/components/md-toolbar.js

@@ -1,2 +1,2 @@
-import{p as t,H as o,h as e,d as n,t as a}from"./p-MWBNn6Lj.js";const r=()=>`:host{--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-surface-container, #F3EDF7));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_shape:var(--md-toolbar-container-shape, 0px);--_height:var(--md-toolbar-container-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-lg, 16px));--_gap:var(--md-toolbar-gap, max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_fab-gap:var(--md-toolbar-fab-gap, var(--md-sys-spacing-gap-lg, 16px));display:flex;align-items:center;box-sizing:border-box;color:var(--_icon-color);font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif)}:host(.md-toolbar--docked){--_gap:var(--md-toolbar-gap, max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-lg, 16px));inline-size:100%;min-block-size:var(--_height);padding-inline:var(--_padding);padding-block-end:env(safe-area-inset-bottom, 0px);background-color:var(--_container-color);border-radius:var(--_shape);box-shadow:var(--md-sys-elevation-2, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3));position:sticky;inset-block-end:0;z-index:var(--md-sys-z-index-app-bar, 100);gap:0}:host(.md-toolbar--docked.md-toolbar--align-center){--_gap:var(--md-toolbar-gap, var(--md-sys-spacing-gap-sm, 8px))}:host(.md-toolbar--docked.md-toolbar--align-space-between){--_gap:0px}:host(.md-toolbar--floating){--_shape:var(--md-toolbar-container-shape, var(--md-sys-shape-corner-full, 100px));--_gap:var(--md-toolbar-gap, var(--md-sys-spacing-gap-xs, 4px));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-sm, 8px));--_fab-gap:var(--md-toolbar-fab-gap, var(--md-sys-spacing-gap-sm, 8px));display:inline-flex;align-items:center;gap:var(--_fab-gap);margin-inline:var(--md-sys-spacing-inset-lg, 16px);padding:0;background-color:transparent;border-radius:0;box-shadow:none}:host(.md-toolbar--floating) .md-toolbar__container{background-color:var(--_container-color);border-radius:var(--_shape);box-shadow:var(--md-sys-elevation-2, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3));padding:var(--_padding);box-sizing:border-box;flex:0 1 auto}:host(.md-toolbar--floating:not(.md-toolbar--vertical)){min-block-size:var(--_height)}:host(.md-toolbar--floating:not(.md-toolbar--vertical)) .md-toolbar__container{block-size:var(--_height)}:host(.md-toolbar--floating.md-toolbar--vertical) .md-toolbar__container{block-size:auto;inline-size:100%}:host(.md-toolbar--vertical){flex-direction:column;block-size:auto;inline-size:var(--_height)}:host(.md-toolbar--vertical) .md-toolbar__container{flex-direction:column}:host(.md-toolbar--standard){--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-surface-container, #F3EDF7));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-toolbar--vibrant){--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-primary-container, #EADDFF));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F))}.md-toolbar__container{display:flex;align-items:center;gap:var(--_gap);flex:1;min-inline-size:0;flex-wrap:var(--md-toolbar-flex-wrap, nowrap);overflow-x:var(--md-toolbar-overflow-x, visible);scrollbar-width:var(--md-toolbar-scrollbar-width, thin);scroll-padding-inline:var(--_padding)}:host(.md-toolbar--vertical) .md-toolbar__container{overflow-x:visible;overflow-y:var(--md-toolbar-overflow-y, visible);scroll-padding-block:var(--_padding)}:host(.md-toolbar--align-start) .md-toolbar__container{justify-content:flex-start}:host(.md-toolbar--align-center) .md-toolbar__container{justify-content:center}:host(.md-toolbar--align-end) .md-toolbar__container{justify-content:flex-end}:host(.md-toolbar--align-space-between) .md-toolbar__container{justify-content:space-between}.md-toolbar__fab-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-start:var(--_fab-gap)}.md-toolbar__fab-container--hidden{display:none}.md-toolbar__fab-container--floating{margin-inline-start:0;margin-block-start:0}::slotted(*){flex-shrink:0}:host(.md-toolbar--standard) ::slotted(md-icon-button.md-icon-button--standard:not(.md-icon-button--selected)),:host(.md-toolbar--standard) ::slotted(md-icon-button.md-icon-button--outlined:not(.md-icon-button--selected)){--md-icon-button-icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--md-icon-button-state-layer-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--standard:not(.md-icon-button--selected)),:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--outlined:not(.md-icon-button--selected)){--md-icon-button-icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F));--md-icon-button-state-layer-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F))}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--tonal.md-icon-button--toggle:not(.md-icon-button--selected)){--md-icon-button-container-color:var(--md-sys-color-surface-container, #F3EDF7);--md-icon-button-icon-color:var(--md-sys-color-on-surface, #1C1B1F);--md-icon-button-state-layer-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--tonal.md-icon-button--toggle.md-icon-button--selected){--md-icon-button-container-color:var(--md-sys-color-secondary-container, #E8DEF8);--md-icon-button-icon-color:var(--md-sys-color-on-secondary-container, #1E192B);--md-icon-button-state-layer-color:var(--md-sys-color-on-secondary-container, #1E192B)}::slotted([slot="leading"]){margin-inline-end:auto}::slotted([slot="trailing"]){margin-inline-start:auto}:host(.md-toolbar--docked) ::slotted([slot="fab"]){box-shadow:none !important}@media (forced-colors: active){:host(.md-toolbar--docked){border-block-start:1px solid CanvasText}:host(.md-toolbar--floating) .md-toolbar__container{border:1px solid CanvasText}}@media (prefers-reduced-motion: reduce){.md-toolbar__container{scroll-behavior:auto}}: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 i=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.variant="docked";this.color="standard";this.layout="horizontal";this.alignment="start";this.containerSemantics="toolbar";this.ariaLabelProp="";this.ariaLabelledby="";this.density=0;this.hasFab=false;this.activeItem=null;this.roved=new Map;this.hasLoaded=false;this.rovingFrame=0;this.onHostKeyDown=t=>this.handleKeyDown(t);this.onFocusIn=t=>this.handleFocusIn(t);this.syncFab=()=>{this.hasFab=(this.fabSlot?.assignedElements().length??0)>0};this.syncRoving=()=>{if(typeof requestAnimationFrame!=="function"){this.updateRoving();return}if(this.rovingFrame)return;this.rovingFrame=requestAnimationFrame((()=>{this.rovingFrame=0;this.updateRoving()}))}}onNavPropChange(t,o,e){this.updateRoving()}hasAccessibleName(){return(this.ariaLabelledby??"").trim().length>0||(this.ariaLabelProp??"").trim().length>0}warnGenericNamed(){console.warn('[md-toolbar] `aria-label`/`aria-labelledby` on container-semantics="generic": a generic container cannot be named (ARIA name-prohibited), so assistive tech will ignore it. Use container-semantics="toolbar" if the name matters.')}componentWillLoad(){const t=this.el.getAttribute("aria-label");if(t!==null&&t.trim()==="")this.el.removeAttribute("aria-label")}connectedCallback(){this.el.addEventListener("keydown",this.onHostKeyDown,false);this.el.addEventListener("focusin",this.onFocusIn,false);if(this.hasLoaded)this.setupObservers()}componentDidLoad(){this.hasLoaded=true;this.setupObservers()}disconnectedCallback(){this.el.removeEventListener("keydown",this.onHostKeyDown,false);this.el.removeEventListener("focusin",this.onFocusIn,false);this.teardownObservers();this.clearRoving()}setupObservers(){const t=this.el.shadowRoot;this.fabSlot=t?.querySelector('slot[name="fab"]')??undefined;this.fabSlot?.addEventListener("slotchange",this.syncFab);this.syncFab();t?.querySelectorAll("slot").forEach((t=>t.addEventListener("slotchange",this.syncRoving)));if(typeof MutationObserver!=="undefined"&&!this.slotObserver){this.slotObserver=new MutationObserver(this.syncRoving);this.slotObserver.observe(this.el,{childList:true,subtree:true,attributes:true,attributeFilter:["disabled","aria-disabled","aria-hidden","hidden","class","style","role","type"]})}this.updateRoving()}teardownObservers(){this.fabSlot?.removeEventListener("slotchange",this.syncFab);this.el.shadowRoot?.querySelectorAll("slot").forEach((t=>t.removeEventListener("slotchange",this.syncRoving)));this.slotObserver?.disconnect();this.slotObserver=undefined;if(this.rovingFrame&&typeof cancelAnimationFrame==="function")cancelAnimationFrame(this.rovingFrame);this.rovingFrame=0}async setFocus(){const t=this.getItems();const o=this.activeItem&&t.includes(this.activeItem)?this.activeItem:this.preferredActive(t);o?.focus()}classify(o){if("isContentEditable"in o&&o.isContentEditable)return"independent";if(o.matches(t.COMPOSITE_SELECTOR))return"composite";if(o.matches(t.INDEPENDENT_SELECTOR))return"independent";if(o.matches(t.ROVING_SELECTOR))return"roving";if(o.matches('[tabindex]:not([tabindex^="-"])')){return o.querySelector(t.ANY_CONTROL_SELECTOR)?"wrapper":"roving"}return"wrapper"}optedOut(t){if("groupTabindex"in t)return false;const o=this.roved.get(t);const e=o&&o.kind==="attr"?o.orig:t.getAttribute("tabindex");return e!==null&&e.trim()!==""&&parseInt(e,10)<0}slotOf(t){const o=t.getAttribute("slot");if(o==="leading")return"leading";if(o==="trailing")return"trailing";if(o==="fab")return"fab";return"default"}slotPriority(t){const o=this.slotOf(t);return o==="leading"?0:o==="trailing"?2:o==="fab"?3:1}isVisible(t){const o=t.checkVisibility;if(typeof o==="function")return o.call(t,{checkVisibilityCSS:true});if(typeof getComputedStyle!=="function")return true;const e=getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"&&e.visibility!=="collapse"}ariaHiddenWithin(t){let o=t;while(o&&o!==this.el){if(o.getAttribute&&o.getAttribute("aria-hidden")==="true")return true;o=o.parentElement}return false}isNavigable(t){if(!(t instanceof o))return false;if(t.hidden)return false;if(t.hasAttribute("disabled"))return false;if("disabled"in t&&t.disabled===true)return false;if(this.optedOut(t))return false;if(this.ariaHiddenWithin(t))return false;return this.isVisible(t)}collectRoving(t,o){const e=this.classify(t);if(e==="composite"||e==="independent")return;if(e==="roving"){if(this.isNavigable(t)&&!o.includes(t))o.push(t);return}for(const e of Array.from(t.children))this.collectRoving(e,o)}preferredActive(t){return t.find((t=>t.getAttribute("aria-disabled")!=="true"))??t[0]}getItems(){const t=Array.from(this.el.children).filter((t=>this.slotOf(t)!=="fab"));const o=new Map;t.forEach(((t,e)=>o.set(t,e)));t.sort(((t,e)=>{const n=this.slotPriority(t);const a=this.slotPriority(e);if(n!==a)return n-a;return(o.get(t)??0)-(o.get(e)??0)}));const e=[];for(const o of t)this.collectRoving(o,e);return e}applyRoving(t,o){if("groupTabindex"in t){if(!this.roved.has(t))this.roved.set(t,{kind:"group",orig:null});t.groupTabindex=o?0:-1}else{if(!this.roved.has(t))this.roved.set(t,{kind:"attr",orig:t.getAttribute("tabindex")});t.setAttribute("tabindex",o?"0":"-1")}}restoreOne(t){const o=this.roved.get(t);if(!o)return;if(o.kind==="group"){try{t.groupTabindex=null}catch{}}else if(o.orig===null){t.removeAttribute("tabindex")}else{t.setAttribute("tabindex",o.orig)}this.roved.delete(t)}clearRoving(){for(const t of Array.from(this.roved.keys()))this.restoreOne(t)}updateRoving(){if(this.containerSemantics!=="toolbar"){this.clearRoving();return}const t=this.getItems();for(const o of Array.from(this.roved.keys())){if(!t.includes(o))this.restoreOne(o)}if(t.length===0){this.activeItem=null;return}const o=this.activeItem&&t.includes(this.activeItem)?this.activeItem:this.preferredActive(t);this.activeItem=o??null;for(const e of t)this.applyRoving(e,e===o)}handleFocusIn(t){if(this.containerSemantics!=="toolbar")return;const o=this.getItems();const e=this.resolveItem(t.target,o);if(!e||e===this.activeItem)return;this.activeItem=e;for(const t of o)this.applyRoving(t,t===e)}resolveItem(t,o){const e=t;if(!e)return null;for(const t of o){if(t===e||t.contains(e))return t}return null}handleKeyDown(t){if(this.containerSemantics!=="toolbar")return;if(t.defaultPrevented)return;if(t.shiftKey||t.ctrlKey||t.metaKey||t.altKey)return;const o=t.key;const e=o==="ArrowRight"||o==="ArrowLeft"||o==="ArrowUp"||o==="ArrowDown"||o==="Home"||o==="End";if(!e)return;const n=this.getItems();if(n.length===0)return;const a=this.resolveItem(t.target,n);if(!a)return;const r=this.variant==="floating"&&this.layout==="vertical";const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";let s=0;if(r){if(o==="ArrowDown")s=1;else if(o==="ArrowUp")s=-1}else{if(o==="ArrowRight")s=i?-1:1;else if(o==="ArrowLeft")s=i?1:-1}let l;if(o==="Home"){l=0}else if(o==="End"){l=n.length-1}else if(s!==0){const t=n.indexOf(a);l=(t+s+n.length)%n.length}else{return}const d=n[l];if(!d)return;t.preventDefault();if(d!==a){this.activeItem=d;for(const t of n)this.applyRoving(t,t===d);d.focus()}}render(){const t=this.variant==="floating";const o=t&&this.layout==="vertical";const a=this.containerSemantics==="toolbar";const r=(this.ariaLabelledby??"").trim();const i=(this.ariaLabelProp??"").trim();const s=i.length>0?this.ariaLabelProp:undefined;const l=r.length>0?this.ariaLabelledby:undefined;const d=a?o?"vertical":"horizontal":undefined;return e(n,{key:"2064ce9ddf20d134ceaedbb2a0a54d39a70a19d0",class:{"md-toolbar":true,[`md-toolbar--${this.variant}`]:true,[`md-toolbar--${this.color}`]:true,[`md-toolbar--${this.layout}`]:t,[`md-toolbar--align-${this.alignment}`]:true,"md-toolbar--vertical":o,"md-toolbar--generic":!a},role:a?"toolbar":undefined,"aria-label":s,"aria-labelledby":l,"aria-orientation":d},e("div",{key:"e311ea0f281f1bb167ccf2914d047f2d49ca34e9",class:"md-toolbar__container",part:"container"},e("slot",{key:"6f9ce44e297c337340debd90a935e6db46fd10f0",name:"leading"}),e("slot",{key:"6a57d91bb3d358ae64b727d89754501ec3efb71f"}),e("slot",{key:"c826d0f85ed25a897d8bc667b904f28a0f099191",name:"trailing"})),e("div",{key:"153673e76d1ec5b6a84cfb9ac2bed6ca53faaf74",class:{"md-toolbar__fab-container":true,"md-toolbar__fab-container--floating":t,"md-toolbar__fab-container--hidden":!this.hasFab},part:"fab-container"},e("slot",{key:"5835dab76c0418045a36a1128c0315e772af0e7d",name:"fab"})))}get el(){return this}static get watchers(){return{containerSemantics:[{onNavPropChange:0}],variant:[{onNavPropChange:0}],layout:[{onNavPropChange:0}]}}static get style(){return r()}},[257,"md-toolbar",{variant:[513],color:[513],layout:[513],alignment:[513],containerSemantics:[513,"container-semantics"],ariaLabelProp:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],density:[514],hasFab:[32],setFocus:[64]},undefined,{containerSemantics:[{onNavPropChange:0}],variant:[{onNavPropChange:0}],layout:[{onNavPropChange:0}]}]);i.COMPOSITE_SELECTOR='md-button-group,md-menu,[role="group"],[role="radiogroup"],[role="listbox"],[role="menu"],[role="tablist"],[role="toolbar"]';i.INDEPENDENT_SELECTOR=['input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="color"]):not([type="hidden"])',"textarea","select",'[contenteditable]:not([contenteditable="false"])',"md-text-field","md-select","md-radio","md-chip","md-switch","md-checkbox","md-fab",'[role="textbox"]','[role="searchbox"]','[role="spinbutton"]','[role="combobox"]','[role="slider"]','[role="radio"]','[role="checkbox"]'].join(",");i.ROVING_SELECTOR=["button","a[href]","md-button","md-icon-button",'input[type="button"]','input[type="submit"]','input[type="reset"]','input[type="image"]','input[type="file"]','input[type="color"]','[role="button"]','[role="menuitem"]','[role="link"]'].join(",");i.ANY_CONTROL_SELECTOR=i.COMPOSITE_SELECTOR+","+i.INDEPENDENT_SELECTOR+","+i.ROVING_SELECTOR;function s(){if(typeof customElements==="undefined"){return}const t=["md-toolbar"];t.forEach((t=>{switch(t){case"md-toolbar":if(!customElements.get(a(t))){customElements.define(a(t),i)}break}}))}s();const l=i;const d=s;export{l as MdToolbar,d as defineCustomElement};
+import{p as t,H as o,h as e,d as n,t as a}from"./p-BR6gfOQH.js";const r=()=>`:host{--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-surface-container, #F3EDF7));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_shape:var(--md-toolbar-container-shape, 0px);--_height:var(--md-toolbar-container-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-lg, 16px));--_gap:var(--md-toolbar-gap, max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_fab-gap:var(--md-toolbar-fab-gap, var(--md-sys-spacing-gap-lg, 16px));display:flex;align-items:center;box-sizing:border-box;color:var(--_icon-color);font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif)}:host(.md-toolbar--docked){--_gap:var(--md-toolbar-gap, max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-lg, 16px));inline-size:100%;min-block-size:var(--_height);padding-inline:var(--_padding);padding-block-end:env(safe-area-inset-bottom, 0px);background-color:var(--_container-color);border-radius:var(--_shape);box-shadow:var(--md-sys-elevation-2, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3));position:sticky;inset-block-end:0;z-index:var(--md-sys-z-index-app-bar, 100);gap:0}:host(.md-toolbar--docked.md-toolbar--align-center){--_gap:var(--md-toolbar-gap, var(--md-sys-spacing-gap-sm, 8px))}:host(.md-toolbar--docked.md-toolbar--align-space-between){--_gap:0px}:host(.md-toolbar--floating){--_shape:var(--md-toolbar-container-shape, var(--md-sys-shape-corner-full, 100px));--_gap:var(--md-toolbar-gap, var(--md-sys-spacing-gap-xs, 4px));--_padding:var(--md-toolbar-padding, var(--md-sys-spacing-inset-sm, 8px));--_fab-gap:var(--md-toolbar-fab-gap, var(--md-sys-spacing-gap-sm, 8px));display:inline-flex;align-items:center;gap:var(--_fab-gap);margin-inline:var(--md-sys-spacing-inset-lg, 16px);padding:0;background-color:transparent;border-radius:0;box-shadow:none}:host(.md-toolbar--floating) .md-toolbar__container{background-color:var(--_container-color);border-radius:var(--_shape);box-shadow:var(--md-sys-elevation-2, 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.3));padding:var(--_padding);box-sizing:border-box;flex:0 1 auto}:host(.md-toolbar--floating:not(.md-toolbar--vertical)){min-block-size:var(--_height)}:host(.md-toolbar--floating:not(.md-toolbar--vertical)) .md-toolbar__container{block-size:var(--_height)}:host(.md-toolbar--floating.md-toolbar--vertical) .md-toolbar__container{block-size:auto;inline-size:100%}:host(.md-toolbar--vertical){flex-direction:column;block-size:auto;inline-size:var(--_height)}:host(.md-toolbar--vertical) .md-toolbar__container{flex-direction:column}:host(.md-toolbar--standard){--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-surface-container, #F3EDF7));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-toolbar--vibrant){--_container-color:var(--md-toolbar-container-color, var(--md-sys-color-primary-container, #EADDFF));--_icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F))}.md-toolbar__container{display:flex;align-items:center;gap:var(--_gap);flex:1;min-inline-size:0;flex-wrap:var(--md-toolbar-flex-wrap, nowrap);overflow-x:var(--md-toolbar-overflow-x, visible);scrollbar-width:var(--md-toolbar-scrollbar-width, thin);scroll-padding-inline:var(--_padding)}:host(.md-toolbar--vertical) .md-toolbar__container{overflow-x:visible;overflow-y:var(--md-toolbar-overflow-y, visible);scroll-padding-block:var(--_padding)}:host(.md-toolbar--align-start) .md-toolbar__container{justify-content:flex-start}:host(.md-toolbar--align-center) .md-toolbar__container{justify-content:center}:host(.md-toolbar--align-end) .md-toolbar__container{justify-content:flex-end}:host(.md-toolbar--align-space-between) .md-toolbar__container{justify-content:space-between}.md-toolbar__fab-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-start:var(--_fab-gap)}.md-toolbar__fab-container--hidden{display:none}.md-toolbar__fab-container--floating{margin-inline-start:0;margin-block-start:0}::slotted(*){flex-shrink:0}:host(.md-toolbar--standard) ::slotted(md-icon-button.md-icon-button--standard:not(.md-icon-button--selected)),:host(.md-toolbar--standard) ::slotted(md-icon-button.md-icon-button--outlined:not(.md-icon-button--selected)){--md-icon-button-icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--md-icon-button-state-layer-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--standard:not(.md-icon-button--selected)),:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--outlined:not(.md-icon-button--selected)){--md-icon-button-icon-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F));--md-icon-button-state-layer-color:var(--md-toolbar-icon-color, var(--md-sys-color-on-surface, #1C1B1F))}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--tonal.md-icon-button--toggle:not(.md-icon-button--selected)){--md-icon-button-container-color:var(--md-sys-color-surface-container, #F3EDF7);--md-icon-button-icon-color:var(--md-sys-color-on-surface, #1C1B1F);--md-icon-button-state-layer-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(.md-toolbar--vibrant) ::slotted(md-icon-button.md-icon-button--tonal.md-icon-button--toggle.md-icon-button--selected){--md-icon-button-container-color:var(--md-sys-color-secondary-container, #E8DEF8);--md-icon-button-icon-color:var(--md-sys-color-on-secondary-container, #1E192B);--md-icon-button-state-layer-color:var(--md-sys-color-on-secondary-container, #1E192B)}::slotted([slot="leading"]){margin-inline-end:auto}::slotted([slot="trailing"]){margin-inline-start:auto}:host(.md-toolbar--docked) ::slotted([slot="fab"]){box-shadow:none !important}@media (forced-colors: active){:host(.md-toolbar--docked){border-block-start:1px solid CanvasText}:host(.md-toolbar--floating) .md-toolbar__container{border:1px solid CanvasText}}@media (prefers-reduced-motion: reduce){.md-toolbar__container{scroll-behavior:auto}}: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 i=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.variant="docked";this.color="standard";this.layout="horizontal";this.alignment="start";this.containerSemantics="toolbar";this.ariaLabelProp="";this.ariaLabelledby="";this.density=0;this.hasFab=false;this.activeItem=null;this.roved=new Map;this.hasLoaded=false;this.rovingFrame=0;this.onHostKeyDown=t=>this.handleKeyDown(t);this.onFocusIn=t=>this.handleFocusIn(t);this.syncFab=()=>{this.hasFab=(this.fabSlot?.assignedElements().length??0)>0};this.syncRoving=()=>{if(typeof requestAnimationFrame!=="function"){this.updateRoving();return}if(this.rovingFrame)return;this.rovingFrame=requestAnimationFrame((()=>{this.rovingFrame=0;this.updateRoving()}))}}onNavPropChange(t,o,e){this.updateRoving()}hasAccessibleName(){return(this.ariaLabelledby??"").trim().length>0||(this.ariaLabelProp??"").trim().length>0}warnGenericNamed(){console.warn('[md-toolbar] `aria-label`/`aria-labelledby` on container-semantics="generic": a generic container cannot be named (ARIA name-prohibited), so assistive tech will ignore it. Use container-semantics="toolbar" if the name matters.')}componentWillLoad(){const t=this.el.getAttribute("aria-label");if(t!==null&&t.trim()==="")this.el.removeAttribute("aria-label")}connectedCallback(){this.el.addEventListener("keydown",this.onHostKeyDown,false);this.el.addEventListener("focusin",this.onFocusIn,false);if(this.hasLoaded)this.setupObservers()}componentDidLoad(){this.hasLoaded=true;this.setupObservers()}disconnectedCallback(){this.el.removeEventListener("keydown",this.onHostKeyDown,false);this.el.removeEventListener("focusin",this.onFocusIn,false);this.teardownObservers();this.clearRoving()}setupObservers(){const t=this.el.shadowRoot;this.fabSlot=t?.querySelector('slot[name="fab"]')??undefined;this.fabSlot?.addEventListener("slotchange",this.syncFab);this.syncFab();t?.querySelectorAll("slot").forEach((t=>t.addEventListener("slotchange",this.syncRoving)));if(typeof MutationObserver!=="undefined"&&!this.slotObserver){this.slotObserver=new MutationObserver(this.syncRoving);this.slotObserver.observe(this.el,{childList:true,subtree:true,attributes:true,attributeFilter:["disabled","aria-disabled","aria-hidden","hidden","class","style","role","type"]})}this.updateRoving()}teardownObservers(){this.fabSlot?.removeEventListener("slotchange",this.syncFab);this.el.shadowRoot?.querySelectorAll("slot").forEach((t=>t.removeEventListener("slotchange",this.syncRoving)));this.slotObserver?.disconnect();this.slotObserver=undefined;if(this.rovingFrame&&typeof cancelAnimationFrame==="function")cancelAnimationFrame(this.rovingFrame);this.rovingFrame=0}async setFocus(){const t=this.getItems();const o=this.activeItem&&t.includes(this.activeItem)?this.activeItem:this.preferredActive(t);o?.focus()}classify(o){if("isContentEditable"in o&&o.isContentEditable)return"independent";if(o.matches(t.COMPOSITE_SELECTOR))return"composite";if(o.matches(t.INDEPENDENT_SELECTOR))return"independent";if(o.matches(t.ROVING_SELECTOR))return"roving";if(o.matches('[tabindex]:not([tabindex^="-"])')){return o.querySelector(t.ANY_CONTROL_SELECTOR)?"wrapper":"roving"}return"wrapper"}optedOut(t){if("groupTabindex"in t)return false;const o=this.roved.get(t);const e=o&&o.kind==="attr"?o.orig:t.getAttribute("tabindex");return e!==null&&e.trim()!==""&&parseInt(e,10)<0}slotOf(t){const o=t.getAttribute("slot");if(o==="leading")return"leading";if(o==="trailing")return"trailing";if(o==="fab")return"fab";return"default"}slotPriority(t){const o=this.slotOf(t);return o==="leading"?0:o==="trailing"?2:o==="fab"?3:1}isVisible(t){const o=t.checkVisibility;if(typeof o==="function")return o.call(t,{checkVisibilityCSS:true});if(typeof getComputedStyle!=="function")return true;const e=getComputedStyle(t);return e.display!=="none"&&e.visibility!=="hidden"&&e.visibility!=="collapse"}ariaHiddenWithin(t){let o=t;while(o&&o!==this.el){if(o.getAttribute&&o.getAttribute("aria-hidden")==="true")return true;o=o.parentElement}return false}isNavigable(t){if(!(t instanceof o))return false;if(t.hidden)return false;if(t.hasAttribute("disabled"))return false;if("disabled"in t&&t.disabled===true)return false;if(this.optedOut(t))return false;if(this.ariaHiddenWithin(t))return false;return this.isVisible(t)}collectRoving(t,o){const e=this.classify(t);if(e==="composite"||e==="independent")return;if(e==="roving"){if(this.isNavigable(t)&&!o.includes(t))o.push(t);return}for(const e of Array.from(t.children))this.collectRoving(e,o)}preferredActive(t){return t.find((t=>t.getAttribute("aria-disabled")!=="true"))??t[0]}getItems(){const t=Array.from(this.el.children).filter((t=>this.slotOf(t)!=="fab"));const o=new Map;t.forEach(((t,e)=>o.set(t,e)));t.sort(((t,e)=>{const n=this.slotPriority(t);const a=this.slotPriority(e);if(n!==a)return n-a;return(o.get(t)??0)-(o.get(e)??0)}));const e=[];for(const o of t)this.collectRoving(o,e);return e}applyRoving(t,o){if("groupTabindex"in t){if(!this.roved.has(t))this.roved.set(t,{kind:"group",orig:null});t.groupTabindex=o?0:-1}else{if(!this.roved.has(t))this.roved.set(t,{kind:"attr",orig:t.getAttribute("tabindex")});t.setAttribute("tabindex",o?"0":"-1")}}restoreOne(t){const o=this.roved.get(t);if(!o)return;if(o.kind==="group"){try{t.groupTabindex=null}catch{}}else if(o.orig===null){t.removeAttribute("tabindex")}else{t.setAttribute("tabindex",o.orig)}this.roved.delete(t)}clearRoving(){for(const t of Array.from(this.roved.keys()))this.restoreOne(t)}updateRoving(){if(this.containerSemantics!=="toolbar"){this.clearRoving();return}const t=this.getItems();for(const o of Array.from(this.roved.keys())){if(!t.includes(o))this.restoreOne(o)}if(t.length===0){this.activeItem=null;return}const o=this.activeItem&&t.includes(this.activeItem)?this.activeItem:this.preferredActive(t);this.activeItem=o??null;for(const e of t)this.applyRoving(e,e===o)}handleFocusIn(t){if(this.containerSemantics!=="toolbar")return;const o=this.getItems();const e=this.resolveItem(t.target,o);if(!e||e===this.activeItem)return;this.activeItem=e;for(const t of o)this.applyRoving(t,t===e)}resolveItem(t,o){const e=t;if(!e)return null;for(const t of o){if(t===e||t.contains(e))return t}return null}handleKeyDown(t){if(this.containerSemantics!=="toolbar")return;if(t.defaultPrevented)return;if(t.shiftKey||t.ctrlKey||t.metaKey||t.altKey)return;const o=t.key;const e=o==="ArrowRight"||o==="ArrowLeft"||o==="ArrowUp"||o==="ArrowDown"||o==="Home"||o==="End";if(!e)return;const n=this.getItems();if(n.length===0)return;const a=this.resolveItem(t.target,n);if(!a)return;const r=this.variant==="floating"&&this.layout==="vertical";const i=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";let s=0;if(r){if(o==="ArrowDown")s=1;else if(o==="ArrowUp")s=-1}else{if(o==="ArrowRight")s=i?-1:1;else if(o==="ArrowLeft")s=i?1:-1}let l;if(o==="Home"){l=0}else if(o==="End"){l=n.length-1}else if(s!==0){const t=n.indexOf(a);l=(t+s+n.length)%n.length}else{return}const d=n[l];if(!d)return;t.preventDefault();if(d!==a){this.activeItem=d;for(const t of n)this.applyRoving(t,t===d);d.focus()}}render(){const t=this.variant==="floating";const o=t&&this.layout==="vertical";const a=this.containerSemantics==="toolbar";const r=(this.ariaLabelledby??"").trim();const i=(this.ariaLabelProp??"").trim();const s=i.length>0?this.ariaLabelProp:undefined;const l=r.length>0?this.ariaLabelledby:undefined;const d=a?o?"vertical":"horizontal":undefined;return e(n,{key:"2064ce9ddf20d134ceaedbb2a0a54d39a70a19d0",class:{"md-toolbar":true,[`md-toolbar--${this.variant}`]:true,[`md-toolbar--${this.color}`]:true,[`md-toolbar--${this.layout}`]:t,[`md-toolbar--align-${this.alignment}`]:true,"md-toolbar--vertical":o,"md-toolbar--generic":!a},role:a?"toolbar":undefined,"aria-label":s,"aria-labelledby":l,"aria-orientation":d},e("div",{key:"e311ea0f281f1bb167ccf2914d047f2d49ca34e9",class:"md-toolbar__container",part:"container"},e("slot",{key:"6f9ce44e297c337340debd90a935e6db46fd10f0",name:"leading"}),e("slot",{key:"6a57d91bb3d358ae64b727d89754501ec3efb71f"}),e("slot",{key:"c826d0f85ed25a897d8bc667b904f28a0f099191",name:"trailing"})),e("div",{key:"153673e76d1ec5b6a84cfb9ac2bed6ca53faaf74",class:{"md-toolbar__fab-container":true,"md-toolbar__fab-container--floating":t,"md-toolbar__fab-container--hidden":!this.hasFab},part:"fab-container"},e("slot",{key:"5835dab76c0418045a36a1128c0315e772af0e7d",name:"fab"})))}get el(){return this}static get watchers(){return{containerSemantics:[{onNavPropChange:0}],variant:[{onNavPropChange:0}],layout:[{onNavPropChange:0}]}}static get style(){return r()}},[257,"md-toolbar",{variant:[513],color:[513],layout:[513],alignment:[513],containerSemantics:[513,"container-semantics"],ariaLabelProp:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],density:[514],hasFab:[32],setFocus:[64]},undefined,{containerSemantics:[{onNavPropChange:0}],variant:[{onNavPropChange:0}],layout:[{onNavPropChange:0}]}]);i.COMPOSITE_SELECTOR='md-button-group,md-menu,[role="group"],[role="radiogroup"],[role="listbox"],[role="menu"],[role="tablist"],[role="toolbar"]';i.INDEPENDENT_SELECTOR=['input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="file"]):not([type="color"]):not([type="hidden"])',"textarea","select",'[contenteditable]:not([contenteditable="false"])',"md-text-field","md-select","md-radio","md-chip","md-switch","md-checkbox","md-fab",'[role="textbox"]','[role="searchbox"]','[role="spinbutton"]','[role="combobox"]','[role="slider"]','[role="radio"]','[role="checkbox"]'].join(",");i.ROVING_SELECTOR=["button","a[href]","md-button","md-icon-button",'input[type="button"]','input[type="submit"]','input[type="reset"]','input[type="image"]','input[type="file"]','input[type="color"]','[role="button"]','[role="menuitem"]','[role="link"]'].join(",");i.ANY_CONTROL_SELECTOR=i.COMPOSITE_SELECTOR+","+i.INDEPENDENT_SELECTOR+","+i.ROVING_SELECTOR;function s(){if(typeof customElements==="undefined"){return}const t=["md-toolbar"];t.forEach((t=>{switch(t){case"md-toolbar":if(!customElements.get(a(t))){customElements.define(a(t),i)}break}}))}s();const l=i;const d=s;export{l as MdToolbar,d as defineCustomElement};
 //# sourceMappingURL=md-toolbar.js.map

package/dist/components/md-tooltip.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-Dp-w93ot.js";const t=o;const p=s;export{t as MdTooltip,p as defineCustomElement};
+import{M as s,d as o}from"./p-ssLobpGS.js";const p=s;const t=o;export{p as MdTooltip,t as defineCustomElement};
 //# sourceMappingURL=md-tooltip.js.map

package/dist/components/md-transfer-list.js

@@ -1,2 +1,2 @@
-import{p as t,H as s,c as e,h as i,d as r,t as a}from"./p-MWBNn6Lj.js";import{p as n}from"./p-CxhZdOPw.js";import{d as o}from"./p-C8EP4S21.js";import{d as l}from"./p-6wZSqm_2.js";import{d as c}from"./p-stybaFzj.js";import{d}from"./p-B3MWYEEJ.js";const m=()=>`:host{--_column-min-width:var(--md-transfer-list-column-min-width, 260px);--_column-max-block:var(--md-transfer-list-column-max-block, var(--md-transfer-list-height, 360px));--_width:var(--md-transfer-list-width, auto);--_min-width:var(--md-transfer-list-min-width, auto);--_max-width:var(--md-transfer-list-max-width, none);--_height:var(--md-transfer-list-height, auto);--_min-height:var(--md-transfer-list-min-height, auto);--_max-height:var(--md-transfer-list-max-height, none);--_container-shape:var(--md-transfer-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_container-color:var(--md-transfer-list-container-color, var(--md-sys-color-surface-container-low));--_header-color:var(--md-transfer-list-header-color, var(--md-sys-color-surface-container));--_header-text-color:var(--md-transfer-list-header-text-color, var(--md-sys-color-on-surface));--_item-inset:var(--md-transfer-list-item-inset, 6px);--_item-padding:var(     --md-transfer-list-item-padding,     var(--md-sys-spacing-inset-sm, 8px)       calc(var(--md-sys-spacing-inset-lg, 16px) - var(--_item-inset))   );--_item-gap:var(--md-transfer-list-item-gap, var(--md-sys-spacing-gap-md, 12px));--_divider-color:var(--md-transfer-list-divider-color, var(--md-sys-color-outline-variant));--_controls-gap:var(--md-transfer-list-controls-gap, var(--md-sys-spacing-gap-md, 12px));--_control-size:var(--md-transfer-list-control-size, max(24px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_control-icon-size:var(--md-transfer-list-control-icon-size, max(16px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(0, 1fr);gap:var(--md-sys-spacing-gap-lg, 16px);align-items:stretch;box-sizing:border-box;inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, system-ui, sans-serif);color:var(--md-sys-color-on-surface, #1d1b20)}: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([full-width]){inline-size:100%}:host([full-height]){block-size:100%;--_column-max-block:var(--md-transfer-list-column-max-block, 100%)}@media (max-width: 640px){:host{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.md-transfer-list__column{display:flex;flex-direction:column;min-inline-size:var(--_column-min-width);max-block-size:var(--_column-max-block);background:var(--_container-color);border-radius:var(--_container-shape);overflow:hidden;border:1px solid var(--_divider-color);box-sizing:border-box}:host([searchable]) .md-transfer-list__column{block-size:var(--_column-max-block)}.md-transfer-list__header{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-md, 12px);padding:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px);background:var(--_header-color);color:var(--_header-text-color);border-block-end:1px solid var(--_divider-color);flex:0 0 auto}.md-transfer-list__header-title{display:flex;flex-direction:column;min-inline-size:0;flex:1}.md-transfer-list__title{font-family:var(--md-sys-typescale-title-small-font-family, Roboto, system-ui, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-small-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));color:var(--md-sys-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-transfer-list__count{align-self:flex-start;margin-block-start:2px;padding:1px 8px;border-radius:var(--md-sys-shape-corner-full, 999px);background:var(--md-sys-color-secondary-container, #e8def8);color:var(--md-sys-color-on-secondary-container, #1d192b);font-size:max(10px, calc(11px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-small-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:0.4px;white-space:nowrap}.md-transfer-list__search{padding:calc(8px + max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)))     var(--md-sys-spacing-inset-md, 12px)     var(--md-sys-spacing-inset-sm, 8px);flex:0 0 auto}.md-transfer-list__list{margin:0;padding:var(--md-sys-spacing-inset-xs, 4px) 0;list-style:none;overflow-y:auto;flex:1 1 auto}.md-transfer-list__item{position:relative;display:flex;align-items:center;gap:var(--_item-gap);padding:var(--_item-padding);margin-inline:var(--_item-inset);border-radius:var(--md-sys-shape-corner-small, 8px);cursor:pointer;transition:background-color var(--md-sys-motion-duration-short2, 100ms) ease;outline:none}.md-transfer-list__item+.md-transfer-list__item{margin-block-start:2px}.md-transfer-list__item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.md-transfer-list__item--checked{background:color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)}.md-transfer-list__item--checked:hover{background:color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent)}.md-transfer-list__item:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px;background:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}.md-transfer-list__item--disabled{opacity:var(--md-sys-state-disabled-content-opacity, 0.38);pointer-events:none}.md-transfer-list__labels{display:flex;flex-direction:column;min-inline-size:0;flex:1}.md-transfer-list__label{color:var(--md-sys-color-on-surface);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-transfer-list__description{color:var(--md-sys-color-on-surface-variant);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-transfer-list__empty{display:flex;flex-direction:column;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);padding:max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)) var(--md-sys-spacing-inset-lg, 16px);text-align:center;color:var(--md-sys-color-on-surface-variant);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px))}.md-transfer-list__empty-icon{font-size:var(--md-transfer-list-empty-icon-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));opacity:0.9}.md-transfer-list__controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--_controls-gap);padding-inline:var(--md-sys-spacing-inset-xs, 4px)}.md-transfer-list__controls md-icon-button{--md-icon-button-container-width:var(--_control-size);--md-icon-button-container-height:var(--_control-size);--md-icon-button-icon-size:var(--_control-icon-size)}@media (max-width: 640px){.md-transfer-list__controls{flex-direction:row;justify-content:center;padding-block:var(--md-sys-spacing-inset-md, 12px)}.md-transfer-list__controls md-icon-button,:host-context([dir='rtl']) .md-transfer-list__controls md-icon-button,:host([dir='rtl']) .md-transfer-list__controls md-icon-button{transform:rotate(90deg)}}:host(.md-transfer-list--disabled) .md-transfer-list__item{pointer-events:none;cursor:default}:host-context([dir='rtl']) .md-transfer-list__controls md-icon-button,:host([dir='rtl']) .md-transfer-list__controls md-icon-button{transform:scaleX(-1)}@media (prefers-reduced-motion: reduce){.md-transfer-list__item{transition:none}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}`;const h=t(class t extends s{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=e(this,"mdChange",7);this.mdMove=e(this,"mdMove",7);this.items=[];this.value=[];this.sourceTitle="Choices";this.targetTitle="Chosen";this.searchable=true;this.sourceSearchPlaceholder="Search choices";this.targetSearchPlaceholder="Search chosen";this.showSelectAll=true;this.searchIcon="search";this.moveRightIcon="chevron_right";this.moveLeftIcon="chevron_left";this.moveAllRightIcon="keyboard_double_arrow_right";this.moveAllLeftIcon="keyboard_double_arrow_left";this.emptyIcon="";this.emptyText="No items";this.countTemplate="{checked}/{total} selected";this.density=0;this.disabled=false;this.singleStepOnly=false;this.moveRightLabel="Move selected to target";this.moveLeftLabel="Move selected to source";this.moveAllRightLabel="Move all to target";this.moveAllLeftLabel="Move all to source";this.sourceChecked=new Set;this.targetChecked=new Set;this.sourceQuery="";this.targetQuery="";this.moveRight=()=>{if(this.disabled)return;const t=this.getEligibleChecked("source");if(t.length===0)return;const s=[...this.value,...t];this.sourceChecked=new Set;this.commit(s,"right",t)};this.moveLeft=()=>{if(this.disabled)return;const t=this.getEligibleChecked("target");if(t.length===0)return;const s=this.value.filter((s=>!t.includes(s)));this.targetChecked=new Set;this.commit(s,"left",t)};this.moveAllRight=()=>{if(this.disabled)return;const t=this.sourceItems.filter((t=>!t.disabled)).map((t=>t.value));if(t.length===0)return;const s=[...this.value,...t];this.sourceChecked=new Set;this.commit(s,"right",t)};this.moveAllLeft=()=>{if(this.disabled)return;const t=this.targetItems.filter((t=>!t.disabled)).map((t=>t.value));if(t.length===0)return;const s=this.value.filter((s=>!t.includes(s)));this.targetChecked=new Set;this.commit(s,"left",t)};this.toggleItem=(t,s)=>{if(this.disabled)return;const e=this.itemList.find((t=>t.value===s));if(e?.disabled)return;const i=new Set(t==="source"?this.sourceChecked:this.targetChecked);if(i.has(s))i.delete(s);else i.add(s);if(t==="source")this.sourceChecked=i;else this.targetChecked=i};this.toggleSelectAll=t=>()=>{if(this.disabled)return;const s=this.getVisible(t).filter((t=>!t.disabled));const e=t==="source"?this.sourceChecked:this.targetChecked;const i=s.length>0&&s.every((t=>e.has(t.value)));const r=new Set(e);if(i){s.forEach((t=>r.delete(t.value)))}else{s.forEach((t=>r.add(t.value)))}if(t==="source")this.sourceChecked=r;else this.targetChecked=r}}get itemList(){return n(this.items,"md-transfer-list","items")}syncCheckedSets(){const t=new Set(this.itemList.map((t=>t.value)));this.sourceChecked=new Set(Array.from(this.sourceChecked).filter((s=>t.has(s))));this.targetChecked=new Set(Array.from(this.targetChecked).filter((s=>t.has(s))))}async moveSelectedRight(){this.moveRight()}async moveSelectedLeft(){this.moveLeft()}get sourceItems(){return this.itemList.filter((t=>!this.value.includes(t.value)))}get targetItems(){return this.itemList.filter((t=>this.value.includes(t.value)))}filter(t,s){if(!s)return t;const e=s.trim().toLowerCase();return t.filter((t=>t.label.toLowerCase().includes(e)||(t.description?.toLowerCase().includes(e)??false)))}getVisible(t){return t==="source"?this.filter(this.sourceItems,this.sourceQuery):this.filter(this.targetItems,this.targetQuery)}getEligibleChecked(t){const s=new Set(this.getVisible(t).filter((t=>!t.disabled)).map((t=>t.value)));const e=t==="source"?this.sourceChecked:this.targetChecked;return Array.from(e).filter((t=>s.has(t)))}commit(t,s,e){this.value=t;this.mdChange.emit(t);this.mdMove.emit({direction:s,moved:e,target:t})}renderHeader(t){const s=t==="source"?this.sourceTitle:this.targetTitle;const e=this.getVisible(t);const r=e.filter((t=>!t.disabled));const a=t==="source"?this.sourceChecked:this.targetChecked;const n=r.filter((t=>a.has(t.value))).length;const o=r.length>0&&n===r.length;const l=n>0&&!o;return i("div",{class:"md-transfer-list__header",part:"header"},this.showSelectAll&&i("md-checkbox",{class:"md-transfer-list__select-all",checked:o,indeterminate:l,disabled:this.disabled||r.length===0,onMdChange:this.toggleSelectAll(t),"aria-label":`Select all ${s}`}),i("div",{class:"md-transfer-list__header-title",part:"header-title"},i("span",{class:"md-transfer-list__title"},s),i("span",{class:"md-transfer-list__count",part:"count"},this.countTemplate.replace("{checked}",String(n)).replace("{total}",String(r.length)))))}renderSearch(t){if(!this.searchable)return null;const s=t==="source"?this.sourceSearchPlaceholder:this.targetSearchPlaceholder;const e=t==="source"?this.sourceQuery:this.targetQuery;return i("md-text-field",{class:"md-transfer-list__search",part:"search",variant:"outlined",density:this.density,label:s,value:e,clearable:"internal",disabled:this.disabled,onMdInput:s=>{if(t==="source")this.sourceQuery=s.detail??"";else this.targetQuery=s.detail??""}},this.searchIcon&&i("span",{slot:"leading-icon",class:"material-symbols-outlined","aria-hidden":"true"},this.searchIcon))}renderList(t){const s=this.getVisible(t);const e=t==="source"?this.sourceChecked:this.targetChecked;const r=t==="source"?this.sourceTitle:this.targetTitle;if(s.length===0){return i("div",{class:"md-transfer-list__empty",role:"status",part:"empty"},this.emptyIcon&&i("span",{class:"md-transfer-list__empty-icon material-symbols-outlined",part:"empty-icon","aria-hidden":"true"},this.emptyIcon),this.emptyText)}return i("ul",{class:"md-transfer-list__list",role:"listbox","aria-multiselectable":"true","aria-label":r,tabindex:this.disabled?"0":undefined,part:"list"},s.map((s=>{const r=e.has(s.value);return i("li",{class:{"md-transfer-list__item":true,"md-transfer-list__item--checked":r,"md-transfer-list__item--disabled":!!s.disabled},role:"option","aria-selected":String(r),"aria-disabled":s.disabled?"true":"false",key:s.value,onClick:()=>this.toggleItem(t,s.value),onKeyDown:e=>{if(e.key===" "||e.key==="Enter"){e.preventDefault();this.toggleItem(t,s.value)}},tabindex:s.disabled||this.disabled?"-1":"0",part:"item"},i("md-ripple",{disabled:s.disabled||this.disabled}),i("md-checkbox",{checked:r,disabled:s.disabled||this.disabled,inert:true,"aria-hidden":"true"}),i("div",{class:"md-transfer-list__labels"},i("span",{class:"md-transfer-list__label"},s.label),s.description&&i("span",{class:"md-transfer-list__description"},s.description)))})))}renderColumn(t){return i("div",{class:"md-transfer-list__column",part:`column column-${t}`},this.renderHeader(t),this.renderSearch(t),this.renderList(t))}renderControls(){const t=this.getEligibleChecked("source").length;const s=this.getEligibleChecked("target").length;const e=this.sourceItems.some((t=>!t.disabled));const r=this.targetItems.some((t=>!t.disabled));return i("div",{class:"md-transfer-list__controls",part:"controls"},!this.singleStepOnly&&i("md-icon-button",{variant:"tonal",icon:this.moveAllRightIcon,disabled:this.disabled||!e,"aria-label":this.moveAllRightLabel,onClick:this.moveAllRight}),i("md-icon-button",{variant:"filled",icon:this.moveRightIcon,disabled:this.disabled||t===0,"aria-label":this.moveRightLabel,onClick:this.moveRight}),i("md-icon-button",{variant:"filled",icon:this.moveLeftIcon,disabled:this.disabled||s===0,"aria-label":this.moveLeftLabel,onClick:this.moveLeft}),!this.singleStepOnly&&i("md-icon-button",{variant:"tonal",icon:this.moveAllLeftIcon,disabled:this.disabled||!r,"aria-label":this.moveAllLeftLabel,onClick:this.moveAllLeft}))}render(){return i(r,{key:"0a05bcbdb886ef5a52c9d5aae979f0ff6f8b46aa",class:{"md-transfer-list":true,"md-transfer-list--disabled":this.disabled},role:"group","aria-disabled":this.disabled?"true":"false"},this.renderColumn("source"),this.renderControls(),this.renderColumn("target"))}get el(){return this}static get watchers(){return{value:[{syncCheckedSets:0}]}}static get style(){return m()}},[1,"md-transfer-list",{items:[1],value:[1040],sourceTitle:[1,"source-title"],targetTitle:[1,"target-title"],searchable:[516],sourceSearchPlaceholder:[1,"source-search-placeholder"],targetSearchPlaceholder:[1,"target-search-placeholder"],showSelectAll:[516,"show-select-all"],searchIcon:[1,"search-icon"],moveRightIcon:[1,"move-right-icon"],moveLeftIcon:[1,"move-left-icon"],moveAllRightIcon:[1,"move-all-right-icon"],moveAllLeftIcon:[1,"move-all-left-icon"],emptyIcon:[1,"empty-icon"],emptyText:[1,"empty-text"],countTemplate:[1,"count-template"],density:[514],disabled:[516],singleStepOnly:[516,"single-step-only"],moveRightLabel:[1,"move-right-label"],moveLeftLabel:[1,"move-left-label"],moveAllRightLabel:[1,"move-all-right-label"],moveAllLeftLabel:[1,"move-all-left-label"],sourceChecked:[32],targetChecked:[32],sourceQuery:[32],targetQuery:[32],moveSelectedRight:[64],moveSelectedLeft:[64]},undefined,{value:[{syncCheckedSets:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["md-transfer-list","md-checkbox","md-icon-button","md-ripple","md-text-field"];t.forEach((t=>{switch(t){case"md-transfer-list":if(!customElements.get(a(t))){customElements.define(a(t),h)}break;case"md-checkbox":if(!customElements.get(a(t))){o()}break;case"md-icon-button":if(!customElements.get(a(t))){l()}break;case"md-ripple":if(!customElements.get(a(t))){c()}break;case"md-text-field":if(!customElements.get(a(t))){d()}break}}))}f();const p=h;const u=f;export{p as MdTransferList,u as defineCustomElement};
+import{p as t,H as e,c as s,h as i,d as r,t as a}from"./p-BR6gfOQH.js";import{p as n}from"./p-CxhZdOPw.js";import{d as o}from"./p-6ZDAcEKN.js";import{d as l}from"./p-zMR3UIR_.js";import{d as c}from"./p-De3E5Q8v.js";import{d}from"./p-D5Ht729E.js";const m=()=>`:host{--_column-min-width:var(--md-transfer-list-column-min-width, 260px);--_column-max-block:var(--md-transfer-list-column-max-block, var(--md-transfer-list-height, 360px));--_width:var(--md-transfer-list-width, auto);--_min-width:var(--md-transfer-list-min-width, auto);--_max-width:var(--md-transfer-list-max-width, none);--_height:var(--md-transfer-list-height, auto);--_min-height:var(--md-transfer-list-min-height, auto);--_max-height:var(--md-transfer-list-max-height, none);--_container-shape:var(--md-transfer-list-container-shape, var(--md-sys-shape-corner-large, 16px));--_container-color:var(--md-transfer-list-container-color, var(--md-sys-color-surface-container-low));--_header-color:var(--md-transfer-list-header-color, var(--md-sys-color-surface-container));--_header-text-color:var(--md-transfer-list-header-text-color, var(--md-sys-color-on-surface));--_item-inset:var(--md-transfer-list-item-inset, 6px);--_item-padding:var(     --md-transfer-list-item-padding,     var(--md-sys-spacing-inset-sm, 8px)       calc(var(--md-sys-spacing-inset-lg, 16px) - var(--_item-inset))   );--_item-gap:var(--md-transfer-list-item-gap, var(--md-sys-spacing-gap-md, 12px));--_divider-color:var(--md-transfer-list-divider-color, var(--md-sys-color-outline-variant));--_controls-gap:var(--md-transfer-list-controls-gap, var(--md-sys-spacing-gap-md, 12px));--_control-size:var(--md-transfer-list-control-size, max(24px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_control-icon-size:var(--md-transfer-list-control-icon-size, max(16px, calc(24px + var(--md-sys-density-scale, 0) * 2px)));display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:minmax(0, 1fr);gap:var(--md-sys-spacing-gap-lg, 16px);align-items:stretch;box-sizing:border-box;inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, system-ui, sans-serif);color:var(--md-sys-color-on-surface, #1d1b20)}: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([full-width]){inline-size:100%}:host([full-height]){block-size:100%;--_column-max-block:var(--md-transfer-list-column-max-block, 100%)}@media (max-width: 640px){:host{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.md-transfer-list__column{display:flex;flex-direction:column;min-inline-size:var(--_column-min-width);max-block-size:var(--_column-max-block);background:var(--_container-color);border-radius:var(--_container-shape);overflow:hidden;border:1px solid var(--_divider-color);box-sizing:border-box}:host([searchable]) .md-transfer-list__column{block-size:var(--_column-max-block)}.md-transfer-list__header{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-md, 12px);padding:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px);background:var(--_header-color);color:var(--_header-text-color);border-block-end:1px solid var(--_divider-color);flex:0 0 auto}.md-transfer-list__header-title{display:flex;flex-direction:column;min-inline-size:0;flex:1}.md-transfer-list__title{font-family:var(--md-sys-typescale-title-small-font-family, Roboto, system-ui, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-small-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));color:var(--md-sys-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-transfer-list__count{align-self:flex-start;margin-block-start:2px;padding:1px 8px;border-radius:var(--md-sys-shape-corner-full, 999px);background:var(--md-sys-color-secondary-container, #e8def8);color:var(--md-sys-color-on-secondary-container, #1d192b);font-size:max(10px, calc(11px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-small-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:0.4px;white-space:nowrap}.md-transfer-list__search{padding:calc(8px + max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)))     var(--md-sys-spacing-inset-md, 12px)     var(--md-sys-spacing-inset-sm, 8px);flex:0 0 auto}.md-transfer-list__list{margin:0;padding:var(--md-sys-spacing-inset-xs, 4px) 0;list-style:none;overflow-y:auto;flex:1 1 auto}.md-transfer-list__item{position:relative;display:flex;align-items:center;gap:var(--_item-gap);padding:var(--_item-padding);margin-inline:var(--_item-inset);border-radius:var(--md-sys-shape-corner-small, 8px);cursor:pointer;transition:background-color var(--md-sys-motion-duration-short2, 100ms) ease;outline:none}.md-transfer-list__item+.md-transfer-list__item{margin-block-start:2px}.md-transfer-list__item:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.md-transfer-list__item--checked{background:color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)}.md-transfer-list__item--checked:hover{background:color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent)}.md-transfer-list__item:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px;background:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}.md-transfer-list__item--disabled{opacity:var(--md-sys-state-disabled-content-opacity, 0.38);pointer-events:none}.md-transfer-list__labels{display:flex;flex-direction:column;min-inline-size:0;flex:1}.md-transfer-list__label{color:var(--md-sys-color-on-surface);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-transfer-list__description{color:var(--md-sys-color-on-surface-variant);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-transfer-list__empty{display:flex;flex-direction:column;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);padding:max(4px, calc(32px + var(--md-sys-density-scale, 0) * 2px)) var(--md-sys-spacing-inset-lg, 16px);text-align:center;color:var(--md-sys-color-on-surface-variant);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px))}.md-transfer-list__empty-icon{font-size:var(--md-transfer-list-empty-icon-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));opacity:0.9}.md-transfer-list__controls{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--_controls-gap);padding-inline:var(--md-sys-spacing-inset-xs, 4px)}.md-transfer-list__controls md-icon-button{--md-icon-button-container-width:var(--_control-size);--md-icon-button-container-height:var(--_control-size);--md-icon-button-icon-size:var(--_control-icon-size)}@media (max-width: 640px){.md-transfer-list__controls{flex-direction:row;justify-content:center;padding-block:var(--md-sys-spacing-inset-md, 12px)}.md-transfer-list__controls md-icon-button,:host-context([dir='rtl']) .md-transfer-list__controls md-icon-button,:host([dir='rtl']) .md-transfer-list__controls md-icon-button{transform:rotate(90deg)}}:host(.md-transfer-list--disabled) .md-transfer-list__item{pointer-events:none;cursor:default}:host-context([dir='rtl']) .md-transfer-list__controls md-icon-button,:host([dir='rtl']) .md-transfer-list__controls md-icon-button{transform:scaleX(-1)}@media (prefers-reduced-motion: reduce){.md-transfer-list__item{transition:none}}.material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}`;const h=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=s(this,"mdChange",7);this.mdMove=s(this,"mdMove",7);this.items=[];this.value=[];this.sourceTitle="Choices";this.targetTitle="Chosen";this.searchable=true;this.sourceSearchPlaceholder="Search choices";this.targetSearchPlaceholder="Search chosen";this.showSelectAll=true;this.searchIcon="search";this.moveRightIcon="chevron_right";this.moveLeftIcon="chevron_left";this.moveAllRightIcon="keyboard_double_arrow_right";this.moveAllLeftIcon="keyboard_double_arrow_left";this.emptyIcon="";this.emptyText="No items";this.countTemplate="{checked}/{total} selected";this.density=0;this.disabled=false;this.singleStepOnly=false;this.moveRightLabel="Move selected to target";this.moveLeftLabel="Move selected to source";this.moveAllRightLabel="Move all to target";this.moveAllLeftLabel="Move all to source";this.sourceChecked=new Set;this.targetChecked=new Set;this.sourceQuery="";this.targetQuery="";this.moveRight=()=>{if(this.disabled)return;const t=this.getEligibleChecked("source");if(t.length===0)return;const e=[...this.value,...t];this.sourceChecked=new Set;this.commit(e,"right",t)};this.moveLeft=()=>{if(this.disabled)return;const t=this.getEligibleChecked("target");if(t.length===0)return;const e=this.value.filter((e=>!t.includes(e)));this.targetChecked=new Set;this.commit(e,"left",t)};this.moveAllRight=()=>{if(this.disabled)return;const t=this.sourceItems.filter((t=>!t.disabled)).map((t=>t.value));if(t.length===0)return;const e=[...this.value,...t];this.sourceChecked=new Set;this.commit(e,"right",t)};this.moveAllLeft=()=>{if(this.disabled)return;const t=this.targetItems.filter((t=>!t.disabled)).map((t=>t.value));if(t.length===0)return;const e=this.value.filter((e=>!t.includes(e)));this.targetChecked=new Set;this.commit(e,"left",t)};this.toggleItem=(t,e)=>{if(this.disabled)return;const s=this.itemList.find((t=>t.value===e));if(s?.disabled)return;const i=new Set(t==="source"?this.sourceChecked:this.targetChecked);if(i.has(e))i.delete(e);else i.add(e);if(t==="source")this.sourceChecked=i;else this.targetChecked=i};this.toggleSelectAll=t=>()=>{if(this.disabled)return;const e=this.getVisible(t).filter((t=>!t.disabled));const s=t==="source"?this.sourceChecked:this.targetChecked;const i=e.length>0&&e.every((t=>s.has(t.value)));const r=new Set(s);if(i){e.forEach((t=>r.delete(t.value)))}else{e.forEach((t=>r.add(t.value)))}if(t==="source")this.sourceChecked=r;else this.targetChecked=r}}get itemList(){return n(this.items,"md-transfer-list","items")}syncCheckedSets(){const t=new Set(this.itemList.map((t=>t.value)));this.sourceChecked=new Set(Array.from(this.sourceChecked).filter((e=>t.has(e))));this.targetChecked=new Set(Array.from(this.targetChecked).filter((e=>t.has(e))))}async moveSelectedRight(){this.moveRight()}async moveSelectedLeft(){this.moveLeft()}get sourceItems(){return this.itemList.filter((t=>!this.value.includes(t.value)))}get targetItems(){return this.itemList.filter((t=>this.value.includes(t.value)))}filter(t,e){if(!e)return t;const s=e.trim().toLowerCase();return t.filter((t=>t.label.toLowerCase().includes(s)||(t.description?.toLowerCase().includes(s)??false)))}getVisible(t){return t==="source"?this.filter(this.sourceItems,this.sourceQuery):this.filter(this.targetItems,this.targetQuery)}getEligibleChecked(t){const e=new Set(this.getVisible(t).filter((t=>!t.disabled)).map((t=>t.value)));const s=t==="source"?this.sourceChecked:this.targetChecked;return Array.from(s).filter((t=>e.has(t)))}commit(t,e,s){this.value=t;this.mdChange.emit(t);this.mdMove.emit({direction:e,moved:s,target:t})}renderHeader(t){const e=t==="source"?this.sourceTitle:this.targetTitle;const s=this.getVisible(t);const r=s.filter((t=>!t.disabled));const a=t==="source"?this.sourceChecked:this.targetChecked;const n=r.filter((t=>a.has(t.value))).length;const o=r.length>0&&n===r.length;const l=n>0&&!o;return i("div",{class:"md-transfer-list__header",part:"header"},this.showSelectAll&&i("md-checkbox",{class:"md-transfer-list__select-all",checked:o,indeterminate:l,disabled:this.disabled||r.length===0,onMdChange:this.toggleSelectAll(t),"aria-label":`Select all ${e}`}),i("div",{class:"md-transfer-list__header-title",part:"header-title"},i("span",{class:"md-transfer-list__title"},e),i("span",{class:"md-transfer-list__count",part:"count"},this.countTemplate.replace("{checked}",String(n)).replace("{total}",String(r.length)))))}renderSearch(t){if(!this.searchable)return null;const e=t==="source"?this.sourceSearchPlaceholder:this.targetSearchPlaceholder;const s=t==="source"?this.sourceQuery:this.targetQuery;return i("md-text-field",{class:"md-transfer-list__search",part:"search",variant:"outlined",density:this.density,label:e,value:s,clearable:"internal",disabled:this.disabled,onMdInput:e=>{if(t==="source")this.sourceQuery=e.detail??"";else this.targetQuery=e.detail??""}},this.searchIcon&&i("span",{slot:"leading-icon",class:"material-symbols-outlined","aria-hidden":"true"},this.searchIcon))}renderList(t){const e=this.getVisible(t);const s=t==="source"?this.sourceChecked:this.targetChecked;const r=t==="source"?this.sourceTitle:this.targetTitle;if(e.length===0){return i("div",{class:"md-transfer-list__empty",role:"status",part:"empty"},this.emptyIcon&&i("span",{class:"md-transfer-list__empty-icon material-symbols-outlined",part:"empty-icon","aria-hidden":"true"},this.emptyIcon),this.emptyText)}return i("ul",{class:"md-transfer-list__list",role:"listbox","aria-multiselectable":"true","aria-label":r,tabindex:this.disabled?"0":undefined,part:"list"},e.map((e=>{const r=s.has(e.value);return i("li",{class:{"md-transfer-list__item":true,"md-transfer-list__item--checked":r,"md-transfer-list__item--disabled":!!e.disabled},role:"option","aria-selected":String(r),"aria-disabled":e.disabled?"true":"false",key:e.value,onClick:()=>this.toggleItem(t,e.value),onKeyDown:s=>{if(s.key===" "||s.key==="Enter"){s.preventDefault();this.toggleItem(t,e.value)}},tabindex:e.disabled||this.disabled?"-1":"0",part:"item"},i("md-ripple",{disabled:e.disabled||this.disabled}),i("md-checkbox",{checked:r,disabled:e.disabled||this.disabled,inert:true,"aria-hidden":"true"}),i("div",{class:"md-transfer-list__labels"},i("span",{class:"md-transfer-list__label"},e.label),e.description&&i("span",{class:"md-transfer-list__description"},e.description)))})))}renderColumn(t){return i("div",{class:"md-transfer-list__column",part:`column column-${t}`},this.renderHeader(t),this.renderSearch(t),this.renderList(t))}renderControls(){const t=this.getEligibleChecked("source").length;const e=this.getEligibleChecked("target").length;const s=this.sourceItems.some((t=>!t.disabled));const r=this.targetItems.some((t=>!t.disabled));return i("div",{class:"md-transfer-list__controls",part:"controls"},!this.singleStepOnly&&i("md-icon-button",{variant:"tonal",icon:this.moveAllRightIcon,disabled:this.disabled||!s,"aria-label":this.moveAllRightLabel,onClick:this.moveAllRight}),i("md-icon-button",{variant:"filled",icon:this.moveRightIcon,disabled:this.disabled||t===0,"aria-label":this.moveRightLabel,onClick:this.moveRight}),i("md-icon-button",{variant:"filled",icon:this.moveLeftIcon,disabled:this.disabled||e===0,"aria-label":this.moveLeftLabel,onClick:this.moveLeft}),!this.singleStepOnly&&i("md-icon-button",{variant:"tonal",icon:this.moveAllLeftIcon,disabled:this.disabled||!r,"aria-label":this.moveAllLeftLabel,onClick:this.moveAllLeft}))}render(){return i(r,{key:"eede92cf0e9ab158aad634fb1b750e74f385100c",class:{"md-transfer-list":true,"md-transfer-list--disabled":this.disabled},role:"group","aria-disabled":this.disabled?"true":"false"},this.renderColumn("source"),this.renderControls(),this.renderColumn("target"))}get el(){return this}static get watchers(){return{value:[{syncCheckedSets:0}]}}static get style(){return m()}},[1,"md-transfer-list",{items:[1],value:[1040],sourceTitle:[1,"source-title"],targetTitle:[1,"target-title"],searchable:[516],sourceSearchPlaceholder:[1,"source-search-placeholder"],targetSearchPlaceholder:[1,"target-search-placeholder"],showSelectAll:[516,"show-select-all"],searchIcon:[1,"search-icon"],moveRightIcon:[1,"move-right-icon"],moveLeftIcon:[1,"move-left-icon"],moveAllRightIcon:[1,"move-all-right-icon"],moveAllLeftIcon:[1,"move-all-left-icon"],emptyIcon:[1,"empty-icon"],emptyText:[1,"empty-text"],countTemplate:[1,"count-template"],density:[514],disabled:[516],singleStepOnly:[516,"single-step-only"],moveRightLabel:[1,"move-right-label"],moveLeftLabel:[1,"move-left-label"],moveAllRightLabel:[1,"move-all-right-label"],moveAllLeftLabel:[1,"move-all-left-label"],sourceChecked:[32],targetChecked:[32],sourceQuery:[32],targetQuery:[32],moveSelectedRight:[64],moveSelectedLeft:[64]},undefined,{value:[{syncCheckedSets:0}]}]);function f(){if(typeof customElements==="undefined"){return}const t=["md-transfer-list","md-checkbox","md-icon-button","md-ripple","md-text-field"];t.forEach((t=>{switch(t){case"md-transfer-list":if(!customElements.get(a(t))){customElements.define(a(t),h)}break;case"md-checkbox":if(!customElements.get(a(t))){o()}break;case"md-icon-button":if(!customElements.get(a(t))){l()}break;case"md-ripple":if(!customElements.get(a(t))){c()}break;case"md-text-field":if(!customElements.get(a(t))){d()}break}}))}f();const p=h;const u=f;export{p as MdTransferList,u as defineCustomElement};
 //# sourceMappingURL=md-transfer-list.js.map

package/dist/components/p-1RSrsLOs.js

@@ -0,0 +1,2 @@
+import{p as a,H as t,c as e,h as r,d as s,t as i}from"./p-BR6gfOQH.js";const o=()=>`:host{--_size:var(--md-avatar-size, max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px)));--_container-color:var(     --md-avatar-container-color,     var(--md-sys-color-surface-container-highest, #E6E0E9)   );--_label-color:var(     --md-avatar-label-color,     var(--md-sys-color-on-surface-variant, #49454F)   );--_shape:var(--md-avatar-container-shape, 50%);--_icon-size:var(--md-avatar-icon-size, calc(var(--_size) * 0.6));--_label-font-family:var(     --md-avatar-label-font-family,     var(--md-sys-typescale-title-medium-font-family, system-ui, sans-serif)   );--_label-font-size:var(--md-avatar-label-font-size, calc(var(--_size) * 0.4));--_label-font-weight:var(     --md-avatar-label-font-weight,     var(--md-sys-typescale-title-medium-font-weight, 500)   );--_label-letter-spacing:var(--md-avatar-label-letter-spacing, 0.05em);--_outline-color:var(--md-avatar-outline-color, transparent);--_outline-width:var(--md-avatar-outline-width, 0);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;vertical-align:middle;user-select:none;inline-size:var(--_size);block-size:var(--_size);border-radius:var(--_shape);background-color:var(--_container-color);color:var(--_label-color);overflow:hidden;position:relative;outline:var(--_outline-width) solid var(--_outline-color);outline-offset:calc(-1 * var(--_outline-width))}:host(.md-avatar--small){--_size:var(--md-avatar-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1.5px)))}:host(.md-avatar--medium){--_size:var(--md-avatar-size, max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px)))}:host(.md-avatar--large){--_size:var(--md-avatar-size, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)))}:host(.md-avatar--circle){--_shape:var(--md-avatar-container-shape, 50%)}:host(.md-avatar--rounded){--_shape:var(--md-avatar-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.md-avatar--square){--_shape:var(--md-avatar-container-shape, 0)}:host(.md-avatar--mode-image){background-color:transparent}.md-avatar__image{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center;border-radius:inherit;pointer-events:none;-webkit-user-drag:none}.md-avatar__initials{font-family:var(--_label-font-family);font-size:var(--_label-font-size);font-weight:var(--_label-font-weight);letter-spacing:var(--_label-letter-spacing);line-height:1;color:inherit;text-transform:uppercase;font-feature-settings:"tnum"}.md-avatar__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);color:inherit;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;pointer-events:none;user-select:none}::slotted(*:not(md-badge)){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:inherit;fill:currentColor;line-height:1;pointer-events:none;user-select:none}:host(.md-avatar--palette-1){--_container-color:var(     --md-avatar-palette-1-container,     var(--md-sys-color-primary-container, #EADDFF)   );--_label-color:var(     --md-avatar-palette-1-label,     var(--md-sys-color-on-primary-container, #21005D)   )}:host(.md-avatar--palette-2){--_container-color:var(     --md-avatar-palette-2-container,     var(--md-sys-color-secondary-container, #E8DEF8)   );--_label-color:var(     --md-avatar-palette-2-label,     var(--md-sys-color-on-secondary-container, #1D192B)   )}:host(.md-avatar--palette-3){--_container-color:var(     --md-avatar-palette-3-container,     var(--md-sys-color-tertiary-container, #FFD8E4)   );--_label-color:var(     --md-avatar-palette-3-label,     var(--md-sys-color-on-tertiary-container, #31111D)   )}:host(.md-avatar--palette-4){--_container-color:var(     --md-avatar-palette-4-container,     var(--md-sys-color-error-container, #F9DEDC)   );--_label-color:var(     --md-avatar-palette-4-label,     var(--md-sys-color-on-error-container, #410E0B)   )}:host(.md-avatar--palette-5){--_container-color:var(     --md-avatar-palette-5-container,     color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 22%, var(--md-sys-color-surface, #FEF7FF))   );--_label-color:var(     --md-avatar-palette-5-label,     color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 72%, var(--md-sys-color-on-surface, #1C1B1F))   )}:host(.md-avatar--palette-6){--_container-color:var(     --md-avatar-palette-6-container,     color-mix(in srgb, var(--md-sys-color-tertiary, #7D5260) 22%, var(--md-sys-color-surface, #FEF7FF))   );--_label-color:var(     --md-avatar-palette-6-label,     color-mix(in srgb, var(--md-sys-color-tertiary, #7D5260) 72%, var(--md-sys-color-on-surface, #1C1B1F))   )}:host(.md-avatar--palette-7){--_container-color:var(     --md-avatar-palette-7-container,     color-mix(in srgb, var(--md-sys-color-secondary, #625B71) 22%, var(--md-sys-color-surface, #FEF7FF))   );--_label-color:var(     --md-avatar-palette-7-label,     color-mix(in srgb, var(--md-sys-color-secondary, #625B71) 72%, var(--md-sys-color-on-surface, #1C1B1F))   )}@media (forced-colors: active){:host{--_container-color:ButtonFace;--_label-color:ButtonText;--_outline-color:ButtonText;--_outline-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 n=new Set(["small","medium","large"]);function l(a){if(a==null)return undefined;const t=String(a).trim();if(!t)return undefined;if(/^-?\d*\.?\d+$/.test(t))return`${t}px`;return t}const c=a(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.mdLoad=e(this,"mdLoad",7);this.mdError=e(this,"mdError",7);this.src="";this.alt="";this.name="";this.initials="";this.size="medium";this.shape="circle";this.label="";this.colorFromName=true;this.loading="lazy";this.crossorigin="";this.density=0;this.imageFailed=false;this.handleImageError=()=>{this.imageFailed=true;this.mdError.emit({src:this.src})};this.handleImageLoad=()=>{this.imageFailed=false;this.mdLoad.emit({src:this.src})}}onSrcChange(){this.imageFailed=false}computeInitials(){if(this.initials)return this.truncate(this.initials.trim());const a=(this.name||"").trim();if(!a)return"";const t=a.split(/\s+/).filter(Boolean);if(t.length===0)return"";if(t.length===1){return this.firstGrapheme(t[0]).toLocaleUpperCase()}const e=this.firstGrapheme(t[0]);const r=this.firstGrapheme(t[t.length-1]);return(e+r).toLocaleUpperCase()}firstGrapheme(a){if(!a)return"";const t=this.segmentGraphemes(a,1);return t[0]??a.charAt(0)}truncate(a){const t=this.segmentGraphemes(a,3);if(t.length>0)return t.join("").toLocaleUpperCase();return a.slice(0,3).toLocaleUpperCase()}segmentGraphemes(a,t){const e=Intl.Segmenter;const r=[];if(typeof e==="function"){try{const s=new e(undefined,{granularity:"grapheme"});for(const{segment:e}of s.segment(a)){r.push(e);if(r.length===t)break}return r}catch{}}for(let e=0;e<Math.min(t,a.length);e++){r.push(a.charAt(e))}return r}hashSeed(a){let t=0;for(let e=0;e<a.length;e++){t=(t<<5)-t+a.charCodeAt(e);t|=0}return Math.abs(t)}get paletteIndex(){if(!this.colorFromName)return 0;const a=(this.initials||this.name||this.label||"").trim();if(!a)return 0;return this.hashSeed(a)%7+1}get accessibleLabel(){const a=(this.label||this.alt||this.name||"").trim();return a||undefined}render(){const a=!!this.src&&!this.imageFailed;const t=this.computeInitials();const e=!a&&!!t;const i=a?"image":e?"initials":"slot";const o=this.accessibleLabel;const c=this.paletteIndex;const d=n.has(String(this.size));const m=d?undefined:l(this.size);const v=m?{"--md-avatar-size":m}:undefined;return r(s,{key:"c8a7c5cc76083cd8454c4c4b5214b2926d9a5d12",class:{"md-avatar":true,[`md-avatar--${this.size}`]:d,"md-avatar--custom-size":!d&&!!m,[`md-avatar--${this.shape}`]:true,[`md-avatar--mode-${i}`]:true,[`md-avatar--palette-${c}`]:c>0&&i!=="image","md-avatar--has-image":a},style:v,role:o?"img":"presentation","aria-label":o,"aria-hidden":o?null:"true"},i==="image"&&r("img",{key:"774653af2c3c89d6717f05285d64c472dd2b63f0",class:"md-avatar__image",part:"image",src:this.src,alt:this.alt||"",loading:this.loading,crossorigin:this.crossorigin||undefined,"aria-hidden":"true",draggable:false,onLoad:this.handleImageLoad,onError:this.handleImageError}),i==="initials"&&r("span",{key:"52bc085dc3f5d44b89b40967b587f8c4ba7101bb",class:"md-avatar__initials",part:"initials","aria-hidden":"true"},t),i==="slot"&&r("slot",{key:"af4fb3205ff7776196a0c925381e80461eee21c6"},r("span",{key:"a83bbca713bceba984843a4017ab3957c98d47dc",class:"md-avatar__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},"person")))}get el(){return this}static get watchers(){return{src:[{onSrcChange:0}]}}static get style(){return o()}},[257,"md-avatar",{src:[1],alt:[1],name:[1],initials:[1],size:[513],shape:[513],label:[1],colorFromName:[516,"color-from-name"],loading:[1],crossorigin:[1],density:[514],imageFailed:[32]},undefined,{src:[{onSrcChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const a=["md-avatar"];a.forEach((a=>{switch(a){case"md-avatar":if(!customElements.get(i(a))){customElements.define(i(a),c)}break}}))}d();export{c as M,d};
+//# sourceMappingURL=p-1RSrsLOs.js.map

package/dist/components/p-1RSrsLOs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mdAvatarCss","PRESET_SIZES","Set","coerceCssLength","raw","undefined","value","String","trim","test","MdAvatar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","src","alt","name","initials","size","shape","label","colorFromName","loading","crossorigin","density","imageFailed","handleImageError","mdError","emit","handleImageLoad","mdLoad","onSrcChange","computeInitials","truncate","tokens","split","filter","Boolean","length","firstGrapheme","toLocaleUpperCase","first","last","text","segments","segmentGraphemes","charAt","out","join","slice","max","SegmenterCtor","Intl","Segmenter","seg","granularity","segment","push","i","Math","min","hashSeed","seed","h","charCodeAt","abs","paletteIndex","accessibleLabel","v","render","hasImage","computedInitials","hasInitials","fallbackMode","a11yLabel","palette","isPresetSize","has","customSize","hostStyle","Host","key","class","style","role","part","draggable","onLoad","onError"],"sources":["src/components/md-avatar/md-avatar.css?tag=md-avatar&encapsulation=shadow","src/components/md-avatar/md-avatar.tsx"],"sourcesContent":["/* ==========================================================\n   md-avatar — Material Design 3 Avatar (AWC-UI extension)\n   Reference: https://m3.material.io/styles/typography/applying-type\n              + Material Components Web avatar pattern\n\n   A small identity tile that resolves to the first available\n   source from a clear fallback chain (see md-avatar.tsx).\n\n   PUBLIC CSS CUSTOM PROPERTIES (override per-instance):\n     --md-avatar-size                Square size of the host\n                                     (overrides the preset sizes)\n     --md-avatar-container-color     Container fill (initials/icon mode)\n     --md-avatar-container-shape     Border-radius override\n     --md-avatar-label-color         Initials / icon color\n     --md-avatar-label-font-family   Initials font family\n     --md-avatar-label-font-size     Initials font size\n     --md-avatar-label-font-weight   Initials font weight\n     --md-avatar-label-letter-spacing Initials letter-spacing\n     --md-avatar-icon-size           Icon glyph size\n     --md-avatar-outline-color       Optional outline color\n     --md-avatar-outline-width       Optional outline width (default 0)\n\n     Tonal palette (used when `color-from-name` is true):\n     --md-avatar-palette-{1..7}-container  Container fill for that bucket\n     --md-avatar-palette-{1..7}-label      Label color for that bucket\n\n   CSS PARTS:\n     image     The `<img>` element (image mode)\n     initials  The initials text element\n     icon      The fallback person icon\n\n   SLOTS:\n     (default) Custom fallback rendered when no src/initials are\n               available (overrides the built-in person icon).\n   ========================================================== */\n\n/* ==========================================================\n   1. HOST — base + custom properties\n   ========================================================== */\n:host {\n  /* Sizing — overridden per-variant below; authors can pin to any\n     length via `--md-avatar-size` for non-preset values. */\n  --_size: var(--md-avatar-size, max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px)));\n\n  /* Neutral default — used when color-from-name is false or no seed. */\n  --_container-color: var(\n    --md-avatar-container-color,\n    var(--md-sys-color-surface-container-highest, #E6E0E9)\n  );\n  --_label-color: var(\n    --md-avatar-label-color,\n    var(--md-sys-color-on-surface-variant, #49454F)\n  );\n  --_shape: var(--md-avatar-container-shape, 50%);\n  --_icon-size: var(--md-avatar-icon-size, calc(var(--_size) * 0.6));\n  --_label-font-family: var(\n    --md-avatar-label-font-family,\n    var(--md-sys-typescale-title-medium-font-family, system-ui, sans-serif)\n  );\n  --_label-font-size: var(--md-avatar-label-font-size, calc(var(--_size) * 0.4));\n  --_label-font-weight: var(\n    --md-avatar-label-font-weight,\n    var(--md-sys-typescale-title-medium-font-weight, 500)\n  );\n  --_label-letter-spacing: var(--md-avatar-label-letter-spacing, 0.05em);\n  --_outline-color: var(--md-avatar-outline-color, transparent);\n  --_outline-width: var(--md-avatar-outline-width, 0);\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  vertical-align: middle;\n  user-select: none;\n\n  inline-size: var(--_size);\n  block-size: var(--_size);\n  border-radius: var(--_shape);\n  background-color: var(--_container-color);\n  color: var(--_label-color);\n  overflow: hidden;\n  position: relative;\n  outline: var(--_outline-width) solid var(--_outline-color);\n  outline-offset: calc(-1 * var(--_outline-width));\n}\n\n/* ==========================================================\n   2. SIZE PRESETS\n   Each preset writes to --_size only; everything else (font\n   size, icon size) derives from it via calc() above.\n\n   Custom sizes (`size=\"72\"`, `size=\"4rem\"`, …) are forwarded by\n   the TSX layer as an inline `--md-avatar-size: <length>` on the\n   host. The `:host` block at the top already reads from that\n   custom property, so non-preset values flow through the same\n   pipeline without a dedicated rule. The\n   `md-avatar--custom-size` modifier class is provided as a hook\n   for callers who need to target custom-sized instances from\n   their own stylesheet (e.g. `md-avatar.md-avatar--custom-size\n   { --md-avatar-label-letter-spacing: 0; }`).\n   ========================================================== */\n:host(.md-avatar--small) {\n  --_size: var(--md-avatar-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1.5px)));\n}\n:host(.md-avatar--medium) {\n  --_size: var(--md-avatar-size, max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px)));\n}\n:host(.md-avatar--large) {\n  --_size: var(--md-avatar-size, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));\n}\n\n/* ==========================================================\n   3. SHAPE VARIANTS\n   ========================================================== */\n:host(.md-avatar--circle) {\n  --_shape: var(--md-avatar-container-shape, 50%);\n}\n:host(.md-avatar--rounded) {\n  --_shape: var(--md-avatar-container-shape, var(--md-sys-shape-corner-medium, 12px));\n}\n:host(.md-avatar--square) {\n  --_shape: var(--md-avatar-container-shape, 0);\n}\n\n/* ==========================================================\n   4. IMAGE MODE\n   ========================================================== */\n:host(.md-avatar--mode-image) {\n  background-color: transparent;\n}\n\n.md-avatar__image {\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  object-fit: cover;\n  object-position: center;\n  border-radius: inherit;\n  pointer-events: none;\n  -webkit-user-drag: none;\n}\n\n/* ==========================================================\n   5. INITIALS MODE\n   ========================================================== */\n.md-avatar__initials {\n  font-family: var(--_label-font-family);\n  font-size: var(--_label-font-size);\n  font-weight: var(--_label-font-weight);\n  letter-spacing: var(--_label-letter-spacing);\n  line-height: 1;\n  color: inherit;\n  /* The initials inherit the host's color stack, which the palette\n     modifiers below override when color-from-name resolves to a\n     bucket. */\n  text-transform: uppercase;\n  /* M3 typography sets a baseline shift; for centered tiles we want\n     pure optical centering. */\n  font-feature-settings: \"tnum\";\n}\n\n/* ==========================================================\n   6. SLOT / ICON FALLBACK\n   ========================================================== */\n.md-avatar__icon {\n  font-family: var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');\n  font-size: var(--_icon-size);\n  inline-size: var(--_icon-size);\n  block-size: var(--_icon-size);\n  color: inherit;\n  line-height: 1;\n  font-weight: normal;\n  font-style: normal;\n  letter-spacing: normal;\n  text-transform: none;\n  white-space: nowrap;\n  overflow-wrap: normal;\n  direction: ltr;\n  -webkit-font-smoothing: antialiased;\n  pointer-events: none;\n  user-select: none;\n}\n\n/* Slotted custom fallback — match icon sizing. */\n/* NOT badges. A custom property inside ::slotted() resolves in the SLOTTED\n   element's own scope, and md-badge defines its own `--_icon-size` (10px, for\n   its glyph). So `height: var(--_icon-size) !important` here picked up the\n   BADGE's 10px instead of this component's icon size and, being !important,\n   beat the badge's own 16px — squashing every badge slotted onto an icon\n   button / avatar / menu item into a 10px blob. A badge is not an icon; it\n   sizes itself. */\n::slotted(*:not(md-badge)) {\n  /* Centre the CONTENT, not just the box. The box is forced to the icon size\n     above, so a slotted <span> of text kept its single line at the top of a\n     24px box and rendered visibly high — an SVG fills its box and hid the\n     problem, while a bare emoji text node (not matched by ::slotted) was\n     centred by the wrapper and looked fine. */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: var(--_icon-size);\n  block-size: var(--_icon-size);\n  font-size: var(--_icon-size);\n  color: inherit;\n  fill: currentColor;\n  line-height: 1;\n  pointer-events: none;\n  user-select: none;\n}\n\n/* ==========================================================\n   7. TONAL PALETTE\n   When `color-from-name` is true and a seed (initials/name) is\n   present, the host gets a `md-avatar--palette-N` class\n   (N = 1..7). Each bucket uses an M3 tonal pair so light + dark\n   themes follow tokens.\n\n   The default palette below is built from the M3 reference\n   surface-container + on-surface tonal families and the\n   secondary / tertiary / primary containers so contrast pairs\n   are guaranteed at AA.\n   ========================================================== */\n:host(.md-avatar--palette-1) {\n  --_container-color: var(\n    --md-avatar-palette-1-container,\n    var(--md-sys-color-primary-container, #EADDFF)\n  );\n  --_label-color: var(\n    --md-avatar-palette-1-label,\n    var(--md-sys-color-on-primary-container, #21005D)\n  );\n}\n:host(.md-avatar--palette-2) {\n  --_container-color: var(\n    --md-avatar-palette-2-container,\n    var(--md-sys-color-secondary-container, #E8DEF8)\n  );\n  --_label-color: var(\n    --md-avatar-palette-2-label,\n    var(--md-sys-color-on-secondary-container, #1D192B)\n  );\n}\n:host(.md-avatar--palette-3) {\n  --_container-color: var(\n    --md-avatar-palette-3-container,\n    var(--md-sys-color-tertiary-container, #FFD8E4)\n  );\n  --_label-color: var(\n    --md-avatar-palette-3-label,\n    var(--md-sys-color-on-tertiary-container, #31111D)\n  );\n}\n:host(.md-avatar--palette-4) {\n  --_container-color: var(\n    --md-avatar-palette-4-container,\n    var(--md-sys-color-error-container, #F9DEDC)\n  );\n  --_label-color: var(\n    --md-avatar-palette-4-label,\n    var(--md-sys-color-on-error-container, #410E0B)\n  );\n}\n/* Palettes 5/6/7 are soft tints of the primary / tertiary / secondary\n   tones. They were originally mixed against `transparent` for a \"tinted\n   chip\" look on a white surface, but that made the tile visibly\n   see-through whenever it overlapped another element (e.g. inside an\n   avatar group), which broke the bite-mark stacking. We now mix the\n   accent tone into `--md-sys-color-surface` instead so the resulting\n   color is fully opaque AND theme-aware (dark theme → tint of the dark\n   surface). The visible tint stays nearly identical to the previous\n   value on a default light surface.\n\n   The initials label used the raw accent tone, which lands at only\n   ~4.45:1 against the 22% tint container — just under WCAG AA (4.5:1).\n   We deepen the label toward `--md-sys-color-on-surface` (dark in light\n   theme, light in dark theme) so it clears AA (~6:1 light / ~7:1 dark)\n   in both themes while keeping the accent hue recognizably distinct.\n   Authors overriding `--md-avatar-palette-N-label` own their own\n   contrast. */\n:host(.md-avatar--palette-5) {\n  --_container-color: var(\n    --md-avatar-palette-5-container,\n    color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 22%, var(--md-sys-color-surface, #FEF7FF))\n  );\n  --_label-color: var(\n    --md-avatar-palette-5-label,\n    color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 72%, var(--md-sys-color-on-surface, #1C1B1F))\n  );\n}\n:host(.md-avatar--palette-6) {\n  --_container-color: var(\n    --md-avatar-palette-6-container,\n    color-mix(in srgb, var(--md-sys-color-tertiary, #7D5260) 22%, var(--md-sys-color-surface, #FEF7FF))\n  );\n  --_label-color: var(\n    --md-avatar-palette-6-label,\n    color-mix(in srgb, var(--md-sys-color-tertiary, #7D5260) 72%, var(--md-sys-color-on-surface, #1C1B1F))\n  );\n}\n:host(.md-avatar--palette-7) {\n  --_container-color: var(\n    --md-avatar-palette-7-container,\n    color-mix(in srgb, var(--md-sys-color-secondary, #625B71) 22%, var(--md-sys-color-surface, #FEF7FF))\n  );\n  --_label-color: var(\n    --md-avatar-palette-7-label,\n    color-mix(in srgb, var(--md-sys-color-secondary, #625B71) 72%, var(--md-sys-color-on-surface, #1C1B1F))\n  );\n}\n\n/* ==========================================================\n   8. REDUCED MOTION / FORCED COLORS\n   ========================================================== */\n@media (forced-colors: active) {\n  :host {\n    --_container-color: ButtonFace;\n    --_label-color: ButtonText;\n    --_outline-color: ButtonText;\n    --_outline-width: 1px;\n  }\n}\n\n/* ==========================================================\n   DENSITY (local override)\n   Maps the local `density` prop onto the same --md-sys-density-scale signal a\n   global `data-density` ancestor sets. Declared on :host, so a local rung wins\n   over the inherited global one. Every density-sensitive value in this file\n   derives from that single signal by calc — never add a fixed per-rung ladder.\n   ========================================================== */\n:host([density='-1']) { --md-sys-density-scale: -1; }\n:host([density='-2']) { --md-sys-density-scale: -2; }\n:host([density='-3']) { --md-sys-density-scale: -3; }\n:host([density='-4']) { --md-sys-density-scale: -4; }\n","import { Component, Host, h, Prop, State, Event, EventEmitter, Element, Watch } from '@stencil/core';\n\n/**\n * Preset size buckets. Map to MD3 reference dimensions (24/40/56dp).\n */\nexport type MdAvatarPresetSize = 'small' | 'medium' | 'large';\n\n/**\n * The `size` prop accepts either a named preset (`'small' | 'medium' | 'large'`)\n * or an arbitrary CSS length / unitless number for a fully-custom dimension.\n *\n *   `<md-avatar size=\"medium\" />`  → 40 × 40\n *   `<md-avatar size=\"72\" />`      → 72 × 72  (unitless → px)\n *   `<md-avatar size=\"4rem\" />`    → 4rem     (any CSS length)\n *   `<md-avatar size=\"clamp(28px, 4vw, 72px)\" />` → CSS function passes through\n *\n * The `(string & {})` intersection keeps autocomplete on the three presets\n * while still accepting any string at the type level.\n */\nexport type MdAvatarSize = MdAvatarPresetSize | (string & {});\n\nexport type MdAvatarShape = 'circle' | 'rounded' | 'square';\n\nconst PRESET_SIZES: ReadonlySet<string> = new Set(['small', 'medium', 'large']);\n\n/**\n * Coerce a free-form size value into a CSS length string.\n *\n *   \"72\"            → \"72px\"\n *   \"72.5\"          → \"72.5px\"\n *   \"4rem\"          → \"4rem\"          (already a length)\n *   \"min(72px,8vw)\" → \"min(72px,8vw)\" (CSS function passes through)\n *   \"\"  / null      → undefined       (caller falls back to preset)\n */\nfunction coerceCssLength(raw: string | number | null | undefined): string | undefined {\n  if (raw == null) return undefined;\n  const value = String(raw).trim();\n  if (!value) return undefined;\n  // Pure number (integer or decimal, optional sign) → px.\n  if (/^-?\\d*\\.?\\d+$/.test(value)) return `${value}px`;\n  return value;\n}\n\n/**\n * `md-avatar` — a presentational identity tile that resolves the first\n * available source from a clear fallback chain:\n *\n *   1. `src` (image)  → `<img>` is rendered.\n *      On error/empty, automatically falls through to step 2.\n *   2. `initials`     → explicit initials string (verbatim, max 3 chars).\n *   3. `name`         → auto-derived initials. Two tokens → first letter\n *                       of each; one token → first letter only. RTL- and\n *                       diacritic-safe via `Intl.Segmenter` when available.\n *   4. default slot   → caller-provided fallback (icon, emoji, SVG).\n *   5. person icon    → material-symbols fallback (always available).\n */\n@Component({\n  tag: 'md-avatar',\n  styleUrl: 'md-avatar.css',\n  shadow: true,\n})\nexport class MdAvatar {\n  @Element() el!: HTMLElement;\n\n  /** Image URL. When set, the avatar renders as an `<img>` element. */\n  @Prop() src: string = '';\n\n  /**\n   * Alternative text for the image. When empty, the image is exposed to\n   * AT as decorative (`aria-hidden`); the host carries the accessible\n   * label instead (see `label`).\n   */\n  @Prop() alt: string = '';\n\n  /**\n   * Full name. The component derives initials automatically:\n   *   - `\"Ada Lovelace\"` → `\"AL\"`\n   *   - `\"Cher\"`         → `\"C\"`\n   *   - `\"  john   doe\"` → `\"JD\"`\n   *\n   * Honored only when `src` is not set (or fails to load) and\n   * `initials` is empty.\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Explicit initials override. Bypasses the `name` parsing entirely.\n   * Truncated to the first 3 grapheme clusters at render time so a\n   * stray \"WXYZ\" can't blow out the layout.\n   */\n  @Prop() initials: string = '';\n\n  /**\n   * Avatar size. Accepts either a named preset or any CSS length.\n   *\n   * Presets:\n   * - `small`   — 24×24 (typography: label-medium)\n   * - `medium`  — 40×40 (typography: title-medium)  [default]\n   * - `large`   — 56×56 (typography: title-large)\n   *\n   * Custom values:\n   * - Unitless number → pixels (`size=\"72\"` → 72px)\n   * - Any CSS length  → passes through (`size=\"4rem\"`, `size=\"10vw\"`,\n   *   `size=\"clamp(28px, 4vw, 72px)\"`)\n   *\n   * Custom values are wired through the existing `--md-avatar-size` CSS\n   * custom property, so per-instance overrides via `style` / class still\n   * win when set.\n   */\n  @Prop({ reflect: true }) size: MdAvatarSize = 'medium';\n\n  /**\n   * Container shape.\n   * - `circle`  — fully rounded (`50%`)             [default]\n   * - `rounded` — `--md-sys-shape-corner-medium` (12dp)\n   * - `square`  — sharp corners (`0`)\n   */\n  @Prop({ reflect: true }) shape: MdAvatarShape = 'circle';\n\n  /**\n   * Accessible label for the avatar. When empty:\n   *   - if `alt` is set, that is exposed instead\n   *   - if `name` is set, that is exposed instead\n   *   - otherwise the avatar is hidden from AT (`role=\"presentation\"`)\n   *     so it doesn't add noise next to a labelled control.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * When `true` the avatar background is deterministically picked from a\n   * tonal palette using the initials/name as a hash seed. When `false`,\n   * the avatar uses the neutral on-surface tone.\n   */\n  @Prop({ attribute: 'color-from-name', reflect: true }) colorFromName: boolean = true;\n\n  /** `<img>` `loading` attribute. */\n  @Prop() loading: 'eager' | 'lazy' = 'lazy';\n\n  /** `<img>` `crossorigin` attribute (forwarded only when set). */\n  @Prop() crossorigin: '' | 'anonymous' | 'use-credentials' = '';\n\n  /**\n   * Local density rung. Drives the same `--md-sys-density-scale` signal that a\n   * global `data-density` ancestor sets, so a local value simply overrides the\n   * inherited one. 0 = default, -4 = ultra-compact.\n   */\n  @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n  /** Image successfully loaded. */\n  @Event() mdLoad: EventEmitter<{ src: string }>;\n\n  /** Image failed to load — component fell back to initials/icon. */\n  @Event() mdError: EventEmitter<{ src: string }>;\n\n  /** Internal: whether the image src failed (triggers fallback). */\n  @State() private imageFailed = false;\n\n  @Watch('src')\n  onSrcChange() {\n    this.imageFailed = false;\n  }\n\n  private computeInitials(): string {\n    if (this.initials) return this.truncate(this.initials.trim());\n\n    const name = (this.name || '').trim();\n    if (!name) return '';\n\n    const tokens = name.split(/\\s+/).filter(Boolean);\n    if (tokens.length === 0) return '';\n\n    if (tokens.length === 1) {\n      return this.firstGrapheme(tokens[0]).toLocaleUpperCase();\n    }\n\n    const first = this.firstGrapheme(tokens[0]);\n    const last = this.firstGrapheme(tokens[tokens.length - 1]);\n    return (first + last).toLocaleUpperCase();\n  }\n\n  /** First grapheme cluster, RTL- and emoji-safe when Intl.Segmenter is present. */\n  private firstGrapheme(text: string): string {\n    if (!text) return '';\n    const segments = this.segmentGraphemes(text, 1);\n    return segments[0] ?? text.charAt(0);\n  }\n\n  private truncate(text: string): string {\n    const out = this.segmentGraphemes(text, 3);\n    if (out.length > 0) return out.join('').toLocaleUpperCase();\n    return text.slice(0, 3).toLocaleUpperCase();\n  }\n\n  /**\n   * Yields up to `max` grapheme clusters from `text`. Uses Intl.Segmenter\n   * when available (every evergreen browser since 2022); falls back to\n   * `charAt` on the off chance the runtime lacks it.\n   */\n  private segmentGraphemes(text: string, max: number): string[] {\n    interface SegLike {\n      segment(input: string): Iterable<{ segment: string }>;\n    }\n    interface SegCtor {\n      new (locale?: unknown, options?: { granularity?: string }): SegLike;\n    }\n    const SegmenterCtor = (Intl as unknown as { Segmenter?: SegCtor }).Segmenter;\n    const out: string[] = [];\n    if (typeof SegmenterCtor === 'function') {\n      try {\n        const seg = new SegmenterCtor(undefined, { granularity: 'grapheme' });\n        for (const { segment } of seg.segment(text)) {\n          out.push(segment);\n          if (out.length === max) break;\n        }\n        return out;\n      } catch {\n        /* fall through */\n      }\n    }\n    for (let i = 0; i < Math.min(max, text.length); i++) {\n      out.push(text.charAt(i));\n    }\n    return out;\n  }\n\n  /**\n   * Deterministic hash → palette index. Same seed → same color across\n   * sessions/devices so a given user always has the same avatar tint.\n   */\n  private hashSeed(seed: string): number {\n    let h = 0;\n    for (let i = 0; i < seed.length; i++) {\n      h = (h << 5) - h + seed.charCodeAt(i);\n      h |= 0;\n    }\n    return Math.abs(h);\n  }\n\n  /** 1-based palette index (1..7) matching the CSS palette variables. */\n  private get paletteIndex(): number {\n    if (!this.colorFromName) return 0;\n    const seed = (this.initials || this.name || this.label || '').trim();\n    if (!seed) return 0;\n    return (this.hashSeed(seed) % 7) + 1;\n  }\n\n  private handleImageError = () => {\n    this.imageFailed = true;\n    this.mdError.emit({ src: this.src });\n  };\n\n  private handleImageLoad = () => {\n    this.imageFailed = false;\n    this.mdLoad.emit({ src: this.src });\n  };\n\n  private get accessibleLabel(): string | undefined {\n    const v = (this.label || this.alt || this.name || '').trim();\n    return v || undefined;\n  }\n\n  render() {\n    const hasImage = !!this.src && !this.imageFailed;\n    const computedInitials = this.computeInitials();\n    const hasInitials = !hasImage && !!computedInitials;\n    const fallbackMode: 'image' | 'initials' | 'slot' = hasImage\n      ? 'image'\n      : hasInitials\n        ? 'initials'\n        : 'slot';\n\n    const a11yLabel = this.accessibleLabel;\n    const palette = this.paletteIndex;\n\n    // Resolve `size`: presets emit a `md-avatar--{preset}` modifier class\n    // and rely on the CSS-defined token defaults; everything else is treated\n    // as a CSS length and pushed into `--md-avatar-size` so the existing\n    // sizing pipeline (which already cascades through that custom property)\n    // picks it up automatically. We deliberately set the inline style at\n    // the lowest possible level (`Host`) so an author's `style=\"--md-avatar-size: …\"`\n    // or class-based override still wins via CSS specificity.\n    const isPresetSize = PRESET_SIZES.has(String(this.size));\n    const customSize = isPresetSize ? undefined : coerceCssLength(this.size);\n    const hostStyle = customSize ? { '--md-avatar-size': customSize } : undefined;\n\n    return (\n      <Host\n        class={{\n          'md-avatar': true,\n          [`md-avatar--${this.size}`]: isPresetSize,\n          'md-avatar--custom-size': !isPresetSize && !!customSize,\n          [`md-avatar--${this.shape}`]: true,\n          [`md-avatar--mode-${fallbackMode}`]: true,\n          [`md-avatar--palette-${palette}`]: palette > 0 && fallbackMode !== 'image',\n          'md-avatar--has-image': hasImage,\n        }}\n        style={hostStyle}\n        role={a11yLabel ? 'img' : 'presentation'}\n        aria-label={a11yLabel}\n        aria-hidden={a11yLabel ? null : 'true'}\n      >\n        {fallbackMode === 'image' && (\n          <img\n            class=\"md-avatar__image\"\n            part=\"image\"\n            src={this.src}\n            alt={this.alt || ''}\n            loading={this.loading}\n            crossorigin={this.crossorigin || undefined}\n            aria-hidden=\"true\"\n            draggable={false}\n            onLoad={this.handleImageLoad}\n            onError={this.handleImageError}\n          />\n        )}\n\n        {fallbackMode === 'initials' && (\n          <span class=\"md-avatar__initials\" part=\"initials\" aria-hidden=\"true\">\n            {computedInitials}\n          </span>\n        )}\n\n        {fallbackMode === 'slot' && (\n          <slot>\n            <span class=\"md-avatar__icon material-symbols-outlined\" part=\"icon\" aria-hidden=\"true\">\n              person\n            </span>\n          </slot>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"uEAAA,MAAMA,EAAc,IAAM,2+KCuB1B,MAAMC,EAAoC,IAAIC,IAAI,CAAC,QAAS,SAAU,UAWtE,SAASC,EAAgBC,GACvB,GAAIA,GAAO,KAAM,OAAOC,UACxB,MAAMC,EAAQC,OAAOH,GAAKI,OAC1B,IAAKF,EAAO,OAAOD,UAEnB,GAAI,gBAAgBI,KAAKH,GAAQ,MAAO,GAAGA,MAC3C,OAAOA,CACT,C,MAoBaI,EAAQC,EAAA,MAAAD,UAAAE,EALrB,WAAAC,CAAAC,G,kIASUC,KAAAC,IAAc,GAOdD,KAAAE,IAAc,GAWdF,KAAAG,KAAe,GAOfH,KAAAI,SAAmB,GAmBFJ,KAAAK,KAAqB,SAQrBL,KAAAM,MAAuB,SASxCN,KAAAO,MAAgB,GAO+BP,KAAAQ,cAAyB,KAGxER,KAAAS,QAA4B,OAG5BT,KAAAU,YAAoD,GAOnCV,KAAAW,QAAiC,EASzCX,KAAAY,YAAc,MA2FvBZ,KAAAa,iBAAmB,KACzBb,KAAKY,YAAc,KACnBZ,KAAKc,QAAQC,KAAK,CAAEd,IAAKD,KAAKC,KAAM,EAG9BD,KAAAgB,gBAAkB,KACxBhB,KAAKY,YAAc,MACnBZ,KAAKiB,OAAOF,KAAK,CAAEd,IAAKD,KAAKC,KAAM,CA+EtC,CA9KC,WAAAiB,GACElB,KAAKY,YAAc,K,CAGb,eAAAO,GACN,GAAInB,KAAKI,SAAU,OAAOJ,KAAKoB,SAASpB,KAAKI,SAASX,QAEtD,MAAMU,GAAQH,KAAKG,MAAQ,IAAIV,OAC/B,IAAKU,EAAM,MAAO,GAElB,MAAMkB,EAASlB,EAAKmB,MAAM,OAAOC,OAAOC,SACxC,GAAIH,EAAOI,SAAW,EAAG,MAAO,GAEhC,GAAIJ,EAAOI,SAAW,EAAG,CACvB,OAAOzB,KAAK0B,cAAcL,EAAO,IAAIM,mB,CAGvC,MAAMC,EAAQ5B,KAAK0B,cAAcL,EAAO,IACxC,MAAMQ,EAAO7B,KAAK0B,cAAcL,EAAOA,EAAOI,OAAS,IACvD,OAAQG,EAAQC,GAAMF,mB,CAIhB,aAAAD,CAAcI,GACpB,IAAKA,EAAM,MAAO,GAClB,MAAMC,EAAW/B,KAAKgC,iBAAiBF,EAAM,GAC7C,OAAOC,EAAS,IAAMD,EAAKG,OAAO,E,CAG5B,QAAAb,CAASU,GACf,MAAMI,EAAMlC,KAAKgC,iBAAiBF,EAAM,GACxC,GAAII,EAAIT,OAAS,EAAG,OAAOS,EAAIC,KAAK,IAAIR,oBACxC,OAAOG,EAAKM,MAAM,EAAG,GAAGT,mB,CAQlB,gBAAAK,CAAiBF,EAAcO,GAOrC,MAAMC,EAAiBC,KAA4CC,UACnE,MAAMN,EAAgB,GACtB,UAAWI,IAAkB,WAAY,CACvC,IACE,MAAMG,EAAM,IAAIH,EAAchD,UAAW,CAAEoD,YAAa,aACxD,IAAK,MAAMC,QAAEA,KAAaF,EAAIE,QAAQb,GAAO,CAC3CI,EAAIU,KAAKD,GACT,GAAIT,EAAIT,SAAWY,EAAK,K,CAE1B,OAAOH,C,CACP,M,EAIJ,IAAK,IAAIW,EAAI,EAAGA,EAAIC,KAAKC,IAAIV,EAAKP,EAAKL,QAASoB,IAAK,CACnDX,EAAIU,KAAKd,EAAKG,OAAOY,G,CAEvB,OAAOX,C,CAOD,QAAAc,CAASC,GACf,IAAIC,EAAI,EACR,IAAK,IAAIL,EAAI,EAAGA,EAAII,EAAKxB,OAAQoB,IAAK,CACpCK,GAAKA,GAAK,GAAKA,EAAID,EAAKE,WAAWN,GACnCK,GAAK,C,CAEP,OAAOJ,KAAKM,IAAIF,E,CAIlB,gBAAYG,GACV,IAAKrD,KAAKQ,cAAe,OAAO,EAChC,MAAMyC,GAAQjD,KAAKI,UAAYJ,KAAKG,MAAQH,KAAKO,OAAS,IAAId,OAC9D,IAAKwD,EAAM,OAAO,EAClB,OAAQjD,KAAKgD,SAASC,GAAQ,EAAK,C,CAarC,mBAAYK,GACV,MAAMC,GAAKvD,KAAKO,OAASP,KAAKE,KAAOF,KAAKG,MAAQ,IAAIV,OACtD,OAAO8D,GAAKjE,S,CAGd,MAAAkE,GACE,MAAMC,IAAazD,KAAKC,MAAQD,KAAKY,YACrC,MAAM8C,EAAmB1D,KAAKmB,kBAC9B,MAAMwC,GAAeF,KAAcC,EACnC,MAAME,EAA8CH,EAChD,QACAE,EACE,WACA,OAEN,MAAME,EAAY7D,KAAKsD,gBACvB,MAAMQ,EAAU9D,KAAKqD,aASrB,MAAMU,EAAe7E,EAAa8E,IAAIxE,OAAOQ,KAAKK,OAClD,MAAM4D,EAAaF,EAAezE,UAAYF,EAAgBY,KAAKK,MACnE,MAAM6D,EAAYD,EAAa,CAAE,mBAAoBA,GAAe3E,UAEpE,OACE4D,EAACiB,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,YAAa,KACb,CAAC,cAAcrE,KAAKK,QAAS0D,EAC7B,0BAA2BA,KAAkBE,EAC7C,CAAC,cAAcjE,KAAKM,SAAU,KAC9B,CAAC,mBAAmBsD,KAAiB,KACrC,CAAC,sBAAsBE,KAAYA,EAAU,GAAKF,IAAiB,QACnE,uBAAwBH,GAE1Ba,MAAOJ,EACPK,KAAMV,EAAY,MAAQ,eAAc,aAC5BA,EAAS,cACRA,EAAY,KAAO,QAE/BD,IAAiB,SAChBV,EAAA,OAAAkB,IAAA,2CACEC,MAAM,mBACNG,KAAK,QACLvE,IAAKD,KAAKC,IACVC,IAAKF,KAAKE,KAAO,GACjBO,QAAST,KAAKS,QACdC,YAAaV,KAAKU,aAAepB,UAAS,cAC9B,OACZmF,UAAW,MACXC,OAAQ1E,KAAKgB,gBACb2D,QAAS3E,KAAKa,mBAIjB+C,IAAiB,YAChBV,EAAA,QAAAkB,IAAA,2CAAMC,MAAM,sBAAsBG,KAAK,WAAU,cAAa,QAC3Dd,GAIJE,IAAiB,QAChBV,EAAA,QAAAkB,IAAA,4CACElB,EAAA,QAAAkB,IAAA,2CAAMC,MAAM,4CAA4CG,KAAK,OAAM,cAAa,QAAM,W","ignoreList":[]}

package/dist/components/p-2HV152w7.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as r,h as a,d as t,t as d}from"./p-BR6gfOQH.js";import{t as i}from"./p-DYBUr7K_.js";import{d as n}from"./p-De3E5Q8v.js";const o=()=>`:host{display:flex;align-items:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;min-height:var(--md-menu-item-height, calc(48px + var(--md-sys-density-scale, 0) * 4px));--_icon-size:var(--md-menu-item-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_check-size:var(--md-menu-item-check-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));padding:0 var(--md-menu-item-padding-inline, var(--md-sys-spacing-inset-md, 12px));gap:var(--md-menu-item-gap, var(--md-sys-spacing-gap-md, 12px));color:var(--md-sys-color-on-surface, #1C1B1F);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;transition:background-color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-radius var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}@media (prefers-reduced-motion: reduce){:host{transition:none}}.md-menu-item__state-layer{position:absolute;inset:0;background-color:var(--md-sys-color-on-surface, #1C1B1F);opacity:0;pointer-events:none;}:host-context(md-menu-item-group[data-use-gap]) .md-menu-item__state-layer{border-radius:calc(var(--md-menu-group-shape, 12px) - var(--md-sys-spacing-inset-xs, 4px))}:host(:hover) .md-menu-item__state-layer{opacity:0.08}:host(:active) .md-menu-item__state-layer{opacity:0.12}:host(:focus-visible) .md-menu-item__state-layer,:host([data-md-focused]) .md-menu-item__state-layer{opacity:0.12}:host(:hover) .md-menu-item__state-layer,:host(:active) .md-menu-item__state-layer{transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(:focus-visible),:host([data-md-focused]){outline:3px solid var(--md-sys-color-secondary, #625B71);outline-offset:-3px}:host(.md-menu-item--selected){background-color:var(--md-sys-color-secondary-container, #E8DEF8)}:host([data-variant="standard"].md-menu-item--selected){background-color:var(--md-sys-color-tertiary-container, #FFD8E4);color:var(--md-sys-color-on-tertiary-container, #31111D);border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)))}:host([data-variant="standard"]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"]:active){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)))}:host([data-variant="standard"]:first-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"]:last-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="standard"][data-after-gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="standard"][data-after-gap][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"].md-menu-item--selected){background-color:var(--md-sys-color-tertiary, #7D5260);color:var(--md-sys-color-on-tertiary, #FFFFFF);border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:active){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:first-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:last-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"][data-after-gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"][data-after-gap][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host(.md-menu-item--disabled){cursor:default;opacity:0.38;pointer-events:none}.md-menu-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--_icon-size);height:var(--_icon-size);color:var(--md-sys-color-on-surface-variant, #49454F)}.md-menu-item__leading ::slotted(*){font-size:var(--_icon-size) !important;width:var(--_icon-size);height:var(--_icon-size);color:inherit}:host(.md-menu-item--selected) .md-menu-item__leading{color:inherit}.md-menu-item__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.md-menu-item__headline{font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-menu-item__supporting{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));color:var(--md-sys-color-on-surface-variant, #49454F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-menu-item__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:20px;margin-inline-start:12px;padding:0 8px;border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--md-sys-color-tertiary-container, #FFD8E4);color:var(--md-sys-color-on-tertiary-container, #31111D);font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-size, 11px);font-weight:var(--md-sys-typescale-label-small-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-tracking, 0.5px);white-space:nowrap}.md-menu-item__trailing{display:flex;align-items:center;flex-shrink:0;margin-inline-start:8px;color:var(--md-sys-color-on-surface-variant, #49454F)}.md-menu-item__trailing ::slotted(*:not(md-badge)){font-size:var(--_icon-size) !important;width:var(--_icon-size);height:var(--_icon-size);color:inherit}.md-menu-item__trailing-text{font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-size, 11px);color:var(--md-sys-color-on-surface-variant, #49454F)}.md-menu-item__trailing:not(:has(::slotted(*),.md-menu-item__trailing-text)){display:none}:host(.md-menu-item--selected) .md-menu-item__trailing{color:inherit}.md-menu-item__check{display:flex;align-items:center;justify-content:center;width:var(--_check-size);height:var(--_check-size);flex-shrink:0;margin-inline-start:8px;color:inherit}.md-menu-item__check .material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-weight:normal;font-style:normal;font-size:var(--_check-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}:host(.md-menu-item--divider){padding-bottom:0;margin-bottom:0}:host(.md-menu-item--divider)::after{content:'';position:absolute;bottom:0;inset-inline:0;height:1px;background-color:var(--md-sys-color-outline-variant, #CAC4D0)}:host([data-variant="standard"]){--_rest-ss:var(--md-sys-shape-corner-small, 8px);--_rest-se:var(--md-sys-shape-corner-small, 8px);--_rest-es:var(--md-sys-shape-corner-small, 8px);--_rest-ee:var(--md-sys-shape-corner-small, 8px);color:var(--md-sys-color-on-surface, #1C1B1F);gap:8px;border-radius:var(--md-sys-shape-corner-small, 8px);--_icon-size:var(--md-menu-item-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)))}:host([data-variant="standard"]:first-child){--_rest-ss:var(--md-sys-shape-corner-large, 16px);--_rest-se:var(--md-sys-shape-corner-large, 16px);border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="standard"]:last-child){--_rest-es:var(--md-sys-shape-corner-large, 16px);--_rest-ee:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="standard"]) .md-menu-item__leading{color:var(--md-sys-color-on-surface-variant, #49454F)}:host([data-variant="standard"]) .md-menu-item__trailing,:host([data-variant="standard"]) .md-menu-item__supporting,:host([data-variant="standard"]) .md-menu-item__trailing-text{color:var(--md-sys-color-on-surface-variant, #49454F)}:host([data-variant="standard"].md-menu-item--selected) .md-menu-item__leading,:host([data-variant="standard"].md-menu-item--selected) .md-menu-item__trailing{color:inherit}:host([data-variant="vibrant"]){--_rest-ss:var(--md-sys-shape-corner-small, 8px);--_rest-se:var(--md-sys-shape-corner-small, 8px);--_rest-es:var(--md-sys-shape-corner-small, 8px);--_rest-ee:var(--md-sys-shape-corner-small, 8px);color:var(--md-sys-color-on-tertiary-container, #31111D);gap:8px;border-radius:var(--md-sys-shape-corner-small, 8px);--_icon-size:var(--md-menu-item-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)))}:host([data-variant="vibrant"]:first-child){--_rest-ss:var(--md-sys-shape-corner-large, 16px);--_rest-se:var(--md-sys-shape-corner-large, 16px);border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="vibrant"]:last-child){--_rest-es:var(--md-sys-shape-corner-large, 16px);--_rest-ee:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="vibrant"]) .md-menu-item__leading{color:var(--md-sys-color-on-tertiary-container, #31111D)}:host([data-variant="vibrant"]) .md-menu-item__trailing,:host([data-variant="vibrant"]) .md-menu-item__supporting,:host([data-variant="vibrant"]) .md-menu-item__trailing-text{color:var(--md-sys-color-on-tertiary-container, #31111D)}:host([data-variant="vibrant"].md-menu-item--selected) .md-menu-item__leading,:host([data-variant="vibrant"].md-menu-item--selected) .md-menu-item__trailing{color:inherit}:host([data-variant="vibrant"]) .md-menu-item__state-layer{background-color:var(--md-sys-color-on-tertiary-container, #31111D)}: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=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdClick=r(this,"mdClick",7);this.headline="";this.supportingText="";this.trailingText="";this.disabled=false;this.selected=false;this.indeterminate=false;this.keepOpen=false;this.divider=false;this.gap=false;this.badge="";this.type="button";this.checkPosition="end";this.presentation="menuitem";this.roleOverride="";this.density=0;this.hasLeadingIcon=false;this.hasTrailingIcon=false;this.handleClick=e=>{if(this.disabled){e.preventDefault();e.stopPropagation();return}if(this.type==="checkbox"){this.selected=!this.selected}else if(this.type==="radio"){this.selected=true;this.deselectSiblingRadios()}this.mdClick.emit();if(!this.keepOpen){let e=this.el.closest("md-menu");let s=e;while(e){const r=e.parentElement?.closest("md-menu");if(r){s=r;e=r}else{break}}if(s){const e=s;if(e.anchor){document.getElementById(e.anchor)?.focus()}setTimeout((()=>e.close?.()),150)}}};this.handleKeyDown=e=>{if(e.key==="Enter"){e.preventDefault();if(!this.disabled)i(this.el);this.el.click()}else if(e.key===" "){e.preventDefault();if(this.disabled)return;i(this.el);if(this.type==="checkbox"){this.selected=!this.selected;this.mdClick.emit()}else if(this.type==="radio"){this.selected=true;this.deselectSiblingRadios();this.mdClick.emit()}else{this.el.click()}}}}componentWillLoad(){this.hasLeadingIcon=!!this.el.querySelector('[slot="leading-icon"]');this.hasTrailingIcon=!!this.el.querySelector('[slot="trailing-icon"]')}deselectSiblingRadios(){if(this.type!=="radio")return;const e=this.el.closest("md-menu-item-group")||this.el.closest("md-menu");if(!e)return;const s=Array.from(e.querySelectorAll("md-menu-item"));for(const e of s){if(e!==this.el&&e.type==="radio"&&e.selected){e.selected=false}}}get role(){if(this.roleOverride)return this.roleOverride;if(this.presentation==="option")return"option";if(this.type==="checkbox")return"menuitemcheckbox";if(this.type==="radio")return"menuitemradio";return"menuitem"}render(){return a(t,{key:"48e404d408c9ca6a0ac34caec39eea727c65a6a4",class:{"md-menu-item":true,"md-menu-item--selected":this.selected,"md-menu-item--disabled":this.disabled,"md-menu-item--divider":this.divider,"md-menu-item--gap":this.gap},role:this.role,"aria-disabled":this.disabled?"true":"false","aria-selected":this.presentation==="option"?String(this.selected):undefined,"aria-checked":this.presentation!=="option"&&this.type!=="button"?this.indeterminate&&!this.selected?"mixed":String(this.selected):undefined,tabindex:"-1",onClick:this.handleClick,onKeyDown:this.handleKeyDown},a("md-ripple",{key:"497ed8d94922129ecc1569b6f4179fa6f5227772",disabled:this.disabled}),a("span",{key:"5e54bd1eacefeafdbab3d5298be1a5ceb756866b",class:"md-menu-item__state-layer",part:"state-layer","aria-hidden":"true"}),this.type!=="button"&&this.checkPosition==="start"&&a("span",{key:"d320b301ec5898b793f2ac303aec2e31f208870b",class:"md-menu-item__check","aria-hidden":"true"},a("span",{key:"a9f09d9e9cae4f932c11a5874157ee8974c2d4b0",class:"material-symbols-outlined"},this.selected?"check":this.indeterminate?"remove":"")),this.hasLeadingIcon&&a("span",{key:"090c791b2ce17d004b9608f5e2b3d9e219a4a99c",class:"md-menu-item__leading",part:"leading-icon","aria-hidden":"true"},a("slot",{key:"b09e72ab4eec2035a782b0bf8ef440daf9979a28",name:"leading-icon"})),a("span",{key:"8d23acafa0b635b73e42d8dd9e5a4797d6603003",class:"md-menu-item__content",part:"content"},a("span",{key:"1260721ca31039703c9ebdc2f7ba220ee1caff3e",class:"md-menu-item__headline",part:"headline"},this.headline),this.supportingText&&a("span",{key:"63d53b3f400ba7e4b61d0858100bfc635a486c24",class:"md-menu-item__supporting",part:"supporting-text"},this.supportingText)),this.badge&&a("span",{key:"4eaddd507b789488ad55aa9abc049b929d3c229a",class:"md-menu-item__badge",part:"badge"},this.badge),(this.hasTrailingIcon||this.trailingText)&&a("span",{key:"b9d9de07acc7edef84f6bb848799749f68bbb8dc",class:"md-menu-item__trailing",part:"trailing"},a("slot",{key:"8c766e4ad6be0e7c4accbef209d91f758f24b924",name:"trailing-icon"},this.trailingText&&a("span",{key:"d4e0221aa63168e972dd0c8ed968ad1f9c0bc14a",class:"md-menu-item__trailing-text"},this.trailingText))),this.type!=="button"&&this.checkPosition==="end"&&a("span",{key:"cc7c2f89b94491a14f72f318916664b455d817c3",class:"md-menu-item__check","aria-hidden":"true"},a("span",{key:"02cfb0716ac3635f720a07c06da9db75151d3437",class:"material-symbols-outlined"},this.selected?"check":this.indeterminate?"remove":"")))}get el(){return this}static get style(){return o()}},[257,"md-menu-item",{headline:[1],supportingText:[1,"supporting-text"],trailingText:[1,"trailing-text"],disabled:[516],selected:[1540],indeterminate:[1540],keepOpen:[4,"keep-open"],divider:[516],gap:[516],badge:[1],type:[1],checkPosition:[513,"check-position"],presentation:[513],roleOverride:[1,"role-override"],density:[514],hasLeadingIcon:[32],hasTrailingIcon:[32]}]);function l(){if(typeof customElements==="undefined"){return}const e=["md-menu-item","md-ripple"];e.forEach((e=>{switch(e){case"md-menu-item":if(!customElements.get(d(e))){customElements.define(d(e),m)}break;case"md-ripple":if(!customElements.get(d(e))){n()}break}}))}l();export{m as M,l as d};
+//# sourceMappingURL=p-2HV152w7.js.map

package/dist/components/p-2HV152w7.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mdMenuItemCss","MdMenuItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","headline","supportingText","trailingText","disabled","selected","indeterminate","keepOpen","divider","gap","badge","type","checkPosition","presentation","roleOverride","density","hasLeadingIcon","hasTrailingIcon","handleClick","e","preventDefault","stopPropagation","deselectSiblingRadios","mdClick","emit","menu","el","closest","root","parent","parentElement","rootMenu","anchor","document","getElementById","focus","setTimeout","close","handleKeyDown","key","triggerRipple","click","componentWillLoad","querySelector","group","siblings","Array","from","querySelectorAll","sibling","role","render","h","Host","class","String","undefined","tabindex","onClick","onKeyDown","part","name"],"sources":["src/components/md-menu-item/md-menu-item.css?tag=md-menu-item&encapsulation=shadow","src/components/md-menu-item/md-menu-item.tsx"],"sourcesContent":["/* ═══════════════════════════════════════════════════════════\n   md-menu-item\n   Material Design 3 — Menus\n   https://m3.material.io/components/menus/specs\n\n   CSS custom properties:\n     --md-menu-item-height            Item height (default 48px)\n     --md-menu-item-padding-inline    Horizontal padding (default 12px)\n     --md-menu-item-gap               Gap between elements (default 12px)\n     --md-menu-item-icon-size         Leading/trailing icon (default 24px,\n                                      20px in the standard/vibrant variants)\n     --md-menu-item-check-size        Selection check/radio glyph (default 20px)\n\n   Heights and all three icon sizes taper with the global `data-density`\n   scale; the custom properties above opt out of that curve entirely.\n\n   Parts:\n     state-layer, leading-icon, content, headline,\n     supporting-text, badge, trailing\n\n   Slots:\n     leading-icon, trailing-icon, (default)\n   ═══════════════════════════════════════════════════════════ */\n\n/* ==========================================================\n   1. HOST\n   ========================================================== */\n:host {\n  display: flex;\n  align-items: center;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  /* Global density: each `data-density` rung (0…-4) trims 4px off the row.\n     density-scale is 0 by default, so the 48px default is unchanged.\n     See packages/tokens/src/tokens.css §10-12. */\n  min-height: var(--md-menu-item-height, calc(48px + var(--md-sys-density-scale, 0) * 4px));\n  /* Leading/trailing icon size — one lever for the wrapper box AND the slotted\n     glyph so they can never drift apart. Tapers 1px per rung (24 → 20px at -4)\n     with an 18px floor, matching md-list-item's icon convention. */\n  --_icon-size: var(--md-menu-item-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));\n  /* Selection check/radio glyph — 20dp per M3, same 1px/rung taper, 16px floor. */\n  --_check-size: var(--md-menu-item-check-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));\n  padding: 0 var(--md-menu-item-padding-inline, var(--md-sys-spacing-inset-md, 12px));\n  gap: var(--md-menu-item-gap, var(--md-sys-spacing-gap-md, 12px));\n  color: var(--md-sys-color-on-surface, #1C1B1F);\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  /* M3 motion — quick tonal/selection fades plus an expressive shape morph\n     so the corner radii ease (rather than snap) on hover / active / select. */\n  transition:\n    background-color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),\n    color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),\n    border-radius var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1));\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host {\n    transition: none;\n  }\n}\n\n/* ==========================================================\n   2. STATES\n   ========================================================== */\n.md-menu-item__state-layer {\n  position: absolute;\n  inset: 0;\n  background-color: var(--md-sys-color-on-surface, #1C1B1F);\n  opacity: 0;\n  pointer-events: none;\n  /* No transition by default: only pointer hover/active eases in (rule below).\n     Keyboard focus (data-md-focused / focus-visible) is deliberately left\n     transition-less so the tint snaps fully on and off. During fast ArrowUp/Down\n     the focused row is a freshly-windowed node that starts at opacity 0, so a\n     fade-in would restart every press and PULSE the focused element; and a\n     fade-out would TRAIL lit rows behind the moving focus. Both are flicker. */\n}\n\n/* Inside a gapped group card the state layer sits `padding` in from a ROUNDED\n   edge, so square corners left a wider band at the card's corners than along\n   its sides. Concentric radius = card radius − that inset. */\n:host-context(md-menu-item-group[data-use-gap]) .md-menu-item__state-layer {\n  border-radius: calc(var(--md-menu-group-shape, 12px) - var(--md-sys-spacing-inset-xs, 4px));\n}\n\n:host(:hover) .md-menu-item__state-layer { opacity: 0.08; }\n:host(:active) .md-menu-item__state-layer { opacity: 0.12; }\n:host(:focus-visible) .md-menu-item__state-layer,\n:host([data-md-focused]) .md-menu-item__state-layer { opacity: 0.12; }\n\n/* Soft ease-in for pointer hover/active only — keyboard focus stays instant. */\n:host(:hover) .md-menu-item__state-layer,\n:host(:active) .md-menu-item__state-layer {\n  transition: opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n\n:host(:focus-visible),\n:host([data-md-focused]) {\n  outline: 3px solid var(--md-sys-color-secondary, #625B71);\n  outline-offset: -3px;\n}\n\n/* ==========================================================\n   3. SELECTED STATE\n   ========================================================== */\n\n/* Baseline */\n:host(.md-menu-item--selected) {\n  background-color: var(--md-sys-color-secondary-container, #E8DEF8);\n}\n\n/* Vertical Standard */\n:host([data-variant=\"standard\"].md-menu-item--selected) {\n  background-color: var(--md-sys-color-tertiary-container, #FFD8E4);\n  color: var(--md-sys-color-on-tertiary-container, #31111D);\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"standard\"]:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"standard\"]:active) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"standard\"]:first-child:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"standard\"]:last-child:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"standard\"][data-after-gap]:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"standard\"][gap]:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"standard\"][data-after-gap][gap]:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)));\n}\n\n/* Vertical Vibrant */\n:host([data-variant=\"vibrant\"].md-menu-item--selected) {\n  background-color: var(--md-sys-color-tertiary, #7D5260);\n  color: var(--md-sys-color-on-tertiary, #FFFFFF);\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"vibrant\"]:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"vibrant\"]:active) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"vibrant\"]:first-child:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"vibrant\"]:last-child:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"vibrant\"][data-after-gap]:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"vibrant\"][gap]:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)));\n}\n\n:host([data-variant=\"vibrant\"][data-after-gap][gap]:hover) {\n  border-start-start-radius: calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));\n  border-start-end-radius: calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));\n  border-end-start-radius: calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));\n  border-end-end-radius: calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)));\n}\n\n/* ==========================================================\n   4. DISABLED STATE\n   ========================================================== */\n:host(.md-menu-item--disabled) {\n  cursor: default;\n  opacity: 0.38;\n  pointer-events: none;\n}\n\n/* ==========================================================\n   5. LEADING ICON\n   ========================================================== */\n.md-menu-item__leading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: var(--_icon-size);\n  height: var(--_icon-size);\n  color: var(--md-sys-color-on-surface-variant, #49454F);\n}\n\n.md-menu-item__leading ::slotted(*) {\n  /* `!important` here is load-bearing, not a specificity hack. Icon glyphs are\n     slotted light-DOM nodes carrying a DOCUMENT-tree class — Material Symbols\n     ships `.material-symbols-outlined { font-size: 24px }`. Per CSS Scoping\n     §3.3 the OUTER tree wins normal declarations against `::slotted()` no\n     matter the specificity, and only `!important` flips that (important\n     declarations resolve the other way, inner tree first). Without the flag the\n     glyph stays welded at 24px while this wrapper tapers to 20px, so the icon\n     overflows its box at every density rung. Width/height are uncontested by\n     that stylesheet and stay normal, so authors can still override them. */\n  font-size: var(--_icon-size) !important;\n  width: var(--_icon-size);\n  height: var(--_icon-size);\n  color: inherit;\n}\n\n:host(.md-menu-item--selected) .md-menu-item__leading {\n  color: inherit;\n}\n\n/* ==========================================================\n   6. CONTENT\n   ========================================================== */\n.md-menu-item__content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  min-width: 0;\n}\n\n.md-menu-item__headline {\n  font-family: var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);\n  font-size: max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));\n  font-weight: var(--md-sys-typescale-body-large-weight, 400);\n  line-height: max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.md-menu-item__supporting {\n  font-family: var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);\n  font-size: max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));\n  line-height: max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));\n  color: var(--md-sys-color-on-surface-variant, #49454F);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ==========================================================\n   7. BADGE\n   ========================================================== */\n.md-menu-item__badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  height: 20px;\n  margin-inline-start: 12px;\n  padding: 0 8px;\n  border-radius: var(--md-sys-shape-corner-full, 9999px);\n  background-color: var(--md-sys-color-tertiary-container, #FFD8E4);\n  color: var(--md-sys-color-on-tertiary-container, #31111D);\n  font-family: var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);\n  font-size: var(--md-sys-typescale-label-small-size, 11px);\n  font-weight: var(--md-sys-typescale-label-small-weight, 500);\n  line-height: var(--md-sys-typescale-label-small-line-height, 16px);\n  letter-spacing: var(--md-sys-typescale-label-small-tracking, 0.5px);\n  white-space: nowrap;\n}\n\n/* ==========================================================\n   8. TRAILING\n   ========================================================== */\n.md-menu-item__trailing {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-inline-start: 8px;\n  color: var(--md-sys-color-on-surface-variant, #49454F);\n}\n\n.md-menu-item__trailing /* NOT badges. A custom property inside ::slotted() resolves in the SLOTTED\n   element's own scope, and md-badge defines its own `--_icon-size` (10px, for\n   its glyph). So `height: var(--_icon-size) !important` here picked up the\n   BADGE's 10px instead of this component's icon size and, being !important,\n   beat the badge's own 16px — squashing every badge slotted onto an icon\n   button / avatar / menu item into a 10px blob. A badge is not an icon; it\n   sizes itself. */\n::slotted(*:not(md-badge)) {\n  /* `!important` for the same document-tree reason as the leading glyph above. */\n  font-size: var(--_icon-size) !important;\n  width: var(--_icon-size);\n  height: var(--_icon-size);\n  color: inherit;\n}\n\n.md-menu-item__trailing-text {\n  font-family: var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);\n  font-size: var(--md-sys-typescale-label-small-size, 11px);\n  color: var(--md-sys-color-on-surface-variant, #49454F);\n}\n\n/* Hide trailing when nothing is slotted and no trailing text */\n.md-menu-item__trailing:not(:has(::slotted(*), .md-menu-item__trailing-text)) {\n  display: none;\n}\n\n:host(.md-menu-item--selected) .md-menu-item__trailing {\n  color: inherit;\n}\n\n/* ==========================================================\n   9. CHECK INDICATOR (checkbox/radio)\n   ========================================================== */\n.md-menu-item__check {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* Shadow-internal glyph, so no document-tree rule competes and no\n     `!important` is needed — but it still has to taper with its row. */\n  width: var(--_check-size);\n  height: var(--_check-size);\n  flex-shrink: 0;\n  margin-inline-start: 8px;\n  color: inherit;\n}\n\n.md-menu-item__check .material-symbols-outlined {\n  font-family: var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');\n  font-weight: normal;\n  font-style: normal;\n  font-size: var(--_check-size);\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  overflow-wrap: normal;\n  direction: ltr;\n  font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased;\n}\n\n/* ==========================================================\n   10. DIVIDER\n   ========================================================== */\n/* The line is flush: it separates two rows without displacing either.\n\n   The previous `padding-bottom: 8px` came out of the item's OWN height —\n   `min-block-size` is a border-box measurement, so a divider row rendered 40px\n   of content where every other row got 48px, sitting 4px high against the\n   list's rhythm with a correspondingly shorter hit area. The matching\n   `margin-bottom: 8px` then left dead menu background under the line, which\n   the row's hover surface could not reach.\n\n   Rows that want breathing room use the separate `gap` prop, which the menu\n   applies as a margin from the outside (md-menu.css, `::slotted([gap])`). */\n:host(.md-menu-item--divider) {\n  padding-bottom: 0;\n  margin-bottom: 0;\n}\n\n:host(.md-menu-item--divider)::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  inset-inline: 0;\n  height: 1px;\n  background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n}\n\n/* ==========================================================\n   11. VERTICAL MENU (STANDARD) VARIANT OVERRIDES\n   ========================================================== */\n:host([data-variant=\"standard\"]) {\n  /* Resting corners, named so the hover/press/selected rules below can blend\n     BACK to them. Freezing is per-corner because an item's resting shape\n     depends on its position: first/last child carry large outer corners while\n     the rest are small, so a single blanket rest value would round the wrong\n     corners when shape morph is switched off. See §13 in tokens.css. */\n  --_rest-ss: var(--md-sys-shape-corner-small, 8px);\n  --_rest-se: var(--md-sys-shape-corner-small, 8px);\n  --_rest-es: var(--md-sys-shape-corner-small, 8px);\n  --_rest-ee: var(--md-sys-shape-corner-small, 8px);\n  color: var(--md-sys-color-on-surface, #1C1B1F);\n  gap: 8px;\n  border-radius: var(--md-sys-shape-corner-small, 8px);\n  /* The vertical variants tighten icons to 20dp; retargeting the same lever\n     keeps them on the density curve instead of freezing at 20px. */\n  --_icon-size: var(--md-menu-item-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));\n}\n\n:host([data-variant=\"standard\"]:first-child) {\n  --_rest-ss: var(--md-sys-shape-corner-large, 16px);\n  --_rest-se: var(--md-sys-shape-corner-large, 16px);\n  border-start-start-radius: var(--md-sys-shape-corner-large, 16px);\n  border-start-end-radius: var(--md-sys-shape-corner-large, 16px);\n}\n\n:host([data-variant=\"standard\"]:last-child) {\n  --_rest-es: var(--md-sys-shape-corner-large, 16px);\n  --_rest-ee: var(--md-sys-shape-corner-large, 16px);\n  border-end-start-radius: var(--md-sys-shape-corner-large, 16px);\n  border-end-end-radius: var(--md-sys-shape-corner-large, 16px);\n}\n\n:host([data-variant=\"standard\"]) .md-menu-item__leading {\n  color: var(--md-sys-color-on-surface-variant, #49454F);\n}\n\n:host([data-variant=\"standard\"]) .md-menu-item__trailing,\n:host([data-variant=\"standard\"]) .md-menu-item__supporting,\n:host([data-variant=\"standard\"]) .md-menu-item__trailing-text {\n  color: var(--md-sys-color-on-surface-variant, #49454F);\n}\n\n:host([data-variant=\"standard\"].md-menu-item--selected) .md-menu-item__leading,\n:host([data-variant=\"standard\"].md-menu-item--selected) .md-menu-item__trailing {\n  color: inherit;\n}\n\n/* ==========================================================\n   12. VERTICAL MENU (VIBRANT) VARIANT OVERRIDES\n   ========================================================== */\n:host([data-variant=\"vibrant\"]) {\n  /* Resting corners, named so the hover/press/selected rules below can blend\n     BACK to them. Freezing is per-corner because an item's resting shape\n     depends on its position: first/last child carry large outer corners while\n     the rest are small, so a single blanket rest value would round the wrong\n     corners when shape morph is switched off. See §13 in tokens.css. */\n  --_rest-ss: var(--md-sys-shape-corner-small, 8px);\n  --_rest-se: var(--md-sys-shape-corner-small, 8px);\n  --_rest-es: var(--md-sys-shape-corner-small, 8px);\n  --_rest-ee: var(--md-sys-shape-corner-small, 8px);\n  color: var(--md-sys-color-on-tertiary-container, #31111D);\n  gap: 8px;\n  border-radius: var(--md-sys-shape-corner-small, 8px);\n  --_icon-size: var(--md-menu-item-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));\n}\n\n:host([data-variant=\"vibrant\"]:first-child) {\n  --_rest-ss: var(--md-sys-shape-corner-large, 16px);\n  --_rest-se: var(--md-sys-shape-corner-large, 16px);\n  border-start-start-radius: var(--md-sys-shape-corner-large, 16px);\n  border-start-end-radius: var(--md-sys-shape-corner-large, 16px);\n}\n\n:host([data-variant=\"vibrant\"]:last-child) {\n  --_rest-es: var(--md-sys-shape-corner-large, 16px);\n  --_rest-ee: var(--md-sys-shape-corner-large, 16px);\n  border-end-start-radius: var(--md-sys-shape-corner-large, 16px);\n  border-end-end-radius: var(--md-sys-shape-corner-large, 16px);\n}\n\n:host([data-variant=\"vibrant\"]) .md-menu-item__leading {\n  color: var(--md-sys-color-on-tertiary-container, #31111D);\n}\n\n:host([data-variant=\"vibrant\"]) .md-menu-item__trailing,\n:host([data-variant=\"vibrant\"]) .md-menu-item__supporting,\n:host([data-variant=\"vibrant\"]) .md-menu-item__trailing-text {\n  color: var(--md-sys-color-on-tertiary-container, #31111D);\n}\n\n:host([data-variant=\"vibrant\"].md-menu-item--selected) .md-menu-item__leading,\n:host([data-variant=\"vibrant\"].md-menu-item--selected) .md-menu-item__trailing {\n  color: inherit;\n}\n\n:host([data-variant=\"vibrant\"]) .md-menu-item__state-layer {\n  background-color: var(--md-sys-color-on-tertiary-container, #31111D);\n}\n\n/* ==========================================================\n   DENSITY (local override)\n   Maps the local `density` prop onto the same --md-sys-density-scale signal a\n   global `data-density` ancestor sets. Declared on :host, so a local rung wins\n   over the inherited global one. Every density-sensitive value in this file\n   derives from that single signal by calc — never add a fixed per-rung ladder.\n   ========================================================== */\n:host([density='-1']) { --md-sys-density-scale: -1; }\n:host([density='-2']) { --md-sys-density-scale: -2; }\n:host([density='-3']) { --md-sys-density-scale: -3; }\n:host([density='-4']) { --md-sys-density-scale: -4; }\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State } from '@stencil/core';\nimport { MenuElement, SelectableElement } from '../../utils/types';\nimport { triggerRipple } from '../../utils/ripple';\n\n@Component({ tag: 'md-menu-item', styleUrl: 'md-menu-item.css', shadow: true })\nexport class MdMenuItem {\n  @Element() el!: HTMLElement;\n\n  /** Primary label text. */\n  @Prop() headline: string = '';\n  /** Secondary descriptive text below the headline. */\n  @Prop({ attribute: 'supporting-text' }) supportingText: string = '';\n  /** Trailing text (e.g. keyboard shortcut). */\n  @Prop({ attribute: 'trailing-text' }) trailingText: string = '';\n  /** Whether the item is disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Whether the item is currently selected. */\n  @Prop({ mutable: true, reflect: true }) selected: boolean = false;\n  /** Mixed/partial state for a `checkbox` item — renders a dash in the check\n   *  slot instead of a tick and exposes `aria-checked=\"mixed\"`. Used for a\n   *  \"select all\" affordance where only some children are selected. Ignored for\n   *  `button`/`radio` types and when `selected` is true. */\n  @Prop({ mutable: true, reflect: true }) indeterminate: boolean = false;\n  /** Prevent the parent menu from closing when this item is clicked. */\n  @Prop({ attribute: 'keep-open' }) keepOpen: boolean = false;\n  /** Render a divider line below this item. */\n  @Prop({ reflect: true }) divider: boolean = false;\n  /** Render a gap (extra space) below this item — an alternative separator to divider. */\n  @Prop({ reflect: true }) gap: boolean = false;\n  /** Small badge label (e.g. \"New\") displayed before the trailing area. */\n  @Prop() badge: string = '';\n  /** Type of item: 'button' (default action), 'checkbox' (toggle), or 'radio' (single-select within group). */\n  @Prop() type: 'button' | 'checkbox' | 'radio' = 'button';\n  /** Position of the selection checkmark indicator. */\n  @Prop({ attribute: 'check-position', reflect: true }) checkPosition: 'start' | 'end' = 'end';\n  /**\n   * ARIA presentation. `'menuitem'` (default) exposes the item with the menu\n   * role family (`menuitem` / `menuitemradio` / `menuitemcheckbox`, state via\n   * `aria-checked`). `'option'` exposes it as a listbox option (`role=\"option\"`,\n   * state via `aria-selected`) — used by `md-select` so the popup is a proper\n   * WAI-ARIA combobox/listbox rather than a menu.\n   */\n  @Prop({ reflect: true }) presentation: 'menuitem' | 'option' = 'menuitem';\n\n  /**\n   * Override the computed ARIA role. Used when a checkbox/radio item is NOT inside\n   * a menu — e.g. a \"select all\" toggle in a listbox popup, which is semantically a\n   * `checkbox` (keeps `aria-checked`, drops the menu-only required-parent). Empty =\n   * the default menuitem/option role family.\n   */\n  @Prop({ attribute: 'role-override' }) roleOverride: string = '';\n\n  /**\n   * Local density rung. Drives the same `--md-sys-density-scale` signal that a\n   * global `data-density` ancestor sets, so a local value simply overrides the\n   * inherited one. 0 = default, -4 = ultra-compact.\n   */\n  @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n  /** Fires when the item is activated. */\n  @Event() mdClick: EventEmitter<void>;\n\n  @State() private hasLeadingIcon = false;\n  @State() private hasTrailingIcon = false;\n\n  componentWillLoad() {\n    this.hasLeadingIcon = !!this.el.querySelector('[slot=\"leading-icon\"]');\n    this.hasTrailingIcon = !!this.el.querySelector('[slot=\"trailing-icon\"]');\n  }\n\n  private handleClick = (e: MouseEvent) => {\n    if (this.disabled) { e.preventDefault(); e.stopPropagation(); return; }\n\n    if (this.type === 'checkbox') {\n      this.selected = !this.selected;\n    } else if (this.type === 'radio') {\n      this.selected = true;\n      this.deselectSiblingRadios();\n    }\n\n    this.mdClick.emit();\n\n    if (!this.keepOpen) {\n      let menu = this.el.closest('md-menu') as HTMLElement | null;\n      let root = menu;\n      while (menu) {\n        const parent = menu.parentElement?.closest('md-menu') as HTMLElement | null;\n        if (parent) { root = parent; menu = parent; } else { break; }\n      }\n      if (root) {\n        const rootMenu = root as MenuElement;\n        if (rootMenu.anchor) {\n          document.getElementById(rootMenu.anchor)?.focus();\n        }\n        setTimeout(() => rootMenu.close?.(), 150);\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      if (!this.disabled) triggerRipple(this.el);\n      this.el.click();\n    } else if (e.key === ' ') {\n      e.preventDefault();\n      if (this.disabled) return;\n\n      triggerRipple(this.el);\n\n      if (this.type === 'checkbox') {\n        this.selected = !this.selected;\n        this.mdClick.emit();\n      } else if (this.type === 'radio') {\n        this.selected = true;\n        this.deselectSiblingRadios();\n        this.mdClick.emit();\n      } else {\n        this.el.click();\n      }\n    }\n  };\n\n  private deselectSiblingRadios() {\n    if (this.type !== 'radio') return;\n    const group = this.el.closest('md-menu-item-group') || this.el.closest('md-menu');\n    if (!group) return;\n    const siblings = Array.from(group.querySelectorAll('md-menu-item')) as unknown as SelectableElement[];\n    for (const sibling of siblings) {\n      if (sibling !== this.el && sibling.type === 'radio' && sibling.selected) {\n        sibling.selected = false;\n      }\n    }\n  }\n\n  private get role(): string {\n    if (this.roleOverride) return this.roleOverride;\n    if (this.presentation === 'option') return 'option';\n    if (this.type === 'checkbox') return 'menuitemcheckbox';\n    if (this.type === 'radio') return 'menuitemradio';\n    return 'menuitem';\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'md-menu-item': true,\n          'md-menu-item--selected': this.selected,\n          'md-menu-item--disabled': this.disabled,\n          'md-menu-item--divider': this.divider,\n          'md-menu-item--gap': this.gap,\n        }}\n        role={this.role}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n        aria-selected={this.presentation === 'option' ? String(this.selected) : undefined}\n        aria-checked={\n          this.presentation !== 'option' && this.type !== 'button'\n            ? this.indeterminate && !this.selected\n              ? 'mixed'\n              : String(this.selected)\n            : undefined\n        }\n        tabindex=\"-1\"\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n      >\n        <md-ripple disabled={this.disabled}></md-ripple>\n        <span class=\"md-menu-item__state-layer\" part=\"state-layer\" aria-hidden=\"true\"></span>\n\n        {this.type !== 'button' && this.checkPosition === 'start' && (\n          <span class=\"md-menu-item__check\" aria-hidden=\"true\">\n            <span class=\"material-symbols-outlined\">\n              {this.selected ? 'check' : this.indeterminate ? 'remove' : ''}\n            </span>\n          </span>\n        )}\n\n        {this.hasLeadingIcon && (\n          <span class=\"md-menu-item__leading\" part=\"leading-icon\" aria-hidden=\"true\">\n            <slot name=\"leading-icon\"></slot>\n          </span>\n        )}\n\n        <span class=\"md-menu-item__content\" part=\"content\">\n          <span class=\"md-menu-item__headline\" part=\"headline\">{this.headline}</span>\n          {this.supportingText && (\n            <span class=\"md-menu-item__supporting\" part=\"supporting-text\">{this.supportingText}</span>\n          )}\n        </span>\n\n        {this.badge && (\n          <span class=\"md-menu-item__badge\" part=\"badge\">{this.badge}</span>\n        )}\n\n        {(this.hasTrailingIcon || this.trailingText) && (\n          <span class=\"md-menu-item__trailing\" part=\"trailing\">\n            <slot name=\"trailing-icon\">\n              {this.trailingText && (\n                <span class=\"md-menu-item__trailing-text\">{this.trailingText}</span>\n              )}\n            </slot>\n          </span>\n        )}\n\n        {this.type !== 'button' && this.checkPosition === 'end' && (\n          <span class=\"md-menu-item__check\" aria-hidden=\"true\">\n            <span class=\"material-symbols-outlined\">\n              {this.selected ? 'check' : this.indeterminate ? 'remove' : ''}\n            </span>\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"+IAAA,MAAMA,EAAgB,IAAM,06lB,MCKfC,EAAUC,EAAA,MAAAD,UAAAE,EADvB,WAAAC,CAAAC,G,mGAKUC,KAAAC,SAAmB,GAEaD,KAAAE,eAAyB,GAE3BF,KAAAG,aAAuB,GAEpCH,KAAAI,SAAoB,MAELJ,KAAAK,SAAoB,MAKpBL,KAAAM,cAAyB,MAE/BN,KAAAO,SAAoB,MAE7BP,KAAAQ,QAAmB,MAEnBR,KAAAS,IAAe,MAEhCT,KAAAU,MAAgB,GAEhBV,KAAAW,KAAwC,SAEMX,KAAAY,cAAiC,MAQ9DZ,KAAAa,aAAsC,WAQzBb,KAAAc,aAAuB,GAOpCd,KAAAe,QAAiC,EAKzCf,KAAAgB,eAAiB,MACjBhB,KAAAiB,gBAAkB,MAO3BjB,KAAAkB,YAAeC,IACrB,GAAInB,KAAKI,SAAU,CAAEe,EAAEC,iBAAkBD,EAAEE,kBAAmB,M,CAE9D,GAAIrB,KAAKW,OAAS,WAAY,CAC5BX,KAAKK,UAAYL,KAAKK,Q,MACjB,GAAIL,KAAKW,OAAS,QAAS,CAChCX,KAAKK,SAAW,KAChBL,KAAKsB,uB,CAGPtB,KAAKuB,QAAQC,OAEb,IAAKxB,KAAKO,SAAU,CAClB,IAAIkB,EAAOzB,KAAK0B,GAAGC,QAAQ,WAC3B,IAAIC,EAAOH,EACX,MAAOA,EAAM,CACX,MAAMI,EAASJ,EAAKK,eAAeH,QAAQ,WAC3C,GAAIE,EAAQ,CAAED,EAAOC,EAAQJ,EAAOI,C,KAAe,CAAE,K,EAEvD,GAAID,EAAM,CACR,MAAMG,EAAWH,EACjB,GAAIG,EAASC,OAAQ,CACnBC,SAASC,eAAeH,EAASC,SAASG,O,CAE5CC,YAAW,IAAML,EAASM,WAAW,I,IAKnCrC,KAAAsC,cAAiBnB,IACvB,GAAIA,EAAEoB,MAAQ,QAAS,CACrBpB,EAAEC,iBACF,IAAKpB,KAAKI,SAAUoC,EAAcxC,KAAK0B,IACvC1B,KAAK0B,GAAGe,O,MACH,GAAItB,EAAEoB,MAAQ,IAAK,CACxBpB,EAAEC,iBACF,GAAIpB,KAAKI,SAAU,OAEnBoC,EAAcxC,KAAK0B,IAEnB,GAAI1B,KAAKW,OAAS,WAAY,CAC5BX,KAAKK,UAAYL,KAAKK,SACtBL,KAAKuB,QAAQC,M,MACR,GAAIxB,KAAKW,OAAS,QAAS,CAChCX,KAAKK,SAAW,KAChBL,KAAKsB,wBACLtB,KAAKuB,QAAQC,M,KACR,CACLxB,KAAK0B,GAAGe,O,GAiGf,CAtJC,iBAAAC,GACE1C,KAAKgB,iBAAmBhB,KAAK0B,GAAGiB,cAAc,yBAC9C3C,KAAKiB,kBAAoBjB,KAAK0B,GAAGiB,cAAc,yB,CAwDzC,qBAAArB,GACN,GAAItB,KAAKW,OAAS,QAAS,OAC3B,MAAMiC,EAAQ5C,KAAK0B,GAAGC,QAAQ,uBAAyB3B,KAAK0B,GAAGC,QAAQ,WACvE,IAAKiB,EAAO,OACZ,MAAMC,EAAWC,MAAMC,KAAKH,EAAMI,iBAAiB,iBACnD,IAAK,MAAMC,KAAWJ,EAAU,CAC9B,GAAII,IAAYjD,KAAK0B,IAAMuB,EAAQtC,OAAS,SAAWsC,EAAQ5C,SAAU,CACvE4C,EAAQ5C,SAAW,K,GAKzB,QAAY6C,GACV,GAAIlD,KAAKc,aAAc,OAAOd,KAAKc,aACnC,GAAId,KAAKa,eAAiB,SAAU,MAAO,SAC3C,GAAIb,KAAKW,OAAS,WAAY,MAAO,mBACrC,GAAIX,KAAKW,OAAS,QAAS,MAAO,gBAClC,MAAO,U,CAGT,MAAAwC,GACE,OACEC,EAACC,EAAI,CAAAd,IAAA,2CACHe,MAAO,CACL,eAAgB,KAChB,yBAA0BtD,KAAKK,SAC/B,yBAA0BL,KAAKI,SAC/B,wBAAyBJ,KAAKQ,QAC9B,oBAAqBR,KAAKS,KAE5ByC,KAAMlD,KAAKkD,KAAI,gBACAlD,KAAKI,SAAW,OAAS,QAAO,gBAChCJ,KAAKa,eAAiB,SAAW0C,OAAOvD,KAAKK,UAAYmD,UAAS,eAE/ExD,KAAKa,eAAiB,UAAYb,KAAKW,OAAS,SAC5CX,KAAKM,gBAAkBN,KAAKK,SAC1B,QACAkD,OAAOvD,KAAKK,UACdmD,UAENC,SAAS,KACTC,QAAS1D,KAAKkB,YACdyC,UAAW3D,KAAKsC,eAEhBc,EAAA,aAAAb,IAAA,2CAAWnC,SAAUJ,KAAKI,WAC1BgD,EAAA,QAAAb,IAAA,2CAAMe,MAAM,4BAA4BM,KAAK,cAAa,cAAa,SAEtE5D,KAAKW,OAAS,UAAYX,KAAKY,gBAAkB,SAChDwC,EAAA,QAAAb,IAAA,2CAAMe,MAAM,sBAAqB,cAAa,QAC5CF,EAAA,QAAAb,IAAA,2CAAMe,MAAM,6BACTtD,KAAKK,SAAW,QAAUL,KAAKM,cAAgB,SAAW,KAKhEN,KAAKgB,gBACJoC,EAAA,QAAAb,IAAA,2CAAMe,MAAM,wBAAwBM,KAAK,eAAc,cAAa,QAClER,EAAA,QAAAb,IAAA,2CAAMsB,KAAK,kBAIfT,EAAA,QAAAb,IAAA,2CAAMe,MAAM,wBAAwBM,KAAK,WACvCR,EAAA,QAAAb,IAAA,2CAAMe,MAAM,yBAAyBM,KAAK,YAAY5D,KAAKC,UAC1DD,KAAKE,gBACJkD,EAAA,QAAAb,IAAA,2CAAMe,MAAM,2BAA2BM,KAAK,mBAAmB5D,KAAKE,iBAIvEF,KAAKU,OACJ0C,EAAA,QAAAb,IAAA,2CAAMe,MAAM,sBAAsBM,KAAK,SAAS5D,KAAKU,QAGrDV,KAAKiB,iBAAmBjB,KAAKG,eAC7BiD,EAAA,QAAAb,IAAA,2CAAMe,MAAM,yBAAyBM,KAAK,YACxCR,EAAA,QAAAb,IAAA,2CAAMsB,KAAK,iBACR7D,KAAKG,cACJiD,EAAA,QAAAb,IAAA,2CAAMe,MAAM,+BAA+BtD,KAAKG,gBAMvDH,KAAKW,OAAS,UAAYX,KAAKY,gBAAkB,OAChDwC,EAAA,QAAAb,IAAA,2CAAMe,MAAM,sBAAqB,cAAa,QAC5CF,EAAA,QAAAb,IAAA,2CAAMe,MAAM,6BACTtD,KAAKK,SAAW,QAAUL,KAAKM,cAAgB,SAAW,K","ignoreList":[]}

package/dist/components/p-6ZDAcEKN.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,c as t,h as o,d as i,t as a}from"./p-BR6gfOQH.js";import{t as r}from"./p-DYBUr7K_.js";import{s as c,a as n,g as d,c as l,r as h}from"./p-DWxN44zD.js";import{d as m}from"./p-De3E5Q8v.js";const b=()=>`:host{--_container-color:var(--md-checkbox-container-color, transparent);--_selected-container-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary));--_outline-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant));--_outline-width:var(--md-checkbox-outline-width, 2px);--_icon-color:var(--md-checkbox-icon-color, var(--md-sys-color-on-primary));--_container-shape:var(--md-checkbox-container-shape, 2px);--_container-size:var(--md-checkbox-container-size, max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size:var(--md-checkbox-icon-size, max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px)));--_touch-size:max(32px, calc(var(--md-checkbox-touch-target-size, 48px) + var(--md-sys-density-scale, 0) * 4px));--_state-layer-size:var(--md-checkbox-state-layer-size, min(40px, var(--_touch-size)));--_state-layer-color:var(--md-checkbox-state-layer-color, var(--md-sys-color-on-surface));--_selected-state-layer-color:var(--md-checkbox-selected-state-layer-color, var(--md-sys-color-primary));display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--_touch-size);block-size:var(--_touch-size);cursor:pointer;border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden;-webkit-tap-highlight-color:transparent;box-sizing:border-box;flex-shrink:0;vertical-align:middle;outline:none;color:var(--_state-layer-color)}:host(.md-checkbox--selected){color:var(--_selected-state-layer-color)}.md-checkbox__native{position:absolute;opacity:0;inline-size:0;block-size:0;pointer-events:none;margin:0}.md-checkbox__ripple-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden}:host(.md-checkbox--disabled) .md-checkbox__ripple-layer,:host([soft-disabled]) .md-checkbox__ripple-layer{display:none}.md-checkbox__state-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);background-color:var(--_state-layer-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.md-checkbox--unselected:hover) .md-checkbox__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-checkbox--unselected:focus-visible) .md-checkbox__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(.md-checkbox--unselected:active) .md-checkbox__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.md-checkbox--selected) .md-checkbox__state-layer{background-color:var(--_selected-state-layer-color)}:host(.md-checkbox--selected:hover) .md-checkbox__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.md-checkbox--selected:focus-visible) .md-checkbox__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(.md-checkbox--selected:active) .md-checkbox__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible){outline:2px solid var(--md-sys-color-secondary);outline-offset:calc((var(--_state-layer-size) - var(--_touch-size)) / 2)}.md-checkbox__container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_container-size);block-size:var(--_container-size);border-radius:var(--_container-shape);border:var(--_outline-width) solid var(--_outline-color);background-color:var(--_container-color);box-sizing:border-box;pointer-events:none;transition:background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.md-checkbox--selected) .md-checkbox__container{background-color:var(--_selected-container-color);border-color:var(--_selected-container-color)}:host(.md-checkbox--pressed) .md-checkbox__container{transform:scale(0.82);transition:background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     border-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([aria-invalid="true"]) .md-checkbox__container{border-color:var(--md-sys-color-error)}:host([aria-invalid="true"].md-checkbox--selected) .md-checkbox__container{background-color:var(--md-sys-color-error);border-color:var(--md-sys-color-error)}.md-checkbox__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);overflow:visible}.md-checkbox__icon .material-symbols-outlined{font-family:var(--md-sys-icon-font-family, 'Material Symbols Outlined', 'Material Icons');font-size:var(--_icon-size);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24}@keyframes md-checkbox-glyph-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.18);opacity:1}100%{transform:scale(1);opacity:1}}:host(.md-checkbox--checked) .md-checkbox__icon .material-symbols-outlined,:host(.md-checkbox--indeterminate) .md-checkbox__icon .material-symbols-outlined{animation:md-checkbox-glyph-in     var(--md-sys-motion-duration-short2, 200ms)     var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)) both}:host(.md-checkbox--unselected) .md-checkbox__icon{opacity:0}:host(.md-checkbox--selected) .md-checkbox__icon{opacity:1}:host(.md-checkbox--disabled){cursor:default;pointer-events:none}:host(.md-checkbox--disabled.md-checkbox--unselected) .md-checkbox__container{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);background-color:transparent}:host(.md-checkbox--disabled.md-checkbox--selected) .md-checkbox__container{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);border-color:transparent}:host(.md-checkbox--disabled.md-checkbox--selected) .md-checkbox__icon{color:var(--md-sys-color-surface)}:host(.md-checkbox--disabled) .md-checkbox__state-layer{display:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled].md-checkbox--unselected) .md-checkbox__container{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);background-color:transparent}:host([soft-disabled].md-checkbox--selected) .md-checkbox__container{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);border-color:transparent}:host([soft-disabled].md-checkbox--selected) .md-checkbox__icon{color:var(--md-sys-color-surface)}:host([soft-disabled]) .md-checkbox__state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-checkbox__container,.md-checkbox__state-layer{transition:none}.md-checkbox__icon .material-symbols-outlined{animation:none}}@media (forced-colors: active){:host{forced-color-adjust:none}.md-checkbox__container{border-color:ButtonText;background-color:ButtonFace}:host(.md-checkbox--selected) .md-checkbox__container{background-color:Highlight;border-color:Highlight}:host(.md-checkbox--selected) .md-checkbox__icon{color:HighlightText}:host(:focus-visible){outline-color:Highlight}:host(.md-checkbox--disabled) .md-checkbox__container{border-color:GrayText;opacity:1}:host(.md-checkbox--disabled.md-checkbox--selected) .md-checkbox__container{background-color:GrayText;border-color:GrayText}.md-checkbox__state-layer{display: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}.md-checkbox__target{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_touch-size);block-size:var(--_touch-size);border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden;flex-shrink:0}:host(.md-checkbox--has-support){display:inline-flex;flex-direction:column;align-items:flex-start;inline-size:var(--_touch-size);block-size:auto;overflow:visible;border-radius:0}.md-checkbox__support{display:block;margin-block-start:2px;margin-inline-start:calc((var(--_touch-size) - var(--_container-size)) / 2);inline-size:max-content;max-inline-size:60ch;font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);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-checkbox-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454F))}.md-checkbox__support--error{color:var(--md-checkbox-error-text-color, var(--md-sys-color-error, #B3261E))}`;const y=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdChange=t(this,"mdChange",7);this.mdValidityChange=t(this,"mdValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please check this box if you want to proceed.";this.customValidityMessage="";this.uid=`md-checkbox-${Math.random().toString(36).slice(2,7)}`;this.invalid=false;this.error=false;this.errorText="";this.supportingText="";this.checked=false;this.indeterminate=false;this.disabled=false;this.softDisabled=false;this.required=false;this.name="";this.value="on";this.density=0;this.prevChecked=false;this.prevIndeterminate=false;this.pressed=false;this.initialChecked=false;this.initialIndeterminate=false;this.lastValidityKey=null;this.handleClick=()=>{if(this.isDisabled)return;this.prevChecked=this.checked;this.prevIndeterminate=this.indeterminate;if(this.indeterminate){this.indeterminate=false;this.checked=true}else{this.checked=!this.checked}this.mdChange.emit({checked:this.checked,indeterminate:this.indeterminate})};this.handleKeyDown=e=>{if(this.isDisabled)return;if(e.key===" "){e.preventDefault();this.pressed=true;r(this.el);this.handleClick();setTimeout((()=>{this.pressed=false}),150)}};this.handlePointerDown=()=>{if(!this.isDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false}}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){this.initialChecked=this.checked;this.initialIndeterminate=this.indeterminate;this.syncFormValue()}onStateChange(){this.prevChecked=this.checked;this.prevIndeterminate=this.indeterminate;this.syncFormValue()}onValueChange(){this.syncFormValue()}formResetCallback(){this.checked=this.initialChecked;this.indeterminate=this.initialIndeterminate}syncFormValue(){c(this.internals,this.checked?this.value:null);this.syncValidity()}syncValidity(){this.invalid=this.required&&!this.checked&&!this.customValidityMessage?true:!!this.customValidityMessage;n(this.internals,{missing:this.required&&!this.checked,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.emitValidityChange()}async getValidity(){return d(this.internals)}emitValidityChange(){const e=d(this.internals);const s=`${e.valid}|${e.validationMessage}`;if(this.lastValidityKey===s)return;const t=this.lastValidityKey!==null;this.lastValidityKey=s;if(t)this.mdValidityChange.emit(e)}async checkValidity(){return l(this.internals)}async reportValidity(){return h(this.internals)}async setCustomValidity(e){this.customValidityMessage=e;this.syncValidity()}get ariaCheckedValue(){if(this.indeterminate)return"mixed";return String(this.checked)}render(){const e=this.isDisabled;const s=this.checked||this.indeterminate;const t=this.el.getAttribute("aria-hidden")==="true";return o(i,{key:"6151d70a6d2b1c923477873ef91c0e80d1d165e8",class:{"md-checkbox":true,"md-checkbox--checked":this.checked&&!this.indeterminate,"md-checkbox--indeterminate":this.indeterminate,"md-checkbox--disabled":e,"md-checkbox--selected":s,"md-checkbox--unselected":!s,"md-checkbox--pressed":this.pressed,"md-checkbox--prev-unselected":!this.prevChecked&&!this.prevIndeterminate,"md-checkbox--has-support":!!(this.errorText||this.supportingText)},role:"checkbox","aria-invalid":this.invalid?"true":undefined,"aria-describedby":this.errorText||this.supportingText?`${this.uid}-support`:undefined,"aria-checked":this.ariaCheckedValue,"aria-disabled":e?"true":undefined,"aria-required":this.required?"true":undefined,tabindex:t?null:this.disabled?"-1":"0",onPointerDown:this.handlePointerDown,onPointerUp:this.handlePointerUp,onPointerLeave:this.handlePointerUp,onPointerCancel:this.handlePointerUp,onClick:this.handleClick,onKeyDown:this.handleKeyDown},o("span",{key:"e40a207fadba9da13cc242770b5dbf25bd982bf9",class:"md-checkbox__target",part:"target"},o("span",{key:"e9743a49ac5ad9d09341871d94241a73d9a6f6db",class:"md-checkbox__ripple-layer","aria-hidden":"true"},o("md-ripple",{key:"6b2b3f16de880e62bd4c7e535972d72b9b852356",disabled:e})),o("span",{key:"083ac5d32a3b61934bf59992dc94d0aecfa4519b",class:"md-checkbox__state-layer",part:"state-layer","aria-hidden":"true"}),o("span",{key:"15b739357adfe8b42bbd529ae9c73c07c81be941",class:"md-checkbox__container",part:"container"},o("span",{key:"3af9b1d50202b1e8946fb6c4df12e3dcf4b6f721",class:"md-checkbox__icon",part:"icon","aria-hidden":"true"},o("span",{key:"c79042be6891ac7553c93ac2111f52b0ef6a115e",class:"material-symbols-outlined"},this.indeterminate?"remove":"check")))),(this.errorText||this.supportingText)&&o("span",{key:"72f3b6a14ea4d901ac0ed671d0407860d10777bb",id:`${this.uid}-support`,part:"supporting-text",role:this.error?"alert":undefined,class:{"md-checkbox__support":true,"md-checkbox__support--error":this.error}},this.errorText||this.supportingText))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{checked:[{onStateChange:0}],indeterminate:[{onStateChange:0}],value:[{onValueChange:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}]}}static get style(){return b()}},[65,"md-checkbox",{valueMissingLabel:[1,"value-missing-label"],error:[516],errorText:[1025,"error-text"],supportingText:[1,"supporting-text"],checked:[1540],indeterminate:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],name:[1],value:[1],density:[514],invalid:[32],prevChecked:[32],prevIndeterminate:[32],pressed:[32],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},undefined,{checked:[{onStateChange:0}],indeterminate:[{onStateChange:0}],value:[{onValueChange:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}]}]);function u(){if(typeof customElements==="undefined"){return}const e=["md-checkbox","md-ripple"];e.forEach((e=>{switch(e){case"md-checkbox":if(!customElements.get(a(e))){customElements.define(a(e),y)}break;case"md-ripple":if(!customElements.get(a(e))){m()}break}}))}u();export{y as M,u as d};
+//# sourceMappingURL=p-6ZDAcEKN.js.map