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

package/dist/pami/{p-dcd9abf8.entry.js → p-b928a212.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,H as a,g as r}from"./p-yIBns9y0.js";import{w as s}from"./p-DT5RL9GH.js";import{I as n,g as o,s as c,b as l,c as d,r as p}from"./p-BNlGJh4p.js";function h(e){return e<10?`0${e}`:String(e)}function m(e){return`${e.getFullYear()}-${h(e.getMonth()+1)}-${h(e.getDate())}`}function u(e,i,t){if(i<1||i>12||t<1||t>31)return null;const a=new Date(e,i-1,t);if(a.getFullYear()!==e||a.getMonth()!==i-1||a.getDate()!==t){return null}return a}function f(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function _(e,i){if(i&&i.length>0)return i;try{const i=new Intl.DateTimeFormat(e||"en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2e3,11,31));const t=i.find((e=>e.type==="literal"));return t?.value??"/"}catch{return"/"}}function k(e,i,t){const a=_(i,t);const r=new Intl.DateTimeFormat(i||undefined,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(e);return r.map((i=>{switch(i.type){case"day":return h(e.getDate());case"month":return h(e.getMonth()+1);case"year":return String(e.getFullYear());case"literal":return a;default:return""}})).join("")}function y(e,i){const t=_(e,i);const a=new Intl.DateTimeFormat(e||"en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2e3,11,31));return a.map((e=>{switch(e.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";case"literal":return t;default:return""}})).join("")}function v(e){try{const i=new Intl.DateTimeFormat(e||"en-US").formatToParts(new Date(2025,3,3));const t=i.findIndex((e=>e.type==="day"));const a=i.findIndex((e=>e.type==="month"));return t>=0&&a>=0&&t<a}catch{return false}}function b(e,i){if(e.length===8){const t=Number.parseInt(e.slice(0,2),10);const a=Number.parseInt(e.slice(2,4),10);const r=Number.parseInt(e.slice(4,8),10);let s;let n;if(t>12&&a<=12){n=t;s=a}else if(a>12&&t<=12){s=t;n=a}else if(t>12&&a>12){return null}else if(v(i)){n=t;s=a}else{s=t;n=a}return u(r,s,n)}if(e.length===7){const t=Number.parseInt(e.slice(3,7),10);const a=[{month:Number.parseInt(e.slice(0,1),10),day:Number.parseInt(e.slice(1,3),10),pattern:"MDD"},{day:Number.parseInt(e.slice(0,2),10),month:Number.parseInt(e.slice(2,3),10),pattern:"DDM"},{month:Number.parseInt(e.slice(0,2),10),day:Number.parseInt(e.slice(2,3),10),pattern:"MMD"}];const r=a.map((e=>({...e,date:u(t,e.month,e.day)}))).filter((e=>e.date!==null));if(r.length===0)return null;if(r.length===1)return r[0].date;const s=Number.parseInt(e.slice(1,3),10);const n=Number.parseInt(e.slice(0,1),10);if(n>=1&&n<=9&&s>=10){const e=r.find((e=>e.pattern==="MDD"));if(e)return e.date}const o=Number.parseInt(e.slice(0,2),10);if(o>12){const e=r.find((e=>e.pattern==="DDM"));if(e)return e.date}const c=Number.parseInt(e.slice(0,2),10);if(c>12){const e=r.find((e=>e.pattern==="MMD"));if(e)return e.date}const l=v(i)?"DDM":"MMD";const d=r.find((e=>e.pattern===l))??r[0];return d.date}return null}function g(e,i,t){const a=e.trim();if(!a)return null;const r=x(a);if(r)return r;if(/^\d+$/.test(a)){return b(a,i)}let s;if(t&&t.length>0){s=a.split(new RegExp(f(t))).filter(Boolean)}else{s=a.split(/[/\-.]|\s+/).filter(Boolean)}if(s.length!==3)return null;const n=s.map((e=>Number.parseInt(e,10)));if(n.some((e=>Number.isNaN(e))))return null;let o;let c;let l;if(s[0].length===4||n[0]>31){[o,c,l]=n}else if(s[2].length===4||n[2]>31){if(n[0]>12&&n[1]<=12){[l,c,o]=n}else if(n[1]>12&&n[0]<=12){[c,l,o]=n}else if(v(i)){[l,c,o]=n}else{[c,l,o]=n}}else{return null}return u(o,c,l)}function x(e){if(!e)return null;const i=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e.trim());if(!i)return null;const t=Number(i[1]);const a=Number(i[2])-1;const r=Number(i[3]);const s=new Date(t,a,r);if(s.getFullYear()!==t||s.getMonth()!==a||s.getDate()!==r){return null}return s}function w(e,i){return new Date(e,i+1,0).getDate()}function z(e){try{const i=Intl;const t=new i.Locale(e||"en-US");if(typeof t.getWeekInfo==="function"){const e=t.getWeekInfo();if(e&&typeof e.firstDay==="number"){return e.firstDay===7?0:e.firstDay}}if(t.weekInfo&&typeof t.weekInfo.firstDay==="number"){return t.weekInfo.firstDay===7?0:t.weekInfo.firstDay}}catch{}return 0}function D(e,i){return e<=i}function M(e,i){return e.getFullYear()===i.getFullYear()&&e.getMonth()===i.getMonth()&&e.getDate()===i.getDate()}function C(e,i){return new Date(e.getFullYear(),e.getMonth(),e.getDate()+i)}function P(e,i){const t=new Date(e.getFullYear(),e.getMonth()+i,1);const a=w(t.getFullYear(),t.getMonth());return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),a))}function F(e,i,t){const a=m(e);if(i&&!D(i,a)){return x(i)??e}if(t&&!D(a,t)){return x(t)??e}return e}function S(e,i,t){const a=m(e);if(i&&!D(i,a))return true;if(t&&!D(a,t))return true;return false}function I(e,i,t){const a=new Date(e,i,1);const r=a.getDay();const s=(r-t+7)%7;const n=C(a,-s);const o=[];for(let e=0;e<42;e++){const t=C(n,e);o.push({date:t,outOfMonth:t.getMonth()!==i})}return o}function Y(e,i,t="narrow"){const a=new Intl.DateTimeFormat(e||undefined,{weekday:t});const r=[];for(let e=0;e<7;e++){const t=(i+e)%7;r.push(a.format(new Date(2024,0,7+t)))}return r}const A=()=>`:host{--_selection-bloom-duration:var(      --pami-date-picker-selection-bloom-duration,      var(--md-sys-motion-duration-long1, 450ms)    );--_selection-bloom-easing:var(      --pami-date-picker-selection-bloom-easing,      var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))    );--_selection-bloom-out-duration:var(      --pami-date-picker-selection-bloom-out-duration,      var(--md-sys-motion-duration-short4, 200ms)    );--_calendar-bloom-duration:var(      --pami-date-picker-calendar-bloom-duration,      var(--md-sys-motion-duration-medium2, 300ms)    );--_grid-slide-duration:var(      --pami-date-picker-grid-slide-duration,      var(--md-sys-motion-duration-medium2, 300ms)    );--_grid-slide-easing:var(      --md-sys-motion-easing-emphasized,      cubic-bezier(0.2, 0, 0, 1)    );--_panel-bloom-out-duration:var(      --pami-date-picker-panel-bloom-out-duration,      var(--md-sys-motion-duration-short4, 200ms)    );--_selection-bloom-out-easing:var(      --md-sys-motion-easing-emphasized-accelerate,      cubic-bezier(0.3, 0, 0.8, 0.15)    );--_container-color:var(--pami-date-picker-container-color, var(--md-sys-color-surface));--_header-color:var(--pami-date-picker-header-color, var(--md-sys-color-surface-container-high));--_container-shape:var(--pami-date-picker-container-shape, var(--md-sys-shape-corner-extra-large, 28px));--_field-color:var(--pami-date-picker-field-color, var(--md-sys-color-outline));--_field-focus-color:var(--pami-date-picker-field-focus-color, var(--md-sys-color-focus-ring));--_field-text-color:var(--pami-date-picker-field-text-color, var(--md-sys-color-on-surface));--_field-container-color:var(      --pami-date-picker-field-container-color,      var(--md-sys-color-surface-container-highest, #e6e0e9)    );--_field-container-shape:var(      --pami-date-picker-field-container-shape,      var(--md-sys-shape-corner-extra-small, 4px)    );--_field-supporting-color:var(      --pami-date-picker-field-supporting-color,      var(--md-sys-color-on-surface-variant)    );--_label-color:var(--pami-date-picker-label-color, var(--md-sys-color-on-surface-variant));--_headline-color:var(--pami-date-picker-headline-color, var(--md-sys-color-on-surface));--_supporting-color:var(--pami-date-picker-supporting-color, var(--md-sys-color-on-surface-variant));--_weekday-color:var(--pami-date-picker-weekday-color, var(--md-sys-color-on-surface));--_weekday-size:24px;--_day-color:var(--pami-date-picker-day-color, var(--md-sys-color-on-surface));--_day-outside-color:var(--pami-date-picker-day-outside-color, var(--md-sys-color-on-surface-variant, #49454f));--_day-selected-color:var(--pami-date-picker-day-selected-color, var(--md-sys-color-on-primary));--_day-selected-bg:var(--pami-date-picker-day-selected-bg, var(--md-sys-color-primary));--_today-outline-color:var(--pami-date-picker-today-outline-color, var(--md-sys-color-primary));--_action-color:var(--pami-date-picker-action-color, var(--md-sys-color-primary));--_menu-color:var(--pami-date-picker-menu-color, var(--md-sys-color-surface-container-high));--_scrim-color:var(--pami-date-picker-scrim-color, var(--md-sys-color-scrim, #000));--_icon-color:var(--pami-date-picker-icon-color, var(--md-sys-color-on-surface-variant));--_panel-width:var(--pami-date-picker-panel-width, max(288px, calc(380px + var(--md-sys-density-scale, 0) * 20px)));--_panel-max-block-size:var(--pami-date-picker-panel-max-block-size, 524px);--_error-color:var(--md-sys-color-error);--_icon-size:var(--pami-date-picker-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_day-size:max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px));--_year-inline-size:var(--pami-date-picker-year-inline-size, max(48px, calc(72px + var(--md-sys-density-scale, 0) * 6px)));--_year-block-size:var(--pami-date-picker-year-block-size, max(24px, calc(36px + var(--md-sys-density-scale, 0) * 3px)));--_year-grid-gap:var(--pami-date-picker-year-grid-gap, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_year-grid-padding-inline:var(--pami-date-picker-year-grid-padding-inline, 30px);--_year-grid-viewport-block-size:var(--pami-date-picker-year-grid-viewport-block-size, max(180px, calc(288px + var(--md-sys-density-scale, 0) * 24px)));--_grid-gap:max(2px, calc(6px + var(--md-sys-density-scale, 0) * 1px));--_caret-fade-duration:var(--md-sys-motion-duration-short3, 150ms);--_caret-fade-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));display:inline-block;inline-size:100%;max-inline-size:var(--pami-date-picker-trigger-max-width, 360px);font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--_field-text-color);position:relative}:host(.pami-date-picker--docked){align-self:flex-start;--_docked-panel-width:var(--pami-date-picker-docked-panel-width, max(calc(360px + var(--md-sys-density-scale, 0) * 10px), var(--_panel-width)));--_docked-content-block-size:calc(      var(--_weekday-size) + 16px + 6 * var(--_day-size) + 5 * var(--_grid-gap) + 8px    )}:host(.pami-date-picker--modal){display:contents}:host(.pami-date-picker--disabled){pointer-events:none;opacity:0.5}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}.pami-date-picker__icon{font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);pointer-events:none}.pami-date-picker__textfield,.pami-date-picker__entry-textfield{display:block;inline-size:100%;--pami-text-field-outline-color:var(--_field-color);--pami-text-field-input-color:var(--_field-text-color);--pami-text-field-label-color:var(--_label-color);--pami-text-field-active-indicator-color:var(--_field-focus-color);--pami-text-field-supporting-text-color:var(--_field-supporting-color);--pami-text-field-icon-color:var(--_icon-color);--pami-text-field-container-color:var(--_field-container-color);--pami-text-field-container-shape:var(--_field-container-shape)}:host(.pami-date-picker--open) .pami-date-picker__textfield{--pami-text-field-active-indicator-color:var(--_field-focus-color);--pami-text-field-icon-color:var(--_field-focus-color)}.pami-date-picker__docked-anchor{position:relative;display:block;inline-size:100%}.pami-date-picker__modal{position:fixed;inset:0;z-index:var(--md-sys-z-index-modal, 1000);display:flex;align-items:center;justify-content:center;padding:var(--md-sys-spacing-inset-lg, 16px)}.pami-date-picker__scrim{position:absolute;inset:0;background:color-mix(in srgb, var(--_scrim-color) 32%, transparent);animation:pami-date-picker-fade-in var(--md-sys-motion-duration-short3, 150ms)      var(--md-sys-motion-easing-standard, ease)}.pami-date-picker__modal--closing .pami-date-picker__scrim{animation:pami-date-picker-fade-out      var(--_panel-bloom-out-duration)      var(--md-sys-motion-easing-standard, ease)      forwards}.pami-date-picker__panel{position:relative;display:flex;flex-direction:column;inline-size:var(--_panel-width);max-inline-size:calc(100vw - 32px);max-block-size:min(      var(--_panel-max-block-size),      calc(100vh - 32px),      calc(100dvh - 32px)    );overflow:hidden;background:var(--_container-color);color:var(--_field-text-color);border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3, none)}.pami-date-picker__panel:not(.pami-date-picker__panel--docked):not(.pami-date-picker__panel--input-mode){--_container-color:var(--pami-date-picker-container-color, var(--md-sys-color-surface-container-high));block-size:auto}.pami-date-picker__panel--input-mode:not(.pami-date-picker__panel--docked){--_container-color:var(--pami-date-picker-container-color, var(--md-sys-color-surface-container-high));block-size:auto;min-block-size:0}.pami-date-picker__panel:not(.pami-date-picker__panel--docked):not(.pami-date-picker__panel--bloom-out){animation:pami-date-picker-scale var(--md-sys-motion-duration-medium2, 300ms)      var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));transform-origin:center top}.pami-date-picker__panel--docked.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){animation:pami-date-picker-selection-bloom-in      var(--_selection-bloom-duration)      var(--_selection-bloom-easing)      both}.pami-date-picker__panel--bloom-out{animation:pami-date-picker-panel-bloom-out      var(--_panel-bloom-out-duration)      var(--_selection-bloom-out-easing)      both;transform-origin:center top}:host(.pami-date-picker--panel-closing) .pami-date-picker__panel{pointer-events:none}.pami-date-picker__panel:focus,.pami-date-picker__panel:focus-visible{outline:none}.pami-date-picker__panel--docked{--_container-color:var(--md-sys-color-surface-container-high);position:absolute;inset-block-start:4px;inset-block-end:auto;inset-inline-start:0;inset-inline-end:auto;inline-size:var(--_docked-panel-width);max-inline-size:calc(100vw - 32px);block-size:auto;min-block-size:0;max-block-size:min(      var(--_panel-max-block-size),      calc(100vh - 32px),      calc(100dvh - 32px)    );display:flex;flex-direction:column;overflow:visible;box-shadow:none;border-radius:var(--md-sys-shape-corner-large, 16px);z-index:var(--md-sys-z-index-popup, 900)}.pami-date-picker__panel--docked.pami-date-picker__panel--align-end{inset-inline-start:auto;inset-inline-end:0}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above{inset-block-start:auto;inset-block-end:4px}.pami-date-picker__docked-popup{position:absolute;inset-block-start:100%;inset-block-end:auto;inset-inline-start:0;inline-size:100%}.pami-date-picker__docked-popup--above{inset-block-start:auto;inset-block-end:100%}:host{--_docked-origin-inline-start:left;--_docked-origin-inline-end:right}:host([dir='rtl']),:host-context([dir='rtl']){--_docked-origin-inline-start:right;--_docked-origin-inline-end:left}.pami-date-picker__panel--docked.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){transform-origin:top var(--_docked-origin-inline-start)}.pami-date-picker__panel--docked.pami-date-picker__panel--align-end.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){transform-origin:top var(--_docked-origin-inline-end)}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){transform-origin:bottom var(--_docked-origin-inline-start)}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above.pami-date-picker__panel--align-end.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){transform-origin:bottom var(--_docked-origin-inline-end)}.pami-date-picker__panel--docked.pami-date-picker__panel--bloom-out{transform-origin:top var(--_docked-origin-inline-start)}.pami-date-picker__panel--docked.pami-date-picker__panel--align-end.pami-date-picker__panel--bloom-out{transform-origin:top var(--_docked-origin-inline-end)}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above.pami-date-picker__panel--bloom-out{transform-origin:bottom var(--_docked-origin-inline-start)}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above.pami-date-picker__panel--align-end.pami-date-picker__panel--bloom-out{transform-origin:bottom var(--_docked-origin-inline-end)}.pami-date-picker__header{display:flex;flex-direction:column;gap:0;padding-block-start:var(--md-sys-spacing-inset-lg, 16px);padding-block-end:var(--md-sys-spacing-inset-md, 12px);padding-inline-start:var(--md-sys-spacing-inset-xl, 24px);padding-inline-end:var(--md-sys-spacing-inset-md, 12px);background-color:var(--_header-color);border-block-end:1px solid var(--md-sys-color-outline-variant);flex:none}.pami-date-picker__header-supporting{font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);color:var(--_supporting-color);padding-block-end:max(4px, calc(36px + var(--md-sys-density-scale, 0) * 6px))}.pami-date-picker__header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-gap-sm, 8px);min-block-size:max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px))}.pami-date-picker__headline{flex:1 1 auto;min-inline-size:0;font-family:var(--md-sys-typescale-headline-large-font-family, Roboto, sans-serif);font-size:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));font-weight:var(--md-sys-typescale-headline-large-font-weight, 400);line-height:max(30px, calc(40px + var(--md-sys-density-scale, 0) * 2.5px));letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing, 0px);color:var(--_headline-color)}.pami-date-picker__mode-toggle{flex:none;--pami-icon-button-container-width:48px;--pami-icon-button-container-height:48px}.pami-date-picker__body{padding-block-start:var(--md-sys-spacing-inset-md, 12px);padding-inline:12px;padding-block-end:0;display:flex;flex-direction:column}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__body{flex:1 1 auto;min-block-size:0;overflow:hidden}.pami-date-picker__nav{display:flex;align-items:center;justify-content:space-between;min-block-size:48px;padding-inline:var(--md-sys-spacing-inset-xs, 4px);margin-block-end:var(--md-sys-spacing-inset-xs, 4px);flex:none}.pami-date-picker__nav-buttons{display:flex;gap:var(--md-sys-spacing-gap-xs, 4px);align-items:center}.pami-date-picker__nav pami-icon-button.pami-date-picker__nav-chevron{flex:none}.pami-date-picker__body--no-actions{padding-block-end:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px))}.pami-date-picker__body--docked,.pami-date-picker__body--docked.pami-date-picker__body--docked-selection{padding-block-start:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px));padding-inline:12px;padding-block-end:0}.pami-date-picker__body--docked.pami-date-picker__body--no-actions{padding-block-end:max(      0px,      calc(        max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px)) -          var(--md-sys-spacing-inset-sm, 8px)      )    );display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden}.pami-date-picker__docked-below-nav{flex:none;display:flex;align-items:center;inline-size:100%;box-sizing:border-box}.pami-date-picker__selection-divider{flex:none;inline-size:100%;margin:0;padding:0;border:none;box-sizing:border-box;display:flex;align-items:center}.pami-date-picker__body--docked-selection .pami-date-picker__docked-below-nav,.pami-date-picker__body--docked-selection .pami-date-picker__selection-menu-wrap{margin-inline:-12px;inline-size:calc(100% + 24px)}.pami-date-picker__selection-divider::before{content:'';display:block;inline-size:100%;block-size:1px;background-color:var(--md-sys-color-outline-variant)}.pami-date-picker__body--docked-selection .pami-date-picker__selection-divider{animation:pami-date-picker-selection-divider-in      var(--_selection-bloom-duration)      var(--_selection-bloom-easing)      both}.pami-date-picker__body--docked-selection>.pami-date-picker__selection-menu-wrap{box-sizing:border-box;flex:1 1 auto;block-size:auto;min-block-size:0;max-block-size:100%;border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px);transform-origin:center top}.pami-date-picker__body--docked-selection>.pami-date-picker__selection-menu-wrap:not(.pami-date-picker__selection-menu-wrap--bloom-out){animation:pami-date-picker-selection-bloom-in      var(--_selection-bloom-duration)      var(--_selection-bloom-easing)      both}.pami-date-picker__selection-menu-wrap--bloom-out{animation:pami-date-picker-selection-bloom-out      var(--_selection-bloom-out-duration)      var(--_selection-bloom-out-easing)      both;transform-origin:center top}.pami-date-picker__body--docked>.pami-date-picker__calendar{box-sizing:border-box;flex:1 1 auto;block-size:auto;min-block-size:0;max-block-size:100%;overflow-x:clip;overflow-y:auto}.pami-date-picker__body--docked .pami-date-picker__calendar--docked-bloom-in{animation:pami-date-picker-docked-calendar-bloom-in      var(--_calendar-bloom-duration)      var(--_selection-bloom-easing)      both;transform-origin:center top}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__calendar--content-bloom-in{animation:pami-date-picker-docked-calendar-bloom-in      var(--_calendar-bloom-duration)      var(--_selection-bloom-easing)      both;transform-origin:center top}.pami-date-picker__docked-nav{--_nav-chevron-size:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--_nav-focus-ring-gap:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--md-sys-spacing-gap-lg, 16px);inline-size:100%;padding-block-start:0;padding-inline:0;padding-block-end:30px;flex:none;box-sizing:border-box}.pami-date-picker__docked-nav .pami-date-picker__nav-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--md-sys-spacing-gap-xs, 4px);flex:0 0 auto;min-inline-size:0;box-sizing:border-box}.pami-date-picker__docked-nav pami-icon-button.pami-date-picker__directional-icon{flex:none;flex-shrink:0}.pami-date-picker__docked-nav .pami-date-picker__nav-group--month{justify-content:flex-start}.pami-date-picker__docked-nav .pami-date-picker__nav-group--year{justify-content:flex-end}.pami-date-picker__nav-chevron-slot{position:relative;flex:none;flex-shrink:0;inline-size:var(--_nav-chevron-size, 40px);block-size:var(--_nav-chevron-size, 40px)}.pami-date-picker__nav-chevron-slot>pami-tooltip,.pami-date-picker__nav-chevron-slot>.pami-date-picker__nav-chevron-spacer{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing),      visibility 0s linear var(--_caret-fade-duration)}.pami-date-picker__nav-chevron-slot>pami-tooltip.pami-date-picker__nav-chevron--visible,.pami-date-picker__nav-chevron-slot>.pami-date-picker__nav-chevron-spacer.pami-date-picker__nav-chevron--visible{opacity:1;visibility:visible;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing),      visibility 0s linear 0s}.pami-date-picker__nav-chevron-slot>pami-tooltip{display:block}.pami-date-picker__nav-chevron-slot>pami-tooltip.pami-date-picker__nav-chevron--visible{pointer-events:auto;z-index:1}.pami-date-picker__nav-chevron-spacer{display:block;inline-size:100%;block-size:100%}.pami-date-picker__icon-button{display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;border:none;border-radius:var(--md-sys-shape-corner-full, 9999px);background:transparent;cursor:pointer;position:relative;flex:none}.pami-date-picker__icon-button:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.pami-date-picker__icon-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)}.pami-date-picker__menu-button{flex:none;--pami-button-label-color:var(--md-sys-color-on-surface-variant);--pami-button-icon-size:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));--_state-layer-color:var(--md-sys-color-on-surface-variant)}.pami-date-picker__menu-button.pami-button--sm{gap:2px}.pami-date-picker__menu-button.pami-button--selected{--pami-button-container-color:var(--md-sys-color-secondary-container);--pami-button-label-color:var(--md-sys-color-on-secondary-container);--_state-layer-color:var(--md-sys-color-on-secondary-container)}.pami-date-picker__menu-button::part(label){font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}.pami-date-picker__menu-button-tooltip{--pami-tooltip-plain-max-inline-size:max-content}.pami-date-picker__menu-caret{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:none;inline-size:20px;block-size:20px}.pami-date-picker__menu-caret-glyph{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;font-size:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));line-height:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing),      visibility 0s linear var(--_caret-fade-duration)}.pami-date-picker__menu-caret-glyph--visible{opacity:1;visibility:visible;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing),      visibility 0s linear 0s}.pami-date-picker__selection-menu-wrap{inline-size:100%;display:flex;flex-direction:column;flex:0 0 auto;overflow:hidden;margin-block:0;box-sizing:border-box;background-color:var(--_container-color)}.pami-date-picker__selection-menu{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;inline-size:100%;block-size:100%;pointer-events:auto;z-index:auto;--pami-menu-min-width:100%;--pami-menu-max-width:none;--pami-menu-inline-surface-color:var(--_container-color);--pami-menu-inline-fill-radius-end:var(--md-sys-shape-corner-large, 16px)}.pami-date-picker__selection-menu pami-menu-item{--pami-menu-item-gap:var(--md-sys-spacing-gap-lg, 16px);padding-inline-start:var(--md-sys-spacing-inset-lg, 16px)}.pami-date-picker__selection-menu pami-menu-item::part(headline){font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 24px);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--md-sys-color-on-surface)}.pami-date-picker__calendar{padding-block-end:var(--md-sys-spacing-inset-sm, 8px);overflow-x:clip}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__calendar{flex:1 1 auto;display:flex;flex-direction:column;min-block-size:0;padding-block-end:0;overflow:hidden}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__weekdays{flex:none}.pami-date-picker__weekdays,.pami-date-picker__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--_grid-gap);justify-items:center}.pami-date-picker__weekdays{padding-block-end:var(--md-sys-spacing-inset-lg, 16px)}.pami-date-picker__weekday-tooltip{display:flex;align-items:center;justify-content:center;inline-size:var(--_day-size);cursor:pointer}.pami-date-picker__weekday{display:flex;align-items:center;justify-content:center;inline-size:var(--_day-size);block-size:var(--_weekday-size);cursor:pointer;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 24px);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--_weekday-color)}.pami-date-picker__grid{grid-auto-rows:var(--_day-size)}.pami-date-picker__week{display:contents}.pami-date-picker__grid--slide-forward{animation:pami-date-picker-grid-slide-forward      var(--_grid-slide-duration)      var(--_grid-slide-easing)      both}.pami-date-picker__grid--slide-backward{animation:pami-date-picker-grid-slide-backward      var(--_grid-slide-duration)      var(--_grid-slide-easing)      both}@keyframes pami-date-picker-grid-slide-forward{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pami-date-picker-grid-slide-backward{from{transform:translateX(-100%)}to{transform:translateX(0)}}:host-context([dir='rtl']) .pami-date-picker__grid--slide-forward,:host([dir='rtl']) .pami-date-picker__grid--slide-forward{animation-name:pami-date-picker-grid-slide-forward-rtl}:host-context([dir='rtl']) .pami-date-picker__grid--slide-backward,:host([dir='rtl']) .pami-date-picker__grid--slide-backward{animation-name:pami-date-picker-grid-slide-backward-rtl}@keyframes pami-date-picker-grid-slide-forward-rtl{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pami-date-picker-grid-slide-backward-rtl{from{transform:translateX(100%)}to{transform:translateX(0)}}.pami-date-picker__day,.pami-date-picker__year{--pami-button-label-color:var(--_day-color);--pami-button-container-color:transparent;position:relative;padding:0;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 24px);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);font-variant-numeric:tabular-nums}.pami-date-picker__day::part(label),.pami-date-picker__year::part(label){position:relative;z-index:1;font:inherit;font-variant-numeric:tabular-nums}.pami-date-picker__day:focus-visible,.pami-date-picker__year:focus-visible{outline-offset:-1px}.pami-date-picker__day{--pami-button-min-width:var(--_day-size);--pami-button-width:var(--_day-size);--pami-button-min-height:var(--_day-size);--pami-button-height:var(--_day-size)}.pami-date-picker__day--today{--pami-button-container-shape:var(--pami-date-picker-day-today-shape, calc(var(--_day-size) / 2));--pami-button-label-color:var(--_today-outline-color);box-shadow:0 0 0 1px var(--_today-outline-color)}.pami-date-picker__day--outside{--pami-button-label-color:var(--_day-outside-color)}.pami-date-picker__day--selected,.pami-date-picker__year--selected{--pami-button-container-color:var(--_day-selected-bg);--pami-button-label-color:var(--_day-selected-color);--pami-button-container-shape:var(--pami-date-picker-day-selected-shape)}.pami-date-picker__day--selected.pami-date-picker__day--today{box-shadow:none}.pami-date-picker__day--disabled,.pami-date-picker__year--disabled{--pami-button-label-color:color-mix(      in srgb,      var(--_day-color) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%),      transparent    )}.pami-date-picker__year-grid-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden;transform-origin:center top}.pami-date-picker__body--year-view .pami-date-picker__year-grid-wrap{margin-inline:-12px;inline-size:calc(100% + 24px);box-sizing:border-box}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__year-grid-wrap:not(.pami-date-picker__year-grid-wrap--bloom-out){animation:pami-date-picker-selection-bloom-in      var(--_selection-bloom-duration)      var(--_selection-bloom-easing)      both}.pami-date-picker__year-grid-wrap--bloom-out{animation:pami-date-picker-selection-bloom-out      var(--_selection-bloom-out-duration)      var(--_selection-bloom-out-easing)      both}.pami-date-picker__year-grid-scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__year-grid-scroll{min-block-size:var(--_year-grid-viewport-block-size);max-block-size:var(--_year-grid-viewport-block-size)}.pami-date-picker__year-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--_year-block-size);gap:var(--_year-grid-gap);padding-block-start:8px;padding-inline:var(--_year-grid-padding-inline);padding-block-end:16px;align-content:start}.pami-date-picker__year-row{display:contents}.pami-date-picker__panel:not(.pami-date-picker__panel--docked):not(.pami-date-picker__panel--input-mode) .pami-date-picker__entry{flex:1 1 auto;min-block-size:0;overflow-y:auto;padding:var(--md-sys-spacing-inset-lg, 16px) var(--md-sys-spacing-inset-xl, 24px) var(--md-sys-spacing-inset-sm, 8px)}.pami-date-picker__year{--pami-button-min-width:var(--_year-inline-size);--pami-button-width:var(--_year-inline-size);--pami-button-min-height:var(--_year-block-size);--pami-button-height:var(--_year-block-size)}.pami-date-picker__year:nth-child(3n+1){justify-self:start}.pami-date-picker__year:nth-child(3n+2){justify-self:center}.pami-date-picker__year:nth-child(3n){justify-self:end}.pami-date-picker__entry{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-gap-lg, 16px);padding:0;inline-size:100%}.pami-date-picker__body--input-mode{padding-block-start:var(--md-sys-spacing-inset-xl, 24px);padding-inline:var(--md-sys-spacing-inset-xl, 24px);padding-block-end:var(--md-sys-spacing-inset-sm, 8px);flex:none}.pami-date-picker__entry-error{flex-basis:100%;font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--_error-color)}.pami-date-picker__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--md-sys-spacing-gap-sm, 8px);min-block-size:max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px));padding-block:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-md, 12px);padding-inline:12px;flex:none}.pami-date-picker__action-btn{--pami-button-label-color:var(--_action-color)}.pami-date-picker__action-btn--primary{--pami-button-label-color:var(--_action-color)}:host-context([dir='rtl']) .pami-date-picker__directional-icon .pami-date-picker__icon,:host([dir='rtl']) .pami-date-picker__directional-icon .pami-date-picker__icon{transform:scaleX(-1)}:host-context([dir='rtl']) pami-icon-button.pami-date-picker__directional-icon,:host([dir='rtl']) pami-icon-button.pami-date-picker__directional-icon{transform:scaleX(-1)}::slotted([slot='leading-icon']){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:var(--_icon-color);fill:currentColor;pointer-events:none}:host([data-theme='dark']),:host-context([data-theme='dark']){--_container-color:var(--pami-date-picker-container-color, var(--md-sys-color-surface));--_header-color:var(--pami-date-picker-header-color, var(--md-sys-color-surface-container-high))}@keyframes pami-date-picker-selection-bloom-in{from{opacity:0;transform:translateY(8px) scale(0.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pami-date-picker-selection-bloom-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(0.96)}}@keyframes pami-date-picker-selection-divider-in{from{opacity:0}to{opacity:1}}@keyframes pami-date-picker-docked-calendar-bloom-in{from{opacity:0;transform:translateY(8px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pami-date-picker-fade-in{from{opacity:0}}@keyframes pami-date-picker-fade-out{from{opacity:1}to{opacity:0}}@keyframes pami-date-picker-scale{from{opacity:0;transform:scale(0.9)}}@keyframes pami-date-picker-panel-bloom-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(0.96)}}@media (prefers-reduced-motion: reduce){.pami-date-picker__scrim,.pami-date-picker__modal--closing .pami-date-picker__scrim,.pami-date-picker__panel:not(.pami-date-picker__panel--docked),.pami-date-picker__panel--docked.pami-date-picker__panel--bloom-in,.pami-date-picker__panel--bloom-out,.pami-date-picker__body--docked-selection .pami-date-picker__selection-divider,.pami-date-picker__body--docked-selection>.pami-date-picker__selection-menu-wrap:not(.pami-date-picker__selection-menu-wrap--bloom-out),.pami-date-picker__selection-menu-wrap--bloom-out,.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__year-grid-wrap:not(.pami-date-picker__year-grid-wrap--bloom-out),.pami-date-picker__year-grid-wrap--bloom-out,.pami-date-picker__calendar--docked-bloom-in,.pami-date-picker__calendar--content-bloom-in,.pami-date-picker__grid--slide-forward,.pami-date-picker__grid--slide-backward{animation:none}.pami-date-picker__nav-chevron-slot>pami-tooltip,.pami-date-picker__nav-chevron-slot>.pami-date-picker__nav-chevron-spacer,.pami-date-picker__menu-caret-glyph{transition: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}`;let T=0;const N=450;const $=200;const E=200;const j=300;const q=3;const R=5;const V=class{constructor(t){e(this,t);this.pamiChange=i(this,"pamiChange",7);this.pamiSelected=i(this,"pamiSelected",7);this.pamiInput=i(this,"pamiInput",7);this.pamiOpen=i(this,"pamiOpen",7);this.pamiClose=i(this,"pamiClose",7);this.pamiCancel=i(this,"pamiCancel",7);this.pamiViewChange=i(this,"pamiViewChange",7);this.pamiMenuOpen=i(this,"pamiMenuOpen",7);this.pamiMenuSelect=i(this,"pamiMenuSelect",7);this.pamiModeChange=i(this,"pamiModeChange",7);this.pamiValidityChange=i(this,"pamiValidityChange",5);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.validationMessage="";this.inlineValidation=new n({host:()=>this.el,validity:()=>o(this.internals),message:e=>{this.validationMessage=e},focus:()=>this.focusInput()});this.valueMissingLabel="Please choose a date.";this.reserveSupportingSpace=false;this.customValidityMessage="";this.defaultValue="";this.variant="modal-input";this.value="";this.label="Date";this.placeholder="";this.min="";this.max="";this.open=false;this.disabled=false;this.required=false;this.clearable=false;this.clearLabel="Clear date";this.error=false;this.errorText="";this.supportingText="";this.locale="";this.dateSeparator="";this.firstDayOfWeek=-1;this.headline="Select date";this.cancelLabel="Cancel";this.okLabel="OK";this.selectDateLabel="Select date";this.enterDatesLabel="Enter dates";this.invalidDateLabel="Invalid date";this.previousMonthLabel="Previous month";this.nextMonthLabel="Next month";this.previousYearLabel="Previous year";this.nextYearLabel="Next year";this.chooseMonthLabel="Choose month";this.chooseYearLabel="Choose year";this.chooseMonthYearLabel="Choose a different month and year";this.chooseMonthAndYearLabel="Choose month and year";this.toggleCalendarLabel="Switch to calendar input";this.toggleTextLabel="Switch to text input";this.openCalendarLabel="Open calendar";this.closeCalendarLabel="Close calendar";this.calendarIcon="calendar_today";this.yearGridLabel="Year";this.scrimDismissible=true;this.outsideClickDismissible=true;this.commitOnSelect=false;this.name="";this.density=0;this.focused=false;this.inputDraft="";this.viewYear=(new Date).getFullYear();this.viewMonth=(new Date).getMonth();this.viewMode="calendar";this.inputMode=false;this.focusedDate=new Date;this.pendingDate=null;this.hasSlottedHeader=false;this.hasSlottedActions=false;this.hasSlottedLeading=false;this.hasSlottedCalendarIcon=false;this.monthMenuOpen=false;this.yearMenuOpen=false;this.selectionMenuClosing=null;this.dockedCalendarBloom=false;this.gridSlideDirection=null;this.yearViewClosing=false;this.modalCalendarBloom=false;this.panelClosing=false;this.dockedPanelAlign="start";this.dockedPanelPlacement="below";this.dockedPanelMaxBlockSize=null;this.uid=`pami-dp-${++T}`;this.entryInputShouldFocus=false;this.restoreFocusEl=null;this.gridShouldFocus=false;this.menuShouldFocus=null;this.menuRestoreFocus=null;this.yearGridShouldScroll=false;this.yearListMinYear=null;this.yearListMaxYear=null;this.panelPointerEngaged=false;this.closingFromDismiss=false;this.dockedPositionCleanup=null;this.dockedPositionRafId=0;this.dockedPositionRafAttempts=0;this.lastSelectedEmitValue=null;this.onFieldInput=e=>{const i=e.target.value;this.inputDraft=i;this.pamiInput.emit({value:i})};this.onFieldCommit=()=>{const e=this.inputDraft.trim();if(!e){this.value="";this.inputDraft="";this.error=false;this.errorText="";this.emitChange();this.syncTextFieldDisplay();return}const i=g(e,this.locale,this.dateSeparator||undefined);if(!i||this.isDisabledDate(i)){this.error=true;this.errorText=this.errorText||(this.invalidDateLabel??"Invalid date");return}this.value=m(i);this.inputDraft=this.formatField(i);this.error=false;this.errorText="";this.syncViewToValue();this.emitChange();this.syncTextFieldDisplay()};this.onGridSlideAnimationEnd=e=>{if(e.target!==e.currentTarget)return;const i=e.animationName??"";if(!i.includes("pami-date-picker-grid-slide"))return;this.gridSlideDirection=null};this.toggleMonthMenu=()=>{void this.toggleMonthMenuAsync()};this.toggleYearMenu=()=>{void this.toggleYearMenuAsync()};this.onMonthMenuClose=()=>{if(!this.monthMenuOpen)return;void this.closeDockedSelectionMenu("month",{bloomCalendar:true,restoreFocus:true})};this.onYearMenuClose=()=>{if(!this.yearMenuOpen)return;void this.closeDockedSelectionMenu("year",{bloomCalendar:true,restoreFocus:true})};this.toggleYearView=()=>{if(this.viewMode==="year"){void this.closeYearViewAnimated()}else{this.openYearView()}};this.toggleInputMode=()=>{if(this.inputMode){this.commitDialogInput();if(this.error)return}else{this.inputDraft=this.pendingDate?this.formatField(this.pendingDate):""}this.inputMode=!this.inputMode;this.viewMode="calendar";this.emitModeChange(this.inputMode?"input":"calendar");if(this.inputMode){this.entryInputShouldFocus=true}};this.onPanelMouseDown=e=>{if(e.button!==0||!this.open||!this.panelEl)return;if(!this.shouldPanelClaimFocus(e.target))return;this.panelPointerEngaged=true;if(this.viewMode==="calendar"&&!this.inputMode&&!this.monthMenuOpen&&!this.yearMenuOpen){this.gridShouldFocus=true}};this.handleDayKeyDown=e=>{if(e.defaultPrevented)return;this.handleCalendarKeyDown(e)};this.handleCalendarKeyDown=e=>{if(e.defaultPrevented)return;if(this.isDockedMenuToggleKey(e)){const i=e.key.toLowerCase();if(i==="m"){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();this.toggleMonthMenu();return}if(i==="y"){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();this.toggleYearMenu();return}}let i=null;switch(this.resolveNavigationKey(e)){case"ArrowRight":i=C(this.focusedDate,1);break;case"ArrowLeft":i=C(this.focusedDate,-1);break;case"ArrowDown":i=C(this.focusedDate,7);break;case"ArrowUp":i=C(this.focusedDate,-7);break;case"Home":i=new Date(this.focusedDate.getFullYear(),this.focusedDate.getMonth(),1);break;case"End":i=new Date(this.focusedDate.getFullYear(),this.focusedDate.getMonth(),w(this.focusedDate.getFullYear(),this.focusedDate.getMonth()));break;case"PageUp":i=P(this.focusedDate,e.shiftKey?-12:-1);break;case"PageDown":i=P(this.focusedDate,e.shiftKey?12:1);break;case"Enter":{if(!this.isDayGridKeyTarget(e.target))return;e.preventDefault();if(this.isDisabledDate(this.focusedDate))return;this.selectDay({date:this.focusedDate,outOfMonth:false});this.commit();return}case" ":{if(!this.isDayGridKeyTarget(e.target))return;e.preventDefault();this.selectDay({date:this.focusedDate,outOfMonth:false});return}default:return}e.preventDefault();const t=this.viewYear;const a=this.viewMonth;this.focusedDate=F(i,this.min,this.max);const r=this.resolveNavigationKey(e);if((r==="PageUp"||r==="PageDown")&&(this.focusedDate.getFullYear()!==t||this.focusedDate.getMonth()!==a)){this.setGridSlideDirection(r==="PageDown"?1:-1)}this.viewYear=this.focusedDate.getFullYear();this.viewMonth=this.focusedDate.getMonth();this.gridShouldFocus=true};this.onPanelKeyDown=e=>{if(e.key==="Escape"){e.preventDefault();if(this.isDocked&&(this.monthMenuOpen||this.yearMenuOpen)){this.closeMenus(null,true);return}this.requestDismiss();return}if(this.canHandleCalendarKeyDown(e,this.resolveCalendarKeyTarget(e))){this.handleCalendarKeyDown(e);return}if(e.key==="Tab"&&!this.isDocked){this.trapTab(e)}};this.textFieldKeyDown=e=>{if(e.key!=="Enter")return;if(e.defaultPrevented)return;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(e.target);this.onFieldCommit()};this.entryTextFieldKeyDown=e=>{if(e.key!=="Enter"||!this.inputMode)return;if(e.defaultPrevented)return;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(e.target);this.commitDialogInput();if(this.error)return;this.commit()};this.lastValidityKey=null}resetValidationPresentation(){this.inlineValidation.reset()}handleInvalid(e){this.inlineValidation.handleInvalid(e)}get hasField(){return this.variant!=="modal"}get isDocked(){return this.variant==="docked"}get triggerExpanded(){return this.open&&!this.panelClosing}connectedCallback(){this.syncViewToValue()}componentWillLoad(){this.defaultValue=this.value;this.syncFormValue();this.hasSlottedHeader=!!this.el.querySelector('[slot="header"]');this.hasSlottedActions=!!this.el.querySelector('[slot="actions"]');this.hasSlottedLeading=!!this.el.querySelector('[slot="leading-icon"]');this.hasSlottedCalendarIcon=!!this.el.querySelector('[slot="calendar-icon"]');if(this.value){this.seedFieldDraftFromValue()}if(this.open){this.seedPending();this.lockScroll();this.gridShouldFocus=true}}componentDidLoad(){const e=this.el.shadowRoot;if(!e)return;const i=(i,t)=>{const a=e.querySelector(`slot[name="${i}"]`);if(!a)return;const r=()=>t(a.assignedElements().length>0);a.addEventListener("slotchange",r);r()};i("header",(e=>this.hasSlottedHeader=e));i("actions",(e=>this.hasSlottedActions=e));i("leading-icon",(e=>this.hasSlottedLeading=e));i("calendar-icon",(e=>this.hasSlottedCalendarIcon=e))}disconnectedCallback(){this.unlockScroll();this.unbindDockedPositionListeners()}getDockedViewportMargin(){return 16}resetDockedPanelPosition(){this.dockedPanelAlign="start";this.dockedPanelPlacement="below";this.dockedPanelMaxBlockSize=null;this.dockedPositionRafAttempts=0;if(this.dockedPositionRafId){cancelAnimationFrame(this.dockedPositionRafId);this.dockedPositionRafId=0}}resolveDockedPanelBlockSize(e){const i=e.style.getPropertyValue("max-block-size");const t=e.style.getPropertyPriority("max-block-size");e.style.setProperty("max-block-size","none","important");const a=e.offsetHeight||e.getBoundingClientRect().height;if(i){e.style.setProperty("max-block-size",i,t)}else{e.style.removeProperty("max-block-size")}return a}isRtl(){if(typeof window==="undefined")return false;return getComputedStyle(this.el).direction==="rtl"}projectedHorizontalRect(e,i,t){const a=this.isRtl();if(t==="start"){if(a){return{left:e.right-i,right:e.right}}return{left:e.left,right:e.left+i}}if(a){return{left:e.left,right:e.left+i}}return{left:e.right-i,right:e.right}}positionDockedPanel(){if(!this.isDocked||!this.open||this.panelClosing)return;const e=this.dockedAnchorEl??this.el.shadowRoot?.querySelector(".pami-date-picker__docked-anchor");const i=this.panelEl;if(!e||!i)return;const t=e.getBoundingClientRect();const a=i.offsetWidth||i.getBoundingClientRect().width;const r=i.offsetHeight||i.getBoundingClientRect().height;if(a===0||r===0){if(typeof requestAnimationFrame==="function"&&this.dockedPositionRafAttempts<V.DOCKED_POSITION_RAF_MAX){this.dockedPositionRafAttempts+=1;cancelAnimationFrame(this.dockedPositionRafId);this.dockedPositionRafId=requestAnimationFrame((()=>{this.dockedPositionRafId=0;this.positionDockedPanel()}))}return}this.dockedPositionRafAttempts=0;const s=this.resolveDockedPanelBlockSize(i);const n=this.getDockedViewportMargin();const o=window.innerWidth;const c=window.innerHeight;const l=4;let d="start";let p="below";let h=null;const m=this.projectedHorizontalRect(t,a,"start");if(m.right>o-n){const e=this.projectedHorizontalRect(t,a,"end");if(e.left>=n){d="end"}}const u=this.projectedHorizontalRect(t,a,d);if(u.left<n){const e=this.projectedHorizontalRect(t,a,"end");if(e.left>=n){d="end"}}else if(d==="end"){const e=this.projectedHorizontalRect(t,a,"end");if(e.left<n){const e=this.projectedHorizontalRect(t,a,"start");if(e.right<=o-n){d="start"}}}const f=t.bottom+l+s;if(f>c-n){const e=t.top-l-s;if(e>=n){p="above"}else{const e=c-n-t.bottom-l;if(e>0){h=`${Math.floor(e)}px`}}}if(p==="above"){const e=t.top-l-n;if(e>0&&s>e){h=`${Math.floor(e)}px`}}const _=this.dockedPanelAlign!==d||this.dockedPanelPlacement!==p||this.dockedPanelMaxBlockSize!==h;if(_){this.dockedPanelAlign=d;this.dockedPanelPlacement=p;this.dockedPanelMaxBlockSize=h}}bindDockedPositionListeners(){if(this.dockedPositionCleanup||typeof window==="undefined")return;const e=()=>this.positionDockedPanel();window.addEventListener("resize",e,{passive:true});window.addEventListener("scroll",e,{passive:true,capture:true});this.dockedPositionCleanup=()=>{window.removeEventListener("resize",e);window.removeEventListener("scroll",e,{capture:true})}}unbindDockedPositionListeners(){this.dockedPositionCleanup?.();this.dockedPositionCleanup=null}onBoundsChange(){if(!this.open)this.syncViewToValue()}onDateSeparatorChange(){if(this.value){this.seedFieldDraftFromValue()}}onOpenChange(e,i){if(e===i)return;if(e){this.panelClosing=false;this.handleOpen()}else if(!this.closingFromDismiss&&!this.panelClosing){this.open=true;void this.dismissPanel()}else{this.handleClose()}}async show(){if(this.disabled)return;this.open=true}async close(){await this.dismissPanel()}async clear(){if(this.disabled)return;this.value="";this.inputDraft="";this.error=false;this.errorText="";this.emitChange()}async focusInput(){const e=this.el.shadowRoot?.querySelector("pami-text-field")?.shadowRoot?.querySelector(".pami-text-field__input");if(e){e.focus();return}this.triggerEl?.focus()}get loc(){return this.locale||undefined}resolvedFirstDay(){if(this.firstDayOfWeek>=0&&this.firstDayOfWeek<=6){return this.firstDayOfWeek}return z(this.locale)}formatHeadline(e){if(!e)return"";return new Intl.DateTimeFormat(this.loc,{weekday:"short",month:"short",day:"numeric"}).format(e)}formatField(e){if(!e)return"";return k(e,this.loc,this.dateSeparator||undefined)}formatMonthYear(e,i){return new Intl.DateTimeFormat(this.loc,{month:"long",year:"numeric"}).format(new Date(e,i,1))}formatFullDate(e){return new Intl.DateTimeFormat(this.loc,{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(e)}dateFormatHint(){return y(this.loc,this.dateSeparator||undefined)}syncViewToValue(){const e=x(this.value)??x(this.min)??new Date;this.viewYear=e.getFullYear();this.viewMonth=e.getMonth();this.focusedDate=F(e,this.min,this.max)}seedPending(){this.viewMode="calendar";this.pendingDate=x(this.value);this.seedFieldDraftFromValue();this.syncViewToValue()}handleOpen(){this.restoreFocusEl=typeof document!=="undefined"?document.activeElement??null:null;this.inputMode=this.variant==="modal-input"?false:this.inputMode;this.monthMenuOpen=false;this.yearMenuOpen=false;this.clearYearListRange();this.yearViewClosing=false;this.clearModalCalendarBloom();this.resetDockedPanelPosition();this.seedPending();this.lockScroll();this.pamiOpen.emit();this.gridShouldFocus=true;if(this.isDocked){this.bindDockedPositionListeners()}}handleClose(){this.unlockScroll();this.unbindDockedPositionListeners();this.resetDockedPanelPosition();this.panelPointerEngaged=false;this.panelClosing=false;this.clearDockedCalendarBloom();this.clearModalCalendarBloom();this.yearViewClosing=false;this.monthMenuOpen=false;this.yearMenuOpen=false;this.selectionMenuClosing=null;this.clearYearListRange();this.pamiClose.emit();const e=this.restoreFocusEl??this.triggerEl??null;if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>e?.focus?.()))}else{e?.focus?.()}}async dismissPanel(){if(!this.open||this.panelClosing)return;if(this.isDocked&&(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing)){await this.closeDockedMenusAnimated(null,false)}if(this.prefersReducedMotion()){this.closingFromDismiss=true;this.open=false;this.closingFromDismiss=false;return}this.panelClosing=true;await this.delay(this.panelBloomOutMs());this.closingFromDismiss=true;this.open=false;this.panelClosing=false;this.closingFromDismiss=false}lockScroll(){if(this.isDocked)return;try{document.body.style.setProperty("overflow","hidden")}catch{}}unlockScroll(){try{document.body.style.removeProperty("overflow")}catch{}}isDisabledDate(e){if(S(e,this.min,this.max))return true;if(this.isDateDisabled&&this.isDateDisabled(e))return true;return false}isDisabledYear(e){const i=x(this.min);const t=x(this.max);if(i&&e<i.getFullYear())return true;if(t&&e>t.getFullYear())return true;return false}emitChange(){const e=x(this.value);this.pamiChange.emit({value:this.value,date:e})}emitSelected(e){const i=m(e);if(this.lastSelectedEmitValue===i)return;this.lastSelectedEmitValue=i;this.pamiSelected.emit({value:i,date:e});void Promise.resolve().then((()=>{this.lastSelectedEmitValue=null}))}emitViewChange(e){this.pamiViewChange.emit({month:this.viewMonth,year:this.viewYear,source:e})}emitMenuOpen(e){this.pamiMenuOpen.emit({type:e})}emitMenuSelect(e,i,t){this.pamiMenuSelect.emit({type:e,value:i,label:t})}emitModeChange(e){this.pamiModeChange.emit({mode:e})}monthLabel(e){return new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(2024,e,1))}selectDay(e){const i=e.date;if(this.isDisabledDate(i))return;this.closeMenus(null,false);this.focusedDate=i;if(e.outOfMonth){this.viewYear=i.getFullYear();this.viewMonth=i.getMonth()}this.pendingDate=i;this.emitSelected(i);if(this.commitOnSelect)this.commit()}commit(){if(this.pendingDate){this.value=m(this.pendingDate);this.inputDraft=this.formatField(this.pendingDate);this.error=false;this.errorText=""}this.emitChange();void this.dismissPanel()}cancel(){this.pamiCancel.emit();void this.dismissPanel()}requestDismiss(){this.cancel()}syncInputDraftFromField(e){const i=this.asEventElement(e);if(!i)return;const t=i.closest("input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])");if(t){this.inputDraft=t.value;return}const a=i.closest("pami-text-field");if(a){this.inputDraft=a.value??this.inputDraft}}syncTextFieldDisplay(){if(this.variant==="modal")return;const e=this.el.shadowRoot?.querySelector("pami-text-field");if(!e)return;e.value=this.inputDraft;const i=e.shadowRoot?.querySelector(".pami-text-field__input");if(i){i.value=this.inputDraft}}syncEntryTextFieldDisplay(){if(!this.entryTextFieldEl)return;const e=this.entryTextFieldEl;e.value=this.inputDraft;const i=e.shadowRoot?.querySelector(".pami-text-field__input");if(i){i.value=this.inputDraft}}seedFieldDraftFromValue(){const e=x(this.value);this.inputDraft=e?this.formatField(e):""}commitDialogInput(){const e=this.inputDraft.trim();if(!e){this.error=false;this.errorText="";this.pendingDate=null;return}const i=g(e,this.locale,this.dateSeparator||undefined);if(!i||this.isDisabledDate(i)){this.error=true;this.errorText=this.invalidDateLabel??"Invalid date";return}this.error=false;this.errorText="";this.pendingDate=i;this.inputDraft=this.formatField(i);this.syncEntryTextFieldDisplay();this.viewYear=i.getFullYear();this.viewMonth=i.getMonth();this.focusedDate=i}setGridSlideDirection(e){if(this.prefersReducedMotion())return;if(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing||this.dockedCalendarBloom){return}this.gridSlideDirection=e>0?"forward":"backward"}goToMonth(e,i=false){this.setGridSlideDirection(e);const t=P(new Date(this.viewYear,this.viewMonth,1),e);this.viewYear=t.getFullYear();this.viewMonth=t.getMonth();if(i){this.emitViewChange("chevron-month")}}goToYear(e,i=false){this.setGridSlideDirection(e);this.viewYear+=e;if(this.yearMenuOpen||this.selectionMenuClosing==="year"||this.viewMode==="year"||this.yearViewClosing){this.captureYearListRange()}if(i){this.emitViewChange("chevron-year")}}navActionLabel(e,i){if(e==="month"){return i==="prev"?this.previousMonthLabel??"Previous month":this.nextMonthLabel??"Next month"}return i==="prev"?this.previousYearLabel??"Previous year":this.nextYearLabel??"Next year"}navShortcutKey(e,i){if(e==="month"){return i==="prev"?"Page Up":"Page Down"}return i==="prev"?"Shift+Page Up":"Shift+Page Down"}navTooltipText(e,i){return`${this.navActionLabel(e,i)} (${this.navShortcutKey(e,i)})`}menuShortcutKey(e){return e==="month"?"Shift+M":"Shift+Y"}menuTooltipText(e){if(e==="month"){const i=new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(this.viewYear,this.viewMonth,1));return`${i} · ${this.chooseMonthLabel} (${this.menuShortcutKey(e)})`}return`${this.chooseYearLabel} (${this.menuShortcutKey(e)})`}captureYearListRange(){const e=this.viewYear;this.yearListMinYear=x(this.min)?.getFullYear()??e-100;this.yearListMaxYear=x(this.max)?.getFullYear()??e+100}clearYearListRange(){this.yearListMinYear=null;this.yearListMaxYear=null}getYearListBounds(){if(this.yearListMinYear!=null&&this.yearListMaxYear!=null){return{minYear:this.yearListMinYear,maxYear:this.yearListMaxYear}}const e=this.viewYear;return{minYear:x(this.min)?.getFullYear()??e-100,maxYear:x(this.max)?.getFullYear()??e+100}}closeMenus(e,i){if(this.isDocked){void this.closeDockedMenusAnimated(e,i);return}if(e!=="month"&&this.monthMenuOpen){this.monthMenuOpen=false;if(i)this.restoreMenuFocus(this.monthMenuButtonEl)}if(e!=="year"&&this.yearMenuOpen){this.yearMenuOpen=false;this.clearYearListRange();if(i)this.restoreMenuFocus(this.yearMenuButtonEl)}}async closeDockedSelectionMenu(e,i={}){const{bloomCalendar:t=true,restoreFocus:a=true}=i;const r=e==="month"?this.monthMenuOpen:this.yearMenuOpen;if(!r||this.selectionMenuClosing===e)return;this.selectionMenuClosing=e;await this.delay(this.selectionBloomOutMs());this.selectionMenuClosing=null;if(e==="month"){this.monthMenuOpen=false}else{this.yearMenuOpen=false;this.clearYearListRange()}if(a){this.gridShouldFocus=false;this.menuRestoreFocus=e}else if(t&&!this.monthMenuOpen&&!this.yearMenuOpen){this.gridShouldFocus=true}if(t&&!this.monthMenuOpen&&!this.yearMenuOpen){this.beginDockedCalendarBloom()}else if(this.isDocked&&!this.monthMenuOpen&&!this.yearMenuOpen){this.positionDockedPanel()}}async closeDockedMenusAnimated(e,i){const t=e===null;if(e!=="month"&&this.monthMenuOpen){await this.closeDockedSelectionMenu("month",{bloomCalendar:t,restoreFocus:i})}if(e!=="year"&&this.yearMenuOpen){await this.closeDockedSelectionMenu("year",{bloomCalendar:t,restoreFocus:i})}}openDockedMonthMenu(){this.clearDockedCalendarBloom();this.selectionMenuClosing=null;this.menuRestoreFocus=null;this.yearMenuOpen=false;this.monthMenuOpen=true;this.menuShouldFocus="month";this.emitMenuOpen("month")}openDockedYearMenu(){this.clearDockedCalendarBloom();this.selectionMenuClosing=null;this.menuRestoreFocus=null;this.monthMenuOpen=false;this.captureYearListRange();this.yearMenuOpen=true;this.menuShouldFocus="year";this.emitMenuOpen("year")}isDockedMonthMenuExpanded(){return this.monthMenuOpen||this.selectionMenuClosing==="month"}isDockedYearMenuExpanded(){return this.yearMenuOpen||this.selectionMenuClosing==="year"}dockedSelectionMenuToShow(){if(this.monthMenuOpen&&this.yearMenuOpen){if(this.selectionMenuClosing==="year")return"month";if(this.selectionMenuClosing==="month")return"year";return"year"}if(this.yearMenuOpen||this.selectionMenuClosing==="year")return"year";if(this.monthMenuOpen||this.selectionMenuClosing==="month")return"month";return null}dockedMenuTrailingIcon(e){return e?"arrow_drop_up":"arrow_drop_down"}renderDockedMenuTrailingCaret(e){return t("span",{slot:"trailing-icon",class:"pami-date-picker__menu-caret",part:"menu-caret","aria-hidden":"true"},t("pami-icon",{class:{"pami-date-picker__menu-caret-glyph":true,"pami-date-picker__menu-caret-glyph--down":true,"pami-date-picker__menu-caret-glyph--visible":!e},name:"arrow_drop_down"}),t("pami-icon",{class:{"pami-date-picker__menu-caret-glyph":true,"pami-date-picker__menu-caret-glyph--up":true,"pami-date-picker__menu-caret-glyph--visible":e},name:"arrow_drop_up"}))}restoreMenuFocus(e){if(!e)return;const i=()=>e.focus();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(i)))}else{i()}}getDockedSelectionMenuScrollEl(e){const i=e.shadowRoot;if(!i)return null;return i.querySelector(".pami-menu__scroll-shadow")??i.querySelector(".pami-menu__surface")}getDockedSelectionMenuTarget(e){const i=e==="month"?"month-menu":"year-menu";const t=this.panelEl?.querySelector(`[part="${i}"]`);if(!t)return null;return t.querySelector("pami-menu-item[selected]")??t.querySelector(`pami-menu-item[part*="${e}-option-selected"]`)??t.querySelector("pami-menu-item")}scrollDockedSelectionMenuIntoView(e){const i=e==="month"?"month-menu":"year-menu";const t=this.panelEl?.querySelector(`[part="${i}"]`);if(!t)return;const a=this.getDockedSelectionMenuTarget(e);if(!a)return;const r=this.getDockedSelectionMenuScrollEl(t);if(r){const e=r.getBoundingClientRect();const i=a.getBoundingClientRect();const t=i.top+i.height/2;const s=e.top+e.height/2;r.scrollTop+=t-s;return}if(typeof a.scrollIntoView==="function"){a.scrollIntoView({block:"center",inline:"nearest"})}}afterDockedSelectionMenuPaint(e){const i=()=>{this.scrollDockedSelectionMenuIntoView(e);this.getDockedSelectionMenuTarget(e)?.focus()};const t=this.selectionBloomInMs();if(t>0){void this.delay(t).then(i);return}if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(i)))}else{i()}}calculateModalYearGridScrollTop(){const e=3;const i=36;const t=12;const a=8;const r=16;const s=288;const{minYear:n,maxYear:o}=this.getYearListBounds();const c=o-n+1;const l=Math.max(0,Math.min(this.viewYear-n,c-1));const d=Math.floor(l/e);const p=Math.ceil(c/e);const h=i+t;const m=a+p*i+Math.max(0,p-1)*t+r;const u=a+d*h;const f=u+i/2;const _=f-s/2;const k=Math.max(0,m-s);return Math.max(0,Math.min(_,k))}getModalYearGridScrollEl(){const e=this.panelEl?.querySelector('[part="year-grid-wrap"]');if(!e)return null;return e.querySelector(".pami-date-picker__year-grid-scroll")??null}scrollModalYearGridIntoView(){const e=this.getModalYearGridScrollEl();if(!e)return;e.scrollTop=this.calculateModalYearGridScrollTop();const i=e.querySelector(`[data-year="${this.viewYear}"]`)??e.querySelector('[part~="year-selected"]');if(!i)return;const t=e.getBoundingClientRect();const a=i.getBoundingClientRect();const r=a.top+a.height/2;const s=t.top+t.height/2;e.scrollTop+=r-s}afterModalYearGridPaint(){const e=()=>this.scrollModalYearGridIntoView();this.scrollModalYearGridIntoView();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(e)))}else{e()}}prefersReducedMotion(){return typeof window!=="undefined"&&(window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches??false)}selectionBloomInMs(){return this.prefersReducedMotion()?0:N}selectionBloomOutMs(){return this.prefersReducedMotion()?0:$}calendarBloomInMs(){return this.prefersReducedMotion()?0:j}panelBloomOutMs(){return this.prefersReducedMotion()?0:E}delay(e){if(e<=0)return Promise.resolve();return new Promise((i=>setTimeout(i,e)))}beginDockedCalendarBloom(){if(this.prefersReducedMotion()){this.dockedCalendarBloom=false;return}this.dockedCalendarBloom=true;void this.delay(this.calendarBloomInMs()).then((()=>{if(!this.monthMenuOpen&&!this.yearMenuOpen&&!this.selectionMenuClosing){this.dockedCalendarBloom=false;this.positionDockedPanel()}}))}clearDockedCalendarBloom(){this.dockedCalendarBloom=false}beginModalCalendarBloom(){if(this.prefersReducedMotion()||this.isDocked){this.modalCalendarBloom=false;return}this.modalCalendarBloom=true;void this.delay(this.calendarBloomInMs()).then((()=>{if(this.viewMode==="calendar"&&!this.yearViewClosing){this.modalCalendarBloom=false}}))}clearModalCalendarBloom(){this.modalCalendarBloom=false}async waitForSelectionMenuClose(e){while(this.selectionMenuClosing===e){await this.delay(16)}}async toggleMonthMenuAsync(){if(this.monthMenuOpen){await this.closeDockedSelectionMenu("month",{bloomCalendar:true,restoreFocus:true});return}if(this.yearMenuOpen){this.clearDockedCalendarBloom();this.selectionMenuClosing=null;this.menuRestoreFocus=null;this.monthMenuOpen=true;this.menuShouldFocus="month";this.emitMenuOpen("month");await this.closeDockedSelectionMenu("year",{bloomCalendar:false,restoreFocus:false});return}if(this.selectionMenuClosing==="year"){await this.waitForSelectionMenuClose("year")}this.openDockedMonthMenu()}async toggleYearMenuAsync(){if(this.yearMenuOpen){await this.closeDockedSelectionMenu("year",{bloomCalendar:true,restoreFocus:true});return}if(this.monthMenuOpen){this.captureYearListRange();this.clearDockedCalendarBloom();this.selectionMenuClosing=null;this.menuRestoreFocus=null;this.yearMenuOpen=true;this.menuShouldFocus="year";this.emitMenuOpen("year");await this.closeDockedSelectionMenu("month",{bloomCalendar:false,restoreFocus:false});return}if(this.selectionMenuClosing==="month"){await this.waitForSelectionMenuClose("month")}this.openDockedYearMenu()}async pickDockedSelection(e,i,t){const a=t instanceof HTMLElement?t:null;if(a){await s(a)}i();await this.closeDockedSelectionMenu(e,{bloomCalendar:true,restoreFocus:false})}pickMonth(e,i){void this.pickDockedSelection("month",(()=>{this.viewMonth=e;this.emitMenuSelect("month",e,this.monthLabel(e));this.emitViewChange("month-menu")}),i)}pickYear(e,i){void this.pickDockedSelection("year",(()=>{this.viewYear=e;this.emitMenuSelect("year",e,String(e));this.emitViewChange("year-menu")}),i)}selectYear(e){if(this.isDisabledYear(e))return;this.viewYear=e;this.focusedDate=new Date(e,this.viewMonth,1);this.emitMenuSelect("year",e,String(e));this.emitViewChange("year-menu");void this.closeYearViewAnimated()}openYearView(){this.clearModalCalendarBloom();this.yearViewClosing=false;this.viewMode="year";this.captureYearListRange();this.yearGridShouldScroll=true;this.emitMenuOpen("year")}async closeYearViewAnimated(){if(this.viewMode!=="year"||this.yearViewClosing)return;if(this.prefersReducedMotion()){this.viewMode="calendar";this.clearYearListRange();return}this.yearViewClosing=true;await this.delay(this.selectionBloomOutMs());this.yearViewClosing=false;this.viewMode="calendar";this.clearYearListRange();this.beginModalCalendarBloom()}resolveNavigationKey(e){if(e.key==="PageUp"||e.code==="PageUp")return"PageUp";if(e.key==="PageDown"||e.code==="PageDown")return"PageDown";if(e.altKey&&!e.shiftKey&&!e.ctrlKey&&!e.metaKey){if(e.key==="ArrowUp"||e.code==="ArrowUp")return"PageUp";if(e.key==="ArrowDown"||e.code==="ArrowDown")return"PageDown"}return e.key}asEventElement(e){if(e==null||typeof e!=="object")return null;if(!("closest"in e)||typeof e.closest!=="function"){return null}return e}isEditableKeyTarget(e){const i=this.asEventElement(e);if(!i)return false;const t=i.closest('input:not([readonly]):not([disabled]), textarea:not([disabled]), [contenteditable="true"]');return!!t}isInsideSelectionMenu(e){return!!this.findInPickerTree(e,'[part="month-menu"]')||!!this.findInPickerTree(e,'[part="year-menu"]')}findInPickerTree(e,i){const t=this.asEventElement(e);if(!t)return null;let a=t;while(a){try{if(a.matches(i))return a}catch{}const e=a.getRootNode();if(e instanceof ShadowRoot){a=e.host}else{a=a.parentElement}}return null}isDayGridKeyTarget(e){if(this.findInPickerTree(e,"[data-date]"))return true;if(typeof document!=="undefined"){return!!this.findInPickerTree(document.activeElement,"[data-date]")}return false}isDockedMenuToggleKey(e){if(!this.isDocked||!e.shiftKey||e.ctrlKey||e.metaKey||e.altKey)return false;const i=e.key.toLowerCase();return i==="m"||i==="y"}isCalendarNavigationKey(e){const i=this.resolveNavigationKey(e);if(i==="ArrowRight"||i==="ArrowLeft"||i==="ArrowDown"||i==="ArrowUp"||i==="Home"||i==="End"||i==="PageUp"||i==="PageDown"||i==="Enter"||i===" "){return true}return this.isDockedMenuToggleKey(e)}canHandleCalendarKeyDown(e,i){if(!this.open||e.defaultPrevented)return false;if(this.viewMode!=="calendar"||this.inputMode)return false;const t=this.isDockedMenuToggleKey(e);if(!t&&(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing)){return false}if(!this.isCalendarNavigationKey(e))return false;const a=i??e.target;if(this.isEditableKeyTarget(a)){if(!(this.hasField&&this.isTriggerFieldTarget(a)))return false;if(this.resolveNavigationKey(e)==="Enter")return false}if(!t&&this.isInsideSelectionMenu(a))return false;const r=this.resolveNavigationKey(e);if(r==="Enter"||r===" "){if(!this.isDayGridKeyTarget(a)&&!this.isDayGridKeyTarget(e.target)){return false}}return true}getEventPathNodes(e){if(typeof e.composedPath==="function"){return e.composedPath()}const i=[];let t=e.target;while(t){i.push(t);const e=t.getRootNode();if(e instanceof ShadowRoot){t=e.host}else{t=t.parentNode}}return i}isNodeInPicker(e){if(e==null||typeof e!=="object"||!("nodeType"in e))return false;let i=e;while(i){if(i===this.el||i===this.panelEl)return true;const e=i.getRootNode();if(e instanceof ShadowRoot){i=e.host}else{i=i.parentNode}}return false}isEventInPicker(e){if(!this.open)return false;if(this.getEventPathNodes(e).includes(this.el))return true;if(typeof document!=="undefined"){if(this.isNodeInPicker(document.activeElement))return true;if(this.panelPointerEngaged)return true}return false}isTriggerFieldTarget(e){return this.isNodeInPicker(e)&&!this.isNodeInPanel(e)}resolveCalendarKeyTarget(e){if(typeof document!=="undefined"){const e=document.activeElement;if(e&&this.isNodeInPanel(e))return e}if(e.target&&this.isNodeInPicker(e.target))return e.target;if(typeof document!=="undefined"){const e=document.activeElement;if(e&&this.isNodeInPicker(e))return e}return this.panelEl??null}shouldPanelClaimFocus(e){const i=this.asEventElement(e);if(!i)return true;if(i.closest('button, [role="button"], input, textarea, [contenteditable="true"], pami-menu-item, a[href]')){return false}return true}isNodeInPanel(e){if(!this.panelEl||e==null||typeof e!=="object"||!("nodeType"in e)){return false}let i=e;while(i){if(i===this.panelEl)return true;const e=i.getRootNode();if(e instanceof ShadowRoot){i=e.host}else{i=i.parentNode}}return false}tryCommitTriggerFieldOnEnter(e){if(this.disabled||!this.hasField||e.key!=="Enter")return false;const i=e.target;if(!i||!this.isNodeInPicker(i))return false;if(!this.isEditableKeyTarget(i)||!this.isTriggerFieldTarget(i))return false;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(i);this.onFieldCommit();return true}tryCommitDialogInputOnEnter(e){if(this.disabled||!this.inputMode||e.key!=="Enter")return false;const i=e.target;if(!i||!this.isEditableKeyTarget(i))return false;const t=this.asEventElement(i);if(!t?.closest('[part="entry-input"]'))return false;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(i);this.commitDialogInput();if(this.error)return true;this.commit();return true}routePickerKeyDown(e,i=false){if(e.defaultPrevented||this.panelClosing)return;if(this.tryCommitDialogInputOnEnter(e))return;if(this.tryCommitTriggerFieldOnEnter(e))return;if(!this.open)return;if(!i&&!this.isEventInPicker(e))return;if(e.key==="Escape"){e.preventDefault();if(this.isDocked&&(this.monthMenuOpen||this.yearMenuOpen)){this.closeMenus(null,true);return}this.requestDismiss();return}if(this.canHandleCalendarKeyDown(e,this.resolveCalendarKeyTarget(e))){this.handleCalendarKeyDown(e)}}handleDocumentKeyDown(e){this.routePickerKeyDown(e)}handleDocumentPointerDown(e){if(!this.open||this.panelClosing)return;if(!this.isDocked||!this.outsideClickDismissible)return;if(this.getEventPathNodes(e).includes(this.el))return;if(this.isNodeInPicker(e.target))return;this.requestDismiss()}handleHostKeyDown(e){this.routePickerKeyDown(e,true)}swallowNestedPamiOpen(e){if((e.composedPath?.()[0]??e.target)!==this.el){e.stopImmediatePropagation()}}swallowNestedPamiClose(e){if((e.composedPath?.()[0]??e.target)!==this.el){e.stopImmediatePropagation()}}focusFocusedDay(){const e=m(this.focusedDate);const i=this.panelEl?.querySelector(`[data-date="${e}"]`);if(!i)return;const t=()=>i.focus();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(t)))}else{t()}}trapTab(e){const i=this.panelEl;if(!i)return;const t=Array.from(i.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((e=>e.offsetParent!==null||e===document.activeElement));if(t.length===0)return;const a=t[0];const r=t[t.length-1];const s=this.el.shadowRoot?.activeElement??null;if(e.shiftKey&&s===a){e.preventDefault();r.focus()}else if(!e.shiftKey&&s===r){e.preventDefault();a.focus()}}componentDidRender(){if(this.isDocked&&this.open&&!this.panelClosing&&!this.selectionMenuClosing&&!this.dockedCalendarBloom){this.positionDockedPanel()}if(this.menuShouldFocus){const e=this.menuShouldFocus;this.menuShouldFocus=null;this.afterDockedSelectionMenuPaint(e);return}if(this.yearGridShouldScroll){this.yearGridShouldScroll=false;this.afterModalYearGridPaint();return}if(this.menuRestoreFocus){const e=this.menuRestoreFocus;this.menuRestoreFocus=null;const i=e==="month"?this.monthMenuButtonEl:this.yearMenuButtonEl;this.restoreMenuFocus(i);return}if(this.entryInputShouldFocus&&this.inputMode){this.entryInputShouldFocus=false;const e=this.entryTextFieldEl?.shadowRoot?.querySelector(".pami-text-field__input");if(e instanceof HTMLElement){e.focus()}return}if(this.open&&this.gridShouldFocus&&this.viewMode==="calendar"&&!this.inputMode&&!this.monthMenuOpen&&!this.yearMenuOpen){this.focusFocusedDay();this.gridShouldFocus=false}}renderTextFieldTrigger(){const e=x(this.value);const i=this.focused?this.inputDraft:this.formatField(e);const a=(this.error||!!this.validationMessage)&&(this.errorText||this.validationMessage)?"":this.supportingText||this.dateFormatHint();return t("pami-text-field",{class:"pami-date-picker__textfield",part:"field",label:this.label,value:i,supportingText:a,error:this.error||!!this.validationMessage,errorText:this.errorText||this.validationMessage,reserveSupportingSpace:this.reserveSupportingSpace,disabled:this.disabled,required:this.required,appearFocused:this.open,onFocusin:()=>{this.focused=true;if(!this.error)this.seedFieldDraftFromValue()},onFocusout:()=>{this.focused=false},onKeyDown:this.textFieldKeyDown,onPamiInput:e=>{this.inputDraft=e.detail;this.pamiInput.emit({value:e.detail})},onPamiChange:e=>{this.inputDraft=e.detail;this.onFieldCommit()}},this.hasSlottedLeading&&t("slot",{name:"leading-icon",slot:"leading-icon"}),this.clearable&&!!this.value&&!this.disabled&&t("pami-icon-button",{slot:"trailing-icon",class:"pami-date-picker__clear-button",part:"clear-button",variant:"standard",icon:"close","aria-label":this.clearLabel,onClick:e=>{e.stopPropagation();void this.clear()}}),t("pami-icon-button",{slot:"trailing-icon",class:"pami-date-picker__calendar-button",part:"calendar-button",variant:this.triggerExpanded?"tonal":"standard",icon:this.hasSlottedCalendarIcon?"":this.calendarIcon,"aria-label":this.triggerExpanded?this.closeCalendarLabel:this.openCalendarLabel,"aria-haspopup":"dialog","aria-expanded":this.triggerExpanded?"true":"false",disabled:this.disabled,ref:e=>this.triggerEl=e,onPamiClick:()=>this.open?this.close():this.show()},this.hasSlottedCalendarIcon&&t("slot",{name:"calendar-icon",slot:""})))}renderModalNavChevron(e,i){return t("pami-tooltip",{class:"pami-date-picker__nav-chevron-tooltip",text:this.navTooltipText("month",e),showDelay:0,position:"bottom",offset:q},t("pami-icon-button",{class:"pami-date-picker__directional-icon pami-date-picker__nav-chevron",part:e==="prev"?"prev-button":"next-button",size:"sm",icon:e==="prev"?"chevron_left":"chevron_right","aria-label":this.navActionLabel("month",e),onClick:i}))}modalMonthYearTooltipText(e,i){return`${this.formatMonthYear(e,i)} · ${this.chooseMonthAndYearLabel}`}renderNav(e=false){const i=e?P(new Date(this.viewYear,this.viewMonth,1),1).getFullYear():this.viewYear;const a=e?P(new Date(this.viewYear,this.viewMonth,1),1).getMonth():this.viewMonth;const r=!e&&(this.viewMode==="year"||this.yearViewClosing);const s=t("pami-button",{class:{"pami-date-picker__menu-button":true,"pami-date-picker__menu-button--expanded":r},part:"month-toggle",variant:"text",size:"sm",toggle:true,selected:r,trailingIcon:e?undefined:this.dockedMenuTrailingIcon(r),suppressExpandIconFlip:true,mirrorIcon:r,"aria-label":this.chooseMonthYearLabel,"aria-expanded":r?"true":"false",disabled:e,onPamiClick:i=>{i.preventDefault();if(!e)this.toggleYearView()}},this.formatMonthYear(i,a),!e&&this.renderDockedMenuTrailingCaret(r));return t("div",{class:"pami-date-picker__nav",part:"nav"},e?s:t("pami-tooltip",{class:"pami-date-picker__menu-button-tooltip",text:this.modalMonthYearTooltipText(i,a),showDelay:0,position:"bottom",offset:R},s),this.viewMode==="calendar"&&t("div",{class:"pami-date-picker__nav-buttons"},this.renderModalNavChevron("prev",(()=>this.goToMonth(-1,true))),this.renderModalNavChevron("next",(()=>this.goToMonth(1,true)))))}renderDockedNavChevron(e,i,a,r){return t("span",{class:"pami-date-picker__nav-chevron-slot",part:`${e}-${i}-chevron-slot`},t("pami-tooltip",{class:{"pami-date-picker__nav-chevron-tooltip":true,"pami-date-picker__nav-chevron--visible":a},text:this.navTooltipText(i,e),showDelay:0,position:"bottom",offset:q},t("pami-icon-button",{class:"pami-date-picker__directional-icon pami-date-picker__nav-chevron",part:`${e}-${i}-button`,size:"sm",icon:e==="prev"?"chevron_left":"chevron_right","aria-label":this.navActionLabel(i,e),disabled:!a,onClick:a?r:undefined})),t("span",{class:{"pami-date-picker__nav-chevron-spacer":true,"pami-date-picker__nav-chevron--visible":!a},part:`${e}-${i}-chevron-spacer`,"aria-hidden":"true"}))}renderDockedNav(){const e=new Intl.DateTimeFormat(this.loc,{month:"short"}).format(new Date(this.viewYear,this.viewMonth,1));const i=this.isDockedMonthMenuExpanded();const a=this.isDockedYearMenuExpanded();return t("div",{class:"pami-date-picker__docked-nav",part:"nav"},t("div",{class:{"pami-date-picker__nav-group":true,"pami-date-picker__nav-group--month":true,"pami-date-picker__nav-group--selection-open":i}},this.renderDockedNavChevron("prev","month",!a,(()=>this.goToMonth(-1,true))),t("pami-tooltip",{class:"pami-date-picker__menu-button-tooltip",text:this.menuTooltipText("month"),showDelay:0,position:"bottom",offset:R},t("pami-button",{class:{"pami-date-picker__menu-button":true,"pami-date-picker__menu-button--expanded":i},part:"month-menu-button",variant:"text",size:"sm",toggle:true,selected:i,trailingIcon:this.dockedMenuTrailingIcon(i),suppressExpandIconFlip:true,mirrorIcon:i,"aria-label":this.chooseMonthLabel,"aria-haspopup":"menu","aria-expanded":i?"true":"false",ref:e=>this.monthMenuButtonEl=e,onPamiClick:e=>{e.preventDefault();this.toggleMonthMenu()}},e,this.renderDockedMenuTrailingCaret(i))),this.renderDockedNavChevron("next","month",!a,(()=>this.goToMonth(1,true)))),t("div",{class:{"pami-date-picker__nav-group":true,"pami-date-picker__nav-group--year":true,"pami-date-picker__nav-group--selection-open":a}},this.renderDockedNavChevron("prev","year",!i,(()=>this.goToYear(-1,true))),t("pami-tooltip",{class:"pami-date-picker__menu-button-tooltip",text:this.menuTooltipText("year"),showDelay:0,position:"bottom",offset:R},t("pami-button",{class:{"pami-date-picker__menu-button":true,"pami-date-picker__menu-button--expanded":a},part:"year-menu-button",variant:"text",size:"sm",toggle:true,selected:a,trailingIcon:this.dockedMenuTrailingIcon(a),suppressExpandIconFlip:true,mirrorIcon:a,"aria-label":this.chooseYearLabel,"aria-haspopup":"menu","aria-expanded":a?"true":"false",ref:e=>this.yearMenuButtonEl=e,onPamiClick:e=>{e.preventDefault();this.toggleYearMenu()}},this.viewYear,this.renderDockedMenuTrailingCaret(a))),this.renderDockedNavChevron("next","year",!i,(()=>this.goToYear(1,true)))))}renderDockedSelectionDivider(){return t("div",{class:"pami-date-picker__selection-divider",part:"selection-divider",role:"separator","aria-hidden":"true"})}renderDockedMonthMenu(e){const i=Array.from({length:12},((e,i)=>new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(2024,i,1))));return t("div",{class:{"pami-date-picker__selection-menu-wrap":true,"pami-date-picker__selection-menu-wrap--bloom-out":e},part:"month-menu-wrap"},t("pami-menu",{class:"pami-date-picker__selection-menu pami-menu--inline-fill",part:"month-menu",exportparts:"menu-viewport:month-menu-viewport",variant:"baseline",open:true,quick:true,persistent:true,autoFocus:false,onPamiClose:this.onMonthMenuClose},i.map(((e,i)=>{const a=i===this.viewMonth;return t("pami-menu-item",{part:a?"month-option month-option-selected":"month-option",headline:e,type:"radio","check-position":"start","keep-open":true,selected:a,onPamiClick:e=>this.pickMonth(i,e.target)})}))))}renderDockedYearMenu(e){const i=this.viewYear;const{minYear:a,maxYear:r}=this.getYearListBounds();const s=[];for(let e=a;e<=r;e++)s.push(e);return t("div",{class:{"pami-date-picker__selection-menu-wrap":true,"pami-date-picker__selection-menu-wrap--year":true,"pami-date-picker__selection-menu-wrap--bloom-out":e},part:"year-menu-wrap"},t("pami-menu",{class:"pami-date-picker__selection-menu pami-menu--inline-fill",part:"year-menu",exportparts:"menu-viewport:year-menu-viewport",variant:"baseline",open:true,quick:true,persistent:true,autoFocus:false,onPamiClose:this.onYearMenuClose},s.map((e=>{const a=e===i;return t("pami-menu-item",{part:a?"year-option year-option-selected":"year-option",headline:String(e),type:"radio","check-position":"start","keep-open":true,selected:a,onPamiClick:i=>this.pickYear(e,i.target)})}))))}renderCalendar(e,i,a=true,r=false){const s=this.resolvedFirstDay();const n=Y(this.locale,s,"narrow");const o=Y(this.locale,s,"long");const c=I(e,i,s);const l=new Date;const d=this.formatMonthYear(e,i);return t("div",{class:{"pami-date-picker__calendar":true,"pami-date-picker__calendar--docked-bloom-in":r&&this.isDocked,"pami-date-picker__calendar--content-bloom-in":r&&!this.isDocked},part:"calendar",role:"grid","aria-label":d},t("div",{class:"pami-date-picker__weekdays",part:"weekdays",role:"row","aria-hidden":"true"},n.map(((e,i)=>t("pami-tooltip",{class:"pami-date-picker__weekday-tooltip",text:o[i],showDelay:0,position:"bottom",offset:3},t("span",{class:"pami-date-picker__weekday",part:"weekday",role:"presentation"},e))))),t("div",{class:{"pami-date-picker__grid":true,"pami-date-picker__grid--slide-forward":this.gridSlideDirection==="forward","pami-date-picker__grid--slide-backward":this.gridSlideDirection==="backward"},part:"grid",role:"rowgroup",onAnimationEnd:this.onGridSlideAnimationEnd},Array.from({length:c.length/7},((e,i)=>t("div",{class:"pami-date-picker__week",part:"week",role:"row"},c.slice(i*7,i*7+7).map((e=>this.renderDay(e,l,a))))))))}renderDay(e,i,a){const r=e.date;const s=m(r);const n=this.isDisabledDate(r);const o=M(r,i);const c=M(r,this.focusedDate)&&a;const l=!!this.pendingDate&&M(r,this.pendingDate);const d=!l&&!o&&!n&&!e.outOfMonth;const p=["day"];if(l)p.push("day-selected");if(o)p.push("day-today");if(n)p.push("day-disabled");if(e.outOfMonth)p.push("day-outside");if(d)p.push("day-unselected");return t("pami-button",{class:{"pami-date-picker__day":true,"pami-date-picker__day--selected":l,"pami-date-picker__day--today":o,"pami-date-picker__day--disabled":n,"pami-date-picker__day--outside":e.outOfMonth,"pami-date-picker__day--unselected":d},part:p.join(" "),variant:l?"filled":"text",size:"sm",shape:"square",selected:l,roleOverride:"gridcell",groupTabindex:c?0:-1,"data-date":s,"aria-selected":l?"true":"false","aria-disabled":n?"true":undefined,"aria-current":o?"date":undefined,"aria-label":this.formatFullDate(r),disabled:n,onPamiClick:()=>this.selectDay(e),onKeyDown:a?this.handleDayKeyDown:undefined},r.getDate())}renderYearGrid(e=false){const i=this.viewYear;const{minYear:a,maxYear:r}=this.getYearListBounds();const s=[];for(let e=a;e<=r;e++)s.push(e);return t("div",{class:{"pami-date-picker__year-grid-wrap":true,"pami-date-picker__year-grid-wrap--bloom-out":e},part:"year-grid-wrap"},t("div",{class:"pami-date-picker__year-grid-scroll",part:"year-grid-scroll year-grid-viewport"},t("div",{class:"pami-date-picker__year-grid",part:"year-grid",role:"grid","aria-label":this.yearGridLabel},Array.from({length:Math.ceil(s.length/3)},((e,a)=>t("div",{class:"pami-date-picker__year-row",part:"year-row",role:"row"},s.slice(a*3,a*3+3).map((e=>{const a=e===i;const r=this.isDisabledYear(e);const s=!a&&!r;const n=["year"];if(a)n.push("year-selected");if(r)n.push("year-disabled");if(s)n.push("year-unselected");return t("pami-button",{class:{"pami-date-picker__year":true,"pami-date-picker__year--selected":a,"pami-date-picker__year--disabled":r,"pami-date-picker__year--unselected":s},part:n.join(" "),variant:a?"filled":"text",size:"sm",shape:"square",selected:a,roleOverride:"gridcell","data-year":String(e),"aria-selected":a?"true":"false","aria-disabled":r?"true":undefined,"aria-label":String(e),disabled:r,onPamiClick:()=>this.selectYear(e)},e)}))))))))}renderDialogInput(){return t("div",{class:"pami-date-picker__entry",part:"entry"},t("pami-text-field",{class:"pami-date-picker__entry-textfield",part:"entry-input",label:this.label,placeholder:this.placeholder||this.dateFormatHint(),value:this.inputDraft,error:this.error||!!this.validationMessage,errorText:this.errorText||this.validationMessage,reserveSupportingSpace:this.reserveSupportingSpace,ref:e=>this.entryTextFieldEl=e,onKeyDown:this.entryTextFieldKeyDown,onPamiInput:e=>{this.inputDraft=e.detail;this.pamiInput.emit({value:e.detail})}}))}renderHeadline(){if(this.inputMode){return this.enterDatesLabel}return this.pendingDate?this.formatHeadline(this.pendingDate):this.selectDateLabel}renderHeader(){if(this.hasSlottedHeader){return t("div",{class:"pami-date-picker__header",part:"header"},t("slot",{name:"header"}))}const e=this.headline;const i=this.inputMode?this.toggleCalendarLabel:this.toggleTextLabel;return t("div",{class:"pami-date-picker__header",part:"header"},t("div",{class:"pami-date-picker__header-supporting",part:"supporting"},e),t("div",{class:"pami-date-picker__header-row"},t("div",{class:"pami-date-picker__headline",part:"headline"},this.renderHeadline()),this.variant!=="docked"&&t("pami-tooltip",{class:"pami-date-picker__mode-toggle-tooltip",text:i,showDelay:0,position:"bottom"},t("pami-icon-button",{class:"pami-date-picker__mode-toggle",part:"mode-toggle",icon:this.inputMode?"calendar_today":"edit","aria-label":i,onClick:this.toggleInputMode}))))}get hasActionRow(){return this.hasSlottedActions||!this.commitOnSelect||this.inputMode}renderActions(){if(!this.hasActionRow)return null;if(this.hasSlottedActions){return t("div",{class:"pami-date-picker__actions",part:"actions"},t("slot",{name:"actions"}))}return t("div",{class:"pami-date-picker__actions",part:"actions"},t("pami-button",{class:"pami-date-picker__action-btn",variant:"text",size:"sm",onPamiClick:()=>this.cancel(),part:"cancel-button"},this.cancelLabel),t("pami-button",{class:"pami-date-picker__action-btn pami-date-picker__action-btn--primary",variant:"text",size:"sm",onPamiClick:()=>{if(this.inputMode){this.commitDialogInput();if(this.error)return}this.commit()},part:"ok-button"},this.okLabel))}renderBody(){if(this.inputMode){return t("div",{class:{"pami-date-picker__body":true,"pami-date-picker__body--input-mode":true,"pami-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderDialogInput())}const e=this.viewMode==="year"||this.yearViewClosing;const i=this.viewMode==="calendar"&&!this.yearViewClosing;const a=this.dockedCalendarBloom||this.modalCalendarBloom;if(e&&!this.isDocked){return t("div",{class:{"pami-date-picker__body":true,"pami-date-picker__body--year-view":true,"pami-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderNav(),this.renderYearGrid(this.yearViewClosing))}if(this.isDocked){const e=this.monthMenuOpen||this.yearMenuOpen||!!this.selectionMenuClosing;const i=this.dockedSelectionMenuToShow();const a=i==="year";const r=i==="month";return t("div",{class:{"pami-date-picker__body":true,"pami-date-picker__body--docked":true,"pami-date-picker__body--docked-selection":e,"pami-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderDockedNav(),e&&t("div",{class:"pami-date-picker__docked-below-nav",part:"docked-below-nav"},this.renderDockedSelectionDivider()),r&&this.renderDockedMonthMenu(this.selectionMenuClosing==="month"),a&&this.renderDockedYearMenu(this.selectionMenuClosing==="year"),!e&&this.renderCalendar(this.viewYear,this.viewMonth,true,this.dockedCalendarBloom))}return t("div",{class:{"pami-date-picker__body":true,"pami-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderNav(),i&&this.renderCalendar(this.viewYear,this.viewMonth,true,a))}renderPanel(e=false){const i=e&&this.dockedPanelMaxBlockSize?{maxBlockSize:this.dockedPanelMaxBlockSize}:undefined;return t("div",{class:{"pami-date-picker__panel":true,"pami-date-picker__panel--docked":e,"pami-date-picker__panel--align-end":e&&this.dockedPanelAlign==="end","pami-date-picker__panel--placement-above":e&&this.dockedPanelPlacement==="above","pami-date-picker__panel--input-mode":!e&&this.inputMode,"pami-date-picker__panel--bloom-in":!this.panelClosing,"pami-date-picker__panel--bloom-out":this.panelClosing},part:"panel",role:"dialog","aria-modal":e?undefined:"true","aria-label":this.label,style:i,ref:e=>this.panelEl=e,tabindex:"-1",onMouseDown:this.onPanelMouseDown,onKeyDown:this.onPanelKeyDown},!e&&this.renderHeader(),this.renderBody(),this.renderActions())}renderModal(){return t("div",{class:{"pami-date-picker__modal":true,"pami-date-picker__modal--closing":this.panelClosing},part:"modal"},t("div",{class:"pami-date-picker__scrim",part:"scrim",onClick:()=>this.scrimDismissible&&this.requestDismiss()}),this.renderPanel(false))}render(){const e=this.open||this.panelClosing;const i=this.open&&!this.panelClosing;return t(a,{key:"d80a32d7c2141c726d3c553b792b9dc7f583a091",class:{"pami-date-picker":true,[`pami-date-picker--${this.variant}`]:true,"pami-date-picker--open":i,"pami-date-picker--panel-closing":this.panelClosing,"pami-date-picker--disabled":this.disabled,"pami-date-picker--error":this.error||!!this.validationMessage},"aria-disabled":this.disabled?"true":null},this.isDocked?t("div",{class:"pami-date-picker__docked-anchor",ref:e=>this.dockedAnchorEl=e},this.renderTextFieldTrigger(),e&&t("div",{class:{"pami-date-picker__docked-popup":true,"pami-date-picker__docked-popup--above":this.dockedPanelPlacement==="above"}},this.renderPanel(true))):this.hasField&&this.renderTextFieldTrigger(),e&&!this.isDocked&&this.renderModal())}syncFormValue(){c(this.internals,this.value||null);l(this.internals,{missing:this.required&&!this.value,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.inlineValidation.refresh();this.emitValidityChange()}formDisabledCallback(e){if(e)queueMicrotask((()=>this.inlineValidation.reset()))}formResetCallback(){this.inlineValidation.reset();this.value=this.defaultValue}async getValidity(){return o(this.internals)}emitValidityChange(){const e=o(this.internals);const i=`${e.valid}|${e.validationMessage}`;if(this.lastValidityKey===i)return;const t=this.lastValidityKey!==null;this.lastValidityKey=i;if(t)this.pamiValidityChange.emit(e)}async checkValidity(){return d(this.internals)}async reportValidity(){return p(this.internals)}async setCustomValidity(e){this.customValidityMessage=e;this.syncFormValue()}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{name:[{resetValidationPresentation:0}],value:[{onBoundsChange:0},{syncFormValue:0}],min:[{onBoundsChange:0}],max:[{onBoundsChange:0}],dateSeparator:[{onDateSeparatorChange:0}],open:[{onOpenChange:0}],required:[{syncFormValue:0}],valueMissingLabel:[{syncFormValue:0}]}}};V.DOCKED_POSITION_RAF_MAX=60;V.style=A();export{V as pami_date_picker};
-//# sourceMappingURL=p-dcd9abf8.entry.js.map
+import{r as e,c as i,h as t,H as a,g as r}from"./p-yIBns9y0.js";import{w as s}from"./p-BcReJziW.js";import{I as n,g as o,s as c,b as l,c as d,r as p}from"./p-BNlGJh4p.js";function h(e){return e<10?`0${e}`:String(e)}function m(e){return`${e.getFullYear()}-${h(e.getMonth()+1)}-${h(e.getDate())}`}function u(e,i,t){if(i<1||i>12||t<1||t>31)return null;const a=new Date(e,i-1,t);if(a.getFullYear()!==e||a.getMonth()!==i-1||a.getDate()!==t){return null}return a}function f(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function _(e,i){if(i&&i.length>0)return i;try{const i=new Intl.DateTimeFormat(e||"en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2e3,11,31));const t=i.find((e=>e.type==="literal"));return t?.value??"/"}catch{return"/"}}function k(e,i,t){const a=_(i,t);const r=new Intl.DateTimeFormat(i||undefined,{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(e);return r.map((i=>{switch(i.type){case"day":return h(e.getDate());case"month":return h(e.getMonth()+1);case"year":return String(e.getFullYear());case"literal":return a;default:return""}})).join("")}function y(e,i){const t=_(e,i);const a=new Intl.DateTimeFormat(e||"en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).formatToParts(new Date(2e3,11,31));return a.map((e=>{switch(e.type){case"day":return"DD";case"month":return"MM";case"year":return"YYYY";case"literal":return t;default:return""}})).join("")}function v(e){try{const i=new Intl.DateTimeFormat(e||"en-US").formatToParts(new Date(2025,3,3));const t=i.findIndex((e=>e.type==="day"));const a=i.findIndex((e=>e.type==="month"));return t>=0&&a>=0&&t<a}catch{return false}}function b(e,i){if(e.length===8){const t=Number.parseInt(e.slice(0,2),10);const a=Number.parseInt(e.slice(2,4),10);const r=Number.parseInt(e.slice(4,8),10);let s;let n;if(t>12&&a<=12){n=t;s=a}else if(a>12&&t<=12){s=t;n=a}else if(t>12&&a>12){return null}else if(v(i)){n=t;s=a}else{s=t;n=a}return u(r,s,n)}if(e.length===7){const t=Number.parseInt(e.slice(3,7),10);const a=[{month:Number.parseInt(e.slice(0,1),10),day:Number.parseInt(e.slice(1,3),10),pattern:"MDD"},{day:Number.parseInt(e.slice(0,2),10),month:Number.parseInt(e.slice(2,3),10),pattern:"DDM"},{month:Number.parseInt(e.slice(0,2),10),day:Number.parseInt(e.slice(2,3),10),pattern:"MMD"}];const r=a.map((e=>({...e,date:u(t,e.month,e.day)}))).filter((e=>e.date!==null));if(r.length===0)return null;if(r.length===1)return r[0].date;const s=Number.parseInt(e.slice(1,3),10);const n=Number.parseInt(e.slice(0,1),10);if(n>=1&&n<=9&&s>=10){const e=r.find((e=>e.pattern==="MDD"));if(e)return e.date}const o=Number.parseInt(e.slice(0,2),10);if(o>12){const e=r.find((e=>e.pattern==="DDM"));if(e)return e.date}const c=Number.parseInt(e.slice(0,2),10);if(c>12){const e=r.find((e=>e.pattern==="MMD"));if(e)return e.date}const l=v(i)?"DDM":"MMD";const d=r.find((e=>e.pattern===l))??r[0];return d.date}return null}function g(e,i,t){const a=e.trim();if(!a)return null;const r=x(a);if(r)return r;if(/^\d+$/.test(a)){return b(a,i)}let s;if(t&&t.length>0){s=a.split(new RegExp(f(t))).filter(Boolean)}else{s=a.split(/[/\-.]|\s+/).filter(Boolean)}if(s.length!==3)return null;const n=s.map((e=>Number.parseInt(e,10)));if(n.some((e=>Number.isNaN(e))))return null;let o;let c;let l;if(s[0].length===4||n[0]>31){[o,c,l]=n}else if(s[2].length===4||n[2]>31){if(n[0]>12&&n[1]<=12){[l,c,o]=n}else if(n[1]>12&&n[0]<=12){[c,l,o]=n}else if(v(i)){[l,c,o]=n}else{[c,l,o]=n}}else{return null}return u(o,c,l)}function x(e){if(!e)return null;const i=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e.trim());if(!i)return null;const t=Number(i[1]);const a=Number(i[2])-1;const r=Number(i[3]);const s=new Date(t,a,r);if(s.getFullYear()!==t||s.getMonth()!==a||s.getDate()!==r){return null}return s}function w(e,i){return new Date(e,i+1,0).getDate()}function z(e){try{const i=Intl;const t=new i.Locale(e||"en-US");if(typeof t.getWeekInfo==="function"){const e=t.getWeekInfo();if(e&&typeof e.firstDay==="number"){return e.firstDay===7?0:e.firstDay}}if(t.weekInfo&&typeof t.weekInfo.firstDay==="number"){return t.weekInfo.firstDay===7?0:t.weekInfo.firstDay}}catch{}return 0}function D(e,i){return e<=i}function M(e,i){return e.getFullYear()===i.getFullYear()&&e.getMonth()===i.getMonth()&&e.getDate()===i.getDate()}function C(e,i){return new Date(e.getFullYear(),e.getMonth(),e.getDate()+i)}function P(e,i){const t=new Date(e.getFullYear(),e.getMonth()+i,1);const a=w(t.getFullYear(),t.getMonth());return new Date(t.getFullYear(),t.getMonth(),Math.min(e.getDate(),a))}function F(e,i,t){const a=m(e);if(i&&!D(i,a)){return x(i)??e}if(t&&!D(a,t)){return x(t)??e}return e}function S(e,i,t){const a=m(e);if(i&&!D(i,a))return true;if(t&&!D(a,t))return true;return false}function I(e,i,t){const a=new Date(e,i,1);const r=a.getDay();const s=(r-t+7)%7;const n=C(a,-s);const o=[];for(let e=0;e<42;e++){const t=C(n,e);o.push({date:t,outOfMonth:t.getMonth()!==i})}return o}function Y(e,i,t="narrow"){const a=new Intl.DateTimeFormat(e||undefined,{weekday:t});const r=[];for(let e=0;e<7;e++){const t=(i+e)%7;r.push(a.format(new Date(2024,0,7+t)))}return r}const A=()=>`:host{--_selection-bloom-duration:var(      --pami-date-picker-selection-bloom-duration,      var(--md-sys-motion-duration-long1, 450ms)    );--_selection-bloom-easing:var(      --pami-date-picker-selection-bloom-easing,      var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))    );--_selection-bloom-out-duration:var(      --pami-date-picker-selection-bloom-out-duration,      var(--md-sys-motion-duration-short4, 200ms)    );--_calendar-bloom-duration:var(      --pami-date-picker-calendar-bloom-duration,      var(--md-sys-motion-duration-medium2, 300ms)    );--_grid-slide-duration:var(      --pami-date-picker-grid-slide-duration,      var(--md-sys-motion-duration-medium2, 300ms)    );--_grid-slide-easing:var(      --md-sys-motion-easing-emphasized,      cubic-bezier(0.2, 0, 0, 1)    );--_panel-bloom-out-duration:var(      --pami-date-picker-panel-bloom-out-duration,      var(--md-sys-motion-duration-short4, 200ms)    );--_selection-bloom-out-easing:var(      --md-sys-motion-easing-emphasized-accelerate,      cubic-bezier(0.3, 0, 0.8, 0.15)    );--_container-color:var(--pami-date-picker-container-color, var(--md-sys-color-surface));--_header-color:var(--pami-date-picker-header-color, var(--md-sys-color-surface-container-high));--_container-shape:var(--pami-date-picker-container-shape, var(--md-sys-shape-corner-extra-large, 28px));--_field-color:var(--pami-date-picker-field-color, var(--md-sys-color-outline));--_field-focus-color:var(--pami-date-picker-field-focus-color, var(--md-sys-color-focus-ring));--_field-text-color:var(--pami-date-picker-field-text-color, var(--md-sys-color-on-surface));--_field-container-color:var(      --pami-date-picker-field-container-color,      var(--md-sys-color-surface-container-highest, #e6e0e9)    );--_field-container-shape:var(      --pami-date-picker-field-container-shape,      var(--md-sys-shape-corner-extra-small, 4px)    );--_field-supporting-color:var(      --pami-date-picker-field-supporting-color,      var(--md-sys-color-on-surface-variant)    );--_label-color:var(--pami-date-picker-label-color, var(--md-sys-color-on-surface-variant));--_headline-color:var(--pami-date-picker-headline-color, var(--md-sys-color-on-surface));--_supporting-color:var(--pami-date-picker-supporting-color, var(--md-sys-color-on-surface-variant));--_weekday-color:var(--pami-date-picker-weekday-color, var(--md-sys-color-on-surface));--_weekday-size:24px;--_day-color:var(--pami-date-picker-day-color, var(--md-sys-color-on-surface));--_day-outside-color:var(--pami-date-picker-day-outside-color, var(--md-sys-color-on-surface-variant, #49454f));--_day-selected-color:var(--pami-date-picker-day-selected-color, var(--md-sys-color-on-primary));--_day-selected-bg:var(--pami-date-picker-day-selected-bg, var(--md-sys-color-primary));--_today-outline-color:var(--pami-date-picker-today-outline-color, var(--md-sys-color-primary));--_action-color:var(--pami-date-picker-action-color, var(--md-sys-color-primary));--_menu-color:var(--pami-date-picker-menu-color, var(--md-sys-color-surface-container-high));--_scrim-color:var(--pami-date-picker-scrim-color, var(--md-sys-color-scrim, #000));--_icon-color:var(--pami-date-picker-icon-color, var(--md-sys-color-on-surface-variant));--_panel-width:var(--pami-date-picker-panel-width, max(288px, calc(380px + var(--md-sys-density-scale, 0) * 20px)));--_panel-max-block-size:var(--pami-date-picker-panel-max-block-size, 524px);--_error-color:var(--md-sys-color-error);--_icon-size:var(--pami-date-picker-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_day-size:max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px));--_year-inline-size:var(--pami-date-picker-year-inline-size, max(48px, calc(72px + var(--md-sys-density-scale, 0) * 6px)));--_year-block-size:var(--pami-date-picker-year-block-size, max(24px, calc(36px + var(--md-sys-density-scale, 0) * 3px)));--_year-grid-gap:var(--pami-date-picker-year-grid-gap, max(4px, calc(12px + var(--md-sys-density-scale, 0) * 2px)));--_year-grid-padding-inline:var(--pami-date-picker-year-grid-padding-inline, 30px);--_year-grid-viewport-block-size:var(--pami-date-picker-year-grid-viewport-block-size, max(180px, calc(288px + var(--md-sys-density-scale, 0) * 24px)));--_grid-gap:max(2px, calc(6px + var(--md-sys-density-scale, 0) * 1px));--_caret-fade-duration:var(--md-sys-motion-duration-short3, 150ms);--_caret-fade-easing:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));display:inline-block;inline-size:100%;max-inline-size:var(--pami-date-picker-trigger-max-width, 360px);font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);color:var(--_field-text-color);position:relative}:host(.pami-date-picker--docked){align-self:flex-start;--_docked-panel-width:var(--pami-date-picker-docked-panel-width, max(calc(360px + var(--md-sys-density-scale, 0) * 10px), var(--_panel-width)));--_docked-content-block-size:calc(      var(--_weekday-size) + 16px + 6 * var(--_day-size) + 5 * var(--_grid-gap) + 8px    )}:host(.pami-date-picker--modal){display:contents}:host(.pami-date-picker--disabled){pointer-events:none;opacity:0.5}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}.pami-date-picker__icon{font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size);color:var(--_icon-color);pointer-events:none}.pami-date-picker__textfield,.pami-date-picker__entry-textfield{display:block;inline-size:100%;--pami-text-field-outline-color:var(--_field-color);--pami-text-field-input-color:var(--_field-text-color);--pami-text-field-label-color:var(--_label-color);--pami-text-field-active-indicator-color:var(--_field-focus-color);--pami-text-field-supporting-text-color:var(--_field-supporting-color);--pami-text-field-icon-color:var(--_icon-color);--pami-text-field-container-color:var(--_field-container-color);--pami-text-field-container-shape:var(--_field-container-shape)}:host(.pami-date-picker--open) .pami-date-picker__textfield{--pami-text-field-active-indicator-color:var(--_field-focus-color);--pami-text-field-icon-color:var(--_field-focus-color)}.pami-date-picker__docked-anchor{position:relative;display:block;inline-size:100%}.pami-date-picker__modal{position:fixed;inset:0;z-index:var(--md-sys-z-index-modal, 1000);display:flex;align-items:center;justify-content:center;padding:var(--md-sys-spacing-inset-lg, 16px)}.pami-date-picker__scrim{position:absolute;inset:0;background:color-mix(in srgb, var(--_scrim-color) 32%, transparent);animation:pami-date-picker-fade-in var(--md-sys-motion-duration-short3, 150ms)      var(--md-sys-motion-easing-standard, ease)}.pami-date-picker__modal--closing .pami-date-picker__scrim{animation:pami-date-picker-fade-out      var(--_panel-bloom-out-duration)      var(--md-sys-motion-easing-standard, ease)      forwards}.pami-date-picker__panel{position:relative;display:flex;flex-direction:column;inline-size:var(--_panel-width);max-inline-size:calc(100vw - 32px);max-block-size:min(      var(--_panel-max-block-size),      calc(100vh - 32px),      calc(100dvh - 32px)    );overflow:hidden;background:var(--_container-color);color:var(--_field-text-color);border-radius:var(--_container-shape);box-shadow:var(--md-sys-elevation-3, none)}.pami-date-picker__panel:not(.pami-date-picker__panel--docked):not(.pami-date-picker__panel--input-mode){--_container-color:var(--pami-date-picker-container-color, var(--md-sys-color-surface-container-high));block-size:auto}.pami-date-picker__panel--input-mode:not(.pami-date-picker__panel--docked){--_container-color:var(--pami-date-picker-container-color, var(--md-sys-color-surface-container-high));block-size:auto;min-block-size:0}.pami-date-picker__panel:not(.pami-date-picker__panel--docked):not(.pami-date-picker__panel--bloom-out){animation:pami-date-picker-scale var(--md-sys-motion-duration-medium2, 300ms)      var(--md-sys-motion-easing-emphasized, cubic-bezier(0.2, 0, 0, 1));transform-origin:center top}.pami-date-picker__panel--docked.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){animation:pami-date-picker-selection-bloom-in      var(--_selection-bloom-duration)      var(--_selection-bloom-easing)      both}.pami-date-picker__panel--bloom-out{animation:pami-date-picker-panel-bloom-out      var(--_panel-bloom-out-duration)      var(--_selection-bloom-out-easing)      both;transform-origin:center top}:host(.pami-date-picker--panel-closing) .pami-date-picker__panel{pointer-events:none}.pami-date-picker__panel:focus,.pami-date-picker__panel:focus-visible{outline:none}.pami-date-picker__panel--docked{--_container-color:var(--md-sys-color-surface-container-high);position:absolute;inset-block-start:4px;inset-block-end:auto;inset-inline-start:0;inset-inline-end:auto;inline-size:var(--_docked-panel-width);max-inline-size:calc(100vw - 32px);block-size:auto;min-block-size:0;max-block-size:min(      var(--_panel-max-block-size),      calc(100vh - 32px),      calc(100dvh - 32px)    );display:flex;flex-direction:column;overflow:visible;box-shadow:none;border-radius:var(--md-sys-shape-corner-large, 16px);z-index:var(--md-sys-z-index-popup, 900)}.pami-date-picker__panel--docked.pami-date-picker__panel--align-end{inset-inline-start:auto;inset-inline-end:0}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above{inset-block-start:auto;inset-block-end:4px}.pami-date-picker__docked-popup{position:absolute;inset-block-start:100%;inset-block-end:auto;inset-inline-start:0;inline-size:100%}.pami-date-picker__docked-popup--above{inset-block-start:auto;inset-block-end:100%}:host{--_docked-origin-inline-start:left;--_docked-origin-inline-end:right}:host([dir='rtl']),:host-context([dir='rtl']){--_docked-origin-inline-start:right;--_docked-origin-inline-end:left}.pami-date-picker__panel--docked.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){transform-origin:top var(--_docked-origin-inline-start)}.pami-date-picker__panel--docked.pami-date-picker__panel--align-end.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){transform-origin:top var(--_docked-origin-inline-end)}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){transform-origin:bottom var(--_docked-origin-inline-start)}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above.pami-date-picker__panel--align-end.pami-date-picker__panel--bloom-in:not(.pami-date-picker__panel--bloom-out){transform-origin:bottom var(--_docked-origin-inline-end)}.pami-date-picker__panel--docked.pami-date-picker__panel--bloom-out{transform-origin:top var(--_docked-origin-inline-start)}.pami-date-picker__panel--docked.pami-date-picker__panel--align-end.pami-date-picker__panel--bloom-out{transform-origin:top var(--_docked-origin-inline-end)}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above.pami-date-picker__panel--bloom-out{transform-origin:bottom var(--_docked-origin-inline-start)}.pami-date-picker__panel--docked.pami-date-picker__panel--placement-above.pami-date-picker__panel--align-end.pami-date-picker__panel--bloom-out{transform-origin:bottom var(--_docked-origin-inline-end)}.pami-date-picker__header{display:flex;flex-direction:column;gap:0;padding-block-start:var(--md-sys-spacing-inset-lg, 16px);padding-block-end:var(--md-sys-spacing-inset-md, 12px);padding-inline-start:var(--md-sys-spacing-inset-xl, 24px);padding-inline-end:var(--md-sys-spacing-inset-md, 12px);background-color:var(--_header-color);border-block-end:1px solid var(--md-sys-color-outline-variant);flex:none}.pami-date-picker__header-supporting{font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);color:var(--_supporting-color);padding-block-end:max(4px, calc(36px + var(--md-sys-density-scale, 0) * 6px))}.pami-date-picker__header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--md-sys-spacing-gap-sm, 8px);min-block-size:max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px))}.pami-date-picker__headline{flex:1 1 auto;min-inline-size:0;font-family:var(--md-sys-typescale-headline-large-font-family, Roboto, sans-serif);font-size:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px));font-weight:var(--md-sys-typescale-headline-large-font-weight, 400);line-height:max(30px, calc(40px + var(--md-sys-density-scale, 0) * 2.5px));letter-spacing:var(--md-sys-typescale-headline-large-letter-spacing, 0px);color:var(--_headline-color)}.pami-date-picker__mode-toggle{flex:none;--pami-icon-button-container-width:48px;--pami-icon-button-container-height:48px}.pami-date-picker__body{padding-block-start:var(--md-sys-spacing-inset-md, 12px);padding-inline:12px;padding-block-end:0;display:flex;flex-direction:column}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__body{flex:1 1 auto;min-block-size:0;overflow:hidden}.pami-date-picker__nav{display:flex;align-items:center;justify-content:space-between;min-block-size:48px;padding-inline:var(--md-sys-spacing-inset-xs, 4px);margin-block-end:var(--md-sys-spacing-inset-xs, 4px);flex:none}.pami-date-picker__nav-buttons{display:flex;gap:var(--md-sys-spacing-gap-xs, 4px);align-items:center}.pami-date-picker__nav pami-icon-button.pami-date-picker__nav-chevron{flex:none}.pami-date-picker__body--no-actions{padding-block-end:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px))}.pami-date-picker__body--docked,.pami-date-picker__body--docked.pami-date-picker__body--docked-selection{padding-block-start:max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px));padding-inline:12px;padding-block-end:0}.pami-date-picker__body--docked.pami-date-picker__body--no-actions{padding-block-end:max(      0px,      calc(        max(4px, calc(20px + var(--md-sys-density-scale, 0) * 2px)) -          var(--md-sys-spacing-inset-sm, 8px)      )    );display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden}.pami-date-picker__docked-below-nav{flex:none;display:flex;align-items:center;inline-size:100%;box-sizing:border-box}.pami-date-picker__selection-divider{flex:none;inline-size:100%;margin:0;padding:0;border:none;box-sizing:border-box;display:flex;align-items:center}.pami-date-picker__body--docked-selection .pami-date-picker__docked-below-nav,.pami-date-picker__body--docked-selection .pami-date-picker__selection-menu-wrap{margin-inline:-12px;inline-size:calc(100% + 24px)}.pami-date-picker__selection-divider::before{content:'';display:block;inline-size:100%;block-size:1px;background-color:var(--md-sys-color-outline-variant)}.pami-date-picker__body--docked-selection .pami-date-picker__selection-divider{animation:pami-date-picker-selection-divider-in      var(--_selection-bloom-duration)      var(--_selection-bloom-easing)      both}.pami-date-picker__body--docked-selection>.pami-date-picker__selection-menu-wrap{box-sizing:border-box;flex:1 1 auto;block-size:auto;min-block-size:0;max-block-size:100%;border-end-start-radius:var(--md-sys-shape-corner-large, 16px);border-end-end-radius:var(--md-sys-shape-corner-large, 16px);transform-origin:center top}.pami-date-picker__body--docked-selection>.pami-date-picker__selection-menu-wrap:not(.pami-date-picker__selection-menu-wrap--bloom-out){animation:pami-date-picker-selection-bloom-in      var(--_selection-bloom-duration)      var(--_selection-bloom-easing)      both}.pami-date-picker__selection-menu-wrap--bloom-out{animation:pami-date-picker-selection-bloom-out      var(--_selection-bloom-out-duration)      var(--_selection-bloom-out-easing)      both;transform-origin:center top}.pami-date-picker__body--docked>.pami-date-picker__calendar{box-sizing:border-box;flex:1 1 auto;block-size:auto;min-block-size:0;max-block-size:100%;overflow-x:clip;overflow-y:auto}.pami-date-picker__body--docked .pami-date-picker__calendar--docked-bloom-in{animation:pami-date-picker-docked-calendar-bloom-in      var(--_calendar-bloom-duration)      var(--_selection-bloom-easing)      both;transform-origin:center top}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__calendar--content-bloom-in{animation:pami-date-picker-docked-calendar-bloom-in      var(--_calendar-bloom-duration)      var(--_selection-bloom-easing)      both;transform-origin:center top}.pami-date-picker__docked-nav{--_nav-chevron-size:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--_nav-focus-ring-gap:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--md-sys-spacing-gap-lg, 16px);inline-size:100%;padding-block-start:0;padding-inline:0;padding-block-end:30px;flex:none;box-sizing:border-box}.pami-date-picker__docked-nav .pami-date-picker__nav-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--md-sys-spacing-gap-xs, 4px);flex:0 0 auto;min-inline-size:0;box-sizing:border-box}.pami-date-picker__docked-nav pami-icon-button.pami-date-picker__directional-icon{flex:none;flex-shrink:0}.pami-date-picker__docked-nav .pami-date-picker__nav-group--month{justify-content:flex-start}.pami-date-picker__docked-nav .pami-date-picker__nav-group--year{justify-content:flex-end}.pami-date-picker__nav-chevron-slot{position:relative;flex:none;flex-shrink:0;inline-size:var(--_nav-chevron-size, 40px);block-size:var(--_nav-chevron-size, 40px)}.pami-date-picker__nav-chevron-slot>pami-tooltip,.pami-date-picker__nav-chevron-slot>.pami-date-picker__nav-chevron-spacer{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing),      visibility 0s linear var(--_caret-fade-duration)}.pami-date-picker__nav-chevron-slot>pami-tooltip.pami-date-picker__nav-chevron--visible,.pami-date-picker__nav-chevron-slot>.pami-date-picker__nav-chevron-spacer.pami-date-picker__nav-chevron--visible{opacity:1;visibility:visible;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing),      visibility 0s linear 0s}.pami-date-picker__nav-chevron-slot>pami-tooltip{display:block}.pami-date-picker__nav-chevron-slot>pami-tooltip.pami-date-picker__nav-chevron--visible{pointer-events:auto;z-index:1}.pami-date-picker__nav-chevron-spacer{display:block;inline-size:100%;block-size:100%}.pami-date-picker__icon-button{display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;border:none;border-radius:var(--md-sys-shape-corner-full, 9999px);background:transparent;cursor:pointer;position:relative;flex:none}.pami-date-picker__icon-button:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.pami-date-picker__icon-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)}.pami-date-picker__menu-button{flex:none;--pami-button-label-color:var(--md-sys-color-on-surface-variant);--pami-button-icon-size:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));--_state-layer-color:var(--md-sys-color-on-surface-variant)}.pami-date-picker__menu-button.pami-button--sm{gap:2px}.pami-date-picker__menu-button.pami-button--selected{--pami-button-container-color:var(--md-sys-color-secondary-container);--pami-button-label-color:var(--md-sys-color-on-secondary-container);--_state-layer-color:var(--md-sys-color-on-secondary-container)}.pami-date-picker__menu-button::part(label){font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px)}.pami-date-picker__menu-button-tooltip{--pami-tooltip-plain-max-inline-size:max-content}.pami-date-picker__menu-caret{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:none;inline-size:20px;block-size:20px}.pami-date-picker__menu-caret-glyph{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;font-size:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));line-height:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing),      visibility 0s linear var(--_caret-fade-duration)}.pami-date-picker__menu-caret-glyph--visible{opacity:1;visibility:visible;transition:opacity var(--_caret-fade-duration) var(--_caret-fade-easing),      visibility 0s linear 0s}.pami-date-picker__selection-menu-wrap{inline-size:100%;display:flex;flex-direction:column;flex:0 0 auto;overflow:hidden;margin-block:0;box-sizing:border-box;background-color:var(--_container-color)}.pami-date-picker__selection-menu{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;inline-size:100%;block-size:100%;pointer-events:auto;z-index:auto;--pami-menu-min-width:100%;--pami-menu-max-width:none;--pami-menu-inline-surface-color:var(--_container-color);--pami-menu-inline-fill-radius-end:var(--md-sys-shape-corner-large, 16px)}.pami-date-picker__selection-menu pami-menu-item{--pami-menu-item-gap:var(--md-sys-spacing-gap-lg, 16px);padding-inline-start:var(--md-sys-spacing-inset-lg, 16px)}.pami-date-picker__selection-menu pami-menu-item::part(headline){font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 24px);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--md-sys-color-on-surface)}.pami-date-picker__calendar{padding-block-end:var(--md-sys-spacing-inset-sm, 8px);overflow-x:clip}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__calendar{flex:1 1 auto;display:flex;flex-direction:column;min-block-size:0;padding-block-end:0;overflow:hidden}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__weekdays{flex:none}.pami-date-picker__weekdays,.pami-date-picker__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--_grid-gap);justify-items:center}.pami-date-picker__weekdays{padding-block-end:var(--md-sys-spacing-inset-lg, 16px)}.pami-date-picker__weekday-tooltip{display:flex;align-items:center;justify-content:center;inline-size:var(--_day-size);cursor:pointer}.pami-date-picker__weekday{display:flex;align-items:center;justify-content:center;inline-size:var(--_day-size);block-size:var(--_weekday-size);cursor:pointer;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 24px);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);color:var(--_weekday-color)}.pami-date-picker__grid{grid-auto-rows:var(--_day-size)}.pami-date-picker__week{display:contents}.pami-date-picker__grid--slide-forward{animation:pami-date-picker-grid-slide-forward      var(--_grid-slide-duration)      var(--_grid-slide-easing)      both}.pami-date-picker__grid--slide-backward{animation:pami-date-picker-grid-slide-backward      var(--_grid-slide-duration)      var(--_grid-slide-easing)      both}@keyframes pami-date-picker-grid-slide-forward{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pami-date-picker-grid-slide-backward{from{transform:translateX(-100%)}to{transform:translateX(0)}}:host-context([dir='rtl']) .pami-date-picker__grid--slide-forward,:host([dir='rtl']) .pami-date-picker__grid--slide-forward{animation-name:pami-date-picker-grid-slide-forward-rtl}:host-context([dir='rtl']) .pami-date-picker__grid--slide-backward,:host([dir='rtl']) .pami-date-picker__grid--slide-backward{animation-name:pami-date-picker-grid-slide-backward-rtl}@keyframes pami-date-picker-grid-slide-forward-rtl{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes pami-date-picker-grid-slide-backward-rtl{from{transform:translateX(100%)}to{transform:translateX(0)}}.pami-date-picker__day,.pami-date-picker__year{--pami-button-label-color:var(--_day-color);--pami-button-container-color:transparent;position:relative;padding:0;font-family:var(--md-sys-typescale-body-large-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-large-font-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 24px);letter-spacing:var(--md-sys-typescale-body-large-letter-spacing, 0.5px);font-variant-numeric:tabular-nums}.pami-date-picker__day::part(label),.pami-date-picker__year::part(label){position:relative;z-index:1;font:inherit;font-variant-numeric:tabular-nums}.pami-date-picker__day:focus-visible,.pami-date-picker__year:focus-visible{outline-offset:-1px}.pami-date-picker__day{--pami-button-min-width:var(--_day-size);--pami-button-width:var(--_day-size);--pami-button-min-height:var(--_day-size);--pami-button-height:var(--_day-size)}.pami-date-picker__day--today{--pami-button-container-shape:var(--pami-date-picker-day-today-shape, calc(var(--_day-size) / 2));--pami-button-label-color:var(--_today-outline-color);box-shadow:0 0 0 1px var(--_today-outline-color)}.pami-date-picker__day--outside{--pami-button-label-color:var(--_day-outside-color)}.pami-date-picker__day--selected,.pami-date-picker__year--selected{--pami-button-container-color:var(--_day-selected-bg);--pami-button-label-color:var(--_day-selected-color);--pami-button-container-shape:var(--pami-date-picker-day-selected-shape)}.pami-date-picker__day--selected.pami-date-picker__day--today{box-shadow:none}.pami-date-picker__day--disabled,.pami-date-picker__year--disabled{--pami-button-label-color:color-mix(      in srgb,      var(--_day-color) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%),      transparent    )}.pami-date-picker__year-grid-wrap{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:0;overflow:hidden;transform-origin:center top}.pami-date-picker__body--year-view .pami-date-picker__year-grid-wrap{margin-inline:-12px;inline-size:calc(100% + 24px);box-sizing:border-box}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__year-grid-wrap:not(.pami-date-picker__year-grid-wrap--bloom-out){animation:pami-date-picker-selection-bloom-in      var(--_selection-bloom-duration)      var(--_selection-bloom-easing)      both}.pami-date-picker__year-grid-wrap--bloom-out{animation:pami-date-picker-selection-bloom-out      var(--_selection-bloom-out-duration)      var(--_selection-bloom-out-easing)      both}.pami-date-picker__year-grid-scroll{flex:1 1 auto;min-block-size:0;overflow-y:auto}.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__year-grid-scroll{min-block-size:var(--_year-grid-viewport-block-size);max-block-size:var(--_year-grid-viewport-block-size)}.pami-date-picker__year-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--_year-block-size);gap:var(--_year-grid-gap);padding-block-start:8px;padding-inline:var(--_year-grid-padding-inline);padding-block-end:16px;align-content:start}.pami-date-picker__year-row{display:contents}.pami-date-picker__panel:not(.pami-date-picker__panel--docked):not(.pami-date-picker__panel--input-mode) .pami-date-picker__entry{flex:1 1 auto;min-block-size:0;overflow-y:auto;padding:var(--md-sys-spacing-inset-lg, 16px) var(--md-sys-spacing-inset-xl, 24px) var(--md-sys-spacing-inset-sm, 8px)}.pami-date-picker__year{--pami-button-min-width:var(--_year-inline-size);--pami-button-width:var(--_year-inline-size);--pami-button-min-height:var(--_year-block-size);--pami-button-height:var(--_year-block-size)}.pami-date-picker__year:nth-child(3n+1){justify-self:start}.pami-date-picker__year:nth-child(3n+2){justify-self:center}.pami-date-picker__year:nth-child(3n){justify-self:end}.pami-date-picker__entry{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-gap-lg, 16px);padding:0;inline-size:100%}.pami-date-picker__body--input-mode{padding-block-start:var(--md-sys-spacing-inset-xl, 24px);padding-inline:var(--md-sys-spacing-inset-xl, 24px);padding-block-end:var(--md-sys-spacing-inset-sm, 8px);flex:none}.pami-date-picker__entry-error{flex-basis:100%;font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--_error-color)}.pami-date-picker__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--md-sys-spacing-gap-sm, 8px);min-block-size:max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px));padding-block:var(--md-sys-spacing-inset-sm, 8px) var(--md-sys-spacing-inset-md, 12px);padding-inline:12px;flex:none}.pami-date-picker__action-btn{--pami-button-label-color:var(--_action-color)}.pami-date-picker__action-btn--primary{--pami-button-label-color:var(--_action-color)}:host-context([dir='rtl']) .pami-date-picker__directional-icon .pami-date-picker__icon,:host([dir='rtl']) .pami-date-picker__directional-icon .pami-date-picker__icon{transform:scaleX(-1)}:host-context([dir='rtl']) pami-icon-button.pami-date-picker__directional-icon,:host([dir='rtl']) pami-icon-button.pami-date-picker__directional-icon{transform:scaleX(-1)}::slotted([slot='leading-icon']){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);font-size:var(--_icon-size);color:var(--_icon-color);fill:currentColor;pointer-events:none}:host([data-theme='dark']),:host-context([data-theme='dark']){--_container-color:var(--pami-date-picker-container-color, var(--md-sys-color-surface));--_header-color:var(--pami-date-picker-header-color, var(--md-sys-color-surface-container-high))}@keyframes pami-date-picker-selection-bloom-in{from{opacity:0;transform:translateY(8px) scale(0.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pami-date-picker-selection-bloom-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(0.96)}}@keyframes pami-date-picker-selection-divider-in{from{opacity:0}to{opacity:1}}@keyframes pami-date-picker-docked-calendar-bloom-in{from{opacity:0;transform:translateY(8px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pami-date-picker-fade-in{from{opacity:0}}@keyframes pami-date-picker-fade-out{from{opacity:1}to{opacity:0}}@keyframes pami-date-picker-scale{from{opacity:0;transform:scale(0.9)}}@keyframes pami-date-picker-panel-bloom-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(0.96)}}@media (prefers-reduced-motion: reduce){.pami-date-picker__scrim,.pami-date-picker__modal--closing .pami-date-picker__scrim,.pami-date-picker__panel:not(.pami-date-picker__panel--docked),.pami-date-picker__panel--docked.pami-date-picker__panel--bloom-in,.pami-date-picker__panel--bloom-out,.pami-date-picker__body--docked-selection .pami-date-picker__selection-divider,.pami-date-picker__body--docked-selection>.pami-date-picker__selection-menu-wrap:not(.pami-date-picker__selection-menu-wrap--bloom-out),.pami-date-picker__selection-menu-wrap--bloom-out,.pami-date-picker__panel:not(.pami-date-picker__panel--docked) .pami-date-picker__year-grid-wrap:not(.pami-date-picker__year-grid-wrap--bloom-out),.pami-date-picker__year-grid-wrap--bloom-out,.pami-date-picker__calendar--docked-bloom-in,.pami-date-picker__calendar--content-bloom-in,.pami-date-picker__grid--slide-forward,.pami-date-picker__grid--slide-backward{animation:none}.pami-date-picker__nav-chevron-slot>pami-tooltip,.pami-date-picker__nav-chevron-slot>.pami-date-picker__nav-chevron-spacer,.pami-date-picker__menu-caret-glyph{transition: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}`;let T=0;const N=450;const $=200;const E=200;const j=300;const q=3;const R=5;const V=class{constructor(t){e(this,t);this.pamiChange=i(this,"pamiChange",7);this.pamiSelected=i(this,"pamiSelected",7);this.pamiInput=i(this,"pamiInput",7);this.pamiOpen=i(this,"pamiOpen",7);this.pamiClose=i(this,"pamiClose",7);this.pamiCancel=i(this,"pamiCancel",7);this.pamiViewChange=i(this,"pamiViewChange",7);this.pamiMenuOpen=i(this,"pamiMenuOpen",7);this.pamiMenuSelect=i(this,"pamiMenuSelect",7);this.pamiModeChange=i(this,"pamiModeChange",7);this.pamiValidityChange=i(this,"pamiValidityChange",5);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.validationMessage="";this.inlineValidation=new n({host:()=>this.el,validity:()=>o(this.internals),message:e=>{this.validationMessage=e},focus:()=>this.focusInput()});this.valueMissingLabel="Please choose a date.";this.reserveSupportingSpace=false;this.customValidityMessage="";this.defaultValue="";this.variant="modal-input";this.value="";this.label="Date";this.placeholder="";this.min="";this.max="";this.open=false;this.disabled=false;this.required=false;this.clearable=false;this.clearLabel="Clear date";this.error=false;this.errorText="";this.supportingText="";this.locale="";this.dateSeparator="";this.firstDayOfWeek=-1;this.headline="Select date";this.cancelLabel="Cancel";this.okLabel="OK";this.selectDateLabel="Select date";this.enterDatesLabel="Enter dates";this.invalidDateLabel="Invalid date";this.previousMonthLabel="Previous month";this.nextMonthLabel="Next month";this.previousYearLabel="Previous year";this.nextYearLabel="Next year";this.chooseMonthLabel="Choose month";this.chooseYearLabel="Choose year";this.chooseMonthYearLabel="Choose a different month and year";this.chooseMonthAndYearLabel="Choose month and year";this.toggleCalendarLabel="Switch to calendar input";this.toggleTextLabel="Switch to text input";this.openCalendarLabel="Open calendar";this.closeCalendarLabel="Close calendar";this.calendarIcon="calendar_today";this.yearGridLabel="Year";this.scrimDismissible=true;this.outsideClickDismissible=true;this.commitOnSelect=false;this.name="";this.density=0;this.focused=false;this.inputDraft="";this.viewYear=(new Date).getFullYear();this.viewMonth=(new Date).getMonth();this.viewMode="calendar";this.inputMode=false;this.focusedDate=new Date;this.pendingDate=null;this.hasSlottedHeader=false;this.hasSlottedActions=false;this.hasSlottedLeading=false;this.hasSlottedCalendarIcon=false;this.monthMenuOpen=false;this.yearMenuOpen=false;this.selectionMenuClosing=null;this.dockedCalendarBloom=false;this.gridSlideDirection=null;this.yearViewClosing=false;this.modalCalendarBloom=false;this.panelClosing=false;this.dockedPanelAlign="start";this.dockedPanelPlacement="below";this.dockedPanelMaxBlockSize=null;this.uid=`pami-dp-${++T}`;this.entryInputShouldFocus=false;this.restoreFocusEl=null;this.gridShouldFocus=false;this.menuShouldFocus=null;this.menuRestoreFocus=null;this.yearGridShouldScroll=false;this.yearListMinYear=null;this.yearListMaxYear=null;this.panelPointerEngaged=false;this.closingFromDismiss=false;this.dockedPositionCleanup=null;this.dockedPositionRafId=0;this.dockedPositionRafAttempts=0;this.lastSelectedEmitValue=null;this.onFieldInput=e=>{const i=e.target.value;this.inputDraft=i;this.pamiInput.emit({value:i})};this.onFieldCommit=()=>{const e=this.inputDraft.trim();if(!e){this.value="";this.inputDraft="";this.error=false;this.errorText="";this.emitChange();this.syncTextFieldDisplay();return}const i=g(e,this.locale,this.dateSeparator||undefined);if(!i||this.isDisabledDate(i)){this.error=true;this.errorText=this.errorText||(this.invalidDateLabel??"Invalid date");return}this.value=m(i);this.inputDraft=this.formatField(i);this.error=false;this.errorText="";this.syncViewToValue();this.emitChange();this.syncTextFieldDisplay()};this.onGridSlideAnimationEnd=e=>{if(e.target!==e.currentTarget)return;const i=e.animationName??"";if(!i.includes("pami-date-picker-grid-slide"))return;this.gridSlideDirection=null};this.toggleMonthMenu=()=>{void this.toggleMonthMenuAsync()};this.toggleYearMenu=()=>{void this.toggleYearMenuAsync()};this.onMonthMenuClose=()=>{if(!this.monthMenuOpen)return;void this.closeDockedSelectionMenu("month",{bloomCalendar:true,restoreFocus:true})};this.onYearMenuClose=()=>{if(!this.yearMenuOpen)return;void this.closeDockedSelectionMenu("year",{bloomCalendar:true,restoreFocus:true})};this.toggleYearView=()=>{if(this.viewMode==="year"){void this.closeYearViewAnimated()}else{this.openYearView()}};this.toggleInputMode=()=>{if(this.inputMode){this.commitDialogInput();if(this.error)return}else{this.inputDraft=this.pendingDate?this.formatField(this.pendingDate):""}this.inputMode=!this.inputMode;this.viewMode="calendar";this.emitModeChange(this.inputMode?"input":"calendar");if(this.inputMode){this.entryInputShouldFocus=true}};this.onPanelMouseDown=e=>{if(e.button!==0||!this.open||!this.panelEl)return;if(!this.shouldPanelClaimFocus(e.target))return;this.panelPointerEngaged=true;if(this.viewMode==="calendar"&&!this.inputMode&&!this.monthMenuOpen&&!this.yearMenuOpen){this.gridShouldFocus=true}};this.handleDayKeyDown=e=>{if(e.defaultPrevented)return;this.handleCalendarKeyDown(e)};this.handleCalendarKeyDown=e=>{if(e.defaultPrevented)return;if(this.isDockedMenuToggleKey(e)){const i=e.key.toLowerCase();if(i==="m"){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();this.toggleMonthMenu();return}if(i==="y"){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();this.toggleYearMenu();return}}let i=null;switch(this.resolveNavigationKey(e)){case"ArrowRight":i=C(this.focusedDate,1);break;case"ArrowLeft":i=C(this.focusedDate,-1);break;case"ArrowDown":i=C(this.focusedDate,7);break;case"ArrowUp":i=C(this.focusedDate,-7);break;case"Home":i=new Date(this.focusedDate.getFullYear(),this.focusedDate.getMonth(),1);break;case"End":i=new Date(this.focusedDate.getFullYear(),this.focusedDate.getMonth(),w(this.focusedDate.getFullYear(),this.focusedDate.getMonth()));break;case"PageUp":i=P(this.focusedDate,e.shiftKey?-12:-1);break;case"PageDown":i=P(this.focusedDate,e.shiftKey?12:1);break;case"Enter":{if(!this.isDayGridKeyTarget(e.target))return;e.preventDefault();if(this.isDisabledDate(this.focusedDate))return;this.selectDay({date:this.focusedDate,outOfMonth:false});this.commit();return}case" ":{if(!this.isDayGridKeyTarget(e.target))return;e.preventDefault();this.selectDay({date:this.focusedDate,outOfMonth:false});return}default:return}e.preventDefault();const t=this.viewYear;const a=this.viewMonth;this.focusedDate=F(i,this.min,this.max);const r=this.resolveNavigationKey(e);if((r==="PageUp"||r==="PageDown")&&(this.focusedDate.getFullYear()!==t||this.focusedDate.getMonth()!==a)){this.setGridSlideDirection(r==="PageDown"?1:-1)}this.viewYear=this.focusedDate.getFullYear();this.viewMonth=this.focusedDate.getMonth();this.gridShouldFocus=true};this.onPanelKeyDown=e=>{if(e.key==="Escape"){e.preventDefault();if(this.isDocked&&(this.monthMenuOpen||this.yearMenuOpen)){this.closeMenus(null,true);return}this.requestDismiss();return}if(this.canHandleCalendarKeyDown(e,this.resolveCalendarKeyTarget(e))){this.handleCalendarKeyDown(e);return}if(e.key==="Tab"&&!this.isDocked){this.trapTab(e)}};this.textFieldKeyDown=e=>{if(e.key!=="Enter")return;if(e.defaultPrevented)return;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(e.target);this.onFieldCommit()};this.entryTextFieldKeyDown=e=>{if(e.key!=="Enter"||!this.inputMode)return;if(e.defaultPrevented)return;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(e.target);this.commitDialogInput();if(this.error)return;this.commit()};this.lastValidityKey=null}resetValidationPresentation(){this.inlineValidation.reset()}handleInvalid(e){this.inlineValidation.handleInvalid(e)}get hasField(){return this.variant!=="modal"}get isDocked(){return this.variant==="docked"}get triggerExpanded(){return this.open&&!this.panelClosing}connectedCallback(){this.syncViewToValue()}componentWillLoad(){this.defaultValue=this.value;this.syncFormValue();this.hasSlottedHeader=!!this.el.querySelector('[slot="header"]');this.hasSlottedActions=!!this.el.querySelector('[slot="actions"]');this.hasSlottedLeading=!!this.el.querySelector('[slot="leading-icon"]');this.hasSlottedCalendarIcon=!!this.el.querySelector('[slot="calendar-icon"]');if(this.value){this.seedFieldDraftFromValue()}if(this.open){this.seedPending();this.lockScroll();this.gridShouldFocus=true}}componentDidLoad(){const e=this.el.shadowRoot;if(!e)return;const i=(i,t)=>{const a=e.querySelector(`slot[name="${i}"]`);if(!a)return;const r=()=>t(a.assignedElements().length>0);a.addEventListener("slotchange",r);r()};i("header",(e=>this.hasSlottedHeader=e));i("actions",(e=>this.hasSlottedActions=e));i("leading-icon",(e=>this.hasSlottedLeading=e));i("calendar-icon",(e=>this.hasSlottedCalendarIcon=e))}disconnectedCallback(){this.unlockScroll();this.unbindDockedPositionListeners()}getDockedViewportMargin(){return 16}resetDockedPanelPosition(){this.dockedPanelAlign="start";this.dockedPanelPlacement="below";this.dockedPanelMaxBlockSize=null;this.dockedPositionRafAttempts=0;if(this.dockedPositionRafId){cancelAnimationFrame(this.dockedPositionRafId);this.dockedPositionRafId=0}}resolveDockedPanelBlockSize(e){const i=e.style.getPropertyValue("max-block-size");const t=e.style.getPropertyPriority("max-block-size");e.style.setProperty("max-block-size","none","important");const a=e.offsetHeight||e.getBoundingClientRect().height;if(i){e.style.setProperty("max-block-size",i,t)}else{e.style.removeProperty("max-block-size")}return a}isRtl(){if(typeof window==="undefined")return false;return getComputedStyle(this.el).direction==="rtl"}projectedHorizontalRect(e,i,t){const a=this.isRtl();if(t==="start"){if(a){return{left:e.right-i,right:e.right}}return{left:e.left,right:e.left+i}}if(a){return{left:e.left,right:e.left+i}}return{left:e.right-i,right:e.right}}positionDockedPanel(){if(!this.isDocked||!this.open||this.panelClosing)return;const e=this.dockedAnchorEl??this.el.shadowRoot?.querySelector(".pami-date-picker__docked-anchor");const i=this.panelEl;if(!e||!i)return;const t=e.getBoundingClientRect();const a=i.offsetWidth||i.getBoundingClientRect().width;const r=i.offsetHeight||i.getBoundingClientRect().height;if(a===0||r===0){if(typeof requestAnimationFrame==="function"&&this.dockedPositionRafAttempts<V.DOCKED_POSITION_RAF_MAX){this.dockedPositionRafAttempts+=1;cancelAnimationFrame(this.dockedPositionRafId);this.dockedPositionRafId=requestAnimationFrame((()=>{this.dockedPositionRafId=0;this.positionDockedPanel()}))}return}this.dockedPositionRafAttempts=0;const s=this.resolveDockedPanelBlockSize(i);const n=this.getDockedViewportMargin();const o=window.innerWidth;const c=window.innerHeight;const l=4;let d="start";let p="below";let h=null;const m=this.projectedHorizontalRect(t,a,"start");if(m.right>o-n){const e=this.projectedHorizontalRect(t,a,"end");if(e.left>=n){d="end"}}const u=this.projectedHorizontalRect(t,a,d);if(u.left<n){const e=this.projectedHorizontalRect(t,a,"end");if(e.left>=n){d="end"}}else if(d==="end"){const e=this.projectedHorizontalRect(t,a,"end");if(e.left<n){const e=this.projectedHorizontalRect(t,a,"start");if(e.right<=o-n){d="start"}}}const f=t.bottom+l+s;if(f>c-n){const e=t.top-l-s;if(e>=n){p="above"}else{const e=c-n-t.bottom-l;if(e>0){h=`${Math.floor(e)}px`}}}if(p==="above"){const e=t.top-l-n;if(e>0&&s>e){h=`${Math.floor(e)}px`}}const _=this.dockedPanelAlign!==d||this.dockedPanelPlacement!==p||this.dockedPanelMaxBlockSize!==h;if(_){this.dockedPanelAlign=d;this.dockedPanelPlacement=p;this.dockedPanelMaxBlockSize=h}}bindDockedPositionListeners(){if(this.dockedPositionCleanup||typeof window==="undefined")return;const e=()=>this.positionDockedPanel();window.addEventListener("resize",e,{passive:true});window.addEventListener("scroll",e,{passive:true,capture:true});this.dockedPositionCleanup=()=>{window.removeEventListener("resize",e);window.removeEventListener("scroll",e,{capture:true})}}unbindDockedPositionListeners(){this.dockedPositionCleanup?.();this.dockedPositionCleanup=null}onBoundsChange(){if(!this.open)this.syncViewToValue()}onDateSeparatorChange(){if(this.value){this.seedFieldDraftFromValue()}}onOpenChange(e,i){if(e===i)return;if(e){this.panelClosing=false;this.handleOpen()}else if(!this.closingFromDismiss&&!this.panelClosing){this.open=true;void this.dismissPanel()}else{this.handleClose()}}async show(){if(this.disabled)return;this.open=true}async close(){await this.dismissPanel()}async clear(){if(this.disabled)return;this.value="";this.inputDraft="";this.error=false;this.errorText="";this.emitChange()}async focusInput(){const e=this.el.shadowRoot?.querySelector("pami-text-field")?.shadowRoot?.querySelector(".pami-text-field__input");if(e){e.focus();return}this.triggerEl?.focus()}get loc(){return this.locale||undefined}resolvedFirstDay(){if(this.firstDayOfWeek>=0&&this.firstDayOfWeek<=6){return this.firstDayOfWeek}return z(this.locale)}formatHeadline(e){if(!e)return"";return new Intl.DateTimeFormat(this.loc,{weekday:"short",month:"short",day:"numeric"}).format(e)}formatField(e){if(!e)return"";return k(e,this.loc,this.dateSeparator||undefined)}formatMonthYear(e,i){return new Intl.DateTimeFormat(this.loc,{month:"long",year:"numeric"}).format(new Date(e,i,1))}formatFullDate(e){return new Intl.DateTimeFormat(this.loc,{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(e)}dateFormatHint(){return y(this.loc,this.dateSeparator||undefined)}syncViewToValue(){const e=x(this.value)??x(this.min)??new Date;this.viewYear=e.getFullYear();this.viewMonth=e.getMonth();this.focusedDate=F(e,this.min,this.max)}seedPending(){this.viewMode="calendar";this.pendingDate=x(this.value);this.seedFieldDraftFromValue();this.syncViewToValue()}handleOpen(){this.restoreFocusEl=typeof document!=="undefined"?document.activeElement??null:null;this.inputMode=this.variant==="modal-input"?false:this.inputMode;this.monthMenuOpen=false;this.yearMenuOpen=false;this.clearYearListRange();this.yearViewClosing=false;this.clearModalCalendarBloom();this.resetDockedPanelPosition();this.seedPending();this.lockScroll();this.pamiOpen.emit();this.gridShouldFocus=true;if(this.isDocked){this.bindDockedPositionListeners()}}handleClose(){this.unlockScroll();this.unbindDockedPositionListeners();this.resetDockedPanelPosition();this.panelPointerEngaged=false;this.panelClosing=false;this.clearDockedCalendarBloom();this.clearModalCalendarBloom();this.yearViewClosing=false;this.monthMenuOpen=false;this.yearMenuOpen=false;this.selectionMenuClosing=null;this.clearYearListRange();this.pamiClose.emit();const e=this.restoreFocusEl??this.triggerEl??null;if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>e?.focus?.()))}else{e?.focus?.()}}async dismissPanel(){if(!this.open||this.panelClosing)return;if(this.isDocked&&(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing)){await this.closeDockedMenusAnimated(null,false)}if(this.prefersReducedMotion()){this.closingFromDismiss=true;this.open=false;this.closingFromDismiss=false;return}this.panelClosing=true;await this.delay(this.panelBloomOutMs());this.closingFromDismiss=true;this.open=false;this.panelClosing=false;this.closingFromDismiss=false}lockScroll(){if(this.isDocked)return;try{document.body.style.setProperty("overflow","hidden")}catch{}}unlockScroll(){try{document.body.style.removeProperty("overflow")}catch{}}isDisabledDate(e){if(S(e,this.min,this.max))return true;if(this.isDateDisabled&&this.isDateDisabled(e))return true;return false}isDisabledYear(e){const i=x(this.min);const t=x(this.max);if(i&&e<i.getFullYear())return true;if(t&&e>t.getFullYear())return true;return false}emitChange(){const e=x(this.value);this.pamiChange.emit({value:this.value,date:e})}emitSelected(e){const i=m(e);if(this.lastSelectedEmitValue===i)return;this.lastSelectedEmitValue=i;this.pamiSelected.emit({value:i,date:e});void Promise.resolve().then((()=>{this.lastSelectedEmitValue=null}))}emitViewChange(e){this.pamiViewChange.emit({month:this.viewMonth,year:this.viewYear,source:e})}emitMenuOpen(e){this.pamiMenuOpen.emit({type:e})}emitMenuSelect(e,i,t){this.pamiMenuSelect.emit({type:e,value:i,label:t})}emitModeChange(e){this.pamiModeChange.emit({mode:e})}monthLabel(e){return new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(2024,e,1))}selectDay(e){const i=e.date;if(this.isDisabledDate(i))return;this.closeMenus(null,false);this.focusedDate=i;if(e.outOfMonth){this.viewYear=i.getFullYear();this.viewMonth=i.getMonth()}this.pendingDate=i;this.emitSelected(i);if(this.commitOnSelect)this.commit()}commit(){if(this.pendingDate){this.value=m(this.pendingDate);this.inputDraft=this.formatField(this.pendingDate);this.error=false;this.errorText=""}this.emitChange();void this.dismissPanel()}cancel(){this.pamiCancel.emit();void this.dismissPanel()}requestDismiss(){this.cancel()}syncInputDraftFromField(e){const i=this.asEventElement(e);if(!i)return;const t=i.closest("input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])");if(t){this.inputDraft=t.value;return}const a=i.closest("pami-text-field");if(a){this.inputDraft=a.value??this.inputDraft}}syncTextFieldDisplay(){if(this.variant==="modal")return;const e=this.el.shadowRoot?.querySelector("pami-text-field");if(!e)return;e.value=this.inputDraft;const i=e.shadowRoot?.querySelector(".pami-text-field__input");if(i){i.value=this.inputDraft}}syncEntryTextFieldDisplay(){if(!this.entryTextFieldEl)return;const e=this.entryTextFieldEl;e.value=this.inputDraft;const i=e.shadowRoot?.querySelector(".pami-text-field__input");if(i){i.value=this.inputDraft}}seedFieldDraftFromValue(){const e=x(this.value);this.inputDraft=e?this.formatField(e):""}commitDialogInput(){const e=this.inputDraft.trim();if(!e){this.error=false;this.errorText="";this.pendingDate=null;return}const i=g(e,this.locale,this.dateSeparator||undefined);if(!i||this.isDisabledDate(i)){this.error=true;this.errorText=this.invalidDateLabel??"Invalid date";return}this.error=false;this.errorText="";this.pendingDate=i;this.inputDraft=this.formatField(i);this.syncEntryTextFieldDisplay();this.viewYear=i.getFullYear();this.viewMonth=i.getMonth();this.focusedDate=i}setGridSlideDirection(e){if(this.prefersReducedMotion())return;if(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing||this.dockedCalendarBloom){return}this.gridSlideDirection=e>0?"forward":"backward"}goToMonth(e,i=false){this.setGridSlideDirection(e);const t=P(new Date(this.viewYear,this.viewMonth,1),e);this.viewYear=t.getFullYear();this.viewMonth=t.getMonth();if(i){this.emitViewChange("chevron-month")}}goToYear(e,i=false){this.setGridSlideDirection(e);this.viewYear+=e;if(this.yearMenuOpen||this.selectionMenuClosing==="year"||this.viewMode==="year"||this.yearViewClosing){this.captureYearListRange()}if(i){this.emitViewChange("chevron-year")}}navActionLabel(e,i){if(e==="month"){return i==="prev"?this.previousMonthLabel??"Previous month":this.nextMonthLabel??"Next month"}return i==="prev"?this.previousYearLabel??"Previous year":this.nextYearLabel??"Next year"}navShortcutKey(e,i){if(e==="month"){return i==="prev"?"Page Up":"Page Down"}return i==="prev"?"Shift+Page Up":"Shift+Page Down"}navTooltipText(e,i){return`${this.navActionLabel(e,i)} (${this.navShortcutKey(e,i)})`}menuShortcutKey(e){return e==="month"?"Shift+M":"Shift+Y"}menuTooltipText(e){if(e==="month"){const i=new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(this.viewYear,this.viewMonth,1));return`${i} · ${this.chooseMonthLabel} (${this.menuShortcutKey(e)})`}return`${this.chooseYearLabel} (${this.menuShortcutKey(e)})`}captureYearListRange(){const e=this.viewYear;this.yearListMinYear=x(this.min)?.getFullYear()??e-100;this.yearListMaxYear=x(this.max)?.getFullYear()??e+100}clearYearListRange(){this.yearListMinYear=null;this.yearListMaxYear=null}getYearListBounds(){if(this.yearListMinYear!=null&&this.yearListMaxYear!=null){return{minYear:this.yearListMinYear,maxYear:this.yearListMaxYear}}const e=this.viewYear;return{minYear:x(this.min)?.getFullYear()??e-100,maxYear:x(this.max)?.getFullYear()??e+100}}closeMenus(e,i){if(this.isDocked){void this.closeDockedMenusAnimated(e,i);return}if(e!=="month"&&this.monthMenuOpen){this.monthMenuOpen=false;if(i)this.restoreMenuFocus(this.monthMenuButtonEl)}if(e!=="year"&&this.yearMenuOpen){this.yearMenuOpen=false;this.clearYearListRange();if(i)this.restoreMenuFocus(this.yearMenuButtonEl)}}async closeDockedSelectionMenu(e,i={}){const{bloomCalendar:t=true,restoreFocus:a=true}=i;const r=e==="month"?this.monthMenuOpen:this.yearMenuOpen;if(!r||this.selectionMenuClosing===e)return;this.selectionMenuClosing=e;await this.delay(this.selectionBloomOutMs());this.selectionMenuClosing=null;if(e==="month"){this.monthMenuOpen=false}else{this.yearMenuOpen=false;this.clearYearListRange()}if(a){this.gridShouldFocus=false;this.menuRestoreFocus=e}else if(t&&!this.monthMenuOpen&&!this.yearMenuOpen){this.gridShouldFocus=true}if(t&&!this.monthMenuOpen&&!this.yearMenuOpen){this.beginDockedCalendarBloom()}else if(this.isDocked&&!this.monthMenuOpen&&!this.yearMenuOpen){this.positionDockedPanel()}}async closeDockedMenusAnimated(e,i){const t=e===null;if(e!=="month"&&this.monthMenuOpen){await this.closeDockedSelectionMenu("month",{bloomCalendar:t,restoreFocus:i})}if(e!=="year"&&this.yearMenuOpen){await this.closeDockedSelectionMenu("year",{bloomCalendar:t,restoreFocus:i})}}openDockedMonthMenu(){this.clearDockedCalendarBloom();this.selectionMenuClosing=null;this.menuRestoreFocus=null;this.yearMenuOpen=false;this.monthMenuOpen=true;this.menuShouldFocus="month";this.emitMenuOpen("month")}openDockedYearMenu(){this.clearDockedCalendarBloom();this.selectionMenuClosing=null;this.menuRestoreFocus=null;this.monthMenuOpen=false;this.captureYearListRange();this.yearMenuOpen=true;this.menuShouldFocus="year";this.emitMenuOpen("year")}isDockedMonthMenuExpanded(){return this.monthMenuOpen||this.selectionMenuClosing==="month"}isDockedYearMenuExpanded(){return this.yearMenuOpen||this.selectionMenuClosing==="year"}dockedSelectionMenuToShow(){if(this.monthMenuOpen&&this.yearMenuOpen){if(this.selectionMenuClosing==="year")return"month";if(this.selectionMenuClosing==="month")return"year";return"year"}if(this.yearMenuOpen||this.selectionMenuClosing==="year")return"year";if(this.monthMenuOpen||this.selectionMenuClosing==="month")return"month";return null}dockedMenuTrailingIcon(e){return e?"arrow_drop_up":"arrow_drop_down"}renderDockedMenuTrailingCaret(e){return t("span",{slot:"trailing-icon",class:"pami-date-picker__menu-caret",part:"menu-caret","aria-hidden":"true"},t("pami-icon",{class:{"pami-date-picker__menu-caret-glyph":true,"pami-date-picker__menu-caret-glyph--down":true,"pami-date-picker__menu-caret-glyph--visible":!e},name:"arrow_drop_down"}),t("pami-icon",{class:{"pami-date-picker__menu-caret-glyph":true,"pami-date-picker__menu-caret-glyph--up":true,"pami-date-picker__menu-caret-glyph--visible":e},name:"arrow_drop_up"}))}restoreMenuFocus(e){if(!e)return;const i=()=>e.focus();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(i)))}else{i()}}getDockedSelectionMenuScrollEl(e){const i=e.shadowRoot;if(!i)return null;return i.querySelector(".pami-menu__scroll-shadow")??i.querySelector(".pami-menu__surface")}getDockedSelectionMenuTarget(e){const i=e==="month"?"month-menu":"year-menu";const t=this.panelEl?.querySelector(`[part="${i}"]`);if(!t)return null;return t.querySelector("pami-menu-item[selected]")??t.querySelector(`pami-menu-item[part*="${e}-option-selected"]`)??t.querySelector("pami-menu-item")}scrollDockedSelectionMenuIntoView(e){const i=e==="month"?"month-menu":"year-menu";const t=this.panelEl?.querySelector(`[part="${i}"]`);if(!t)return;const a=this.getDockedSelectionMenuTarget(e);if(!a)return;const r=this.getDockedSelectionMenuScrollEl(t);if(r){const e=r.getBoundingClientRect();const i=a.getBoundingClientRect();const t=i.top+i.height/2;const s=e.top+e.height/2;r.scrollTop+=t-s;return}if(typeof a.scrollIntoView==="function"){a.scrollIntoView({block:"center",inline:"nearest"})}}afterDockedSelectionMenuPaint(e){const i=()=>{this.scrollDockedSelectionMenuIntoView(e);this.getDockedSelectionMenuTarget(e)?.focus()};const t=this.selectionBloomInMs();if(t>0){void this.delay(t).then(i);return}if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(i)))}else{i()}}calculateModalYearGridScrollTop(){const e=3;const i=36;const t=12;const a=8;const r=16;const s=288;const{minYear:n,maxYear:o}=this.getYearListBounds();const c=o-n+1;const l=Math.max(0,Math.min(this.viewYear-n,c-1));const d=Math.floor(l/e);const p=Math.ceil(c/e);const h=i+t;const m=a+p*i+Math.max(0,p-1)*t+r;const u=a+d*h;const f=u+i/2;const _=f-s/2;const k=Math.max(0,m-s);return Math.max(0,Math.min(_,k))}getModalYearGridScrollEl(){const e=this.panelEl?.querySelector('[part="year-grid-wrap"]');if(!e)return null;return e.querySelector(".pami-date-picker__year-grid-scroll")??null}scrollModalYearGridIntoView(){const e=this.getModalYearGridScrollEl();if(!e)return;e.scrollTop=this.calculateModalYearGridScrollTop();const i=e.querySelector(`[data-year="${this.viewYear}"]`)??e.querySelector('[part~="year-selected"]');if(!i)return;const t=e.getBoundingClientRect();const a=i.getBoundingClientRect();const r=a.top+a.height/2;const s=t.top+t.height/2;e.scrollTop+=r-s}afterModalYearGridPaint(){const e=()=>this.scrollModalYearGridIntoView();this.scrollModalYearGridIntoView();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(e)))}else{e()}}prefersReducedMotion(){return typeof window!=="undefined"&&(window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches??false)}selectionBloomInMs(){return this.prefersReducedMotion()?0:N}selectionBloomOutMs(){return this.prefersReducedMotion()?0:$}calendarBloomInMs(){return this.prefersReducedMotion()?0:j}panelBloomOutMs(){return this.prefersReducedMotion()?0:E}delay(e){if(e<=0)return Promise.resolve();return new Promise((i=>setTimeout(i,e)))}beginDockedCalendarBloom(){if(this.prefersReducedMotion()){this.dockedCalendarBloom=false;return}this.dockedCalendarBloom=true;void this.delay(this.calendarBloomInMs()).then((()=>{if(!this.monthMenuOpen&&!this.yearMenuOpen&&!this.selectionMenuClosing){this.dockedCalendarBloom=false;this.positionDockedPanel()}}))}clearDockedCalendarBloom(){this.dockedCalendarBloom=false}beginModalCalendarBloom(){if(this.prefersReducedMotion()||this.isDocked){this.modalCalendarBloom=false;return}this.modalCalendarBloom=true;void this.delay(this.calendarBloomInMs()).then((()=>{if(this.viewMode==="calendar"&&!this.yearViewClosing){this.modalCalendarBloom=false}}))}clearModalCalendarBloom(){this.modalCalendarBloom=false}async waitForSelectionMenuClose(e){while(this.selectionMenuClosing===e){await this.delay(16)}}async toggleMonthMenuAsync(){if(this.monthMenuOpen){await this.closeDockedSelectionMenu("month",{bloomCalendar:true,restoreFocus:true});return}if(this.yearMenuOpen){this.clearDockedCalendarBloom();this.selectionMenuClosing=null;this.menuRestoreFocus=null;this.monthMenuOpen=true;this.menuShouldFocus="month";this.emitMenuOpen("month");await this.closeDockedSelectionMenu("year",{bloomCalendar:false,restoreFocus:false});return}if(this.selectionMenuClosing==="year"){await this.waitForSelectionMenuClose("year")}this.openDockedMonthMenu()}async toggleYearMenuAsync(){if(this.yearMenuOpen){await this.closeDockedSelectionMenu("year",{bloomCalendar:true,restoreFocus:true});return}if(this.monthMenuOpen){this.captureYearListRange();this.clearDockedCalendarBloom();this.selectionMenuClosing=null;this.menuRestoreFocus=null;this.yearMenuOpen=true;this.menuShouldFocus="year";this.emitMenuOpen("year");await this.closeDockedSelectionMenu("month",{bloomCalendar:false,restoreFocus:false});return}if(this.selectionMenuClosing==="month"){await this.waitForSelectionMenuClose("month")}this.openDockedYearMenu()}async pickDockedSelection(e,i,t){i();const a=t instanceof HTMLElement?t:null;if(a){await s(a)}await this.closeDockedSelectionMenu(e,{bloomCalendar:true,restoreFocus:false})}pickMonth(e,i){void this.pickDockedSelection("month",(()=>{this.viewMonth=e;this.emitMenuSelect("month",e,this.monthLabel(e));this.emitViewChange("month-menu")}),i)}pickYear(e,i){void this.pickDockedSelection("year",(()=>{this.viewYear=e;this.emitMenuSelect("year",e,String(e));this.emitViewChange("year-menu")}),i)}selectYear(e){if(this.isDisabledYear(e))return;this.viewYear=e;this.focusedDate=new Date(e,this.viewMonth,1);this.emitMenuSelect("year",e,String(e));this.emitViewChange("year-menu");void this.closeYearViewAnimated()}openYearView(){this.clearModalCalendarBloom();this.yearViewClosing=false;this.viewMode="year";this.captureYearListRange();this.yearGridShouldScroll=true;this.emitMenuOpen("year")}async closeYearViewAnimated(){if(this.viewMode!=="year"||this.yearViewClosing)return;if(this.prefersReducedMotion()){this.viewMode="calendar";this.clearYearListRange();return}this.yearViewClosing=true;await this.delay(this.selectionBloomOutMs());this.yearViewClosing=false;this.viewMode="calendar";this.clearYearListRange();this.beginModalCalendarBloom()}resolveNavigationKey(e){if(e.key==="PageUp"||e.code==="PageUp")return"PageUp";if(e.key==="PageDown"||e.code==="PageDown")return"PageDown";if(e.altKey&&!e.shiftKey&&!e.ctrlKey&&!e.metaKey){if(e.key==="ArrowUp"||e.code==="ArrowUp")return"PageUp";if(e.key==="ArrowDown"||e.code==="ArrowDown")return"PageDown"}return e.key}asEventElement(e){if(e==null||typeof e!=="object")return null;if(!("closest"in e)||typeof e.closest!=="function"){return null}return e}isEditableKeyTarget(e){const i=this.asEventElement(e);if(!i)return false;const t=i.closest('input:not([readonly]):not([disabled]), textarea:not([disabled]), [contenteditable="true"]');return!!t}isInsideSelectionMenu(e){return!!this.findInPickerTree(e,'[part="month-menu"]')||!!this.findInPickerTree(e,'[part="year-menu"]')}findInPickerTree(e,i){const t=this.asEventElement(e);if(!t)return null;let a=t;while(a){try{if(a.matches(i))return a}catch{}const e=a.getRootNode();if(e instanceof ShadowRoot){a=e.host}else{a=a.parentElement}}return null}isDayGridKeyTarget(e){if(this.findInPickerTree(e,"[data-date]"))return true;if(typeof document!=="undefined"){return!!this.findInPickerTree(document.activeElement,"[data-date]")}return false}isDockedMenuToggleKey(e){if(!this.isDocked||!e.shiftKey||e.ctrlKey||e.metaKey||e.altKey)return false;const i=e.key.toLowerCase();return i==="m"||i==="y"}isCalendarNavigationKey(e){const i=this.resolveNavigationKey(e);if(i==="ArrowRight"||i==="ArrowLeft"||i==="ArrowDown"||i==="ArrowUp"||i==="Home"||i==="End"||i==="PageUp"||i==="PageDown"||i==="Enter"||i===" "){return true}return this.isDockedMenuToggleKey(e)}canHandleCalendarKeyDown(e,i){if(!this.open||e.defaultPrevented)return false;if(this.viewMode!=="calendar"||this.inputMode)return false;const t=this.isDockedMenuToggleKey(e);if(!t&&(this.monthMenuOpen||this.yearMenuOpen||this.selectionMenuClosing)){return false}if(!this.isCalendarNavigationKey(e))return false;const a=i??e.target;if(this.isEditableKeyTarget(a)){if(!(this.hasField&&this.isTriggerFieldTarget(a)))return false;if(this.resolveNavigationKey(e)==="Enter")return false}if(!t&&this.isInsideSelectionMenu(a))return false;const r=this.resolveNavigationKey(e);if(r==="Enter"||r===" "){if(!this.isDayGridKeyTarget(a)&&!this.isDayGridKeyTarget(e.target)){return false}}return true}getEventPathNodes(e){if(typeof e.composedPath==="function"){return e.composedPath()}const i=[];let t=e.target;while(t){i.push(t);const e=t.getRootNode();if(e instanceof ShadowRoot){t=e.host}else{t=t.parentNode}}return i}isNodeInPicker(e){if(e==null||typeof e!=="object"||!("nodeType"in e))return false;let i=e;while(i){if(i===this.el||i===this.panelEl)return true;const e=i.getRootNode();if(e instanceof ShadowRoot){i=e.host}else{i=i.parentNode}}return false}isEventInPicker(e){if(!this.open)return false;if(this.getEventPathNodes(e).includes(this.el))return true;if(typeof document!=="undefined"){if(this.isNodeInPicker(document.activeElement))return true;if(this.panelPointerEngaged)return true}return false}isTriggerFieldTarget(e){return this.isNodeInPicker(e)&&!this.isNodeInPanel(e)}resolveCalendarKeyTarget(e){if(typeof document!=="undefined"){const e=document.activeElement;if(e&&this.isNodeInPanel(e))return e}if(e.target&&this.isNodeInPicker(e.target))return e.target;if(typeof document!=="undefined"){const e=document.activeElement;if(e&&this.isNodeInPicker(e))return e}return this.panelEl??null}shouldPanelClaimFocus(e){const i=this.asEventElement(e);if(!i)return true;if(i.closest('button, [role="button"], input, textarea, [contenteditable="true"], pami-menu-item, a[href]')){return false}return true}isNodeInPanel(e){if(!this.panelEl||e==null||typeof e!=="object"||!("nodeType"in e)){return false}let i=e;while(i){if(i===this.panelEl)return true;const e=i.getRootNode();if(e instanceof ShadowRoot){i=e.host}else{i=i.parentNode}}return false}tryCommitTriggerFieldOnEnter(e){if(this.disabled||!this.hasField||e.key!=="Enter")return false;const i=e.target;if(!i||!this.isNodeInPicker(i))return false;if(!this.isEditableKeyTarget(i)||!this.isTriggerFieldTarget(i))return false;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(i);this.onFieldCommit();return true}tryCommitDialogInputOnEnter(e){if(this.disabled||!this.inputMode||e.key!=="Enter")return false;const i=e.target;if(!i||!this.isEditableKeyTarget(i))return false;const t=this.asEventElement(i);if(!t?.closest('[part="entry-input"]'))return false;e.preventDefault();e.stopPropagation();this.syncInputDraftFromField(i);this.commitDialogInput();if(this.error)return true;this.commit();return true}routePickerKeyDown(e,i=false){if(e.defaultPrevented||this.panelClosing)return;if(this.tryCommitDialogInputOnEnter(e))return;if(this.tryCommitTriggerFieldOnEnter(e))return;if(!this.open)return;if(!i&&!this.isEventInPicker(e))return;if(e.key==="Escape"){e.preventDefault();if(this.isDocked&&(this.monthMenuOpen||this.yearMenuOpen)){this.closeMenus(null,true);return}this.requestDismiss();return}if(this.canHandleCalendarKeyDown(e,this.resolveCalendarKeyTarget(e))){this.handleCalendarKeyDown(e)}}handleDocumentKeyDown(e){this.routePickerKeyDown(e)}handleDocumentPointerDown(e){if(!this.open||this.panelClosing)return;if(!this.isDocked||!this.outsideClickDismissible)return;if(this.getEventPathNodes(e).includes(this.el))return;if(this.isNodeInPicker(e.target))return;this.requestDismiss()}handleHostKeyDown(e){this.routePickerKeyDown(e,true)}swallowNestedPamiOpen(e){if((e.composedPath?.()[0]??e.target)!==this.el){e.stopImmediatePropagation()}}swallowNestedPamiClose(e){if((e.composedPath?.()[0]??e.target)!==this.el){e.stopImmediatePropagation()}}focusFocusedDay(){const e=m(this.focusedDate);const i=this.panelEl?.querySelector(`[data-date="${e}"]`);if(!i)return;const t=()=>i.focus();if(typeof requestAnimationFrame==="function"){requestAnimationFrame((()=>requestAnimationFrame(t)))}else{t()}}trapTab(e){const i=this.panelEl;if(!i)return;const t=Array.from(i.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((e=>e.offsetParent!==null||e===document.activeElement));if(t.length===0)return;const a=t[0];const r=t[t.length-1];const s=this.el.shadowRoot?.activeElement??null;if(e.shiftKey&&s===a){e.preventDefault();r.focus()}else if(!e.shiftKey&&s===r){e.preventDefault();a.focus()}}componentDidRender(){if(this.isDocked&&this.open&&!this.panelClosing&&!this.selectionMenuClosing&&!this.dockedCalendarBloom){this.positionDockedPanel()}if(this.menuShouldFocus){const e=this.menuShouldFocus;this.menuShouldFocus=null;this.afterDockedSelectionMenuPaint(e);return}if(this.yearGridShouldScroll){this.yearGridShouldScroll=false;this.afterModalYearGridPaint();return}if(this.menuRestoreFocus){const e=this.menuRestoreFocus;this.menuRestoreFocus=null;const i=e==="month"?this.monthMenuButtonEl:this.yearMenuButtonEl;this.restoreMenuFocus(i);return}if(this.entryInputShouldFocus&&this.inputMode){this.entryInputShouldFocus=false;const e=this.entryTextFieldEl?.shadowRoot?.querySelector(".pami-text-field__input");if(e instanceof HTMLElement){e.focus()}return}if(this.open&&this.gridShouldFocus&&this.viewMode==="calendar"&&!this.inputMode&&!this.monthMenuOpen&&!this.yearMenuOpen){this.focusFocusedDay();this.gridShouldFocus=false}}renderTextFieldTrigger(){const e=x(this.value);const i=this.focused?this.inputDraft:this.formatField(e);const a=(this.error||!!this.validationMessage)&&(this.errorText||this.validationMessage)?"":this.supportingText||this.dateFormatHint();return t("pami-text-field",{class:"pami-date-picker__textfield",part:"field",label:this.label,value:i,supportingText:a,error:this.error||!!this.validationMessage,errorText:this.errorText||this.validationMessage,reserveSupportingSpace:this.reserveSupportingSpace,disabled:this.disabled,required:this.required,appearFocused:this.open,onFocusin:()=>{this.focused=true;if(!this.error)this.seedFieldDraftFromValue()},onFocusout:()=>{this.focused=false},onKeyDown:this.textFieldKeyDown,onPamiInput:e=>{this.inputDraft=e.detail;this.pamiInput.emit({value:e.detail})},onPamiChange:e=>{this.inputDraft=e.detail;this.onFieldCommit()}},this.hasSlottedLeading&&t("slot",{name:"leading-icon",slot:"leading-icon"}),this.clearable&&!!this.value&&!this.disabled&&t("pami-icon-button",{slot:"trailing-icon",class:"pami-date-picker__clear-button",part:"clear-button",variant:"standard",icon:"close","aria-label":this.clearLabel,onClick:e=>{e.stopPropagation();void this.clear()}}),t("pami-icon-button",{slot:"trailing-icon",class:"pami-date-picker__calendar-button",part:"calendar-button",variant:this.triggerExpanded?"tonal":"standard",icon:this.hasSlottedCalendarIcon?"":this.calendarIcon,"aria-label":this.triggerExpanded?this.closeCalendarLabel:this.openCalendarLabel,"aria-haspopup":"dialog","aria-expanded":this.triggerExpanded?"true":"false",disabled:this.disabled,ref:e=>this.triggerEl=e,onPamiClick:()=>this.open?this.close():this.show()},this.hasSlottedCalendarIcon&&t("slot",{name:"calendar-icon",slot:""})))}renderModalNavChevron(e,i){return t("pami-tooltip",{class:"pami-date-picker__nav-chevron-tooltip",text:this.navTooltipText("month",e),showDelay:0,position:"bottom",offset:q},t("pami-icon-button",{class:"pami-date-picker__directional-icon pami-date-picker__nav-chevron",part:e==="prev"?"prev-button":"next-button",size:"sm",icon:e==="prev"?"chevron_left":"chevron_right","aria-label":this.navActionLabel("month",e),onClick:i}))}modalMonthYearTooltipText(e,i){return`${this.formatMonthYear(e,i)} · ${this.chooseMonthAndYearLabel}`}renderNav(e=false){const i=e?P(new Date(this.viewYear,this.viewMonth,1),1).getFullYear():this.viewYear;const a=e?P(new Date(this.viewYear,this.viewMonth,1),1).getMonth():this.viewMonth;const r=!e&&(this.viewMode==="year"||this.yearViewClosing);const s=t("pami-button",{class:{"pami-date-picker__menu-button":true,"pami-date-picker__menu-button--expanded":r},part:"month-toggle",variant:"text",size:"sm",toggle:true,selected:r,trailingIcon:e?undefined:this.dockedMenuTrailingIcon(r),suppressExpandIconFlip:true,mirrorIcon:r,"aria-label":this.chooseMonthYearLabel,"aria-expanded":r?"true":"false",disabled:e,onPamiClick:i=>{i.preventDefault();if(!e)this.toggleYearView()}},this.formatMonthYear(i,a),!e&&this.renderDockedMenuTrailingCaret(r));return t("div",{class:"pami-date-picker__nav",part:"nav"},e?s:t("pami-tooltip",{class:"pami-date-picker__menu-button-tooltip",text:this.modalMonthYearTooltipText(i,a),showDelay:0,position:"bottom",offset:R},s),this.viewMode==="calendar"&&t("div",{class:"pami-date-picker__nav-buttons"},this.renderModalNavChevron("prev",(()=>this.goToMonth(-1,true))),this.renderModalNavChevron("next",(()=>this.goToMonth(1,true)))))}renderDockedNavChevron(e,i,a,r){return t("span",{class:"pami-date-picker__nav-chevron-slot",part:`${e}-${i}-chevron-slot`},t("pami-tooltip",{class:{"pami-date-picker__nav-chevron-tooltip":true,"pami-date-picker__nav-chevron--visible":a},text:this.navTooltipText(i,e),showDelay:0,position:"bottom",offset:q},t("pami-icon-button",{class:"pami-date-picker__directional-icon pami-date-picker__nav-chevron",part:`${e}-${i}-button`,size:"sm",icon:e==="prev"?"chevron_left":"chevron_right","aria-label":this.navActionLabel(i,e),disabled:!a,onClick:a?r:undefined})),t("span",{class:{"pami-date-picker__nav-chevron-spacer":true,"pami-date-picker__nav-chevron--visible":!a},part:`${e}-${i}-chevron-spacer`,"aria-hidden":"true"}))}renderDockedNav(){const e=new Intl.DateTimeFormat(this.loc,{month:"short"}).format(new Date(this.viewYear,this.viewMonth,1));const i=this.isDockedMonthMenuExpanded();const a=this.isDockedYearMenuExpanded();return t("div",{class:"pami-date-picker__docked-nav",part:"nav"},t("div",{class:{"pami-date-picker__nav-group":true,"pami-date-picker__nav-group--month":true,"pami-date-picker__nav-group--selection-open":i}},this.renderDockedNavChevron("prev","month",!a,(()=>this.goToMonth(-1,true))),t("pami-tooltip",{class:"pami-date-picker__menu-button-tooltip",text:this.menuTooltipText("month"),showDelay:0,position:"bottom",offset:R},t("pami-button",{class:{"pami-date-picker__menu-button":true,"pami-date-picker__menu-button--expanded":i},part:"month-menu-button",variant:"text",size:"sm",toggle:true,selected:i,trailingIcon:this.dockedMenuTrailingIcon(i),suppressExpandIconFlip:true,mirrorIcon:i,"aria-label":this.chooseMonthLabel,"aria-haspopup":"menu","aria-expanded":i?"true":"false",ref:e=>this.monthMenuButtonEl=e,onPamiClick:e=>{e.preventDefault();this.toggleMonthMenu()}},e,this.renderDockedMenuTrailingCaret(i))),this.renderDockedNavChevron("next","month",!a,(()=>this.goToMonth(1,true)))),t("div",{class:{"pami-date-picker__nav-group":true,"pami-date-picker__nav-group--year":true,"pami-date-picker__nav-group--selection-open":a}},this.renderDockedNavChevron("prev","year",!i,(()=>this.goToYear(-1,true))),t("pami-tooltip",{class:"pami-date-picker__menu-button-tooltip",text:this.menuTooltipText("year"),showDelay:0,position:"bottom",offset:R},t("pami-button",{class:{"pami-date-picker__menu-button":true,"pami-date-picker__menu-button--expanded":a},part:"year-menu-button",variant:"text",size:"sm",toggle:true,selected:a,trailingIcon:this.dockedMenuTrailingIcon(a),suppressExpandIconFlip:true,mirrorIcon:a,"aria-label":this.chooseYearLabel,"aria-haspopup":"menu","aria-expanded":a?"true":"false",ref:e=>this.yearMenuButtonEl=e,onPamiClick:e=>{e.preventDefault();this.toggleYearMenu()}},this.viewYear,this.renderDockedMenuTrailingCaret(a))),this.renderDockedNavChevron("next","year",!i,(()=>this.goToYear(1,true)))))}renderDockedSelectionDivider(){return t("div",{class:"pami-date-picker__selection-divider",part:"selection-divider",role:"separator","aria-hidden":"true"})}renderDockedMonthMenu(e){const i=Array.from({length:12},((e,i)=>new Intl.DateTimeFormat(this.loc,{month:"long"}).format(new Date(2024,i,1))));return t("div",{class:{"pami-date-picker__selection-menu-wrap":true,"pami-date-picker__selection-menu-wrap--bloom-out":e},part:"month-menu-wrap"},t("pami-menu",{class:"pami-date-picker__selection-menu pami-menu--inline-fill",part:"month-menu",exportparts:"menu-viewport:month-menu-viewport",variant:"baseline",open:true,quick:true,persistent:true,autoFocus:false,onPamiClose:this.onMonthMenuClose},i.map(((e,i)=>{const a=i===this.viewMonth;return t("pami-menu-item",{part:a?"month-option month-option-selected":"month-option",headline:e,type:"radio","check-position":"start","keep-open":true,selected:a,onPamiClick:e=>this.pickMonth(i,e.target)})}))))}renderDockedYearMenu(e){const i=this.viewYear;const{minYear:a,maxYear:r}=this.getYearListBounds();const s=[];for(let e=a;e<=r;e++)s.push(e);return t("div",{class:{"pami-date-picker__selection-menu-wrap":true,"pami-date-picker__selection-menu-wrap--year":true,"pami-date-picker__selection-menu-wrap--bloom-out":e},part:"year-menu-wrap"},t("pami-menu",{class:"pami-date-picker__selection-menu pami-menu--inline-fill",part:"year-menu",exportparts:"menu-viewport:year-menu-viewport",variant:"baseline",open:true,quick:true,persistent:true,autoFocus:false,onPamiClose:this.onYearMenuClose},s.map((e=>{const a=e===i;return t("pami-menu-item",{part:a?"year-option year-option-selected":"year-option",headline:String(e),type:"radio","check-position":"start","keep-open":true,selected:a,onPamiClick:i=>this.pickYear(e,i.target)})}))))}renderCalendar(e,i,a=true,r=false){const s=this.resolvedFirstDay();const n=Y(this.locale,s,"narrow");const o=Y(this.locale,s,"long");const c=I(e,i,s);const l=new Date;const d=this.formatMonthYear(e,i);return t("div",{class:{"pami-date-picker__calendar":true,"pami-date-picker__calendar--docked-bloom-in":r&&this.isDocked,"pami-date-picker__calendar--content-bloom-in":r&&!this.isDocked},part:"calendar",role:"grid","aria-label":d},t("div",{class:"pami-date-picker__weekdays",part:"weekdays",role:"row","aria-hidden":"true"},n.map(((e,i)=>t("pami-tooltip",{class:"pami-date-picker__weekday-tooltip",text:o[i],showDelay:0,position:"bottom",offset:3},t("span",{class:"pami-date-picker__weekday",part:"weekday",role:"presentation"},e))))),t("div",{class:{"pami-date-picker__grid":true,"pami-date-picker__grid--slide-forward":this.gridSlideDirection==="forward","pami-date-picker__grid--slide-backward":this.gridSlideDirection==="backward"},part:"grid",role:"rowgroup",onAnimationEnd:this.onGridSlideAnimationEnd},Array.from({length:c.length/7},((e,i)=>t("div",{class:"pami-date-picker__week",part:"week",role:"row"},c.slice(i*7,i*7+7).map((e=>this.renderDay(e,l,a))))))))}renderDay(e,i,a){const r=e.date;const s=m(r);const n=this.isDisabledDate(r);const o=M(r,i);const c=M(r,this.focusedDate)&&a;const l=!!this.pendingDate&&M(r,this.pendingDate);const d=!l&&!o&&!n&&!e.outOfMonth;const p=["day"];if(l)p.push("day-selected");if(o)p.push("day-today");if(n)p.push("day-disabled");if(e.outOfMonth)p.push("day-outside");if(d)p.push("day-unselected");return t("pami-button",{class:{"pami-date-picker__day":true,"pami-date-picker__day--selected":l,"pami-date-picker__day--today":o,"pami-date-picker__day--disabled":n,"pami-date-picker__day--outside":e.outOfMonth,"pami-date-picker__day--unselected":d},part:p.join(" "),variant:l?"filled":"text",size:"sm",shape:"square",selected:l,roleOverride:"gridcell",groupTabindex:c?0:-1,"data-date":s,"aria-selected":l?"true":"false","aria-disabled":n?"true":undefined,"aria-current":o?"date":undefined,"aria-label":this.formatFullDate(r),disabled:n,onPamiClick:()=>this.selectDay(e),onKeyDown:a?this.handleDayKeyDown:undefined},r.getDate())}renderYearGrid(e=false){const i=this.viewYear;const{minYear:a,maxYear:r}=this.getYearListBounds();const s=[];for(let e=a;e<=r;e++)s.push(e);return t("div",{class:{"pami-date-picker__year-grid-wrap":true,"pami-date-picker__year-grid-wrap--bloom-out":e},part:"year-grid-wrap"},t("div",{class:"pami-date-picker__year-grid-scroll",part:"year-grid-scroll year-grid-viewport"},t("div",{class:"pami-date-picker__year-grid",part:"year-grid",role:"grid","aria-label":this.yearGridLabel},Array.from({length:Math.ceil(s.length/3)},((e,a)=>t("div",{class:"pami-date-picker__year-row",part:"year-row",role:"row"},s.slice(a*3,a*3+3).map((e=>{const a=e===i;const r=this.isDisabledYear(e);const s=!a&&!r;const n=["year"];if(a)n.push("year-selected");if(r)n.push("year-disabled");if(s)n.push("year-unselected");return t("pami-button",{class:{"pami-date-picker__year":true,"pami-date-picker__year--selected":a,"pami-date-picker__year--disabled":r,"pami-date-picker__year--unselected":s},part:n.join(" "),variant:a?"filled":"text",size:"sm",shape:"square",selected:a,roleOverride:"gridcell","data-year":String(e),"aria-selected":a?"true":"false","aria-disabled":r?"true":undefined,"aria-label":String(e),disabled:r,onPamiClick:()=>this.selectYear(e)},e)}))))))))}renderDialogInput(){return t("div",{class:"pami-date-picker__entry",part:"entry"},t("pami-text-field",{class:"pami-date-picker__entry-textfield",part:"entry-input",label:this.label,placeholder:this.placeholder||this.dateFormatHint(),value:this.inputDraft,error:this.error||!!this.validationMessage,errorText:this.errorText||this.validationMessage,reserveSupportingSpace:this.reserveSupportingSpace,ref:e=>this.entryTextFieldEl=e,onKeyDown:this.entryTextFieldKeyDown,onPamiInput:e=>{this.inputDraft=e.detail;this.pamiInput.emit({value:e.detail})}}))}renderHeadline(){if(this.inputMode){return this.enterDatesLabel}return this.pendingDate?this.formatHeadline(this.pendingDate):this.selectDateLabel}renderHeader(){if(this.hasSlottedHeader){return t("div",{class:"pami-date-picker__header",part:"header"},t("slot",{name:"header"}))}const e=this.headline;const i=this.inputMode?this.toggleCalendarLabel:this.toggleTextLabel;return t("div",{class:"pami-date-picker__header",part:"header"},t("div",{class:"pami-date-picker__header-supporting",part:"supporting"},e),t("div",{class:"pami-date-picker__header-row"},t("div",{class:"pami-date-picker__headline",part:"headline"},this.renderHeadline()),this.variant!=="docked"&&t("pami-tooltip",{class:"pami-date-picker__mode-toggle-tooltip",text:i,showDelay:0,position:"bottom"},t("pami-icon-button",{class:"pami-date-picker__mode-toggle",part:"mode-toggle",icon:this.inputMode?"calendar_today":"edit","aria-label":i,onClick:this.toggleInputMode}))))}get hasActionRow(){return this.hasSlottedActions||!this.commitOnSelect||this.inputMode}renderActions(){if(!this.hasActionRow)return null;if(this.hasSlottedActions){return t("div",{class:"pami-date-picker__actions",part:"actions"},t("slot",{name:"actions"}))}return t("div",{class:"pami-date-picker__actions",part:"actions"},t("pami-button",{class:"pami-date-picker__action-btn",variant:"text",size:"sm",onPamiClick:()=>this.cancel(),part:"cancel-button"},this.cancelLabel),t("pami-button",{class:"pami-date-picker__action-btn pami-date-picker__action-btn--primary",variant:"text",size:"sm",onPamiClick:()=>{if(this.inputMode){this.commitDialogInput();if(this.error)return}this.commit()},part:"ok-button"},this.okLabel))}renderBody(){if(this.inputMode){return t("div",{class:{"pami-date-picker__body":true,"pami-date-picker__body--input-mode":true,"pami-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderDialogInput())}const e=this.viewMode==="year"||this.yearViewClosing;const i=this.viewMode==="calendar"&&!this.yearViewClosing;const a=this.dockedCalendarBloom||this.modalCalendarBloom;if(e&&!this.isDocked){return t("div",{class:{"pami-date-picker__body":true,"pami-date-picker__body--year-view":true,"pami-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderNav(),this.renderYearGrid(this.yearViewClosing))}if(this.isDocked){const e=this.monthMenuOpen||this.yearMenuOpen||!!this.selectionMenuClosing;const i=this.dockedSelectionMenuToShow();const a=i==="year";const r=i==="month";return t("div",{class:{"pami-date-picker__body":true,"pami-date-picker__body--docked":true,"pami-date-picker__body--docked-selection":e,"pami-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderDockedNav(),e&&t("div",{class:"pami-date-picker__docked-below-nav",part:"docked-below-nav"},this.renderDockedSelectionDivider()),r&&this.renderDockedMonthMenu(this.selectionMenuClosing==="month"),a&&this.renderDockedYearMenu(this.selectionMenuClosing==="year"),!e&&this.renderCalendar(this.viewYear,this.viewMonth,true,this.dockedCalendarBloom))}return t("div",{class:{"pami-date-picker__body":true,"pami-date-picker__body--no-actions":!this.hasActionRow},part:"body"},this.renderNav(),i&&this.renderCalendar(this.viewYear,this.viewMonth,true,a))}renderPanel(e=false){const i=e&&this.dockedPanelMaxBlockSize?{maxBlockSize:this.dockedPanelMaxBlockSize}:undefined;return t("div",{class:{"pami-date-picker__panel":true,"pami-date-picker__panel--docked":e,"pami-date-picker__panel--align-end":e&&this.dockedPanelAlign==="end","pami-date-picker__panel--placement-above":e&&this.dockedPanelPlacement==="above","pami-date-picker__panel--input-mode":!e&&this.inputMode,"pami-date-picker__panel--bloom-in":!this.panelClosing,"pami-date-picker__panel--bloom-out":this.panelClosing},part:"panel",role:"dialog","aria-modal":e?undefined:"true","aria-label":this.label,style:i,ref:e=>this.panelEl=e,tabindex:"-1",onMouseDown:this.onPanelMouseDown,onKeyDown:this.onPanelKeyDown},!e&&this.renderHeader(),this.renderBody(),this.renderActions())}renderModal(){return t("div",{class:{"pami-date-picker__modal":true,"pami-date-picker__modal--closing":this.panelClosing},part:"modal"},t("div",{class:"pami-date-picker__scrim",part:"scrim",onClick:()=>this.scrimDismissible&&this.requestDismiss()}),this.renderPanel(false))}render(){const e=this.open||this.panelClosing;const i=this.open&&!this.panelClosing;return t(a,{key:"7512acdce0b5c2d75ff93ca3aca8dee9cc842e68",class:{"pami-date-picker":true,[`pami-date-picker--${this.variant}`]:true,"pami-date-picker--open":i,"pami-date-picker--panel-closing":this.panelClosing,"pami-date-picker--disabled":this.disabled,"pami-date-picker--error":this.error||!!this.validationMessage},"aria-disabled":this.disabled?"true":null},this.isDocked?t("div",{class:"pami-date-picker__docked-anchor",ref:e=>this.dockedAnchorEl=e},this.renderTextFieldTrigger(),e&&t("div",{class:{"pami-date-picker__docked-popup":true,"pami-date-picker__docked-popup--above":this.dockedPanelPlacement==="above"}},this.renderPanel(true))):this.hasField&&this.renderTextFieldTrigger(),e&&!this.isDocked&&this.renderModal())}syncFormValue(){c(this.internals,this.value||null);l(this.internals,{missing:this.required&&!this.value,missingMessage:this.valueMissingLabel,customMessage:this.customValidityMessage});this.inlineValidation.refresh();this.emitValidityChange()}formDisabledCallback(e){if(e)queueMicrotask((()=>this.inlineValidation.reset()))}formResetCallback(){this.inlineValidation.reset();this.value=this.defaultValue}async getValidity(){return o(this.internals)}emitValidityChange(){const e=o(this.internals);const i=`${e.valid}|${e.validationMessage}`;if(this.lastValidityKey===i)return;const t=this.lastValidityKey!==null;this.lastValidityKey=i;if(t)this.pamiValidityChange.emit(e)}async checkValidity(){return d(this.internals)}async reportValidity(){return p(this.internals)}async setCustomValidity(e){this.customValidityMessage=e;this.syncFormValue()}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{name:[{resetValidationPresentation:0}],value:[{onBoundsChange:0},{syncFormValue:0}],min:[{onBoundsChange:0}],max:[{onBoundsChange:0}],dateSeparator:[{onDateSeparatorChange:0}],open:[{onOpenChange:0}],required:[{syncFormValue:0}],valueMissingLabel:[{syncFormValue:0}]}}};V.DOCKED_POSITION_RAF_MAX=60;V.style=A();export{V as pami_date_picker};
+//# sourceMappingURL=p-b928a212.entry.js.map