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

package/dist/components-csr/md-segmented-button.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as s,h as n,d as o,t as a}from"./p-bSpXNc5J.js";import{t as i}from"./p-DYBUr7K_.js";import{d as r}from"./p-Hm3X1iai.js";const d=()=>`:host{--_container-color:var(--md-segmented-button-container-color, transparent);--_selected-container-color:var(--md-segmented-button-selected-container-color, var(--md-sys-color-secondary-container));--_label-color:var(--md-segmented-button-label-color, var(--md-sys-color-on-surface));--_selected-label-color:var(--md-segmented-button-selected-label-color, var(--md-sys-color-on-secondary-container));--_outline-color:var(--md-segmented-button-outline-color, var(--md-sys-color-outline));--_container-shape:var(--md-segmented-button-container-shape, var(--md-sys-shape-corner-full, 9999px));--_icon-size:var(--md-segmented-button-icon-size, max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px)));--_state-layer-color:var(--md-sys-color-on-surface);--_height:calc(40px + var(--md-sys-density-scale, 0) * 4px);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;border:none;outline:none;box-sizing:border-box;min-height:var(--_height);padding:0 var(--md-sys-spacing-inset-md, 12px);gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));background-color:var(--_container-color);color:var(--_label-color);-webkit-tap-highlight-color:transparent;vertical-align:middle;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transition:background-color 100ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-segmented-button__outline{position:absolute;inset:0;pointer-events:none;border:1px solid var(--_outline-color)}:host(.md-segmented-button--first) .md-segmented-button__outline{border-start-start-radius:var(--_container-shape);border-end-start-radius:var(--_container-shape)}:host(.md-segmented-button--last) .md-segmented-button__outline{border-start-end-radius:var(--_container-shape);border-end-end-radius:var(--_container-shape)}:host(.md-segmented-button--first.md-segmented-button--last) .md-segmented-button__outline{border-radius:var(--_container-shape)}:host(:not(.md-segmented-button--first)) .md-segmented-button__outline{border-inline-start:none}:host(.md-segmented-button--last:not(.md-segmented-button--first)){margin-inline-start:-1px}:host(.md-segmented-button--last:not(.md-segmented-button--first)) .md-segmented-button__outline{border-inline-start:1px solid var(--_outline-color)}:host(.md-segmented-button--first){border-start-start-radius:var(--_container-shape);border-end-start-radius:var(--_container-shape)}:host(.md-segmented-button--last){border-start-end-radius:var(--_container-shape);border-end-end-radius:var(--_container-shape)}:host(.md-segmented-button--first.md-segmented-button--last){border-radius:var(--_container-shape)}:host(:not(.md-segmented-button--first):not(.md-segmented-button--last)){border-radius:0}:host(.md-segmented-button--selected){--_container-color:var(--md-segmented-button-selected-container-color, var(--md-sys-color-secondary-container));background-color:var(--_container-color);color:var(--_selected-label-color);--_state-layer-color:var(--md-sys-color-on-secondary-container)}.md-segmented-button__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity 100ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .md-segmented-button__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .md-segmented-button__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}:host(:active) .md-segmented-button__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px;z-index:1}:host(.md-segmented-button--disabled){cursor:default;pointer-events:none;--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_outline-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-segmented-button--disabled.md-segmented-button--selected){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-segmented-button--disabled:hover) .md-segmented-button__state-layer,:host(.md-segmented-button--disabled:active) .md-segmented-button__state-layer,:host(.md-segmented-button--disabled:focus-visible) .md-segmented-button__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .md-segmented-button__state-layer{display:none}.md-segmented-button__content{display:flex;align-items:center;justify-content:center;gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));z-index:0;position:relative}.md-segmented-button__graphic{font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.md-segmented-button__graphic--hidden{visibility:hidden}.md-segmented-button__spacer{width:var(--_icon-size);flex-shrink:0;visibility:hidden}slot[name="icon"]{display:contents}::slotted([slot="icon"]){width:var(--_icon-size);height:var(--_icon-size);flex-shrink:0}.md-segmented-button__label{display:flex;align-items:center;white-space:nowrap}:host(.md-segmented-button--density-1){--md-sys-density-scale:-1}:host(.md-segmented-button--density-2){--md-sys-density-scale:-2}:host(.md-segmented-button--density-3){--md-sys-density-scale:-3}:host(.md-segmented-button--density-4){--md-sys-density-scale:-4}.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(--_icon-size, 18px);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}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-segmented-button__state-layer{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none;background-color:ButtonFace;color:ButtonText}.md-segmented-button__outline{border-color:ButtonText}:host(:focus-visible){outline-color:Highlight}:host(.md-segmented-button--selected){background-color:Highlight;color:HighlightText}:host(.md-segmented-button--disabled){color:GrayText;opacity:1}:host(.md-segmented-button--disabled) .md-segmented-button__outline{border-color:GrayText}.md-segmented-button__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}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdSegmentClick=s(this,"mdSegmentClick",7);this.value="";this.selected=false;this.disabled=false;this.softDisabled=false;this.icon="";this.label="";this.noCheckmark=false;this.ripple=true;this.segmentIndex=0;this.segmentTotal=1;this.segmentDensity=0;this.segmentMultiselect=false;this.density=0;this.handleClick=e=>{if(this.isDisabled){e.preventDefault();return}const t=this.segmentMultiselect?!this.selected:true;this.mdSegmentClick.emit({value:this.value,selected:t})};this.handleKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();if(!this.isDisabled){i(this.el);const e=this.segmentMultiselect?!this.selected:true;this.mdSegmentClick.emit({value:this.value,selected:e})}return}const t=e.key==="ArrowRight"||e.key==="ArrowLeft"||e.key==="ArrowDown"||e.key==="ArrowUp";if(!t)return;e.preventDefault();const s=this.el.closest("md-segmented-button-set");if(!s)return;const n=Array.from(s.querySelectorAll("md-segmented-button")).filter((e=>!e.hasAttribute("disabled")));if(n.length===0)return;const o=n.indexOf(this.el);if(o===-1)return;const a=e.key==="ArrowRight"||e.key==="ArrowDown";const r=n[(o+(a?1:-1)+n.length)%n.length];r.focus();if(!this.segmentMultiselect)r.click()};this.hasSlottedLabel=false}get isDisabled(){return this.disabled||this.softDisabled}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){const e=!!this.el.textContent?.trim();if(!this.label&&!e&&!this.el.hasAttribute("aria-label")){console.warn(`[md-segmented-button] WCAG 1.1.1: Segment is missing an accessible name. `+`Provide a label prop, slotted text content, or aria-label attribute.`,this.el)}}}componentWillLoad(){this.hasSlottedLabel=(this.el.textContent||"").trim().length>0}render(){const e=this.segmentIndex;const t=this.segmentTotal;const s=this.segmentDensity;const a=!!this.icon;const i=!!this.label||this.hasSlottedLabel;const r=this.selected&&!this.noCheckmark;const d=e===0;const l=e===t-1;return n(o,{key:"040400dd6bb0b0ab5e3bdccf5fff7a8c43b04100",class:{"md-segmented-button":true,"md-segmented-button--selected":this.selected,"md-segmented-button--disabled":this.isDisabled,"md-segmented-button--with-icon":a||r,"md-segmented-button--first":d,"md-segmented-button--last":l,[`md-segmented-button--density-${Math.abs(s)}`]:s!==0},role:this.segmentMultiselect?"checkbox":"radio","aria-checked":String(this.selected),"aria-disabled":this.isDisabled?"true":"false",tabindex:this.disabled?"-1":"0",onClick:this.handleClick,onKeyDown:this.handleKeyDown},this.ripple&&n("md-ripple",{key:"9112444bea9c19672cece7041bef8a5b9b682f6c",disabled:this.isDisabled}),n("span",{key:"76a9ade37c4a4c07791d054648e6193b7a7ac92f",class:"md-segmented-button__state-layer",part:"state-layer","aria-hidden":"true"}),n("span",{key:"c07f1614f340deb86069aabf1dffacc8a4545e4d",class:"md-segmented-button__outline","aria-hidden":"true"}),n("span",{key:"f6015879af1865ef764aa858bd095a6d364a3006",class:"md-segmented-button__content"},a?n("span",{class:"md-segmented-button__graphic material-symbols-outlined",part:r?"checkmark":"icon","aria-hidden":"true"},r?"check":this.icon):!this.noCheckmark?n("span",{class:{"md-segmented-button__graphic":true,"material-symbols-outlined":true,"md-segmented-button__graphic--hidden":!this.selected},part:this.selected?"checkmark":undefined,"aria-hidden":"true"},this.selected?"check":""):null,n("slot",{key:"e7cb38222b3baeefdac203ba6b6bafb678e0e516",name:"icon"}),i?n("span",{class:"md-segmented-button__label",part:"label"},this.label?this.label:n("slot",null)):n("slot",null),!a&&!this.noCheckmark&&n("span",{key:"6e78f887f80833c8afa7e7df7798d7bd792ef8c9",class:"md-segmented-button__spacer","aria-hidden":"true"})))}get el(){return this}static get style(){return d()}},[257,"md-segmented-button",{value:[1],selected:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],icon:[1],label:[1],noCheckmark:[4,"no-checkmark"],ripple:[4],segmentIndex:[2,"segment-index"],segmentTotal:[2,"segment-total"],segmentDensity:[2,"segment-density"],segmentMultiselect:[4,"segment-multiselect"],density:[514],hasSlottedLabel:[32]}]);function c(){if(typeof customElements==="undefined"){return}const e=["md-segmented-button","md-ripple"];e.forEach((e=>{switch(e){case"md-segmented-button":if(!customElements.get(a(e))){customElements.define(a(e),l)}break;case"md-ripple":if(!customElements.get(a(e))){r()}break}}))}c();const m=l;const b=c;export{m as MdSegmentedButton,b as defineCustomElement};
+import{p as e,H as t,c as s,h as n,d as o,t as a}from"./p-bSpXNc5J.js";import{t as i}from"./p-DYBUr7K_.js";import{d as r}from"./p-C3vB0Hd9.js";const d=()=>`:host{--_container-color:var(--md-segmented-button-container-color, transparent);--_selected-container-color:var(--md-segmented-button-selected-container-color, var(--md-sys-color-secondary-container));--_label-color:var(--md-segmented-button-label-color, var(--md-sys-color-on-surface));--_selected-label-color:var(--md-segmented-button-selected-label-color, var(--md-sys-color-on-secondary-container));--_outline-color:var(--md-segmented-button-outline-color, var(--md-sys-color-outline));--_container-shape:var(--md-segmented-button-container-shape, var(--md-sys-shape-corner-full, 9999px));--_icon-size:var(--md-segmented-button-icon-size, max(14px, calc(18px + var(--md-sys-density-scale, 0) * 1px)));--_state-layer-color:var(--md-sys-color-on-surface);--_height:calc(40px + var(--md-sys-density-scale, 0) * 4px);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;border:none;outline:none;box-sizing:border-box;min-height:var(--_height);padding:0 var(--md-sys-spacing-inset-md, 12px);gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));background-color:var(--_container-color);color:var(--_label-color);-webkit-tap-highlight-color:transparent;vertical-align:middle;font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transition:background-color 100ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.md-segmented-button__outline{position:absolute;inset:0;pointer-events:none;border:1px solid var(--_outline-color)}:host(.md-segmented-button--first) .md-segmented-button__outline{border-start-start-radius:var(--_container-shape);border-end-start-radius:var(--_container-shape)}:host(.md-segmented-button--last) .md-segmented-button__outline{border-start-end-radius:var(--_container-shape);border-end-end-radius:var(--_container-shape)}:host(.md-segmented-button--first.md-segmented-button--last) .md-segmented-button__outline{border-radius:var(--_container-shape)}:host(:not(.md-segmented-button--first)) .md-segmented-button__outline{border-inline-start:none}:host(.md-segmented-button--last:not(.md-segmented-button--first)){margin-inline-start:-1px}:host(.md-segmented-button--last:not(.md-segmented-button--first)) .md-segmented-button__outline{border-inline-start:1px solid var(--_outline-color)}:host(.md-segmented-button--first){border-start-start-radius:var(--_container-shape);border-end-start-radius:var(--_container-shape)}:host(.md-segmented-button--last){border-start-end-radius:var(--_container-shape);border-end-end-radius:var(--_container-shape)}:host(.md-segmented-button--first.md-segmented-button--last){border-radius:var(--_container-shape)}:host(:not(.md-segmented-button--first):not(.md-segmented-button--last)){border-radius:0}:host(.md-segmented-button--selected){--_container-color:var(--md-segmented-button-selected-container-color, var(--md-sys-color-secondary-container));background-color:var(--_container-color);color:var(--_selected-label-color);--_state-layer-color:var(--md-sys-color-on-secondary-container)}.md-segmented-button__state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity 100ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .md-segmented-button__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible) .md-segmented-button__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}:host(:active) .md-segmented-button__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}:host(:focus-visible){outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px;z-index:1}:host(.md-segmented-button--disabled){cursor:default;pointer-events:none;--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_outline-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-segmented-button--disabled.md-segmented-button--selected){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-segmented-button--disabled:hover) .md-segmented-button__state-layer,:host(.md-segmented-button--disabled:active) .md-segmented-button__state-layer,:host(.md-segmented-button--disabled:focus-visible) .md-segmented-button__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .md-segmented-button__state-layer{display:none}.md-segmented-button__content{display:flex;align-items:center;justify-content:center;gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));z-index:0;position:relative}.md-segmented-button__graphic{font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0}.md-segmented-button__graphic--hidden{visibility:hidden}.md-segmented-button__spacer{width:var(--_icon-size);flex-shrink:0;visibility:hidden}slot[name="icon"]{display:contents}::slotted([slot="icon"]){width:var(--_icon-size);height:var(--_icon-size);flex-shrink:0}.md-segmented-button__label{display:flex;align-items:center;white-space:nowrap}:host(.md-segmented-button--density-1){--md-sys-density-scale:-1}:host(.md-segmented-button--density-2){--md-sys-density-scale:-2}:host(.md-segmented-button--density-3){--md-sys-density-scale:-3}:host(.md-segmented-button--density-4){--md-sys-density-scale:-4}.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(--_icon-size, 18px);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}@media (prefers-reduced-motion: reduce){:host{transition:none}.md-segmented-button__state-layer{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none;background-color:ButtonFace;color:ButtonText}.md-segmented-button__outline{border-color:ButtonText}:host(:focus-visible){outline-color:Highlight}:host(.md-segmented-button--selected){background-color:Highlight;color:HighlightText}:host(.md-segmented-button--disabled){color:GrayText;opacity:1}:host(.md-segmented-button--disabled) .md-segmented-button__outline{border-color:GrayText}.md-segmented-button__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}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdSegmentClick=s(this,"mdSegmentClick",7);this.value="";this.selected=false;this.disabled=false;this.softDisabled=false;this.icon="";this.label="";this.noCheckmark=false;this.ripple=true;this.segmentIndex=0;this.segmentTotal=1;this.segmentDensity=0;this.segmentMultiselect=false;this.density=0;this.handleClick=e=>{if(this.isDisabled){e.preventDefault();return}const t=this.segmentMultiselect?!this.selected:true;this.mdSegmentClick.emit({value:this.value,selected:t})};this.handleKeyDown=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();if(!this.isDisabled){i(this.el);const e=this.segmentMultiselect?!this.selected:true;this.mdSegmentClick.emit({value:this.value,selected:e})}return}const t=e.key==="ArrowRight"||e.key==="ArrowLeft"||e.key==="ArrowDown"||e.key==="ArrowUp";if(!t)return;e.preventDefault();const s=this.el.closest("md-segmented-button-set");if(!s)return;const n=Array.from(s.querySelectorAll("md-segmented-button")).filter((e=>!e.hasAttribute("disabled")));if(n.length===0)return;const o=n.indexOf(this.el);if(o===-1)return;const a=e.key==="ArrowRight"||e.key==="ArrowDown";const r=n[(o+(a?1:-1)+n.length)%n.length];r.focus();if(!this.segmentMultiselect)r.click()};this.hasSlottedLabel=false}get isDisabled(){return this.disabled||this.softDisabled}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){const e=!!this.el.textContent?.trim();if(!this.label&&!e&&!this.el.hasAttribute("aria-label")){console.warn(`[md-segmented-button] WCAG 1.1.1: Segment is missing an accessible name. `+`Provide a label prop, slotted text content, or aria-label attribute.`,this.el)}}}componentWillLoad(){this.hasSlottedLabel=(this.el.textContent||"").trim().length>0}render(){const e=this.segmentIndex;const t=this.segmentTotal;const s=this.segmentDensity;const a=!!this.icon;const i=!!this.label||this.hasSlottedLabel;const r=this.selected&&!this.noCheckmark;const d=e===0;const l=e===t-1;return n(o,{key:"040400dd6bb0b0ab5e3bdccf5fff7a8c43b04100",class:{"md-segmented-button":true,"md-segmented-button--selected":this.selected,"md-segmented-button--disabled":this.isDisabled,"md-segmented-button--with-icon":a||r,"md-segmented-button--first":d,"md-segmented-button--last":l,[`md-segmented-button--density-${Math.abs(s)}`]:s!==0},role:this.segmentMultiselect?"checkbox":"radio","aria-checked":String(this.selected),"aria-disabled":this.isDisabled?"true":"false",tabindex:this.disabled?"-1":"0",onClick:this.handleClick,onKeyDown:this.handleKeyDown},this.ripple&&n("md-ripple",{key:"9112444bea9c19672cece7041bef8a5b9b682f6c",disabled:this.isDisabled}),n("span",{key:"76a9ade37c4a4c07791d054648e6193b7a7ac92f",class:"md-segmented-button__state-layer",part:"state-layer","aria-hidden":"true"}),n("span",{key:"c07f1614f340deb86069aabf1dffacc8a4545e4d",class:"md-segmented-button__outline","aria-hidden":"true"}),n("span",{key:"f6015879af1865ef764aa858bd095a6d364a3006",class:"md-segmented-button__content"},a?n("span",{class:"md-segmented-button__graphic material-symbols-outlined",part:r?"checkmark":"icon","aria-hidden":"true"},r?"check":this.icon):!this.noCheckmark?n("span",{class:{"md-segmented-button__graphic":true,"material-symbols-outlined":true,"md-segmented-button__graphic--hidden":!this.selected},part:this.selected?"checkmark":undefined,"aria-hidden":"true"},this.selected?"check":""):null,n("slot",{key:"e7cb38222b3baeefdac203ba6b6bafb678e0e516",name:"icon"}),i?n("span",{class:"md-segmented-button__label",part:"label"},this.label?this.label:n("slot",null)):n("slot",null),!a&&!this.noCheckmark&&n("span",{key:"6e78f887f80833c8afa7e7df7798d7bd792ef8c9",class:"md-segmented-button__spacer","aria-hidden":"true"})))}get el(){return this}static get style(){return d()}},[257,"md-segmented-button",{value:[1],selected:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],icon:[1],label:[1],noCheckmark:[4,"no-checkmark"],ripple:[4],segmentIndex:[2,"segment-index"],segmentTotal:[2,"segment-total"],segmentDensity:[2,"segment-density"],segmentMultiselect:[4,"segment-multiselect"],density:[514],hasSlottedLabel:[32]}]);function c(){if(typeof customElements==="undefined"){return}const e=["md-segmented-button","md-ripple"];e.forEach((e=>{switch(e){case"md-segmented-button":if(!customElements.get(a(e))){customElements.define(a(e),l)}break;case"md-ripple":if(!customElements.get(a(e))){r()}break}}))}c();const m=l;const b=c;export{m as MdSegmentedButton,b as defineCustomElement};
 //# sourceMappingURL=md-segmented-button.js.map

