@bmxc/pami-elements 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/components/pami-step.js

@@ -1,2 +1,2 @@
-import{p as t,H as a,c as e,h as i,d as s,t as r}from"./p-8mhkIT1t.js";import{t as o,d as n}from"./p-NaJ3tJav.js";import{d as p}from"./p-DD2A_AfS.js";import{d as c}from"./p-C3VyQE8n.js";const l=()=>`:host{--_size:var(--pami-step-indicator-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_indicator-h:var(--_size);--_indicator-ring:var(--pami-step-indicator-ring, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));--_color:var(--pami-step-indicator-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_text:var(--pami-step-indicator-text, var(--md-sys-color-on-surface-variant, #49454F));--_active-color:var(--pami-step-active-color, var(--md-sys-color-primary, #6750A4));--_active-text:var(--pami-step-active-text, var(--md-sys-color-on-primary, #FFFFFF));--_active-halo:var(--pami-step-active-halo-color, var(--md-sys-color-primary, #6750A4));--_completed-color:var(--pami-step-completed-color, var(--md-sys-color-primary, #6750A4));--_completed-text:var(--pami-step-completed-text, var(--md-sys-color-on-primary, #FFFFFF));--_error-color:var(--pami-step-error-color, var(--md-sys-color-error, #B3261E));--_error-text:var(--pami-step-error-text, var(--md-sys-color-on-error, #FFFFFF));--_connector:var(--pami-step-connector-color, var(--md-sys-color-outline-variant, #CAC4D0));--_connector-filled:var(--pami-step-connector-filled-color, var(--md-sys-color-primary, #6750A4));--_connector-thickness:var(--pami-step-connector-thickness, max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px)));--_label-color:var(--pami-step-label-color, var(--md-sys-color-on-surface-variant, #49454F));--_label-active-color:var(--pami-step-label-active-color, var(--md-sys-color-on-surface, #1C1B1F));--_description-color:var(--pami-step-description-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-step-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_spring-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_spring-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_state-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_state-easing:var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00));--_expand-duration:var(--pami-step-expand-duration, var(--md-sys-motion-spring-spatial-default-duration, 500ms));--_expand-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_collapse-duration:var(--pami-step-collapse-duration, var(--md-sys-motion-duration-short4, 200ms));--_collapse-easing:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_connector-duration:var(--pami-step-connector-duration, var(--md-sys-motion-duration-medium3, 350ms));--_connector-easing:linear;--_active-halo-size:3px;display:flex;box-sizing:border-box;position:relative;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);animation:pami-step-enter var(--md-sys-motion-spring-effects-slow-duration, 300ms) var(--_state-easing) backwards;animation-delay:calc(var(--pami-step-idx, 0) * 40ms)}@keyframes pami-step-enter{from{opacity:0}}:host(.pami-step--indicator-dot){--_indicator-h:10px;--_color:var(--pami-step-indicator-color, var(--md-sys-color-outline, #79747E))}:host(.pami-step--horizontal){--_indicator-pad:max(0px, calc(4px + var(--md-sys-density-scale, 0) * 1px));--_connector-gap:max(4px, calc(10px + var(--md-sys-density-scale, 0) * 1px));flex:1 1 0;min-inline-size:0;justify-content:center;align-items:flex-start}:host(.pami-step--horizontal.pami-step--panel-step){display:contents}:host(.pami-step--horizontal.pami-step--panel-step) .pami-step__header{grid-row:1;display:flex;flex:1 1 0;min-inline-size:0;justify-content:center;align-items:flex-start;position:relative}:host(.pami-step--horizontal.pami-step--panel-step) .pami-step__content{grid-row:2;grid-column:1 / -1;margin-inline-start:0}:host(.pami-step--horizontal.pami-step--panel-step) .pami-step__content-inner{padding-block-start:var(--pami-step-panel-padding-block-start, var(--md-sys-spacing-inset-lg, 16px))}:host(.pami-step--vertical){flex:initial;flex-direction:row;align-items:flex-start;flex-wrap:wrap;--_connector-gap:6px;padding-block-end:var(--md-sys-spacing-inset-lg, 16px)}:host(.pami-step--vertical.pami-step--last){padding-block-end:0}.pami-step__inner{position:relative;display:inline-flex;align-items:center;gap:var(--md-sys-spacing-gap-md, 12px);padding:0;background:transparent;border:none;cursor:pointer;text-align:start;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}:host(.pami-step--horizontal) .pami-step__inner{flex-direction:column;align-items:center;gap:max(2px, calc(6px + var(--md-sys-density-scale, 0) * 1px));padding-block-start:var(--_indicator-pad);padding-inline:var(--md-sys-spacing-inset-sm, 8px);max-inline-size:100%;min-inline-size:0;z-index:1}:host(.pami-step--vertical) .pami-step__inner{padding-inline-start:8px;z-index:1}.pami-step__indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--_indicator-h) + 2 * var(--_indicator-ring));block-size:calc(var(--_indicator-h) + 2 * var(--_indicator-ring));border-radius:50%;flex-shrink:0;color:var(--_state-layer-color)}.pami-step__indicator pami-ripple{border-radius:50%}.pami-step__state-layer{position:absolute;inset:0;border-radius:50%;background:var(--md-sys-pari-glow);opacity:0;pointer-events:none;transition:opacity var(--_state-duration) var(--_state-easing)}.pami-step__inner:hover:not([aria-disabled="true"]) .pami-step__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.pami-step__inner:focus-visible .pami-step__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}.pami-step__inner:active:not([aria-disabled="true"]) .pami-step__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.pami-step__inner:focus-visible{outline:none}.pami-step__inner:focus-visible .pami-step__indicator{box-shadow:0 0 0 2px var(--md-sys-color-surface, #FEF7FF),      0 0 0 5px var(--md-sys-color-focus-ring, #513018)}:host(.pami-step--disabled) .pami-step__inner{cursor:not-allowed}:host(.pami-step--disabled) .pami-step__indicator{opacity:0.38}:host(.pami-step--disabled) pami-ripple,:host(.pami-step--disabled) .pami-step__state-layer{display:none}:host(.pami-step--readonly) .pami-step__inner{cursor:default}:host(.pami-step--readonly) pami-ripple,:host(.pami-step--readonly) .pami-step__state-layer{display:none}.pami-step__bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_size);block-size:var(--_size);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_color);color:var(--_text);font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);flex-shrink:0;transition:background-color var(--_state-duration) var(--_state-easing),      color var(--_state-duration) var(--_state-easing),      transform var(--_spring-duration) var(--_spring-easing),      box-shadow var(--_spring-duration) var(--_spring-easing)}.pami-step__bubble pami-icon{font-size:calc(var(--_size) * 0.56);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased}@keyframes pami-step-glyph-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.18);opacity:1}100%{transform:scale(1);opacity:1}}:host(.pami-step--completed) .pami-step__bubble pami-icon,:host(.pami-step--error) .pami-step__bubble pami-icon{animation:pami-step-glyph-in var(--_spring-duration) var(--_spring-easing) both}:host(.pami-step--active) .pami-step__bubble{background-color:var(--_active-color);color:var(--_active-text);transform:scale(1.12);box-shadow:0 0 0 var(--_active-halo-size) color-mix(in srgb, var(--_active-halo) 14%, transparent)}:host(.pami-step--completed) .pami-step__bubble{background-color:var(--_completed-color);color:var(--_completed-text)}:host(.pami-step--error) .pami-step__bubble{background-color:var(--_error-color);color:var(--_error-text);animation:pami-step-error-pulse var(--md-sys-motion-duration-medium2, 300ms) var(--_state-easing) both}@keyframes pami-step-error-pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}.pami-step__dot{display:inline-block;inline-size:var(--_indicator-h);block-size:var(--_indicator-h);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_color);flex-shrink:0;transition:background-color var(--_state-duration) var(--_state-easing),      box-shadow var(--_spring-duration) var(--_spring-easing),      transform var(--_spring-duration) var(--_spring-easing)}:host(.pami-step--active) .pami-step__dot{background-color:var(--_active-color);transform:scale(1.4);box-shadow:0 0 0 var(--_active-halo-size) color-mix(in srgb, var(--_active-halo) 18%, transparent)}:host(.pami-step--completed) .pami-step__dot{background-color:var(--_completed-color)}:host(.pami-step--error) .pami-step__dot{background-color:var(--_error-color)}.pami-step__text{display:flex;flex-direction:column;gap:2px;min-inline-size:0}:host(.pami-step--horizontal) .pami-step__text{align-items:center;text-align:center;max-inline-size:100%}.pami-step__label{color:var(--_label-color);font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transition:color var(--_state-duration) var(--_state-easing),      font-variation-settings var(--_state-duration) var(--_state-easing)}:host(.pami-step--horizontal) .pami-step__label{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(.pami-step--active) .pami-step__label{color:var(--_label-active-color);font-weight:600;font-variation-settings:'wght' 600}:host(.pami-step--error) .pami-step__label{color:var(--_error-color)}:host(.pami-step--disabled) .pami-step__text{opacity:0.38}.pami-step__optional,.pami-step__description{color:var(--_description-color);font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-small-font-weight, 400);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px))}.pami-step__optional{font-style:italic}:host(.pami-step--error) .pami-step__description{color:var(--_error-color)}.pami-step__connector{position:relative;flex:1;align-self:center;background-color:var(--_connector);overflow:hidden;border-radius:var(--md-sys-shape-corner-full, 9999px)}.pami-step__connector::after{content:'';position:absolute;inset:0;background-color:var(--_connector-filled);border-radius:inherit;transform-origin:left center;transform:scaleX(0);transition:transform var(--_connector-duration) var(--_connector-easing)}.pami-step__connector--filled::after{transform:scaleX(1)}:host([dir="rtl"]) .pami-step__connector::after,:host-context([dir="rtl"]) .pami-step__connector::after{transform-origin:right center}:host(.pami-step--horizontal) .pami-step__connector--trailing{position:absolute;inset-block-start:calc(var(--_indicator-pad) + var(--_indicator-ring) + var(--_indicator-h) / 2);transform:translateY(-50%);block-size:var(--_connector-thickness);inset-inline-start:calc(50% + var(--_indicator-h) / 2 + var(--_connector-gap));inline-size:calc(100% - var(--_indicator-h) - 2 * var(--_connector-gap));flex:none;align-self:auto;z-index:0}:host(.pami-step--vertical) .pami-step__connector{position:absolute;flex:none;align-self:auto;z-index:0;inline-size:var(--_connector-thickness);inset-inline-start:calc(8px + var(--_indicator-ring) + (var(--_indicator-h) - var(--_connector-thickness)) / 2)}:host(.pami-step--vertical) .pami-step__connector--leading{display:none}:host(.pami-step--vertical) .pami-step__connector--trailing{inset-block-start:calc(var(--_indicator-ring) + var(--_indicator-h) + var(--_connector-gap));inset-block-end:calc(var(--_connector-gap) - var(--_indicator-ring))}:host(.pami-step--vertical) .pami-step__connector::after{transform-origin:center top;transform:scaleY(0)}:host(.pami-step--vertical) .pami-step__connector--filled::after{transform:scaleY(1)}.pami-step__content{flex:1 1 100%;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;margin-inline-start:calc(8px + var(--_indicator-h) + 2 * var(--_indicator-ring) + var(--md-sys-spacing-gap-md, 12px));color:var(--md-sys-color-on-surface, #1C1B1F);transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing),      opacity var(--_collapse-duration) var(--_collapse-easing),      visibility 0s linear var(--_collapse-duration)}.pami-step__content--open{grid-template-rows:1fr;opacity:1;visibility:inherit;transition:grid-template-rows var(--_expand-duration) var(--_expand-easing),      opacity var(--_state-duration) var(--_state-easing),      visibility 0s}.pami-step__content-sizer{min-block-size:0;overflow:hidden}.pami-step__content-inner{padding-block-start:var(--md-sys-spacing-inset-xs, 4px);padding-block-end:var(--md-sys-spacing-inset-lg, 16px)}.pami-step__content--lazy{display:block;grid-template-rows:none;opacity:1;visibility:inherit;transition:none;animation:pami-step-content-enter var(--_expand-duration) var(--_expand-easing) both}.pami-step__content--lazy .pami-step__content-sizer{overflow:visible}@keyframes pami-step-content-enter{from{opacity:0;transform:translateY(-6px)}}.pami-step__actions{display:flex;gap:var(--md-sys-spacing-gap-sm, 8px);margin-block-start:var(--md-sys-spacing-gap-lg, 16px)}@media (max-width: 599px){:host(.pami-step--horizontal){--_size:var(--pami-step-indicator-size, 28px);--_connector-gap:8px}:host(.pami-step--horizontal) .pami-step__inner{gap:var(--md-sys-spacing-gap-xs, 4px);padding-inline:var(--md-sys-spacing-inset-xs, 4px)}:host(.pami-step--horizontal) .pami-step__label{font-size:var(--md-sys-typescale-label-medium-font-size, 12px);line-height:var(--md-sys-typescale-label-medium-line-height, 16px)}:host(.pami-step--horizontal) .pami-step__optional,:host(.pami-step--horizontal) .pami-step__description{display:none}}@media (prefers-reduced-motion: reduce){:host{animation:none !important}.pami-step__bubble,.pami-step__dot,.pami-step__connector,.pami-step__connector::after,.pami-step__state-layer,.pami-step__label,.pami-step__content,.pami-step__bubble pami-icon{transition-duration:0.01ms !important;transition-delay:0s !important;animation:none !important}:host(.pami-step--active) .pami-step__bubble,:host(.pami-step--active) .pami-step__dot{transform:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--_active-halo) 25%, transparent)}}@media (forced-colors: active){.pami-step__bubble,.pami-step__dot{background-color:Canvas;border:2px solid CanvasText;forced-color-adjust:none}:host(.pami-step--active) .pami-step__bubble,:host(.pami-step--completed) .pami-step__bubble{background-color:Highlight;color:HighlightText}.pami-step__connector{background-color:GrayText;forced-color-adjust:none}.pami-step__connector::after{background-color:Highlight}.pami-step__state-layer{display:none}.pami-step__inner:focus-visible .pami-step__indicator{box-shadow:0 0 0 3px 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}:host([hidden]){display:none !important}`;const d=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiStepClick=e(this,"pamiStepClick",5);this.pamiStepNext=e(this,"pamiStepNext",5);this.pamiStepBack=e(this,"pamiStepBack",5);this.label="";this.description="";this.completed=false;this.active=false;this.error=false;this.errorText="";this.disabled=false;this.optional=false;this.editable=false;this.icon="";this.completedIcon="check";this.errorIcon="priority_high";this.hideActions=false;this.density=0;this.hasSlottedContent=false;this.handleClick=t=>{if(this.readonlyMode||this.effectivelyDisabled)return;t.preventDefault();this.pamiStepClick.emit({index:this.index})};this.handleKeyDown=t=>{if(this.readonlyMode||this.effectivelyDisabled)return;if(t.key==="Enter"||t.key===" "){t.preventDefault();o(this.el);this.pamiStepClick.emit({index:this.index})}};this.emitNext=()=>this.pamiStepNext.emit({index:this.index});this.emitBack=()=>this.pamiStepBack.emit({index:this.index})}attr(t,a=""){const e=this.el.getAttribute(t);return e!=null&&e!==""?e:a}get index(){return Number(this.attr("data-index","0"))}get total(){return Number(this.attr("data-total","0"))}get activeIndex(){return Number(this.attr("data-active","0"))}get position(){return this.el.getAttribute("data-position")??"first"}get orientation(){return this.el.getAttribute("data-orientation")??"horizontal"}get indicatorKind(){return this.el.getAttribute("data-indicator")??"numbered"}get linearMode(){return this.el.getAttribute("data-mode")==="linear"}get readonlyMode(){return this.el.getAttribute("data-readonly")==="true"}connectedCallback(){this.computeSlottedContent();if(typeof MutationObserver!=="undefined"){this.contentObserver=new MutationObserver((()=>this.computeSlottedContent()));this.contentObserver.observe(this.el,{childList:true})}}disconnectedCallback(){this.contentObserver?.disconnect();this.contentObserver=undefined}computeSlottedContent(){this.hasSlottedContent=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&(t.textContent??"").trim()!==""))}stepSiblings(){const t=this.el.parentElement;if(!t)return[];return Array.from(t.children).filter((t=>t.tagName.toLowerCase()==="pami-step"))}allPriorPassable(){const t=this.stepSiblings();for(let a=0;a<this.index;a++){const e=t[a];if(!e?.completed&&!e?.optional)return false}return true}get reachable(){if(this.readonlyMode)return true;if(!this.linearMode)return true;return this.index<=this.activeIndex||this.completed||this.allPriorPassable()}get effectivelyDisabled(){return this.disabled||!this.reachable}onInternalPamiClick(t){if(t.target===this.el)t.stopPropagation()}glyph(t){return i("span",{class:"pami-step__bubble",part:"bubble","aria-hidden":"true"},i("pami-icon",{name:t}))}renderIndicator(){if(this.indicatorKind==="dot"){return i("span",{class:"pami-step__dot",part:"dot","aria-hidden":"true"})}if(this.error)return this.glyph(this.errorIcon);if(this.icon)return this.glyph(this.icon);if(this.completed)return this.glyph(this.editable?"edit":this.completedIcon);return i("span",{class:"pami-step__bubble",part:"bubble","aria-hidden":"true"},this.index+1)}composeA11yLabel(){if(this.accessibleName?.trim())return this.accessibleName;const t=(t,a)=>this.attr(t,a);let a=`${t("data-step-word","Step")} ${this.index+1} ${t("data-of-word","of")} ${this.total}`;if(this.label)a+=`: ${this.label}`;if(this.optional)a+=`, ${t("data-optional-word","optional")}`;if(this.completed)a+=`, ${t("data-completed-word","completed")}`;if(this.active)a+=`, ${t("data-current-word","current")}`;if(this.error)a+=`, ${t("data-error-word","error")}${this.errorText?`: ${this.errorText}`:""}`;return a}render(){const t=this.position==="first";const a=this.position==="last";const e=this.orientation==="vertical";const r=this.effectivelyDisabled;const o=this.readonlyMode;const n=this.error&&this.errorText?this.errorText:this.description;const p=this.optional?this.attr("data-optional-word","Optional"):"";const c=this.attr("data-nav","true")!=="false"&&!this.hideActions;const l=this.attr("data-loading","false")==="true";const d=this.attr("data-next-disabled","false")==="true";const m=this.attr("data-lazy","false")==="true";const _=this.attr("data-panel-mode","shared");const h=e?this.hasSlottedContent||c:_==="step"&&this.hasSlottedContent;const b=h&&(!m||this.active);const v=[!t&&e&&i("span",{key:"189028616d8df85d8f45fefe14b8e03c3325d493",class:{"pami-step__connector":true,"pami-step__connector--leading":true,"pami-step__connector--filled":this.index<=this.activeIndex},part:"connector connector-leading","aria-hidden":"true"}),i("div",{key:"50df0138d8d83559471e2ae8865cf3a624d423ea",class:"pami-step__inner",part:"inner",tabindex:o?undefined:r?-1:0,role:o?undefined:"button","aria-label":o?undefined:this.composeA11yLabel(),"aria-disabled":!o&&r?"true":undefined,"aria-current":this.active?"step":undefined,"aria-expanded":h?this.active?"true":"false":undefined,"aria-controls":b?"pami-step-panel":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("span",{key:"e44fbf5e0c41dda1b883d5c636b63aa193fac1a5",class:"pami-step__indicator",part:"indicator"},!o&&i("pami-ripple",{key:"8dc2bcfaafd1ed08046192426d2e85dbc8193bf7",disabled:r}),i("span",{key:"955bcd41cad71f156350f7006695300bd4d0a2be",class:"pami-step__state-layer",part:"state-layer","aria-hidden":"true"}),this.renderIndicator()),(this.label||n||p)&&i("span",{key:"d8544a1f80cacb9bf41e45583d23c78c981e9834",class:"pami-step__text",part:"text"},this.label&&i("span",{key:"d018cf70b8b4b6b16f833f10a356b469c9176b65",class:"pami-step__label",part:"label"},this.label),p&&i("span",{key:"460b45276dbfb565ff19a82890b6e53380b25626",class:"pami-step__optional",part:"optional"},p),n&&i("span",{key:"5d9fded7e016d346e51164777e17e0880d92e709",class:"pami-step__description",part:"description"},n))),!a&&i("span",{key:"ce47c5e1b4b80103b62f4c1b6e542891ac3353b4",class:{"pami-step__connector":true,"pami-step__connector--trailing":true,"pami-step__connector--filled":this.index<this.activeIndex},part:"connector connector-trailing","aria-hidden":"true"})];const f=!e&&h;return i(s,{key:"6eaf0e06d33708c06d603f4bb51e30e7b802cdf4",class:{"pami-step":true,[`pami-step--${this.orientation}`]:true,[`pami-step--indicator-${this.indicatorKind}`]:true,"pami-step--active":this.active,"pami-step--completed":this.completed,"pami-step--error":this.error,"pami-step--optional":this.optional,"pami-step--editable":this.editable,"pami-step--disabled":r,"pami-step--readonly":o,"pami-step--first":t,"pami-step--last":a,"pami-step--panel-step":!e&&h},role:"listitem","aria-current":this.active?"step":undefined,"aria-disabled":r?"true":undefined},f?i("div",{class:"pami-step__header"},v):v,b&&i("div",{key:"ea712cb742a7999e35b666ff5705fb4fda999639",id:"pami-step-panel",class:{"pami-step__content":true,"pami-step__content--open":this.active,"pami-step__content--lazy":m},part:"content",role:"region","aria-label":this.label||this.composeA11yLabel()},i("div",{key:"17811b71ca2a08b9be88763c09aafadfe2871081",class:"pami-step__content-sizer"},i("div",{key:"41631e64e4ff4044713ddbe9ee5614fd4ba41bc9",class:"pami-step__content-inner"},i("slot",{key:"56359e9556354b595080ad3e59fa4f34271ad9a1"}),c&&e&&i("div",{key:"74cfdfdf61b98831f77a3056bec145332d254bd8",class:"pami-step__actions",part:"actions"},i("pami-button",{key:"62cc1e283be37293c7caba7913c5f7b65d4db96d",variant:"text",size:"sm",disabled:t||l,onClick:this.emitBack},this.attr("data-back-label","Back")),i("pami-button",{key:"01c2580a0d364dd7ee0e4446ea99b16b2888c1d1",variant:"filled",size:"sm",loading:l,disabled:d||l,onClick:this.emitNext},a?this.attr("data-finish-label","Finish"):this.attr("data-next-label","Continue")))))))}get el(){return this}static get style(){return l()}},[257,"pami-step",{label:[1],description:[1],completed:[516],active:[1540],error:[516],errorText:[1,"error-text"],disabled:[516],optional:[516],editable:[516],icon:[1],completedIcon:[1,"completed-icon"],errorIcon:[1,"error-icon"],accessibleName:[1,"accessible-name"],hideActions:[516,"hide-actions"],density:[514],hasSlottedContent:[32]},[[0,"pamiClick","onInternalPamiClick"]]]);function m(){if(typeof customElements==="undefined"){return}const t=["pami-step","pami-button","pami-icon","pami-ripple"];t.forEach((t=>{switch(t){case"pami-step":if(!customElements.get(r(t))){customElements.define(r(t),d)}break;case"pami-button":if(!customElements.get(r(t))){p()}break;case"pami-icon":if(!customElements.get(r(t))){c()}break;case"pami-ripple":if(!customElements.get(r(t))){n()}break}}))}m();const _=d;const h=m;export{_ as PamiStep,h as defineCustomElement};
+import{p as t,H as e,c as a,h as i,d as s,t as r}from"./p-8mhkIT1t.js";import{t as o,d as n}from"./p-BcrEx_cg.js";import{d as p}from"./p-DcS5GdsQ.js";import{d as c}from"./p-BHjV4ckR.js";const l=()=>`:host{--_size:var(--pami-step-indicator-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_indicator-h:var(--_size);--_indicator-ring:var(--pami-step-indicator-ring, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));--_color:var(--pami-step-indicator-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_text:var(--pami-step-indicator-text, var(--md-sys-color-on-surface-variant, #49454F));--_active-color:var(--pami-step-active-color, var(--md-sys-color-primary, #6750A4));--_active-text:var(--pami-step-active-text, var(--md-sys-color-on-primary, #FFFFFF));--_active-halo:var(--pami-step-active-halo-color, var(--md-sys-color-primary, #6750A4));--_completed-color:var(--pami-step-completed-color, var(--md-sys-color-primary, #6750A4));--_completed-text:var(--pami-step-completed-text, var(--md-sys-color-on-primary, #FFFFFF));--_error-color:var(--pami-step-error-color, var(--md-sys-color-error, #B3261E));--_error-text:var(--pami-step-error-text, var(--md-sys-color-on-error, #FFFFFF));--_connector:var(--pami-step-connector-color, var(--md-sys-color-outline-variant, #CAC4D0));--_connector-filled:var(--pami-step-connector-filled-color, var(--md-sys-color-primary, #6750A4));--_connector-thickness:var(--pami-step-connector-thickness, max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px)));--_label-color:var(--pami-step-label-color, var(--md-sys-color-on-surface-variant, #49454F));--_label-active-color:var(--pami-step-label-active-color, var(--md-sys-color-on-surface, #1C1B1F));--_description-color:var(--pami-step-description-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-step-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_spring-duration:var(--md-sys-motion-spring-spatial-default-duration, 500ms);--_spring-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_state-duration:var(--md-sys-motion-spring-effects-default-duration, 200ms);--_state-easing:var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00));--_expand-duration:var(--pami-step-expand-duration, var(--md-sys-motion-spring-spatial-default-duration, 500ms));--_expand-easing:var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00));--_collapse-duration:var(--pami-step-collapse-duration, var(--md-sys-motion-duration-short4, 200ms));--_collapse-easing:var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15));--_connector-duration:var(--pami-step-connector-duration, var(--md-sys-motion-duration-medium3, 350ms));--_connector-easing:linear;--_active-halo-size:3px;display:flex;box-sizing:border-box;position:relative;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);animation:pami-step-enter var(--md-sys-motion-spring-effects-slow-duration, 300ms) var(--_state-easing) backwards;animation-delay:calc(var(--pami-step-idx, 0) * 40ms)}@keyframes pami-step-enter{from{opacity:0}}:host(.pami-step--indicator-dot){--_indicator-h:10px;--_color:var(--pami-step-indicator-color, var(--md-sys-color-outline, #79747E))}:host(.pami-step--horizontal){--_indicator-pad:max(0px, calc(4px + var(--md-sys-density-scale, 0) * 1px));--_connector-gap:max(4px, calc(10px + var(--md-sys-density-scale, 0) * 1px));flex:1 1 0;min-inline-size:0;justify-content:center;align-items:flex-start}:host(.pami-step--horizontal.pami-step--panel-step){display:contents}:host(.pami-step--horizontal.pami-step--panel-step) .pami-step__header{grid-row:1;display:flex;flex:1 1 0;min-inline-size:0;justify-content:center;align-items:flex-start;position:relative}:host(.pami-step--horizontal.pami-step--panel-step) .pami-step__content{grid-row:2;grid-column:1 / -1;margin-inline-start:0}:host(.pami-step--horizontal.pami-step--panel-step) .pami-step__content-inner{padding-block-start:var(--pami-step-panel-padding-block-start, var(--md-sys-spacing-inset-lg, 16px))}:host(.pami-step--vertical){flex:initial;flex-direction:row;align-items:flex-start;flex-wrap:wrap;--_connector-gap:6px;padding-block-end:var(--md-sys-spacing-inset-lg, 16px)}:host(.pami-step--vertical.pami-step--last){padding-block-end:0}.pami-step__inner{position:relative;display:inline-flex;align-items:center;gap:var(--md-sys-spacing-gap-md, 12px);padding:0;background:transparent;border:none;cursor:pointer;text-align:start;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}:host(.pami-step--horizontal) .pami-step__inner{flex-direction:column;align-items:center;gap:max(2px, calc(6px + var(--md-sys-density-scale, 0) * 1px));padding-block-start:var(--_indicator-pad);padding-inline:var(--md-sys-spacing-inset-sm, 8px);max-inline-size:100%;min-inline-size:0;z-index:1}:host(.pami-step--vertical) .pami-step__inner{padding-inline-start:8px;z-index:1}.pami-step__indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--_indicator-h) + 2 * var(--_indicator-ring));block-size:calc(var(--_indicator-h) + 2 * var(--_indicator-ring));border-radius:50%;flex-shrink:0;color:var(--_state-layer-color)}.pami-step__indicator pami-ripple{border-radius:50%}.pami-step__state-layer{position:absolute;inset:0;border-radius:50%;background:var(--md-sys-pari-glow);opacity:0;pointer-events:none;transition:opacity var(--_state-duration) var(--_state-easing)}.pami-step__inner:hover:not([aria-disabled="true"]) .pami-step__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.pami-step__inner:focus-visible .pami-step__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}.pami-step__inner:active:not([aria-disabled="true"]) .pami-step__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.pami-step__inner:focus-visible{outline:none}.pami-step__inner:focus-visible .pami-step__indicator{box-shadow:0 0 0 2px var(--md-sys-color-surface, #FEF7FF),      0 0 0 5px var(--md-sys-color-focus-ring, #513018)}:host(.pami-step--disabled) .pami-step__inner{cursor:not-allowed}:host(.pami-step--disabled) .pami-step__indicator{opacity:0.38}:host(.pami-step--disabled) pami-ripple,:host(.pami-step--disabled) .pami-step__state-layer{display:none}:host(.pami-step--readonly) .pami-step__inner{cursor:default}:host(.pami-step--readonly) pami-ripple,:host(.pami-step--readonly) .pami-step__state-layer{display:none}.pami-step__bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_size);block-size:var(--_size);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_color);color:var(--_text);font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);flex-shrink:0;transition:background-color var(--_state-duration) var(--_state-easing),      color var(--_state-duration) var(--_state-easing),      transform var(--_spring-duration) var(--_spring-easing),      box-shadow var(--_spring-duration) var(--_spring-easing)}.pami-step__bubble pami-icon{font-size:calc(var(--_size) * 0.56);line-height:1;font-weight:normal;font-style:normal;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased}@keyframes pami-step-glyph-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.18);opacity:1}100%{transform:scale(1);opacity:1}}:host(.pami-step--completed) .pami-step__bubble pami-icon,:host(.pami-step--error) .pami-step__bubble pami-icon{animation:pami-step-glyph-in var(--_spring-duration) var(--_spring-easing) both}:host(.pami-step--active) .pami-step__bubble{background-color:var(--_active-color);color:var(--_active-text);transform:scale(1.12);box-shadow:0 0 0 var(--_active-halo-size) color-mix(in srgb, var(--_active-halo) 14%, transparent)}:host(.pami-step--completed) .pami-step__bubble{background-color:var(--_completed-color);color:var(--_completed-text)}:host(.pami-step--error) .pami-step__bubble{background-color:var(--_error-color);color:var(--_error-text);animation:pami-step-error-pulse var(--md-sys-motion-duration-medium2, 300ms) var(--_state-easing) both}@keyframes pami-step-error-pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}.pami-step__dot{display:inline-block;inline-size:var(--_indicator-h);block-size:var(--_indicator-h);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_color);flex-shrink:0;transition:background-color var(--_state-duration) var(--_state-easing),      box-shadow var(--_spring-duration) var(--_spring-easing),      transform var(--_spring-duration) var(--_spring-easing)}:host(.pami-step--active) .pami-step__dot{background-color:var(--_active-color);transform:scale(1.4);box-shadow:0 0 0 var(--_active-halo-size) color-mix(in srgb, var(--_active-halo) 18%, transparent)}:host(.pami-step--completed) .pami-step__dot{background-color:var(--_completed-color)}:host(.pami-step--error) .pami-step__dot{background-color:var(--_error-color)}.pami-step__text{display:flex;flex-direction:column;gap:2px;min-inline-size:0}:host(.pami-step--horizontal) .pami-step__text{align-items:center;text-align:center;max-inline-size:100%}.pami-step__label{color:var(--_label-color);font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));transition:color var(--_state-duration) var(--_state-easing),      font-variation-settings var(--_state-duration) var(--_state-easing)}:host(.pami-step--horizontal) .pami-step__label{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(.pami-step--active) .pami-step__label{color:var(--_label-active-color);font-weight:600;font-variation-settings:'wght' 600}:host(.pami-step--error) .pami-step__label{color:var(--_error-color)}:host(.pami-step--disabled) .pami-step__text{opacity:0.38}.pami-step__optional,.pami-step__description{color:var(--_description-color);font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-small-font-weight, 400);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px))}.pami-step__optional{font-style:italic}:host(.pami-step--error) .pami-step__description{color:var(--_error-color)}.pami-step__connector{position:relative;flex:1;align-self:center;background-color:var(--_connector);overflow:hidden;border-radius:var(--md-sys-shape-corner-full, 9999px)}.pami-step__connector::after{content:'';position:absolute;inset:0;background-color:var(--_connector-filled);border-radius:inherit;transform-origin:left center;transform:scaleX(0);transition:transform var(--_connector-duration) var(--_connector-easing)}.pami-step__connector--filled::after{transform:scaleX(1)}:host([dir="rtl"]) .pami-step__connector::after,:host-context([dir="rtl"]) .pami-step__connector::after{transform-origin:right center}:host(.pami-step--horizontal) .pami-step__connector--trailing{position:absolute;inset-block-start:calc(var(--_indicator-pad) + var(--_indicator-ring) + var(--_indicator-h) / 2);transform:translateY(-50%);block-size:var(--_connector-thickness);inset-inline-start:calc(50% + var(--_indicator-h) / 2 + var(--_connector-gap));inline-size:calc(100% - var(--_indicator-h) - 2 * var(--_connector-gap));flex:none;align-self:auto;z-index:0}:host(.pami-step--vertical) .pami-step__connector{position:absolute;flex:none;align-self:auto;z-index:0;inline-size:var(--_connector-thickness);inset-inline-start:calc(8px + var(--_indicator-ring) + (var(--_indicator-h) - var(--_connector-thickness)) / 2)}:host(.pami-step--vertical) .pami-step__connector--leading{display:none}:host(.pami-step--vertical) .pami-step__connector--trailing{inset-block-start:calc(var(--_indicator-ring) + var(--_indicator-h) + var(--_connector-gap));inset-block-end:calc(var(--_connector-gap) - var(--_indicator-ring))}:host(.pami-step--vertical) .pami-step__connector::after{transform-origin:center top;transform:scaleY(0)}:host(.pami-step--vertical) .pami-step__connector--filled::after{transform:scaleY(1)}.pami-step__content{flex:1 1 100%;display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;margin-inline-start:calc(8px + var(--_indicator-h) + 2 * var(--_indicator-ring) + var(--md-sys-spacing-gap-md, 12px));color:var(--md-sys-color-on-surface, #1C1B1F);transition:grid-template-rows var(--_collapse-duration) var(--_collapse-easing),      opacity var(--_collapse-duration) var(--_collapse-easing),      visibility 0s linear var(--_collapse-duration)}.pami-step__content--open{grid-template-rows:1fr;opacity:1;visibility:inherit;transition:grid-template-rows var(--_expand-duration) var(--_expand-easing),      opacity var(--_state-duration) var(--_state-easing),      visibility 0s}.pami-step__content-sizer{min-block-size:0;overflow:hidden}.pami-step__content-inner{padding-block-start:var(--md-sys-spacing-inset-xs, 4px);padding-block-end:var(--md-sys-spacing-inset-lg, 16px)}.pami-step__content--lazy{display:block;grid-template-rows:none;opacity:1;visibility:inherit;transition:none;animation:pami-step-content-enter var(--_expand-duration) var(--_expand-easing) both}.pami-step__content--lazy .pami-step__content-sizer{overflow:visible}@keyframes pami-step-content-enter{from{opacity:0;transform:translateY(-6px)}}.pami-step__actions{display:flex;gap:var(--md-sys-spacing-gap-sm, 8px);margin-block-start:var(--md-sys-spacing-gap-lg, 16px)}@media (max-width: 599px){:host(.pami-step--horizontal){--_size:var(--pami-step-indicator-size, 28px);--_connector-gap:8px}:host(.pami-step--horizontal) .pami-step__inner{gap:var(--md-sys-spacing-gap-xs, 4px);padding-inline:var(--md-sys-spacing-inset-xs, 4px)}:host(.pami-step--horizontal) .pami-step__label{font-size:var(--md-sys-typescale-label-medium-font-size, 12px);line-height:var(--md-sys-typescale-label-medium-line-height, 16px)}:host(.pami-step--horizontal) .pami-step__optional,:host(.pami-step--horizontal) .pami-step__description{display:none}}@media (prefers-reduced-motion: reduce){:host{animation:none !important}.pami-step__bubble,.pami-step__dot,.pami-step__connector,.pami-step__connector::after,.pami-step__state-layer,.pami-step__label,.pami-step__content,.pami-step__bubble pami-icon{transition-duration:0.01ms !important;transition-delay:0s !important;animation:none !important}:host(.pami-step--active) .pami-step__bubble,:host(.pami-step--active) .pami-step__dot{transform:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--_active-halo) 25%, transparent)}}@media (forced-colors: active){.pami-step__bubble,.pami-step__dot{background-color:Canvas;border:2px solid CanvasText;forced-color-adjust:none}:host(.pami-step--active) .pami-step__bubble,:host(.pami-step--completed) .pami-step__bubble{background-color:Highlight;color:HighlightText}.pami-step__connector{background-color:GrayText;forced-color-adjust:none}.pami-step__connector::after{background-color:Highlight}.pami-step__state-layer{display:none}.pami-step__inner:focus-visible .pami-step__indicator{box-shadow:0 0 0 3px 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}:host([hidden]){display:none !important}`;const d=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiStepClick=a(this,"pamiStepClick",5);this.pamiStepNext=a(this,"pamiStepNext",5);this.pamiStepBack=a(this,"pamiStepBack",5);this.label="";this.description="";this.completed=false;this.active=false;this.error=false;this.errorText="";this.disabled=false;this.optional=false;this.editable=false;this.icon="";this.completedIcon="check";this.errorIcon="priority_high";this.hideActions=false;this.density=0;this.hasSlottedContent=false;this.handleClick=t=>{if(this.readonlyMode||this.effectivelyDisabled)return;t.preventDefault();this.pamiStepClick.emit({index:this.index})};this.handleKeyDown=t=>{if(this.readonlyMode||this.effectivelyDisabled)return;if(t.key==="Enter"||t.key===" "){t.preventDefault();o(this.el);this.pamiStepClick.emit({index:this.index})}};this.emitNext=()=>this.pamiStepNext.emit({index:this.index});this.emitBack=()=>this.pamiStepBack.emit({index:this.index})}attr(t,e=""){const a=this.el.getAttribute(t);return a!=null&&a!==""?a:e}get index(){return Number(this.attr("data-index","0"))}get total(){return Number(this.attr("data-total","0"))}get activeIndex(){return Number(this.attr("data-active","0"))}get position(){return this.el.getAttribute("data-position")??"first"}get orientation(){return this.el.getAttribute("data-orientation")??"horizontal"}get indicatorKind(){return this.el.getAttribute("data-indicator")??"numbered"}get linearMode(){return this.el.getAttribute("data-mode")==="linear"}get readonlyMode(){return this.el.getAttribute("data-readonly")==="true"}connectedCallback(){this.computeSlottedContent();if(typeof MutationObserver!=="undefined"){this.contentObserver=new MutationObserver((()=>this.computeSlottedContent()));this.contentObserver.observe(this.el,{childList:true})}}disconnectedCallback(){this.contentObserver?.disconnect();this.contentObserver=undefined}computeSlottedContent(){this.hasSlottedContent=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&(t.textContent??"").trim()!==""))}stepSiblings(){const t=this.el.parentElement;if(!t)return[];return Array.from(t.children).filter((t=>t.tagName.toLowerCase()==="pami-step"))}allPriorPassable(){const t=this.stepSiblings();for(let e=0;e<this.index;e++){const a=t[e];if(!a?.completed&&!a?.optional)return false}return true}get reachable(){if(this.readonlyMode)return true;if(!this.linearMode)return true;return this.index<=this.activeIndex||this.completed||this.allPriorPassable()}get effectivelyDisabled(){return this.disabled||!this.reachable}onInternalPamiClick(t){if(t.target===this.el)t.stopPropagation()}glyph(t){return i("span",{class:"pami-step__bubble",part:"bubble","aria-hidden":"true"},i("pami-icon",{name:t}))}renderIndicator(){if(this.indicatorKind==="dot"){return i("span",{class:"pami-step__dot",part:"dot","aria-hidden":"true"})}if(this.error)return this.glyph(this.errorIcon);if(this.icon)return this.glyph(this.icon);if(this.completed)return this.glyph(this.editable?"edit":this.completedIcon);return i("span",{class:"pami-step__bubble",part:"bubble","aria-hidden":"true"},this.index+1)}composeA11yLabel(){if(this.accessibleName?.trim())return this.accessibleName;const t=(t,e)=>this.attr(t,e);let e=`${t("data-step-word","Step")} ${this.index+1} ${t("data-of-word","of")} ${this.total}`;if(this.label)e+=`: ${this.label}`;if(this.optional)e+=`, ${t("data-optional-word","optional")}`;if(this.completed)e+=`, ${t("data-completed-word","completed")}`;if(this.active)e+=`, ${t("data-current-word","current")}`;if(this.error)e+=`, ${t("data-error-word","error")}${this.errorText?`: ${this.errorText}`:""}`;return e}render(){const t=this.position==="first";const e=this.position==="last";const a=this.orientation==="vertical";const r=this.effectivelyDisabled;const o=this.readonlyMode;const n=this.error&&this.errorText?this.errorText:this.description;const p=this.optional?this.attr("data-optional-word","Optional"):"";const c=this.attr("data-nav","true")!=="false"&&!this.hideActions;const l=this.attr("data-loading","false")==="true";const d=this.attr("data-next-disabled","false")==="true";const m=this.attr("data-lazy","false")==="true";const _=this.attr("data-panel-mode","shared");const h=a?this.hasSlottedContent||c:_==="step"&&this.hasSlottedContent;const f=h&&(!m||this.active);const b=[!t&&a&&i("span",{key:"ed3b0acb1095b5027f2ebd235bdbd6b5187d030d",class:{"pami-step__connector":true,"pami-step__connector--leading":true,"pami-step__connector--filled":this.index<=this.activeIndex},part:"connector connector-leading","aria-hidden":"true"}),i("div",{key:"3e377e02a6a76280f04656bccac005ec8c585947",class:"pami-step__inner",part:"inner",tabindex:o?undefined:r?-1:0,role:o?undefined:"button","aria-label":o?undefined:this.composeA11yLabel(),"aria-disabled":!o&&r?"true":undefined,"aria-current":this.active?"step":undefined,"aria-expanded":h?this.active?"true":"false":undefined,"aria-controls":f?"pami-step-panel":undefined,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("span",{key:"a73c93f0a5f2ad4d2a5ccec5a320c5e0fa3ac4f6",class:"pami-step__indicator",part:"indicator"},!o&&i("pami-ripple",{key:"f49667a10bc0a87b657dcbb61260c27cc5926d4d",disabled:r}),i("span",{key:"541f3135c44be2c91d94e8326be1ed20880c1602",class:"pami-step__state-layer",part:"state-layer","aria-hidden":"true"}),this.renderIndicator()),(this.label||n||p)&&i("span",{key:"e4a442a9e300cb6ff8b10dc75b55c281742c9bc5",class:"pami-step__text",part:"text"},this.label&&i("span",{key:"53815bbedfd2f9304fdc2ea9d1d7678f728c9167",class:"pami-step__label",part:"label"},this.label),p&&i("span",{key:"912e27ebfe74db2640656fe3ff549664240782ed",class:"pami-step__optional",part:"optional"},p),n&&i("span",{key:"a4e86bff963ca3b79a2cfe69fc0e686a13b45f9b",class:"pami-step__description",part:"description"},n))),!e&&i("span",{key:"fe330fddfc05c0d69036f9d30e48ca9bfd7d4935",class:{"pami-step__connector":true,"pami-step__connector--trailing":true,"pami-step__connector--filled":this.index<this.activeIndex},part:"connector connector-trailing","aria-hidden":"true"})];const v=!a&&h;return i(s,{key:"72f3bb2ee1b7a9e571ea896890ee1c1657703243",class:{"pami-step":true,[`pami-step--${this.orientation}`]:true,[`pami-step--indicator-${this.indicatorKind}`]:true,"pami-step--active":this.active,"pami-step--completed":this.completed,"pami-step--error":this.error,"pami-step--optional":this.optional,"pami-step--editable":this.editable,"pami-step--disabled":r,"pami-step--readonly":o,"pami-step--first":t,"pami-step--last":e,"pami-step--panel-step":!a&&h},role:"listitem","aria-current":this.active?"step":undefined,"aria-disabled":r?"true":undefined},v?i("div",{class:"pami-step__header"},b):b,f&&i("div",{key:"e0f0410eaee10c6f927976bd250bf0b21cfb63eb",id:"pami-step-panel",class:{"pami-step__content":true,"pami-step__content--open":this.active,"pami-step__content--lazy":m},part:"content",role:"region","aria-label":this.label||this.composeA11yLabel()},i("div",{key:"0548cb67222351b334dfbfe2745f9ccfd8e53a91",class:"pami-step__content-sizer"},i("div",{key:"f62048f82688bf352ff403da2e7607d4d61055bc",class:"pami-step__content-inner"},i("slot",{key:"2c043faa0cd5cf71a37f845982a12281e9aac709"}),c&&a&&i("div",{key:"4c501cfe1a9b18f854b11d55b9712baef2b24508",class:"pami-step__actions",part:"actions"},i("pami-button",{key:"d84ee9d0bc20ee46faf5a46fb4e6c3fb466f79ea",variant:"text",size:"sm",disabled:t||l,onClick:this.emitBack},this.attr("data-back-label","Back")),i("pami-button",{key:"6237af8e30963fa9c34bd3844beb04b2a8e8dad1",variant:"filled",size:"sm",loading:l,disabled:d||l,onClick:this.emitNext},e?this.attr("data-finish-label","Finish"):this.attr("data-next-label","Continue")))))))}get el(){return this}static get style(){return l()}},[257,"pami-step",{label:[1],description:[1],completed:[516],active:[1540],error:[516],errorText:[1,"error-text"],disabled:[516],optional:[516],editable:[516],icon:[1],completedIcon:[1,"completed-icon"],errorIcon:[1,"error-icon"],accessibleName:[1,"accessible-name"],hideActions:[516,"hide-actions"],density:[514],hasSlottedContent:[32]},[[0,"pamiClick","onInternalPamiClick"]]]);function m(){if(typeof customElements==="undefined"){return}const t=["pami-step","pami-button","pami-icon","pami-ripple"];t.forEach((t=>{switch(t){case"pami-step":if(!customElements.get(r(t))){customElements.define(r(t),d)}break;case"pami-button":if(!customElements.get(r(t))){p()}break;case"pami-icon":if(!customElements.get(r(t))){c()}break;case"pami-ripple":if(!customElements.get(r(t))){n()}break}}))}m();const _=d;const h=m;export{_ as PamiStep,h as defineCustomElement};
 //# sourceMappingURL=pami-step.js.map

