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

package/dist/components-csr/pami-app-bar.js

@@ -1,2 +1,2 @@
-import{p as a,H as e,c as i,h as r,d as t,t as s}from"./p-DWUVTT3s.js";import{u as n,p,P as o}from"./p-D8TTB-lO.js";import{d as l}from"./p-wjnroiZn.js";import{d as c}from"./p-BN5fTT2p.js";import{d}from"./p-DVtt3xax.js";const m=()=>`[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{--_container-color:var(--pami-app-bar-container-color, var(--pami-material-crust-soft-background-start, #FFE9D1));--_container-color-scrolled:var(      --pami-app-bar-container-color-scrolled,      var(--pami-material-crust-soft-background-end, #FFDDB8)    );--_container-shape:var(--pami-app-bar-container-shape, var(--md-sys-shape-corner-none));--_headline-color:var(--pami-app-bar-headline-color, var(--md-sys-color-on-surface));--_subtitle-color:var(--pami-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant));--_leading-icon-color:var(--pami-app-bar-leading-icon-color, var(--md-sys-color-on-surface));--_trailing-icon-color:var(--pami-app-bar-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_container-elevation:var(--pami-app-bar-container-elevation, var(--md-sys-elevation-0));--_padding-inline-start:var(      --pami-app-bar-padding-inline-start,      var(--pami-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))    );--_padding-inline-end:var(      --pami-app-bar-padding-inline-end,      var(--pami-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))    );--_icon-gap:var(--pami-app-bar-icon-gap, 0px);--_row-height:var(--pami-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_icon-button-size:var(--pami-app-bar-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_trailing-icon-touch-size:var(--pami-app-bar-trailing-icon-touch-size, var(--_icon-button-size));--_trailing-gap:var(--pami-app-bar-trailing-gap, 2px);--_row-padding-block-start:var(--pami-app-bar-row-padding-block-start, 0px);--_icon-size:var(--pami-app-bar-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size-handoff:var(--_icon-size);--_avatar-size:var(--pami-app-bar-avatar-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_expanded-padding-inline:var(--pami-app-bar-expanded-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_expanded-padding-block-end:var(--pami-app-bar-expanded-padding-block-end, var(--md-sys-spacing-inset-xl, 24px));--_search-container-color:var(      --pami-app-bar-search-container-color,      var(--md-sys-color-surface-container-highest)    );--_search-container-color-scrolled:var(      --pami-app-bar-search-container-color-scrolled,      var(--md-sys-color-surface-container)    );--_search-container-shape:var(      --pami-app-bar-search-container-shape,      var(--md-sys-shape-corner-full)    );--_search-container-height:var(--pami-app-bar-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_search-padding-inline-start:var(--pami-app-bar-search-padding-inline-start, var(--md-sys-spacing-inset-xl, 24px));--_search-padding-inline-end:var(--pami-app-bar-search-padding-inline-end, var(--md-sys-spacing-inset-sm, 8px));--_search-row-gap:var(--pami-app-bar-search-row-gap, var(--md-sys-spacing-gap-sm, 8px));--_search-trailing-gap:var(--pami-app-bar-search-trailing-gap, var(--md-sys-spacing-gap-xs, 4px));--_search-field-trailing-gap:var(--pami-app-bar-search-field-trailing-gap, 6px);--_trailing-touch-size:var(--pami-app-bar-trailing-touch-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_search-placeholder-color:var(      --pami-app-bar-search-placeholder-color,      var(--md-sys-color-on-surface-variant)    );--_search-input-color:var(      --pami-app-bar-search-input-color,      var(--md-sys-color-on-surface)    );--_search-trailing-icon-color:var(      --pami-app-bar-search-trailing-icon-color,      var(--md-sys-color-on-surface-variant)    );display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box;border-radius:var(--_container-shape);background-color:var(--_container-color);color:var(--_headline-color);box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-app-bar, 100);position:sticky;inset-block-start:0;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),      box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}: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(.pami-app-bar--auto-hide){transition:translate var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-app-bar--hidden){translate:0 -100%}@media (prefers-reduced-motion: reduce){:host(.pami-app-bar--auto-hide){transition:none}}:host(.pami-app-bar--scrolled){background-color:var(--_container-color-scrolled)}:host(.pami-app-bar--scrolled) .pami-app-bar__search{background-color:var(--_search-container-color-scrolled)}:host(.pami-app-bar--flexible){display:flex;flex-direction:column;min-block-size:var(--_flex-expanded-height)}:host(.pami-app-bar--medium){--_flex-expanded-height:var(--pami-app-bar-medium-height, calc(112px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:var(--md-sys-spacing-inset-xl, 24px)}:host(.pami-app-bar--medium.pami-app-bar--with-subtitle){--_flex-expanded-height:var(--pami-app-bar-medium-height-with-subtitle, calc(136px + var(--md-sys-density-scale, 0) * 4px))}:host(.pami-app-bar--large){--_flex-expanded-height:var(--pami-app-bar-large-height, calc(120px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:28px}:host(.pami-app-bar--large:not(.pami-app-bar--search)){--_row-padding-block-start:var(--pami-app-bar-row-padding-block-start, 20px)}:host(.pami-app-bar--large.pami-app-bar--with-subtitle){--_flex-expanded-height:var(--pami-app-bar-large-height-with-subtitle, calc(152px + var(--md-sys-density-scale, 0) * 4px))}.pami-app-bar__row{display:flex;align-items:center;flex-shrink:0;block-size:var(--_row-height);min-block-size:var(--_row-height);padding-inline-start:var(--_padding-inline-start);padding-inline-end:var(--_padding-inline-end);padding-block-start:var(--_row-padding-block-start);gap:var(--_icon-gap)}:host(.pami-app-bar--large:not(.pami-app-bar--search)) .pami-app-bar__row{align-items:flex-start}:host(.pami-app-bar--center:not(.pami-app-bar--search)) .pami-app-bar__row{display:grid;grid-template-columns:minmax(var(--_icon-button-size), 1fr) minmax(0, auto) minmax(        var(--_icon-button-size),        1fr      );align-items:center;column-gap:var(--_icon-gap)}.pami-app-bar__leading,.pami-app-bar__trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:0;color:var(--_leading-icon-color)}:host(.pami-app-bar--center:not(.pami-app-bar--search)) .pami-app-bar__leading{justify-self:start}.pami-app-bar__trailing{color:var(--_trailing-icon-color);margin-inline-start:auto;gap:var(--_trailing-gap)}:host(.pami-app-bar--center:not(.pami-app-bar--search)) .pami-app-bar__trailing{justify-self:end;margin-inline-start:0}.pami-app-bar__headline-inline{display:flex;flex-direction:column;justify-content:center;flex:1;min-inline-size:0;padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.pami-app-bar--center) .pami-app-bar__headline-inline{flex:unset;justify-self:center;align-items:center;text-align:center;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.pami-app-bar--flexible) .pami-app-bar__headline-inline{opacity:0;pointer-events:none}.pami-app-bar__title{min-inline-size:0;font-family:var(--md-sys-typescale-title-large-font-family);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_headline-color)}.pami-app-bar__expanded{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:var(--_expanded-padding-inline);padding-block-end:var(--_expanded-padding-block-end);min-block-size:0;overflow:hidden}:host(.pami-app-bar--center) .pami-app-bar__expanded{align-items:center;text-align:center}:host(.pami-app-bar--medium) .pami-app-bar__expanded-headline,:host(.pami-app-bar--large) .pami-app-bar__expanded-headline{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing);color:var(--_headline-color)}.pami-app-bar__subtitle{margin-block-start:2px;font-family:var(--md-sys-typescale-label-large-font-family);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);color:var(--_subtitle-color)}:host(.pami-app-bar--large) .pami-app-bar__expanded .pami-app-bar__subtitle{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}:host(.pami-app-bar--search){container-type:inline-size}.pami-app-bar__row--search{flex-shrink:0;gap:var(--_search-row-gap)}:host(.pami-app-bar--search) .pami-app-bar__leading{min-inline-size:var(--_icon-button-size)}:host(.pami-app-bar--search) .pami-app-bar__trailing{margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:var(--_trailing-touch-size);min-block-size:var(--_trailing-touch-size)}:host(.pami-app-bar--search) .pami-app-bar__search-input,:host(.pami-app-bar--search) .pami-app-bar__search-content{text-align:start}:host(.pami-app-bar--search:not(.pami-app-bar--center)) .pami-app-bar__search-field{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.pami-app-bar--search:not(.pami-app-bar--center)) .pami-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.pami-app-bar--search:not(.pami-app-bar--center)) .pami-app-bar__search-field:has(.pami-app-bar__search-input){padding-inline-start:0}:host(.pami-app-bar--search.pami-app-bar--center) .pami-app-bar__search-field{padding-inline-start:0;padding-inline-end:0}:host(.pami-app-bar--search.pami-app-bar--center) .pami-app-bar__search-input::placeholder{text-align:center}:host(.pami-app-bar--search.pami-app-bar--center) .pami-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:max(12px, var(--_search-padding-inline-start))}.pami-app-bar__search-host{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:visible}.pami-app-bar__search{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:1 1 auto;inline-size:100%;min-inline-size:0;margin-inline:0;align-self:center;block-size:var(--_search-container-height);padding-inline-start:0;padding-inline-end:0;gap:var(--_icon-gap);border-radius:var(--_search-container-shape);background-color:var(--_search-container-color);color:var(--_search-input-color);cursor:text;overflow:hidden;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),      box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.pami-app-bar__search:focus-within{overflow:visible}.pami-app-bar__search>pami-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--pami-ripple-grow-duration:var(--md-sys-motion-duration-short2);--pami-ripple-grow-easing:var(--md-sys-motion-easing-standard);--pami-ripple-extend-inline:0px}.pami-app-bar__search-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--_search-input-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard)}.pami-app-bar__search:hover .pami-app-bar__search-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity)}.pami-app-bar__search:active .pami-app-bar__search-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.pami-app-bar__search--focus-ring{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}.pami-app-bar__search-field{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:1;padding-inline:0}.pami-app-bar__search-input{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;border:0;outline:0;background:transparent;color:var(--_search-input-color);font-family:var(--md-sys-typescale-body-large-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing);padding-block:0;padding-inline-end:0;padding-inline-start:0;margin:0;text-indent:0;box-sizing:border-box;appearance:none}.pami-app-bar__search-input::placeholder{color:var(--_search-placeholder-color);opacity:1}.pami-app-bar__search-input:disabled{cursor:not-allowed}.pami-app-bar__search-content{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}::slotted([slot='search']){inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}.pami-app-bar__search-trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--_search-trailing-gap);color:var(--_search-trailing-icon-color);position:relative;z-index:2;padding-inline:0;margin-inline:0}:host(.pami-app-bar--with-search-trailing) .pami-app-bar__search{padding-inline-end:var(--_search-padding-inline-end)}:host(.pami-app-bar--with-search-trailing) .pami-app-bar__search-trailing{margin-inline-start:var(--_search-field-trailing-gap)}::slotted([slot='search-trailing']){color:var(--_search-trailing-icon-color)}:host(.pami-app-bar--search) ::slotted([slot='trailing']){color:var(--_trailing-icon-color)}:host(.pami-app-bar--search-disabled) .pami-app-bar__search,:host(.pami-app-bar--search) .pami-app-bar__search:has(.pami-app-bar__search-input:disabled){cursor:not-allowed;opacity:0.38}:host(.pami-app-bar--search-disabled) .pami-app-bar__search-state-layer,:host(.pami-app-bar--search) .pami-app-bar__search:has(.pami-app-bar__search-input:disabled) .pami-app-bar__search-state-layer{display:none}@media (prefers-reduced-motion: reduce){.pami-app-bar__search{transition-duration:0.01ms !important}}@container (max-width: 599px){:host(.pami-app-bar--search:not(.pami-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.pami-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@container (max-width: 399px){:host(.pami-app-bar--search:not(.pami-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}@media (max-width: 599px){:host(.pami-app-bar--search:not(.pami-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.pami-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@media (max-width: 399px){:host(.pami-app-bar--search:not(.pami-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}.pami-app-bar__leading-button{flex-shrink:0;--pami-icon-button-icon-size:var(--_icon-size-handoff);--pami-icon-button-container-width:var(--_icon-button-size);--pami-icon-button-container-height:var(--_icon-button-size);--pami-icon-button-icon-color:var(--_leading-icon-color);--pami-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='leading']),::slotted([slot='trailing']),::slotted([slot='search-trailing']){flex-shrink:0;--pami-icon-button-icon-size:var(--_icon-size-handoff);--pami-icon-button-container-width:var(--_icon-button-size);--pami-icon-button-container-height:var(--_icon-button-size)}::slotted([slot='leading']){--pami-icon-button-icon-color:var(--_leading-icon-color);--pami-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='trailing']){--pami-icon-button-icon-color:var(--_trailing-icon-color);--pami-icon-button-state-layer-color:var(--_trailing-icon-color);--pami-avatar-size:var(--_avatar-size)}::slotted([slot='trailing'][hidden]){display:none !important}::slotted([slot='search-trailing']){--pami-icon-button-icon-color:var(--_search-trailing-icon-color);--pami-icon-button-state-layer-color:var(--_search-trailing-icon-color)}:host-context([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host-context([dir='rtl']) .pami-app-bar__leading-button[data-directional],:host([dir='rtl']) .pami-app-bar__leading-button[data-directional]{transform:scaleX(-1)}:host([hidden]){display:none !important}:host{isolation:isolate}.pami-app-bar__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}`;const h=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.pamiLeadingClick=i(this,"pamiLeadingClick",7);this.pamiSearchActivate=i(this,"pamiSearchActivate",7);this.pamiSearchInput=i(this,"pamiSearchInput",7);this.variant="small";this.titleAlignment="start";this.searchPlaceholder="Search";this.searchValue="";this.searchAriaLabel="";this.searchDisabled=false;this.headline="";this.subtitle="";this.scrolled=false;this.scrollBehavior="hide";this.scrollTarget="";this.density=0;this.leadingIcon="";this.leadingIconLabel="";this.hasSlottedLeading=false;this.hasSlottedHeadline=false;this.hasSlottedSubtitle=false;this.hasSlottedSearch=false;this.hasSlottedSearchTrailing=false;this.searchFocused=false;this.searchKeyboardModality=false;this.scrollHidden=false;this.scrolledAuto=false;this.lastOffset=0;this.scrollRun=0;this.scrollCounter=0;this.scrollToggledAt=0;this.scrollTicking=false;this.onScroll=()=>{if(this.scrollTicking)return;this.scrollTicking=true;requestAnimationFrame((()=>{this.scrollTicking=false;const a=this.scrollOffset();const e=a-this.lastOffset;this.lastOffset=a;this.scrolledAuto=a>0;if(e===0)return;if(a<=this.el.offsetHeight||this.el.matches(":focus-within")){this.setScrollHidden(false);return}if(this.scrollRun===0||Math.sign(e)===Math.sign(this.scrollRun)){this.scrollRun+=e;this.scrollCounter=0}else{this.scrollCounter+=e;if(Math.abs(this.scrollCounter)>3){this.scrollRun=this.scrollCounter;this.scrollCounter=0}}if(performance.now()-this.scrollToggledAt<350)return;if(this.scrollRun<=-24)this.setScrollHidden(false);else if(this.scrollRun>=40&&this.el.getBoundingClientRect().top<=1)this.setScrollHidden(true)}))};this.revealForFocus=()=>{if(this.scrollHidden)this.scrollHidden=false};this.trackSearchKeyboardModality=()=>{this.searchKeyboardModality=true};this.trackSearchPointerModality=()=>{this.searchKeyboardModality=false};this.handleSearchContainerClick=()=>{if(this.searchDisabled)return;this.searchInput?.focus()};this.handleSearchInput=a=>{const e=a.target.value;this.searchValue=e;this.pamiSearchInput.emit({value:e})};this.handleSearchFocus=()=>{if(this.searchDisabled)return;this.searchFocused=true;this.emitSearchActivate()};this.handleSearchBlur=()=>{this.searchFocused=false};this.handleSearchKeyDown=a=>{if(this.searchDisabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();this.emitSearchActivate()}}}connectedCallback(){if(typeof document==="undefined")return;document.addEventListener("keydown",this.trackSearchKeyboardModality,true);document.addEventListener("pointerdown",this.trackSearchPointerModality,true)}bindScroll(){this.unbindScroll();if(typeof window==="undefined"||this.scrollBehavior==="none"){this.scrollHidden=false;this.scrolledAuto=false;return}const a=this.scrollTarget?document.querySelector(this.scrollTarget):null;this.scrollSource=a??window;this.lastOffset=this.scrollOffset();this.scrollSource.addEventListener("scroll",this.onScroll,{passive:true})}unbindScroll(){this.scrollSource?.removeEventListener("scroll",this.onScroll);this.scrollSource=undefined}scrollOffset(){const a=this.scrollSource;return Math.max(0,!a||a===window?window.scrollY:a.scrollTop)}setScrollHidden(a){if(this.scrollHidden===a)return;this.scrollHidden=a;this.scrollRun=0;this.scrollCounter=0;this.scrollToggledAt=performance.now()}disconnectedCallback(){if(typeof document==="undefined")return;document.removeEventListener("keydown",this.trackSearchKeyboardModality,true);document.removeEventListener("pointerdown",this.trackSearchPointerModality,true);this.unbindScroll();n(this.el)}componentDidRender(){p(this.el)}componentWillLoad(){this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null;this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null;this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null;this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null;this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null}componentDidLoad(){this.bindScroll();const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="leading"]');const i=a.querySelector('slot[name="headline"]');const r=a.querySelector('slot[name="subtitle"]');const t=a.querySelector('slot[name="search"]');const s=a.querySelector('slot[name="search-trailing"]');const n=a.querySelector('slot[name="trailing"]');const p=()=>{this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null||(e?.assignedElements().length??0)>0};const o=()=>{this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null||(i?.assignedElements().length??0)>0};const l=()=>{this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null||(r?.assignedElements().length??0)>0};const c=()=>{this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null||(t?.assignedElements().length??0)>0};const d=()=>{this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null||(s?.assignedElements().length??0)>0};const m=()=>this.enforceTrailingSlotLimit(n);e?.addEventListener("slotchange",p);i?.addEventListener("slotchange",o);r?.addEventListener("slotchange",l);t?.addEventListener("slotchange",c);s?.addEventListener("slotchange",d);n?.addEventListener("slotchange",m);m()}enforceTrailingSlotLimit(e){const i=e?.assignedElements({flatten:true})??[];if(i.length>a.MAX_TRAILING_ICONS){console.warn(`[pami-app-bar] The trailing slot supports at most ${a.MAX_TRAILING_ICONS} action icons; `+`${i.length} were provided. Icons beyond the limit are hidden.`)}i.forEach(((e,i)=>{const r=e;if(i>=a.MAX_TRAILING_ICONS){r.hidden=true}else if(r.hidden){r.hidden=false}}))}isFlexible(){return this.variant==="medium"||this.variant==="large"}isSearchVariant(){return this.variant==="search"}hasHeadlineContent(){return Boolean(this.headline)||this.hasSlottedHeadline}effectiveSearchLabel(){return this.searchAriaLabel||this.searchPlaceholder||"Search"}emitSearchActivate(){if(this.searchDisabled)return;this.pamiSearchActivate.emit({value:this.searchValue})}hasSubtitleContent(){return Boolean(this.subtitle)||this.hasSlottedSubtitle}renderLeadingFallback(){const a=Boolean(this.leadingIcon)&&!this.hasSlottedLeading;if(!a)return null;return r("pami-icon-button",{class:"pami-app-bar__leading-button",exportparts:"icon, state-layer",part:"leading-icon",icon:this.leadingIcon,variant:"standard",size:"md",buttonWidth:"narrow","aria-label":this.leadingIconLabel||undefined,onClick:a=>this.pamiLeadingClick.emit(a)})}renderInlineHeadline(){const a=this.isFlexible();const e=this.headline?r("span",{class:"pami-app-bar__title",part:"title"},this.headline):a?null:this.hasSlottedHeadline?r("span",{class:"pami-app-bar__title",part:"title"},r("slot",{name:"headline"})):null;const i=!this.hasSubtitleContent()?null:this.subtitle?r("span",{class:"pami-app-bar__subtitle pami-app-bar__subtitle--inline",part:"subtitle"},this.subtitle):a?null:r("span",{class:"pami-app-bar__subtitle pami-app-bar__subtitle--inline",part:"subtitle"},r("slot",{name:"subtitle"}));if(!e&&!i)return null;return r("span",{class:"pami-app-bar__headline-inline","aria-hidden":a?"true":null},e,i)}renderExpandedHeadline(){if(this.headline){return r("span",{class:"pami-app-bar__expanded-headline",part:"expanded-headline"},this.headline)}return r("span",{class:"pami-app-bar__expanded-headline",part:"expanded-headline"},r("slot",{name:"headline"}))}renderExpandedSubtitle(){if(this.subtitle){return r("span",{class:"pami-app-bar__subtitle",part:"subtitle"},this.subtitle)}return r("span",{class:"pami-app-bar__subtitle",part:"subtitle"},r("slot",{name:"subtitle"}))}renderSearchField(){return r("div",{class:"pami-app-bar__search-host",part:"search-host"},r("div",{class:{"pami-app-bar__search":true,"pami-app-bar__search--focused":this.searchFocused,"pami-app-bar__search--focus-ring":this.searchFocused&&this.searchKeyboardModality},part:"search",onClick:this.handleSearchContainerClick},!this.searchDisabled&&r("pami-ripple",{disabled:this.searchDisabled}),r("span",{class:"pami-app-bar__search-state-layer",part:"search-state-layer","aria-hidden":"true"}),this.hasSlottedSearch?r("span",{class:"pami-app-bar__search-field",part:"search-field"},r("span",{class:"pami-app-bar__search-content",part:"search-content"},r("slot",{name:"search"}))):r("span",{class:"pami-app-bar__search-field",part:"search-field"},r("input",{ref:a=>this.searchInput=a,class:"pami-app-bar__search-input",part:"search-input",type:"text",inputMode:"search",enterKeyHint:"search",role:"searchbox",value:this.searchValue,placeholder:this.searchPlaceholder,disabled:this.searchDisabled,"aria-label":this.effectiveSearchLabel(),autocomplete:"off",spellcheck:false,onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown})),r("span",{class:"pami-app-bar__search-trailing",part:"search-trailing"},r("slot",{name:"search-trailing"}))))}renderSearchTop(){return r("div",{class:"pami-app-bar__row pami-app-bar__row--search",part:"row"},r("span",{class:"pami-app-bar__leading",part:"leading"},r("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderSearchField(),r("span",{class:"pami-app-bar__trailing",part:"trailing"},r("slot",{name:"trailing"})))}renderTop(){if(this.isSearchVariant()){return this.renderSearchTop()}const a=this.isFlexible();return[r("div",{class:"pami-app-bar__row",part:"row"},r("span",{class:"pami-app-bar__leading",part:"leading"},r("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderInlineHeadline(),r("span",{class:"pami-app-bar__trailing",part:"trailing"},r("slot",{name:"trailing"}))),a&&r("div",{class:"pami-app-bar__expanded",part:"expanded"},this.renderExpandedHeadline(),this.hasSubtitleContent()&&this.renderExpandedSubtitle())]}render(){const a=this.isFlexible();const e=this.isSearchVariant();const i=this.titleAlignment==="center";return r(t,{key:"fd5793425029452e6e60e0a10642f712239ff6ed",class:{"pami-app-bar":true,[`pami-app-bar--${this.variant}`]:true,"pami-app-bar--flexible":a,"pami-app-bar--center":i,"pami-app-bar--search":e,"pami-app-bar--with-subtitle":!e&&this.hasSubtitleContent(),"pami-app-bar--search-focused":e&&this.searchFocused,"pami-app-bar--search-disabled":e&&this.searchDisabled,"pami-app-bar--with-search-trailing":e&&this.hasSlottedSearchTrailing,"pami-app-bar--scrolled":this.scrolled||this.scrolledAuto,"pami-app-bar--auto-hide":this.scrollBehavior==="hide","pami-app-bar--hidden":this.scrollHidden,[`pami-app-bar--density${this.density}`]:this.density!==0},role:"banner",onFocusin:this.revealForFocus},r("span",{key:"2e146d65581ae3be9158e0928fd041617f90dd4f",class:"pami-app-bar__surface","data-surface":"crust-soft:surface","aria-hidden":"true"},r(o,{key:"628d0525fa938f0b56db17e7ed3798cf96c507e6"})),this.renderTop())}get el(){return this}static get watchers(){return{scrollBehavior:[{bindScroll:0}],scrollTarget:[{bindScroll:0}]}}static get style(){return m()}},[257,"pami-app-bar",{variant:[513],titleAlignment:[513,"title-alignment"],searchPlaceholder:[1,"search-placeholder"],searchValue:[1537,"search-value"],searchAriaLabel:[1,"search-aria-label"],searchDisabled:[516,"search-disabled"],headline:[513],subtitle:[513],scrolled:[516],scrollBehavior:[513,"scroll-behavior"],scrollTarget:[1,"scroll-target"],density:[514],leadingIcon:[1,"leading-icon"],leadingIconLabel:[1,"leading-icon-label"],hasSlottedLeading:[32],hasSlottedHeadline:[32],hasSlottedSubtitle:[32],hasSlottedSearch:[32],hasSlottedSearchTrailing:[32],searchFocused:[32],searchKeyboardModality:[32],scrollHidden:[32],scrolledAuto:[32]},undefined,{scrollBehavior:[{bindScroll:0}],scrollTarget:[{bindScroll:0}]}]);h.MAX_TRAILING_ICONS=3;function b(){if(typeof customElements==="undefined"){return}const a=["pami-app-bar","pami-icon","pami-icon-button","pami-ripple"];a.forEach((a=>{switch(a){case"pami-app-bar":if(!customElements.get(s(a))){customElements.define(s(a),h)}break;case"pami-icon":if(!customElements.get(s(a))){l()}break;case"pami-icon-button":if(!customElements.get(s(a))){c()}break;case"pami-ripple":if(!customElements.get(s(a))){d()}break}}))}b();const u=h;const g=b;export{u as PamiAppBar,g as defineCustomElement};
+import{p as a,H as e,c as i,h as r,d as t,t as s}from"./p-DWUVTT3s.js";import{u as n,p,P as o}from"./p-DbpI0Jma.js";import{d as l}from"./p-CYTOzIlz.js";import{d as c}from"./p-C7-2STYZ.js";import{d}from"./p-DqlfsJFI.js";const m=()=>`[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{--_container-color:var(--pami-app-bar-container-color, var(--pami-material-crust-soft-background-start, #FFE9D1));--_container-color-scrolled:var(      --pami-app-bar-container-color-scrolled,      var(--pami-material-crust-soft-background-end, #FFDDB8)    );--_container-shape:var(--pami-app-bar-container-shape, var(--md-sys-shape-corner-none));--_headline-color:var(--pami-app-bar-headline-color, var(--md-sys-color-on-surface));--_subtitle-color:var(--pami-app-bar-subtitle-color, var(--md-sys-color-on-surface-variant));--_leading-icon-color:var(--pami-app-bar-leading-icon-color, var(--md-sys-color-on-surface));--_trailing-icon-color:var(--pami-app-bar-trailing-icon-color, var(--md-sys-color-on-surface-variant));--_container-elevation:var(--pami-app-bar-container-elevation, var(--md-sys-elevation-0));--_padding-inline-start:var(      --pami-app-bar-padding-inline-start,      var(--pami-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))    );--_padding-inline-end:var(      --pami-app-bar-padding-inline-end,      var(--pami-app-bar-row-padding-inline, var(--md-sys-spacing-inset-xs, 4px))    );--_icon-gap:var(--pami-app-bar-icon-gap, 0px);--_row-height:var(--pami-app-bar-row-height, max(48px, calc(64px + var(--md-sys-density-scale, 0) * 4px)));--_icon-button-size:var(--pami-app-bar-icon-button-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_trailing-icon-touch-size:var(--pami-app-bar-trailing-icon-touch-size, var(--_icon-button-size));--_trailing-gap:var(--pami-app-bar-trailing-gap, 2px);--_row-padding-block-start:var(--pami-app-bar-row-padding-block-start, 0px);--_icon-size:var(--pami-app-bar-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_icon-size-handoff:var(--_icon-size);--_avatar-size:var(--pami-app-bar-avatar-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_expanded-padding-inline:var(--pami-app-bar-expanded-padding-inline, var(--md-sys-spacing-inset-lg, 16px));--_expanded-padding-block-end:var(--pami-app-bar-expanded-padding-block-end, var(--md-sys-spacing-inset-xl, 24px));--_search-container-color:var(      --pami-app-bar-search-container-color,      var(--md-sys-color-surface-container-highest)    );--_search-container-color-scrolled:var(      --pami-app-bar-search-container-color-scrolled,      var(--md-sys-color-surface-container)    );--_search-container-shape:var(      --pami-app-bar-search-container-shape,      var(--md-sys-shape-corner-full)    );--_search-container-height:var(--pami-app-bar-search-container-height, max(40px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_search-padding-inline-start:var(--pami-app-bar-search-padding-inline-start, var(--md-sys-spacing-inset-xl, 24px));--_search-padding-inline-end:var(--pami-app-bar-search-padding-inline-end, var(--md-sys-spacing-inset-sm, 8px));--_search-row-gap:var(--pami-app-bar-search-row-gap, var(--md-sys-spacing-gap-sm, 8px));--_search-trailing-gap:var(--pami-app-bar-search-trailing-gap, var(--md-sys-spacing-gap-xs, 4px));--_search-field-trailing-gap:var(--pami-app-bar-search-field-trailing-gap, 6px);--_trailing-touch-size:var(--pami-app-bar-trailing-touch-size, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)));--_search-placeholder-color:var(      --pami-app-bar-search-placeholder-color,      var(--md-sys-color-on-surface-variant)    );--_search-input-color:var(      --pami-app-bar-search-input-color,      var(--md-sys-color-on-surface)    );--_search-trailing-icon-color:var(      --pami-app-bar-search-trailing-icon-color,      var(--md-sys-color-on-surface-variant)    );display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box;border-radius:var(--_container-shape);background-color:var(--_container-color);color:var(--_headline-color);box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-app-bar, 100);position:sticky;inset-block-start:0;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),      box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}: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(.pami-app-bar--auto-hide){transition:translate var(--md-sys-motion-duration-medium2, 300ms) var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-app-bar--hidden){translate:0 -100%}@media (prefers-reduced-motion: reduce){:host(.pami-app-bar--auto-hide){transition:none}}:host(.pami-app-bar--scrolled){background-color:var(--_container-color-scrolled)}:host(.pami-app-bar--scrolled) .pami-app-bar__search{background-color:var(--_search-container-color-scrolled)}:host(.pami-app-bar--flexible){display:flex;flex-direction:column;min-block-size:var(--_flex-expanded-height)}:host(.pami-app-bar--medium){--_flex-expanded-height:var(--pami-app-bar-medium-height, calc(112px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:var(--md-sys-spacing-inset-xl, 24px)}:host(.pami-app-bar--medium.pami-app-bar--with-subtitle){--_flex-expanded-height:var(--pami-app-bar-medium-height-with-subtitle, calc(136px + var(--md-sys-density-scale, 0) * 4px))}:host(.pami-app-bar--large){--_flex-expanded-height:var(--pami-app-bar-large-height, calc(120px + var(--md-sys-density-scale, 0) * 4px));--_expanded-padding-block-end:28px}:host(.pami-app-bar--large:not(.pami-app-bar--search)){--_row-padding-block-start:var(--pami-app-bar-row-padding-block-start, 20px)}:host(.pami-app-bar--large.pami-app-bar--with-subtitle){--_flex-expanded-height:var(--pami-app-bar-large-height-with-subtitle, calc(152px + var(--md-sys-density-scale, 0) * 4px))}.pami-app-bar__row{display:flex;align-items:center;flex-shrink:0;block-size:var(--_row-height);min-block-size:var(--_row-height);padding-inline-start:var(--_padding-inline-start);padding-inline-end:var(--_padding-inline-end);padding-block-start:var(--_row-padding-block-start);gap:var(--_icon-gap)}:host(.pami-app-bar--large:not(.pami-app-bar--search)) .pami-app-bar__row{align-items:flex-start}:host(.pami-app-bar--center:not(.pami-app-bar--search)) .pami-app-bar__row{display:grid;grid-template-columns:minmax(var(--_icon-button-size), 1fr) minmax(0, auto) minmax(        var(--_icon-button-size),        1fr      );align-items:center;column-gap:var(--_icon-gap)}.pami-app-bar__leading,.pami-app-bar__trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:0;color:var(--_leading-icon-color)}:host(.pami-app-bar--center:not(.pami-app-bar--search)) .pami-app-bar__leading{justify-self:start}.pami-app-bar__trailing{color:var(--_trailing-icon-color);margin-inline-start:auto;gap:var(--_trailing-gap)}:host(.pami-app-bar--center:not(.pami-app-bar--search)) .pami-app-bar__trailing{justify-self:end;margin-inline-start:0}.pami-app-bar__headline-inline{display:flex;flex-direction:column;justify-content:center;flex:1;min-inline-size:0;padding-inline:var(--md-sys-spacing-inset-md, 12px)}:host(.pami-app-bar--center) .pami-app-bar__headline-inline{flex:unset;justify-self:center;align-items:center;text-align:center;padding-inline:var(--md-sys-spacing-inset-sm, 8px)}:host(.pami-app-bar--flexible) .pami-app-bar__headline-inline{opacity:0;pointer-events:none}.pami-app-bar__title{min-inline-size:0;font-family:var(--md-sys-typescale-title-large-font-family);font-size:max(16px, calc(22px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-large-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_headline-color)}.pami-app-bar__expanded{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-inline:var(--_expanded-padding-inline);padding-block-end:var(--_expanded-padding-block-end);min-block-size:0;overflow:hidden}:host(.pami-app-bar--center) .pami-app-bar__expanded{align-items:center;text-align:center}:host(.pami-app-bar--medium) .pami-app-bar__expanded-headline,:host(.pami-app-bar--large) .pami-app-bar__expanded-headline{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:max(22px, calc(28px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:max(28px, calc(36px + var(--md-sys-density-scale, 0) * 2px));letter-spacing:var(--md-sys-typescale-headline-medium-letter-spacing);color:var(--_headline-color)}.pami-app-bar__subtitle{margin-block-start:2px;font-family:var(--md-sys-typescale-label-large-font-family);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing);color:var(--_subtitle-color)}:host(.pami-app-bar--large) .pami-app-bar__expanded .pami-app-bar__subtitle{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing)}:host(.pami-app-bar--search){container-type:inline-size}.pami-app-bar__row--search{flex-shrink:0;gap:var(--_search-row-gap)}:host(.pami-app-bar--search) .pami-app-bar__leading{min-inline-size:var(--_icon-button-size)}:host(.pami-app-bar--search) .pami-app-bar__trailing{margin-inline-start:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-inline-size:var(--_trailing-touch-size);min-block-size:var(--_trailing-touch-size)}:host(.pami-app-bar--search) .pami-app-bar__search-input,:host(.pami-app-bar--search) .pami-app-bar__search-content{text-align:start}:host(.pami-app-bar--search:not(.pami-app-bar--center)) .pami-app-bar__search-field{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.pami-app-bar--search:not(.pami-app-bar--center)) .pami-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:0}:host(.pami-app-bar--search:not(.pami-app-bar--center)) .pami-app-bar__search-field:has(.pami-app-bar__search-input){padding-inline-start:0}:host(.pami-app-bar--search.pami-app-bar--center) .pami-app-bar__search-field{padding-inline-start:0;padding-inline-end:0}:host(.pami-app-bar--search.pami-app-bar--center) .pami-app-bar__search-input::placeholder{text-align:center}:host(.pami-app-bar--search.pami-app-bar--center) .pami-app-bar__search-input{padding-inline-start:max(12px, var(--_search-padding-inline-start));padding-inline-end:max(12px, var(--_search-padding-inline-start))}.pami-app-bar__search-host{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;align-self:stretch;justify-content:center;overflow:visible}.pami-app-bar__search{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:1 1 auto;inline-size:100%;min-inline-size:0;margin-inline:0;align-self:center;block-size:var(--_search-container-height);padding-inline-start:0;padding-inline-end:0;gap:var(--_icon-gap);border-radius:var(--_search-container-shape);background-color:var(--_search-container-color);color:var(--_search-input-color);cursor:text;overflow:hidden;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),      box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.pami-app-bar__search:focus-within{overflow:visible}.pami-app-bar__search>pami-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none;--pami-ripple-grow-duration:var(--md-sys-motion-duration-short2);--pami-ripple-grow-easing:var(--md-sys-motion-easing-standard);--pami-ripple-extend-inline:0px}.pami-app-bar__search-state-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--_search-input-color);opacity:0;transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard)}.pami-app-bar__search:hover .pami-app-bar__search-state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity)}.pami-app-bar__search:active .pami-app-bar__search-state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.pami-app-bar__search--focus-ring{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}.pami-app-bar__search-field{flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:1;padding-inline:0}.pami-app-bar__search-input{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;border:0;outline:0;background:transparent;color:var(--_search-input-color);font-family:var(--md-sys-typescale-body-large-font-family);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-large-letter-spacing);padding-block:0;padding-inline-end:0;padding-inline-start:0;margin:0;text-indent:0;box-sizing:border-box;appearance:none}.pami-app-bar__search-input::placeholder{color:var(--_search-placeholder-color);opacity:1}.pami-app-bar__search-input:disabled{cursor:not-allowed}.pami-app-bar__search-content{flex:1 1 auto;min-inline-size:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}::slotted([slot='search']){inline-size:100%;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-inline:0;margin:0}.pami-app-bar__search-trailing{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--_search-trailing-gap);color:var(--_search-trailing-icon-color);position:relative;z-index:2;padding-inline:0;margin-inline:0}:host(.pami-app-bar--with-search-trailing) .pami-app-bar__search{padding-inline-end:var(--_search-padding-inline-end)}:host(.pami-app-bar--with-search-trailing) .pami-app-bar__search-trailing{margin-inline-start:var(--_search-field-trailing-gap)}::slotted([slot='search-trailing']){color:var(--_search-trailing-icon-color)}:host(.pami-app-bar--search) ::slotted([slot='trailing']){color:var(--_trailing-icon-color)}:host(.pami-app-bar--search-disabled) .pami-app-bar__search,:host(.pami-app-bar--search) .pami-app-bar__search:has(.pami-app-bar__search-input:disabled){cursor:not-allowed;opacity:0.38}:host(.pami-app-bar--search-disabled) .pami-app-bar__search-state-layer,:host(.pami-app-bar--search) .pami-app-bar__search:has(.pami-app-bar__search-input:disabled) .pami-app-bar__search-state-layer{display:none}@media (prefers-reduced-motion: reduce){.pami-app-bar__search{transition-duration:0.01ms !important}}@container (max-width: 599px){:host(.pami-app-bar--search:not(.pami-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.pami-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@container (max-width: 399px){:host(.pami-app-bar--search:not(.pami-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}@media (max-width: 599px){:host(.pami-app-bar--search:not(.pami-app-bar--center)){--_search-padding-inline-start:min(16px, var(--_search-padding-inline-start))}:host(.pami-app-bar--search) ::slotted([slot='search-trailing']:not(:first-of-type):not([data-compact-keep])){display:none}}@media (max-width: 399px){:host(.pami-app-bar--search:not(.pami-app-bar--center)){--_search-padding-inline-start:min(12px, var(--_search-padding-inline-start))}}.pami-app-bar__leading-button{flex-shrink:0;--pami-icon-button-icon-size:var(--_icon-size-handoff);--pami-icon-button-container-width:var(--_icon-button-size);--pami-icon-button-container-height:var(--_icon-button-size);--pami-icon-button-icon-color:var(--_leading-icon-color);--pami-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='leading']),::slotted([slot='trailing']),::slotted([slot='search-trailing']){flex-shrink:0;--pami-icon-button-icon-size:var(--_icon-size-handoff);--pami-icon-button-container-width:var(--_icon-button-size);--pami-icon-button-container-height:var(--_icon-button-size)}::slotted([slot='leading']){--pami-icon-button-icon-color:var(--_leading-icon-color);--pami-icon-button-state-layer-color:var(--_leading-icon-color)}::slotted([slot='trailing']){--pami-icon-button-icon-color:var(--_trailing-icon-color);--pami-icon-button-state-layer-color:var(--_trailing-icon-color);--pami-avatar-size:var(--_avatar-size)}::slotted([slot='trailing'][hidden]){display:none !important}::slotted([slot='search-trailing']){--pami-icon-button-icon-color:var(--_search-trailing-icon-color);--pami-icon-button-state-layer-color:var(--_search-trailing-icon-color)}:host-context([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host([dir='rtl']) ::slotted([slot='leading'][data-directional]),:host-context([dir='rtl']) .pami-app-bar__leading-button[data-directional],:host([dir='rtl']) .pami-app-bar__leading-button[data-directional]{transform:scaleX(-1)}:host([hidden]){display:none !important}:host{isolation:isolate}.pami-app-bar__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}`;const h=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.pamiLeadingClick=i(this,"pamiLeadingClick",7);this.pamiSearchActivate=i(this,"pamiSearchActivate",7);this.pamiSearchInput=i(this,"pamiSearchInput",7);this.variant="small";this.titleAlignment="start";this.searchPlaceholder="Search";this.searchValue="";this.searchAriaLabel="";this.searchDisabled=false;this.headline="";this.subtitle="";this.scrolled=false;this.scrollBehavior="hide";this.scrollTarget="";this.density=0;this.leadingIcon="";this.leadingIconLabel="";this.hasSlottedLeading=false;this.hasSlottedHeadline=false;this.hasSlottedSubtitle=false;this.hasSlottedSearch=false;this.hasSlottedSearchTrailing=false;this.searchFocused=false;this.searchKeyboardModality=false;this.scrollHidden=false;this.scrolledAuto=false;this.lastOffset=0;this.scrollRun=0;this.scrollCounter=0;this.scrollToggledAt=0;this.scrollTicking=false;this.onScroll=()=>{if(this.scrollTicking)return;this.scrollTicking=true;requestAnimationFrame((()=>{this.scrollTicking=false;const a=this.scrollOffset();const e=a-this.lastOffset;this.lastOffset=a;this.scrolledAuto=a>0;if(e===0)return;if(a<=this.el.offsetHeight||this.el.matches(":focus-within")){this.setScrollHidden(false);return}if(this.scrollRun===0||Math.sign(e)===Math.sign(this.scrollRun)){this.scrollRun+=e;this.scrollCounter=0}else{this.scrollCounter+=e;if(Math.abs(this.scrollCounter)>3){this.scrollRun=this.scrollCounter;this.scrollCounter=0}}if(performance.now()-this.scrollToggledAt<350)return;if(this.scrollRun<=-24)this.setScrollHidden(false);else if(this.scrollRun>=40&&this.el.getBoundingClientRect().top<=1)this.setScrollHidden(true)}))};this.revealForFocus=()=>{if(this.scrollHidden)this.scrollHidden=false};this.trackSearchKeyboardModality=()=>{this.searchKeyboardModality=true};this.trackSearchPointerModality=()=>{this.searchKeyboardModality=false};this.handleSearchContainerClick=()=>{if(this.searchDisabled)return;this.searchInput?.focus()};this.handleSearchInput=a=>{const e=a.target.value;this.searchValue=e;this.pamiSearchInput.emit({value:e})};this.handleSearchFocus=()=>{if(this.searchDisabled)return;this.searchFocused=true;this.emitSearchActivate()};this.handleSearchBlur=()=>{this.searchFocused=false};this.handleSearchKeyDown=a=>{if(this.searchDisabled)return;if(a.key==="Enter"||a.key===" "){a.preventDefault();this.emitSearchActivate()}}}connectedCallback(){if(typeof document==="undefined")return;document.addEventListener("keydown",this.trackSearchKeyboardModality,true);document.addEventListener("pointerdown",this.trackSearchPointerModality,true)}bindScroll(){this.unbindScroll();if(typeof window==="undefined"||this.scrollBehavior==="none"){this.scrollHidden=false;this.scrolledAuto=false;return}const a=this.scrollTarget?document.querySelector(this.scrollTarget):null;this.scrollSource=a??window;this.lastOffset=this.scrollOffset();this.scrollSource.addEventListener("scroll",this.onScroll,{passive:true})}unbindScroll(){this.scrollSource?.removeEventListener("scroll",this.onScroll);this.scrollSource=undefined}scrollOffset(){const a=this.scrollSource;return Math.max(0,!a||a===window?window.scrollY:a.scrollTop)}setScrollHidden(a){if(this.scrollHidden===a)return;this.scrollHidden=a;this.scrollRun=0;this.scrollCounter=0;this.scrollToggledAt=performance.now()}disconnectedCallback(){if(typeof document==="undefined")return;document.removeEventListener("keydown",this.trackSearchKeyboardModality,true);document.removeEventListener("pointerdown",this.trackSearchPointerModality,true);this.unbindScroll();n(this.el)}componentDidRender(){p(this.el)}componentWillLoad(){this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null;this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null;this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null;this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null;this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null}componentDidLoad(){this.bindScroll();const a=this.el.shadowRoot;if(!a)return;const e=a.querySelector('slot[name="leading"]');const i=a.querySelector('slot[name="headline"]');const r=a.querySelector('slot[name="subtitle"]');const t=a.querySelector('slot[name="search"]');const s=a.querySelector('slot[name="search-trailing"]');const n=a.querySelector('slot[name="trailing"]');const p=()=>{this.hasSlottedLeading=this.el.querySelector('[slot="leading"]')!==null||(e?.assignedElements().length??0)>0};const o=()=>{this.hasSlottedHeadline=this.el.querySelector('[slot="headline"]')!==null||(i?.assignedElements().length??0)>0};const l=()=>{this.hasSlottedSubtitle=this.el.querySelector('[slot="subtitle"]')!==null||(r?.assignedElements().length??0)>0};const c=()=>{this.hasSlottedSearch=this.el.querySelector('[slot="search"]')!==null||(t?.assignedElements().length??0)>0};const d=()=>{this.hasSlottedSearchTrailing=this.el.querySelector('[slot="search-trailing"]')!==null||(s?.assignedElements().length??0)>0};const m=()=>this.enforceTrailingSlotLimit(n);e?.addEventListener("slotchange",p);i?.addEventListener("slotchange",o);r?.addEventListener("slotchange",l);t?.addEventListener("slotchange",c);s?.addEventListener("slotchange",d);n?.addEventListener("slotchange",m);m()}enforceTrailingSlotLimit(e){const i=e?.assignedElements({flatten:true})??[];if(i.length>a.MAX_TRAILING_ICONS){console.warn(`[pami-app-bar] The trailing slot supports at most ${a.MAX_TRAILING_ICONS} action icons; `+`${i.length} were provided. Icons beyond the limit are hidden.`)}i.forEach(((e,i)=>{const r=e;if(i>=a.MAX_TRAILING_ICONS){r.hidden=true}else if(r.hidden){r.hidden=false}}))}isFlexible(){return this.variant==="medium"||this.variant==="large"}isSearchVariant(){return this.variant==="search"}hasHeadlineContent(){return Boolean(this.headline)||this.hasSlottedHeadline}effectiveSearchLabel(){return this.searchAriaLabel||this.searchPlaceholder||"Search"}emitSearchActivate(){if(this.searchDisabled)return;this.pamiSearchActivate.emit({value:this.searchValue})}hasSubtitleContent(){return Boolean(this.subtitle)||this.hasSlottedSubtitle}renderLeadingFallback(){const a=Boolean(this.leadingIcon)&&!this.hasSlottedLeading;if(!a)return null;return r("pami-icon-button",{class:"pami-app-bar__leading-button",exportparts:"icon, state-layer",part:"leading-icon",icon:this.leadingIcon,variant:"standard",size:"md",buttonWidth:"narrow","aria-label":this.leadingIconLabel||undefined,onClick:a=>this.pamiLeadingClick.emit(a)})}renderInlineHeadline(){const a=this.isFlexible();const e=this.headline?r("span",{class:"pami-app-bar__title",part:"title"},this.headline):a?null:this.hasSlottedHeadline?r("span",{class:"pami-app-bar__title",part:"title"},r("slot",{name:"headline"})):null;const i=!this.hasSubtitleContent()?null:this.subtitle?r("span",{class:"pami-app-bar__subtitle pami-app-bar__subtitle--inline",part:"subtitle"},this.subtitle):a?null:r("span",{class:"pami-app-bar__subtitle pami-app-bar__subtitle--inline",part:"subtitle"},r("slot",{name:"subtitle"}));if(!e&&!i)return null;return r("span",{class:"pami-app-bar__headline-inline","aria-hidden":a?"true":null},e,i)}renderExpandedHeadline(){if(this.headline){return r("span",{class:"pami-app-bar__expanded-headline",part:"expanded-headline"},this.headline)}return r("span",{class:"pami-app-bar__expanded-headline",part:"expanded-headline"},r("slot",{name:"headline"}))}renderExpandedSubtitle(){if(this.subtitle){return r("span",{class:"pami-app-bar__subtitle",part:"subtitle"},this.subtitle)}return r("span",{class:"pami-app-bar__subtitle",part:"subtitle"},r("slot",{name:"subtitle"}))}renderSearchField(){return r("div",{class:"pami-app-bar__search-host",part:"search-host"},r("div",{class:{"pami-app-bar__search":true,"pami-app-bar__search--focused":this.searchFocused,"pami-app-bar__search--focus-ring":this.searchFocused&&this.searchKeyboardModality},part:"search",onClick:this.handleSearchContainerClick},!this.searchDisabled&&r("pami-ripple",{disabled:this.searchDisabled}),r("span",{class:"pami-app-bar__search-state-layer",part:"search-state-layer","aria-hidden":"true"}),this.hasSlottedSearch?r("span",{class:"pami-app-bar__search-field",part:"search-field"},r("span",{class:"pami-app-bar__search-content",part:"search-content"},r("slot",{name:"search"}))):r("span",{class:"pami-app-bar__search-field",part:"search-field"},r("input",{ref:a=>this.searchInput=a,class:"pami-app-bar__search-input",part:"search-input",type:"text",inputMode:"search",enterKeyHint:"search",role:"searchbox",value:this.searchValue,placeholder:this.searchPlaceholder,disabled:this.searchDisabled,"aria-label":this.effectiveSearchLabel(),autocomplete:"off",spellcheck:false,onInput:this.handleSearchInput,onFocus:this.handleSearchFocus,onBlur:this.handleSearchBlur,onKeyDown:this.handleSearchKeyDown})),r("span",{class:"pami-app-bar__search-trailing",part:"search-trailing"},r("slot",{name:"search-trailing"}))))}renderSearchTop(){return r("div",{class:"pami-app-bar__row pami-app-bar__row--search",part:"row"},r("span",{class:"pami-app-bar__leading",part:"leading"},r("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderSearchField(),r("span",{class:"pami-app-bar__trailing",part:"trailing"},r("slot",{name:"trailing"})))}renderTop(){if(this.isSearchVariant()){return this.renderSearchTop()}const a=this.isFlexible();return[r("div",{class:"pami-app-bar__row",part:"row"},r("span",{class:"pami-app-bar__leading",part:"leading"},r("slot",{name:"leading"}),this.renderLeadingFallback()),this.renderInlineHeadline(),r("span",{class:"pami-app-bar__trailing",part:"trailing"},r("slot",{name:"trailing"}))),a&&r("div",{class:"pami-app-bar__expanded",part:"expanded"},this.renderExpandedHeadline(),this.hasSubtitleContent()&&this.renderExpandedSubtitle())]}render(){const a=this.isFlexible();const e=this.isSearchVariant();const i=this.titleAlignment==="center";return r(t,{key:"fd5793425029452e6e60e0a10642f712239ff6ed",class:{"pami-app-bar":true,[`pami-app-bar--${this.variant}`]:true,"pami-app-bar--flexible":a,"pami-app-bar--center":i,"pami-app-bar--search":e,"pami-app-bar--with-subtitle":!e&&this.hasSubtitleContent(),"pami-app-bar--search-focused":e&&this.searchFocused,"pami-app-bar--search-disabled":e&&this.searchDisabled,"pami-app-bar--with-search-trailing":e&&this.hasSlottedSearchTrailing,"pami-app-bar--scrolled":this.scrolled||this.scrolledAuto,"pami-app-bar--auto-hide":this.scrollBehavior==="hide","pami-app-bar--hidden":this.scrollHidden,[`pami-app-bar--density${this.density}`]:this.density!==0},role:"banner",onFocusin:this.revealForFocus},r("span",{key:"2e146d65581ae3be9158e0928fd041617f90dd4f",class:"pami-app-bar__surface","data-surface":"crust-soft:surface","aria-hidden":"true"},r(o,{key:"628d0525fa938f0b56db17e7ed3798cf96c507e6"})),this.renderTop())}get el(){return this}static get watchers(){return{scrollBehavior:[{bindScroll:0}],scrollTarget:[{bindScroll:0}]}}static get style(){return m()}},[257,"pami-app-bar",{variant:[513],titleAlignment:[513,"title-alignment"],searchPlaceholder:[1,"search-placeholder"],searchValue:[1537,"search-value"],searchAriaLabel:[1,"search-aria-label"],searchDisabled:[516,"search-disabled"],headline:[513],subtitle:[513],scrolled:[516],scrollBehavior:[513,"scroll-behavior"],scrollTarget:[1,"scroll-target"],density:[514],leadingIcon:[1,"leading-icon"],leadingIconLabel:[1,"leading-icon-label"],hasSlottedLeading:[32],hasSlottedHeadline:[32],hasSlottedSubtitle:[32],hasSlottedSearch:[32],hasSlottedSearchTrailing:[32],searchFocused:[32],searchKeyboardModality:[32],scrollHidden:[32],scrolledAuto:[32]},undefined,{scrollBehavior:[{bindScroll:0}],scrollTarget:[{bindScroll:0}]}]);h.MAX_TRAILING_ICONS=3;function b(){if(typeof customElements==="undefined"){return}const a=["pami-app-bar","pami-icon","pami-icon-button","pami-ripple"];a.forEach((a=>{switch(a){case"pami-app-bar":if(!customElements.get(s(a))){customElements.define(s(a),h)}break;case"pami-icon":if(!customElements.get(s(a))){l()}break;case"pami-icon-button":if(!customElements.get(s(a))){c()}break;case"pami-ripple":if(!customElements.get(s(a))){d()}break}}))}b();const g=h;const u=b;export{g as PamiAppBar,u as defineCustomElement};
 //# sourceMappingURL=pami-app-bar.js.map

package/dist/components-csr/pami-app-bar.js.map

@@ -1 +1 @@
-{"version":3,"names":["pamiAppBarCss","PamiAppBar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","titleAlignment","searchPlaceholder","searchValue","searchAriaLabel","searchDisabled","headline","subtitle","scrolled","scrollBehavior","scrollTarget","density","leadingIcon","leadingIconLabel","hasSlottedLeading","hasSlottedHeadline","hasSlottedSubtitle","hasSlottedSearch","hasSlottedSearchTrailing","searchFocused","searchKeyboardModality","scrollHidden","scrolledAuto","lastOffset","scrollRun","scrollCounter","scrollToggledAt","scrollTicking","onScroll","requestAnimationFrame","offset","scrollOffset","delta","el","offsetHeight","matches","setScrollHidden","Math","sign","abs","performance","now","getBoundingClientRect","top","revealForFocus","trackSearchKeyboardModality","trackSearchPointerModality","handleSearchContainerClick","searchInput","focus","handleSearchInput","event","next","target","value","pamiSearchInput","emit","handleSearchFocus","emitSearchActivate","handleSearchBlur","handleSearchKeyDown","key","preventDefault","connectedCallback","document","addEventListener","bindScroll","unbindScroll","window","querySelector","scrollSource","passive","removeEventListener","undefined","source","max","scrollY","scrollTop","hidden","disconnectedCallback","unpaintSurfaces","componentDidRender","paintSurfaces","componentWillLoad","componentDidLoad","shadow","shadowRoot","leadingSlot","headlineSlot","subtitleSlot","searchSlot","searchTrailingSlot","trailingSlot","syncLeading","assignedElements","length","syncHeadline","syncSubtitle","syncSearch","syncSearchTrailing","syncTrailing","enforceTrailingSlotLimit","assigned","flatten","MAX_TRAILING_ICONS","console","warn","forEach","node","index","isFlexible","isSearchVariant","hasHeadlineContent","Boolean","effectiveSearchLabel","pamiSearchActivate","hasSubtitleContent","renderLeadingFallback","showFallback","h","class","exportparts","part","icon","size","buttonWidth","onClick","pamiLeadingClick","renderInlineHeadline","flexible","titleNode","name","subtitleNode","renderExpandedHeadline","renderExpandedSubtitle","renderSearchField","disabled","ref","type","inputMode","enterKeyHint","role","placeholder","autocomplete","spellcheck","onInput","onFocus","onBlur","onKeyDown","renderSearchTop","renderTop","render","search","centered","Host","onFocusin","PamiDots"],"sources":["../sources/7a28ee09b6ff7708bd86eae9261c10ae9948ae04e97133c3bd13a569df674aef/pami-app-bar.css_tag_pami-app-bar_encapsulation_shadow","../sources/9af8a12122daaf03846746371498d8c002e059aff68c8afc2ed0041eb7f0b10d/pami-app-bar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pamiAppBarCss","PamiAppBar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","variant","titleAlignment","searchPlaceholder","searchValue","searchAriaLabel","searchDisabled","headline","subtitle","scrolled","scrollBehavior","scrollTarget","density","leadingIcon","leadingIconLabel","hasSlottedLeading","hasSlottedHeadline","hasSlottedSubtitle","hasSlottedSearch","hasSlottedSearchTrailing","searchFocused","searchKeyboardModality","scrollHidden","scrolledAuto","lastOffset","scrollRun","scrollCounter","scrollToggledAt","scrollTicking","onScroll","requestAnimationFrame","offset","scrollOffset","delta","el","offsetHeight","matches","setScrollHidden","Math","sign","abs","performance","now","getBoundingClientRect","top","revealForFocus","trackSearchKeyboardModality","trackSearchPointerModality","handleSearchContainerClick","searchInput","focus","handleSearchInput","event","next","target","value","pamiSearchInput","emit","handleSearchFocus","emitSearchActivate","handleSearchBlur","handleSearchKeyDown","key","preventDefault","connectedCallback","document","addEventListener","bindScroll","unbindScroll","window","querySelector","scrollSource","passive","removeEventListener","undefined","source","max","scrollY","scrollTop","hidden","disconnectedCallback","unpaintSurfaces","componentDidRender","paintSurfaces","componentWillLoad","componentDidLoad","shadow","shadowRoot","leadingSlot","headlineSlot","subtitleSlot","searchSlot","searchTrailingSlot","trailingSlot","syncLeading","assignedElements","length","syncHeadline","syncSubtitle","syncSearch","syncSearchTrailing","syncTrailing","enforceTrailingSlotLimit","assigned","flatten","MAX_TRAILING_ICONS","console","warn","forEach","node","index","isFlexible","isSearchVariant","hasHeadlineContent","Boolean","effectiveSearchLabel","pamiSearchActivate","hasSubtitleContent","renderLeadingFallback","showFallback","h","class","exportparts","part","icon","size","buttonWidth","onClick","pamiLeadingClick","renderInlineHeadline","flexible","titleNode","name","subtitleNode","renderExpandedHeadline","renderExpandedSubtitle","renderSearchField","disabled","ref","type","inputMode","enterKeyHint","role","placeholder","autocomplete","spellcheck","onInput","onFocus","onBlur","onKeyDown","renderSearchTop","renderTop","render","search","centered","Host","onFocusin","PamiDots"],"sources":["../sources/7a28ee09b6ff7708bd86eae9261c10ae9948ae04e97133c3bd13a569df674aef/pami-app-bar.css_tag_pami-app-bar_encapsulation_shadow","../sources/9af8a12122daaf03846746371498d8c002e059aff68c8afc2ed0041eb7f0b10d/pami-app-bar.tsx"],"mappings":"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","ignoreList":[]}

package/dist/components-csr/pami-area-chart.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as e,h as a,d as s,t as n}from"./p-DWUVTT3s.js";import{d as o}from"./p-wjnroiZn.js";import{d as r}from"./p-Dq_XLtjQ.js";import{d as h}from"./p-PG3r1Ywi.js";import{w as l,r as c,d,a as p,b as m,p as u}from"./p-C1b-wwIb.js";import{L as y}from"./p-g4sA3hAp.js";import{n as f,b,a as g}from"./p-BKlel-AP.js";const v=()=>`:host{--_block-size:var(--pami-area-chart-block-size, auto);--_min-block-size:var(--pami-area-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--pami-area-chart-aspect-ratio, 16 / 9);--_background:var(--pami-area-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--pami-area-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_zoom-size:var(--pami-area-chart-zoom-size, 28px);--_zoom-track-color:var(--pami-area-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--pami-area-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--pami-area-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--pami-area-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;--_shape:var(--pami-area-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--pami-area-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--pami-area-chart-empty-background, var(--_background));--_empty-font:var(--pami-area-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--pami-area-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--pami-area-chart-empty-icon-size, 40px);display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;min-inline-size:0;aspect-ratio:var(--_aspect-ratio)}.pami-area-chart__header,.pami-area-chart__footer{display:contents}.pami-area-chart__header>slot[name='header']::slotted(*),.pami-area-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.pami-area-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.pami-area-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.pami-area-chart__empty ::slotted(pami-icon){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.pami-area-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.pami-area-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);border-radius:6px}.pami-area-chart__canvas:focus-visible{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));border-radius:4px}.pami-area-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.pami-area-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}:host(.pami-area-chart--zoom-slider) .pami-area-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.pami-area-chart--zoom-drag) .pami-area-chart__canvas{cursor:ew-resize}.pami-area-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.pami-area-chart__zoom-slider{--pami-slider-active-color:var(--_zoom-window-color);--pami-slider-inactive-color:var(--_zoom-track-color);--pami-slider-thumb-color:var(--_zoom-handle-color);--pami-slider-thumb-height:var(--_zoom-size);--pami-slider-track-height:12px}.pami-area-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.pami-area-chart__zoom-pan:active{cursor:grabbing}.pami-area-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;const x=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiMarkerClick=e(this,"pamiMarkerClick",7);this.pamiLineClick=e(this,"pamiLineClick",7);this.pamiAreaClick=e(this,"pamiAreaClick",7);this.pamiAxisClick=e(this,"pamiAxisClick",7);this.pamiLegendClick=e(this,"pamiLegendClick",7);this.pamiHover=e(this,"pamiHover",7);this.pamiReady=e(this,"pamiReady",7);this.pamiZoom=e(this,"pamiZoom",7);this.label="";this.titleAlign="start";this.series=[];this.curve="smooth";this.stack="normal";this.connectNulls=false;this.showMarks=false;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.fillOpacity=.55;this.showLine=true;this.grid="horizontal";this.inverted=false;this.seriesLabels=false;this.summary="";this.labelEmpty="No data to display";this.loading=false;this.loadingLabel="Loading chart…";this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.axisTicks=false;this.showLabels=false;this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const i=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:i,win:this.win()};this.dragBand={x1:i,x2:i};const e=t.composedPath?.()[0]??t.target;e.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const i=this.grab;if(!i||i.id!==t.pointerId)return;if(i.kind==="band"){const e=this.plotRect();if(!e)return;this.dragBand={x1:i.x,x2:Math.min(Math.max(this.hostX(t),e.x),e.x+e.width)};return}const e=this.trackFrac(t.clientX);const a=this.trackFrac(i.x);if(e==null||a==null)return;const s=Math.max(1,this.dataLength()-1);const n=i.win.end-i.win.start;const o=Math.round((e-a)*s);const r=Math.min(Math.max(0,i.win.start+o),s-n);this.applyZoom(r,r+n)};this.onPointerUp=t=>{const i=this.grab;if(!i||i.id!==t.pointerId)return;this.grab=null;const e=this.dragBand;this.dragBand=null;if(i.kind!=="band"||!e)return;if(Math.abs(e.x2-e.x1)<8)return;const[a,s]=[this.indexAtX(e.x1),this.indexAtX(e.x2)].sort(((t,i)=>t-i));if(s-a>=1)this.applyZoom(a,s)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:i,valueEnd:e}=t.detail??{};if(i==null||e==null)return;this.applyZoom(i,e)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const i=this.engine?.getScene();const e=Math.max(0,(i?.xPositions.length??0)-1);if(!i||e<0)return;const a=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const s=a?"ArrowLeft":"ArrowRight";const n=a?"ArrowRight":"ArrowLeft";let o=this.kbIndex;switch(t.key){case s:o=this.kbIndex<0?0:Math.min(e,this.kbIndex+1);break;case n:o=this.kbIndex<0?e:Math.max(0,this.kbIndex-1);break;case"Home":o=0;break;case"End":o=e;break;case"Escape":if(this.kbIndex<0)return;o=-1;break;default:return}t.preventDefault();this.moveKeyboardCursor(o)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((i,e)=>{const a=i.id!=null?`id:${i.id}`:i.label!=null?`label:${i.label}`:`pos:${e}`;const s=t.get(a)??0;t.set(a,s+1);return s===0?a:`${a}#${s}`}))}rememberLegendToggle(t,i){const e=this.seriesKeys()[t];if(e==null)return;this.legendHidden.set(e,i);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();this.disposeThemeWatch=l(this.el,(()=>this.applyEngine()))}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;this.disposeThemeWatch?.();this.disposeThemeWatch=undefined}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}async refreshTheme(){this.applyEngine()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.pamiReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new y(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return this.zoom==="inside"||this.zoom==="both"}get zoomSliderOn(){return this.zoom==="slider"||this.zoom==="both"}dataLength(){const t=this.series.reduce(((t,i)=>Math.max(t,i.range?.length??i.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}win(){const t=Math.max(0,this.dataLength()-1);const i=this.zoomWin;if(!i)return{start:0,end:t};const e=Math.min(Math.max(0,i.start),Math.max(0,t-1));return{start:e,end:Math.min(Math.max(e+1,i.end),t)}}applyZoom(t,i,e=false){const a=Math.max(0,this.dataLength()-1);const s=Math.min(Math.max(0,Math.round(t)),Math.max(0,a-1));const n=Math.min(Math.max(s+1,Math.round(i)),a);this.zoomWin=e?null:{start:s,end:n};this.applyEngine();this.rebuildA11yTable();this.pamiZoom.emit({startIndex:e?0:s,endIndex:e?a:n,reset:e})}async setZoom(t,i){this.applyZoom(t,i)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const i=this.canvasOffset();const{x1:e,x2:a}=this.dragBand;return{left:`${i.x+Math.min(e,a)}px`,width:`${Math.abs(a-e)}px`,top:`${i.y+t.y}px`,height:`${t.height}px`}}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const i=this.el.getBoundingClientRect();const e=t.getBoundingClientRect();return{x:e.left-i.left,y:e.top-i.top}}indexAtX(t){const i=this.engine?.getScene();const e=this.win();if(!i?.xPositions?.length)return e.start;let a=0;let s=Infinity;i.xPositions.forEach(((i,e)=>{const n=Math.abs(i-t);if(n<s){s=n;a=e}}));return e.start+a}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}insidePlot(t){const i=this.plotRect();if(!i)return false;const e=(this.chartHost??this.el).getBoundingClientRect();const a=t.clientX-e.left;const s=t.clientY-e.top;return a>=i.x&&a<=i.x+i.width&&s>=i.y&&s<=i.y+i.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".pami-area-chart__zoom-slider");if(!t)return null;const i=t.getBoundingClientRect();if(!i.width)return null;return{left:i.left,width:i.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const i=this.sliderTrackRect();if(!i)return null;const e=(t-i.left)/i.width;return i.rtl?1-e:e}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const i=this.win();const e=i=>i/t*100;const s=t=>String(this.xAxis?.data?.[t]??t);return a("div",{class:"pami-area-chart__zoom",part:"zoom"},a("pami-slider",{class:"pami-area-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:i.start,valueEnd:i.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:s(i.start),valueEndText:s(i.end),onPamiInput:this.onZoomSliderInput,onPamiChange:this.onZoomSliderEvent,onPamiDragStart:this.onZoomSliderEvent,onPamiDragEnd:this.onZoomSliderEvent,onPamiFocus:this.onZoomSliderEvent,onPamiBlur:this.onZoomSliderEvent}),a("div",{class:"pami-area-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${e(i.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${e(i.end)-e(i.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const i=this.stack==="percentage";const e=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=this.zoomWin?this.win():null;const s=t=>t&&a?t.slice(a.start,a.end+1):t;const n=t=>{if(!t||!a)return t;const i={};for(const[e,s]of Object.entries(t)){const t=Number(e)-a.start;if(t>=0&&t<=a.end-a.start)i[t]=s}return i};const o=this.seriesKeys();return{series:this.series.map(((i,e)=>({label:i.label??`Series ${e+1}`,color:p(this.el,i.color,u(t.palette,e)),data:s(i.range?i.range.map((()=>null)):i.data)??[],range:s(i.range?.map(f)),fill:i.fill,stroke:i.stroke??(!this.showLine||this.stack==="wiggle"||this.stack==="silhouette"?false:undefined),curve:i.curve??this.curve,connectNulls:i.connectNulls??this.connectNulls,showMarks:i.showMarks??this.showMarks,hidden:i.hidden??this.legendHidden.get(o[e])??false,dash:i.dash,symbol:i.symbol,pointSymbols:n(i.pointSymbols),lineWidth:i.lineWidth??this.lineWidth,markSize:i.markSize??this.markSize}))),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration,xValues:s(this.xAxis?.data)??[],xScale:this.xAxis?.scale??"category",xFormatter:this.xAxis?.valueFormatter??(t=>d(t,this.locale)),xLabel:this.xAxis?.label,xHidden:this.xAxis?.hidden,xHideTicks:this.xAxis?.hideTicks,xDash:this.xAxis?.dash,xGridDash:this.xAxis?.gridDash,xBands:c(this.el,this.xAxis?.bands),yBands:c(this.el,this.yAxis?.bands),xBreaks:this.xAxis?.breaks,yBreaks:this.yAxis?.breaks,yScale:this.yAxis?.scale??"value",yMin:i?0:this.yAxis?.min,yMax:i?100:this.yAxis?.max,yFormatter:i?t=>`${Math.round(t)}%`:e,yTickFormatter:!i&&this.yAxis?.valueFormatter?t=>this.yAxis.valueFormatter(t):undefined,yLabel:this.yAxis?.label,yHidden:this.yAxis?.hidden,yHideTicks:this.yAxis?.hideTicks,yDash:this.yAxis?.dash,yGridDash:this.yAxis?.gridDash,stack:this.stack,inverted:this.inverted,area:true,fillOpacity:this.fillOpacity,legend:this.legend,gridY:this.grid==="horizontal"||this.grid==="both",gridX:this.grid==="vertical"||this.grid==="both",axisTicks:this.axisTicks,showLabels:this.showLabels,seriesLabels:this.seriesLabels}}applyEngine(){if(!this.engine)return;const t=m(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onHover:t=>{if(t<0)return;const i=t+(this.zoomWin?this.win().start:0);this.pamiHover.emit({dataIndex:i,axisValue:this.xAxis?.data?.[i],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.pamiLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,i,e)=>{const a=this.clickDetail(t,i,e);if(a)this.pamiMarkerClick.emit(a)},onLineClick:(t,i,e)=>{const a=this.clickDetail(t,i,e);if(a)this.pamiLineClick.emit(a)},onAreaClick:(t,i,e)=>{const a=this.clickDetail(t,i,e);if(a)this.pamiAreaClick.emit(a)},onAxisClick:(t,i,e)=>{const a=t+(this.zoomWin?this.win().start:0);this.pamiAxisClick.emit({dataIndex:a,axisValue:this.xAxis?.data?.[a],seriesValues:i.map((t=>({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,label:t.label,dataIndex:t.value==null?-1:a,value:t.value}))),nativeEvent:e})}});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter,trigger:this.tooltip==="item"?"item":"axis"})}clickDetail(t,i,e){const a=this.series[t];if(!a)return null;const s=i+(this.zoomWin?this.win().start:0);return{seriesIndex:t,seriesId:a.id,dataIndex:s,value:a.data[s]??null,axisValue:this.xAxis?.data?.[s],nativeEvent:e,series:a}}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,i)=>i)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=b({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>d(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter,labels:this.tableLabels})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const i=this.engine?.getScene();const e=i?.xLabels?.[t]??String(t+1);const a=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const s=(i?.hoverPoints??[]).map((i=>{const e=i.byIndex[t];return e?`${i.label} ${a(e.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",e).replace("%values%",s)}render(){const t=this.xAxis?.data??[];const i=this.summary||g({title:this.label,chartType:"area",seriesCount:this.series.length,locale:this.locale,xMin:t[0],xMax:t[t.length-1]});const e=this.series.length===0&&!this.loading;return a(s,{key:"0c450bda9d8d66c2a8f48a19f0519e73a0e8b304",class:{"pami-area-chart":true,"pami-area-chart--empty":e,"pami-area-chart--mounted":this.mounted,"pami-area-chart--zoom-slider":this.zoomSliderOn,"pami-area-chart--zoom-drag":this.zoomInside},role:"figure","aria-label":i,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},a("header",{key:"c98e60fdea5981c5ffea0f9fc1720f572fd3f5c3",class:"pami-area-chart__header",part:"header"},a("slot",{key:"c1c20a0a317dac0f2f08b582e94fdd2f9a797ce0",name:"header"})),a("div",{key:"e78164c541eec797bd63b38a90dee2e6a9d1d758",class:"pami-area-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:e?undefined:"0",role:e?undefined:"application","aria-label":e?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),e&&a("div",{key:"73fe4091182300b79c2a1f53af3e66f9d1551943",class:"pami-area-chart__empty",part:"empty"},a("slot",{key:"f6a654e1b119f0802545c8bab2a74f558648d3c9",name:"empty"},this.labelEmpty)),this.loading&&a("div",{key:"eda5c8a6550b34a95df7830246e4848527ade539",class:"pami-area-chart__loading",part:"loading",role:"status"},a("slot",{key:"2afc23c99e94bebb4ab3bd3da05bcdb8194165d5",name:"loader"},a("slot",{key:"fceb07fa03d02dc1ac8ddaa5748bb9e16b0859bf",name:"loading"},a("pami-progress-indicator",{key:"6d22f64b1705ba59609a085141f04a485c94644d",class:"pami-area-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),a("span",{key:"941f34c959d42bb1bc8ca8308bc6cf7c48ede2b7",class:"pami-area-chart__loading-text"},this.loadingLabel)))),this.dragBand&&this.plotRect()&&a("div",{key:"59cd0d47094d84e560e5c61474ba7d2bb09e56c6",class:"pami-area-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),a("footer",{key:"ca3541168dbd887ba08f4e5588dad7d05c7d4e06",class:"pami-area-chart__footer",part:"footer"},a("slot",{key:"c3856ac9f1a06305e43c93fa8e283b832ac8fecd",name:"footer"})),a("div",{key:"fe4e0365d0a5119bf1e0297a277f5d368a5f896e",class:"pami-area-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),a("div",{key:"c845da412ab0e596bc40010e29cf5277f2127636",class:"pami-area-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return this}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}}static get style(){return v()}},[257,"pami-area-chart",{label:[1],subtitle:[1],titleAlign:[1,"title-align"],series:[16],xAxis:[16],yAxis:[16],curve:[1],stack:[1],connectNulls:[4,"connect-nulls"],showMarks:[4,"show-marks"],lineWidth:[2,"line-width"],markSize:[2,"mark-size"],legend:[513],tooltip:[1],zoom:[1],locale:[1],valueFormatter:[16],tooltipRenderer:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],animation:[1],animationDuration:[2,"animation-duration"],fillOpacity:[2,"fill-opacity"],showLine:[4,"show-line"],grid:[1],inverted:[4],seriesLabels:[4,"series-labels"],summary:[1],tableLabels:[16],labelEmpty:[1,"label-empty"],loading:[4],loadingLabel:[1,"loading-label"],labelZoomStart:[1,"label-zoom-start"],labelZoomEnd:[1,"label-zoom-end"],axisTicks:[4,"axis-ticks"],showLabels:[4,"show-labels"],labelPlot:[1,"label-plot"],labelPoint:[1,"label-point"],density:[514],mounted:[32],kbIndex:[32],announcement:[32],zoomWin:[32],dragBand:[32],refreshTheme:[64],resize:[64],replay:[64],toDataURL:[64],getInstance:[64],setZoom:[64],resetZoom:[64]},undefined,{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}]);function _(){if(typeof customElements==="undefined"){return}const t=["pami-area-chart","pami-icon","pami-progress-indicator","pami-slider"];t.forEach((t=>{switch(t){case"pami-area-chart":if(!customElements.get(n(t))){customElements.define(n(t),x)}break;case"pami-icon":if(!customElements.get(n(t))){o()}break;case"pami-progress-indicator":if(!customElements.get(n(t))){r()}break;case"pami-slider":if(!customElements.get(n(t))){h()}break}}))}_();const k=x;const z=_;export{k as PamiAreaChart,z as defineCustomElement};
+import{p as t,H as i,c as e,h as a,d as s,t as n}from"./p-DWUVTT3s.js";import{d as o}from"./p-CYTOzIlz.js";import{d as r}from"./p-BubrJNco.js";import{d as h}from"./p-F3cB-9hU.js";import{w as l,r as c,d,a as p,b as m,p as u}from"./p-BhHms8Pb.js";import{L as y}from"./p-DzxH9m7D.js";import{n as f,b,a as g}from"./p-CsGff_Ta.js";const v=()=>`:host{--_block-size:var(--pami-area-chart-block-size, auto);--_min-block-size:var(--pami-area-chart-min-block-size, max(120px, calc(160px + var(--md-sys-density-scale, 0) * 8px)));--_aspect-ratio:var(--pami-area-chart-aspect-ratio, 16 / 9);--_background:var(--pami-area-chart-background, var(--md-sys-color-surface-container-low, #F7F2FA));--_padding:var(--pami-area-chart-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_zoom-size:var(--pami-area-chart-zoom-size, 28px);--_zoom-track-color:var(--pami-area-chart-zoom-track-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_zoom-window-color:var(--pami-area-chart-zoom-window-color, var(--md-sys-color-secondary-container, #E8DEF8));--_zoom-handle-color:var(--pami-area-chart-zoom-handle-color, var(--md-sys-color-primary, #6750A4));--_zoom-band-color:var(--pami-area-chart-zoom-band-color, color-mix(in srgb, var(--md-sys-color-primary, #6750A4) 16%, transparent));--_zoom-pan-inset:10px;--_shape:var(--pami-area-chart-shape, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_empty-color:var(--pami-area-chart-empty-color, var(--md-sys-color-on-surface-variant, #49454F));--_empty-background:var(--pami-area-chart-empty-background, var(--_background));--_empty-font:var(--pami-area-chart-empty-font, var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif));--_empty-font-size:var(--pami-area-chart-empty-font-size, var(--md-sys-typescale-body-medium-font-size, 14px));--_empty-icon-size:var(--pami-area-chart-empty-icon-size, 40px);display:block;position:relative;inline-size:100%;block-size:var(--_block-size);min-block-size:var(--_min-block-size);background:var(--_background);padding:var(--_padding);border-radius:var(--_shape);box-sizing:border-box;min-inline-size:0;aspect-ratio:var(--_aspect-ratio)}.pami-area-chart__header,.pami-area-chart__footer{display:contents}.pami-area-chart__header>slot[name='header']::slotted(*),.pami-area-chart__footer>slot[name='footer']::slotted(*){display:block;margin-block:8px}.pami-area-chart__canvas{position:absolute;inset:var(--_padding);min-block-size:0;min-inline-size:0}.pami-area-chart__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);pointer-events:none;text-align:center}.pami-area-chart__empty ::slotted(pami-icon){font-size:var(--_empty-icon-size) !important;line-height:1;opacity:0.55}.pami-area-chart__a11y-table{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){:host{forced-color-adjust:auto}}.pami-area-chart__live{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[part='legend'] button:focus-visible{outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);border-radius:6px}.pami-area-chart__canvas:focus-visible{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));border-radius:4px}.pami-area-chart__loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;padding:24px;background:var(--_empty-background);border-radius:var(--_shape);color:var(--_empty-color);font-family:var(--_empty-font);font-size:var(--_empty-font-size);text-align:center}.pami-area-chart__spinner{inline-size:var(--_empty-icon-size);block-size:var(--_empty-icon-size)}:host(.pami-area-chart--zoom-slider) .pami-area-chart__canvas{bottom:calc(var(--_padding) + var(--_zoom-size))}:host(.pami-area-chart--zoom-drag) .pami-area-chart__canvas{cursor:ew-resize}.pami-area-chart__zoom{position:absolute;inset-inline:var(--_padding);bottom:var(--_padding);block-size:var(--_zoom-size);display:flex;align-items:center}.pami-area-chart__zoom-slider{--pami-slider-active-color:var(--_zoom-window-color);--pami-slider-inactive-color:var(--_zoom-track-color);--pami-slider-thumb-color:var(--_zoom-handle-color);--pami-slider-thumb-height:var(--_zoom-size);--pami-slider-track-height:12px}.pami-area-chart__zoom-pan{position:absolute;inset-block:0;z-index:1;cursor:grab;touch-action:none}.pami-area-chart__zoom-pan:active{cursor:grabbing}.pami-area-chart__zoom-band{position:absolute;background:var(--_zoom-band-color);border-inline:1px solid var(--_zoom-handle-color);pointer-events:none}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;const x=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiMarkerClick=e(this,"pamiMarkerClick",7);this.pamiLineClick=e(this,"pamiLineClick",7);this.pamiAreaClick=e(this,"pamiAreaClick",7);this.pamiAxisClick=e(this,"pamiAxisClick",7);this.pamiLegendClick=e(this,"pamiLegendClick",7);this.pamiHover=e(this,"pamiHover",7);this.pamiReady=e(this,"pamiReady",7);this.pamiZoom=e(this,"pamiZoom",7);this.label="";this.titleAlign="start";this.series=[];this.curve="smooth";this.stack="normal";this.connectNulls=false;this.showMarks=false;this.legend="top-end";this.tooltip="axis";this.zoom="none";this.locale="";this.noAnimation=false;this.animation="expressive";this.fillOpacity=.55;this.showLine=true;this.grid="horizontal";this.inverted=false;this.seriesLabels=false;this.summary="";this.labelEmpty="No data to display";this.loading=false;this.loadingLabel="Loading chart…";this.labelZoomStart="Zoom range start";this.labelZoomEnd="Zoom range end";this.axisTicks=false;this.showLabels=false;this.labelPlot="Chart data. Use the arrow keys to move between points, Home and End for the first and last, Escape to leave.";this.labelPoint="%x%: %values%";this.density=0;this.mounted=false;this.kbIndex=-1;this.announcement="";this.zoomWin=null;this.dragBand=null;this.grab=null;this.engine=null;this.ro=null;this.legendHidden=new Map;this.bindChartHost=t=>{this.chartHost=t};this.bindA11yTableHost=t=>{this.a11yTableHost=t};this.onPlotPointerDown=t=>{if(!this.zoomInside||t.button!==0||this.grab)return;if(!this.insidePlot(t))return;const i=this.hostX(t);this.grab={id:t.pointerId,kind:"band",x:i,win:this.win()};this.dragBand={x1:i,x2:i};const e=t.composedPath?.()[0]??t.target;e.setPointerCapture?.(t.pointerId)};this.onPointerMove=t=>{const i=this.grab;if(!i||i.id!==t.pointerId)return;if(i.kind==="band"){const e=this.plotRect();if(!e)return;this.dragBand={x1:i.x,x2:Math.min(Math.max(this.hostX(t),e.x),e.x+e.width)};return}const e=this.trackFrac(t.clientX);const a=this.trackFrac(i.x);if(e==null||a==null)return;const s=Math.max(1,this.dataLength()-1);const n=i.win.end-i.win.start;const o=Math.round((e-a)*s);const r=Math.min(Math.max(0,i.win.start+o),s-n);this.applyZoom(r,r+n)};this.onPointerUp=t=>{const i=this.grab;if(!i||i.id!==t.pointerId)return;this.grab=null;const e=this.dragBand;this.dragBand=null;if(i.kind!=="band"||!e)return;if(Math.abs(e.x2-e.x1)<8)return;const[a,s]=[this.indexAtX(e.x1),this.indexAtX(e.x2)].sort(((t,i)=>t-i));if(s-a>=1)this.applyZoom(a,s)};this.onPlotDblClick=t=>{if(this.zoomInside&&this.zoomWin&&this.insidePlot(t))this.resetZoom()};this.onZoomPanDown=t=>{if(t.button!==0)return;t.stopPropagation();t.preventDefault();this.grab={id:t.pointerId,kind:"pan",x:t.clientX,win:this.win()};t.target.setPointerCapture?.(t.pointerId)};this.onZoomSliderInput=t=>{t.stopPropagation();const{valueStart:i,valueEnd:e}=t.detail??{};if(i==null||e==null)return;this.applyZoom(i,e)};this.onZoomSliderEvent=t=>t.stopPropagation();this.onPlotKeyDown=t=>{const i=this.engine?.getScene();const e=Math.max(0,(i?.xPositions.length??0)-1);if(!i||e<0)return;const a=typeof getComputedStyle==="function"&&getComputedStyle(this.el).direction==="rtl";const s=a?"ArrowLeft":"ArrowRight";const n=a?"ArrowRight":"ArrowLeft";let o=this.kbIndex;switch(t.key){case s:o=this.kbIndex<0?0:Math.min(e,this.kbIndex+1);break;case n:o=this.kbIndex<0?e:Math.max(0,this.kbIndex-1);break;case"Home":o=0;break;case"End":o=e;break;case"Escape":if(this.kbIndex<0)return;o=-1;break;default:return}t.preventDefault();this.moveKeyboardCursor(o)};this.onPlotBlur=()=>{if(this.kbIndex>=0)this.moveKeyboardCursor(-1)}}seriesKeys(){const t=new Map;return this.series.map(((i,e)=>{const a=i.id!=null?`id:${i.id}`:i.label!=null?`label:${i.label}`:`pos:${e}`;const s=t.get(a)??0;t.set(a,s+1);return s===0?a:`${a}#${s}`}))}rememberLegendToggle(t,i){const e=this.seriesKeys()[t];if(e==null)return;this.legendHidden.set(e,i);if(this.legendHidden.size>256){const t=this.legendHidden.keys().next().value;this.legendHidden.delete(t)}}componentDidLoad(){this.initChart();this.disposeThemeWatch=l(this.el,(()=>this.applyEngine()))}disconnectedCallback(){this.ro?.disconnect();this.ro=null;this.engine?.dispose();this.engine=null;this.disposeThemeWatch?.();this.disposeThemeWatch=undefined}onAnyPropChange(){this.applyEngine();this.rebuildA11yTable()}async refreshTheme(){this.applyEngine()}async resize(){this.engine?.resize()}async replay(){this.engine?.replay()}async toDataURL(){return this.engine?.toDataURL("image/png")??""}async getInstance(){return this.engine}initChart(){this.makeEngine();this.applyEngine();this.rebuildA11yTable();this.mounted=true;this.pamiReady.emit()}makeEngine(){if(!this.chartHost)return;this.ro?.disconnect();this.ro=null;this.engine?.dispose();try{this.engine=new y(this.chartHost)}catch{this.engine=null}if(this.engine&&typeof ResizeObserver!=="undefined"){this.ro=new ResizeObserver((()=>this.engine?.resize()));this.ro.observe(this.chartHost)}}buildEngineTheme(t){return{background:t.background,textColor:t.textColor,textColorMuted:t.textColorMuted,axisLineColor:t.axisLineColor,gridLineColor:t.gridColor,surface:t.surface,fontFamily:t.fontFamily,labelSize:t.labelSize,titleSize:t.titleSize}}get zoomInside(){return this.zoom==="inside"||this.zoom==="both"}get zoomSliderOn(){return this.zoom==="slider"||this.zoom==="both"}dataLength(){const t=this.series.reduce(((t,i)=>Math.max(t,i.range?.length??i.data?.length??0)),0);return Math.max(t,this.xAxis?.data?.length??0)}win(){const t=Math.max(0,this.dataLength()-1);const i=this.zoomWin;if(!i)return{start:0,end:t};const e=Math.min(Math.max(0,i.start),Math.max(0,t-1));return{start:e,end:Math.min(Math.max(e+1,i.end),t)}}applyZoom(t,i,e=false){const a=Math.max(0,this.dataLength()-1);const s=Math.min(Math.max(0,Math.round(t)),Math.max(0,a-1));const n=Math.min(Math.max(s+1,Math.round(i)),a);this.zoomWin=e?null:{start:s,end:n};this.applyEngine();this.rebuildA11yTable();this.pamiZoom.emit({startIndex:e?0:s,endIndex:e?a:n,reset:e})}async setZoom(t,i){this.applyZoom(t,i)}async resetZoom(){this.applyZoom(0,0,true)}plotRect(){const t=this.engine?.getScene()?.plot;return t?{x:t.x,y:t.y,width:t.width,height:t.height}:null}zoomBandStyle(){const t=this.plotRect();if(!this.dragBand||!t)return undefined;const i=this.canvasOffset();const{x1:e,x2:a}=this.dragBand;return{left:`${i.x+Math.min(e,a)}px`,width:`${Math.abs(a-e)}px`,top:`${i.y+t.y}px`,height:`${t.height}px`}}canvasOffset(){const t=this.chartHost;if(!t)return{x:0,y:0};const i=this.el.getBoundingClientRect();const e=t.getBoundingClientRect();return{x:e.left-i.left,y:e.top-i.top}}indexAtX(t){const i=this.engine?.getScene();const e=this.win();if(!i?.xPositions?.length)return e.start;let a=0;let s=Infinity;i.xPositions.forEach(((i,e)=>{const n=Math.abs(i-t);if(n<s){s=n;a=e}}));return e.start+a}hostX(t){return t.clientX-(this.chartHost??this.el).getBoundingClientRect().left}insidePlot(t){const i=this.plotRect();if(!i)return false;const e=(this.chartHost??this.el).getBoundingClientRect();const a=t.clientX-e.left;const s=t.clientY-e.top;return a>=i.x&&a<=i.x+i.width&&s>=i.y&&s<=i.y+i.height}sliderTrackRect(){const t=this.el.shadowRoot?.querySelector(".pami-area-chart__zoom-slider");if(!t)return null;const i=t.getBoundingClientRect();if(!i.width)return null;return{left:i.left,width:i.width,rtl:getComputedStyle(this.el).direction==="rtl"}}trackFrac(t){const i=this.sliderTrackRect();if(!i)return null;const e=(t-i.left)/i.width;return i.rtl?1-e:e}renderZoomSlider(){const t=Math.max(1,this.dataLength()-1);const i=this.win();const e=i=>i/t*100;const s=t=>String(this.xAxis?.data?.[t]??t);return a("div",{class:"pami-area-chart__zoom",part:"zoom"},a("pami-slider",{class:"pami-area-chart__zoom-slider",part:"zoom-slider",exportparts:"track: zoom-track, track-active: zoom-window, thumb-knob: zoom-handle",range:true,controlled:true,min:0,max:t,step:1,valueStart:i.start,valueEnd:i.end,ariaLabelStart:this.labelZoomStart,ariaLabelEnd:this.labelZoomEnd,valueStartText:s(i.start),valueEndText:s(i.end),onPamiInput:this.onZoomSliderInput,onPamiChange:this.onZoomSliderEvent,onPamiDragStart:this.onZoomSliderEvent,onPamiDragEnd:this.onZoomSliderEvent,onPamiFocus:this.onZoomSliderEvent,onPamiBlur:this.onZoomSliderEvent}),a("div",{class:"pami-area-chart__zoom-pan",part:"zoom-pan",style:{insetInlineStart:`calc(${e(i.start)}% + var(--_zoom-pan-inset))`,inlineSize:`max(0px, calc(${e(i.end)-e(i.start)}% - 2 * var(--_zoom-pan-inset)))`},onPointerDown:this.onZoomPanDown}))}buildSpec(t){const i=this.stack==="percentage";const e=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const a=this.zoomWin?this.win():null;const s=t=>t&&a?t.slice(a.start,a.end+1):t;const n=t=>{if(!t||!a)return t;const i={};for(const[e,s]of Object.entries(t)){const t=Number(e)-a.start;if(t>=0&&t<=a.end-a.start)i[t]=s}return i};const o=this.seriesKeys();return{series:this.series.map(((i,e)=>({label:i.label??`Series ${e+1}`,color:p(this.el,i.color,u(t.palette,e)),data:s(i.range?i.range.map((()=>null)):i.data)??[],range:s(i.range?.map(f)),fill:i.fill,stroke:i.stroke??(!this.showLine||this.stack==="wiggle"||this.stack==="silhouette"?false:undefined),curve:i.curve??this.curve,connectNulls:i.connectNulls??this.connectNulls,showMarks:i.showMarks??this.showMarks,hidden:i.hidden??this.legendHidden.get(o[e])??false,dash:i.dash,symbol:i.symbol,pointSymbols:n(i.pointSymbols),lineWidth:i.lineWidth??this.lineWidth,markSize:i.markSize??this.markSize}))),title:this.label||undefined,subtitle:this.subtitle||undefined,titleAlign:this.titleAlign,animation:this.noAnimation?"none":this.animation,animationDuration:this.animationDuration,xValues:s(this.xAxis?.data)??[],xScale:this.xAxis?.scale??"category",xFormatter:this.xAxis?.valueFormatter??(t=>d(t,this.locale)),xLabel:this.xAxis?.label,xHidden:this.xAxis?.hidden,xHideTicks:this.xAxis?.hideTicks,xDash:this.xAxis?.dash,xGridDash:this.xAxis?.gridDash,xBands:c(this.el,this.xAxis?.bands),yBands:c(this.el,this.yAxis?.bands),xBreaks:this.xAxis?.breaks,yBreaks:this.yAxis?.breaks,yScale:this.yAxis?.scale??"value",yMin:i?0:this.yAxis?.min,yMax:i?100:this.yAxis?.max,yFormatter:i?t=>`${Math.round(t)}%`:e,yTickFormatter:!i&&this.yAxis?.valueFormatter?t=>this.yAxis.valueFormatter(t):undefined,yLabel:this.yAxis?.label,yHidden:this.yAxis?.hidden,yHideTicks:this.yAxis?.hideTicks,yDash:this.yAxis?.dash,yGridDash:this.yAxis?.gridDash,stack:this.stack,inverted:this.inverted,area:true,fillOpacity:this.fillOpacity,legend:this.legend,gridY:this.grid==="horizontal"||this.grid==="both",gridX:this.grid==="vertical"||this.grid==="both",axisTicks:this.axisTicks,showLabels:this.showLabels,seriesLabels:this.seriesLabels}}applyEngine(){if(!this.engine)return;const t=m(this.el);this.engine.setSpec(this.buildSpec(t),this.buildEngineTheme(t),{onHover:t=>{if(t<0)return;const i=t+(this.zoomWin?this.win().start:0);this.pamiHover.emit({dataIndex:i,axisValue:this.xAxis?.data?.[i],seriesIndices:this.visibleSeriesIndices()})},onLegendClick:t=>{this.rememberLegendToggle(t.seriesIndex,!!t.hidden);this.pamiLegendClick.emit({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,selected:!t.hidden})},onPointClick:(t,i,e)=>{const a=this.clickDetail(t,i,e);if(a)this.pamiMarkerClick.emit(a)},onLineClick:(t,i,e)=>{const a=this.clickDetail(t,i,e);if(a)this.pamiLineClick.emit(a)},onAreaClick:(t,i,e)=>{const a=this.clickDetail(t,i,e);if(a)this.pamiAreaClick.emit(a)},onAxisClick:(t,i,e)=>{const a=t+(this.zoomWin?this.win().start:0);this.pamiAxisClick.emit({dataIndex:a,axisValue:this.xAxis?.data?.[a],seriesValues:i.map((t=>({seriesIndex:t.seriesIndex,seriesId:this.series[t.seriesIndex]?.id,label:t.label,dataIndex:t.value==null?-1:a,value:t.value}))),nativeEvent:e})}});this.engine.setHoverEnabled(this.tooltip!=="none");this.engine.setTooltip({render:this.tooltipRenderer,missingFormatter:this.valueFormatter,trigger:this.tooltip==="item"?"item":"axis"})}clickDetail(t,i,e){const a=this.series[t];if(!a)return null;const s=i+(this.zoomWin?this.win().start:0);return{seriesIndex:t,seriesId:a.id,dataIndex:s,value:a.data[s]??null,axisValue:this.xAxis?.data?.[s],nativeEvent:e,series:a}}visibleSeriesIndices(){const t=this.engine?.getScene()?.hoverPoints;if(t)return t.map((t=>t.seriesIndex));return this.series.map(((t,i)=>i)).filter((t=>!this.series[t].hidden))}rebuildA11yTable(){if(!this.a11yTableHost)return;this.a11yTableHost.innerHTML=b({title:this.label,xAxisLabel:this.xAxis?.label,xAxisData:this.xAxis?.data,xValueFormatter:this.xAxis?.valueFormatter??(t=>d(t,this.locale)),locale:this.locale,series:this.series,valueFormatter:this.valueFormatter,labels:this.tableLabels})}moveKeyboardCursor(t){this.kbIndex=t;this.engine?.focusIndex(t);if(t<0){this.announcement="";return}const i=this.engine?.getScene();const e=i?.xLabels?.[t]??String(t+1);const a=t=>this.valueFormatter?this.valueFormatter(t):t.toLocaleString(this.locale||undefined);const s=(i?.hoverPoints??[]).map((i=>{const e=i.byIndex[t];return e?`${i.label} ${a(e.value)}`:null})).filter(Boolean).join(", ");this.announcement=this.labelPoint.replace("%x%",e).replace("%values%",s)}render(){const t=this.xAxis?.data??[];const i=this.summary||g({title:this.label,chartType:"area",seriesCount:this.series.length,locale:this.locale,xMin:t[0],xMax:t[t.length-1]});const e=this.series.length===0&&!this.loading;return a(s,{key:"0c450bda9d8d66c2a8f48a19f0519e73a0e8b304",class:{"pami-area-chart":true,"pami-area-chart--empty":e,"pami-area-chart--mounted":this.mounted,"pami-area-chart--zoom-slider":this.zoomSliderOn,"pami-area-chart--zoom-drag":this.zoomInside},role:"figure","aria-label":i,"aria-busy":this.loading?"true":null,style:this.heightProp?{blockSize:this.heightProp}:undefined,onPointerDown:this.onPlotPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerCancel:this.onPointerUp,onDblClick:this.onPlotDblClick},a("header",{key:"c98e60fdea5981c5ffea0f9fc1720f572fd3f5c3",class:"pami-area-chart__header",part:"header"},a("slot",{key:"c1c20a0a317dac0f2f08b582e94fdd2f9a797ce0",name:"header"})),a("div",{key:"e78164c541eec797bd63b38a90dee2e6a9d1d758",class:"pami-area-chart__canvas",part:"canvas",ref:t=>this.bindChartHost(t),tabindex:e?undefined:"0",role:e?undefined:"application","aria-label":e?undefined:this.labelPlot,onKeyDown:this.onPlotKeyDown,onBlur:this.onPlotBlur}),e&&a("div",{key:"73fe4091182300b79c2a1f53af3e66f9d1551943",class:"pami-area-chart__empty",part:"empty"},a("slot",{key:"f6a654e1b119f0802545c8bab2a74f558648d3c9",name:"empty"},this.labelEmpty)),this.loading&&a("div",{key:"eda5c8a6550b34a95df7830246e4848527ade539",class:"pami-area-chart__loading",part:"loading",role:"status"},a("slot",{key:"2afc23c99e94bebb4ab3bd3da05bcdb8194165d5",name:"loader"},a("slot",{key:"fceb07fa03d02dc1ac8ddaa5748bb9e16b0859bf",name:"loading"},a("pami-progress-indicator",{key:"6d22f64b1705ba59609a085141f04a485c94644d",class:"pami-area-chart__spinner",variant:"circular",indeterminate:true,label:this.loadingLabel}),a("span",{key:"941f34c959d42bb1bc8ca8308bc6cf7c48ede2b7",class:"pami-area-chart__loading-text"},this.loadingLabel)))),this.dragBand&&this.plotRect()&&a("div",{key:"59cd0d47094d84e560e5c61474ba7d2bb09e56c6",class:"pami-area-chart__zoom-band",part:"zoom-band",style:this.zoomBandStyle()}),this.zoomSliderOn&&this.renderZoomSlider(),a("footer",{key:"ca3541168dbd887ba08f4e5588dad7d05c7d4e06",class:"pami-area-chart__footer",part:"footer"},a("slot",{key:"c3856ac9f1a06305e43c93fa8e283b832ac8fecd",name:"footer"})),a("div",{key:"fe4e0365d0a5119bf1e0297a277f5d368a5f896e",class:"pami-area-chart__a11y-table",ref:t=>this.bindA11yTableHost(t)}),a("div",{key:"c845da412ab0e596bc40010e29cf5277f2127636",class:"pami-area-chart__live",role:"status","aria-live":"polite","aria-atomic":"true"},this.announcement))}get el(){return this}static get watchers(){return{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}}static get style(){return v()}},[257,"pami-area-chart",{label:[1],subtitle:[1],titleAlign:[1,"title-align"],series:[16],xAxis:[16],yAxis:[16],curve:[1],stack:[1],connectNulls:[4,"connect-nulls"],showMarks:[4,"show-marks"],lineWidth:[2,"line-width"],markSize:[2,"mark-size"],legend:[513],tooltip:[1],zoom:[1],locale:[1],valueFormatter:[16],tooltipRenderer:[16],heightProp:[1,"height"],noAnimation:[4,"no-animation"],animation:[1],animationDuration:[2,"animation-duration"],fillOpacity:[2,"fill-opacity"],showLine:[4,"show-line"],grid:[1],inverted:[4],seriesLabels:[4,"series-labels"],summary:[1],tableLabels:[16],labelEmpty:[1,"label-empty"],loading:[4],loadingLabel:[1,"loading-label"],labelZoomStart:[1,"label-zoom-start"],labelZoomEnd:[1,"label-zoom-end"],axisTicks:[4,"axis-ticks"],showLabels:[4,"show-labels"],labelPlot:[1,"label-plot"],labelPoint:[1,"label-point"],density:[514],mounted:[32],kbIndex:[32],announcement:[32],zoomWin:[32],dragBand:[32],refreshTheme:[64],resize:[64],replay:[64],toDataURL:[64],getInstance:[64],setZoom:[64],resetZoom:[64]},undefined,{series:[{onAnyPropChange:0}],xAxis:[{onAnyPropChange:0}],yAxis:[{onAnyPropChange:0}],curve:[{onAnyPropChange:0}],stack:[{onAnyPropChange:0}],legend:[{onAnyPropChange:0}],tooltip:[{onAnyPropChange:0}],zoom:[{onAnyPropChange:0}],connectNulls:[{onAnyPropChange:0}],showMarks:[{onAnyPropChange:0}],lineWidth:[{onAnyPropChange:0}],markSize:[{onAnyPropChange:0}],label:[{onAnyPropChange:0}],subtitle:[{onAnyPropChange:0}],titleAlign:[{onAnyPropChange:0}],fillOpacity:[{onAnyPropChange:0}],showLine:[{onAnyPropChange:0}],grid:[{onAnyPropChange:0}],axisTicks:[{onAnyPropChange:0}],showLabels:[{onAnyPropChange:0}],inverted:[{onAnyPropChange:0}],loading:[{onAnyPropChange:0}],animation:[{onAnyPropChange:0}],animationDuration:[{onAnyPropChange:0}],tooltipRenderer:[{onAnyPropChange:0}],valueFormatter:[{onAnyPropChange:0}]}]);function _(){if(typeof customElements==="undefined"){return}const t=["pami-area-chart","pami-icon","pami-progress-indicator","pami-slider"];t.forEach((t=>{switch(t){case"pami-area-chart":if(!customElements.get(n(t))){customElements.define(n(t),x)}break;case"pami-icon":if(!customElements.get(n(t))){o()}break;case"pami-progress-indicator":if(!customElements.get(n(t))){r()}break;case"pami-slider":if(!customElements.get(n(t))){h()}break}}))}_();const z=x;const k=_;export{z as PamiAreaChart,k as defineCustomElement};
 //# sourceMappingURL=pami-area-chart.js.map

package/dist/components-csr/pami-autocomplete.js

@@ -1,2 +1,2 @@
-import{p as t,H as i,c as s,f as e,h as a,d as o,t as n}from"./p-DWUVTT3s.js";import{L as h}from"./p-Hvf37GWn.js";import{I as r,g as l,s as p,c,r as m}from"./p-xvH_X3js.js";import{V as u,i as d,c as f}from"./p-BHqq4sFe.js";import{d as g}from"./p-BeWJtYZz.js";import{d as y}from"./p-wjnroiZn.js";import{d as b}from"./p-BN5fTT2p.js";import{d as v}from"./p-CwgbF4Z5.js";import{d as x}from"./p-C2f3W2Bc.js";import{d as _}from"./p-Dq_XLtjQ.js";import{d as w}from"./p-DVtt3xax.js";import{d as k}from"./p-CKh3uxJF.js";const z=()=>`:host{--pami-text-field-padding-inline-end:var(--md-sys-spacing-inset-lg, 16px);--_min-width:var(--pami-autocomplete-min-width, 220px);--_chip-gap:var(--pami-autocomplete-chip-gap, var(--md-sys-spacing-gap-xs, 4px));--_chip-radius:var(--pami-autocomplete-chip-radius, 8px);--_caret-color:var(--pami-autocomplete-caret-color, var(--md-sys-color-on-surface-variant));--_clear-color:var(--pami-autocomplete-clear-color, var(--md-sys-color-on-surface-variant));--_option-icon-size:var(--pami-autocomplete-option-icon-size, 20px);--_loading-color:var(--pami-autocomplete-loading-color, var(--md-sys-color-on-surface-variant));display:inline-flex;flex-direction:column;inline-size:var(--pami-autocomplete-width, 100%);min-inline-size:var(--_min-width);box-sizing:border-box;vertical-align:bottom;position:relative}:host(.pami-autocomplete--chips-top) .pami-autocomplete__chips{margin-block-start:0;margin-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.pami-autocomplete--chips-left),:host(.pami-autocomplete--chips-right){flex-direction:row;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px)}:host(.pami-autocomplete--chips-left) .pami-autocomplete__field,:host(.pami-autocomplete--chips-right) .pami-autocomplete__field{flex:1 1 auto;inline-size:auto;min-inline-size:0}:host(.pami-autocomplete--chips-left) .pami-autocomplete__chips,:host(.pami-autocomplete--chips-right) .pami-autocomplete__chips{contain:none;flex:0 1 auto;max-inline-size:50%;margin-block-start:0}.pami-autocomplete__field{display:block;inline-size:100%}.pami-autocomplete__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_chip-gap);max-inline-size:100%;margin-block-start:var(--md-sys-spacing-inset-sm, 8px);contain:inline-size}.pami-autocomplete__chips pami-chip{--pami-chip-container-shape:var(--_chip-radius)}.pami-autocomplete__inline-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_chip-gap);min-inline-size:0;overflow:visible}.pami-autocomplete__inline-chips pami-chip{--pami-chip-container-shape:var(--_chip-radius);flex-shrink:0}.pami-autocomplete__caret{color:var(--_caret-color);font-size:var(--pami-autocomplete-caret-size, 24px);line-height:1;display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;cursor:pointer;transition:transform var(--md-sys-motion-duration-short4, 200ms)      var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-autocomplete--open) .pami-autocomplete__caret{transform:rotate(180deg)}.pami-autocomplete__clear{--pami-icon-button-container-width:28px;--pami-icon-button-container-height:28px;--pami-icon-button-icon-size:18px;color:var(--_clear-color);margin-inline-end:2px}.pami-autocomplete__clear--hidden{visibility:hidden;pointer-events:none}.pami-autocomplete__loader{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;--pami-loading-indicator-size:var(--pami-autocomplete-spinner-size, 22px);--pami-loading-indicator-shape-size:var(--pami-autocomplete-spinner-size, 22px)}pami-menu::part(empty-text){display:flex;justify-content:center;padding:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px);color:var(--md-sys-color-on-surface-variant);text-align:center}.pami-autocomplete__option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--pami-autocomplete-option-icon-color, var(--md-sys-color-on-surface-variant, #49454f));font-size:var(--_option-icon-size);inline-size:var(--_option-icon-size);block-size:var(--_option-icon-size)}.pami-autocomplete__listbox{display:block}.pami-autocomplete__vspacer{inline-size:100%;pointer-events:none}.pami-autocomplete__loading{display:block;padding:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px);color:var(--_loading-color)}.pami-autocomplete__sr-status{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(.pami-autocomplete--disabled),:host(.pami-autocomplete--soft-disabled){pointer-events:none}:host(.pami-autocomplete--soft-disabled) .pami-autocomplete__field{pointer-events:auto}@media (prefers-reduced-motion: reduce){.pami-autocomplete__caret,.pami-autocomplete__clear{transition:none}}@media (forced-colors: active){.pami-autocomplete__caret,.pami-autocomplete__clear{color:CanvasText}}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([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}`;let C=0;const V=200;const M=200;const O=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiChange=s(this,"pamiChange",7);this.pamiInput=s(this,"pamiInput",7);this.pamiOpen=s(this,"pamiOpen",7);this.pamiClose=s(this,"pamiClose",7);this.pamiClear=s(this,"pamiClear",7);this.pamiValidityChange=s(this,"pamiValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please make a selection";this.reserveSupportingSpace=false;this.customValidityMessage="";this.validationMessage="";this.inlineValidation=new r({host:()=>this.el,validity:()=>l(this.internals),message:t=>{this.validationMessage=t},focus:()=>this.focusInput()});this.label="";this.placeholder="";this.supportingText="";this.error=false;this.errorText="";this.disabled=false;this.softDisabled=false;this.required=false;this.density=0;this.options=[];this.multiple=false;this.chipPosition="below";this.value="";this.inputValue="";this.freeSolo=false;this.maxSelected=0;this.loading=false;this.noOptionsText="No options";this.noResultsText="No results";this.loadingText="Loading…";this.statusTemplate="{count} suggestions available";this.disableCloseOnSelect=false;this.clearOnBlur=false;this.clearable=true;this.clearIcon="close";this.dropdownIcon="arrow_drop_down";this.limitResults=0;this.open=false;this.virtualize="auto";this.filterMode="substring";this.placement="bottom-start";this.matchTriggerWidth=true;this.name="";this.triggerId=`pami-autocomplete-${++C}`;this.focused=false;this.optionsData=[];this.labelMap=new Map;this.packing=false;this.typedSinceOpen=false;this.loadGen=0;this.pendingListFocus=null;this.listFocusFrame=null;this.providerSet=false;this.vc=new u({queryItem:t=>this.el.shadowRoot?.querySelector(`pami-menu-item[data-vindex="${t}"]`)??null,requestRender:()=>e(this)});this.isSelected=t=>this.selectedArray.includes(t);this.defaultValue="";this.defaultInputValue="";this.lastValidityKey=null;this._syncGuard=false;this._lastEmit=null;this.vpWired=false;this.handleMenuOpen=()=>{this._syncGuard=true;this.open=true;this._syncGuard=false;if(this._lastEmit!=="open"){this._lastEmit="open";this.pamiOpen.emit()}this.scheduleListFocus();if(this.vc.active){this.vc.setQuery(this.query);this.attachMenuViewport()}};this.handleMenuClose=()=>{this._syncGuard=true;this.open=false;this._syncGuard=false;if(this._lastEmit!=="close"){this._lastEmit="close";this.pamiClose.emit()}this.typedSinceOpen=false;this.vc.detachViewport();this.vpWired=false;if(!this.multiple&&!this.freeSolo){const t=typeof this.value==="string"&&this.value?this.labelMap.get(this.value)??this.value:"";if(this.inputValue!==t){this.inputValue=t;this.pamiInput.emit(t)}}};this.removeChip=t=>i=>{i.stopPropagation();if("preventDefault"in i)i.preventDefault();if(this.disabled||this.softDisabled||!this.multiple)return;this.commitValue(this.selectedArray.filter((i=>i!==t)))};this.handleClear=()=>{if(this.disabled||this.softDisabled)return;this.inputValue="";this.pamiInput.emit("");this.typedSinceOpen=false;if(this.vc.active)this.vc.setQuery("");this.commitValue(this.multiple?[]:"");this.pamiClear.emit();this.fieldEl?.focus?.()};this.handleFieldInput=t=>{this.cancelListFocus();this.applyTyped(t.detail??"")};this.handleListboxKeyDown=t=>{if(t.ctrlKey||t.metaKey||t.altKey)return;const i=t.key.length===1;if(!i&&t.key!=="Backspace")return;t.preventDefault();t.stopPropagation();this.fieldEl?.focus?.();this.applyTyped(t.key==="Backspace"?this.inputValue.slice(0,-1):this.inputValue+t.key)};this.handleFieldKeyDown=t=>{if(this.disabled||this.softDisabled)return;switch(t.key){case"ArrowDown":t.preventDefault();this.pendingListFocus="first";if(!this.open)this.open=true;this.scheduleListFocus();break;case"ArrowUp":t.preventDefault();this.pendingListFocus="last";if(!this.open)this.open=true;this.scheduleListFocus();break;case"Enter":if(this.freeSolo&&this.commitFreeSolo()){t.preventDefault();if(!this.multiple)this.open=false}break;case"Escape":if(this.open){t.preventDefault();this.open=false}break;case"Backspace":if(this.multiple&&!this.inputValue&&this.selectedArray.length>0){this.commitValue(this.selectedArray.slice(0,-1))}break}};this.handleFieldFocus=()=>{this.focused=true};this.handleFieldBlur=()=>{this.focused=false;if(this.open)return;if(this.clearOnBlur&&!this.multiple&&!this.freeSolo){const t=typeof this.value==="string"?this.labelMap.get(this.value):"";if(this.inputValue&&this.inputValue!==t){this.inputValue=t??"";this.pamiInput.emit(this.inputValue)}}};this.renderChipItem=t=>a("pami-chip",{key:t,part:"chip",exportparts:"remove:chip-remove,label:chip-label",variant:"input",selectable:false,label:this.labelMap.get(t)??t,disabled:this.disabled||this.softDisabled,removable:!this.disabled&&!this.softDisabled,onPamiRemove:this.removeChip(t),onClick:t=>t.stopPropagation()})}resetValidationPresentation(){this.inlineValidation.reset()}handleInvalid(t){this.inlineValidation.handleInvalid(t)}async focusInput(){this.fieldEl?.focus?.()}async showMenu(){if(this.disabled)return;this.open=true}async closeMenu(){this.open=false}async loadOptions(t){const i=++this.loadGen;if(this.virtualize==="never"||!d()){const i=Array.isArray(t)?t:Array.from({length:t.count},((i,s)=>t.getRow(s)));this.vc.reset();this.optionsData=this.normalize(i);this.refreshLabelMap();return}this.optionsData=[];this.packing=true;try{this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);await this.vc.load(Array.isArray(t)?this.normalize(t):t)}finally{if(i===this.loadGen)this.packing=false}if(i!==this.loadGen)return;if(this.open&&this.typedSinceOpen)this.vc.setQuery(this.query);this.refreshLabelMap();e(this)}async getLabels(t){if(this.vc.active)return Object.fromEntries(this.vc.getLabels(t));const i={};for(const s of t)i[s]=this.labelMap.get(s)??s;return i}normalize(t){return t.map((t=>({value:t.value,label:t.label??t.value,disabled:!!t.disabled,icon:t.icon,iconColor:t.iconColor,supportingText:t.supportingText??t.description,selected:!!t.selected})))}get optionList(){const t=this.options;if(Array.isArray(t))return t;if(typeof t==="string"&&t.trim()){try{const i=JSON.parse(t);return Array.isArray(i)?i:[]}catch{if(typeof console!=="undefined"){console.warn("[pami-autocomplete] `options` attribute is not valid JSON:",t)}return[]}}return[]}refreshOptions(){const t=f(this.el,[]);const i=t.length>0?t:this.normalize(this.optionList);const s=this.virtualize==="always"||this.virtualize==="auto"&&i.length>V;const a=++this.loadGen;if(s&&d()&&i.length>0){this.optionsData=[];this.packing=true;this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);void this.vc.load(i).then((t=>{if(a!==this.loadGen)return;if(!t){this.optionsData=i}this.packing=false;if(t&&this.open&&this.typedSinceOpen)this.vc.setQuery(this.query);this.refreshLabelMap();e(this)}))}else{this.vc.reset();this.optionsData=i;this.refreshLabelMap()}}onOptionChange(t){t.stopPropagation();this.refreshOptions()}get busy(){return this.loading||this.packing}get selectedArray(){if(this.multiple)return Array.isArray(this.value)?this.value:[];if(typeof this.value==="string"&&this.value)return[this.value];return[]}get query(){return this.typedSinceOpen?this.inputValue.trim():""}get filteredOptions(){const t=this.selectedArray;const i={inputValue:this.query,selected:t};let s=this.filterer?this.filterer(this.optionsData,i):this.defaultFilter(this.optionsData,i);if(this.limitResults>0)s=s.slice(0,this.limitResults);return s}defaultFilter(t,i){const s=i.inputValue.toLowerCase();if(!s)return t;return t.filter((t=>t.label.toLowerCase().includes(s)||t.value.toLowerCase().includes(s)||(t.supportingText?.toLowerCase().includes(s)??false)))}refreshLabelMap(){const t=this.selectedArray;if(t.length===0){if(this.labelMap.size)this.labelMap=new Map;return}const i=new Map;if(this.vc.active){const s=this.vc.getLabels(t);for(const e of t){i.set(e,s.get(e)??this.labelMap.get(e)??e)}}else{for(const s of t){const t=this.optionsData.find((t=>t.value===s));i.set(s,t?.label??this.labelMap.get(s)??s)}}this.labelMap=i}componentWillLoad(){this.refreshOptions();this.defaultValue=Array.isArray(this.value)?[...this.value]:this.value;this.defaultInputValue=this.inputValue;this.syncFormValue()}componentDidLoad(){if(this.open&&!this.disabled){void this.menuEl?.show?.({autoFocus:false});this.pamiOpen.emit()}}disconnectedCallback(){this.cancelListFocus();clearTimeout(this.searchDebounce);this.vc.detachViewport()}formDisabledCallback(t){if(t)queueMicrotask((()=>this.inlineValidation.reset()))}formResetCallback(){this.inlineValidation.reset();this.value=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue;this.inputValue=this.defaultInputValue;this.typedSinceOpen=false;clearTimeout(this.searchDebounce);if(this.vc.active)this.vc.setQuery("")}syncFormValue(){this.updateValidity();this.refreshLabelMap();if(!this.multiple&&!this.open){const t=typeof this.value==="string"&&this.value?this.labelMap.get(this.value)??this.value:"";if(this.inputValue!==t)this.inputValue=t}if(this.multiple){const t=this.selectedArray;if(!t.length){p(this.internals,null);return}const i=new FormData;for(const s of t)i.append(this.name||"",s);p(this.internals,i);return}const t=typeof this.value==="string"?this.value:"";p(this.internals,t||null)}onMultipleFlip(){if(this.multiple){if(typeof this.value==="string")this.value=this.value?[this.value]:[];else this.syncFormValue()}else{if(Array.isArray(this.value))this.value=this.value[0]??"";else this.syncFormValue()}}updateValidity(){if(!this.internals?.setValidity)return;if(this.customValidityMessage){this.internals.setValidity({customError:true},this.customValidityMessage,this.fieldEl??this.el)}else if(this.required&&this.selectedArray.length===0){this.internals.setValidity({valueMissing:true},this.errorText||this.valueMissingLabel,this.fieldEl??this.el)}else{this.internals.setValidity({})}this.inlineValidation.refresh();this.emitValidityChange()}async getValidity(){return l(this.internals)}emitValidityChange(){const t=l(this.internals);const i=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===i)return;const s=this.lastValidityKey!==null;this.lastValidityKey=i;if(s)this.pamiValidityChange.emit(t)}async checkValidity(){return c(this.internals)}async reportValidity(){return m(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.updateValidity()}syncMenu(t){if(!t)this.cancelListFocus();if(this._syncGuard||!this.menuEl)return;if(t){this.menuEl.show?.({autoFocus:false})}else{this.menuEl.close?.()}}attachMenuViewport(){void(async()=>{const t=await(this.menuEl?.getScrollViewport?.())??null;if(!t||this.vpWired)return;this.vpWired=true;await this.vc.attachViewport((async()=>t))})()}componentDidRender(){void this.syncComboboxRefs();if(!this.menuEl)return;if(this.vc.active&&!this.providerSet){void this.menuEl.setVirtualProvider?.(this.vc.provider);this.providerSet=true}else if(!this.vc.active&&this.providerSet){void this.menuEl.setVirtualProvider?.(null);this.providerSet=false}if(this.open&&this.vc.active&&!this.vpWired)this.attachMenuViewport();this.scheduleListFocus()}async syncComboboxRefs(){const t=this.fieldEl;const i=await(t?.getInputElement?.());if(!i||!("ariaControlsElements"in i))return;const s=this.el.shadowRoot?.querySelector('[role="listbox"]');const e=this.open&&s?[s]:null;const a=i.ariaControlsElements;if(!e&&!a?.length)return;if(e&&a?.length===1&&a[0]===e[0])return;i.ariaControlsElements=e}commitValue(t){this.value=t;this.pamiChange.emit(t)}pick(t,i,s,e){e?.stopPropagation();if(s)return;if(this.multiple){const s=this.selectedArray;const a=s.includes(t);const o=!a&&this.maxSelected>0&&s.length>=this.maxSelected;if(o){const t=e?.target;if(t)t.selected=false;return}this.labelMap=new Map(this.labelMap).set(t,i);const n=a?s.filter((i=>i!==t)):[...s,t];this.commitValue(n);this.inputValue="";this.pamiInput.emit("");this.typedSinceOpen=false;if(this.vc.active)this.vc.setQuery("");this.fieldEl?.focus?.()}else{this.labelMap=new Map(this.labelMap).set(t,i);this.commitValue(t);this.inputValue=i;this.pamiInput.emit(i);this.typedSinceOpen=false;if(this.vc.active)this.vc.setQuery("");if(!this.disableCloseOnSelect)this.open=false;this.fieldEl?.focus?.()}}commitFreeSolo(){if(!this.freeSolo)return false;const t=this.inputValue.trim();if(!t)return false;if(this.multiple){const i=this.selectedArray;if(i.includes(t))return true;if(this.maxSelected>0&&i.length>=this.maxSelected)return false;this.labelMap=new Map(this.labelMap).set(t,t);this.commitValue([...i,t]);this.inputValue="";this.pamiInput.emit("")}else{this.commitValue(t)}return true}applyTyped(t){this.inputValue=t;this.typedSinceOpen=true;this.pamiInput.emit(t);if(!this.open)this.open=true;if(this.vc.active){clearTimeout(this.searchDebounce);this.searchDebounce=setTimeout((()=>{this.vc.setQuery(this.query)}),M)}}cancelListFocus(){this.pendingListFocus=null;if(this.listFocusFrame!==null)cancelAnimationFrame(this.listFocusFrame);this.listFocusFrame=null}scheduleListFocus(){if(!this.open||!this.pendingListFocus||this.listFocusFrame!==null)return;this.listFocusFrame=requestAnimationFrame((()=>{this.listFocusFrame=requestAnimationFrame((()=>{this.listFocusFrame=null;if(!this.open||!this.pendingListFocus||!this.menuEl?.open||!this.el.isConnected)return;const t=this.el.shadowRoot?.querySelectorAll(".pami-autocomplete__listbox pami-menu-item:not([disabled])");const i=this.pendingListFocus==="first"?t?.[0]:t?.[t.length-1];if(!i)return;i.focus();if(this.el.shadowRoot?.activeElement===i)this.pendingListFocus=null}))}))}get inlineChips(){return this.multiple&&this.chipPosition==="inline"}renderChips(){if(!this.multiple||this.inlineChips)return null;const t=this.selectedArray;if(t.length===0)return null;return a("div",{class:"pami-autocomplete__chips",part:"chips",role:"group","aria-label":this.label?`${this.label} — selected`:"Selected"},t.map(this.renderChipItem))}renderInlineChips(){if(!this.inlineChips)return null;const t=this.selectedArray;if(t.length===0)return null;return a("div",{slot:"chips",class:"pami-autocomplete__inline-chips",part:"chips",role:"group","aria-label":this.label?`${this.label} — selected`:"Selected"},t.map(this.renderChipItem))}renderClearButton(t=false){if(!this.clearable)return null;const i=this.multiple?this.selectedArray.length>0:!!this.inputValue||!!this.value;const s=t||!i;return a("pami-icon-button",{class:{"pami-autocomplete__clear":true,"pami-autocomplete__clear--hidden":s},slot:"trailing-icon",part:"clear",variant:"standard",size:"xs",icon:this.clearIcon,"aria-label":"Clear value","aria-hidden":s?"true":undefined,onClick:t=>{t.stopPropagation();this.handleClear()}})}renderTrigger(){return a("pami-text-field",{ref:t=>this.fieldEl=t,id:this.triggerId,class:"pami-autocomplete__field",part:"field",label:this.label,placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,error:this.error||!!this.validationMessage,errorText:this.errorText||this.validationMessage,reserveSupportingSpace:this.reserveSupportingSpace,supportingText:this.supportingText,required:this.required,density:this.density,appearFocused:this.open||this.focused,"aria-haspopup":"listbox",inputRole:"combobox",inputExpanded:this.open,inputAriaAutocomplete:"list",chipsWrap:this.inlineChips,onPamiInput:this.handleFieldInput,onClick:()=>{if(!this.disabled&&!this.softDisabled&&!this.open)this.open=true},onKeyDown:this.handleFieldKeyDown,onFocus:this.handleFieldFocus,onBlur:this.handleFieldBlur},this.renderInlineChips(),this.busy?[this.renderClearButton(true),a("span",{slot:"trailing-icon",class:"pami-autocomplete__loader",part:"loading-spinner"},a("slot",{name:"loader"},a(h,{label:this.loadingText})))]:[this.renderClearButton(),a("span",{slot:"trailing-icon",class:"pami-autocomplete__caret",part:"caret","aria-hidden":"true",onClick:t=>{t.stopPropagation();if(!this.disabled&&!this.softDisabled)this.open=!this.open}},a("slot",{name:"dropdown-icon"},a("pami-icon",{name:this.dropdownIcon})))])}renderOptionIcon(t,i){if(!t)return null;return a("pami-icon",{slot:"leading-icon",part:"option-icon",class:"pami-autocomplete__option-icon",style:i?{color:i}:undefined,"aria-hidden":"true",name:t})}renderVirtualOptions(){return a("div",{class:"pami-autocomplete__listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-label":this.label||"Options","aria-multiselectable":this.multiple?"true":undefined,onKeyDown:this.handleListboxKeyDown},a("div",{class:"pami-autocomplete__vspacer",style:{height:`${this.vc.topPad}px`},"aria-hidden":"true"}),this.vc.windowRows.map(((t,i)=>{const s=this.vc.windowStart+i;const e=this.isSelected(t.value);return a("pami-menu-item",{key:t.index,id:`${this.triggerId}-opt-${s}`,"data-vindex":s,presentation:"option",type:this.multiple?"checkbox":"radio","check-position":"start","keep-open":true,part:e?"option option-selected":"option",disabled:t.disabled,selected:e,headline:t.label,"supporting-text":t.supportingText||"","aria-setsize":this.vc.filteredLength,"aria-posinset":s+1,onPamiClick:i=>this.pick(t.value,t.label,t.disabled,i)},this.renderOptionIcon(t.icon||undefined))})),a("div",{class:"pami-autocomplete__vspacer",style:{height:`${this.vc.bottomPad}px`},"aria-hidden":"true"}))}renderMenu(){const t=this.vc.active;const i=t?[]:this.filteredOptions;const s=t?false:this.optionsData.length===0;const e=this.busy?"":t?this.vc.filteredLength===0?this.noResultsText:"":s?this.noOptionsText:i.length===0?this.noResultsText:"";const o=t?this.maxHeight??250:this.maxHeight;return a("pami-menu",{ref:t=>this.menuEl=t,anchor:this.triggerId,placement:this.placement,"match-anchor-width":this.matchTriggerWidth,"max-height":o,persistent:this.disableCloseOnSelect,"empty-text":e,"auto-focus":false,listbox:true,"list-label":this.label||"Options",part:"menu",onPamiOpen:this.handleMenuOpen,onPamiClose:this.handleMenuClose},this.busy?a("div",{class:"pami-autocomplete__loading",part:"loading",role:"status","aria-label":this.loadingText},a("pami-progress-indicator",{variant:"linear",indeterminate:true,wave:true,part:"loading-progress",label:this.loadingText})):t?this.renderVirtualOptions():a("div",{class:"pami-autocomplete__listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-label":this.label||"Options","aria-multiselectable":this.multiple?"true":undefined,onKeyDown:this.handleListboxKeyDown},i.map(((t,i)=>a("pami-menu-item",{key:t.value,id:`${this.triggerId}-opt-${i}`,presentation:"option",type:this.multiple?"checkbox":"radio","check-position":"start","keep-open":true,part:this.isSelected(t.value)?"option option-selected":"option",disabled:t.disabled,selected:this.isSelected(t.value),headline:t.label,"supporting-text":t.supportingText||"",onPamiClick:i=>this.pick(t.value,t.label,t.disabled,i)},this.renderOptionIcon(t.icon,t.iconColor))))))}render(){const t=this.multiple&&(this.chipPosition==="top"||this.chipPosition==="left");const i=this.vc.active?this.vc.filteredLength:this.filteredOptions.length;const s=this.busy?this.loadingText:this.open?this.statusTemplate.replace("{count}",String(i)):"";return a(o,{key:"5c7d5e14193ac05843367ee82f9393143362c6fd",class:{"pami-autocomplete":true,"pami-autocomplete--open":this.open,"pami-autocomplete--disabled":this.disabled,"pami-autocomplete--soft-disabled":this.softDisabled,"pami-autocomplete--multiple":this.multiple,"pami-autocomplete--loading":this.busy,[`pami-autocomplete--chips-${this.chipPosition}`]:this.multiple},"aria-haspopup":"listbox","aria-busy":this.busy?"true":"false"},t&&this.renderChips(),this.renderTrigger(),!t&&this.renderChips(),this.renderMenu(),a("span",{key:"be769d4ffc610c52b94ca7cafed78192b06a5793",class:"pami-autocomplete__sr-status",role:"status","aria-live":"polite"},s))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{name:[{resetValidationPresentation:0}],options:[{refreshOptions:0}],value:[{syncFormValue:0}],multiple:[{onMultipleFlip:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}],open:[{syncMenu:0}]}}static get style(){return z()}},[321,"pami-autocomplete",{valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],label:[1],placeholder:[1],supportingText:[1,"supporting-text"],error:[516],errorText:[1,"error-text"],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],density:[514],options:[1],multiple:[516],chipPosition:[513,"chip-position"],value:[1025],inputValue:[1025,"input-value"],freeSolo:[516,"free-solo"],maxSelected:[2,"max-selected"],loading:[516],noOptionsText:[1,"no-options-text"],noResultsText:[1,"no-results-text"],loadingText:[1,"loading-text"],statusTemplate:[1,"status-template"],disableCloseOnSelect:[516,"disable-close-on-select"],clearOnBlur:[516,"clear-on-blur"],clearable:[516],clearIcon:[1,"clear-icon"],dropdownIcon:[1,"dropdown-icon"],limitResults:[2,"limit-results"],open:[1540],filterer:[16],virtualize:[1],filterMode:[1,"filter-mode"],rowHeight:[2,"row-height"],placement:[1],matchTriggerWidth:[4,"match-trigger-width"],maxHeight:[2,"max-height"],name:[513],validationMessage:[32],triggerId:[32],focused:[32],optionsData:[32],labelMap:[32],packing:[32],focusInput:[64],showMenu:[64],closeMenu:[64],loadOptions:[64],getLabels:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[0,"invalid","handleInvalid"],[0,"pamiSelectOptionChange","onOptionChange"]],{name:[{resetValidationPresentation:0}],options:[{refreshOptions:0}],value:[{syncFormValue:0}],multiple:[{onMultipleFlip:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}],open:[{syncMenu:0}]}]);function F(){if(typeof customElements==="undefined"){return}const t=["pami-autocomplete","pami-chip","pami-icon","pami-icon-button","pami-menu","pami-menu-item","pami-progress-indicator","pami-ripple","pami-text-field"];t.forEach((t=>{switch(t){case"pami-autocomplete":if(!customElements.get(n(t))){customElements.define(n(t),O)}break;case"pami-chip":if(!customElements.get(n(t))){g()}break;case"pami-icon":if(!customElements.get(n(t))){y()}break;case"pami-icon-button":if(!customElements.get(n(t))){b()}break;case"pami-menu":if(!customElements.get(n(t))){v()}break;case"pami-menu-item":if(!customElements.get(n(t))){x()}break;case"pami-progress-indicator":if(!customElements.get(n(t))){_()}break;case"pami-ripple":if(!customElements.get(n(t))){w()}break;case"pami-text-field":if(!customElements.get(n(t))){k()}break}}))}F();const T=O;const j=F;export{T as PamiAutocomplete,j as defineCustomElement};
+import{p as t,H as i,c as s,f as e,h as a,d as o,t as n}from"./p-DWUVTT3s.js";import{L as h}from"./p-Hvf37GWn.js";import{I as r,g as l,s as p,c,r as m}from"./p-xvH_X3js.js";import{V as u,i as d,c as f}from"./p-BHqq4sFe.js";import{d as g}from"./p-CEXhFms9.js";import{d as y}from"./p-CYTOzIlz.js";import{d as b}from"./p-C7-2STYZ.js";import{d as v}from"./p-B_b8a4Fl.js";import{d as _}from"./p-CCLyUnYm.js";import{d as x}from"./p-BubrJNco.js";import{d as k}from"./p-DqlfsJFI.js";import{d as w}from"./p-CCjSxvVk.js";const z=()=>`:host{--pami-text-field-padding-inline-end:var(--md-sys-spacing-inset-lg, 16px);--_min-width:var(--pami-autocomplete-min-width, 220px);--_chip-gap:var(--pami-autocomplete-chip-gap, var(--md-sys-spacing-gap-xs, 4px));--_chip-radius:var(--pami-autocomplete-chip-radius, 8px);--_caret-color:var(--pami-autocomplete-caret-color, var(--md-sys-color-on-surface-variant));--_clear-color:var(--pami-autocomplete-clear-color, var(--md-sys-color-on-surface-variant));--_option-icon-size:var(--pami-autocomplete-option-icon-size, 20px);--_loading-color:var(--pami-autocomplete-loading-color, var(--md-sys-color-on-surface-variant));display:inline-flex;flex-direction:column;inline-size:var(--pami-autocomplete-width, 100%);min-inline-size:var(--_min-width);box-sizing:border-box;vertical-align:bottom;position:relative}:host(.pami-autocomplete--chips-top) .pami-autocomplete__chips{margin-block-start:0;margin-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.pami-autocomplete--chips-left),:host(.pami-autocomplete--chips-right){flex-direction:row;align-items:center;gap:var(--md-sys-spacing-gap-sm, 8px)}:host(.pami-autocomplete--chips-left) .pami-autocomplete__field,:host(.pami-autocomplete--chips-right) .pami-autocomplete__field{flex:1 1 auto;inline-size:auto;min-inline-size:0}:host(.pami-autocomplete--chips-left) .pami-autocomplete__chips,:host(.pami-autocomplete--chips-right) .pami-autocomplete__chips{contain:none;flex:0 1 auto;max-inline-size:50%;margin-block-start:0}.pami-autocomplete__field{display:block;inline-size:100%}.pami-autocomplete__chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_chip-gap);max-inline-size:100%;margin-block-start:var(--md-sys-spacing-inset-sm, 8px);contain:inline-size}.pami-autocomplete__chips pami-chip{--pami-chip-container-shape:var(--_chip-radius)}.pami-autocomplete__inline-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--_chip-gap);min-inline-size:0;overflow:visible}.pami-autocomplete__inline-chips pami-chip{--pami-chip-container-shape:var(--_chip-radius);flex-shrink:0}.pami-autocomplete__caret{color:var(--_caret-color);font-size:var(--pami-autocomplete-caret-size, 24px);line-height:1;display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;cursor:pointer;transition:transform var(--md-sys-motion-duration-short4, 200ms)      var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-autocomplete--open) .pami-autocomplete__caret{transform:rotate(180deg)}.pami-autocomplete__clear{--pami-icon-button-container-width:28px;--pami-icon-button-container-height:28px;--pami-icon-button-icon-size:18px;color:var(--_clear-color);margin-inline-end:2px}.pami-autocomplete__clear--hidden{visibility:hidden;pointer-events:none}.pami-autocomplete__loader{display:inline-flex;align-items:center;justify-content:center;inline-size:24px;block-size:24px;--pami-loading-indicator-size:var(--pami-autocomplete-spinner-size, 22px);--pami-loading-indicator-shape-size:var(--pami-autocomplete-spinner-size, 22px)}pami-menu::part(empty-text){display:flex;justify-content:center;padding:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px);color:var(--md-sys-color-on-surface-variant);text-align:center}.pami-autocomplete__option-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--pami-autocomplete-option-icon-color, var(--md-sys-color-on-surface-variant, #49454f));font-size:var(--_option-icon-size);inline-size:var(--_option-icon-size);block-size:var(--_option-icon-size)}.pami-autocomplete__listbox{display:block}.pami-autocomplete__vspacer{inline-size:100%;pointer-events:none}.pami-autocomplete__loading{display:block;padding:var(--md-sys-spacing-inset-md, 12px) var(--md-sys-spacing-inset-lg, 16px);color:var(--_loading-color)}.pami-autocomplete__sr-status{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:host(.pami-autocomplete--disabled),:host(.pami-autocomplete--soft-disabled){pointer-events:none}:host(.pami-autocomplete--soft-disabled) .pami-autocomplete__field{pointer-events:auto}@media (prefers-reduced-motion: reduce){.pami-autocomplete__caret,.pami-autocomplete__clear{transition:none}}@media (forced-colors: active){.pami-autocomplete__caret,.pami-autocomplete__clear{color:CanvasText}}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([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}`;let C=0;const V=200;const M=200;const O=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.pamiChange=s(this,"pamiChange",7);this.pamiInput=s(this,"pamiInput",7);this.pamiOpen=s(this,"pamiOpen",7);this.pamiClose=s(this,"pamiClose",7);this.pamiClear=s(this,"pamiClear",7);this.pamiValidityChange=s(this,"pamiValidityChange",5);this.internals=this.attachInternals();this.valueMissingLabel="Please make a selection";this.reserveSupportingSpace=false;this.customValidityMessage="";this.validationMessage="";this.inlineValidation=new r({host:()=>this.el,validity:()=>l(this.internals),message:t=>{this.validationMessage=t},focus:()=>this.focusInput()});this.label="";this.placeholder="";this.supportingText="";this.error=false;this.errorText="";this.disabled=false;this.softDisabled=false;this.required=false;this.density=0;this.options=[];this.multiple=false;this.chipPosition="below";this.value="";this.inputValue="";this.freeSolo=false;this.maxSelected=0;this.loading=false;this.noOptionsText="No options";this.noResultsText="No results";this.loadingText="Loading…";this.statusTemplate="{count} suggestions available";this.disableCloseOnSelect=false;this.clearOnBlur=false;this.clearable=true;this.clearIcon="close";this.dropdownIcon="arrow_drop_down";this.limitResults=0;this.open=false;this.virtualize="auto";this.filterMode="substring";this.placement="bottom-start";this.matchTriggerWidth=true;this.name="";this.triggerId=`pami-autocomplete-${++C}`;this.focused=false;this.optionsData=[];this.labelMap=new Map;this.packing=false;this.typedSinceOpen=false;this.loadGen=0;this.pendingListFocus=null;this.listFocusFrame=null;this.providerSet=false;this.vc=new u({queryItem:t=>this.el.shadowRoot?.querySelector(`pami-menu-item[data-vindex="${t}"]`)??null,requestRender:()=>e(this)});this.isSelected=t=>this.selectedArray.includes(t);this.defaultValue="";this.defaultInputValue="";this.lastValidityKey=null;this._syncGuard=false;this._lastEmit=null;this.vpWired=false;this.handleMenuOpen=()=>{this._syncGuard=true;this.open=true;this._syncGuard=false;if(this._lastEmit!=="open"){this._lastEmit="open";this.pamiOpen.emit()}this.scheduleListFocus();if(this.vc.active){this.vc.setQuery(this.query);this.attachMenuViewport()}};this.handleMenuClose=()=>{this._syncGuard=true;this.open=false;this._syncGuard=false;if(this._lastEmit!=="close"){this._lastEmit="close";this.pamiClose.emit()}this.typedSinceOpen=false;this.vc.detachViewport();this.vpWired=false;if(!this.multiple&&!this.freeSolo){const t=typeof this.value==="string"&&this.value?this.labelMap.get(this.value)??this.value:"";if(this.inputValue!==t){this.inputValue=t;this.pamiInput.emit(t)}}};this.removeChip=t=>i=>{i.stopPropagation();if("preventDefault"in i)i.preventDefault();if(this.disabled||this.softDisabled||!this.multiple)return;this.commitValue(this.selectedArray.filter((i=>i!==t)))};this.handleClear=()=>{if(this.disabled||this.softDisabled)return;this.inputValue="";this.pamiInput.emit("");this.typedSinceOpen=false;if(this.vc.active)this.vc.setQuery("");this.commitValue(this.multiple?[]:"");this.pamiClear.emit();this.fieldEl?.focus?.()};this.handleFieldInput=t=>{this.cancelListFocus();this.applyTyped(t.detail??"")};this.handleListboxKeyDown=t=>{if(t.ctrlKey||t.metaKey||t.altKey)return;const i=t.key.length===1;if(!i&&t.key!=="Backspace")return;t.preventDefault();t.stopPropagation();this.fieldEl?.focus?.();this.applyTyped(t.key==="Backspace"?this.inputValue.slice(0,-1):this.inputValue+t.key)};this.handleFieldKeyDown=t=>{if(this.disabled||this.softDisabled)return;switch(t.key){case"ArrowDown":t.preventDefault();this.pendingListFocus="first";if(!this.open)this.open=true;this.scheduleListFocus();break;case"ArrowUp":t.preventDefault();this.pendingListFocus="last";if(!this.open)this.open=true;this.scheduleListFocus();break;case"Enter":if(this.freeSolo&&this.commitFreeSolo()){t.preventDefault();if(!this.multiple)this.open=false}break;case"Escape":if(this.open){t.preventDefault();this.open=false}break;case"Backspace":if(this.multiple&&!this.inputValue&&this.selectedArray.length>0){this.commitValue(this.selectedArray.slice(0,-1))}break}};this.handleFieldFocus=()=>{this.focused=true};this.handleFieldBlur=()=>{this.focused=false;if(this.open)return;if(this.clearOnBlur&&!this.multiple&&!this.freeSolo){const t=typeof this.value==="string"?this.labelMap.get(this.value):"";if(this.inputValue&&this.inputValue!==t){this.inputValue=t??"";this.pamiInput.emit(this.inputValue)}}};this.renderChipItem=t=>a("pami-chip",{key:t,part:"chip",exportparts:"remove:chip-remove,label:chip-label",variant:"input",selectable:false,label:this.labelMap.get(t)??t,disabled:this.disabled||this.softDisabled,removable:!this.disabled&&!this.softDisabled,onPamiRemove:this.removeChip(t),onClick:t=>t.stopPropagation()})}resetValidationPresentation(){this.inlineValidation.reset()}handleInvalid(t){this.inlineValidation.handleInvalid(t)}async focusInput(){this.fieldEl?.focus?.()}async showMenu(){if(this.disabled)return;this.open=true}async closeMenu(){this.open=false}async loadOptions(t){const i=++this.loadGen;if(this.virtualize==="never"||!d()){const i=Array.isArray(t)?t:Array.from({length:t.count},((i,s)=>t.getRow(s)));this.vc.reset();this.optionsData=this.normalize(i);this.refreshLabelMap();return}this.optionsData=[];this.packing=true;try{this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);await this.vc.load(Array.isArray(t)?this.normalize(t):t)}finally{if(i===this.loadGen)this.packing=false}if(i!==this.loadGen)return;if(this.open&&this.typedSinceOpen)this.vc.setQuery(this.query);this.refreshLabelMap();e(this)}async getLabels(t){if(this.vc.active)return Object.fromEntries(this.vc.getLabels(t));const i={};for(const s of t)i[s]=this.labelMap.get(s)??s;return i}normalize(t){return t.map((t=>({value:t.value,label:t.label??t.value,disabled:!!t.disabled,icon:t.icon,iconColor:t.iconColor,supportingText:t.supportingText??t.description,selected:!!t.selected})))}get optionList(){const t=this.options;if(Array.isArray(t))return t;if(typeof t==="string"&&t.trim()){try{const i=JSON.parse(t);return Array.isArray(i)?i:[]}catch{if(typeof console!=="undefined"){console.warn("[pami-autocomplete] `options` attribute is not valid JSON:",t)}return[]}}return[]}refreshOptions(){const t=f(this.el,[]);const i=t.length>0?t:this.normalize(this.optionList);const s=this.virtualize==="always"||this.virtualize==="auto"&&i.length>V;const a=++this.loadGen;if(s&&d()&&i.length>0){this.optionsData=[];this.packing=true;this.vc.setFixedRowHeight(this.rowHeight);this.vc.setFilterMode(this.filterMode);void this.vc.load(i).then((t=>{if(a!==this.loadGen)return;if(!t){this.optionsData=i}this.packing=false;if(t&&this.open&&this.typedSinceOpen)this.vc.setQuery(this.query);this.refreshLabelMap();e(this)}))}else{this.vc.reset();this.optionsData=i;this.refreshLabelMap()}}onOptionChange(t){t.stopPropagation();this.refreshOptions()}get busy(){return this.loading||this.packing}get selectedArray(){if(this.multiple)return Array.isArray(this.value)?this.value:[];if(typeof this.value==="string"&&this.value)return[this.value];return[]}get query(){return this.typedSinceOpen?this.inputValue.trim():""}get filteredOptions(){const t=this.selectedArray;const i={inputValue:this.query,selected:t};let s=this.filterer?this.filterer(this.optionsData,i):this.defaultFilter(this.optionsData,i);if(this.limitResults>0)s=s.slice(0,this.limitResults);return s}defaultFilter(t,i){const s=i.inputValue.toLowerCase();if(!s)return t;return t.filter((t=>t.label.toLowerCase().includes(s)||t.value.toLowerCase().includes(s)||(t.supportingText?.toLowerCase().includes(s)??false)))}refreshLabelMap(){const t=this.selectedArray;if(t.length===0){if(this.labelMap.size)this.labelMap=new Map;return}const i=new Map;if(this.vc.active){const s=this.vc.getLabels(t);for(const e of t){i.set(e,s.get(e)??this.labelMap.get(e)??e)}}else{for(const s of t){const t=this.optionsData.find((t=>t.value===s));i.set(s,t?.label??this.labelMap.get(s)??s)}}this.labelMap=i}componentWillLoad(){this.refreshOptions();this.defaultValue=Array.isArray(this.value)?[...this.value]:this.value;this.defaultInputValue=this.inputValue;this.syncFormValue()}componentDidLoad(){if(this.open&&!this.disabled){void this.menuEl?.show?.({autoFocus:false});this.pamiOpen.emit()}}disconnectedCallback(){this.cancelListFocus();clearTimeout(this.searchDebounce);this.vc.detachViewport()}formDisabledCallback(t){if(t)queueMicrotask((()=>this.inlineValidation.reset()))}formResetCallback(){this.inlineValidation.reset();this.value=Array.isArray(this.defaultValue)?[...this.defaultValue]:this.defaultValue;this.inputValue=this.defaultInputValue;this.typedSinceOpen=false;clearTimeout(this.searchDebounce);if(this.vc.active)this.vc.setQuery("")}syncFormValue(){this.updateValidity();this.refreshLabelMap();if(!this.multiple&&!this.open){const t=typeof this.value==="string"&&this.value?this.labelMap.get(this.value)??this.value:"";if(this.inputValue!==t)this.inputValue=t}if(this.multiple){const t=this.selectedArray;if(!t.length){p(this.internals,null);return}const i=new FormData;for(const s of t)i.append(this.name||"",s);p(this.internals,i);return}const t=typeof this.value==="string"?this.value:"";p(this.internals,t||null)}onMultipleFlip(){if(this.multiple){if(typeof this.value==="string")this.value=this.value?[this.value]:[];else this.syncFormValue()}else{if(Array.isArray(this.value))this.value=this.value[0]??"";else this.syncFormValue()}}updateValidity(){if(!this.internals?.setValidity)return;if(this.customValidityMessage){this.internals.setValidity({customError:true},this.customValidityMessage,this.fieldEl??this.el)}else if(this.required&&this.selectedArray.length===0){this.internals.setValidity({valueMissing:true},this.errorText||this.valueMissingLabel,this.fieldEl??this.el)}else{this.internals.setValidity({})}this.inlineValidation.refresh();this.emitValidityChange()}async getValidity(){return l(this.internals)}emitValidityChange(){const t=l(this.internals);const i=`${t.valid}|${t.validationMessage}`;if(this.lastValidityKey===i)return;const s=this.lastValidityKey!==null;this.lastValidityKey=i;if(s)this.pamiValidityChange.emit(t)}async checkValidity(){return c(this.internals)}async reportValidity(){return m(this.internals)}async setCustomValidity(t){this.customValidityMessage=t;this.updateValidity()}syncMenu(t){if(!t)this.cancelListFocus();if(this._syncGuard||!this.menuEl)return;if(t){this.menuEl.show?.({autoFocus:false})}else{this.menuEl.close?.()}}attachMenuViewport(){void(async()=>{const t=await(this.menuEl?.getScrollViewport?.())??null;if(!t||this.vpWired)return;this.vpWired=true;await this.vc.attachViewport((async()=>t))})()}componentDidRender(){void this.syncComboboxRefs();if(!this.menuEl)return;if(this.vc.active&&!this.providerSet){void this.menuEl.setVirtualProvider?.(this.vc.provider);this.providerSet=true}else if(!this.vc.active&&this.providerSet){void this.menuEl.setVirtualProvider?.(null);this.providerSet=false}if(this.open&&this.vc.active&&!this.vpWired)this.attachMenuViewport();this.scheduleListFocus()}async syncComboboxRefs(){const t=this.fieldEl;const i=await(t?.getInputElement?.());if(!i||!("ariaControlsElements"in i))return;const s=this.el.shadowRoot?.querySelector('[role="listbox"]');const e=this.open&&s?[s]:null;const a=i.ariaControlsElements;if(!e&&!a?.length)return;if(e&&a?.length===1&&a[0]===e[0])return;i.ariaControlsElements=e}commitValue(t){this.value=t;this.pamiChange.emit(t)}pick(t,i,s,e){e?.stopPropagation();if(s)return;if(this.multiple){const s=this.selectedArray;const a=s.includes(t);const o=!a&&this.maxSelected>0&&s.length>=this.maxSelected;if(o){const t=e?.target;if(t)t.selected=false;return}this.labelMap=new Map(this.labelMap).set(t,i);const n=a?s.filter((i=>i!==t)):[...s,t];this.commitValue(n);this.inputValue="";this.pamiInput.emit("");this.typedSinceOpen=false;if(this.vc.active)this.vc.setQuery("");this.fieldEl?.focus?.()}else{this.labelMap=new Map(this.labelMap).set(t,i);this.commitValue(t);this.inputValue=i;this.pamiInput.emit(i);this.typedSinceOpen=false;if(this.vc.active)this.vc.setQuery("");if(!this.disableCloseOnSelect)this.open=false;this.fieldEl?.focus?.()}}commitFreeSolo(){if(!this.freeSolo)return false;const t=this.inputValue.trim();if(!t)return false;if(this.multiple){const i=this.selectedArray;if(i.includes(t))return true;if(this.maxSelected>0&&i.length>=this.maxSelected)return false;this.labelMap=new Map(this.labelMap).set(t,t);this.commitValue([...i,t]);this.inputValue="";this.pamiInput.emit("")}else{this.commitValue(t)}return true}applyTyped(t){this.inputValue=t;this.typedSinceOpen=true;this.pamiInput.emit(t);if(!this.open)this.open=true;if(this.vc.active){clearTimeout(this.searchDebounce);this.searchDebounce=setTimeout((()=>{this.vc.setQuery(this.query)}),M)}}cancelListFocus(){this.pendingListFocus=null;if(this.listFocusFrame!==null)cancelAnimationFrame(this.listFocusFrame);this.listFocusFrame=null}scheduleListFocus(){if(!this.open||!this.pendingListFocus||this.listFocusFrame!==null)return;this.listFocusFrame=requestAnimationFrame((()=>{this.listFocusFrame=requestAnimationFrame((()=>{this.listFocusFrame=null;if(!this.open||!this.pendingListFocus||!this.menuEl?.open||!this.el.isConnected)return;const t=this.el.shadowRoot?.querySelectorAll(".pami-autocomplete__listbox pami-menu-item:not([disabled])");const i=this.pendingListFocus==="first"?t?.[0]:t?.[t.length-1];if(!i)return;i.focus();if(this.el.shadowRoot?.activeElement===i)this.pendingListFocus=null}))}))}get inlineChips(){return this.multiple&&this.chipPosition==="inline"}renderChips(){if(!this.multiple||this.inlineChips)return null;const t=this.selectedArray;if(t.length===0)return null;return a("div",{class:"pami-autocomplete__chips",part:"chips",role:"group","aria-label":this.label?`${this.label} — selected`:"Selected"},t.map(this.renderChipItem))}renderInlineChips(){if(!this.inlineChips)return null;const t=this.selectedArray;if(t.length===0)return null;return a("div",{slot:"chips",class:"pami-autocomplete__inline-chips",part:"chips",role:"group","aria-label":this.label?`${this.label} — selected`:"Selected"},t.map(this.renderChipItem))}renderClearButton(t=false){if(!this.clearable)return null;const i=this.multiple?this.selectedArray.length>0:!!this.inputValue||!!this.value;const s=t||!i;return a("pami-icon-button",{class:{"pami-autocomplete__clear":true,"pami-autocomplete__clear--hidden":s},slot:"trailing-icon",part:"clear",variant:"standard",size:"xs",icon:this.clearIcon,"aria-label":"Clear value","aria-hidden":s?"true":undefined,onClick:t=>{t.stopPropagation();this.handleClear()}})}renderTrigger(){return a("pami-text-field",{ref:t=>this.fieldEl=t,id:this.triggerId,class:"pami-autocomplete__field",part:"field",label:this.label,placeholder:this.placeholder,value:this.inputValue,disabled:this.disabled,error:this.error||!!this.validationMessage,errorText:this.errorText||this.validationMessage,reserveSupportingSpace:this.reserveSupportingSpace,supportingText:this.supportingText,required:this.required,density:this.density,appearFocused:this.open||this.focused,"aria-haspopup":"listbox",inputRole:"combobox",inputExpanded:this.open,inputAriaAutocomplete:"list",chipsWrap:this.inlineChips,onPamiInput:this.handleFieldInput,onClick:()=>{if(!this.disabled&&!this.softDisabled&&!this.open)this.open=true},onKeyDown:this.handleFieldKeyDown,onFocus:this.handleFieldFocus,onBlur:this.handleFieldBlur},this.renderInlineChips(),this.busy?[this.renderClearButton(true),a("span",{slot:"trailing-icon",class:"pami-autocomplete__loader",part:"loading-spinner"},a("slot",{name:"loader"},a(h,{label:this.loadingText})))]:[this.renderClearButton(),a("span",{slot:"trailing-icon",class:"pami-autocomplete__caret",part:"caret","aria-hidden":"true",onClick:t=>{t.stopPropagation();if(!this.disabled&&!this.softDisabled)this.open=!this.open}},a("slot",{name:"dropdown-icon"},a("pami-icon",{name:this.dropdownIcon})))])}renderOptionIcon(t,i){if(!t)return null;return a("pami-icon",{slot:"leading-icon",part:"option-icon",class:"pami-autocomplete__option-icon",style:i?{color:i}:undefined,"aria-hidden":"true",name:t})}renderVirtualOptions(){return a("div",{class:"pami-autocomplete__listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-label":this.label||"Options","aria-multiselectable":this.multiple?"true":undefined,onKeyDown:this.handleListboxKeyDown},a("div",{class:"pami-autocomplete__vspacer",style:{height:`${this.vc.topPad}px`},"aria-hidden":"true"}),this.vc.windowRows.map(((t,i)=>{const s=this.vc.windowStart+i;const e=this.isSelected(t.value);return a("pami-menu-item",{key:t.index,id:`${this.triggerId}-opt-${s}`,"data-vindex":s,presentation:"option",type:this.multiple?"checkbox":"radio","check-position":"start","keep-open":true,part:e?"option option-selected":"option",disabled:t.disabled,selected:e,headline:t.label,"supporting-text":t.supportingText||"","aria-setsize":this.vc.filteredLength,"aria-posinset":s+1,onPamiClick:i=>this.pick(t.value,t.label,t.disabled,i)},this.renderOptionIcon(t.icon||undefined))})),a("div",{class:"pami-autocomplete__vspacer",style:{height:`${this.vc.bottomPad}px`},"aria-hidden":"true"}))}renderMenu(){const t=this.vc.active;const i=t?[]:this.filteredOptions;const s=t?false:this.optionsData.length===0;const e=this.busy?"":t?this.vc.filteredLength===0?this.noResultsText:"":s?this.noOptionsText:i.length===0?this.noResultsText:"";const o=t?this.maxHeight??250:this.maxHeight;return a("pami-menu",{ref:t=>this.menuEl=t,anchor:this.triggerId,placement:this.placement,"match-anchor-width":this.matchTriggerWidth,"max-height":o,persistent:this.disableCloseOnSelect,"empty-text":e,"auto-focus":false,listbox:true,"list-label":this.label||"Options",part:"menu",onPamiOpen:this.handleMenuOpen,onPamiClose:this.handleMenuClose},this.busy?a("div",{class:"pami-autocomplete__loading",part:"loading",role:"status","aria-label":this.loadingText},a("pami-progress-indicator",{variant:"linear",indeterminate:true,wave:true,part:"loading-progress",label:this.loadingText})):t?this.renderVirtualOptions():a("div",{class:"pami-autocomplete__listbox",role:"listbox",id:`${this.triggerId}-listbox`,"aria-label":this.label||"Options","aria-multiselectable":this.multiple?"true":undefined,onKeyDown:this.handleListboxKeyDown},i.map(((t,i)=>a("pami-menu-item",{key:t.value,id:`${this.triggerId}-opt-${i}`,presentation:"option",type:this.multiple?"checkbox":"radio","check-position":"start","keep-open":true,part:this.isSelected(t.value)?"option option-selected":"option",disabled:t.disabled,selected:this.isSelected(t.value),headline:t.label,"supporting-text":t.supportingText||"",onPamiClick:i=>this.pick(t.value,t.label,t.disabled,i)},this.renderOptionIcon(t.icon,t.iconColor))))))}render(){const t=this.multiple&&(this.chipPosition==="top"||this.chipPosition==="left");const i=this.vc.active?this.vc.filteredLength:this.filteredOptions.length;const s=this.busy?this.loadingText:this.open?this.statusTemplate.replace("{count}",String(i)):"";return a(o,{key:"5c7d5e14193ac05843367ee82f9393143362c6fd",class:{"pami-autocomplete":true,"pami-autocomplete--open":this.open,"pami-autocomplete--disabled":this.disabled,"pami-autocomplete--soft-disabled":this.softDisabled,"pami-autocomplete--multiple":this.multiple,"pami-autocomplete--loading":this.busy,[`pami-autocomplete--chips-${this.chipPosition}`]:this.multiple},"aria-haspopup":"listbox","aria-busy":this.busy?"true":"false"},t&&this.renderChips(),this.renderTrigger(),!t&&this.renderChips(),this.renderMenu(),a("span",{key:"be769d4ffc610c52b94ca7cafed78192b06a5793",class:"pami-autocomplete__sr-status",role:"status","aria-live":"polite"},s))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{name:[{resetValidationPresentation:0}],options:[{refreshOptions:0}],value:[{syncFormValue:0}],multiple:[{onMultipleFlip:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}],open:[{syncMenu:0}]}}static get style(){return z()}},[321,"pami-autocomplete",{valueMissingLabel:[1,"value-missing-label"],reserveSupportingSpace:[4,"reserve-supporting-space"],label:[1],placeholder:[1],supportingText:[1,"supporting-text"],error:[516],errorText:[1,"error-text"],disabled:[516],softDisabled:[516,"soft-disabled"],required:[516],density:[514],options:[1],multiple:[516],chipPosition:[513,"chip-position"],value:[1025],inputValue:[1025,"input-value"],freeSolo:[516,"free-solo"],maxSelected:[2,"max-selected"],loading:[516],noOptionsText:[1,"no-options-text"],noResultsText:[1,"no-results-text"],loadingText:[1,"loading-text"],statusTemplate:[1,"status-template"],disableCloseOnSelect:[516,"disable-close-on-select"],clearOnBlur:[516,"clear-on-blur"],clearable:[516],clearIcon:[1,"clear-icon"],dropdownIcon:[1,"dropdown-icon"],limitResults:[2,"limit-results"],open:[1540],filterer:[16],virtualize:[1],filterMode:[1,"filter-mode"],rowHeight:[2,"row-height"],placement:[1],matchTriggerWidth:[4,"match-trigger-width"],maxHeight:[2,"max-height"],name:[513],validationMessage:[32],triggerId:[32],focused:[32],optionsData:[32],labelMap:[32],packing:[32],focusInput:[64],showMenu:[64],closeMenu:[64],loadOptions:[64],getLabels:[64],getValidity:[64],checkValidity:[64],reportValidity:[64],setCustomValidity:[64]},[[0,"invalid","handleInvalid"],[0,"pamiSelectOptionChange","onOptionChange"]],{name:[{resetValidationPresentation:0}],options:[{refreshOptions:0}],value:[{syncFormValue:0}],multiple:[{onMultipleFlip:0}],required:[{updateValidity:0}],valueMissingLabel:[{updateValidity:0}],open:[{syncMenu:0}]}]);function F(){if(typeof customElements==="undefined"){return}const t=["pami-autocomplete","pami-chip","pami-icon","pami-icon-button","pami-menu","pami-menu-item","pami-progress-indicator","pami-ripple","pami-text-field"];t.forEach((t=>{switch(t){case"pami-autocomplete":if(!customElements.get(n(t))){customElements.define(n(t),O)}break;case"pami-chip":if(!customElements.get(n(t))){g()}break;case"pami-icon":if(!customElements.get(n(t))){y()}break;case"pami-icon-button":if(!customElements.get(n(t))){b()}break;case"pami-menu":if(!customElements.get(n(t))){v()}break;case"pami-menu-item":if(!customElements.get(n(t))){_()}break;case"pami-progress-indicator":if(!customElements.get(n(t))){x()}break;case"pami-ripple":if(!customElements.get(n(t))){k()}break;case"pami-text-field":if(!customElements.get(n(t))){w()}break}}))}F();const T=O;const j=F;export{T as PamiAutocomplete,j as defineCustomElement};
 //# sourceMappingURL=pami-autocomplete.js.map