package/dist/components-csr/md-select-option.js

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as a,h as n,d as s,t as o}from"./p-bSpXNc5J.js";const i=()=>`:host{display:none}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdSelectOptionChange=a(this,"mdSelectOptionChange",7);this.value="";this.label="";this.disabled=false;this.selected=false;this.icon="";this.iconColor="";this.supportingText=""}onDataChange(){this.mdSelectOptionChange.emit()}connectedCallback(){this.mdSelectOptionChange?.emit()}disconnectedCallback(){this.mdSelectOptionChange?.emit()}render(){return n(s,{key:"5fce1088e0dfc241ac5c8a90979c517d114df40b",role:"option","aria-hidden":"true","aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":"false"},n("slot",{key:"1ec08d8e6dc4259988fbb55456a9bed3df1de37d"}))}get el(){return this}static get watchers(){return{value:[{onDataChange:0}],label:[{onDataChange:0}],disabled:[{onDataChange:0}],selected:[{onDataChange:0}],icon:[{onDataChange:0}],iconColor:[{onDataChange:0}],supportingText:[{onDataChange:0}]}}static get style(){return i()}},[257,"md-select-option",{value:[1],label:[1],disabled:[516],selected:[516],icon:[1],iconColor:[1,"icon-color"],supportingText:[1,"supporting-text"]},undefined,{value:[{onDataChange:0}],label:[{onDataChange:0}],disabled:[{onDataChange:0}],selected:[{onDataChange:0}],icon:[{onDataChange:0}],iconColor:[{onDataChange:0}],supportingText:[{onDataChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const e=["md-select-option"];e.forEach((e=>{switch(e){case"md-select-option":if(!customElements.get(o(e))){customElements.define(o(e),c)}break}}))}l();const d=c;const h=l;export{d as MdSelectOption,h as defineCustomElement};
+import{p as e,H as t,c as a,h as n,d as s,t as o}from"./p-bSpXNc5J.js";const i=()=>`:host{display:none}`;const c=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdSelectOptionChange=a(this,"mdSelectOptionChange",7);this.value="";this.label="";this.disabled=false;this.selected=false;this.icon="";this.iconColor="";this.supportingText=""}onDataChange(){this.mdSelectOptionChange.emit()}connectedCallback(){this.mdSelectOptionChange?.emit()}disconnectedCallback(){this.mdSelectOptionChange?.emit()}render(){return n(s,{key:"0b425bb49e3918cd1be482c1ddcc76739bf58163",role:"option","aria-hidden":"true","aria-selected":String(this.selected),"aria-disabled":this.disabled?"true":"false"},n("slot",{key:"12e2c4ca36f605dbdf20c8324e197872f8009e25"}))}get el(){return this}static get watchers(){return{value:[{onDataChange:0}],label:[{onDataChange:0}],disabled:[{onDataChange:0}],selected:[{onDataChange:0}],icon:[{onDataChange:0}],iconColor:[{onDataChange:0}],supportingText:[{onDataChange:0}]}}static get style(){return i()}},[257,"md-select-option",{value:[1],label:[1],disabled:[516],selected:[516],icon:[1],iconColor:[1,"icon-color"],supportingText:[1,"supporting-text"]},undefined,{value:[{onDataChange:0}],label:[{onDataChange:0}],disabled:[{onDataChange:0}],selected:[{onDataChange:0}],icon:[{onDataChange:0}],iconColor:[{onDataChange:0}],supportingText:[{onDataChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const e=["md-select-option"];e.forEach((e=>{switch(e){case"md-select-option":if(!customElements.get(o(e))){customElements.define(o(e),c)}break}}))}l();const h=c;const r=l;export{h as MdSelectOption,r as defineCustomElement};
 //# sourceMappingURL=md-select-option.js.map

package/dist/components-csr/md-select.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-Bmu7RqHM.js";const t=o;const m=s;export{t as MdSelect,m as defineCustomElement};
+import{M as s,d as o}from"./p-If0JHsYV.js";const t=s;const p=o;export{t as MdSelect,p as defineCustomElement};
 //# sourceMappingURL=md-select.js.map

package/dist/components-csr/md-side-sheet.js

@@ -1,2 +1,2 @@
-import{p as e,H as s,c as t,h as i,d,t as a}from"./p-bSpXNc5J.js";import{d as n}from"./p-IWA0yIjJ.js";import{d as o}from"./p-Hm3X1iai.js";const r=()=>`:host{--_container-color:var(--md-side-sheet-container-color, var(--md-sys-color-surface, #FFFBFE));--_container-shape:var(--md-side-sheet-container-shape, 0px);--_headline-color:var(--md-side-sheet-headline-color, var(--md-sys-color-on-surface-variant, #49454F));--_content-color:var(--md-side-sheet-content-color, var(--md-sys-color-on-surface, #1C1B1F));--_scrim-color:var(--md-side-sheet-scrim-color, rgba(0, 0, 0, 0.32));--_divider-color:var(--md-side-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_width:var(--md-side-sheet-width, max(280px, calc(360px + var(--md-sys-density-scale, 0) * 16px)));--_max-width:var(--md-side-sheet-max-width, max(320px, calc(400px + var(--md-sys-density-scale, 0) * 16px)));--_icon-color:var(--md-side-sheet-icon-color, var(--md-sys-color-on-surface-variant, #49454F));display:block;position:relative;box-sizing:border-box}:host(.md-side-sheet--standard){inline-size:min(var(--_width), 100%);max-inline-size:min(var(--_max-width), 100%);block-size:100%}:host(.md-side-sheet--standard:not(.md-side-sheet--open)){display:none}:host(.md-side-sheet--standard) .md-side-sheet__container{position:relative;inline-size:100%;block-size:100%;background-color:var(--_container-color);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden}:host(.md-side-sheet--standard.md-side-sheet--end) .md-side-sheet__container{border-inline-start:1px solid var(--_divider-color)}:host(.md-side-sheet--standard.md-side-sheet--start) .md-side-sheet__container{border-inline-end:1px solid var(--_divider-color)}:host(.md-side-sheet--modal){display:contents}:host(.md-side-sheet--modal:not(.md-side-sheet--open)){display:contents;pointer-events:none}.md-side-sheet__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-sys-z-index-popup, 1000);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-side-sheet--modal.md-side-sheet--open) .md-side-sheet__scrim{opacity:1;pointer-events:auto}:host(.md-side-sheet--modal) .md-side-sheet__container{position:fixed;inset-block:0;z-index:var(--md-sys-z-index-dialog-scrim, 1001);inline-size:min(var(--_width), 100%);max-inline-size:min(var(--_max-width), 100%);background-color:var(--md-sys-color-surface-container-low, #F7F2FA);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;box-shadow:var(--md-sys-elevation-1);transition:transform var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-side-sheet--modal.md-side-sheet--end) .md-side-sheet__container{inset-inline-end:0;inset-inline-start:auto;transform:translateX(100%)}:host(.md-side-sheet--modal.md-side-sheet--start) .md-side-sheet__container{inset-inline-start:0;inset-inline-end:auto;transform:translateX(-100%)}:host(.md-side-sheet--modal.md-side-sheet--open) .md-side-sheet__container{pointer-events:auto;transform:translateX(0);opacity:1}:host-context([dir="rtl"]):host(.md-side-sheet--modal.md-side-sheet--end) .md-side-sheet__container,:host([dir="rtl"].md-side-sheet--modal.md-side-sheet--end) .md-side-sheet__container{transform:translateX(-100%)}:host-context([dir="rtl"]):host(.md-side-sheet--modal.md-side-sheet--start) .md-side-sheet__container,:host([dir="rtl"].md-side-sheet--modal.md-side-sheet--start) .md-side-sheet__container{transform:translateX(100%)}:host-context([dir="rtl"]):host(.md-side-sheet--modal.md-side-sheet--open) .md-side-sheet__container,:host([dir="rtl"].md-side-sheet--modal.md-side-sheet--open) .md-side-sheet__container{transform:translateX(0)}:host(.md-side-sheet--detached) .md-side-sheet__container{--_container-shape:var(--md-side-sheet-container-shape, var(--md-sys-shape-corner-large, 16px));border-radius:var(--_container-shape)}:host(.md-side-sheet--modal.md-side-sheet--detached) .md-side-sheet__container{inset-block:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));block-size:calc(100% - max(16px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));box-shadow:var(--md-sys-elevation-3)}:host(.md-side-sheet--modal.md-side-sheet--detached.md-side-sheet--end) .md-side-sheet__container{inset-inline-end:16px}:host(.md-side-sheet--modal.md-side-sheet--detached.md-side-sheet--start) .md-side-sheet__container{inset-inline-start:16px}:host(.md-side-sheet--standard.md-side-sheet--detached) .md-side-sheet__container{border:none;margin:16px;block-size:calc(100% - 32px);box-shadow:var(--md-sys-elevation-1)}.md-side-sheet__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)) max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0}.md-side-sheet__back{flex-shrink:0;margin-inline-start:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-side-sheet__headline{flex:1;font-family:var(--md-sys-typescale-title-large-font-family, Roboto, sans-serif);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight, 400);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing, 0px);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-side-sheet__close{flex-shrink:0;margin-inline-end:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-side-sheet__close md-icon-button,.md-side-sheet__back md-icon-button{--md-icon-button-icon-color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-side-sheet__divider{block-size:1px;background-color:var(--_divider-color);flex-shrink:0}.md-side-sheet__content{flex:1;min-block-size:0;overflow-y:scroll;padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px));font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color);scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #CAC4D0) transparent}.md-side-sheet__content::-webkit-scrollbar{inline-size:8px}.md-side-sheet__content::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #CAC4D0);border-radius:4px}.md-side-sheet__content::-webkit-scrollbar-track{background-color:transparent}.md-side-sheet__actions{display:flex;align-items:center;justify-content:flex-start;gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));min-block-size:max(40px, calc(72px + var(--md-sys-density-scale, 0) * 4px));box-sizing:border-box;padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0;margin-block-start:auto}::slotted([slot="back"]){color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}::slotted([slot="close"]){color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-side-sheet__focus-guard{position:fixed;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;padding:0;border:0;margin:-1px;white-space:nowrap}@media (prefers-reduced-motion: reduce){.md-side-sheet__scrim,:host(.md-side-sheet--modal) .md-side-sheet__container{transition:none}}@media (forced-colors: active){.md-side-sheet__container{border:2px solid CanvasText}.md-side-sheet__divider{background-color:CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const c=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdOpen=t(this,"mdOpen",7);this.mdClose=t(this,"mdClose",7);this.mdCancel=t(this,"mdCancel",7);this.mdBack=t(this,"mdBack",7);this.open=false;this.variant="standard";this.side="end";this.headline="";this.closeable=true;this.showBack=false;this.scrimDismissible=true;this.topDivider=false;this.bottomDivider=false;this.detached=false;this.sheetAriaLabel="";this.density=0;this.hasSlottedClose=false;this.hasSlottedBack=false;this.hasActions=false;this.previousFocus=null;this.headlineId=`md-side-sheet-headline-${Math.random().toString(36).slice(2)}`;this.handleDocKeyDown=e=>{if(!this.open||this.variant!=="modal")return;if(e.key==="Escape"){e.preventDefault();e.stopPropagation();if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false}};this.handleDocFocusIn=()=>{if(!this.open||this.variant!=="modal")return;const e=document.activeElement;if(!e)return;if(e===this.el||this.el.contains(e))return;const s=this.containerEl?.contains(e);if(s)return;this.focusFirst()};this.handleStartGuardFocus=()=>{const e=this.getFocusableElements();if(e.length>0){e[e.length-1].focus()}else{this.containerEl?.focus()}};this.handleEndGuardFocus=()=>{const e=this.getFocusableElements();if(e.length>0){e[0].focus()}else{this.containerEl?.focus()}};this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleBackClick=()=>{this.mdBack.emit()}}connectedCallback(){this.hasActions=!!this.el.querySelector('[slot="actions"]')}componentDidLoad(){const e=this.el.shadowRoot;if(!e)return;const s=e.querySelector('slot[name="close"]');const t=e.querySelector('slot[name="back"]');const i=e.querySelector('slot[name="actions"]');s?.addEventListener("slotchange",(()=>{this.hasSlottedClose=s.assignedElements().length>0}));t?.addEventListener("slotchange",(()=>{this.hasSlottedBack=t.assignedElements().length>0}));i?.addEventListener("slotchange",(()=>{this.hasActions=i.assignedElements().length>0}));if(this.open){this.onOpenChange(true)}}disconnectedCallback(){this.removeGlobalListeners();document.body.style.overflow=""}onOpenChange(e){if(e){this.addGlobalListeners();if(this.variant==="modal"){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";requestAnimationFrame((()=>{this.containerEl?.removeAttribute("inert");this.focusFirst()}))}this.mdOpen.emit()}else{this.removeGlobalListeners();if(this.variant==="modal"){document.body.style.overflow="";this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null}this.mdClose.emit()}}async show(){this.open=true}async close(){this.open=false}addGlobalListeners(){if(this.variant!=="modal")return;document.addEventListener("keydown",this.handleDocKeyDown,true);document.addEventListener("focusin",this.handleDocFocusIn)}removeGlobalListeners(){document.removeEventListener("keydown",this.handleDocKeyDown,true);document.removeEventListener("focusin",this.handleDocFocusIn)}focusFirst(){if(!this.containerEl)return;const e=this.getFocusableElements();if(e.length>0){e[0].focus()}else{this.containerEl.focus()}}getFocusableElements(){const e='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), md-icon-button:not([disabled]), md-button:not([disabled]), md-text-field:not([disabled]), md-checkbox:not([disabled]), md-switch:not([disabled]), md-radio:not([disabled]), md-slider:not([disabled])';const s=Array.from(this.containerEl?.querySelectorAll(e)??[]);const t=this.containerEl?.querySelectorAll("slot")??[];const i=[];t.forEach((s=>{const t=s.assignedElements({flatten:true});t.forEach((s=>{if(s.matches?.(e)){i.push(s)}const t=s.querySelectorAll?.(e);if(t)i.push(...Array.from(t))}))}));return[...s,...i]}render(){const e=this.variant==="modal";const s=!!this.headline;const t=e&&this.showBack;return i(d,{key:"0d6549e4f1f62be50e3907cfb4f6758a9013d718",class:{"md-side-sheet":true,[`md-side-sheet--${this.variant}`]:true,[`md-side-sheet--${this.side}`]:true,"md-side-sheet--open":this.open,"md-side-sheet--detached":this.detached}},e&&i("div",{key:"4a2beb6ed0b3005a4b83560f1a9cf02e8d2390a9",class:"md-side-sheet__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),i("div",{key:"90918a183d8be5fa19f360a6546d6a97b7e1a519",class:"md-side-sheet__container",part:"container",role:e?"dialog":"region","aria-modal":e?"true":undefined,"aria-labelledby":s?this.headlineId:undefined,"aria-label":this.sheetAriaLabel||(!s?"Side sheet":undefined),"aria-hidden":!this.open?"true":undefined,inert:!this.open,tabindex:-1,ref:e=>this.containerEl=e},e&&i("span",{key:"53fd02f82a4ebc464fefd0bc2336c6b1bbd6af4a",class:"md-side-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleEndGuardFocus}),i("div",{key:"6af5c6e6155dd081663dc620d5a9657c10e375d9",class:"md-side-sheet__header",part:"header"},t&&i("div",{key:"b73407538462b111215191c1a1a02a0ee41158ef",class:"md-side-sheet__back"},i("slot",{key:"f718a04469fb9388800230fef2776f316cf27d83",name:"back"},i("md-icon-button",{key:"58359a2e694a98642cec44d1c86390356692de4b",variant:"standard",icon:"arrow_back","aria-label":"Back",onClick:this.handleBackClick}))),i("span",{key:"4b9cffb75729b3d62bce148bfcabfe41bfed47c6",id:this.headlineId,class:"md-side-sheet__headline",part:"headline"},i("slot",{key:"f869a19f38e59d39b30666b63449df7ac7746b92",name:"headline"},this.headline)),this.closeable&&i("div",{key:"08a697ecd140662748310f41332919d4da5ec076",class:"md-side-sheet__close",part:"close"},i("slot",{key:"f5ca65931d3baac5d70a27a70702338187e39445",name:"close"},i("md-icon-button",{key:"61114ca7e484651711ef8899a74c52b6e934bd22",variant:"standard",icon:"close","aria-label":"Close side sheet",onClick:this.handleCloseClick})))),this.topDivider&&i("div",{key:"6ce2d0e7de5e3e5a3f6e738e5ad444fda9f1b773",class:"md-side-sheet__divider",part:"divider-top","aria-hidden":"true"}),i("div",{key:"4c0475c3ded3abd2687c069b129f0028143a23a2",class:"md-side-sheet__content",part:"content"},i("slot",{key:"87b6af3a5a53dda956643f94868bbba2a1106064"})),this.hasActions&&this.bottomDivider&&i("div",{key:"66310f2bd364a6716188ee52b37f6f71b3363625",class:"md-side-sheet__divider md-side-sheet__divider--bottom",part:"divider-bottom","aria-hidden":"true"}),this.hasActions&&i("div",{key:"17086a116a77c9e6bf0aab69f05522bbb43741d1",class:"md-side-sheet__actions",part:"actions"},i("slot",{key:"a78f795463ff743d54b816a37e38a0d726c55f92",name:"actions"})),e&&i("span",{key:"9cd3e21f0ea363036a6d584f22c067d155c8a22c",class:"md-side-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleStartGuardFocus})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return r()}},[257,"md-side-sheet",{open:[1540],variant:[513],side:[513],headline:[1],closeable:[516],showBack:[516,"show-back"],scrimDismissible:[4,"scrim-dismissible"],topDivider:[516,"top-divider"],bottomDivider:[516,"bottom-divider"],detached:[516],sheetAriaLabel:[1,"aria-label"],density:[514],hasSlottedClose:[32],hasSlottedBack:[32],hasActions:[32],show:[64],close:[64]},undefined,{open:[{onOpenChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const e=["md-side-sheet","md-icon-button","md-ripple"];e.forEach((e=>{switch(e){case"md-side-sheet":if(!customElements.get(a(e))){customElements.define(a(e),c)}break;case"md-icon-button":if(!customElements.get(a(e))){n()}break;case"md-ripple":if(!customElements.get(a(e))){o()}break}}))}l();const m=c;const h=l;export{m as MdSideSheet,h as defineCustomElement};
+import{p as e,H as s,c as t,h as i,d,t as a}from"./p-bSpXNc5J.js";import{d as n}from"./p-R_guULjT.js";import{d as o}from"./p-C3vB0Hd9.js";const r=()=>`:host{--_container-color:var(--md-side-sheet-container-color, var(--md-sys-color-surface, #FFFBFE));--_container-shape:var(--md-side-sheet-container-shape, 0px);--_headline-color:var(--md-side-sheet-headline-color, var(--md-sys-color-on-surface-variant, #49454F));--_content-color:var(--md-side-sheet-content-color, var(--md-sys-color-on-surface, #1C1B1F));--_scrim-color:var(--md-side-sheet-scrim-color, rgba(0, 0, 0, 0.32));--_divider-color:var(--md-side-sheet-divider-color, var(--md-sys-color-outline-variant, #CAC4D0));--_width:var(--md-side-sheet-width, max(280px, calc(360px + var(--md-sys-density-scale, 0) * 16px)));--_max-width:var(--md-side-sheet-max-width, max(320px, calc(400px + var(--md-sys-density-scale, 0) * 16px)));--_icon-color:var(--md-side-sheet-icon-color, var(--md-sys-color-on-surface-variant, #49454F));display:block;position:relative;box-sizing:border-box}:host(.md-side-sheet--standard){inline-size:min(var(--_width), 100%);max-inline-size:min(var(--_max-width), 100%);block-size:100%}:host(.md-side-sheet--standard:not(.md-side-sheet--open)){display:none}:host(.md-side-sheet--standard) .md-side-sheet__container{position:relative;inline-size:100%;block-size:100%;background-color:var(--_container-color);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden}:host(.md-side-sheet--standard.md-side-sheet--end) .md-side-sheet__container{border-inline-start:1px solid var(--_divider-color)}:host(.md-side-sheet--standard.md-side-sheet--start) .md-side-sheet__container{border-inline-end:1px solid var(--_divider-color)}:host(.md-side-sheet--modal){display:contents}:host(.md-side-sheet--modal:not(.md-side-sheet--open)){display:contents;pointer-events:none}.md-side-sheet__scrim{position:fixed;inset:0;background-color:var(--_scrim-color);z-index:var(--md-sys-z-index-popup, 1000);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-side-sheet--modal.md-side-sheet--open) .md-side-sheet__scrim{opacity:1;pointer-events:auto}:host(.md-side-sheet--modal) .md-side-sheet__container{position:fixed;inset-block:0;z-index:var(--md-sys-z-index-dialog-scrim, 1001);inline-size:min(var(--_width), 100%);max-inline-size:min(var(--_max-width), 100%);background-color:var(--md-sys-color-surface-container-low, #F7F2FA);color:var(--_content-color);display:flex;flex-direction:column;overflow:hidden;pointer-events:none;opacity:0;box-shadow:var(--md-sys-elevation-1);transition:transform var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)),     opacity var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-side-sheet--modal.md-side-sheet--end) .md-side-sheet__container{inset-inline-end:0;inset-inline-start:auto;transform:translateX(100%)}:host(.md-side-sheet--modal.md-side-sheet--start) .md-side-sheet__container{inset-inline-start:0;inset-inline-end:auto;transform:translateX(-100%)}:host(.md-side-sheet--modal.md-side-sheet--open) .md-side-sheet__container{pointer-events:auto;transform:translateX(0);opacity:1}:host-context([dir="rtl"]):host(.md-side-sheet--modal.md-side-sheet--end) .md-side-sheet__container,:host([dir="rtl"].md-side-sheet--modal.md-side-sheet--end) .md-side-sheet__container{transform:translateX(-100%)}:host-context([dir="rtl"]):host(.md-side-sheet--modal.md-side-sheet--start) .md-side-sheet__container,:host([dir="rtl"].md-side-sheet--modal.md-side-sheet--start) .md-side-sheet__container{transform:translateX(100%)}:host-context([dir="rtl"]):host(.md-side-sheet--modal.md-side-sheet--open) .md-side-sheet__container,:host([dir="rtl"].md-side-sheet--modal.md-side-sheet--open) .md-side-sheet__container{transform:translateX(0)}:host(.md-side-sheet--detached) .md-side-sheet__container{--_container-shape:var(--md-side-sheet-container-shape, var(--md-sys-shape-corner-large, 16px));border-radius:var(--_container-shape)}:host(.md-side-sheet--modal.md-side-sheet--detached) .md-side-sheet__container{inset-block:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));block-size:calc(100% - max(16px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));box-shadow:var(--md-sys-elevation-3)}:host(.md-side-sheet--modal.md-side-sheet--detached.md-side-sheet--end) .md-side-sheet__container{inset-inline-end:16px}:host(.md-side-sheet--modal.md-side-sheet--detached.md-side-sheet--start) .md-side-sheet__container{inset-inline-start:16px}:host(.md-side-sheet--standard.md-side-sheet--detached) .md-side-sheet__container{border:none;margin:16px;block-size:calc(100% - 32px);box-shadow:var(--md-sys-elevation-1)}.md-side-sheet__header{display:flex;align-items:center;gap:max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px));padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px)) max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0}.md-side-sheet__back{flex-shrink:0;margin-inline-start:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-side-sheet__headline{flex:1;font-family:var(--md-sys-typescale-title-large-font-family, Roboto, sans-serif);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight, 400);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing, 0px);color:var(--_headline-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-side-sheet__close{flex-shrink:0;margin-inline-end:calc(-12px - var(--md-sys-density-scale, 0) * 1px)}.md-side-sheet__close md-icon-button,.md-side-sheet__back md-icon-button{--md-icon-button-icon-color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-side-sheet__divider{block-size:1px;background-color:var(--_divider-color);flex-shrink:0}.md-side-sheet__content{flex:1;min-block-size:0;overflow-y:scroll;padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:max(8px, calc(12px + var(--md-sys-density-scale, 0) * 1px));font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:var(--_content-color);scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant, #CAC4D0) transparent}.md-side-sheet__content::-webkit-scrollbar{inline-size:8px}.md-side-sheet__content::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant, #CAC4D0);border-radius:4px}.md-side-sheet__content::-webkit-scrollbar-track{background-color:transparent}.md-side-sheet__actions{display:flex;align-items:center;justify-content:flex-start;gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));min-block-size:max(40px, calc(72px + var(--md-sys-density-scale, 0) * 4px));box-sizing:border-box;padding-inline:max(12px, calc(24px + var(--md-sys-density-scale, 0) * 2px));padding-block:max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1px));flex-shrink:0;margin-block-start:auto}::slotted([slot="back"]){color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}::slotted([slot="close"]){color:var(--_icon-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}.md-side-sheet__focus-guard{position:fixed;overflow:hidden;clip-path:inset(50%);inline-size:1px;block-size:1px;padding:0;border:0;margin:-1px;white-space:nowrap}@media (prefers-reduced-motion: reduce){.md-side-sheet__scrim,:host(.md-side-sheet--modal) .md-side-sheet__container{transition:none}}@media (forced-colors: active){.md-side-sheet__container{border:2px solid CanvasText}.md-side-sheet__divider{background-color:CanvasText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const c=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdOpen=t(this,"mdOpen",7);this.mdClose=t(this,"mdClose",7);this.mdCancel=t(this,"mdCancel",7);this.mdBack=t(this,"mdBack",7);this.open=false;this.variant="standard";this.side="end";this.headline="";this.closeable=true;this.showBack=false;this.scrimDismissible=true;this.topDivider=false;this.bottomDivider=false;this.detached=false;this.sheetAriaLabel="";this.density=0;this.hasSlottedClose=false;this.hasSlottedBack=false;this.hasActions=false;this.previousFocus=null;this.headlineId=`md-side-sheet-headline-${Math.random().toString(36).slice(2)}`;this.handleDocKeyDown=e=>{if(!this.open||this.variant!=="modal")return;if(e.key==="Escape"){e.preventDefault();e.stopPropagation();if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false}};this.handleDocFocusIn=()=>{if(!this.open||this.variant!=="modal")return;const e=document.activeElement;if(!e)return;if(e===this.el||this.el.contains(e))return;const s=this.containerEl?.contains(e);if(s)return;this.focusFirst()};this.handleStartGuardFocus=()=>{const e=this.getFocusableElements();if(e.length>0){e[e.length-1].focus()}else{this.containerEl?.focus()}};this.handleEndGuardFocus=()=>{const e=this.getFocusableElements();if(e.length>0){e[0].focus()}else{this.containerEl?.focus()}};this.handleScrimClick=()=>{if(!this.scrimDismissible)return;this.mdCancel.emit();this.open=false};this.handleCloseClick=()=>{this.mdCancel.emit();this.open=false};this.handleBackClick=()=>{this.mdBack.emit()}}connectedCallback(){this.hasActions=!!this.el.querySelector('[slot="actions"]')}componentDidLoad(){const e=this.el.shadowRoot;if(!e)return;const s=e.querySelector('slot[name="close"]');const t=e.querySelector('slot[name="back"]');const i=e.querySelector('slot[name="actions"]');s?.addEventListener("slotchange",(()=>{this.hasSlottedClose=s.assignedElements().length>0}));t?.addEventListener("slotchange",(()=>{this.hasSlottedBack=t.assignedElements().length>0}));i?.addEventListener("slotchange",(()=>{this.hasActions=i.assignedElements().length>0}));if(this.open){this.onOpenChange(true)}}disconnectedCallback(){this.removeGlobalListeners();document.body.style.overflow=""}onOpenChange(e){if(e){this.addGlobalListeners();if(this.variant==="modal"){this.previousFocus=document.activeElement;document.body.style.overflow="hidden";requestAnimationFrame((()=>{this.containerEl?.removeAttribute("inert");this.focusFirst()}))}this.mdOpen.emit()}else{this.removeGlobalListeners();if(this.variant==="modal"){document.body.style.overflow="";this.previousFocus?.focus?.({preventScroll:true});this.previousFocus=null}this.mdClose.emit()}}async show(){this.open=true}async close(){this.open=false}addGlobalListeners(){if(this.variant!=="modal")return;document.addEventListener("keydown",this.handleDocKeyDown,true);document.addEventListener("focusin",this.handleDocFocusIn)}removeGlobalListeners(){document.removeEventListener("keydown",this.handleDocKeyDown,true);document.removeEventListener("focusin",this.handleDocFocusIn)}focusFirst(){if(!this.containerEl)return;const e=this.getFocusableElements();if(e.length>0){e[0].focus()}else{this.containerEl.focus()}}getFocusableElements(){const e='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), md-icon-button:not([disabled]), md-button:not([disabled]), md-text-field:not([disabled]), md-checkbox:not([disabled]), md-switch:not([disabled]), md-radio:not([disabled]), md-slider:not([disabled])';const s=Array.from(this.containerEl?.querySelectorAll(e)??[]);const t=this.containerEl?.querySelectorAll("slot")??[];const i=[];t.forEach((s=>{const t=s.assignedElements({flatten:true});t.forEach((s=>{if(s.matches?.(e)){i.push(s)}const t=s.querySelectorAll?.(e);if(t)i.push(...Array.from(t))}))}));return[...s,...i]}render(){const e=this.variant==="modal";const s=!!this.headline;const t=e&&this.showBack;return i(d,{key:"0d6549e4f1f62be50e3907cfb4f6758a9013d718",class:{"md-side-sheet":true,[`md-side-sheet--${this.variant}`]:true,[`md-side-sheet--${this.side}`]:true,"md-side-sheet--open":this.open,"md-side-sheet--detached":this.detached}},e&&i("div",{key:"4a2beb6ed0b3005a4b83560f1a9cf02e8d2390a9",class:"md-side-sheet__scrim",part:"scrim","aria-hidden":"true",onClick:this.handleScrimClick}),i("div",{key:"90918a183d8be5fa19f360a6546d6a97b7e1a519",class:"md-side-sheet__container",part:"container",role:e?"dialog":"region","aria-modal":e?"true":undefined,"aria-labelledby":s?this.headlineId:undefined,"aria-label":this.sheetAriaLabel||(!s?"Side sheet":undefined),"aria-hidden":!this.open?"true":undefined,inert:!this.open,tabindex:-1,ref:e=>this.containerEl=e},e&&i("span",{key:"53fd02f82a4ebc464fefd0bc2336c6b1bbd6af4a",class:"md-side-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleEndGuardFocus}),i("div",{key:"6af5c6e6155dd081663dc620d5a9657c10e375d9",class:"md-side-sheet__header",part:"header"},t&&i("div",{key:"b73407538462b111215191c1a1a02a0ee41158ef",class:"md-side-sheet__back"},i("slot",{key:"f718a04469fb9388800230fef2776f316cf27d83",name:"back"},i("md-icon-button",{key:"58359a2e694a98642cec44d1c86390356692de4b",variant:"standard",icon:"arrow_back","aria-label":"Back",onClick:this.handleBackClick}))),i("span",{key:"4b9cffb75729b3d62bce148bfcabfe41bfed47c6",id:this.headlineId,class:"md-side-sheet__headline",part:"headline"},i("slot",{key:"f869a19f38e59d39b30666b63449df7ac7746b92",name:"headline"},this.headline)),this.closeable&&i("div",{key:"08a697ecd140662748310f41332919d4da5ec076",class:"md-side-sheet__close",part:"close"},i("slot",{key:"f5ca65931d3baac5d70a27a70702338187e39445",name:"close"},i("md-icon-button",{key:"61114ca7e484651711ef8899a74c52b6e934bd22",variant:"standard",icon:"close","aria-label":"Close side sheet",onClick:this.handleCloseClick})))),this.topDivider&&i("div",{key:"6ce2d0e7de5e3e5a3f6e738e5ad444fda9f1b773",class:"md-side-sheet__divider",part:"divider-top","aria-hidden":"true"}),i("div",{key:"4c0475c3ded3abd2687c069b129f0028143a23a2",class:"md-side-sheet__content",part:"content"},i("slot",{key:"87b6af3a5a53dda956643f94868bbba2a1106064"})),this.hasActions&&this.bottomDivider&&i("div",{key:"66310f2bd364a6716188ee52b37f6f71b3363625",class:"md-side-sheet__divider md-side-sheet__divider--bottom",part:"divider-bottom","aria-hidden":"true"}),this.hasActions&&i("div",{key:"17086a116a77c9e6bf0aab69f05522bbb43741d1",class:"md-side-sheet__actions",part:"actions"},i("slot",{key:"a78f795463ff743d54b816a37e38a0d726c55f92",name:"actions"})),e&&i("span",{key:"9cd3e21f0ea363036a6d584f22c067d155c8a22c",class:"md-side-sheet__focus-guard",tabindex:0,"aria-hidden":"true",onFocus:this.handleStartGuardFocus})))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return r()}},[257,"md-side-sheet",{open:[1540],variant:[513],side:[513],headline:[1],closeable:[516],showBack:[516,"show-back"],scrimDismissible:[4,"scrim-dismissible"],topDivider:[516,"top-divider"],bottomDivider:[516,"bottom-divider"],detached:[516],sheetAriaLabel:[1,"aria-label"],density:[514],hasSlottedClose:[32],hasSlottedBack:[32],hasActions:[32],show:[64],close:[64]},undefined,{open:[{onOpenChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const e=["md-side-sheet","md-icon-button","md-ripple"];e.forEach((e=>{switch(e){case"md-side-sheet":if(!customElements.get(a(e))){customElements.define(a(e),c)}break;case"md-icon-button":if(!customElements.get(a(e))){n()}break;case"md-ripple":if(!customElements.get(a(e))){o()}break}}))}l();const m=c;const h=l;export{m as MdSideSheet,h as defineCustomElement};
 //# sourceMappingURL=md-side-sheet.js.map

package/dist/components-csr/md-slider.js

@@ -1,2 +1,2 @@
-import{M as o,d as s}from"./p-uZbtHo-A.js";const t=o;const p=s;export{t as MdSlider,p as defineCustomElement};
+import{M as o,d as s}from"./p-uSMrgqAy.js";const r=o;const t=s;export{r as MdSlider,t as defineCustomElement};
 //# sourceMappingURL=md-slider.js.map

package/dist/components-csr/md-snackbar.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,c as a,h as e,d as i,t as n}from"./p-bSpXNc5J.js";import{d as o}from"./p--OUYjgKN.js";import{d as r}from"./p-IWA0yIjJ.js";import{d as c}from"./p-CG6FaRlt.js";import{d}from"./p-Hm3X1iai.js";const m=()=>`:host{--_container-color:var(--md-snackbar-container-color, var(--md-sys-color-inverse-surface, #313033));--_message-color:var(--md-snackbar-message-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_action-color:var(--md-snackbar-action-color, var(--md-sys-color-inverse-primary, #D0BCFF));--_close-color:var(--md-snackbar-close-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_container-shape:var(--md-snackbar-container-shape, var(--md-sys-shape-corner-extra-small, 4px));--_min-width:var(--md-snackbar-min-width, 288px);--_max-width:var(--md-snackbar-max-width, 568px);--_slide-from:translateY(100%);display:flex;position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;padding:var(--md-sys-spacing-inset-xl, 24px);align-items:flex-end;justify-content:center;z-index:calc(var(--md-sys-z-index-snackbar, 2000) + var(--_stack-order, 0));pointer-events:none;visibility:hidden;opacity:0;transform:var(--_slide-from);transition:opacity var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),     transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),     visibility 0ms linear var(--md-sys-motion-duration-short4, 200ms)}:host(.md-snackbar--open){visibility:visible;opacity:1;transform:translate(0, 0);transition:opacity var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     transform var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     visibility 0ms linear 0ms}:host(.md-snackbar--open) .md-snackbar__surface{pointer-events:auto}:host(.md-snackbar--bottom){align-items:flex-end;justify-content:center}:host(.md-snackbar--bottom-start){align-items:flex-end;justify-content:flex-start}:host(.md-snackbar--bottom-end){align-items:flex-end;justify-content:flex-end}:host(.md-snackbar--top),:host(.md-snackbar--top-start),:host(.md-snackbar--top-end){--_slide-from:translateY(-100%)}:host(.md-snackbar--top){align-items:flex-start;justify-content:center}:host(.md-snackbar--top-start){align-items:flex-start;justify-content:flex-start}:host(.md-snackbar--top-end){align-items:flex-start;justify-content:flex-end}:host(.md-snackbar--start),:host(.md-snackbar--end),:host(.md-snackbar--center){--_slide-from:translate(0, 0)}:host(.md-snackbar--start){align-items:center;justify-content:flex-start}:host(.md-snackbar--end){align-items:center;justify-content:flex-end}:host(.md-snackbar--center){align-items:center;justify-content:center}.md-snackbar__surface{display:flex;align-items:center;min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);min-block-size:max(36px, calc(48px + var(--md-sys-density-scale, 0) * 3px));padding-inline-start:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));padding-inline-end:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));background-color:var(--_container-color);color:var(--_message-color);border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);box-sizing:border-box}:host(.md-snackbar--with-action:not(.md-snackbar--with-close)) .md-snackbar__surface{padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-snackbar--with-close) .md-snackbar__surface{padding-inline-end:var(--md-sys-spacing-inset-md, 12px)}@media (max-width: 599px){:host{padding:var(--md-sys-spacing-inset-lg, 16px)}.md-snackbar__surface{inline-size:100%;min-inline-size:0;max-inline-size:100%}}.md-snackbar__message{flex:1;padding-block:max(6px, calc(14px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:inherit}.md-snackbar__actions{display:flex;align-items:center;flex-shrink:0}.md-snackbar__action-btn{flex-shrink:0;--md-button-label-color:var(--_action-color);--md-button-icon-color:var(--_action-color);--md-ripple-color:var(--_action-color)}.md-snackbar__close{display:flex;align-items:center;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent}.md-snackbar__close md-icon-button{--md-icon-button-icon-color:var(--_close-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}:host(.md-snackbar--stacked) .md-snackbar__surface{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:start;column-gap:var(--md-sys-spacing-gap-md, 12px);row-gap:6px;min-block-size:68px;padding-block-start:var(--md-sys-spacing-inset-sm, 8px);padding-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-snackbar--stacked) .md-snackbar__message{grid-column:1;grid-row:1;padding-block-end:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-snackbar--stacked) .md-snackbar__close{grid-column:2;grid-row:1;align-self:start;margin-inline-start:0;margin-block-start:var(--md-sys-spacing-inset-xs, 4px);padding-block-start:0}:host(.md-snackbar--stacked) .md-snackbar__actions{grid-column:1 / -1;grid-row:2;justify-self:end}::slotted([slot="action"]){color:var(--_action-color)}::slotted([slot="close"]){color:var(--_close-color)}@media (prefers-reduced-motion: reduce){:host,:host(.md-snackbar--open){transition:none}}@media (forced-colors: active){.md-snackbar__surface{border:1px solid CanvasText}.md-snackbar__action-btn{color:LinkText}.md-snackbar__action-btn:focus-visible{outline-color:Highlight}}: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 l=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.mdOpen=a(this,"mdOpen",7);this.mdClose=a(this,"mdClose",7);this.mdAction=a(this,"mdAction",7);this.open=false;this.message="";this.action="";this.closeable=false;this.autoHide=true;this.autoHideDuration=4e3;this.position="bottom";this.stacked=false;this.politeness="polite";this.dismissLabel="Dismiss";this.density=0;this.hasSlottedAction=false;this.hasSlottedClose=false;this.hasSlottedDefault=false;this.timerPaused=false;this.handleActionClick=()=>{this.mdAction.emit();this.startAutoHide()};this.handleCloseClick=()=>{this.dismissAfterRipple("close")};this.handleEscape=s=>{if(s.key==="Escape"&&this.open&&this.closeable){s.preventDefault();this.handleCloseClick()}};this.pauseAutoHide=()=>{if(this.autoHideTimer!=null&&this.open){this.timerPaused=true;this.clearAutoHide()}};this.resumeAutoHide=()=>{if(this.timerPaused&&this.open){this.timerPaused=false;this.startAutoHide()}};this.handleSurfaceFocusOut=s=>{const t=s.currentTarget;if(s.relatedTarget&&t.contains(s.relatedTarget)){return}this.resumeAutoHide()}}get isAutoHide(){return this.autoHide!==false&&this.autoHide!=="false"}componentDidLoad(){const s=this.el.shadowRoot;if(!s)return;const t=s.querySelector("slot:not([name])");const a=s.querySelector('slot[name="action"]');const e=s.querySelector('slot[name="close"]');t?.addEventListener("slotchange",(()=>{this.hasSlottedDefault=t.assignedNodes().some((s=>s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&s.textContent?.trim()!==""))}));a?.addEventListener("slotchange",(()=>{this.hasSlottedAction=a.assignedElements().length>0}));e?.addEventListener("slotchange",(()=>{this.hasSlottedClose=e.assignedElements().length>0}));if(this.open){this.onOpenChange(true,false)}}disconnectedCallback(){this.clearAutoHide();if(this.rippleDismissTimer!=null){clearTimeout(this.rippleDismissTimer);this.rippleDismissTimer=undefined}window.removeEventListener("keydown",this.handleEscape)}raiseAboveOpenPeers(){const s=Array.from(document.querySelectorAll("md-snackbar")).filter((s=>s!==this.el&&s.open));const t=s.reduce(((s,t)=>Math.max(s,Number(t.style.getPropertyValue("--_stack-order"))||0)),0);this.el.style.setProperty("--_stack-order",String(t+1))}onOpenChange(s,t){if(s){this.raiseAboveOpenPeers();this.mdOpen.emit();if(this.isAutoHide){this.startAutoHide()}window.addEventListener("keydown",this.handleEscape)}else{this.clearAutoHide();this.timerPaused=false;window.removeEventListener("keydown",this.handleEscape)}}async show(){this.open=true}async hide(s="close"){if(!this.open)return;this.open=false;this.mdClose.emit({reason:s})}startAutoHide(){this.clearAutoHide();this.autoHideTimer=setTimeout((()=>{if(this.open){this.open=false;this.mdClose.emit({reason:"auto"})}}),this.autoHideDuration)}clearAutoHide(){if(this.autoHideTimer!=null){clearTimeout(this.autoHideTimer);this.autoHideTimer=undefined}}dismissAfterRipple(s){this.rippleDismissTimer=setTimeout((()=>{this.rippleDismissTimer=undefined;if(this.open){this.open=false;this.mdClose.emit({reason:s})}}),150)}render(){const s=!!this.action||this.hasSlottedAction;const t=this.closeable||this.hasSlottedClose;return e(i,{key:"5c115cee24a10c7b14de31937b5d37fb11a804e0",class:{"md-snackbar":true,"md-snackbar--open":this.open,"md-snackbar--stacked":this.stacked,[`md-snackbar--${this.position}`]:true,"md-snackbar--with-action":s,"md-snackbar--with-close":t},role:this.politeness==="assertive"?"alert":"status","aria-live":this.politeness,"aria-atomic":"true"},e("div",{key:"e4e569c8e4652986182f964ac69a0b4911e4dda1",class:"md-snackbar__surface",part:"surface",onMouseEnter:this.pauseAutoHide,onMouseLeave:this.resumeAutoHide,onFocusin:this.pauseAutoHide,onFocusout:this.handleSurfaceFocusOut},e("span",{key:"6d7f576f17a20a3bf0d96742aa83a7de998927bd",class:"md-snackbar__message",part:"message"},e("slot",{key:"3a6874ad6d4e6fa54a02a210dc266a4a5f3bb2f0"},this.message)),s&&e("div",{key:"36af7feb22dff43e7413dd3773eb24bbd08f1149",class:"md-snackbar__actions",part:"actions"},e("slot",{key:"ebca9cb6723664319590a1694bbe0f9d424b38ff",name:"action"},this.action&&e("md-button",{key:"77c5813c137217a0d205d5dafdb11ce00f338cb4",variant:"text",size:"sm",class:"md-snackbar__action-btn",onClick:this.handleActionClick},this.action))),t&&e("div",{key:"10a85a75331759d41e706894e674e3da63cccd92",class:"md-snackbar__close",part:"close"},e("slot",{key:"b283137afaba0d4df99f2d2c409044f77a8f5cd2",name:"close"},this.closeable&&e("md-icon-button",{key:"94672d3f27248020c7edda783c534a5791b6f400",variant:"standard",icon:"close","aria-label":this.dismissLabel,onClick:this.handleCloseClick,exportparts:"icon:close-icon"})))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return m()}},[257,"md-snackbar",{open:[1540],message:[1],action:[1],closeable:[516],autoHide:[4,"auto-hide"],autoHideDuration:[2,"auto-hide-duration"],position:[513],stacked:[516],politeness:[513],dismissLabel:[1,"dismiss-label"],density:[514],hasSlottedAction:[32],hasSlottedClose:[32],hasSlottedDefault:[32],show:[64],hide:[64]},undefined,{open:[{onOpenChange:0}]}]);function h(){if(typeof customElements==="undefined"){return}const s=["md-snackbar","md-button","md-icon-button","md-loading-indicator","md-ripple"];s.forEach((s=>{switch(s){case"md-snackbar":if(!customElements.get(n(s))){customElements.define(n(s),l)}break;case"md-button":if(!customElements.get(n(s))){o()}break;case"md-icon-button":if(!customElements.get(n(s))){r()}break;case"md-loading-indicator":if(!customElements.get(n(s))){c()}break;case"md-ripple":if(!customElements.get(n(s))){d()}break}}))}h();const b=l;const p=h;export{b as MdSnackbar,p as defineCustomElement};
+import{p as s,H as t,c as a,h as e,d as i,t as n}from"./p-bSpXNc5J.js";import{d as o}from"./p-BZakoRau.js";import{d as r}from"./p-R_guULjT.js";import{d as c}from"./p-C3vB0Hd9.js";const d=()=>`:host{--_container-color:var(--md-snackbar-container-color, var(--md-sys-color-inverse-surface, #313033));--_message-color:var(--md-snackbar-message-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_action-color:var(--md-snackbar-action-color, var(--md-sys-color-inverse-primary, #D0BCFF));--_close-color:var(--md-snackbar-close-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_container-shape:var(--md-snackbar-container-shape, var(--md-sys-shape-corner-extra-small, 4px));--_min-width:var(--md-snackbar-min-width, 288px);--_max-width:var(--md-snackbar-max-width, 568px);--_slide-from:translateY(100%);display:flex;position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;padding:var(--md-sys-spacing-inset-xl, 24px);align-items:flex-end;justify-content:center;z-index:calc(var(--md-sys-z-index-snackbar, 2000) + var(--_stack-order, 0));pointer-events:none;visibility:hidden;opacity:0;transform:var(--_slide-from);transition:opacity var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),     transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),     visibility 0ms linear var(--md-sys-motion-duration-short4, 200ms)}:host(.md-snackbar--open){visibility:visible;opacity:1;transform:translate(0, 0);transition:opacity var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     transform var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),     visibility 0ms linear 0ms}:host(.md-snackbar--open) .md-snackbar__surface{pointer-events:auto}:host(.md-snackbar--bottom){align-items:flex-end;justify-content:center}:host(.md-snackbar--bottom-start){align-items:flex-end;justify-content:flex-start}:host(.md-snackbar--bottom-end){align-items:flex-end;justify-content:flex-end}:host(.md-snackbar--top),:host(.md-snackbar--top-start),:host(.md-snackbar--top-end){--_slide-from:translateY(-100%)}:host(.md-snackbar--top){align-items:flex-start;justify-content:center}:host(.md-snackbar--top-start){align-items:flex-start;justify-content:flex-start}:host(.md-snackbar--top-end){align-items:flex-start;justify-content:flex-end}:host(.md-snackbar--start),:host(.md-snackbar--end),:host(.md-snackbar--center){--_slide-from:translate(0, 0)}:host(.md-snackbar--start){align-items:center;justify-content:flex-start}:host(.md-snackbar--end){align-items:center;justify-content:flex-end}:host(.md-snackbar--center){align-items:center;justify-content:center}.md-snackbar__surface{display:flex;align-items:center;min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);min-block-size:max(36px, calc(48px + var(--md-sys-density-scale, 0) * 3px));padding-inline-start:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));padding-inline-end:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));background-color:var(--_container-color);color:var(--_message-color);border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3);box-sizing:border-box}:host(.md-snackbar--with-action:not(.md-snackbar--with-close)) .md-snackbar__surface{padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-snackbar--with-close) .md-snackbar__surface{padding-inline-end:var(--md-sys-spacing-inset-md, 12px)}@media (max-width: 599px){:host{padding:var(--md-sys-spacing-inset-lg, 16px)}.md-snackbar__surface{inline-size:100%;min-inline-size:0;max-inline-size:100%}}.md-snackbar__message{flex:1;padding-block:max(6px, calc(14px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:inherit}.md-snackbar__actions{display:flex;align-items:center;flex-shrink:0}.md-snackbar__action-btn{flex-shrink:0;--md-button-label-color:var(--_action-color);--md-button-icon-color:var(--_action-color);--md-ripple-color:var(--_action-color)}.md-snackbar__close{display:flex;align-items:center;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent}.md-snackbar__close md-icon-button{--md-icon-button-icon-color:var(--_close-color);--md-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--md-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}:host(.md-snackbar--stacked) .md-snackbar__surface{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:start;column-gap:var(--md-sys-spacing-gap-md, 12px);row-gap:6px;min-block-size:68px;padding-block-start:var(--md-sys-spacing-inset-sm, 8px);padding-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.md-snackbar--stacked) .md-snackbar__message{grid-column:1;grid-row:1;padding-block-end:var(--md-sys-spacing-inset-xs, 4px)}:host(.md-snackbar--stacked) .md-snackbar__close{grid-column:2;grid-row:1;align-self:start;margin-inline-start:0;margin-block-start:var(--md-sys-spacing-inset-xs, 4px);padding-block-start:0}:host(.md-snackbar--stacked) .md-snackbar__actions{grid-column:1 / -1;grid-row:2;justify-self:end}::slotted([slot="action"]){color:var(--_action-color)}::slotted([slot="close"]){color:var(--_close-color)}@media (prefers-reduced-motion: reduce){:host,:host(.md-snackbar--open){transition:none}}@media (forced-colors: active){.md-snackbar__surface{border:1px solid CanvasText}.md-snackbar__action-btn{color:LinkText}.md-snackbar__action-btn:focus-visible{outline-color:Highlight}}: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=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.mdOpen=a(this,"mdOpen",7);this.mdClose=a(this,"mdClose",7);this.mdAction=a(this,"mdAction",7);this.open=false;this.message="";this.action="";this.closeable=false;this.autoHide=true;this.autoHideDuration=4e3;this.position="bottom";this.stacked=false;this.politeness="polite";this.dismissLabel="Dismiss";this.density=0;this.hasSlottedAction=false;this.hasSlottedClose=false;this.hasSlottedDefault=false;this.timerPaused=false;this.handleActionClick=()=>{this.mdAction.emit();this.startAutoHide()};this.handleCloseClick=()=>{this.dismissAfterRipple("close")};this.handleEscape=s=>{if(s.key==="Escape"&&this.open&&this.closeable){s.preventDefault();this.handleCloseClick()}};this.pauseAutoHide=()=>{if(this.autoHideTimer!=null&&this.open){this.timerPaused=true;this.clearAutoHide()}};this.resumeAutoHide=()=>{if(this.timerPaused&&this.open){this.timerPaused=false;this.startAutoHide()}};this.handleSurfaceFocusOut=s=>{const t=s.currentTarget;if(s.relatedTarget&&t.contains(s.relatedTarget)){return}this.resumeAutoHide()}}get isAutoHide(){return this.autoHide!==false&&this.autoHide!=="false"}componentDidLoad(){const s=this.el.shadowRoot;if(!s)return;const t=s.querySelector("slot:not([name])");const a=s.querySelector('slot[name="action"]');const e=s.querySelector('slot[name="close"]');t?.addEventListener("slotchange",(()=>{this.hasSlottedDefault=t.assignedNodes().some((s=>s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&s.textContent?.trim()!==""))}));a?.addEventListener("slotchange",(()=>{this.hasSlottedAction=a.assignedElements().length>0}));e?.addEventListener("slotchange",(()=>{this.hasSlottedClose=e.assignedElements().length>0}));if(this.open){this.onOpenChange(true,false)}}disconnectedCallback(){this.clearAutoHide();if(this.rippleDismissTimer!=null){clearTimeout(this.rippleDismissTimer);this.rippleDismissTimer=undefined}window.removeEventListener("keydown",this.handleEscape)}raiseAboveOpenPeers(){const s=Array.from(document.querySelectorAll("md-snackbar")).filter((s=>s!==this.el&&s.open));const t=s.reduce(((s,t)=>Math.max(s,Number(t.style.getPropertyValue("--_stack-order"))||0)),0);this.el.style.setProperty("--_stack-order",String(t+1))}onOpenChange(s,t){if(s){this.raiseAboveOpenPeers();this.mdOpen.emit();if(this.isAutoHide){this.startAutoHide()}window.addEventListener("keydown",this.handleEscape)}else{this.clearAutoHide();this.timerPaused=false;window.removeEventListener("keydown",this.handleEscape)}}async show(){this.open=true}async hide(s="close"){if(!this.open)return;this.open=false;this.mdClose.emit({reason:s})}startAutoHide(){this.clearAutoHide();this.autoHideTimer=setTimeout((()=>{if(this.open){this.open=false;this.mdClose.emit({reason:"auto"})}}),this.autoHideDuration)}clearAutoHide(){if(this.autoHideTimer!=null){clearTimeout(this.autoHideTimer);this.autoHideTimer=undefined}}dismissAfterRipple(s){this.rippleDismissTimer=setTimeout((()=>{this.rippleDismissTimer=undefined;if(this.open){this.open=false;this.mdClose.emit({reason:s})}}),150)}render(){const s=!!this.action||this.hasSlottedAction;const t=this.closeable||this.hasSlottedClose;return e(i,{key:"5c115cee24a10c7b14de31937b5d37fb11a804e0",class:{"md-snackbar":true,"md-snackbar--open":this.open,"md-snackbar--stacked":this.stacked,[`md-snackbar--${this.position}`]:true,"md-snackbar--with-action":s,"md-snackbar--with-close":t},role:this.politeness==="assertive"?"alert":"status","aria-live":this.politeness,"aria-atomic":"true"},e("div",{key:"e4e569c8e4652986182f964ac69a0b4911e4dda1",class:"md-snackbar__surface",part:"surface",onMouseEnter:this.pauseAutoHide,onMouseLeave:this.resumeAutoHide,onFocusin:this.pauseAutoHide,onFocusout:this.handleSurfaceFocusOut},e("span",{key:"6d7f576f17a20a3bf0d96742aa83a7de998927bd",class:"md-snackbar__message",part:"message"},e("slot",{key:"3a6874ad6d4e6fa54a02a210dc266a4a5f3bb2f0"},this.message)),s&&e("div",{key:"36af7feb22dff43e7413dd3773eb24bbd08f1149",class:"md-snackbar__actions",part:"actions"},e("slot",{key:"ebca9cb6723664319590a1694bbe0f9d424b38ff",name:"action"},this.action&&e("md-button",{key:"77c5813c137217a0d205d5dafdb11ce00f338cb4",variant:"text",size:"sm",class:"md-snackbar__action-btn",onClick:this.handleActionClick},this.action))),t&&e("div",{key:"10a85a75331759d41e706894e674e3da63cccd92",class:"md-snackbar__close",part:"close"},e("slot",{key:"b283137afaba0d4df99f2d2c409044f77a8f5cd2",name:"close"},this.closeable&&e("md-icon-button",{key:"94672d3f27248020c7edda783c534a5791b6f400",variant:"standard",icon:"close","aria-label":this.dismissLabel,onClick:this.handleCloseClick,exportparts:"icon:close-icon"})))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return d()}},[257,"md-snackbar",{open:[1540],message:[1],action:[1],closeable:[516],autoHide:[4,"auto-hide"],autoHideDuration:[2,"auto-hide-duration"],position:[513],stacked:[516],politeness:[513],dismissLabel:[1,"dismiss-label"],density:[514],hasSlottedAction:[32],hasSlottedClose:[32],hasSlottedDefault:[32],show:[64],hide:[64]},undefined,{open:[{onOpenChange:0}]}]);function l(){if(typeof customElements==="undefined"){return}const s=["md-snackbar","md-button","md-icon-button","md-ripple"];s.forEach((s=>{switch(s){case"md-snackbar":if(!customElements.get(n(s))){customElements.define(n(s),m)}break;case"md-button":if(!customElements.get(n(s))){o()}break;case"md-icon-button":if(!customElements.get(n(s))){r()}break;case"md-ripple":if(!customElements.get(n(s))){c()}break}}))}l();const h=m;const b=l;export{h as MdSnackbar,b as defineCustomElement};
 //# sourceMappingURL=md-snackbar.js.map

package/dist/components-csr/md-snackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["mdSnackbarCss","MdSnackbar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","message","action","closeable","autoHide","autoHideDuration","position","stacked","politeness","dismissLabel","density","hasSlottedAction","hasSlottedClose","hasSlottedDefault","timerPaused","handleActionClick","mdAction","emit","startAutoHide","handleCloseClick","dismissAfterRipple","handleEscape","e","key","preventDefault","pauseAutoHide","autoHideTimer","clearAutoHide","resumeAutoHide","handleSurfaceFocusOut","surface","currentTarget","relatedTarget","contains","isAutoHide","componentDidLoad","shadow","el","shadowRoot","defaultSlot","querySelector","actionSlot","closeSlot","addEventListener","assignedNodes","some","n","nodeType","Node","ELEMENT_NODE","TEXT_NODE","textContent","trim","assignedElements","length","onOpenChange","disconnectedCallback","rippleDismissTimer","clearTimeout","undefined","window","removeEventListener","raiseAboveOpenPeers","peers","Array","from","document","querySelectorAll","filter","s","highest","reduce","max","Math","Number","style","getPropertyValue","setProperty","String","newVal","_oldVal","mdOpen","show","hide","reason","mdClose","setTimeout","render","hasAction","hasClose","h","Host","class","role","part","onMouseEnter","onMouseLeave","onFocusin","onFocusout","name","variant","size","onClick","icon","exportparts"],"sources":["src/components/md-snackbar/md-snackbar.css?tag=md-snackbar&encapsulation=shadow","src/components/md-snackbar/md-snackbar.tsx"],"sourcesContent":["/* ==========================================================\n   md-snackbar — Material Design 3 Snackbar\n   Spec: https://m3.material.io/components/snackbar/specs\n\n   PUBLIC CSS CUSTOM PROPERTIES (override per-instance):\n     --md-snackbar-container-color        Surface background\n     --md-snackbar-message-color          Supporting text color\n     --md-snackbar-action-color           Action button text color\n     --md-snackbar-close-color            Close icon color\n     --md-snackbar-container-shape        Border radius\n     --md-snackbar-min-width              Minimum inline size\n     --md-snackbar-max-width              Maximum inline size\n\n   CSS PARTS:\n     surface     Outer container\n     message     Supporting text wrapper\n     actions     Action button wrapper\n     close       Close button wrapper\n\n   SLOTS:\n     (default)   Supporting text\n     action      Custom action element\n     close       Custom close element\n   ========================================================== */\n\n/* ==========================================================\n   1. HOST — positioning & visibility\n   ========================================================== */\n\n:host {\n  --_container-color: var(--md-snackbar-container-color, var(--md-sys-color-inverse-surface, #313033));\n  --_message-color: var(--md-snackbar-message-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));\n  --_action-color: var(--md-snackbar-action-color, var(--md-sys-color-inverse-primary, #D0BCFF));\n  --_close-color: var(--md-snackbar-close-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));\n  --_container-shape: var(--md-snackbar-container-shape, var(--md-sys-shape-corner-extra-small, 4px));\n  --_min-width: var(--md-snackbar-min-width, 288px);\n  --_max-width: var(--md-snackbar-max-width, 568px);\n  --_slide-from: translateY(100%);\n\n  display: flex;\n  position: fixed;\n  inset-block-start: 0;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  padding: var(--md-sys-spacing-inset-xl, 24px);\n  align-items: flex-end;\n  justify-content: center;\n  /* Every snackbar shares one z-index, so with two of them up the DOM order —\n     not the order they opened in — decides which paints on top, and a newly\n     shown snackbar can appear BEHIND one already on screen. `--_stack-order`\n     is stamped on open (see md-snackbar.tsx) and lifts the newest above its\n     peers. It counts open snackbars, not opens, so it stays a small number and\n     can't creep up past dialogs or other overlays above this token. */\n  z-index: calc(var(--md-sys-z-index-snackbar, 2000) + var(--_stack-order, 0));\n  pointer-events: none;\n  visibility: hidden;\n  opacity: 0;\n  transform: var(--_slide-from);\n  transition:\n    opacity var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),\n    transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),\n    visibility 0ms linear var(--md-sys-motion-duration-short4, 200ms);\n}\n\n:host(.md-snackbar--open) {\n  visibility: visible;\n  opacity: 1;\n  transform: translate(0, 0);\n  transition:\n    opacity var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),\n    transform var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),\n    visibility 0ms linear 0ms;\n}\n\n:host(.md-snackbar--open) .md-snackbar__surface {\n  pointer-events: auto;\n}\n\n/* ─── Bottom positions (slide from bottom) ─────────────── */\n\n:host(.md-snackbar--bottom) {\n  align-items: flex-end;\n  justify-content: center;\n}\n\n:host(.md-snackbar--bottom-start) {\n  align-items: flex-end;\n  justify-content: flex-start;\n}\n\n:host(.md-snackbar--bottom-end) {\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n\n/* ─── Top positions (slide from top) ───────────────────── */\n\n:host(.md-snackbar--top),\n:host(.md-snackbar--top-start),\n:host(.md-snackbar--top-end) {\n  --_slide-from: translateY(-100%);\n}\n\n:host(.md-snackbar--top) {\n  align-items: flex-start;\n  justify-content: center;\n}\n\n:host(.md-snackbar--top-start) {\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n:host(.md-snackbar--top-end) {\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n\n/* ─── Side & center positions (fade only) ──────────────── */\n\n:host(.md-snackbar--start),\n:host(.md-snackbar--end),\n:host(.md-snackbar--center) {\n  --_slide-from: translate(0, 0);\n}\n\n:host(.md-snackbar--start) {\n  align-items: center;\n  justify-content: flex-start;\n}\n\n:host(.md-snackbar--end) {\n  align-items: center;\n  justify-content: flex-end;\n}\n\n:host(.md-snackbar--center) {\n  align-items: center;\n  justify-content: center;\n}\n\n/* ==========================================================\n   2. SURFACE — container\n   ========================================================== */\n\n.md-snackbar__surface {\n  display: flex;\n  align-items: center;\n  min-inline-size: var(--_min-width);\n  max-inline-size: var(--_max-width);\n  min-block-size: max(36px, calc(48px + var(--md-sys-density-scale, 0) * 3px));\n  padding-inline-start: max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));\n  padding-inline-end: max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));\n  background-color: var(--_container-color);\n  color: var(--_message-color);\n  border-radius: var(--_container-shape);\n  box-shadow: var(--md-sys-elevation-3);\n  box-sizing: border-box;\n}\n\n:host(.md-snackbar--with-action:not(.md-snackbar--with-close)) .md-snackbar__surface {\n  padding-inline-end: var(--md-sys-spacing-inset-sm, 8px);\n}\n\n:host(.md-snackbar--with-close) .md-snackbar__surface {\n  padding-inline-end: var(--md-sys-spacing-inset-md, 12px);\n}\n\n/* ─── Compact viewports (MD3) ───────────────────────────────\n   Below 600px the snackbar spans the full available width (minus a smaller edge\n   margin) instead of its fixed min/max width — so it never overflows or clips\n   off-screen on a phone (the 288px min-width would otherwise exceed a narrow\n   viewport). */\n@media (max-width: 599px) {\n  :host {\n    padding: var(--md-sys-spacing-inset-lg, 16px);\n  }\n  .md-snackbar__surface {\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n}\n\n/* ==========================================================\n   3. MESSAGE — supporting text\n   ========================================================== */\n\n.md-snackbar__message {\n  flex: 1;\n  padding-block: max(6px, calc(14px + var(--md-sys-density-scale, 0) * 2px));\n  font-family: var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);\n  font-size: max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));\n  font-weight: var(--md-sys-typescale-body-medium-font-weight, 400);\n  line-height: max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));\n  letter-spacing: var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);\n  color: inherit;\n}\n\n/* ==========================================================\n   4. ACTIONS — action button + close icon\n   ========================================================== */\n\n.md-snackbar__actions {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Action button (md-button, text variant) ───────────── */\n\n/* The action is a real md-button (text variant). On the inverse (dark)\n   snackbar surface it takes the inverse-primary action color for its label,\n   icon, state layer and ripple — the button itself supplies the typescale,\n   shape, focus ring and ripple. */\n.md-snackbar__action-btn {\n  flex-shrink: 0;\n  --md-button-label-color: var(--_action-color);\n  --md-button-icon-color: var(--_action-color);\n  --md-ripple-color: var(--_action-color);\n}\n\n/* ─── Close wrapper & icon button ──────────────────────── */\n\n.md-snackbar__close {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.md-snackbar__close md-icon-button {\n  --md-icon-button-icon-color: var(--_close-color);\n  --md-icon-button-container-width: max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));\n  --md-icon-button-container-height: max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));\n  --md-icon-button-icon-size: max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));\n}\n\n/* ==========================================================\n   5. STACKED LAYOUT — action below text, close at top-right\n   ========================================================== */\n\n:host(.md-snackbar--stacked) .md-snackbar__surface {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: auto auto;\n  align-items: start;\n  /* Breathing room so the close isn't jammed against the message, and the action\n     row isn't stacked tight under the close. */\n  column-gap: var(--md-sys-spacing-gap-md, 12px);\n  row-gap: 6px;\n  min-block-size: 68px;\n  padding-block-start: var(--md-sys-spacing-inset-sm, 8px);\n  padding-block-end: var(--md-sys-spacing-inset-sm, 8px);\n}\n\n:host(.md-snackbar--stacked) .md-snackbar__message {\n  grid-column: 1;\n  grid-row: 1;\n  padding-block-end: var(--md-sys-spacing-inset-xs, 4px);\n}\n\n/* Centre the 24px close glyph on the message's first-line\n   centre. The message inherits `padding-block: 14px` from the\n   base rule (the stacked override only resets the end padding),\n   so its first line centre sits at row_top + 14 + 10 = row_top\n   + 24. The icon-button is 40×40 with 8px internal padding —\n   its glyph centre sits 20px below the button's top. We\n   therefore push the button DOWN by 4px so the glyph centre\n   lands at row_top + 24 = message line centre. Holds for\n   multi-line messages too — the glyph stays on the FIRST line. */\n:host(.md-snackbar--stacked) .md-snackbar__close {\n  grid-column: 2;\n  grid-row: 1;\n  align-self: start;\n  margin-inline-start: 0;\n  margin-block-start: var(--md-sys-spacing-inset-xs, 4px);\n  padding-block-start: 0;\n}\n\n:host(.md-snackbar--stacked) .md-snackbar__actions {\n  grid-column: 1 / -1;\n  grid-row: 2;\n  justify-self: end;\n}\n\n/* ==========================================================\n   6. SLOTTED CONTENT\n   ========================================================== */\n\n::slotted([slot=\"action\"]) {\n  color: var(--_action-color);\n}\n\n::slotted([slot=\"close\"]) {\n  color: var(--_close-color);\n}\n\n/* ==========================================================\n   7. REDUCED MOTION\n   ========================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  :host,\n  :host(.md-snackbar--open) {\n    transition: none;\n  }\n}\n\n/* ==========================================================\n   8. FORCED COLORS (Windows High Contrast)\n   ========================================================== */\n\n@media (forced-colors: active) {\n  .md-snackbar__surface {\n    border: 1px solid CanvasText;\n  }\n\n  .md-snackbar__action-btn {\n    color: LinkText;\n  }\n\n  .md-snackbar__action-btn:focus-visible {\n    outline-color: Highlight;\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, Method, Watch } from '@stencil/core';\n\n/**\n * @slot - Supporting text (overrides `message` prop)\n * @slot action - Custom action element (overrides `action` prop)\n * @slot close - Custom close element (overrides default X icon button)\n *\n * @part surface - Outer container surface\n * @part message - Supporting text wrapper\n * @part actions - Action button wrapper\n * @part close - Close button wrapper\n */\n@Component({\n  tag: 'md-snackbar',\n  styleUrl: 'md-snackbar.css',\n  shadow: true,\n})\nexport class MdSnackbar {\n  @Element() el!: HTMLElement;\n\n  // ─── Public Props ──────────────────────────────────────────\n\n  /** Whether the snackbar is visible */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Primary supporting text */\n  @Prop() message: string = '';\n\n  /** Action button label (leave empty for no action) */\n  @Prop() action: string = '';\n\n  /** Show a close (X) icon button */\n  @Prop({ reflect: true }) closeable: boolean = false;\n\n  /** Auto-dismiss after `autoHideDuration` ms (dismissive behavior) */\n  @Prop() autoHide: boolean = true;\n\n  /** Time in ms before auto-dismiss */\n  @Prop() autoHideDuration: number = 4000;\n\n  /** Screen position */\n  @Prop({ reflect: true }) position:\n    | 'bottom' | 'bottom-start' | 'bottom-end'\n    | 'top' | 'top-start' | 'top-end'\n    | 'start' | 'end' | 'center' = 'bottom';\n\n  /** Stack action below text (for longer action labels) */\n  @Prop({ reflect: true }) stacked: boolean = false;\n\n  /**\n   * Live-region politeness. `'polite'` (default) → `role=\"status\"` /\n   * `aria-live=\"polite\"` (announced when idle). `'assertive'` → `role=\"alert\"` /\n   * `aria-live=\"assertive\"` — interrupts the screen reader; use sparingly for\n   * important / error messages.\n   */\n  @Prop({ reflect: true }) politeness: 'polite' | 'assertive' = 'polite';\n\n  /** Accessible label for the close button. Localize per the page locale. */\n  @Prop({ attribute: 'dismiss-label' }) dismissLabel: string = 'Dismiss';\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  // ─── Events ────────────────────────────────────────────────\n\n  /** Emits when the snackbar becomes visible */\n  @Event() mdOpen: EventEmitter<void>;\n\n  /** Emits when the snackbar is dismissed, with reason */\n  @Event() mdClose: EventEmitter<{ reason: 'auto' | 'action' | 'close' }>;\n\n  /** Emits when the action button is clicked */\n  @Event() mdAction: EventEmitter<void>;\n\n  // ─── Internal State ────────────────────────────────────────\n\n  @State() private hasSlottedAction = false;\n  @State() private hasSlottedClose = false;\n  @State() private hasSlottedDefault = false;\n\n  private autoHideTimer?: ReturnType<typeof setTimeout>;\n  private rippleDismissTimer?: ReturnType<typeof setTimeout>;\n  private timerPaused = false;\n\n  /** Coerce autoHide — HTML attribute `auto-hide=\"false\"` arrives as string \"false\" */\n  private get isAutoHide(): boolean {\n    return this.autoHide !== false && (this.autoHide as unknown) !== 'false';\n  }\n\n  // ─── Lifecycle ─────────────────────────────────────────────\n\n  componentDidLoad() {\n    const shadow = this.el.shadowRoot;\n    if (!shadow) return;\n\n    const defaultSlot = shadow.querySelector('slot:not([name])') as HTMLSlotElement | null;\n    const actionSlot = shadow.querySelector('slot[name=\"action\"]') as HTMLSlotElement | null;\n    const closeSlot = shadow.querySelector('slot[name=\"close\"]') as HTMLSlotElement | null;\n\n    defaultSlot?.addEventListener('slotchange', () => {\n      this.hasSlottedDefault = defaultSlot.assignedNodes().some(n =>\n        n.nodeType === Node.ELEMENT_NODE || (n.nodeType === Node.TEXT_NODE && n.textContent?.trim() !== ''),\n      );\n    });\n    actionSlot?.addEventListener('slotchange', () => {\n      this.hasSlottedAction = actionSlot.assignedElements().length > 0;\n    });\n    closeSlot?.addEventListener('slotchange', () => {\n      this.hasSlottedClose = closeSlot.assignedElements().length > 0;\n    });\n\n    if (this.open) {\n      this.onOpenChange(true, false);\n    }\n  }\n\n  disconnectedCallback() {\n    this.clearAutoHide();\n    if (this.rippleDismissTimer != null) {\n      clearTimeout(this.rippleDismissTimer);\n      this.rippleDismissTimer = undefined;\n    }\n    window.removeEventListener('keydown', this.handleEscape);\n  }\n\n  // ─── Watchers ──────────────────────────────────────────────\n\n  /**\n   * Lift this snackbar above any that are already open.\n   *\n   * All snackbars share one z-index token, and equal z-index falls back to DOM\n   * order — so showing a snackbar declared earlier in the markup put it BEHIND\n   * one already on screen. Ranking against the currently-open peers (rather\n   * than counting every open ever) keeps the offset bounded by how many are up\n   * at once, so it never climbs into the range of dialogs above it.\n   */\n  private raiseAboveOpenPeers() {\n    const peers = Array.from(document.querySelectorAll('md-snackbar')).filter(\n      (s) => s !== this.el && (s as HTMLMdSnackbarElement).open,\n    );\n    const highest = peers.reduce(\n      (max, s) => Math.max(max, Number((s as HTMLElement).style.getPropertyValue('--_stack-order')) || 0),\n      0,\n    );\n    this.el.style.setProperty('--_stack-order', String(highest + 1));\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean, _oldVal?: boolean) {\n    if (newVal) {\n      this.raiseAboveOpenPeers();\n      this.mdOpen.emit();\n      if (this.isAutoHide) {\n        this.startAutoHide();\n      }\n      window.addEventListener('keydown', this.handleEscape);\n    } else {\n      this.clearAutoHide();\n      this.timerPaused = false;\n      window.removeEventListener('keydown', this.handleEscape);\n    }\n  }\n\n  // ─── Public Methods ────────────────────────────────────────\n\n  /** Show the snackbar */\n  @Method()\n  async show() {\n    this.open = true;\n  }\n\n  /** Hide the snackbar with an optional reason */\n  @Method()\n  async hide(reason: 'auto' | 'action' | 'close' = 'close') {\n    if (!this.open) return;\n    this.open = false;\n    this.mdClose.emit({ reason });\n  }\n\n  // ─── Private ───────────────────────────────────────────────\n\n  private startAutoHide() {\n    this.clearAutoHide();\n    this.autoHideTimer = setTimeout(() => {\n      if (this.open) {\n        this.open = false;\n        this.mdClose.emit({ reason: 'auto' });\n      }\n    }, this.autoHideDuration);\n  }\n\n  private clearAutoHide() {\n    if (this.autoHideTimer != null) {\n      clearTimeout(this.autoHideTimer);\n      this.autoHideTimer = undefined;\n    }\n  }\n\n  private dismissAfterRipple(reason: 'action' | 'close') {\n    this.rippleDismissTimer = setTimeout(() => {\n      this.rippleDismissTimer = undefined;\n      if (this.open) {\n        this.open = false;\n        this.mdClose.emit({ reason });\n      }\n    }, 150);\n  }\n\n  private handleActionClick = () => {\n    this.mdAction.emit();\n    this.startAutoHide();\n  };\n\n  private handleCloseClick = () => {\n    this.dismissAfterRipple('close');\n  };\n\n  private handleEscape = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && this.open && this.closeable) {\n      e.preventDefault();\n      this.handleCloseClick();\n    }\n  };\n\n  /** WCAG 2.2.1 — pause auto-hide while the user is interacting */\n  private pauseAutoHide = () => {\n    if (this.autoHideTimer != null && this.open) {\n      this.timerPaused = true;\n      this.clearAutoHide();\n    }\n  };\n\n  private resumeAutoHide = () => {\n    if (this.timerPaused && this.open) {\n      this.timerPaused = false;\n      this.startAutoHide();\n    }\n  };\n\n  private handleSurfaceFocusOut = (e: FocusEvent) => {\n    const surface = e.currentTarget as HTMLElement;\n    if (e.relatedTarget && surface.contains(e.relatedTarget as Node)) {\n      return;\n    }\n    this.resumeAutoHide();\n  };\n\n  // ─── Render ────────────────────────────────────────────────\n\n  render() {\n    const hasAction = !!this.action || this.hasSlottedAction;\n    const hasClose = this.closeable || this.hasSlottedClose;\n\n    return (\n      <Host\n        class={{\n          'md-snackbar': true,\n          'md-snackbar--open': this.open,\n          'md-snackbar--stacked': this.stacked,\n          [`md-snackbar--${this.position}`]: true,\n          'md-snackbar--with-action': hasAction,\n          'md-snackbar--with-close': hasClose,\n        }}\n        role={this.politeness === 'assertive' ? 'alert' : 'status'}\n        aria-live={this.politeness}\n        aria-atomic=\"true\"\n      >\n        <div\n          class=\"md-snackbar__surface\"\n          part=\"surface\"\n          onMouseEnter={this.pauseAutoHide}\n          onMouseLeave={this.resumeAutoHide}\n          onFocusin={this.pauseAutoHide}\n          onFocusout={this.handleSurfaceFocusOut}\n        >\n          <span class=\"md-snackbar__message\" part=\"message\">\n            <slot>{this.message}</slot>\n          </span>\n\n          {hasAction && (\n            <div class=\"md-snackbar__actions\" part=\"actions\">\n              <slot name=\"action\">\n                {this.action && (\n                  <md-button\n                    variant=\"text\"\n                    size=\"sm\"\n                    class=\"md-snackbar__action-btn\"\n                    onClick={this.handleActionClick}\n                  >\n                    {this.action}\n                  </md-button>\n                )}\n              </slot>\n            </div>\n          )}\n\n          {hasClose && (\n            <div class=\"md-snackbar__close\" part=\"close\">\n              <slot name=\"close\">\n                {this.closeable && (\n                  <md-icon-button\n                    variant=\"standard\"\n                    icon=\"close\"\n                    aria-label={this.dismissLabel}\n                    onClick={this.handleCloseClick}\n                    exportparts=\"icon:close-icon\"\n                  ></md-icon-button>\n                )}\n              </slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kNAAA,MAAMA,EAAgB,IAAM,ogM,MCiBfC,EAAUC,EAAA,MAAAD,UAAAE,EALvB,WAAAC,CAAAC,G,qKAW0CC,KAAAC,KAAgB,MAGhDD,KAAAE,QAAkB,GAGlBF,KAAAG,OAAiB,GAGAH,KAAAI,UAAqB,MAGtCJ,KAAAK,SAAoB,KAGpBL,KAAAM,iBAA2B,IAGVN,KAAAO,SAGQ,SAGRP,KAAAQ,QAAmB,MAQnBR,KAAAS,WAAqC,SAGxBT,KAAAU,aAAuB,UAOpCV,KAAAW,QAAiC,EAezCX,KAAAY,iBAAmB,MACnBZ,KAAAa,gBAAkB,MAClBb,KAAAc,kBAAoB,MAI7Bd,KAAAe,YAAc,MA8Hdf,KAAAgB,kBAAoB,KAC1BhB,KAAKiB,SAASC,OACdlB,KAAKmB,eAAe,EAGdnB,KAAAoB,iBAAmB,KACzBpB,KAAKqB,mBAAmB,QAAQ,EAG1BrB,KAAAsB,aAAgBC,IACtB,GAAIA,EAAEC,MAAQ,UAAYxB,KAAKC,MAAQD,KAAKI,UAAW,CACrDmB,EAAEE,iBACFzB,KAAKoB,kB,GAKDpB,KAAA0B,cAAgB,KACtB,GAAI1B,KAAK2B,eAAiB,MAAQ3B,KAAKC,KAAM,CAC3CD,KAAKe,YAAc,KACnBf,KAAK4B,e,GAID5B,KAAA6B,eAAiB,KACvB,GAAI7B,KAAKe,aAAef,KAAKC,KAAM,CACjCD,KAAKe,YAAc,MACnBf,KAAKmB,e,GAIDnB,KAAA8B,sBAAyBP,IAC/B,MAAMQ,EAAUR,EAAES,cAClB,GAAIT,EAAEU,eAAiBF,EAAQG,SAASX,EAAEU,eAAwB,CAChE,M,CAEFjC,KAAK6B,gBAAgB,CAuExB,CAtOC,cAAYM,GACV,OAAOnC,KAAKK,WAAa,OAAUL,KAAKK,WAAyB,O,CAKnE,gBAAA+B,GACE,MAAMC,EAASrC,KAAKsC,GAAGC,WACvB,IAAKF,EAAQ,OAEb,MAAMG,EAAcH,EAAOI,cAAc,oBACzC,MAAMC,EAAaL,EAAOI,cAAc,uBACxC,MAAME,EAAYN,EAAOI,cAAc,sBAEvCD,GAAaI,iBAAiB,cAAc,KAC1C5C,KAAKc,kBAAoB0B,EAAYK,gBAAgBC,MAAKC,GACxDA,EAAEC,WAAaC,KAAKC,cAAiBH,EAAEC,WAAaC,KAAKE,WAAaJ,EAAEK,aAAaC,SAAW,IACjG,IAEHX,GAAYE,iBAAiB,cAAc,KACzC5C,KAAKY,iBAAmB8B,EAAWY,mBAAmBC,OAAS,CAAC,IAElEZ,GAAWC,iBAAiB,cAAc,KACxC5C,KAAKa,gBAAkB8B,EAAUW,mBAAmBC,OAAS,CAAC,IAGhE,GAAIvD,KAAKC,KAAM,CACbD,KAAKwD,aAAa,KAAM,M,EAI5B,oBAAAC,GACEzD,KAAK4B,gBACL,GAAI5B,KAAK0D,oBAAsB,KAAM,CACnCC,aAAa3D,KAAK0D,oBAClB1D,KAAK0D,mBAAqBE,S,CAE5BC,OAAOC,oBAAoB,UAAW9D,KAAKsB,a,CAcrC,mBAAAyC,GACN,MAAMC,EAAQC,MAAMC,KAAKC,SAASC,iBAAiB,gBAAgBC,QAChEC,GAAMA,IAAMtE,KAAKsC,IAAOgC,EAA4BrE,OAEvD,MAAMsE,EAAUP,EAAMQ,QACpB,CAACC,EAAKH,IAAMI,KAAKD,IAAIA,EAAKE,OAAQL,EAAkBM,MAAMC,iBAAiB,oBAAsB,IACjG,GAEF7E,KAAKsC,GAAGsC,MAAME,YAAY,iBAAkBC,OAAOR,EAAU,G,CAI/D,YAAAf,CAAawB,EAAiBC,GAC5B,GAAID,EAAQ,CACVhF,KAAK+D,sBACL/D,KAAKkF,OAAOhE,OACZ,GAAIlB,KAAKmC,WAAY,CACnBnC,KAAKmB,e,CAEP0C,OAAOjB,iBAAiB,UAAW5C,KAAKsB,a,KACnC,CACLtB,KAAK4B,gBACL5B,KAAKe,YAAc,MACnB8C,OAAOC,oBAAoB,UAAW9D,KAAKsB,a,EAQ/C,UAAM6D,GACJnF,KAAKC,KAAO,I,CAKd,UAAMmF,CAAKC,EAAsC,SAC/C,IAAKrF,KAAKC,KAAM,OAChBD,KAAKC,KAAO,MACZD,KAAKsF,QAAQpE,KAAK,CAAEmE,U,CAKd,aAAAlE,GACNnB,KAAK4B,gBACL5B,KAAK2B,cAAgB4D,YAAW,KAC9B,GAAIvF,KAAKC,KAAM,CACbD,KAAKC,KAAO,MACZD,KAAKsF,QAAQpE,KAAK,CAAEmE,OAAQ,Q,IAE7BrF,KAAKM,iB,CAGF,aAAAsB,GACN,GAAI5B,KAAK2B,eAAiB,KAAM,CAC9BgC,aAAa3D,KAAK2B,eAClB3B,KAAK2B,cAAgBiC,S,EAIjB,kBAAAvC,CAAmBgE,GACzBrF,KAAK0D,mBAAqB6B,YAAW,KACnCvF,KAAK0D,mBAAqBE,UAC1B,GAAI5D,KAAKC,KAAM,CACbD,KAAKC,KAAO,MACZD,KAAKsF,QAAQpE,KAAK,CAAEmE,U,IAErB,I,CA4CL,MAAAG,GACE,MAAMC,IAAczF,KAAKG,QAAUH,KAAKY,iBACxC,MAAM8E,EAAW1F,KAAKI,WAAaJ,KAAKa,gBAExC,OACE8E,EAACC,EAAI,CAAApE,IAAA,2CACHqE,MAAO,CACL,cAAe,KACf,oBAAqB7F,KAAKC,KAC1B,uBAAwBD,KAAKQ,QAC7B,CAAC,gBAAgBR,KAAKO,YAAa,KACnC,2BAA4BkF,EAC5B,0BAA2BC,GAE7BI,KAAM9F,KAAKS,aAAe,YAAc,QAAU,SAAQ,YAC/CT,KAAKS,WAAU,cACd,QAEZkF,EAAA,OAAAnE,IAAA,2CACEqE,MAAM,uBACNE,KAAK,UACLC,aAAchG,KAAK0B,cACnBuE,aAAcjG,KAAK6B,eACnBqE,UAAWlG,KAAK0B,cAChByE,WAAYnG,KAAK8B,uBAEjB6D,EAAA,QAAAnE,IAAA,2CAAMqE,MAAM,uBAAuBE,KAAK,WACtCJ,EAAA,QAAAnE,IAAA,4CAAOxB,KAAKE,UAGbuF,GACCE,EAAA,OAAAnE,IAAA,2CAAKqE,MAAM,uBAAuBE,KAAK,WACrCJ,EAAA,QAAAnE,IAAA,2CAAM4E,KAAK,UACRpG,KAAKG,QACJwF,EAAA,aAAAnE,IAAA,2CACE6E,QAAQ,OACRC,KAAK,KACLT,MAAM,0BACNU,QAASvG,KAAKgB,mBAEbhB,KAAKG,UAOfuF,GACCC,EAAA,OAAAnE,IAAA,2CAAKqE,MAAM,qBAAqBE,KAAK,SACnCJ,EAAA,QAAAnE,IAAA,2CAAM4E,KAAK,SACRpG,KAAKI,WACJuF,EAAA,kBAAAnE,IAAA,2CACE6E,QAAQ,WACRG,KAAK,QAAO,aACAxG,KAAKU,aACjB6F,QAASvG,KAAKoB,iBACdqF,YAAY,uB","ignoreList":[]}
+{"version":3,"names":["mdSnackbarCss","MdSnackbar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","open","message","action","closeable","autoHide","autoHideDuration","position","stacked","politeness","dismissLabel","density","hasSlottedAction","hasSlottedClose","hasSlottedDefault","timerPaused","handleActionClick","mdAction","emit","startAutoHide","handleCloseClick","dismissAfterRipple","handleEscape","e","key","preventDefault","pauseAutoHide","autoHideTimer","clearAutoHide","resumeAutoHide","handleSurfaceFocusOut","surface","currentTarget","relatedTarget","contains","isAutoHide","componentDidLoad","shadow","el","shadowRoot","defaultSlot","querySelector","actionSlot","closeSlot","addEventListener","assignedNodes","some","n","nodeType","Node","ELEMENT_NODE","TEXT_NODE","textContent","trim","assignedElements","length","onOpenChange","disconnectedCallback","rippleDismissTimer","clearTimeout","undefined","window","removeEventListener","raiseAboveOpenPeers","peers","Array","from","document","querySelectorAll","filter","s","highest","reduce","max","Math","Number","style","getPropertyValue","setProperty","String","newVal","_oldVal","mdOpen","show","hide","reason","mdClose","setTimeout","render","hasAction","hasClose","h","Host","class","role","part","onMouseEnter","onMouseLeave","onFocusin","onFocusout","name","variant","size","onClick","icon","exportparts"],"sources":["src/components/md-snackbar/md-snackbar.css?tag=md-snackbar&encapsulation=shadow","src/components/md-snackbar/md-snackbar.tsx"],"sourcesContent":["/* ==========================================================\n   md-snackbar — Material Design 3 Snackbar\n   Spec: https://m3.material.io/components/snackbar/specs\n\n   PUBLIC CSS CUSTOM PROPERTIES (override per-instance):\n     --md-snackbar-container-color        Surface background\n     --md-snackbar-message-color          Supporting text color\n     --md-snackbar-action-color           Action button text color\n     --md-snackbar-close-color            Close icon color\n     --md-snackbar-container-shape        Border radius\n     --md-snackbar-min-width              Minimum inline size\n     --md-snackbar-max-width              Maximum inline size\n\n   CSS PARTS:\n     surface     Outer container\n     message     Supporting text wrapper\n     actions     Action button wrapper\n     close       Close button wrapper\n\n   SLOTS:\n     (default)   Supporting text\n     action      Custom action element\n     close       Custom close element\n   ========================================================== */\n\n/* ==========================================================\n   1. HOST — positioning & visibility\n   ========================================================== */\n\n:host {\n  --_container-color: var(--md-snackbar-container-color, var(--md-sys-color-inverse-surface, #313033));\n  --_message-color: var(--md-snackbar-message-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));\n  --_action-color: var(--md-snackbar-action-color, var(--md-sys-color-inverse-primary, #D0BCFF));\n  --_close-color: var(--md-snackbar-close-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));\n  --_container-shape: var(--md-snackbar-container-shape, var(--md-sys-shape-corner-extra-small, 4px));\n  --_min-width: var(--md-snackbar-min-width, 288px);\n  --_max-width: var(--md-snackbar-max-width, 568px);\n  --_slide-from: translateY(100%);\n\n  display: flex;\n  position: fixed;\n  inset-block-start: 0;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  padding: var(--md-sys-spacing-inset-xl, 24px);\n  align-items: flex-end;\n  justify-content: center;\n  /* Every snackbar shares one z-index, so with two of them up the DOM order —\n     not the order they opened in — decides which paints on top, and a newly\n     shown snackbar can appear BEHIND one already on screen. `--_stack-order`\n     is stamped on open (see md-snackbar.tsx) and lifts the newest above its\n     peers. It counts open snackbars, not opens, so it stays a small number and\n     can't creep up past dialogs or other overlays above this token. */\n  z-index: calc(var(--md-sys-z-index-snackbar, 2000) + var(--_stack-order, 0));\n  pointer-events: none;\n  visibility: hidden;\n  opacity: 0;\n  transform: var(--_slide-from);\n  transition:\n    opacity var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),\n    transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),\n    visibility 0ms linear var(--md-sys-motion-duration-short4, 200ms);\n}\n\n:host(.md-snackbar--open) {\n  visibility: visible;\n  opacity: 1;\n  transform: translate(0, 0);\n  transition:\n    opacity var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),\n    transform var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),\n    visibility 0ms linear 0ms;\n}\n\n:host(.md-snackbar--open) .md-snackbar__surface {\n  pointer-events: auto;\n}\n\n/* ─── Bottom positions (slide from bottom) ─────────────── */\n\n:host(.md-snackbar--bottom) {\n  align-items: flex-end;\n  justify-content: center;\n}\n\n:host(.md-snackbar--bottom-start) {\n  align-items: flex-end;\n  justify-content: flex-start;\n}\n\n:host(.md-snackbar--bottom-end) {\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n\n/* ─── Top positions (slide from top) ───────────────────── */\n\n:host(.md-snackbar--top),\n:host(.md-snackbar--top-start),\n:host(.md-snackbar--top-end) {\n  --_slide-from: translateY(-100%);\n}\n\n:host(.md-snackbar--top) {\n  align-items: flex-start;\n  justify-content: center;\n}\n\n:host(.md-snackbar--top-start) {\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n\n:host(.md-snackbar--top-end) {\n  align-items: flex-start;\n  justify-content: flex-end;\n}\n\n/* ─── Side & center positions (fade only) ──────────────── */\n\n:host(.md-snackbar--start),\n:host(.md-snackbar--end),\n:host(.md-snackbar--center) {\n  --_slide-from: translate(0, 0);\n}\n\n:host(.md-snackbar--start) {\n  align-items: center;\n  justify-content: flex-start;\n}\n\n:host(.md-snackbar--end) {\n  align-items: center;\n  justify-content: flex-end;\n}\n\n:host(.md-snackbar--center) {\n  align-items: center;\n  justify-content: center;\n}\n\n/* ==========================================================\n   2. SURFACE — container\n   ========================================================== */\n\n.md-snackbar__surface {\n  display: flex;\n  align-items: center;\n  min-inline-size: var(--_min-width);\n  max-inline-size: var(--_max-width);\n  min-block-size: max(36px, calc(48px + var(--md-sys-density-scale, 0) * 3px));\n  padding-inline-start: max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));\n  padding-inline-end: max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));\n  background-color: var(--_container-color);\n  color: var(--_message-color);\n  border-radius: var(--_container-shape);\n  box-shadow: var(--md-sys-elevation-3);\n  box-sizing: border-box;\n}\n\n:host(.md-snackbar--with-action:not(.md-snackbar--with-close)) .md-snackbar__surface {\n  padding-inline-end: var(--md-sys-spacing-inset-sm, 8px);\n}\n\n:host(.md-snackbar--with-close) .md-snackbar__surface {\n  padding-inline-end: var(--md-sys-spacing-inset-md, 12px);\n}\n\n/* ─── Compact viewports (MD3) ───────────────────────────────\n   Below 600px the snackbar spans the full available width (minus a smaller edge\n   margin) instead of its fixed min/max width — so it never overflows or clips\n   off-screen on a phone (the 288px min-width would otherwise exceed a narrow\n   viewport). */\n@media (max-width: 599px) {\n  :host {\n    padding: var(--md-sys-spacing-inset-lg, 16px);\n  }\n  .md-snackbar__surface {\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n  }\n}\n\n/* ==========================================================\n   3. MESSAGE — supporting text\n   ========================================================== */\n\n.md-snackbar__message {\n  flex: 1;\n  padding-block: max(6px, calc(14px + var(--md-sys-density-scale, 0) * 2px));\n  font-family: var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);\n  font-size: max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));\n  font-weight: var(--md-sys-typescale-body-medium-font-weight, 400);\n  line-height: max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));\n  letter-spacing: var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);\n  color: inherit;\n}\n\n/* ==========================================================\n   4. ACTIONS — action button + close icon\n   ========================================================== */\n\n.md-snackbar__actions {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n/* ─── Action button (md-button, text variant) ───────────── */\n\n/* The action is a real md-button (text variant). On the inverse (dark)\n   snackbar surface it takes the inverse-primary action color for its label,\n   icon, state layer and ripple — the button itself supplies the typescale,\n   shape, focus ring and ripple. */\n.md-snackbar__action-btn {\n  flex-shrink: 0;\n  --md-button-label-color: var(--_action-color);\n  --md-button-icon-color: var(--_action-color);\n  --md-ripple-color: var(--_action-color);\n}\n\n/* ─── Close wrapper & icon button ──────────────────────── */\n\n.md-snackbar__close {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.md-snackbar__close md-icon-button {\n  --md-icon-button-icon-color: var(--_close-color);\n  --md-icon-button-container-width: max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));\n  --md-icon-button-container-height: max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));\n  --md-icon-button-icon-size: max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));\n}\n\n/* ==========================================================\n   5. STACKED LAYOUT — action below text, close at top-right\n   ========================================================== */\n\n:host(.md-snackbar--stacked) .md-snackbar__surface {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  grid-template-rows: auto auto;\n  align-items: start;\n  /* Breathing room so the close isn't jammed against the message, and the action\n     row isn't stacked tight under the close. */\n  column-gap: var(--md-sys-spacing-gap-md, 12px);\n  row-gap: 6px;\n  min-block-size: 68px;\n  padding-block-start: var(--md-sys-spacing-inset-sm, 8px);\n  padding-block-end: var(--md-sys-spacing-inset-sm, 8px);\n}\n\n:host(.md-snackbar--stacked) .md-snackbar__message {\n  grid-column: 1;\n  grid-row: 1;\n  padding-block-end: var(--md-sys-spacing-inset-xs, 4px);\n}\n\n/* Centre the 24px close glyph on the message's first-line\n   centre. The message inherits `padding-block: 14px` from the\n   base rule (the stacked override only resets the end padding),\n   so its first line centre sits at row_top + 14 + 10 = row_top\n   + 24. The icon-button is 40×40 with 8px internal padding —\n   its glyph centre sits 20px below the button's top. We\n   therefore push the button DOWN by 4px so the glyph centre\n   lands at row_top + 24 = message line centre. Holds for\n   multi-line messages too — the glyph stays on the FIRST line. */\n:host(.md-snackbar--stacked) .md-snackbar__close {\n  grid-column: 2;\n  grid-row: 1;\n  align-self: start;\n  margin-inline-start: 0;\n  margin-block-start: var(--md-sys-spacing-inset-xs, 4px);\n  padding-block-start: 0;\n}\n\n:host(.md-snackbar--stacked) .md-snackbar__actions {\n  grid-column: 1 / -1;\n  grid-row: 2;\n  justify-self: end;\n}\n\n/* ==========================================================\n   6. SLOTTED CONTENT\n   ========================================================== */\n\n::slotted([slot=\"action\"]) {\n  color: var(--_action-color);\n}\n\n::slotted([slot=\"close\"]) {\n  color: var(--_close-color);\n}\n\n/* ==========================================================\n   7. REDUCED MOTION\n   ========================================================== */\n\n@media (prefers-reduced-motion: reduce) {\n  :host,\n  :host(.md-snackbar--open) {\n    transition: none;\n  }\n}\n\n/* ==========================================================\n   8. FORCED COLORS (Windows High Contrast)\n   ========================================================== */\n\n@media (forced-colors: active) {\n  .md-snackbar__surface {\n    border: 1px solid CanvasText;\n  }\n\n  .md-snackbar__action-btn {\n    color: LinkText;\n  }\n\n  .md-snackbar__action-btn:focus-visible {\n    outline-color: Highlight;\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, Method, Watch } from '@stencil/core';\n\n/**\n * @slot - Supporting text (overrides `message` prop)\n * @slot action - Custom action element (overrides `action` prop)\n * @slot close - Custom close element (overrides default X icon button)\n *\n * @part surface - Outer container surface\n * @part message - Supporting text wrapper\n * @part actions - Action button wrapper\n * @part close - Close button wrapper\n */\n@Component({\n  tag: 'md-snackbar',\n  styleUrl: 'md-snackbar.css',\n  shadow: true,\n})\nexport class MdSnackbar {\n  @Element() el!: HTMLElement;\n\n  // ─── Public Props ──────────────────────────────────────────\n\n  /** Whether the snackbar is visible */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Primary supporting text */\n  @Prop() message: string = '';\n\n  /** Action button label (leave empty for no action) */\n  @Prop() action: string = '';\n\n  /** Show a close (X) icon button */\n  @Prop({ reflect: true }) closeable: boolean = false;\n\n  /** Auto-dismiss after `autoHideDuration` ms (dismissive behavior) */\n  @Prop() autoHide: boolean = true;\n\n  /** Time in ms before auto-dismiss */\n  @Prop() autoHideDuration: number = 4000;\n\n  /** Screen position */\n  @Prop({ reflect: true }) position:\n    | 'bottom' | 'bottom-start' | 'bottom-end'\n    | 'top' | 'top-start' | 'top-end'\n    | 'start' | 'end' | 'center' = 'bottom';\n\n  /** Stack action below text (for longer action labels) */\n  @Prop({ reflect: true }) stacked: boolean = false;\n\n  /**\n   * Live-region politeness. `'polite'` (default) → `role=\"status\"` /\n   * `aria-live=\"polite\"` (announced when idle). `'assertive'` → `role=\"alert\"` /\n   * `aria-live=\"assertive\"` — interrupts the screen reader; use sparingly for\n   * important / error messages.\n   */\n  @Prop({ reflect: true }) politeness: 'polite' | 'assertive' = 'polite';\n\n  /** Accessible label for the close button. Localize per the page locale. */\n  @Prop({ attribute: 'dismiss-label' }) dismissLabel: string = 'Dismiss';\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  // ─── Events ────────────────────────────────────────────────\n\n  /** Emits when the snackbar becomes visible */\n  @Event() mdOpen: EventEmitter<void>;\n\n  /** Emits when the snackbar is dismissed, with reason */\n  @Event() mdClose: EventEmitter<{ reason: 'auto' | 'action' | 'close' }>;\n\n  /** Emits when the action button is clicked */\n  @Event() mdAction: EventEmitter<void>;\n\n  // ─── Internal State ────────────────────────────────────────\n\n  @State() private hasSlottedAction = false;\n  @State() private hasSlottedClose = false;\n  @State() private hasSlottedDefault = false;\n\n  private autoHideTimer?: ReturnType<typeof setTimeout>;\n  private rippleDismissTimer?: ReturnType<typeof setTimeout>;\n  private timerPaused = false;\n\n  /** Coerce autoHide — HTML attribute `auto-hide=\"false\"` arrives as string \"false\" */\n  private get isAutoHide(): boolean {\n    return this.autoHide !== false && (this.autoHide as unknown) !== 'false';\n  }\n\n  // ─── Lifecycle ─────────────────────────────────────────────\n\n  componentDidLoad() {\n    const shadow = this.el.shadowRoot;\n    if (!shadow) return;\n\n    const defaultSlot = shadow.querySelector('slot:not([name])') as HTMLSlotElement | null;\n    const actionSlot = shadow.querySelector('slot[name=\"action\"]') as HTMLSlotElement | null;\n    const closeSlot = shadow.querySelector('slot[name=\"close\"]') as HTMLSlotElement | null;\n\n    defaultSlot?.addEventListener('slotchange', () => {\n      this.hasSlottedDefault = defaultSlot.assignedNodes().some(n =>\n        n.nodeType === Node.ELEMENT_NODE || (n.nodeType === Node.TEXT_NODE && n.textContent?.trim() !== ''),\n      );\n    });\n    actionSlot?.addEventListener('slotchange', () => {\n      this.hasSlottedAction = actionSlot.assignedElements().length > 0;\n    });\n    closeSlot?.addEventListener('slotchange', () => {\n      this.hasSlottedClose = closeSlot.assignedElements().length > 0;\n    });\n\n    if (this.open) {\n      this.onOpenChange(true, false);\n    }\n  }\n\n  disconnectedCallback() {\n    this.clearAutoHide();\n    if (this.rippleDismissTimer != null) {\n      clearTimeout(this.rippleDismissTimer);\n      this.rippleDismissTimer = undefined;\n    }\n    window.removeEventListener('keydown', this.handleEscape);\n  }\n\n  // ─── Watchers ──────────────────────────────────────────────\n\n  /**\n   * Lift this snackbar above any that are already open.\n   *\n   * All snackbars share one z-index token, and equal z-index falls back to DOM\n   * order — so showing a snackbar declared earlier in the markup put it BEHIND\n   * one already on screen. Ranking against the currently-open peers (rather\n   * than counting every open ever) keeps the offset bounded by how many are up\n   * at once, so it never climbs into the range of dialogs above it.\n   */\n  private raiseAboveOpenPeers() {\n    const peers = Array.from(document.querySelectorAll('md-snackbar')).filter(\n      (s) => s !== this.el && (s as HTMLMdSnackbarElement).open,\n    );\n    const highest = peers.reduce(\n      (max, s) => Math.max(max, Number((s as HTMLElement).style.getPropertyValue('--_stack-order')) || 0),\n      0,\n    );\n    this.el.style.setProperty('--_stack-order', String(highest + 1));\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean, _oldVal?: boolean) {\n    if (newVal) {\n      this.raiseAboveOpenPeers();\n      this.mdOpen.emit();\n      if (this.isAutoHide) {\n        this.startAutoHide();\n      }\n      window.addEventListener('keydown', this.handleEscape);\n    } else {\n      this.clearAutoHide();\n      this.timerPaused = false;\n      window.removeEventListener('keydown', this.handleEscape);\n    }\n  }\n\n  // ─── Public Methods ────────────────────────────────────────\n\n  /** Show the snackbar */\n  @Method()\n  async show() {\n    this.open = true;\n  }\n\n  /** Hide the snackbar with an optional reason */\n  @Method()\n  async hide(reason: 'auto' | 'action' | 'close' = 'close') {\n    if (!this.open) return;\n    this.open = false;\n    this.mdClose.emit({ reason });\n  }\n\n  // ─── Private ───────────────────────────────────────────────\n\n  private startAutoHide() {\n    this.clearAutoHide();\n    this.autoHideTimer = setTimeout(() => {\n      if (this.open) {\n        this.open = false;\n        this.mdClose.emit({ reason: 'auto' });\n      }\n    }, this.autoHideDuration);\n  }\n\n  private clearAutoHide() {\n    if (this.autoHideTimer != null) {\n      clearTimeout(this.autoHideTimer);\n      this.autoHideTimer = undefined;\n    }\n  }\n\n  private dismissAfterRipple(reason: 'action' | 'close') {\n    this.rippleDismissTimer = setTimeout(() => {\n      this.rippleDismissTimer = undefined;\n      if (this.open) {\n        this.open = false;\n        this.mdClose.emit({ reason });\n      }\n    }, 150);\n  }\n\n  private handleActionClick = () => {\n    this.mdAction.emit();\n    this.startAutoHide();\n  };\n\n  private handleCloseClick = () => {\n    this.dismissAfterRipple('close');\n  };\n\n  private handleEscape = (e: KeyboardEvent) => {\n    if (e.key === 'Escape' && this.open && this.closeable) {\n      e.preventDefault();\n      this.handleCloseClick();\n    }\n  };\n\n  /** WCAG 2.2.1 — pause auto-hide while the user is interacting */\n  private pauseAutoHide = () => {\n    if (this.autoHideTimer != null && this.open) {\n      this.timerPaused = true;\n      this.clearAutoHide();\n    }\n  };\n\n  private resumeAutoHide = () => {\n    if (this.timerPaused && this.open) {\n      this.timerPaused = false;\n      this.startAutoHide();\n    }\n  };\n\n  private handleSurfaceFocusOut = (e: FocusEvent) => {\n    const surface = e.currentTarget as HTMLElement;\n    if (e.relatedTarget && surface.contains(e.relatedTarget as Node)) {\n      return;\n    }\n    this.resumeAutoHide();\n  };\n\n  // ─── Render ────────────────────────────────────────────────\n\n  render() {\n    const hasAction = !!this.action || this.hasSlottedAction;\n    const hasClose = this.closeable || this.hasSlottedClose;\n\n    return (\n      <Host\n        class={{\n          'md-snackbar': true,\n          'md-snackbar--open': this.open,\n          'md-snackbar--stacked': this.stacked,\n          [`md-snackbar--${this.position}`]: true,\n          'md-snackbar--with-action': hasAction,\n          'md-snackbar--with-close': hasClose,\n        }}\n        role={this.politeness === 'assertive' ? 'alert' : 'status'}\n        aria-live={this.politeness}\n        aria-atomic=\"true\"\n      >\n        <div\n          class=\"md-snackbar__surface\"\n          part=\"surface\"\n          onMouseEnter={this.pauseAutoHide}\n          onMouseLeave={this.resumeAutoHide}\n          onFocusin={this.pauseAutoHide}\n          onFocusout={this.handleSurfaceFocusOut}\n        >\n          <span class=\"md-snackbar__message\" part=\"message\">\n            <slot>{this.message}</slot>\n          </span>\n\n          {hasAction && (\n            <div class=\"md-snackbar__actions\" part=\"actions\">\n              <slot name=\"action\">\n                {this.action && (\n                  <md-button\n                    variant=\"text\"\n                    size=\"sm\"\n                    class=\"md-snackbar__action-btn\"\n                    onClick={this.handleActionClick}\n                  >\n                    {this.action}\n                  </md-button>\n                )}\n              </slot>\n            </div>\n          )}\n\n          {hasClose && (\n            <div class=\"md-snackbar__close\" part=\"close\">\n              <slot name=\"close\">\n                {this.closeable && (\n                  <md-icon-button\n                    variant=\"standard\"\n                    icon=\"close\"\n                    aria-label={this.dismissLabel}\n                    onClick={this.handleCloseClick}\n                    exportparts=\"icon:close-icon\"\n                  ></md-icon-button>\n                )}\n              </slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mLAAA,MAAMA,EAAgB,IAAM,ogM,MCiBfC,EAAUC,EAAA,MAAAD,UAAAE,EALvB,WAAAC,CAAAC,G,qKAW0CC,KAAAC,KAAgB,MAGhDD,KAAAE,QAAkB,GAGlBF,KAAAG,OAAiB,GAGAH,KAAAI,UAAqB,MAGtCJ,KAAAK,SAAoB,KAGpBL,KAAAM,iBAA2B,IAGVN,KAAAO,SAGQ,SAGRP,KAAAQ,QAAmB,MAQnBR,KAAAS,WAAqC,SAGxBT,KAAAU,aAAuB,UAOpCV,KAAAW,QAAiC,EAezCX,KAAAY,iBAAmB,MACnBZ,KAAAa,gBAAkB,MAClBb,KAAAc,kBAAoB,MAI7Bd,KAAAe,YAAc,MA8Hdf,KAAAgB,kBAAoB,KAC1BhB,KAAKiB,SAASC,OACdlB,KAAKmB,eAAe,EAGdnB,KAAAoB,iBAAmB,KACzBpB,KAAKqB,mBAAmB,QAAQ,EAG1BrB,KAAAsB,aAAgBC,IACtB,GAAIA,EAAEC,MAAQ,UAAYxB,KAAKC,MAAQD,KAAKI,UAAW,CACrDmB,EAAEE,iBACFzB,KAAKoB,kB,GAKDpB,KAAA0B,cAAgB,KACtB,GAAI1B,KAAK2B,eAAiB,MAAQ3B,KAAKC,KAAM,CAC3CD,KAAKe,YAAc,KACnBf,KAAK4B,e,GAID5B,KAAA6B,eAAiB,KACvB,GAAI7B,KAAKe,aAAef,KAAKC,KAAM,CACjCD,KAAKe,YAAc,MACnBf,KAAKmB,e,GAIDnB,KAAA8B,sBAAyBP,IAC/B,MAAMQ,EAAUR,EAAES,cAClB,GAAIT,EAAEU,eAAiBF,EAAQG,SAASX,EAAEU,eAAwB,CAChE,M,CAEFjC,KAAK6B,gBAAgB,CAuExB,CAtOC,cAAYM,GACV,OAAOnC,KAAKK,WAAa,OAAUL,KAAKK,WAAyB,O,CAKnE,gBAAA+B,GACE,MAAMC,EAASrC,KAAKsC,GAAGC,WACvB,IAAKF,EAAQ,OAEb,MAAMG,EAAcH,EAAOI,cAAc,oBACzC,MAAMC,EAAaL,EAAOI,cAAc,uBACxC,MAAME,EAAYN,EAAOI,cAAc,sBAEvCD,GAAaI,iBAAiB,cAAc,KAC1C5C,KAAKc,kBAAoB0B,EAAYK,gBAAgBC,MAAKC,GACxDA,EAAEC,WAAaC,KAAKC,cAAiBH,EAAEC,WAAaC,KAAKE,WAAaJ,EAAEK,aAAaC,SAAW,IACjG,IAEHX,GAAYE,iBAAiB,cAAc,KACzC5C,KAAKY,iBAAmB8B,EAAWY,mBAAmBC,OAAS,CAAC,IAElEZ,GAAWC,iBAAiB,cAAc,KACxC5C,KAAKa,gBAAkB8B,EAAUW,mBAAmBC,OAAS,CAAC,IAGhE,GAAIvD,KAAKC,KAAM,CACbD,KAAKwD,aAAa,KAAM,M,EAI5B,oBAAAC,GACEzD,KAAK4B,gBACL,GAAI5B,KAAK0D,oBAAsB,KAAM,CACnCC,aAAa3D,KAAK0D,oBAClB1D,KAAK0D,mBAAqBE,S,CAE5BC,OAAOC,oBAAoB,UAAW9D,KAAKsB,a,CAcrC,mBAAAyC,GACN,MAAMC,EAAQC,MAAMC,KAAKC,SAASC,iBAAiB,gBAAgBC,QAChEC,GAAMA,IAAMtE,KAAKsC,IAAOgC,EAA4BrE,OAEvD,MAAMsE,EAAUP,EAAMQ,QACpB,CAACC,EAAKH,IAAMI,KAAKD,IAAIA,EAAKE,OAAQL,EAAkBM,MAAMC,iBAAiB,oBAAsB,IACjG,GAEF7E,KAAKsC,GAAGsC,MAAME,YAAY,iBAAkBC,OAAOR,EAAU,G,CAI/D,YAAAf,CAAawB,EAAiBC,GAC5B,GAAID,EAAQ,CACVhF,KAAK+D,sBACL/D,KAAKkF,OAAOhE,OACZ,GAAIlB,KAAKmC,WAAY,CACnBnC,KAAKmB,e,CAEP0C,OAAOjB,iBAAiB,UAAW5C,KAAKsB,a,KACnC,CACLtB,KAAK4B,gBACL5B,KAAKe,YAAc,MACnB8C,OAAOC,oBAAoB,UAAW9D,KAAKsB,a,EAQ/C,UAAM6D,GACJnF,KAAKC,KAAO,I,CAKd,UAAMmF,CAAKC,EAAsC,SAC/C,IAAKrF,KAAKC,KAAM,OAChBD,KAAKC,KAAO,MACZD,KAAKsF,QAAQpE,KAAK,CAAEmE,U,CAKd,aAAAlE,GACNnB,KAAK4B,gBACL5B,KAAK2B,cAAgB4D,YAAW,KAC9B,GAAIvF,KAAKC,KAAM,CACbD,KAAKC,KAAO,MACZD,KAAKsF,QAAQpE,KAAK,CAAEmE,OAAQ,Q,IAE7BrF,KAAKM,iB,CAGF,aAAAsB,GACN,GAAI5B,KAAK2B,eAAiB,KAAM,CAC9BgC,aAAa3D,KAAK2B,eAClB3B,KAAK2B,cAAgBiC,S,EAIjB,kBAAAvC,CAAmBgE,GACzBrF,KAAK0D,mBAAqB6B,YAAW,KACnCvF,KAAK0D,mBAAqBE,UAC1B,GAAI5D,KAAKC,KAAM,CACbD,KAAKC,KAAO,MACZD,KAAKsF,QAAQpE,KAAK,CAAEmE,U,IAErB,I,CA4CL,MAAAG,GACE,MAAMC,IAAczF,KAAKG,QAAUH,KAAKY,iBACxC,MAAM8E,EAAW1F,KAAKI,WAAaJ,KAAKa,gBAExC,OACE8E,EAACC,EAAI,CAAApE,IAAA,2CACHqE,MAAO,CACL,cAAe,KACf,oBAAqB7F,KAAKC,KAC1B,uBAAwBD,KAAKQ,QAC7B,CAAC,gBAAgBR,KAAKO,YAAa,KACnC,2BAA4BkF,EAC5B,0BAA2BC,GAE7BI,KAAM9F,KAAKS,aAAe,YAAc,QAAU,SAAQ,YAC/CT,KAAKS,WAAU,cACd,QAEZkF,EAAA,OAAAnE,IAAA,2CACEqE,MAAM,uBACNE,KAAK,UACLC,aAAchG,KAAK0B,cACnBuE,aAAcjG,KAAK6B,eACnBqE,UAAWlG,KAAK0B,cAChByE,WAAYnG,KAAK8B,uBAEjB6D,EAAA,QAAAnE,IAAA,2CAAMqE,MAAM,uBAAuBE,KAAK,WACtCJ,EAAA,QAAAnE,IAAA,4CAAOxB,KAAKE,UAGbuF,GACCE,EAAA,OAAAnE,IAAA,2CAAKqE,MAAM,uBAAuBE,KAAK,WACrCJ,EAAA,QAAAnE,IAAA,2CAAM4E,KAAK,UACRpG,KAAKG,QACJwF,EAAA,aAAAnE,IAAA,2CACE6E,QAAQ,OACRC,KAAK,KACLT,MAAM,0BACNU,QAASvG,KAAKgB,mBAEbhB,KAAKG,UAOfuF,GACCC,EAAA,OAAAnE,IAAA,2CAAKqE,MAAM,qBAAqBE,KAAK,SACnCJ,EAAA,QAAAnE,IAAA,2CAAM4E,KAAK,SACRpG,KAAKI,WACJuF,EAAA,kBAAAnE,IAAA,2CACE6E,QAAQ,WACRG,KAAK,QAAO,aACAxG,KAAKU,aACjB6F,QAASvG,KAAKoB,iBACdqF,YAAY,uB","ignoreList":[]}

package/dist/components-csr/md-sparkline.js

@@ -1,2 +1,2 @@
-import{p as e,H as n,c as t,h as i,d as s,t as r}from"./p-bSpXNc5J.js";import{B as a}from"./p-Bx6--dQF.js";import{L as o}from"./p-RLxbNqRv.js";import{b as h,a as l,p as c}from"./p-DvOKnoqK.js";const d=()=>`:host{--_block-size:var(--md-sparkline-block-size, 28px);--_inline-size:var(--md-sparkline-inline-size, 100%);--_min-inline-size:var(--md-sparkline-min-inline-size, 32px);display:inline-block;vertical-align:middle;inline-size:var(--_inline-size);block-size:var(--_block-size);min-inline-size:var(--_min-inline-size);line-height:1}.md-sparkline__canvas{inline-size:100%;block-size:100%}@media (forced-colors: active){:host{forced-color-adjust:auto}}`;const u=e(class e extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdSparkClick=t(this,"mdSparkClick",7);this.mdReady=t(this,"mdReady",7);this.data=[];this.variant="line";this.color="primary";this.curve="smooth";this.showTooltip=true;this.showMarks="extremes";this.noAnimation=false;this.cornerRadius=2;this.mounted=false;this.engine=null;this.engineKind=null;this.ro=null;this.bindChartHost=e=>{this.chartHost=e}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine()}async resize(){this.engine?.resize()}async getInstance(){return this.engine}initChart(){if(!this.chartHost)return;this.applyEngine();if(this.engine&&!this.ro&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}this.mounted=true;this.mdReady.emit()}ensureEngine(){if(!this.chartHost)return false;const e=this.variant==="bar"?"bar":"line";if(this.engine&&this.engineKind===e)return true;try{this.engine?.dispose();this.engine=e==="bar"?new a(this.chartHost):new o(this.chartHost);this.engineKind=e}catch{this.engine=null;this.engineKind=null;return false}return true}markIndices(){const e=[];this.data.forEach(((n,t)=>{if(typeof n==="number")e.push({d:n,i:t})}));if(!e.length||this.showMarks==="none")return[];if(this.showMarks==="all")return e.map((e=>e.i));const n=new Set;if(this.showMarks==="extremes"){let t=e[0];let i=e[0];for(const n of e){if(n.d>t.d)t=n;if(n.d<i.d)i=n}n.add(t.i);n.add(i.i)}if(this.showMarks==="edges"){n.add(e[0].i);n.add(e[e.length-1].i)}return[...n]}buildEngineTheme(e){return{background:"transparent",textColor:e.textColor,textColorMuted:e.textColorMuted,axisLineColor:e.axisLineColor,gridLineColor:e.gridColor,surface:e.surface,fontFamily:e.fontFamily,labelSize:e.labelSize,titleSize:e.titleSize}}buildLineSpec(e){const n=e=>this.valueFormatter?this.valueFormatter(e):e.toLocaleString();const t=this.referenceAreas?.map((n=>({from:n.from,to:n.to,color:p(n.color??e,n.color?.18:.12)})));return{series:[{label:"",color:e,data:this.data,curve:this.curve,connectNulls:true,showMarks:false,hidden:false,markIndices:this.markIndices(),lineWidth:this.lineWidth,markSize:this.markSize}],xValues:this.labels??this.data.map(((e,n)=>n)),xScale:"category",xFormatter:e=>String(e),xHidden:true,yScale:"value",yMin:this.min,yMax:this.max,yFormatter:n,yHidden:true,stack:"none",area:this.variant==="area",fillOpacity:.45,legend:"none",compact:true,refBands:t,animate:!this.noAnimation}}buildBarSpec(e){const n=e=>this.valueFormatter?this.valueFormatter(e):e.toLocaleString();return{series:[{label:"",color:e,data:this.data,hidden:false}],categories:this.labels??this.data.map(((e,n)=>n)),categoryFormatter:e=>String(e),categoryHidden:true,valueScale:"value",valueMin:this.min,valueMax:this.max,valueFormatter:n,valueHidden:true,stack:"none",horizontal:false,categoryGapRatio:.2,barGapRatio:0,barWidth:this.barWidth,cornerRadius:this.cornerRadius,showLabels:false,legend:"none",compact:true,animate:!this.noAnimation}}applyEngine(){if(!this.ensureEngine()||!this.engine)return;const e=h(this.el);const n=l(this.el,this.color,c(e.palette,0));const t=this.buildEngineTheme(e);const i=(e,n)=>{const t=this.data[n];this.mdSparkClick.emit({dataIndex:n,value:typeof t==="number"?t:null})};if(this.engine instanceof a){this.engine.setSpec(this.buildBarSpec(n),t,{onPointClick:i})}else{this.engine.setSpec(this.buildLineSpec(n),t,{onPointClick:i})}this.engine.setHoverEnabled(this.showTooltip)}render(){const e=this.data.filter((e=>typeof e==="number"));const n=e.length?e[e.length-1]:null;const t=e.length?Math.max(...e):null;const r=e.length?Math.min(...e):null;const a=this.valueFormatter??(e=>e==null?"—":e.toLocaleString());const o=(this.referenceAreas??[]).map((e=>e.label)).filter((e=>!!e));const h=o.length?` Highlighted: ${o.join(", ")}.`:"";const l=e.length?`Sparkline, latest ${a(n)}, range ${a(r)} to ${a(t)}.${h}`:`Sparkline, no data.${h}`;return i(s,{key:"2d582e0046776ed48114cf0f5e9e1a49cf8c5f78",class:{"md-sparkline":true,"md-sparkline--mounted":this.mounted,[`md-sparkline--${this.variant}`]:true},role:"img","aria-label":l,style:this.heightProp?{blockSize:this.heightProp}:undefined},i("div",{key:"921430a9cb40fd37d2bb7c4595668f607bc0eed4",class:"md-sparkline__canvas",part:"canvas",ref:e=>this.bindChartHost(e)}))}get el(){return this}static get watchers(){return{data:[{onAnyPropChange:0}],labels:[{onAnyPropChange:0}],variant:[{onAnyPropChange:0}],color:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],showTooltip:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],referenceAreas:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],min:[{onAnyPropChange:0}],max:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}]}}static get style(){return d()}},[1,"md-sparkline",{data:[16],labels:[16],variant:[513],color:[1],curve:[1],showTooltip:[4,"show-tooltip"],showMarks:[1,"show-marks"],referenceAreas:[16],valueFormatter:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],cornerRadius:[2,"corner-radius"],min:[2],max:[2],lineWidth:[2,"line-width"],markSize:[2,"mark-size"],barWidth:[2,"bar-width"],mounted:[32],resize:[64],getInstance:[64]},undefined,{data:[{onAnyPropChange:0}],labels:[{onAnyPropChange:0}],variant:[{onAnyPropChange:0}],color:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],showTooltip:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],referenceAreas:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],min:[{onAnyPropChange:0}],max:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}]}]);function p(e,n){if(e.startsWith("#")){let t=e.slice(1);if(t.length===3)t=t.split("").map((e=>e+e)).join("");const i=parseInt(t.slice(0,2),16);const s=parseInt(t.slice(2,4),16);const r=parseInt(t.slice(4,6),16);return`rgba(${i}, ${s}, ${r}, ${n})`}if(e.startsWith("rgb("))return e.replace(/^rgb\(/,"rgba(").replace(/\)$/,`, ${n})`);return e}function m(){if(typeof customElements==="undefined"){return}const e=["md-sparkline"];e.forEach((e=>{switch(e){case"md-sparkline":if(!customElements.get(r(e))){customElements.define(r(e),u)}break}}))}m();const f=u;const g=m;export{f as MdSparkline,g as defineCustomElement};
+import{p as e,H as n,c as t,h as i,d as s,t as r}from"./p-bSpXNc5J.js";import{B as a}from"./p-Bx6--dQF.js";import{L as o}from"./p-RLxbNqRv.js";import{b as h,a as l,p as c}from"./p-DvOKnoqK.js";const d=()=>`:host{--_block-size:var(--md-sparkline-block-size, 28px);--_inline-size:var(--md-sparkline-inline-size, 100%);--_min-inline-size:var(--md-sparkline-min-inline-size, 32px);display:inline-block;vertical-align:middle;inline-size:var(--_inline-size);block-size:var(--_block-size);min-inline-size:var(--_min-inline-size);line-height:1}.md-sparkline__canvas{inline-size:100%;block-size:100%}@media (forced-colors: active){:host{forced-color-adjust:auto}}`;const u=e(class e extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.mdSparkClick=t(this,"mdSparkClick",7);this.mdReady=t(this,"mdReady",7);this.data=[];this.variant="line";this.color="primary";this.curve="smooth";this.showTooltip=true;this.showMarks="extremes";this.noAnimation=false;this.cornerRadius=2;this.mounted=false;this.engine=null;this.engineKind=null;this.ro=null;this.bindChartHost=e=>{this.chartHost=e}}componentDidLoad(){this.initChart();if(typeof window!=="undefined"&&window.matchMedia){this.themeMql=window.matchMedia("(prefers-color-scheme: dark)");this.themeListener=()=>this.applyEngine();this.themeMql.addEventListener?.("change",this.themeListener)}}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;if(this.themeMql&&this.themeListener){this.themeMql.removeEventListener?.("change",this.themeListener);this.themeListener=undefined;this.themeMql=undefined}}onAnyPropChange(){this.applyEngine()}async resize(){this.engine?.resize()}async getInstance(){return this.engine}initChart(){if(!this.chartHost)return;this.applyEngine();if(this.engine&&!this.ro&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}this.mounted=true;this.mdReady.emit()}ensureEngine(){if(!this.chartHost)return false;const e=this.variant==="bar"?"bar":"line";if(this.engine&&this.engineKind===e)return true;try{this.engine?.dispose();this.engine=e==="bar"?new a(this.chartHost):new o(this.chartHost);this.engineKind=e}catch{this.engine=null;this.engineKind=null;return false}return true}markIndices(){const e=[];this.data.forEach(((n,t)=>{if(typeof n==="number")e.push({d:n,i:t})}));if(!e.length||this.showMarks==="none")return[];if(this.showMarks==="all")return e.map((e=>e.i));const n=new Set;if(this.showMarks==="extremes"){let t=e[0];let i=e[0];for(const n of e){if(n.d>t.d)t=n;if(n.d<i.d)i=n}n.add(t.i);n.add(i.i)}if(this.showMarks==="edges"){n.add(e[0].i);n.add(e[e.length-1].i)}return[...n]}buildEngineTheme(e){return{background:"transparent",textColor:e.textColor,textColorMuted:e.textColorMuted,axisLineColor:e.axisLineColor,gridLineColor:e.gridColor,surface:e.surface,fontFamily:e.fontFamily,labelSize:e.labelSize,titleSize:e.titleSize}}buildLineSpec(e){const n=e=>this.valueFormatter?this.valueFormatter(e):e.toLocaleString();const t=this.referenceAreas?.map((n=>({from:n.from,to:n.to,color:p(n.color??e,n.color?.18:.12)})));return{series:[{label:"",color:e,data:this.data,curve:this.curve,connectNulls:true,showMarks:false,hidden:false,markIndices:this.markIndices(),lineWidth:this.lineWidth,markSize:this.markSize}],xValues:this.labels??this.data.map(((e,n)=>n)),xScale:"category",xFormatter:e=>String(e),xHidden:true,yScale:"value",yMin:this.min,yMax:this.max,yFormatter:n,yHidden:true,stack:"none",area:this.variant==="area",fillOpacity:.45,legend:"none",compact:true,refBands:t,animate:!this.noAnimation}}buildBarSpec(e){const n=e=>this.valueFormatter?this.valueFormatter(e):e.toLocaleString();return{series:[{label:"",color:e,data:this.data,hidden:false}],categories:this.labels??this.data.map(((e,n)=>n)),categoryFormatter:e=>String(e),categoryHidden:true,valueScale:"value",valueMin:this.min,valueMax:this.max,valueFormatter:n,valueHidden:true,stack:"none",horizontal:false,categoryGapRatio:.2,barGapRatio:0,barWidth:this.barWidth,cornerRadius:this.cornerRadius,showLabels:false,legend:"none",compact:true,animate:!this.noAnimation}}applyEngine(){if(!this.ensureEngine()||!this.engine)return;const e=h(this.el);const n=l(this.el,this.color,c(e.palette,0));const t=this.buildEngineTheme(e);const i=(e,n)=>{const t=this.data[n];this.mdSparkClick.emit({dataIndex:n,value:typeof t==="number"?t:null})};if(this.engine instanceof a){this.engine.setSpec(this.buildBarSpec(n),t,{onPointClick:i})}else{this.engine.setSpec(this.buildLineSpec(n),t,{onPointClick:i})}this.engine.setHoverEnabled(this.showTooltip)}render(){const e=this.data.filter((e=>typeof e==="number"));const n=e.length?e[e.length-1]:null;const t=e.length?Math.max(...e):null;const r=e.length?Math.min(...e):null;const a=this.valueFormatter??(e=>e==null?"—":e.toLocaleString());const o=(this.referenceAreas??[]).map((e=>e.label)).filter((e=>!!e));const h=o.length?` Highlighted: ${o.join(", ")}.`:"";const l=e.length?`Sparkline, latest ${a(n)}, range ${a(r)} to ${a(t)}.${h}`:`Sparkline, no data.${h}`;return i(s,{key:"e58a06d3a132d5664464e6b80ce2ce1a62e4ac7b",class:{"md-sparkline":true,"md-sparkline--mounted":this.mounted,[`md-sparkline--${this.variant}`]:true},role:"img","aria-label":l,style:this.heightProp?{blockSize:this.heightProp}:undefined},i("div",{key:"8ecf08ace640efee79995edb6732580f0a766e88",class:"md-sparkline__canvas",part:"canvas",ref:e=>this.bindChartHost(e)}))}get el(){return this}static get watchers(){return{data:[{onAnyPropChange:0}],labels:[{onAnyPropChange:0}],variant:[{onAnyPropChange:0}],color:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],showTooltip:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],referenceAreas:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],min:[{onAnyPropChange:0}],max:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}]}}static get style(){return d()}},[1,"md-sparkline",{data:[16],labels:[16],variant:[513],color:[1],curve:[1],showTooltip:[4,"show-tooltip"],showMarks:[1,"show-marks"],referenceAreas:[16],valueFormatter:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],cornerRadius:[2,"corner-radius"],min:[2],max:[2],lineWidth:[2,"line-width"],markSize:[2,"mark-size"],barWidth:[2,"bar-width"],mounted:[32],resize:[64],getInstance:[64]},undefined,{data:[{onAnyPropChange:0}],labels:[{onAnyPropChange:0}],variant:[{onAnyPropChange:0}],color:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],showTooltip:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],referenceAreas:[{onAnyPropChange:0}],cornerRadius:[{onAnyPropChange:0}],min:[{onAnyPropChange:0}],max:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],barWidth:[{onAnyPropChange:0}]}]);function p(e,n){if(e.startsWith("#")){let t=e.slice(1);if(t.length===3)t=t.split("").map((e=>e+e)).join("");const i=parseInt(t.slice(0,2),16);const s=parseInt(t.slice(2,4),16);const r=parseInt(t.slice(4,6),16);return`rgba(${i}, ${s}, ${r}, ${n})`}if(e.startsWith("rgb("))return e.replace(/^rgb\(/,"rgba(").replace(/\)$/,`, ${n})`);return e}function m(){if(typeof customElements==="undefined"){return}const e=["md-sparkline"];e.forEach((e=>{switch(e){case"md-sparkline":if(!customElements.get(r(e))){customElements.define(r(e),u)}break}}))}m();const f=u;const g=m;export{f as MdSparkline,g as defineCustomElement};
 //# sourceMappingURL=md-sparkline.js.map