package/dist/components/pami-stepper.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as e,f as s,h as a,d as n,t as o}from"./p-8mhkIT1t.js";import{d as r}from"./p-DD2A_AfS.js";import{d as h}from"./p-C3VyQE8n.js";import{d as p}from"./p-NaJ3tJav.js";const l=()=>`:host{display:block;inline-size:100%;box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--md-sys-color-on-surface, #1C1B1F)}.pami-stepper__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pami-stepper__list{list-style:none;margin:0;padding:0;display:flex}:host(.pami-stepper--horizontal[data-panel-mode='step']) .pami-stepper__list{display:grid;grid-template-columns:repeat(var(--pami-stepper-step-count, 1), 1fr);align-items:start}:host(.pami-stepper--horizontal) .pami-stepper__list{flex-direction:row;align-items:flex-start}:host(.pami-stepper--vertical) .pami-stepper__list{flex-direction:column;gap:var(--pami-stepper-gap, 0)}.pami-stepper__content ::slotted(*){display:block;margin-block-start:var(--md-sys-spacing-inset-xl, 24px)}.pami-stepper__nav{display:flex;gap:var(--md-sys-spacing-gap-sm, 8px);justify-content:flex-end;margin-block-start:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px))}:host(.pami-stepper--mobile) .pami-stepper__list{display:none}.pami-stepper__mobile{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);margin-block-start:var(--md-sys-spacing-gap-lg, 16px)}.pami-stepper__mobile-progress{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--md-sys-spacing-gap-sm, 8px);min-inline-size:0}.pami-stepper__mobile-text{font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);color:var(--md-sys-color-on-surface-variant, #49454F)}.pami-stepper__mobile-dot{inline-size:8px;block-size:8px;border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--pami-step-connector-color, var(--md-sys-color-outline, #79747E));transition:background-color var(--md-sys-motion-spring-effects-default-duration, 200ms) var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00)),      transform var(--md-sys-motion-spring-spatial-default-duration, 500ms) var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00))}.pami-stepper__mobile-dot.is-done{background-color:var(--pami-step-active-color, var(--md-sys-color-primary, #6750A4))}.pami-stepper__mobile-dot.is-active{background-color:var(--pami-step-active-color, var(--md-sys-color-primary, #6750A4));transform:scale(1.5)}@media (prefers-reduced-motion: reduce){.pami-stepper__mobile-dot{transition-duration:0.01ms}.pami-stepper__mobile-dot.is-active{transform:none}}@media (forced-colors: active){.pami-stepper__mobile-dot{background-color:GrayText;forced-color-adjust:none}.pami-stepper__mobile-dot.is-done,.pami-stepper__mobile-dot.is-active{background-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}:host([hidden]){display:none !important}`;const d=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiBeforeChange=e(this,"pamiBeforeChange",7);this.pamiStepChange=e(this,"pamiStepChange",7);this.pamiComplete=e(this,"pamiComplete",7);this.orientation="horizontal";this.indicator="numbered";this.variant="default";this.mode="linear";this.active=0;this.autoComplete=true;this.nav=true;this.readonly=false;this.nextDisabled=false;this.loading=false;this.lazy=false;this.label="Progress";this.stepWord="Step";this.ofWord="of";this.completedWord="completed";this.currentWord="current";this.errorWord="error";this.optionalWord="Optional";this.nextLabel="Continue";this.backLabel="Back";this.finishLabel="Finish";this.density=0;this.stepCount=0;this.liveMessage="";this.errorMessage="";this.steps=[];this.lastActive=0;this.handleSlotChange=()=>{this.collectSteps();const t=this.clampToValidStep(this.active);if(t!==this.active){this.active=t}else{this.syncSteps()}};this.handleFooterBack=async()=>{await this.prev();if(this.active===0)this.focusActiveStep()}}componentWillLoad(){this.collectSteps();this.active=this.clampToValidStep(this.active);this.lastActive=this.active;this.syncSteps()}componentDidLoad(){this.syncSteps();this.observeStepState()}disconnectedCallback(){this.stepObserver?.disconnect();this.stepObserver=undefined}onActiveChange(t){this.collectSteps();const i=this.clampToValidStep(t);if(i!==t){this.active=i;return}const e=this.lastActive;if(i===e)return;this.lastActive=i;if(this.autoComplete){this.mutatingSelf((()=>{if(i>e){this.steps.forEach(((t,s)=>{if(s>=e&&s<i&&!t.disabled){t.completed=true;t.error=false}}))}else{const t=this.steps[i];if(!(t?.editable&&t?.completed)){this.steps.forEach(((t,e)=>{if(e>=i)t.completed=false}))}}}))}this.syncSteps();this.pamiStepChange.emit({index:i,previous:e});this.announceStep(i)}onConfigChange(){this.syncSteps()}ownsStepEvent(t){const i=t.target;return!!i&&i.parentElement===this.el&&i.tagName.toLowerCase()==="pami-step"}onStepClick(t){if(!this.ownsStepEvent(t))return;t.stopPropagation();const i=t.detail.index;if(i===this.active)return;if(this.canNavigateTo(i))this.commitChange(i)}async onStepNext(t){if(!this.ownsStepEvent(t))return;t.stopPropagation();const i=this.active;await this.next();if(this.active!==i)this.focusActiveStep()}async onStepBack(t){if(!this.ownsStepEvent(t))return;t.stopPropagation();const i=this.active;await this.prev();if(this.active!==i)this.focusActiveStep()}onInternalPamiClick(t){if(t.target===this.el)t.stopPropagation()}async next(){this.collectSteps();if(this.steps.length===0)return;let t=this.active+1;while(t<this.steps.length&&this.steps[t].disabled)t++;if(t>=this.steps.length){const t=this.steps[this.active];if(this.autoComplete&&t&&!t.disabled){this.mutatingSelf((()=>{t.completed=true;t.error=false}))}this.syncSteps();this.pamiComplete.emit();return}this.commitChange(t)}async prev(){this.collectSteps();let t=this.active-1;while(t>=0&&this.steps[t]?.disabled)t--;if(t<0)return;this.commitChange(t)}async goTo(t){this.collectSteps();const i=this.clampToValidStep(t);if(this.canNavigateTo(i))this.commitChange(i)}async reset(){this.collectSteps();this.mutatingSelf((()=>{this.steps.forEach((t=>{t.completed=false;t.error=false}))}));this.active=0;this.syncSteps()}commitChange(t){if(t===this.active)return false;const i=this.pamiBeforeChange.emit({index:t,previous:this.active});if(i.defaultPrevented)return false;this.active=t;return true}observeStepState(){if(typeof MutationObserver==="undefined")return;this.stepObserver=new MutationObserver((t=>{let i=null;for(const e of t){if(e.attributeName==="error"){const t=e.target;if(t.error&&t.tagName.toLowerCase()==="pami-step")i=t}}this.syncSteps();if(i)this.announceError(i)}));this.attachObserver()}attachObserver(){this.stepObserver?.observe(this.el,{subtree:true,attributes:true,attributeFilter:["completed","error","optional","disabled"]})}mutatingSelf(t){this.stepObserver?.disconnect();try{t()}finally{this.attachObserver()}}announceStep(t){const i=this.steps[t];if(!i)return;let e=`${this.stepWord} ${t+1} ${this.ofWord} ${this.stepCount}`;if(i.label)e+=`: ${i.label}`;if(i.optional)e+=`, ${this.optionalWord}`;if(i.completed)e+=`, ${this.completedWord}`;e+=`, ${this.currentWord}`;this.liveMessage=e}announceError(t){const i=this.steps.indexOf(t);let e=`${this.stepWord} ${i+1} ${this.ofWord} ${this.stepCount}`;if(t.label)e+=`: ${t.label}`;e+=`, ${this.errorWord}`;if(t.errorText)e+=`: ${t.errorText}`;this.errorMessage=e}canNavigateTo(t){this.collectSteps();const i=this.steps[t];if(!i||i.disabled)return false;if(this.mode!=="linear")return true;if(t<=this.active)return true;if(i.completed)return true;return this.steps.slice(0,t).every((t=>t.completed||t.optional))}clampToValidStep(t){if(this.steps.length===0)return 0;return Math.max(0,Math.min(this.steps.length-1,t|0))}collectSteps(){this.steps=Array.from(this.el.children).filter((t=>t.tagName.toLowerCase()==="pami-step"))}focusActiveStep(){const t=this.steps[this.active];t?.shadowRoot?.querySelector(".pami-step__inner")?.focus()}static hasOwnContent(t){return Array.from(t.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&(t.textContent??"").trim()!==""))}syncSteps(){this.collectSteps();const i=this.steps.length;this.stepCount=i;const e=this.orientation==="horizontal"&&this.steps.some((i=>t.hasOwnContent(i)))?"step":"shared";if(this.el.getAttribute("data-panel-mode")!==e){this.el.setAttribute("data-panel-mode",e)}this.el.style.setProperty("--pami-stepper-step-count",String(i));this.steps.forEach(((t,a)=>{const n=(i,e)=>{if(t.getAttribute(i)!==e)t.setAttribute(i,e)};n("data-index",String(a));n("data-total",String(i));n("data-active",String(this.active));n("data-orientation",this.orientation);n("data-indicator",this.indicator);n("data-mode",this.mode);n("data-position",a===0?"first":a===i-1?"last":"middle");n("data-step-word",this.stepWord);n("data-of-word",this.ofWord);n("data-completed-word",this.completedWord);n("data-current-word",this.currentWord);n("data-error-word",this.errorWord);n("data-optional-word",this.optionalWord);n("data-next-label",this.nextLabel);n("data-back-label",this.backLabel);n("data-finish-label",this.finishLabel);n("data-nav",String(this.nav));n("data-readonly",String(this.readonly));n("data-loading",String(this.loading));n("data-next-disabled",String(this.nextDisabled));n("data-lazy",String(this.lazy));n("data-panel-mode",e);t.style.setProperty("--pami-step-idx",String(a));const o=a===this.active;if(t.active!==o)t.active=o;s(t)}))}render(){const t=this.variant==="mobile";return a(n,{key:"0aca5d79119f4e1b4dd05e3a248fddf330a1834d",class:{"pami-stepper":true,[`pami-stepper--${this.orientation}`]:true,[`pami-stepper--indicator-${this.indicator}`]:true,[`pami-stepper--mode-${this.mode}`]:true,"pami-stepper--mobile":t},role:"navigation","aria-label":this.label},a("div",{key:"707be9181104630df5fbe28da0baa6a58966cd2b",class:"pami-stepper__live","aria-live":"polite",role:"status"},this.liveMessage),a("div",{key:"3e9ae530f86d9987743ff17a286eee9e8dc740fb",class:"pami-stepper__live","aria-live":"assertive",role:"alert"},this.errorMessage),a("ol",{key:"791009068dd1760d1c70f6371a5a16f47df1ae02",class:"pami-stepper__list",part:"list"},a("slot",{key:"985f047dbb33c53e38246d57148f417bd7f3efdd",onSlotchange:this.handleSlotChange})),a("div",{key:"74414efa1e3d373e8ded8f32339987b0a634ac79",class:"pami-stepper__content",part:"content"},a("slot",{key:"33f1f8997658471ba205495988427fdcefcc5e67",name:"content"})),this.nav&&!t&&this.orientation==="horizontal"&&this.stepCount>0&&a("div",{key:"ab9968f39369a5a26eeb39dcea34bfcab808ea01",class:"pami-stepper__nav",part:"nav"},a("pami-button",{key:"5de56accb98a56872ba12a306e6bf09d0eaae46c",variant:"text",size:"sm",disabled:this.active<=0||this.loading,onClick:this.handleFooterBack},this.backLabel),a("pami-button",{key:"c25128a353a55adb1b85ca49c078f63dc92ffad4",variant:"filled",size:"sm",loading:this.loading,disabled:this.nextDisabled||this.loading,onClick:()=>this.next()},this.active>=this.stepCount-1?this.finishLabel:this.nextLabel)),this.nav&&t&&this.stepCount>0&&a("div",{key:"f78f19247b6a76e6b06090b786c7b5eb8cf0f3ba",class:"pami-stepper__mobile",part:"mobile-nav"},a("pami-button",{key:"83a38108524b7203d77662679e4e5cbc87ddd36c",variant:"text",size:"sm",disabled:this.active<=0||this.loading,onClick:this.handleFooterBack},this.backLabel),a("div",{key:"1c594de90a84c5bcd5461f9171028382f1046137",class:"pami-stepper__mobile-progress",part:"mobile-progress","aria-hidden":this.indicator==="dot"?"true":undefined},this.indicator==="dot"?this.steps.map(((t,i)=>a("span",{class:{"pami-stepper__mobile-dot":true,"is-active":i===this.active,"is-done":i<this.active||!!t.completed}}))):a("span",{class:"pami-stepper__mobile-text"},`${this.stepWord} ${this.active+1} ${this.ofWord} ${this.stepCount}`)),a("pami-button",{key:"4269317fef1f1f521993ea7b6b8e19aef08251cc",variant:"filled",size:"sm",loading:this.loading,disabled:this.nextDisabled||this.loading,onClick:()=>this.next()},this.active>=this.stepCount-1?this.finishLabel:this.nextLabel)))}get el(){return this}static get watchers(){return{active:[{onActiveChange:0}],orientation:[{onConfigChange:0}],indicator:[{onConfigChange:0}],mode:[{onConfigChange:0}],nav:[{onConfigChange:0}],readonly:[{onConfigChange:0}],variant:[{onConfigChange:0}],lazy:[{onConfigChange:0}],loading:[{onConfigChange:0}],nextDisabled:[{onConfigChange:0}],stepWord:[{onConfigChange:0}],ofWord:[{onConfigChange:0}],completedWord:[{onConfigChange:0}],currentWord:[{onConfigChange:0}],errorWord:[{onConfigChange:0}],optionalWord:[{onConfigChange:0}],nextLabel:[{onConfigChange:0}],backLabel:[{onConfigChange:0}],finishLabel:[{onConfigChange:0}]}}static get style(){return l()}},[257,"pami-stepper",{orientation:[513],indicator:[513],variant:[513],mode:[513],active:[1538],autoComplete:[4,"auto-complete"],nav:[4],readonly:[516],nextDisabled:[4,"next-disabled"],loading:[4],lazy:[4],label:[1],stepWord:[1,"step-word"],ofWord:[1,"of-word"],completedWord:[1,"completed-word"],currentWord:[1,"current-word"],errorWord:[1,"error-word"],optionalWord:[1,"optional-word"],nextLabel:[1,"next-label"],backLabel:[1,"back-label"],finishLabel:[1,"finish-label"],density:[514],stepCount:[32],liveMessage:[32],errorMessage:[32],next:[64],prev:[64],goTo:[64],reset:[64]},[[0,"pamiStepClick","onStepClick"],[0,"pamiStepNext","onStepNext"],[0,"pamiStepBack","onStepBack"],[0,"pamiClick","onInternalPamiClick"]],{active:[{onActiveChange:0}],orientation:[{onConfigChange:0}],indicator:[{onConfigChange:0}],mode:[{onConfigChange:0}],nav:[{onConfigChange:0}],readonly:[{onConfigChange:0}],variant:[{onConfigChange:0}],lazy:[{onConfigChange:0}],loading:[{onConfigChange:0}],nextDisabled:[{onConfigChange:0}],stepWord:[{onConfigChange:0}],ofWord:[{onConfigChange:0}],completedWord:[{onConfigChange:0}],currentWord:[{onConfigChange:0}],errorWord:[{onConfigChange:0}],optionalWord:[{onConfigChange:0}],nextLabel:[{onConfigChange:0}],backLabel:[{onConfigChange:0}],finishLabel:[{onConfigChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["pami-stepper","pami-button","pami-icon","pami-ripple"];t.forEach((t=>{switch(t){case"pami-stepper":if(!customElements.get(o(t))){customElements.define(o(t),d)}break;case"pami-button":if(!customElements.get(o(t))){r()}break;case"pami-icon":if(!customElements.get(o(t))){h()}break;case"pami-ripple":if(!customElements.get(o(t))){p()}break}}))}c();const f=d;const m=c;export{f as PamiStepper,m as defineCustomElement};
+import{p as t,H as i,c as e,f as s,h as a,d as n,t as o}from"./p-8mhkIT1t.js";import{d as r}from"./p-DcS5GdsQ.js";import{d as h}from"./p-BHjV4ckR.js";import{d as p}from"./p-BcrEx_cg.js";const l=()=>`:host{display:block;inline-size:100%;box-sizing:border-box;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--md-sys-color-on-surface, #1C1B1F)}.pami-stepper__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pami-stepper__list{list-style:none;margin:0;padding:0;display:flex}:host(.pami-stepper--horizontal[data-panel-mode='step']) .pami-stepper__list{display:grid;grid-template-columns:repeat(var(--pami-stepper-step-count, 1), 1fr);align-items:start}:host(.pami-stepper--horizontal) .pami-stepper__list{flex-direction:row;align-items:flex-start}:host(.pami-stepper--vertical) .pami-stepper__list{flex-direction:column;gap:var(--pami-stepper-gap, 0)}.pami-stepper__content ::slotted(*){display:block;margin-block-start:var(--md-sys-spacing-inset-xl, 24px)}.pami-stepper__nav{display:flex;gap:var(--md-sys-spacing-gap-sm, 8px);justify-content:flex-end;margin-block-start:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px))}:host(.pami-stepper--mobile) .pami-stepper__list{display:none}.pami-stepper__mobile{display:flex;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px);margin-block-start:var(--md-sys-spacing-gap-lg, 16px)}.pami-stepper__mobile-progress{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--md-sys-spacing-gap-sm, 8px);min-inline-size:0}.pami-stepper__mobile-text{font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-large-font-size, 14px);font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 20px);color:var(--md-sys-color-on-surface-variant, #49454F)}.pami-stepper__mobile-dot{inline-size:8px;block-size:8px;border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--pami-step-connector-color, var(--md-sys-color-outline, #79747E));transition:background-color var(--md-sys-motion-spring-effects-default-duration, 200ms) var(--md-sys-motion-spring-effects-default-easing, cubic-bezier(0.34, 0.80, 0.34, 1.00)),      transform var(--md-sys-motion-spring-spatial-default-duration, 500ms) var(--md-sys-motion-spring-spatial-default-easing, cubic-bezier(0.38, 1.21, 0.22, 1.00))}.pami-stepper__mobile-dot.is-done{background-color:var(--pami-step-active-color, var(--md-sys-color-primary, #6750A4))}.pami-stepper__mobile-dot.is-active{background-color:var(--pami-step-active-color, var(--md-sys-color-primary, #6750A4));transform:scale(1.5)}@media (prefers-reduced-motion: reduce){.pami-stepper__mobile-dot{transition-duration:0.01ms}.pami-stepper__mobile-dot.is-active{transform:none}}@media (forced-colors: active){.pami-stepper__mobile-dot{background-color:GrayText;forced-color-adjust:none}.pami-stepper__mobile-dot.is-done,.pami-stepper__mobile-dot.is-active{background-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}:host([hidden]){display:none !important}`;const d=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiBeforeChange=e(this,"pamiBeforeChange",7);this.pamiStepChange=e(this,"pamiStepChange",7);this.pamiComplete=e(this,"pamiComplete",7);this.orientation="horizontal";this.indicator="numbered";this.variant="default";this.mode="linear";this.active=0;this.autoComplete=true;this.nav=true;this.readonly=false;this.nextDisabled=false;this.loading=false;this.lazy=false;this.label="Progress";this.stepWord="Step";this.ofWord="of";this.completedWord="completed";this.currentWord="current";this.errorWord="error";this.optionalWord="Optional";this.nextLabel="Continue";this.backLabel="Back";this.finishLabel="Finish";this.density=0;this.stepCount=0;this.liveMessage="";this.errorMessage="";this.steps=[];this.lastActive=0;this.handleSlotChange=()=>{this.collectSteps();const t=this.clampToValidStep(this.active);if(t!==this.active){this.active=t}else{this.syncSteps()}};this.handleFooterBack=async()=>{await this.prev();if(this.active===0)this.focusActiveStep()}}componentWillLoad(){this.collectSteps();this.active=this.clampToValidStep(this.active);this.lastActive=this.active;this.syncSteps()}componentDidLoad(){this.syncSteps();this.observeStepState()}disconnectedCallback(){this.stepObserver?.disconnect();this.stepObserver=undefined}onActiveChange(t){this.collectSteps();const i=this.clampToValidStep(t);if(i!==t){this.active=i;return}const e=this.lastActive;if(i===e)return;this.lastActive=i;if(this.autoComplete){this.mutatingSelf((()=>{if(i>e){this.steps.forEach(((t,s)=>{if(s>=e&&s<i&&!t.disabled){t.completed=true;t.error=false}}))}else{const t=this.steps[i];if(!(t?.editable&&t?.completed)){this.steps.forEach(((t,e)=>{if(e>=i)t.completed=false}))}}}))}this.syncSteps();this.pamiStepChange.emit({index:i,previous:e});this.announceStep(i)}onConfigChange(){this.syncSteps()}ownsStepEvent(t){const i=t.target;return!!i&&i.parentElement===this.el&&i.tagName.toLowerCase()==="pami-step"}onStepClick(t){if(!this.ownsStepEvent(t))return;t.stopPropagation();const i=t.detail.index;if(i===this.active)return;if(this.canNavigateTo(i))this.commitChange(i)}async onStepNext(t){if(!this.ownsStepEvent(t))return;t.stopPropagation();const i=this.active;await this.next();if(this.active!==i)this.focusActiveStep()}async onStepBack(t){if(!this.ownsStepEvent(t))return;t.stopPropagation();const i=this.active;await this.prev();if(this.active!==i)this.focusActiveStep()}onInternalPamiClick(t){if(t.target===this.el)t.stopPropagation()}async next(){this.collectSteps();if(this.steps.length===0)return;let t=this.active+1;while(t<this.steps.length&&this.steps[t].disabled)t++;if(t>=this.steps.length){const t=this.steps[this.active];if(this.autoComplete&&t&&!t.disabled){this.mutatingSelf((()=>{t.completed=true;t.error=false}))}this.syncSteps();this.pamiComplete.emit();return}this.commitChange(t)}async prev(){this.collectSteps();let t=this.active-1;while(t>=0&&this.steps[t]?.disabled)t--;if(t<0)return;this.commitChange(t)}async goTo(t){this.collectSteps();const i=this.clampToValidStep(t);if(this.canNavigateTo(i))this.commitChange(i)}async reset(){this.collectSteps();this.mutatingSelf((()=>{this.steps.forEach((t=>{t.completed=false;t.error=false}))}));this.active=0;this.syncSteps()}commitChange(t){if(t===this.active)return false;const i=this.pamiBeforeChange.emit({index:t,previous:this.active});if(i.defaultPrevented)return false;this.active=t;return true}observeStepState(){if(typeof MutationObserver==="undefined")return;this.stepObserver=new MutationObserver((t=>{let i=null;for(const e of t){if(e.attributeName==="error"){const t=e.target;if(t.error&&t.tagName.toLowerCase()==="pami-step")i=t}}this.syncSteps();if(i)this.announceError(i)}));this.attachObserver()}attachObserver(){this.stepObserver?.observe(this.el,{subtree:true,attributes:true,attributeFilter:["completed","error","optional","disabled"]})}mutatingSelf(t){this.stepObserver?.disconnect();try{t()}finally{this.attachObserver()}}announceStep(t){const i=this.steps[t];if(!i)return;let e=`${this.stepWord} ${t+1} ${this.ofWord} ${this.stepCount}`;if(i.label)e+=`: ${i.label}`;if(i.optional)e+=`, ${this.optionalWord}`;if(i.completed)e+=`, ${this.completedWord}`;e+=`, ${this.currentWord}`;this.liveMessage=e}announceError(t){const i=this.steps.indexOf(t);let e=`${this.stepWord} ${i+1} ${this.ofWord} ${this.stepCount}`;if(t.label)e+=`: ${t.label}`;e+=`, ${this.errorWord}`;if(t.errorText)e+=`: ${t.errorText}`;this.errorMessage=e}canNavigateTo(t){this.collectSteps();const i=this.steps[t];if(!i||i.disabled)return false;if(this.mode!=="linear")return true;if(t<=this.active)return true;if(i.completed)return true;return this.steps.slice(0,t).every((t=>t.completed||t.optional))}clampToValidStep(t){if(this.steps.length===0)return 0;return Math.max(0,Math.min(this.steps.length-1,t|0))}collectSteps(){this.steps=Array.from(this.el.children).filter((t=>t.tagName.toLowerCase()==="pami-step"))}focusActiveStep(){const t=this.steps[this.active];t?.shadowRoot?.querySelector(".pami-step__inner")?.focus()}static hasOwnContent(t){return Array.from(t.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&(t.textContent??"").trim()!==""))}syncSteps(){this.collectSteps();const i=this.steps.length;this.stepCount=i;const e=this.orientation==="horizontal"&&this.steps.some((i=>t.hasOwnContent(i)))?"step":"shared";if(this.el.getAttribute("data-panel-mode")!==e){this.el.setAttribute("data-panel-mode",e)}this.el.style.setProperty("--pami-stepper-step-count",String(i));this.steps.forEach(((t,a)=>{const n=(i,e)=>{if(t.getAttribute(i)!==e)t.setAttribute(i,e)};n("data-index",String(a));n("data-total",String(i));n("data-active",String(this.active));n("data-orientation",this.orientation);n("data-indicator",this.indicator);n("data-mode",this.mode);n("data-position",a===0?"first":a===i-1?"last":"middle");n("data-step-word",this.stepWord);n("data-of-word",this.ofWord);n("data-completed-word",this.completedWord);n("data-current-word",this.currentWord);n("data-error-word",this.errorWord);n("data-optional-word",this.optionalWord);n("data-next-label",this.nextLabel);n("data-back-label",this.backLabel);n("data-finish-label",this.finishLabel);n("data-nav",String(this.nav));n("data-readonly",String(this.readonly));n("data-loading",String(this.loading));n("data-next-disabled",String(this.nextDisabled));n("data-lazy",String(this.lazy));n("data-panel-mode",e);t.style.setProperty("--pami-step-idx",String(a));const o=a===this.active;if(t.active!==o)t.active=o;s(t)}))}render(){const t=this.variant==="mobile";return a(n,{key:"23a8f24d9a7201203dd02e87bfa44f3038193232",class:{"pami-stepper":true,[`pami-stepper--${this.orientation}`]:true,[`pami-stepper--indicator-${this.indicator}`]:true,[`pami-stepper--mode-${this.mode}`]:true,"pami-stepper--mobile":t},role:"navigation","aria-label":this.label},a("div",{key:"78244b4895fc9e161efd9c2228ea9c4059005261",class:"pami-stepper__live","aria-live":"polite",role:"status"},this.liveMessage),a("div",{key:"3a9f3ec87420a2d5d226a6234bb0549c2fb0b986",class:"pami-stepper__live","aria-live":"assertive",role:"alert"},this.errorMessage),a("ol",{key:"4442fe44d9b328588fc249efb041d7c2598abbc2",class:"pami-stepper__list",part:"list"},a("slot",{key:"50e735772477b081549027a03c4460970e0e8f1a",onSlotchange:this.handleSlotChange})),a("div",{key:"4fa23b3341fe07cebb06ba040f61901ac4d4090a",class:"pami-stepper__content",part:"content"},a("slot",{key:"12da50bdb664b50fb23a887f4b3a1db3d0648a17",name:"content"})),this.nav&&!t&&this.orientation==="horizontal"&&this.stepCount>0&&a("div",{key:"88065c37b3f6577d80c905739ca5a753d900330e",class:"pami-stepper__nav",part:"nav"},a("pami-button",{key:"4018c26a2dc382c9bbffc3b30f2e5d2507385a58",variant:"text",size:"sm",disabled:this.active<=0||this.loading,onClick:this.handleFooterBack},this.backLabel),a("pami-button",{key:"3baf3dd54999adafbe06fefbbc6660b24e6c6476",variant:"filled",size:"sm",loading:this.loading,disabled:this.nextDisabled||this.loading,onClick:()=>this.next()},this.active>=this.stepCount-1?this.finishLabel:this.nextLabel)),this.nav&&t&&this.stepCount>0&&a("div",{key:"b11a59e9280ff23afe088a3e4dd99ad06ef5a49a",class:"pami-stepper__mobile",part:"mobile-nav"},a("pami-button",{key:"6e41f5f95dd100dc4838c43bf162e88e40b39679",variant:"text",size:"sm",disabled:this.active<=0||this.loading,onClick:this.handleFooterBack},this.backLabel),a("div",{key:"24118e353d8f28e21d2290a9fcf3a50e8c4330f1",class:"pami-stepper__mobile-progress",part:"mobile-progress","aria-hidden":this.indicator==="dot"?"true":undefined},this.indicator==="dot"?this.steps.map(((t,i)=>a("span",{class:{"pami-stepper__mobile-dot":true,"is-active":i===this.active,"is-done":i<this.active||!!t.completed}}))):a("span",{class:"pami-stepper__mobile-text"},`${this.stepWord} ${this.active+1} ${this.ofWord} ${this.stepCount}`)),a("pami-button",{key:"ae8904ffbe9b49f4f85759b2d2a182705a6bcc9f",variant:"filled",size:"sm",loading:this.loading,disabled:this.nextDisabled||this.loading,onClick:()=>this.next()},this.active>=this.stepCount-1?this.finishLabel:this.nextLabel)))}get el(){return this}static get watchers(){return{active:[{onActiveChange:0}],orientation:[{onConfigChange:0}],indicator:[{onConfigChange:0}],mode:[{onConfigChange:0}],nav:[{onConfigChange:0}],readonly:[{onConfigChange:0}],variant:[{onConfigChange:0}],lazy:[{onConfigChange:0}],loading:[{onConfigChange:0}],nextDisabled:[{onConfigChange:0}],stepWord:[{onConfigChange:0}],ofWord:[{onConfigChange:0}],completedWord:[{onConfigChange:0}],currentWord:[{onConfigChange:0}],errorWord:[{onConfigChange:0}],optionalWord:[{onConfigChange:0}],nextLabel:[{onConfigChange:0}],backLabel:[{onConfigChange:0}],finishLabel:[{onConfigChange:0}]}}static get style(){return l()}},[257,"pami-stepper",{orientation:[513],indicator:[513],variant:[513],mode:[513],active:[1538],autoComplete:[4,"auto-complete"],nav:[4],readonly:[516],nextDisabled:[4,"next-disabled"],loading:[4],lazy:[4],label:[1],stepWord:[1,"step-word"],ofWord:[1,"of-word"],completedWord:[1,"completed-word"],currentWord:[1,"current-word"],errorWord:[1,"error-word"],optionalWord:[1,"optional-word"],nextLabel:[1,"next-label"],backLabel:[1,"back-label"],finishLabel:[1,"finish-label"],density:[514],stepCount:[32],liveMessage:[32],errorMessage:[32],next:[64],prev:[64],goTo:[64],reset:[64]},[[0,"pamiStepClick","onStepClick"],[0,"pamiStepNext","onStepNext"],[0,"pamiStepBack","onStepBack"],[0,"pamiClick","onInternalPamiClick"]],{active:[{onActiveChange:0}],orientation:[{onConfigChange:0}],indicator:[{onConfigChange:0}],mode:[{onConfigChange:0}],nav:[{onConfigChange:0}],readonly:[{onConfigChange:0}],variant:[{onConfigChange:0}],lazy:[{onConfigChange:0}],loading:[{onConfigChange:0}],nextDisabled:[{onConfigChange:0}],stepWord:[{onConfigChange:0}],ofWord:[{onConfigChange:0}],completedWord:[{onConfigChange:0}],currentWord:[{onConfigChange:0}],errorWord:[{onConfigChange:0}],optionalWord:[{onConfigChange:0}],nextLabel:[{onConfigChange:0}],backLabel:[{onConfigChange:0}],finishLabel:[{onConfigChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["pami-stepper","pami-button","pami-icon","pami-ripple"];t.forEach((t=>{switch(t){case"pami-stepper":if(!customElements.get(o(t))){customElements.define(o(t),d)}break;case"pami-button":if(!customElements.get(o(t))){r()}break;case"pami-icon":if(!customElements.get(o(t))){h()}break;case"pami-ripple":if(!customElements.get(o(t))){p()}break}}))}c();const f=d;const m=c;export{f as PamiStepper,m as defineCustomElement};
 //# sourceMappingURL=pami-stepper.js.map

package/dist/components/pami-sub-menu-item.js

@@ -1,2 +1,2 @@
-import{p as s,H as e,c as r,h as a,d as t,t as i}from"./p-8mhkIT1t.js";import{t as n,d as o}from"./p-NaJ3tJav.js";import{f as d,s as m}from"./p-CvbZ1c_t.js";import{d as c}from"./p-C3VyQE8n.js";const h=()=>`:host{display:flex;align-items:center;position:relative;overflow:visible;cursor:pointer;user-select:none;min-height:calc(48px + var(--md-sys-density-scale, 0) * 4px);--_icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));padding:0 var(--md-sys-spacing-inset-md, 12px);gap:var(--md-sys-spacing-gap-sm, 8px);color:var(--md-sys-color-on-surface, #1C1B1F);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;transition:background-color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      border-radius var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}@media (prefers-reduced-motion: reduce){:host{transition:none}}.pami-sub-menu-item__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(:hover) .pami-sub-menu-item__state-layer{opacity:0.08}:host(:active) .pami-sub-menu-item__state-layer{opacity:0.12}:host(:focus-visible) .pami-sub-menu-item__state-layer,:host([data-pami-focused]) .pami-sub-menu-item__state-layer{opacity:0.12}:host(:focus-visible),:host([data-pami-focused]){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:calc(-1 * var(--md-sys-state-focus-ring-width, 2px))}:host(.pami-sub-menu-item--open) .pami-sub-menu-item__state-layer{opacity:0.08}:host(.pami-sub-menu-item--disabled){cursor:default;opacity:0.38;pointer-events:none}.pami-sub-menu-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--_icon-size);height:var(--_icon-size);color:var(--md-sys-color-on-surface-variant, #49454F)}.pami-sub-menu-item__leading ::slotted(*:not(pami-badge)){font-size:var(--_icon-size) !important;width:var(--_icon-size);height:var(--_icon-size);color:inherit}.pami-sub-menu-item__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.pami-sub-menu-item__headline{font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pami-sub-menu-item__supporting{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));color:var(--md-sys-color-on-surface-variant, #49454F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pami-sub-menu-item__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:20px;padding:0 8px;border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--md-sys-color-tertiary-container, #FFD8E4);color:var(--md-sys-color-on-tertiary-container, #31111D);font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-size, 11px);font-weight:var(--md-sys-typescale-label-small-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-tracking, 0.5px);white-space:nowrap}.pami-sub-menu-item__arrow{font-weight:normal;font-style:normal;font-size:var(--_icon-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;flex-shrink:0;color:var(--md-sys-color-on-surface-variant, #49454F);transition:transform var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([dir="rtl"]) .pami-sub-menu-item__arrow,:host-context([dir="rtl"]) .pami-sub-menu-item__arrow{--_arrow-flip:-1}.pami-sub-menu-item__arrow{transform:scaleX(var(--_arrow-flip, 1))}:host(.pami-sub-menu-item--open) .pami-sub-menu-item__arrow{transform:scaleX(var(--_arrow-flip, 1)) rotate(90deg)}.pami-sub-menu-item__submenu{position:fixed;inset:auto;z-index:1001;display:none;--pami-menu-avail-block:initial}:host(.pami-sub-menu-item--open) .pami-sub-menu-item__submenu{display:block}.pami-sub-menu-item__submenu[data-pami-placing]{visibility:hidden;pointer-events:none}:host(.pami-sub-menu-item--divider){padding-bottom:8px;margin-bottom:8px}:host(.pami-sub-menu-item--divider)::after{content:'';position:absolute;bottom:0;inset-inline:0;height:1px;background-color:var(--md-sys-color-outline-variant, #CAC4D0)}:host([data-variant="standard"]){--_rest-ss:var(--md-sys-shape-corner-small, 8px);--_rest-se:var(--md-sys-shape-corner-small, 8px);--_rest-es:var(--md-sys-shape-corner-small, 8px);--_rest-ee:var(--md-sys-shape-corner-small, 8px);color:var(--md-sys-color-on-surface, #1C1B1F);border-radius:var(--md-sys-shape-corner-small, 8px)}:host([data-variant="standard"]:first-child){--_rest-ss:var(--md-sys-shape-corner-large, 16px);--_rest-se:var(--md-sys-shape-corner-large, 16px);border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="standard"]:last-child){--_rest-es:var(--md-sys-shape-corner-large, 16px);--_rest-ee:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="standard"]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"]:active){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)))}:host([data-variant="standard"]:first-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"]:last-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="standard"][data-after-gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="standard"][data-after-gap][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"]){--_rest-ss:var(--md-sys-shape-corner-small, 8px);--_rest-se:var(--md-sys-shape-corner-small, 8px);--_rest-es:var(--md-sys-shape-corner-small, 8px);--_rest-ee:var(--md-sys-shape-corner-small, 8px);color:var(--md-sys-color-on-tertiary-container, #31111D);border-radius:var(--md-sys-shape-corner-small, 8px)}:host([data-variant="vibrant"]:first-child){--_rest-ss:var(--md-sys-shape-corner-large, 16px);--_rest-se:var(--md-sys-shape-corner-large, 16px);border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="vibrant"]:last-child){--_rest-es:var(--md-sys-shape-corner-large, 16px);--_rest-ee:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="vibrant"]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:active){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:first-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:last-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"][data-after-gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"][data-after-gap][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"]) .pami-sub-menu-item__leading,:host([data-variant="vibrant"]) .pami-sub-menu-item__supporting,:host([data-variant="vibrant"]) .pami-sub-menu-item__arrow{color:var(--md-sys-color-on-tertiary-container, #31111D)}:host([data-variant="vibrant"]) .pami-sub-menu-item__state-layer{background-color:var(--md-sys-color-on-tertiary-container, #31111D)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;const l=8;const p=200;const v=100;const u=400;const b=250;const y=new WeakMap;function f(s,e,r){return(s.x-r.x)*(e.y-r.y)-(e.x-r.x)*(s.y-r.y)}function _(s,e,r,a){const t=f(s,e,r);const i=f(s,r,a);const n=f(s,a,e);const o=t<0||i<0||n<0;const d=t>0||i>0||n>0;return!(o&&d)}function x(){return typeof performance!=="undefined"?performance.now():Date.now()}const g=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.pamiClick=r(this,"pamiClick",7);this.headline="";this.supportingText="";this.disabled=false;this.divider=false;this.gap=false;this.badge="";this.openDelay=v;this.closeDelay=u;this.density=0;this.submenuOpen=false;this.hasLeadingIcon=false;this.positionWatchTargets=[];this.placing=false;this.handleCorridorMove=s=>{const e=this.lastPointer;const r={x:s.clientX,y:s.clientY};this.lastPointer=r;if(!e||!this.submenuOpen||!this.corridorMenu)return;const a=this.corridorGeometry();if(!a)return;if(!_(r,e,{x:a.nearX,y:a.top},{x:a.nearX,y:a.bottom})){return}y.set(this.corridorMenu,x()+b)};this.handleReposition=()=>{if(!this.submenuOpen||this.repositionFrame!==undefined)return;this.repositionFrame=requestAnimationFrame((()=>{this.repositionFrame=undefined;if(!this.submenuOpen)return;if(this.rowScrolledOutOfView())this.closeSubmenu();else this.autoPositionSubmenu()}))};this.handleMouseEnter=()=>{this.scheduleOpen()};this.handleMouseLeave=()=>{this.scheduleClose()};this.handleFlyoutEnter=()=>{clearTimeout(this.closeIntentTimer);this.openSubmenu(false)};this.handleFlyoutLeave=()=>{this.scheduleClose()};this.handleKeyDown=s=>{if(this.disabled)return;if(s.key==="ArrowRight"||s.key==="Enter"||s.key===" "){s.preventDefault();s.stopPropagation();n(this.el);this.openSubmenu(true)}if((s.key==="ArrowLeft"||s.key==="Escape")&&this.submenuOpen){s.preventDefault();s.stopPropagation();this.closeSubmenu();this.el.focus();this.el.setAttribute("data-pami-focused","")}};this.handleClick=s=>{if(this.disabled){s.preventDefault();s.stopPropagation();return}this.pamiClick.emit()}}componentWillLoad(){this.hasLeadingIcon=!!this.el.querySelector('[slot="leading-icon"]')}componentDidLoad(){const s=this.getNestedMenu();if(s?.open){s.style.position="relative";this.beginPlacement();this.submenuOpen=true;this.schedulePlacement();this.startPositionWatch();this.startCorridorWatch()}}componentDidRender(){if(this.placing)this.finishPlacement()}getNestedMenu(){return this.el.querySelector('[slot="submenu"]')}getContainer(){return this.el.shadowRoot?.querySelector(".pami-sub-menu-item__submenu")??null}beginPlacement(){const s=this.getContainer();if(!s)return;this.placing=true;s.setAttribute("data-pami-placing","")}finishPlacement(){if(!this.placing)return;this.placing=false;this.autoPositionSubmenu();this.getContainer()?.removeAttribute("data-pami-placing")}async collapse(){this.cancelHoverIntent();clearTimeout(this.closeTimer);this.stopPositionWatch();this.stopCorridorWatch();const s=this.getNestedMenu();if(s?.open)s.open=false;this.submenuOpen=false;this.resetSubmenuStyles();this.el.removeAttribute("data-pami-focused")}openSubmenu(s=false){if(this.disabled)return;this.cancelHoverIntent();clearTimeout(this.closeTimer);const e=this.submenuOpen;if(!e){this.collapseSiblings();this.beginPlacement()}this.submenuOpen=true;if(s){this.el.removeAttribute("data-pami-focused")}const r=this.getNestedMenu();if(r){r.style.position="relative";if(r.show)r.show({autoFocus:s})}this.schedulePlacement();this.startPositionWatch();this.startCorridorWatch()}collapseSiblings(){const s=this.owningMenu();if(!s)return;const e=Array.from(s.querySelectorAll("pami-sub-menu-item"));for(const r of e){if(r===this.el)continue;if(r.closest("pami-menu")!==s)continue;void r.collapse?.()}}owningMenu(){return this.el.closest("pami-menu")}schedulePlacement(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.placing)this.finishPlacement();else this.autoPositionSubmenu()}))}))}autoPositionSubmenu(){const s=this.getContainer();if(!s)return;s.style.left="0px";s.style.top="0px";s.style.right="auto";s.style.bottom="auto";const e=this.el.getBoundingClientRect();const r=s.getBoundingClientRect();const a=r.width>0?r.width:p;const t=r.height>0?r.height:p;const i=window.innerWidth;const n=window.innerHeight;const o=l;const m=this.resolveDirection()==="rtl";const c=m?e.left-a:e.right;const h=m?e.right:e.left-a;const v=s=>s>=0&&s+a<=i;let u=c;if(!v(c)&&v(h))u=h;let b=e.top;if(b+t>n)b=e.bottom-t;u=Math.max(o,Math.min(u,i-a-o));b=Math.max(o,Math.min(b,n-t-o));const y=d(s);s.style.left=`${u-y.x}px`;s.style.top=`${b-y.y}px`;this.corridorRect=undefined}startPositionWatch(){if(this.positionWatchTargets.length)return;const s=[];if(typeof getComputedStyle==="function"){const e=s=>!!s&&s!=="visible";let r=m(this.el);while(r){const a=getComputedStyle(r);if(e(a.overflowY)||e(a.overflowX))s.push(r);r=m(r)}}s.push(window);for(const e of s){e.addEventListener("scroll",this.handleReposition,{passive:true})}window.addEventListener("resize",this.handleReposition);this.positionWatchTargets=s}stopPositionWatch(){for(const s of this.positionWatchTargets){s.removeEventListener("scroll",this.handleReposition)}this.positionWatchTargets=[];window.removeEventListener("resize",this.handleReposition);if(this.repositionFrame!==undefined){cancelAnimationFrame(this.repositionFrame);this.repositionFrame=undefined}}startCorridorWatch(){if(this.corridorMenu)return;const s=this.owningMenu();if(!s)return;this.corridorMenu=s;this.lastPointer=undefined;s.addEventListener("pointermove",this.handleCorridorMove)}stopCorridorWatch(){if(!this.corridorMenu)return;this.corridorMenu.removeEventListener("pointermove",this.handleCorridorMove);y.delete(this.corridorMenu);this.corridorMenu=undefined;this.lastPointer=undefined;this.corridorRect=undefined}corridorGeometry(){if(this.corridorRect)return this.corridorRect;const s=this.getContainer();if(!s)return undefined;const e=s.getBoundingClientRect();if(e.width<=0||e.height<=0)return undefined;const r=this.el.getBoundingClientRect();this.corridorRect={nearX:e.left>=r.right?e.left:e.right,top:e.top,bottom:e.bottom};return this.corridorRect}corridorRemaining(){const s=this.owningMenu();if(!s)return 0;const e=y.get(s);return e?Math.max(0,e-x()):0}rowScrolledOutOfView(){const s=this.el.getBoundingClientRect();for(const e of this.positionWatchTargets){if(e===window)continue;const r=e.getBoundingClientRect();if(r.height===0)continue;if(s.bottom<=r.top||s.top>=r.bottom)return true}return false}resolveDirection(){let s=this.el;while(s){const e=s.getAttribute?.("dir");if(e==="rtl"||e==="ltr")return e;s=s.parentElement}return"ltr"}closeSubmenu(){this.cancelHoverIntent();const s=this.getNestedMenu();if(s?.close)s.close();this.stopPositionWatch();this.stopCorridorWatch();this.closeTimer=setTimeout((()=>{this.submenuOpen=false;this.resetSubmenuStyles()}),100)}resetSubmenuStyles(){const s=this.getContainer();if(s){this.placing=true;s.setAttribute("data-pami-placing","")}const e=this.el.querySelector('[slot="submenu"]');if(e){e.style.position=""}if(s){s.style.left="";s.style.top="";s.style.right="";s.style.bottom=""}}cancelHoverIntent(){clearTimeout(this.openTimer);clearTimeout(this.closeIntentTimer)}scheduleOpen(){if(this.disabled)return;clearTimeout(this.closeIntentTimer);if(this.submenuOpen)return;clearTimeout(this.openTimer);this.openTimer=setTimeout((()=>this.attemptScheduledOpen()),Math.max(0,this.openDelay))}attemptScheduledOpen(){const s=this.corridorRemaining();if(s>0){this.openTimer=setTimeout((()=>this.attemptScheduledOpen()),s);return}this.openSubmenu(false)}scheduleClose(){clearTimeout(this.openTimer);if(!this.submenuOpen)return;clearTimeout(this.closeIntentTimer);this.closeIntentTimer=setTimeout((()=>this.closeSubmenu()),Math.max(0,this.closeDelay))}disconnectedCallback(){this.cancelHoverIntent();clearTimeout(this.closeTimer);this.stopPositionWatch();this.stopCorridorWatch()}render(){return a(t,{key:"ed1814ca2bed86ca0c5ce33011e5890bf1874f64",class:{"pami-sub-menu-item":true,"pami-sub-menu-item--disabled":this.disabled,"pami-sub-menu-item--open":this.submenuOpen,"pami-sub-menu-item--divider":this.divider,"pami-sub-menu-item--gap":this.gap},role:"menuitem","aria-haspopup":"menu","aria-expanded":String(this.submenuOpen),"aria-disabled":this.disabled?"true":"false",tabindex:"-1",onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onKeyDown:this.handleKeyDown},a("pami-ripple",{key:"2487cea56ba26aa25097f9c0bbdaac94ed9e4663",disabled:this.disabled}),a("span",{key:"eeb3b2b93b278babee692d591e323645d79f2a27",class:"pami-sub-menu-item__state-layer",part:"state-layer","aria-hidden":"true"}),this.hasLeadingIcon&&a("span",{key:"a48678bd1f98c5815a59f4925e573fe8f87d4853",class:"pami-sub-menu-item__leading",part:"leading-icon","aria-hidden":"true"},a("slot",{key:"8f322ba9bde0886d38949432bcb5d6800667b804",name:"leading-icon"})),a("span",{key:"16a6c3484d79fb6d60979218cc917a6c1cbbacb8",class:"pami-sub-menu-item__content",part:"content"},a("span",{key:"70410b2ed871755041cb862cc33b351c326dff1d",class:"pami-sub-menu-item__headline",part:"headline"},this.headline),this.supportingText&&a("span",{key:"d5a1ee022d5f0f1d5caa321d47aabbe3153aa024",class:"pami-sub-menu-item__supporting",part:"supporting-text"},this.supportingText)),this.badge&&a("span",{key:"0206f8d6246744ca4571b41731ebca581fbca21c",class:"pami-sub-menu-item__badge",part:"badge"},this.badge),a("pami-icon",{key:"f05bb8dce0dba2221bfea51487513ce9175a20a2",class:"pami-sub-menu-item__arrow","aria-hidden":"true",name:"arrow_right"}),a("div",{key:"8f26a4798f4b6a98250d4c7b6d866be0750e2e27",class:"pami-sub-menu-item__submenu",onMouseEnter:this.handleFlyoutEnter,onMouseLeave:this.handleFlyoutLeave},a("slot",{key:"9c59b16c26efa11040fe38c848655baa377a60c2",name:"submenu"})))}get el(){return this}static get style(){return h()}},[257,"pami-sub-menu-item",{headline:[1],supportingText:[1,"supporting-text"],disabled:[516],divider:[516],gap:[516],badge:[1],openDelay:[2,"open-delay"],closeDelay:[2,"close-delay"],density:[514],submenuOpen:[32],hasLeadingIcon:[32],collapse:[64]}]);function w(){if(typeof customElements==="undefined"){return}const s=["pami-sub-menu-item","pami-icon","pami-ripple"];s.forEach((s=>{switch(s){case"pami-sub-menu-item":if(!customElements.get(i(s))){customElements.define(i(s),g)}break;case"pami-icon":if(!customElements.get(i(s))){c()}break;case"pami-ripple":if(!customElements.get(i(s))){o()}break}}))}w();const k=g;const z=w;export{k as PamiSubMenuItem,z as defineCustomElement};
+import{p as s,H as e,c as r,h as a,d as t,t as i}from"./p-8mhkIT1t.js";import{t as n,d as o}from"./p-BcrEx_cg.js";import{f as d,s as m}from"./p-CvbZ1c_t.js";import{d as c}from"./p-BHjV4ckR.js";const h=()=>`:host{display:flex;align-items:center;position:relative;overflow:visible;cursor:pointer;user-select:none;min-height:calc(48px + var(--md-sys-density-scale, 0) * 4px);--_icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));padding:0 var(--md-sys-spacing-inset-md, 12px);gap:var(--md-sys-spacing-gap-sm, 8px);color:var(--md-sys-color-on-surface, #1C1B1F);box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;transition:background-color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      color var(--md-sys-motion-duration-short3, 150ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      border-radius var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}@media (prefers-reduced-motion: reduce){:host{transition:none}}.pami-sub-menu-item__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(:hover) .pami-sub-menu-item__state-layer{opacity:0.08}:host(:active) .pami-sub-menu-item__state-layer{opacity:0.12}:host(:focus-visible) .pami-sub-menu-item__state-layer,:host([data-pami-focused]) .pami-sub-menu-item__state-layer{opacity:0.12}:host(:focus-visible),:host([data-pami-focused]){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:calc(-1 * var(--md-sys-state-focus-ring-width, 2px))}:host(.pami-sub-menu-item--open) .pami-sub-menu-item__state-layer{opacity:0.08}:host(.pami-sub-menu-item--disabled){cursor:default;opacity:0.38;pointer-events:none}.pami-sub-menu-item__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--_icon-size);height:var(--_icon-size);color:var(--md-sys-color-on-surface-variant, #49454F)}.pami-sub-menu-item__leading ::slotted(*:not(pami-badge)){font-size:var(--_icon-size) !important;width:var(--_icon-size);height:var(--_icon-size);color:inherit}.pami-sub-menu-item__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.pami-sub-menu-item__headline{font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pami-sub-menu-item__supporting{font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(11px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));color:var(--md-sys-color-on-surface-variant, #49454F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pami-sub-menu-item__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:20px;padding:0 8px;border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--md-sys-color-tertiary-container, #FFD8E4);color:var(--md-sys-color-on-tertiary-container, #31111D);font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:var(--md-sys-typescale-label-small-font-size, 11px);font-weight:var(--md-sys-typescale-label-small-font-weight, 500);line-height:var(--md-sys-typescale-label-small-line-height, 16px);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);white-space:nowrap}.pami-sub-menu-item__arrow{font-weight:normal;font-style:normal;font-size:var(--_icon-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;flex-shrink:0;color:var(--md-sys-color-on-surface-variant, #49454F);transition:transform var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([dir="rtl"]) .pami-sub-menu-item__arrow,:host-context([dir="rtl"]) .pami-sub-menu-item__arrow{--_arrow-flip:-1}.pami-sub-menu-item__arrow{transform:scaleX(var(--_arrow-flip, 1))}:host(.pami-sub-menu-item--open) .pami-sub-menu-item__arrow{transform:scaleX(var(--_arrow-flip, 1)) rotate(90deg)}.pami-sub-menu-item__submenu{position:fixed;inset:auto;z-index:1001;display:none;--pami-menu-avail-block:initial}:host(.pami-sub-menu-item--open) .pami-sub-menu-item__submenu{display:block}.pami-sub-menu-item__submenu[data-pami-placing]{visibility:hidden;pointer-events:none}:host(.pami-sub-menu-item--divider){padding-bottom:8px;margin-bottom:8px}:host(.pami-sub-menu-item--divider)::after{content:'';position:absolute;bottom:0;inset-inline:0;height:1px;background-color:var(--md-sys-color-outline-variant, #CAC4D0)}:host([data-variant="standard"]){--_rest-ss:var(--md-sys-shape-corner-small, 8px);--_rest-se:var(--md-sys-shape-corner-small, 8px);--_rest-es:var(--md-sys-shape-corner-small, 8px);--_rest-ee:var(--md-sys-shape-corner-small, 8px);color:var(--md-sys-color-on-surface, #1C1B1F);border-radius:var(--md-sys-shape-corner-small, 8px)}:host([data-variant="standard"]:first-child){--_rest-ss:var(--md-sys-shape-corner-large, 16px);--_rest-se:var(--md-sys-shape-corner-large, 16px);border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="standard"]:last-child){--_rest-es:var(--md-sys-shape-corner-large, 16px);--_rest-ee:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="standard"]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"]:active){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)))}:host([data-variant="standard"]:first-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"]:last-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="standard"][data-after-gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="standard"][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="standard"][data-after-gap][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"]){--_rest-ss:var(--md-sys-shape-corner-small, 8px);--_rest-se:var(--md-sys-shape-corner-small, 8px);--_rest-es:var(--md-sys-shape-corner-small, 8px);--_rest-ee:var(--md-sys-shape-corner-small, 8px);color:var(--md-sys-color-on-tertiary-container, #31111D);border-radius:var(--md-sys-shape-corner-small, 8px)}:host([data-variant="vibrant"]:first-child){--_rest-ss:var(--md-sys-shape-corner-large, 16px);--_rest-se:var(--md-sys-shape-corner-large, 16px);border-start-start-radius:var(--md-sys-shape-corner-large, 16px);border-start-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="vibrant"]:last-child){--_rest-es:var(--md-sys-shape-corner-large, 16px);--_rest-ee:var(--md-sys-shape-corner-large, 16px);border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px)}:host([data-variant="vibrant"]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:active){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-medium, 12px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:first-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"]:last-child:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"][data-after-gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ee)))}:host([data-variant="vibrant"][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-extra-small, 4px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"][data-after-gap][gap]:hover){border-start-start-radius:calc(var(--_rest-ss) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ss)));border-start-end-radius:calc(var(--_rest-se) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-se)));border-end-start-radius:calc(var(--_rest-es) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-es)));border-end-end-radius:calc(var(--_rest-ee) + var(--md-sys-shape-morph-enabled, 1) * (var(--md-sys-shape-corner-large, 16px) - var(--_rest-ee)))}:host([data-variant="vibrant"]) .pami-sub-menu-item__leading,:host([data-variant="vibrant"]) .pami-sub-menu-item__supporting,:host([data-variant="vibrant"]) .pami-sub-menu-item__arrow{color:var(--md-sys-color-on-tertiary-container, #31111D)}:host([data-variant="vibrant"]) .pami-sub-menu-item__state-layer{background-color:var(--md-sys-color-on-tertiary-container, #31111D)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;const l=8;const p=200;const v=100;const u=400;const b=250;const y=new WeakMap;function f(s,e,r){return(s.x-r.x)*(e.y-r.y)-(e.x-r.x)*(s.y-r.y)}function _(s,e,r,a){const t=f(s,e,r);const i=f(s,r,a);const n=f(s,a,e);const o=t<0||i<0||n<0;const d=t>0||i>0||n>0;return!(o&&d)}function x(){return typeof performance!=="undefined"?performance.now():Date.now()}const g=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow();this.pamiClick=r(this,"pamiClick",7);this.headline="";this.supportingText="";this.disabled=false;this.divider=false;this.gap=false;this.badge="";this.openDelay=v;this.closeDelay=u;this.density=0;this.submenuOpen=false;this.hasLeadingIcon=false;this.positionWatchTargets=[];this.placing=false;this.handleCorridorMove=s=>{const e=this.lastPointer;const r={x:s.clientX,y:s.clientY};this.lastPointer=r;if(!e||!this.submenuOpen||!this.corridorMenu)return;const a=this.corridorGeometry();if(!a)return;if(!_(r,e,{x:a.nearX,y:a.top},{x:a.nearX,y:a.bottom})){return}y.set(this.corridorMenu,x()+b)};this.handleReposition=()=>{if(!this.submenuOpen||this.repositionFrame!==undefined)return;this.repositionFrame=requestAnimationFrame((()=>{this.repositionFrame=undefined;if(!this.submenuOpen)return;if(this.rowScrolledOutOfView())this.closeSubmenu();else this.autoPositionSubmenu()}))};this.handleMouseEnter=()=>{this.scheduleOpen()};this.handleMouseLeave=()=>{this.scheduleClose()};this.handleFlyoutEnter=()=>{clearTimeout(this.closeIntentTimer);this.openSubmenu(false)};this.handleFlyoutLeave=()=>{this.scheduleClose()};this.handleKeyDown=s=>{if(this.disabled)return;if(s.key==="ArrowRight"||s.key==="Enter"||s.key===" "){s.preventDefault();s.stopPropagation();n(this.el);this.openSubmenu(true)}if((s.key==="ArrowLeft"||s.key==="Escape")&&this.submenuOpen){s.preventDefault();s.stopPropagation();this.closeSubmenu();this.el.focus();this.el.setAttribute("data-pami-focused","")}};this.handleClick=s=>{if(this.disabled){s.preventDefault();s.stopPropagation();return}this.pamiClick.emit()}}componentWillLoad(){this.hasLeadingIcon=!!this.el.querySelector('[slot="leading-icon"]')}componentDidLoad(){const s=this.getNestedMenu();if(s?.open){s.style.position="relative";this.beginPlacement();this.submenuOpen=true;this.schedulePlacement();this.startPositionWatch();this.startCorridorWatch()}}componentDidRender(){if(this.placing)this.finishPlacement()}getNestedMenu(){return this.el.querySelector('[slot="submenu"]')}getContainer(){return this.el.shadowRoot?.querySelector(".pami-sub-menu-item__submenu")??null}beginPlacement(){const s=this.getContainer();if(!s)return;this.placing=true;s.setAttribute("data-pami-placing","")}finishPlacement(){if(!this.placing)return;this.placing=false;this.autoPositionSubmenu();this.getContainer()?.removeAttribute("data-pami-placing")}async collapse(){this.cancelHoverIntent();clearTimeout(this.closeTimer);this.stopPositionWatch();this.stopCorridorWatch();const s=this.getNestedMenu();if(s?.open)s.open=false;this.submenuOpen=false;this.resetSubmenuStyles();this.el.removeAttribute("data-pami-focused")}openSubmenu(s=false){if(this.disabled)return;this.cancelHoverIntent();clearTimeout(this.closeTimer);const e=this.submenuOpen;if(!e){this.collapseSiblings();this.beginPlacement()}this.submenuOpen=true;if(s){this.el.removeAttribute("data-pami-focused")}const r=this.getNestedMenu();if(r){r.style.position="relative";if(r.show)r.show({autoFocus:s})}this.schedulePlacement();this.startPositionWatch();this.startCorridorWatch()}collapseSiblings(){const s=this.owningMenu();if(!s)return;const e=Array.from(s.querySelectorAll("pami-sub-menu-item"));for(const r of e){if(r===this.el)continue;if(r.closest("pami-menu")!==s)continue;void r.collapse?.()}}owningMenu(){return this.el.closest("pami-menu")}schedulePlacement(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.placing)this.finishPlacement();else this.autoPositionSubmenu()}))}))}autoPositionSubmenu(){const s=this.getContainer();if(!s)return;s.style.left="0px";s.style.top="0px";s.style.right="auto";s.style.bottom="auto";const e=this.el.getBoundingClientRect();const r=s.getBoundingClientRect();const a=r.width>0?r.width:p;const t=r.height>0?r.height:p;const i=window.innerWidth;const n=window.innerHeight;const o=l;const m=this.resolveDirection()==="rtl";const c=m?e.left-a:e.right;const h=m?e.right:e.left-a;const v=s=>s>=0&&s+a<=i;let u=c;if(!v(c)&&v(h))u=h;let b=e.top;if(b+t>n)b=e.bottom-t;u=Math.max(o,Math.min(u,i-a-o));b=Math.max(o,Math.min(b,n-t-o));const y=d(s);s.style.left=`${u-y.x}px`;s.style.top=`${b-y.y}px`;this.corridorRect=undefined}startPositionWatch(){if(this.positionWatchTargets.length)return;const s=[];if(typeof getComputedStyle==="function"){const e=s=>!!s&&s!=="visible";let r=m(this.el);while(r){const a=getComputedStyle(r);if(e(a.overflowY)||e(a.overflowX))s.push(r);r=m(r)}}s.push(window);for(const e of s){e.addEventListener("scroll",this.handleReposition,{passive:true})}window.addEventListener("resize",this.handleReposition);this.positionWatchTargets=s}stopPositionWatch(){for(const s of this.positionWatchTargets){s.removeEventListener("scroll",this.handleReposition)}this.positionWatchTargets=[];window.removeEventListener("resize",this.handleReposition);if(this.repositionFrame!==undefined){cancelAnimationFrame(this.repositionFrame);this.repositionFrame=undefined}}startCorridorWatch(){if(this.corridorMenu)return;const s=this.owningMenu();if(!s)return;this.corridorMenu=s;this.lastPointer=undefined;s.addEventListener("pointermove",this.handleCorridorMove)}stopCorridorWatch(){if(!this.corridorMenu)return;this.corridorMenu.removeEventListener("pointermove",this.handleCorridorMove);y.delete(this.corridorMenu);this.corridorMenu=undefined;this.lastPointer=undefined;this.corridorRect=undefined}corridorGeometry(){if(this.corridorRect)return this.corridorRect;const s=this.getContainer();if(!s)return undefined;const e=s.getBoundingClientRect();if(e.width<=0||e.height<=0)return undefined;const r=this.el.getBoundingClientRect();this.corridorRect={nearX:e.left>=r.right?e.left:e.right,top:e.top,bottom:e.bottom};return this.corridorRect}corridorRemaining(){const s=this.owningMenu();if(!s)return 0;const e=y.get(s);return e?Math.max(0,e-x()):0}rowScrolledOutOfView(){const s=this.el.getBoundingClientRect();for(const e of this.positionWatchTargets){if(e===window)continue;const r=e.getBoundingClientRect();if(r.height===0)continue;if(s.bottom<=r.top||s.top>=r.bottom)return true}return false}resolveDirection(){let s=this.el;while(s){const e=s.getAttribute?.("dir");if(e==="rtl"||e==="ltr")return e;s=s.parentElement}return"ltr"}closeSubmenu(){this.cancelHoverIntent();const s=this.getNestedMenu();if(s?.close)s.close();this.stopPositionWatch();this.stopCorridorWatch();this.closeTimer=setTimeout((()=>{this.submenuOpen=false;this.resetSubmenuStyles()}),100)}resetSubmenuStyles(){const s=this.getContainer();if(s){this.placing=true;s.setAttribute("data-pami-placing","")}const e=this.el.querySelector('[slot="submenu"]');if(e){e.style.position=""}if(s){s.style.left="";s.style.top="";s.style.right="";s.style.bottom=""}}cancelHoverIntent(){clearTimeout(this.openTimer);clearTimeout(this.closeIntentTimer)}scheduleOpen(){if(this.disabled)return;clearTimeout(this.closeIntentTimer);if(this.submenuOpen)return;clearTimeout(this.openTimer);this.openTimer=setTimeout((()=>this.attemptScheduledOpen()),Math.max(0,this.openDelay))}attemptScheduledOpen(){const s=this.corridorRemaining();if(s>0){this.openTimer=setTimeout((()=>this.attemptScheduledOpen()),s);return}this.openSubmenu(false)}scheduleClose(){clearTimeout(this.openTimer);if(!this.submenuOpen)return;clearTimeout(this.closeIntentTimer);this.closeIntentTimer=setTimeout((()=>this.closeSubmenu()),Math.max(0,this.closeDelay))}disconnectedCallback(){this.cancelHoverIntent();clearTimeout(this.closeTimer);this.stopPositionWatch();this.stopCorridorWatch()}render(){return a(t,{key:"c2d1bd84ff2cdef7ac709eb0885e35cb277ef22d",class:{"pami-sub-menu-item":true,"pami-sub-menu-item--disabled":this.disabled,"pami-sub-menu-item--open":this.submenuOpen,"pami-sub-menu-item--divider":this.divider,"pami-sub-menu-item--gap":this.gap},role:"menuitem","aria-haspopup":"menu","aria-expanded":String(this.submenuOpen),"aria-disabled":this.disabled?"true":"false",tabindex:"-1",onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onKeyDown:this.handleKeyDown},a("pami-ripple",{key:"04027aa5ca87458bf1c2717a3c3baa90e80452af",disabled:this.disabled}),a("span",{key:"874d5dc4659852ce3d26b63a62a4abf147502f86",class:"pami-sub-menu-item__state-layer",part:"state-layer","aria-hidden":"true"}),this.hasLeadingIcon&&a("span",{key:"2f293029ec9a5a63172fa953f366fc080e99aa27",class:"pami-sub-menu-item__leading",part:"leading-icon","aria-hidden":"true"},a("slot",{key:"76b5a23486c1e9db6a3b6cfa8994160f2c5dea9e",name:"leading-icon"})),a("span",{key:"186ac5d6c96d65af7732b700b84ff1e261e60b13",class:"pami-sub-menu-item__content",part:"content"},a("span",{key:"eb8578d4cc70b86f54728a126bfdf0c254fd186f",class:"pami-sub-menu-item__headline",part:"headline"},this.headline),this.supportingText&&a("span",{key:"5439f0bc7d682d88264c7c51e7b93f2ec34a7648",class:"pami-sub-menu-item__supporting",part:"supporting-text"},this.supportingText)),this.badge&&a("span",{key:"de0262a2f6dcfa6b362cc5888b7832cc259e4b6e",class:"pami-sub-menu-item__badge",part:"badge"},this.badge),a("pami-icon",{key:"f736da523ed6588a33704382b2fb32e2daa10606",class:"pami-sub-menu-item__arrow","aria-hidden":"true",name:"arrow_right"}),a("div",{key:"a95011dd4a4e698e385ba07c57b1fe2b6059cdab",class:"pami-sub-menu-item__submenu",onMouseEnter:this.handleFlyoutEnter,onMouseLeave:this.handleFlyoutLeave},a("slot",{key:"70e2b87d9f4c8c9f9017f6f5429666b4d3464387",name:"submenu"})))}get el(){return this}static get style(){return h()}},[257,"pami-sub-menu-item",{headline:[1],supportingText:[1,"supporting-text"],disabled:[516],divider:[516],gap:[516],badge:[1],openDelay:[2,"open-delay"],closeDelay:[2,"close-delay"],density:[514],submenuOpen:[32],hasLeadingIcon:[32],collapse:[64]}]);function w(){if(typeof customElements==="undefined"){return}const s=["pami-sub-menu-item","pami-icon","pami-ripple"];s.forEach((s=>{switch(s){case"pami-sub-menu-item":if(!customElements.get(i(s))){customElements.define(i(s),g)}break;case"pami-icon":if(!customElements.get(i(s))){c()}break;case"pami-ripple":if(!customElements.get(i(s))){o()}break}}))}w();const k=g;const z=w;export{k as PamiSubMenuItem,z as defineCustomElement};
 //# sourceMappingURL=pami-sub-menu-item.js.map

package/dist/components/pami-sub-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["pamiSubMenuItemCss","VIEWPORT_MARGIN","UNMEASURED_SUBMENU_EXTENT","DEFAULT_OPEN_DELAY","DEFAULT_CLOSE_DELAY","CORRIDOR_GRACE_MS","corridorClaims","WeakMap","sign","p","a","b","x","y","pointInTriangle","c","d1","d2","d3","hasNeg","hasPos","now","performance","Date","PamiSubMenuItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","headline","supportingText","disabled","divider","gap","badge","openDelay","closeDelay","density","submenuOpen","hasLeadingIcon","positionWatchTargets","placing","handleCorridorMove","e","previous","lastPointer","point","clientX","clientY","corridorMenu","corridor","corridorGeometry","nearX","top","bottom","set","handleReposition","repositionFrame","undefined","requestAnimationFrame","rowScrolledOutOfView","closeSubmenu","autoPositionSubmenu","handleMouseEnter","scheduleOpen","handleMouseLeave","scheduleClose","handleFlyoutEnter","clearTimeout","closeIntentTimer","openSubmenu","handleFlyoutLeave","handleKeyDown","key","preventDefault","stopPropagation","triggerRipple","el","focus","setAttribute","handleClick","pamiClick","emit","componentWillLoad","querySelector","componentDidLoad","nestedMenu","getNestedMenu","open","style","position","beginPlacement","schedulePlacement","startPositionWatch","startCorridorWatch","componentDidRender","finishPlacement","getContainer","shadowRoot","container","removeAttribute","collapse","cancelHoverIntent","closeTimer","stopPositionWatch","stopCorridorWatch","resetSubmenuStyles","autoFocus","wasOpen","collapseSiblings","show","menu","owningMenu","rows","Array","from","querySelectorAll","row","closest","left","right","hostRect","getBoundingClientRect","containerRect","submenuWidth","width","submenuHeight","height","vw","window","innerWidth","vh","innerHeight","m","rtl","resolveDirection","inlineEndLeft","inlineStartLeft","fits","Math","max","min","origin","fixedContainingBlockOrigin","corridorRect","length","targets","getComputedStyle","scrolls","value","node","stepUpFlatTree","cs","overflowY","overflowX","push","target","addEventListener","passive","removeEventListener","cancelAnimationFrame","delete","flyout","host","corridorRemaining","until","get","rect","dir","getAttribute","parentElement","close","setTimeout","openTimer","attemptScheduledOpen","remaining","disconnectedCallback","render","h","Host","class","role","String","tabindex","onClick","onMouseEnter","onMouseLeave","onKeyDown","part","name"],"sources":["../sources/dd8e7de0b6aeaafd88a8d13123e5d07588ab74d8773cd80f70de293e28041436/pami-sub-menu-item.css_tag_pami-sub-menu-item_encapsulation_shadow","../sources/3dc03d2d63b8fc5fc78f15a71f6fa8b2063218f220a30948f90768d03a5d7cc4/pami-sub-menu-item.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pamiSubMenuItemCss","VIEWPORT_MARGIN","UNMEASURED_SUBMENU_EXTENT","DEFAULT_OPEN_DELAY","DEFAULT_CLOSE_DELAY","CORRIDOR_GRACE_MS","corridorClaims","WeakMap","sign","p","a","b","x","y","pointInTriangle","c","d1","d2","d3","hasNeg","hasPos","now","performance","Date","PamiSubMenuItem","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","headline","supportingText","disabled","divider","gap","badge","openDelay","closeDelay","density","submenuOpen","hasLeadingIcon","positionWatchTargets","placing","handleCorridorMove","e","previous","lastPointer","point","clientX","clientY","corridorMenu","corridor","corridorGeometry","nearX","top","bottom","set","handleReposition","repositionFrame","undefined","requestAnimationFrame","rowScrolledOutOfView","closeSubmenu","autoPositionSubmenu","handleMouseEnter","scheduleOpen","handleMouseLeave","scheduleClose","handleFlyoutEnter","clearTimeout","closeIntentTimer","openSubmenu","handleFlyoutLeave","handleKeyDown","key","preventDefault","stopPropagation","triggerRipple","el","focus","setAttribute","handleClick","pamiClick","emit","componentWillLoad","querySelector","componentDidLoad","nestedMenu","getNestedMenu","open","style","position","beginPlacement","schedulePlacement","startPositionWatch","startCorridorWatch","componentDidRender","finishPlacement","getContainer","shadowRoot","container","removeAttribute","collapse","cancelHoverIntent","closeTimer","stopPositionWatch","stopCorridorWatch","resetSubmenuStyles","autoFocus","wasOpen","collapseSiblings","show","menu","owningMenu","rows","Array","from","querySelectorAll","row","closest","left","right","hostRect","getBoundingClientRect","containerRect","submenuWidth","width","submenuHeight","height","vw","window","innerWidth","vh","innerHeight","m","rtl","resolveDirection","inlineEndLeft","inlineStartLeft","fits","Math","max","min","origin","fixedContainingBlockOrigin","corridorRect","length","targets","getComputedStyle","scrolls","value","node","stepUpFlatTree","cs","overflowY","overflowX","push","target","addEventListener","passive","removeEventListener","cancelAnimationFrame","delete","flyout","host","corridorRemaining","until","get","rect","dir","getAttribute","parentElement","close","setTimeout","openTimer","attemptScheduledOpen","remaining","disconnectedCallback","render","h","Host","class","role","String","tabindex","onClick","onMouseEnter","onMouseLeave","onKeyDown","part","name"],"sources":["../sources/6bab0e0b67c3b4abbb85cf631ad2af114271f98b795e2f2644810bffe75d1522/pami-sub-menu-item.css_tag_pami-sub-menu-item_encapsulation_shadow","../sources/3dc03d2d63b8fc5fc78f15a71f6fa8b2063218f220a30948f90768d03a5d7cc4/pami-sub-menu-item.tsx"],"mappings":"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","ignoreList":[]}

package/dist/components/pami-switch.js

@@ -1,2 +1,2 @@
-import{p as a,H as e,c as t,h as s,d as i,t as r}from"./p-8mhkIT1t.js";import{c as o}from"./p-mwCGMdmr.js";import{u as c,p as n,P as l}from"./p-DO-HSPrg.js";import{I as d,g as m,s as p,a as h,c as u,r as f}from"./p-xvH_X3js.js";import{d as b}from"./p-C3VyQE8n.js";const v=()=>`[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, #ef8625);--pami-surface-bg-end:var(--pami-material-crust-background-end, #fb8e28);--pami-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f);--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, #ffe9d1);--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, #ffddb8);--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, #ffc98e);--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, #ffb866);--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, #fcfcfc);--pami-surface-bg-end:var(--pami-material-crumb-background-end, #fffbf5);--pami-surface-dot-start:var(--pami-material-crumb-dot-start, #f9f1e7);--pami-surface-dot-end:var(--pami-material-crumb-dot-end, #fef9ef);--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, #342004);--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, #3b4f1a);--pami-surface-bg-end:var(--pami-material-olive-background-end, #2a3813);--pami-surface-dot-start:var(--pami-material-olive-dot-start, #607f1f);--pami-surface-dot-end:var(--pami-material-olive-dot-end, #556b2f);--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, #fcffeb);--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, #f4f7ea);--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, #eaf0d9);--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, #d8e2b6);--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, #c9d79e);--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, #2a3813);--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, #513018);--pami-surface-bg-end:var(--pami-material-bronze-background-end, #351c0a);--pami-surface-dot-start:var(--pami-material-bronze-dot-start, #996437);--pami-surface-dot-end:var(--pami-material-bronze-dot-end, #7d4d28);--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, #fef7ec);--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6);--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, #351c0a);--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_track-w:var(--pami-switch-track-width, max(28px, calc(52px + var(--md-sys-density-scale, 0) * 6px)));--_track-h:max(16px, calc(var(--pami-switch-track-height, 32px) + var(--md-sys-density-scale, 0) * 4px));--_track-border:2px;--_sl:calc(var(--_track-h) + 8px);--_handle-sel:var(--pami-switch-handle-size, calc(var(--_track-h) * 0.75));--_handle-unsel:calc(var(--_handle-sel) * 2 / 3);--_handle-press:calc(var(--_handle-sel) * 7 / 6);--_offset-unsel:calc(var(--_track-h) / 2 - var(--_sl) / 2 - var(--_track-border));--_offset-sel:calc(var(--_track-w) - var(--_track-h) / 2 - var(--_sl) / 2 - var(--_track-border));--_spring-spatial:var(--md-sys-motion-spring-spatial-fast-duration, 350ms)      var(--md-sys-motion-spring-spatial-fast-easing, cubic-bezier(0.42, 1.67, 0.21, 0.90));--_spring-effects:var(--md-sys-motion-spring-effects-fast-duration, 150ms)      var(--md-sys-motion-spring-effects-fast-easing, cubic-bezier(0.31, 0.94, 0.34, 1.00));--_track-color:var(--pami-switch-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_track-outline-color:var(--pami-switch-track-outline-color, var(--md-sys-color-outline, #79747E));--_handle-color:var(--pami-switch-handle-color, var(--md-sys-color-outline, #79747E));--_state-layer-color:var(--pami-switch-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_icon-color:var(--pami-switch-icon-color, var(--md-sys-color-surface-container-highest, #E6E0E9));display:inline-flex;align-items:center;justify-content:center;min-block-size:max(48px, var(--_track-h));inline-size:var(--_track-w);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;vertical-align:middle;flex-shrink:0}:host(.pami-switch--selected){--_track-color:var(--pami-switch-selected-track-color, var(--md-sys-color-primary, #6750A4));--_track-outline-color:var(--pami-switch-selected-track-color, var(--md-sys-color-primary, #6750A4));--_handle-color:var(--pami-switch-selected-handle-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--pami-switch-state-layer-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--pami-switch-selected-icon-color, var(--md-sys-color-on-primary-container, #21005D))}:host(:not(.pami-switch--selected):hover:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-on-surface-variant, #49454F);--_track-outline-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(:not(.pami-switch--selected):focus-visible:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-on-surface-variant, #49454F);--_track-outline-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(:not(.pami-switch--selected).pami-switch--pressed:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-on-surface-variant, #49454F);--_track-outline-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(.pami-switch--selected:hover:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-primary-container, #EADDFF)}:host(.pami-switch--selected:focus-visible:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-primary-container, #EADDFF)}:host(.pami-switch--selected.pami-switch--pressed:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-primary-container, #EADDFF)}.pami-switch__track{position:relative;inline-size:var(--_track-w);block-size:var(--_track-h);border-radius:var(--md-sys-shape-corner-full, 9999px);border:var(--_track-border) solid var(--_track-outline-color);background-color:var(--_track-color);box-sizing:border-box;transition:background-color var(--_spring-effects),      border-color var(--_spring-effects)}.pami-switch__track{isolation:isolate}.pami-switch__surface[data-surface]{position:absolute;inset:calc(var(--_track-border) * -1);z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-switch__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-switch-selected-track-color, transparent)}:host(.pami-switch--selected:not(.pami-switch--disabled)) .pami-switch__track{background-color:transparent;border-color:transparent}@media (forced-colors: active){.pami-switch__surface[data-surface]{display:none}:host(.pami-switch--selected:not(.pami-switch--disabled)) .pami-switch__track{background-color:Highlight;border-color:Highlight}}.pami-switch__handle-container{position:absolute;inset-block-start:50%;inset-inline-start:var(--_offset-unsel);inline-size:var(--_sl);block-size:var(--_sl);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:inset-inline-start var(--_spring-spatial);pointer-events:none}:host(.pami-switch--selected) .pami-switch__handle-container{inset-inline-start:var(--_offset-sel)}.pami-switch__state-layer{position:absolute;inset:0;border-radius:var(--md-sys-shape-corner-full, 9999px);background:var(--md-sys-pari-glow);opacity:0;transition:opacity var(--_spring-effects);pointer-events:none}:host(:hover:not(.pami-switch--disabled)) .pami-switch__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible:not(.pami-switch--disabled)) .pami-switch__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:active:not(.pami-switch--disabled)) .pami-switch__state-layer,:host(.pami-switch--pressed:not(.pami-switch--disabled)) .pami-switch__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.pami-switch__handle{position:relative;z-index:1;inline-size:var(--_handle-unsel);block-size:var(--_handle-unsel);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_handle-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:inline-size var(--_spring-spatial),      block-size var(--_spring-spatial),      background-color var(--_spring-effects)}:host(.pami-switch--selected) .pami-switch__handle{inline-size:var(--_handle-sel);block-size:var(--_handle-sel)}:host(.pami-switch--with-icon:not(.pami-switch--selected)) .pami-switch__handle{inline-size:var(--_handle-sel);block-size:var(--_handle-sel)}:host(.pami-switch--pressed:not(.pami-switch--disabled)) .pami-switch__handle{inline-size:var(--_handle-press);block-size:var(--_handle-press)}.pami-switch__icon{font-size:16px;inline-size:16px;block-size:16px;color:var(--_icon-color);pointer-events:none;line-height:1}.pami-switch__handle ::slotted(*){inline-size:16px;block-size:16px;font-size:16px;color:var(--_icon-color);pointer-events:none}pami-icon{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;-webkit-font-smoothing:antialiased}:host(:focus-visible:not([disabled])) .pami-switch__track,:host(.pami-switch--focus-ring:not([disabled])) .pami-switch__track{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--pami-switch-focus-ring-color, var(--md-sys-color-focus-ring, var(--md-sys-color-secondary)));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}:host(.pami-switch--disabled){cursor:default;pointer-events:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .pami-switch__state-layer{display:none}:host(.pami-switch--disabled:not(.pami-switch--selected)){--_track-color:color-mix(in srgb, var(--md-sys-color-surface-container-highest, #E6E0E9) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_track-outline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_handle-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-surface-container-highest, #E6E0E9) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-switch--disabled.pami-switch--selected){--_track-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_track-outline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_handle-color:var(--md-sys-color-surface, #FEF7FF);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-switch--disabled) .pami-switch__state-layer{display:none}@media (prefers-reduced-motion: reduce){.pami-switch__handle,.pami-switch__handle-container,.pami-switch__track,.pami-switch__state-layer{transition-duration:0.01ms !important}}@media (forced-colors: active){.pami-switch__track{border-color:CanvasText}.pami-switch__handle{background-color:CanvasText}.pami-switch__icon{color:Canvas}:host(.pami-switch--selected) .pami-switch__track{background-color:Highlight;border-color:Highlight}:host(.pami-switch--selected) .pami-switch__handle{background-color:HighlightText}:host(.pami-switch--selected) .pami-switch__icon{color:Highlight}:host(:focus-visible:not([disabled])) .pami-switch__track,:host(.pami-switch--focus-ring:not([disabled])) .pami-switch__track{outline-color:Highlight}:host(.pami-switch--disabled){opacity:0.5}}: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}.pami-switch__target{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_track-w);block-size:max(48px, var(--_track-h));flex-shrink:0}:host(.pami-switch--has-support){flex-direction:column;align-items:flex-start;block-size:auto;overflow:visible;border-radius:0}.pami-switch__support{display:block;margin-block-start:2px;margin-inline-start:0;inline-size:max-content;max-inline-size:min(60ch, calc(100vw - 48px));overflow-wrap:anywhere;font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--md-sys-color-error, #B3261E)}:host([hidden]){display:none !important}`;const g=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.pamiInput=t(this,"pamiInput",7);this.pamiChange=t(this,"pamiChange",6);this.pamiValidityChange=t(this,"pamiValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please turn this on if you want to proceed.";this.customValidityMessage="";this.uid=o("pami-switch");this.validationMessage="";this.validationPresenter=new d({host:()=>this.el,validity:()=>m(this.internals),message:a=>{this.validationMessage=a},focus:()=>this.setFocus()});this.selected=false;this.disabled=false;this.softDisabled=false;this.required=false;this.name="";this.value="on";this.icons=false;this.showOnlySelectedIcon=false;this.selectedIcon="check";this.unselectedIcon="close";this.density=0;this.pressed=false;this.programmaticFocus=false;this.initialSelected=false;this.lastValidityKey=null;this.toggle=()=>{if(this.isDisabled)return;const a=!this.selected;const e=this.pamiInput.emit({selected:a});if(e.defaultPrevented)return;this.selected=a;this.pamiChange.emit({selected:this.selected})};this.handleKeyDown=a=>{if(this.isDisabled)return;if(a.key===" "){a.preventDefault();if(a.repeat)return;this.pressed=true;this.toggle();setTimeout((()=>{this.pressed=false}),150)}};this.handlePointerDown=()=>{if(!this.isDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false};this.handleBlur=()=>{this.programmaticFocus=false}}resetValidationPresentation(){this.validationPresenter.reset()}handleInvalid(a){this.validationPresenter.handleInvalid(a)}disconnectedCallback(){c(this.el)}componentDidRender(){n(this.el);if(this.internals&&"ariaDescribedByElements"in this.internals){this.internals.ariaDescribedByElements=this.supportEl?[this.supportEl]:[]}}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){this.initialSelected=this.selected;this.syncFormValue()}onValueChange(){this.syncFormValue()}formDisabledCallback(a){if(a)queueMicrotask((()=>this.validationPresenter.reset()))}formResetCallback(){this.validationPresenter.reset();this.selected=this.initialSelected}async setFocus(){this.programmaticFocus=true;this.el.focus()}syncFormValue(){p(this.internals,this.selected?this.value:null);this.syncValidity()}syncValidity(){h(this.internals,{missing:this.required&&!this.selected,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.validationPresenter.refresh();this.emitValidityChange()}async getValidity(){return m(this.internals)}emitValidityChange(){const a=m(this.internals);const e=`${a.valid}|${a.validationMessage}`;if(this.lastValidityKey===e)return;const t=this.lastValidityKey!==null;this.lastValidityKey=e;if(t)this.pamiValidityChange.emit(a)}async checkValidity(){return u(this.internals)}async reportValidity(){return f(this.internals)}async setCustomValidity(a){this.customValidityMessage=a;this.syncValidity()}render(){const a=this.icons||this.showOnlySelectedIcon;const e=this.icons;const t=this.selected?a:e;return s(i,{key:"84acc05fc66300956d3e0039b8eec1e201ae59de",role:"switch","aria-invalid":this.validationMessage?"true":undefined,"aria-checked":String(this.selected),"aria-disabled":this.isDisabled?"true":null,"aria-required":this.required?"true":null,tabindex:this.disabled?"-1":"0",class:{"pami-switch":true,"pami-switch--selected":this.selected,"pami-switch--disabled":this.disabled||this.softDisabled,"pami-switch--pressed":this.pressed,"pami-switch--with-icon":t,"pami-switch--focus-ring":this.programmaticFocus,"pami-switch--has-support":!!this.validationMessage},onClick:this.toggle,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerUp:this.handlePointerUp,onPointerLeave:this.handlePointerUp,onPointerCancel:this.handlePointerUp,onBlur:this.handleBlur},s("span",{key:"be2bc1c8792d514760abf417eee14b8031a64d1b",class:"pami-switch__target"},s("div",{key:"60a54d4f827f81e2e82b3bf8a5293f035c2e681e",class:"pami-switch__track",part:"track"},this.selected&&!this.isDisabled&&s("span",{key:"31d0f03b01333e6377f499a1e43aaf34611210d7",class:"pami-switch__surface","data-surface":"crust:control","aria-hidden":"true"},s(l,{key:"781d2cfd376340d708852e5658c41c0419e71d45"})),s("div",{key:"3d7dfb9ef770e6d602cbfc4ca24adbadec1b9a2e",class:"pami-switch__handle-container"},s("span",{key:"112eee3597faede68c3fdf84e434cb7d85547b59",class:"pami-switch__state-layer",part:"state-layer","aria-hidden":"true"}),s("span",{key:"0ab38fe09d572b3d316f8383a2f8dd71a6f586db",class:"pami-switch__handle",part:"handle"},t&&(this.selected?s("slot",{name:"selected-icon"},s("pami-icon",{class:"pami-switch__icon",part:"icon","aria-hidden":"true",name:this.selectedIcon})):s("slot",{name:"unselected-icon"},s("pami-icon",{class:"pami-switch__icon",part:"icon","aria-hidden":"true",name:this.unselectedIcon}))))))),this.validationMessage&&s("span",{key:"40de62c4d739722e1d094c7bb2898fa53a25a999",id:`${this.uid}-support`,ref:a=>{this.supportEl=a},class:"pami-switch__support",role:"alert"},this.validationMessage))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{name:[{resetValidationPresentation:0}],selected:[{onValueChange:0}],value:[{onValueChange:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}]}}static get style(){return v()}},[321,"pami-switch",{valueMissingLabel:[1,"value-missing-label"],selected:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],name:[513],value:[1],icons:[4],showOnlySelectedIcon:[4,"show-only-selected-icon"],selectedIcon:[1,"selected-icon"],unselectedIcon:[1,"unselected-icon"],density:[514],validationMessage:[32],pressed:[32],programmaticFocus:[32],setFocus:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[0,"invalid","handleInvalid"]],{name:[{resetValidationPresentation:0}],selected:[{onValueChange:0}],value:[{onValueChange:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}]}]);function y(){if(typeof customElements==="undefined"){return}const a=["pami-switch","pami-icon"];a.forEach((a=>{switch(a){case"pami-switch":if(!customElements.get(r(a))){customElements.define(r(a),g)}break;case"pami-icon":if(!customElements.get(r(a))){b()}break}}))}y();const _=g;const w=y;export{_ as PamiSwitch,w as defineCustomElement};
+import{p as a,H as e,c as t,h as s,d as i,t as r}from"./p-8mhkIT1t.js";import{c as o}from"./p-mwCGMdmr.js";import{u as c,p as n,P as l}from"./p-CKqNm_Q4.js";import{I as d,g as m,s as p,a as h,c as u,r as f}from"./p-xvH_X3js.js";import{d as b}from"./p-BHjV4ckR.js";const g=()=>`[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_track-w:var(--pami-switch-track-width, max(28px, calc(52px + var(--md-sys-density-scale, 0) * 6px)));--_track-h:max(16px, calc(var(--pami-switch-track-height, 32px) + var(--md-sys-density-scale, 0) * 4px));--_track-border:2px;--_sl:calc(var(--_track-h) + 8px);--_handle-sel:var(--pami-switch-handle-size, calc(var(--_track-h) * 0.75));--_handle-unsel:calc(var(--_handle-sel) * 2 / 3);--_handle-press:calc(var(--_handle-sel) * 7 / 6);--_offset-unsel:calc(var(--_track-h) / 2 - var(--_sl) / 2 - var(--_track-border));--_offset-sel:calc(var(--_track-w) - var(--_track-h) / 2 - var(--_sl) / 2 - var(--_track-border));--_spring-spatial:var(--md-sys-motion-spring-spatial-fast-duration, 350ms)      var(--md-sys-motion-spring-spatial-fast-easing, cubic-bezier(0.42, 1.67, 0.21, 0.90));--_spring-effects:var(--md-sys-motion-spring-effects-fast-duration, 150ms)      var(--md-sys-motion-spring-effects-fast-easing, cubic-bezier(0.31, 0.94, 0.34, 1.00));--_track-color:var(--pami-switch-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_track-outline-color:var(--pami-switch-track-outline-color, var(--md-sys-color-outline, #79747E));--_handle-color:var(--pami-switch-handle-color, var(--md-sys-color-outline, #79747E));--_state-layer-color:var(--pami-switch-state-layer-color, var(--md-sys-color-on-surface, #1C1B1F));--_icon-color:var(--pami-switch-icon-color, var(--md-sys-color-surface-container-highest, #E6E0E9));display:inline-flex;align-items:center;justify-content:center;min-block-size:max(48px, var(--_track-h));inline-size:var(--_track-w);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;vertical-align:middle;flex-shrink:0}:host(.pami-switch--selected){--_track-color:var(--pami-switch-selected-track-color, var(--md-sys-color-primary, #6750A4));--_track-outline-color:var(--pami-switch-selected-track-color, var(--md-sys-color-primary, #6750A4));--_handle-color:var(--pami-switch-selected-handle-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--pami-switch-state-layer-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--pami-switch-selected-icon-color, var(--md-sys-color-on-primary-container, #21005D))}:host(:not(.pami-switch--selected):hover:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-on-surface-variant, #49454F);--_track-outline-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(:not(.pami-switch--selected):focus-visible:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-on-surface-variant, #49454F);--_track-outline-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(:not(.pami-switch--selected).pami-switch--pressed:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-on-surface-variant, #49454F);--_track-outline-color:var(--md-sys-color-on-surface, #1C1B1F)}:host(.pami-switch--selected:hover:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-primary-container, #EADDFF)}:host(.pami-switch--selected:focus-visible:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-primary-container, #EADDFF)}:host(.pami-switch--selected.pami-switch--pressed:not(.pami-switch--disabled)){--_handle-color:var(--md-sys-color-primary-container, #EADDFF)}.pami-switch__track{position:relative;inline-size:var(--_track-w);block-size:var(--_track-h);border-radius:var(--md-sys-shape-corner-full, 9999px);border:var(--_track-border) solid var(--_track-outline-color);background-color:var(--_track-color);box-sizing:border-box;transition:background-color var(--_spring-effects),      border-color var(--_spring-effects)}.pami-switch__track{isolation:isolate}.pami-switch__surface[data-surface]{position:absolute;inset:calc(var(--_track-border) * -1);z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-switch__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-switch-selected-track-color, transparent)}:host(.pami-switch--selected:not(.pami-switch--disabled)) .pami-switch__track{background-color:transparent;border-color:transparent}@media (forced-colors: active){.pami-switch__surface[data-surface]{display:none}:host(.pami-switch--selected:not(.pami-switch--disabled)) .pami-switch__track{background-color:Highlight;border-color:Highlight}}.pami-switch__handle-container{position:absolute;inset-block-start:50%;inset-inline-start:var(--_offset-unsel);inline-size:var(--_sl);block-size:var(--_sl);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;transition:inset-inline-start var(--_spring-spatial);pointer-events:none}:host(.pami-switch--selected) .pami-switch__handle-container{inset-inline-start:var(--_offset-sel)}.pami-switch__state-layer{position:absolute;inset:0;border-radius:var(--md-sys-shape-corner-full, 9999px);background:var(--md-sys-pari-glow);opacity:0;transition:opacity var(--_spring-effects);pointer-events:none}:host(:hover:not(.pami-switch--disabled)) .pami-switch__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:focus-visible:not(.pami-switch--disabled)) .pami-switch__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:active:not(.pami-switch--disabled)) .pami-switch__state-layer,:host(.pami-switch--pressed:not(.pami-switch--disabled)) .pami-switch__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.pami-switch__handle{position:relative;z-index:1;inline-size:var(--_handle-unsel);block-size:var(--_handle-unsel);border-radius:var(--md-sys-shape-corner-full, 9999px);background-color:var(--_handle-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:inline-size var(--_spring-spatial),      block-size var(--_spring-spatial),      background-color var(--_spring-effects)}:host(.pami-switch--selected) .pami-switch__handle{inline-size:var(--_handle-sel);block-size:var(--_handle-sel)}:host(.pami-switch--with-icon:not(.pami-switch--selected)) .pami-switch__handle{inline-size:var(--_handle-sel);block-size:var(--_handle-sel)}:host(.pami-switch--pressed:not(.pami-switch--disabled)) .pami-switch__handle{inline-size:var(--_handle-press);block-size:var(--_handle-press)}.pami-switch__icon{font-size:16px;inline-size:16px;block-size:16px;color:var(--_icon-color);pointer-events:none;line-height:1}.pami-switch__handle ::slotted(*){inline-size:16px;block-size:16px;font-size:16px;color:var(--_icon-color);pointer-events:none}pami-icon{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;-webkit-font-smoothing:antialiased}:host(:focus-visible:not([disabled])) .pami-switch__track,:host(.pami-switch--focus-ring:not([disabled])) .pami-switch__track{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--pami-switch-focus-ring-color, var(--md-sys-color-focus-ring, var(--md-sys-color-secondary)));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}:host(.pami-switch--disabled){cursor:default;pointer-events:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .pami-switch__state-layer{display:none}:host(.pami-switch--disabled:not(.pami-switch--selected)){--_track-color:color-mix(in srgb, var(--md-sys-color-surface-container-highest, #E6E0E9) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_track-outline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_handle-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-surface-container-highest, #E6E0E9) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-switch--disabled.pami-switch--selected){--_track-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_track-outline-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_handle-color:var(--md-sys-color-surface, #FEF7FF);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-switch--disabled) .pami-switch__state-layer{display:none}@media (prefers-reduced-motion: reduce){.pami-switch__handle,.pami-switch__handle-container,.pami-switch__track,.pami-switch__state-layer{transition-duration:0.01ms !important}}@media (forced-colors: active){.pami-switch__track{border-color:CanvasText}.pami-switch__handle{background-color:CanvasText}.pami-switch__icon{color:Canvas}:host(.pami-switch--selected) .pami-switch__track{background-color:Highlight;border-color:Highlight}:host(.pami-switch--selected) .pami-switch__handle{background-color:HighlightText}:host(.pami-switch--selected) .pami-switch__icon{color:Highlight}:host(:focus-visible:not([disabled])) .pami-switch__track,:host(.pami-switch--focus-ring:not([disabled])) .pami-switch__track{outline-color:Highlight}:host(.pami-switch--disabled){opacity:0.5}}: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}.pami-switch__target{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_track-w);block-size:max(48px, var(--_track-h));flex-shrink:0}:host(.pami-switch--has-support){flex-direction:column;align-items:flex-start;block-size:auto;overflow:visible;border-radius:0}.pami-switch__support{display:block;margin-block-start:2px;margin-inline-start:0;inline-size:max-content;max-inline-size:min(60ch, calc(100vw - 48px));overflow-wrap:anywhere;font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--md-sys-color-error, #B3261E)}:host([hidden]){display:none !important}`;const v=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.pamiInput=t(this,"pamiInput",7);this.pamiChange=t(this,"pamiChange",6);this.pamiValidityChange=t(this,"pamiValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please turn this on if you want to proceed.";this.customValidityMessage="";this.uid=o("pami-switch");this.validationMessage="";this.validationPresenter=new d({host:()=>this.el,validity:()=>m(this.internals),message:a=>{this.validationMessage=a},focus:()=>this.setFocus()});this.selected=false;this.disabled=false;this.softDisabled=false;this.required=false;this.name="";this.value="on";this.icons=false;this.showOnlySelectedIcon=false;this.selectedIcon="check";this.unselectedIcon="close";this.density=0;this.pressed=false;this.programmaticFocus=false;this.initialSelected=false;this.lastValidityKey=null;this.toggle=()=>{if(this.isDisabled)return;const a=!this.selected;const e=this.pamiInput.emit({selected:a});if(e.defaultPrevented)return;this.selected=a;this.pamiChange.emit({selected:this.selected})};this.handleKeyDown=a=>{if(this.isDisabled)return;if(a.key===" "){a.preventDefault();if(a.repeat)return;this.pressed=true;this.toggle();setTimeout((()=>{this.pressed=false}),150)}};this.handlePointerDown=()=>{if(!this.isDisabled)this.pressed=true};this.handlePointerUp=()=>{this.pressed=false};this.handleBlur=()=>{this.programmaticFocus=false}}resetValidationPresentation(){this.validationPresenter.reset()}handleInvalid(a){this.validationPresenter.handleInvalid(a)}disconnectedCallback(){c(this.el)}componentDidRender(){n(this.el);if(this.internals&&"ariaDescribedByElements"in this.internals){this.internals.ariaDescribedByElements=this.supportEl?[this.supportEl]:[]}}get isDisabled(){return this.disabled||this.softDisabled}componentWillLoad(){this.initialSelected=this.selected;this.syncFormValue()}onValueChange(){this.syncFormValue()}formDisabledCallback(a){if(a)queueMicrotask((()=>this.validationPresenter.reset()))}formResetCallback(){this.validationPresenter.reset();this.selected=this.initialSelected}async setFocus(){this.programmaticFocus=true;this.el.focus()}syncFormValue(){p(this.internals,this.selected?this.value:null);this.syncValidity()}syncValidity(){h(this.internals,{missing:this.required&&!this.selected,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.validationPresenter.refresh();this.emitValidityChange()}async getValidity(){return m(this.internals)}emitValidityChange(){const a=m(this.internals);const e=`${a.valid}|${a.validationMessage}`;if(this.lastValidityKey===e)return;const t=this.lastValidityKey!==null;this.lastValidityKey=e;if(t)this.pamiValidityChange.emit(a)}async checkValidity(){return u(this.internals)}async reportValidity(){return f(this.internals)}async setCustomValidity(a){this.customValidityMessage=a;this.syncValidity()}render(){const a=this.icons||this.showOnlySelectedIcon;const e=this.icons;const t=this.selected?a:e;return s(i,{key:"feb785b1aa86eb4305bd1a2b06edb253a8eb0e9a",role:"switch","aria-invalid":this.validationMessage?"true":undefined,"aria-checked":String(this.selected),"aria-disabled":this.isDisabled?"true":null,"aria-required":this.required?"true":null,tabindex:this.disabled?"-1":"0",class:{"pami-switch":true,"pami-switch--selected":this.selected,"pami-switch--disabled":this.disabled||this.softDisabled,"pami-switch--pressed":this.pressed,"pami-switch--with-icon":t,"pami-switch--focus-ring":this.programmaticFocus,"pami-switch--has-support":!!this.validationMessage},onClick:this.toggle,onKeyDown:this.handleKeyDown,onPointerDown:this.handlePointerDown,onPointerUp:this.handlePointerUp,onPointerLeave:this.handlePointerUp,onPointerCancel:this.handlePointerUp,onBlur:this.handleBlur},s("span",{key:"870d1ffa081d09e6b1159810b335277a7cb3c52a",class:"pami-switch__target"},s("div",{key:"ef89b6b733784b15c08808f8c0dc464c03ae97cb",class:"pami-switch__track",part:"track"},this.selected&&!this.isDisabled&&s("span",{key:"dc184b0c9baf29ae8ce9669580a556359e01edef",class:"pami-switch__surface","data-surface":"crust:control","aria-hidden":"true"},s(l,{key:"b05e699b810373fbeb637a640793a11471f92965"})),s("div",{key:"2123ed2a858053624a9519d94bcb483b2c9b21e3",class:"pami-switch__handle-container"},s("span",{key:"780d57c167a64cf85d94d4f1e4d479be19c501f8",class:"pami-switch__state-layer",part:"state-layer","aria-hidden":"true"}),s("span",{key:"2ee25255ab0cd20b0ec4e1f920dbd704723cbb5d",class:"pami-switch__handle",part:"handle"},t&&(this.selected?s("slot",{name:"selected-icon"},s("pami-icon",{class:"pami-switch__icon",part:"icon","aria-hidden":"true",name:this.selectedIcon})):s("slot",{name:"unselected-icon"},s("pami-icon",{class:"pami-switch__icon",part:"icon","aria-hidden":"true",name:this.unselectedIcon}))))))),this.validationMessage&&s("span",{key:"4d4ea5976821750a3820368c357737e498d07747",id:`${this.uid}-support`,ref:a=>{this.supportEl=a},class:"pami-switch__support",role:"alert"},this.validationMessage))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{name:[{resetValidationPresentation:0}],selected:[{onValueChange:0}],value:[{onValueChange:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}]}}static get style(){return g()}},[321,"pami-switch",{valueMissingLabel:[1,"value-missing-label"],selected:[1540],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],name:[513],value:[1],icons:[4],showOnlySelectedIcon:[4,"show-only-selected-icon"],selectedIcon:[1,"selected-icon"],unselectedIcon:[1,"unselected-icon"],density:[514],validationMessage:[32],pressed:[32],programmaticFocus:[32],setFocus:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[0,"invalid","handleInvalid"]],{name:[{resetValidationPresentation:0}],selected:[{onValueChange:0}],value:[{onValueChange:0}],required:[{syncValidity:0}],valueMissingLabel:[{syncValidity:0}]}]);function y(){if(typeof customElements==="undefined"){return}const a=["pami-switch","pami-icon"];a.forEach((a=>{switch(a){case"pami-switch":if(!customElements.get(r(a))){customElements.define(r(a),v)}break;case"pami-icon":if(!customElements.get(r(a))){b()}break}}))}y();const _=v;const w=y;export{_ as PamiSwitch,w as defineCustomElement};
 //# sourceMappingURL=pami-switch.js.map