package/dist/components-csr/pami-avatar.js

@@ -1,2 +1,2 @@
-import{P as s,d as o}from"./p-DYa7FJrs.js";const r=s;const t=o;export{r as PamiAvatar,t as defineCustomElement};
+import{P as o,d as s}from"./p-CC0KCIVL.js";const t=o;const p=s;export{t as PamiAvatar,p as defineCustomElement};
 //# sourceMappingURL=pami-avatar.js.map

package/dist/components-csr/pami-badge.js

@@ -1,2 +1,2 @@
-import{p as a,H as e,h as t,d as i,t as s}from"./p-DWUVTT3s.js";import{d as o}from"./p-wjnroiZn.js";const r=()=>`:host{--_container-color:var(--pami-badge-container-color, var(--pami-material-olive-background-start, #3b4f1a));--_label-color:var(--pami-badge-label-color, var(--pami-material-olive-text, #fcffeb));--_shape:var(--pami-badge-container-shape, var(--md-sys-shape-corner-full, 9999px));--_icon-color:var(--pami-badge-icon-color, var(--pami-badge-label-color, var(--pami-material-olive-text, #fcffeb)));--_icon-size:var(--pami-badge-icon-size, max(8px, calc(10px + var(--md-sys-density-scale, 0) * 0.5px)));--_offset-x:var(--pami-badge-offset-x, 50%);--_offset-y:var(--pami-badge-offset-y, -50%);--_large-height:var(--pami-badge-large-height, max(12px, calc(16px + var(--md-sys-density-scale, 0) * 1px)));--_large-padding:var(--pami-badge-large-padding, 0 max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px)));--_small-size:var(--pami-badge-small-size, max(4px, calc(6px + var(--md-sys-density-scale, 0) * 0.5px)));display:inline-flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;z-index:1;box-sizing:border-box;pointer-events:none;background-color:var(--_container-color);border-radius:var(--_shape)}:host(.pami-badge--circle){top:14.6447%;right:14.6447%}:host(.pami-badge--small){width:var(--_small-size);height:var(--_small-size);padding:0;transform:translate(var(--_offset-x), var(--_offset-y))}:host(.pami-badge--large){min-width:var(--_large-height);height:var(--_large-height);padding:var(--_large-padding);transform:translate(var(--_offset-x), var(--_offset-y));color:var(--_label-color);font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:max(9px, calc(11px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-small-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);line-height:1}:host(.pami-badge--large:not(.pami-badge--has-content)){padding:0}.pami-badge__label{display:block;white-space:nowrap;text-align:center}.pami-badge__icon{font-size:var(--_icon-size);color:var(--_icon-color);line-height:1;display:flex;align-items:center;justify-content:center}::slotted(*){width:var(--_icon-size) !important;height:var(--_icon-size) !important;font-size:var(--_icon-size) !important;color:var(--_icon-color) !important;fill:var(--_icon-color) !important}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 10px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}@media (forced-colors: active){:host{forced-color-adjust:none;background-color:Mark;color:MarkText}}: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 n=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.variant="large";this.value="";this.max=999;this.icon="";this.shape="rect";this.density=0;this.hasSlottedIcon=false;this.readSlottedIcon=()=>{this.hasSlottedIcon=Array.from(this.el.children).some((a=>a.getAttribute("slot")==="icon"))}}componentWillLoad(){this.readSlottedIcon()}get displayValue(){if(this.variant==="small"||!this.value)return"";const a=Number(this.value);if(!Number.isNaN(a)&&Number.isFinite(a)&&a>this.max){return`${this.max}+`}return this.value.slice(0,4)}get accessibleLabel(){if(this.variant==="small")return"notification";const a=this.displayValue;if(a)return a;if(this.icon)return this.icon;return undefined}render(){const a=this.variant==="small";const e=this.displayValue;const s=!a&&!!e;const o=!a&&(!!this.icon||this.hasSlottedIcon);const r=s||o;return t(i,{key:"148b2d9b6d1aeffec88ab93248c6147fd9d722a2",class:{"pami-badge":true,"pami-badge--small":a,"pami-badge--large":!a,"pami-badge--circle":this.shape==="circle","pami-badge--has-content":r},role:"status","aria-label":this.accessibleLabel},!a&&t("slot",{key:"b7cb661dd533484666a72c62d0a574b82ba3b6ad",name:"icon",onSlotchange:this.readSlottedIcon},this.icon?t("pami-icon",{class:"pami-badge__icon",part:"icon","aria-hidden":"true",name:this.icon}):null),s&&t("span",{key:"72b990c72aa3c4364d93aff9af6d6c7324113741",class:"pami-badge__label",part:"label"},e))}get el(){return this}static get style(){return r()}},[257,"pami-badge",{variant:[513],value:[1],max:[2],icon:[1],shape:[513],density:[514],hasSlottedIcon:[32]}]);function l(){if(typeof customElements==="undefined"){return}const a=["pami-badge","pami-icon"];a.forEach((a=>{switch(a){case"pami-badge":if(!customElements.get(s(a))){customElements.define(s(a),n)}break;case"pami-icon":if(!customElements.get(s(a))){o()}break}}))}l();const c=n;const d=l;export{c as PamiBadge,d as defineCustomElement};
+import{p as a,H as e,h as t,d as i,t as s}from"./p-DWUVTT3s.js";import{d as o}from"./p-CYTOzIlz.js";const r=()=>`:host{--_container-color:var(--pami-badge-container-color, var(--pami-material-olive-background-start, #3b4f1a));--_label-color:var(--pami-badge-label-color, var(--pami-material-olive-text, #fcffeb));--_shape:var(--pami-badge-container-shape, var(--md-sys-shape-corner-full, 9999px));--_icon-color:var(--pami-badge-icon-color, var(--pami-badge-label-color, var(--pami-material-olive-text, #fcffeb)));--_icon-size:var(--pami-badge-icon-size, max(8px, calc(10px + var(--md-sys-density-scale, 0) * 0.5px)));--_offset-x:var(--pami-badge-offset-x, 50%);--_offset-y:var(--pami-badge-offset-y, -50%);--_large-height:var(--pami-badge-large-height, max(12px, calc(16px + var(--md-sys-density-scale, 0) * 1px)));--_large-padding:var(--pami-badge-large-padding, 0 max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px)));--_small-size:var(--pami-badge-small-size, max(4px, calc(6px + var(--md-sys-density-scale, 0) * 0.5px)));display:inline-flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;z-index:1;box-sizing:border-box;pointer-events:none;background-color:var(--_container-color);border-radius:var(--_shape)}:host(.pami-badge--circle){top:14.6447%;right:14.6447%}:host(.pami-badge--small){width:var(--_small-size);height:var(--_small-size);padding:0;transform:translate(var(--_offset-x), var(--_offset-y))}:host(.pami-badge--large){min-width:var(--_large-height);height:var(--_large-height);padding:var(--_large-padding);transform:translate(var(--_offset-x), var(--_offset-y));color:var(--_label-color);font-family:var(--md-sys-typescale-label-small-font-family, Roboto, sans-serif);font-size:max(9px, calc(11px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-small-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-small-letter-spacing, 0.5px);line-height:1}:host(.pami-badge--large:not(.pami-badge--has-content)){padding:0}.pami-badge__label{display:block;white-space:nowrap;text-align:center}.pami-badge__icon{font-size:var(--_icon-size);color:var(--_icon-color);line-height:1;display:flex;align-items:center;justify-content:center}::slotted(*){width:var(--_icon-size) !important;height:var(--_icon-size) !important;font-size:var(--_icon-size) !important;color:var(--_icon-color) !important;fill:var(--_icon-color) !important}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 10px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}@media (forced-colors: active){:host{forced-color-adjust:none;background-color:Mark;color:MarkText}}: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 n=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.variant="large";this.value="";this.max=999;this.icon="";this.shape="rect";this.density=0;this.hasSlottedIcon=false;this.readSlottedIcon=()=>{this.hasSlottedIcon=Array.from(this.el.children).some((a=>a.getAttribute("slot")==="icon"))}}componentWillLoad(){this.readSlottedIcon()}get displayValue(){if(this.variant==="small"||!this.value)return"";const a=Number(this.value);if(!Number.isNaN(a)&&Number.isFinite(a)&&a>this.max){return`${this.max}+`}return this.value.slice(0,4)}get accessibleLabel(){if(this.variant==="small")return"notification";const a=this.displayValue;if(a)return a;if(this.icon)return this.icon;return undefined}render(){const a=this.variant==="small";const e=this.displayValue;const s=!a&&!!e;const o=!a&&(!!this.icon||this.hasSlottedIcon);const r=s||o;return t(i,{key:"148b2d9b6d1aeffec88ab93248c6147fd9d722a2",class:{"pami-badge":true,"pami-badge--small":a,"pami-badge--large":!a,"pami-badge--circle":this.shape==="circle","pami-badge--has-content":r},role:"status","aria-label":this.accessibleLabel},!a&&t("slot",{key:"b7cb661dd533484666a72c62d0a574b82ba3b6ad",name:"icon",onSlotchange:this.readSlottedIcon},this.icon?t("pami-icon",{class:"pami-badge__icon",part:"icon","aria-hidden":"true",name:this.icon}):null),s&&t("span",{key:"72b990c72aa3c4364d93aff9af6d6c7324113741",class:"pami-badge__label",part:"label"},e))}get el(){return this}static get style(){return r()}},[257,"pami-badge",{variant:[513],value:[1],max:[2],icon:[1],shape:[513],density:[514],hasSlottedIcon:[32]}]);function l(){if(typeof customElements==="undefined"){return}const a=["pami-badge","pami-icon"];a.forEach((a=>{switch(a){case"pami-badge":if(!customElements.get(s(a))){customElements.define(s(a),n)}break;case"pami-icon":if(!customElements.get(s(a))){o()}break}}))}l();const c=n;const d=l;export{c as PamiBadge,d as defineCustomElement};
 //# sourceMappingURL=pami-badge.js.map