package/dist/components-csr/md-split-button.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as e,h as a,d as n,t as s}from"./p-bSpXNc5J.js";import{t as l}from"./p-DYBUr7K_.js";import{d as o}from"./p-Hm3X1iai.js";const r=()=>`:host{--_container-color:var(--md-split-button-container-color, var(--md-sys-color-primary));--_label-color:var(--md-split-button-label-color, var(--md-sys-color-on-primary));--_icon-color:var(--md-split-button-icon-color, var(--_label-color));--_outline-color:var(--md-split-button-outline-color, var(--md-sys-color-outline));--_state-layer-color:var(--md-sys-color-on-primary);--_container-elevation:var(--md-sys-elevation-0, none);--_outer-shape:var(--md-split-button-container-shape, calc(var(--_height) / 2));--_inner-shape:4px;--_inner-shape-hover:8px;--_between-space:2px;--_height:40px;--_pad-trim:calc(var(--md-sys-density-scale, 0) * 2px);--_icon-size:var(--md-split-button-icon-size, 18px);--_trailing-icon-size:22px;--_leading-padding-left:16px;--_leading-padding-right:14px;--_trailing-padding-left:12px;--_trailing-padding-right:14px;--_trailing-padding-center:13px;display:inline-flex;align-items:stretch;gap:var(--_between-space);vertical-align:middle;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:host(.md-split-button--xs){--_height:32px;--_icon-size:var(--md-split-button-icon-size, 16px);--_trailing-icon-size:22px;--_inner-shape:4px;--_inner-shape-hover:8px;--_leading-padding-left:12px;--_leading-padding-right:10px;--_trailing-padding-left:12px;--_trailing-padding-right:14px;--_trailing-padding-center:13px}:host(.md-split-button--sm){--_height:40px;--_icon-size:var(--md-split-button-icon-size, 18px);--_trailing-icon-size:22px;--_inner-shape:4px;--_inner-shape-hover:8px;--_leading-padding-left:16px;--_leading-padding-right:14px;--_trailing-padding-left:12px;--_trailing-padding-right:14px;--_trailing-padding-center:13px}:host(.md-split-button--md){--_height:56px;--_icon-size:var(--md-split-button-icon-size, 24px);--_trailing-icon-size:26px;--_inner-shape:8px;--_inner-shape-hover:12px;--_leading-padding-left:24px;--_leading-padding-right:20px;--_trailing-padding-left:13px;--_trailing-padding-right:17px;--_trailing-padding-center:15px}:host(.md-split-button--lg){--_height:96px;--_icon-size:var(--md-split-button-icon-size, 36px);--_trailing-icon-size:38px;--_inner-shape:12px;--_inner-shape-hover:20px;--_leading-padding-left:36px;--_leading-padding-right:28px;--_trailing-padding-left:26px;--_trailing-padding-right:32px;--_trailing-padding-center:29px}:host(.md-split-button--xl){--_height:136px;--_icon-size:var(--md-split-button-icon-size, 48px);--_trailing-icon-size:50px;--_inner-shape:16px;--_inner-shape-hover:28px;--_leading-padding-left:48px;--_leading-padding-right:36px;--_trailing-padding-left:37px;--_trailing-padding-right:49px;--_trailing-padding-center:43px}.md-split-button__leading,.md-split-button__trailing{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;cursor:pointer;user-select:none;box-sizing:border-box;height:max(24px, calc(var(--_height) + var(--md-sys-density-scale, 0) * 4px));background-color:var(--_container-color);color:var(--_label-color);box-shadow:var(--_container-elevation);overflow:hidden;-webkit-tap-highlight-color:transparent;transition:border-radius 200ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px))}:host(.md-split-button--xs) .md-split-button__leading{font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500)}:host(.md-split-button--md) .md-split-button__leading{font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight, 500)}:host(.md-split-button--lg) .md-split-button__leading{font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-split-button--xl) .md-split-button__leading{font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight, 400);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px))}.md-split-button__leading{border-start-start-radius:var(--_outer-shape);border-end-start-radius:var(--_outer-shape);border-start-end-radius:var(--_inner-shape);border-end-end-radius:var(--_inner-shape);padding-block:0;padding-inline-start:max(4px, calc(var(--_leading-padding-left) + var(--_pad-trim)));padding-inline-end:max(4px, calc(var(--_leading-padding-right) + var(--_pad-trim)));gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px))}:host(.md-split-button--with-icon) .md-split-button__leading{padding-inline-start:max(4px, calc(var(--_leading-padding-left) - 4px + var(--_pad-trim)))}.md-split-button__leading:hover,.md-split-button__leading:focus-visible,.md-split-button__leading:active{border-start-end-radius:var(--_inner-shape-hover);border-end-end-radius:calc(var(--_inner-shape) + var(--md-sys-shape-morph-enabled, 1) * (var(--_inner-shape-hover) - var(--_inner-shape)))}.md-split-button__trailing{border-start-start-radius:var(--_inner-shape);border-end-start-radius:var(--_inner-shape);border-start-end-radius:var(--_outer-shape);border-end-end-radius:var(--_outer-shape);padding-block:0;padding-inline-start:max(4px, calc(var(--_trailing-padding-left) + var(--_pad-trim)));padding-inline-end:max(4px, calc(var(--_trailing-padding-right) + var(--_pad-trim)))}.md-split-button__trailing:hover,.md-split-button__trailing:focus-visible,.md-split-button__trailing:active{border-start-start-radius:calc(var(--_inner-shape) + var(--md-sys-shape-morph-enabled, 1) * (var(--_inner-shape-hover) - var(--_inner-shape)));border-end-start-radius:var(--_inner-shape-hover)}.md-split-button__trailing.md-split-button__trailing--checked{border-radius:var(--_outer-shape);padding-block:0;padding-inline:max(4px, calc(var(--_trailing-padding-center) + var(--_pad-trim)))}.md-split-button__leading-state-layer,.md-split-button__trailing-state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity 100ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}.md-split-button__leading:hover .md-split-button__leading-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-split-button__leading:focus-visible .md-split-button__leading-state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}.md-split-button__leading:active .md-split-button__leading-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}.md-split-button__trailing:hover .md-split-button__trailing-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-split-button__trailing:focus-visible .md-split-button__trailing-state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}.md-split-button__trailing:active .md-split-button__trailing-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}.md-split-button__leading:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px;z-index:1}.md-split-button__trailing:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px;z-index:1}.md-split-button__icon{font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--_icon-color)}.md-split-button__trailing-icon{font-size:var(--_trailing-icon-size);width:var(--_trailing-icon-size);height:var(--_trailing-icon-size);line-height:var(--_trailing-icon-size);text-align:center;flex-shrink:0;transition:transform 200ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-split-button--trailing-checked) .md-split-button__trailing-icon{transform:rotate(180deg)}.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}.md-split-button__label{display:flex;align-items:center;white-space:nowrap}:host(.md-split-button--filled){--_container-color:var(--md-split-button-container-color, var(--md-sys-color-primary));--_label-color:var(--md-split-button-label-color, var(--md-sys-color-on-primary));--_state-layer-color:var(--md-sys-color-on-primary);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-split-button--elevated){--_container-color:var(--md-split-button-container-color, var(--md-sys-color-surface-container-low));--_label-color:var(--md-split-button-label-color, var(--md-sys-color-primary));--_state-layer-color:var(--md-sys-color-primary);--_container-elevation:var(--md-sys-elevation-1)}:host(.md-split-button--elevated) .md-split-button__leading{clip-path:inset(-6px -1px -6px -6px)}:host(.md-split-button--elevated) .md-split-button__trailing{clip-path:inset(-6px -6px -6px -1px)}:host([dir="rtl"].md-split-button--elevated) .md-split-button__leading,:host-context([dir="rtl"]):host(.md-split-button--elevated) .md-split-button__leading{clip-path:inset(-6px -6px -6px -1px)}:host([dir="rtl"].md-split-button--elevated) .md-split-button__trailing,:host-context([dir="rtl"]):host(.md-split-button--elevated) .md-split-button__trailing{clip-path:inset(-6px -1px -6px -6px)}:host(.md-split-button--elevated) .md-split-button__leading:hover,:host(.md-split-button--elevated) .md-split-button__trailing:hover{box-shadow:var(--md-sys-elevation-2)}:host(.md-split-button--elevated) .md-split-button__leading:active,:host(.md-split-button--elevated) .md-split-button__trailing:active,:host(.md-split-button--elevated) .md-split-button__leading:focus-visible,:host(.md-split-button--elevated) .md-split-button__trailing:focus-visible{box-shadow:var(--md-sys-elevation-1)}:host(.md-split-button--elevated) .md-split-button__leading:focus-visible,:host(.md-split-button--elevated) .md-split-button__trailing:focus-visible{clip-path:inset(-6px);z-index:1}:host(.md-split-button--tonal){--_container-color:var(--md-split-button-container-color, var(--md-sys-color-secondary-container));--_label-color:var(--md-split-button-label-color, var(--md-sys-color-on-secondary-container));--_state-layer-color:var(--md-sys-color-on-secondary-container);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-split-button--tonal) .md-split-button__leading:hover,:host(.md-split-button--tonal) .md-split-button__trailing:hover{box-shadow:var(--md-sys-elevation-1)}:host(.md-split-button--outlined){--_container-color:transparent;--_label-color:var(--md-split-button-label-color, var(--md-sys-color-primary));--_state-layer-color:var(--md-sys-color-primary);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-split-button--outlined) .md-split-button__leading,:host(.md-split-button--outlined) .md-split-button__trailing{border:1px solid var(--_outline-color)}:host(.md-split-button--outlined) .md-split-button__leading:focus-visible,:host(.md-split-button--outlined) .md-split-button__trailing:focus-visible{border-color:var(--md-split-button-outline-color, var(--md-sys-color-primary))}:host(.md-split-button--full-width){display:flex;inline-size:100%}:host(.md-split-button--full-width) .md-split-button__leading{flex:1 1 auto;min-inline-size:0}:host(.md-split-button--full-width) .md-split-button__trailing{flex:0 0 auto}:host(.md-split-button--full-width) .md-split-button__label{display:block;min-inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.md-split-button--disabled) .md-split-button__leading,:host(.md-split-button--disabled) .md-split-button__trailing{cursor:default;pointer-events:none;box-shadow:var(--md-sys-elevation-0, none) !important;background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-split-button--disabled) .md-split-button__leading-state-layer,:host(.md-split-button--disabled) .md-split-button__trailing-state-layer{display:none}:host(.md-split-button--disabled.md-split-button--outlined) .md-split-button__leading,:host(.md-split-button--disabled.md-split-button--outlined) .md-split-button__trailing{background-color:transparent;border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-split-button--disabled.md-split-button--elevated) .md-split-button__leading,:host(.md-split-button--disabled.md-split-button--elevated) .md-split-button__trailing{clip-path:none}:host([soft-disabled]) .md-split-button__leading,:host([soft-disabled]) .md-split-button__trailing{cursor:default;pointer-events:auto}:host([soft-disabled]) .md-split-button__leading-state-layer,:host([soft-disabled]) .md-split-button__trailing-state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-split-button__leading,.md-split-button__trailing{transition:none}.md-split-button__leading-state-layer,.md-split-button__trailing-state-layer{transition:none}.md-split-button__trailing-icon{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}.md-split-button__leading,.md-split-button__trailing{background-color:ButtonFace;color:ButtonText;border:1px solid ButtonText}.md-split-button__leading:focus-visible,.md-split-button__trailing:focus-visible{outline-color:Highlight}:host(.md-split-button--disabled) .md-split-button__leading,:host(.md-split-button--disabled) .md-split-button__trailing{color:GrayText;border-color:GrayText}.md-split-button__leading-state-layer,.md-split-button__trailing-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}`;const d=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdLeadingClick=e(this,"mdLeadingClick",7);this.mdTrailingClick=e(this,"mdTrailingClick",7);this.variant="filled";this.size="sm";this.disabled=false;this.softDisabled=false;this.icon="";this.label="";this.trailingIcon="keyboard_arrow_down";this.trailingChecked=false;this.menuLabel="Toggle menu";this.haspopup="menu";this.controls="";this.fullWidth=false;this.ripple=true;this.density=0;this.handleLeadingClick=t=>{t.stopPropagation();if(this.isDisabled){t.preventDefault();return}this.mdLeadingClick.emit()};this.handleLeadingKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isDisabled){l(this.el,".md-split-button__leading md-ripple");this.mdLeadingClick.emit()}}};this.handleTrailingClick=t=>{t.stopPropagation();if(this.isDisabled){t.preventDefault();return}this.trailingChecked=!this.trailingChecked;this.mdTrailingClick.emit({checked:this.trailingChecked})};this.handleTrailingKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isDisabled){l(this.el,".md-split-button__trailing md-ripple");this.trailingChecked=!this.trailingChecked;this.mdTrailingClick.emit({checked:this.trailingChecked})}}}}get isDisabled(){return this.disabled||this.softDisabled}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){if(!this.label&&!this.el.hasAttribute("aria-label")){console.warn(`[md-split-button] WCAG 1.1.1: Leading button is missing an accessible name. `+`Provide a label prop or aria-label attribute.`,this.el)}}}render(){const t=!!this.icon;return a(n,{key:"ce8eea5e459e37eaa58f51ca406558e0103cfe6a",class:{"md-split-button":true,[`md-split-button--${this.variant}`]:true,[`md-split-button--${this.size}`]:true,"md-split-button--disabled":this.isDisabled,"md-split-button--trailing-checked":this.trailingChecked,"md-split-button--with-icon":t,"md-split-button--full-width":this.fullWidth}},a("button",{key:"a08ffe70d4483128705d4435949f5cf0497ce102",class:"md-split-button__leading",part:"leading",disabled:this.disabled,"aria-disabled":this.isDisabled?"true":undefined,"aria-label":!this.label?this.el.getAttribute("aria-label")??undefined:undefined,tabindex:this.disabled?-1:0,onClick:this.handleLeadingClick,onKeyDown:this.handleLeadingKeyDown},this.ripple&&a("md-ripple",{key:"630c7edee4601f139144b070ce8d73c3291e9b95",disabled:this.isDisabled}),a("span",{key:"99aa532c836006eead619176a5d5ba18dc079cd5",class:"md-split-button__leading-state-layer",part:"leading-state-layer","aria-hidden":"true"}),t&&a("span",{key:"2a0a9be157bafcaf8939ed8ced034b764da7a2a7",class:"md-split-button__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon),this.label&&a("span",{key:"eae0845a2bd97cee6550cc87238cef81cd3c5cb4",class:"md-split-button__label",part:"label"},this.label),a("slot",{key:"8f6ed838f085f4d94729f6691b7734d94fc2b563"})),a("button",{key:"a54cc0117bfaf8fab20715c8f0f0379731a221f5",class:{"md-split-button__trailing":true,"md-split-button__trailing--checked":this.trailingChecked},part:"trailing",disabled:this.disabled,"aria-disabled":this.isDisabled?"true":undefined,"aria-haspopup":this.haspopup==="false"?undefined:this.haspopup,"aria-expanded":String(this.trailingChecked),"aria-controls":this.controls||undefined,"aria-label":this.menuLabel,tabindex:this.disabled?-1:0,onClick:this.handleTrailingClick,onKeyDown:this.handleTrailingKeyDown},this.ripple&&a("md-ripple",{key:"b3451fd48b06a9378d3103c41336d429882dece2",disabled:this.isDisabled}),a("span",{key:"ff1348daec651062b7d2ca018911fff9b109e3c2",class:"md-split-button__trailing-state-layer",part:"trailing-state-layer","aria-hidden":"true"}),a("span",{key:"0152a67f2b0a1a22724e510113ded9f977d786d2",class:"md-split-button__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)))}get el(){return this}static get style(){return r()}},[257,"md-split-button",{variant:[1],size:[1],disabled:[516],softDisabled:[516,"soft-disabled"],icon:[1],label:[1],trailingIcon:[1,"trailing-icon"],trailingChecked:[1540,"trailing-checked"],menuLabel:[1,"menu-label"],haspopup:[1],controls:[1],fullWidth:[516,"full-width"],ripple:[4],density:[514]}]);function p(){if(typeof customElements==="undefined"){return}const t=["md-split-button","md-ripple"];t.forEach((t=>{switch(t){case"md-split-button":if(!customElements.get(s(t))){customElements.define(s(t),d)}break;case"md-ripple":if(!customElements.get(s(t))){o()}break}}))}p();const c=d;const m=p;export{c as MdSplitButton,m as defineCustomElement};
+import{p as t,H as i,c as e,h as a,d as n,t as s}from"./p-bSpXNc5J.js";import{t as l}from"./p-DYBUr7K_.js";import{d as o}from"./p-C3vB0Hd9.js";const r=()=>`:host{--_container-color:var(--md-split-button-container-color, var(--md-sys-color-primary));--_label-color:var(--md-split-button-label-color, var(--md-sys-color-on-primary));--_icon-color:var(--md-split-button-icon-color, var(--_label-color));--_outline-color:var(--md-split-button-outline-color, var(--md-sys-color-outline));--_state-layer-color:var(--md-sys-color-on-primary);--_container-elevation:var(--md-sys-elevation-0, none);--_outer-shape:var(--md-split-button-container-shape, calc(var(--_height) / 2));--_inner-shape:4px;--_inner-shape-hover:8px;--_between-space:2px;--_height:40px;--_pad-trim:calc(var(--md-sys-density-scale, 0) * 2px);--_icon-size:var(--md-split-button-icon-size, 18px);--_trailing-icon-size:22px;--_leading-padding-left:16px;--_leading-padding-right:14px;--_trailing-padding-left:12px;--_trailing-padding-right:14px;--_trailing-padding-center:13px;display:inline-flex;align-items:stretch;gap:var(--_between-space);vertical-align:middle;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:host(.md-split-button--xs){--_height:32px;--_icon-size:var(--md-split-button-icon-size, 16px);--_trailing-icon-size:22px;--_inner-shape:4px;--_inner-shape-hover:8px;--_leading-padding-left:12px;--_leading-padding-right:10px;--_trailing-padding-left:12px;--_trailing-padding-right:14px;--_trailing-padding-center:13px}:host(.md-split-button--sm){--_height:40px;--_icon-size:var(--md-split-button-icon-size, 18px);--_trailing-icon-size:22px;--_inner-shape:4px;--_inner-shape-hover:8px;--_leading-padding-left:16px;--_leading-padding-right:14px;--_trailing-padding-left:12px;--_trailing-padding-right:14px;--_trailing-padding-center:13px}:host(.md-split-button--md){--_height:56px;--_icon-size:var(--md-split-button-icon-size, 24px);--_trailing-icon-size:26px;--_inner-shape:8px;--_inner-shape-hover:12px;--_leading-padding-left:24px;--_leading-padding-right:20px;--_trailing-padding-left:13px;--_trailing-padding-right:17px;--_trailing-padding-center:15px}:host(.md-split-button--lg){--_height:96px;--_icon-size:var(--md-split-button-icon-size, 36px);--_trailing-icon-size:38px;--_inner-shape:12px;--_inner-shape-hover:20px;--_leading-padding-left:36px;--_leading-padding-right:28px;--_trailing-padding-left:26px;--_trailing-padding-right:32px;--_trailing-padding-center:29px}:host(.md-split-button--xl){--_height:136px;--_icon-size:var(--md-split-button-icon-size, 48px);--_trailing-icon-size:50px;--_inner-shape:16px;--_inner-shape-hover:28px;--_leading-padding-left:48px;--_leading-padding-right:36px;--_trailing-padding-left:37px;--_trailing-padding-right:49px;--_trailing-padding-center:43px}.md-split-button__leading,.md-split-button__trailing{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;cursor:pointer;user-select:none;box-sizing:border-box;height:max(24px, calc(var(--_height) + var(--md-sys-density-scale, 0) * 4px));background-color:var(--_container-color);color:var(--_label-color);box-shadow:var(--_container-elevation);overflow:hidden;-webkit-tap-highlight-color:transparent;transition:border-radius 200ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px))}:host(.md-split-button--xs) .md-split-button__leading{font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500)}:host(.md-split-button--md) .md-split-button__leading{font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight, 500)}:host(.md-split-button--lg) .md-split-button__leading{font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px))}:host(.md-split-button--xl) .md-split-button__leading{font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight, 400);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px))}.md-split-button__leading{border-start-start-radius:var(--_outer-shape);border-end-start-radius:var(--_outer-shape);border-start-end-radius:var(--_inner-shape);border-end-end-radius:var(--_inner-shape);padding-block:0;padding-inline-start:max(4px, calc(var(--_leading-padding-left) + var(--_pad-trim)));padding-inline-end:max(4px, calc(var(--_leading-padding-right) + var(--_pad-trim)));gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px))}:host(.md-split-button--with-icon) .md-split-button__leading{padding-inline-start:max(4px, calc(var(--_leading-padding-left) - 4px + var(--_pad-trim)))}.md-split-button__leading:hover,.md-split-button__leading:focus-visible,.md-split-button__leading:active{border-start-end-radius:var(--_inner-shape-hover);border-end-end-radius:calc(var(--_inner-shape) + var(--md-sys-shape-morph-enabled, 1) * (var(--_inner-shape-hover) - var(--_inner-shape)))}.md-split-button__trailing{border-start-start-radius:var(--_inner-shape);border-end-start-radius:var(--_inner-shape);border-start-end-radius:var(--_outer-shape);border-end-end-radius:var(--_outer-shape);padding-block:0;padding-inline-start:max(4px, calc(var(--_trailing-padding-left) + var(--_pad-trim)));padding-inline-end:max(4px, calc(var(--_trailing-padding-right) + var(--_pad-trim)))}.md-split-button__trailing:hover,.md-split-button__trailing:focus-visible,.md-split-button__trailing:active{border-start-start-radius:calc(var(--_inner-shape) + var(--md-sys-shape-morph-enabled, 1) * (var(--_inner-shape-hover) - var(--_inner-shape)));border-end-start-radius:var(--_inner-shape-hover)}.md-split-button__trailing.md-split-button__trailing--checked{border-radius:var(--_outer-shape);padding-block:0;padding-inline:max(4px, calc(var(--_trailing-padding-center) + var(--_pad-trim)))}.md-split-button__leading-state-layer,.md-split-button__trailing-state-layer{position:absolute;inset:0;border-radius:inherit;background-color:var(--_state-layer-color);opacity:0;transition:opacity 100ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}.md-split-button__leading:hover .md-split-button__leading-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-split-button__leading:focus-visible .md-split-button__leading-state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}.md-split-button__leading:active .md-split-button__leading-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}.md-split-button__trailing:hover .md-split-button__trailing-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.md-split-button__trailing:focus-visible .md-split-button__trailing-state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.10)}.md-split-button__trailing:active .md-split-button__trailing-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.10)}.md-split-button__leading:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px;z-index:1}.md-split-button__trailing:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px;z-index:1}.md-split-button__icon{font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--_icon-color)}.md-split-button__trailing-icon{font-size:var(--_trailing-icon-size);width:var(--_trailing-icon-size);height:var(--_trailing-icon-size);line-height:var(--_trailing-icon-size);text-align:center;flex-shrink:0;transition:transform 200ms var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-split-button--trailing-checked) .md-split-button__trailing-icon{transform:rotate(180deg)}.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}.md-split-button__label{display:flex;align-items:center;white-space:nowrap}:host(.md-split-button--filled){--_container-color:var(--md-split-button-container-color, var(--md-sys-color-primary));--_label-color:var(--md-split-button-label-color, var(--md-sys-color-on-primary));--_state-layer-color:var(--md-sys-color-on-primary);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-split-button--elevated){--_container-color:var(--md-split-button-container-color, var(--md-sys-color-surface-container-low));--_label-color:var(--md-split-button-label-color, var(--md-sys-color-primary));--_state-layer-color:var(--md-sys-color-primary);--_container-elevation:var(--md-sys-elevation-1)}:host(.md-split-button--elevated) .md-split-button__leading{clip-path:inset(-6px -1px -6px -6px)}:host(.md-split-button--elevated) .md-split-button__trailing{clip-path:inset(-6px -6px -6px -1px)}:host([dir="rtl"].md-split-button--elevated) .md-split-button__leading,:host-context([dir="rtl"]):host(.md-split-button--elevated) .md-split-button__leading{clip-path:inset(-6px -6px -6px -1px)}:host([dir="rtl"].md-split-button--elevated) .md-split-button__trailing,:host-context([dir="rtl"]):host(.md-split-button--elevated) .md-split-button__trailing{clip-path:inset(-6px -1px -6px -6px)}:host(.md-split-button--elevated) .md-split-button__leading:hover,:host(.md-split-button--elevated) .md-split-button__trailing:hover{box-shadow:var(--md-sys-elevation-2)}:host(.md-split-button--elevated) .md-split-button__leading:active,:host(.md-split-button--elevated) .md-split-button__trailing:active,:host(.md-split-button--elevated) .md-split-button__leading:focus-visible,:host(.md-split-button--elevated) .md-split-button__trailing:focus-visible{box-shadow:var(--md-sys-elevation-1)}:host(.md-split-button--elevated) .md-split-button__leading:focus-visible,:host(.md-split-button--elevated) .md-split-button__trailing:focus-visible{clip-path:inset(-6px);z-index:1}:host(.md-split-button--tonal){--_container-color:var(--md-split-button-container-color, var(--md-sys-color-secondary-container));--_label-color:var(--md-split-button-label-color, var(--md-sys-color-on-secondary-container));--_state-layer-color:var(--md-sys-color-on-secondary-container);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-split-button--tonal) .md-split-button__leading:hover,:host(.md-split-button--tonal) .md-split-button__trailing:hover{box-shadow:var(--md-sys-elevation-1)}:host(.md-split-button--outlined){--_container-color:transparent;--_label-color:var(--md-split-button-label-color, var(--md-sys-color-primary));--_state-layer-color:var(--md-sys-color-primary);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.md-split-button--outlined) .md-split-button__leading,:host(.md-split-button--outlined) .md-split-button__trailing{border:1px solid var(--_outline-color)}:host(.md-split-button--outlined) .md-split-button__leading:focus-visible,:host(.md-split-button--outlined) .md-split-button__trailing:focus-visible{border-color:var(--md-split-button-outline-color, var(--md-sys-color-primary))}:host(.md-split-button--full-width){display:flex;inline-size:100%}:host(.md-split-button--full-width) .md-split-button__leading{flex:1 1 auto;min-inline-size:0}:host(.md-split-button--full-width) .md-split-button__trailing{flex:0 0 auto}:host(.md-split-button--full-width) .md-split-button__label{display:block;min-inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.md-split-button--disabled) .md-split-button__leading,:host(.md-split-button--disabled) .md-split-button__trailing{cursor:default;pointer-events:none;box-shadow:var(--md-sys-elevation-0, none) !important;background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.md-split-button--disabled) .md-split-button__leading-state-layer,:host(.md-split-button--disabled) .md-split-button__trailing-state-layer{display:none}:host(.md-split-button--disabled.md-split-button--outlined) .md-split-button__leading,:host(.md-split-button--disabled.md-split-button--outlined) .md-split-button__trailing{background-color:transparent;border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.md-split-button--disabled.md-split-button--elevated) .md-split-button__leading,:host(.md-split-button--disabled.md-split-button--elevated) .md-split-button__trailing{clip-path:none}:host([soft-disabled]) .md-split-button__leading,:host([soft-disabled]) .md-split-button__trailing{cursor:default;pointer-events:auto}:host([soft-disabled]) .md-split-button__leading-state-layer,:host([soft-disabled]) .md-split-button__trailing-state-layer{display:none}@media (prefers-reduced-motion: reduce){.md-split-button__leading,.md-split-button__trailing{transition:none}.md-split-button__leading-state-layer,.md-split-button__trailing-state-layer{transition:none}.md-split-button__trailing-icon{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}.md-split-button__leading,.md-split-button__trailing{background-color:ButtonFace;color:ButtonText;border:1px solid ButtonText}.md-split-button__leading:focus-visible,.md-split-button__trailing:focus-visible{outline-color:Highlight}:host(.md-split-button--disabled) .md-split-button__leading,:host(.md-split-button--disabled) .md-split-button__trailing{color:GrayText;border-color:GrayText}.md-split-button__leading-state-layer,.md-split-button__trailing-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}`;const d=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdLeadingClick=e(this,"mdLeadingClick",7);this.mdTrailingClick=e(this,"mdTrailingClick",7);this.variant="filled";this.size="sm";this.disabled=false;this.softDisabled=false;this.icon="";this.label="";this.trailingIcon="keyboard_arrow_down";this.trailingChecked=false;this.menuLabel="Toggle menu";this.haspopup="menu";this.controls="";this.fullWidth=false;this.ripple=true;this.density=0;this.handleLeadingClick=t=>{t.stopPropagation();if(this.isDisabled){t.preventDefault();return}this.mdLeadingClick.emit()};this.handleLeadingKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isDisabled){l(this.el,".md-split-button__leading md-ripple");this.mdLeadingClick.emit()}}};this.handleTrailingClick=t=>{t.stopPropagation();if(this.isDisabled){t.preventDefault();return}this.trailingChecked=!this.trailingChecked;this.mdTrailingClick.emit({checked:this.trailingChecked})};this.handleTrailingKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();if(!this.isDisabled){l(this.el,".md-split-button__trailing md-ripple");this.trailingChecked=!this.trailingChecked;this.mdTrailingClick.emit({checked:this.trailingChecked})}}}}get isDisabled(){return this.disabled||this.softDisabled}componentDidLoad(){if(typeof window!=="undefined"&&window.__STENCIL_DEV_MODE__!==false){if(!this.label&&!this.el.hasAttribute("aria-label")){console.warn(`[md-split-button] WCAG 1.1.1: Leading button is missing an accessible name. `+`Provide a label prop or aria-label attribute.`,this.el)}}}render(){const t=!!this.icon;return a(n,{key:"ce8eea5e459e37eaa58f51ca406558e0103cfe6a",class:{"md-split-button":true,[`md-split-button--${this.variant}`]:true,[`md-split-button--${this.size}`]:true,"md-split-button--disabled":this.isDisabled,"md-split-button--trailing-checked":this.trailingChecked,"md-split-button--with-icon":t,"md-split-button--full-width":this.fullWidth}},a("button",{key:"a08ffe70d4483128705d4435949f5cf0497ce102",class:"md-split-button__leading",part:"leading",disabled:this.disabled,"aria-disabled":this.isDisabled?"true":undefined,"aria-label":!this.label?this.el.getAttribute("aria-label")??undefined:undefined,tabindex:this.disabled?-1:0,onClick:this.handleLeadingClick,onKeyDown:this.handleLeadingKeyDown},this.ripple&&a("md-ripple",{key:"630c7edee4601f139144b070ce8d73c3291e9b95",disabled:this.isDisabled}),a("span",{key:"99aa532c836006eead619176a5d5ba18dc079cd5",class:"md-split-button__leading-state-layer",part:"leading-state-layer","aria-hidden":"true"}),t&&a("span",{key:"2a0a9be157bafcaf8939ed8ced034b764da7a2a7",class:"md-split-button__icon material-symbols-outlined",part:"icon","aria-hidden":"true"},this.icon),this.label&&a("span",{key:"eae0845a2bd97cee6550cc87238cef81cd3c5cb4",class:"md-split-button__label",part:"label"},this.label),a("slot",{key:"8f6ed838f085f4d94729f6691b7734d94fc2b563"})),a("button",{key:"a54cc0117bfaf8fab20715c8f0f0379731a221f5",class:{"md-split-button__trailing":true,"md-split-button__trailing--checked":this.trailingChecked},part:"trailing",disabled:this.disabled,"aria-disabled":this.isDisabled?"true":undefined,"aria-haspopup":this.haspopup==="false"?undefined:this.haspopup,"aria-expanded":String(this.trailingChecked),"aria-controls":this.controls||undefined,"aria-label":this.menuLabel,tabindex:this.disabled?-1:0,onClick:this.handleTrailingClick,onKeyDown:this.handleTrailingKeyDown},this.ripple&&a("md-ripple",{key:"b3451fd48b06a9378d3103c41336d429882dece2",disabled:this.isDisabled}),a("span",{key:"ff1348daec651062b7d2ca018911fff9b109e3c2",class:"md-split-button__trailing-state-layer",part:"trailing-state-layer","aria-hidden":"true"}),a("span",{key:"0152a67f2b0a1a22724e510113ded9f977d786d2",class:"md-split-button__trailing-icon material-symbols-outlined",part:"trailing-icon","aria-hidden":"true"},this.trailingIcon)))}get el(){return this}static get style(){return r()}},[257,"md-split-button",{variant:[1],size:[1],disabled:[516],softDisabled:[516,"soft-disabled"],icon:[1],label:[1],trailingIcon:[1,"trailing-icon"],trailingChecked:[1540,"trailing-checked"],menuLabel:[1,"menu-label"],haspopup:[1],controls:[1],fullWidth:[516,"full-width"],ripple:[4],density:[514]}]);function p(){if(typeof customElements==="undefined"){return}const t=["md-split-button","md-ripple"];t.forEach((t=>{switch(t){case"md-split-button":if(!customElements.get(s(t))){customElements.define(s(t),d)}break;case"md-ripple":if(!customElements.get(s(t))){o()}break}}))}p();const c=d;const m=p;export{c as MdSplitButton,m as defineCustomElement};
 //# sourceMappingURL=md-split-button.js.map