package/dist/components/pami-switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["pamiSwitchCss","PamiSwitch","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","valueMissingLabel","customValidityMessage","uid","createId","validationMessage","validationPresenter","InlineValidationPresenter","host","el","validity","getValidityOf","internals","message","focus","setFocus","selected","disabled","softDisabled","required","name","value","icons","showOnlySelectedIcon","selectedIcon","unselectedIcon","density","pressed","programmaticFocus","initialSelected","lastValidityKey","toggle","isDisabled","proposed","inputEvent","pamiInput","emit","defaultPrevented","pamiChange","handleKeyDown","e","key","preventDefault","repeat","setTimeout","handlePointerDown","handlePointerUp","handleBlur","resetValidationPresentation","reset","handleInvalid","event","disconnectedCallback","unpaintSurfaces","componentDidRender","paintSurfaces","ariaDescribedByElements","supportEl","componentWillLoad","syncFormValue","onValueChange","formDisabledCallback","queueMicrotask","formResetCallback","setFormValue","syncValidity","setValidityState","missing","missingMessage","customMessage","refresh","emitValidityChange","getValidity","v","valid","primed","pamiValidityChange","checkValidity","checkValidityOf","reportValidity","reportValidityOf","setCustomValidity","render","showSelectedIcon","showUnselectedIcon","showIcon","h","Host","role","undefined","String","tabindex","class","onClick","onKeyDown","onPointerDown","onPointerUp","onPointerLeave","onPointerCancel","onBlur","part","PamiDots","id","ref"],"sources":["../sources/a07a8cfea7266ac4d91ddba727ff98397e26838bf8da826060703a3648d55667/pami-switch.css_tag_pami-switch_encapsulation_shadow","../sources/606c224d3869e11fa2e8dc49dbc75dd31e0c1bc17bd26319d8f788cb9ed009d9/pami-switch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pamiSwitchCss","PamiSwitch","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","valueMissingLabel","customValidityMessage","uid","createId","validationMessage","validationPresenter","InlineValidationPresenter","host","el","validity","getValidityOf","internals","message","focus","setFocus","selected","disabled","softDisabled","required","name","value","icons","showOnlySelectedIcon","selectedIcon","unselectedIcon","density","pressed","programmaticFocus","initialSelected","lastValidityKey","toggle","isDisabled","proposed","inputEvent","pamiInput","emit","defaultPrevented","pamiChange","handleKeyDown","e","key","preventDefault","repeat","setTimeout","handlePointerDown","handlePointerUp","handleBlur","resetValidationPresentation","reset","handleInvalid","event","disconnectedCallback","unpaintSurfaces","componentDidRender","paintSurfaces","ariaDescribedByElements","supportEl","componentWillLoad","syncFormValue","onValueChange","formDisabledCallback","queueMicrotask","formResetCallback","setFormValue","syncValidity","setValidityState","missing","missingMessage","customMessage","refresh","emitValidityChange","getValidity","v","valid","primed","pamiValidityChange","checkValidity","checkValidityOf","reportValidity","reportValidityOf","setCustomValidity","render","showSelectedIcon","showUnselectedIcon","showIcon","h","Host","role","undefined","String","tabindex","class","onClick","onKeyDown","onPointerDown","onPointerUp","onPointerLeave","onPointerCancel","onBlur","part","PamiDots","id","ref"],"sources":["../sources/a07a8cfea7266ac4d91ddba727ff98397e26838bf8da826060703a3648d55667/pami-switch.css_tag_pami-switch_encapsulation_shadow","../sources/606c224d3869e11fa2e8dc49dbc75dd31e0c1bc17bd26319d8f788cb9ed009d9/pami-switch.tsx"],"mappings":"wQAAA,MAAMA,EAAgB,IAAM,u1qB,MCsCfC,EAAUC,EAAA,MAAAD,UAAAE,EANvB,WAAAC,CAAAC,G,2OAoB8CC,KAAAC,kBAC1C,8CAGMD,KAAAE,sBAAwB,GAExBF,KAAAG,IAAMC,EAAS,eACNJ,KAAAK,kBAAoB,GAE7BL,KAAAM,oBAAsB,IAAIC,EAA0B,CAC1DC,KAAM,IAAMR,KAAKS,GACjBC,SAAU,IAAMC,EAAcX,KAAKY,WACnCC,QAAUA,IAAcb,KAAKK,kBAAoBQ,CAAO,EACxDC,MAAO,IAAMd,KAAKe,aAqCoBf,KAAAgB,SAAoB,MAGnChB,KAAAiB,SAAoB,MAGQjB,KAAAkB,aAAwB,MAGpDlB,KAAAmB,SAAoB,MAGpBnB,KAAAoB,KAAe,GAGhCpB,KAAAqB,MAAgB,KAGhBrB,KAAAsB,MAAiB,MAGuBtB,KAAAuB,qBAAgC,MAI1CvB,KAAAwB,aAAuB,QAIrBxB,KAAAyB,eAAyB,QAOxCzB,KAAA0B,QAAiC,EAgCzC1B,KAAA2B,QAAU,MAEV3B,KAAA4B,kBAAoB,MAE7B5B,KAAA6B,gBAAkB,MAgGlB7B,KAAA8B,gBAAiC,KAuCjC9B,KAAA+B,OAAS,KACf,GAAI/B,KAAKgC,WAAY,OAErB,MAAMC,GAAYjC,KAAKgB,SAEvB,MAAMkB,EAAalC,KAAKmC,UAAUC,KAAK,CAAEpB,SAAUiB,IACnD,GAAIC,EAAWG,iBAAkB,OAEjCrC,KAAKgB,SAAWiB,EAChBjC,KAAKsC,WAAWF,KAAK,CAAEpB,SAAUhB,KAAKgB,UAAW,EAG3ChB,KAAAuC,cAAiBC,IACvB,GAAIxC,KAAKgC,WAAY,OAGrB,GAAIQ,EAAEC,MAAQ,IAAK,CACjBD,EAAEE,iBACF,GAAIF,EAAEG,OAAQ,OACd3C,KAAK2B,QAAU,KACf3B,KAAK+B,SACLa,YAAW,KAAQ5C,KAAK2B,QAAU,KAAK,GAAK,I,GAIxC3B,KAAA6C,kBAAoB,KAC1B,IAAK7C,KAAKgC,WAAYhC,KAAK2B,QAAU,IAAI,EAGnC3B,KAAA8C,gBAAkB,KACxB9C,KAAK2B,QAAU,KAAK,EAGd3B,KAAA+C,WAAa,KACnB/C,KAAK4B,kBAAoB,KAAK,CAuEjC,CAzVC,2BAAAoB,GACEhD,KAAKM,oBAAoB2C,O,CAI3B,aAAAC,CAAcC,GACZnD,KAAKM,oBAAoB4C,cAAcC,E,CAGzC,oBAAAC,GACEC,EAAgBrD,KAAKS,G,CAGvB,kBAAA6C,GACEC,EAAcvD,KAAKS,IAGnB,GAAIT,KAAKY,WAAa,4BAA6BZ,KAAKY,UAAW,CACjEZ,KAAKY,UAAU4C,wBAA0BxD,KAAKyD,UAAY,CAACzD,KAAKyD,WAAa,E,EAyFjF,cAAYzB,GACV,OAAOhC,KAAKiB,UAAYjB,KAAKkB,Y,CAS/B,iBAAAwC,GACE1D,KAAK6B,gBAAkB7B,KAAKgB,SAC5BhB,KAAK2D,e,CAKP,aAAAC,GACE5D,KAAK2D,e,CAIP,oBAAAE,CAAqB5C,GACnB,GAAIA,EAAU6C,gBAAe,IAAM9D,KAAKM,oBAAoB2C,S,CAG9D,iBAAAc,GACE/D,KAAKM,oBAAoB2C,QACzBjD,KAAKgB,SAAWhB,KAAK6B,e,CAOvB,cAAMd,GACJf,KAAK4B,kBAAoB,KACzB5B,KAAKS,GAAGK,O,CAKF,aAAA6C,GACNK,EAAahE,KAAKY,UAAWZ,KAAKgB,SAAWhB,KAAKqB,MAAQ,MAC1DrB,KAAKiE,c,CAYC,YAAAA,GACNC,EAAiBlE,KAAKY,UAAW,CAC/BuD,QAASnE,KAAKmB,WAAanB,KAAKgB,SAChCoD,eAAgBpE,KAAKC,kBACrBoE,cAAerE,KAAKE,wBAEtBF,KAAKM,oBAAoBgE,UACzBtE,KAAKuE,oB,CAKP,iBAAMC,GAKJ,OAAO7D,EAAcX,KAAKY,U,CA+BpB,kBAAA2D,GACN,MAAME,EAAI9D,EAAcX,KAAKY,WAC7B,MAAM6B,EAAM,GAAGgC,EAAEC,SAASD,EAAEpE,oBAC5B,GAAIL,KAAK8B,kBAAoBW,EAAK,OAClC,MAAMkC,EAAS3E,KAAK8B,kBAAoB,KACxC9B,KAAK8B,gBAAkBW,EACvB,GAAIkC,EAAQ3E,KAAK4E,mBAAmBxC,KAAKqC,E,CAK3C,mBAAMI,GACJ,OAAOC,EAAgB9E,KAAKY,U,CAK9B,oBAAMmE,GACJ,OAAOC,EAAiBhF,KAAKY,U,CAM/B,uBAAMqE,CAAkBpE,GACtBb,KAAKE,sBAAwBW,EAC7Bb,KAAKiE,c,CA0CP,MAAAiB,GACE,MAAMC,EAAmBnF,KAAKsB,OAAStB,KAAKuB,qBAC5C,MAAM6D,EAAqBpF,KAAKsB,MAChC,MAAM+D,EAAWrF,KAAKgB,SAAWmE,EAAmBC,EAEpD,OACEE,EAACC,EAAI,CAAA9C,IAAA,2CACH+C,KAAK,SAAQ,eACCxF,KAAKK,kBAAoB,OAASoF,UAAS,eAC3CC,OAAO1F,KAAKgB,UAAS,gBACpBhB,KAAKgC,WAAa,OAAS,KAAI,gBAC/BhC,KAAKmB,SAAW,OAAS,KACxCwE,SAAU3F,KAAKiB,SAAW,KAAO,IACjC2E,MAAO,CACL,cAAe,KACf,wBAAyB5F,KAAKgB,SAC9B,wBAAyBhB,KAAKiB,UAAYjB,KAAKkB,aAC/C,uBAAwBlB,KAAK2B,QAC7B,yBAA0B0D,EAC1B,0BAA2BrF,KAAK4B,kBAChC,6BAA8B5B,KAAKK,mBAErCwF,QAAS7F,KAAK+B,OACd+D,UAAW9F,KAAKuC,cAChBwD,cAAe/F,KAAK6C,kBACpBmD,YAAahG,KAAK8C,gBAClBmD,eAAgBjG,KAAK8C,gBACrBoD,gBAAiBlG,KAAK8C,gBACtBqD,OAAQnG,KAAK+C,YAEbuC,EAAA,QAAA7C,IAAA,2CAAMmD,MAAM,uBACVN,EAAA,OAAA7C,IAAA,2CAAKmD,MAAM,qBAAqBQ,KAAK,SAClCpG,KAAKgB,WAAahB,KAAKgC,YACtBsD,EAAA,QAAA7C,IAAA,2CAAMmD,MAAM,uBAAsB,eAAc,gBAAe,cAAa,QAC1EN,EAACe,EAAQ,CAAA5D,IAAA,8CAGb6C,EAAA,OAAA7C,IAAA,2CAAKmD,MAAM,iCACTN,EAAA,QAAA7C,IAAA,2CAAMmD,MAAM,2BAA2BQ,KAAK,cAAa,cAAa,SACtEd,EAAA,QAAA7C,IAAA,2CAAMmD,MAAM,sBAAsBQ,KAAK,UACpCf,IAAarF,KAAKgB,SACjBsE,EAAA,QAAMlE,KAAK,iBACTkE,EAAA,aAAWM,MAAM,oBAAoBQ,KAAK,OAAM,cAAa,OAAOhF,KAAMpB,KAAKwB,gBAGjF8D,EAAA,QAAMlE,KAAK,mBACTkE,EAAA,aAAWM,MAAM,oBAAoBQ,KAAK,OAAM,cAAa,OAAOhF,KAAMpB,KAAKyB,uBAO1FzB,KAAKK,mBACJiF,EAAA,QAAA7C,IAAA,2CACE6D,GAAI,GAAGtG,KAAKG,cACZoG,IAAM9F,IAAST,KAAKyD,UAAYhD,CAAE,EAClCmF,MAAM,uBACNJ,KAAK,SAEJxF,KAAKK,mB","ignoreList":[]}