package/dist/components-csr/md-status-dot.js

@@ -1,2 +1,2 @@
-import{p as s,H as t,h as o,t as e,d as a}from"./p-bSpXNc5J.js";const d=()=>`:host{--_size:var(--md-status-dot-size, max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px)));--_color:var(--md-status-dot-color, var(--md-sys-color-on-surface-variant, #49454F));--_pulse-color:var(--md-status-dot-pulse-color, transparent);--_outline-color:var(--md-status-dot-outline-color, var(--md-sys-color-surface, #FEF7FF));--_outline-width:var(--md-status-dot-outline-width, max(1px, calc(2px + var(--md-sys-density-scale, 0) * 0.25px)));position:absolute;inset-inline-end:var(--md-status-dot-inset-end, -2px);inset-block-end:var(--md-status-dot-inset-block-end, -2px);inline-size:var(--_size);block-size:var(--_size);border-radius:50%;background-color:var(--_color);box-sizing:border-box;pointer-events:none;user-select:none;z-index:1;outline:var(--_outline-width) solid var(--_outline-color);outline-offset:0;transition:background-color var(--md-sys-motion-duration-short2, 200ms)       var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     outline-color var(--md-sys-motion-duration-short2, 200ms)       var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-status-dot--small){--_size:var(--md-status-dot-size, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));--_outline-width:var(--md-status-dot-outline-width, max(1px, calc(1.5px + var(--md-sys-density-scale, 0) * 0.125px)))}:host(.md-status-dot--medium){--_size:var(--md-status-dot-size, max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px)))}:host(.md-status-dot--large){--_size:var(--md-status-dot-size, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_outline-width:var(--md-status-dot-outline-width, max(1.5px, calc(3px + var(--md-sys-density-scale, 0) * 0.375px)));inset-inline-end:var(--md-status-dot-inset-end, -3px);inset-block-end:var(--md-status-dot-inset-block-end, -3px)}:host(.md-status-dot--online){--_color:var(--md-status-dot-color, #2DC653);--_pulse-color:var(--md-status-dot-pulse-color, rgba(45, 198, 83, 0.55))}:host(.md-status-dot--away){--_color:var(--md-status-dot-color, #F4B400);--_pulse-color:var(--md-status-dot-pulse-color, rgba(244, 180, 0, 0.55))}:host(.md-status-dot--busy){--_color:var(--md-status-dot-color, #DB4437);--_pulse-color:var(--md-status-dot-pulse-color, rgba(219, 68, 55, 0.55))}:host(.md-status-dot--offline){--_color:var(--md-status-dot-color, var(--md-sys-color-outline, #79747E))}:host(.md-status-dot--invisible){--_color:var(--md-status-dot-color, var(--md-sys-color-surface, #FEF7FF));box-shadow:inset 0 0 0 2px var(--md-sys-color-outline, #79747E)}@keyframes md-status-dot-pulse{0%{box-shadow:0 0 0 0 var(--_pulse-color)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: no-preference){:host(.md-status-dot--live){animation:md-status-dot-pulse       var(--md-status-dot-pulse-duration, 1.6s)       ease-out infinite}}@media (forced-colors: active){:host{forced-color-adjust:none;background-color:Mark;outline-color:ButtonFace}:host(.md-status-dot--invisible){background-color:ButtonFace;box-shadow:inset 0 0 0 2px ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const r=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.state="neutral";this.size="medium";this.live=false;this.label="";this.density=0}render(){const s=!!this.label.trim();const t=s?this.live?"status":"img":"presentation";return o(a,{key:"ed3c2b9061a1baa5f3034b53b364164b76769619",class:{"md-status-dot":true,[`md-status-dot--${this.state}`]:true,[`md-status-dot--${this.size}`]:true,"md-status-dot--live":this.live,"md-status-dot--labelled":s},role:t,"aria-label":s?this.label:null,"aria-hidden":s?null:"true"})}get el(){return this}static get style(){return d()}},[1,"md-status-dot",{state:[513],size:[513],live:[516],label:[1],density:[514]}]);function i(){if(typeof customElements==="undefined"){return}const s=["md-status-dot"];s.forEach((s=>{switch(s){case"md-status-dot":if(!customElements.get(e(s))){customElements.define(e(s),r)}break}}))}i();const n=r;const l=i;export{n as MdStatusDot,l as defineCustomElement};
+import{p as s,H as t,h as o,t as e,d as a}from"./p-bSpXNc5J.js";const d=()=>`:host{--_size:var(--md-status-dot-size, max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px)));--_color:var(--md-status-dot-color, var(--md-sys-color-on-surface-variant, #49454F));--_pulse-color:var(--md-status-dot-pulse-color, transparent);--_outline-color:var(--md-status-dot-outline-color, var(--md-sys-color-surface, #FEF7FF));--_outline-width:var(--md-status-dot-outline-width, max(1px, calc(2px + var(--md-sys-density-scale, 0) * 0.25px)));position:absolute;inset-inline-end:var(--md-status-dot-inset-end, -2px);inset-block-end:var(--md-status-dot-inset-block-end, -2px);inline-size:var(--_size);block-size:var(--_size);border-radius:50%;background-color:var(--_color);box-sizing:border-box;pointer-events:none;user-select:none;z-index:1;outline:var(--_outline-width) solid var(--_outline-color);outline-offset:0;transition:background-color var(--md-sys-motion-duration-short2, 200ms)       var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),     outline-color var(--md-sys-motion-duration-short2, 200ms)       var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.md-status-dot--small){--_size:var(--md-status-dot-size, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));--_outline-width:var(--md-status-dot-outline-width, max(1px, calc(1.5px + var(--md-sys-density-scale, 0) * 0.125px)))}:host(.md-status-dot--medium){--_size:var(--md-status-dot-size, max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px)))}:host(.md-status-dot--large){--_size:var(--md-status-dot-size, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_outline-width:var(--md-status-dot-outline-width, max(1.5px, calc(3px + var(--md-sys-density-scale, 0) * 0.375px)));inset-inline-end:var(--md-status-dot-inset-end, -3px);inset-block-end:var(--md-status-dot-inset-block-end, -3px)}:host(.md-status-dot--online){--_color:var(--md-status-dot-color, #2DC653);--_pulse-color:var(--md-status-dot-pulse-color, rgba(45, 198, 83, 0.55))}:host(.md-status-dot--away){--_color:var(--md-status-dot-color, #F4B400);--_pulse-color:var(--md-status-dot-pulse-color, rgba(244, 180, 0, 0.55))}:host(.md-status-dot--busy){--_color:var(--md-status-dot-color, #DB4437);--_pulse-color:var(--md-status-dot-pulse-color, rgba(219, 68, 55, 0.55))}:host(.md-status-dot--offline){--_color:var(--md-status-dot-color, var(--md-sys-color-outline, #79747E))}:host(.md-status-dot--invisible){--_color:var(--md-status-dot-color, var(--md-sys-color-surface, #FEF7FF));box-shadow:inset 0 0 0 2px var(--md-sys-color-outline, #79747E)}@keyframes md-status-dot-pulse{0%{box-shadow:0 0 0 0 var(--_pulse-color)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: no-preference){:host(.md-status-dot--live){animation:md-status-dot-pulse       var(--md-status-dot-pulse-duration, 1.6s)       ease-out infinite}}@media (forced-colors: active){:host{forced-color-adjust:none;background-color:Mark;outline-color:ButtonFace}:host(.md-status-dot--invisible){background-color:ButtonFace;box-shadow:inset 0 0 0 2px ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}`;const r=s(class s extends t{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.state="neutral";this.size="medium";this.live=false;this.label="";this.density=0}render(){const s=!!this.label.trim();const t=s?this.live?"status":"img":"presentation";return o(a,{key:"0f92384de5ace257aaeb5745ecd2937a1f876faa",class:{"md-status-dot":true,[`md-status-dot--${this.state}`]:true,[`md-status-dot--${this.size}`]:true,"md-status-dot--live":this.live,"md-status-dot--labelled":s},role:t,"aria-label":s?this.label:null,"aria-hidden":s?null:"true"})}get el(){return this}static get style(){return d()}},[1,"md-status-dot",{state:[513],size:[513],live:[516],label:[1],density:[514]}]);function i(){if(typeof customElements==="undefined"){return}const s=["md-status-dot"];s.forEach((s=>{switch(s){case"md-status-dot":if(!customElements.get(e(s))){customElements.define(e(s),r)}break}}))}i();const n=r;const l=i;export{n as MdStatusDot,l as defineCustomElement};
 //# sourceMappingURL=md-status-dot.js.map